.web-only {
	display:block;
	}

.mobile-only{
	display:none;
}
.wrap.sub{
    width: 100%;
    max-width: 1100px;
    position: relative;
	margin-top:-40px;
	min-height:750px;
 } 
.gotop{
    position: fixed;
    visibility: collapse;
    opacity: 0;
    bottom: 2.5rem;
    color: #333;
    left: 50%;
    width: 48px;
    height: 48px;
    line-height: 58px;
    margin-left:-24px;
    border: 2px solid #333;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    transition: 0.4s ease;
    cursor: pointer;
}
.gotop.on{
    visibility: visible;
    opacity: 0.7;
}
.gotop.on:hover{
    opacity: 1;
}
.group-ty {
	position: relative;
	margin: 0 0 10px 0;
}
.group-ty:after,
.con-tlt3:after{
	content: "";
	display: block;
	clear: both;
}
.group-ty div.txt-ty1{
 	margin: 0 0 15px 0;
}
span.fc-r {
	color:#ff0000;
}
#nav { 
	width:150px;  
	list-style:none;
	display:inline;
	position:absolute; 
	top:40px;
 	background:#fff;
	z-index:1;
	border:2px solid #0079c5;
    background: #00a2ea;
	padding:0.5em 0 2em;
	letter-spacing:-0.03em;
} 
.nav-01 {
	margin-left:-120px;
}
.nav-02 {
	margin-left:-60px;
}
  #nav li {
 font-size:0.815rem;
	display:block; 
	padding:0.625em 0.625em 0 1rem;
    background: url("../img/icon-t4.png") 8px 19px no-repeat ;
}
 #nav li a  {
 color:#fff;
}
 #nav li a:hover {
text-decoration:underline;
 color:#fff;
 font-weight:bold;
} 


span.arrow {
	width:20px;
	height:22px;
	position:absolute; 
	background: url(/img/arrow-now.png) left 5px no-repeat;
}


 #nav, #toggle {
display:none;
} 
#toggle:checked + #nav{
display: inline-block;
}

.con-tlt {
    color: #111;
    font-size: 1.25em;
    line-height: 2;
 	font-family: 'nanumsquareb';
	letter-spacing:-0.03rem;
}
.con-tlt span::before {
    content: '';
    display: block;
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 4px solid #5580b6;
    border-radius: 100%;
    vertical-align: middle;
    margin: 0 10px 2px 0;
}
.con-tlt2 {
    color: #333;
    font-size: 1.188em;
    line-height: 1.3;
 	font-family: 'nanumsquareb';
	letter-spacing:-0.03rem;
    background: url("../img/icon-t3.png") left 6px no-repeat ;
	padding-left:1.5rem;
}
.con-tlt3 {
     font-size: 0.938rem;
 	text-align:center;
  
 }

 .con-img {
	width:100%;	 
	border: 1px solid #ccc; 
	display:inline-block;
	text-align: center;
 	vertical-align: top;
	padding:2.5rem 1.25rem ;
}
 .con-img2 {
	width:100%;	 
 	display:inline-block;
  	vertical-align: top;
	padding: 1rem ;
}

.con-img  img,
 .con-img2 img,
   .fruit-img-box img{
	max-width: 100%;

  }
  .fruit-img-box {
	width:100%;	 
	border : 1px solid #ccc;
 	background:#fafafa;
	display:inline-block;
	text-align: center;
 	vertical-align: top;
	padding:1rem 0.625rem;
  }
  .fruit-bd {
	border : 2px solid #5580b6;  
  }
  .fruit-img {
    display: inline-block;
    text-align: center;
    margin: 20px 0 0 !important;
    vertical-align: top;
 }
.fruit-img span{
	font-size: 0.875rem;
	line-height: 1.3;
	margin: 10px 0;
	display: block;
	text-align: center;
  font-weight:400;
}
  .fruit-img  img {
    max-width: 100%;
    padding: 2px;
    margin: 0 15% ;
    border: solid 1px #d9d9d9;
	 
 }
 
.bdr-ty1 {
	width:100%;
    padding-bottom: 1em;
    border-bottom: 1px dashed #ccc;
}
.bdr-ty1:after  {
	content: "";
	display: block;
	clear: both;
}
.bdr-ty2 {
	width:100%;
    padding-bottom: 0px;
    border-bottom: 2px solid #676d74;
}
.noneBd {
	border:none;
}
.mt-ty1 {
	margin-top: 3rem ;
}
.mt-ty2 {
	margin-top: 1.5rem ;
}
.mt-ty3 {
	margin-top: 0.625rem ;
}

.list-ty1  li {
	font-size: 0.938rem;
 	padding-left: 13px;
  	background:url( /img/icon-t2.png) left 12px no-repeat ; 
} 
.list-ty2   {
 	padding: 1rem 1rem  0.5rem; 
  } 
.list-ty2  li {
	font-size: 0.938rem;
  } 
.list-ty2 ul {
	padding-left:1.5rem;
}
.list-ty2 ul  li {
	font-size: 0.938rem;
 	padding-left: 13px;
  	background:url( /img/icon-t1.png) left 10px no-repeat ; 
} 
.list-ty2 ul ul{
	padding-left:0;
}

.list-ty2  li li{
 	padding-left: 13px;

   	background:url( /img/icon-t2.png) left 12px no-repeat ; 
} 


.list-ty2 ul  li.noneBg {background:none;}

.list-ty3  {
	font-size: 0.938rem;
 	padding: 1.25rem 2rem;
	border : 1px solid #ccc;
 	background:#fafafa;
	text-align:left;
	font-family:'NanumGothic';
 } 
 .list-ty3  li {
	font-size: 0.938rem;
 	padding-left: 13px;
  	background:url( /img/icon-t2.png) left 12px no-repeat ; 
} 

.search-box {
	padding: 20px;
	border : 1px solid #ccc;
    font-size:  0.875rem;	
	background:#fafafa;
	text-align:center;
	font-family:'NanumGothic';
}
 
.search-box select{
	margin-right:0.625em;
}


 /* pagenav */
.pagenavi_top_warp{	
	position:relative;
	margin-top:-45px;

    /*background: #fbfbfb;
    border-bottom: 1px solid #ddd;*/
}
.pagenavi_top_warp .link_area{
    width: 100%;
    max-width: 1100px;
    margin: auto;
    font-size: 0.875rem;
    padding: 0.5rem 0.625rem  ;
	position:relative;
	letter-spacing:-0.03rem;
 }
 .wrap.type2 .pagenavi_top_warp .link_area{
     padding:  0.5rem 0.625rem  0 0;
 }

.pagenavi_top_warp .link_area *{
    color: #333;
}
.pagenavi_top_warp .link_area span{
    margin: 0 0.625rem;
}
.pagenavi_top_warp .link_area .on{
    font-weight: bold;
}

.wrap.type1{
    max-width: 100%;
}
.wrap.type1 .title{
      margin: 0;
    padding: 3.15rem;
}
.bg1{
    background: url("../img/bg1.jpg") center /cover;
 }
.bg2{
    background: url("../img/bg2.jpg") center /cover;
 }
.bg3{
    background: url("../img/bg3.jpg") center /cover;
 }
.bg4{
    background: url("../img/bg4.jpg") center /cover;
 }
.bg5{
    background: url("../img/bg5.jpg") center /cover;
 }
.bg6{
    background: url("../img/bg6.jpg") center /cover;
 }

.wrap .title{
	font-size: 2rem;
	text-align: center;
	margin-bottom: 10px;
}
.wrap .title:after{
	content: "";
	display: block;
	clear: both;
}

.wrap .title h3,
.wrap .title h4{
    margin: 0;
	line-height:1.4;
}
.wrap .title h3{
 	font-family: 'nanumsquareb';
}
.wrap .title h4{
    font-size: 1.25rem;
}
.wrap .title span{
    color: #e07171;
}
.wrap.type1 .pagenavi_top_warp{
    border-bottom: 1px solid #c1c1c1;
}
.wrap.type1 .con_wrap{
    max-width: 1100px;
    margin: auto;
    padding: 3rem 0.75rem 3em;
	height:auto;
}
.wrap  .con_wrap p{
    margin: 0;
}
 
 
.wrap.sub.bbs,
.wrap.sub.write	{
    padding: 0 0.75em 3em;
	margin-top:45px;
	min-height:750px;
}
.wrap.sub .title{
    margin-top: 2.5rem;
    margin-bottom: 3.125rem;
}

.wrap.sub.write .tb_st_col2 input{
    width: 100%;
    padding: 0 0.625rem;
    height: 1.875rem;
    line-height: 1.875rem;
}
.wrap.sub.write .txt_wrap{
    border: 1px solid #ddd;
}

.wrap.sub.write .txt_wrap .tit{
    padding: 1.25rem;
    background: #fafafa;
    border-bottom: 1px solid #ddd;
}

.wrap.sub.write .txt_wrap .info{
    padding: 0.625rem 1.25rem;
    border-bottom: 1px dotted #ddd;
    font-size: 0.875rem;
}

.wrap.sub.write .txt_wrap .info .date{
    float: right
}

.wrap.sub.write .txt_wrap .txt{
    padding: 1.25rem;
}

.wrap.sub.write .txt_wrap.reply{
    margin-top: 1.25rem;
}

.wrap.sub.write .txt_wrap.reply .tit{
    background: #eee8ff;
}

.wrap.sub.write .txt_wrap.reply .status{
    padding: 0.3125rem 0.625rem;
    border: 1px solid #333;
    margin-right: 1.25rem;
}


/* ÅǸ޴º */
.wrap.sub .tab_menu_st11,
.wrap.sub .tab_menu_st1{
    display: inline-block;
    width: 100%;
     /*border: 1px solid #333;*/
 }
.wrap.sub .tab_menu_st11.on,
.wrap.sub .tab_menu_st1.on{
    position: fixed;
    top: 0;
    z-index: 100;
}
.wrap.sub .tab_menu_st11>div {
    float: left;
    width: 25%;
     text-align: center;
    border : 1px solid #00529b;
    background: #fff;
    cursor: pointer;
	margin-right:-1px;
}
.wrap.sub .tab_menu_st1>div {
    float: left;
    width: 33.3333%;
     text-align: center;
    border : 1px solid #00529b;
    background: #fff;
    cursor: pointer;
	margin-right:-1px;
}
.wrap.sub .tab_menu_st11 div:hover,
.wrap.sub .tab_menu_st1 div:hover{
	background:#dee9f2;
    border : 1px solid #00529b;
}
.wrap.sub .tab_menu_st11 a,
.wrap.sub .tab_menu_st1 a{
    display: inline-block;
    width: 100%;
    color: #00529b;
     overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	line-height:1;
	padding:1em 0.5em  0.5em;
}
.wrap.sub .tab_menu_st11>div.on,
.wrap.sub .tab_menu_st1>div.on{
    font-weight: bold;
    background: #00529b;
    border : 1px solid #00529b;
 
}
 .wrap.sub .tab_menu_st11>div.on a,
 .wrap.sub .tab_menu_st1>div.on a{
    color: #fff;

}
  
/* ÅǸ޴º */
.wrap.sub .tab_menu_st2 {
	position:relative;
 	width:100%; 
	height:auto;
	min-height: 600px;	
	vertical-align: middle;
	word-break: break-all;

 }
 .wrap.sub .tab_menu_st3 {
	position:relative;
 	width:100%; 
	height:auto;	
	vertical-align: middle;
	word-break: break-all;

  }

.tab_type,
.tab_type2{
	width:100%; 
	height: 100%; 
	overflow:hidden; 
	height:auto;
 }
 .tab_type2{
	border-right : 1px solid #ccc;
 }

.tab_type > li,
 .tab_type2 > li{
     cursor: pointer;	 
	vertical-align: middle;
  }
.tab_type > li > a{
	float:left; 
	line-height:1;
	width: 31%; 
    padding:  0.875rem;
 	display: inline-block; 
	text-align: center;    
	border : 1px solid #ccc;
 	margin-right:-1px;
    font-size:  0.875rem;	
	background:#fafafa;
}
.tab_type2 > li   {
	display: block;
	float: left;
	width: 25%;
 }
.tab_type2 > li > a{
	display: table-cell;
	vertical-align: middle;
	word-break: break-all;
	width: 100%; 
	line-height:1.3;
    padding:  0.875rem;
  	display: inline-block; 
	text-align: center;    
	border : 1px solid #ccc;
	border-right:none;
 	margin-right:-1px;
    font-size:  0.875rem;	
	background:#fafafa;
 }
 .tab_type2 > li > a:hover{
 	color:#111;
	background:#eaeaea;
	font-weight: bold;
	letter-spacing:-0.03em;
  }

 .tab_type > li > a.on {
	font-weight: bold;
	color:#fff;
	background:#666;
	letter-spacing:-0.03em;
}
 
.tab_type> li > div{
	display: none; 
	position: absolute; 
 	border-top:2px solid #444;
	width:99.5%;
 	margin-top:2.7rem;
	padding:  0;
 }
.tab_type2 > li > a.over {
	font-weight: normal;
	color:#fff;
	background:#666;
	letter-spacing:-0.03em;
}

/* ã¾Æ¿À½Ã´Â±æ */
.mapArea{
	width:100%;
	margin-top:10px;
}
.root_daum_roughmap.map-width{
	width:100%;
}
.box-ty1 {
    background:   #f2f2f2;
    border : 1px solid #00529b;
    padding: 30px ;
    overflow: hidden;
	font-size: 0.938em;
}
.flower_box {
    padding: 30px 50px;
}
 

.map_box {
    background: url(/img/map_ico.png) no-repeat 40px 50% #f2f2f2;
    padding: 30px 30px 30px 150px;
 }

span.ft-bl {
	color: #00529b;
 	font-family: 'nanumsquareb';
}
span.ft-red {
color: #ff0000;
 	font-family: 'nanumsquareb';
}
span.ft-or{
 color: #ff9000;
 	font-family: 'nanumsquareb';
}
  
 
  /* info-tb  */
.info-tb,
.info-tb2,
.info-tb3

{
	width: 100%;
	font-size: 0.938em;
	line-height: 1;	 
}
.info-tb th,
.info-tb2 th,.info-tb3 th {
	padding: 15px 5px 13px;
	background: #fbfbfb;
	color: #111;
	border-bottom: 1px solid #d9d9d9;
  	text-align: center;
	line-height: 1.6;
}
 
.info-tb th.th-left {
	padding: 15px 5px 13px 30px;
 	text-align: left;
}
.info-tb td,
.info-tb2 td,
.info-tb3 td{
	padding: 15px 10px 13px ;
	border-bottom: 1px solid #d9d9d9;
	line-height: 1.6;
	vertical-align: top;
}
.info-tb2 td,
.info-tb3 td

{
 	text-align: center;
	vertical-align:middle;
}
.info-tb2 th.th-lt {
	background:#f1f1f1;
}
.info-tb2 td.left{
 	text-align: left;
 }

.safety .con-img {
	border-top:none;
}
.sm {
	font-size:0.875rem;
	padding: 0.625em 0;
	color: #636363;
}

span.info-tt{ 
    color: #00529b;
    font-size: 1.125em;
    line-height: 2;
 	letter-spacing:-0.03rem;
	font-family: 'notokr-regular';
}
span.info-tt em{ 
    color: #666;
}
.ion-android-radio-button-on {
    margin-right: 7px;
    font-size: 0.938em;
    line-height: 1.6;
    color: #b57548;
}

span.fc-b {
	color:#00529b;
	font-weight:700;
}
.analys {
	position:relative;
  	background: url(../img/any_bg.jpg) center top no-repeat;
  	margin:0 auto;
	min-height:500px;
	width:670px;
}
 .analys_p {
  	position:absolute;
	left:53px;
	top:32px;
	 width:600px;
	 height:430px;
 }

 .analys_p span{
  	position:absolute;
    width: 24px;
    height: 24px;
	border: 2px solid #ff0000;
	 border-radius:50%;
	background:#ff9999;
}
 
@media screen and (max-width : 768px){
	.wrap.sub{
 		margin-top:-90px;
  } 
 

	.wrap.sub.bbs,
	.wrap.sub.write	{
 		margin-top:0px; 	 
 		min-height:600px;
	}
 	.wrap.sub.bbs .title,
	.wrap.sub.write .title{
		margin-top: 2.5rem;
		margin-bottom: 3.125rem;
	}
	.wrap.type1 .title{
 		padding: 1.5rem;
	}
	.wrap .title h3{
        margin-bottom: 3px;
        font-size: 1.5rem;
    }
    .wrap .title h4{
        margin-bottom: 5px;
        font-size: 1rem;
    }
	.tab_type > li > a{
		min-height:2rem;
	}
	.tab_type > li > a{
		float:left; 
		line-height:1;
		width: 33.33%; 
		padding:  0.875rem 1rem;
 
	}
 	 .tab_type> li > div{
 		margin-top:3.5rem;
 	}
 
 	.map_box {
		background: #f9f9f9;
		padding: 20px  10px;
 	} 	
	.info-tb th,
	.info-tb td,
 	.info-tb2 th,
	.info-tb2 td
	 {
  		padding: 10px;
	}	

	.info-tb3 th,
	.info-tb3 td{
  		padding: 10px 5px;
	}

 	.info-tb th,
	 	.info-tb2 th{
		max-width: 100px;
		min-width: 100px;
	}
	.info-tb2 th[scope=col] {
		min-width: 50px;		
	}
	.info-tb2 th[scope=row] {
		min-width: 70px;		
	}
	.mt-ty1 {
		margin-top: 1.5rem ;
	}
	.con-img {
 		padding:1.25rem;
 	}
	.list-ty3    {
 
 	padding: 1.25rem ;
  } 

	.wrap.sub .tab_menu_st2 { 
		min-height:550px;
	 }
	 	 .con-tlt em {
		display:block;
		margin-top:-0.625em;
	 }
.search-box { 
	text-align:left;
}
 
.search-box select, .search-box input{
	margin :0.625em;
}
	.tb-ty,.tb-ty2 {
		overflow-x:scroll;
 	}
   
 	.tb-ty table{
		table-layout:fixed;
		max-width:100%;
		min-width:768px;
	}
 
.flower_box {
    padding: 30px ;
}
    .wrap.sub .tab_menu_st1>div,
	    .wrap.sub .tab_menu_st11>div{
        width: 100%;
		margin:-1px 0 0 -1px;
     }
.list-ty2   {
 	padding: 1.25rem 0; 
  } 
 .list-ty2 ul {
	padding-left:0.625rem;
}

  .fruit-img  img {
     margin: 0 2.5% ;
  }
   .fruit-img {
 
	width:45%;
}
.web-only {
	display:none;
	}

.mobile-only{
display:block;
}
 .tab_type2 > li > a{
 	padding :0.875rem 0.5rem;
 }

	}

 @media screen and (max-width : 600px){ 
 .tab_type2 > li > a{
	min-height:4.2rem;
  }
	}
 @media screen and (max-width : 500px){ 
    .wrap.sub.bbs {
        padding: 0 0.625rem;
    }  
    .wrap .con_wrap{
        padding: 0.625rem;
    }
    .wrap .con_wrap .col2 .lay-col3 .col{
        width: 49%;
    }
    .wrap .con_wrap .col2 .lay-col3 .col.no2{
        margin-left: 0;
    }
    .wrap .con_wrap .col2 .lay-col3 .col.no1{
        width: 100%;
        margin-bottom: 1.25rem;
    }
    .wrap  .con_wrap .ele1{
        font-size: 1.5rem;
    }
    .wrap  .con_wrap .ele2{
        font-size:1rem;
    }
 	.tab_type > li > a {
		padding:  0.875rem  0.25rem;
		font-size:  0.813rem;	
		line-height:1.1;
	}
	.wrap.sub .tab_menu_st2 { 
		min-height: 300px;
	 }

   }


@media screen and (max-width : 400px){ 
	 .tab_type2 > li > a{
		min-height:5.3rem;
	  }


 	 .tab_type> li > div{
 		margin-top:4.5rem;
 	}
	.pagenavi_top_warp .link_area span{
    margin: 0 0.5rem;
}

  }