@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://use.fontawesome.com/releases/v5.1.0/css/all.css);

@charset "utf-8";
*{font-family: 'Noto Sans',"본고딕", 'Montserrat Alternates', sans-serif;}
/* Reset CSS  */
html { height: 100%;overflow-y:scroll;  }
body { font-size: 13px; font-family: 'Noto Sans',"본고딕", 'Montserrat Alternates', sans-serif; color:#333;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, blockquote, th, td, p { margin: 0px; padding:0px;  list-style:none;  }
fieldset{ border: 0px; }
a{font-style:normal; text-decoration:none; color:#555;}
hr, legend {height: 0; left: -5000px; line-height: 0; overflow-x: hidden; overflow-y: hidden; position: absolute; visibility: hidden;width: 0;}
caption {font-size: 0; height: 0; line-height: 0; visibility: hidden; width: 0;}
* {-webkit-text-size-adjust:none;}
* { margin:0; padding:0; border:0; outline:0;  }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
img, video { max-width:100%; border:0; vertical-align:top; }
table { border-collapse:collapse; border-spacing:0; border: 0px solid #E5E5E5; }
input, select { vertical-align:middle; }
label { cursor:pointer; }
.blind,legend,hr,caption { display:block; overflow:hidden; position:absolute; top:0; left:-1000em; }
i,em,address { font-style:normal; font-weight:normal; }
td,th {vertical-align: middle;line-height: 26px;}
td strong {font-weight: 100;	font-size: 5px;vertical-align: bottom;}
a:hover{text-decoration:none;}
ul:after{content:""; display:block; clear:both;}

/*bbs*/
#container_title{display:none;}
#bo_list_total{display:none;}
#bo_v_table{display:none;}
#bo_vc_w{border-bottom:0;}
#bo_vc{background:none;}

/************* css ******************/
.content_wrap{max-width:1400px; margin:0 auto; padding:0 20px; box-sizing:border-box;}
.content_wrap:after{content:"";display:block; clear:both;}
body , p{word-break:keep-all;}

/* header*/
#header{position:relative; padding:62px 20px 30px;}
#h_logo{position:absolute; top:50px; left:20px; background:#fff;}

#nav_btn{display:none;cursor:pointer;}
#nav{display:inline-block;float:right; position:relative; margin-top:5px; z-index:99;}
#nav > li{float:left; position:relative;}
#nav > li > a{font-size:17px; display:block; padding:0 32px 10px;}
#nav > li:hover > a{color:#5897b6;}
#nav .last{padding-right:0}
/* #nav > li:nth-child(2) > .sub_menu{width:230px;} */
#nav .sub_menu{display:none; width:152px; position:absolute; top:100%; left:0; background:#fff; border-top:2px solid #5897b6;}
#nav .sub_menu li a{font-size:15px; padding:10px 25px; display:block; border-bottom: 1px solid #eee;}
#nav .sub_menu li:last-child a{border-bottom:0;}
#nav .sub_menu li a:hover{background:#5897b6; color:#fff;}

#lang{float:right}
#lang li{float:left;}
#lang li a{border: 1px solid #e5e5e5;padding: 5px; display:block;}
#lang li a{color:#9c9c9c;}
#lang .on a{background: #5897b6; border: 1px solid #5897b6; color:#fff;}


/*more*/
.more{color:#838383; padding:12px 50px; display:inline-block; background:#616e75;color:#fff;}
.more:hover{transition:.5s; background:#4e585e; }
.more02{padding:12px 50px; display:inline-block; background:rgba(255,255,255,0.2);color:#fff;}
.more02:hover{transition:.5s; background:#4e585e; }

/*main*/
#m_slider{overflow:hidden; position:relative;}
#m_slider .breadcrumb{position:absolute; bottom: 41%; left: 54.4%; z-index: 99;}
#m_slider .breadcrumb li{float:left; margin-right:18px;}
#m_slider .breadcrumb li span{display:block; width:12px; height:12px; background:#fff; border-radius:40px; cursor:pointer;}
#m_slider .breadcrumb li.on span{width:30px; background:#616e75;}
#m_slider .content{width:400%;height: 800px;}
#m_slider .content li{float:left; width:25%; height: 100%;position:relative;}
#m_slider .content li:nth-child(1){background:url(../image/m_slider09.png) no-repeat center center / cover;}
#m_slider .content li:nth-child(2){background:url(../image/m_slider07.png) no-repeat center center / cover;}
#m_slider .content li:nth-child(3){background:url(../image/m_slider08.png) no-repeat center center / cover;}
#m_slider .content li:nth-child(4){background:url(../image/m_slider09.png) no-repeat center center / cover;}
.m_box{position: absolute; top: 30%; width: 47%; right:0}
.m_box h3{font-size:20px;    color: #0076b1;}
.m_box h2{font-weight:700;  color:#4c4c4c; font-size: 50px; margin-bottom:5px;}
.m_box p{font-size: 23px;  letter-spacing: -2px;color:#676564; padding-bottom: 40px; line-height: 37px;}
.m_box02 p{font-weight:100; font-size: 40px;line-height: 59px; letter-spacing: -3px;color:#676564; padding-bottom: 40px;}
.m_box02 p span{font-weight:500;color: #4c4c4c; font-size: 50px;}

.m_banner01{height: 800px;background:url(../image/m_bg01.png) no-repeat center center / cover;}
.m_banner01 .m_box02{position: relative; top:24%;}

.m_banner02{margin-bottom: 80px;}
.m_banner02 .text_wrap{text-align:center; margin: 50px auto;}
.m_banner02 .text_wrap h2 {font-size:50px; font-weight:300; letter-spacing:-1px; color:#676564;}
.m_banner02 .text_wrap p{font-size:19px;font-weight:300;}
.m_banner02 .pro_list li{float:left; width: 25%;padding: 8px;}

.m_banner03 .text_wrap02{text-align:center;padding:120px 0;}
.m_banner03 .text_wrap02 h2 {font-size:50px; font-weight:300; letter-spacing:-1px; color:#676564; line-height: 60px;}
.m_banner03 .text_wrap02 span{display:block;}
.m_banner03 .text_wrap02 p{font-size:19px; padding:20px 0 45px 0;;font-weight:300;line-height: 33px;}
.m_banner03{position:relative; margin-bottom: 160px;}
.m_banner03 .text_video{background: #cdd7dc; width: 50%;}
.m_banner03 .video{position: absolute;  right: 0; top: 57px;  width: 60%;}

.m_banner04{height: 450px; background:url(../image/company_bg.png) no-repeat center center / cover;}
.m_banner04 .text_wrap03{text-align:center;padding:140px 0;color:#fff;}
.m_banner04 .text_wrap03 h2 {font-weight:300;font-size:50px;  letter-spacing:-1px; line-height: 55px;}
.m_banner04 .text_wrap03 p{font-weight:300;font-size:19px; padding: 20px 0; }


.m_banner:after{content:"";display:block;clear:both;}
.m_banner{padding:72px 20px;}
.m_banner .img{float:left; width:50%;}
.m_banner .text{float:left; width:50%; box-sizing:border-box;}
.m_banner01 .text{padding-left:60px;}
.m_banner02 .text{padding-right:60px;}
.m_banner .text h2{font-size:26px; color:#3e3e3e; line-height:32px; margin-bottom:25px; font-weight:500;}
.m_banner .text p{font-size:16px; color:#838383; line-height:28px; margin-bottom:40px;}
.m_banner .text .more{color:#838383; padding:10px 45px; display:inline-block; border:1px solid #dcdcdc;}
.m_banner .text .more:hover{transition:.5s; background:#333; color:#fff;}
.m_banner02_wrap{background:#f8f8f8;}

.m_latest .list{padding:60px 0;}
.m_latest .list > li{float:left; width:35%; box-sizing:border-box; padding-right:60px;}
.m_latest .list > li:last-child{width:30%; padding:0;}
.m_latest .list > li h2{font-size:25px; font-weight:500; letter-spacing:-1px; color:#3e3e3e; margin-bottom:20px;}

.m_contact:after{content:"";display:block;clear:both;}
.m_contact{background:#2a5786;}
.m_contact .img{float:left; width:50%; background:url(../image/m_contact_img.png) no-repeat center right ;min-height:483px;}
.m_contact .text{float:left; width:50%; box-sizing:border-box; padding:30px 20px 0 60px;}
.m_contact .text .title{font-size:25px; font-weight:500; color:#fff; margin-bottom:20px;}


/* sub 공통*/
#s_top{height: 428px;position: relative;}
#s_top.bg01{background:url(../image/s_top_bg01.png) no-repeat center center;}
#s_top.bg02{background:url(../image/s_top_bg02.png) no-repeat center center;}
#s_top.bg03{background:url(../image/s_top_bg03.png) no-repeat center center;}
#s_top.bg04{background:url(../image/s_top_bg04.png) no-repeat center center;}
#s_top.bg05{background:url(../image/s_top_bg05.png) no-repeat center center;}
#s_top.bg06{background:url(../image/s_top_bg06.png) no-repeat center center;}
#s_top .s_visual{ position: absolute; top: 35%; width: 100%; max-width: none;}
#s_top h2{font-size:65px; color:#fff; letter-spacing:-1px;font-weight: 500; text-align: center;}
#s_path{padding: 15px 15px; background: rgba(255,255,255,0.5);bottom: 0; position: absolute; width: 100%;}
#s_path ul li{float:left; color:#717171; font-size:14px;}
#s_path ul li:after{content:">"; font-size:13px; padding:0 25px;}
#s_path ul li:last-child{font-weight:600;}
#s_path ul li:last-child:after{content:none; padding:0;}
.sub{min-height:400px; margin-top: 70px; margin-bottom: 100px;}
.sub p{font-size:16px; color:#5b5b5b; line-height: 32px; letter-spacing: -1px;}

.sub_line01{border-top:solid 80px #999999; width:2px;margin: 10px auto;}
.sub .s_title h2{font-size: 37px; text-align: center; margin-bottom: 35px; color: #454545; padding: 0; font-weight: 500;}
.sub h3{font-size: 29px; color: #5897b6;  font-weight: 500;padding:5px 0 15px 0px; letter-spacing: -2px;}

.bbs{padding:70px 0 110px;}

/*sub 공통 표*/
.s_table{width:100%; border-top:2px solid #757575;margin-top:20px; margin-bottom:50px;font-size:14px;}
.s_table tr th{background:#f4f4f9;width: 20%;}
.s_table tr th, .s_table tr td{padding:8px 20px; border-bottom:1px solid #ddd;text-align:left;border-right: 1px solid #ddd;}
.s_table tr th:last-child, .s_table tr td:last-child {border-right: 0;}



/*sub_tap 공통*/
#snb{margin:80px auto 0;}
#snb.snb1{max-width:183px;}
#snb.snb1 li{width:100%}
#snb.snb2{max-width:385px;}
#snb.snb2 li{width:50%}
#snb.snb3{max-width:587px;}
#snb.snb3 li{width:33.33%}
#snb.snb4{max-width:770px;}
#snb.snb4 li{width:25%}
#snb.snb5{max-width:1000px;}
#snb.snb5 li{width:20%}
#snb li{float:left; text-align:center; padding:0 5px; box-sizing:border-box;}
#snb li a{display:block; font-size:15px; border:1px solid #b7b7b7; padding:12px 0;}
#snb li a:hover , #snb li a.on{background:#616e75; color:#fff;}
.shower_con li{font-size:16px; color:#5b5b5b; line-height: 32px; letter-spacing: -1px; margin-left: 18px;}
.shower_con li:before{content:"·";padding-right: 12px;  margin-left: -15px;}

/*sub01*/
.sub01{text-align:center;}
.sub01 img{margin-bottom:30px;}
.sub01 h2{font-size:30px; color:#5897b6; font-weight:500;padding:15px 0px;letter-spacing: -2px;}
.sub01 .sub_tex{line-height:40px}
.sub01 .sub_tex span{font-size:20px;font-weight:400;}


/*sub01_01*/
.history-content {position: relative;padding-top: 100px;}

.history-content:before {content: ""; position: absolute;width: 10px;height: 10px;border-radius: 10px;background: #bebebe;color: #fff;border: none;
  display: inline-block;line-height: 10px;text-align: center;left: calc(50% - 4px);top: 0;}

.history-content:after {content: "";position: absolute;top: 0;left: 50%; bottom: 0; width: 1px;background: #bebebe;display: block;}
.history-content > li { width: 50%;padding-bottom: 70px;position: relative;}
.history-content > li:before {content: "";position: absolute;width: 20px; height: 20px;border-radius: 11px;background: #fff;color: #fff;border: 4px solid #5897b6; display: inline-block;
  line-height: 11px; text-align: center;z-index: 10;top: 7px;}

.history-content > li dt {color: #5897b6;font-size: 35px; font-weight: 600; letter-spacing: -0.5px; position: relative;padding-bottom: 25px;}
.history-content > li dt:before { content: ""; position: absolute; top: 18px; background: #ddd; height: 1px; width: 50px; display: block;}
.history-content > li dl {display: inline-block; max-width: 500px;}

@media (min-width: 768px) {
  .history-content > li:nth-child(2n+1) {
    margin-left: calc(50% - 1px);
  }
  .history-content > li:nth-child(2n+1):before {
    margin-left: -9px;
  }
  .history-content > li:nth-child(2n+1) dl {
    padding-left: 65px;
  }
  .history-content > li:nth-child(2n+1) dt:before {
    left: -66px;
  }
  .history-content > li:nth-child(2n) {
    text-align: right;
  }
  .history-content > li:nth-child(2n):before {
    right: -10px;
  }
  .history-content > li:nth-child(2n) dl {
    padding-right: 65px;
    text-align: left;
  }
  .history-content > li:nth-child(2n) dt:before {
    left: 100px;
    width: calc(100% - 35px);
  }
  .history-content > li:nth-child(2n) dd {
    text-align: left;
  }
}

.history-content > li p {
  display: flex;
  line-height: 32px;
}

.history-content > li p .month {
  font-size: 19px;
  color: #c9c9c9;
  font-weight: 400;
  width: 50px;
}

.history-content > li p .desc {
  width: calc(100% - 50px);
  display: block;
  letter-spacing: -0.5px;
}

@media (max-width: 767px) {
  .history-content:before {
    left: 7px;
  }
  .history-content:after {
    left: 11px;
    width: 1px;
  }
  .history-content > li {
    width: auto;
    padding-bottom: 70px;
    position: relative;
    margin-left: 0;
  }
  .history-content > li:before {
    top: 3px;
  }
  .history-content > li dt {
    font-size: 29px;
    padding-bottom: 10px;
  }
  .history-content > li dt:before {
    width: 30px;
    top: 14px;
    left: -36px;
  }
  .history-content > li dl {
    padding-left: 35px;
  }
}

/*sub01_02*/
.sub01_02 img{margin-top:40px}

/*sub01_03*/
#sub.sub01_03{text-align:center;}
#sub.sub01_03 img{margin-top: 50px;}

/*sub01_05*/
.sub01_05 .icon{margin-top: 52px;}
.sub01_05 .icon li{float: left; width: 33.333%; text-align: center; font-size: 15px; padding: 0 32px;}
.sub01_05 .icon li h2{font-size:20px; color:#5897b6; font-weight:500;padding:20px 0px;}
.sub01_05 .icon li div{border-radius: 50%;width: 100px; height: 100px; background: #eaeaea;margin:0 auto;}
.sub01_05 .icon li div img{padding: 18px;}


/*sub01_06*/
.grid{border: 1px solid #e5e5e5; background: url(../image/bg_grid.gif) repeat left top;}
.grid.symbol{text-align: center; padding: 50px 20px; margin: 30px 0 70px;}
.sub01_06 {text-align:center;}
.sub01_06 span{color:#5897b6;font-weight:600}

/*sub02*/
.sub02  h3{text-align:center;}
.sub02 .sub_con01{text-align:center;}
.sub02 .sub_con01 p{padding: 30px 0 5px;}
.sub02 .sub_con02{text-align:center;margin-bottom: 100px;}
.sub02 .sub_con02 .pro_icon{margin-top: 50px;}
.sub02 .sub_con02 .pro_icon li{float: left;  width: 25%;  font-size: 15px; padding: 0 32px;}
.sub02 .sub_con03_bg{height:560px; margin-bottom: 50px; background:url(../image/sub_products.png) no-repeat center center / cover;}
.sub02 .sub_con03_bg02{height:560px; margin-bottom: 50px; background:url(../image/sub_products02.png) no-repeat center center / cover;}
.sub02 .sub_con03_bg03{height:560px; margin-bottom: 50px; background:url(../image/sub_products03.png) no-repeat center center / cover;}

/*sub02 동영상 왼쪽*/
.sub_con03_wr01{margin-top:50px; border-bottom: solid 1px #ddd; padding-bottom: 50px;}
.sub_con03_wr01:after{content:"";display:block;clear:both;}
.sub_con03_wr01 .video01{float:left;width:50%;}
.sub_con03_wr01 .video01:after{content:"";display:block;clear:both;}
.sub_con03_wr01 .sub_con03_p{float:right; width:48%; padding: 30px 0;}
.sub_con03_wr01 .sub_con03_p:after{content:"";display:block;clear:both;}
.sub_con03_wr01 h2{font-size: 18px;padding:10px 0;}
.sub_con03_wr01 .number{font-size: 30px; color: #5897b6; font-weight: 500; padding: 10px 0px; text-align:left;letter-spacing: -2px;}

/*sub02 텍스트만*/
.sub_con03_wr02{ border-bottom: solid 1px #ddd; padding-bottom: 50px;}
.sub_con03_wr02:after{content:"";display:block;clear:both;}
.sub_con03_wr02 .sub_con03_p{float:left; margin-top:50px;}
.sub_con03_wr02 .sub_con03_p:after{content:"";display:block;clear:both;}
.sub_con03_wr02 h2{font-size: 18px;padding:10px 0;}
.sub_con03_wr02 .number02{font-size: 30px; color: #5897b6; font-weight: 500; padding: 10px 0px; text-align:left;letter-spacing: -2px;}

/*sub02 동영상 오른쪽*/
.sub_con03_wr03{margin-top:50px; border-bottom: solid 1px #ddd; padding-bottom: 50px;}
.sub_con03_wr03:after{content:"";display:block;clear:both;}
.sub_con03_wr03 .video02{float:right;width:50%;}
.sub_con03_wr03 .video02:after{content:"";display:block;clear:both;}
.sub_con03_wr03 .sub_con03_p{float:left; width:48%; padding: 15px 0;}
.sub_con03_wr03 .sub_con03_p:after{content:"";display:block;clear:both;}
.sub_con03_wr03 h2{font-size: 18px;padding:10px 0;}
.sub_con03_wr03 .number{font-size: 32px; color: #5897b6; font-weight: 500; padding: 10px 0px; text-align:left;}

/*sub02_02*/
.sub02_02 .sub_con03{text-align:center;}
.sub02_02 .sub_con03_bg04{height:450px; margin-bottom: 50px; background:url(../image/sub_products04.png) no-repeat center center / cover;}
.sub02_02 .sub_con01 div{text-align:center;}
.sub02_02 .sub_con01 .s_table th{text-align:center;}
.sub02_02 .sub_con02{text-align:center; background: #ebf3f7; padding: 50px 0 70px 0;}
.sub02_02 .sub_con03_bg04 .sub02_02_text{text-align:center; padding:150px 0}
.sub02_02 .sub_con03_bg04 .sub02_02_text h3{color:#fff;font-size:47px}
.sub02_02 .sub_con03_bg04 .sub02_02_text h3 span{font-weight:700;}
.sub02_02 .sub_con03_bg04 .sub02_02_text p{color:#fff !important;}
.sub02_02 .tum_img01{float:left;}
.sub02_02 .tum_img01 img{ padding:40px;}
.sub02_02 .tum_img02 li{float:left; width:25%; text-align:center;padding: 20px;}
.sub02_02 .tum_img02 li img{padding:30px 0;}
.sub02_02 .tum_img02 li p{font-weight:800;}
.tum_icon li{float:left; width:33.33%;}
.tum_icon li div{padding:30px 0 20px 0;}
.tum_icon span{font-size: 20px;font-weight: 800;}
.sub02_02 .sub_con04{background: #ebf3f7; margin-top: 50px;}
.sub02_02 .sub_con04 .con04_img{float:left;padding:20px 0; }
.sub02_02 .sub_con04 .con04_text{float:right;width: 67%; padding: 49px 0;}
.sub02_02 .sub_con04 .con04_text h3{text-align:left;}

.sub02_02 .sub_con05 .con05_img{float:right; padding: 66px 68px 0; width: 509px;}
.sub02_02 .sub_con05 .con05_text{float:left; padding: 126px 0;}
.sub02_02 .sub_con05 .con05_text .con05_p{font-size: 22px; color: #8f8f8f; line-height: 32px; font-weight: 600; letter-spacing: -2px;}
.sub02_02 .sub_con05 .con05_text h3{text-align:left;}

.sub02_02 .sub_con06 .tumbler_img{margin: 30px 0;}
.sub02_02 .sub_con06 .tumbler_img li{float:left; width:25%; text-align:center;}
.sub02_02 .sub_con .sub02_02_img{margin: 30px 0;}
.sub02_02 .sub_con06 ul li img{}
.sub02_02 .sub_con{margin-bottom:50px;}
.sub02_02 .sub_con07 .sub_con07_img {margin: 30px 0;}
.sub02_02 .sub_con07 .sub_con07_img li{float:left; width:50%; text-align:center;} 
.sub02_02 .sub_con07 .sub_con07_img li p{margin-top: 20px;}

/*sub02_03*/
.mist_video{padding: 80px 0 20px;}
.sub02_03 .mist_img01 li{float:left; width:25%; text-align:center;padding: 20px;}
.sub02_03 .mist_img01 li img{padding:30px 0;width: 200px;}
.sub02_03 .mist_img01 li p{font-weight:800;}
.sub02_03 .mist_img02 li{float:left; width:33.33%; text-align:center;padding: 20px;}
.sub02_03 .mist_img02 li img{padding:30px 0; width: 200px;}
.sub02_03 .mist_img02 li p{font-weight:800;}
.sub02_03 .mist_01_img{padding-top:20px;}

.sub02_03 .sub_con03{text-align:center; margin-bottom:50px;}
.sub02_03 .sub_con03_bg04{height:450px; margin-bottom: 50px; background:url(../image/sub_products04.png) no-repeat center center / cover;}
.sub02_03 .sub_con01 div{text-align:center;}
.sub02_03 .sub_con01 .s_table th{text-align:center;}
.sub02_03 .sub_con02{text-align:center; background: #ebf3f7; padding: 50px 0 70px 0;}
.sub02_03 .sub_con03_bg04 .sub02_02_text{text-align:center; padding:150px 0}
.sub02_03 .sub_con03_bg04 .sub02_02_text h3{color:#fff;font-size:47px}
.sub02_03 .sub_con03_bg04 .sub02_02_text h3 span{font-weight:700;}
.sub02_03 .sub_con03_bg04 .sub02_02_text p{color:#fff !important;}
.sub02_03 .tum_img01{float:left;}
.sub02_03 .tum_img01 img{ padding:40px;}
.sub02_03 .tum_img02 li{float:left; width:25%; text-align:center;padding: 20px;}
.sub02_03 .tum_img02 li img{padding:30px 0;}
.sub02_03 .tum_img02 li p{font-weight:800;}
.tum_icon li{float:left; width:33.33%;}
.tum_icon li div{padding:30px 0 20px 0;}
.tum_icon span{font-size: 20px;font-weight: 800;}
.sub02_03 .sub_con04{background:#b9c1ca;}
.sub02_03 .sub_con04 .con04_img{float:left; padding-top: 42px;}
.sub02_03 .sub_con04 .con04_text{float:right;width: 67%; padding: 50px 0; }
.sub02_03 .sub_con04 .con04_text h3{text-align:left;color: #ffffff;}
.sub02_03 .sub_con04 .con04_text p{color: #ffffff !important;}

.sub02_03 .sub_con05{text-align:center;    padding: 40px 0 100px 0;}
.sub02_03 .sub_con05 div{padding-top:30px;}

.sub02_03 .sub_con06{ background: #ebf3f7;}
.sub02_03 .sub_con06 .con06_img{float:right; padding: 66px 68px 0; width: 509px;}
.sub02_03 .sub_con06 .con06_text{float:left; padding: 126px 0;}
.sub02_03 .sub_con06 .con06_text .con06_p{font-size: 22px; color: #8f8f8f; line-height: 32px; font-weight: 600; letter-spacing: -2px;}
.sub02_03 .sub_con06 .con06_text h3{text-align:left;}

/*sub02_04*/
.sub02_04 .sub_con02 img{margin-top: 30px;}
.sub02_04 .sub_con03 img{padding:30px 0 50px 0;}
.sub02_04 .pro_vitamin{text-align:center;}
.sub02_04 .sub_con{margin-bottom:50px;}
.sub02_04 .sub_con05 img{margin-top: 30px;}

/*sub02_05*/
.sub02_05 .sub_con{margin-bottom:50px;}
.sub_con .img_2_2 img + img{margin-left:11px;}
.sub_con .img_2_2 {margin-top: 30px;}

/*sub02_06*/
.sub02_06 .sub_con{margin-bottom:50px;}

/*sub02_07*/
.sub02_07 .sub_con{margin-bottom:50px;}
.sub02_07 .sub_con04 img{margin-top: 30px;}
.sub02_07 .sub_con01 .shower_con{margin-bottom:50px;}
.sub02_07 .sub_con01 .vitamin01{margin-bottom:50px;}

/*sub02_08*/
.sub02_08 .s_title p{text-align:center;}
.sub02_08 .sub_con01{    margin-bottom: 50px;}
.sub02_08 .sub_con01 img{float:left; width:40%;}
.sub02_08 .sub_con01 img:after{content:"";display:block;clear:both;}
.sub02_08 .sub_con01 .filter{float:right; width:50%; padding:20px 0;}
.sub02_08 .sub_con01 .filter:after{content:"";display:block;clear:both;}
.sub02_08 .sub_con02 .img_3{margin-bottom: 30px;}
.sub_con .img_3{margin-top: 30px;}
.sub_con .img_3 img + img{margin-left:35px;}
.sub_con .img_2 img + img{margin-left:40px;}
.sub_con .img_2{    padding-top: 30px;}
.sub02_08 .sub_con{margin-bottom:50px;}
.sub02_08 .shower_con{margin-bottom:30px}

/*sub02_10*/
.sub02_10 .sub_con{margin-bottom:50px}
.shower_con02 li{font-size:16px; color:#5b5b5b; line-height: 40px; letter-spacing: -1px; }
.shower_con02 li span{font-size: 25px; color: #cacaca; padding-right: 5px;}
.sub02_10 .sub_con .sub02_10_img{margin-top:30px}

/*sub03*/
.sub03  h2{font-size:32px; color:#5897b6; font-weight:500;padding:20px 0px;}
.sub03 .sub_con01 {padding:40px 20px;}
.sub03 .sub_con01 img{float:left; }
.sub03 .sub_con01 img:after{content:"";display:block;clear:both;}
.sub03 .sub_con01 .sub03_text01{float:right;width:45%;}
.sub03 .sub_con01 .sub03_text01:after{content:"";display:block;clear:both;}

.sub03 .sub_con02 {padding:40px 20px;}
.sub03 .sub_con02 img{float:right; }
.sub03 .sub_con02 img:after{content:"";display:block;clear:both;}
.sub03 .sub_con02 .sub03_text02{float:left;width:45%;padding:60px 0;}
.sub03 .sub_con02 .sub03_text02:after{content:"";display:block;clear:both;}

.sub03 .sub_con03{text-align:center;}
.sub03 .sub_con03 div{padding:40px 0}
.sub03 .sub_con03 img{margin-bottom:20px;}
.sub03 .sub_con03 ul li{width:25%;float:left;}
.sub03 .sub_con03 ul{margin-top:40px;}


/* footer*/
#footer {background:#363636;}
#bottom_top{border-bottom:1px solid #515151; padding:40px 0;}
#bottom_top .f_logo{float:left;}
#bottom_top p{color: #797979; float: right; width: 77%;}
#bottom_top .sns{ position: absolute; right: 19%;}
#bottom_top .sns li{float:left;margin-left:18px;}
#bottom .address{padding:30px 0 35px}
#bottom .address li{float:left; width:33.33%; color:#888; box-sizing:border-box; padding-right:10px;}
#bottom .address li h4{color:#ccc; font-size:16px; margin-bottom:20px;}
#bottom .address li p{line-height:20px;}

#footer .copy{text-align:center; padding:12px 0; background:#222; color:#646464;}


@media (min-width:769px) and (max-width:1200px){/*테블릿*/

		/*header*/
		#nav > li > a{font-size:15px; padding:0 20px 10px; }
		#nav .sub_menu li a{font-size:14px;}

		/*main*/
		#m_slider .breadcrumb{bottom: 3%; left: 50%;}

		#m_slider .content{height: 600px;}
		.m_box p span{font-size:45px; }

		.m_banner01{height: 600px;}
		.m_box02 p{font-size: 40px; line-height: 56px; }
		.m_box02 p span{font-size:45px; }

		.m_banner02 .pro_list li{width: 50%;}

		.m_banner03{margin-bottom: 80px;}
		.m_banner03 .text_video{width:100%}
		.m_banner03 .video{position: static; top:0;    width: 100%;}

		/*sub03*/
		.sub_con03 .sub03_t{padding-top: 0;}
		.sub03_t .s_title02 , .sub03_t .sub03_t02{border-bottom:none;padding-bottom:0;margin-top:0;}
		.sub03_p , .sub03_02p{float:left; margin-top: 20px;width:100%;}
}

@media (max-width:768px){/*모바일*/
		.content_wrap{padding:0 10px;}

		/*header*/
		#header{padding:20px 0 0;}
		#h_logo{position:static; text-align:center;}
		#lang{position:absolute; top:26px; right:0;}
		#nav_btn{display:block; background:#5897b6; font-size:17px; color:#fff; text-align:center; margin-top:20px; padding:10px 0;}
		#nav{position:absolute; background:rgba(255,255,255,0.9); width:100%; left:-100%; margin-top:0;}
		#nav > li{width:100%; border-bottom:1px solid #eee;text-align: center;}
		#nav > li > a{padding:8px 15px;}
		#nav > li:nth-child(2) > .sub_menu{width:100%;}
		#nav .sub_menu{position:static; width:100%; border-top:1px solid #eee;}
		#nav .sub_menu li a{border-bottom:0; font-size:14px; color:#888;}

		/*main*/
		#m_slider .content li:nth-child(1){background:url(../image/mobile_slider01.png) no-repeat center center / cover;}
		#m_slider .content li:nth-child(2){background:url(../image/mobile_slider02.png) no-repeat center center / cover;}
		#m_slider .content li:nth-child(3){background:url(../image/mobile_slider03.png) no-repeat center center / cover;}
		#m_slider .content li:nth-child(4){background:url(../image/mobile_slider01.png) no-repeat center center / cover;}

		#m_slider .breadcrumb{display:none;}

		#m_slider .content{height: 400px;}
		.m_box{text-align: center; top: 10%; left: 0; width:100%}
		.m_box h2{font-size: 35px;}
		.m_box p{font-size: 18px; line-height: 29px; }
		.m_banner01{height: 400px;}
		.m_box02 p{font-size: 25px; line-height: 34px; font-weight: 300;} 
		.m_box02 p span{font-size:30px; font-weight: 600;}
		
		.m_banner02 .pro_list li{width:50%;}
		.m_banner02 .text_wrap{margin: 35px auto;}
		.m_banner02 .text_wrap h2 { font-size: 40px;}
		.m_banner02 .text_wrap p{font-size: 16px; line-height: 27px;}
		.m_banner02 {margin-bottom: 50px;}

		.m_banner03{margin-bottom: 50px;}
		.m_banner03 .text_wrap02 h2 { line-height: 49px; font-size: 40px;}
		.m_banner03 .text_video{width:100%}
		.m_banner03 .video{position: static; top:0;width:100%;}
		.m_banner03 .text_wrap02 p{font-size: 16px; line-height: 27px; padding: 10px;}
		.m_banner03 .text_wrap02{padding: 48px 0;}
		
		.m_banner04 { height: 277px;}
		.m_banner04 .text_wrap03 {padding: 48px 0;}
		.m_banner04 .text_wrap03 h2{ font-size: 40px;}
		.m_banner04 .text_wrap03 p{font-size: 16px; line-height: 27px; padding: 10px;}
		/* sub 공통*/
		#s_top{height: 260px; background-size:cover !important;}
		#s_top h2{font-size:40px;}
		#s_path{padding:10px;}
		#s_path ul li{font-size:14px;}
		#s_path ul li:after{padding:0 10px;}

		#sub{ padding: 30px 20px 60px;}
		.sub h3{font-size:25px;padding: 10px 0;}

		/*표*/
		.s_table tr th, .s_table tr td{padding:10px 10px;}
		.s_table tr th {width:40%;}



		/*sub01*/
		.team li{width:100%; padding:0;}
		.team .t_con{text-align:center;}
		.sub_line01 { border-top: solid 50px #999999;}
		
		/*sub01_05*/
		.sub01_05 .icon li{width: 100%;padding:0;margin-bottom:20px;}
		
		/*sub02*/
		.sub02 .sub_con02{margin-bottom: 50px;}
		.sub02 .sub_con02 .pro_icon{margin-top:0;}
		.sub02 .sub_con02 .pro_icon li{width:50%; padding: 10px;}
		.sub02 .sub_con03_bg{ height: 190px;}

		.video01 iframe{width:100%;}
		.video02 iframe{width:100%;}
		.video03 iframe{width:100%;}

		.sub_con03_wr01 .video01 { float: none;width: 100%;}
		.sub_con03_wr01 .sub_con03_p{ float: none;width: 100%;}
		.sub_con03_wr03 .sub_con03_p{ float: none;width: 100%;padding:0}
		.sub_con03_wr03 .video02{ float: none;width: 100%;}
		
		.sub02 .sub_con03_bg02{ height: 190px;}
		.sub02 .sub_con03_bg03{ height: 190px;}
		
		/*sub02_02*/
		.tum_icon li{ float: none;width: 100%;}
		.sub02_02 .sub_con04{text-align:center;}
		.sub02_02 .sub_con04 .con04_img{float:none;}
		.sub02_02 .sub_con04 .con04_text h3{text-align:center;}
		.sub02_02 .sub_con04 .con04_text{ float: none;width: 100%;}
		.sub02_02 .sub_con05 .con05_text{padding: 50px 0;}
		.sub02_02 .sub_con05 .con05_img{padding:0; float:none; width:100%; }
		iframe{width:100%;}
		
		/*sub02_03*/
		.sub02_03 .mist_img01 li{width:50%;}
		.sub02_03 .mist_img02 li{width:50%;}
		.sub02_03 .sub_con04{text-align: center;}
		.sub02_03 .sub_con04 .con04_text h3{float:none; text-align: center;}
		.sub02_03 .sub_con04 .con04_img{float:none; width:100%;}
		.sub02_03 .sub_con04 .con04_text{float:none; width:100%;}
		.sub02_03 .sub_con05{padding: 50px 0;}
		.sub02_03 .sub_con06 .con06_text{padding: 50px 0;}
		.sub02_03 .sub_con06 .con06_img{padding:0; float:none; width:100%; text-align: center;}
		
		/*sub02_04*/
		.sub_con .img_3{text-align: center;}
		.sub02_04 .sub_con01 img{padding:0;}
		.sub_con .img_3 img + img{padding:0; margin-left:0;}
		
		/*sub02_05*/
		.sub_con .img_2_2 img + img{margin-left:0}
		
		/*sub02_07*/
		.sub02_07 .sub_con03 ul li{width:50%;}
		
		/*sub02_08*/
		.sub02_08 .sub_con01 img{width:100%; margin-bottom: 30px;}
		.sub02_08 .sub_con01 .filter{float:none; width:100%;padding:0;}
		.sub_con .img_2 img + img{margin-left:0;}

		/*sub03*/
		.sub03 .sub_con01{padding:0;}
		.sub03 .sub_con01 .sub03_text01{ padding: 20px 0 50px; width:100%;}
		.sub03 .sub_con02{padding:0;}
		.sub03 .sub_con02 .sub03_text02{ padding: 20px 0; width:100%;}
		.sub03 .sub_con03 ul li{width:50%;}
		
		/*footer*/
		#bottom_top{ text-align: center;}
		#bottom_top .f_logo{float:none;}
		#bottom_top p{float:none; width:100%; padding: 20px 0;}
		#bottom_top .sns {position: relative; right: 0;  left: 25%;}
}