@charset "utf-8";


body {font-family: "Roboto","Noto Sans KR","Malgun Gothic",Arial,sans-serif; color: #353535; font-size: 13px; line-height: 1.6; padding:0; margin: 0; }
h1.tit_01 {font-size: 30px;color: #3e3e3e;text-align:center;font-weight: 500;line-height: 1.4;letter-spacing: -1.2px;padding:20px 0;}
h1.tit_01 span {display:block;color: #a1bf3b;	font-size:19px;	font-weight:700;	letter-spacing:1.6px;	margin-bottom:15px;}
h1.tit_01 strong {display: block;font-size: 39px;padding: 10px;font-weight: 600;letter-spacing: 0;}
h1.tit_01 b { display: block;}
.rev-numb { color: #e6002d; font-size: 80px; line-height: 1; position: Absolute; left: -20px; top: 35px; z-index: 10; }

@media all and (max-width:699px) {
h1.tit_01 {font-size: 21px;color: #3e3e3e;text-align:center;font-weight: 500;line-height: 1.4;letter-spacing: -1.2px;padding: 20px 33px;}
h1.tit_01 span {display:block;color: #a1bf3b;	font-size:19px;	font-weight:700; letter-spacing:1.6px;	margin-bottom:15px;}
h1.tit_01 strong {display: block;font-size: 31px;padding: 30px;}
}

@media all and (max-width:399px) {
h1.tit_01 {font-size: 17px;color: #3e3e3e;text-align:center;font-weight: 500;line-height: 1.4;letter-spacing: -1.2px;padding: 20px 33px;}
h1.tit_01 span {display:block;color: #a1bf3b; font-size:16px; }
h1.tit_01 strong {display: block;font-size: 25px;padding: 30px;}
}


.vslist table{ border-collapse: collapse; width: 85%; text-align: center; margin: 0 auto;}
.vslist table td, .vslist table th{padding: 35px 0;color:#666;}
.vslist table th{ background: #333; color: #fff;  font-size: 20px;  letter-spacing: -1px;}
.vslist table th, .vslist table tr > td:first-child, .memb-grtit{ font-weight: 300;}
.vslist table td span{	display:block;	font-size:14px;}
.vslist table td{ font-size: 17px; border-bottom:1px solid #dadbde; border-right:1px solid #dadbde; line-height: 27px;}
.vslist table tr > td:last-child{border-right:0;}
.vslist table td strong { font-weight: 600 }

.bggr { background: #ececec }

/*쇼핑몰 스타일시트 제거용*/
.con_full{
    width: 100%;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    padding-right: 0px !important;
    padding-left: 0px !important;
}
.page_nopadding{padding-left: 0px !important;padding-right: 0px !important;padding-top: 0px !important;padding-bottom: 0px !important;border: 0px solid #e5e5e5;}



/* 줄기세포이야기 */
#onestory1 { width:100%; }
#onestory1 .sub1 { background-image: url(../img/main2.png); background-position: center center; width: 100%; height: 800px; transition: all .3s ease; margin: 0; padding: 0; }
#onestory1 .sub1 div.maintit { width: 1200px;  margin: auto; }
#onestory1 .sub1 h2 {
    position: relative;
    display: block;
    padding: 100px 0 0;
    margin: 0;
    font-size: 20px;
    font-weight: 600;
} 
#onestory1 .sub1 p { margin: 0;}
	#onestory1 .sub1 p:nth-child(2) { padding: 20px 0; font-size: 35px; font-weight:500; line-height: 50px}
	#onestory1 .sub1 p:nth-child(2):after { content: ""; width: 1px; height: 100px; background: #000; display: block; margin-left: 5px; margin-top: 30px}
	#onestory1 .sub1 p:nth-child(3) { padding: 20px 0; font-size: 19px;}
	#onestory1 .sub1 p:nth-child(4) { padding: 20px 0; font-size: 19px; margin: 0; }
#onestory1 .sub1 p span {  }
#onestory1 .sub1 p b { }
#onestory1 .sub1 p strong { font-size: 49px; display: block; margin-top: 15px}
	
@media all and (max-width:1399px) {
#onestory1 .sub1 { background-image: url(../img/main2.png); background-position: right 20% center; width: 100%; height: 800px; transition: all .3s ease; margin: 0; padding: 0; }
#onestory1 .sub1 div.maintit { width: 80%;  margin: auto; }	
}

@media all and (max-width:1199px) {
#onestory1 .sub1 { background-image: url(../img/main2.png); background-position: right 40% center; width: 100%; height: 800px; transition: all .3s ease; margin: 0; padding: 0; }
#onestory1 .sub1 div.maintit { width: 80%;  margin: auto; }	
}

@media all and (max-width:699px) {
#onestory1 .sub1 { background-image: url(../img/main2.png); background-position: right 25% center; width: 100%; height: 800px; transition: all .3s ease; margin: 0; padding: 0; }
#onestory1 .sub1 div.maintit { width: 80%;  margin: auto; }	
#onestory1 .sub1 p span { background:#fff; padding:5px;  }
#onestory1 .sub1 p b { background:#fff; padding:5px;  }
#onestory1 .sub1 p { margin: 0;}
	#onestory1 .sub1 p:nth-child(2) { padding: 10px 0; font-size: 30px; font-weight:500; line-height: 40px}
	#onestory1 .sub1 p:nth-child(3) { padding: 20px 0; font-size: 17px;}
	#onestory1 .sub1 p:nth-child(4) { padding: 20px 0; font-size: 17px; margin: 0; }
	#onestory1 .sub1 p strong { font-size: 40px; display: block; margin-top: 15px}
}


#onestory1 .sub2 { margin:30px 0; padding:10px 0; }
#onestory1 .sub2 div.w1200 {width: 1400px; margin: auto; }
#onestory1 .sub2:after{content: "";background: #efefef;width: 100%;height: 400px;display: block;z-index: 5;margin: -300px 0 0;}
#onestory1 .sub2 .i-list ul {display: block;width: 100%;margin:40px 0 0;padding: 15px;z-index: 999;text-align: center;}
#onestory1 .sub2 .i-list ul li {width: 23%;display: inline-block;text-align: center;padding:10px;margin: 0;position: relative;vertical-align: top;list-style: none;transition: all .3s ease;}
	#onestory1 .sub2 .i-list ul li:first-child { padding-left: 0 }
#onestory1 .sub2 .i-list ul li b { display: block;  font-size: 1.68em;  letter-spacing: -1; }
#onestory1 .sub2 .i-list ul li b:after { content: ""; width: 1px; height: 50px; margin: 15px auto; display: block; background: #a2a2a2;}
#onestory1 .sub2 .i-list ul li img { z-index: 99;position: relative; margin-bottom: 20px; /*border-radius: 99%*/ }
#onestory1 .sub2 .i-list ul li span { display: block; font-size: 1.3em; padding: 22x;}

@media all and (max-width:1399px) {
#onestory1 .sub2 div.w1200 {width: 100%;margin: auto;}
#onestory1 .sub2 .i-list ul li {width: 24%;display: inline-block;text-align: center;padding:0px;margin: 0;position: relative;vertical-align: top;list-style: none;transition: all .3s ease;}
}

@media all and (max-width:1299px) {
#onestory1 .sub2 div.w1200 {width: 100%;margin: auto;}
#onestory1 .sub2 .i-list ul li {width: 49%;display: inline-block;text-align: center;padding:0px 0 50px;margin: 0;position: relative;vertical-align: top;list-style: none;transition: all .3s ease;}
}

@media all and (max-width:640px) {
#onestory1 .sub2 div.w1200 {width: 100%;margin: auto;}
#onestory1 .sub2 .i-list ul {display: block;width: 100%;margin:40px 0 0;padding: 0;z-index: 999;}
#onestory1 .sub2 .i-list ul li {width: 100%;display:block;text-align: center;padding:0px 0 50px;margin: 0;position: relative;vertical-align: top;list-style: none;transition: all .3s ease;}
#onestory1 .sub2 .i-list ul li:first-child { padding-left: 0 }
}


#onestory1 .sub3 {width:100%;background: url(../img/main7.png) no-repeat #f9f9f9;padding: 3px 0 110px;transition: all .3s ease;}
#onestory1 .sub3 div.w1200 {width: 1400px; margin: auto; }
#onestory1 .sub3 div.triangle div {width: 40%;display: inline-block;font-size:23px;text-align: center;vertical-align: middle;margin-bottom: 200px;transition: all .3s ease;}
#onestory1 .sub3 div.triangle div b { display: block; font-size: 90px;  margin-bottom: 30px; }
#onestory1 .sub3 div.triangle div strong {display: block;color: #0c465d;font-size:34px;letter-spacing: -2px;}
#onestory1 .sub3 div.triangle div strong:after { content: "";     }
/* #onestory1 .sub3 div.triangle div span { font-size: 34px; } */
#onestory1 .sub3 div.triangle {width: 100%;display: inline-block;vertical-align: top;margin: auto;background-position: top center;}
	#onestory1 .sub3 div.triangle p {width:50%;/text-align: center;position: relative;/* padding: 300px 0; */margin: 0;display: inline-block;vertical-align: middle;transition: all .3s ease;}
	#onestory1 .sub3 div.triangle p span {font-size: 34px;display: block;width: 91%;}
	#onestory1 .sub3 div.triangle p strong { display: block }
    #onestory1 .sub3 div.triangle ul {display: block;margin: 50px 0;position: relative;width: 100%;padding: 0;}
    #onestory1 .sub3 div.triangle ul li {list-style: none;padding: 50px;margin: 0;text-align: center;display: inline-block;width: 136px;font-size: 22px; color: #fff}
#onestory1 .sub3 div.triangle ul li:first-child { background: #1c9292;}
#onestory1 .sub3 div.triangle ul li:nth-child(2) { background: #2051a9; }
#onestory1 .sub3 div.triangle ul li:nth-child(3) { background: #482e9a; }
#onestory1 .sub3 div.triangle ul li:nth-child(4) { background: #c53a2c; }
#onestory1 .sub3 div.triangle ul li:last-child { background: #de6721;}
#onestory1 .sub3 div.triangle ul li span { display: block; font-size: 17px; }
#onestory1 .sub3 div.t_list {width: 100%;display: block;position: relative;padding: 0;margin: 100px 0 0;} 	
#onestory1 .sub3 dl {display: inline-block;vertical-align:top;margin: 0;width: 19%;position: relative;border: 1px solid #353535;min-height: 780px;transition: all .3s ease;}
#onestory1 .sub3 dl dt {padding: 45px 0;margin: 0 0 20px;text-align: center;display: inline-block;font-size: 22px;color: #fff;width: 100%;}
#onestory1 .sub3 dl dt span { display: block; font-size: 17px;}
#onestory1 .sub3 dl:first-child dt { background: #353535;}
#onestory1 .sub3 dl:nth-child(2) dt { background: #353535; }
#onestory1 .sub3 dl:nth-child(3) dt { background: #353535; }
#onestory1 .sub3 dl:nth-child(4) dt { background: #353535;}
#onestory1 .sub3 dl:last-child dt { background: #353535;}
#onestory1 .sub3 dl dd {margin-left: 0;line-height: 1.8em;font-size: 17px;/* transform: rotate(-30deg); */padding: 0px 15px 0px;}
#onestory1 .sub3 dl dd:before {content:"";transform: rotate(30deg);width: 17px;height: 1px;background: #d0d0d0;display: inline-block;vertical-align: middle;margin-right: 13px;}

@media all and (max-width:1399px) {
#onestory1 .sub3 div.w1200 { width: 100%;  margin: auto;} 
#onestory1 .sub3 div.triangle {width: 100%;display: block; margin: auto; padding-bottom:70px}
#onestory1 .sub3 div.triangle p span {font-size: 34px;display: block;width: 98%;}
#onestory1 .sub3 div.t_list {width: 100%;display: block;position: relative;padding:30px ;margin:0;} 	
#onestory1 .sub3 dl {display: inline-block;vertical-align:top; margin: 0 ; width: 19%;position: relative;border: 1px solid #353535; }
}




@media all and (max-width:1199px) {
#onestory1 .sub3 dl {display: inline-block; vertical-align:top; margin: 0 ; width: 30%;position: relative;border: 1px solid #353535; }
#onestory1 .sub3 div.triangle div {width: 100%; display: block; font-size:40px; text-align: center; margin: auto; background:#fff; padding-bottom:50px;}
#onestory1 .sub3 div.triangle p {width:100%;position: relative;display: block;text-align: center;margin: auto;}
}

@media all and (max-width:899px) {
#onestory1 .sub3 dl { width: 45%;position: relative;border: 0px; min-height: auto; padding:30px 0 50px; }
#onestory1 .sub3 dl dd { font-size:14px; }
#onestory1 .sub3 div.triangle div { font-size:30px; }
#onestory1 .sub3 div.triangle div b { display: block; font-size: 90px;  margin-top: 30px; }
#onestory1 .sub3 div.triangle div strong {font-size: 50px;}
#onestory1 .sub3 div.triangle div span { font-size: 25px; }
}

@media all and (max-width:699px) {
#onestory1 .sub3 {width:100%;background: url(../img/main7.png) no-repeat right 0 #f9f9f9;padding: 3px 0 110px;}
#onestory1 .sub3 div.t_list { padding:0px ;margin:0 auto;} 	
#onestory1 .sub3 dl {display: block;vertical-align:top; margin:0 auto; width: 90%;position: relative;border: 0px; min-height: auto; padding:50px 0 20px; }
#onestory1 .sub3 dl dt {padding: 15px 0;margin: 0 0 20px;text-align: center;display: block;font-size: 20px;color: #fff;width: 100%;}
#onestory1 .sub3 div.triangle div strong {font-size: 40px;}
#onestory1 .sub3 div.triangle div span { font-size: 20px; }
#onestory1 .sub3 div.triangle p img { width:85%;  }
#onestory1 .sub3 div.triangle p span {font-size: 27px;display: block;width: 98%;}
}



#onestory1 .sub4 div.w1200 {width: 1400px; margin: auto; }
#onestory1 .sub4 div.advantage { display:block; vertical-align: top; width: 1200px;  margin: auto; transition: all .3s ease;}
#onestory1 .sub4 div.advantage div {  background: url(../img/../img/triangle3.png) no-repeat center; transition: all .3s ease;} 
	#onestory1 .sub4 div.advantage p {position: relative;vertical-align: middle;padding:50px 0 100px 0;width: 49%;display: inline-block;font-size:22px;vertical-align:top;transition: all .3s ease;}
	#onestory1 .sub4 div.advantage p.ad1  {text-align:right;padding-right: 300px; transition: all .3s ease;}
	#onestory1 .sub4 div.advantage p.ad2  { text-align:left; padding-left: 300px;transition: all .3s ease; }
	#onestory1 .sub4 div.advantage p.ad1 span:after {content: "";background: #bdbdbd;width:100px;height:1px;display:inline-block;vertical-align:middle;position:relative;margin:10px 10px 13px;}
	#onestory1 .sub4 div.advantage p.ad2 span:before {content: "";background: #bdbdbd;width:100px;height:1px;display:inline-block;vertical-align:middle;position:relative;margin:10px 10px 13px;}
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(1) { margin:0 0 40px 0 }
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(4) { margin:40px 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(1):before { content: ""; transform: rotate(-30deg); margin-top:70px;  }
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(4):before { content: ""; transform: rotate(30deg); margin-bottom:70px;  }
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(1) { margin:0 0 40px 0 }
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(4) { margin:40px 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(1):after { content: ""; transform: rotate(30deg); margin-top:70px;  }
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(4):after { content: ""; transform: rotate(-30deg); margin-bottom:70px;  }
	#onestory1 .sub4 div.advantage p span:after { content: ""; }
	#onestory1 .sub4 div.advantage p span {display: block;line-height:105px;}
	#onestory1 .sub4 div.advantage p strong { display: block }
    #onestory1 .sub4 div.advantage img { }	


@media all and (max-width:1399px) {
#onestory1 .sub4 div.w1200{ width: 100%;  margin: auto;} 
}
	

@media all and (max-width:1199px) {
	#onestory1 .sub4 div.advantage { width: 100%;  margin: auto; transition: all .3s ease;}
	#onestory1 .sub4 div.advantage div { background: url(../img/triangle3.png) no-repeat center;  margin:auto; text-align:center } 
	#onestory1 .sub4 div.advantage p.ad1  {text-align:right;padding-right: 200px;}
	#onestory1 .sub4 div.advantage p.ad2  { text-align:left; padding-left: 200px; }
	#onestory1 .sub4 div.advantage p { font-size:17px; vertical-align:top; transition: all .3s ease;}
}

@media all and (max-width:1099px) {
#onestory1 .sub4 div.advantage div { background: url(../img/triangle3.png) no-repeat center;  margin:0 auto; text-align:center;  } 
	#onestory1 .sub4 div.advantage p.ad1  {text-align:right;padding-right: 200px;}
	#onestory1 .sub4 div.advantage p.ad2  {text-align:left;padding-left: 0;}
}



@media all and (max-width:999px) {

	#onestory1 .sub4 div.advantage p { display:inline-block; width:30%; position:relative;padding: 0 0 100px 0;}
	#onestory1 .sub4 div.advantage p span {display: block;line-height:20px;padding:20px;}
	#onestory1 .sub4 div.advantage p span:before { content:""; color:#000; display:inline-block; }
    #onestory1 .sub4 div.advantage div { background: url(../img/triangle3.png) no-repeat top;  margin:0 auto; text-align:center;  } 
	#onestory1 .sub4 div.advantage p.ad1  {text-align: center;padding-right: 0;width: 100%;  display:inline-block; width:30%;}
	#onestory1 .sub4 div.advantage p.ad2  {text-align: center;padding-left: 0;width: 100%;  display:inline-block; width:30%;}
	#onestory1 .sub4 div.advantage p.ad1 span:after {content: "";  display:none}
	#onestory1 .sub4 div.advantage p.ad2 span:before {content: "";  display:none}
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(1) { margin:0 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(4) { margin:0 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(1) { margin:0 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(4) { margin:0 0 0 0 }
}



@media all and (max-width:699px) {
	#onestory1 .sub4 div.advantage { padding-bottom:50px; }
	#onestory1 .sub4 div.advantage p {display:block;position:relative;padding: 0 0 0 0;}
	#onestory1 .sub4 div.advantage p span {display: block;line-height:20px;padding:20px; font-weight:600; }
	#onestory1 .sub4 div.advantage p span:before { content:""; color:#000; display:inline-block; }
    #onestory1 .sub4 div.advantage div { background: url(../img/triangle3.png) no-repeat top;  margin:0 auto; text-align:center;  } 
	#onestory1 .sub4 div.advantage p.ad1  {text-align: center;padding-right: 0;width: 100%;}
	#onestory1 .sub4 div.advantage p.ad2  {text-align: center;padding-left: 0;width: 100%;}
	#onestory1 .sub4 div.advantage p.ad1 span:after {content: "";  display:none}
	#onestory1 .sub4 div.advantage p.ad2 span:before {content: "";  display:none}
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(1) { margin:0 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad1 span:nth-child(4) { margin:0 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(1) { margin:0 0 0 0 }
	#onestory1 .sub4 div.advantage p.ad2 span:nth-child(4) { margin:0 0 0 0 }
}



#onestory1 .sub5 {margin-bottom: 0px;padding: 50px 0 100px;background: url(../img/main3.png) no-repeat #b6babd;}
#onestory1 .sub5 div.w1200 {width: 1400px; margin: auto; }
#onestory1 .sub5 h1.tit_01 { color:#fff }
#onestory1 .sub5 div.vscont {width: 100%;display: block;position: relative; transition: all .3s ease; }
#onestory1 .sub5 div.vsbox2 {width: 43%;display:inline-block;position: relative;transition: all .3s ease;}
#onestory1 .sub5 div.vsbox2 p {font-size: 47px;letter-spacing: -1px;padding: 0 45px;color: #fff;}
#onestory1 .sub5 div.vsbox2 p span {display:block;font-size: 25px;}
#onestory1 .sub5 div.vsbox {width: 55%;display: inline-block;margin-top: 50px;vertical-align: top;}
#onestory1 .sub5 div.vsbox div h2 {  font-size: 1.7em; }
#onestory1 .sub5 div.vsbox div dl {text-align: center;border-bottom: 1px solid #ddd;padding: 0px 0 20px;}
#onestory1 .sub5 div.vsbox div dl dt {font-weight: 600;font-size: 20px;margin-bottom: 20px;}
#onestory1 .sub5 div.vsbox div dl dd {list-style: none;padding: 0;margin: 0;}
#onestory1 .sub5 div.vsbox div.vs1 {display: inline-block;border: 2px solid #a1bf3b;width: 43%;vertical-align: top;padding: 20px;text-align: center;font-size: 17px;background: #fff;margin-right: 10px; transition: all .3s ease;}
#onestory1 .sub5 div.vsbox div.vs1 h2 {color: #a1bf3b;}
#onestory1 .sub5 div.vsbox div.vs1 h2:after {content: ""; margin:auto; width:1px; height:60px; display:block; background:#000; margin-top:10px;}
#onestory1 .sub5 div.vsbox div.vs2 {display: inline-block;width: 43%;vertical-align: top;padding: 20px;text-align: center;font-size: 17px;background: #fff;border: 2px solid #fff; transition: all .3s ease;}
#onestory1 .sub5 div.vsbox div.vs2 h2 {color: #333;}
#onestory1 .sub5 div.vsbox div.vs2 h2:after {content: ""; margin:auto; width:1px; height:60px; display:block; background:#000; margin-top:10px;}
	
@media all and (max-width:1399px) {
#onestory1 .sub5 div.w1200{ width: 100%;  margin: auto;} 
#onestory1 .sub5 div.vsbox {width: 60%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; }
#onestory1 .sub5 div.vsbox2 {width: 100%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; }
}
	
@media all and (max-width:1299px) {
#onestory1 .sub5 div.w1200{ width: 100%;  margin: auto;} 
#onestory1 .sub5 div.vsbox2 {width: 100%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; }
#onestory1 .sub5 div.vsbox {width: 80%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; }
}

@media all and (max-width:999px) {
#onestory1 .sub5 div.w1200{ width: 100%;  margin: auto;} 
#onestory1 .sub5 div.vsbox2 {width: 100%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; }
#onestory1 .sub5 div.vsbox {width:100%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; }
#onestory1 .sub5 div.vsbox div.vs1 {width: 40%; margin-bottom:20px; }
#onestory1 .sub5 div.vsbox div.vs2 { width: 40%;}
#onestory1 .sub5 div.vsbox2 p { font-size: 43px; letter-spacing: -1px; padding:0 20px; }
#onestory1 .sub5 div.vsbox2 p span { display:block; font-size:23px; padding:20px;  }
}

@media all and (max-width:799px) {
#onestory1 .sub5 div.w1200{ width: 100%;  margin: auto;} 
#onestory1 .sub5 div.vsbox2 {width: 100%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; transition: all .3s ease;}
#onestory1 .sub5 div.vsbox {width: 100%;display: block;margin-top: 0px;vertical-align: top; text-align:center; margin:auto; transition: all .3s ease;}
#onestory1 .sub5 div.vsbox div.vs1 {width: 70%; margin-bottom:20px; }
#onestory1 .sub5 div.vsbox div.vs2 { width: 70%;}
#onestory1 .sub5 div.vsbox2 p { font-size: 43px; letter-spacing: -1px; padding:0 20px; }
#onestory1 .sub5 div.vsbox2 p span {display:block;font-size:20px;padding: 15px;background: #000;margin: 40px 10px;}
}

@media all and (max-width:499px) {
#onestory1 .sub5 div.vsbox2 p span {font-size:15px;} 
}
	



/* 두피연구소 */
#onestory2 { }
#onestory2 { width:100%; }
#onestory2 .sub1 {width: 100%; transition: all .3s ease; margin: 0; padding: 0; }
#onestory2 .sub1 h2 { text-align: center}
#onestory2 .sub1 img { margin: auto; transition: all .3s ease; }
#onestory2 .sub1 div.subtit{width:1400px; margin: auto;padding: 20px; transition: all .3s ease; }
#onestory2 .sub1:after {content: "";display: block;background: #305026;width: 100%;height: 400px;margin-top: -300px;  transition: all .3s ease;}
#onestory2 .sub1 p {margin: 0;font-size: 21px;text-align: center;letter-spacing: -1px;}
#onestory2 .sub1 p:nth-child(2) {margin-bottom: 50px;}
#onestory2 .sub1 p:nth-child(3) { }
#onestory2 .sub1 p strong {display: block;font-size: 35px;margin-bottom: 50px;font-weight: 500;}
#onestory2 .sub1 p span {padding: 5px 20px;border: 1px solid #ddd;border-radius: 20px;}


@media all and (max-width:1399px) {
#onestory2 .sub1 div.w1200{ width: 100%;  margin: auto;} 
#onestory2 .sub1 div.subtit{width:100%; margin: auto;padding: 20px 0;}
}

@media all and (max-width:1099px) {
#onestory2 .sub1 {width: 100%; transition: all .3s ease; margin: 0; padding: 0; }
#onestory2 .sub1 div.w1200{ width: 100%;  margin: auto;} 
#onestory2 .sub1 div.subtit{width:100%;margin: auto;padding: 20px 0;}
#onestory2 .sub1 img { width:100% }
}

@media all and (max-width:799px) {
#onestory2 .sub1:after {content: "";display: none;}
#onestory2 .sub1 p {margin: 0;font-size: 17px;text-align: center;letter-spacing: -2px;}
#onestory2 .sub1 p img { }
#onestory2 .sub1 p strong {display: block;font-size: 30px;margin-bottom: 50px;font-weight: 500;}
}

	
#onestory2 .sub2 {width: 100%;display: block;margin:0px;padding: 55px 0 110px;background: #efefef;}
#onestory2 .sub2 div.w1200 {width: 1400px; margin: auto; }
#onestory2 .sub2 p { margin: 0; font-size: 20px; text-align: center; letter-spacing: -1px; }

#onestory2 .sub2 div.care1 { width: 100%; margin-top: 70px; display: block; vertical-align: top }
#onestory2 .sub2 div.care1 h2 { font-size: 60px; margin: 0; padding: 0}
#onestory2 .sub2 div.care1 h2:after { content: ""; width: 1px; height: 70px;  background: #000; position: relative; display: block; }
#onestory2 .sub2 div.care1 .ca1 { width: 43%; display: inline-block;  vertical-align: top; transition: all .3s ease;}
#onestory2 .sub2 div.care1 .ca2 { width: 40%; display: inline-block;  vertical-align: top; transition: all .3s ease;}
#onestory2 .sub2 div.care1 .ca2 dl { }
#onestory2 .sub2 div.care1 .ca2 dl dt {font-weight: 600;font-size: 21px;}
#onestory2 .sub2 div.care1 .ca2 dl dd {padding: 0;margin: 0;font-size: 17px;padding-bottom: 30px;}

@media all and (max-width:1399px) {
#onestory2 .sub2 div.w1200{ width: 100%;  margin: auto;} 
}

@media all and (max-width:1299px) {
#onestory2 .sub2 div.care1 .ca1 { width: 48%; display: inline-block;  vertical-align: top }
#onestory2 .sub2 div.care1 .ca2 { width: 45%; display: inline-block;  vertical-align: top }
}


@media all and (max-width:999px) {
#onestory2 .sub2 {padding: 55px 0 50px;}
#onestory2 .sub2 div.care1 .ca1 { width: 100%;display: block;  margin:auto; text-align:center }
#onestory2 .sub2 div.care1 .ca1 img { width:80%;;  }
#onestory2 .sub2 div.care1 .ca2 {width: 79%;display: block;padding:40px;position:relative;}
#onestory2 .sub2 div.care1 h2 { font-size: 50px;  line-height:65px }
}


@media all and (max-width:699px) {
#onestory2 .sub2 div.care1 .ca2 {width: 77%;display: block;padding:40px;position:relative;}
}





#onestory2 .sub3 {width: 100%;margin:0px;padding:50px 0;}
#onestory2 .sub3 div.w1200 {width: 1400px;margin: auto;z-index:999;position:relative;clear: both;  transition: all .3s ease;}
#onestory2 .sub3 div.care2 { margin: auto; width: 100%;}
#onestory2 .sub3 div.care2 p { text-align: center; }
#onestory2 .sub3 div.care2 ul {position: relative;display: block;margin: 0;}
#onestory2 .sub3 div.care2 ul li {list-style: none;font-size: 23px;letter-spacing: -1px;position: absolute;font-weight: 600;color: #4c5a51; transition: all .3s ease;}
#onestory2 .sub3 div.care2 ul li.ad1 {right: 46%;top: 15px;}
#onestory2 .sub3 div.care2 ul li.ad2 {right: 30%;top: 153px;}
#onestory2 .sub3 div.care2 ul li.ad3 {left: 23%;top: 153px;}
#onestory2 .sub3 div.care2 ul li.ad4 {left: 23%;top: 383px;}
#onestory2 .sub3 div.care2 ul li.ad5 {right: 27%;top: 385px;}
#onestory2 .sub3 div.care2 ul li.ad6 {left: 45%;top: 524px;}
#onestory2 .sub3 div.care2 ul li span{ }

@media all and (max-width:1399px) {
#onestory2 .sub3 div.w1200{ width: 100%;  margin: auto;} 
}

@media all and (max-width:1299px) {
#onestory2 .sub3 div.care2 ul li.ad1 {right: 45%;top: 15px;}
#onestory2 .sub3 div.care2 ul li.ad2 {right: 25%;top: 153px;}
#onestory2 .sub3 div.care2 ul li.ad3 {left: 15%;top: 153px;}
#onestory2 .sub3 div.care2 ul li.ad4 {left: 15%;top: 383px;}
#onestory2 .sub3 div.care2 ul li.ad5 {right: 21%;top: 385px;}
#onestory2 .sub3 div.care2 ul li.ad6 {left: 45%;top: 524px;}
}


@media all and (max-width:999px) {
#onestory2 .sub3 div.care2 ul li.ad1 {right: 44%;top: 15px;}
#onestory2 .sub3 div.care2 ul li.ad2 {right: 20%;top: 153px;}
#onestory2 .sub3 div.care2 ul li.ad3 {left: 10%;top: 153px;}
#onestory2 .sub3 div.care2 ul li.ad4 {left: 10%;top: 383px;}
#onestory2 .sub3 div.care2 ul li.ad5 {right: 16%;top: 385px;}
#onestory2 .sub3 div.care2 ul li.ad6 {left: 44%;top: 524px;}
}


@media all and (max-width:799px) {
#onestory2 .sub3 {width: 100%;margin:0px;padding: 40px 0 60px;}
#onestory2 .sub3 div.care2 ul li {list-style: none;font-size: 23px;letter-spacing: -1px;position: relative; font-weight: 600;color: #4c5a51;}
#onestory2 .sub3 div.care2 ul li:before { content:"#"; }
#onestory2 .sub3 div.care2 ul li.ad1 {right: 0;top: 0;}
#onestory2 .sub3 div.care2 ul li.ad2 {right: 0;top: 0;}
#onestory2 .sub3 div.care2 ul li.ad3 {left: 0;top: 0;}
#onestory2 .sub3 div.care2 ul li.ad4 {left: 0;top: 0;}
#onestory2 .sub3 div.care2 ul li.ad5 {right: 0;top: 0;}
#onestory2 .sub3 div.care2 ul li.ad6 {left: 0;top: 0;}
#onestory2 .sub3 div.care2 p {display:none }
}




#onestory2 .sub4 {width: 100%;margin:0px;padding: 70px 0 50px;display: block;position: relative;background: #f7f7f7;}
#onestory2 .sub4:before {content:"";display:block;width: 100%;height: 500px;position: absolute;z-index:2;left: 0px;top:0px;} 
#onestory2 .sub4 div.w1200 {width: 1400px;margin: auto;z-index:999;position:relative;clear: both;}
#onestory2 .sub4 div.care3 {width: 100%;display: block;position: relative;  transition: all .3s ease;}
#onestory2 .sub4 div.care3 p {padding-bottom: 40px;display: inline-block;vertical-align: top; padding-left: 50px;}
#onestory2 .sub4 div.care3 p strong {display: block;font-size: 52px;line-height: 66px;padding-bottom: 20px;}
#onestory2 .sub4 div.care3 p span {font-size: 22px;}
#onestory2 .sub4 div.care3 p:nth-child(2) {width: 50%;  transition: all .3s ease;}
#onestory2 .sub4 div.care3 p:nth-child(2):after { content:"";  }
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 35%;  transition: all .3s ease;}
#onestory2 .sub4 div.care3 p span{display: block;}




@media all and (max-width:1399px) {
#onestory2 .sub4 div.w1200{ width: 100%;  margin: auto; } 
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 40%; }
#onestory2 .sub4 div.care3 p:nth-child(2) img { width: 95% }


}

@media all and (max-width:1299px) {
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 40%; }
#onestory2 .sub4 div.care3 p:nth-child(2) img { width: 95% }

}



@media all and (max-width:1199px) {
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 50%; }
#onestory2 .sub4 div.care3 p:nth-child(2) {width: 40%; }
#onestory2 .sub4 div.care3 p:nth-child(2) img { width: 100% }
}


@media all and (max-width:1099px) {
#onestory2 .sub4 div.care3 p span {font-size: 18px; }
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 40%; }
#onestory2 .sub4 div.care3 p:nth-child(2) {width: 37%; }
#onestory2 .sub4 div.care3 p:nth-child(2) img { width: 100% }
}



@media all and (max-width:999px) {
#onestory2 .sub4 {width: 100%;margin:0px;padding: 50px 0 30px;display: block;position: relative;background: #f7f7f7;}
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 100%;padding-left: 0;}
#onestory2 .sub4 div.care3 p:nth-child(2) {width: 100%;padding-left: 0;}
#onestory2 .sub4 div.care3 p:nth-child(2) img {width: 87%;margin:auto;position:relative;display:block;}
#onestory2 .sub4 div.care3 p strong { text-align: center; }
#onestory2 .sub4 div.care3 p span{ text-align: center; }
}

@media all and (max-width:699px) {
#onestory2 .sub4 div.care3 p strong {display: block;font-size: 40px;line-height: 57px;padding-bottom: 20px;}
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 100%;}
#onestory2 .sub4 div.care3 p span {font-size: 17px; }
}


@media all and (max-width:399px) {
#onestory2 .sub4 div.care3 p strong {display: block;font-size: 30px;line-height: 40px;padding-bottom: 20px;}
#onestory2 .sub4 div.care3 p:nth-child(1) {width: 100%;}
#onestory2 .sub4 div.care3 p span {font-size: 14px; }
}



#onestory2 .sub5 { width: 100%; display: block; margin:0px; padding:40px 0;   }
#onestory2 .sub5 div.w1200 {width: 1400px; margin: auto; }
#onestory2 .sub5 div.care4 { width: 100%; margin: auto; transition: all .3s ease; }
#onestory2 .sub5 div.care4 p { width: 60%; display: inline-block; vertical-align: top; text-align: center; transition: all .3s ease;}
#onestory2 .sub5 div.care4 ul {  width: 30%; display: inline-block; transition: all .3s ease; }
#onestory2 .sub5 div.care4 ul li { list-style: none; font-size: 21px; line-height:100px; position:relative; transition: all .3s ease;  }
#onestory2 .sub5 div.care4 ul li:before { content: ""; width: 80px; height: 1px; display:inline-block;  background: #000; vertical-align: middle; margin-right:10px; }
#onestory2 .sub5 div.care4 ul li:nth-child(1):after {content: "";width: 80px;height: 1px;display:inline-block;background: #000;vertical-align: middle;position:absolute;left: -74px;top: 73px;transform: rotate(-30deg);}
#onestory2 .sub5 div.care4 ul li:nth-child(2):after {content: "";width: 80px;height: 1px;display:inline-block;background: #000;vertical-align: middle;position:absolute;left: -74px;top: 73px;transform: rotate(-30deg);}
#onestory2 .sub5 div.care4 ul li:nth-child(3):after {content: "";width: 80px;height: 1px;display:inline-block;background: #000;vertical-align: middle;position:absolute;left: -74px;top: 53px;}
#onestory2 .sub5 div.care4 ul li:nth-child(4):after {content: "";width: 80px;height: 1px;display:inline-block;background: #000;vertical-align: middle;position:absolute;left: -74px;top: 53px;}
#onestory2 .sub5 div.care4 ul li:nth-child(5):after {content: "";width: 80px;height: 1px;display:inline-block;background: #000;vertical-align: middle;position:absolute;left: -74px;top: 33px;transform: rotate(30deg);}
#onestory2 .sub5 div.care4 ul li:nth-child(6):after {content: "";width: 80px;height: 1px;display:inline-block;background: #000;vertical-align: middle;position:absolute;left: -74px;top: 33px;transform: rotate(30deg);}


@media all and (max-width:1399px) {
#onestory2 .sub5 div.w1200{ width: 100%;  margin: auto; } 
}

@media all and (max-width:1099px) {
#onestory2 .sub5 div.care4 p { width: 55%; display: inline-block; vertical-align: top; text-align: center;}
#onestory2 .sub5 div.care4 p img { width:100%; }
#onestory2 .sub5 div.care4 ul {  width: 40%; display: inline-block;  }
#onestory2 .sub5 div.care4 ul li { list-style: none; font-size: 21px; line-height:80px; position:relative; transition: all .3s ease;  }
#onestory2 .sub5 div.care4 ul li:nth-child(1):after {content: "";left: -74px;top: 64px}
#onestory2 .sub5 div.care4 ul li:nth-child(2):after {content: "";left: -74px;top: 64px}
#onestory2 .sub5 div.care4 ul li:nth-child(3):after {content: "";left: -74px;top: 44px}
#onestory2 .sub5 div.care4 ul li:nth-child(4):after {content: "";left: -74px;top: 44px}
#onestory2 .sub5 div.care4 ul li:nth-child(5):after {content: "";left: -74px;top: 24px}
#onestory2 .sub5 div.care4 ul li:nth-child(6):after {content: "";left: -74px;top: 24px}
}


@media all and (max-width:910px) {
#onestory2 .sub5 div.care4 p { width: 100%; display: block; vertical-align: top; text-align: center;}
#onestory2 .sub5 div.care4 p img { width:100%; }
#onestory2 .sub5 div.care4 ul {width: 100%;display: inline-block; margin: 0;padding: 0;}
#onestory2 .sub5 div.care4 ul li { list-style: none; font-size: 21px; line-height:50px; position:relative;  }
#onestory2 .sub5 div.care4 ul li:after { }
#onestory2 .sub5 div.care4 ul li:before { content: ""; width: 50px; margin-left:50px; }
#onestory2 .sub5 div.care4 ul li:nth-child(1):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(2):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(3):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(4):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(5):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(6):after {content: "";left: 0;top:0;  display:none}
}


@media all and (max-width:410px) {
#onestory2 .sub5 div.care4 p { width: 100%; display: block; vertical-align: top; text-align: center;}
#onestory2 .sub5 div.care4 p img { width:100%; }
#onestory2 .sub5 div.care4 ul {width: 100%;display: inline-block; margin: 0;padding: 0;}
#onestory2 .sub5 div.care4 ul li { list-style: none; font-size: 17px; line-height:50px; position:relative;  }
#onestory2 .sub5 div.care4 ul li:after { }
#onestory2 .sub5 div.care4 ul li:before { content: ""; width: 50px; margin-left:50px; }
#onestory2 .sub5 div.care4 ul li:nth-child(1):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(2):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(3):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(4):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(5):after {content: "";left: 0;top:0;  display:none}
#onestory2 .sub5 div.care4 ul li:nth-child(6):after {content: "";left: 0;top:0;  display:none}
}





#onestory2 .sub6 {width: 100%;display: block;margin:0px;padding: 55px 0 85px;background: url(../img/care5.png) no-repeat 50% 0%;}
#onestory2 .sub6 div.w1200 {width: 1400px; margin: auto; }
#onestory2 .sub6 div.care5 {width: 100%;margin: auto;padding-top: 65px; transition: all .3s ease;}
#onestory2 .sub6 div.care5 div {width: 68%;display: inline-block;vertical-align: top; transition: all .3s ease;}
#onestory2 .sub6 div.care5 div.ca1 {font-size: 52px;font-weight: 600;width: 31%; transition: all .3s ease;}
#onestory2 .sub6 div.care5 div.ca2 { font-size: 21px;line-height: 73px; transition: all .3s ease;}
#onestory2 .sub6 div.care5 ul { }
#onestory2 .sub6 div.care5 ul li {list-style: none;width: 22%;padding: 32px;display: inline-block;margin: 11px;text-align: center;background: #000;color: #fff;opacity: 70%;transition: all .3s ease;}
#onestory2 .sub6 div.care5 ul li:before {content: "";width: 5px;height: 5px; vertical-align: middle;margin-bottom: 9px; }


@media all and (max-width:1399px) {
#onestory2 .sub6 div.w1200{ width: 100%;  margin: auto; } 
}

@media all and (max-width:1299px) {
#onestory2 .sub6 div.care5 div.ca1 { font-size: 47px;font-weight: 600;width: 26%; padding-left:50px; }
#onestory2 .sub6 div.care5 div.ca2 { font-size: 21px;line-height: 73px;}
#onestory2 .sub6 div.care5 ul li {list-style: none;width:20%;padding: 32px;display: inline-block;margin: 11px;text-align: center;background: #000;color: #fff;opacity: 70%;}
}

@media all and (max-width:1099px) {
#onestory2 .sub6 div.care5 div.ca1 { font-size: 43px;font-weight: 600;width: 25%;  }
#onestory2 .sub6 div.care5 div.ca2 { font-size: 21px;line-height: 73px;}
#onestory2 .sub6 div.care5 ul li { width:33%; padding: 32px;}
}

@media all and (max-width:999px) {
#onestory2 .sub6 div.care5 { padding-top:0 }
#onestory2 .sub6 div.care5 div.ca1 { font-size: 40px;font-weight: 600;width:100%; padding-left:0; text-align:center}
#onestory2 .sub6 div.care5 div.ca2 { font-size: 21px;line-height: 30px; }
#onestory2 .sub6 div.care5 div {width: 100%;display: block;vertical-align: top; transition: all .3s ease;}
#onestory2 .sub6 div.care5 ul li { width:42%; padding: 23px; margin: 5px; display:inline-block; background: #f9f9f9;color: #0e0a0a;opacity: 80%;}
}

@media all and (max-width:769px) {
#onestory2 .sub6 div.care5 ul li {width: 33%;padding: 23px;display:inline-block;background: #f9f9f9;color: #0e0a0a;opacity: 80%;}
#onestory2 .sub6 div.care5 ul { margin:0px; padding:20px; }
}


@media all and (max-width:399px) {
#onestory2 .sub6 div.care5 ul li {width: 100%;padding: 14px 0;display:inline-block;background: #f9f9f9;color: #0e0a0a;opacity: 80%;}
#onestory2 .sub6 div.care5 ul {margin:0px;padding: 0;width: 97%;}
}


#onestory2 .sub7 h1 {/* background: url(../img/test.png) no-repeat 50%; */padding: 30px 0;}
#onestory2 .sub7 {width: 100%;display: block;margin:0px;padding:40px 0;background: #ffffff;}
#onestory2 .sub7 div.w1200 {width: 1400px; margin: auto; }
#onestory2 .sub7 div.caretest { padding: 30px 0 70px; position: relative; text-align: center; transition: all .3s ease;  }
#onestory2 .sub7 div.caretest .titbox {	width:100%;	max-width:1200px;	margin:0 auto 70px;	text-align:left;}
#onestory2 .sub7 div.caretest .tbox strong {display:block;	font-size:20px;	font-weight:bold;	color:#111111;	margin:0 0 10px;}
#onestory2 .sub7 div.caretest .carebox {display:table;	table-layout:fixed;	font-size:0;}
#onestory2 .sub7 div.caretest .carebox.wid-100 { width:100%;}
#onestory2 .sub7 div.caretest .carebox.wid-50 {width: 41%;background: #fff;display: inline-block;padding: 80px 50px; text-align: center;	vertical-align: top;margin: 10px 10px 0;transition: all .3s ease; }
#onestory2 .sub7 div.caretest .carebox1 .cell {	position:relative;	display:inline-block;	vertical-align:top;	width:50%; transition: all .3s ease; }
#onestory2 .sub7 div.caretest .tbox .nb { display:block;	font-size:52px;	color:#062d3e;	margin:0 0 10px;}
#onestory2 .sub7 div.caretest .b-tit { margin:10px 0 5px;}
#onestory2 .sub7 div.caretest .b-txt { font-size:20px;	color:rgba(0,0,0,.8);}
#onestory2 .sub7 div.caretest .tbox p {	font-size: 17px; color:#858585;	letter-spacing:-1px; padding: 23px;}
#onestory2 .sub7 div.caretest .carebox2 { margin: 100px 0 0 0;}
#onestory2 .sub7 div.caretest .carebox2 .tbox {position:relative;display:inline-block;width:100%;margin:85px 0 0;transition: all .3s ease;}
#onestory2 .sub7 div.caretest .carebox2 .bigImg { position:relative; z-index:1;}
#onestory2 .sub7 div.caretest .carebox2 .tbox:before { content:'';	display:inline-block; position:absolute; width:1px;	height:178px; background:#bfbfbf; left: 50%; top: -176px; z-index:0; transition: all .3s ease; }


@media all and (max-width:1399px) {
#onestory2 .sub7 div.w1200{ width: 100%;  margin: auto; } 
	#onestory2 .sub7 div.caretest .carebox.wid-50 {width: 40%;}
#onestory2 .sub7 div.caretest .carebox.wid-50 img { width: 80%;}
}

@media all and (max-width:1299px) {
#onestory2 .sub7 div.caretest .carebox.wid-50 {width: 45%;background: #fff;display: inline-block;padding: 50px 0;text-align: center;vertical-align: top;margin: 10px 10px 0;}
#onestory2 .sub7 div.caretest .carebox.wid-50 img { width: 80%;}

}

@media all and (max-width:999px) {
#onestory2 .sub7 div.caretest .carebox.wid-50 {width: 97%;background: #fff;display: block;padding: 30px 0;text-align: center;vertical-align: top;margin: 10px 00;}
#onestory2 .sub7 div.caretest .tbox p {	font-size: 17px; color:#858585;	letter-spacing:-1px; padding: 50px;}
}


@media all and (max-width:799px) {



#onestory2 .sub7 div.caretest .tbox .nb { display:block; font-size:50px;}
#onestory2 .sub7 div.caretest { padding: 10px 0 50px; position: relative; text-align: center; transition: all .3s ease;  }
#onestory2 .sub7 div.caretest .carebox.wid-50 img { width:82%;  }

}


@media all and (max-width:399px) {
#onestory2 .sub7 div.caretest .carebox.wid-50 {width: 100%;background: #fff;display: block;padding: 30px 0;text-align: center;vertical-align: top;margin: 10px 00;}
#onestory2 .sub7 div.caretest .tbox .nb { display:block; font-size:40px; }
#onestory2 .sub7 div.caretest .tbox strong {display:block;font-size:19px; }
#onestory2 .sub7 div.caretest .tbox p {	font-size: 15px; }
}



#onestory3 { width:100%; }
#onestory3 .sub1 div.w1200 {width: 1400px;margin: 0 auto;transition: all .3s ease;background: url(../img/patentbg.png) no-repeat;padding: 0;}
#onestory3 .sub1 {width: 100%;transition: all .3s ease;margin: 0;display: block;padding: 30px 0 0;}
#onestory3 .sub1 h2 {text-align: left;}
#onestory3 .sub1 img {margin: auto;transition: all .3s ease;}
#onestory3 .sub1:after {content: "";display: block;background: #f9f9f9;width: 100%;height: 500px;margin-top: -450px;padding: 0;transition: all .3s ease;}
#onestory3 .sub1 div.subtit{margin: 5px;width: 45%;padding: 50px;display: inline-block;}
#onestory3 .sub1 div.subtit p {font-size: 21px;transition: all .3s ease;}
#onestory3 .sub1 div.subtit p strong  { font-size: 25px;}
#onestory3 .sub1 div.subtit p strong {display: block;font-size: 49px;margin-bottom: 50px;font-weight: 600;}
#onestory3 .sub1 div.patentdox {width:100%;display:block;margin: 0 auto;position: relative;}
#onestory3 .sub1 div.patent {display: inline-block;width: 40%; vertical-align:top;transition: all .3s ease;}
#onestory3 .sub1 div.patent p { text-align:right; transition: all .3s ease; }
#onestory3 .sub1 div.patent p img { border:1px solid #ddd; transition: all .3s ease; }
#onestory3 .sub1 div.patent1 {display: block;width: 57%;vertical-align:top;margin: 0;position:relative;}
#onestory3 .sub1 div.patent1:before {content:"특허명";font-size: 93px;position:absolute;top: -190px;color:#ddd;font-weight:600;}
#onestory3 .sub1 div.patent1 p {letter-spacing: -1px;padding: 0 50px 50px;transition: all .3s ease;}
#onestory3 .sub1 div.patent1 p strong {font-size: 24px;margin: 0 0 20px;line-height: 29px;position: relative;display: block;} 
#onestory3 .sub1 div.patent1 p span {display: block;font-size: 20px;line-height: 25px;}
#onestory3 .sub1 div.patent1 p b {font-size: 16px;}
#onestory3 .sub1 div.patent1 p.pa1 {width: 36%;display: inline-block;vertical-align: top;text-align: left;margin: 0 0 30px;}
#onestory3 .sub1 div.patent1 p.pa2 {width: 37%;display: inline-block;vertical-align: top;text-align: left;margin: 0 0 30px;}

@media all and (max-width:1399px) {
#onestory3 .sub1 div.w1200 {  width: 100%;  margin: 0;}
#onestory3 .sub1 div.subtit { width: 45%; }
#onestory3 .sub1 div.patent1 {width: 68%;}
#onestory3 .sub1 div.patent1 p.pa1 {width: 36%;display: inline-block;vertical-align: top;text-align: left;margin:30px 0 30px;}
#onestory3 .sub1 div.patent1 p.pa2 {width: 37%;display: inline-block;vertical-align: top;text-align: left;margin:30px 0 30px;}
}

@media all and (max-width:1199px) {
#onestory3 .sub1 div.w1200 {  width: 100%;  margin: 0;}
#onestory3 .sub1 div.subtit { width: 45%; }
#onestory3 .sub1 div.patent1 {width: 100%;}
#onestory3 .sub1 div.patent1 p.pa1 {width: 37%;display: inline-block;vertical-align: top;text-align: left;margin:30px 0 30px;}
#onestory3 .sub1 div.patent1 p.pa2 {width: 37%;display: inline-block;vertical-align: top;text-align: left;margin: 30px 0 0px;}
#onestory3 .sub1 div.patent1 p strong {font-size: 20px;margin: 0 0 20px;line-height: 29px;position: relative;display: block;} 
#onestory3 .sub1 div.patent1 p span {display: block;font-size: 17px;line-height: 21px;}
#onestory3 .sub1 div.patent1 p b {font-size: 14px;}
}

@media all and (max-width:999px) {
#onestory3 .sub1 { background:#f9f9f9 }
#onestory3 .sub1 div.subtit p strong {font-size: 43px;}
#onestory3 .sub1 div.subtit { width: 70%; }
#onestory3 .sub1 div.patent {display: inline-block;width: 100%;}
#onestory3 .sub1 div.patent p { text-align:center; transition: all .3s ease; }
#onestory3 .sub1 div.patent1:before {content:"특허명";font-size: 73px;position:relative; text-align:center; display:block; top: 0px;color:#ddd;font-weight:600;}
#onestory3 .sub1 div.patent1 p.pa1 {width: 80%;display: block;}
#onestory3 .sub1 div.patent1 p.pa2 {width: 80%;display: block;}
#onestory3 .sub1:after {content: "";display: none}
}





#onestory3 .sub2 {margin: 0;padding: 30px 0;background: url(../img/patent2bg.png) no-repeat;}
#onestory3 .sub2 div.w1200 {width: 1400px;margin: auto;transition: all .3s ease;}
#onestory3 .sub2 div.subtit{margin: 5px;width: 45%;padding: 50px;display: inline-block;}
#onestory3 .sub2 div.subtit p {font-size: 21px;}
#onestory3 .sub2 div.subtit p strong {display: block;font-size: 49px;margin-bottom: 50px;font-weight: 600;}
#onestory3 .sub2 div.patent5 { }
#onestory3 .sub2 div.patent5 ul { margin:0px; padding:0 }
#onestory3 .sub2 div.patent5 ul li {list-style:none;font-size: 17px;}
#onestory3 .sub2 div.patent5 .paimg {text-align: right;padding: 0 0 45px;transition: all .3s ease;}
#onestory3 .sub2 div.patent5 .paimg img { border:1px solid #040404 }
#onestory3 .sub2 div.patent5 .paimg img:nth-child(1) { transition: all .3s ease;}
#onestory3 .sub2 div.patent5 .paimg img:nth-child(2) { transition: all .3s ease;}


@media all and (max-width:1399px) {
#onestory3 .sub2 div.w1200 {  width: 100%;  margin: 0;}
#onestory3 .sub2 div.subtit { width: 80%; }
#onestory3 .sub2 div.patent5 {width: 100%;}
#onestory3 .sub2 div.patent5 .paimg {text-align: center;padding: 0 0 45px;}
}

@media all and (max-width:1199px) {
#onestory3 .sub2 div.patent5 {width: 100%;}
#onestory3 .sub2 div.patent5 .paimg img:nth-child(1) {z-index:9999; position:relative;}
#onestory3 .sub2 div.patent5 .paimg img:nth-child(2) { margin-left:-100px; z-index:9;  }
}

@media all and (max-width:899px) {
#onestory3 .sub2 {margin: 0;padding: 30px 0;background: url(../img/patent2bg.png) no-repeat 50%;}
#onestory3 .sub2 div.patent5 {width: 100%;}
#onestory3 .sub2 div.patent5 .paimg img:nth-child(2) { margin-left:-170px; z-index:9;  }
}

@media all and (max-width:799px) {
#onestory3 .sub2 div.subtit p strong {font-size: 43px;}
#onestory3 .sub2 div.patent5 .paimg {text-align: center;padding: 0 0 45px;}
#onestory3 .sub2 div.patent5 .paimg img { border:1px solid #040404; width:40%; }
#onestory3 .sub2 div.patent5 .paimg img:nth-child(2) { display:none;  }
}





#onestory3 .sub3 {background: url(../img/patent3bg.png) no-repeat 50% 20%;display: block;padding: 50px 0;}
#onestory3 .sub3 div.w1200 {width: 1400px;margin: auto;transition: all .3s ease;}
#onestory3 .sub3 div.pan { width: 100%; position: relative;  display: block;  margin: auto;  text-align: center;}
#onestory3 .sub3 ul{text-align:center;margin: 100px 0;padding: 0;}
#onestory3 .sub3 ul li {position:relative;display: inline-block;font-size:21px;vertical-align: top;text-align: center;width: 31%;margin-right: 1.4%;color: #fff;}
#onestory3 .sub3 ul li:not(:last-child):before { content:""; width: 1px; height: 68px; background: #585858;  position: Absolute; top: 30px; right: -5px }
#onestory3 .sub3 ul li:last-child {margin-right:0;}
#onestory3 .sub3 ul li span { font-size:17px; }


@media all and (max-width:1399px) {
#onestory3 .sub3 div.w1200 {width: 100%;}
}

@media all and (max-width:1299px) {
#onestory3 .sub3 ul{text-align:center;margin: 0px 0;padding: 0;}
#onestory3 .sub3 ul li {position:relative;font-size:20px;text-align: center;width:30%;color: #fff; padding:30px 0;}
#onestory3 .sub3 ul li:not(:last-child):before { content:""; width: 1px; height: 68px; background: #585858;  position: Absolute; top: 30px; right: -5px }
}


@media all and (max-width:999px) {
#onestory3 .sub3 ul{text-align:center;margin: 0px 0;padding: 0;}
#onestory3 .sub3 ul li {position:relative;display: block;font-size:20px;text-align: center;width:100%;color: #fff; padding:30px 0;}
#onestory3 .sub3 ul li:not(:last-child):before { content:""; display:none }
}




#onestory3 .sub4 {margin: 0;padding: 30px 0; }
#onestory3 .sub4 div.w1200 {width: 1400px;margin: auto;transition: all .3s ease;}
#onestory3 .sub4 div.subtit{margin: 5px;width: 45%;padding: 50px;display: inline-block;}
#onestory3 .sub4 div.subtit p {font-size: 21px; transition: all .3s ease;}
#onestory3 .sub4 div.subtit p strong {display: block;font-size: 49px;margin-bottom: 50px;font-weight: 600; transition: all .3s ease;}
#onestory3 .sub4 div.patent5 {position: relative;}
#onestory3 .sub4 div.patent5 ul { margin:0px; padding:0 }
#onestory3 .sub4 div.patent5 ul li {list-style:none;font-size: 17px; transition: all .3s ease;}
#onestory3 .sub4 div.patent5 .paimg {padding: 50px 0;text-align: center;}
#onestory3 .sub4 div.patent5 .paimg img {   margin: 0 15px;}
#onestory3 .sub4 div.patent5 .paimg2 {position: absolute;right: 6%;top: 11%; transition: all .3s ease;}
#onestory3 .sub4 div.patent5 .paimg2 img {}


@media all and (max-width:1399px) {
#onestory3 .sub4 div.w1200 {width: 100%;}
#onestory3 .sub4 div.subtit { width: 80%; }
#onestory3 .sub4 div.patent5 {width: 100%;}
#onestory3 .sub4 div.patent5 .paimg {text-align: center;padding: 0 0 45px;}
}

@media all and (max-width:1299px) {
#onestory3 .sub4 ul{text-align:center;margin: 0px 0;padding: 0;}
#onestory3 .sub4 div.patent5 .paimg2 {position: absolute;right: 0%;top: 11%; }
#onestory3 .sub4 div.patent5 .paimg2 img {width:90%; }
#onestory3 .sub4 ul li {position:relative;font-size:20px;text-align: center;width:30%;color: #fff; padding:30px 0;}
#onestory3 .sub4 ul li:not(:last-child):before { content:""; width: 1px; height: 68px; background: #585858;  position: Absolute; top: 30px; right: -5px }
}

@media all and (max-width:1199px) {
#onestory3 .sub4 div.subtit{margin: 5px;width: 30%;padding: 50px;display: inline-block;}
#onestory3 .sub4 div.subtit p strong {font-size: 43px;}
#onestory3 .sub4 div.patent5 .paimg2 {right: 3%;top: 11%; display: inline-block;}
#onestory3 .sub4 div.patent5 .paimg2 img {width:auto; }
}

@media all and (max-width:1099px) {
#onestory3 .sub4 div.subtit{margin: 5px;width:30%;padding: 50px 0 50px 50px;display:block;}
#onestory3 .sub4 div.subtit p strong {font-size: 43px;}
#onestory3 .sub4 div.patent5 .paimg {text-align: center;padding: 45px 0;}
}

@media all and (max-width:999px) {
#onestory3 .sub4 div.patent5 .paimg2 { width:100%; margin:auto; text-align:center; position:relative;right: 0%;top: 0%; display: block;}
#onestory3 .sub4 div.patent5 .paimg2 img {width:90%; }

}



@media all and (max-width:799px) {
#onestory3 .sub4 div.subtit{margin: 5px;width: 70%;padding: 50px 0 50px 50px;display:block;}
#onestory3 .sub4 div.subtit p strong {font-size: 43px;}
#onestory3 .sub4 div.patent5 .paimg2 { width:100%; margin:auto; text-align:center; position:relative;right: 0%;top: 0%; display: block;}
#onestory3 .sub4 div.patent5 .paimg2 img {width:90%; }
#onestory3 .sub4 div.patent5 .paimg {text-align: center;padding: 45px 0;}
#onestory3 .sub4 div.patent5 .paimg img {width:70%; margin:20px 0; }
}



	



