@charset "euc-kr";
/*----------------------------- ¸ÞÀÎÆäÀÌÁö -----------------------------*/
/* 191016 ¸ÞÀÎ ½½¶óÀ̵å Ãß°¡ */
 .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.main_bhhome{width:100%;height:auto;display:block;max-width:100%; margin-top:-17px; }
.top_main{background-repeat:no-repeat;background-position:50% 50%; background-attachment:fixed;background-size:cover;width:100%;min-height:300px;height:900px;}


/* ¸ÞÀÎ ½½¶óÀ̵å À̹ÌÁö */
.main_top01 {background: url(../../img/main_visual1.jpg) no-repeat 50% 50%;background-size:cover;}
.main_top02 {background: url(../../img/main_visual2.jpg) no-repeat 50% 50%;background-size:cover;}
.main_top03 {background: url(../../img/main_visual3.jpg) no-repeat 50% 50%;background-size:cover;}
.main_top04 {background: url(../../img/main_visual5.jpg) no-repeat 50% 50%;background-size:cover;}
.main_top05 {background: url(../../img/main_visual6.jpg) no-repeat 50% 50%;background-size:cover;}
.main_top06 {background: url(../../img/main_visual7.jpg) no-repeat 50% 50%;background-size:cover;}
.bh_txt {padding-top: 315px;font-size:65px;font-weight: 700;color:#fff;top: 50px;opacity: 0;position:absolute;}
.bh_txt:after {content: '';width:60px; height:2px;margin:50px auto 20px;display: block;background-color: #fff;}
.bh_txt2 {position:relative;font-size:40px;color:#fff;line-height: 35px;top:50px;opacity: 0;padding-top:130px;}

/*¸ÞÀÎ ½½¶óÀ̵å ÅؽºÆ® È¿°ú */
.br_animate{
  animation: animationFrames ease 2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/
}
@keyframes animationFrames{
  0% {
    opacity:0;
    transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    transform:  translate(0px,0px)  ;
  }
}
@-moz-keyframes animationFrames{
  0% {
    opacity:0;
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -moz-transform:  translate(0px,0px)  ;
  }
}
@-webkit-keyframes animationFrames {
  0% {
    opacity:0;
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -webkit-transform:  translate(0px,0px)  ;
  }
}
@-o-keyframes animationFrames {
  0% {
    opacity:0;
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -o-transform:  translate(0px,0px)  ;
  }
}
@-ms-keyframes animationFrames {
  0% {
    opacity:0;
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    opacity:1;
    -ms-transform:  translate(0px,0px)  ;
  }
}
/* 191016 ºê·£µå¼Ò°³   */

.bh_brand{ float: left; padding: 0px !important; width: 100%;  height: 350px;  clear: both; margin-top: 30px;}
.main_wondfo {background: url(../../img/wondfo_main.jpg) no-repeat 25% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_microlife {background: url(../../img/microlife_main.jpg) no-repeat 25% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_minami{background: url(../../img/minami_main.jpg) no-repeat 10% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_yes{background: url(../../img/yes_main.jpg) no-repeat 25% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_brandshouse{background: url(../../img/brandshouse_main.jpg) no-repeat 15% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_nutriworks{background: url(../../img/nutriworks_main.jpg) no-repeat 25% 50%;background-size:cover;width: 100%;min-height: 350px;}
.brand_text p:before{content: ""; display: block; width: 40px; border-bottom: 1px solid #333; margin: 25px 0px 20px 0px;}
.brand_text img{float:left;}
.brand_text p{font-size:18px;line-height:28px;word-break:keep-all;float:left;clear:both;}
.brand_text{padding: 30px;  background: rgba(255, 255, 255, .9);height: 100%;position: absolute;right: 50px; top: 0px; width: 300px;}
.brand_btn{text-decoration:none; border: 1px solid #333; padding: 11px 0px; position:absolute;right:30px;bottom:25px;width:100px;text-align:center;}


/* table hover È¿°ú */

.brand_table:hover {
  border: 2px solid rgba(0,160,80,0);
  color: #FFF;
}
.brand_table::before {
  border-bottom: 3px solid rgba(241,89,34,0);
  border-left: 3px solid rgba(240,84,55,0);
  -webkit-transform-origin: 0 100%;
}
.brand_table::after {
  border-top: 3px solid rgba(241,89,34,0);
  border-right: 3px solid rgba(240,84,55,0);
  -webkit-transform-origin: 100% 0%;
}
.brand_table:hover::after, .brand_table:hover::before {
  -webkit-transform: scale(1);
}
.brand_table:hover::after{
  -webkit-transform: scale(1);
  border-top: 3px solid rgba(241,89,34,10);
  border-right: 3px solid rgba(241,89,34,10);
  -webkit-transform-origin: 100% 0%;

}
.brand_table:hover::before{
  -webkit-transform: scale(1);
 border-bottom: 3px solid rgba(241,89,34,10);
  border-left: 3px solid rgba(241,89,34,10);
  -webkit-transform-origin: 0 100%;

}
.brand_table::before, .brand_table::after {
  width: 100%;
  height:352px;
  z-index: 3;
  content:'';
  position: absolute;
  top:0;
  left:0;
  box-sizing: border-box;
  -webkit-transform: scale(0);
  transition: 0.5s;
}

/* 191017 Áöµµ À§ À̹ÌÁö */
.bottom_brtext{width:100%}
.bottom_brtext img{width:100%;}
/* ±¸±Û ¸Ê */
.main_map{width:100%;heignt:400px;clear:both;}
#googleMap {
 margin-top:20px;
    width: 100%; /* Span the entire width of the screen */
    height: 400px; /* Set the height to 400 pixels */
 margin:0 auto;
 margin-top:20px;margin-bottom:20px;
 border:1px solid #eee;
    }
/* ¸ÞÀÎ °í°´¼¾ÅÍ */
.bh_cust{position: relative; max-width: 1200px; margin: auto;}
.main_cust{padding-top:40px;background:#fff;}
.main_cust img{width:120px;margin-bottom:30px;}
.main_cust h2{color:#333;}
.main_cust h2:after{content: ""; display: block; width: 40px; border-bottom: 1px solid #333; padding: 10px 0px;text-align:center;margin:0 auto;}
.main_cust p{margin-top:20px;font-size:18px;line-height:26px;}
.main_formmail{padding-bottom:40px;}
.main_formmail .formmail_btn a:first-child{margin-right:5px;}
.bh_cust .col-md-6{float:left; text-align:center;}
.mo_cust_btn{display:none;}

/* ¸ÞÀκñÁÖ¾ó */
.main_visual_wrapper {position:relative; overflow:hidden}
#mainVisual {position:fixed; top:0; left:0; right:0; width:100%; height:100%; z-index:1; overflow:hidden;margin-top:110px;}
#mainVisual > .imgList {position:relative; top:0; width:1000%; height:100%; overflow:hidden}
#mainVisual > .imgList > li {float:left; position:relative; width:100%; height:600px; background-size:cover !important; transition:all .4s; overflow:hidden}
/* È®´ëÇؼ­ ³Ñ¾î°¡´Â È¿°ú Àá±Ý
#mainVisual > .imgList > li.animate {transform:scale(.86)}
*/
#mainVisual > .imgList > li:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; z-index:5}
#mainVisual > .imgList > li.item1 {background:url(../../img/main_visual1.jpg) center top no-repeat;width:100%;}
#mainVisual > .imgList > li.item2 {background:url(../../img/main_visual2.jpg) center top no-repeat;width:100%;}
#mainVisual > .imgList > li.item3 {background:url(../../img/main_visual3.jpg) center top no-repeat;width:100%;}
#mainVisual > .imgList > li .typo {position:relative; top:35%; max-width:1200px; margin:auto; z-index:10;text-align:center;height:600px;line-height:330px;}
#mainVisual > .imgList > li .typo h2 {font-size:70px; font-weight:600; color:#fff; word-break:keep-all; margin-bottom:40px}
#mainVisual > .imgList > li .typo h2 span {font-size:60px}
#mainVisual > .imgList > li .typo p {font-size:24px; color:#fff; line-height:1.5}
#mainVisual > .imgList > li .pagination {margin-top:35px; font-size:0;}
#mainVisual > .imgList > li .pagination > li {display:inline-block; font-size:13px; width:12px; height:3px; margin-right:8px; background:#fff; transition:all .2s}
#mainVisual > .imgList > li .pagination > li.on {background:#21bbb1; transform:rotate(45deg)}
#mainVisual > .control {position:absolute; top:30%; width:60px; height:60px; text-align:center; line-height:60px; /*background:rgba(255, 255, 255, .6);*/ z-index:10;margin:0px 40px;}
#mainVisual > .control:hover{background:rgba(255, 255, 255, .6);border-radius:50px;}
#mainVisual > .control.prev {left:0;}
#mainVisual > .control.next {right:0}
#mainVisual > .control span {display:inline-block; width:30px; height:30px; font-size:0; text-indent:-9999em; vertical-align:middle}
#mainVisual > .control.prev span {background:url(../../img/slide_arrow_prev.png) center top no-repeat}
#mainVisual > .control.next span {background:url(../../img/slide_arrow_next.png) center top no-repeat}
/* ¸ÞÀÎ ÄÁÅ×ÀÌ³Ê */
#mainContainer {position:relative; /* margin-top:710px; */ z-index:20}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
#mainContainer > .section {position:relative; padding:120px 0}
#mainContainer > .section:after {clear:both; display:block; content:''}
#mainContainer > .section > .innerContainer {position:relative; max-width:1200px; margin:auto}
#mainContainer > .section > .innerContainer:after {clear:both; display:block; content:''}
#mainContainer > .section .large-title {text-align:center}
#mainContainer > .section .large-title h2 {font-size:58px; font-weight:300; color:#2b2b2b; letter-spacing:10px; margin-bottom:30px}
#mainContainer > .section .large-title p {font-size:18px; color:#666; line-height:1.5}
#mainContainer > .section .large-title p:after {display:block; width:40px; height:1px; margin:20px auto 30px; content:''; background:#aaa}
#mainContainer > .section .bottom-btn {margin-top:40px; text-align:center}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #1 */
#mainContainer #section1 {background:#f0f0f0}
#mainContainer #section1 #imgSlider {position:relative; overflow:hidden}
#mainContainer #section1 #imgSlider > ul.imgList {position:relative; height:400px}
#mainContainer #section1 #imgSlider > ul.imgList > li {position:absolute; top:0; left:0; width:100%; height:100%; background-position:center top !important; background-size:cover !important}
#mainContainer #section1 #imgSlider > ul.imgList > li.item1 {background-image:url(../../img/main_center_slide1.jpg)}
#mainContainer #section1 #imgSlider > ul.imgList > li.item2 {background-image:url(../../img/main_center_slide2.jpg)}
#mainContainer #section1 #imgSlider > ul.imgList > li.item3 {background-image:url(../../img/main_center_slide3.jpg)}
#mainContainer #section1 #imgSlider > .control {position:absolute; top:50%; width:60px; height:60px; margin-top:-30px; text-align:center; line-height:60px; background:rgba(255, 255, 255, .6); z-index:30}
#mainContainer #section1 #imgSlider > .control.prev {left:0}
#mainContainer #section1 #imgSlider > .control.next {right:0}
#mainContainer #section1 #imgSlider > .control span {display:inline-block; width:30px; height:15px; font-size:0; text-indent:-9999em; vertical-align:middle}
#mainContainer #section1 #imgSlider > .control.prev span {background:url(../../img/slide_arrow_prev.png) center top no-repeat}
#mainContainer #section1 #imgSlider > .control.next span {background:url(../../img/slide_arrow_next.png) center top no-repeat}
#mainContainer #section1 #imgSlider > .pagination {margin-top:30px; min-height:4px; font-size:0; text-align:center;display:block;}
#mainContainer #section1 #imgSlider > .pagination > li {position:relative; display:inline-block; font-size:13px; width:30px; height:3px; margin:0 3px; background:#ccc; transition:all .3s}
#mainContainer #section1 #imgSlider > .pagination > li > .bar {position:absolute; top:0; left:0; width:0; height:100%; background:#222}
#mainContainer #section1 #imgSlider > .pagination > li.on {width:60px; background:#999}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #2 */
/* #mainContainer #section2 {background:#fff}  */
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #3 */
#mainContainer #section3 {background:url(../../img/main_parallax_bg.jpg) center no-repeat/* fixed*/}
/* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #4 */
#mainContainer #section4 {background:#fff}
#mainContainer #section4 .product-grid {margin:0 -15px}
#mainContainer #section4 .product-grid > table {float:left; width:33.333334%; padding:0 15px; table-layout:fixed}
#mainContainer #section4 .product-grid > table .board_output_gallery_img a img {display:block; width:100%; height:auto !important}
#mainContainer #section4 .product-grid > table br {display:none}
#mainContainer #section4 .product-grid > table .board_output_gallery_subject {display:block; margin:15px 0 0; text-align:left !important; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
#mainContainer #section4 .product-grid > table .board_output_gallery_subject a {font-size:20px; font-weight:600; color:#000; transition:all .3s}
#mainContainer #section4 .product-grid > table .board_output_gallery_subject a:after {display:block; width:0; height:1px; margin:5px 0; content:''; background:#21bbb1; transition:all .3s}
#mainContainer #section4 .product-grid > table:hover .board_output_gallery_subject a {color:#21bbb1}
#mainContainer #section4 .product-grid > table:hover .board_output_gallery_subject a:after {width:50px}
#mainContainer #section4 .product-grid > table .board_output_gallery_etc {font-size:13px; color:#888}
/*----------------------------- ¼­ºêÆäÀÌÁö -----------------------------*/
/* ¼­ºêºñÁÖ¾ó */
#subVisual {position:relative; overflow:hidden}
#subVisual > .imgList {position:relative; height:500px; overflow:hidden}
#subVisual > .imgList > li {position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; z-index:5}
#subVisual > .imgList > li.item1 {background:url(../../img/sub_visual1.jpg) center top no-repeat}
/*
#subVisual > .imgList > li.item2 {background:url(../../img/sub_visual2.jpg) center top no-repeat}
#subVisual > .imgList > li.item3 {background:url(../../img/sub_visual3.jpg) center top no-repeat}
*/
#subVisual > .imgList > li.active {z-index:10}
#subVisual > .imgList > li.active-last {z-index:8}
#subVisual > .title {position:absolute; top:0; left:0; width:100%; height:100%; padding:12% 50px 0; z-index:30}
#subVisual > .title .inner {text-align:center}
#subVisual > .title .inner h2 {font-size:60px; font-weight:500; letter-spacing:5px; color:#000}
#subVisual > .title .inner h2:after {display:block; margin:30px auto; width:50px; height:1px; content:''; background:#000}
#subVisual > .title .inner h3 {font-size:30px; font-weight:400; color:#000}
/* ¼­ºê ÄÁÅÙÃ÷ */
#subContainer {position:relative; /* padding-bottom:60px */}
#subContainer:after {clear:both; display:block; content:''}
#subContainer .innerContainer {max-width:1200px; margin:auto;padding:120px 0px;}
#subContainer .innerContainer:after {clear:both; display:block; content:''}
#subContainer .page-title {padding:0px 0 70px}
#subContainer .page-title h2 {font-size:35px; font-weight:600; color:#333; line-height:1.2; margin-bottom:15px;text-align:center;}
#subContainer .page-title h2:after {display:block; width:40px; height:1px; margin:30px auto 20px; content:''; background:#aaa}
#subContainer .page-title p {font-size:20px; color:#888; line-height:34px;text-align:center;word-break:keep-all;white-space:pre-line;}
#subContainer img {max-width:100%}

/* 20191021 Ãß°¡ */
.sub_topimg{position:relative; height:350px; overflow:hidden;margin-top:-17px;}
.sub_topimg li{position:absolute; top:0; left:0; width:100%; height:100%; background-size:cover !important; z-index:5}
.comp_img{background:url(../../img/sub_visual2.jpg) center top no-repeat}
.busi_img{background:url(../../img/sub_visual1.jpg) center top no-repeat} 
.sub_topimg .title{    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 12% 50px 0;
    z-index: 30;}
.sub_topimg .title .inner{text-align:center;}
.sub_topimg .title .inner h2{font-size: 60px;font-weight: 500;letter-spacing: 5px; color: #fff;}
.sub_topimg .title .inner  h3 { font-size: 30px; font-weight: 400; color: #fff;
}
.sub_topimg .title .inner h2:after {  display: block; margin: 30px auto; width: 50px; height: 1px; content: ''; background: #fff;}

/* ȸ»ç¼Ò°³ ÇÏ´Ü ºÎºÐ */
.bottom_imgbg01{width:100%;height:220px;background:url(../../img/philosophy_img.jpg) center top no-repeat;background-size: cover;margin-bottom:60px;position: relative;}
.philos p{    font-size: 24px;  width: 100%; height: 100%;    z-index: 30; color: #fff;  position: relative;  text-align: center; margin: 0 auto;padding-top:75px;line-height:40px;
word-break:keep-all;white-space:pre-line;font-weight: 100;}
.philos:before {content: '';background: #fff;position: absolute;bottom: 0;width: 2px; height: 40px;left: 50%; margin-left: -1px;}
.philos:after {content: '';background: #F68A1D; position: absolute; bottom: -40px; width: 2px; height: 40px; left: 50%; margin-left: -1px;}
.philos_list li{border-top:1px solid #eee;}
.philos_list li:last-child{border-bottom:1px solid #eee;}
.philos_left{float:left;padding:30px 30px;text-align:center;}
.philos_right{float:left;padding:30px 30px;}
.philos_right p{font-size:16px;line-height:28px;word-break: keep-all;word-wrap: break-word;white-space: pre-line;}
.philos_all{padding-bottom:60px;}
.philos_left img{width:100px;float: left;}
.philos_left h3{font-size:30px;color:#333;}
.philos_left h2{font-size:26px;color:#dbdbdb;margin-top:8px;letter-spacing:4px;}
.philos p em{font-size:45px;}

/*191022 ȸ»ç¼Ò°³ ÁöµµÃß°¡ */

.com_map{float:right;width:50%;clear:none;}

/* vision */
.bottom_imgbg02{width:100%;height:220px;background:url(../../img/vision_img.jpg) center top no-repeat;background-size: cover;margin-bottom:60px;position: relative;}
.compvalue{max-width: 1200px;    margin: auto;text-align:center;padding:120px 0px;}
.compvalue img{width:100%;margin-bottom: 20px;}
.vision_list{width:100%;}
.vision_list li{float:left;}
.vision_poimg{    float: left;font-size: 0;line-height: 0;}
.imgArea {position:relative; overflow:hidden}
.imgArea:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:0; filter:alpha(opacity='0'); transition:all .3s ease; z-index:10}
.imgArea img {display:block; width:100%; transition:all .3s ease}
.imgArea:hover:before {opacity:.5; filter:alpha(opacity='50')}
.imgArea:hover img {transform:scale(1.1)}
.vision_poin{    float: left;margin: -80px 50px 0 50px;text-align: center; background-color: #fff;padding: 25px 15px 25px 15px;    z-index: 11;
    position: absolute;
    bottom: -78px;}
.vision_poin h2{font-size:25px;margin-bottom:10px;color:#F68A1D}
.vision_poin h2:after{display:none;}
.vision_poin h3{font-size:20px;line-height: 28px;word-break: keep-all;font-weight: 400;}

/* ¼ýÀÚ Ä«¿îÆ® */
.perf_back{background:url(../../img/performance_back.png) center top no-repeat;background-size: cover;width:100%;}
.perf_full{max-width:1200px; margin:auto;padding:60px 0px 140px 0px;color:#fff;}
.perf_full p{text-align:center;color:#fff;font-size:24px;line-height:40px;word-break:keep-all;white-space:pre-line;}
.perf_full ul{margin:50px 0px 60px 0px;}
.per_counter {margin:80px 0px;}
.per_counter li{float:left;text-align:center;display: inline-block;}
.counter_for h2 span{color:#F68A1D;font-weight: 600;font-size:58px;}
#subContainer .page-title .counter_for h2{color:#555;font-size:26px;font-weight: 400;}
.counter_for h3{font-weight:400;font-size:18px;color:#fff;}
#subContainer .page-title .counter_for h2:after{display:none;}

/* 191202 °¡Ä¡ */
.values_list li{border-top:1px solid #eee;width: 100%;}
.values_list li:last-child{border-bottom:1px solid #eee;}
.values_left{float:left;padding:30px 30px;text-align:center;}
.values_right{float:left;padding:30px 30px;text-align:left;}
.values_right p{font-size:16px;line-height:28px;word-break: keep-all;word-wrap: break-word;white-space: pre-line;}
.values_all{padding-bottom:60px;}
.values_left img{width:100px;float: center;margin-bottom:0px;}
.values_right h2{font-size:30px;color:#333;}
.values_right em{color:#F15922;}
.values p em{font-size:45px;}


/* 191028  partner */
.partner_list{max-width: 1200px;    margin: auto;text-align:center;}
.partner_list img{margin-right:10px;margin-bottom:10px;}

/* 191106 CI ¼Ò°³ */
.ci_point{font-size: 32px; font-weight: 500;  color: #333; line-height: 1.2; margin-bottom: 15px;display:inline-block; position:relative; padding-bottom:12px; height:62px;float:left;clear:both;}
.ci_point:after {background-color:#F68A1D; content:""; opacity:0; position:absolute; right:0; left:0; bottom:0; margin:0 auto; height:2px; width:1px;}
.ci_point:after {animation:h1_deco 1s 1s forwards; -webkit-animation:h1_deco 1s 1s forwards;}
@keyframes h1_deco {from {opacity:0; width:1px;} to {opacity:1; width:100%;}}
@-webkit-keyframes h1_deco {from {opacity:0; width:1px;} to {opacity:1; width:100%;}}
.ci_point:after {opacity:1\9; width:100%\9;}/* IE9 */
.bh_symbol{margin:30px 0px 50px 0px;width:100%;float:left;}
.bh_symbol img{float:left;width:500px;margin-right:20px;}
.bh_symbol h2{float:left;font-size:28px;font-weight:500;color:#333;margin-bottom:12px;}
.bh_symbol p{font-size: 18px; color: #888; line-height: 34px;  text-align: left; word-break: keep-all;  white-space: pre-line;float:left;width: 680px;}
.bh_signature, .bh_signature2{clear:both;margin: 30px 0px 50px 0px;width:100%;float:left;}
.bh_signature h2{float: left; font-size: 26px;  font-weight: 500; color: #666;margin-bottom:25px;}
.cidown_btn{float:left;margin-top: 23px;}
.cidown_btn a{ border: 1px solid #888; font-size: 18px; color: #888; float: left; width: 200px; height: 50px;text-align: center; line-height: 50px;margin-right: 10px;position: relative;display: block;}
.cidown_btn a::after {
  -webkit-transition: all 0.3s;
 -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
 transition: all 0.3s;
}
.cidown_btn a::before,
.cidown_btn a::after {
  background: #F68A1D;
  content: '';
  position: absolute;
  z-index: -1;
}
.cidown_btn a {
  overflow: hidden;
}
.cidown_btn a::after {
  /*background-color: #f00;*/
  height: 100%;
  left: -35%;
  top: 0;
  transform: skew(50deg);
  transition-duration: 0.6s;
  transform-origin: top left;
  width: 0;
}
.cidown_btn a:hover:after {
  height: 100%;
  width: 135%;
}
.cidown_btn a:hover{color:#fff;border-color:#F68A1D;}
.cidown_btn span i{font-size:18px;font-weight:100;}

/* 191107 CI color */
.bh_cicolor {clear:both;margin: 30px 0px 50px 0px;width:100%;float:left;}
.bh_cicolor h3{ font-size: 26px; font-weight: 500; color: #666; margin: 15px 0px; text-align: center;}
.bh_cicolor p{color:#888; text-align:center;font-size:18px; line-height:27px;}
.bh_cicolor p:last-child{padding-bottom:15px;}
.bh_cicolor ul li{float:left;padding:0px;border:1px solid #DFE0E1;width:33%;margin-right:6px;}
.bh_cicolor ul li:last-child{margin-right:0px;}

/* ¼­ºê¸Þ´º */
#subContainer.fixed {margin-top:50px;}
#subContainer.fixed #nav {position:fixed;width:100%;z-index:100;top:96px;border-top:solid 1px #e6e6e6;background:#fff;}
#nav {height:50px; border-bottom:1px solid #e6e6e6}
#nav .inner {max-width:1200px; margin:0 auto}
#nav .title {float:left; width:50px; height:100%; background:#1c1c1c}
#nav .title a {display:block; width:100%; height:100%; color:#fff; text-align:center; line-height:49px}
#nav .title i{vertical-align: sub;}

#nav .dropdown {position:relative; float:left; margin-left:-1px; min-width:180px; z-index:10}
#nav .dropdown > a {position:relative; display:block; width:100%; height:100%; padding:0 75px 0 25px; color:#444; font-weight:600; line-height:49px; text-transform:uppercase; border-right:1px solid #e6e6e6;font-size:16px;}
#nav .dropdown > a:before {position:absolute; width:0; height:0; top:50%; right:15px; margin-top:-2px; content:''; border-style:solid; border-width:4px; border-color:transparent; border-top-color:#333}
#nav .dropdown.open > a:before {margin-top:-6px; border-top-color:transparent; border-bottom-color:#333}
#nav .dropdown > ul.mnuList {display:none; position:absolute; top:49px; left:0; width:100%; border:1px solid #e6e6e6; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.12)}
#nav .dropdown > ul.mnuList li {border-top:1px solid #e6e6e6}
#nav .dropdown > ul.mnuList li:first-child {border-top:none}
#nav .dropdown > ul.mnuList li a {display:block; padding:12px 25px; text-transform:uppercase}
#nav .dropdown > ul.mnuList li a:hover {background:#f9f9f9}
/* ¹öÆ° °øÅë ½ºÅ¸ÀÏ */
.btn.btn-main {position:relative; display:inline-block; height:50px; padding:0 35px; font-weight:500; color:#000; line-height:48px; border-color:#000; border-radius:0; background:transparent; transition:all .2s}
.btn:active {box-shadow:inset 0 3px 3px rgba(0, 0, 0, .1)}
.btn.btn-main:hover {color:#fff; border-color:#21bbb1; background:#21bbb1}
.btn.small {font-size:12px; letter-spacing:-1px; padding:0 10px}
.btn.btn-block {display:block; width:100%; text-align:center}
.btn.btn-primary {color:#fff; border-color:#F15922; background:#F15922}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#d44e1d; background:#d44e1d}
/*----------------------------- °Ô½ÃÆÇ -----------------------------*/
/* °Ô½ÃÆÇ °øÅë */
.bbsnewf5 {font:inherit !important}
.bbsnewf5 a:hover {color:inherit !important}
.board {font-family:inherit !important}
.tbl_brd {width:100%; margin-bottom:40px; border-top:2px solid #666}
.tbl_brd input {font:inherit !important}
.tbl_brd input[type=file] {width:80%}
.tbl_brd input[type=text], .tbl_brd input[type=password] {width:80%; height:40px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
.tbl_brd input[type=text]:focus, .tbl_brd input[type=text]:hover, .tbl_brd input[type=password]:focus, .tbl_brd input[type=password]:hover {border-color:#d8d8d8}
.tbl_brd select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_brd textarea {font:inherit !important; width:80%; max-height:120px; padding:10px; border:1px solid #e0e0e0; border-radius:3px}
.tbl_brd textarea:focus, .tbl_brd textarea:hover {border-color:#d8d8d8}
.tbl_brd select:focus, .tbl_brd select:hover {border-color:#d8d8d8}
.tbl_brd tbody td {font:inherit !important; font-size:14px !important; padding:15px; border-bottom:1px solid #e0e0e0}
.tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font:inherit !important; font-size:14px !important}
.board_bgcolor {width:30% !important; font:inherit !important; color:#333; background:#f9f9f9 !important}
#post_area img {max-width:100%; height:auto !important}
.prvThumbList {margin-top:40px}
.prvThumbList > table td table {width:135px}
div.nneditor-container .seResize2 span {font-size:0 !important}
.brd_btngroup {margin-top:50px}
.brd_btngroup a {margin-top:2px; margin-bottom:2px}
#check_all {margin-left:5px; vertical-align:-5px}
.board_bottom {margin-top:50px}
.board_bottom > a {float:right}
#ext_search {float:left}
#ext_search select {height:35px; line-height:38px; margin-right:5px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
#ext_search select:focus, #ext_search select:hover {border-color:#d8d8d8}
#ext_search input[type=text] {height:35px; margin-right:5px; padding-left:10px; border:1px solid #e8e8e8; border-radius:3px; color:#666}
#ext_search input[type=text]:focus, #ext_search input[type=text]:hover {border-color:#d8d8d8}
.board_comment_bgcolor {padding-bottom:20px; background-color:#f9f9f9 !important}
.comment_txt {padding:10px 0 !important; word-break:}
.comment_txt:first-child {padding:20px !important}
.comment_txt textarea {width:60%; width:-webkit-calc(100% - 120px); width:-moz-calc(100% - 120px); width:calc(100% - 120px); height:50px; padding:10px; font:inherit !important; border:1px solid #e8e8e8; border-radius:3px}
.comment_txt > a.btn {margin:2px 0; padding:0 15px !important; height:30px !important; line-height:28px !important}
.comment_txt > font {display:block; margin-bottom:10px; color:#ccc !important}
.comment_name {color:#333 !important; width:20% !important}
.comment_name input[type=checkbox] {margin-right:5px; vertical-align:middle}
/* °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */
.cate_select {display:none !important}
.board_tab {position:relative; margin-bottom:50px}
.board_tab > a {display:none}
.board_tab ul {border-bottom:1px solid #e0e0e0}
.board_tab ul > li {float:left; margin-bottom:-1px; margin-left:-1px}
.board_tab ul > li:first-child {margin-left:0}
.board_tab ul > li > a {display:block; padding:12px 30px; color:#999; border:1px solid #e0e0e0; background:#f4f4f4}
.board_tab ul > li.on > a {position:relative; color:#333; border-color:#aaa; border-bottom-color:#fff; background:#fff; z-index:10}
/* °¶·¯¸® ŸÀÔ */
.gallery_inner {margin:0 -15px}
.gallery_inner:after {clear:both; display:block; content:''}
.gallery_inner > table {float:left; display:block; margin:0 0 30px 0; padding:0 15px}
.gallery_inner > table.board {width:100% !important}
.gallery-grid-2 .gallery_inner > table {width:50%}
.gallery-grid-3 .gallery_inner > table {width:33.3333334%}
.gallery-grid-4 .gallery_inner > table {width:25%}
.gallery-grid-5 .gallery_inner > table {width:20%}
.gallery_inner td.bbsnewf5 a > img {display:block; width:100%; height:auto !important; transition:all .5s ease}
.gallery_inner td.bbsnewf5 a:hover > img {transform:scale(1.1)}
.gallery_inner .hoverBox {position:absolute; display:block; top:0; left:0; width:100%; height:100%; /*padding:32% 30px 0 30px;*/ padding:0 30px; text-align:center; background:rgba(0,0,0,.8); opacity:0; transition:all .5s ease}
.gallery_inner .hoverBox .inner {height:100%}
.gallery_inner .hoverBox .inner:before {display:inline-block; height:100%; content:''; vertical-align:middle}
.gallery_inner .hoverBox .inner h3 {display:inline-block; font-size:22px; font-weight:500; color:#fff; line-height:1.2; vertical-align:middle}
/*.gallery_inner .hoverBox .inner h3:after {display:block; width:40px; height:1px; margin:20px auto; content:''; background:#fff; opacity:.5}*/
.gallery_inner .hoverBox .inner p {display:none; /*display:-webkit-box;*/ color:#fff; max-height:69px; -webkit-box-orient:vertical; -webkit-line-clamp:3; overflow:hidden; text-overflow:ellipsis}
.gallery_inner .bbsnewf5:hover .hoverBox {opacity:1}
.bbsnewf5 {position:relative; overflow:hidden}
.brd_paging {display:none; text-align:center}
.brd_paging > b, .brd_paging > a {display:inline-block; width:38px; height:38px; line-height:36px; text-align:center; margin:0 -2px; border:1px solid #e8e8e8}
.brd_paging > b {color:#fff; border-color:#666; background:#666}
.brd_paging > a {color:#666}
.brd_paging > a:hover {color:#555; border-color:#cdcdcd; background:#f4f4f4}
.btn-more {display:block; width:185px; margin:30px auto; height:45px; font-size:16px; color:#000; text-align:center; border:2px solid #000; background:transparent; cursor:pointer; transition:all .3s ease; vertical-align:middle}
.btn-more:disabled {color:#bbb !important; border-color:#ccc !important; background:#f4f4f4 !important}
.btn-more:hover {color:#fff; background:#000}
/* À¥Áø(¸ÅÀå¾È³») ŸÀÔ */
.webzine_type_img_td {width:30%;}

.webzine_type_text_td_left {vertical-align:top;}

.webzine_type2 {width:100%;}
.webzine_type2 td { width:25%; font-family:'notokr',sans-serif; font-size:14px; padding-bottom:30px;}
.webzine_type2 dl, #webzine_type2 dt, #webzine_type2 dd {margin:0;padding:0}
.webzine_type2 dl    {float:left;clear:both;width:100%;padding:0 0 16px 0;margin-bottom:0;}
.webzine_type2 .webzine_type_img_td { vertical-align:top;}
.webzine_type2 .webzine_type_img img {width:100%;height:auto;}
.webzine_type2 .webzine_type2_table_line { width:100%; border-top:1px solid #cccccc;}
.webzine_type2 dd:nth-child(odd) {background:#f3f3f3;}
.webzine_type2 dd {float:left;width:100%;padding:10px;margin:0 0 -1px 0;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.webzine_type2 .obj_name {display:inline-block;width:90px;padding:0px 0 0 12px;color:#666666;background:url(/cimg/board/cafe24_webzine/bl_webzine_type2_title.gif) right 5px no-repeat;}
.webzine_type2 .obj_value {padding:0px 0 0 10px;}
.webzine_type2_table_line {display:none;}
.webzine_type2 dl .webzine_btn {border:solid 0px red;background:#000;color:#fff;width:100px;height:35px;display:inline-block;text-align:center;line-height:35px;margin-top:20px;transition:all .3s ease;}
.webzine_type2 dl .webzine_btn:hover {background:#ededed;color:#000;}
/* Æû¸ÞÀÏ */
.tbl_formmail {width:100%; margin-bottom:40px}
.tbl_formmail:before {display:block; width:100%; height:1px; margin-bottom:40px; content:''; background:#e8e8e8}
.tbl_formmail input {font:inherit !important}
.tbl_formmail input[type=file] {width:100%}
.tbl_formmail input[type=text], .tbl_formmail input[type=password] {width:100%; height:60px; font-size:14px !important; color:#666; padding-left:20px; border:none; border-radius:4px; background:#f0f0f0}
.tbl_formmail input[name^=phone] {width:80px !important}
.tbl_formmail select {height:40px; line-height:38px; padding:0 10px; border:1px solid #e0e0e0; cursor:pointer}
.tbl_formmail textarea {font:inherit !important; font-size:14px !important; line-height:1.75; width:100%; min-height:150px; padding:20px; border:none; border-radius:4px; background:#f0f0f0}
.tbl_formmail select:focus, .tbl_formmail select:hover {border-color:#d8d8d8}
.tbl_formmail tbody td {font:inherit !important; font-size:0 !important; padding:3px 0}
.tbl_formmail tbody td br {display:none}
.tbl_formmail tbody td font, .tbl_formmail tbody td span, .tbl_formmail tbody td a {font:inherit !important; font-size:14px !important}
.formmail_title_bgcolor {display:none}
/*----------------------------- À¥½º¸® Á¦°ø °øÅë ¼½¼Ç -----------------------------*/
/* 4´Ü ÆÀ±¸¼º ¼½¼Ç */
.wr-section.typeTeam > .inner > ul {margin-top:40px;}
.wr-section.typeTeam > .inner > ul > li .imgArea {position:relative; overflow:hidden}
.wr-section.typeTeam > .inner > ul > li .imgArea:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; background:#000; opacity:0; filter:alpha(opacity='0'); transition:all .3s ease; z-index:10}
.wr-section.typeTeam > .inner > ul > li .imgArea img {display:block; width:100%; transition:all .3s ease;}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover:before {opacity:.5; filter:alpha(opacity='50')}
.wr-section.typeTeam > .inner > ul > li .imgArea:hover img {transform:scale(1.1)}
.wr-section.typeTeam > .inner > ul > li .infoArea { padding: 20px 10px;   background: #fff;}
.wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:16px; color:#333; font-weight:600; margin-bottom:5px}
.wr-section.typeTeam > .inner > ul > li .infoArea span {display:block; font-size:14px; color:#888;line-height: 22px;}
.wr-section.typeTeam > .inner > ul > li p {display:-webkit-box; font-size:14px; color:#888; line-height:1.75; -webkit-box-orient:vertical; -webkit-line-clamp:3; max-height:74px; overflow:hidden; text-overflow:ellipsis}
/* Æз²·¢½º ¼½¼Ç */
.wr-section.typeParallax {background-size:cover !important}
.wr-section.typeParallax.pr1 {background:url(../../img/sub_parallax_bg.jpg) center no-repeat/* fixed*/}
.wr-section.typeParallax .captionBox {max-width:510px; margin:auto; padding:30px 0; text-align:center}
.wr-section.typeParallax .captionBox h2 {font-size:30px; font-weight:600; color:#fff; line-height:1.3; margin-bottom:40px}
.wr-section.typeParallax .captionBox p {font-size:14px; color:#fff; line-height:1.6}
.wr-section.typeParallax .captionBox .btnArea {margin-top:30px}
.wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 4px;font-size:13px;}
/* 4´Ü ¼ýÀÚ Ä«¿îÆ® ¼½¼Ç */
.wr-section.typeCount {background:#f4f4f4}
.wr-section.typeCount > .inner > ul > li {text-align:center}
.wr-section.typeCount > .inner > ul > li .iconArea i {font-size:32px; color:#666}
.wr-section.typeCount > .inner > ul > li .num-count {display:block; font-size:40px; font-weight:600; color:#333; margin:30px 0 20px 0}
.wr-section.typeCount > .inner > ul > li p {font-size:18px; color:#444; letter-spacing:-1px}
/* 3´Ü ¿ÍÀÌµå ¼½¼Ç */
.wr-section.typeFullGrid {padding:0 !important}
.wr-section.typeFullGrid > ul > li {position:relative; display:table; min-height:450px; padding:50px; background-size:cover !important}
.wr-section.typeFullGrid > ul > li.item1 {background:url(../../img/grid_full_img1.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item2 {background:url(../../img/grid_full_img2.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li.item3 {background:url(../../img/grid_full_img3.jpg) center no-repeat}
.wr-section.typeFullGrid > ul > li .textCell {display:table-cell; padding:60px 0; vertical-align:middle}
.wr-section.typeFullGrid > ul > li .textCell h3 {font-size:22px; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}

/* ¹ØÁÙ È­»ìÇ¥ 
.wr-section.typeFullGrid > ul > li .textCell h3 {font-size:20px;    margin-bottom: 30px;    position: relative;
    padding-bottom: 25px;
    border-bottom: 1px solid #fff;}
.wr-section.typeFullGrid > ul > li .textCell h3:before {
    position: absolute;
    bottom: 3px;
    right: -1px;
    width: 12px;
    height: 1px;
    content: '';
    background: #fff;
    transform: rotate(45deg);
}
.wr-section.typeFullGrid > ul > li .textCell h3:after {
    position: absolute;
    bottom: -6px;
    right: -1px;
    width: 12px;
    height: 1px;
    content: '';
    background: #fff;
    transform: rotate(-45deg);
}
*/
.wr-section.typeFullGrid > ul > li .textCell p {font-size:16px; color:#fff; line-height:1.5; margin-bottom:30px}
.wr-section.typeFullGrid > ul > li .textCell a {color:#fff}
/* 3´Ü Áß¾ÓÁ¤·Ä ±×¸®µå ¼½¼Ç */
.wr-section.typeFeature > .inner > ul > li .tile {padding:20px; background-color:#333}
.wr-section.typeFeature > .inner > ul > li .tile .tile-count {display:block; font-size:32px; font-weight:600; color:#fff; letter-spacing:-1px; margin-bottom:40px}
.wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:18px; font-weight:600; color:#fff; margin-bottom:15px}
.wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
.wr-section.typeFeature > .inner > ul > li .item1 {background-color:#2c3e50}
.wr-section.typeFeature > .inner > ul > li .item2 {background-color:#fc4349}
.wr-section.typeFeature > .inner > ul > li .item3 {background-color:#6dbcdb}
.wr-section.typeFeature > .inner > ul > li .item4 {background-color:#ffcc33}
.wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
.wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
.wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}
/* 2´Ü Ä®·³ ¼½¼Ç */
.wr-section.typeNews {background:#f4f4f4}
.wr-section.typeNews .gridWrapper:after {clear:both; display:table; content:''}
.wr-section.typeNews .gridWrapper .textArea {float:left; width:55%}
.wr-section.typeNews .gridWrapper .textArea p {color:#555; line-height:1.75; margin-bottom:40px}
.wr-section.typeNews .gridWrapper .textArea a {font-size:15px;}
.wr-section.typeNews .gridWrapper .imgArea {float:right; width:40%}
.wr-section.typeNews .gridWrapper .imgArea img {display:block; width:100%}
/* »ó´Ü À̹ÌÁöŸÀÌƲ ¼½¼Ç */
.wr-section.typeImgTitle {}
.wr-section.typeImgTitle .imgWrapper {margin:auto auto 60px auto; text-align:center}
.wr-section.typeImgTitle .imgWrapper .img_top {position:relative; width:120px; height:120px; margin:auto auto 30px auto; border-radius:50%; background:#f1f1f1; overflow:hidden}
.wr-section.typeImgTitle .imgWrapper .img_top img {display:block; width:100%}
.wr-section.typeImgTitle .imgWrapper h3 {font-size:22px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:15px}
.wr-section.typeImgTitle .imgWrapper p {font-size:16px; color:#666}
.wr-section.typeImgTitle > .inner > ul > li {margin-bottom:60px}
.wr-section.typeImgTitle > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeImgTitle > .inner > ul > li p {color:#888; line-height:1.75}
/* ±âº» 2´Ü ±×¸®µå ¼½¼Ç */
.wr-section.typeBasicGrid2 {background:#f4f4f4}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea {margin-bottom:20px}
.wr-section.typeBasicGrid2 > .inner > ul > li .imgArea img {display:block; width:100%}
.wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:18px; font-weight:600; color:#555; margin-bottom:10px}
.wr-section.typeBasicGrid2 > .inner > ul > li p {color:#888; line-height:1.75}
/* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
/* .wr-section.typeProcess {background:#f4f4f4} */
.wr-section.typeProcess > .inner > ul > li {position:relative; text-align:center;width:25%;}
.wr-section.typeProcess > .inner > ul > li:after {position:absolute; top:25%; right:-5px; font-family:'FontAwesome'; font-size:30px; color:#dedede; content:'\f105'; margin-top:-9px}
.wr-section.typeProcess > .inner > ul > li:last-child:after {display:none; content:''}
.wr-section.typeProcess > .inner > ul > li .iconArea {margin:auto auto 20px auto; max-width:140px}
.wr-section.typeProcess > .inner > ul > li .iconArea img {display:block; width:100%}
.wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:18px; font-weight:600; color:#555; letter-spacing:-1px}
.wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:block; width:20px; height:2px; margin:15px auto; content:''; background:#666}
.wr-section.typeProcess > .inner > ul > li .infoArea p {color:#888; line-height:1.75;font-size:16px;word-break:keep-all;}
/* 2´Ü ¿ÍÀ̵å Áöµµ ¼½¼Ç */
.wr-section.typeMap {padding:0 !important;background:#f4f4f4;}
.wr-section > .contactArea {float:right; width:50%; max-width:650px; padding:50px}
.wr-section > .contactArea h3 {font-size:24px; font-weight:600; color:#333; margin-bottom:40px}
.wr-section > .contactArea .iconList li {position:relative; padding:15px 0 15px 40px}
.wr-section > .contactArea .iconList li:before {position:absolute; top:13px; left:0; font-family:'FontAwesome'; font-size:20px; color:#555}
.wr-section > .contactArea .iconList li.item1:before {content:'\f041'}
.wr-section > .contactArea .iconList li.item2:before {content:'\f0e0'}
.wr-section > .contactArea .iconList li.item3:before {content:'\f095'}
.wr-section > .contactArea .iconList li.item4:before {content:'\f239'}
#mapHalf {float:right; width:50%; height:500px; background:#f4f4f4}
.br_map {width:100% !important; height:350px !important;}

/* ¹Ìµð¾î Äõ¸® */
@media screen and (max-width:1280px) {
/* 191107 ci ¼Ò°³ */
.bh_symbol p{width:450px;}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
 #mainContainer > .section > .innerContainer {padding:0 50px}
 #subContainer .innerContainer {padding:80px 50px}
 /* °¶·¯¸® ŸÀÔ */
 /*.gallery_inner .hoverBox {padding-top:25%}*/
}
/* ¸ÞÀÎ Áöµµ ¼öÁ¤ */
.br_main_map{background:#fff;}
@media screen and (max-width:1024px) {

/* ¸ÞÀÎ ½½¶óÀ̵å */
.bh_txt{font-size:55px;margin-bottom:20px;padding-top:220px;}
.bh_txt:after{margin:30px auto 20px;}
.bh_txt2{font-size:36px;color:#fff;font-weight:300;}
.top_main{height:600px;}
 /* ¸ÞÀκñÁÖ¾ó */
 #mainVisual {height:600px;margin-top:76px;}
 #mainVisual > .imgList > li {width:964px}
 #mainVisual > .imgList > li .typo {top:30%; padding:0 30px;line-height:280px;}
 #mainVisual > .imgList > li .typo h2 {font-size:55px}
 #mainVisual > .imgList > li .typo p {font-size:24px}
.wr-section.typeTeam > .inner > ul {margin-top:0px;}
 /* ¸ÞÀÎ ÄÁÅ×ÀÌ³Ê */
/* #mainContainer {margin-top:600px} */
#mainVisual > .control{top:41%;}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #1 */
 #mainContainer #section1 #imgSlider > ul.imgList {height:350px}
 /* ¼­ºêºñÁÖ¾ó */
 #subVisual > .imgList {height:300px}
 #subVisual > .title .inner h2 {font-size:42px}
 #subVisual > .title .inner h2:after {margin:25px auto}
 #subVisual > .title .inner h3 {font-size:24px}
/* ¼­ºêÆäÀÌÁö »ó´Ü ŸÀÌƲ */
.sub_topimg .title {    padding: 22% 28px 0;}
.sub_topimg .title .inner h2{font-size:55px;}
.sub_topimg .title .inner h2:after{margin:20px auto;}
.sub_topimg .title .inner h3{font-size:28px;}

/* 191128 ¼ýÀÚ Ä«¿îÆà */
.per_counter li{width:25%;}
.counter_for h2 {font-size:28px;}
.counter_for h2 span{font-size: 45px;}

/* 191021 ȸ»ç¼Ò°³¶õ Ãß°¡ */
#subContainer .page-title p{white-space:unset;}
.wr-section.typeProcess > .inner > ul > li{width:50%;}
.wr-section.typeProcess > .inner > ul > li:nth-child(3){clear:both;}
.philos p{font-size:28px;white-space: unset;padding-top: 75px; line-height: 44px;}
.philos{padding: 0px 40px;}
/* 191029 ºñÀü  */
#subContainer .page-title .vision_poin h2{font-size:23px;}
.vision_poin h3{font-size:17px;line-height:24px;}
/* 191107 ci ¼Ò°³ */
.bh_symbol p{width:100%;}
.bh_symbol img{width:100%;margin:0px;}
.bh_symbol h2{margin-top:20px;}
.bh_symbol h3{margin-top:20px;}
.bh_cicolor ul li{width:32.9%;}
.bh_cicolor h3{padding:0px 20px;}

 /* ¼­ºê¸Þ´º */
#subContainer.fixed #nav {top:70px;}
 #nav {float:none; width:100%; margin:0; border-bottom:1px solid #dcdcdc}
 #nav:after {clear:both; display:block; content:''}
 /* 4´Ü ÆÀ±¸¼º ¼½¼Ç */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:50px}
 /* Æз²·¢½º ¼½¼Ç */
 .wr-section.typeParallax {background-position:center top !important}
 /* 4´Ü ¼ýÀÚ Ä«¿îÆ® ¼½¼Ç */
 .wr-section.typeCount > .inner > ul > li {margin-bottom:40px}
 /* 3´Ü ¿ÍÀÌµå ¼½¼Ç */
 .wr-section.typeFullGrid > ul > li .textCell h3 {font-size:20px}

 .wr-section.typeFullGrid > ul > li .textCell p {font-size:14px}
 /* 5´Ü ÇÁ·Î¼¼½º ¼½¼Ç */
 .wr-section.typeProcess > .inner > ul > li {margin-bottom:30px}
 /* °¶·¯¸® ŸÀÔ */
 .gallery_inner .hoverBox .inner h3 {font-size:18px}
 .gallery_inner .hoverBox .inner p {font-size:12px; max-height:63px}
 .gallery-grid-2 .gallery_inner > table {width:50%}
 .gallery-grid-3 .gallery_inner > table {width:50%}
 .gallery-grid-4 .gallery_inner > table {width:33.3333334%}
 .gallery-grid-5 .gallery_inner > table {width:33.3333334%}
 /* À¥Áø(¸ÅÀå¾È³»)*/
 .webzine_type2 td { width:40%;}
 /* °Ô½ÃÆÇ Ä«Å×°í¸® ÅÇ */
 .cate_select {display:none !important}
 .board_tab {margin:auto auto 50px auto}
 .board_tab > a {position:relative; display:block !important; width:100%; height:50px; padding-left:15px; font-size:16px; line-height:50px; border:1px solid #e0e0e0}
 .board_tab > a:after {position:absolute; font-family:'FontAwesome'; font-size:18px; color:#333; right:20px; content:'\f107'}
 .board_tab > a.open:after {content:'\f106'}
 .board_tab ul {display:none; position:absolute; top:49px; width:100%; margin:0; border:1px solid #e8e8e8; border-top:none; background:#fff; z-index:30}
 .board_tab ul > li {float:none; display:block; margin:0}
 .board_tab ul > li > a {display:block; padding:12px 15px; font-size:16px; color:#999; border:none; border-top:1px solid #f0f0f0; background:none}
 .board_tab ul > li.on > a {color:#333; border-color:#f0f0f0}

}

@media screen and (max-width:768px) {
#mainContainer > .section .large-title p:after{margin-bottom:40px;}
/* ºê·£µå */
.main_wondfo {background: url(../../img/wondfo_main2.jpg) no-repeat 50% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_minami{background: url(../../img/minami_main2.jpg) no-repeat 50% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_yes{background: url(../../img/yes_main2.jpg) no-repeat 50% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_brandshouse{background: url(../../img/brandshouse_main2.jpg) no-repeat 50% 50%;background-size:cover;width: 100%;min-height: 350px;}
.main_nutriworks{background: url(../../img/nutriworks_main2.jpg) no-repeat 50% 50%;background-size:cover;width: 100%;min-height: 350px;}
.brand_text{right:8%;left:8%;transition: 0.5s;}
.bh_brand:hover .brand_text{width:100%;right:0px;left:0px;}


/* ¸ÞÀÎ ½½¶óÀ̵å */
.bh_txt{font-size:40px;margin-bottom:20px;padding-top:170px;}
.bh_txt2{font-size:22px;color:#fff;font-weight:300;padding-top:110px;}
.bh_txt:after{margin:25px auto 20px;}
.top_main{height:450px;}

/* ¸ÞÀÎ °í°´¼¾ÅÍ */
.bh_cust{height:500px;padding-top:30px;}
.bh_cust div{flaot:center;max-width:100%;}
.main_formmail{display:none;}
.main_cust{padding:0px;margin-top:40px;}
.main_cust p{margin-bottom:40px;}
.mo_cust_btn{display:block;margin-top:40px;border:1px solid #333; color:#333;    padding: 10px 20px;width: 300px;text-align: center;margin: 0 auto;vertical-align: middle; font-size: 18px; }


/* 191128 ¼ýÀÚ Ä«¿îÆà */
.perf_full{height: 415px;}
.perf_full p{font-size: 16px;    line-height: 28px;}
.per_counter li{width:50%;}
.per_counter li:nth-child(3){clear:both;margin-top:50px;}
.per_counter li:nth-child(4){margin-top:50px;}
.counter_for h2 {font-size:24px;}
.counter_for h2 span{font-size: 35px;}
.counter_for h3{font-size:16px;}

/* À±¸®°æ¿µ */
.philos_left h3{font-size:22px;}
.philos_left h2{letter-spacing: 3px;font-size:20px;}

/* Á¶Á÷µµ */
.org_img img{padding:20px 0px 50px;}

/* 191107 ci ¼Ò°³ */
.bh_symbol, .bh_signature{margin:20px 0px 50px 0px;}
.bh_signature2{margin:20px 0px 0px 0px;}
.cidown_btn a{font-size:16px;margin:0 auto;text-align:center;left:25%;right:25%;}
.cidown_btn{width:100%;clear:both;}
.mobci_text{float:right;}
.ci_point{font-size:24px;height: 52px;}
.bh_symbol p{width:100%;text-align:center;font-size:16px;line-height: 28px;}
.bh_symbol img{width:100%;margin:0px;}
.bh_symbol h2{margin-top:20px;text-align:center;width:100%;font-size:20px;}
.bh_symbol h3{display:none;}
.bh_cicolor ul li{width:100%;margin-bottom:30px;}
.bh_cicolor ul li:last-child{margin-bottom:0px;}
.bh_cicolor h3{padding:0px 20px;font-size:20px;}
.bh_signature h2{font-size:20px;}
.bh_cicolor p{font-size:16px;}

/* 191202 ºñÀü & ¹ë·ù */
.values_left{padding-bottom:0px;}
.compvalue .values_left img{width:150px;}
.values_right{text-align:center;}
.values_right h2{font-size: 22px;}

 /* ¸ÞÀκñÁÖ¾ó */
 #mainVisual {height:400px;margin-top:70px;}
 #mainVisual > .imgList > li {width:100%;height:auto;}
 #mainVisual > .imgList > li .typo {line-height:120px;margin-top:140px;}
 #mainVisual > .imgList > li .typo h2 {font-size:45px; line-height:1.2; margin-bottom:55px;}
 #mainVisual > .imgList > li .typo p {font-size:20px}
 #mainVisual > .imgList > li .typo p br {display:none}
 #mainVisual > .imgList > li .pagination {}
 #mainVisual > .control {display:none;}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
/*  #mainContainer {margin-top:470px} */
 #mainContainer > .section > .innerContainer {padding:0 30px}
 #mainContainer > .section .large-title h2 {font-size:45px; margin-bottom:20px;letter-spacing:0;}
 #mainContainer > .section .large-title p {font-size:18px; word-break:keep-all}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #1 */
 #mainContainer #section1 #imgSlider > ul.imgList {height:300px}
 #mainContainer #section1 #imgSlider > .control {width:50px; height:50px; margin-top:-25px}
 #mainContainer #section1 #imgSlider > .control span {vertical-align:-12px}
 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç #4 */
 #mainContainer #section4 .product-grid {margin:0}
 #mainContainer #section4 .product-grid > table {float:none; width:100%; margin-bottom:40px; padding:0}
 #mainContainer #section4 .product-grid > table .board_output_gallery_subject a {font-size:16px}
 /* ¼­ºêºñÁÖ¾ó */
 #subVisual > .imgList {height:300px}
 #subVisual > .title {padding-top:25%}
 #subVisual > .title .inner h2 {font-size:24px}
 #subVisual > .title .inner h2:after {margin:15px auto; width:30px}
 #subVisual > .title .inner h3 {font-size:16px}
/* 191021 Ãß°¡ */
.sub_topimg{height:200px;}
.philos p{font-size:22px;white-space: unset;padding-top: 66px; line-height: 32px;}
.philos{padding: 0px 40px;}
.item1 .col-3 {max-width:100%;}
.item1 .col-9 {max-width:100%;}
.philos_left img{float:none;}
.philos_left{padding-bottom:0px;}
#subContainer .philos_all{margin-bottom:60px;}
.philos_right p{white-space: pre-line;text-align:center;padding: 0px 40px;}
/* 191022 Ãß°¡ */
.com_map{float:none;width:100%;clear:none;}
 /* ¼­ºê ÄÁÅÙÃ÷ */
 #subContainer .innerContainer {padding:40px 30px}
 #subContainer .page-title {padding:40px 0 40px}
 #subContainer .page-title h2 {font-size:24px}
 #subContainer .page-title p {font-size: 16px; line-height: 28px;padding: 0px 40px;}
/* 191029 ºñÀü */
.vision_poin{margin:0px;width:100%;position:unset;bottom:0;}
.vision_list li{margin: 0px 0px 0px 0px;}
.vision_poin h3{font-size:18px;}
 /* ¼­ºê¸Þ´º */
 #nav .title {display:none}
 #nav .inner {padding:0}
 #nav .inner:after {clear:both; display:block; content:''}
 #nav .dropdown {min-width:inherit; width:50%; width:-webkit-calc(50% + 1px); width:-moz-calc(50% + 1px)}
 #nav .dropdown:last-child a {border-right:none}
 #nav .dropdown > a {padding:0 50px 0 15px; font-size:16px; font-weight:400}
 #nav .dropdown > ul.mnuList li a {padding:10px 15px; font-size:14px}
 /* 4´Ü ÆÀ±¸¼º ¼½¼Ç */
 .wr-section.typeTeam > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeTeam > .inner > ul > li .infoArea h3 {font-size:14px}
 .wr-section.typeTeam > .inner > ul > li .infoArea span {font-size:12px}
 .wr-section.typeTeam > .inner > ul > li p {display:block; font-size:12px; max-height:inherit; -webkit-line-clamp:inherit}
 /* Æз²·¢½º ¼½¼Ç */
 .wr-section.typeParallax {background-attachment:scroll !important}
 .wr-section.typeParallax .captionBox {max-width:inherit; margin:auto; padding:30px 20px}
 .wr-section.typeParallax .captionBox h2 {font-size:18px; margin-bottom:30px}
 .wr-section.typeParallax .captionBox p {font-size:13px}
 .wr-section.typeParallax .captionBox .btnArea > .btn {margin:0 !important}
 /* 4´Ü ¼ýÀÚ Ä«¿îÆ® ¼½¼Ç */
 .wr-section.typeCount > .inner > ul > li {margin:0 0 30px 0}
 .wr-section.typeCount > .inner > ul > li .num-count {font-size:28px; margin:20px 0 15px 0}
 .wr-section.typeCount > .inner > ul > li p {font-size:16px}
 /* 3´Ü ¿ÍÀÌµå ¼½¼Ç */
 .wr-section.typeFullGrid > ul > li {min-height:inherit; padding:50px 20px !important}
 .wr-section.typeFullGrid > ul > li .textCell {padding:0}
 .wr-section.typeFullGrid > ul > li .textCell h3 {font-size:18px}
 /* 3´Ü Áß¾ÓÁ¤·Ä ±×¸®µå ¼½¼Ç */
 .wr-section.typeFeature > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeFeature > .inner > ul > li .tile .tile-count {font-size:24px; margin-bottom:30px}
 .wr-section.typeFeature > .inner > ul > li .tile h3 {font-size:15px}
 .wr-section.typeFeature > .inner > ul > li .tile p {color:#fff; line-height:1.75}
 .wr-section.typeFeature > .inner > ul > li .item1 {background-color:#ff5848}
 .wr-section.typeFeature > .inner > ul > li .item2 {background-color:#3b3737}
 .wr-section.typeFeature > .inner > ul > li .item3 {background-color:#00d255}
 .wr-section.typeFeature > .inner > ul > li .desc {margin-top:30px; text-align:center}
 .wr-section.typeFeature > .inner > ul > li .desc h4 {font-size:14px; font-weight:600; color:#333; letter-spacing:-1px; margin-bottom:5px}
 .wr-section.typeFeature > .inner > ul > li .desc p {font-size:13px; color:#888}
 /* 2´Ü Ä®·³ ¼½¼Ç */
 .wr-section.typeNews .gridWrapper .textArea {float:none; width:100%}
 .wr-section.typeNews .gridWrapper .textArea p {font-size:12px}
 .wr-section.typeNews .gridWrapper .imgArea {float:none; width:100%; margin-bottom:30px}
 /* »ó´Ü À̹ÌÁöŸÀÌƲ ¼½¼Ç */
 .wr-section.typeImgTitle .imgWrapper {margin-bottom:40px}
 .wr-section.typeImgTitle .imgWrapper h3 {font-size:18px}
 .wr-section.typeImgTitle .imgWrapper p {font-size:14px}
 .wr-section.typeImgTitle > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeImgTitle > .inner > ul > li h4 {font-size:15px}
 .wr-section.typeImgTitle > .inner > ul > li p {font-size:12px}
 /* ±âº» 2´Ü ±×¸®µå ¼½¼Ç */
 .wr-section.typeBasicGrid2 > .inner > ul > li {margin-bottom:40px}
 .wr-section.typeBasicGrid2 > .inner > ul > li h4 {font-size:15px}
 .wr-section.typeBasicGrid2 > .inner > ul > li p {font-size:12px}
 /* ȸ»ç¼Ò°³ step */
 .wr-section.typeProcess > .inner > ul > li {margin-bottom:80px}
 .wr-section.typeProcess > .inner > ul > li:last-child {margin-bottom:0}
 .wr-section.typeProcess > .inner > ul > li:after {font-size:40px; color:#aaa; top:inherit; bottom:-44px; right:50%; margin-right:-12px; content:'\f107'}
 .wr-section.typeProcess > .inner > ul > li .infoArea h3 {font-size:18px; margin-bottom:5px}
 .wr-section.typeProcess > .inner > ul > li .infoArea h3:after {display:none}
 .wr-section.typeProcess > .inner > ul > li .infoArea p {font-size:16px;}
 /* 2´Ü ¿ÍÀ̵å Áöµµ ¼½¼Ç */
 .wr-section > .contactArea {float:none; width:100%; max-width:inherit; padding:30px 20px}
 .wr-section > .contactArea h3 {font-size:16px; margin-bottom:30px}
 .wr-section > .contactArea .iconList li {font-size:14px}
 #mapHalf {float:none; width:100%}
 /* °¶·¯¸® ŸÀÔ */
 .gallery_inner {margin-left:0 !important; margin-right:0 !important}
 div[class^=gallery-grid] .gallery_inner > table {width:100% !important}
 .gallery_inner .hoverBox {padding:0 20px}

 /* À¥Áø(¸ÅÀå¾È³») */
 .webzine_type2 td { width:100%;display:block;}
 .webzine_type2 .webzine_type_text_td_left {padding:0px;}
 .webzine_type2 dl .webzinebtn {display:inline-block;width:100%;text-align:center;}
 /* °Ô½ÃÆÇ Àбâ */
 .tbl_brd tbody td {font-size:12px !important; padding:12px 10px}
 .tbl_brd tbody td font, .tbl_brd tbody td span, .tbl_brd tbody td a {font-size:12px !important}
 .prvThumbList table td {padding:2px !important}
 .prvThumbList > table {width:100%}
 .prvThumbList > table td table {width:33%}
 .prvThumbList img {width:100%; height:auto}
 /* °Ô½ÃÆÇ - °øÁö»çÇ× */
 .brd_notice .att_title:first-child {display:none}
 .brd_notice .att_title:nth-child(3) {display:none}
 .brd_notice .bbsno {display:none}
 .brd_notice .bbswriter {display:none}
 /* °Ô½ÃÆÇ - QNA */
 .brd_qna .att_title:first-child {display:none}
 .brd_qna .att_title:nth-child(4) {display:none}
 .brd_qna .att_title:nth-child(5) {display:none}
 .brd_qna .att_title:nth-child(6) {display:none}
 .brd_qna .bbsno {display:none}
 .brd_qna .bbsetc_dateof_write {display:none}
 .brd_qna .bbspublic_ox {display:none}
 /* °Ô½ÃÆÇ °øÅë */
 #ext_search {display:none}
 .comment_name {display:block !important; width:100% !important; padding:10px !important}
 .comment_txt[align=left], .comment_txt[align=right] {display:block !important; width:100% !important; text-align:left !important; padding:10px !important}
 /* Æû¸ÞÀÏ */
 .tbl_formmail input {font:inherit !important; font-size:12px !important}
 .tbl_formmail input[type=text], .tbl_formmail input[type=password] {font-size:12px !important}
 .tbl_formmail input[name^=phone] {width:50px !important}
 .tbl_formmail select {font-size:12px !important}
 .tbl_formmail textarea {font-size:12px !important}
}
@media screen and (max-width:767px) {

/* 191031 ¼öÁ¤µÈ ¸ÞÀν½¶óÀ̵å */
.bh_txt{padding-top:150px;}
.bh_txt:after{margin:25px auto 20px;}
.bh_txt2{padding-top:70px;}

 /* ¸ÞÀÎÆäÀÌÁö ¼½¼Ç °øÅë */
#mainContainer > .section{padding:40px 0px;}
/*  #mainContainer {margin-top:470px} */
 #mainContainer > .section > .innerContainer {padding:40px 30px}
 #mainContainer > .section .large-title h2 {font-size:36px; margin-bottom:20px;letter-spacing:0;}
 #mainContainer > .section .large-title p {font-size:15px; word-break:keep-all}

/* 191021 ȸ»ç¼Ò°³¶õ Ãß°¡ */

.wr-section.typeProcess > .inner > ul > li{width:100%;}

/* 191029 ºñÀü Ãß°¡ */
.vision_poin h3{font-size:16px;}


}
@media screen and (max-width:500px) {

/* ȸ»ç¼Ò°³ ¶õ */
.philos p{font-size:20px;line-height: 30px;}
.philos{padding: 0px 20px;}
.philos_right{padding:15px 0px 30px 0px !important;text-align: center;}
.sub_topimg .title{padding: 27% 50px 0;}
.sub_topimg .title .inner h2{font-size:45px;}
.sub_topimg .title .inner h2:after{margin:20px auto;}
.sub_topimg .title .inner h3{font-size:20px;}
 #subContainer .page-title p, .philos_right p {padding: 0px;}
.philos p em{font-size:35px;line-height: 60px;}
.compvalue img{width:100%;margin-bottom:0px;}

/* Çù·Â»ç */
.partner_list img{width:170px;margin-right:15px;margin-bottom:15px;}

}


@media screen and (max-width:375px) {

/* ¸ÞÀÎ ½½¶óÀ̵å */
.swiper-slide img{min-height:250px;}
.bh_txt2{font-size:16px;padding-top:80px;}
.bh_txt:after{margin:17px auto 20px;}
.bh_txt{font-size:35px; margin-bottom:16px;padding-top:100px;}
.top_main{height:300px;}

/* °í°´¼¾ÅÍ */
.main_cust img{width:100px;}
.main_cust h2{font-size:28px;}
.main_cust p{font-size:16px;line-height:24px;margin-bottom:25px;}
.bh_cust{height:405px;}
.mo_cust_btn{font-size:16px;}

/* ǪÅÍ */
#footer > .inner .copyright{line-height:16px;}

/* ¼­ºêÆäÀÌÁö »ó´Ü ŸÀÌƲ */
.sub_topimg .title {    padding: 35% 28px 0;}
.sub_topimg .title .inner h2{font-size:35px;}
.sub_topimg .title .inner h2:after{margin:20px auto;}
.sub_topimg .title .inner h3{font-size:16px;}

/* Çù·Â»ç */
.partner_list img{width:120px;}
}

/* ie ¿§Áö¿¡¼­¸¸ Àû¿ëµÇ´Â css */ 

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.bh_txt{left:50%;transform:translateX(-50%);}

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 1024px) {
.bh_txt{padding-top:240px;}
.bh_txt2{padding-top:155px;}

}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width: 768px){
.bh_txt{padding-top:100px;font-size:35px;}
.bh_txt2{padding-top:55px;}

}