@import url(http://fonts.googleapis.com/earlyaccess/nanumpenscript.css);
@import url(http://fonts.googleapis.com/earlyaccess/kopubbatang.css);


#s_HEAD_area {width:100%; position:relative;/*background:url(/images/bg.jpg);*/height:130px;}
#HEAD_area {width:100%; position:absolute;top:0;z-index:9999;}
.center_1000 { width:1280px; margin:0 auto;}
.head_top { text-align:center;padding: 30px 0 20px;}
.visual_center { position:relative;}
.visual_center p { position:absolute; top:550px; left:0;font-family: 'Nanum Pen Script', serif; font-size:30px; color:#fff; }



#menu{clear:both;width:100%; background:rgba(0,0,0,0.7); position:relative;height:50px;
    border-top: 1px solid rgba(255,255,255,0.4);
    border-bottom: 1px solid rgba(255,255,255,0.4);
    }
.main_menu{display:block;}
#menu ul.main_menu> li {float:left;width:20%; height:50px; text-align:center;}
#menu ul.main_menu> li a{display:block;padding:15px 0;  font-size:16px;  border-right: 1px solid #777;}
#menu ul.main_menu> li:first-child a { border-left:1px solid #777;}
#menu li a{display:block;color:#ddd;padding:5px 10px; text-align:center;}
#menu li a:hover{color:#fff;}

#menu_open{display:none;top:10px ; width:100%;text-align:left;padding:10px 0 0 0;width:700px}
#menu_open ul.sub_menu{float:left; margin:0 2px 0 2px;padding:0 2px 0 2px;font-weight:bold;}

/*?щ씪?대뱶硫붾돱*/
#menu_dept{position:absolute;z-index:999;width:100%; left:0;top:50px;background:#fff;font-weight:bold;    border-bottom: 2px solid #92673a;}
#menu_dept .header_img{position:absolute;left:5px;}
#menu_dept .menu_dept_ul li{float:left;}
#menu_dept .menu_open{text-align:left;width:255px;height:300px;float:left;border-right:1px solid #ccc;}
#menu_dept .menu_open:hover { background:#f3f3f3;}
#menu_dept .menu_open ul li{width:100%;}
#menu_dept .menu_open ul li a{font-size:14px; font-weight:normal; color:#333;}
#menu_dept .menu_open ul li a:hover { font-weight:bold;}
#menu_dept .menu_open1{border-left:1px solid #ccc;width:254px;}



/* tabs */
.tabs {}
.tabs:after { content: ""; display: table; clear: both;}
.tabs input[type=radio] { display: none;}
.tabs label {  display: block;  float: left;  width: 20%;  padding: 10px 0;  border: 1px solid #ccc;
  margin-right:5px;  background-color: #fff;  text-align: center;  font-weight: 700;  color: #999;
  cursor: pointer;  -webkit-transition: background-color 150ms ease-in-out;
  transition: background-color 150ms ease-in-out;
  }

.tabs [id^="tab"]:checked + label {  background: #94693a;  color: #fff;}

.tab-content {  position:relative;display: none;height:130px;  float: left;  width: 100%; padding:10px 0; }

#tab1:checked ~ #tab-content1,
#tab2:checked ~ #tab-content2,
#tab3:checked ~ #tab-content3 {
  display: block;
}



.tab_more { position:absolute; right:0; top:-30px;}



#visual_wrap { width:100%; height:600px;}

#main_content_wrap { width:100%; background:#f3f3f3;}
.bg_white { background:#fff;position:relative; }
.board_area{float:left;  width:100%;overflow:hidden; height:425px; border-bottom:1px solid #ddd;}
.sns_link_area { display:inline-block;background:url(/images/bg.jpg);width:25%; height:475px; top:-50px; right:0; position:absolute;float:right;z-index:9999;}
.gallery_area { width:100%;overflow:hidden;}
.main_banner { padding:0 40px;}
.sns_area {padding:40px 40px 10px;}
.sns_area1 {padding:40px 40px 80px;}
.sns_title { margin-bottom:10px;}
 .bo_02_area{    padding: 20px 35px 35px; padding-bottom: 0; overflow: hidden;position:relative;}
.bo_01_area {  padding:35px 35px 10px 35px; border-bottom:1px solid #ddd;overflow: hidden;}
.bo_03_area_01 {padding:30px 35px; overflow: hidden;border-bottom:0px solid #ddd;}
.bo_03_area {padding:30px 35px; height:165px; overflow: hidden;border-bottom:1px solid #ddd;}
.link_area { padding: 20px 40px 0; overflow: hidden;}
.link_area ul li { float:left; width:33.33%; text-align:center;}
.link_area ul li p { padding-top:5px; color:#fff;}

.btn_more { position:absolute;right:35px; margin-top:-33px; }
.btn_more1 { position:absolute;right:35px; margin-top:-17px; }
.bbo_title { position:relative;  font-size:22px; margin-bottom:5px; color:#94693a; font-weight:bold;}
.bbo_title1 { position:relative;  font-size:30px; margin-bottom:5px; color:#94693a; font-weight:bold; padding: 15px;}
.bbo_title2 { position:relative;  font-size:30px; margin-bottom:5px; color:#94693a; font-weight:bold; padding: 15px;}


#banner_wrap { width:100%; overflow:hidden; padding:20px 0;}
.banner_area { margin-top: -19px;}


#tail_wrap { width:100%; background:#333;color:#fff; overflow:hidden; padding:30px 0 50px;}
.tail_copy { float:left;}
.tail_link { float:right;}
.tail_copy p { font-size:18px; font-weight:bold; margin-bottom:10px;}
.tail_copy copy { font-size:14px; color:#ddd;}

.tail_link >select { border:1px solid #777;color:#ddd;padding:5px 30px 8px 10px;font-size:14px;
border-radius: 0px; /* iOS 둥근모서리 제거 */
-webkit-appearance: none; /* 네이티브 외형 감추기 */
-moz-appearance: none;
appearance: none;
background:#333 url(/images/select_arrow.png) no-repeat 95% 50%;
}
select::-ms-expand { display: none; }






.sub_layout_wrap {width:100%; background:#f3f3f3; padding:50px 0 ;overflow:hidden;}
.sub_menu_area { width:190px; float:left;overflow:hidden; }
.s_cont {background:#fff url(/images/s_line.jpg) repeat-y;}
.sub_content_area { float:left;width:810px;overflow:hidden;}
.sub_menu_title { overflow:hidden; width:100%;height:130px;background:url(/images/bg.jpg);}
.sub_menu_title > h1 { text-align:center; padding:50px 0 40px; color:#fff; font-size:2em;font-weight:normal;font-family: 'KoPub Batang', serif;}

.sub_menu_list { padding:10px 10px;}
.sub_menu_list ul li a{display:block; padding:15px 10px;border-bottom:1px solid #ddd; font-size:16px;}
.sub_menu_list ul li a:hover { background:#f3f3f3;}

.sub_cont_title {border-bottom:1px solid #ddd;height:130px;}
.sub_cont_title > h1 { padding:80px 30px 10px; font-size:2em;}
.sub_content { padding:30px;}


.s2_btn_go { width:200px; margin:0 auto;background:#95693A;text-align:center;}
.s2_btn_go > a { display:block; color:#fff;padding:10px 0;}
.s2_btn_go > a:hover {background:#bd7527;}



/*----- mvis -----*/
#mvis {color:#fff;background:#333;}
.mtxt {display:table;height:510px;text-align:left;}
.mtxt h2 {font-size:50px;font-weight:200;margin-bottom:50px;}
.mtxt p {color:#dadada;font-size:15px;font-weight:normal;margin-bottom:10px;}
.mtxt button {margin-top:60px;border:1px solid #cecece;border-radius:0;background:none;}
.mtxt button:hover, .mtxt button:active, .mtxt button:focus {border:1px solid #fff;color:#333;background:#fff;outline:none;}
.mtxt_inner {display:table-cell;vertical-align:middle;}
.slick-list {background-size:cover;background-position:center;height:565px;}
.bx-wrapper {margin-bottom:0;background:none;border:0;box-shadow:none;}
.bx-wrapper .bx-pager {bottom:5%;}
.bx-wrapper .bx-pager.bx-default-pager a {border:1px solid #fff;background:none;}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {background:#fff;}