/* reset */ 
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR:100,300,400,500,700,900&subset=korean');
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url('NanumSquare.css');
@import url ( 'https://fonts.googleapis.com/css?family= Roboto : 100,300,400,500,700,900 '); 

html,body { width:100%;min-width:320px; height:100%; font-size:18px;}
html{overflow-y:auto;overflow-x:hidden;}
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0} 
body,select,button,table{font-family:'Noto Sans KR', sans-serif;font-size:18px;color:#3d3d3d;line-height:1.4;font-weight:400; letter-spacing: -0.8px;}
textarea,input{font-family:'Noto Sans KR', sans-serif;font-size:18px;color:#3d3d3d;line-height:1.4;font-weight:400;} /* font-family: 'NanumSquare', sans-serif; font-family : 'Roboto', sans-serif; */
img,fieldset{border:0}
ul,ol{list-style:none}
em,address{font-style:normal}
a{text-decoration:none; color:inherit}
a:hover,a:active,a:focus{text-decoration:none}
input[type="button"],input[type="submit"],input[type="reset"] { cursor:pointer; }
table {word-break:break-all; table-layout:fixed;border-collapse:collapse; }
textarea {resize:none; }
input,textarea{-webkit-appearance:none;-webkit-border-radius:0}
.rnd_mo{display:none;}
input#chk0,input#login_auto_login,input#notice,input#html{-webkit-appearance: checkbox;}
input#html{margin-left: 10px;}

img{max-width:100%;height:auto;}
/* 기본너비 */
.width-fixed{width:1200px;margin:0 auto;position:relative;}
.width-fixed2{width:1080px;margin:0 auto;position:relative;}
.widht-fixed-large{width:1650px;margin:0 auto;position:relative;}

.full-width-fixed{width:100%;position:relative;background:url("../img/section02.png")no-repeat ;background-size:100% 100%;padding:60px 0;}
.width-fixed-footer{width:960px;margin:0 auto;position:relative;}

/* 공통 css */
.red{color:#de0000 !important;}
.color_gray{color:#6c6c6c}
.underline{text-decoration:underline;}
.color_boosroGray{color:#252525;}
.color_boosroBlue{color:#48a8d8;}
.color_blue{color:#004d99}
.color_bluelight{color:#48a8d8;}
.color_black{color:#000;}
.color_olive{color:#6a7a33}
.bold{font-weight:bold}
.sch_word{color:#48a8d8;}
.grid_100{width:100% !important;display:table;float:none;box-sizing:border-box;}
.grid_35{width:35% !important;display:inline-block;float:left;box-sizing:border-box;}
.grid_20{width:20% !important;display:inline-block;float:left;box-sizing:border-box;}
.grid_15{width:15% !important;display:inline-block;float:left;box-sizing:border-box;}
.text-center{text-align:center !important;}
.lh30{line-height:30px !important;}
.white{color:#fff !important;}
.bg_gray{background:#666 !important;}
.mt20{margin-top:20px !important;}
.text-right{text-align:right !important;}
.sub{padding-top:85px;padding-bottom:110px;}
.login{background-image:url("../img/login_bg.png");background-size:cover;background-repeat:none;height:100%;}
.sub_head_wrap{margin-top:0;}
/* 공통 css */

/* 모달 */



.map{display:none;opacity:0;position:absolute;top:0;left:0;width: 100vw;height:100vh;background-color:RGBA(0,0,0,0.8);z-index:999;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.map .in_map{width: 100%; /* width: 1200px; */position: relative;height: 75vh;position: absolute;top: 50%;margin-top: -37.5vh; left: 0;/*left: 50%;margin-left: -600px;*/}
.map .in_map .title h2{font-size:30px; color:#fff;padding:20px 0;text-align: center}
.map .in_map .close{position: absolute;top: 0;right: 0;width: 65px;height: 65px;}
.map .in_map .caption {padding:30px 0;text-align: center}
.map .in_map .caption p{font-size:16px;color:#f0f0f0;line-height: 22px; font-weight: 300;}
.map .in_map div .point_on{position: absolute; top: 0; width: 100%; height: 100%; display: inline-block;}
.map .in_map div .overseas_mapbg{width:100%; background-color:#aaa;}

.map .in_map div .point_on .point1{cursor: pointer; position: absolute;    width: 20px;    height: 20px;    background-color: transparent;    top: 193px;    left: 752px;}/* USA */
.map .in_map div .point_on .point2{position: absolute;    width: 20px;    height: 20px;    background-color: transparent;    top: 282px;    left: 507px;}/* hongkong */
.map .in_map div .point_on .point3{position: absolute;    width: 20px;    height: 20px;    background-color: transparent;    top: 247px;    left: 306px;}/* italy */
.map .in_map div .point_on .point4{position: absolute;    width: 20px;    height: 20px;    background-color: transparent;    top: 331px;    left: 481px;}/* Singapore */
.map .in_map div .point_on .point5{position: absolute;    width: 20px;    height: 20px;    background-color: transparent;    top: 233px;    left: 479px;}/* Mongolia */
.map .in_map div .point_on .point6{position: absolute;    width: 20px;    height: 20px;    background-color: transparent;    top: 308px;    left: 487px;}/* Vietnam */

.map .in_map div .point_on .in_point{padding: 20px 34px; background-color: #222; margin-top: 12px;opacity:0;opacity:0;transition:all 0.2s ease-in-out;-webkit-transition:all 0.2s ease-in-out;-ms-transition:all 0.2s ease-in-out;-o-transition:all 0.2s ease-in-out;    position: absolute;    width: 189px;
    left: -100px;    top: 15px;display:none;}
.map .in_map div .point_on .in_point strong{color: #fff; font-size: 22px;}
.map .in_map div .point_on .in_point p{font-size: 16px; color: #f0f0f0; word-break: keep-all; white-space: normal; padding: 8px 0 10px; margin: 0 auto; font-weight: 300; line-height: 1.2;}
.map .in_map div .point_on .in_point a{display: inline-block; margin-right: 8px;}
.map .in_map div .point_on .in_point a:last-child{margin-right: 0;}

.map .in_map div .point_on .point5 .in_point{top:-180px;}

.map .in_map div .point_on .point1:hover .in_point{opacity:1;display:block}
.map .in_map div .point_on .point2:hover .in_point{opacity:1;display:block}
.map .in_map div .point_on .point3:hover .in_point{opacity:1;display:block}
.map .in_map div .point_on .point4:hover .in_point{opacity:1;display:block}
.map .in_map div .point_on .point5:hover .in_point{opacity:1;display:block}
.map .in_map div .point_on .point6:hover .in_point{opacity:1;display:block}

.map .in_map div .point_on .in_point.active{display:block;opacity:1}

/*.map .in_map div .point_on ul{text-align: center;}
.map .in_map div .point_on ul li{padding: 20px 34px; background-color: #222; margin-top: 12px;opacity:0;}
.map .in_map div .point_on ul li:first-child{position: absolute; top: 40%; right: 36.5%; width:calc(194px - 68px);}
.map .in_map div .point_on ul li:nth-child(2){position: absolute; top: 57%; left: 39%; width:calc(258px - 68px);}
.map .in_map div .point_on ul li:nth-child(3){position: absolute; top: 50%; left: 29.5%; width:calc(224px - 68px);}
.map .in_map div .point_on ul li:nth-child(4){position: absolute; bottom: 4%; left: 39.5%; width:calc(193px - 68px);}
.map .in_map div .point_on ul li:nth-child(5){position: absolute; top: 47.5%; left: 38.5%; width:calc(218px - 68px);}
.map .in_map div .point_on ul li:last-child{position: absolute; bottom: 5.1%; left: 39.5%; width:calc(204px - 68px);}

.map .in_map div .point_on ul li:hover{opacity:1;}

.map .in_map div .point_on ul li strong{color: #fff; font-size: 22px;}
.map .in_map div .point_on ul li p{font-size: 16px; color: #f0f0f0; word-break: keep-all; white-space: normal; padding: 8px 0 10px; margin: 0 auto; font-weight: 300; line-height: 1.2;}
.map .in_map div .point_on ul li a{display: inline-block; margin-right: 8px;}
.map .in_map div .point_on ul li a:last-child{margin-right: 0;}
.map .in_map div .point_on ul li a img{}
*/

.store_kr{width: calc(100% - 26px) !important;  margin: 0 0 28px!important; border: 1px solid #999!important; border-radius: 0!important; box-shadow: unset!important; color: #999!important; float: none !important; display: inline-block;}
.store_kr:after{border-color: #999 transparent !important;}

table.table_kr {width: 100%; font-family: 'NanumSquare', sans-serif; text-align: center; border-collapse: collapse;}

table.table_kr thead{display: block; background-color: #424242; color: #f0f0f0; font-size: 20px; font-weight: 800;}
table.table_kr thead tr{position: relative;}
table.table_kr thead tr th{padding: 14px 0 10px;}

table.table_kr tbody{display: block; overflow: auto; width: 100%; height: 300px;}
table.table_kr tbody tr{font-size: 18px; color: #555;}
table.table_kr tbody tr td{padding: 14px 0 10px; border-bottom: 1px solid #eaeaea;}
table.table_kr tbody tr td a{display:block; background-image:url(../img/store_kr_img.png); background-position: center; background-repeat: no-repeat; background-size: auto; height: 42px;}
table.table_kr tbody tr td a:hover{background-image:url(../img/store_kr_img2.png); background-position: center; background-repeat: no-repeat; background-size: auto; height: 42px;}
table.table_kr tbody td.tb_ul_l{text-align: left; padding-left: 40px;}
table.table_kr tbody td.last{border-bottom: 1px solid #8b8b8b;}

table.table_kr thead tr th:nth-child(1),
table.table_kr tbody tr td:nth-child(1){min-width: 200px;}

table.table_kr thead tr th:nth-child(2) {
  min-width: 690px;
}
table.table_kr tbody tr td:nth-child(2) {
  min-width: calc(690px - 40px);
}
table.table_kr thead tr th:nth-child(3),
table.table_kr tbody tr td:nth-child(3) {
  min-width: 180px;
}
table.table_kr thead tr th:nth-child(4) {
  min-width: 130px;
}

table.table_kr tbody tr td:nth-child(4) {
  min-width: 113px;
}


.modal,.msg{background:url("../img/mask.png") repeat top left;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1200;opacity:0;filter: alpha(opacity=0);transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in;-webkit-transition: opacity .5s ease-in-out;}
.msg{background:url("../img/mask.png") repeat top left;position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1300;opacity:0;transition: opacity .5s ease-in-out;-moz-transition: opacity .5s ease-in-out;-o-transition: opacity .5s ease-in;-webkit-transition: opacity .5s ease-in-out;}
.msg > div { box-sizing:border-box; }
.msg.active,.modal.active{opacity:1;filter:;height:100%;z-index:1200;}
.msg.active{z-index:1400;}
.modal.active{z-index:90000;}
.modal > div.modal_box{width:800px;left:50%;margin-left:-400px;background:transparent;position:fixed;transition: transform .5s ease-in-out;-moz-transition: transform .5s ease-in-out;-webkit-transition: transform .5s ease-in-out;}
.modal > div.brand_box{width:800px;left:50%;margin-left:-400px;background:transparent;position:fixed;transition: transform .5s ease-in-out;-moz-transition: transform .5s ease-in-out;-webkit-transition: transform .5s ease-in-out;}
.msg > div{width:860px;background:#fff;overflow-x:hidden;overflow-y:auto;position:fixed;left:50%;margin-left:-430px;transition: transform .5s ease-in-out;-moz-transition: transform .5s ease-in-out;-webkit-transition: transform .5s ease-in-out;}
.msg_head{text-align:left;font-size:20px;font-family:nbgr;padding:0 0 10px;box-sizing:border-box;letter-spacing:-0.07em;width:100%}
.msg_head h2{color:#FFF;font-size:34px;font-family:"nsr","Century Gothic",CenturyGothic;}
.msg_head h2 span{color:#FFF;font-size:20px;font-family:"Century Gothic",CenturyGothic;font-weight:normal;padding-left:20px;}
.msg_head .close{position:absolute;top:0;right:0;cursor:pointer;}
.modal_con{width:100%;background-color:#FFF;}
.modal_con .form{margin:0 auto;position:relative;width:500px;padding:30px 0;}
.modal_con .form table {width:100%}
.modal_con .form table th{padding:10px;font-size:18px;border-right:2px solid #DDD;}
.modal_con .form table td{padding:5px 10px;}
.modal_con .form table td textarea{width:calc(100% - 12px)}
.form_input{border:1px solid #eee;padding:5px;font-size:15px;}
.btns{text-align:center;padding:20px 0;}
.modal_btn{color:#FFF;font-size:20px;font-weight:bold;background-color:#000;border:none;padding:7px 15px;}
/* 모달 */

canvas{ display: block; vertical-align: bottom;position:absolute;top:0;}
/* ---- particles.js container ---- */
#particles-js{ position:relative; background-color: #ffffff; background-image: url(""); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

/*헤더*/
.hd_logo{CURSOR: pointer; position:relative;width:177px;left:0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;top: -7px;}
.hd_logo img{width:177px;}






/*.right_menu div ul li a{font-size: 0; line-height: 0; border: 1px solid #fff; padding: 7px 12px; border-radius: 50px; display: inline-block;}

.right_menu div ul li a ul li{    font-weight: 300;
    color: #999;
    font-size: 14px;
    border-bottom: 1px solid #fff;}
*/
.right_menu{position: absolute;
    top: -20px;
    right: 0;
    color: #888;
    display: inline-block;}

.r_menu_s{right: 114px; top: 0;}

.language {
    margin: 31px 0;}


.header_3{position: absolute; top: 0; right: 114px;}


.wrapper-dropdown-5 {
  /* Size & position */
	position: relative;
    width: 101px;
    margin: 31px 0 31px 20px;
    float: right;
  /* Styles */
	 font-size: 14px;
    color: #fff;
    padding: 8px 12px;
    border: 1px solid #fff;
    background: transparent;
    border-radius: 25px;
    /* border-radius: 5px; */
	text-align: left;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	margin-right:10px;
}

.wrapper-dropdown-5:after {
  /* Little arrow */
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  border-width: 6px 6px 0 6px;
  border-style: solid;
  border-color: #fff transparent;
}

.wrapper-dropdown-5 .dropdown {
  /* Size & position */
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  /* Styles */
  background: #fff;
  border-radius: 0 0 5px 5px;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-top: none;
  border-bottom: none;
  list-style: none;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  /* Hiding */
  max-height: 0;
  overflow: hidden;
}

.wrapper-dropdown-5 .dropdown li {
  padding: 0 10px;
  border-bottom: 1px solid #999;

}

.wrapper-dropdown-5 .dropdown li a {
  display: block;
  text-decoration: none;
  color: #999;
  padding: 8px 0;
  transition: all 0.3s ease-out;
 
}

.wrapper-dropdown-5 .dropdown li:last-of-type a {
  border: none;
}

.wrapper-dropdown-5 .dropdown li i {
  margin-right: 5px;
  color: inherit;
  vertical-align: middle;
}

/* Hover state */
.wrapper-dropdown-5 .dropdown li:hover a {
  color: #57a9d9;
}

/* Active state */
.wrapper-dropdown-5.active {  
  background: #fff;
  box-shadow: none;
  border-bottom: none;
  color: #999;
  border: 1px solid #999;
  border-radius: 15px 15px 0 0;
}

.wrapper-dropdown-5.active:after {
  border-color: #999 transparent;
}

.wrapper-dropdown-5.active .dropdown {
    max-height: 400px;
    width: 100%;
    margin-left: -1px;
    border: 1px solid #999;
    border-radius: 0 0 15px 15px;
}



.container{width:100%;height:100%;position:relative;}
.menu_active{overflow:hidden;}
#header{width:100%;position:absolute;top:0;left:0;z-index:1000;height:59px;padding:20px 0;transition:all 1.5s cubic-bezier(0, 0.91, 0.8, 0.99);-webkit-transition:all 1.5s cubic-bezier(0, 0.91, 0.8, 0.99);-moz-transition:all 1.5s cubic-bezier(0, 0.91, 0.8, 0.99); border-bottom: 1px solid #fff;}
#header.active{background-color:#000;border-bottom:1px solid #000}
.sub_head .head_bg{background-color:#000;display:none;opacity:0.6;transition:all 1.5s cubic-bezier(0, 0.91, 0.8, 0.99);-webkit-transition:all 1.5s cubic-bezier(0, 0.91, 0.8, 0.99);-moz-transition:all 1.5s cubic-bezier(0, 0.91, 0.8, 0.99);width:100%;height:33px;position:absolute;top:85px;left:0;}
.sub_head .head_bg img{width:400px;padding:9px 16px;}
#header .head_bg{display:none;}
/*#header:hover, .sub_head{background-color:#fff;}*/
.sub_head{position:relative !important;box-shadow:0px 0px 2px 2px #00000040;-webkit-box-shadow:0px 0px 2px 2px #00000040;-moz-box-shadow:0px 0px 2px 2px #00000040}
.sub_head .menu li a{color:#000 !important;}
#header .menu{width: calc(100% - 228px); margin: 0 114px;display:inline-block;position:absolute;z-index:90}
#header .menu > ul{display:inline-block;left:50%;position:absolute;top:-20px;padding:0;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;transform:translateX(-50%);width:1200px;}
#header .menu li.mmenu{float:left;text-align:center;padding:38px 0;/*background-image:url('../img/menu_dot.svg');background-repeat:no-repeat;background-size:4px 4px;background-position:right center;*/width:20%;}
#header .menu li.mmenu a{display:block;width:100%;height:100%;color:#FFF;font-family:'Noto Sans KR', sans-serif;font-size:17px;letter-spacing:-0.03em;box-sizing:border-box;font-weight:bold;}
/*#header .menu .submenu li:nth-child(2),#header .menu .submenu li:nth-child(3),#header .menu .submenu li:nth-child(4),#header .menu .submenu8 li:nth-child(5){position: relative;left: auto}*/
/*#header .menu li.first{width: 20%}
#header .menu li.first a.first{background: url(../img/logo.png);background-repeat: no-repeat;background-size: 50%;background-position: left center;}
#header .menu li.first a.first:hover{background: url(../img/logo.png);background-repeat: no-repeat;background-size: 50%;background-position: left center}*/
#header .menu li.mmenu.last{background-image:none;}

#header .submenu {display:none ;opacity:0 ;width:100% ;height: 260px;position:absolute ;top:100px ;left:0;transition:all 0.2s cubic-bezier(0, 1, 0, 1) ;-webkit-transition:all 0.2s cubic-bezier(0, 1, 0, 1) ;-moz-transition:all 0.2s cubic-bezier(0, 1, 0, 1) ;z-index:10;background-color: #fff;background-image:url("../img/submenu_bg.jpg");background-position:right bottom;background-size:170px auto;background-repeat:no-repeat}
#header .submenu .topwidth{width: 100%;margin: 0 auto;display: inline-block;position: relative;z-index: 90;}
#header .mmenu:hover .submenu{opacity: 1;display: block}

#header .submenu .smenu_bind{display: inline-block;left: 50%;position: absolute;top: 0;padding: 0;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;transform: translateX(-50%);width: 1200px;}
#header li.mmenu:hover > .submenu{display:block;opacity:1 ;height:80px;}
#header .submenu ul{float: left;text-align: center;width: 20%;}
/*#header .submenu ul.smenu1{width:25%;}
#header .submenu ul.smenu2{width:25%;;}
#header .submenu ul.smenu3{width:25%;}
#header .submenu ul.smenu4{width:25%;}*/
#header .submenu li{position:relative ;padding:6px 8px;}
#header .submenu li > a{padding:0 ;font-weight:normal ;font-size:14px ;}
#header .submenu li:hover > a{color:#5a5386;font-weight:bold;}
/*#header .submenu {display:none;opacity:0;width:100%;position:absolute;top:80px;transition:all 1.5s cubic-bezier(0, 1, 0, 1);-webkit-transition:all 1.5s cubic-bezier(0, 1, 0, 1);-moz-transition:all 1.5s cubic-bezier(0, 1, 0, 1);z-index:100;}*/
#header .loginmenu {position:absolute;top:20px;right:0;font-family:'Noto Sans KR', sans-serif;color:#888}
#header .loginmenu a:hover{color:#a2ae77;font-weight:bold;}
#header .menu li.mmenu:hover a{color:#5a5386}
#header .menu li.mmenu:hover{border-bottom:3px solid #5a5386;}
#header.active .menu li.mmenu a{color:#fff}
#header.active .menu li.mmenu:hover a{color:#5a5386}
#header .menu .submenu li a{color:#cded52 !important;}
#header .menu li a:active,#header .menu li.active a{color:#a2ae77 !important;}
#header .menu li:hover a span,#header .menu li a:active span,#header .menu li.active a span{color:#8b8b8b;}
#mobile_header .mobile_menu{position:fixed;right:0;top:0;width:100%;height:100%;display:none;}
#mobile_header .mobile_menu > span{z-index:1500;width:100%;height:100%;position:absolute;cursor:pointer;}
#mobile_header .mobile_menu > div{-webkit-transition: all 0.3s, box-shadow 0.3s;-moz-transition: all 0.3s, box-shadow 0.3s;transition: all 0.3s, box-shadow 0.3s;background:#a2ae77;width:300px;height:100%;position:absolute;right:-300px;top:0;-webkit-box-shadow:-1px 0px 30px -7px #000;-moz-box-shadow:-1px 0px 30px -7px #000;box-shadow:-1px 0px 30px -7px  #000;z-index:2000;}
#mobile_header .mobile_menu.active > div{right:0;}
#mobile_header .mobile_menu > div ul li{border-bottom:1px solid #a2ae77;}
#mobile_header .mobile_menu > div ul li a{font-family:'Noto Sans KR', sans-serif;font-size:15px;font-weight:bold;color:#fff;padding:15px;display:block;}
#mobile_header .mobile_menu > div ul li a:hover,#mobile_header .mobile_menu > div ul li a:active{background:#fff;color:#a2ae77;}
#mobile_header .mobile_menu_btn{height:52px;width:74px;display:block;position:absolute;right:0;top:0;display:none;}
#mobile_header .mobile_menu_btn a{width:100%;height:100%;display:block;padding:11px 22px;box-sizing:border-box;}
#mobile_header .mobile_menu_btn a i{display:block;width:100%;height:100%;background-image:url("../img/mobile_menu_btn.png");background-size:100% 100%;}
.mobile_menu .mobile_menu_list li.back{display:none;background:#f5f5f5;text-align:right;position:relative;}
.mobile_menu .mobile_menu_list li div{display:none;}
#mobile_header {display:none;width:100%;position:absolute;top:0;left:0;z-index:1000;padding:20px 0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
#mobile_header .top{width:100%;height:52px;display:none;   position: relative;
    background-image: url(../img/logo.svg);
    background-repeat: no-repeat;
    background-size: auto 64%;
    background-position: 2vw center;
background-color: #fff}
#mobile_header .top h1{display:block;width:163px;height:100%;font-size:0;}
#mobile_header .top h1 a{width:100%;height:100%;display:block;padding:13px 26px 11px 26px;box-sizing:border-box;}
#mobile_header .top h1 a i{display:block;width:110px;height:28px;vertical-align:middle;background-image:url("../img/logo.png");background-repeat:no-repeat;background-size:100% 100%;}
#mobile_header .top h1 a span{display:inline-block;margin-top:4px;width:94px;height:22px;vertical-align:middle;margin-left:10px;background-image:url("../img/logo.png");background-repeat:no-repeat;background-size:100% 100%;}

#sub_header{text-align:center; background-image:url('../img/header_bg.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat;}
#sub_header .hd_logo{margin:0 auto;position:relative;left:unset;padding:20px 0;}
#sub_header .top_menu{position:absolute;top:0;right:50px;color:#fff;width:260px;display:inline-block;}
#sub_header .top_menu div{float:left;}
#sub_header .top_menu div.news {padding:30px 0;width:110px;margin-right:40px;}
#sub_header .top_menu div.news ul li{float:left;color:#fff;font-size:16px;text-align:center;cursor:pointer;font-family:'Noto Mono CJK KR Regular','Noto Sans KR',Sans-serif; }
#sub_header .top_menu div.language {padding:31px 0;width:90px}
#sub_header .top_menu div.language ul li{float:left;color:#fff;font-size:16px;width:calc(50% - 16px);text-align:center;cursor:pointer;font-famliy:'Century Gothic',Sans-serif;padding:0 8px}
#sub_header .top_menu div.language ul li:first-child{background-image:url("../img/header_language_line.png");background-size:2px 70%;background-repeat:no-repeat;background-position:right center;}

#sub_header .sub_menu ul{margin:0 auto ;display:inline-block;}
#sub_header .sub_menu .mmenu {color:#fff;display:inline-block;font-size:20px;padding:10px 40px;/*background-image:url('../img/menu_dot.svg');background-repeat:no-repeat;background-size:4px 4px;background-position:right center;*/font-weight:bold;border-bottom:3px solid #000;height:30px;}
#sub_header .sub_menu .mmenu a{}
#sub_header .sub_menu .mmenu:last-child{background-image:none}
#sub_header .sub_menu .hidden_menu {background-color:#FFF;position: absolute;top: 159px;width:100%;left:0;z-index: 9}
#sub_header .sub_menu .hidden_menu ul{display:none;position:relative;text-align:center;width:100%;background-color:#FFF;}
#sub_header .sub_menu .hidden_menu ul li{display:inline-block;padding:10px;font-size:16px;margin-top: -3px;}
#sub_header .sub_menu .mmenu:hover {border-bottom:3px solid #5a5386;}
#sub_header .sub_menu .mmenu:hover a{color:#5a5386}

#sub_header.scroll_header{position:fixed;top:0;width: 100%;left: 0;z-index: 90;}
#sub_header.scroll_header .sub_menu ul li.mmenu{padding:35px 65px 32px;}
#sub_header.scroll_header .hd_logo{position:absolute;left:114px;top:12px;padding:0}
#sub_header.scroll_header .top_menu .news,#sub_header.scroll_header .top_menu .language{padding:24px 0;}
#sub_header.scroll_header .hidden_menu{top:100px}
    /*헤더*/

#main_slide_txt i.slide1{z-index: 100;display: block;width: 409px;height: 144px;background-image: url(../img/slide_txt1.png);background-size: 100% 100%;background-repeat: no-repeat;}
#main_slide_txt i.slide2{z-index: 100;display: block;width: 409px;height: 144px;background-image: url(../img/slide_txt3.png);background-size: 100% 100%;background-repeat: no-repeat;opacity:1}
#main_slide_txt i.slide3{z-index: 100;display: block;width: 409px;height: 144px;background-image: url(../img/slide_txt2.png);background-size: 100% 100%;background-repeat: no-repeat;opacity:1}

/*메인*/
@keyframes test1{
	0% {
		opacity:0;
/*		transform:  translate(100px,0px)  ;*/
	}
	3% {
		opacity:1;
/*		transform:  translate(0px,0px)  ;*/
	}
	27% {
		opacity:1;
/*		transform:  translate(0px,0px)  ;*/
	}
	33% {
		opacity:0;
/*		transform:  translate(100px,0px)  ;*/
	}
	96% {
		opacity:0;
/*		transform:  translate(100px,0px)  ;*/
	}
	100% {
		opacity:0;
/*		transform:  translate(100px,0px)  ;*/
	}
}
@keyframes test2{
	0% {
	  opacity: 0;
/*	  transform:  translate(100px,0px)  ;*/
	}
	27% {
	   opacity: 0;
/*	   transform:  translate(100px,0px)  ;*/
	}
	30% {
	   opacity: 1;
/*	   transform:  translate(0px,0px)  ;*/
	}
	59% {
	   opacity: 1;
/*	   transform:  translate(0px,0px)  ;  */
	}
	66% {
	   opacity: 0;
/*	   transform:  translate(100px,0px)  ;  */
	}
	100% {
	   opacity: 0;
/*	   transform:  translate(100px,0px)  ;  */
	}
}
@keyframes test3{
	0% {
		opacity: 0;
/*	   transform:  translate(100px,0px)  ; */
	}
	59% {
		opacity: 0;
/*	   transform:  translate(100px,0px)  ; */
	}
	72% {
		opacity: 1;
/*	   transform:  translate(0px,0px)  ; */
	}
	100% {
		opacity: 1;
/*	   transform:  translate(0px,0px)  ; */
	}
	102% {
		opacity: 0;
/*	   transform:  translate(100px,0px)  ; */
	}
}
@keyframes index1{
  0%{
	z-index:90;
  }
  31%{
	z-index:900;
  }
  33%{
	z-index:900;
  }
  100%{
	z-index:90;
  }
}
@keyframes index2{
	0%{
		z-index:90;
	}
	64% {
		z-index:900;
	}
	66%{
		z-index:900;
	}
	100%{
		z-index:90;
	}
}

@keyframes index3{
	0%{
		z-index:90;
	}
	97% {
		z-index:900;
	}
	100%{
		z-index:900;
	}
	105%{
		z-index:90;
	}
}

@keyframes ani1{
  0% {
    opacity:0;
	display:block;
    transform:  scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    opacity:1;
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
	opacity:1;
    transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-moz-keyframes ani1{
  0% {
    opacity:0;
	display:block;
	
    -moz-transform:  scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    opacity:1;
	
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
	opacity:1;
	
    -moz-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-webkit-keyframes ani1 {
  0% {
    opacity:0;
	display:block;
    -webkit-transform:  scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    opacity:1;
	
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
	opacity:1;
	
    -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-o-keyframes ani1 {
  0% {
    opacity:0;
	display:block;
	
    -o-transform:  scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    opacity:1;
	
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
	opacity:1;
	
    -o-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}

@-ms-keyframes ani1 {
  0% {
    opacity:0;
	display:block;
	
    -ms-transform:  scaleX(1.50) scaleY(1.50) ;
  }
  30% {
    opacity:1;
	
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
  100% {
	opacity:1;
	
    -ms-transform:  scaleX(1.00) scaleY(1.00) ;
  }
}


@keyframes circleMotion {
    0% {
        transform: scale3d(1, 1, 1) rotate(0.1deg); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);
    }
    21% {
        opacity: 1;
        visibility: visible;
    }
    95%{
        transform: scale3d(1.14, 1.14, 1.14) rotate(0.1deg); -webkit-transform: scale3d(1.14, 1.14, 1.14); -moz-transform: scale3d(1.14, 1.14, 1.14); -o-transform: scale3d(1.14, 1.14, 1.14);
    }

    100% {
        opacity: 0;visibility: hidden;
        transform: scale3d(1, 1, 1) rotate(0.1deg); -webkit-transform: scale3d(1, 1, 1); -moz-transform: scale3d(1, 1, 1); -o-transform: scale3d(1, 1, 1);
    }
}

#timer_circle {    /* width: 100%; */
    /* height: 50px; */
    /* margin: 0 auto; */
    /* padding: 50px; */
    position: absolute;
    /* text-align: center; */
    bottom: 40px;
    width: 50px;
    left: 50%;
    margin-left: -25px;
	z-index: 999;
	}
#circle-loader-wrap {overflow: hidden;position: relative;margin-top: -10px;width: 51px;height: 50px;background-image:url("../img/loader_bg.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);transform: rotate(180deg);}
#circle-loader-wrap:after {content: '';position: absolute;left: 3px;top: 3px;width: 44px;height: 44px;border-radius: 50%;box-shadow: 0 0 10px rgba(0,0,0,0.2);}
#circle-loader-wrap div {overflow: hidden;position: absolute;width: 50%;height: 100%;}
#circle-loader-wrap .loader {position: absolute;left: 100%;top: 0;width: 100%;height: 100%;}
#circle-loader-wrap .left-wrap {left: 0;}
#circle-loader-wrap .left-wrap .loader {background-image:url("../img/loader.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;border-top-left-radius: 0;border-bottom-left-radius: 0;transform-origin: 0 50% 0;-webkit-transform-origin: 0 50% 0;animation: loading-left 7.33s infinite linear;-webkit-animation: loading-left 7.33s infinite linear;}
#circle-loader-wrap .right-wrap {left: 50%;}
#circle-loader-wrap .right-wrap .loader {background-image:url("../img/loader2.svg");background-size:100% 100%;background-repeat:no-repeat;background-position:center;left: -100%;border-bottom-right-radius: 0;border-top-right-radius: 0;transform-origin: 100% 50% 0;-webkit-transform-origin: 100% 50% 0;animation: loading-right 7.33s infinite linear;-webkit-animation: loading-right 7.33s infinite linear;}
@-webkit-keyframes loading-left 
{
	0% {-webkit-transform: rotate(0deg);}
	25% {-webkit-transform: rotate(90deg);}
	50% {-webkit-transform: rotate(180deg);}
	75% {-webkit-transform: rotate(180deg);}
	100% {-webkit-transform: rotate(180deg);}
}
@-webkit-keyframes loading-right {
	0% {-webkit-transform: rotate(0deg);}
	25% {-webkit-transform: rotate(0deg);}
	50% {-webkit-transform: rotate(0deg);}
	75% {-webkit-transform: rotate(90deg);}
	100% {-webkit-transform: rotate(180deg);}
}
@-moz-keyframes loading-left {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(90deg);}
	50% {transform: rotate(180deg);}
	75% {transform: rotate(180deg);}
	100% {transform: rotate(180deg);}
}
@-webkit-keyframes loading-left {
	0% {transform: rotate(0deg);}
	25% {transform: rotate(180deg);}
	50% {transform: rotate(180deg);}
	75% {transform: rotate(180deg);}
	100% {transform: rotate(180deg);}
}
@-o-keyframes loading-left {0% {transform: rotate(0deg);}25% {transform: rotate(90deg);}50% {transform: rotate(180deg);}75% {transform: rotate(180deg);}100% {transform: rotate(180deg);}}
@keyframes loading-left {0% {transform: rotate(0deg);}25% {transform: rotate(90deg);}50% {transform: rotate(180deg);}75% {transform: rotate(180deg);}100% {transform: rotate(180deg);}}
@-moz-keyframes loading-right {0% {transform: rotate(0deg);}25% {transform: rotate(0deg);}50% {transform: rotate(0deg);}75% {transform: rotate(90deg);}100% {transform: rotate(180deg);}}
@-webkit-keyframes loading-right {0% {transform: rotate(0deg);}25% {transform: rotate(0deg);}50% {transform: rotate(0deg);}75% {transform: rotate(90deg);}100% {transform: rotate(180deg);}}
@-o-keyframes loading-right {0% {transform: rotate(0deg);}25% {transform: rotate(0deg);}50% {transform: rotate(0deg);}75% {transform: rotate(90deg);}100% {transform: rotate(180deg);}}
@keyframes loading-right {0% {transform: rotate(0deg);}25% {transform: rotate(0deg);}50% {transform: rotate(0deg);}75% {transform: rotate(90deg);}100% {transform: rotate(180deg);}}

/*
#main_slide .item.slide1.active{
    position:absolute;top:0;
	animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}
#main_slide .item.slide2.active{
    position:absolute;top:0;
	animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}
#main_slide .item.slide3.active{
    position:absolute;top:0;
	animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: index1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
}
*/
#main_slide .item.slide1.active{
    z-index:3
}
#main_slide .item.slide2.active{
    z-index:3
}
#main_slide .item.slide3.active{
    z-index:3
}
#main_slide .item.slide1.disable,
#main_slide .item.slide2.disable,
#main_slide .item.slide3.disable{
    z-index:2;
}


@keyframes ani_dsiable{
    0% {
        opacity:1;
        transform:  scaleX(1.00) scaleY(1.00) ;
    }
    100% {
        opacity:0;
        transform:  scaleX(1.30) scaleY(1.30) ;
    }
}

@-moz-keyframes ani_dsiable{
    0% {
        opacity:1;
        -moz-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    100% {
        opacity:0;
        -moz-transform:  scaleX(1.30) scaleY(1.30) ;
    }
}

@-webkit-keyframes ani_dsiable {
    0% {
        opacity:1;
        -webkit-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    100% {
        opacity:0;
        -webkit-transform:  scaleX(1.30) scaleY(1.30) ;
    }
}

@-o-keyframes ani_dsiable {
    0% {
        opacity:1;
        -o-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    100% {
        opacity:0;
        -o-transform:  scaleX(1.30) scaleY(1.30) ;
    }
}

@-ms-keyframes ani_dsiable {
    0% {
        opacity:1;
        -ms-transform:  scaleX(1.00) scaleY(1.00) ;
    }
    100% {
        opacity:0;
        -ms-transform:  scaleX(1.30) scaleY(1.30) ;
    }
}

#main_slide .item.slide1.disable .main_img{
    opacity:1;
    animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    background-image:url("../img/business_p1.jpg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
#main_slide .item.slide2.disable .main_img{
    opacity:1;
    animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    background-image:url("../img/business_p2.jpg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}
#main_slide .item.slide3.disable .main_img{
    opacity:1;
    animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    animation-iteration-count: 1;
    transform-origin: 50% 50%;
    -webkit-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -webkit-animation-iteration-count: 1;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -moz-animation-iteration-count: 1;
    -moz-transform-origin: 50% 50%;
    -o-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -o-animation-iteration-count: 1;
    -o-transform-origin: 50% 50%;
    -ms-animation: ani_dsiable cubic-bezier(0, 1, 0.66, 0.99) 5s;
    -ms-animation-iteration-count: 1;
    -ms-transform-origin: 50% 50%;
    background-image:url("../img/business_p3_1.jpg");
    background-position:center;
    background-size:cover;
    background-repeat:no-repeat;
}

#main_slide .item.slide1.active .main_img{
	z-index:90;
	opacity:1;
	animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;	
	background-image:url("../img/business_p1.jpg");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	/*-moz-animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);	
	animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);*/

}

#main_slide .item.slide2.active .main_img{
    opacity:1;
	animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	background-image:url("../img/business_p2.jpg");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	/*-moz-animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);	
	animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);*/
}

#main_slide .item.slide3.active .main_img{
opacity:1;
	animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	animation-iteration-count: 1;
	transform-origin: 50% 50%;
	-webkit-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-webkit-animation-iteration-count: 1;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-moz-animation-iteration-count: 1;
	-moz-transform-origin: 50% 50%;
	-o-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-o-animation-iteration-count: 1;
	-o-transform-origin: 50% 50%;
	-ms-animation: ani1 cubic-bezier(0, 1, 0.66, 0.99) 20s;
	-ms-animation-iteration-count: 1;
	-ms-transform-origin: 50% 50%;
	background-image:url("../img/business_p3.jpg");
	background-position:center;
	background-size:cover;
	background-repeat:no-repeat;
	/*-moz-animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);	
	animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);*/
}
/*
#main_slide .item.slide1 .i {
	opacity:1;
	animation: test1 linear 22s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: test1 linear 22s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: test1 linear 22s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: test1 linear 22s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: test1 linear 22s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;

	/*-moz-animation-timing-function: linear;
    -webkit-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);	
	animation-timing-function: linear;*

}*/
/*
#main_slide .item.slide2 .i {
	
	animation: test2 linear 22s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: test2 linear 22s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: test2 linear 22s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: test2 linear 22s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: test2 linear 22s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;

	/*-moz-animation-timing-function: linear;
    -webkit-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);	
	animation-timing-function: linear;*

}*/
/*
#main_slide .item.slide3 .i {
	
	animation: test3 linear 22s;
	animation-iteration-count: infinite;
	transform-origin: 50% 50%;
	-webkit-animation: test3 linear 22s;
	-webkit-animation-iteration-count: infinite;
	-webkit-transform-origin: 50% 50%;
	-moz-animation: test3 linear 22s;
	-moz-animation-iteration-count: infinite;
	-moz-transform-origin: 50% 50%;
	-o-animation: test3 linear 22s;
	-o-animation-iteration-count: infinite;
	-o-transform-origin: 50% 50%;
	-ms-animation: test3 linear 22s;
	-ms-animation-iteration-count: infinite;
	-ms-transform-origin: 50% 50%;

	/*-moz-animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);	
	animation-timing-function: cubic-bezier(0, 1, 0.66, 0.99);*
}
*/
/*
#main_slide .item.slide1.no-active img{
	
	-moz-animation-duration: 2s;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -moz-animation-name: slideout;
    -webkit-animation-name: slideout;
    animation-name: slideout;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -moz-animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-direction: normal;
	animation-fill-mode :backwards;

	-moz-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);
    -webkit-animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);	
	animation-timing-function: cubic-bezier(0, 1.2, 0.66, 0.99);

}
*/

.in_box {text-align:center;}
.in_box span{font-size:30px; color:#fff; font-family:'NanumSquare', sans-serif;}
.in_box h2{font-size:70px;font-family:'Century Gothic', Dotum,AppleGothic,sans-serif;color:#fff; line-height: 1.2;}
.in_box div{width:60px;height:3px;margin:20px auto 50px auto;background-color:#cef251;}
.in_box p{font-size:18px;color:#fff;word-break: keep-all;font-family:'nsr',sans-serif;font-weight:lighter; line-height: 1.3;}
.in_box input[type=button]{padding:9px 60px;border:1px solid #fff;font-size:14px;background-color:transparent;color:#fff;margin-top:30px;}
.in_box input[type=button]:hover{background-color:#fff;color:#2483c9;/*#24b5c9*/}
#main_slide .left_txt{
    position: absolute;
    left:100px;
    top:50%;
    margin-top:-146px;
    height:400px;
    z-index:9;
}
#main_slide .navs{
	display:none;
    width: 100%;
    position: absolute;
    z-index: 9;
    /* background: #fff; */
    top: 50%;
    left: 0;
    height: 40px;
    margin-top: -20px;
}
#main_slide .navs .prev,
#main_slide .navs .next{
    width:40px;
    height:40px;
    background-color:RGBA(0,0,0,0.5);
    cursor:pointer;
}
#main_slide .navs .next{
    position:absolute;
    right:0;
    top:0;
}
#main_slide .navs .prev:hover,
#main_slide .navs .next:hover {
    background-color:#aecd43;
}
#main_slide .dots{
    position: absolute;
    bottom: 240px;
    left: 50%;
    width: 560px;
    margin-left: -280px;
    z-index: 9;
    display: inline-block;
    text-align: center;
}
#main_slide .dots .dot{margin:0 3px;height:10px;border-radius:50%;background-color:RGBA(255,255,255,0.7);width:10px;display: inline-block;cursor:pointer;}
#main_slide .dots .dot.active{background-color:#fff;border-radius:10px;width:40px;}

#main_slide .scroll_icon{
    position: absolute;
    bottom: 40px;
    left: 50%;
    width: 30px;
    z-index: 9;
    margin-left: -15px;
    animation: scroll_ani linear 1s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: scroll_ani linear 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: scroll_ani linear 1s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: scroll_ani linear 1s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: scroll_ani linear 1s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}


@keyframes scroll_ani{
    0% {
        transform:  translate(0px,0px)  ;
    }
    50% {
        transform:  translate(0px,-20px)  ;
    }
    100% {
        transform:  translate(0px,0px)  ;
    }
}

@-moz-keyframes scroll_ani{
    0% {
        -moz-transform:  translate(0px,0px)  ;
    }
    50% {
        -moz-transform:  translate(0px,-20px)  ;
    }
    100% {
        -moz-transform:  translate(0px,0px)  ;
    }
}

@-webkit-keyframes scroll_ani {
    0% {
        -webkit-transform:  translate(0px,0px)  ;
    }
    50% {
        -webkit-transform:  translate(0px,-20px)  ;
    }
    100% {
        -webkit-transform:  translate(0px,0px)  ;
    }
}

@-o-keyframes scroll_ani {
    0% {
        -o-transform:  translate(0px,0px)  ;
    }
    50% {
        -o-transform:  translate(0px,-20px)  ;
    }
    100% {
        -o-transform:  translate(0px,0px)  ;
    }
}

@-ms-keyframes scroll_ani {
    0% {
        -ms-transform:  translate(0px,0px)  ;
    }
    50% {
        -ms-transform:  translate(0px,-20px)  ;
    }
    100% {
        -ms-transform:  translate(0px,0px)  ;
    }
}

#main_slide_wrap,#main_slide{height:100vh;width:100%;position:relative;}
#main_slide_wrap_s{height:500px;width:100%;position:relative;}
#main_slide_wrap_s .main_img{height:100%;background-size:cover;background-image:url("../img/sub_menu_img.jpg");background-repeat:no-repeat;background-position:top center;}
#main_slide_wrap_no{height:960px;width:100%;position:relative;}
#main_slide_wrap_no .main_img1{height:100%;background-size:cover;background-image:url("../img/main_sub_bg_00.jpg");background-repeat:no-repeat;background-position:top center;}
#main_slide_wrap_no .main_img3{height:100%;background-size:cover;background-image:url("../img/main_sub_bg_01.jpg");background-repeat:no-repeat;background-position:top center;}
#main_slide_wrap_no .main_img2{height:100%;background-size:cover;background-image:url("../img/main_sub_bg_02.jpg");background-repeat:no-repeat;background-position:top center;}
#main_slide_wrap_no .main_img4{height:100%;background-size:cover;background-image:url("../img/main_sub_bg_03.jpg");background-repeat:no-repeat;background-position:top center;}
#main_slide_wrap_no div.con{position: relative;width: 100%;height: 100%;display: inline-block;text-align:center;}
#main_slide_wrap_no div.con div{position:absolute;width:40%;width:calc(650px - 100px);margin-left:-325px;left:50%;margin-top:17%;padding:50px;overflow:hidden}
#main_slide_wrap_no div.con h3{font-size:44px;color:#fff;}
#main_slide_wrap_no div.con h4{font-size:40px;color:#fff;}
#main_slide_wrap_no div.con p{font-size:16px;color:#fff;margin-top:10px;}
#main_slide_wrap_no div.con p.large{font-size:20px;}
#main_slide_wrap_no div.con2 div{float:left;width:calc(33.33% - 100px);text-align:center;margin-top:250px;padding:10px 50px;}
#main_slide_wrap_no div.con2 div img{width:50%;}
#main_slide_wrap_no div.con2 div h2{font-size:30px;padding:10px 0 30px 0;}
#main_slide_wrap_no div.con2 div p{font-size:16px;font-weight:normal}
#main_slide_wrap_no div.con3{position: relative;width: 100%;height: 100%;display: inline-block;text-align:center;}
#main_slide_wrap_no div.con3 div{position:absolute;width:40%;width:calc(650px - 100px);margin-left:-325px;left:50%;margin-top:22%;padding:50px;overflow:hidden}
#main_slide_wrap_no div.con3 h3{font-size:44px;color:#000;}
#main_slide_wrap_no div.con3 h4{font-size:40px;color:#000;}
#main_slide_wrap_no div.con3 p{font-size:16px;color:#000;margin-top:10px;}
#main_slide_wrap_no div.con3 p.large{font-size:20px;}
#main_slide_wrap_no div.cons{position:absolute;width:100%;height:960px;display:table;table-layout: fixed;}

/*#main_slide_wrap_no div.con div,#main_slide_wrap_no .main_img2 div.con div,#main_slide_wrap_no .main_img3 div.con div{vertical-align: middle;text-align: center;position: absolute;padding: 20px 60px;transform: translate(50%,70%);}*/
#main_slide_wrap_no div.cons div.conImg{width:100%;text-align:center}
#main_slide_wrap_no div.cons div.conImg img{width:26%;padding-top:60px;}
#main_slide_wrap_no div.cons div.conTxt{width:100%;text-align:center}
#main_slide_wrap_no div.cons div.conBox{width:650px;margin-top:40px;padding:80px 80px;text-align:center;background:#fff;-webkit-box-shadow: 0px 0px 60px 10px rgba(0,0,0,0.15);-moz-box-shadow: 0px 0px 60px 10px rgba(0,0,0,0.15);box-shadow: 0px 0px 60px 10px rgba(0,0,0,0.15);}
#main_slide_wrap_no div.cons div.conBox p{font-size:16px;text-align:center;letter-spacing:-1px;font-weight:bold;line-height:20px;}
#main_slide_wrap_no div.cons div.conBox p.mobile{display:none}
#main_slide_wrap_no div.con p.mobile{display:none}

#main_slide .owl-stage-outer,#main_slide .owl-stage,#main_slide .owl-item{height:100%;}
#main_slide .item{/*background-color:#323232;*/background-size:cover;background-repeat:no-repeat;background-position:top center;height:100%;overflow: hidden;width: 100%;position:absolute;top:0;left:0;z-index:1}
/*#main_slide .item.slide1{background-image:url("../img/business.jpg");}
#main_slide .item.slide2{background-image:url("../img/product.jpg");}
#main_slide .item.slide3{background-image:url("../img/about.jpg");}
#main_slide .item.slide4{background-image:url("../img/customer.jpg");}*/

#main_noslide {height:100%;width:100%;position:relative;}
/*#main_noslide .slide2 img{display:none}
#main_noslide .slide2{background-image:url("../img/product.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;}
#main_noslide .slide3 img{display:none}
#main_noslide .slide3{background-image:url("../img/about.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;}
#main_noslide .slide4 img{display:none}
#main_noslide .slide4{background-image:url("../img/customer.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;}
#main_noslide .slide5 img{display:none}
#main_noslide .slide5{background-image:url("../img/customer.jpg");background-size:cover;background-repeat:no-repeat;background-position:center;height:100%;}*/
#main_slide .im {position:absolute;height:180px;z-index:800;width:425px;margin-top:400px;margin-left:10px;}
#main_slide .im img{height:180px;}
#main_noslide .slide7{background-color:#323232;background-size:cover;background-repeat:no-repeat;background-position:top center;height:100%;background-image:url("../img/register_confirm.jpg");}

#main_noslide .slide7 img{display:none}
#main_slide .item .main_img{display:block;height:110%}
#main_slide .im img{display:block;}
#main_slide .owl-nav div{position:absolute;top:50%;margin-top:-32px;width:27px;height:64px;z-index:150;}
#main_slide .owl-nav .owl-prev{background-image:url("../img/main_slide_prev.png");left:120px;}
#main_slide .owl-nav .owl-next{background-image:url("../img/main_slide_next.png");right:120px;}
#main_slide .owl-dots{width:100%;text-align:center;position:absolute;left:0;bottom:178px;}
#main_slide .owl-dots .owl-dot{display:inline-block;width:10px;height:10px;margin:0 3px;border-radius:50%;overflow:hidden;}
#main_slide .owl-dots .owl-dot span{display:block;width:100%;height:100%;background:#fff;z-index:91}
#main_slide .owl-dots .owl-dot.active span{background:#a2ae77;}
#main_slide_txt{position:absolute;left:0;width:calc(100% - 40vw);z-index:99;margin:0 20vw;padding:30vh 0 38vh;}
#main_slide_txt > div{height:100%;}
#main_slide_txt i.txt1{z-index:100;display:block;width:625px; height:400px; background-image:url("../img/slide_txt1.png");background-size:100% 100%;background-repeat: no-repeat;opacity:0}
#main_slide_txt i.txt2{z-index:100;display:block;width:625px; height:400px; background-image:url("../img/slide_txt3.png");background-size:100% 100%;background-repeat: no-repeat;opacity:0}
#main_slide_txt i.txt3{z-index:100;display:block;width:625px; height:400px; background-image:url("../img/slide_txt2.png");background-size:100% 100%;background-repeat: no-repeat;opacity:0}
#main_slide_txt i.txt4{z-index:100;display:block;width:625px; height:400px; background-image:url("../img/slide_txt4.png");background-size:100% 100%;background-repeat: no-repeat;}

#main_noslide .slide7 div.container{position:absolute;top:50%;left:50%;width:600px;height:600px;margin-top:-220px;margin-left:-300px;}
#main_noslide .slide7 h3{font-size:40px;font-family:'Noto Sans KR', sans-serif;text-align:center;margin-bottom:10px;font-weight:100}
#main_noslide .slide7 p{text-align:center;margin-bottom:60px;}
#main_noslide .slide7 div.formbox{background:#fff;border:1px solid #eee;width:100%;height:330px;}
#main_noslide .slide7 form{margin-top:10px;padding-left:20%;padding-right:20%}
#main_noslide .slide7 form div{width:100%;}
#main_noslide .slide7 form input{width:100%;}
#main_noslide .slide7 form select,#main_noslide .slide7 form input[type='button']{width:100%;}
#main_noslide .slide7 form input[type='text']{border-bottom:1px solid #a2ae77;border-top:none;border-left:none;border-right:none;height:45px;margin-top:10px;margin-bottom:10px;font-size:18px;}
#main_noslide .slide7 form select{border-bottom:1px solid #a2ae77;border-top:none;border-left:none;border-right:none;height:45px;padding:10px;margin-top:10px;margin-bottom:10px;font-size:18px;-webkit-appearance: none;background-image:url('../img/arrow.png');background-position:right;background-size:20px 20px;background-repeat:no-repeat;background-color:#fff}
#main_noslide .slide7 form select::-ms-expand {
    display: none;
}
#main_noslide .slide7 form input[type='button']{background-image:url('../img/btn_bg01.png');background-repeat:repeat-x;background-size:100% 100%;height:40px;border:none;border-radius:5px;color:#fff;font-size:20px;margin-top:40px;}

#product .in_pbox{width:1090px;margin:0 auto;position:relative;}

#product .left{width:46%;float:left;padding-left: 40px;}
#product .left .img{overflow:hidden;height:300px;}
#product .right{width:calc(50.3% - 50px);float:left;margin-left:50px;position:relative;height:300px;/* height:calc(300px - 40px); padding: 20px 0; */}
#product .right .logo img{width: auto; height: 55px; margin-left: -3px;}
#product .right .line {width:30px; height:1px; background-color:#aecd43;margin:20px 0;}
#product .right p{line-height:1.4em;font-size:1em;color:#bbbbbb}
#product .right p.first{line-height:2em}
#product .right .more_btn{position:absolute;bottom:0;/*bottom:20px;*/left:0; /*border-bottom:1px solid #e5c89e;*/}
#product .right .more_btn a{color:#e5c89e;font-weight:lighter;font-size:1em;float: left; display: inline-block; border-bottom:1px solid #e5c89e;}
#product .right .more_btn img{width: 5px; height: auto; padding: 8px 0 7px 8px;}

#product .right .caption { position:absolute;right:0;top:calc(50% - 152px);margin-top:0;height:100%;width:19px;}
#product .right .caption#caption1{background-image:url("../img/index_product_3_caption.svg");background-size:contain;background-position:center;background-repeat:no-repeat;}
#product .right .caption#caption2{background-image:url("../img/index_product_3_caption.svg");background-size:contain;background-position:center;background-repeat:no-repeat;}
#product .right .caption#caption3{background-image:url("../img/index_product_1_caption.svg");background-size:contain;background-position:center;background-repeat:no-repeat;}

#product  .owl-nav{position:absolute;top:50%;margin-top:-30px;height:60px;width:100%;z-index:0;}
#product  .owl-nav .owl-next, #product  .owl-nav .owl-prev{width:60px;height:60px;}
#product  .owl-nav .owl-prev{background-image:url("../img/index_product_prev.png");background-size:contain;background-position:center;background-repeat:no-repeat;}
#product  .owl-nav .owl-next{position:absolute;right:0;top:0;background-image:url("../img/index_product_next.png");background-size:contain;background-position:center;background-repeat:no-repeat;}

#main_consult{background-image:url("../img/main_consult_bg.jpg");padding:62px 0 55px 0;text-align:center;background-position:center center;background-repeat:no-repeat;}
#main_consult > div{width:268px;margin:50px auto 0 auto;}
#main_consult h2{font-family:'Noto Sans KR', sans-serif;font-size:33px;font-weight:bold;letter-spacing:-0.03em;color:#a2ae77;}
#main_consult .input01{width:100%;text-align:center;background:#e6e6e6;height:42px;border:0;font-family:'Noto Sans KR', sans-serif;font-size:15px;letter-spacing:-0.03em;margin-bottom:11px;-webkit-box-shadow: inset 0px 0px 30px -15px #000; -moz-box-shadow: inset 0px 0px 30px -15px #000;box-shadow: inset 0px 0px 30px -15px #000;}
#main_consult .btn{font-family:'Noto Sans KR', sans-serif;width:100%;height:53px;border:0;background:#a2ae77;color:#fff;font-size:28px;}
#main_consult p{font-size:12px;margin-top:10px;font-family:'Noto Sans KR', sans-serif;letter-spacing:-0.05em;}
#main_quick {margin-bottom:50px;}
#main_quick ul{overflow:auto;zoom:1;font-size:0;}
#main_quick li{width:50%;display:inline-block;position:relative;}
#main_quick li a{display:block;width:100%;height:100%;}
#main_night{background-image:url("../img/main_night_bg.jpg");background-position:right top;background-repeat:no-repeat;background-color:#f1f1f1;margin-bottom:55px;padding:40px 40px 30px 40px;letter-spacing:-0.03em;color:#444;}
#main_night h4{font-size:16px;color:#fff;background:#4c4c4c;text-align:center;padding:11px 0;width:440px;}
#main_night h2{font-size:37.4px;letter-spacing:-0.08em;margin:18px 0;}
#main_night h3{font-size:24px;color:#fff;width:440px;background:#a2ae77;text-align:center;padding:11px 0;}
#main_night h5{font-size:20px;margin-top:8px;}
#main_night h5 span{color:#a2ae77;}
.sub_tree{width:260px;height:260px;position:absolute;left:50%;margin-left:-130px;top:150px;}
.sub_tree h2{text-align:center; margin-top:20px;font-size:2.6em;color:#fff;font-family:'Noto Sans KR', sans-serif}

.section03.rnd{padding:90px 0;background-image:url("../img/index_rnd_bg.jpg");background-position:center;background-repeat:no-repeat;background-size:cover;}

.section03.rnd h2{font-size: 60px;color: #000;/*font-family: 'Century Gothic', Dotum,AppleGothic,sans-serif;*/text-align:center; padding:0;}
.section03.rnd div.line{width:50px;height:4px;background-color:#aecd43;margin:40px auto 30px auto;}
.section03.rnd p{font-size:1em;text-align:center;}
.section03.rnd .rnd_content{text-align:center;}
.section03.rnd ul{margin:68px auto 0;width:100%;position:relative;}
.section03.rnd ul li{display:inline-block;margin:0 20px;text-align:center;background-color:#fff;border:1px solid #595959;padding:48px 30px;width:calc(25% - 105px);}
.section03.rnd ul li .icon img{width:30%; padding-bottom:20px;}
.section03.rnd ul li:first-child .icon img {width: 33%; padding-bottom: 10px;}
.section03.rnd ul li .title h2{text-align:center;font-size:1.3em;font-family:'nsr', sans-serif;font-weight:700;color:#3d3d3d;padding: 10px 0; letter-spacing: 0.1px;}
.section03.rnd ul li .text {display:inline-block;vertical-align:middle}
.section03.rnd ul li .text p{font-size:14px;min-height:100px;max-height:120px;display:inline-block;vertical-align:middle;color:#888888;font-family:'Noto Sans KR', sans-serif;}
.section03.rnd ul li .v-line{width:1px ;height:34px;background-color:#acacac;margin:20px auto;}
.section03.rnd ul li .view_btn{border:1px solid #c9c9c9;color:#2d2d2d;padding:9px 60px;font-size:14px;background-color:#fff;font-family:'nsr', sans-serif;}

.section03.rnd ul li:hover{background-color:#222222}
.section03.rnd ul li:hover .title h2,
.section03.rnd ul li:hover .text p{color:#fff}
.section03.rnd ul li:hover .v-line{background-color:#fff;}
.section03.rnd ul li:hover .view_btn{border:1px solid #fff;color:#fff;background-color:#222222}

.notice .width-fixed > div{float:left;margin-right:10px;width:400px;}
.notice .width-fixed > div.latest{padding:5px 10px;box-sizing:border-box;}
.notice .width-fixed > div.contacts{margin-right:0px;}
.ci-ul {padding:20px;background:#eee;}
.ci-ul li{font-size:18px;line-height:28px;}

.index_sec02{/*padding:100px 0;*/text-align:center; z-index: 9; position: relative;}
.index_sec02 h2{font-size:60px;color:#000;font-family:'Century Gothic', Dotum,AppleGothic,sans-serif;}
.index_sec02 p{font-size:18px;font-family: "nsr",Sans-serif;color:#565656;padding:0 0 40px;}
.index_sec02 input[type=button]{font-size:14px;font-family: "nsr",Sans-serif;border:1px solid #aeaeae;background-color:#FFF;color:#2b2b2b;padding:9px 60px;}
.index_sec02 input[type=button]:hover{background-color:#aecd43;color:#FFF;border:1px solid #aecd43}

#last_sec{border-top:1px solid #e7e7e7; padding: 31.5px 0;}
#favo{padding:0 60px;width:calc(100% - 120px)}
#favo .owl-item img { width:auto;}
#favo .owl-nav{position: absolute;width: 100%;height: 32px;top: 50%;margin-top: -14px;left: 0;z-index:-1}
#favo .owl-nav .owl-prev{width:16px;height:28px;background-image:url("../img/last_sec_prev.png");background-position: center;background-size:100% 100%;background-repeat:no-repeat;}
#favo .owl-nav .owl-next{width:16px;height:28px;background-image:url("../img/last_sec_next.png");background-position: center;background-size:100% 100%;background-repeat:no-repeat;position:absolute;right:0;top:0}






/*메인*/

/* 로그인 */

.grid_100{width:100% !important;display:inline-block;box-sizing:border-box;float:none;clear:both;}
.write01{border:1px solid #ccc;text-align:center;box-sizing:border-box;padding:45px 238px 70px 238px;}
#login {padding-top: 210px;}
#login header h1{font-family:'Noto Sans KR';font-size:60px;font-weight:100;letter-spacing:-0.03em;}
.input01{height:63px;border:none;border-bottom:1px solid #91a93d;background:#fff;padding:17px 14px;box-sizing:border-box;font-size:24px;letter-spacing:-0.08em;}
#login .input01{margin-bottom:30px;text-align:center;}
#login > div{width:810px;margin:0 auto;box-sizing:border-box;background:#fff}
#login > div > div{margin-top:10px;}
#login .chk_list01{margin-bottom:30px;}
#login .chk_list01 li{margin-top:10px;position:relative;}
.check01_label,#login .chk_list01 li a{display:block;width:100%;height:54px;border:1px solid #ddd;border-radius:3px;color:#91a93d;text-align:left;font-size:16px;letter-spacing:-0.1em;padding:18px 28px;box-sizing:border-box; cursor:pointer;position:relative;}
.check01_label i,#login .chk_list01 li a i{display:block;position:absolute;right:24px;top:20px;background-size:100% 100%;}
.check01_label i{width:15px;height:13px;background-image:url("../img/check_icon.png");}
#login .chk_list01 li a i{width:16px;height:12px;top:21px;background-image:url("../img/go_icon.png");}
#login .chk_list01 li a:active i{background-image:url("../img/go_icon_active.png");}
.check01{width:0px;height:0px;overflow:hidden;display:inline-block;margin-top:0;position:absolute;}
#login .chk_list01 li a:active,.check01:checked + .check01_label{background:#91a93d;color:#fff;}
.check01:checked + .check01_label i{background-image:url("../img/check_icon_active.png");}
.lg_btn01{display:inline-block;text-align:center;width:422px;height:65px;color:#fff;border:none;font-family:'Noto Sans KR', sans-serif;font-size:18px;padding:20px 0;box-sizing:border-box;background-image:url("../img/lg_btn01_bg.png");border-radius:3px;box-shadow:1px 1px 5px #ccc;}
.sm_btn01{width: 100px;height: 40px;font-size: 14px;padding: 12px 0;display: inline-block;text-align: center;color: #fff;border: none;font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;background-image: url("../img/lg_btn01_bg.png");border-radius: 3px;box-shadow: 1px 1px 5px #ccc;}
.sm_btn02{width: 100px;height: 40px;font-size: 14px;padding: 12px 0;display: inline-block;text-align: center;color: #fff;border: none;font-family: 'Noto Sans KR', sans-serif;box-sizing: border-box;background-image: url("../img/lg_btn02_bg.png");border-radius: 3px;box-shadow: 1px 1px 5px #ccc;}
.hidden{display:none !important;}
.show{display:block !important;}

/* 로그인 */


/*푸터*/
#footer{font-weight:lighter;letter-spacing:-1.2px;background-color:#5e5e5e;padding:35px 0;}

#footer .logo{text-align:center;}
#footer .sitemap{display:table;padding:20px 0;}
#footer .sitemap ul{width:25%;display: table-cell;padding:10px;}
#footer .sitemap ul li.title{color:#748c29;padding:15px 0;}
#footer .sitemap ul li.title h2{font-size:18px;}
#footer .sitemap ul li{font-size:14px;padding:4px 0;font-family:'Noto Sans KR', sans-serif;cursor:pointer;letter-spacing:0;color:#575757}
#footer .copyright{color:#e8e8e8;text-align: center;padding:20px 0;padding-bottom: 30px;}
#footer .copyright p{font-size:14px;padding:3px 0;font-weight:300;font-family:'Noto Sans KR', sans-serif;letter-spacing:0;text-transform: uppercase}
#footer .copyright span{color:#ab93cf;font-weight:400;}

#footer .mt{margin-top:15px;}
/*푸터*/

/* 비지니스 */
.join{padding:30px 0 20px 0;}
.join .tabs {display:table;border-bottom:2px solid #ddd;width:100%;}
.join .tabs:first-child{}
.join .tabs:last-child{border: none}
.join div div{display:table-cell;padding:5px 0;}
.join div div.depth1{width:10%;text-align:center;vertical-align:middle}
.join div div.depth1 img{display:inline-block;vertical-align:middle;padding:0;width:50%;margin:10px 0;}
.join div div.depth2{width:15%;text-align:left;vertical-align:middle;}
.join div div.depth2 h2{display:inline-block;vertical-align:middle;padding:0;width:100%;margin:10px 0;word-break: keep-all}
.join div div.depth3{width:calc(75% - 40px);text-align:left;vertical-align:middle;padding: 20px}
.join div div.depth3 p{text-align:left;margin:5px 0;display:inline-block;vertical-align:middle;padding:0;width:100%;font-size:16px;color:#666;word-break:keep-all;}
.join div div.depth3 ul{margin:5px 0;}
.join div div.depth3 ul li{font-size:15px;padding:4px 0;color:#666;margin-left:15px;text-indent:-15px;word-break: break-all}
.join div div.depth3 ul li ul li{padding:2px 0;margin-left:20px;}
.join div div.depth3 table{width:100%;border:3px solid #ddd;}
.join div div.depth3 table tr{border:1px solid #ddd;}
.join div div.depth3 table tr th{padding:10px;font-size:14px;text-align:center;background-color:#eee}
.join div div.depth3 table tr td{padding:10px;font-size:14px;text-align:center;}
.join div div.depth3 table tr th:first-child,.join div div.depth3 table tr td:first-child{border-right:1px solid #ddd;}
.join .btns{padding:60px 0 0;}
.join .goto_btn{border:none;padding:10px 20px;font-size:18px;color:#fff;background-color:#686868}
/* 비지니스 */

.top_bg{background-image:url("../img/contact_top_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;width:100%;height:220px;position:relative;}
.top_bg .width-fixed{}
.contact_head{position:absolute;width:100%;text-align:center;top:23%;}
.contact_head h2{color:#fff;font-size:38px;margin-bottom:27px;}
.contact_head h3{color:#fff;font-size:16px;font-weight:normal}
.contacts{display:table;width:100%;padding:80px 0;}
.contact_logo{display:table-cell;width:18%;vertical-align:middle}
.contact_logo img{width:68%;display:inline-block;vertical-align:middle}
.tel{display:table-cell;width:58%}
.tel div{display:table-row;vertical-align:middle}
.tel div > div{display:table-cell;padding:10px 4px;font-size:14px;vertical-align:middle}
.tel div > div.title1{width:8%;font-weight:bold;}
.tel div > div.title2{width:10%;font-weight:bold;}
.tel div > div.title3{width:14%;font-weight:bold;}
.tel div > div.content1{width:26%}
.tel div > div.content2{width:15%}
.tel div > div.content3{width:10%}
#contact{margin:120px 0 60px 0;}

/* 클라우드 캠이란? */
.green{color:#91a05d;font-weight:bold}
.sub_bg{height:500px;width:100%;background-color:#9ab6ca;background-image:url("../img/sub_bg.png");background-position:top center;background-repeat:no-repeat;position:relative;overflow:hidden;}
.sub_bg i{display:block;width:663px;height:132px;position:absolute;left:50%;margin-left:-332px;top:175px;background-image:url("../img/sub_bg_txt.png");background-repeat:no-repeat;z-index:1;}
.sub_bg span{display:block;width:515px;height:320px;position:absolute;left:50%;margin-left:-258px;bottom:-78px;background-image:url("../img/sub_bg_img.png");background-repeat:no-repeat;z-index:0;}
.section01{color:#444;letter-spacing:-0.05em;margin-bottom:50px;}
.section01 .intro_s {display:none}
.section01 > header{padding:80px 0;}
.section01 > header h2{font-size:50px;font-weight:bold;text-align:center}
.section01 > header h3{font-size:20px;text-align:center;color:#666;font-weight:400;margin-top:5px}
.section01 > article{text-align: center}
.section01 > article h3{font-size:20px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-bottom:30px;}
.section01 > article h4{font-size:40px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-top:30px;text-align:center;color:#91a05d}
.section01 > article h5{font-size:26px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-top:5px;margin-bottom:30px;text-align:center;color:#373737}
.section01 > article p{margin:20px 0;color:#373737;font-size:16px;line-height:22px;font-family:'Noto Sans KR', sans-serif;text-align:center}
.section01 > article p.large{font-size:22px;font-weight:bold;color:#91a05d}
/*.section01 > article.join h3{font-size:25px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-bottom:30px;}
.section01 > article.join h4{font-size:30px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-top:30px;text-align:left;color:#a2ae77}
.section01 > article.join h5{font-size:26px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-top:0;margin-bottom:30px;text-align:left;color:#a2ae77;}
.section01 > article.join h6{font-size:22px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-top:10px;margin-bottom:10px;text-align:left;color:#000;}
.section01 > article.join div{background-image:url("../img/title_bg.png");background-position:left;background-repeat:no-repeat;width:22px;height:22px;margin:30px 0 0 0;background-size:22px 22px;}
.section01 > article.join p{margin:0;color:#373737;font-size:16px;line-height:22px;font-family:'Noto Sans KR', sans-serif;text-align:left;letter-spacing:-1px;position:relative}
.section01 > article.join p.s{font-size:11px;}
.section01 > article.join .left{font-size:15px;padding-left:70px;}
.section01 > article.join ul{font-size:15px;line-height:22px;letter-spacing:-1px;}
.section01 > article.join ul ul.inside>li{margin-left:30px;list-style: none;}
.section01 > article.join ul.planul li{list-style:disc inside;padding-left:-10px;}
.section01 > article.join table{width:100%;margin:8px 0;}
.section01 > article.join table th {height:40px;background:#f5f5f5;color:#000;border-top:2px solid #a2ae77;border-bottom:1px solid #ddd;font-size:15px}
.section01 > article.join table td {height:40px;background:#fff;color:#000;border-bottom:1px solid #ddd;font-size:15px;border-right:1px solid #ddd;text-align:center;padding:5px;}
.section01 > article.join table td.last {border-right:none}
.section01 > article.join table th.border{border-left:1px solid #ddd;border-right:1px solid #ddd}
.section01 > article.join table td.th{background:#f5f5f5;border-left:1px solid #ddd;}
.section01 > article.join table td.right{text-align:right;padding-right:8px;}
.section01 > article.join table td.left{text-align:left;padding-right:8px;}*/
/*.section01 > article.join ul{margin-left:15px;}
.section01 > article.join ul li{list-style:circle}*/
.section01 > article.join p.large{font-size:22px;font-weight:bold;color:#a2ae77}
.section01 > article.join table.harf{width:49%;float:left;margin-bottom:30px;}
.section01 > article.join table.sec {margin-left:2%}
.section01 > article.join table.harf td.last {text-align:left;padding:5px;}
.section01 > article.join table.harf td.transt{height:10px}
.section01 > article.join table td ul li{list-style:circle;margin-left:15px;text-align:left}
.section01 > article.section01_con p {text-align:left;margin:0;font-family:'Noto Sans KR', sans-serif;}

.section01 > article#contact p {margin:10px;}

.section01 > article.join img.planimg1{margin-top:50px}
.section01 > article.join img.planimg2{position:absolute;right:0;margin-top:50px}
.section01 > article.join img.planimg3{position:absolute;right:0;margin-top:130px}
.section01 > article.join img.planimg4{text-align:center;}

.full-width-fixed > .section02{color:#444;letter-spacing:-0.05em;width:810px;margin:0 auto;position:relative}
.full-width-fixed > .section02 .intro2_s{display:none}
.full-width-fixed > .section02 .ope01{position:relative;height:80px;border-bottom:1px dotted #eee;margin-bottom:10px;width:100%}
.full-width-fixed > .section02 .ope01 div{font-family:'Noto Sans KR', sans-serif;float:left;width:80%;font-size:16px;height:50px;margin-top:8px}
.full-width-fixed > .section02 .ope01 div.title {font-family:'Noto Sans KR', sans-serif;float:left;width:20%;text-align:center;vertical-align:center;font-size:22px;margin-top:18px}
.full-width-fixed > .section02 .ope02{position:relative;height:120px}
.full-width-fixed > .section02 .ope02 div{font-family:'Noto Sans KR', sans-serif;float:left;width:80%;font-size:16px;height:50px;margin-top:15px;}
.full-width-fixed > .section02 .ope02 div.title{font-family:'Noto Sans KR', sans-serif;float:left;width:20%;text-align:center;vertical-align:center;font-size:22px;margin-top:40px}

.section02 > article h3{font-size:20px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-bottom:30px;}
.section02 > article h4{font-size:40px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-top:30px;text-align:center;color:#91a05d}
.section02 > article h5{font-size:26px;font-family:'Noto Sans KR', sans-serif;font-weight:bold;margin-top:5px;margin-bottom:30px;text-align:center;color:#373737}
.section02 > article p{margin:20px 0;color:#373737;font-size:16px;line-height:22px;font-family:'Noto Sans KR', sans-serif;text-align:center}
.section02 > article p.large{font-size:22px;font-weight:bold;color:#91a05d}

#about p{font-size:16px;font-weight:bold;color:#444;line-height:20px;}
#about p span{color:#a2ae77;}
#about .img{margin-top:50px;text-align:center;overflow:auto;zoom:1;}
#about .img > div{float:left;width:50%;}
#about .img > div > div{padding:50px 0;box-sizing:border-box;}
#about .img > div.left > div{background:#f5f5f5;}
#about .img > div h4{margin-top:15px;font-size:16px;}
#about .img > div.left h4{color:#a2ae77;}
.table01{width:100%;}
.table01 table{width:100%;}
.table01 table td,.table01 table th{text-align:center;border:1px solid #ddd;}
.table01 table td{font-size:16px;padding:20px 10px;}
.table01 table th{font-size:18px;background:#f5f5f5;padding:19px 10px;}
/* 클라우드 캠이란? */

/* 상품소개 */
.section01 > article .mt{margin-top:100px;}
#intro .table01 .img{margin-bottom:20px;}
#intro .table01 li{margin-bottom:14px;}
#intro .table01 li span{color:#999;font-size:12px;line-height:13px;display:block;}
#intro .table01 li.last{margin-bottom:0;}
.list01 ul{overflow:auto;zoom:1;}
.list01 ul li{float:left;width:50%;margin-bottom:30px;height:120px;display:table;table-layout:fixed;padding:0 20px 0 140px;box-sizing:border-box;position:relative;font-size:16px;}
.list01 ul li.last{margin-bottom:0;}
.list01 ul li .img{width:120px;height:120px;background:#b4cada;position:absolute;left:0;top:0;border-radius:50%;overflow:hidden;}
.list01 ul li .txt{vertical-align:middle;display:table-cell;width:100%;}
#intro .advantage ul li .img i{width:100%;height:100%;display:block;background-size:100% 100%;}
#intro .advantage ul li.adv1 .img i{background-image:url("../img/intro_list_icon1.png");}
#intro .advantage ul li.adv2 .img i{background-image:url("../img/intro_list_icon2.png");}
#intro .advantage ul li.adv3 .img i{background-image:url("../img/intro_list_icon3.png");}
#intro .advantage ul li.adv4 .img i{background-image:url("../img/intro_list_icon4.png");}
#intro .advantage ul li.adv5 .img i{background-image:url("../img/intro_list_icon5.png");}
#intro .advantage ul li.adv6 .img i{background-image:url("../img/intro_list_icon6.png");}
#intro .advantage ul li.adv7 .img i{background-image:url("../img/intro_list_icon7.png");}
#intro .advantage ul li.adv8 .img i{background-image:url("../img/intro_list_icon8.png");}
#intro .advantage ul li .txt span{font-size:0.8em;}
/* 상품소개 */

/* 요금안내 */
#carge .table01 p{font-size:14px;text-align:right;margin-top:10px;}
/* 요금안내 */

/* 설치 및 as */
#install .img img{border:1px solid #ddd;}
#install .img p{font-size:16px;font-weight:bold;margin-top:15px;line-height:20px;}
.orenge{color:#a2ae77;}
.under{text-decoration:underline;}
.list01 h4{font-size:18px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.list01 h5{font-size:16px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.list01 p{font-size:14px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 설치 및 as */

/* 망구성 */
#network .img{text-align:center;background:#f5f5f5;padding:50px 15px;}
/* 망구성 */

/* 이용안내/개인정보처리방침 */

#guide { 
	color:#444;
	line-height:18px;
}
#guide > ol { 
	list-style:decimal inside; 
	font-size:14px;
	color:#a2ae77;
	font-weight:500;
}
#guide > ol > li {
	margin-top:35px;
}
#guide ol li:first-child {
	margin-top:0;
}
#guide ol div { 
	margin-top:7px;
	color:#444;
	font-size:12px;
	font-weight:normal;
}
#guide ol ol {
	list-style:upper-alpha inside;
	border:1px solid #ddd;
	padding:20px;
	margin:15px 0;

}
#guide > p {
	font-size:14px;
}
#guide > h3 { 
	color:#a2ae77;
	font-size:18px;
	font-family:'nbg';
	font-weight:normal;
	margin-top:50px;
}
#guide > div {
	background:#1e1e1e;
	padding:30px;
	margin-top:20px;
}
#guide > div span {
	color:#fff;
	font-size:14px;
	font-family:'nbg';
	margin:15px 0;
	display:block;

} 
#guide > div span:first-child {
	margin-top:0;
}

/* 이용안내/개인정보처리방침 */

/* 고객센터 */
#contact #map{height:500px;}
#contact .tel p{height:50px;border:1px solid #ddd;font-size:16px;line-height:50px;padding:0 20px;box-sizing:border-box;margin-bottom:10px;}
#contact .tel p.last{margin-bottom:0;}
#contact .tel p span{width:60px;display:inline-block;font-size:18px;color:#a2ae77;font-weight:bold;}
/* 고객센터 */

/* 상품소개 추가 - 서비스 장점 배너 */
.cmt{margin-top:50px;}
.orange{color:#a2ae77 !important;}
#intro .advantage .banner{background-color:#f5f5f5;padding:50px 50px 50px 300px;background-image:url("../img/intro_advantage_banner.jpg");background-position:left bottom;background-repeat:no-repeat; letter-spacing:-0.03em;position:relative;}
#intro .advantage .banner i{display:block;width:203px;height:45px;background-image:url("../img/intro_advantage_icon.png");margin-bottom:15px;}
#intro .advantage .banner h2{font-size:27px;margin-bottom:25px;font-weight:bold;}
#intro .advantage .banner p{font-size:16px;line-height:22px;}
/* 상품소개 추가 - 서비스 장점 배너 */

/* 상품소개 추가 - 기능 & 제품구성 */
.half01{overflow:auto;zoom:1;margin:0 -20px;}
.half01 > div{float:left;width:50%;box-sizing:border-box;padding:0 20px;}
.list02 > div > h4{font-size:18px;margin-bottom:20px;padding-left:13px;position:relative;}
.list02 > div > h4:before{position:absolute;content:"";width:4px;height:4px;background:#a2ae77;left:0;top:50%;margin-top:-2px;}
.half01 h5{font-size:16px;font-weight:normal;text-align:center;margin-top:10px;}
.half01 h4{font-size:18px;margin-bottom:15px;}
.half01 .img{text-align:center;}
.list02 .process{margin-top:20px;}
.list02 .process .mobile{display:none;}
.list02 .txt{margin-top:20px;font-size:14px;}
.list02 .txt p{margin-bottom:10px;}
.list02 .txt li{margin-bottom:6px;padding-left:9px;position:relative;}
.list02 .txt li:before{position:absolute;content:"-";left:0;}
.list02 .txt li.last{margin-bottom:0;}
.small{font-size:0.8em;}
.gray{color:#aaa;}
#intro .monitoring{font-size:14px;}
#intro .monitoring .half01{margin-top:20px;}
#intro .monitoring ul{overflow:auto;zoom:1;margin:15px -5px 0 -5px;}
#intro .monitoring ul li{float:left;width:33.33%;padding:0 5px;box-sizing:border-box;text-align:center;}
#intro .monitoring ul li h6{font-size:12px;font-weight:normal;margin-top:10px;}
#intro .monitoring ul li img{border:1px solid #ddd;box-sizing:border-box;}
#intro .monitoring ol{margin-top:20px;}
#intro .monitoring ol li{font-size:14px;list-style:decimal;margin-left:14px;margin-bottom:5px;}
/* 상품소개 추가 - 기능 & 제품구성 */

/* 이용요금 추가 - 안심서비스 */
.text-right{text-align:right !important;}
#carge .insurance{font-size:14px;}
#carge .insurance .txt{font-size:18px;line-height:26px;margin-bottom:20px;position:relative;}
#carge .insurance .txt .mobile{display:none;}
#carge .insurance .txt i, #carge .insurance .table01 i{width:194px;height:41px;background-image:url("../img/carge_insurance_logo.png");display:block;}
#carge .insurance .table01 i{margin:20px auto 0 auto;display:none;}
#carge .insurance .txt span{color:#a2ae77;font-size:24px;font-weight:bold;}
#carge .insurance .table01{margin-top:20px;}
.quartern01{margin:0 -5px;overflow:auto;zoom:1;}
.quartern01 > div{float:left;width:25%;box-sizing:border-box;padding:0 5px;}
.quartern01 > div h4{font-size:16px;font-weight:bold;margin-bottom:10px;padding-left:25px;position:relative;}
.quartern01 > div h4:before{content:"";background-image:url("../img/carge_insurance_icon.png");width:20px;height:20px;display:block;position:absolute;top:50%;margin-top:-10px;left:0;}
.quartern01 > div ul li{margin-bottom:6px;color:#666;padding-left:25px;position:relative;}
.quartern01 > div ul li:before{content:"";width:2px;height:2px;background:#666;display:block;position:absolute;left:10px;top:7px;}
.quartern01 > div ul li.last{margin-bottom:0;}
/* 이용요금 추가 - 안심서비스 */

.bg_lgray{background:#f2f2f2;}
.bg_green{background:#a2ae77;}


.main_intro{text-align:center;padding:60px 20px;letter-spacing:-0.03em;}
.main_intro h2{color:#a2ae77;font-size:32px;margin-bottom:12px;}
.main_intro.bg_green h2{color:#ffff56; font-size: 28px;margin-bottom:12px;padding-right: 3px;}
.main_intro.bg_black h2{color:#282828; font-size: 28px;margin-bottom:12px;padding-right: 3px;}
.main_intro p{font-size:16px;color:#838383;}
.main_intro.bg_green p{color:#fff;font-size:14px;}
.main_intro.bg_gray p{color:#4a4a4a;}
.lg_hidden{display:none !important;}

.f_menu{width: calc(40%) !important}
.f_menu ul li:first-child{margin-left: 30px}
.f_menu ul li{display: inline-block;padding: 40px 20px;text-align: center;position: relative;cursor: pointer;width: calc(33% - 61px);}	
.f_menu ul li:hover{color: #91a93d}
.f_menu ul li:last-child:after{display: none}
.f_menu ul li:after{content: "";width: 1px;height: 70px;position: absolute;/* right: 0; */display: block;right: 1px;top: 20px;background: #ddd;}
.f_menu ul li span{font-size: 18px}
	
#brand_bg_01{background-image:url("../img/brand_bg_01.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:240px;margin:0;display:inline-block;width:100%}
#brand_bg_02{background-image:url("../img/brand_bg_02.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:240px;margin:0;display:inline-block;width:100%}
#brand_bg_03{background-image:url("../img/brand_bg_03.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:240px;margin:0;display:inline-block;width:100%}
#brand_bg_04{background-image:url("../img/brand_bg_04.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:240px;margin:0;display:inline-block;width:100%}
.brand_bg .brand_box{margin:10px;border:2px solid #fff;position:absolute;width:calc(100% - 126px);height:calc(240px - 106px);display:inline-block;padding:40px 0 40px 100px;}
.brand_bg .brand_box.black{border:2px solid #d2d2d2 }
.brand_bg .brand_box > img{height:100%;}
.brand_bg .brand_box div {position:absolute;right:80px;bottom:35px;width:140px;cursor: pointer}





#intro_add{display:inline-block;;margin:0 auto;width:100%;padding:80px 0 130px 0;margin:0;background-image:url('../img/ov_bg.png');background-position: center;background-size:cover;background-repeat:no-repeat; position: relative;}
#intro_add h2{padding-bottom: 50px;}
#intro_add .intro_add_sub{position: relative; display: inline-block; width: 100%; height: auto;}
.intro_add_img{ position: absolute; left: 0; top: 0; width: calc(100% - 49%);}
.intro_add_img img{-webkit-box-shadow: 30px 30px 0px 0px rgba(255,255,255,1); -moz-box-shadow: 30px 30px 0px 0px rgba(255,255,255,1); box-shadow: 30px 30px 0px 0px rgba(255,255,255,1);}
.intro_add_txt{text-align: left; width: calc(100% - 57%); padding: 72px 35px 72px 80px; border: 6px solid #4c4c4c; float: right; background-color: #fff; margin-top: 110px; letter-spacing: -0.8px;}
.intro_add_txt p{padding-bottom: 24px;}
.intro_add_txt p:last-child{padding-bottom: 0;}
.intro_add_txt p span{font-weight: 600;}


#intro_bg{background-image:url("../img/about_bg.jpg");background-repeat:no-repeat;background-size:cover;background-position:center;height:360px;margin:0;}
#intro_bg .intro_sec01{padding:150px 0 54px 0;text-align:center;}
#intro_bg .intro_sec01 h2{font-size:50px;font-family: "Century Gothic", Sans-serif;color:#fff;}
#intro_bg .intro_sec01 p{font-size:14px;font-family: "nsr", Sans-serif;color:#fff;padding:25px;line-height: 22px;}
#intro_bg .intro_sec01 img{width:50%;}
#intro_bg_2{display:inline-block;;margin:0 auto;width:100%;padding:80px 0 130px 0;margin:0;background-image:url('../img/intro_bg.jpg');background-position: center;background-size:cover;background-repeat:no-repeat;    position: relative;}

.sub_title{text-align: center}
.sub_title h2{font-size:40px;color:#555555;font-family:"Century Gothic",Sans-serif;font-weight:bold;}
.sub_title h2 span{font-weight:lighter}
.sub_title2{text-align: center}
.sub_title2 h2{font-size:40px;color:#fff;font-family:"Century Gothic",Sans-serif;font-weight:bold;}
#intro_bg_2 .intro_sec02{position:relative;}
#intro_bg_2 .intro_sec02 .intro_title{text-align:left;padding:50px 0;width:100%;}
#intro_bg_2 .intro_sec02 .intro_title h2{color:#666666;font-size:30px;line-height: 48px;position:relative;padding-left:24px;display: inline-block;font-weight:400;font-family: 'nsr',Sans-serif;letter-spacing: -0.5px}
#intro_bg_2 .intro_sec02 .intro_title h2 span{font-weight:bold;}
#intro_bg_2 .intro_sec02 .intro_title h2.end{padding-right:24px;}
#intro_bg_2 .intro_sec02 .intro_title h2.start:before{content:"";background-image:url("../img/intro_title_com.png");background-position:top left;background-repeat:no-repeat;width:20px;height:16px;position:absolute;top:0;left:0;}
#intro_bg_2 .intro_sec02 .intro_title h2.start:after{content:"";background-image:url("../img/intro_title_com2.png");background-position:top right;background-repeat:no-repeat;width:20px;height:16px;position:absolute;top:0;right:-22px;}
#intro_bg_2 .intro_sec02 .intro_content1 p{font-size:18px;line-height:32px;width:70%;font-family: 'nsr',Sans-serif;}
#intro_bg_2 .intro_sec02 .intro_content1 p.bottom{margin-top:18px; white-space: normal; word-break: keep-all;}

/*#intro_bg_2 .intro_sec02 .intro_content1 p span{font-weight: 600;}*/

#intro_bg_2 .intro_sec02 .intro_content1 div{font-size:18px;display:inline-block;vertical-align:middle;line-height:10px;margin-top:100px;}
#intro_bg_2 .intro_sec02 .intro_content1 div img{display: inline-block;vertical-align: middle;margin-left:20px;}
#intro_bg_2 .intro_content2 {position:absolute;right:0;bottom:0;height:100%;}
#intro_bg_2 .intro_content2 img{height:100%;width:auto;max-width: unset;}

#intro_bg_2 .intro_btn {text-align:center;padding:50px 0 0 0 ;}
#intro_bg_2 .intro_btn .intro_btn{background-color:#fff;padding:6px 90px 6px 12px;border:1px solid #91a93d;color:#91a93d;background-image:url("../img/intro_btn_arrow.png");background-position:right;background-size:auto 90%;background-repeat:no-repeat;font-size:18px;}
#intro_bg_2 .intro_btn .intro_btn:hover{color:#fff;background-color:#91a93d;background-image:url("../img/intro_btn_arrow_wht.png");}
#intro_bg_3{height:320px;margin:0;overflow:hidden;background-color:#505050;padding:50px 0;}
#intro_bg_3 #history{margin-top:40px;padding:0 90px;width:calc(100% - 180px)}
#intro_bg_3 #history .item .history_li{display:inline-block;vertical-align:middle;width:100%}
#intro_bg_3 #history .item{border-top:2px solid #fff;opacity: 0.5}
#intro_bg_3 #history .item .table{min-height:120px;display:table;padding:20px 24px;width:calc(100% - 48px);  min-height: 158px;}
#intro_bg_3 #history .item .table div.table-row{display:table-row;}
#intro_bg_3 #history .item .table div.table-cell{font-size:16px;font-family: 'nsr',Sans-serif;padding:4px 0;display:table-cell;color:#fff;text-align:center;letter-spacing: -0.6px;word-break: keep-all;
    white-space:normal;text-overflow: ellipsis;overflow: hidden;vertical-align: middle;line-height:30px;}
#intro_bg_3 #history .item div.year{border-top:3px solid #b8b1e7;width:40%;margin:0 auto;color:#fff;font-size: 30px;text-align: center;}
#intro_bg_3 #history .owl-item.active.center .item{opacity: 1}
#intro_bg_3 #history .owl-nav{position:absolute;top:50%;margin-top:-60px;height:80px;width:100%;left:0;z-index:-1}
#intro_bg_3 #history .owl-nav .owl-prev{width:40px;height:80px;background-image:url("../img/intro_owl_prev.png");background-position: center;background-size:contain;background-repeat:no-repeat;}
#intro_bg_3 #history .owl-nav .owl-next{position:absolute;top:0;right:0;width:40px;height:80px;background-image:url("../img/intro_owl_next.png");background-position: center;background-size:contain;background-repeat:no-repeat;}

.intro_link{background-color:#161616;overflow: hidden;position:relative;margin:0;}
.intro_link .btn_box{text-align: center;padding:50px 0;display: inline-block;width:100%;}
.intro_link .btn_box input[type=button]{border:2px solid #fff;color:#fff;    width: calc(50% - 70px);margin-right:50px;background-color: #161616;padding:10px 0;font-size:20px;}
.intro_link .btn_box input[type=button]:last-child{margin-right:0;}
.intro_link .btn_box input[type=button]:hover{background-color:#fff;color:#161616}

#intro_bg_4 {padding:80px 0;background-image:url("../img/intro_bg_03.jpg");background-position: center;background-size:cover;background-repeat: no-repeat;background-attachment: fixed;background-color:RGBA(0,0,0,0.8);margin:0;position:relative}
#intro_bg_4 .bg{position:absolute;width:100%;height:100%;left:0;top:0;background-color: RGBA(0,0,0,0.8);}
#intro_bg_4 .intro_table{display:table;width:100%;position: relative;margin-top:30px;}
#intro_bg_4 .intro_table_row{display:table-row;}
#intro_bg_4 .intro_table_cell{display:table-cell;vertical-align: middle;border:30px solid transparent;padding:20px;}

#intro_bg_4 .intro_table_cell.right{width:55%}
#intro_bg_4 .intro_table_cell.left{width:45%;background-image:url('../img/intro_left_line.png');background-position:right center;background-size:3px 100%;background-repeat: no-repeat;}
#intro_bg_4 .intro_table_cell.right .intro_table{margin:0}
#intro_bg_4 .intro_table_cell.right .intro_table_cell{border:none;padding:0}
#intro_bg_4 .intro_table_cell.right .intro_table_cell.last{border-top:100px solid transparent;}

#intro_bg_4 .intro_sec04{text-align:center;margin:0;}
#intro_bg_4 .intro_sec04 > img{width:130px;padding:100px 0 30px 0;}
#intro_bg_4 .intro_sec04 ul{width:100%;display:inline-block;margin:0 auto;margin-bottom:100px;}
#intro_bg_4 .intro_sec04 ul li{width:calc(20% - 62px);display:inline-block;background-image:url("../img/intro_line.png");background-repeat:no-repeat;background-size:1px 40%;background-position:right;padding:5px 30px;vertical-align:middle}
#intro_bg_4 .intro_sec04 ul li:last-child{background-image:none;}
#intro_bg_4 .intro_sec04 ul li img{width:50%}
#intro_bg_4 .intro_sec04 ul li h2{color:#000;}
#intro_bg_4 .intro_sec04 ul li p{font-size:15px;padding:4px 0;min-height:40px;color:#767676}
#intro_bg_5 {background-color:#fff;padding:100px 0 0 0;margin:0;}
#intro_bg_5 .width-fixed{width:1400px}
#intro_bg_5 #license{margin:40px 0;padding:0 80px;width:calc(100% - 160px);position:relative}
#intro_bg_5 #license .item{padding:30px;text-align: center}
#intro_bg_5 #license .item .img{padding:20px 80px;}
#intro_bg_5 #license .item img{margin:10px;}
#intro_bg_5 #license .item p{font-size:20px;color:#4f4f4f; word-break: keep-all; /* min-height: 100px; */ vertical-align: top; min-height: 84px;}
#intro_bg_5 #license .item h2{color:#000;font-size:25px; padding-top:20px;}
#intro_bg_5 #license .owl-nav{position:absolute;top:50%;margin-top:-40px;height:80px;width:100%;left:0;z-index:-1}
#intro_bg_5 #license .owl-nav .owl-prev{width:40px;height:80px;background-image:url("../img/intro_owl_prev_02.png");background-position: center;background-size:contain;background-repeat:no-repeat;}
#intro_bg_5 #license .owl-nav .owl-next{position:absolute;top:0;right:0;width:40px;height:80px;background-image:url("../img/intro_owl_next_02.png");background-position: center;background-size:contain;background-repeat:no-repeat;}

#intro_bg_5 .intro_sec05{text-align:center;padding:0 0 20px 0;}
#intro_bg_5 .intro_sec05 img{width:16%;}
#intro_bg_5 .intro_sec05_1{text-align:center;}
#intro_bg_5 .intro_sec05_1 img{width:50%;}
#intro_bg_5 #map{width:100%;height:500px;}

#intro_bg_6 {height:500px;width:100%;margin:0;}

/*#main_slide .snip1297.pc{display:inline-block;}
#main_slide .snip1297.mobile{display:none;}
.clear{clear: both}
#main_slide .snip1297{display: inline-block;margin-top: 30px}
#main_slide .snip1297 * {box-sizing: border-box;-webkit-transition: all 0.35s linear;transition: all 0.35s linear;}
#main_slide .snip1297 li {width: 100px;display: inline-table;list-style: outside none none;overflow: hidden;color: #91a93d;;border: 1px solid #91a93d;margin-right: 10px}
#main_slide .snip1297 a {padding: 5px 20px;backface-visibility: hidden;color: #91a93d;display: block;line-height: 2em;position: relative;text-align: center;text-decoration: none;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
#main_slide .snip1297 a:after {-webkit-transition: all 0.35s linear;transition: all 0.35s linear;background-color: #91a93d;color: transparent;content: attr(data-hover);top: 0;line-height: 2em;position: absolute;right: 100%;width: 100%;opacity: 0.4;padding: 5px 20px}
#main_slide .snip1297 li:hover a,#main_slide .snip1297 li.current a {-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);color: transparent;}
#main_slide .snip1297 li:hover a:after,#main_slide .snip1297 li.current a:after {opacity: 1;color: #ffffff;-webkit-transform: rotateY(90deg);transform: rotateY(90deg);}
*/
.section03{padding: 50px 0 30px 0}
.section03 header{padding: 10px 0}
.section03 header h2{font-size: 33px;text-align: center;font-weight: normal}
.section03 header h2 span{color:#91a93d;font-weight: bold}
.section03 header p{font-size: 15px;text-align: center}
.section03 div.more1{width: 150px;margin: 0 auto;text-align: center;padding: 8px 20px;border: 1px solid #ddd;border-bottom: 1px solid #000;font-size: 13px;cursor: pointer}
.section03 div.more1 span{width: 16px;height: 18px; background: url(./img/share.png);background-repeat: no-repeat;background-size: contain;background-position: center;vertical-align: top;display: inline-block;margin-left: 10px}


.list{margin: 60px 0}
.list > div{position: relative}
.list > div ul .list_nav{position: absolute;width: 100%;height: 100%}
.list > div ul .list_nav .prev{position: absolute;top: 41%;left: 0;cursor: pointer}
.list > div ul .list_nav .next{position: absolute;top: 41%;right: 0;cursor: pointer}
.list > div ul{text-align: center}

.list > div ul li{position: relative;width:25%;box-sizing:border-box;display:inline-block;transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;margin: -2px;vertical-align: middle;border: 3px solid transparent;background-position:center}
.list > div ul li:hover{border: 3px solid #444;z-index: 999;transition: all .5s ease-out;  transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);background: url(./img/hib.png);background-size: cover;background-repeat: no-repeat;background-position:center;}
.list > div ul li.test1:hover{background: url(./img/peptuin_back.png);background-size: cover;background-repeat: no-repeat;background-position:center;}	
.list > div ul li.test2:hover{background: url(./img/iodine_back.png);background-size: cover;background-repeat: no-repeat;background-position:center;}
.list > div ul li:hover a .txt{height: 100%;position: relative;top: -250px}
.list > div ul li:hover a .more{display: block;width: 70px;height: 70px;padding: 0;border-radius: 0;background-size: contain;background-repeat: no-repeat;background-position: center}


.side{position: absolute;top: 50%;margin-top: -129px;left: 10px}

.main_ci{width: 985px;margin: 30px auto;margin-bottom: 70px}
.main_ci .img{display: inline-block;width: calc(41%);margin-left: 4.5%;}
.main_ci .txt{display: inline-block;width: calc(50%);margin-left: 2%;}
.main_ci .txt p{font-size: 16px;word-break: keep-all}
.main_ci .txt p span{font-size: 18px;font-weight: bold}

.contacts{padding: 0}
.notice .width-fixed > div{margin: 0}
.notice .width-fixed > div.latest{margin-left: 200px}



.l_list{padding:80px 0!important;}

.section03 div .title_r{width: calc(100% - 50%); float: left;}
.section03 div .title_r img{width: 44px; padding-right: 20px;}
.section03 div .title_r span{font-size: 58px; font-weight: 400; line-height: 0; color: #c2c2c2;}
.section03 h2.title_l{text-align:right; padding: 0 0 90px;}

.section03 h2.lt_title{text-align:center; padding: 0 0 90px;}
.latest .left, .latest .right{float:left;padding:0;}
.latest .left{width:calc(55% - 80px);height:367px; margin-right: 40px;}
.latest .right{width:calc(45% - 120px);border-top:3px solid #c4c4c4;}
/* 새글 스킨 (latest) */
.lt_pc {float:left;margin-left:20px}
.lt {position:relative;float:left;padding-bottom:10px;width:100%;min-height:230px;}
.lt ul {margin:0;padding:0;list-style:none}

.lt li {background: url(../img/latest_right_b.png);background-size: 8px 14px;background-repeat: no-repeat;background-position:left 20px center; font-size: 20px; position: relative; border-bottom: 1px solid #e7e7e7; padding: 33px 20px 24px; font-family: 'NanumSquare', sans-serif; font-weight: 400;cursor:pointer}
.lt li:last-child{border-bottom: 1px solid #c4c4c4;}
.lt li:hover, .lt li.active{background: url(../img/latest_right_a.png);background-size: 8px 14px;background-repeat: no-repeat;background-position:left 20px center;}


.lt li a{color: #aaa; width: 100%; word-break: keep-all; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: inline-block; padding-left: 20px;}
.lt li:hover a, .lt li.active a{color: #565656;}

.lt li span{position:absolute;right:0;font-size:14px;color:#565656;top:11px}
.lt li.no-list{width:100%;padding:20px 0;text-align: center}
.lt .lt_title {display:block;padding:0 0 8px;font-weight:bold;font-size:30px}
.lt .lt_more {position:absolute;top:8px;right:0}
.lt .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold}
.issue_img{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;border:5px solid #dcdcdc;background-image:}

section#insta{background-color: #fafafa; padding: 80px 0;}
/*section#insta h2.lt_title{padding: 0 0 60px;}*/
section#insta h2.lt_title img{width: 62px; height: 62px; vertical-align: text-top; padding-right: 24px;}
div#instafeed{width: 100%; line-height: 0;}
div#instafeed a{width: 20%; display: inline-block;}
/* div#instafeed a:nth-child(4), div#instafeed a:last-child{margin-right: 0;} */
/*div#instafeed a:first-child img{border-radius: 60px 0 0 0;}
div#instafeed a:last-child img{border-radius: 0 0 60px 0;}*/
div#instafeed a img{width: calc(100% - 10px); border: 5px solid #fafafa;}
div#instafeed a:hover img{border-color:#dde624;}




.section03 .main_con{position: relative;margin: 0 auto;width: 100%;display:table;}
.section03 .main_con h2{font-size:50px;color:#000;font-family:"Century Gothic",sans-serif;text-align: center;display:table-caption;padding-bottom:40px;}
.section03 .main_con > div{display:table-row;}
.section03 .main_con .left{width:50%;background-image:url('../img/main_product_01.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;}
.section03 .main_con .right{width:50%}
.section03 .main_con .left,.section03 .main_con .right{display:table-cell;vertical-align:middle;text-align:center;border:10px solid transparent;position:relative;cursor:pointer}
.section03 .main_con .left .txt{opacity:0;position:absolute;top:0;left:0;width:100%;height:584px;background-color:RGBA(0,0,0,0.8);transition: all 0.5s ease-in-out;-webket-transition: all 0.5s ease-in-out,-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out}
.section03 .main_con .left .txt h3{color:#FFF;font-size:24px;height: 72px;position: absolute;top: 50%;margin-top: -36px;width: 100%;}
.section03 .main_con .left:hover .txt{display:block;opacity:1;}
.section03 .main_con .left .img{height:100%;width:100%;overflow:hidden}
.section03 .main_con .left .img img{height:100%;width:auto;max-width:unset}
.section03 .main_con .right .pro_in_table{display: table;width:100%}
.section03 .main_con .right .pro_in_table > div{display: table-row;width:100%}
.section03 .main_con .right .pro_in_table > div .pro_in{display: table-cell;text-align:center;border-bottom:20px solid transparent;position:relative;overflow: hidden;vertical-align: middle;}
.section03 .main_con .right .pro_in_table > div:last-child .pro_in{border-bottom:none;}
.section03 .main_con .right .pro_in_table > div .pro_in .txt{opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;background-color:RGBA(0,0,0,0.8);transition: all 0.5s ease-in-out;-webket-transition: all 0.5s ease-in-out,-ms-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out}
.section03 .main_con .right .pro_in_table > div .pro_in .txt h3{color:#FFF;font-size:24px;height: 72px;position: absolute;top: 50%;margin-top: -36px;width: 100%;}
.section03 .main_con .right .pro_in_table > div .pro_in .img.pro_01{height: 282px;width:100%;overflow: hidden;background-image:url('../img/main_product_02.jpg');background-size:cover;background-repeat:no-repeat;
    background-position: center;}
.section03 .main_con .right .pro_in_table > div .pro_in .img.pro_02{height: 282px;width:100%;overflow: hidden;background-image:url('../img/main_product_03.jpg');background-size:cover;background-repeat:no-repeat;background-position:center;}
.section03 .main_con .right .pro_in_table > div .pro_in:hover .txt{display:block;opacity:1;}

.section03 .main_con .snip1297{display: inline-block;margin-top: 130px;position: absolute;right: 0}
.section03 .main_con .snip1297 * {
	box-sizing: border-box;-ms-transition: all 0.35s linear;-webkit-transition: all 0.35s linear;transition: all 0.35s linear;
}
.section03 .main_con .snip1297 li {
	width: 100px;display: inline-table;list-style: outside none none;overflow: hidden;color: #fff;;border: 1px solid #fff;margin-right: 0px !important
}
.section03 .main_con .snip1297 a {
	padding: 5px 20px;
	backface-visibility: hidden;
	color: #fff;display: block;
	line-height: 2em;
	position: relative;text-align: center;text-decoration: none;
	-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-ms-transform-style: preserve-3d;
}
.section03 .main_con .snip1297 a:after {-ms-transition: all 0.35s linear;-webkit-transition: all 0.35s linear;transition: all 0.35s linear;background-color: #fff;color: transparent;content: attr(data-hover);top: 0;line-height: 2em;position: absolute;right: 100%;width: 100%;opacity: 0.4;padding: 5px 20px}
.section03 .main_con .snip1297 li:hover a,.snip1297 li.current a {-ms-transform: rotateY(-90deg);-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);color: transparent;}
.section03 .main_con .snip1297 li:hover a:after,.snip1297 li.current a:after {opacity: 1;color: #91a93d;-ms-transform: rotateY(90deg);-webkit-transform: rotateY(90deg);transform: rotateY(90deg);}

#main_slide_txt .i{position: relative;z-index: 100;float:left;width:60%;text-align:left}
#main_slide_txt .i img{width:80%;}
#main_slide_txt .img{position: relative;z-index: 100;float:left;width:40%;text-align:right}
#main_slide_txt .img img{width:68%}
#main_slide_txt i.slide_img{z-index: 100;display: block;width: 353px;height: 310px;background-image: url(../img/main_slide_img01.png);background-size: 100% 100%;background-repeat: no-repeat;}	
#main_slide_txt .btn{position: relative;top: 58%;margin-top: 0px; left: 150px;z-index: 100;}
#main_slide_txt .btn div{display: inline-block;padding: 8px 20px;border: 1px solid #c2e546;width: 65px;text-align: center;cursor: pointer;color: #c2e546;font-weight: normal}
#main_slide_txt .btn div:hover{background: #c2e546;color: #fff;-webkit-transition: all 0.35s linear;
transition: all 0.35s linear;}
#main_slide_txt .btn div:first-child{margin-right: 10px}
#main_slide_txt .side{position: absolute;top: 33%;margin-top: 0px;left: -9vw;z-index: 100;}
#main_slide_txt .side img{display: block}

.clear{clear: both}

#main_slide .snip1297{display: inline-block;margin-top: 61px;z-index:9000}
#main_slide .snip1297 * {box-sizing: border-box;-webkit-transition: all 0.35s linear;transition: all 0.35s linear;}
#main_slide .snip1297 li {width: 100px;display: inline-table;list-style: outside none none;overflow: hidden;color: #91a93d;;border: 1px solid #91a93d;margin-right: 10px}
#main_slide .snip1297 a {padding: 5px 20px;backface-visibility: hidden;color: #91a93d;display: block;line-height: 2em;position: relative;text-align: center;text-decoration: none;-webkit-transform-origin: 50% 0;-ms-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;}
#main_slide .snip1297 a:after {-webkit-transition: all 0.35s linear;transition: all 0.35s linear;background-color: #91a93d;color: transparent;content: attr(data-hover);top: 0;line-height: 2em;position: absolute;right: 100%;width: 100%;opacity: 0.4;padding: 5px 20px}
#main_slide .snip1297 li:hover a,#main_slide .snip1297 li.current a {-webkit-transform: rotateY(-90deg);transform: rotateY(-90deg);color: transparent;}
#main_slide .snip1297 li:hover a:after,#main_slide .snip1297 li.current a:after {opacity: 1;color: #ffffff;-webkit-transform: rotateY(90deg);transform: rotateY(90deg);}
#main_slide .snip1297.mobilec{display:none;}

.section03{padding: 50px 0}
.section03 header{padding: 10px 0}
.section03 header h2{font-size: 33px;text-align: center;font-weight: normal}
.section03 header h2 span{color:#91a93d;font-weight: bold}
.section03 header p{font-size: 15px;text-align: center}
.section03 div.more1{width: 150px;margin: 0 auto;text-align: center;padding: 8px 20px;border: 1px solid #ddd;border-bottom: 1px solid #000;font-size: 13px;cursor: pointer}
.section03 div.more1 span{width: 16px;height: 18px; background: url(./img/share.png);background-repeat: no-repeat;background-size: contain;background-position: center;vertical-align: top;display: inline-block;margin-left: 10px}
.section03.quick{padding: 99px 0; height: 287px; background-image:url("../img/index_product_bg.jpg");background-size:cover;background-position:center;background-attachment:fixed;background-color:RGBA(0,0,0,0.4);position:relative;}
.section03.quick .product_bg{width:100%;height:100%;background-color:#000;opacity:0.8;top:0;left:0;z-index:1;position:absolute;}

.list{margin: 60px 0}
.list > div{position: relative}
.list > div ul .list_nav{position: absolute;width: 100%;height: 100%}
.list > div ul .list_nav .prev{position: absolute;top: 41%;left: 0;cursor: pointer}
.list > div ul .list_nav .next{position: absolute;top: 41%;right: 0;cursor: pointer}
.list > div ul{text-align: center}

.list > div ul li{position: relative;width:25%;box-sizing:border-box;display:inline-block;transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;margin: -2px;vertical-align: middle;border: 3px solid transparent;background-position:center}
.list > div ul li:hover{border: 3px solid #444;z-index: 999;transition: all .5s ease-out;  transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);background: url(./img/hib.png);background-size: cover;background-repeat: no-repeat;background-position:center;}
.list > div ul li.test1:hover{background: url(./img/peptuin_back.png);background-size: cover;background-repeat: no-repeat;background-position:center;}	
.list > div ul li.test2:hover{background: url(./img/iodine_back.png);background-size: cover;background-repeat: no-repeat;background-position:center;}
.list > div ul li:hover a .txt{height: 100%;position: relative;top: -250px}
.list > div ul li:hover a .more{display: block;width: 70px;height: 70px;padding: 0;border-radius: 0;background-size: contain;background-repeat: no-repeat;background-position: center}


.side{position: absolute;top: 50%;margin-top: -129px;left: 10px}
.main_ci{width: 985px;margin: 30px auto;margin-bottom: 70px}
.main_ci .img{display: inline-block;width: calc(41%);margin-left: 4.5%;}
.main_ci .txt{display: inline-block;width: calc(50%);margin-left: 2%;}
.main_ci .txt p{font-size: 16px;word-break: keep-all}
.main_ci .txt p span{font-size: 18px;font-weight: bold}

.contacts{padding: 0}
.notice .width-fixed > div{margin: 0}
.notice .width-fixed > div.latest{margin-left: 200px}

#main_slide ul.mobilec{display:none}


#brand .owl-nav{ position:absolute; top:276px; width:100%; display: block;}
#brand .owl-prev{background-image: url(../img/prev.png); width:16px; height:26px; position:absolute; left:352px; background-repeat:no-repeat;background-size:100% 100%; background-position:left top;}
#brand .owl-next{background-image: url(../img/next.png); width:16px; height:26px; position:absolute; right:352px; background-repeat:no-repeat;background-size:100% 100%; background-position:right top;}




/*brand*/


.section02{padding:80px 0 120px; margin: 0 auto;}
.section02pb{padding:160px 0 0;}

.fp-tableCell{}


.section02 .brand_tit div .br_tit{width: 100%; display: inline-block; height: 89px; border-bottom: 1px solid #d6d6d6; margin-top: 84px;}
.section02 .brand_tit div .br_tit h2{font-size: 0; line-height: 0; display: inline-block; text-align: center; width: 100%;}
.section02 .brand_tit div .br_tit h2 img{padding: 12px 0 37px; height: 36px; border-bottom: 4px solid #b2c93a; width: auto; margin: 0 auto;}

.section02 .br_button{width: 100%; display: inline-block; padding: 46px 0 18px;}

.section02 .br_button ul{text-align: center; padding: 0 46px; width: 100%; display: inline-block; width: calc(100% - 92px);}
.section02 .br_button ul li{CURSOR: pointer; float: left; margin-right: 48px; border: 2px solid #444; width: calc(50% - 28px);padding: 9px 0; display: block; font-size: 20px; color: #444;}
.section02 .br_button ul li:last-child{margin-right: 0;}

.section02 .br_button ul li:hover, .section02 .br_button ul li.active{background-color: #444;color: #fff;}


.section02 .brand_txt{background-color: rgba(242,239,234,0.5); padding: 55px 0; width: 100%; display: inline-block;}
.section02 .brand_txt div .br_subtxt{width: calc(100% - 62%); display: inline-block; padding: 50px 40px 0 0;}
.section02 .brand_txt div .br_subtxt img{width: auto; height: 132px;}
.section02 .brand_txt div .br_subtxt em{display: inline-block; font-family: 'NanumSquare'; color: #898989; padding: 38px 0;}
.section02 .brand_txt div .br_subtxt p{color: #555; padding: 0 26px 0 0; word-break: keep-all; letter-spacing: -1px; white-space: normal;}
.section02 .brand_txt div .br_img{float: right;}
.section02 .brand_txt div .br_img img{width: 697px; height: auto; border: 1px solid #ddd;}






	.section02 .vision{padding: 77px 0; margin-top: 46px; height: 430px; background-color: #f3f3f3; background-image: none;}	
	.section02 .vision .vision_img{position:absolute; top: 0; left: 0; display: inline-block;}
	.section02 .vision .vision_img2{right: 0; left: unset;}
	.section02 .vision .vision_img img{}

	.section02 .vision .vision_txt{position:absolute;top: 50px; right: 0; width: calc(100% - 52%);display: inline-block; text-align: center;}
	.section02 .vision .vision_txt2{left: 0;}

	.section02 .vision div .vision_txt .vision_txt_img{position: absolute; top: -28px; right: 0; width: 100%;}
	.section02 .vision div .vision_txt .vision_txt_img img {width: auto; height: 112px; margin: 0 auto; }
	.section02 .vision div .vision_txt ul {width: 100%;}

	.section02 .vision div .vision_txt ul li{min-height: calc(374px - 200px); width: 100%; margin-right: 0; background-color: #fff; float: none; padding: 120px 0 80px;}

	.section02 .vision div .vision_txt ul li img {width: auto; height: 79px; margin: 0 auto; }

	.section02 .vision div .vision_txt ul li strong{display: block; padding: 0 0 13px; font-size: 28px; font-weight: 600; font-family: 'NanumSquare'; line-height: 0.81;}

	.section02 .vision div .vision_txt ul li span{font-size: 20px; font-family: 'NanumSquare';}
	.section02 .vision div .vision_txt ul li p{font-size: 17px; color: #888; line-height: 1.18; font-weight: 300; white-space: normal; word-break: keep-all;}

	.section02 .vision div .vision_txt ul li p.br_pd{padding: 16px 0 0;}
	.section02 .brand_txt div .br_subtxt img{width: auto; height: 100%; display: block;}
	.section02 .brand_txt div .br_subtxt em{display: inline-block; font-family: 'NanumSquare'; color: #898989; padding: 25px 0 30px;}


	.section02 #product_list div #brand_pr{padding: 55px 80px 0; /* padding: 55px 80px 120px; */ width: calc(100% - 160px); position: relative;}
	.section02 #product_list div #brand_pr .item .container{height: 356px;cursor: pointer; border:1px solid #636363; padding: 40px 30px; text-align: center;width:calc(100% - 62px);}
	.section02 #product_list div #brand_pr .item .img{}
	.section02 #product_list div #brand_pr .item .img img{height: 176px; width: auto; margin: 0 auto; padding-bottom: 50px;}

	.section02 #product_list div #brand_pr .item .bs_txt{line-height: 1.1; color: #a7a7a7; white-space: normal; word-break: keep-all;}
	.section02 #product_list div #brand_pr .item .bs_txt strong{text-transform : uppercase; letter-spacing: 1px; font-family: 'NanumSquare'; min-height: 40px; display: block; padding-bottom: 13px; font-size: 20px; font-weight: 600; color: #666;}
	.section02 #product_list div #brand_pr .item .bs_txt span{font-weight: 100; display: block; padding-bottom: 8px;}
	.section02 #product_list div #brand_pr .item em{color: #777; font-family: 'NanumSquare';}
	.section02 #product_list div #brand_pr .item .container:hover{border: 1px solid #24b5c9;}


	#brand_pr .owl-nav{position:absolute; top:250px; left:0; width:100%; display: block;}
	#brand_pr .owl-nav .owl-prev{background-image: url(../img/prev.png); width:16px; height:26px; position:absolute; left:0; background-repeat:no-repeat;background-size:100% 100%; background-position:left top; cursor: pointer;}
	#brand_pr .owl-nav .owl-next{background-image: url(../img/next.png); width:16px; height:26px; position:absolute; right:0; background-repeat:no-repeat;background-size:100% 100%; background-position:right top; cursor: pointer;}








.section02 .brand_txt div .br_subtxt p.rp_pd{padding-top: 13px;}



/*brand*/


/* rnd */


.section03{padding:80px 0 120px; margin: 0 auto;}
.section03pb{padding:80px 0 0;}


.section03 h2.institute{padding: 90px 0 30px;}



.section03 h2{padding: 80px 0 40px; line-height: 0.9;text-shadow: unset; font-family: 'NanumSquare'; font-weight:600; color:#2d2d2d; font-size:52px; letter-spacing:-3px; /*text-transform: uppercase;*/}
.section03 h2 span{font-size: 35px; padding-right: 28px; color: #999999; font-weight: 500;}



.section03 h2.lg_ko{font-size: 56px;}

.section03 .rnd_overview{background:url(../img/rnd_overview_bg.png); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding:0; text-align: center;}
.section03 .cts{display: inline-block; width: 100%; text-align: center; margin-top: 100px;}
.section03 .rnd_overview .cts .rnd_top{width: 100%;}
/*.section03 .rnd_overview .cts .rnd_top div h2{padding: 50px 0 36px; line-height: 0.9;text-shadow: unset; font-family: 'NanumSquare'; font-weight:600; color:#2d2d2d; font-size:58px;}*/
.section03 .rnd_overview .cts .rnd_mid{/*padding: 40px 0;*/ background:url(../img/rnd_mid_bg.jpg); background-position: center; background-size: cover;  background-repeat: no-repeat;}
.section03 .rnd_overview .cts .rnd_mid div h3{color: #f1f1f1; font-size: 28px;}
.section03 .rnd_overview .cts .rnd_mid div p{margin: 0; line-height: 1.3em; font-size: 16px; color: #eaeaea; font-weight: 300;}
.section03 .rnd_overview .cts .rnd_mid div p.rnd_mid_pb{padding: 26px 40px 28px;}
.section03 .rnd_overview .cts .rnd_low{width: 100%; display: inline-block; padding: 40px 0 80px;}
.section03 .rnd_overview .cts .rnd_low div .ctit{text-align:left;}
.section03 .rnd_overview .cts .rnd_low div .ctit ul {margin:0 auto; display:inline-block; margin-left: 19.6%;}
.section03 .rnd_overview .cts .rnd_low div .ctit li {display:inline-block; border: 1px solid #dddddd;margin-left:30px; width:300px; text-align:center; padding:14px 0; background-color:#fff; cursor:pointer; }
.section03 .rnd_overview .cts .rnd_low div .ctit li:hover {background-color:#ff9400 ;color:#fff;}
.section03 .rnd_overview .cts .rnd_low div h4{font-weight: 600; font-size: 28px; padding-bottom: 40px; text-align: left; margin-left:16px;}
.section03 .rnd_overview .cts .rnd_low .table{margin:9px 0px 18px 0px; width:100%;}


.rnd_low div ul.institute_first{width: 100%; display: inline-block;}
.rnd_low div ul.institute_first li{height: calc(316px - 60px); margin:0 auto; float:left; width:18.2%; padding:35px 40px; border-right:1px solid #b7b7b7;}
.rnd_low div ul.institute_first li:last-child{border-right:none;}
.rnd_low div ul.institute_first li img{}
.rnd_low div ul.institute_first li strong{padding:30px 0 13px;font-size:20px; color:#000000; font-family: 'NanumSquare'; font-weight:600; display: block;}
.rnd_low div ul.institute_first li p{line-height:1.3; font-size:15.5px; font-weight:300; color:#555555;}



.section03 .rnd_overview .cts .rnd_low .tg{border-collapse:collapse; border-spacing:0; border-bottom: 1px solid #b0b0b0; word-break:break-all; font-size:0.85em; margin:2px 1px; line-height:140%; width:100%;}
.section03 .rnd_overview .cts .rnd_low .tg th{background-color:#d4ddde; border: 1px solid #b0b0b0; padding:6px 8px; width:auto; text-align:center;}
.section03 .rnd_overview .cts .rnd_low .tg td{background-color:#ffffff; border-bottom: 1px solid #cfcfcf; padding:6px 8px; width:auto; line-height:150%}
.section03 .rnd_overview .cts .rnd_low .amctop {text-align:center;}
.section03 .rnd_overview .cts .rnd_low .amcleft {width:40%; text-align:center; display:inline-block; margin-right:9%;}
.section03 .rnd_overview .cts .rnd_low .amcright {width:40%; text-align:center; display:inline-block;margin-left:9%;}
.section03 .rnd_overview .cts .rnd_low div .amctop ul {margin:0 auto; display:inline-block; margin-top: 5%;}
.section03 .rnd_overview .cts .rnd_low div .amctop li {display:inline-block; border: 1px solid #dddddd;margin-left:30px; width:300px; text-align:center; padding:14px 0; background-color:#fff; cursor:pointer; }
.section03 .rnd_overview .cts .rnd_low div .amctop li:hover {background-color:#8bbe00 ;color:#fff;}

.section03 .rnd_overview div .cts .rnd_low .tg td.first{border-left:1px solid #cfcfcf; border-right:2px solid #cfcfcf;}
.section03 .rnd_overview div .cts .rnd_low .tg td.last{text-align:left}

.section03 .rnd_overview .cts .rnd_low div img{vertical-align: middle;}
.section03 .rnd_overview .cts .rnd_low div img.amcimgunset {vertical-align: unset;}
.section03 .rnd_overview .cts .rnd_low div img.rnd_low_imgl{padding: 0 12px 0 40px;}
.section03 .rnd_overview .cts .rnd_low div img.rnd_low_imgr{padding: 0 40px 0 12px;}

.section03 .rnd_overview .cts .rnd_mid_bg2{background:url(../img/mineral_water_bg.jpg);}

.section03 .rnd_overview .cts .rnd_mineral{padding: 50px 0 20px;}

.section03 .rnd_overview{position:relative;}
.scroll{position: absolute; right: 20px; bottom: 20px; width: 100%; z-index: 999; text-align: right;}
.scroll span{display:none;}
.scroll img{animation-name:animate_scroll; animation-duration:3s; animation-iteration-count:infinite; animation-timing-function:linear;}


.low_bg{background:url(../img/rnd_explanation_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; width: 100%; padding:40px 0; text-align: center;}
.low_bg img{width: 80%; padding-top: 45px; margin: 0 auto;}
.low_bg span{font-size: 18px; color: #eaeaea; text-align: right; width: 100%; display: inline-block;}


@keyframes animate_scroll{
	0% {transform:translate(0, 0);}
	50% {transform:translate(0, -30px);}
	100% {transform:translate(0, 0);}
}




.section03 div{}



.section03 aside ul li{width:100%;}
.section03 aside ul li img{width:100%;}


a#move_top_btn {position: fixed; right: 40px; bottom: 65px; display: none; z-index: 222; background-image:url("../img/top_move_btn3.png"); background-size:100% 100%; background-position:center; background-repeat:no-repeat; width:45px; height:45px; font-size:0; line-height:0;}

aside{z-index:99;	position:fixed;left:40px;top:calc(100% - 50%);}
aside.rnd_aside ul li a{font-size: 14px; padding: 11px 25px 0;}
aside ul li a{border: unset; display: block; background: url(../img/fullpage_aside.jpg) left top 6px no-repeat; height: 26px; font-size: 0; line-height:0; color: #d7d7d7; font-weight: 300; padding: 6px 25px 0;}

aside ul li.on a{height: 24px; background: url(../img/fullpage_aside_over.jpg) left top 6px no-repeat; color: #24b5c9; text-decoration: none;}
aside ul li.on.bc_color a{color: #e71854; background-image:url(../img/fullpage_aside_over1.jpg);}
aside ul li.on.sea_color a{color: #e71854; background-image:url(../img/fullpage_aside_over2.jpg);}
aside ul li.on.am_color a{color: #93dd3d; background-image:url(../img/fullpage_aside_over3.jpg);}
aside ul li a img{height: 12px;}



/* rnd intro*/

.rnd_index_bg{background:url(../img/introduction_bg.jpg); background-position: top center; background-size: cover; background-repeat: no-repeat;}
.rnd_explanation{background:url(../img/rnd_overview_bg.png); background-position:center center; background-size: cover; background-repeat: no-repeat;}


/* rnd intro*/




/* 뷰티콜라겐 기술*/

.rnd_technology .rnd_txt{background:url(../img/rnd_technology_bg.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;padding:95px 0;}
.rnd_technology .rnd_txt .in_rnd{width:100%;background-color:#FFF;padding:50px 0}
.rnd_technology .rnd_txt .rnd_l{width: calc(100% - 50%); text-align: left; float: left; padding-top:18px;}


.rnd_technology .rnd_txt .rnd_l{width: calc(100% - 54%); padding-top: 0; padding-right: 40px; border-right: 1px dashed #dcdcdc;}
.rnd_technology .rnd_txt .rnd_l em{display: block; color: #2d2d2d; font-weight: 600; font-size: 24px; padding-left: 26px;}
.rnd_technology .rnd_txt .rnd_l strong{display: block; font-family: 'NanumSquare'; color: #ffffff; font-size: 30px; font-weight: 900; background-image: url(../img/rnd_collagen_strongbg.png); background-position: center right; background-repeat: no-repeat; background-size: auto; padding: 8px 83px 3px; margin: 3px 0;}
.rnd_technology .rnd_txt .rnd_l span{color:#999999; text-align: right; width: 100%; display: inline-block;}
.rnd_technology .rnd_txt .rnd_l p{color: #999999; line-height: 1.2;}

.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul{width: calc(100% - 80px); margin: 45px 40px 55px; display: inline-block;}
.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul li{float: left; width: 33.3%; margin: 0 auto;/* margin-right: 35px;*/ text-align: center;}
/*.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul li:last-child{width: 23.3%; margin-right:0;}*/
.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul li p{color: #adafae; font-size: 16px; font-weight: 300; padding-top: 8px;}

.rnd_technology .rnd_txt .rnd_r{width: calc(100% - 53%); text-align: left;  margin-left: 40px; float: right;}
.rnd_technology .rnd_txt .rnd_r p{color: #3f3f3f; font-size: 20px; font-weight: 500;}
.rnd_technology .rnd_txt .rnd_r p span.h_sline{background-color: #91191e; height: 18px; width: 2px; display: inline-block; margin-right: 8px;}
.rnd_technology .rnd_txt .rnd_r img{padding: 20px 0 45px;}

.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt{width: calc(100% - 67%); float: left; margin-right: 67px;}
.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt strong{color: #3f3f3f; font-size: 20px; font-weight: 500;}
.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt strong span.h_sline{background-color: #91191e; height: 18px; width: 2px; display: inline-block; margin-right: 8px;}
.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt p{font-weight: 300; color: #5e5a58; padding: 15px 0 25px; line-height: 1.2; font-size: 18px;}

.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt ul li em{color: #57595b; font-size: 16px; font-weight: 500; display: block; line-height: 1.2;}
.rnd_technology em span{width: 9px; height: 9px; display: inline-block; margin-right: 5px; margin-bottom: 1px;}
.rnd_technology em span.square_b{background-color: #514b49;}
.rnd_technology em span.square_p{background-color: #e81754;}

.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_rimg img{padding: 0;}



.rnd_technology .rnd_txt2_bg{padding: 0 0 60px;}
.rnd_technology .rnd_txt2_bg .rnd_txt2{    background-size: cover;background-image: url(../img/rnd_collagen_img3.jpg); background-repeat: no-repeat; background-position: top center; padding: 116px 80px;}
.rnd_technology .rnd_txt2_bg .rnd_txt2 div h3{color: #3d3d3d; font-size: 30px; font-weight: 600; padding-bottom: 35px;}
.rnd_technology .rnd_txt2_bg .rnd_txt2 div p{font-weight: 300; font-size: 20px; color: #999999; line-height: 1.1;}
.rnd_technology .rnd_txt2_bg .rnd_txt2 div p.rnd_pd{padding: 30px 0;}


.rnd_technology .rnd_top2 div h2{padding: 80px 0 30px;}
.rnd_technology .rnd_top2 div h2 span{padding-left: 22px; padding-right: 0;}
.rnd_technology  div .rnd_top2_line{width: 100%; height: 4px; border-bottom: 2px solid #999;}
.rnd_technology  div .rnd_top2_line_c{margin: -4px auto 0; width: 60%; /* width: 720px; */ height: 4px; background-color: #444444;}

.rnd_technology  div .rnd_top2_line_c2{width: 45%;}
.rnd_technology  div .rnd_top2_line_c3{width: 42%;}
.rnd_technology  div .rnd_top2_line_c4{width: 35%;}
.rnd_technology  div .rnd_top2_line_c5{width: 57%;}
.rnd_technology  div .rnd_top2_line_c6{width: 48%;}


.rnd_technology .rnd_mg{padding: 60px 0 6px;}

.rnd_technology .rnd_img{padding: 65px 0 10px;}
.rnd_technology .rnd_txt3_bg{background-color: #dddddd; width: 100%; padding: 45px 0; text-align: left; margin-bottom:40px;}

.rnd_technology .rnd_txt3_bg .rnd_txt3{width: 30%; float: left; display: inline-block; margin-right: 70px;}
.rnd_technology .rnd_txt3_bg .rnd_txt3 h3{font-family: 'NanumSquare'; font-weight:900; font-size:30px; color:#3d3d3d; padding-bottom:5px;}
.rnd_technology .rnd_txt3_bg .rnd_txt3 ul{}
.rnd_technology .rnd_txt3_bg .rnd_txt3 ul li{font-size:20px; color:#888888; font-weight:300; line-height: 1.2;}

.rnd_technology .rnd_txt4_bg{background-image: url(../img/rnd_txt4_bg.jpg); background-repeat: no-repeat; background-position: top left; padding: 48px 0; position: relative;}

.rnd_technology .rnd_txt4_bg p{position: absolute; right: 0; text-align: right; color: #ffffff; line-height: 1.1; font-size: 20px; font-weight: 300;}

.rnd_technology .rnd_l2{text-align: left; padding: 45px 0 55px;} 
.rnd_technology .rnd_l2 div .rnd_txt5{width: 30%; float: left;}
.rnd_technology .rnd_l2 div .rnd_txt5 em{font-family: 'NanumSquare'; font-weight: 900; font-size: 30px; color: #3d3d3d;}
.rnd_technology .rnd_l2 div .rnd_txt5 em span.square_b{width: 12px; height: 12px; margin-right: 16px; margin-bottom: 6px;}
.rnd_technology .rnd_l2 div .rnd_txt5 p{line-height: 1.2; color: #999999; padding: 5px 0 0 28px; font-weight: 300;}

.rnd_technology .rnd_l2 div .rnd_txt4_img ul{margin: 0 auto; text-align: center;}
.rnd_technology .rnd_l2 div .rnd_txt4_img ul li{width: 23.3%; float: left;}
.rnd_technology .rnd_l2 div .rnd_txt4_img ul li img{width: 85%;}

.rnd_technology .rnd_txt6{padding-bottom: 20px; display: inline-block;}
.rnd_technology .rnd_txt6 div ul{width: 100%; margin: 0 auto; text-align: center;}
.rnd_technology .rnd_txt6 div ul li{width: 47%; float: left;}
.rnd_technology .rnd_txt6 div ul li:last-child{width: 45%; float: right;}
.rnd_technology .rnd_txt6 div ul li:last-child img{margin-left: 20px;}

.rnd_technology .rnd_txt6 div ul li h3{margin-bottom: 8px; font-family: 'NanumSquare'; font-weight: 900; font-size: 27px; color: #3d3d3d;}
.rnd_technology .rnd_txt6 div ul li p{color:#999999; font-weight: 300;}
.rnd_technology .rnd_txt6 div ul li p span.h_sline2{margin: 0 10px; margin-bottom: -1px; background-color: #999999; height: 18px; width: 1px; display: inline-block; margin-right: 8px;}

.rnd_technology .rnd_l3{padding: 45px 0 40px; line-height: 1.2; color: #999999; font-weight:300;}

.rnd_technology .rnd_txt7 .rnd_txt5_img{width: 60%; float:left;}
.rnd_technology .rnd_txt7 .rnd_txt7_txt{float: right; width: calc(40% - 20px); text-align: left; margin-left: 20px; color: #999999; font-weight: 300;}

.rnd_technology .rnd_txt7 .rnd_txt7_txt strong{font-family: 'NanumSquare'; font-weight: 900; font-size: 30px; color: #3d3d3d; margin-bottom: 8px; display: block;}
.rnd_technology .rnd_txt7 .rnd_txt7_txt strong span.h_sline2{margin-bottom: -4px; background-color: #3d3d3d; height: 30px; width: 1px; display: inline-block; margin-right: 16px;}
.rnd_technology .rnd_txt7 .rnd_txt7_txt strong span.h_sline3{margin-right: 0; margin-left: 16px;}
.rnd_technology .rnd_txt7 .rnd_txt7_txt p.txt_ri{text-align: right; font-size: 16px; padding-top: 30px; color: #aeaeae;}

.rnd_technology .rnd_txt7 .rnd_txt7_txt ul{}
.rnd_technology .rnd_txt7 .rnd_txt7_txt ul li{background-image: url(../img/li_square.jpg); background-repeat: no-repeat; background-position: top 7px left; line-height: 1.2; padding-left: 18px; padding-bottom: 9px;}
.rnd_technology .rnd_txt7 .rnd_txt7_txt ul li span.font_br{color: #bd2d62; font-weight: 500;}

.rnd_technology .rnd_l3 strong{font-family: 'NanumSquare'; font-weight: 900; font-size: 28px; color: #3d3d3d;}
.rnd_technology .rnd_txt8 .rnd_txt6_img {width: 50%; float: left;}

.rnd_technology .rnd_txt8 .rnd_txt8_txt{width: calc(50% - 40px); margin-left: 40px; float: right;}

.rnd_technology .rnd_txt8 p{text-align: right; padding-top: 5px; color: #aeaeae; font-size: 16px; font-weight: 300;}


table.collagen_table thead{color: #f7f7f7; background-color: #424242; border-bottom: 1px solid #8b8b8b; font-weight: 500;}
table.collagen_table thead tr th{padding: 8px 20px; border-right: 1px solid #a1a1a1;}
table.collagen_table thead tr th.name_line{text-align: left; padding-left: 20px; border-right: 2px solid #fff;}

table.collagen_table tbody tr td{border-right: 1px solid #c5c5c5; border-bottom: 1px solid #c5c5c5; color: #4d4d4d; padding: 16px 0 18px;}
table.collagen_table tbody tr td.division_line{border-right: 2px solid #a2a2a2; text-align: left; padding-left: 20px;}
table.collagen_table tr.bt_line td{border-bottom: 1px solid #8b8b8b;}
table.collagen_table tr td.last_line{border-right: unset;}

table.collagen_table tr th, table.collagen_table tr td{text-align: center; font-size:16px; white-space: normal; word-break: keep-all; font-weight: 300; line-height: 1.2}

.rnd_technology .rnd_txt5_bg{margin-top: 20px; height: 80px; background-color: #999999;}
.rnd_technology .rnd_txt5_bg p{height: 100%; width: 100%; background-color: #a7a7a7; color: #f7f7f7; line-height: 1.2; font-weight: 300; padding: 19px 0px;}

.rnd_technology .rnd_l4{text-align:left; padding: 45px 30px;}
.rnd_technology .rnd_l4 div strong{font-family: 'NanumSquare'; font-weight: 900; font-size: 30px; color: #3d3d3d;}
.rnd_technology .rnd_l4 div strong span.span_g{color: #999999; font-size: 28px; font-weight:500; margin-left: 5px;}


.rnd_technology .rnd_txt9 .rnd_txt7_img ul{width: 100%; display: inline-block; margin: 0 auto;}
.rnd_technology .rnd_txt9 .rnd_txt7_img ul li{width: 33.3%; float: left;}
.rnd_technology .rnd_txt9 .rnd_txt7_img ul li img{width: 90%;}


.rnd_technology .rnd_l4 .rnd_txt10{width: calc(50% - 30px); float: left; margin-right: 30px;}
.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong{background-image: url(../img/rnd_collagen_img16.png);}
.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img img{padding:35px 0 15px;}

.rnd_technology .rnd_l4 .rnd_txt11{width: calc(50% - 30px); margin-left: 30px; float: right;}
.rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{background-image: url(../img/rnd_collagen_img18.png);}
.rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img img{padding:35px 0 15px;}

.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{font-size: 28px; padding: 2px 0 0 60px; background-repeat: no-repeat; background-position: top left; width: 100%; display: inline-block;}
.rnd_txt10_txt table.collagen_table tbody tr td, .rnd_txt11_txt table.collagen_table tbody tr td{padding: 11px 0 12px;}
.rnd_technology .rnd_l4 .rnd_txt10, .rnd_technology .rnd_l4 .rnd_txt11{text-align: center; margin-bottom: 30px;}
.rnd_txt10_txt table.collagen_table tbody tr td.division_line, .rnd_txt11_txt table.collagen_table tbody tr td.division_line{padding-left: 20px;}
.rnd_technology .rnd_l4 .rnd_txt12 .rnd_txt8_img strong{background-image: unset; padding: 0 0 25px;}

.rnd_technology .rnd_l4 .rnd_txt12 .rnd_txt8_img strong span.sample_p{font-family: 'NanumSquare'; font-weight: 300; color:#bd2d62; font-size:20px; padding-right:10px;}

.rnd_technology .rnd_l5 p{text-align:center; font-weight:300; color:#999999; line-height:1.2;}
.rnd_technology .rnd_l5 p.sample_pd{padding:10px 0;}
.rnd_technology .rnd_btn_low{width: 100%; display: inline-block; padding: 50px 0 30px; margin: 0 auto; text-align: center;position: relative;}
.rnd_technology .rnd_btn_low a{/*text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.12) ;  -webkit-text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.12) ;  -moz-text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.12) ; */font-weight:300; color:#444444; display: inline-block; width: 340px; height: auto; padding: 13px 0; margin-right: 30px; border: 2px solid #dddddd; border-radius: 4px;}
.rnd_technology .rnd_btn_low a:hover{/*text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.08) ;  -webkit-text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.08) ;  -moz-text-shadow: 3px 3px 7px rgba(0, 0, 0, 0.08) ;  */background-color:#bd2d62; border: 2px solid #bd2d62; color:#ffffff;}
.rnd_technology .rnd_btn_low a span{font-weight:500;}




/* 뷰티콜라겐 기술 */




/* 아미셀 */

.rnd_technology .amicel_bg .rnd_txt2{background-image: url(../img/amicel_bg.jpg);}
.section03 h2 span.titunder_line{height: 4px; background-color: #000000; width: 24px; font-size: 0; display: inline-block; padding: 0; margin: 0 3px -4px;}
.rnd_technology .rnd_l6 h3{line-height: 0.8; color: #999999; font-size: 72px; font-weight: 400; width: 35%; float: left; display: inline-block;}
.rnd_technology .rnd_l6 h3.tit_st{width: 23%;}
.rnd_technology .rnd_l6 .rnd_txt12 .rnd_txt8_img strong{background-image: unset; padding: 0 0 0 20px; width: auto;line-height: 1.2;}
.rnd_technology .rnd_l6 .rnd_txt10, .rnd_technology .rnd_l6 .rnd_txt11{text-align:left;}
.rnd_technology .rnd_l6 .rnd_txt8_img{background-image: url(../img/amicel_img1.png); background-repeat: no-repeat; background-position: bottom left; padding: 0 0 30px 0; margin-bottom: 25px;}
.rnd_technology .rnd_l6 .rnd_txt11 .rnd_txt8_img{background-image: url(../img/amicel_img2.png);}
.rnd_technology .amicel_bg .rnd_txt2 div h3{color:#f1f1f1;}
.rnd_technology .amicel_bg .rnd_txt2 div p{color:#eaeaea;}
.rnd_technology .rnd_top2 div h2 span.tit_amicell{padding-left: 0; padding-right: 22px;}
.rnd_technology .border_line{height: 2px; width: 100%; border-bottom: 2px dashed #ddd; margin: 5px 0 30px;}
.rnd_technology .rnd_l6 span.square_g{background-color: #999999; width: 9px; height: 9px; display: inline-block; margin-right: 9px; margin-bottom: 3px;}

.rnd_technology .amicel_bg{background-size: cover; background-image: url(../img/amicel_bg2.jpg); background-repeat: no-repeat; background-position: center;}
.rnd_technology .rnd_txt13{padding: 45px 0 135px; text-align: left;}
.rnd_technology .rnd_txt13 ul li{background-image: url(../img/amicel_icon1.png); background-repeat: no-repeat; background-position: center left; margin-bottom: 70px; padding: 5px 0 5px 160px;}

.rnd_technology .rnd_txt13 ul li:nth-child(2){background-image: url(../img/amicel_icon2.png);}
.rnd_technology .rnd_txt13 ul li:last-child{background-image: url(../img/amicel_icon3.png);}

.rnd_technology .rnd_txt13 strong{font-family: 'NanumSquare'; font-weight: 900; font-size: 30px; color: #3d3d3d; margin-bottom: 8px; margin-bottom: 4px; display: block;}
.rnd_technology .rnd_txt13 p{line-height: 1.2; color: #999; font-weight: 300;}


.rnd_technology .amicel_bg2{background-size: cover; background-image: url(../img/amicel_bg3.jpg); background-repeat: no-repeat; background-position: center;}

.rnd_technology .amicel_bg2 .rnd_txt9 .rnd_txt7_img{padding: 45px 0 35px;}
.rnd_technology .amicel_bg2 .rnd_txt9 .rnd_txt7_img ul li{width: calc(34% - 50px); margin-right: 50px;}
.rnd_technology .amicel_bg2 .rnd_txt9 .rnd_txt7_img ul li:last-child{margin-right: 0;}
.rnd_technology .amicel_bg2 .rnd_txt9 .rnd_txt7_img ul li img{width: 100%; box-shadow: 20px 20px 9px rgba(38, 45, 20, 0.2); -webkit-box-shadow: 20px 20px 9px rgba(38, 45, 20, 0.2); -moz-box-shadow: 20px 20px 9px rgba(38, 45, 20, 0.2);}


.rnd_technology .amicel_bg2 .line_otwetxt{margin-bottom: 80px; text-align: left; padding: 25px 35px; display: inline-block; width: calc(100% - 80px); background-color: #555555; border-radius: 4px; color: #e0e0e0; font-weight: 300;}
.rnd_technology .amicel_bg2 .line_otwetxt ul li{margin-right: 53px; background-image: url(../img/amicel_bg3_li.png); background-repeat: no-repeat; width: calc(28.5% - 75px); float: left; display: inline-block; line-height: 1.2; padding-left: 15px; background-position: top 7px left;}
.rnd_technology .amicel_bg2 .line_otwetxt ul li:last-child{margin-right: 0;}

.rnd_technology .amicel_bg2 ul.line_onetxt li:last-child{width: 15%;}
.rnd_technology .amicel_bg2 ul.line_twotxt li:last-child{width: 22%;}
.rnd_technology .amicel_bg2 .border_line{height: 1px; width: 100%; border-bottom: 1px dashed #999999; margin: 16px 0 16px;}


.rnd_technology .amicel_sub em span{width: 12px; height: 12px; display: inline-block; margin-right: 12px; margin-bottom: 6px;}
.rnd_technology .amicel_sub em span.square_tg{background-color: #126618;}
.rnd_technology .amicel_sub em span.square_mg{background-color: #93dd3d;}

.rnd_technology .rnd_l7{padding:45px 0 30px;}
.rnd_technology .rnd_l2 div .rnd_txt14{width: calc(70.6% - 80px); margin-right: 80px;}
.rnd_technology .rnd_l2 div .rnd_txt14 ul{width: 100%; display: inline-block;}
.rnd_technology .rnd_l2 div .rnd_txt14 ul li{width: calc(35% - 40px); float: left; margin-right: 40px;}
.rnd_technology .rnd_l2 div .rnd_txt14 ul li:last-child{margin-right:0;}
.rnd_technology .rnd_l2 div .rnd_txt14 .rnd_txt14_top{margin-bottom:25px;}

.rnd_technology .rnd_txt_bg{background-color: #555555; display: inline-block; width: 100%; height: 285px;}

.rnd_technology .rnd_txt_bg .rnd_txt_bg_l{background-color: #444444; width: 38.5%; float: left; height: calc(100% - 100px); padding: 50px 0;}
.rnd_technology .rnd_txt_bg .rnd_txt_bg_l .rnd_txt3_img{ }

.rnd_technology .rnd_txt_bg .rnd_txt3{width: calc(100% - 30% - 20px);margin: 61px 0;float: right;/* height: calc(100% - 100px); */text-align: left;color: #e0e0e0;font-weight: 300;}
.rnd_technology .rnd_txt_bg .rnd_txt3 ul{width: 100%; display: inline-block; margin: 0 auto;}
.rnd_technology .rnd_txt_bg .rnd_txt3 ul li{width: calc(33.33% - 82px); float: left; padding: 0 40px;}
.rnd_technology .rnd_txt_bg .rnd_txt3 ul li:nth-child(2){border-right: 2px dashed #999999; border-left: 2px dashed #999999;}

.rnd_technology .rnd_txt_bg .rnd_txt3 ul li h3{color:#ececec;}
.rnd_technology .rnd_txt_bg .rnd_txt3 ul li h3 span{color: #c0c0c0; font-weight: 300;}

.rnd_technology .rnd_top2 div h2 span.flpd{padding-left: 0; padding-right: 22px;}



.rnd_technology .rnd_l8{padding: 44px 0;}

.rnd_technology .rnd_txt15{width: calc(63% - 80px); float: left; margin-right: 80px;}
.rnd_technology .rnd_txt15 em{display: block;padding-bottom: 10px; color: #3d3d3d; font-size: 30px; font-weight: 600;}
.rnd_technology .rnd_txt15 ul li{padding-bottom:3px; background-image: url(../img/rnd_txt9_img_li_6.jpg); background-repeat: no-repeat; padding-left: 18px; background-position: top 8px left;}
.rnd_technology .rnd_l8 ul li{color:#999;}
.rnd_technology .rnd_l8 ul li:nth-child(2){line-height:1.2;}


.rnd_technology .rnd_txt9_img{text-align:center; width: 37%; float: right;}
.rnd_technology .rnd_txt9_img p{padding-top: 3px; color:#999999;}
.rnd_technology .rnd_txt9_img p span.h_sline2{margin: 0 10px; margin-bottom: -1px; background-color: #999999; height: 18px; width: 1px; display: inline-block; margin-right: 8px;}



.rnd_technology .rnd_l8 .rnd_txt9_img{}


.rnd_technology .rnd_txt_bg2{background-color: #202b13; height: calc(365px - 160px); padding: 80px 0;}
.rnd_technology .rnd_txt_bg2 em{color: #ececec;}

.rnd_technology .rnd_txt_bg2 .rnd_txt15 ul li{background-image: url(../img/rnd_txt9_img_li_e.jpg);color: #e0e0e0;}
.rnd_technology .rnd_txt_bg2 .rnd_txt15 ul li:first-child{line-height:1.2;}

.rnd_technology .rnd_txt_bg2 .rnd_txt9_img p{color:#c0c0c0;}
.rnd_technology .rnd_txt9_img p span.h_sline2{background-color:#e4e4e4;}

.rnd_technology .rnd_l8, .rnd_technology .rnd_txt_bg2{font-weight: 300; text-align: left; display: inline-block; width: 100%;}


.rnd_technology .rnd_txt16{ width: 100%; display: inline-block; padding: 45px 0;}


.amicel_tables2{display:table;width:100%;border-spacing:4px;}
.amicel_tables{display:table;width:100%;border-spacing:0;}
.amicel_row{display:table-row}
.amicel_td{background-color: #fff; color: #999; font-weight: 300; display:table-cell;width:33.33%;border-bottom:1px solid #ddd;padding:9px;border-right:2px solid #ddd;border-left:2px solid #ddd}
.amicel_td.f_line{border-top:2px solid #ddd;}

.amicel_td.empty{padding:10px;border:none;}
.amicel_td.title{font-family: 'NanumSquare'; background-color: #8bbe00; font-size: 30px; color: #f5f5f5; padding: 10px 0 8px; font-weight: 600; border-bottom: 6px solid #6b9200;margin-bottom:20px;border-right:none;border-left:none;}
.amicel_td.last{border-bottom:5px solid #ddd}
.amicel_td.bgs{background-color:#f2f7e5}

.rnd_technology .amicel_sub2 .rnd_top2 div h2 span{padding-left: 0;}

.rnd_technology .amicel_sub2 .rnd_txt_bg{padding: 45px 0; height: 100%; margin: 10px 0; background-image: url(../img/amicel_img10.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}

.rnd_technology .amicel_sub2 .rnd_txt_bg .rnd_txt15 em{color: #f1f1f1; padding-bottom: 30px;}
.rnd_technology .amicel_sub2 .rnd_txt_bg .rnd_txt15 p{color: #eaeaea; font-weight: 300; line-height: 1.2;}

.rnd_technology .amicel_sub2 .rnd_txt_bg .rnd_txt15 p.sub_pd{padding-top: 18px;}

.rnd_technology .amicel_sub2 .rnd_txt16{padding: 0; margin-right:0; float:none;}

.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15 em{letter-spacing: 3px;}
.rnd_technology .amicel_sub2 em span{vertical-align: middle;color: #c0c0c0;font-weight: 300;font-size: 24px;font-family: 'NanumSquare';width: 86%;height: 100%;margin-left: 10px;margin-right: 0;margin-bottom: 0;letter-spacing: -1px;}

.rnd_technology .amicel_sub2 .rnd_l8 {padding: 20px 0;  position: relative;}
.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15_r{position: absolute; top: 10px; right: 0; color: #126618; font-size: 16px; font-weight: 400;}
.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15 ul li{padding-bottom: 4px;}
.rnd_technology .amicel_sub2 .rnd_l8 ul li:nth-child(4){line-height: 1.1;}





.rnd_technology .amicel_sub3 .rnd_l8{padding: 45px 0 30px;}

.rnd_technology .amicel_sub3 .rnd_txt15{width: calc(64% - 38px); margin-right: 38px;}
.rnd_technology .amicel_sub3 .rnd_txt9_img{text-align: center; width: 36%; float: right;}

.rnd_technology .amicel_sub3 .rnd_txt_bg3{background-color: #f8f8f8; padding: 35px 0; width: 100%; display: inline-block;}
.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_1{width: calc(39% - 60px); margin-right: 60px; float: left;}
.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_r{width: 61%; float: right; text-align: left; color: #999999; font-weight: 300; line-height: 1.2; padding: 28px 0;}
.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_r p{width: 100%;}
.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_r p.txt17r_top{padding-bottom: 10px; border-bottom: 1px solid #cccccc;}
.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_r p.txt17r_bottom{margin-top:1px;padding-top: 10px; border-top: 1px solid #cccccc;}

.rnd_technology .amicel_sub3 .rnd_txt2{padding: 30px 0 60px;}
.rnd_technology .amicel_sub3 .rnd_txt2 .rnd_txt17_l{text-align: left; color: #999999; font-weight: 300; width: calc(50% - 60px); margin-right: 60px; float: left;}
.rnd_technology .rnd_txt2 .rnd_txt17_l strong{font-weight: 400; display: block; padding-bottom: 8px; background-image: url(../img/rnd_txt9_img_li_6.jpg); background-repeat: no-repeat; padding-left: 18px; background-position: top 8px left;}

.rnd_technology .rnd_txt2 .rnd_txt17_l p span.h_sline2{height: 15px; width: 1px; background-color: #999999; display: inline-block; margin: 0 12px;}

.rnd_technology .rnd_txt2 .rnd_txt17_r{width: 50%; float: right;}


table.amicel_table{width: 100%; white-space: normal; word-break: keep-all; font-family: 'NanumSquare';}
table.amicel_table thead{background-color: #424242;color: #f7f7f7; padding: 10px 0;border-bottom: 1px solid #8b8b8b;}
table.amicel_table thead tr th{border-right: 1px solid #fff; padding: 9px 20px 7px; line-height: 1.1; font-weight: 500;}
table.amicel_table thead tr th.name_line{border-right: 2px solid #fff;}
table.amicel_table thead tr th:last-child{border-right: none;}

table.amicel_table tbody{color: #4d4d4d; font-size: 16px; font-weight: 300;}
table.amicel_table tbody tr td{border-bottom: 1px solid #8b8b8b; border-right: 1px solid #8b8b8b; padding: 9px;}
table.amicel_table tbody tr td:last-child{border-right: none;}

.rnd_technology .amicel_sub3 .rnd_txt2 .rnd_txt17_l p{width: 12%; display: inline-block;}
.rnd_technology .amicel_sub3 .rnd_txt2 .rnd_txt17_l span.h_sline2{height: 15px; width: 1px; background-color: #999999; display: inline-block; margin: 0 12px;}
.rnd_technology .amicel_sub3 .rnd_txt2 .rnd_txt17_l em{width: 70%; display: inline-block; vertical-align: top; line-height: 1.2;}


.rnd_technology .amicel_sub4 .rnd_l8{padding: 44px 0 25px;}

.rnd_technology .amicel_sub4 .rnd_txt18{padding: 18px 0 14px; border: 3px solid #ddd; width: 100%; display: inline-block; margin: 0 auto; position: relative;}
.rnd_technology .amicel_sub4 .rnd_txt18_top, .rnd_technology .amicel_sub4 .rnd_txt18_bottom{padding: 0 20px; width: calc(100% - 40px); display: inline-block;}

.rnd_technology .amicel_sub4 .rnd_txt18_top{margin-bottom: 16px;}

.rnd_technology .amicel_sub4 em{height: calc(180px - 18px); padding: 9px 20px 9px 0; word-break: break-all; width: 28px; display: block; line-height: 1.2; font-size: 22px; text-align: center; font-weight: 600; color: #888888; border-right: 1px solid #000000;}
.rnd_technology .amicel_sub4 ul li{width: calc(22.3% - 20px); float: left; padding: 0 10px;}
.rnd_technology .amicel_sub4 .rnd_txt18_img ul li.rnd_txt18_img_line{padding: 0;width:1px;border-right: 1px dashed #ddd; display: inline-block; height: calc(136px - 40px); margin: 20px 0;}


.rnd_technology .amicel_sub4 .rnd_txt18_tit{width: 4%; float: left; display: inline-block;}
.rnd_technology .amicel_sub4 .rnd_txt18_img{width: calc(95.8% - 40px); float: right; padding: 15.5px 20px;}

.rnd_technology .amicel_sub4 .rnd_txt18_img ul{display: inline-block; width: 100%; margin: 0 auto;}
.rnd_technology .amicel_sub4 .rnd_txt18_img ul li{font-size: 0; line-height: 0; width: calc(25.3% - 40px); float: left; padding: 0 20px;}
.rnd_technology .amicel_sub4 .rnd_txt18_img ul li:last-child{padding: 0 0 0 20px;}
.rnd_technology .amicel_sub4 .rnd_txt18_bottom em{height: calc(180px - 46px); padding: 23px 20px 23px 0;}

.rnd_technology .amicel_sub4 .rnd_txt_bg3 .rnd_txt18_low{background-color: #8bbe00; padding: 30px;}

.rnd_technology .amicel_sub4 .rnd_txt_bg3{padding-bottom: 60px;}
.rnd_technology .amicel_sub4 .rnd_txt_bg3 .rnd_txt18_low{background-color: #8bbe00; padding: 32px; color: #f0f0f0; font-weight: 300; line-height: 1.2;}
.rnd_technology .amicel_sub4 .rnd_txt_bg3 .rnd_txt18_low strong{font-family: 'NanumSquare'; color: #f7f7f7; font-size: 30px; padding-bottom: 6px; display: inline-block;}

.rnd_technology .amicel_sub5 em{height: calc(233px - 80px); padding: 38px 20px 38px 0;}
.rnd_technology .amicel_sub5 .rnd_txt18_bottom em{height: calc(233px - 107px); padding: 52px 20px 52px 0;}



.rnd_technology .amicel_sub5 .rnd_l8 h3.rnd_l8_tit{font-size: 30px; color: #3d3d3d; padding-bottom: 15px;}
.rnd_technology .amicel_sub5 .rnd_txt18 .rnd_txt18_img ul li{padding: 0 80px 0 20px; width: calc(50% - 100px);}
.rnd_technology .amicel_sub5 .rnd_txt18 .rnd_txt18_img ul li:last-child{padding: 0 20px 0 80px; width: calc(50% - 100px);}
.rnd_technology .amicel_sub5 .rnd_txt18_img ul li img{border: 1px solid #545454;}

.rnd_technology .amicel_sub5 .rnd_l8 h3.rnd_l8_tit{font-size: 30px; color: #3d3d3d; padding-bottom: 15px;}
.rnd_technology .amicel_sub5 .rnd_l8 h3.rnd_l8_tit span.square_g{background-color: #888888; width: 12px; height: 12px; display: inline-block; margin-right: 12px; margin-bottom: 6px;}

.rnd_technology .amicel_sub5 .rnd_l8 .rnd_txt18_box{box-shadow: 1px 1px 4px rgba(66, 66, 66, 0.1) inset;  -webkit-box-shadow: 1px 1px 4px rgba(66, 66, 66, 0.1) inset;  -moz-box-shadow: 1px 1px 4px rgba(66, 66, 66, 0.1) inset;  box-shadow: 3px 3px 20px rgba(34, 34, 34, 0.2); -webkit-box-shadow: 3px 3px 20px rgba(34, 34, 34, 0.2); -moz-box-shadow: 3px 3px 20px rgba(34, 34, 34, 0.2); position: absolute; top: 50%; left: 50%; background-color: #fff; border: 2px solid #eeeeee; border-radius: 30px 10px; padding: 35px 50px; text-align: center; color: #999999; line-height: 1.2; margin-left: -154px; margin-top: -86px;}


.rnd_technology .amicel_sub5 .rnd_l8 .rnd_txt18_box h4{font-size: 30px; color: #3d3d3d; font-family: 'NanumSquare'; padding-bottom: 10px;}

.rnd_technology .amicel_sub6 .rnd_btn_low a:hover{background-color:#8bbe00; border: 2px solid #8bbe00; color:#ffffff;}

.rnd_technology .amicel_sub6 .rnd_l5 p{color: #888888;}
.rnd_technology .amicel_sub6 .rnd_l5 p span{font-weight: 400;}

.rnd_technology .amicel_sub6 h3.rnd_l8_tit{font-size: 30px; color: #3d3d3d; padding-bottom: 20px;}

.rnd_technology .amicel_sub6 h3.rnd_l8_tit span.square_g{background-color: #888888; width: 12px; height: 12px; display: inline-block; margin-right: 12px; margin-bottom: 6px;}

.rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt10 .rnd_txt8_img img{padding: 0 0 35px;}
.rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt11 .rnd_txt8_img img{padding: 35px 0 0;}

.rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt10, .rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt11{margin-bottom:0;}
.rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt10{width: 42%; margin-right:0;}
.rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt11{width: 42%; margin-right:0;}


/* 아미셀 */















.section03 .rnd_overview .cts .rnd_mid_index{background: none;}
.section03 .rnd_overview .cts .rnd_mid_index div h3{color:#777;}
.section03 .rnd_overview .cts .rnd_mid_index div p{color:#555; padding: 0 40px;}

.rnd_top_txt{}
.rnd_top_txt p{font-weight:300; color: #888;}
.rnd_top_txt p.rnd_mid_pb{padding: 20px 0 50px;}
.rnd_top_txt p span{font-weight: 600; font-size: 24px;}

.rnd_txt100{background:url(../img/rnd_txt100.jpg); background-position: center; background-size: cover; background-repeat: no-repeat; padding: 50px 0;
    text-align: left;}
.rnd_txt100 .rnd_low_txt{}
.rnd_txt100 .rnd_low_txt .low_txt_top{border-bottom: 1px solid #fff;
    padding-bottom: 26px;
    margin-bottom: 30px;}
.rnd_txt100 .rnd_low_txt h3{     color: #fff;
    padding-bottom: 30px;
    font-weight: 400;}
.rnd_txt100 .rnd_low_txt ul{}
.rnd_txt100 .rnd_low_txt ul li{    background: url(../img/li_sb.png);
    background-position: left top 12px;
    background-size: 4px 4px;
    background-repeat: no-repeat;
    display: inline-block;
    color: #f0f0f0;
    font-weight: 300;
    padding-left: 10px;
    margin-right: 40px;}

.rnd_txt100 .rnd_low_txt .low_txt_low h3{}
.rnd_txt100 .rnd_low_txt .low_txt_low ul{}
.rnd_txt100 .rnd_low_txt .low_txt_low ul li{    padding-bottom: 20px;}
.rnd_txt100 .rnd_low_txt .low_txt_low ul li strong{font-weight: 300;
    display: block;}
.rnd_txt100 .rnd_low_txt .low_txt_low ul li span{}






/* rnd */









/*반응형*/

@media (max-width: 1465px) {
	#header .menu > ul {width: calc(100% - 240px);left:auto;transform:none;right:0;}
	#header .submenu .smenu_bind {width: calc(100% - 240px);left:auto;transform:none;right:0;}
}


@media (max-width: 1200px) {
	#header .submenu ul{}
	/*#header .submenu {z-index:9999;}
	#header .submenu ul.smenu2 {width: 135px; position: absolute; left: 186px; top: 0;}
	#header .submenu ul.smenu3 {width: 140px; position: absolute;left: 369px; top: 0;}
	#header .submenu ul.smenu4 {width: 135px; position: absolute; left: 551px; top: 0;}*/
	.widht-fixed-large {width: 1570px; margin: 0 auto; position: relative;}
	.right_menu {position: absolute;top: 81px;right: 0;color: #888;display: inline-block;margin-right: -90px;}
	.section03.rnd .rnd_content {text-align: unset;}
	.width-fixed {width: 1115px; margin: 0 auto; position: relative;}
	p{white-space: normal; word-break: keep-all;}
	.section03 .rnd_overview .cts .rnd_mid div p br{display:none;}
	.rnd_low div ul.institute_first li{padding: 3.5vw 3.1vw;}
	.rnd_low div ul.institute_first li p br{display:none;}

	.rnd_technology .rnd_txt .rnd_l{width: calc(100% - 55%);}
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt{width: calc(100% - 66%);margin-right: 35px;}
	.section03 h2{font-size: 50px;}
	.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{    padding: 2px 0 0 0;}
	.section03 .rnd_overview .cts .rnd_low.step4 .boxdiv div p br{display:none;}
	.section03 .rnd_overview .cts .rnd_low.step4 .boxdiv div{height: 211px;}
	.section03 .rnd_overview .cts .step7 .step7_box div.boxs{width: calc(33% - 40px) !important;}
	.section03 .rnd_overview .cts .step7 .step7_box div.boxs:nth-child(2){width: 24% !important;}
	.imgs2 img{width: 24.7%;}
	.rnd_technology .rnd_l6 h3.tit_st{width: 28%;}
	.rnd_technology .rnd_l6 h3{width: 41%;}
	.rnd_technology .amicel_bg2 .line_otwetxt ul li {white-space: normal; word-break: keep-all;}
	.rnd_technology .amicel_bg2 .line_otwetxt ul li br{display:none;}
	.rnd_technology .rnd_l2 div .rnd_txt14 ul li{width: calc(35% - 35px); margin-right: 30px;}
	.rnd_technology .rnd_l2 div .rnd_txt14 {width: calc(70.6% - 80px); margin-right: 50px;}
	.rnd_technology .rnd_l2 div .rnd_txt5 p br{display:none;}
	.rnd_technology .rnd_txt_bg .rnd_txt_bg_l{width: 33.5%;}







}

@media all and (max-width:960px){
	.left_txt{display:none;}


	.width-fixed{display: inline-block;}
	.rnd_aside{display:none;}
	#fp-nav, #fp-nav ul, .fp-slidesNav ul{display:none;}
	.rnd_index_bg{height: auto;}

	.section03 .cts{margin-top: 0;}
	.section03 .rnd_top h2 span{font-size: 28px; padding-bottom: 16px;}
	.section03 h2 span.titunder_line{height: 2px;    width: 20px}
	.section03 .rnd_overview .cts .rnd_top h2.title span{padding-top: 16px !important;}
	.section03 .rnd_top h2.mo_top{padding: 16vw 0 4vw;}
	.section03 .rnd_top h2{font-size: 5vw; padding: 10vw 0 5vw; white-space: normal; word-break: keep-all;}

	.rnd_technology .rnd_txt2_bg .rnd_txt2 div h3{font-size: 28px;}
	.rnd_technology .rnd_txt{padding: 2vw 0}
/*	.rnd_technology .rnd_txt .in_rnd{padding: 4vw; width: calc(100% - 8vw);}*/
	.rnd_technology .rnd_txt .rnd_l{float: none; width: 100%; padding-right: 0; border-right: none; margin-bottom: 5vw;}
	.rnd_technology .rnd_txt .rnd_r{ width: 100%; margin-left: 0; float: none;}
	.rnd_technology .rnd_txt .rnd_l p br{display:none;}
	.rnd_technology .rnd_txt .rnd_l strong{font-size: 28px; text-align: right; padding: 8px 99px 3px; }
	.rnd_technology .rnd_txt .rnd_l em{padding-left: 0;}
	.rnd_technology .rnd_txt .rnd_r img{width:100%;}

	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_rimg{float: right;}
/*	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_rimg img{width: auto;float: right; }*/
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt{width: calc(50% - 7vw); float: left; margin-right: 7vw;}
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt p br{display:none;}

	.rnd_technology .rnd_txt2_bg .rnd_txt2{padding: 11vw 0; height: auto;    display: inline-block;}
	.rnd_technology .rnd_txt2_bg .rnd_txt2 div p br{display:none;}

	.rnd_technology .rnd_top2 div h2 span{font-size: 28px;}
	.rnd_top2 div h2{font-size: 5vw; padding: 8vw 0 4vw; white-space: normal; word-break: keep-all;}
	.rnd_technology .rnd_mg{width: calc(100% - 4vw); margin: 5vw 2vw 1vw; padding: 2vw 0; height: 50vw;}
	.rnd_technology .rnd_mg img{width: auto; height: 100%; max-width: unset;}
	.rnd_technology .rnd_txt3_bg{ padding: 6vw 0; text-align: center; margin-bottom: 0;}
	.rnd_technology .rnd_txt3_bg .rnd_txt3{width: 100%; float: none;  margin-right: 0; padding-bottom: 4vw; }
	.rnd_technology .rnd_txt4_bg{padding: 4vw 0;}
	.rnd_technology .rnd_txt4_bg p br{display:none;}
	.rnd_technology .rnd_txt4_bg p{ position: relative; text-align: center;    padding-bottom: 4vw;}

	.rnd_technology .rnd_l2{padding: 4.5vw 0; text-align: center;}
	.rnd_technology .rnd_l2 div .rnd_txt5{width: 100%; float: none;}
	.rnd_technology .rnd_l2 div .rnd_txt5 p br{display:none;}
	.rnd_technology .rnd_l2 div .rnd_txt5 p{padding: 0.5vw 0 6vw;}
	.rnd_technology .rnd_l2 div .rnd_txt4_img ul li{margin: 0 2vw; width:calc(33.3% - 4vw);}
	.rnd_technology .rnd_txt6{padding-bottom: 0;  width: calc(100%); padding: 0 0;}
	.rnd_technology .rnd_txt6 div ul{width: 100%; margin: 0 auto; text-align: center;}
	.rnd_technology .rnd_txt6 div ul li{width: 100%; float: none; text-align: center; padding-bottom: 4vw;}
	.rnd_technology .rnd_txt6 div ul li h3{margin-bottom: 2vw}
	.rnd_technology .rnd_txt6 div ul li:last-child{width: 100%; float: none;}

	.rnd_technology .rnd_txt7 .rnd_txt5_img{width: calc(100%); padding:0 0; float: none;}
	.rnd_technology .rnd_txt7 .rnd_txt7_txt{float: none; width: calc(100%); padding: 4vw 0; margin-left: 0;}
	.rnd_technology .rnd_txt7 .rnd_txt7_txt ul li br{display:none;}
	
	.rnd_technology .rnd_l3{width: calc(100%); padding: 4.5vw 0;}
	.rnd_technology .rnd_l3 strong{white-space: normal; word-break: keep-all;}
	.rnd_txt8{width: calc(100%); padding: 0 0 1vw;}
	.rnd_technology .rnd_txt8 .rnd_txt6_img{width: 100%; float: none;}
	.rnd_technology .rnd_txt8 .rnd_txt8_txt{width: 100%; margin-left: 0; float: none; padding-top: 2vw;}
	.rnd_technology .rnd_txt8 .rnd_txt8_txt table{width: 100%;}
	.rnd_technology .rnd_txt5_bg{width: calc(100%); padding:0 0;    height: auto;}
	.rnd_technology .rnd_l4{ padding: 4.5vw 0 3.5vw;}
/*	.rnd_txt7_img{width: calc(100% - 8vw); padding:0 4vw;}*/
	.rnd_technology .rnd_l4 .rnd_txt10{width: 100%; float: none; margin-right: 0;}

	.collagen_table{width: 100%;}
	.rnd_technology .rnd_l4 .rnd_txt10, .rnd_technology .rnd_l4 .rnd_txt11{margin-bottom: 4vw;}
	.rnd_technology .rnd_l4 .rnd_txt11{width: 100%; float: none; margin-left:0;}
	.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{background-position: top left 136px; padding: 2px 0 0 64px;}
	.rnd_technology .rnd_l5 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l5 .rnd_txt11 .rnd_txt8_img strong{padding: 2px 0 10px 0;}
	.rnd_technology .rnd_txt13{padding: 4.5vw 0; }
	.rnd_technology .amicel_bg2 .rnd_txt9 .rnd_txt7_img{padding: 4.5vw 4vw 4.5vw 6vw;  width: calc(100% - 10vw);}
	.rnd_technology .amicel_bg2 .line_otwetxt{margin-bottom: 4vw;}
	.rnd_technology .rnd_l2 div .rnd_txt14 ul li{width: calc(34% - 4vw); margin-right: 4vw;}
	.rnd_technology .rnd_txt_bg .rnd_txt_bg_l{width: 34.5%; float: none;}
	.rnd_technology .rnd_txt_bg .rnd_txt3{width: calc(100% - 34%);}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li{ width: calc(32.33% - 4vw); padding: 0 2vw;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li h3 span{display: block; margin-left: -10px; padding-bottom: 1vw;}
	.rnd_technology .rnd_txt_bg{height: auto;}
	.rnd_technology .rnd_txt15{width: 100%; float: none; padding: 0 0;margin-right:0;}
	.rnd_technology .rnd_txt15 ul li{white-space: normal; word-break: keep-all;}
	.rnd_technology .rnd_txt9_img{width:100%; float: none; padding: 5vw 0 0;}
	.rnd_technology .rnd_txt_bg2{height: auto; padding: 49px 0;}
	.rnd_technology .amicel_sub2 .rnd_top2 div h2 span{padding: 0;     width: 3vw;}
	.rnd_technology .amicel_sub2 .rnd_txt_bg, .rnd_technology .amicel_sub2 .rnd_l8{padding: 5vw 0;}
	.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15 ul li br, .rnd_technology .rnd_txt15 ul li br{display:none;}
	.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15 ul li{line-height: 1.1;}
	.rnd_technology .amicel_sub3 .rnd_txt15{width: 100%; margin-right: 0; padding: 0 0;}
	.rnd_technology .amicel_sub3 .rnd_txt9_img{text-align: center; width: 100%; float: none;}
	.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_1{width: 100%; margin-right: 0;float: none; padding: 0 0;}
	.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_r{width: 100%; float: none; padding: 4vw 0;}
	.rnd_technology .amicel_sub3 .rnd_txt2{padding: 5vw 0; display: inline-block; width: 100%;}
	.rnd_technology .amicel_sub3 .rnd_txt2 .rnd_txt17_l{width: 100%; margin-right: 0; float: none;}
	.rnd_technology .amicel_sub3 .rnd_txt2 .rnd_txt17_l p{width: 7.6%;}
	.rnd_technology .rnd_txt2 .rnd_txt17_r{width: 100%; float: none; padding: 3vw 0; display: inline-block;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img{width: calc(95.8% - 53px); padding: 19.5px 20px;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img ul li{width: calc(25.3% - 40px); padding: 20px 20px;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img ul li:last-child{padding: 20px 0 0 20px;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img{padding: 19px 20px;}
	.rnd_technology .amicel_sub6 h3.rnd_l8_tit{text-align: left;}
	.rnd_technology .amicel_sub5 .rnd_txt18_img{    padding: 48px 20px;}
	.rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt10, .rnd_technology .amicel_sub6 .rnd_l4 .rnd_txt11{width: calc(100%); margin-right: 0; margin: 0; padding: 0 0;}
	.rnd_technology .amicel_sub6 .rnd_l5 p{text-align: center;}

/*	.rnd_technology .rnd_btn_low a{width: calc(100% - 467px) !important; margin: 4vw 0;}*/

	.rnd_b_txt,.rnd_txt11_txt{display: inline-block;}
	.rnd_technology .rnd_txt3_bg .rnd_txt3 h3{font-size: 28px;}
	.rnd_technology .rnd_txt3_bg .rnd_txt3 ul li{font-size: 20px;}
	.scroll_mo{overflow: auto; overflow-y: hidden;}


	

}




@media (max-width: 992px) {
	/*#header .menu li.mmenu {padding: 38px 21px; width: auto; text-align: left;}
	#header .submenu ul.smenu1 {width: 135px; margin-left: -17px;}
	#header .submenu ul.smenu2 {width: 135px; position: absolute; left: 74px; top: 0;}
	#header .submenu ul.smenu3 {width: 140px; position: absolute;left: 173px; top: 0;}
	#header .submenu ul.smenu4 {width: 135px; position: absolute; left: 297px; top: 0;}*/
	.width-fixed {width: 92%; margin: 0 auto; position: relative;}
	.widht-fixed-large {width: 100%; margin: 0 auto; position: relative;}
	#product .right p {width: 251px;}
	.section03.rnd ul li {display:block; width:90%; margin: 0 auto;}
	.section03.rnd .rnd_content ul li {height:197px;padding-left: 5%;}
	.section03.rnd .rnd_content ul li div {float:left}
	.section03.rnd ul li:first-child .icon img {width: 100%;}
	.section03.rnd .rnd_content ul li img {width:100%;}
	.section03.rnd .rnd_content ul li .title {position:absolute;margin: 172px auto;width: 17%;}
	.section03.rnd ul li .v-line {width: 1px;height: 169px;background-color: #acacac; margin: 20px 53px;}
	.section03.rnd ul li .text {    display: inline-block;    vertical-align: middle;    width: 34%;     margin-top: 7%;}
	.section03.rnd ul li .view_btn {margin-top:74%; margin-left: 6%;padding: 5px 14px;}
	.latest .left {width: calc(69% - 80px); height: 367px; margin-right: 40px;}
	.section03 .cts{width: 100%}
	.rnd_low div ul.institute_first li{padding: 3.5vw 2.8vw;}
	.section03 h2 span.titunder_line{display: inline-block; padding-bottom: 0;}
	.rnd_technology .rnd_l4 .rnd_txt12, .rnd_technology .rnd_l4 .rnd_txt12 {margin: 0 10vw 6vw !important; width: calc(100% - 20vw) !important;}
	.rnd_technology .rnd_l6 h3.tit_st, .rnd_technology .rnd_l6 h3{width: 26%; line-height: 1.5;}
	.rnd_technology .rnd_l6 h3{width: 36%;}
	.rnd_technology .rnd_l6 .rnd_txt12 .rnd_txt8_img strong{margin: 0; padding: 0;}
	
	.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{background-image: none; padding: 0;}
	.rnd_mo{display:block; margin: 0 auto;}
	table.amicel_table{width: 700px;}

	.rnd_btn_low .menu1 a{display:block}
	.rnd_btn_low .menu1 {left:0 !important;}
	.fp-tableCell{height:auto  !important;}

}



@media all and (max-width:820px){
	.section03 .rnd_top h2.mo_top{padding: 19vw 0 4vw;}
	.rnd_technology .rnd_btn_low:after{content:"";clear:both;display:block}
	.rnd_technology .rnd_btn_low a{width: 30vw;}
	/*.menu2{right: 53px !important;}
	.menu1{left: 52px !important;}*/

	.rnd_technology .rnd_l4 .rnd_txt12{margin: 0 13.5vw 6vw !important; width: calc(100% - 27vw) !important;}
	.rnd_technology .rnd_l6 h3.tit_st, .rnd_technology .rnd_l6 h3{line-height: 1.2;}
	.rnd_technology .rnd_l6 h3{width:39%;}



}



@media (max-width: 768px) {
	.section03 .rnd_technology .cts .rnd_l5 ul.menu_btns{width:100% !important;padding: 0 !important;}
	.section03 .rnd_top h2{font-size: 6vw !important; }
	.rnd_technology .rnd_txt6 div ul li h3, .rnd_technology .rnd_txt7 .rnd_txt7_txt strong, .rnd_technology .rnd_l3 strong,.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{font-size: 5vw;}

	#header {display:none}
	#sub_header {display:none}
	#mobile_header .mobile_menu{position:fixed;right:0;top:0;width:100%;height:100%;display:block;}
	#mobile_header .mobile_menu > span{z-index:1500;width:100%;height:100%;position:absolute;cursor:pointer;}
	#mobile_header .mobile_menu > div{-webkit-transition: all 0.3s, box-shadow 0.3s;-moz-transition: all 0.3s, box-shadow 0.3s;transition: all 0.3s, box-shadow 0.3s;background:#a2ae77;width:300px;height:100%;position:absolute;right:-300px;top:0;-webkit-box-shadow:-1px 0px 30px -7px #000;-moz-box-shadow:-1px 0px 30px -7px #000;box-shadow:-1px 0px 30px -7px  #000;z-index:2000;}
	#mobile_header .mobile_menu.active > div{right:0;}
	#mobile_header .mobile_menu > div ul li{border-bottom:1px solid #a2ae77;}
	#mobile_header .mobile_menu > div ul li a{font-family:'Noto Sans KR', sans-serif;font-size:15px;font-weight:bold;color:#fff;padding:15px;display:block;}
	#mobile_header .mobile_menu > div ul li a:hover,#mobile_header .mobile_menu > div ul li a:active{background:#fff;color:#a2ae77;}
	#mobile_header .mobile_menu_btn{height:52px;width:74px;display:block;position:absolute;right:0;top:0;display:block;}
	#mobile_header .mobile_menu_btn a{width:100%;height:100%;display:block;padding:11px 22px;box-sizing:border-box;}
	#mobile_header .mobile_menu_btn a i{display:block;width:100%;height:100%;background-image:url("../img/mobile_menu_btn.png");background-size:100% 100%;}
	.mobile_menu .mobile_menu_list li.back{display:block;background:#f5f5f5;text-align:right;position:relative;}
	.mobile_menu .mobile_menu_list li div{display:block;}
	#mobile_header {display:block;width:100%;position:absolute;top:0;left:0;z-index:1000;padding:0px 0;transition:all 0.5s ease-in-out;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out}
	#mobile_header .top{width:100%;height:75px;display:block;   position: fixed;
	    background-image: url(../img/logo_wht.svg);
	    background-repeat: no-repeat;
	    background-size: auto 64%;
	    background-position: 2vw center;
	background-color:unset; }
	#mobile_header .top h1{display:block;width:163px;height:100%;font-size:0;}
	#mobile_header .top h1 a{width:100%;height:100%;display:block;padding:13px 26px 11px 26px;box-sizing:border-box;}
	#mobile_header .top h1 a i{display:block;width:110px;height:28px;vertical-align:middle;background-image:url("../img/logo.png");background-repeat:no-repeat;background-size:100% 100%;}
	#mobile_header .top h1 a span{display:inline-block;margin-top:4px;width:94px;height:22px;vertical-align:middle;margin-left:10px;background-image:url("../img/logo.png");background-repeat:no-repeat;background-size:100% 100%;}
	.section03.rnd ul li .v-line {width: 1px;height: 169px;background-color: #acacac; margin: 20px 53px; display:none;}
	.section03.rnd ul li .text {    display: inline-block;    vertical-align: middle;    width: 58%;     margin-top: 8%;}

/*	.rnd_low div ul.institute_first li{border-right:none; display: inline-block; width: calc(50% - 16.2vw); padding: 8vw; height: auto;}
	.rnd_low div ul.institute_first li:nth-child(2), .rnd_low div ul.institute_first li:last-child{border-left:1px solid #b7b7b7;}
	.rnd_low div ul.institute_first li:nth-child(3), .rnd_low div ul.institute_first li:last-child{border-top:1px solid #b7b7b7;}
	.section03 .rnd_overview .cts .rnd_low div img{}
*/
	.rnd_low div ul.institute_first li{vertical-align: middle; text-align: left; border-right:none; border-bottom:1px solid #b7b7b7; display: inline-block; width: calc(100% - 16vw); padding: 8vw; height: 100%; float:none;}
	.rnd_low div ul.institute_first li:last-child{border-bottom:none;}
	.rnd_low div ul.institute_first li strong{padding: 0;}
	.rnd_low div ul.institute_first li strong, .rnd_low div ul.institute_first li p{margin-left: 40%; width: calc(100% - 40%);}
	.section03 .rnd_overview .cts .rnd_low div img{float: left; width: 20vw;display: inline-block;}
	.section03 .rnd_overview .cts .rnd_mid div h3{font-size: 5.5vw;}
	.section03 .rnd_overview .cts .rnd_low div h4{font-size: 5.5vw; margin-left: 0;}
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt{width: calc(46% - 7vw);}
	.rnd_technology .rnd_txt9 .rnd_txt7_img ul li{width: 100% !important; float: none; padding-bottom: 4vw;  padding-top: 8vw; }
	.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img img{    padding: 0;}


}


@media (max-width: 700px) {
	

	.rnd_technology .rnd_txt .rnd_l strong{background-size: contain;padding: 8px 99px 3px 1px;}
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt{width: 100%; float: none;margin-right:0;}
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_rimg img{width: auto; float: right; margin-top: -30px;}
	table.collagen_table tbody tr td, .rnd_technology .rnd_l4 .rnd_txt12 .rnd_txt8_img strong{white-space: normal; word-break: keep-all;}
	.rnd_technology .rnd_l5 p br{display:none;}

	.rnd_technology .rnd_l6 h3.tit_st, .rnd_technology .rnd_l6 h3{width: 29%; line-height: 0.6;}
	.rnd_technology .rnd_l6 h3{width: 43%;}

	span{letter-spacing: -1.5px;}

	.section03 .rnd_top h2 span{font-size: 5.5vw;}
	.section03 .rnd_top h2{font-size: 6vw;}
	
	h2.mo_top{letter-spacing: -1.5px;}
	.rnd_technology .rnd_txt{padding: 4vw 0;}
	.rnd_technology .rnd_txt .rnd_l em{font-size: 4.7vw;}
	.rnd_technology .rnd_txt .rnd_l strong{font-size: 5.5vw;padding: 8px 76px 3px 1px;}
	.rnd_technology .rnd_txt .rnd_l span{font-size: 4.2vw;}
	.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul{width: 100%; margin: 8vw 0;}
	.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul li{margin-right: 5vw; white-space: normal; word-break: keep-all; width: calc(35% - 5vw);}
	.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul li:last-child{    margin-right: 0;}
	.rnd_technology .rnd_txt .rnd_r img{padding: 4vw 0;}
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_rimg img{margin-top: 20px;}
	.rnd_technology .rnd_txt2_bg .rnd_txt2 div h3{font-size: 5.5vw;}
	.rnd_technology .rnd_txt2_bg .rnd_txt2 div p.rnd_pd{    padding: 4vw 0;}

	.rnd_txt8_txt, .rnd_txt10_txt, .rnd_txt11_txt{width: 100%;  height: auto; white-space: normal; word-break: normal;}
	.rnd_technology .rnd_txt8 .rnd_txt8_txt table, .collagen_table{width: 760px;}

	colgroup{display: none;}
	.rnd_technology .rnd_btn_low a{width: 100%; margin-bottom: 2vw;}

	/*.menu1{bottom: 160px; left: 19px !important;}
	.menu2 {bottom: 93px; right: 20px !important;}*/

	.rnd_technology .rnd_l6 h3.tit_st, .rnd_technology .rnd_l6 h3{line-height: 1;  width: 28%;}
	.rnd_technology .rnd_l6 h3{width: 41%;}

	.rnd_technology .rnd_l4 .rnd_txt12, .rnd_technology .rnd_l4 .rnd_txt12{margin: 0 7.5vw 10vw !important; width: calc(100% - 15vw) !important; }
	.rnd_technology .rnd_txt13 ul li{padding: 125px 0 0 0; text-align: center; background-position: top center; white-space: normal; word-break: keep-all;}
	.rnd_technology .amicel_bg2 .rnd_txt9 .rnd_txt7_img ul li{width: 100%; margin-right: 0; margin-left: -1vw;}
	.rnd_technology .amicel_bg2 .line_otwetxt ul li{width: 100%; float: none;padding-bottom: 10px;margin-right:0;}
	.rnd_technology .rnd_top2 div h2 span.flpd{padding-right: 0;}
	.rnd_technology .amicel_bg2 .line_otwetxt ul li br{display: none;}
	.rnd_technology .amicel_bg2 ul.line_onetxt li:last-child,.rnd_technology .amicel_bg2 ul.line_twotxt li:last-child{width: 100%;}



	.rnd_technology .rnd_l4 .rnd_txt12 .rnd_txt10_txt ul li{white-space: normal; word-break: keep-all;}


	.rnd_technology .rnd_l2 div .rnd_txt14 ul li{width: 100%; margin-right: 0;}

	.rnd_technology .rnd_l2 div .rnd_txt14 .rnd_txt14_top{margin-bottom: 0;}
	.rnd_technology .rnd_txt_bg .rnd_txt_bg_l{position: absolute;  padding: 0; height: 233px!important; width: 100%;}
	.rnd_technology .rnd_txt_bg .rnd_txt3_img{padding: 0!important; width: 100% !important; padding: 0; position: relative !important; top: 20px; margin: 0 auto;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li{width: calc(33% - 4vw); padding: 0 2vw; text-align: center;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li h3 span{margin-left: 0;}
	.rnd_technology .rnd_txt_bg .rnd_txt3{width: 100%;    margin: 74px 0 20px; float: none;}
	
	.amicel_tables2, .amicel_tables{width: 672px;}
	.amicel_td:first-child{width: 16%;}
	.amicel_tables .amicel_td:first-child{width: 16.5%;}
	.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15_r{top: 9px; right: 2vw;}
	.rnd_technology .amicel_sub3 .rnd_txt_bg3 .rnd_txt17_r p.txt17r_top br{display:none;}
	.rnd_technology .amicel_sub4 em{width: 100%; height: 100%; padding: 0 0 20px 0; border-right: none; border-bottom: 1px solid #000000;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img ul li{width: 50%;  padding: 20px 0; text-align: center;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img ul li img{ width: 89%;}

	.rnd_technology .amicel_sub4 .rnd_txt18_img ul li.rnd_txt18_img_line{display: none;}
	
	.rnd_technology .amicel_sub4 .rnd_txt18_bottom em{height: 100%; padding: 0 0 20px 0;}

	.rnd_technology .amicel_sub4 .rnd_txt18_tit{width: 100%; float: none;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img{    padding: 0;    width: 100%;}
	.rnd_technology .amicel_sub4 .rnd_txt18_img ul li:last-child{padding: 20px 0 0 0;}
	.rnd_technology .amicel_sub5 .rnd_txt18 .rnd_txt18_img ul li,.rnd_technology .amicel_sub5 .rnd_txt18 .rnd_txt18_img ul li:last-child{padding: 20px 10px;  width: calc(50% - 20px); text-align: center; margin: 0 auto;}
	.rnd_technology .amicel_sub5 .rnd_l8 .rnd_txt18_box{position: relative; bottom: -20px; left: 0; margin-top: 0; margin-left: 0;}
	.rnd_technology .amicel_sub2 .rnd_txt_bg .rnd_txt15 p br { display: none;}
	.rnd_technology .amicel_sub4 .rnd_txt_bg3 .rnd_txt18_low p br { display: none;}
	.rnd_technology .amicel_sub5 .rnd_l8 .rnd_txt18_box p br { display: none;}
	.rnd_technology .rnd_txt6 div ul li h3, .rnd_technology .rnd_txt7 .rnd_txt7_txt strong, .rnd_technology .rnd_l3 strong, .rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{    white-space: normal;
    word-break: keep-all;}



}



@media (max-width: 592px) {
	.rnd_technology .rnd_l6 h3.tit_st, .rnd_technology .rnd_l6 h3{line-height: 0.8; width: 31%;}
	.rnd_technology .rnd_l6 h3{width: 46%;}
	.amicel_tables2, .amicel_tables{width: 732px;}
/*	.rnd_technology .rnd_btn_low a{width: calc(100% - 292px) !important;}*/
	.rnd_technology .rnd_top2 div h2 span{width: auto;padding-right: 3vw;}
	.section03 .rnd_top h2 span{display: block; padding-right: 3vw;}
	.section03 h2 span.titunder_line{width: 8px;}
	.rnd_technology .rnd_top2 div h2 span{width: auto !important;     padding: 3vw 0 3vw 3vw;}
	.rnd_technology .rnd_top2 div h2 span.tit_amicell, .rnd_technology .rnd_top2 div h2 span.flpd{padding-right: 3vw;}
	.rnd_technology .amicel_sub2 .rnd_top2 div h2 span{width: 3vw !important;}
	



}


@media (max-width: 586px) {
	.rnd_technology .rnd_l4 .rnd_txt12, .rnd_technology .rnd_l4 .rnd_txt12{margin: 0 0vw 10vw !important; width: calc(100%) !important;}
	.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15_r{bottom: -7vw; left: 2vw; right: unset; top: unset;}
}


@media (max-width: 516px) {
	.rnd_technology .rnd_l6 h3.tit_st, .rnd_technology .rnd_l6 h3{line-height: 0.7; width: 35%;}
	.rnd_technology .rnd_l6 h3{width: 52%;}
	



	
}


@media (max-width: 452px) {
	.rnd_technology .rnd_txt2_bg .rnd_txt2 div p, p{font-size: 4.2vw;}
	.section03 h2, .section03 .rnd_top h2.mo_top{font-size: 9vw !important;    line-height: 1.1;}
	.rnd_technology .rnd_top2 div h2 span{padding: 1.5vw 2vw !important;line-height: 1.3;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li{float: none; width: 100%; padding-bottom: 5vw; display: inline-block;padding: 0 0 5vw 0;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li p{width: 33.3%; float: left;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li:nth-child(2){border-left:none; border-right:none; border-top: 2px dashed #999999; border-bottom: 2px dashed #999999; padding: 4vw 0 4.5vw}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li:nth-child(2) p{width: 25%;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li:last-child{padding-top: 5vw;}
	.rnd_technology .rnd_top2 div h2 span.titunder_line{padding: 0 0 0 0 !important;}
	.rnd_technology .amicel_sub2 .rnd_top2 div h2 span{width: 5vw !important;}
	
.section03 .rnd_top h2 { font-size: 9vw !important;}

/*	.rnd_technology em span{display: unset;}*/
/*	.rnd_technology .rnd_btn_low a{width: calc(100% - 227px) !important;}*/
	.rnd_technology .amicel_sub4 .rnd_txt18_img ul li img{width: 100%;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li h3 span{display: inline-block;}
	.rnd_technology .amicel_sub2 .rnd_txt_bg, .rnd_technology .amicel_sub2 .rnd_l8{padding: 10vw 0;}
	p, .rnd_technology .rnd_txt13 p{line-height: 1.2;;}
	.rnd_technology .rnd_txt .rnd_l p{    text-align: center;}
	.rnd_technology .rnd_txt .rnd_r .rnd_b_txt .rnd_r_ltxt p{font-size:4.2vw;}
	.rnd_technology .rnd_txt .rnd_r p{    text-align: left;    padding: 3vw 0 0;}
	.rnd_technology .rnd_l4{padding: 10vw 0 0;}
	.rnd_technology .rnd_txt13 strong{line-height: 1.2; padding-bottom: 3vw;}
	.rnd_technology .rnd_top2 div h2 span{font-size:5.5vw;display:block;}
	.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{ margin-bottom: 0; padding-top: 17px;}
	.rnd_technology div .rnd_top2_line_c{width: 20%;}
	.section03 .rnd_top h2 span{}
	.rnd_technology .rnd_txt13{    padding: 10vw 0 0;}
	.rnd_technology .rnd_txt13 ul li:last-child{    margin-bottom: 30px;}
	.rnd_technology .amicel_bg2 .rnd_txt9 .rnd_txt7_img{    padding: 10vw 4vw 4.5vw 6vw;}
	.rnd_technology .rnd_l2{    padding: 10vw 0 0;}
	.rnd_technology .rnd_l2 div .rnd_txt5 p{    padding: 1vw 0 8vw;}
	.rnd_technology .rnd_txt_bg .rnd_txt3 ul li h3{    padding-bottom: 0.5vw;}
	.rnd_technology .rnd_txt15 ul li{line-height:1.1; padding-bottom: 8px;}
	.rnd_technology .rnd_txt15 em{padding-bottom: 15px;}
	.rnd_technology .rnd_txt9_img p{padding-top: 6px;}
	.rnd_technology .rnd_txt16{width: 100%; display: inline-block; padding: 10vw 0 0;}
	.rnd_technology .amicel_sub2 .rnd_l8 .rnd_txt15 ul li{padding-bottom: 8px; line-height: 1.2;}
	.rnd_technology .rnd_txt15 ul li{line-height: 1.2;}
	.rnd_technology .amicel_sub3 .rnd_txt2 .rnd_txt17_l p{width: 15.6%;}
	.rnd_technology .rnd_txt .rnd_l .rnd_l_icons ul li p{font-size: 3vw;}
	.rnd_technology .rnd_txt3_bg .rnd_txt3 h3 {font-size: 5.5vw;}
	.rnd_technology .rnd_txt3_bg .rnd_txt3 ul li,.rnd_technology .rnd_txt7 .rnd_txt7_txt ul li { font-size: 4.2vw; }


	.rnd_technology .rnd_txt4_bg p {font-size: 4.2vw;     padding-bottom: 6vw;}
	.rnd_technology .rnd_l2 div .rnd_txt5 em{    font-size: 6vw;}
	.rnd_technology .rnd_l2 div .rnd_txt5 em span.square_b { width: 10px; height: 10px; margin-right: 11px; margin-bottom: 5px;}
	.rnd_technology .rnd_l2 div .rnd_txt5 p{    padding: 2vw 0 8vw;}
	.rnd_technology .rnd_l2 { padding: 10vw 0 6vw; }
	.rnd_technology .rnd_l2 { padding: 10vw 0 6vw; }
	.rnd_technology .rnd_txt6 div ul li h3,.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong,.rnd_technology .rnd_txt7 .rnd_txt7_txt strong, .rnd_technology .rnd_l3 strong{font-size: 5.5vw !important;white-space: normal; word-break: keep-all;}
	.rnd_technology .rnd_txt6 div ul li h3{width: 86%; padding: 0 7%;}
	.rnd_technology .rnd_l4 .rnd_txt10 .rnd_txt8_img strong, .rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img strong{   padding-top: 1vw; margin-bottom: 3vw;}
	.rnd_technology .rnd_l4 .rnd_txt11 .rnd_txt8_img img{    padding: 5vw 0 4vw;}

	.rnd_technology .rnd_txt6 div ul li{    padding-bottom: 7vw;}
	.rnd_technology .rnd_txt6 div ul li img{margin-left: 10px;}
	.rnd_technology .rnd_txt6 div ul li:last-child img{margin-left: 10px;}
	.rnd_technology .rnd_txt7 .rnd_txt7_txt strong span.h_sline2{height: 26px;}
	.rnd_technology .rnd_txt7 .rnd_txt7_txt p.txt_ri,.rnd_technology .rnd_txt8 p{font-size: 4vw;}
	table.collagen_table tr th, table.collagen_table tr td{font-size: 4.2vw;}
	.rnd_technology .rnd_txt5_bg p{padding: 6vw 2vw; margin: 0 2vw;    width: calc(100% - 8vw);}
	.rnd_technology .rnd_l4 div strong{    font-size: 6vw;}
	.rnd_technology .rnd_l4 div strong span.span_g{font-size: 5.5vw;    line-height: 1;}
	.rnd_technology .rnd_btn_low a{width: 48%; margin-right: 0;}
	.rnd_technology .rnd_l5 p{    text-align: center;}
	/*.menu1{left: 12px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 390px;}*/
	
	
}




@media (max-width: 472px) {
/*	.rnd_technology .rnd_btn_low a { width: calc(100% - 234px) !important; }	*/
	.rnd_technology .rnd_l6 .rnd_txt8_img{padding: 0 0 33px 0;}
/*	.rnd_technology .rnd_l2 div .rnd_txt5 .rnd_txt14_top em{    color: #126618;}*/
/*	.rnd_technology .amicel_sub em span.square_tg{display: none;}*/
	#product .left .img{height: 213px;}

	
}








@media (max-width: 375px) {
	.rnd_technology .rnd_l6 h3.tit_st, .rnd_technology .rnd_l6 h3{width: 40%;}
	.rnd_technology .rnd_l6 h3{width: 60%;}
	
	


	
}






/*반응형*/

/* ie8 hack */
/*
@media \0screen {
	#mobile_header .top h1 a i{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://ssuin.dothome.co.kr/img/logo.png', sizingMethod='scale');background:none;}
	#main_slide_wrap{height:auto;}
	#main_slide{height:auto;}
	#main_slide .owl-stage-outer,#main_slide .owl-stage,#main_slide .owl-item{height:auto;}
	#main_slide .item{background:#323232;height:auto;}
	#main_slide .item img{display:block;}
	#main_slide_txt i{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main_slide_txt.png', sizingMethod='scale');background:none;}
	#main_slide_txt span{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/main_slide_wheel.png', sizingMethod='scale');background:none;}
}
*/