@charset "utf-8";


@font-face {
    font-family: 'Arita-buri-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_one@1.0/Arita-buri-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#subcontentWrap{width:100%; overflow:hidden;  }
#subInner{width:100%; overflow:hidden;  }
#subContWrap{width:100%; margin:85px 0px 0px 0px; float:none;}
#subContWrap1{width:83%; margin:0 auto; float:none; padding-top:125px; padding-bottom:65px;}
#subContWrap2{width:1300px; margin:0 auto; float:none; padding-top:125px; padding-bottom:65px;}

/*페이지인식*/
#page01 .sub_menu li.menu01 a,
#page02 .sub_menu li.menu02 a,
#page03 .sub_menu li.menu03 a,
#page04 .sub_menu li.menu04 a,
#page05 .sub_menu li.menu05 a,
#page06 .sub_menu li.menu06 a,
#page07 .sub_menu li.menu07 a
{display:block;  color:#fff; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; padding:0; position:relative;}


/*페이지인식*/
#page01 .sub_menu1 li.menu01 a,
#page02 .sub_menu1 li.menu02 a,
#page03 .sub_menu1 li.menu03 a,
#page04 .sub_menu1 li.menu04 a,
#page05 .sub_menu1 li.menu05 a,
#page06 .sub_menu1 li.menu06 a,
#page07 .sub_menu1 li.menu07 a
{display:block;  color:#fff; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; padding:0; position:relative;}




/*페이지인식*/
#page01 .sub_menu2 li.menu01 a,
#page02 .sub_menu2 li.menu02 a,
#page03 .sub_menu2 li.menu03 a,
#page04 .sub_menu2 li.menu04 a,
#page05 .sub_menu2 li.menu05 a,
#page06 .sub_menu2 li.menu06 a,
#page07 .sub_menu2 li.menu07 a
{display:block;  color:#fff; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; padding:0; position:relative;}




/*페이지인식*/
#page01 .sub_menu3 li.menu01 a,
#page02 .sub_menu3 li.menu02 a
{display:block;  color:#fff; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; padding:0; position:relative;}



/*페이지인식*/
#page01 .sub_menu4 li.menu01 a,
#page02 .sub_menu4 li.menu02 a
{display:block;  color:#fff; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; padding:0; position:relative;}




/* 서브페이지_Title */
#subInner .lnb_title_wrap{width:100%; height:420px;}
#subInner .lnb_title_wrap .subleft{width:20%; position:relative;height:420px; float:left; background:url('/html/images/yega_topleftbg.jpg') right bottom;
background-size:cover;}

#subInner .lnb_title_wrap .subright{width:80%; position:relative;height:495px; overflow:hidden; }

#subInner .lnb_title_wrap .subright .bg1{width:100%; position:absolute; left:0; top:0;  z-index:550; height:460px; background:url('/html/images/about01_bg.png')left; 
background-size:cover; }
#subInner .lnb_title_wrap .subright .bg2{width:100%; position:absolute; left:0; top:0;  z-index:550; height:460px; background:url('/html/images/house01_bg.png')left; 
background-size:cover;}
#subInner .lnb_title_wrap .subright .bg3{width:100%; position:absolute; left:0; top:0;  z-index:550; height:460px; background:url('/html/images/suri01_bg.png')left; 
background-size:cover;}
#subInner .lnb_title_wrap .subright .bg4{width:100%; position:absolute; left:0; top:0;  z-index:550; height:460px; background:url('/html/images/assets01_bg.png')left; 
background-size:cover;}

#subInner .lnb_title_wrap .subright .bg5{width:100%; position:absolute; left:0; top:0;  z-index:550;
 height:460px; background:url('/html/images/gallery01_bg.jpg')left; 
background-size:cover;}

#subInner .lnb_title_wrap .subright .bg6{width:100%; position:absolute; left:0; top:0;  z-index:550; height:460px;
  background:url('/html/images/community01_bg.png')left; 
background-size:cover;}

#subInner .lnb_title_wrap .subright .bg7{width:100%; position:absolute; left:0; top:0;  z-index:550; height:460px;
  background:url('/html/images/chi01_bg.jpg')left; 
background-size:cover;}

.animate-bg{
    -webkit-animation-name: animateBg;
    animation-name: animateBg;

}
.animate{
  -webkit-animation-duration: 5000ms;
  animation-duration: 5000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

  -webkit-animation-timing-function: cubic-bezier(.3,0,.7,1);
  animation-timing-function: cubic-bezier(.3,0,.7,1);
  animation-iteration-count: ;
}

@keyframes animateBg {
  to {
    -ms-transform: scale(1,1);
    transform: scale(1,1) translateZ(1px);
  }

  from {
    -ms-transform: scale(1.45, 1.45);
    transform: scale(1.45, 1.45) translateZ(1px);
  }
}



#subInner .lnb_title_wrap .lnb_title_txt{  z-index:555; text-align:right; padding-right:10%; width:100% !important; height:420px; color:#fff; position:absolute; right:0;}
#subInner .lnb_title_wrap .lnb_title_txt b{   font-family: 'Arita-buri-SemiBold'; 
  font-size:60px !important; font-weight:800; display:block; line-height:85px; padding-top:175px;}


#subInner .lnb_title_wrap .wrap{position:relative; height:420px;}
#subInner .lnb_title_wrap .lnb_title_img{width:50%; height:400px; position:absolute; right:0;}

#subInner .lnb_title_wrap .lnb_title_txt .tt01{font-size:14px; line-height:25px;}



#subInner .lnb_title_wrap .subright .sub_menu{z-index:559; position:absolute; height:75px; left:0; bottom:0; text-align:left;  width:100%;  border-top:0px solid #605e5e;
 /*background:rgba(250,250,250,1); */ background:#212121;}

#subInner .sub_menu li{display:inline-block; float:left !important; position:relative; width:15%; background:#FFF; height:75px; text-align:center;
 line-height:75px; margin:0 auto;background:url('/img/sub/sub_menu_bar.png') no-repeat right center;}
#subInner .sub_menu li:after{content:""; width:1px; height:15px; background:url('/kr/images/common/t_line.png') right center; display:inline-block; position:absolute; top:30px; left:0;}
#subInner .sub_menu li:first-child:after{width:0px;}


#subInner .sub_menu li a{display:inline-block; float:left; color:#efefef; font-size:17px; width:100%; }
#subInner .sub_menu li a:hover{color:#fff; }
#subInner .sub_menu li a:focus, 
#subInner .sub_menu li a:active{display:block; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; color:#fff; }





#subInner .lnb_title_wrap .subright .sub_menu1{z-index:559; position:absolute; height:75px; left:0; bottom:0; text-align:left;  width:100%;  border-top:0px solid #605e5e;
 /*background:rgba(250,250,250,1); */ background:#212121;}

#subInner .sub_menu1 li{display:inline-block; float:left !important; position:relative; width:20%; background:#FFF; height:75px; text-align:center;
 line-height:75px; margin:0 auto;background:url('/img/sub/sub_menu_bar.png') no-repeat right center;}
#subInner .sub_menu1 li:after{content:""; width:1px; height:15px; background:url('/kr/images/common/t_line.png') right center; display:inline-block; position:absolute; top:30px; left:0;}
#subInner .sub_menu1 li:first-child:after{width:0px;}


#subInner .sub_menu1 li a{display:inline-block; float:left; color:#efefef; font-size:17px; width:100%; }
#subInner .sub_menu1 li a:hover{color:#fff; }
#subInner .sub_menu1 li a:focus, 
#subInner .sub_menu1 li a:active{display:block; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; color:#fff; }






#subInner .lnb_title_wrap .subright .sub_menu2{z-index:559; position:absolute; height:75px; left:0; bottom:0; text-align:left;  width:100%;  border-top:0px solid #605e5e;
 /*background:rgba(250,250,250,1); */ background:#212121;}

#subInner .sub_menu2 li{display:inline-block; float:left !important; position:relative; width:20%; background:#FFF; height:75px; text-align:center;
 line-height:75px; margin:0 auto;background:url('/img/sub/sub_menu_bar.png') no-repeat right center;}
#subInner .sub_menu2 li:after{content:""; width:1px; height:15px; background:url('/kr/images/common/t_line.png') right center; display:inline-block; position:absolute; top:30px; left:0;}
#subInner .sub_menu2 li:first-child:after{width:0px;}


#subInner .sub_menu2 li a{display:inline-block; float:left; color:#efefef; font-size:17px; width:100%; }
#subInner .sub_menu2 li a:hover{color:#fff; }
#subInner .sub_menu2 li a:focus, 
#subInner .sub_menu2 li a:active{display:block; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; color:#fff; }








#subInner .lnb_title_wrap .subright .sub_menu3{z-index:559; position:absolute; height:75px; left:0; bottom:0; text-align:left;  width:100%;  border-top:0px solid #605e5e;
 /*background:rgba(250,250,250,1); */ background:#212121;}

#subInner .sub_menu3 li{display:inline-block; float:left !important; position:relative; width:20%; background:#FFF; height:75px; text-align:center;
 line-height:75px; margin:0 auto;background:url('/img/sub/sub_menu_bar.png') no-repeat right center;}
#subInner .sub_menu3 li:after{content:""; width:1px; height:15px; background:url('/kr/images/common/t_line.png') right center; display:inline-block; position:absolute; top:30px; left:0;}
#subInner .sub_menu3 li:first-child:after{width:0px;}


#subInner .sub_menu3 li a{display:inline-block; float:left; color:#efefef; font-size:17px; width:100%; }
#subInner .sub_menu3 li a:hover{color:#fff; }
#subInner .sub_menu3 li a:focus, 
#subInner .sub_menu3 li a:active{display:block; height:75px; margin:0; line-height:75px;  font-weight:500; background:#cc9966; color:#fff; }






/**/
#subContWrap .tit_Wrap{width:100%; overflow:hidden; border-bottom:0px solid #ddd; padding:20px 0 20px; }
.tit_Wrap .tit_txt{ font-size:40px; font-weight:500; text-align:center; color:#333; padding-top:18px;}

.tit_Wrap .tit_nav li{float:left; font-size:13px; color:#8E8E8E; font-weight:300; padding-right:14px; margin-left:10px; background:url(/kr/images/common/arrow1.png) no-repeat right center;}
.tit_Wrap .tit_nav li:last-child{background:0; padding:0;}
.tit_Wrap .tit_nav li.home{padding-top:3px;}

.tit_Wrap1{width:100%; overflow:hidden;  background:#efefef; margin-bottom:20px;}
.tit_Wrap .tit_nav1{font-size:17px !important; margin:0 auto; padding-top:20px; line-height:35px; color:#999; border:0px solid red; overflow:hidden; text-align:center;  }
.tit_Wrap .tit_nav1 span{color:#0663bf;}


#subContWrap .tit_Wrap2{width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:0 0 20px; display:none; }
.tit_Wrap2 .tit_txt{ font-size:40px; font-weight:500; float:left; color:#333; padding-top:18px;}
.tit_Wrap2 .tit_nav{float:right; padding-top:32px;}
.tit_Wrap2 .tit_nav li{float:left; font-size:13px; color:#8E8E8E; font-weight:300; padding-right:14px; margin-left:10px; background:url(/kr/images/common/arrow1.png) no-repeat right center;}
.tit_Wrap2 .tit_nav li:last-child{background:0; padding:0;}
.tit_Wrap2 .tit_nav li.home{padding-top:3px;}

.s_content{width:100%; overflow:hidden; min-height:200px; padding-top:30px;}
.s_content.n_top{padding-top:0;}




/*s_title*/
.s_title{position:relative;width:100%; height:400px; /*background:url('/img/sub/sub_tit_bg.png') no-repeat center center;*/ background-size:cover;}
/*.s_title_bg{position:absolute; top:0; right:0; width:100%; height:400px;}*/
.treat01_s_title{background:url('/img/sub/treat01_tit_bg.png') no-repeat center center;}
.treat02_s_title{background:url('/img/sub/treat02_tit_bg.png') no-repeat center center;}
.treat03_s_title{background:url('/img/sub/treat03_tit_bg.png') no-repeat center center;}
.treat04_s_title{background:url('/img/sub/treat04_tit_bg.png') no-repeat center center;}
.common01_s_title{background:url('/img/sub/common01_tit_bg.png') no-repeat center center;}
.common02_s_title{background:url('/img/sub/common02_tit_bg.png') no-repeat center center;}
.common03_s_title{background:url('/img/sub/common03_tit_bg.png') no-repeat 90% bottom;}
.common04_s_title{background:url('/img/sub/common04_tit_bg.png') no-repeat center center;}

.s_title_ment{padding:115px 60px 100px; /*position:absolute; top:0; z-index:9;*/}
.s_title_ment .s_title_1{font-family:"KoreanYNSJG"; font-size:55px; font-weight:400; color:#212121}
.s_title_ment .s_title_1 span{font-family:"KoreanYNSJG"; font-size:55px; font-weight:400; }
.s_title_ment .s_title_2{font-family:"KoreanYNSJG"; font-size:16px; font-weight:200; color:#404040; margin-top:13px; line-height:27px;}

/*s_box*/
.s_box{width:100%; overflow:hidden; margin-top:65px;}
.s_box .s_mark{width:30px; height:17px; display:block; }
.s_box .s_mark_p{background:url('/img/sub/mark_p.png') no-repeat left center;}
.s_box .s_mark_o{background:url('/img/sub/mark_o.png') no-repeat left center;}
.s_box .s_mark_g{background:url('/img/sub/mark_g.png') no-repeat left center;}
.s_box .s_box_tit{font-size:35px; color:#212121; font-weight:300; letter-spacing:-0.05em;; margin:15px 0;}
.s_box .s_box_con{font-size:17px; color:#555; font-weight:300; word-break:keep-all; text-align:justify}

/*s_box_ul*/
.s_box .s_box_ul{width:100%; overflow:hidden;}
.s_box .s_box_ul li{width:24.6%; margin-left:0.5%; border:1px solid #DEC3DB; float:left; position:relative; text-align:center; box-sizing:border-box; padding:30px 20px 40px;}
.s_box .s_box_ul li:before{content:""; position:absolute; top:-1px; left:50%; margin-left:-20px;width:40px; height:3px; background:#c78fc0;}
.s_box .s_box_ul li .s_box_ul_num{font-family:"din"; font-size:50px;font-weight:bold; color:#C78FC0; }
.s_box .s_box_ul li .s_box_ul_tit{color:#212121; font-size:26px; font-weight:300; margin:20px 0; line-height:30px;}
.s_box .s_box_ul li .s_box_ul_con{color:#555; font-size:15px; font-weight:300; word-break:keep-all;}
.s_box .s_box_ul li:first-child{margin-left:0;}

.s_content_intro .s_box .s_box_ul li{border:1px solid #FFD389}
.s_content_intro .s_box .s_box_ul li:before{background:#FCB94A;}
.s_content_intro .s_box .s_box_ul li .s_box_ul_num{color:#FAA61A}

.s_content_intro .s_box .s_box_ul li{border:1px solid #FFD389}
.s_content_intro .s_box .s_box_ul li:before{background:#FCB94A;}
.s_content_intro .s_box .s_box_ul li .s_box_ul_num{color:#FAA61A}

/*s_box_ul_2*/
.s_box .s_box_ul_2{width:100%; overflow:hidden;}
.s_box .s_box_ul_2 li{width:49.5%; margin-left:0.5%; border:10px solid #EBDBE9; box-sizing:border-box; padding:25px 20px; float:left;}
.s_box .s_box_ul_2 li:first-child{margin-left:0;}
.s_box .s_box_ul_2 li .s_box_ul_2_tit{font-size:30px; color:#c156b4;}
.s_box .s_box_ul_2 li .s_box_ul_2_con_1{font-size:18px; color:#212121; font-weight:400; margin:7px 0; letter-spacing:-0.05em;}
.s_box .s_box_ul_2 li .s_box_ul_2_con_2{font-size:16px; color:#555; font-weight:300; word-break:keep-all;}
.s_box .s_box_ul_2 li:last-child{margin-bottom:0;}

/*s_box_ul_3*/
.s_box .s_box_ul_3{width:100%; overflow:hidden;}
.s_box .s_box_ul_3 li{width:100%; overflow:hidden; margin-bottom:25px; }
.s_box .s_box_ul_3 li .s_box_ul_3_tit{font-size:28px; color:#C78FC0; font-weight:300;}
.s_box .s_box_ul_3 li .s_box_ul_3_tit span{font-family:"din"; font-weight:bold; font-size:30px; }
.s_box .s_box_ul_3 li .s_box_ul_3_con_1{padding-left:42px; font-size:18px; color:#000; font-weight:300; margin:10px 0;}
.s_box .s_box_ul_3 li .s_box_ul_3_con_2{padding-left:42px; font-size:16px; color:#969696; font-weight:300; word-break:keep-all;}
.s_box .s_box_ul_3 li:last-child{margin-bottom:0;}

/*s_box_ul_4*/
.s_box .s_box_ul_4{width:100%; overflow:hidden; margin-top:25px;}
.s_box .s_box_ul_4 li{width:50%; float:left; overflow:hidden; margin-bottom:20px; padding-left:40px; box-sizing:border-box; background:url('/img/sub/mark_ul_4.png') no-repeat left -1px; color:#333;}

/* common01 */

.color_1{color:#8dc63f !important;} .bg_1{background-color:#8dc63f}
.color_2{color:#8fc79c !important;} .bg_2{background-color:#8fc79c}
.color_3{color:#8fbec7 !important;} .bg_3{background-color:#8fbec7}
.color_4{color:#8fb3c7 !important;} .bg_4{background-color:#8fb3c7}
.color_5{color:#8f90c7 !important;} .bg_5{background-color:#8f90c7}
.color_6{color:#c78fc0 !important;} .bg_6{background-color:#c78fc0}
.color_7{color:#FAA61A !important;} .bg_7{background-color:#FAA61A}

.font_600{font-weight:600 !important;}

.s_box .s_box_ul_5{width:100%; overflow:hidden;}
.s_box .s_box_ul_5 li{width:100%; overflow:hidden;background:url('/img/sub/ul_5_bg.png') repeat-y 0 0;}
.s_box .s_box_ul_5 li:first-child,
.s_box .s_box_ul_5 li:last-child{background:none;}
.s_box .s_box_ul_5 li .s_box_ul_5_tit{font-size:28px; color:#212121; font-weight:300; padding-bottom:10px}
.s_box .s_box_ul_5 li .s_box_ul_5_tit span{display:inline-block; margin:0 0 0 20px}
.s_box .s_box_ul_5 li .s_box_ul_5_tit span.mark_circle{width:13px; height:13px; border-radius:13px; display:inline-block; margin:3px 20px 3px 0;}
.s_box .s_box_ul_5 li .s_box_ul_5_con{font-size:16px; color:#555; font-weight:300; padding-left:30px; padding-bottom:40px; }
.s_box .s_box_ul_5 li:first-child .s_box_ul_5_con{background:url('/img/sub/ul_5_bg.png') repeat-y 0 0;}
.s_box .s_box_ul_5 li:first-child .s_box_ul_5_tit{background:url('/img/sub/ul_5_bg.png') no-repeat 0 25px;}
.s_box .s_box_ul_5 li:last-child .s_box_ul_5_tit{background:url('/img/sub/ul_5_bg.png') no-repeat 0 0px;}

/* common02 */
.com_02_box{width:100%; overflow:hidden; padding:15px 0; border-bottom:1px solid #CDCDCD}
.com_02_box:first-child{padding-top:0;}
.com_02_box .com_02_tit{font-size:24px; color:#212121; font-weight:300; cursor:pointer; padding-bottom:8px;}
.com_02_box .com_02_tit span{width:40px; height:40px; display:block; float:left; margin-right:16px; }
.com_02_box .com_02_tit div{padding-left:60px;}
.com_02_box .com_02_con{display:none; float:left; cursor:default; padding:20px 0; font-size:16px; color:#555; font-weight:300; }
.com_02_box .com_02_con span{width:40px; height:40px; display:block; float:left; margin-right:16px; }
.com_02_box .com_02_con div{padding-left:60px;}
.com_02_box.com_02_box_on .com_02_con{display:block; background:url('/img/sub/common02_img_2.png') no-repeat 0 -77px; float:left;}
.com_02_box.com_02_box_on .com_02_tit{background:url('/img/sub/common02_img_2.png') no-repeat 0 23px}
/*.com_02_box.com_02_box_on .com_02_con span{background:url('/img/sub/common02_img_2.png') no-repeat 0 -23px}*/

/*common03*/
.s_box_ul_06{width:100%; overflow:hidden;}
.s_box_ul_06 li{width:100%; overflow:hidden;}
.s_box_ul_06 li>div{width:50%; height:355px; float:left; box-sizing:border-box; }
.s_box_ul_06 li>div.ment_box{text-align:center; padding:80px 60px 0; background:#fafafa}
.s_box_ul_06 li:nth-of-type(2n)>div.ment_box{float:right;}
.s_box_ul_06 li>div.ment_box span{height:40px; border-radius:40px; color:#FFF; font-size:18px; font-weight:500; padding:2px 35px;}
.s_box_ul_06 li>div.ment_box .ment_box_tit{font-size:35px; color:#212121; font-weight:300; padding:15px 0; letter-spacing:-0.05em;}
.s_box_ul_06 li>div.ment_box .ment_box_con{font-size:17px; color:#555; font-weight:300; word-break:keep-all;}


/*제품소개*/
.intro01_box{width:100%; overflow:hidden; padding:10px;}
.intro01_box li{float:left; width:31.5%;border:1px solid #ddd; margin:10px; text-align:center; margin-bottom:20px; padding-top:40px;}
.intro01_box li img{width:85%; }
.intro01_box_1{margin-top:25px;background:#e6e6e6; padding:10px; color:#033478; font-size:20px; line-height:28px; font-weight:600; letter-spacing:-0.05em; }
.intro01_box_2{ background:#e6e6e6; padding-bottom:10px; color:#333; font-size:16px; line-height:28px; font-weight:500; letter-spacing:-0.05em; }
.intro01_box li.intro01_box_1 div{margin:35px 0 30px;}



/*제품상세*/
.pro_left{width:40%; float:left; border:1px solid #ddd; text-align:center;}
.pro_right{width:60%; float:right; padding-left:50px; box-sizing:border-box; }
.pro_right ul li{display:inline-block; float:left;}
.pro_right ul li.title01{ color:#033478; font-size:16px; text-align:center; width:30%; border-top:1px solid #a3d8fe; line-height:50px; background:#e7f4fd;}
.pro_right ul li.detial02{ width:69%; border-top:1px solid #ddd; padding-left:15px;box-sizing:border-box; line-height:50px; font-size:16px; }
.pro_right ul li.last{ border-bottom:1px solid #a3d8fe;}
.pro_right ul li.last1{ border-bottom:1px solid #ddd }


.prodetail { width:100%; border-top:2px solid #0033cc; margin-top:0px; }
.prodetail th {
    background:#eeeeed;
    font-weight:600;
    font-size:15px;
    color:#111;
    border-bottom:1px solid #cccccc;
    text-align:center;
    padding:0px 0;
    height:40px;
    width:200px;
}
.prodetail td {
    color:#5f5f5f;
    padding:10px;
    font-size:15px;
    text-align:center;
    background:#fff;
    border-bottom:1px solid #cccccc;
    letter-spacing:-0.03em;
}
.prodetail td.t02{width:20%;  background:#e7f4fd; color:#033478; font-size:15px; text-align:center;}
.prodetail td.t01 { padding-left:15px;  text-align:left; }


/*제품상세타이틀*/
.photo_title { font-size:25px; padding:25px; text-align:center;  border-bottom:1px solid #ddd;}
.photo_deatil{padding:25px; text-align:center;  font-size:16px;}
.pro_use { font-size:25px; padding:25px; text-align:center; margin-top:55px; border:3px solid #0361aa;}
.pro_arow{position:relative;  text-align:center; margin-bottom:25px;}
.useWrap2{position:relative;  width:100%; margin-bottom:55px; margin:0 auto; height:350px;}


/*제품사용사례*/
.use_area2{position:relative;  float: left;  width:24%;   border:1px solid #ddd; margin-left:6px; margin-right:6px; }
.use_area2 ul li.usestyle{text-align:center;font-size:15px; padding:15px; height:65px; width:90%; overflow:hidden; }
.use_area2 ul li img{ width:100%; }


@media screen and (max-width:1200px) {
.use_area2{position:relative;  float: left;  width:32%;   border:1px solid #ddd; margin-left:6px; margin-right:6px; }
#subContWrap{width:1200px; margin:25px auto; float:none;}
#subContWrap1{width:95%;  float:none; margin-top:0px;}
#subContWrap2{width:95%;  float:none; margin-top:0px;}
#subInner .lnb_title_wrap .subleft{display:none;}
#subInner .lnb_title_wrap .subright{width:100%; position:relative;height:350px; overflow:hidden; }
#subInner .lnb_title_wrap .lnb_title_txt{ z-index:555; text-align:center; padding-right:0%; width:100% !important; height:350px; color:#fff; position:absolute; right:0;}
#subInner .lnb_title_wrap .lnb_title_txt b{font-size:50px !important; font-weight:800; display:block; line-height:55px; padding-top:190px;}
#subInner .lnb_title_wrap .lnb_title_txt span{padding-right:19px; padding-left:19px;}

#subInner .sub_menu li{width:25% !important;display:inline-block; float:left;}

.tit_Wrap .tit_nav1{font-size:16px !important; margin:0 auto; padding-top:20px; line-height:35px; color:#999; border:0px solid red; overflow:hidden; text-align:center;  }


/*페이지인식*/
#subInner .sub_menu li {height:65px; margin:0; line-height:65px; font-size:16.5px !important; }
#subInner .lnb_title_wrap .subright .sub_menu{ height:65px; margin:0; line-height:65px; }
#page01 .sub_menu li.menu01 a,
#page02 .sub_menu li.menu02 a,
#page03 .sub_menu li.menu03 a,
#page04 .sub_menu li.menu04 a,
#page05 .sub_menu li.menu05 a,
#page06 .sub_menu li.menu06 a,
#page07 .sub_menu li.menu07 a
{display:block;  color:#fff; height:65px; margin:0; line-height:65px;  font-weight:500; background:#cc9966; padding:0; position:relative;}



#subInner .sub_menu1 li {height:65px; width:50%; margin:0; line-height:65px; font-size:16.5px !important; }
#subInner .lnb_title_wrap .subright .sub_menu1{ height:65px; margin:0; line-height:65px; }
#page01 .sub_menu1 li.menu01 a,
#page02 .sub_menu1 li.menu02 a,
#page03 .sub_menu1 li.menu03 a,
#page04 .sub_menu1 li.menu04 a,
#page05 .sub_menu1 li.menu05 a,
#page06 .sub_menu1 li.menu06 a,
#page07 .sub_menu1 li.menu07 a
{display:block;  color:#fff; height:65px; margin:0; line-height:65px;  font-weight:500; background:#cc9966; padding:0; position:relative;}


#subInner .sub_menu2 li {height:65px; width:33.3333%; margin:0; line-height:65px; font-size:16.5px !important; }
#subInner .lnb_title_wrap .subright .sub_menu2{ height:65px; margin:0; line-height:65px; }
#page01 .sub_menu2 li.menu01 a,
#page02 .sub_menu2 li.menu02 a,
#page03 .sub_menu2 li.menu03 a,
#page04 .sub_menu2 li.menu04 a,
#page05 .sub_menu2 li.menu05 a,
#page06 .sub_menu2 li.menu06 a,
#page07 .sub_menu2 li.menu07 a
{display:block;  color:#fff; height:65px; margin:0; line-height:65px;  font-weight:500; background:#cc9966; padding:0; position:relative;}




#subInner .sub_menu3 li {height:65px; width:100%; margin:0; line-height:65px; font-size:16.5px !important; }
#subInner .lnb_title_wrap .subright .sub_menu3{ height:65px; margin:0; line-height:65px; }
#page01 .sub_menu3 li.menu01 a,
#page02 .sub_menu3 li.menu02 a,
#page03 .sub_menu3 li.menu03 a,
#page04 .sub_menu3 li.menu04 a,
#page05 .sub_menu3 li.menu05 a,
#page06 .sub_menu3 li.menu06 a,
#page07 .sub_menu3 li.menu07 a
{display:block;  color:#fff; height:65px; margin:0; line-height:65px;  font-weight:500; background:#cc9966; padding:0; position:relative;}





}


@media screen and (max-width:900px) {
#subContWrap1{width:95%;  float:none; margin-top:45px; padding-top:0px; }


}


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


.use_area2{position:relative;  float: left;  width:50%;   border:1px solid #ddd; margin-left:6px; margin-right:6px; }

#subContWrap{width:100%;  float:none; margin-top:85px;}
#subContWrap1{width:95%;  float:none; margin-top:35px; padding-top:40px; }
#subInner .lnb_title_wrap .subleft{display:none;}
#subInner .lnb_title_wrap .subright{width:100%; position:relative;height:300px; overflow:hidden;}
.bg1{ background-size:cover !important; }
.bg2{ background-size:cover !important; }
.bg3{ background-size:cover !important; }
.bg4{ background-size:cover !important; }
.bg5{ background-size:cover !important; }
.bg6{ background-size:cover !important; }

#subInner .lnb_title_wrap .lnb_title_txt{ z-index:555; text-align:center; padding-right:0%; width:100% !important; height:300px; color:#fff; position:absolute; right:0;}
#subInner .lnb_title_wrap .lnb_title_txt b{font-size:60px; font-weight:800; display:block; line-height:55px; padding-top:130px;}
#subInner .lnb_title_wrap .lnb_title_txt .tt01{font-size:14px; line-height:20px;}

.tit_Wrap .tit_nav1{margin:0 auto; padding-top:10px; line-height:20px; color:#999; border:0px solid red; overflow:hidden; text-align:center;  }
.tit_Wrap .tit_nav1 span{color:#0663bf;}


}



/**************사용목적***************/
.use_area1{display:none;}
.ex_useleft{width:48.5%; float:left;background:url('/kr/images/sub/num_01.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:25px; margin-bottom:25px;}
.ex_useleft ul li{line-height:28px; font-size:16px;}

.ex_useleft1{width:48.5%; float:left;background:url('/kr/images/sub/num_03.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:25px; margin-bottom:45px;}
.ex_useleft1 ul li{line-height:28px; font-size:16px;}

.ex_useright{width:48.5%; background:url('/kr/images/sub/num_02.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:25px;  margin-bottom:25px;}
.ex_useright ul li{line-height:28px; font-size:16px;}

.ex_useright1{width:48.5%; background:url('/kr/images/sub/num_04.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:25px;  margin-bottom:45px;}
.ex_useright1 ul li{line-height:28px; font-size:16px;}
.ex_title{   font-size:25px;    color:#0554a6; line-height:42px;}


/*intro04*/
.intro04_box1{width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:35px 0;}
.intro04_box1 .intro04_box1_t{font-size:28px; color:#212121; font-weight:300;}
.intro04_box1 .intro04_box1_c{font-size:16px; color:#555; font-weight:300; margin-top:5px;}
.intro04_box2{width:100%; overflow:hidden;}
.intro04_box2 .intro04_box_2_t{font-size:28px; color:#212121; font-weight:300; margin:30px 0;}
.intro04_box2 li{float:left; width:50%;}
.intro04_box2 li .intro04_box2_c{width:100%; overflow:hidden; margin-bottom:20px;}
.intro04_box2 li .intro04_box2_c_t span{display:inline-block; float:left;width:9px; height:9px; border-radius:9px; border:2px solid #FAAC2B; margin-right:7px; margin-top:9px;}
.intro04_box2 li .intro04_box2_c_t{color:#333; font-size:18px; font-weight:300;}
.intro04_box2 li .intro04_box2_c_c{margin-top:10px; padding-left:26px; text-indent:-13px; color:#555; font-size:15px; font-weight:300;}

/*intro02*/
.s_box_ul_time{width:100%; overflow:hidden;}
.s_box_ul_time li{width:100%; overflow:hidden;}
.s_box_ul_time li>div{width:50%; height:355px; float:left; box-sizing:border-box; }
.s_box_ul_time li>div.ment_box{text-align:center; padding:65px 60px 0; color:#FFF}
.s_box_ul_time li:nth-of-type(2n-1)>div.ment_box{float:right;}
.ment_box_clock{width:80%; margin:25px auto 0;}
.ment_box_clock dt{width:23%; margin-right:2%; font-weight:500;float:left; text-align:left; font-size:17px; margin-bottom:8px;}
.ment_box_clock dd{width:70%; font-weight:300;float:left; text-align:left; font-size:17px; margin-bottom:8px;}


/*치과구경하기*/
.slider-nav .visual_img{margin:5px 2px 0 !important;}
.slider-nav .visual_img.slick-center{box-sizing:border-box; border:5px solid #FFF;}
.s_content_intro03_slider{width:80%; height:auto; margin:0 auto;}


/*버튼*/
.myButton {
    background-color:#007dc1;
    width:40%;
    border-radius:0px;
    border:1px solid #124d77;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;

    font-size:19px;
    padding:15px 40px;
    text-decoration:none;
}
.myButton:hover {
    color:#ffffff;
    background-color:#007dc1;
}
.myButton:active {
    position:relative;
    top:1px;
    color:#ffffff;
}

/*버튼영역*/
.btn_area{text-align:center; width:100%; margin-top:25px;  line-height:35px;}


/* 찾아오시는 길 */

.locaWrap { position: relative; width: 1200px;  height: 522px;  margin: 0 auto; }
.map-tit { background-color:#051f4a; color:#fff; text-align: center; float: left; width: 32%; height: 100%; padding: 6% 2%; box-sizing: border-box;   }
.map-tit dl {  border-top: 1px solid rgba(255,255,255,.1); padding-top: 15%; margin-top: 15%; overflow: hidden; min-height: 60%; }
.map-tit dl dt { font-size: 1.66em; font-weight: 700; line-height: 1.3em; margin-bottom: 12%;  }
.map-tit dl dd {line-height: 1.5em;   font-size: 1.1em;}
.map-tit dl dd a { color:#fff; font-size: 0.88em; line-height: 2em; width: 160px; max-width: 45%; display: block; margin: 0 auto 5px;}
.map-tit > img { }

.loca-bt1 { background-color:#589bda; }
.loca-bt2 { background-color:#0661b7; }

#Map { position: relative; width: 66.66%; height:100%; overflow: hidden; float: right; } 
.mapImg { position: relative; width: 66.66%; height: 100%; overflow: hidden; float: right; border:1px solid #ddd; box-sizing: border-box; display:flex; align-items:center;
 }


.mapintro{ width: 1200px;  margin: 0 auto;}
.mapintro ul li{display:inline-block; float: left; margin-top:15px;}
.mapintro ul li.icon{width:8%; padding-right:15px;  box-sizing:border-box;}
.mapintro ul li.detail01{width:80%; line-height:1.22em; font-size:16px;}
.mapintrotxt{font-size:19px; color:#ff6600; }

/****************인사말******************/
.greeting {position:relative; width:100%; overflow:hidden; text-align:center;}
.greeting .big {font-family: 'Nanum Myeongjo', serif; font-weight:600; font-size:40px; color:#262626; line-height:1.22em;}
.greeting .big strong { font-family: 'Nanum Myeongjo', serif; color:#f15a2a; font-weight:700;}
.greeting .small { color:#474747; line-height:1.36em;  font-size:17px;}
.greeting .small strong {font-family: 'Nanum Myeongjo', serif; color:#f15a2a; font-weight:700;  font-size:20px;}
.greeting .sign { font-size:19px; color:#242424;}
.greeting .sign .signimg {margin-left:19px;}
.greeting .txt{ font-size:17px; line-height:25px; }

.greeting_box_ct {position:relative; width:100%; overflow:hidden; text-align:center;}
.greeting_box_ct .box_in_ct {float:left; width:33%; height:390px; border:1px solid #d6d6d6; border-left:0; box-sizing:border-box; padding:28px 20px 0;}
.greeting_box_ct .box_in_ct:first-child {border-left:1px solid #d6d6d6;}
.greeting_box_ct .box_in_ct .tit {font-family: 'Nanum Myeongjo', serif; font-size:25px; color:#f15a2a; line-height:1.2em; margin:20px 0 15px; font-weight:700; }
.greeting_box_ct .box_in_ct .tit br {display:none;}
.greeting_box_ct .box_in_ct .txt {font-size:16px; color:#7d7d7d; line-height:1.43em; }


/****************조직도******************/
.chart_box{width:100%; overflow:hidden; padding:10px; text-align:center;  box-sizing:border-box; margin-top:20px;}
.chart_box .img{width:100%;}
.chart_box1{display:none; }

/****************연혁******************/
#history {position:relative;float:left; width:100%; /*background:url(/images/sub/history_bg.png) no-repeat left top; */}
#history .block {float:left; width:100%; padding:20px 0 20px; clear:both;}
#history .period {float:left; width:20%;  padding:10px 0 10px; text-align:center; color:#fff; font-size:1.70em; line-height:1.60em;
               border-radius:40px; -moz-border-radius:40px;  -webkit-border-radius:40px;
}
#history .pr_bg1 {background:#2041a1}
#history .pr_bg2 {background:#2f64c4}
#history .pr_bg3 {background:#4782ef}
#history .pr_bg4 {background:#467de2}
#history .pr_bg5 {background:#5c86db}

#history .year-symbol {float:left; width:20%; text-align:center;}
#history .year-symbol img {width:100%;}
#history .h-list {float:left; width:75%; margin-left:5%;}
#history .h-list li {display:block;list-style:none; float:left; width:100%; }
#history .h-list li dt {float:left;font-weight:600;font-size:15px; color:#333}
#history .h-list li dt.year {width:50px !important; clear:both;height:30px; font-size:20px;}
#history .h-list li dt.mon {width:20px !important ; color:#2a48a1 !important;height:30px;}
#history .h-list li dd {float:right; width:86%; color:#666; font-size:17px;}
.divide-dot {position:relative; float:left; width:100%;clear:both; height:1px; border-top:1px dotted #666; margin:20px 0 20px;}
.divide-dot2 {position:relative; float:left; width:100%;clear:both; height:1px; border-top:1px dotted #666; margin:30px 0 30px;}
.smail1{font-size:13px; color:#999; margin-left:10px;}




/****************담당자연락처******************/

.CSinfo { position: relative; width: 100%; height: 500px;  overflow: hidden; } 
.csImg {float:left; width:50%; height: 100%; background: url("/kr/images/sub/intro4_1.png") no-repeat center;  background-size: cover;}
.csInfo {float:right; width:50%; height: 100%; float: right !important; background: #122242; color:#fff;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.csHour { padding: 5%; }
.csHour h4 { font-size:21px; margin-top: 30%;}
.csHour ul { overflow: hidden; margin-top: 3%; }
.csHour ul li { border-bottom: 1px solid rgba(255,255,255,.1); padding: 10px 0; line-height: 35px; overflow: hidden; }
.csHour ul li dl dt { width: 15%; float: left; }
.csHour ul li dl dd { width: 85%; float: left;  font-size: 1.66em; letter-spacing: 0.02em; }


.csbt { position: absolute; right:0; top: 0; overflow: hidden; width: 50%;  }
.csbt li { width: 50%; float: left; padding: 4% 0; text-align: center;  }
.csbt li h5 { width: 50%; background-color:#fff; border-radius: 80px; padding: 8px 0; margin: 0 auto; margin-bottom: 3%;  }
.csbt li p { line-height: 35px;}
.csbt li.cs-tel { background-color:#589bda; }
.csbt li.cs-park { background-color:#0661b7; }

.csbt li.cs-tel h5 { color:#589bda; }
.csbt li.cs-park h5 { color:#0661b7; }

.csbt li.cs-tel p { font-size: 2em;  letter-spacing: 0.02em;}
.csbt li.cs-park p {font-size: 2em; }

.smail2{font-size:16px; color:#99ccff; margin-left:10px;}
.br{display:none;}


/* **************************************** *
 * window2
 * **************************************** */
.window2 {
    display: none;
    box-sizing:border-box; padding:50px 50px 40px 50px; background:#fff;
    border-color:#ddd #aaa #888 #ddd; 
    box-shadow:2px 5px 17px rgba(0, 0, 0, 0.7);  width:780px;
    text-align:center;
    position:fixed !important;
    top:100px !important;

}
.window2 img {width:100%;}


.window2 .btn_close {position:absolute; top:30px; right:30px; overflow:hidden; box-sizing:border-box; border:1px solid #888; 
height:40px; width:40px; text-align:center;  -webkit-transition: all 1s;transition: all 1s;}
    .window2 .btn_close i {line-height:40px; font-size:22px;}

.window2 .btn_close:hover {background:#888;}
.window2 .btn_close:hover i {color:#fff;}


.window2 .privacy h3  { border-left:4px solid #da4141;  padding-left:10px; font-size:23px; letter-spacing:-2px; font-weight:700; margin-bottom:20px; }

.window2 .privacy div { width:100%; box-sizing:border-box; background:#eee; padding:30px 30px; border:1px solid #ddd; }


/* **************************************** *
 * 부영연구소
 * **************************************** */

.labWrap { position: relative; width:1200px; overflow:hidden; } 
.labWrap ul li{font-size:17px; line-height:25px;  display:inline-block; float:left; width:25%;  border:1px solid #ddd; text-align:center;padding:30px 30px;  box-sizing:border-box; }
.labWrap ul li img{padding-bottom:15px;}
.labWrap_title{text-align:center;font-family: 'Nanum Myeongjo', serif; font-size:30px; color:#003399; line-height:1.2em;  padding-bottom:15px;}
.num01{ width:120px; height:65px; margin: 0 auto; }


/* **************************************** *
 * 인증현황
 * **************************************** */

.certiWrap { width:1200px; padding-top:35px; } 
.certiWrap ul li{display:inline-block; float:left; width:25%;  border:0px solid #ddd; padding:10px; text-align:center; }
.certiWrap_title{width:100%; background:#003399;  line-height:45px; height:45px; text-align:center; color:#Fff;}
.certiWrap ul li img{width:100%;}



/* **************************************** *
 * 글로벌네트워크
 * **************************************** */

.networkWrap {  position: relative; width:1200px; overflow:hidden; } 
.networkWrap ul {margin-top:5px;}
.networkWrap ul li{width:100%; display:inline-block; float:left;   box-sizing:border-box; padding:15px;}
.networkWrap_title{  text-align:center;font-family: 'Nanum Myeongjo', serif; font-size:30px; color:#003399; line-height:45px;  padding-bottom:5px;}
.networkWrap_title1{ text-align:center;  font-size:18px;}
.networkWrap_title2{text-align:center;font-weight:800; font-family: 'Nanum Myeongjo', serif; font-size:25px; color:#003399; line-height:1em;  padding-bottom:15px;}
.networkWrap ul li.text1{line-height:25px;  font-size:17px;}
.networkWrap img{width:100%;}

.csbt1 { position: relative; right:0; bottom:0; overflow: hidden; width: 100%;  margin: 0 auto; }
.csbt1 li { width:50% ! important; float: left; padding: 4% 0; text-align: center;  }
.csbt1 li h5 {font-size:15px; width: 50%; background-color:#fff; border-radius: 80px; padding: 8px 0; margin: 0 auto; margin-bottom: 3%;  }
.csbt1 li p { line-height: 35px;}
.csbt1 li.cs-tel { background-color:#589bda; }
.csbt1 li.cs-park { background-color:#0661b7; }

.csbt1 li.cs-tel h5 { color:#589bda; }
.csbt1 li.cs-park h5 { color:#0661b7; }

.csbt1 li.cs-tel p { font-size:1.5em;  letter-spacing: 0.02em;}
.csbt1 li.cs-park p {font-size:1.5em; }
.cstel{color:#fff;}






@media screen and (max-width:1200px) {
/*서브*/
    #subInner .lnb_title_wrap{height:350px;}
    #subInner .lnb_title_wrap .wrap{height:350px;}
    #subInner .lnb_title_wrap .lnb_title_img{height:350px; background-size:100% auto !important;}
    #subInner .lnb_title_wrap .lnb_title_txt{left:0px; height:120px; margin-top:-90px;}
    #subInner .lnb_title_wrap .lnb_title_txt b{font-size:40px;}
    #subInner .lnb_title_wrap .lnb_title_txt span{font-size:17px;}




/*서브 콘텐츠*/
#subContWrap{width:96%; /*margin:40px 2%;*/}
#subContWrap .tit_Wrap2{width:100%; overflow:hidden; border-bottom:1px solid #ddd; padding:0 0 20px; display:block;}
.tit_Wrap1{display:none;}
/*서브 - 타이틀*/
.s_title_ment{padding:115px 30px 110px;}
.s_title{background-position:80% !important;}


/*제품소개*/
.intro01_box{width:100%; overflow:hidden; padding:10px;}
.intro01_box li{float:left; width:47%;border:1px solid #ddd; margin:10px;text-align:center;}
.intro01_box li img{width:80%;  height:160px;}
.intro01_box_1{ margin-top:30px;background:#e6e6e6; padding:10px; color:#033478; font-size:18px; line-height:28px; font-weight:600; letter-spacing:-0.05em; }
.intro01_box_2{ background:#e6e6e6; padding-bottom:10px; color:#333; font-size:15px; line-height:28px; font-weight:500; letter-spacing:-0.05em; }
.intro01_box li.intro01_box_1 div{margin:35px 0 30px;}


/*연령별치과상식*/
.s_box .s_box_ul_5 li .s_box_ul_5_tit{padding-bottom:0;}
.s_box .s_box_ul_5 li .s_box_ul_5_tit span.color_f{display:block; margin:0; padding:5px 0 5px 33px; background:url('/img/sub/ul_5_bg.png') repeat-y 0 0; line-height:1.3em; font-size:0.9em; word-break:keep-all;}
.s_box .s_box_ul_5 li:last-child .s_box_ul_5_tit span.color_f{background:none;}

/*치과상식*/
.com_02_box{padding:10px 0;}
.com_02_box .com_02_tit{ font-size:22px;}
.com_02_box.com_02_box_on .com_02_tit{background:none;}
.com_02_box.com_02_box_on .com_02_con{background:none;}
.com_02_box .com_02_tit span{margin-right:10px;}
.com_02_box .com_02_tit span img{width:36px; height:auto;}
.com_02_box .com_02_tit div{padding-left:50px;}
.com_02_box .com_02_con{padding:10px 0;}
.com_02_box .com_02_con div{padding-left:50px;}
.com_02_box .com_02_con span{margin-right:10px;}
.com_02_box .com_02_con span img{width:36px; height:auto;}

/*치과공포증해결*/
.s_box_ul_06 li>div.ment_box{width:50%;padding:45px 15px;}
.s_box_ul_06 li>div.img_box{width:50%; overflow:hidden;}

/*찾아오시는길*/
.root_daum_roughmap_landing{width:100% !important;}
.intro04_box1{padding:25px 0; }
.intro04_box1 .intro04_box1_t{font-size:1.6em; line-height:1.4em}
.intro04_box1 .intro04_box1_c{margin-top:10px}
.intro04_box2 .intro04_box_2_t{font-size:1.6em; margin:25px 0;}

/*진료안내*/
.s_box_ul_time li>div{overflow:hidden;}
.s_box_ul_time li>div.ment_box{padding:65px 0 0;}

.ment_box_clock{width:90%;}
.ment_box_clock dt{font-size:1em; margin-bottom:4px;}
.ment_box_clock dd{font-size:1em; margin-bottom:4px;}

/**/
.s_content_intro .s_box .s_box_ul li{min-height:315px}
.s_box .s_box_ul li{min-height:355px;}
.s_content_treat04 .s_box .s_box_ul li{min-height:270px;}
.s_box .s_box_ul li{padding:30px 5px 40px;}
.s_box .s_box_ul_2 li{min-height:280px;}
.s_content_common03 .s_box_ul_06 li>div.img_box{overflow:hidden;}



/**************사용목적***************/
.ex_useleft{width:100%; float:left;background:url('/kr/images/sub/num_01.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:25px; margin-bottom:25px;}
.ex_useleft ul li{line-height:28px; font-size:16px;}

.ex_useleft1{width:100%; float:left;background:url('/kr/images/sub/num_03.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:25px; margin-bottom:45px;}
.ex_useleft1 ul li{line-height:28px; font-size:16px;}

.ex_useright{width:100%; background:url('/kr/images/sub/num_02.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:25px;  margin-bottom:25px;}
.ex_useright ul li{line-height:28px; font-size:16px;}

.ex_useright1{width:100%; background:url('/kr/images/sub/num_04.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:25px;  margin-bottom:45px;}
.ex_useright1 ul li{line-height:28px; font-size:16px;}
.ex_title{   font-size:25px;    color:#0554a6; line-height:42px;}

.use_area1{display:none;}


.locaWrap { width: 100%; }

.mapintro{ width: 100%;  margin: 0 auto;}
.mapintro ul li{display:inline-block; float: left; margin-top:15px;}
.mapintro ul li.icon{width:12%; padding-right:15px;  box-sizing:border-box;}
.mapintro ul li.detail01{width:80%; line-height:1.22em; font-size:14px;}
.mapintrotxt{font-size:17px; color:#ff6600; }






/* **************************************** *
 * 인증현황
 * **************************************** */

.certiWrap { width:100%; padding-top:35px; } 
.certiWrap ul li{display:inline-block; float:left; width:25%;  border:0px solid #ddd; padding:10px; text-align:center;}
.certiWrap_title{width:100%; background:#003399;  line-height:45px; height:45px; text-align:center; color:#Fff;}
.certiWrap ul li img{width:100%;}



/* **************************************** *
 * 글로벌네트워크-국제
 * **************************************** */

.networkWrap {  position: relative; width:100%; overflow:hidden; } 
.networkWrap ul {margin-top:5px;}
.networkWrap ul li{width:100%; display:inline-block; float:left;   box-sizing:border-box; padding:25px;}
.networkWrap_title{text-align:center;font-family: 'Nanum Myeongjo', serif; font-size:25px; color:#003399; line-height:45px;  padding-bottom:5px;}
.networkWrap_title1{ text-align:center;  font-size:15px;}
.networkWrap_title2{text-align:center;font-weight:800; font-family: 'Nanum Myeongjo', serif; font-size:20px; color:#003399; line-height:1em;  padding-bottom:15px;}
.networkWrap ul li.text1{line-height:25px;  font-size:15px;}
.networkWrap img{width:100%;}

.csbt1 { position: relative; right:0; bottom:0; overflow: hidden; width: 100%;  margin: 0 auto; }
.csbt1 li { width:50% ! important; float: left; padding: 4% 0; text-align: center;  }
.csbt1 li h5 {font-size:16px; width: 50%; background-color:#fff; border-radius: 80px; padding: 8px 0; margin: 0 auto; margin-bottom: 3%;  }
.csbt1 li p { line-height: 35px;}
.csbt1 li.cs-tel { background-color:#589bda; }
.csbt1 li.cs-park { background-color:#0661b7; }

.csbt1 li.cs-tel h5 { color:#589bda; }
.csbt1 li.cs-park h5 { color:#0661b7; }

.csbt1 li.cs-tel p { font-size:15px;  letter-spacing: 0.02em;}
.csbt1 li.cs-park p {font-size:15px; }
.cstel{color:#fff;}


/* **************************************** *
 * 글로벌네트워크-국내네트워크
 * **************************************** */


.csbt1 { position: relative; right:0; bottom:0; overflow: hidden; width: 100%;  margin: 0 auto; }
.csbt1 li { width:50% ! important; float: left; padding: 4% 0; text-align: center;  }
.csbt1 li h5 {font-size:17px; width: 50%; background-color:#fff; border-radius: 80px; padding: 8px 0; margin: 0 auto; margin-bottom: 3%;  }
.csbt1 li p { line-height: 35px;}
.csbt1 li.cs-tel { background-color:#589bda;font-size:19px; }
.csbt1 li.cs-park { background-color:#0661b7; }


}


@media screen and (max-width:950px) {
.s_content_treat01 .s_box .s_box_ul li{min-height:375px}
.s_content_treat02 .s_box .s_box_ul li{min-height:365px}
.s_content_treat04 .s_box .s_box_ul li{min-height:293px}


/*제품상세*/
.pro_left{width:100%; float:left; border:1px solid #ddd; text-align:center;}
.pro_right{width:100%; float:right; padding-left:0px; box-sizing:border-box; margin-top:25px; }
.pro_right ul{width:100%; overflow:hidden;}
.pro_right ul li.title01{width:20%; }
.pro_right ul li.detial02{width:80% !important;}


.use_area{display:none;}
.use_area1{display:block; font-size:16px; line-height:27px;}
.more_btn{
    font-size:15px;
    padding:10px 10px;
    width:200px;
    text-align:center;
    border:2px solid #07429b;
    margin-top:70px;
    background:#fff;
}
.more_btn:hover:after{
    opacity:1;
    margin-left:10px;
    
}
.more_btn:after{
    content:'';
    opacity:0;
    display:inline-block;
    width:34px;
    height:9px;
    background:url(/images/sub/main_arr_1.png) no-repeat;
    margin-left:-30px;
    position:relative;
    top:-2px;
    transition:all .3s ease;
    
}

/**********************제품상세**************************/

.map-tit > img{display:none;}

.map-tit { background-color:#051f4a; color:#fff; text-align: center; float: left; width: 100%; height: 230px; padding: 6% 2%; box-sizing: border-box;   }
.map-tit dl {  border-top:0px solid rgba(255,255,255,.1); padding-top: 0%; margin-top: 0%; overflow: hidden; }
.map-tit dl dt { font-size: 1.66em; font-weight: 700; line-height: 1.3em; margin-bottom: 2%;  }
.map-tit dl dd {line-height: 1.5em;   font-size: 1.1em;}
.map-tit dl dd a { color:#fff; font-size: 0.88em; line-height: 2em; width: 160px; max-width: 45%; display: block; margin: 0 auto 5px;}

#Map{width:100%;}



/*************연혁*******************/
#history .period {float:left; width:100%;  padding:8px 0 8px; text-align:center; color:#fff; font-size:20px; line-height:1.60em;
               border-radius:40px; -moz-border-radius:40px;  -webkit-border-radius:40px;
}
#history .h-list {float:left; width:100%; margin-left:5%;}
#history .h-list li dt.year {width:50px !important; clear:both;height:30px; font-size:17px;}
#history .h-list li dd {float:right; width:86%; color:#666; font-size:15px; line-height:22px;}


/****************담당자연락처******************/

.CSinfo { position: relative; width: 100%; height: 650px;  overflow: hidden; } 
.csImg {float:left; width:100%; height: 250px; background: url("/kr/images/sub/intro4_1.png") no-repeat center;  background-size: cover;}
.csInfo {float:right; width:100%; height: 300px; float: right !important; background: #122242; color:#fff;  box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}

.csHour { padding: 5%; }
.csHour h4 { font-size:16px; margin-top:2%;}
.csHour ul { overflow: hidden; margin-top: 3%; }
.csHour ul li { border-bottom: 1px solid rgba(255,255,255,.1); padding: 10px 0; line-height: 35px; overflow: hidden; }
.csHour ul li dl dt { width: 15%; float: left; font-size:16px;}
.csHour ul li dl dd { width: 85%; float: left;  font-size: 16px; letter-spacing: 0.02em; }


.csbt { position: relative; right:0; bottom:0; overflow: hidden; width: 100%;  }
.csbt li { width: 50%; float: left; padding: 4% 0; text-align: center;  }
.csbt li h5 { width: 50%; background-color:#fff; border-radius: 80px; padding: 8px 0; margin: 0 auto; margin-bottom: 3%;  }
.csbt li p { line-height: 35px;}
.csbt li.cs-tel { background-color:#589bda; }
.csbt li.cs-park { background-color:#0661b7; }

.csbt li.cs-tel h5 { color:#589bda; }
.csbt li.cs-park h5 { color:#0661b7; }

.csbt li.cs-tel p { font-size:1.5em;  letter-spacing: 0.02em;}
.csbt li.cs-park p {font-size:1.5em; }

.smail2{font-size:13px; color:#99ccff; margin-left:10px;}


/* **************************************** *
 * 부영연구소
 * **************************************** */

.labWrap { position: relative; width:100%;  } 
.labWrap ul li{font-size:17px; line-height:25px;  display:inline-block; float:left; width:50%;  border:1px solid #ddd; text-align:center;padding:30px 30px;  box-sizing:border-box; }
.labWrap ul li img{ width:100%; padding-bottom:15px;}
.labWrap_title{text-align:center;font-family: 'Nanum Myeongjo', serif; font-size:30px; color:#003399; line-height:1.2em;  padding-bottom:15px;}
.num01{ width:120px; height:65px; margin: 0 auto; }



/* **************************************** *
 * 인증현황
 * **************************************** */

.certiWrap { width:100%; padding-top:35px; } 
.certiWrap ul li{display:inline-block; float:left; width:25%;  border:0px solid #ddd; padding:10px; text-align:center;}
.certiWrap_title{width:100%; background:#003399;  line-height:45px; height:45px; text-align:center; color:#Fff;}
.certiWrap ul li img{width:100%;}


}




@media screen and (max-width:800px) {
/* 서브 */
    #subInner .lnb_title_wrap{height:250px;}
    #subInner .lnb_title_wrap .wrap{height:250px;}
    #subInner .lnb_title_wrap .lnb_title_img{height:250px;}


    /* 서브 */
    #subInner .lnb_title_wrap{height:250px;}
    #subInner .lnb_title_wrap .wrap{height:250px;}
    #subInner .lnb_title_wrap .lnb_title_img{display:none;}
    #subInner .lnb_title_wrap .lnb_title_txt{width:100%; left:0; text-align:center; height:90px; margin-top:-70px; line-height:14px;}
    #subInner .lnb_title_wrap .lnb_title_txt b{font-size:40px !important; display:block; margin-bottom:0px; }
    #subInner .lnb_title_wrap .lnb_title_txt span{font-size:15px; font-weight:400;line-height:21px;}
    


    
/*제품소개*/
.intro01_box{width:100%; overflow:hidden; padding:10px;}
.intro01_box li{float:left; width:47%;border:1px solid #ddd; margin:5px;text-align:center;}
.intro01_box li img{width:70%; height:120px;}
.intro01_box_1{ margin-top:40px;background:#e6e6e6; padding:10px; color:#033478; font-size:18px; line-height:28px; font-weight:600; letter-spacing:-0.05em; }
.intro01_box_2{ background:#e6e6e6; padding-bottom:10px; color:#333; font-size:15px; line-height:28px; font-weight:500; letter-spacing:-0.05em; }
.intro01_box li.intro01_box_1 div{margin:35px 0 30px;}








/*제품상세*/
.pro_left{width:100%; float:left; border:1px solid #ddd; text-align:center;}
.pro_right{width:100%; float:right; padding-left:0px; box-sizing:border-box; margin-top:25px; }
.pro_right ul{width:100%; overflow:hidden;}
.pro_right ul li.title01{width:15%; font-size:13px;}
.pro_right ul li.detial02{width:85%;  font-size:13px;}




/*찾아오시는길*/
.root_daum_roughmap_landing{width:100% !important;}
.root_daum_roughmap .wrap_map{height:300px !important}
.intro04_box2 li{width:100%}
.intro04_box2 li .intro04_box2_c_c{margin-top:5px}

/*진료안내*/
.s_box_ul_time li:last-child{display:none;}
.s_box_ul_time li>div.ment_box{padding:35px 0 25px; }
.s_box_ul_time li>div.img_box img{width:100%;}
.s_box_ul_time li>div{width:100%; overflow:hidden; height:auto;}



/*치과구경하기*/
.s_content_intro03_slider{width:100%; height:auto; margin:0 auto;}




/* **************************************** *
 * 인증현황
 * **************************************** */

.certiWrap { width:100%; padding-top:35px; } 
.certiWrap ul li{display:inline-block; float:left; width:25%;  border:0px solid #ddd; padding:10px; text-align:center;}
.certiWrap_title{width:100%; background:#003399;  line-height:45px; height:45px; text-align:center; color:#Fff;}
.certiWrap ul li img{width:100%;}


/****************w조직도******************/
.chart_box{display:none;}
.chart_box1{display:block;}

}

@media screen and (max-width:700px) {
/* Sub Title*/

    #subContWrap .tit_Wrap{padding:0 0 15px;}
    .tit_Wrap .tit_txt{width:100%; font-size:30px; text-align:center;}
    .tit_Wrap .tit_nav{display:none;}
    .s_title_bg{background-size:80% auto !important; background-position:center bottom; }
    #subInner .sub_menu li{display:inline-block; position:relative; background:#FFF; height:50px;/* line-height:50px;*/ margin:0 auto;background:url('/img/sub/sub_menu_bar.png') no-repeat right center;}


/* Sub Contents*/
    .s_content{padding-top:15px;}




/*서브 타이틀 이미지*/
.s_title_ment{width:100%; padding:30px 0 0; text-align:center; height:100%; display:none;}
.s_title_ment .s_title_1{font-size:34px;}
.s_title_ment .s_title_1 span{font-size:34px;}
.s_title_ment .s_title_2{font-size:14px; line-height:1.7em; padding:0 20px; word-break:keep-all;}
.s_title_ment .s_title_2 br{display:none;}

.s_title{background-position:0% !important; height:auto; overflow:hidden; background:none !important}
.s_title .mobile{display:block !important; }
.s_title .mobile img{width:100%;}

.s_content_intro .s_box .s_box_ul li{height:inherit;}
.s_content_treat04 .s_box .s_box_ul li{min-height:265px}


/**************사용목적***************/
.ex_useleft{width:100%; float:left;background:url('/kr/images/sub/num_01.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:25px; margin-bottom:25px;  margin-top:45px;}
.ex_useleft ul li{line-height:28px; font-size:16px;}

.ex_useleft1{width:100%; float:left;background:url('/kr/images/sub/num_03.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:25px; margin-bottom:25px;}
.ex_useleft1 ul li{line-height:28px; font-size:16px;}

.ex_useright{width:100%; background:url('/kr/images/sub/num_02.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:25px;  margin-bottom:25px;}
.ex_useright ul li{line-height:28px; font-size:16px;}

.ex_useright1{width:100%; background:url('/kr/images/sub/num_04.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:25px;  margin-bottom:45px;}
.ex_useright1 ul li{line-height:28px; font-size:16px;}
.ex_title{   font-size:25px;    color:#0554a6; line-height:42px;}

/*오시는 길*/

.mapintro{ width: 100%;  margin: 0 auto;}
.mapintro ul li{display:inline-block; float: left; margin-top:15px;}
.mapintro ul li.icon{width:20%; padding-right:15px;  box-sizing:border-box;}
.mapintro ul li.detail01{width:80%; line-height:1.22em; font-size:14px;}
.mapintrotxt{font-size:17px; color:#ff6600; }


/* **************************************** *
 * 부영연구소
 * **************************************** */

.labWrap { position: relative; width:100%;  } 
.labWrap ul li{font-size:14px; line-height:25px;  display:inline-block; float:left; width:50%;  border:1px solid #ddd; text-align:center;padding:30px 30px;  box-sizing:border-box; }
.labWrap ul li img{ width:100%; padding-bottom:15px;}
.labWrap_title{text-align:center;font-family: 'Nanum Myeongjo', serif; font-size:20px; color:#003399; line-height:1.2em;  padding-bottom:15px;}
.num01{width:100px; height:55px; margin: 0 auto; }
.num01 img{width:20%;}





/****************w조직도******************/
.chart_box{display:none;}

.chart_box1{display:block;}
.chart_box1 img{width:100%;}


}

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

    .txc-image { width:100%; }
    #subContWrap{width:95%; /*margin:20px 2%;*/}

        
/* 서브 */
    #subInner .lnb_title_wrap{height:230px;}
    #subInner .lnb_title_wrap .wrap{height:230px;}
    #subInner .lnb_title_wrap .lnb_title_img{display:none;}
    #subInner .lnb_title_wrap .lnb_title_txt{width:100%; left:0; text-align:center; height:90px;/* margin-top:-100px;*/ line-height:14px;}
    #subInner .lnb_title_wrap .lnb_title_txt b{font-size:30px !important; padding-top:160px;display:block; margin-bottom:0px; line-height:52px;}
    #subInner .lnb_title_wrap .lnb_title_txt span{font-size:12px; font-weight:400;line-height:17px;}
    #subInner .sub_menu li:after{content:""; width:1px; height:15px; background:none; display:inline-block; position:absolute; top:30px; left:0;}

    .mot100{margin-top:-100px !important;}

/*Sub Menu*/
    #subInner .sub_menu ul{width:100%; overflow:hidden; /*background:#f8f8f8;*/ padding:10px;/* border-top:1px solid #ddd;*/ box-sizing:border-box;}
    #subInner .sub_menu li{width:50%; height:40px; line-height:40px; text-align:center; float:left; background-image:none;
    background-color:#222222; border:1px solid rgba(250,250,250,0.2); box-sizing:border-box; margin-top:-1px;}

    #subInner .sub_menu li:nth-child(2n) {margin-left:-1px;}

    #subInner .sub_menu li a:hover, #subInner .sub_menu li a:focus, #subInner .sub_menu li a:active{height:40px; line-height:40px; }
    #page01 .sub_menu li.menu01 a, #page02 .sub_menu li.menu02 a, #page03 .sub_menu li.menu03 a, #page04 .sub_menu li.menu04 a, 
    #page05 .sub_menu li.menu05 a, #page06 .sub_menu li.menu06 a, #page07 .sub_menu li.menu07 a{height:40px; line-height:40px; font-weight:500;}



    #subInner .sub_menu1 ul{width:100%; overflow:hidden; /*background:#f8f8f8;*/ padding:10px;/* border-top:1px solid #ddd;*/ box-sizing:border-box;}
    #subInner .sub_menu1 li{width:50%; height:40px; line-height:40px; text-align:center; float:left; background-image:none;
    background-color:#222222; border:1px solid rgba(250,250,250,0.2); box-sizing:border-box; margin-top:-1px;}

    #subInner .sub_menu1 li:nth-child(2n) {margin-left:-1px;}

    #subInner .sub_menu1 li a:hover, #subInner .sub_menu1 li a:focus, #subInner .sub_menu1 li a:active{height:40px; line-height:40px; }
    #page01 .sub_menu1 li.menu01 a, #page02 .sub_menu1 li.menu02 a, #page03 .sub_menu1 li.menu03 a, #page04 .sub_menu1 li.menu04 a, 
    #page05 .sub_menu1 li.menu05 a, #page06 .sub_menu1 li.menu06 a, #page07 .sub_menu1 li.menu07 a{height:40px; line-height:40px; font-weight:500;}



 #subInner .sub_menu2 ul{width:100%; overflow:hidden; /*background:#f8f8f8;*/ padding:10px;/* border-top:1px solid #ddd;*/ box-sizing:border-box;}
    #subInner .sub_menu2 li{width:33.33333%; height:40px; line-height:40px; text-align:center; float:left; background-image:none;
    background-color:#222222; border:1px solid rgba(250,250,250,0.2); box-sizing:border-box; margin-top:-1px;}

    #subInner .sub_menu2 li:nth-child(2n) {margin-left:-1px;}

    #subInner .sub_menu2 li a:hover, #subInner .sub_menu2 li a:focus, #subInner .sub_menu2 li a:active{height:40px; line-height:40px; }
    #page01 .sub_menu2 li.menu01 a, #page02 .sub_menu2 li.menu02 a, #page03 .sub_menu2 li.menu03 a, #page04 .sub_menu2 li.menu04 a, 
    #page05 .sub_menu2 li.menu05 a, #page06 .sub_menu2 li.menu06 a, #page07 .sub_menu2 li.menu07 a{height:40px; line-height:40px; font-weight:500;}




 #subInner .sub_menu3 ul{width:100%; overflow:hidden; /*background:#f8f8f8;*/ padding:10px;/* border-top:1px solid #ddd;*/ box-sizing:border-box;}
    #subInner .sub_menu3 li{width:100%; height:40px; line-height:40px; text-align:center; float:left; background-image:none;
    background-color:#222222; border:1px solid rgba(250,250,250,0.2); box-sizing:border-box; margin-top:-1px;}

    #subInner .sub_menu3 li:nth-child(2n) {margin-left:-1px;}

    #subInner .sub_menu3 li a:hover, #subInner .sub_menu3 li a:focus, #subInner .sub_menu3 li a:active{height:40px; line-height:40px; }
    #page01 .sub_menu3 li.menu01 a, #page02 .sub_menu3 li.menu02 a, #page03 .sub_menu3 li.menu03 a, #page04 .sub_menu3 li.menu04 a, 
    #page05 .sub_menu3 li.menu05 a, #page06 .sub_menu3 li.menu06 a, #page07 .sub_menu3 li.menu07 a{height:40px; line-height:40px; font-weight:500;}





/*인사말*/
.intro01_box li img.intro01_img_01{width:100%;}
.intro01_box li.intro01_box_1 div{margin:20px 0;}





/**/
.s_box{margin-top:0px;}
.s_box .s_box_tit{font-size:1.8em;}
.s_box .s_box_con{text-align:left; font-size:1em; line-height:1.5em;}
.s_box .s_box_ul li{width:100%;; margin-left:0; margin-bottom:10px; padding:15px 8px;}
.s_box .s_box_ul li .s_box_ul_num{font-size:44px; line-height:44px;}
.s_box .s_box_ul li .s_box_ul_tit{font-size:1.4em; margin:8px 0;}
.s_box .s_box_ul li .s_box_ul_tit br{display:none; }
.s_box .s_box_ul li .s_box_ul_con{font-size:1em;}

.s_content_intro .s_box .s_box_ul li{min-height:0;}
.s_content_treat04 .s_box .s_box_ul li{min-height:inherit}
.s_box .s_box_ul li:nth-of-type(1),.s_box .s_box_ul li:nth-of-type(3){margin-left:0%}

.s_box .s_box_ul_2 li{width:100%; margin-left:0; margin-bottom:5px; padding:15px;}
.s_box .s_box_ul_2 li .s_box_ul_2_tit{font-size:28px;}
.s_box .s_box_ul_2 li .s_box_ul_2_con_1{font-size:1.1em}

.s_box .s_box_ul_3 li .s_box_ul_3_con_1{padding-left:0; font-size:1em; line-height:1.3em;}
.s_box .s_box_ul_3 li .s_box_ul_3_con_2{padding-left:0;}
.s_box .s_box_ul_3 li .s_box_ul_3_tit{font-size:28px; line-height:32px;}

.s_box .s_box_ul_4 li{width:100%; margin-bottom:15px;}


.tit_Wrap .tit_txt{width:100%; font-size:25px; text-align:center;}


/**************사용목적***************/
.ex_useleft{width:100%; float:left;background:url('/kr/images/sub/num_01_1.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:15px; margin-bottom:25px; margin-top:45px;}
.ex_useleft ul li{line-height:22px; font-size:14px; color:#333;}

.ex_useleft1{width:100%; float:left;background:url('/kr/images/sub/num_03_1.png')right top no-repeat; box-sizing:border-box; border:10px solid #ddd; padding:15px; margin-bottom:25px;}
.ex_useleft1 ul li{line-height:22px; font-size:14px;}

.ex_useright{width:100%; background:url('/kr/images/sub/num_02_1.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:15px;  margin-bottom:25px;}
.ex_useright ul li{line-height:22px; font-size:14px;}

.ex_useright1{width:100%; background:url('/kr/images/sub/num_04_1.png')right top no-repeat; float:right;box-sizing:border-box; border:10px solid #ddd; padding:15px;  margin-bottom:45px;}
.ex_useright1 ul li{line-height:22px; font-size:14px;}
.ex_title{   font-size:20px;    color:#0554a6; line-height:42px;}



/*인사말*/
    .greeting .big {font-size:25px;}
    .greeting .txt {font-size:15px;}
    .greeting .small {font-size:19px;}
    .greeting .sign {font-size:18px;}
    .greeting .sign .signimg img {height:42px;}
    
    .greeting_box_ct .box_in_ct {width:100%; height:auto; padding:5%; text-align:center;}
    .greeting_box_ct .box_in_ct .img{width:100%; text-align:center;}
    .greeting_box_ct .box_in_ct  img{width:30%;}
    .greeting_box_ct .box_in_ct:nth-child(2) {border-left:1px solid #d6d6d6; border-top:0;}
    .greeting_box_ct .box_in_ct:nth-child(3) {border-left:1px solid #d6d6d6; border-top:0;}
    
    .greeting_box_ct .box_in_ct:nth-child(4) {border-top:0;}
    .greeting_box_ct .box_in_ct .tit {margin:15px 0 10px;}
    .box_in_ct .txt br{display:none;}


/*오시는 길*/

.mapintro{ width: 100%;  margin: 0 auto;}
.mapintro ul li{display:inline-block; float: left; margin-top:15px;}
.mapintro ul li.icon{width:100%;  box-sizing:border-box;}

.mapintro ul li.detail01{width:100%; line-height:1.22em; font-size:14px;}
.mapintrotxt{font-size:17px; color:#ff6600; }


/* **************************************** *
 * 부영연구소
 * **************************************** */

.labWrap { position: relative; width:100%;  } 
.labWrap ul li{font-size:14px; line-height:25px;  display:inline-block; float:left; width:100%;  border:1px solid #ddd; text-align:center;padding:30px 30px;  box-sizing:border-box; }
.labWrap ul li img{ width:100%; padding-bottom:15px;}
.labWrap_title{text-align:center;font-family: 'Nanum Myeongjo', serif; font-size:20px; color:#003399; line-height:1.2em;  padding-bottom:15px;}
.num01{width:100px; height:55px; margin: 0 auto; }
.num01 img{width:20%;}




/* **************************************** *
 * 인증현황
 * **************************************** */

.certiWrap { width:100%; padding-top:35px; } 
.certiWrap ul li{display:inline-block; float:left; width:50%;  border:0px solid #ddd; padding:10px; text-align:center;}
.certiWrap_title{width:100%; background:#003399;  line-height:45px; height:45px; text-align:center; color:#Fff;}
.certiWrap ul li img{width:100%;}


/* **************************************** *
 * 글로벌네트워크
 * **************************************** */

.networkWrap {  position: relative; width:100%; overflow:hidden; } 
.networkWrap ul {margin-top:5px;}
.networkWrap ul li{width:100%; display:inline-block; float:left;   box-sizing:border-box; padding:15px;}
.networkWrap_title{text-align:center;font-family: 'Nanum Myeongjo', serif; font-size:25px; color:#003399; line-height:45px;  padding-bottom:5px;}
.networkWrap_title1{ text-align:center;  font-size:15px;}
.networkWrap_title2{text-align:center;font-weight:800; font-family: 'Nanum Myeongjo', serif; font-size:20px; color:#003399; line-height:1em;  padding-bottom:15px;}
.networkWrap ul li.text1{line-height:25px;  font-size:15px;}
.networkWrap img{width:100%;}

.csbt1 { position: relative; right:0; bottom:0; overflow: hidden; width: 100%;  margin: 0 auto; }
.csbt1 li { width:100% ! important; float: left; padding: 4% 0; text-align: center;  }
.csbt1 li h5 {font-size:15px; width: 50%; background-color:#fff; border-radius: 80px; padding: 8px 0; margin: 0 auto; margin-bottom: 3%;  }
.csbt1 li p { line-height: 35px;}
.csbt1 li.cs-tel { background-color:#589bda; }
.csbt1 li.cs-park { background-color:#0661b7; }

.csbt1 li.cs-tel h5 { color:#589bda; }
.csbt1 li.cs-park h5 { color:#0661b7; }

.csbt1 li.cs-tel p { font-size:15px;  letter-spacing: 0.02em;}
.csbt1 li.cs-park p {font-size:15px; }
.cstel{color:#fff;}

/* **************************************** *
 * 생산공정
 * **************************************** */



/****************w조직도******************/
.chart_box{display:none;}

.chart_box1{display:block;}
.chart_box1 img{width:100%;}
}



/****************생상설비******************/

.machinearea{position: relative;  overflow: hidden; width: 100%;  margin-top:35px;}
.machinearea ul li{display:inline-block; float:left;}
.machinearea ul li:first-child{width:25%; height:250px; line-height:250px; background-color:#0f449c; text-align:center; color:#fff; font-size:30px;  font-family: 'Nanum Myeongjo', serif; font-weight:600;}
.machinearea ul li:last-child img{width:100%;}
.machwd100{width:100%;}


.linkst{ height:30px; line-height:30px;   width:120px;}

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

.machinearea ul li:first-child{width:100%;  font-size:17px; height:45px; line-height:45px; }
.machinearea ul li:last-child img{width:100%;}
.machinearea ul li.arrow{display:none;}
.machwd100{width:100%;}
}


@media screen and (max-width:550px) {
    .txc-image { width:100%; }
.machinearea ul li:first-child{width:100%;  font-size:17px; height:45px; line-height:45px; }
.machinearea ul li:last-child img{width:100%;}
.machinearea ul li.arrow{display:none;}
.machwd100{width:100%;}
}



@media screen and (max-width:550px) {
    .txc-image { width:100%; }
.intro01_box li{float:left; width:98%;border:1px solid #ddd; margin:5px;text-align:center;}
.intro01_box li img{width:80%; height:250px;}
.photo_deatil img{width:80%;}
    #subInner .lnb_title_wrap .subright .sub_menu{z-index:559; position:absolute; height:auto; left:0; bottom:0; text-align:left;
      width:100%;  border-top:0px solid #605e5e; /*background:rgba(250,250,250,1); */ background:#222222;}
    #subInner .sub_menu li a{display:block; color:#efefef; font-size:13.5px;}



  #subInner .lnb_title_wrap .subright .sub_menu1{z-index:559; position:absolute; height:auto; left:0; bottom:0; text-align:left;
      width:100%;  border-top:0px solid #605e5e; /*background:rgba(250,250,250,1); */ background:#222222;}
    #subInner .sub_menu1 li a{ display:block; color:#efefef; font-size:13.5px;}
  #subInner .sub_menu2 li a{ display:block; color:#efefef; font-size:13.5px;}
  #subInner .sub_menu3 li a{ display:block; color:#efefef; font-size:13.5px;}
  #subInner .sub_menu4 li a{ display:block; color:#efefef; font-size:13.5px;}






/*버튼*/
.myButton { width:48%;}



}



/* **************************************** *
 * dmt기업개요
 * **************************************** */
.about{width:100%; position: relative;  overflow:hidden; margin-top:25px; height:670px; }
.about ul li{ position: relative;  background:url('/kr/images/sub/aboutbg.jpg'); width:100%; font-weight:200; padding:105px 105px 150px 70px; color:#fff; font-size:18px; text-align:center; box-sizing:border-box;  line-height:37px; display:inline-block; float:left; position: relative; margin-bottom:100px; border:0px solid red;}
.about ul li span{font-size:35px; font-weight:500;  }
.info{
background: rgb(0,187,16); text-align:left;
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%);/*box-shadow:5px 5px 5px #333;*/
z-index:555;
position: absolute; top:80% !important; right:2%; margin:auto; width:55%; padding:45px; box-sizing:border-box; border:0px solid #efefef; height:70%;  }

.info dl{width:100%; display:inline-block; float:left; line-height:45px; }
.info dl dt{ float:left; width:15%; font-size:17px; font-weight:500;}
.info dl dd { float:left; width:85%; font-size:17px; }

.slogan{font-family: 'Nanum Myeongjo', serif; font-size:35px; color:#003399; position: absolute;  left:0; width:45%;border:0px solid red;z-index:556; top:80% !important; padding-top:130px;  box-sizing:border-box;}

.citt{width:100%; padding:35px;  box-sizing:border-box;  background-color:#efefef; font-size:16px; overflow:hidden;}
.citt ul li{display:line-block;float:left;}
.citt ul li:first-child{width:40%; background-color:#fff; padding:25px; box-sizing:border-box;  text-align:center;}
.citt ul li:last-child{width:58%; padding-left:38px;  box-sizing:border-box;  font-size:17px; line-height:30px;}

.logoexplantt{font-size:28px; color:#003399; font-weight:500; }
.logoexplantt1{font-size:18px; line-height:35px;  margin-top:25px; color:#000; }
.logoexplantt1 span{font-size:22px; color:#003399; font-weight:500;}


.logoexplan{float:right; width:90%; padding:20px;}
.pt35{padding-top:35px;}

@media screen and (max-width:979px) {
.about{height:470px;}
.about ul li{ padding:30px; line-height:25px; font-size:0.9rem;}
.about ul li span{font-size:25px; font-weight:500; line-height:35px;   }
.slogan {display:none;}
.info{width:100%; right:0%; top:100% !important;  height:auto; padding:25px;}
.info dl{width:100%; display:inline-block; float:left; line-height:30px; }
.info dl dt{ float:left; width:25%; font-size:15px; font-weight:500;}
.info dl dd { float:left; width:75%; font-size:15px; }

.citt{width:100%; padding:25px; }
.citt ul li:first-child{width:100%;}
.citt ul li:first-child img{width:90%;}
.citt ul li:last-child{width:100%; padding:10px; }

.logoexplantt{font-size:20px; }
.logoexplantt1{width:100%; font-size:16px; line-height:30px;}
.logoexplantt1 span{font-size:17px; color:#003399; font-weight:500; }
.pt35{padding-top:0px;}
}




.nButton01 {
    background: rgb(0,187,16);
background: linear-gradient(120deg, rgba(0,187,16,1) 20%, rgba(0,62,142,1) 100%);
    border-radius:28px;
    border:0px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;

    font-size:15px;
    padding:16px 31px;
    text-decoration:none;
    
}
.nButton01:hover {
    background-color:#5cbf2a;
    color:#ffffff;
}
.nButton01:active {
    position:relative;
    top:1px;
}

.nButton02 {
    background: rgb(0,187,16);
background: linear-gradient(120deg, rgba(0,187,16,1) 20%, rgba(0,62,142,1) 100%);
    border-radius:28px;
    border:0px solid #18ab29;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;

    font-size:19px !important;
    padding:16px 31px;
    text-decoration:none;
    
}
.nButton02:hover {
    background-color:#5cbf2a;
    color:#ffffff;
}
.nButton02:active {
    position:relative;
    top:1px;
}


/* **************************************** *
 * dmt연혁
 * **************************************** */

.hisleft{width:50%; position: relative; float:left; margin-top:0%; }
.hisleft dl{width:100%; display:inline-block; float:left;}
.hisleft dl dt{width:85%; float:left; height:80px; line-height:80px;  text-align:right;  font-size:18px;}
.hisleft dl dd{width:15%; background:url('/html/images/hisbg.jpg')right no-repeat; float:left; text-align:right; height:80px; line-height:80px;}





.hisright{width:50%; position: relative; float:right;  border-left:0px solid #cccccc;  margin-top:3%;  }
.hisright dl{width:100%; display:inline-block; float:left;  }
.hisright dl dt { width:15%; background:url('/html/images/hisbg01.jpg')left top no-repeat; float:left; text-align:left; height:100px; line-height:30px;  bordeR:0px solid red; }
.hisright dl dd { width:85%; padding-left:5%; float:left; height:100px; line-height:32px; font-size:18px;  bordeR:0px solid red; }
.hisright dl dt.ht150{height:140px !important;}
.hisright dl dd.ht150{height:140px !important;}

.mt5per{margin-top:5%; }
.mt7per{margin-top:8%; }



.histt{font-size:33px; font-family: 'Barlow Condensed', sans-serif; font-weight:500; padding-right:15px; color:#b67f49 }
.histt1{font-size:33px; font-family: 'Barlow Condensed', sans-serif; font-weight:500; padding-left:15px; color:#b67f49 }

.hisarea{ font-weight:100; color:#fff; background:url('/html/images/hisbg02.jpg')center; background-size:cover;  margin-top:0%; 
 line-height:30px; width:100%; position: relative;  padding:95px 0px 95px 0px; box-sizing:border-box; text-align:center; font-size:20px;   }
.hisarea span{font-weight:500; color:#fff; font-size:20px; }

.hismobile{display:none;}

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

.hisleft{width:100%;}
.hisleft img{width:100%;}
.hisright{width:100%;}

.hisright dl{width:100%; display:inline-block; float:left;  }
.hisright dl dt { width:0%; background:url('/html/images/hisbg01.jpg')left top no-repeat; float:left; text-align:left; height:100px; line-height:30px;  
  bordeR:0px solid red; }
.hisright dl dd { width:100%; padding-left:5%; float:left; height:auto; line-height:27px; font-size:16px;  bordeR:0px solid red;  }



.hismobile{display:block; margin-bottom:25px;} 
.hismobile ul li{display:inline-block; float:left;}
.hismobile ul li.yearl{width:15%; border:0px solid #cccccc;  height:60px; line-height:60px; font-size:23px; font-family: 'Barlow Condensed', sans-serif; font-weight:500;  
  color:#b67f49; }
.hismobile ul li.hiscon1{width:85%; height:60px; font-size:16px; padding-top:10px;line-height:25px;  background:url('/kr/images/sub/hisbg_m.png')no-repeat left; padding-left:55px;}
.hismobile ul li.year2{width:15%; border:0px solid #cccccc;  height:50px; line-height:50px; font-size:23px; font-family: 'Barlow Condensed', sans-serif; font-weight:500; 
 color:#b67f49; }
.hismobile ul li.hiscon2{width:85%; height:50px; font-size:16px; line-height:50px;  background:url('/kr/images/sub/hisbg_m.png')no-repeat left; padding-left:55px;}
.hisarea{line-height:30px;  font-size:17px;}
.hisarea span{font-weight:500; color:#fff; font-size:23px; }

}


/* **************************************** *
 * dmt네트워크
 * **************************************** */
.netarea{width:100%; position: relative; background:#f5f5f5; line-height:36px; padding:45px; letter-spacing:-0.2px;
box-sizing:border-box; text-align:center; font-size:19px; font-weight:100;  }
.netarea  span{font-weight:500; color:#00418c;}

.netarea1{width:100%; position: relative; background:url('/kr/images/sub/netbg.jpg');background-size:cover;  height:750px; }
.netarea1 div{position: absolute; padding:35px; box-sizing:border-box;  right:5%; z-index:5; width:500px; bottom:7%;
background:rgba(250,250,250,0.4);  box-shadow:2px 2px 10px rgba(0,0,0,0.3);
}

.nettt{font-size:17px;font-weight:500;  width:100%; height:55px; line-height:55px;  border-bottom:1px solid rgba(0,0,0,0.2); text-align:center; }

.netarea2{width:100%; position: relative; background:url('/kr/images/sub/netbg01.jpg'); height:750px; }
.netarea2 div{position: absolute;padding:35px; box-sizing:border-box;  right:5%; z-index:5; width:500px;  bottom:38%;
background: rgb(0,187,16); text-align:left;
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%); box-shadow:2px 2px 10px rgba(0,0,0,0.3);
}

.nettt1{COLOR:#FFF; font-size:17px;font-weight:500;  width:100%; height:75px; line-height:25px;  border-bottom:1px solid rgba(250,250,250,0.2); text-align:center; }
.nettt2{font-size:17px;font-weight:500;  width:100%; height:55px; line-height:55px;  border-bottom:1px solid rgba(250,250,250,0.2); text-align:center; }



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

.netarea {line-height:30px; padding:30px; font-size:16px;}
.netarea1{width:100%; position: relative; background:url('/kr/images/sub/netbg.jpg')center; background-size:cover; height:400px;}
.netarea1 div{ width:90%; right:5%; padding:15px; background:rgba(250,250,250,0.7);}
.nettt{font-size:15px;}

.netarea2{width:100%; position: relative; background:url('/kr/images/sub/netbg01.jpg')center top no-repeat; background-size:150%; height:500px; }
.netarea2 div{ width:90%; right:5%;  bottom:8%;  padding:15px;  }
.nettt1{font-size:15px;}

}


/* **************************************** *
 * dmt오시는 길
 * **************************************** */

.maparea{width:100%; position: relative;  overflow:hidden; margin-top:25px;  }

.maplogo{width:100%; text-align:center;    padding:3px 0px;   box-sizing:border-box; border-bottom:1px solid rgba(250,250,250,0.3); margin-bottom:10px; }
.maparea ul li{display:inline-block; float:left; position: relative; margin-bottom:100px; border:0px solid red; } 
.maparea ul li:first-child{width:60%;}
.maparea ul li:last-child{width:40%;}
.maparea ul li div{position: relative;  padding:35px; box-sizing:border-box;  width:100%; height:450px; 
background: rgb(0,187,16);
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%); box-shadow:5px 5px 10px #efefef;}
.maptit{font-size:19px; font-weight:400; color:#Fff; line-height:40px;}
.maptit1{font-size:18px; font-weight:400; color:#Fff; margin-bottom:35px;}

.maptit2{line-height:55px;  background:url('/kr/images/sub/titbg.png')left no-repeat; padding-left:35px; color:#003399; font-weight:400; font-size:22px;}
.maptit3{width:100%; padding:25px; box-sizing:border-box;  background-color:#efefef; font-size:16px;}
.maptit4{line-height:40px;}
.pcnone{display:none;}

@media screen and (max-width:979px) {
.maparea ul li{display:inline-block; float:left; position: relative; margin-bottom:10px; } 
.maparea ul li:first-child{width:100%;}
.maparea ul li:last-child{width:100%;}
.maparea ul li div{display:block; height:350px; }
/*.pcnone{display:block;}*/
.maplogo{display:none;}

.maptit2{ background:url('/kr/images/sub/titbg.png')left top no-repeat; font-size:17px; height:35px; line-height:35px; margin-bottom:5px; margin-top:15px;}
.maptit4{line-height:22px;}
}



/* **************************************** *
 * dmt공급시스템
 * **************************************** */
.sysarea{width:100%; color:#fff; position: relative;  padding-bottom:105px !important; overflow:hidden;
 background:url('/kr/images/sub/sysbg.jpg');  background-size:cover;
text-align:center; padding-top:105px;    box-sizing:border-box;   }
.systt{font-size:22px; padding-bottom:105px; line-height:35px; font-weight:200;}
.sysarea ul li{display:inline-block;  position: relative; background-color:#fff;  width:27%; margin-right:1%; margin-left:1%;
border:1px solid rgba(0,0,0,0.1); box-shadow:5px 5px 10px rgba(0,0,0,0.1);  /*border-radius:10px;*/ padding:45px 25px 45px 25px;   box-sizing:border-box;
 text-align:center;
}
.systt span{font-weight:500; font-size:27px;}
.sysarea ul li.bggr{background: rgb(0,187,16);padding:45px 25px 45px 25px; 
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%);}


.systt1{font-size:20px; color:#fff; line-height:30px; font-weight:500;  margin-top:15px;}
.systt1_1{font-size:20px; color:#063e9c; line-height:30px; font-weight:500; margin-top:15px;}
.systt2{font-size:16px; color:#fff; line-height:27px; margin-top:5px; font-weight:300;}
.systt2_1{font-size:16px; color:#999; line-height:27px; margin-top:5px; font-weight:300;}


@media screen and (max-width:979px) {
.sysarea{padding-bottom:55px !important; padding-top:55px;  }
.systt span{font-weight:500; font-size:22px;}
.systt{font-size:17px; padding-bottom:105px; line-height:35px; font-weight:200;}

.sysarea ul li{width:96%; margin-right:2%; margin-left:2%; margin-bottom:2%;}
.systt1{font-size:18px; }
.systt1_1{font-size:18px; }

}



.sysarea1{width:100%; color:#fff; position: relative;  padding-bottom:15px !important; overflow:hidden;
 background:url('/kr/images/sub/con03_bg.png');  background-size:cover;
text-align:center; padding-top:105px;    box-sizing:border-box; height:900px;}

.consys{ position: absolute; left:10%;  top:14%; text-align:left;  background: rgb(0,187,16);
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%); margin:0 auto;  width:85%;  padding:55px; 
box-sizing:border-box; box-shadow:5px 5px 10px rgba(0,0,0,0.1); }
.consystt{font-size:23px; color:#fff; line-height:30px; font-weight:500;}
.consystt1{font-size:15px; color:#fff; line-height:25px; margin-top:5px;}
.line1{margin-top:25px; margin-bottom:25px; height:3px; width:60px; background:#fff;}

.sysarea2{display:none;}


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

.sysarea1{width:100%; color:#fff; position: relative;  padding-bottom:15px !important; overflow:hidden;
 background:none;  background-size:cover;
text-align:center; padding-top:15px;    box-sizing:border-box; height:700px;}


.consys{ position: absolute; left:0%;  top:5%; text-align:left;  background: rgb(0,187,16);
background: linear-gradient(120deg, rgba(0,187,16,1) 0%, rgba(0,62,142,1) 100%); margin:0 auto;  width:100%;  padding:45px; 
box-sizing:border-box; box-shadow:5px 5px 10px rgba(0,0,0,0.1); }

}



@media screen and (max-width:979px) {
.sysarea1{display:none; height:700px;  background:url('/kr/images/sub/con03_bg.png') top center;}
.consys{width:100%;right:0%;  padding:15px; }
.consystt{font-size:20px;}

.sysarea2{display:block; width:100%;  margin-top:20px;}
.sysarea2tt{font-size:22px; font-weight:500; color:#093182; line-height:40px;}

.img_wrap1{position: relative; width:100%; height:250px; overflow:hidden; border:0px solid red; }
.img_wrap1 div{position: absolute; top:0; left:0; width:100%; background:rgba(0,0,0,0.7); padding:20px; color:#fff; line-height:25px;   box-sizing:border-box; }
.img_wrap1 img{position:right;}
}



/* **************************************** *
 * dmt기술현황
 * **************************************** */
.tech{width:100%; position: relative;  overflow:hidden; margin-top:25px;  padding-bottom:15px !important;}
.tech ul li{height:380px;  text-align:center;  border:1px solid rgba(0,0,0,0.1); display:inline-block; float:left; position: relative;  overflow:hidden;width:29%;  margin-left:2%; margin-right:2%; border-radius:10px; padding:30px;  box-shadow:5px 5px 5px #f3f1f1;  box-sizing:border-box;}
.tecttt{font-size:26px; color:#003366; font-weight:500;}
.tecttt1{color:#999; line-height:25px;font-size:17px; text-align:left !important; margin:0 auto; border:0px solid red;}
.tecttt1 span{color:#000;}
.tecttt2{display:block; color:#999; padding-left:20%; box-sizing:border-box;  line-height:25px;  text-align:left !important; font-size:17px; margin:0 auto !important; border:0px solid red;}
.tecttt2 span{color:#000;}

.wd62{width:62% !important;}




.mobileshow{display:none;}

 @media screen and (max-width:979px) {
.tech ul li{width:96%;  margin-left:2%; margin-right:2%; margin-bottom:4%;height:380px; }
.tecttt{font-size:22px;}
.tecttt1{font-size:15px;}
.wd62{width:96% !important; height:auto !important;}
.imgwd100{width:100%;}
.mobileshow{display:inline-block ;}
.mobilenone{display:none;}


.tecttt2{display:block; color:#999; padding-left:0%; box-sizing:border-box;  line-height:25px;  text-align:center !important; font-size:17px; margin:0 auto !important; border:0px solid red;}
.tecttt2 span{color:#000;}




 }


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

/* .certi ul li{width:97%; margin-bottom:5%;  height:370px;} */



  }



  /* **************************************** *
 * 원단소개
 * **************************************** */

.febrictop{width:100%; position: relative;  overflow:hidden; height:430px; padding:75px 0px 75px 0px; box-sizing:border-box;   }
.bg01{ background:url('/kr/images/sub/febric_bg01.jpg'); background-size:cover; }
.febrictop .explan{float:right; width:40%; border: 0px solid red; text-align:left;}

.explantt{font-size:55px; font-weight:600; color:#fff; line-height:45px;}
.explantt1{font-size:20px; color:#fff; margin-top:20px; line-height:35px; padding-right:35px; }

.explantt2{font-size:27px; font-weight:500; color:#fff; line-height:35px; margin-top:25px; background:url('/kr/images/sub/titbg01.png'); }
.explantt3{font-size:17px; color:#fff; margin-top:20px; line-height:30px; padding-right:35px;}

.explantt4{ line-height:35px; font-weight:500; font-size:40px; margin-top:55px; line-height:55px;}
.explantt4 span{font-weight:200; }
.explantt5{ position: relative; width:50%; background:#efefef; box-sizing:border-box; padding:25px 15px 25px 45px; text-align:center; margin:15px auto; }
.explantt5 span{font-weight:500; }



.usebtn{ position: relative; margin:0 auto;  }
.usebtn ul li{ display:inline-block;border:0px solid red; width:150px; height:150px; margin:20px 10px; padding-top:105px; box-sizing:border-box; font-size:20px;}
.usebtn ul li.btn01{ background:url('/kr/images/sub/usebg01.png'); background-size:cover;}
.usebtn ul li.btn02{ background:url('/kr/images/sub/usebg02.png'); background-size:cover;}
.usebtn ul li.btn03{ background:url('/kr/images/sub/usebg03.png'); background-size:cover;}


.useinfo1{ position: relative; margin:0 auto;  }
.useinfo1 ul li{display:inline-block; width:250px; height:280px; margin:20px 10px;}
.img_wrap{position:relative; width:100%; height:250px; border:0px solid red;  overflow:hidden; }
.img_wrap img { cursor:pointer; }
.useinfott{height:35px; line-height:35px; text-align:center; width:100%; font-size:18px;}


 @media screen and (max-width:979px) {
.febrictop{height:430px; padding:25px; box-sizing:border-box; height:auto; }
.febrictop .explan{float:left; margin:0 auto; width:100%; border:0px solid red;  padding:10px;} 
 .explantt{font-size:30px; font-weight:600; color:#fff; line-height:45px;}
 .explantt1{font-size:17px; color:#fff; margin-top:5px; line-height:25px; padding-right:0px;}

 .explantt2{font-size:22px;}
 .explantt3{font-size:15px;}
.explantt4{font-size:30px;}
.explantt5{width:100%; padding:15px; text-align:left;}
.usebtn ul li{width:100px; height:100px; padding-top:65px; font-size:17px;  margin:7px; }

 }


/* **************************************** *
 * 원단활용분야
 * **************************************** */


.febricuse{width:100%; position: relative;  overflow:hidden; height:430px; padding:65px; box-sizing:border-box; }
.bg01{ background:url('/kr/images/sub/febric_bg04.jpg'); background-size:cover;}
.bg02{ background:url('/kr/images/sub/febric_bg04_1.jpg'); background-size:cover;}
.bg03{ background:url('/kr/images/sub/febric_bg04_2.jpg'); background-size:cover;}
.bg04{ background:url('/kr/images/sub/febric_bg04.jpg'); background-size:cover;}


.bgprod01{ background:url('/kr/images/sub/febric_bg05.jpg'); background-size:cover;}
.bgprod02{ background:url('/kr/images/sub/febric_bg06.jpg'); background-size:cover;}
.bgprod03{ background:url('/kr/images/sub/febric_bg07.jpg'); background-size:cover;}


.febricuse ul li{display:inline-block; font-size:16px; width:160px;  height:45px; line-height:40px; box-sizing:border-box;  border:1px solid #fff;  margin-right:15px; text-align:center; color:#fff; font-weight:500; }
.febricuse ul li.on{color:#000; background:#fff; }
.febricuse ul li:hover{color:#000; background:#fff; }
.febricusett{color:#fff; line-height:35px; font-size:20px; width:40%; margin-bottom:55px;}
.febricusett1{height:80px; line-height:80px;  background:#efefef;   font-size:18px; width:100%; text-align:center; margin-top:25px;}
.febricusett1 span{font-size:22px; font-weight:600; color:#030d47;}


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

.febricuse{ padding:35px; height:auto;}
.febricusett{font-size:17px; width:100%;  line-height:30px;}
.febricuse ul li{width:100px;}
.febricusett1{height:auto; line-height:25px;  padding:15px; box-sizing:border-box; }

 }


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

.febricuse ul li{width:80px; margin-right:5px;}

 }

 .imgsize{}


  @media screen and (max-width:800px) {
   .imgsize{width:100%; height:100%;}
  }


#m_board2 {
    float: left;
    position: relative;
  
   
    position: relative;
  
    width:100%; border:0px solid red;
    
}

#m_board2 .tabs2 {
   background:#efefef; padding:15px; overflow:hidden;
}
#m_board2 .tabs2 ul{}
#m_board2 .tabs2 li {
    float: left;
    font-size: 21px;
    width: 23%;
    margin:1%;
    text-align: center;
    color: #999;
}
#m_board2 .tabs2 li a {
    display: block;
    height: 55px;
    box-sizing: border-box;
   font-size: 19px;
  
    line-height:50px;  font-weight: 400;
    background:#fff;
    border: 1px solid #ccc;
    margin-right:10px;
    
}
#m_board2 .tabs2 li a:hover {
    color: #fff;
    height: 55px;
    box-sizing: border-box;
    font-size: 19px;
     font-weight: 400;
    background:#cc9966;
    border: 1px solid #cc9966;
}
#m_board2 .tabs2 .active a {
    color: #fff;
    height: 55px;
    box-sizing: border-box;
    font-size: 19px;
    font-weight: 600;
    background: #cc9966;
    border: 1px solid #cc9966;
}
1
#m_board2 .tab_container2 {
    margin-top: 45px;
    padding: 15px 0 0 10px;
    
    text-align: left;
    border-top: 1px solid #ccc;
}
#m_board2 .tab_content2 ul li {
    display: inline-block;
    margin-top:0px;
    font-size: 16px;
    line-height: 24px;
    
    border-bottom:0px solid #ddd;
    padding:20px 0px;
}




  @media screen and (max-width:870px) {
#m_board2 .tabs2 li{font-size:16px;}
#m_board2 .tabs2 li a {font-size:16px;}
#m_board2 .tabs2 li a:hover {font-size:16px;}
#m_board2 .tabs2 .active a{font-size:16px;}

   #m_board2 .tabs2 li {
    float: left;
    font-size: 21px;
    width: 98%;
    margin:1%;
    text-align: center;
    color: #999;
}



  }





.projectname{ width:35%; position:absolute; right:0px; bottom:0px; background:#000; padding:35px; }
.projectnamett{font-size:25px; color:#fff; font-weight:500; line-height:38px;}
.projectnamett1{font-size:16px; color:#fff; font-weight:200; line-height:30px;}

.centerview{  position: relative; width:1200px; position: relative; margin:0 auto; border:0px solid red;}
.centerbig{ border:0px solid red; width:100%;  overflow:hidden;}
.centerbig img{width:100%;}
.centersmall{ border:0px solid red; width:100%; }
.centersmall ul{margin-top:20px;}
.centersmall ul li {display:inline-block; height:120px;float:left; width:10%; margin:0%  0.5%;   overflow:hidden; border:0px solid red;}
.centersmall ul li img{width:100%;}



@media screen and (max-width:1199px) {
.centerview {width:100%;}
.projectname{ position: relative; width:100%;}
.projectnamett{font-size:20px; line-height:25px;}
.projectnamett1{font-size:15px; color:#fff; font-weight:200; line-height:25px;}
.centersmall ul li{height:70px;}

}




.mapinfo{position: relative; width:100%;}
.mapinfo ul {width:100%; float:left;}
.mapinfo ul li{display:inline-block; float:left; }
.mapinfo ul li:first-child{width:30%;   background: rgb(196,149,106); text-align:left;
background: linear-gradient(120deg, rgba(196,149,106,1) 0%, rgba(125,62,4,1) 100%);  padding:124px 45px; 
text-align:center; box-sizing:border-box; 
 }
.mapinfo ul li:last-child{width:70%;  box-sizing:border-box; padding:45px; background:#f5f5f5; font-size:18px; line-height:35px;}
.mapinfo ul li:last-child span{color:rgb(196,149,106); font-weight:600; line-height:45px; font-size:22px;}


@media screen and (max-width:1199px) {
.mapinfo ul li:first-child{width:100%; padding:45px; }
.mapinfo ul li:last-child{width:100%; padding:20px; font-size:16px; line-height:27px;}

.mapinfo ul li:last-child span{color:rgb(196,149,106); font-weight:600; line-height:45px; font-size:20px;}
}




.inquiry {width:1200px; margin:0 auto; border:0px solid red;}
.inquirytt{background:#f9f9f9; padding:45px 25px; text-align:center; font-size:23px; }
.inquiry table {width:100%; bordeR-top:2px solid #cc9966;}
.inquiry table tr td{border-bottom:1px solid #efefef; padding:20px; }
.inquiry table tr td.subj{width:20%; background:#f9f9f9;  text-align:center; font-size:17px;}

.inquiryformsty1{width:50%; border:1px solid #efefef; background:#efefef; height:45px; line-height:45px; color:#000; }
.inquiryformsty1_1{ width:16%; border:1px solid #efefef; background:#efefef; height:45px; line-height:45px; color:#000;  }
.inquiryformsty1_2{width:90%; border:1px solid #efefef; background:#efefef;  color:#FFF; height:155px; }


.btnarea{width:100%; text-align:Center; padding:25px 0px; }
.agreeMember {font-size:14px !important; height:150px; width:90%; background:#fff; overflow-y:scroll; border:1px solid #ccc; margin-bottom:0px; padding:10px;}



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



.inquiry {width:100%; margin:0 auto; border:0px solid red;}
.inquirytt{background:#f9f9f9; padding:25px; text-align:center; font-size:18px; line-height:25px; } 

.inquiryformsty1{width:100%; border:1px solid #efefef; background:#efefef; height:45px; line-height:45px; color:#000; }
.inquiry table tr td{border-bottom:1px solid #efefef; padding:10px; }
.inquiry table tr td.subj{width:25%; background:#f9f9f9;  text-align:center; font-size:15px;}
.inquiryformsty1_1{ width:29%; border:1px solid #efefef; background:#efefef; height:45px; line-height:45px; color:#000;  }
.inquiryformsty1_2{width:100%; border:1px solid #efefef; background:#efefef;  color:#FFF; height:155px; }
.agreeMember{width:100%;}

}