@import url('//cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');


.privacy-text {
display:block;
    border: 1px solid #b6b6b6;
    padding:   10px;
    margin-bottom: 10px;
    font-size: 14px;
    min-width: 80px;
   
   }



/* member */ 
.member .privacy-wrap .box-ty1{
	padding:0;
	border:none;
	background:none;
}
.member .privacy-wrap .block h3.tit,
.member .privacy-wrap .block h3.tit,
.member .privacy-wrap .block h4.tit,
.member .privacy-wrap .box-ty1 p,
.member privacy-wrap p{
	font-size:14px;
	color:#666;
}
.member .block h3.tit,
.member .block h4.tit{
	padding:0;
	margin:0;
	font-weight:300;
}
.member .block h3.tit:before,
.member .block h4.tit:before{
	display:none;
}
.member .privacy-wrap .block2{margin-bottom:1em;}
.member .privacy-wrap .ol-ty1 li{
     margin-bottom: 0px;
	 line-height:1.42;
}
.member .privacy-wrap .mt-1{margin-top:0.5em !important;}
.member .member-box{
	position:relative;
	max-width:700px;
	margin:4em auto;
	border-bottom:1px solid #000;
	padding:0 0 2.5em 0;
	 
}
.member .member-box h3{
	position:relative;
	font-size:42px;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:45px;
	text-align:center;
}
.member .member-box .form-control{
	height:46px;
	line-height:46px;
	border:1px solid #e0e0e0;
}
.member .member-box .btn-login{
	padding:0;
	height:66px;
	line-height:66px;
	width:100%;
	margin-top:1em;
	font-size:22px;
	font-weight:500;
	background:#3393dd;
	color:#fff;
	letter-spacing:0.1em;
}
.member .member-box .login-info{
	position:relative;
	margin:30px 0 0;
	text-align:center;
}
.member .member-box .login-info a{
	padding:0 20px;
	position:relative;
	font-weight:400;
}
.member .member-box .login-info a:hover{
	font-weight:400;
}
.member .member-box .login-info a::before{
	content:"";
	display:block;
	width:1px;
	height:14px;
	background:#999;
	position:absolute;
	top:6px;
	right:0;
}
.member .member-box .login-info a:last-child::before{
	display:none;
}
.member .scroll-box{
	position:relative;
	margin-top:15px;
	border:1px solid #d5d3d6;
	padding:12px;
	height:145px;
	overflow-y:auto;
	font-size:14px;
	word-break:break-all;
}
.member .scroll-box p{
	line-height:1.63;
	font-weight:300;
}
.member .scroll-box em{
	color:#333;
	font-weight:500;
}
.member .check-box{
	text-align:right;
	padding:8px;
}


/* service */ 
.service  .block h3.tit{
	margin-bottom: 0.25em;
}
.service .ol-ty1 li{
     margin-bottom:0px;
}


/* procedure  */ 
.zoom_view {
    display: block;
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    background: url(/common/img/test/zoom_view.png) no-repeat 0 0;
    overflow: hidden;
    text-indent: -9999px;
}
.procedure-box{
	background:#f9f9f9 url(/common/img/test/bg-procedure.png) center 165px no-repeat;
	height:380px;
	padding:80px 10px  ;
}
.procedure-box .boxs{
	width:33.3333%;
	float:left;
	text-align:center;
	position:relative;
	padding:0;
}
.procedure-box .boxs .box{
	height: 220px;
	width: 220px;
	display: inline-block;
	background: #6197c3;    
	border-radius: 50%;
	text-align: center;
	position: relative;
	color: #fff;
	margin :0 3em 0 0 ;
}
.procedure-box .boxs .box2{
	background: #fcad18;     	
	margin :0 ;
}
.procedure-box .boxs .box3{
	background: #90c73e;
	margin :0 0 0 3em  ;
}
.procedure-box .boxs .box .text{
	padding:75px 0 0;
}
.procedure-box .boxs .box .text p{
	font-size:24px;
 	font-weight:500;
	line-height:1.63;
}
.procedure-box .boxs .box .text p span{
	font-size:21px;
 	font-weight:400;
	line-height:1.42;
}
.procedure-box .boxs .box3 .text {
	padding:50px 0 0;
}
.procedure-box .boxs .box3 .text  p{
	line-height:1.42;
}
 .procedure-box li {
	width: auto;
	display: block;
	text-align: left;
	font-size: 18px;
	position: absolute;
	left: 50%;
	line-height: 1.42;
	text-align:center;
 }
.procedure-box li.p-01 {
	top: 120px;
    margin-left: -255px;
}
.procedure-box li.p-02 {
	top: 240px;
    margin-left: -275px;
}
.procedure-box li.p-03 {
	top: 120px;
    margin-left: 140px;
}
.procedure-box li.p-04 {
	top: 240px;
    margin-left: 130px;
}
.t-procedure-box{display:none;}



 /* standard-list */
.standard-list{
	position:relative;
} 
.standard-list .boxs{
	position:relative;
	padding:2em 5em;
	border-bottom:1px dashed #d9d9d9;
	min-height:300px;
} 
.standard-list .boxs .circle{
	position:absolute;
	width:185px;
	height:185px;
	border-radius:50%;
	background:#54c1b5 ;
	left:50px;
	top:50px;
	text-align:center;
	padding:5px;
} 
.standard-list .boxs .circle div{
	vertical-align:middle;
	display:inline-block;
	width:175px;
	height:175px;
	cursor:pointer;
	border-radius:50%;
	border:2px solid rgba(255,255,255,0.35);
}
.standard-list .boxs .circle::after{
	content:"";
	position:absolute;
	width:19px;
	height:37px;
	background:url(/common/img/analysis/arrow-rt.png) center 0px no-repeat;
	right:0;
	top:50%;
	z-index:2;
	margin:-20px -65px 0 0;
} 
.standard-list .boxs .circle2{
	background:#54b7cd;
} 
.standard-list .boxs .circle3{
	background:#54acda;
} 
.standard-list .boxs .circle span{
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:500;
	padding-top:60px;
	line-height:1.3;
} 
.standard-list .boxs .circle span.t1{
 	padding-top:70px !important;
} 
.block .block .circle{
	position:absolute;
	width:185px;
	height:185px;
	border-radius:50%;
	background:#54c1b5 ;
	left:50px;
	top:50px;
	text-align:center;
	padding:5px;
} 
.block .block .circle div{
	vertical-align:middle;
	display:inline-block;
	width:175px;
	height:175px;
	cursor:pointer;
	border-radius:50%;
	border:2px solid rgba(255,255,255,0.35);
}
.block .block .circle::after{
	content:"";
	position:absolute;
	width:19px;
	height:37px;
	background:url(/common/img/analysis/arrow-rt.png) center 0px no-repeat;
	right:0;
	top:50%;
	z-index:2;
	margin:-20px -65px 0 0;
} 
.block .block .circle2{
	background:#54b7cd;
} 
.block .block .circle3{
	background:#54acda;
} 
.block .block .circle span{
	display:block;
	color:#fff;
	font-size:20px;
	font-weight:500;
	padding-top:60px;
	line-height:1.3;
} 
.standard-list2 .box{
	min-height:240px;
}
.standard-list .boxs .box{
	background:#f5f6f9 !important;
	margin-left:260px;
} 
.standard-list .boxs .items{
	padding:30px 50px;
} 
.standard-list .boxs .double{
	position:relative;
	float:left;
	width:50%;
	background:#f5f6f9 !important;
	padding:30px 0px 30px 50px;
}
.standard-list .boxs .img-box{
	float:left;
	text-align:center;
	margin-right:2.5em;
}
.standard-list .boxs .img-box p{
 	text-align:center;
	font-weight:400;
	padding-top:5px;
	font-size:13px;
}
.standard-list .boxs .img-box img{
 	max-width:120px;
 }

/* organic-process */
.organic-process{
	position:relative;
	min-height:950px;
	overflow:hidden;
	margin:2em 0 0;
	background:url(/common/img/organic/bg-organic-process.png) no-repeat center 0;
}
.organic-process li{
	position:absolute;
	left:50%;
	text-align:center;
	width:300px;
	height:55px;
	line-height:20px;
	color:#fff;
	display:block;
	padding:1rem 0;
	font-weight:400;
	vertical-align:middle;
	background:#54c1b5;
	border-radius:30px;
	font-weight:400;
} 
.organic-process li.op1{
	top:0;
	margin-left:-150px;
} 
.organic-process li.op2{
	top:80px;
	margin-left:-150px;
} 
.organic-process li.op3{
	top:160px;
	margin-left:-150px;
} 
.organic-process li.op4{
	top:240px;
	margin-left:-150px;
} 
.organic-process li.op5-p1{
	top:320px;
	margin-left:-470px;
} 
.organic-process li.op5-p2{
	top:320px;
	margin-left:-150px;
} 
.organic-process li.op5-p3{
	top:320px;
	margin-left:170px;
} 
.organic-process li.team{
	width:300px;
	background:#fff;
	padding:0 0 1em;
	color:#333;
	border-radius:10px;
}
.organic-process li.team dt{
	background:#f5f6f9;
	color:#333;
	padding:0.875em 0;
	height:50px;
	border:1px solid #d9d9d9;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.organic-process li.team dd{
	padding:1em 0;
	border:1px solid #d9d9d9;
	border-top:none;
	height:90px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background:#fff;
	font-size:16px;
	line-height:1.7;
}
.organic-process li.op6{
	top:485px;
	margin-left:-150px;
} 
.organic-process li.op7{
	top:565px;
	margin-left:-150px;
} 
.organic-process li.op8{
	top:565px;/*645px;*/
	margin-left:-150px;
} 
.organic-process li.op9{
	top:670px;/*645px;*/
	margin-left:-470px;
	border:2px solid #54acda;
	color:#54acda;
	background:#fff;
} 
.organic-process li.op10{
	top:750px;
	margin-left:-470px;
} 
.organic-process li.op11{
	top:830px;
	margin-left:-470px;
} 
.organic-process li.success{
	border:1px solid #54acda;
	color:#fff;
	background:#54acda;
}
.organic-process li.success2{
	border:1px solid #cb5c5c;
	color:#fff;
	background:#cb5c5c;
	line-height:1.7em;
}
.organic-process li.op12{
	top:670px;/*645px;*/
	margin-left:170px;
	border:2px solid #cb5c5c;
	color:#cb5c5c;
	background:#fff;
} 
.organic-process li.op13{
	top:750px;
	margin-left:170px;
	width:180px;
	height:100px;
	border-radius:15px;
} 
.organic-process li.op14{
	top:750px;
	margin-left:370px;
	width:100px;
	height:100px;
	line-height:60px;
	border-radius:15px;
} 
.organic-process li.op15{
	top:830px;
	margin-left:170px;
	width:180px;
} 
.organic-process li.op16{
	top:875px;
	margin-left:170px;
	width:180px;
	line-height:20px;
} 
.organic-box .gbox {
    display:inline-block;
	vertical-align:top;
	padding:1em;
	margin:1em;
	border:1px solid #d9d9d9;
    border-radius:10px;
	height:140px;
	width:24%;
	max-width:200px;
	min-width:200px;
	background:#fff;
	font-size:20px;
	line-height:1.7;
	background:#f5f6f9;
	color:#333;
}
.organic .fee-box{
	margin:1.5em 0 0;
}
.organic .fee-box .boxs{
	float:left;
	width:25%;
	position:relative;
}
.organic .fee-box dl{
	text-align:center;
	margin:0 1em;
	line-height: 20px;
	font-weight:400;
}
.organic .fee-box dt{
	background:#004080; //#f5f6f9;
	color:#fff; //#333;
	padding:0.875em 0;
	height:50px;
	border:1px solid #d9d9d9;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}
.organic .fee-box dd{
	padding:1em 0;
	border:1px solid #d9d9d9;
	border-top:none;
 	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background:#fff;
 	line-height:1.7;
	font-size: 16px;
	height:90px;
}
 
 
 /* efap */
.efap-process{
	position:relative;
	background:#f5f6f9 !important;
	padding:32px 2vw;
	margin:1em 0 0;
	min-height:210px;
}
.efap-process .boxs{
	position:relative;
	float:left;
	width:20%;
}
.efap-process .boxs .box{
	margin:0 5px;
	height:150px;
	font-weight:400;
	text-align:center;
	display:table;
	table-layout:fixed;
	width:calc(100% - 10px);
	line-height:1.3;
	border:3px solid #92c74f;
	background:#fff;
	border-radius:15px;
}
.efap-process .boxs .box .items{
	display:table-cell;
	vertical-align:middle;
	font-size:18px;
}
.efap-process .boxs .box5{
	height:70px;
}
.efap-process .boxs .box5:last-child{
	margin-top:10px;
}
.efap-process .boxs .box5 .p1{color:#0f64ad;}
.efap-process .boxs .box5 .p2{color:#ad0f0f}

.efap-process .boxs .box .items:after{
	content:"";
	position:absolute;
	width:50px;
	height:50px;
	background:url(/common/img/common/icon-arrow-r.png) no-repeat center center;
	right:0;
	background-size:auto 50px;
	top:50%;
	margin:-25px -25px 0 0;
	z-index:2;
}
.efap-process .boxs .box5 .items:after{
	display:none;
}


/* gap */
.scroll-bar{
	position:relative;
}
.scroll-bar .circle{
	display:inline-block;
	line-height:23px;
	width:23px;
	height:23px;
	vertical-align:middle;
	margin:0 10px;
}
.scroll-bar .arrow-left{background:url(/common/img/board/arrow-prev2.png) center 40% no-repeat;background-size:auto 10px;}
.scroll-bar .arrow-right{background:url(/common/img/board/arrow-next2.png) center 40% no-repeat;background-size:auto 10px;}
.process-tb{
	position:relative;
	width:100%;
}
.process-tb th,
.process-tb td{
	text-align:center;
	vertical-align:middle;
	line-height:1.5;
} 
.process-tb td{
word-break:break-all;
	padding:10px;
	font-weight:400;
}
.process-tb div.boxs{
	position:relative;
	width:100%;
	display:table;
	table-layout:fixed;
}
.process-tb div.items{
	border:1px solid #d9d9d9;
	padding:15px 10px;
	display:table-cell;
	vertical-align:middle;
}
.process-tb div.boxs02{
	background:#54c1b5;
	color:#fff;
}
.process-tb div.boxs02 .items{
	border:1px solid #54c1b5;
}
.process-tb div.boxs04 .items{
	border:1px solid #54acda;
}
.process-tb div.boxs02::after{
	background:#54c1b5;
	border:1px solid #54c1b5;
	color:#fff;
}
.process-tb div.boxs04{
	text-align:left;
	padding:15px 10px 15px 25px;
	background:#54acda;
	color:#fff;
}
.process-tb div.boxs04 .items{
	left:20px;
}
.process-tb div.boxs04 p{
	position:relative;
	padding-left:20px;
}
.process-tb div.boxs04 p::before{
	position:absolute;
	left:10px;
	top:13px;
	background:#fff;
	width:5px;
	height:1px;
	z-index:2;
	content:"";
	display:block;
}
.process-tb div.boxs02 .arrow{
	position:absolute;
	left:50%;
	margin-left:-20px;
	bottom:-30px;
	display:inline-block;
	width:0;
	height:0;
	border-style:solid;
	border-width:20px;
	border-color:#54c1b5 transparent transparent transparent;
}
.process-tb .tr01 .boxs,
.process-tb .tr04 .boxs{height:60px;}
.process-tb .tr02 .boxs,
.process-tb .tr03 .boxs,
.process-tb .tr05 .boxs,
.process-tb .tr06 .boxs{height:110px;}


/* org-process */
.org-process{
	position:relative;
	height:400px;
	overflow:hidden;
	background:url(/common/img/center/bg-org.png) center top no-repeat;
 }
.org-process li{
	position:absolute;
	left:50%;
	text-align:center;
	width:200px;
 
	line-height:28px;
	color:#fff;
	display:block;
	padding:1rem 0;
	border-radius:5px;
	font-weight:500;
	vertical-align:middle;
} 
.org-process li.op-01{
	top:0px;
	border-radius:50px;
	border:4px solid #103c69;
	color:#103c69;
	background-color:#fff;
	font-size:28px;
	margin-left:-125px;
	height:75px;
	line-height:32px;
	width:250px;
} 
.org-process li.op-04{
	top:150px;
	margin-left:-350px;
}
.org-process li.op-05{
	top:150px;
	margin-left:-100px;
}
.org-process li.op-06{
	top:150px;
	margin-left:150px;
}

.org-process li.team1 , .org-process li.team2 ,  .org-process li.team3, .org-process li.team4{
	top:300px; 
	}
.org-process li.team1{	margin-left:-390px; }
.org-process li.team2{	margin-left:-190px; } 
.org-process li.team3{	margin-left:10px;}
.org-process li.team4{	margin-left:210px;}

 
.org-process li.division{
   	font-size:19px;
	font-weight:500;
	line-height:26px;
 	background :#103c69;
}
.org-process li.team{
 
	width:180px;
	color:#111;
	border-radius:6px;
	padding:0;
	background-color:#fff;
}
 
 
.org-process li.team span{
	font-size:17px;
	display:block;
	line-height:50px;
	background:#528dc9;
	color:#fff;
	border-radius:0px;
}
 
 

/* down-box */
.down-box{
	margin:2rem 0 0;
}
.down-box a{
	color:#fff;
	line-height:1;
	margin:0 1rem 1rem;
}
a.btn-down{
	background:#0f64ad;
	border-radius:50px;
	font-size:21px;
	padding:1.25rem 0;
	width:400px;
	font-weight:500;
	font-family:'Noto Sans KR', 'NanumGothic', sans-serif;
}
a.btn-down2{
	background:#00b1b6;
}
.icon-down{
	width:20px;
	height:21px;
	display:inline-block;
	background:url(../img/common/icon-down.png) center top no-repeat;
	background-size:auto 20px;
	margin-left:1rem;
}
a.btn-down:hover{
	text-decoration:underline;
	transition:all 0.3s;
	border-radius:0px;
}


/* photo-box */
.photo-box{
	margin:2rem 0 0;
	text-align:center;
}
.microbe-photo{
	max-width:70%;
	margin:2rem auto 0;
	text-align:center;
}
.photo-box .row{margin:0 -1vw;}
.photo-box .boxs{
	width:50%;
	float:left;
	position:relative;
	text-align:center;
}
.photo-box .boxs2{
	width:33.3333%;
}
.photo-box .boxs dl{
	margin:0 1vw 2vw;
}
.photo-box .boxs dt{
	height:100%;
	display:block;
	overflow:hidden;
	position:relative;
	width:100%;
	margin:0 auto 1rem;
	height:350px;
}
.photo-box .boxs2 dt{
	height:250px;
}

/* analysis */
.analysis-box{
	margin:2rem auto 0;
	max-width:100%;
}
.analysis-box .item{
	width:25%;
	float:left;
	position:relative;
	text-align:center;
}
.analysis-box .item::after{
	content:"";
	position:absolute;
	width:19px;
	height:37px;
	//background:url(/common/img/organic/arrow-rt.png) center 0px no-repeat;
	right:-10px;
	top:63px;
}
.analysis-box .item:last-child::after{
	background:none;
}
.analysis-box .item .num{
	position:absolute;
	left:50%;
	width:100px;
	margin-left:-50px;
	top:30px;
	z-index:999;
	font-weight:400;
	font-family:'Roboto', 'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
	vertical-align:middle;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.analysis-box .item .num02{
	color:#5b5b5b;
}
.analysis-box .item .icon{
	margin:0 0 1rem;
	vertical-align:middle;
	display:inline-block;
	width:142px;
	height:160px;
	background:url(/common/img/organic/icon-anaysis2.png) center center no-repeat;	
} 
.analysis-box .item .icon01{background-position:0 0;}
.analysis-box .item .icon02{background-position:-142px 0;}
.analysis-box .item .icon03{background-position:-284px 0;}
.analysis-box .item .icon04{background-position:-426px 0;}
.analysis-box .item .icon05{background-position:-568px 0;}
.analysis-box .item dt{
	font-weight:500;
	font-size:19px;
	line-height:1.5;
}
.analysis-box .item dd{
	padding-top:0.25rem;
	font-size:16px;
	line-height:1.5;
}

 




/* analysis2*/
.analysis-box2{
	margin:2rem auto 0;
	max-width:100%;
}
.analysis-box2 .item{
	width:25%;
	float:left;
	position:relative;
	text-align:center;
}
.analysis-box2 .item::after{
	content:"";
	position:absolute;
	width:19px;
	height:37px;
	background:url(/common/img/organic/arrow-rt.png) center 0px no-repeat;
	right:-10px;
	top:75px;
}
.analysis-box2 .item:last-child::after{
	background:none;
}
.analysis-box2 .item .num{
	position:absolute;
	left:50%;
	width:100px;
	margin-left:-50px;
	top:30px;
	z-index:999;
	font-weight:400;
	font-family:'Roboto', 'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
	vertical-align:middle;
	color:#fff;
	font-size:16px;
	text-align:center;
}
.analysis-box2 .item .num02{
	color:#5b5b5b;
}
.analysis-box2 .item .icon{
	margin:0 0 1rem;
	vertical-align:middle;
	display:inline-block;
	width:190px;
	height:190px;
	background:url(/common/img/organic/icon-anaysis3.png) center center no-repeat;	
} 
.analysis-box2 .item .icon01{background-position:0 0;}
.analysis-box2 .item .icon02{background-position:-191px 0;}
.analysis-box2 .item .icon03{background-position:-382px 0;}
.analysis-box2 .item .icon04{background-position:-573Px 0;}
.analysis-box2 .item .icon05{background-position:-764px 0;}
.analysis-box2 .item dt{
	font-weight:500;
	font-size:19px;
	line-height:1.5;
}
.analysis-box2 .item dd{
	padding-top:0.25rem;
	font-size:16px;
	line-height:1.5;
}

 

/* greetings */
.greetings .text p{
	word-break:keep-all;
}
 
.greetings .heading-box2 .img{
	position:relative;
	max-width:50%;
	margin:0 auto;
	padding:1rem 1rem 2rem;
}
.greetings .heading-box2 .t1 em,
.greetings .heading-box2 .t1{
	font-family:'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
}
.greetings .heading-box2 .t1 em{
	font-weight:700;
}
.greetings .ceo{
	font-size:24px;
	padding-left:1rem;
}
.greetings .text-box{
	margin:0 30px;
	max-width:1100px;
	font-size:18px;
}


.ceo-insa {
background:url(/common/img/center/insa_bg.jpg) repeat left top ;
margin:50px 0 ;
min-height:792px;
}

.img_01 {
    float: right;
    margin: 20px 0px 20px 30px;
}
.ceo-insa p span {
    font-weight: 600;
    font-size: 20px !important;
    padding: 10px 0;
    color: #3c9d67;
}

/* history */
.history-wrap{
	position:relative;
	transition:all 0.3s;
}
 .history-wrap .line{
	height:100%;
	border-left:3px dotted #e2e2e2;
	width:1px;
	position:absolute;
	top:25px;
	left:50%;
	margin-left:-1px;
	z-index:-2;
} 
.history-box:last-child{
	position:relative;
 }
.history-box:last-child::after{
	content:"";
	position:absolute;
	height:110%;
	width:6px;
	background-color:#fff;
	top:5px;
	left:100%;
	margin-left:-2px;
	z-index:-1;
}
 .history-wrap .box-right{
	margin-bottom:5rem;
	padding:0 0 0 70px;
	margin-left:50%;
}
.history-wrap .box-left{
	margin-bottom:5rem;
	margin-right:50%;
	text-align:right;
	padding:0 70px 0 0;
}
.history-wrap .h-month{
	position:relative;
	display:block;
	font-size:36px;
	font-weight:900;
	font-family:'NanumSquareRound', 'Noto Sans KR', 'NanumGothic', sans-serif;
	line-height:1;
	padding-bottom:1rem;
	margin-bottom:1rem;
}
.history-wrap .box-right .h-month::after{
	content:"";
	position:absolute;
	height:3px;
	width:110px;
	background-color:#103c69;
	bottom:0;
	left:0px;
}
.history-wrap .box-left .h-month::after{
	content:"";
	position:absolute;
	height:3px;
	width:110px;
	background-color:#103c69;
	bottom:0;
	right:0px;
}
.history-wrap .box-right .h-month::before{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	border:4px solid #103c69;
	border-radius:50%;
	background-color:#fff;
	left:0%;
	margin-left:-79px;
	top:5px;
}
.history-wrap .box-left .h-month::before{
	content:"";
	position:absolute;
	width:20px;
	height:20px;
	border:4px solid #103c69;
	border-radius:50%;
	background-color:#fff;
	right:0;
	margin-right:-81px;
	top:5px;
}
 .history-wrap .history-box dt{
	color:#111;
	font-weight:500;
 }
 .history-wrap .history-box dd{
	padding-bottom:0.5em;
 }
 
/* certificate */
.certificatie-box .box{
	width:100%;
 	float:left;
 	position:relative;
}
.certificatie-box .num{
	font-size:28px;
 	font-weight:900;
	font-family:'Roboto', 'Noto Sans KR', 'NanumGothic', sans-serif;
	line-height:1;
}


/* location */
.location .location-map{
	height:550px 
}
.root_daum_roughmap.map-width{
	width:100%;
	height:100%;
}
.roughmap_maker_label{display:none;}
.root_daum_roughmap .wrap_map{height:500px !important;}


/* privacy */
.privacy .tit{
	font-weight:500;
	font-size:20px;
}

/*gongsi */
.gongsi_sheet {
	max-width:900px; width:100% ; height:500px; overflow:auto;
	position:absolute;
	left:0px; top:100px;
	background-color:#fff;
	border:5px solid #ddd;
	z-index:100;
	padding:10px; 
	display:none
}
 .gongsi_sheet .close{position:absolute; float:right; right:20px;  top:8px; font-size:20px; padding:0px; 
border:1px solid #999; width:40px;  text-align:center; border-radius:4px; background-color:#eee;}

.popup-gongsi .popup-content{
	max-width:900px;
	height:500px;
	padding:0;
}
.popup-gongsi .popup-heading{
	padding:1rem ;
}
.popup-gongsi .popup-content .popup-heading .pop-tit{
	color:#fff;
}	
.popup-gongsi .pop-list{
	padding:20px;
	height:400px;
    overflow: auto;	 
}
 


@media (max-width:1230px){

.con_04   {display: none;}
.con_04_p   {display: block;}
.con_04_m   {display: none;}


	.t-procedure-box {
		display: block;
	}
	.procedure-box {
		display: none;
	}
	.standard-list .boxs{
		padding:2em 0;
	} 
	.standard-list .boxs .circle{
		left:0px;
	} 
	.standard-list .boxs .circle::after{
		margin:-20px -50px 0 0;
	} 
}
 

@media (max-width:991px){
	.standard-list .boxs{
		padding:1em 0;
		border:none;
	} 
	.standard-list .boxs:nth-child(2){
		min-height:305px;
	} 
 	.standard-list2 .box {
		min-height: 260px;
	}
	.standard-list2 .boxs:nth-child(2){
		min-height:100px;
	} 
	.standard-list .boxs .circle{
		position:relative;
		width:100%;
		height:70px;
		border-radius:0%;
		left:0px;
		top:0px;
		padding:18px;
	} 
	.standard-list .boxs .circle::after{
		display:none;
	} 
	.standard-list .boxs .circle div{
		border:2px solid rgba(255,255,255,0);
		width:auto;
	}
	.standard-list .boxs .circle span,
	.standard-list .boxs .circle span.t1{
 		padding:0 !important;
	} 
	.standard-list .boxs .box{
		margin-left:0px;
	} 
 	.standard-list .boxs .items{
		padding:  20px;
	} 
	.standard-list .boxs .double{
		padding: 20px;
	}
	.standard-list .boxs .br-on-web{display:none;}
	.standard-list .boxs .img-box img {
		max-width: 100px;
	}
	.organic-process{
		background:url(/common/img/organic/bg-organic-process-t.png) no-repeat center 0;
	}
	.organic-process li.op5-p1{
		margin-left:-370px;
	} 
	.organic-process li.op5-p2{
		margin-left:-115px;
	} 
	.organic-process li.op5-p3{
		margin-left:140px;
	} 
	.organic-process li.team{
		width:230px;
	}
	.organic-process li.op9{
		margin-left:-370px;
	} 
	.organic-process li.op10{
		margin-left:-370px;
	} 
	.organic-process li.op11{
		margin-left:-370px;
	} 
	.organic-process li.op12{
		margin-left:70px;
	} 
	.organic-process li.op13{
		margin-left:70px;
	} 
	.organic-process li.op14{
		margin-left:270px;
	} 
	.organic-process li.op15{
		margin-left:70px;
	} 
	.organic-process li.op16{
		margin-left:70px;
	} 
	.process-tb td{
		padding:4px 4px 8px;
	}
 	.certificatie-box .row{margin:0;}
	.certificatie-box .boxs{
		width:100%;
	}
	.certificatie-box .box{
		margin:0 0 30px;
	}
	.certificatie-box .box-end{
		margin:0;
	}
	.analysis-box{
		max-width:600px;
	}
	.analysis-box .item{
		width:50%;
		margin:0rem 0 3rem;
		height:235px;
	}
	.analysis-box .item:last-child{
		margin:0rem;
	}
	.analysis-box .item:nth-child(2n+1){
		clear:both;
	}
	.analysis-box .item03{
		float:right;
	}
	.analysis-box .item02::after,
	.analysis-box .item04::after{
		right:50%;
		margin:0px;
		top:240px;
		margin-right:-10px;
		transform:rotate(90deg);
	}
	.analysis-box .item03::after{
		left:0%;
		margin:0px;
		margin-right:-10px;
		transform:rotate(180deg);
	}



	.analysis-box2{
		max-width:600px;
	}
	.analysis-box2 .item{
		width:50%;
		margin:0rem 0 3rem;
		height:230px;
	}
	.analysis-box2 .item:last-child{
		margin:0rem;
	}
	.analysis-box2 .item:nth-child(2n+1){
		clear:both;
	}
	.analysis-box2 .item03{
		float:right;
	}
	.analysis-box2 .item02::after,
	.analysis-box2 .item04::after{
		right:50%;
		margin:0px;
		top:236px;
		margin-right:-10px;
		transform:rotate(90deg);
	}
	.analysis-box2 .item03::after{
		left:0%;
		margin:0px;
		margin-right:-10px;
		transform:rotate(180deg);
	}


	.location .location-map{height:335px !important;}
	.root_daum_roughmap .wrap_map{height:300px !important;}
	.photo-box .boxs dt{
		height:300px;
	}
	.photo-box .boxs2 dt{
		height:175px;
	}
	.photo-box .boxs dd{
		font-size:14px;
		line-height:1.5;
		padding:0.5rem 0 0;
	}
 	.org-process{
 		height:548px;
  		width:320px;
		margin:1em auto;
		background:url(/common/img/center/bg-org-m.png) center top no-repeat;
	 }
	.org-process li{
  		width:280px;
 		height:50px;
		padding:0.625rem 0;
 	} 
	.org-process li.op-01{
  		font-size:19px;
 		height:55px;
		line-height:24px;
		margin-left:-120px;
 	}
 
	.org-process li.op-04{
		top:90px;
		margin-left:-140px;
	}
	.org-process li.op-05{
		top:160px;
		margin-left:-140px;
	}
	.org-process li.op-06{
		top:470px;
		margin-left:-140px;
	}
	.org-process li.team1{
		top:220px;
		margin-left:-140px;
	}
	.org-process li.team2{
		top:280px;
		margin-left:-140px;
	}
	.org-process li.team3{
		top:340px;
		margin-left:-140px;
	}
	.org-process li.team4{
		top:400px;
		margin-left:-140px;
	}
	 
	.org-process li.division{
		font-size:16px;
  		width:280px;
		height:45px;
		padding:0.5em 0;
	}
	.org-process li.team{
 	 height:42px;
  		width:280px;
 	}
	 .org-process li.team ol{
 		padding-top:0.125em;
		margin-top:-5px;
	}
	.org-process li.team li{
 		font-size:14px;
  		width:280px; 
		font-weight:400;
	}
	.org-process li.team span{
		font-size:14px;
 	 line-height:42px;
 	}
 
}


@media (max-width:768px){


.con_04   {display: none;}
.con_04_p   {display: none;}
.con_04_m   {display: block;}

	.gongsi_sheet {  
	  left:0px; top:50px; width:100% ; height:400px; 
	}


	.standard-list .boxs{
		min-height:240px;
	} 
	.standard-list .boxs:nth-child(2){
		min-height:245px;
	} 
	.standard-list2 .boxs:nth-child(2){
		min-height:100px;
	} 
	.standard-list .boxs .double{
		min-height:170px;
		padding:10px 15px;
	} 
	.standard-list .boxs .items{
		padding:10px 15px;
	}  
	.standard-list .boxs .circle{
		height:45px;
		padding:12px;
	} 
	.standard-list .boxs .circle span,
	.standard-list2  .boxs .circle .t1{
		font-size:16px !important;
		line-height:1;
	} 
	.standard-list .boxs .img-box {
 		margin-right: 1em;
	}
	.standard-list .boxs .img-box img{
		max-width:80px;
	 }
	.organic .fee-box{
		margin:1em 0 0;
	}
	.organic .fee-box dl{
 		margin:0 0.25em;
 	}
	.organic .fee-box dt{
		height:40px;
		line-height:40px;
		padding:0;
	}
	.organic .fee-box dd{
		padding:0.5em 0;
		height:60px;
		font-size: 14px;
		line-height:1.5;
	}
	.organic-process{
		height:1220px;
		background:url(/common/img/organic/bg-organic-process-m.png) no-repeat center 0;
	}
	.organic-process li{
		height:45px;
		line-height:45px;
		padding:0;
		font-size:15px;
	} 
	.organic-process li.op2{
		top:70px;
	} 
	.organic-process li.op3{
		top:140px;
	} 
	.organic-process li.op4{
		top:210px;
	} 
	.organic-process li.op5-p1{
		top:280px;
		margin-left:-150px;
	} 
	.organic-process li.op5-p2{
		top:390px;
		margin-left:-150px;
	} 
	.organic-process li.op5-p3{
		top:500px;
		margin-left:-150px;
	} 
	.organic-process li.team{
		width:300px;
	}
	.organic-process li.team dt{
		height:40px;
		line-height:40px;
		padding:0;
	}
	.organic-process li.team dd{
		padding:0.5em 0;
		height:60px;
		font-size:14px;
		line-height:1.5;
 	}
	.organic-process li.op6{
		top:620px;
		margin-left:-150px;
	} 
	.organic-process li.op7{
		top:690px;
		margin-left:-150px;
	} 
	.organic-process li.op8{
		top:690px;
		margin-left:-150px;
	} 
	.organic-process li.op9{
		top:760px;
		margin-left:-150px;
	} 
	.organic-process li.op10{
		top:830px;
		margin-left:-150px;
	} 
	.organic-process li.op11{
		top:900px;
		margin-left:-150px;
	} 
	.organic-process li.op12{
		top:970px;
		margin-left:-150px;
	} 
	.organic-process li.op13{
		top:1040px;
		margin-left:-150px;
		width:180px;
		line-height:24px;
		padding:1em 0;
	} 
	.organic-process li.op14{
		top:1040px;
		margin-left:50px;
		width:100px;
		height:100px;
		line-height:100px;
		border-radius:15px;
	} 
	.organic-process li.op15{
		top:1210px;
		margin-left:-150px;
		width:180px;
	} 
	.organic-process li.op16{
		top:1165px;
		margin-left:-150px;
		width:180px;
		line-height:40px;
	} 
 	.efap-process{
		padding:2em 1em;
		margin:1em 0 0;
		min-height:420px;
	}
	.efap-process .boxs{
		width:100%;
	}
	.efap-process .boxs .box{
		margin:0px 0 10px;
		height:65px;
		width:100%;
		border-radius:0;
		border:1px solid #92c74f;
	}
	.efap-process .boxs .box5{
		height:65px;
		margin:0;
		width:50%;
		float:left;
	}
	.efap-process .boxs .box5:first-child{
		margin:0;
		border-right:1px solid #d9d9d9;
	}
	.efap-process .boxs .box5:last-child{
		margin:0;
		border-left:none;
	}
	.efap-process .boxs .box .items{
		font-size:15px;
	}
	.efap-process .boxs .box .items:after{
		width:32px;
		height:32px;
		background-size:auto 32px;
		right:50%;
		top:100%;
		bottom:0;
		margin:-22px -16px 0 0px;
		transform:rotate(90deg);
	}
 	.scroll-tb{
		max-width:100%;
		overflow-x:scroll;
	}
	.gap .process-tb{
		width:700px;
	}
	.process-tb div.items{
		padding:10px 5px;
	}
	.process-tb div.boxs04 p{
		padding-left:10px;
	}
	.process-tb div.boxs04 p::before{
		left:0px;
		top:10px;
	}
	.process-tb div.boxs02 .arrow{
		bottom:-25px;
	}
	.process-tb .tr01 .boxs,
	.process-tb .tr04 .boxs{height:42px;}
	.process-tb .tr02 .boxs,
	.process-tb .tr03 .boxs,
	.process-tb .tr05 .boxs,
	.process-tb .tr06 .boxs{height:84px;}
	.sm-br{
		display:block;
	}
	.greetings .heading-box2 .img{
		padding:1rem;
	}
	.greetings .text-box{
		max-width:95%;
		margin:0 auto;
	}
	.greetings .heading-box2 .t1 em,
	.greetings .heading-box2 .t1{
		font-weight:700;
	}
	.greetings	.text .t2{
		font-size:18px !important;
	}
	.history-wrap{
		padding:0 2rem;
	} 
	.history-wrap .line{
		height:94%;
		border-left:3px dotted #e2e2e2;
		width:1px;
		position:absolute;
		top:10px;
		left:0.5rem;
		margin-left:0px;
		z-index:-2;
	} 
	.history-wrap .box-right, 
	.history-wrap .box-left{
		width:100%;
		margin-bottom:2.5rem;
		margin-right:0;
		margin-left:0;
		text-align:left;
		padding:0;
	}
	.history-wrap .h-month{
		font-size:19px;
		padding-bottom:0.75rem;
		margin-bottom:0.5rem;
	}
	.history-wrap .box-right .h-month::after,
	.history-wrap .box-left .h-month::after{
		height:2px;
		width:60px;
		bottom:0;
		left:0px;
	}
	.history-wrap .box-right .h-month::before,
	.history-wrap .box-left .h-month::before{
		width:14px;
		height:14px;
		border:3px solid #103c69;
		left:0%;
		margin-left:-31px;
		top:0px;
	}
	.history-wrap p{
		font-size:14px;
	}
	.certificatie-box .boxs{
		width:100%;
		padding-top:28px;
	}
	.certificate .num{
		right:10px;
		font-size:36px;
	}
	a.btn-down{
		font-size:16px;
		padding:0.875rem 0 1rem;
		width:285px;
	}
	a.btn-down:hover .icon-down,
		.icon-down{
		width:17px;
		height:17px;
		background-size:auto 17px;
	}
	.analysis-box{
		width:95%;
		max-width:400px;
		margin:0 auto;
		min-width:300px;
	}
	.analysis-box .item{
		height:155px;
	}
	.analysis-box .item::after{
	background-size:auto 20px;
		top:45px;
	}
	.analysis-box .item .num{
		font-size:12px;
		line-height:28px;
		top:15px;
	}
	.analysis-box .item .icon{
		margin:0rem 0 0.5rem;
		vertical-align:middle;
		display:inline-block;
		width:90px;
		height:101px;
		background:url(/common/img/organic/icon-anaysis2.png) center center no-repeat;	
		background-size:450px 101px;
	} 
	.analysis-box .item .icon01{background-position:0 0;}
	.analysis-box .item .icon02{background-position:-90px 0;}
	.analysis-box .item .icon03{background-position:-180px 0;}
	.analysis-box .item .icon04{background-position:-270px 0;}
	.analysis-box .item .icon05{background-position:-360px 0;}
	.analysis-box .item dt{
		font-size:16px;
	}
	.analysis-box .item dd{
		font-size:13px;
	}
	.analysis-box .item02::after,
	.analysis-box .item04::after{
		top:165px;
		margin:0 -1px 0 0;
	}
	.analysis-box .item03::after{
		margin-left:-10px;
		top:25px;
	}




	.analysis-box2{
		width:95%;
		max-width:400px;
		margin:0 auto;
		min-width:300px;
	}
	.analysis-box2 .item{
		height:120px;
	}
	.analysis-box2 .item::after{
	background-size:auto 20px;
		top:45px;
	}
	.analysis-box2 .item .num{
		font-size:12px;
		line-height:28px;
		top:15px;
	}
	.analysis-box2 .item .icon{
		margin:0rem 0 0.5rem;
		vertical-align:middle;
		display:inline-block;
		width:100px;
		height:100px;
		background:url(/common/img/organic/icon-anaysis3.png) center center no-repeat;	
		background-size:502px 100px;
	} 
	.analysis-box2 .item .icon01{background-position:0 0;}
	.analysis-box2 .item .icon02{background-position:-101px 0;}
	.analysis-box2 .item .icon03{background-position:-201px 0;}
	.analysis-box2 .item .icon04{background-position:-301px 0;}
	.analysis-box2 .item .icon05{background-position:-401px 0;}
	.analysis-box2 .item dt{
		font-size:16px;
	}
	.analysis-box2 .item dd{
		font-size:13px;
	}
	.analysis-box2 .item02::after,
	.analysis-box2 .item04::after{
		top:130px;
		margin:0 -1px 0 0;
	}
	.analysis-box2 .item03::after{
		margin-left:-10px;
		top:25px;
	}


	.photo-box .boxs dt{
		height:200px;
	}
	.photo-box .boxs2 dt{
		height:125px;
	}
	.photo-box .boxs dd{
		font-size:14px;
		line-height:1.5;
		padding:0.5rem 0 0;
	}
	.microbe-photo .boxs2 dt{
		height:165px;
	}
	.microbe-photo{
		max-width:100%;
	}
	.privacy .tit{
		font-size:17px;
	}
 	.popup-gongsi .popup-content{
		width:calc(100% - 20px);
		height:450px;
		padding:0;
 	}
 	.popup-gongsi .popup-heading{
		padding:0.75rem ;
	}
	.popup-gongsi .pop-list{
		padding:0.75rem ;
 	}
 	.standard-list2 .boxs:nth-child(2) .box{
		min-height: 150px;
	}
	 .certificate .img img{
		height:auto;
	}

}


@media (max-width:480px){
	.organic .fee-box .boxs{
 		width:50%;
 	}
	.organic .fee-box .boxs dl{
 		margin:0 0.25em 0.5em;
 	}
	.organic .fee-box .boxs:nth-child(3) dl,
	.organic .fee-box .boxs:nth-child(4) dl{
 		margin:0 0.25em !important;
 	}
	.standard-list .boxs:nth-child(2){
		min-height:275px;
	} 
	.standard-list2 .boxs:nth-child(2){
		min-height:100px;
	} 
	.standard-list .boxs .double{
		min-height:200px;
	} 
	.standard-list .boxs .img-box {
		margin:0em 0 1em;
		width:100%;
		display:block;
	}
	.photo-box .boxs,
	.photo-box .boxs2{
		width:100%;
		margin-bottom:2rem;
	}
	.microbe-photo .boxs2{
		width:100%;
		margin-bottom:1rem;
	}
	.photo-box .boxs dt{
		margin:0 auto;
		height:220px;
	}
	.microbe-photo .boxs2 dt{
		margin:0 auto;
		height:220px;
		max-width:215px;
	}
	.org-process li.team::before{
		width:280px;
	}
	.org-process li.team::after{
		left:280px;
	}
}


 
.tab-content>.tab-pane {
    display: none ;
}


 
 
	.col-md-4 {  width:160px;  display:inline-block; vertical-align: top; float:left}
 
 

 .col-md-7  {    max-height:200px!important }

 .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    position: relative; 
    padding-right: 10px;
    padding-left: 10px;
}




.nav-tabs.nav-button-tabs {
    border: 0 !important;
}
.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px;
}

 .nav>li>a {
    position: relative;
    display: block;
    padding: 8px 14px;
}

.nav-tabs>li.active>a {
    color: #fff !important;
    background-color: #57c2ff !important;
}

.nav-tabs.nav-button-tabs>li>a {
    margin-right: 3px !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
}
.nav-tabs.nav-button-tabs>li.active>a {
    color: #fff !important; 
}

.nav-tabs.nav-button-tabs>li>a 
{margin-bottom:5px; 
border:0.5px solid #dcdcdc !important; 
background:none;
}

 
 
 .photo_info_wrap h2 {font-size:26px; font-weight:500 }

 @media (max-width:768px){
  .photo_info_wrap h2 {font-size:18px; font-weight:500 }
  .photo_info_wrap {line-height:1.4rem }
 }

.content_wrap {
    max-height: 180px;
    border: 1px solid #ddd;
    border-top: 6px solid #103c69;
    padding: 5px 20px;
	overflow:hidden;
}
.row {vertical-align: top;}
.content_wrap .tab-content   {height:200px; vertical-align: top;}