@charset "utf-8";

@font-face {
 font-family: 'NanumBarunGothic';
 src: url("font/NanumBarunGothic.eot");
 src: url("font/NanumBarunGothic.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothic.woff") format("woff"),
      url("font/NanumBarunGothic.ttf") format("truetype");
}


@font-face {
 font-family: 'NanumBarunGothicBold';
 src: url("font/NanumBarunGothicBold.eot");
 src: url("font/NanumBarunGothicBold.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothicBold.woff") format("woff"),
      url("font/NanumBarunGothicBold.ttf") format("truetype");
}

@font-face {
 font-family: 'NanumBarunGothicLight';
 src: url("font/NanumBarunGothicLight.eot");
 src: url("font/NanumBarunGothicLight.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothicLight.woff") format("woff"),
      url("font/NanumBarunGothicLight.ttf") format("truetype");
}

@font-face {
 font-family: 'NanumBarunGothicUltraLight';
 src: url("font/NanumBarunGothicUltraLight.eot");
 src: url("font/NanumBarunGothicUltraLight.eot?#iefix") format("embedded-opentype"),
      url("font/NanumBarunGothicUltraLight.woff") format("woff"),
      url("font/NanumBarunGothicUltraLight.ttf") format("truetype");
}



/* CSS 기본세팅 _ 초기화 */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
html,body{width:100%; height:100%}
html{overflow-y: scroll;}
body,input,textarea,select,button,table{font-family: "NanumBarunGothic" ;font-size:13px}
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none;color:#212121}
a:hover,a:active,a:focus{text-decoration:none;color:#c58146}




/* 시작 */
body {min-width:1200px;color:#666666;}
#main_img {background:url(../img/main_bg.jpg) no-repeat; width:100%; height:687px; position:absolute; top:0; min-width: 1200px;} 
#wrap{position:relative; /*z-index: 99;*/}

.wrap {position: relative;
margin: 0 auto;
width: 1200px;}

/*#header{background:url(../img/common/bg_header.gif) repeat-x 0 0;}*/

#top{  height:89px;zoom:1}

#nav{ margin: 0 auto; width: 100%; height: 68px; position: absolute; top: 45px; z-index: 12;  }
/* 상단메뉴는 style_main_menu.css */



#main { position:absolute; top:0; width: 100%;     }

#main_vis {width:100%; height:554px; }
#main_vis #main_vis_ul  { margin:0 auto; }
#main_vis #main_vis_ul li{width:100%; height:640px;}
#vis1{ background:url('/img/common/main_bg1.jpg') 50% no-repeat; z-index:1;    }
#vis2{ background:url('/img/common/main_bg2.jpg') 50% no-repeat;  }
#vis3{ background:url('/img/common/main_bg3.jpg') 50% no-repeat;  }

#main_vis #main_vis_ul, #ol_wrap ol {margin:0; padding:0; list-style:none; }
#main_vis .vis_img{ position:absolute;}

#ol_wrap { width: 100%;
position: absolute;
bottom: 60px;
margin: auto;
z-index: 11; }

#ol_wrap ol { width: 1200px;
margin: auto;  }
#ol_wrap ol li { width:15px; height:15px; margin:0 5px; float:left; background-color:#fff; text-indent: 15px; overflow:hidden; cursor:pointer; }
#ol_wrap ol .on {background-color:#ffed52;}

#main_tit  { position: absolute;
z-index: 1; top: 195px;
width: 100%;  }

#main_tit img {    } 


.img_box {   width: 1200px; margin: auto auto 25px auto; }

.img_box  ul{overflow:hidden; }
.img_box  ul:after { content:""; clear:both; display:block; }
.img_box  li{list-style:none;  width: 300px;  position:relative; float:left;  }

.img_box  li a{display:inline-block;position:relative; width:300px; height:88px;   }
.img_box  li a img { width:300px; position:relative;    }
.img_box  li .hover_img { position:absolute; right:0; opacity:0; }
.img_box  li img { transition: opacity 0.5s ease-out;}
.img_box  li a p { transition: color 0.5s ease-out;}
.img_box  li a:hover img { opacity:1;}
.img_box  li a p { position: absolute;

width: 300px; padding-left: 145px;
font-size: 20px; box-sizing:border-box;
color: #fff;
top: 13px;
  transition: text-align 0.5s ease-out, width 0.5s ease-out, padding-left 0.5s ease-out, color 0.5s ease-out;  }
  .img_box  li a p span { font-size: 13px;  margin-top: 5px; display: inline-block; }
.img_box  li a:hover p { text-align:center; width:300px; right:0; padding-left:0; color:#FFFCBC;   }
.img_box  li a:hover p span { color:#fff;   }











#container{}

#intro{
	height:422px;
	margin-bottom: 25px;
	/*background:url(../img/common/intro.jpg) no-repeat 50% 0 /cover;*/
	}


#center_tit{ position:absolute; right:0;   top: 117px;  }

#intro .text{position:relative; margin:0 auto; width:1200px; height:303px;}
#intro .text .eng_tit{position:absolute;left:5px;top:80px;width:500px;height:100px;color:#393939;font-size:40px;font-weight:bold;line-height:1;  background:url(../img/common/bg_eng_tit.png) no-repeat right top;}
#intro .text .eng_tit span{color:#618523}
#intro .text p{position:absolute; top:165px; left:5px; font-size:14px; line-height:24px; color:#393939; font-weight:bold;}
#intro .text .intro_deco{display:inline-block;position:absolute;right:-54px;bottom:0;width:498px;height:303px;background:url(../img/common/intro_png.png) no-repeat left top;}

#board_zone{ margin:0 auto; width:1200px; /*margin-top:225px;*/zoom:1; height: 230px;   }
#board_zone:after{display:block; clear:both; content:'';}






#board_zone_1{width:1200px; float: left; margin-top: 30px; }
#board02_zone {width:1200px;  float: left; margin-bottom: 7px;}
#board_zone_3{width:100%;  margin-top: 30px; clear: both; height: 284px; padding: 30px 0; background-color: #fff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ababab' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");} 

#intro #bg_tit { width:335px; position:absolute;  left: 0; z-index: -1; }
#intro_wrap { width:1200px; position:absolute; margin:0 auto; right: 0; left: 0; top: 290px;  }

#center_tit1 { width:1200px; position:absolute; left: 0; top: 385px; padding-left: 248px; box-sizing: border-box;}



#main_content { margin-bottom: 35px;   }
#main_content .wrap:after { content:""; clear:both; display:block; }
#main_content1 { width: 754px; float:left; margin-right: 10px;  }
#main_content1 article {    }

#main_content1 #icon_box {margin-bottom: 7px;   }
#main_content1 #icon_box ul {   }
#main_content1 #icon_box ul:after { content:""; clear:both; display:block; }
#main_content1 #icon_box ul li {   }
#main_content1 #icon_box ul li a {   }
#main_content1 #icon_box ul li a img { margin-bottom: 5px;  }
#main_content1 #icon_box ul li a img span {   }

#icon_box {    }
#icon_box ul{ width:754px; border-left:1px solid #dbcfc9; border-top: 1px solid #dbcfc9;    }
#icon_box ul:after { content:""; clear:both; display:block; }
#icon_box li{list-style:none;float:left;  position:relative; border-bottom: 1px solid #dbcfc9; border-right: 1px solid #dbcfc9;  cursor: pointer;}
#icon_box li a {  width: 149.6px;  background-color: #ffffff;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23bababa' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); 
transition: color 0.2s ease-out, background-color 0.2s ease-out ;   padding: 20px 0; display: block;  height: 177px; text-align: center; }
#icon_box li a img {display: inline-block; width: 90px;  transition: width 0.2s ease-out;      }
#icon_box li a:hover img { width:105px;   }

#icon_box li:nth-child(1) a i { background-image:url(../img/board_icon1.png);   }
#icon_box li:nth-child(2) a i { background-image:url(../img/board_icon3.png);   }
#icon_box li:nth-child(3) a i { background-image:url(../img/board_icon5.png);   }
#icon_box li:nth-child(4) a i { background-image:url(../img/board_icon6.png);   }
#icon_box li a span {   display: inline-block; font-size: 20px; line-height: 26px; ; color:#554933;  }
#icon_box li:nth-child(4) a span, #intro_box li:nth-child(5) a span  {/* margin-top:18px;*/}
#icon_box li span  {transition: color 0.2s ease-out;}
#icon_box li i  { transition: background-position 0.2s ease-out;}


#icon_box a:hover { color:#37578e; background-color: #f4f4f4;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23bababa' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");   }




#main_content1 #img_box {   }
#main_content1 #img_box ul{overflow:hidden;  width:754px; }
#main_content1 #img_box ul:after { content:""; clear:both; display:block; }
#main_content1 #img_box ul li {list-style:none; float:left; width: 248px;  position:relative;  margin-right: 5px; }
#main_content1 #img_box ul li:last-child { margin-right:0;  }
#main_content1 #img_box ul li:nth-child(1) a i { color:#d093ff; margin-left:25px;   }
#main_content1 #img_box ul li:nth-child(2) a i { color:#80fff8; margin-left:25px   }
#main_content1 #img_box ul li:nth-child(3) a i { color:#f783ac;   }
#main_content1 #img_box ul li a i { float: left; margin-right: 10px;
font-size: 50px;  }
#main_content1 #img_box ul li a {display:inline-block;position:relative; width:248px; height:115px; display: block;   }
#main_content1 #img_box ul li a img  { width:248px; position:relative;    }
#main_content1 #img_box ul li .hover_img { position:absolute; right:0; opacity:0; }
#main_content1 #img_box ul li img { transition: opacity 0.5s ease-out;}
#main_content1 #img_box ul li a span { position: absolute; top: 32px;
text-align: center;
left: 32px;  }
#main_content1 #img_box ul li a span:after { content:""; clear:both; display:block; }
#main_content1 #img_box ul li a p { transition: color 0.5s ease-out; color:#fff; float: left;  line-height: 26px; font-size:21px; }
#main_content1 #img_box ul li a:hover img { opacity:1;}







#main_content2 {  float:left;  width: 436px; overflow: hidden;
height: 301px;
border: 1px solid #dbcfc9; position: relative; }

#main_content2 h3 { padding:20px;   }
.main_con_tit { font-size:20px; color:#1a1a1a; font-weight:bold; }





/* 롤링배너(행사안내) */
/*section#main_content2  { width:258px; height:328px; float:left; border:1px solid #e5e5e5; padding:20px; position:relative; }*/

#main_content2 .swiper-container2 { width:434px; height:238px; overflow:hidden; }
#main_content2 .swiper-container2 img { width:434px; height:238px; }


#main_content2 .swiper-container2 .swiper-pagination2 {
  position: absolute;
  text-align: right;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
  top:4px;
  
  height:20px;
  width:97%;
  
  
}


#main_content2 .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 100%;
  background: #D4D4D4;
  opacity: 1;
  margin:0 2px;
}


#main_content2 .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1b53a5;
}
#main_content2 .swiper-container2 .swiper-pagination2 .swiper-pagination-white .swiper-pagination-bullet-active {
  background: #1b53a5;
}


#main_content2 .swiper-container2 .swiper-button-prev,
#main_content2 .swiper-container2 .swiper-button-next {
  position: absolute;
  top: 57%;
  width: 20px;
  height: 33px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 20px 33px;
  -webkit-background-size: 20px 33px;
  background-size: 20px 33px;
  background-position: center;
  background-repeat: no-repeat;
}


#main_content2 .swiper-container2 .swiper-button-prev,
#main_content2 .swiper-container2 .swiper-container-rtl .swiper-button-next {
  right: 60px;
left: auto;
top: 46px;
position: absolute;
display: inline-block;
border: 1px solid #d3d3d3;
text-align: center;


}

#main_content2 .swiper-container2 .swiper-button-next,
#main_content2 .swiper-container2 .swiper-container-rtl .swiper-button-prev {
  right: 25px;
left: auto;
top: 46px;
position: absolute;
display: inline-block;
border: 1px solid #d3d3d3;


}




#main_content2 .swiper-container2 .swiper-pagination2 .swiper-pagination-bullet-active {
  opacity: 1;
  background: #1b53a5;
}
#main_content2 .swiper-container2 .swiper-pagination2 .swiper-pagination-white .swiper-pagination-bullet-active {
  background: #1b53a5;
}





/*content_board  게시판*/

#content_board  {  height: 500px; }
#content_board .wrap:after { content:""; clear:both; display:block; }

.board_wrap {margin: 0 auto; width: 1200px;        }


#board01_zone {zoom:1; float: left;   box-sizing: border-box; width: 503px; margin-right:5px; }
#notice_zone{zoom:1; float: left; background-color: #a45130; height: 250px; padding: 20px; box-sizing: border-box; width: 336px; margin-right: 8px;}

#notice_zone_01{float:left;  margin-top: 13px;}

.notice_bx, .board03_bx { position:relative;}
.notice_bx h3 {margin-bottom: 15px;
font-size: 20px;
color: #1a1a1a;
font-weight: bold; }
 #board04_zone h3 {font-size: 23px;font-weight: normal;  margin-bottom: 10px; color:#6b4d15; width:300px; }
.notice_bx h3 span {   cursor:pointer;     }

.notice_bx h3 a, #board03_zone h3 a, #board04_zone h3 a  {   display: inline-block; position: absolute; right: 0; width: 26px; text-align: center; border-radius: 50%; font-size: 25px; height: 26px; color:#1b53a5;; }
.notice_bx h3 a:hover, #board03_zone h3 a:hover, #board04_zone h3 a:hover { color:#d81e40;  }

.notice_bx h3 img {position: relative; top: 6px;}
.notice_bx ul, .board03_bx ul {line-height:18px; padding:20px; border: 1px solid #dbcfc9; height: 445px; }
.notice_bx li, .board03_bx li {overflow:hidden;  margin-bottom: 3px; }

.notice_bx ul li a{ float:left;  max-width:380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #264053; padding: 5px 0;}
.notice_bx ul li a:hover { color:#186dab; text-decoration: underline;  }
.notice_bx ul li .date     {padding: 5px;
font-size: 12px;
right: 20px;
position: absolute;}

/*content_board  이미지배너*/


#board02_zone { width:692px; padding-top:38px; float: left;  }

#board02_zone #img_banner  { margin-bottom: 5px;  }

#board02_zone #img_banner ul { width: 100%;  border-top: 1px solid #dbcfc9;
border-left: 1px solid #dbcfc9;   }
#board02_zone #img_banner ul:after{content:''; display:block; clear:both;}
#board02_zone #img_banner ul li {width: 25%;
float: left;
border-bottom: 1px solid #dbcfc9;
border-right: 1px solid #dbcfc9; }
#board02_zone #img_banner ul li:last-child  { margin-right:0;}
#board02_zone #img_banner ul li div {    }
#board02_zone #img_banner ul li div a {width: 100%; display: block; overflow: hidden; position: relative; height:114px; }
#board02_zone #img_banner ul li div a img {width: 100%;
transition: opacity 300ms ease-out, transform 300ms ease-out, filter 300ms ease-out;
-moz-transition: opacity 300ms ease-out, -moz-transform 300ms ease-out, -moz-filter 300ms ease-out;
-o-transition: opacity 300ms ease-out, -o-transform 300ms ease-out, -o-filter 300ms ease-out;
-webkit-transition: opacity 300ms ease-out, -webkit-transform 300ms ease-out, -webkit-filter 300ms ease-out;}
#board02_zone #img_banner .bgBlack {
	position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0;
    filter: alpha(opacity=0);
    overflow: hidden;
    transition: opacity 500ms ease-out;
    -moz-transition: opacity 500ms ease-out;
    -o-transition: opacity 500ms ease-out;
    -webkit-transition: opacity 500ms ease-out;}
#board02_zone #img_banner ul li div aarticle { padding: 3em 2em; text-shadow: none; }
#board02_zone #img_banner .bgBlack:hover{    background: rgba(0,0,0,0.7) url(../img/more.png) no-repeat center center;opacity: 1;}
#board02_zone #img_banner ul li a:hover img{-webkit-transform: scale(1.2); transform: scale(1.2);}
#board02_zone #img_banner ul li:first-child > a{ background-image: url(../img/img_banner1.jpg)}
#board02_zone #img_banner ul li:nth-child(2) > a{ background-image: url(../img/img_banner2.jpg)}
#board02_zone #img_banner ul li:nth-child(3) > a{ background-image: url(../img/img_banner3.jpg)}
#board02_zone #img_banner ul li:last-child > a{ background-image: url(../img/img_banner4.jpg)}
#board02_zone #img_banner ul li article  { background-color:#fff;}
#board02_zone #img_banner ul li article h5 { text-align: center;
padding: 25px 10px;
font-size: 20px;
line-height: 26px;
color: #3e3b35;  }
#board02_zone #img_banner ul li a:hover h5 { color:#3e79b3; font-weight:bold;    }


/*달력*/

#board02_zone #calendar  { border: 1px solid #dbcfc9; height: 248px; padding:25px 30px 0 15px;  }
#board02_zone #calendar:after{content:''; display:block; clear:both;}
#board02_zone #calendar article  { width:300px; float:left; margin-right: 20px;   }
#board02_zone #calendar article h3 { margin-bottom: 15px; position:relative;   }
#board02_zone #calendar article h3 a { position: absolute;
right: 0;
color: #999;
border: 1px solid #999;
border-radius: 50%;
width: 25px;
text-align: center;
height: 25px;
line-height: 26px; transition: all 0.2s ease-out;  }
#board02_zone #calendar article h3 a:hover { background: #1b53a5; border: 1px solid #1b53a5;  color: #fff;   }
#board02_zone #calendar article h4 {  text-align: center;/* text-decoration: underline;*/ font-size: 28px;  color:#264053; margin-bottom: 5px;}
#board02_zone #calendar article h4 span { font-size: 50px;  }
#board02_zone #calendar article ul { background-color: #f4f4f4; padding: 10px 20px; box-sizing: border-box; height: 105px;   }
#board02_zone #calendar article ul li { margin-bottom: 10px;  }
#board02_zone #calendar article ul li strong { color:#387ca7; font-size:18px; display: inline-block; margin-right: 10px; width: 45px;   }
#board02_zone #calendar article ul li span { font-size: 15px;  }

#board02_zone #calendar table { float:left; text-align: center;  width: 325px; }
#board02_zone #calendar table tr:first-child {  height: 40px;   }
#board02_zone #calendar table tr th { font-weight: bold; color: #264053; border-bottom: 1px solid #d5d5d5;   }
#board02_zone #calendar table tr td { height: 29px; font-size: 20px;  }
#board02_zone #calendar table tr th:first-child {color: #b01527;    }
#board02_zone #calendar table tr td:first-child {color: #b01527;    }
#board02_zone #calendar table tr td .event_date { background-color: #387ca7;
color: #fff;
width: 30px;
display: inline-block;
height: 22px;
line-height: 24px;   }
.red {  color: #b01527;   }


/*달력 행사일정 자세히보기 팝업*/

#calendar_pop  { background-color: #125b93; position:absolute;  left: 0px; top: 38px;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c7c7c7' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E"); 
width:503px; min-height:445px; padding:25px; box-sizing:border-box;}
#calendar_pop h3 { font-size:27px; color:#fff; position:relative;    }
#calendar_pop h3 strong {font-weight: bold; font-size:30px;}   
#calendar_pop h3 a {font-size: 14px;
color: #fff;
right: 0;
position: absolute;
top: 4px;
border: 1px solid #fff;
padding: 5px; transition: all 0.2s ease-out; }
#calendar_pop h3 a:hover { background:#fff; color:#125b93;    }
#calendar_pop ul {background: #fff;
margin-top: 15px;
height: 345px;
padding: 20px;   }
#calendar_pop ul li  { margin-bottom:10px;  }
#calendar_pop ul li:after{content:''; display:block; clear:both;}  
#calendar_pop ul li strong {color: #125b93;
font-size: 17px;
font-weight: bold;
width: 63px;
display: inline-block; float: left; }
#calendar_pop ul li span { display: inline-block; float: left; max-width: 350px; }



#intro_box { margin:30px 0; position:absolute; right:0;     }
#intro_box ul{  }
#intro_box ul:after { content:""; clear:both; display:block; }
#intro_box li{list-style:none;float:left; width: 128px;  position:relative; margin-left: 10px;}
#intro_box li a{display: inline-block;
position: relative;
width: 128px;
height: 110px;
text-align: center;
background-color: rgba(255,255,255,0.7);
border-radius: 20px;
border: 2px solid #fff;  transition: color 0.8s ease-out, background-color 0.8s ease-out ; }
#intro_box li a i { margin-top: 18px; font-size: 50px;    }
#intro_box li a span {  display: inline-block; font-size: 19px; line-height: 26px; margin-top: 5px;   }

#intro_box li:nth-child(odd) a  { color: #416731;   }
#intro_box li:nth-child(odd) a i {      } 
#intro_box li:nth-child(odd) a span {      }

#intro_box li:nth-child(even) a  { color: #7a4e2c;   }
#intro_box li:nth-child(even) a i {      } 
#intro_box li:nth-child(even) a span {      }



#intro_box li a:hover { background-color: rgba(0,0,0,0.7); color:#fff;       }
#intro_box li a:hover img{ }
#intro_box li a:hover span {  }




#board03_zone {float: left; width: 351px;  margin-right: 30px;   }
#board03_zone h3 {font-size: 23px;font-weight: normal;  margin-bottom: 15px; color:#6b4d15; width:351px; }




.contact_bx{min-height:70px;padding-left:84px;background:url(../img/bg_contact.gif) 1px top no-repeat; text-align:left;color:#63930f;}		
.contact_bx strong{font-size:16px; padding:2px 0 4px 0; display:block;}	
.contact_bx p{font-size:14px; font-weight:bold; line-height:23px;}		
.contact_bx span{color:#1d1d1d;}

.link_jkdhs{display:block;margin-top:28px;text-align:left;line-height:29px;padding:76px 0 0 12px;font-size:16px;color:#fff;font-weight:bold;background:url(../img/bg_jkdhs.gif) no-repeat 0 0;}





















/*롤링버튼
#bx_rolling_zone{padding: 40px 0;
background-color: #f7f7f7;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c3c3c3' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");}
.rolling_zone {margin: 0 auto; width: 1200px; height: 100px; zoom: 1; border: 1px solid #DBDBDB; padding: 20px 0; box-sizing: border-box; background: #fff; }
#rolling_btn {  width: 100px; height: 40px; margin-left: 17px; float: left;    }
#rolling_btn h4  { font-size: 21px; font-weight: normal; color: #000; text-align: center; margin-bottom: 2px;    }
#rolling_btn ul {       }
#rolling_btn ul li { float:left; margin-right: 3px;  }
#rolling_btn ul li a { color: #fff; background-color: #bbbbbb; width: 17px; height: 17px; display: inline-block; box-sizing: border-box; text-align: center; padding-top: 3px;     }
#rolling_btn ul li a:hover {  background-color: #c0a089;    }
#rolling_btn ul li a i  {     }

.rolling_zone table { position: absolute;
margin-left: 120px;
box-sizing: border-box;     }*/ 

	


hr{ display:none;}
.blind{ font-size:0;width:1px;height:1px;line-height:1000px;overflow:hidden;position:absolute;top:0;white-space:nowrap;}



/* 메인 슬라이드 */


.visual  { width: 775px;   float: left;  }
#header { height:113px;

width: 100%;
margin: auto;
left: 0;
right: 0;
z-index: 999;    }


#contents { background-image: url(../img/con_bg.jpg); height: 175px; margin-top: 20px; width:100%; padding-top: 50px; box-sizing: border-box;          }
#contents #con_wrap { width:1200px; position: absolute; margin: auto; right: 0; left: 0;        }

#contents #con_wrap div { float:left; color:#fff;       }

#contents #con_wrap div i { float:left; font-size: 75px; margin-right:10px; }
#contents #con_wrap div h4 { float:left; font-size: 24px;margin-right: 10px; }
#contents #con_wrap div p {  }
#contents #con_wrap div span { float:left; }
#contents #con1 a { color: #fff;
margin: 5px;
font-size: 15px;
border: 1px solid #fff;
width: 126px;
display: inline-block;
text-align: center;}
#contents #con1 a:hover { border: 1px solid #fff; background-color:#fff; color:#2d281f;       }
#contents #con2 a, #contents #con3 a { color:#fff;    }
#contents #con2 a:hover, #contents #con3 a:hover { color:#bbcfff;               } 
#contents #con1,  #con2,  #con3  { margin-right:53px;       }
#contents #con4 p { margin-top:18px;   }


#contents #con4 h4 { }

/*롤링버튼
#rolling_btn {  width: 80px; height: 40px; margin-left: 17px; float: left;    }
#rolling_btn h4  { font-size: 16px; font-weight: normal; color: #000; text-align: center; margin-bottom: 2px;    }
#rolling_btn ul {       }
#rolling_btn ul li { float:left; margin-right: 3px;  }
#rolling_btn ul li a { color: #fff; background-color: #bbbbbb; width: 17px; height: 17px; display: inline-block; box-sizing: border-box; text-align: center; padding-top: 3px;     }
#rolling_btn ul li a:hover {  background-color: #c0a089;    }
#rolling_btn ul li a i  {     }

.rolling_zone table { position: absolute;
margin-left: 120px;
box-sizing: border-box;     }*/ 


/*quick 메뉴*/
#quick {height: 400px; right:200px;   position: fixed; top: 226px; width: 90px; z-index: 999; border-radius: 10px; padding: 0 10px; box-sizing: border-box;
background-color: #006ea8;
background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2304476b' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");  }
#quick h5 { color:#fff; text-align: center; font-size: 15px; margin: 10px;    }

#quick ul{overflow:hidden; padding: 20px 2px;height: 305px; box-sizing: border-box; background-color:#fff;}
#quick ul li{list-style:none;  width: 68px;  position:relative;  }
#quick ul li a{display:inline-block;position:relative; width:68px;    }
#quick ul li:nth-child(1) {border-bottom: 1px dotted #999; }
#quick ul li:nth-child(2) {border-bottom: 1px dotted #999; padding-top: 10px; padding-bottom: 5px; }
#quick ul li:nth-child(3) { padding-top: 10px;                                 }
#quick ul li a img { width:68px; position:relative;    }
#quick ul li .hover_img { position:absolute; right:0; opacity:0; }
#quick ul li img { transition: opacity 0.5s ease-out;}
#quick ul li a:hover img { opacity:1;}

#quick_top { color:#fff; text-align: center; display: inherit; margin: 10px;   }
#quick_top i {  margin-right: 5px; }


/**/

body.google-tran #main_content1 #img_box ul li a span  { left: 0px;  }

body.google-tran #main_content1 #img_box ul li:nth-child(3) a i { margin-left:10px;}

body.google-tran #main_content1 #img_box ul li:last-child a p  { width: 167px; font-size: 18px; text-align: left; }

body.google-tran #board02_zone #img_banner ul li article h5 { width: 171.75px; height: 102px; padding: 20px 0 0 0;  }