@charset "utf-8";
@import url(sub_marinefishery03.css);
@import url(sub_marinefishery04.css);
@import url(sub_marinefishery05.css);
@import url(sub_marinefishery06.css);
@import url(redsafe.css);

/*공통으로 쓰이는 클래스*/
.basicFont{ font-size: 15px; line-height: 25px;}
.ft30{ font-size: 30px;}
.ft17{ font-size: 17px;}
.ft15{ font-size: 15px;}
.radius_box{ box-sizing: border-box; border: 1px solid #cccccc; border-radius: 3px; padding: 10px;}

.first {margin:25px 0 5px 0 !important;}
.no_ml {margin-left:0 !important;}
.box_top {height:175px; box-sizing:border-box; padding:50px 0 0 50px; background:#efefef url('/Main/Images/section/farm/farm04/bg_farm04.png') no-repeat right top; background-size:cover;}
.box_top p {font-size:30px; font-weight:bold;}
.box_top span {font-size:15px;}
.box_add {padding:5px 30px; color:#fff; background:#00907f; overflow:hidden;}
.box_add li {float:left; box-sizing:border-box; width:50%; padding-left:35px;}
.box_add li span {padding-left:15px;}
.box_add .add {background:url('/Main/Images/section/farm/farm04/icon_add.png') no-repeat left 50%;}
.box_add .tel {background:url('/Main/Images/section/farm/farm04/icon_tel.png') no-repeat left 50%;}
.box_list {margin:15px 0 25px -2%; overflow:hidden;}
.box_list li {float:left; box-sizing:border-box; width:23%; margin:10px 0 0 2%; padding:80px 15px 10px 15px; font-size:15px; text-align:center; font-weight:bold; border-radius:5px;}
.box_list .bg_01 {background:#f0f0f0 url('/Main/Images/section/farm/farm04/icon_01.png') no-repeat center 10px;}
.box_list .bg_02 {background:#f0f0f0 url('/Main/Images/section/farm/farm04/icon_02.png') no-repeat center 10px;}
.box_list .bg_03 {background:#f0f0f0 url('/Main/Images/section/farm/farm04/icon_03.png') no-repeat center 10px;}
.box_list .bg_04 {background:#f0f0f0 url('/Main/Images/section/farm/farm04/icon_04.png') no-repeat center 10px;}
.box_info {overflow:hidden;}
.box_info .left {float:left; width:49%; overflow:hidden;}
.box_info .right {float:right; width:49%; overflow:hidden;}
.box_info .left div, .box_info .right div {box-sizing:border-box; padding:20px; border:1px solid #dde0e5; border-radius:5px; overflow:hidden;}
.box_info p {margin-bottom:10px; line-height:20px; font-weight:bold;}
.box_info ul {margin-left:-1%;}
.box_info li {float:left; box-sizing:border-box; width:49%; margin:5px 0 0 1%; text-align:center; border-radius:5px;}
.box_info .left div li {background:#43b5bf;}
.box_info .right div li {background:#31a1ac;}
.box_info li a {display:block; padding:3px 0; color:#fff; border-radius:5px;}
.box_info li a:hover {background:#2f7e85;}
.box_movie {width:49%; overflow:hidden;}
.box_movie ul {box-sizing:border-box; padding:27px 20px; background:#dde0e5; border-radius:5px; overflow:hidden;}
.box_movie li {float:left; width:50%; text-align:center;}

@media all and (max-width:640px) {
	.box_add li {float:none; width:100%;}
	.box_list li {width:48%;}
	.box_info .left, .box_info .right, .box_movie {float:none; width:100%;}
}

/*sub2_4_0101 인사말*/
.sub2_4_0101 .greeting_box{ /*padding-bottom: 23px;*/ border-bottom: 1px dashed #828282; margin-bottom: 40px;}
.sub2_4_0101 .greeting_box img{ vertical-align: middle; margin-right: 50px;}
.sub2_4_0101 p span{ font-size: 17px;}
.sub2_4_0101 p img{ vertical-align: -5px; margin-left: 10px;}

@media all and (max-width:1024px) {
	.sub2_4_0101 .greeting_box{ text-align: center;}
	.sub2_4_0101 .greeting_box img{ margin-right: 0;}
	.sub2_4_0101 .greeting_box img.gt_title{ width: 40%; max-width: 348px; margin-right: 3%;}
	.sub2_4_0101 .greeting_box img.gt_title_text{ width: 55%; max-width: 397px;}
}

@media all and (max-width:640px) {
	.sub2_4_0101 .greeting_box img{ display: block; margin: 0 auto;}
	.sub2_4_0101 .greeting_box img.gt_title{ width: 90%; margin-right: 0; margin-left: 7%; margin-bottom: 20px;}
	.sub2_4_0101 .greeting_box img.gt_title_text{ width: 100%; margin: 0 auto;}
}

/*sub2_4_0102 연혁*/
.sub2_4_0102{ position: relative;}
.sub2_4_0102 .white_div{ width: 10px; height: 40px; background: white; position: absolute; top: 30px; left: 150px; }
.sub2_4_0102 dl{ overflow: hidden;clear: both; background: url('/Main/Images/section/farm/farm04/history_line.png') repeat-y 153px 111px;}
.sub2_4_0102 dl dt img{ position: absolute; right: 0; top: 20px;}
.sub2_4_0102 dl dt{ font-family:"Nanum Gothic", "맑은고딕", "Malgun Gothic","돋움", dotum, "굴림", gulim, sans-serif; font-weight: normal; float: left; position: relative; width: 135px; padding-left: 27px;}
.sub2_4_0102 dl dd{ padding-left: 30px; float: left; padding-top: 12px;}
.sub2_4_0102 dl dd span{ float: left; font-size: 17px;}
.sub2_4_0102 dl dd  ul ul{ float: left; margin-left: 80px;}
.sub2_4_0102 dl dd  ul li{ clear: both; margin-bottom: 7px; overflow: hidden;}


@media all and (max-width:1024px) {
	.sub2_4_0102 .white_div{ left: 90px; }
	.sub2_4_0102 dl dt{ padding-left: 0; width: 100px;}
	.sub2_4_0102 dl dt{ font-size: 25px;}
	.sub2_4_0102 dl dt img{ top: 15px;}
	.sub2_4_0102 dl dd{ width: 70%; padding-top: 0px;}
	.sub2_4_0102 dl dd ul ul{ margin-left: 30px; max-width: 70%;}
	.sub2_4_0102 dl{ background: url('/Main/Images/section/farm/farm04/history_line.png') repeat-y 90px 111px;}
	.sub2_4_0102 dl dd ul li{ margin-bottom: 10px; position: relative; top: 7px;}
	.sub2_4_0102 dl dd ul ul{ position: relative; top: -2px;}
}

@media all and (max-width:600px) {
	.sub2_4_0102 dl dd{ padding-left: 3%;}
	.sub2_4_0102 dl dd ul ul{ margin-left: 3%; max-width: 60%;}
}

@media all and (max-width:410px) {
	.sub2_4_0102{ width: 100%; overflow-x: scroll; box-sizing: border-box;}
	.sub2_4_0102 .con_wrap{ width: 392px; }
}

/*sub2_4_0103_1 조직도1*/

.sub2_4_0103_1{ overflow: hidden; }

.org_box b{ display: inline-block; padding: 0 20px;height: 32px; border-radius: 32px; background: #024e9e; text-align: center; line-height: 32px; color: white; margin-right: 10px; font-weight: normal;}
.org_box p{ font-size: 17px; }
.org_box{ margin-bottom: 50px;}

.sub2_4_0103_1 .content_wrap{overflow: hidden;background: url('/Main/Images/section/farm/farm04/org_bg.png') no-repeat center top; }
.sub2_4_0103_1 .org_1 li{ width: 154px; height: 155px; margin: 0 auto; background: url('/Main/Images/section/farm/farm04/org_1_bg.png') no-repeat center center; background-size: cover; text-align: center; overflow: hidden;}
.sub2_4_0103_1 .org_1 li div{ font-size: 25px; color: #004d9d; margin-top: 35px;}
.sub2_4_0103_1 .org_1 li div span{ display: block; font-size: 16px; color: #555555; line-height: 16px;}
.sub2_4_0103_1 .org_2{ overflow: hidden; float: right; margin-top: 77px;}
.sub2_4_0103_1 .org_2 li{ width: 195px; height: 50px; line-height: 50px; background: #024e9e; border-radius: 3px; float: left; margin-right: 5px; box-sizing: border-box; text-align: center; color: white; font-size: 15px;}
.sub2_4_0103_1 .org_2 li span{ padding: 4px 14px; background: white; color: #48484a; margin-left: 5px; font-size: 16px;}


.sub2_4_0103_1 .org_3{ float: right; clear: both; overflow: hidden; margin-top: 54px;}
.sub2_4_0103_1 .org_3>li{ float: left;width: 93px; margin-left: 6px; background: #48484a; border-radius: 3px; padding-bottom: 5px;}
.sub2_4_0103_1 .org_3>li .boss{ height: 37px; color: white; text-align: center; box-sizing: border-box; padding-top: 5px;}
.sub2_4_0103_1 .org_3>li .boss span{ display: block; line-height: 13px; font-size: 15px;}
.sub2_4_0103_1 .org_3>li .tel{ box-sizing: border-box; height: 34px; border: 1px solid #cccccc; background: #f0f1f6; color: #004d9d; text-align: center;}
.sub2_4_0103_1 .org_3>li .list{ background: white; box-sizing: border-box; border: 1px solid #cccccc; border-top: 0; text-align: center;}
.sub2_4_0103_1 .org_3>li.num1{ margin-left: 0;}


.see_all{ margin: 40px 0;box-sizing: border-box; padding: 14px 33px; overflow: hidden;}
.see_all dt{ float: left; font-size: 20px; margin-right: 70px;}
.see_all dt img{ vertical-align: middle; margin-right: 30px;}
.see_all dd{ float: left; position: relative; top: 10px;}
.see_all dd li{ float: left; margin-right: 35px;}
.see_all dd li.last{ margin-right: 0;}
.see_all dd li a{ display: block; width: 136px; height: 46px; line-height: 44px; box-sizing: border-box; padding-left: 27px; border: 2px solid #024e9e; border-radius: 46px; font-size: 18px; background: url('/Main/Images/section/farm/farm04/blue_arrow.png') no-repeat 100px 19px; color:#024e9e; }


/*어업기술센터 조직도*/
.org_marine {position:relative; width:100%; min-height:300px; overflow:hidden; background:url('/Main/Images/section/marinefishery/marinefishery03/org_bg01.gif') no-repeat center 110px; }
.org_marine ul li .captain {width: 154px; height: 155px;  margin: 0 auto; color:#004d9d; font-size:17px; font-weight:bold; background: url('/Main/Images/section/marinefishery/marinefishery03/06_03_img1_a.gif') no-repeat center top; background-size: cover;overflow: hidden;}
.org_marine ul li .captain span{margin-top:60px; display:block;  text-align: center; }
.org_marine ul li ul  { width:100%; margin-top:80px;}
.org_marine ul > li > ul > li{width:25%; float:left; overflow:hidden; margin-right:8px; }
.org_marine ul > li > ul > li .mrg4 {background-color:#48484a; padding:10px 0; font-size:15px; color:#fff; width:100%; text-align:center; display:block; border-radius:3px;}
.org_marine ul > li > ul {margin-left:4%;}
.org_marine ul > li > ul > li {margin-right:8%;}
.org_marine ul > li > ul > li.end {margin-right:0;}


/*수산자원연구소 조직도*/

.org_marine02 {position:relative; width:100%; min-height:300px; overflow:hidden; background:url('/Main/Images/section/marinefishery/marinefishery04/organbg_bg03.gif') no-repeat center top; }
.org_marine02 ul li .captain {width: 155px; height: 157px;  margin: 0 auto; color:#555; font-size:24px; background: url('/Main/Images/section/marinefishery/marinefishery04/organbg.png') no-repeat center top; background-size: cover;overflow: hidden;}
.org_marine02 ul li .captain span{margin-top:60px; display:block;  text-align: center; }
.org_marine02 ul > li > ul  {width:100%; margin-top:80px;}
.org_marine02 ul > li > ul > li {width:30%; float:left; overflow:hidden; text-align:center; margin-left:5%;}
.org_marine02 ul > li > ul > li:first-child {margin-left:0;}
.org_marine02 ul > li > ul > li span{display:block; font-size:16px; border-radius:5px;}
/*.org_marine02 ul > li > ul > li.mgr_01 span{background-color:#2597a6; padding:22px 0;color:#fff; margin-top:105px;} */
.org_marine02 ul > li > ul > li.mgr_01 span{background-color:#2597a6; padding:22px 0;color:#fff;} 
.org_marine02 ul > li > ul > li.mgr_02 span{background-color:#1f887d; padding:22px 0;color:#fff;} 
.org_marine02 ul > li > ul > li.mgr_03 span{background-color:#17835b; padding:22px 0;color:#fff;}
.org_marine02 ul > li > ul > li.mgr_04 span{background-color:#357e32; padding:22px 0;color:#fff;}
.org_marine02 ul > li > ul > li > .bg_gray{background-color: #f8f8f8; border: 1px solid #ccc; border-radius: 5px; text-align: left;
box-sizing: border-box; padding: 10px; margin-top: 30px; color:#555;}
@media all and (max-width:870px) {
	.org_marine {background:url('/Main/Images/section/marinefishery/marinefishery03/org_bg01_870.gif') no-repeat center 110px; }
	.org_marine02 { background:url('/Main/Images/section/marinefishery/marinefishery04/organbg_bg03_870.gif') no-repeat center top;}
}
@media all and (max-width:680px) {
	.org_marine {background:url('/Main/Images/section/marinefishery/marinefishery03/org_bg01_480.gif') no-repeat center 110px;}
	.org_marine ul > li > ul > li .mrg4{font-size:13px;}
	.org_marine02 {background-image:none;}
	.org_marine02 ul > li > ul {margin-top:30px;}
	.org_marine02 ul > li > ul > li {width:50%; float:none; margin:0 auto 30px auto; font-size:12px !important; background:url('/Main/Images/section/marinefishery/marinefishery04/border_line01.png') repeat-y center -150px;}
	.org_marine02 ul > li > ul > li:first-child {margin-left:auto;}
	.org_marine02 ul > li > ul > li span{font-size:13px;}
	.org_marine02 ul > li > ul > li.mgr_01 {margin-top:0px;}
}



@media all and (max-width:1023px) {
	/*
	.sub2_4_0103_1 .content_wrap{ background-size: 97% 645px;}
	.sub2_4_0103_1 .org_2 li{ width: 21vw; min-width: 151px;}
	.sub2_4_0103_1 .org_3 > li{ width: 10vw; margin-left: 0.5vw; min-width: 73px; }
	.sub2_4_0103_1 .org_2 li span{ padding: 0.1vw 0.2vw;}
	*/
	.see_all{ padding: 10px 10px;}
	.see_all dt{ width: 220px; margin-right: 6%;}
	.see_all dt img{ margin-right: 3%;}
	.see_all dd{ width: 60%;}
	.see_all dd li{ margin-right: 10px;}
}

@media all and (max-width:768px) {
	.see_all dt img{ width: 50px;}
	.see_all dt{ font-size: 16px; width: 180px; margin-right: 20px;}
	.see_all dd li a{ width: 100px; font-size: 15px; padding-left: 10px; background-position: 80px 19px;}
	.see_all dd{ top: 0;}
	.org_box p{ font-size: 15px;}
}
@media all and (max-width:720px) {
	.sub2_4_0103_1 .big_wrap{ overflow-x: scroll; width: 100%;}
	.sub2_4_0103_1 .content_wrap{ width: 720px;}
	.sub2_4_0103_1 .org_3 > li{ margin-left: 6px;}
}
@media all and (max-width:600px) {
	.see_all dt{ float: none; width: 100%; text-align: center;}
	.see_all dd{ width: 100%; float: none;}
	.see_all dd ul{ width: 320px; margin: 0 auto; margin-top: 10px;}
}
@media all and (max-width:360px) {
	.see_all dd ul{ width: 260px;}
	.see_all dd li a{ width: 80px; height: 35px; line-height: 35px; padding-left: 5px; background-position: 65px 13px;}
}

/*sub2_4_0103_2 조직도2*/

.sub2_4_0103_2 .content_wrap{ background: url('/Main/Images/section/farm/farm04/org2_bg.png') no-repeat center top;}
.sub2_4_0103_2 .org_1{ margin-bottom: 70px;}
.sub2_4_0103_2 .org_1 li{ width: 278px; height: 116px; box-sizing: border-box; border: 2px solid #024e9e; border-radius: 3px; margin: 0 auto; text-align: center; overflow: hidden;}
.sub2_4_0103_2 .org_1 li div{ font-size: 25px; color: #004d9d; margin-top: 10px;}
.sub2_4_0103_2 .org_1 li  span{ background: #004d9d; color: white; padding: 9px 20px; margin-left: 15px; font-size: 16px; vertical-align: middle;}
.sub2_4_0103_2 .org_1 li p{ font-size: 18px; margin-top: 10px; color: #1e1e1e;}
.sub2_4_0103_2 li p{ color: #1e1e1e;}

.sub2_4_0103_2 .org_2{ overflow: hidden;}
.sub2_4_0103_2 .org_2>li{ width: 277px; float: left; text-align: center;}
.sub2_4_0103_2 .org_2>li.num2{ margin: 0 23px;}
.sub2_4_0103_2 .org_2>li>div{ background: #024e9e; border-radius: 3px; color: white;}
.sub2_4_0103_2 .org_2>li>div>div{ height: 50px; box-sizing: border-box; border-bottom: 1px solid white; padding-top: 9px;}
.sub2_4_0103_2 .org_2>li>div>div span{color: #1e1e1e; padding: 5px 10px; margin-left: 30px; font-size: 16px; background: white;}
.sub2_4_0103_2 .org_2>li p{ height: 45px; line-height: 45px; color: white;}
.sub2_4_0103_2 .org_2 ul{ border: 1px solid #cccccc; border-radius: 3px; box-sizing: border-box; margin-top: 6px;}
.sub2_4_0103_2 .org_2 ul li{ padding: 7px 0;}
.sub2_4_0103_2 .org_2 ul li b{ display: inline-block; float: left; width: 30%; border-right: 1px solid #cccccc; line-height: 10px; font-weight: normal; margin-top: 7px;}
.sub2_4_0103_2 .org_2 .num2 ul li, .sub2_4_0103_2 .org_2 .num3 ul li{ border-bottom: 1px solid #cccccc; box-sizing: border-box;}
.sub2_4_0103_2 .org_2 .num2 ul, .sub2_4_0103_2 .org_2 .num3 ul{ border-bottom: 0;}

@media all and (max-width:1023px) {
	.sub2_4_0103_2 .content_wrap{ background-size: 100% 666px;}
	.sub2_4_0103_2 .org_1 li{ width: 40%;}
	.sub2_4_0103_2 .org_2>li{ width: 31%; float: left; text-align: center;}
	.sub2_4_0103_2 .org_2>li.num2{ margin: 0 3.5%;}
}
@media all and (max-width:640px) {
	.sub2_4_0103_2 .org_2 > li > div > div span{ margin-left: 3%; padding: 3px;}
}
@media all and (max-width:495px) {
	.sub2_4_0103_2 .big_wrap{ overflow-x: scroll; width: 100%;}
	.sub2_4_0103_2 .content_wrap{ width: 468px;}
}

/*sub2_4_0104 지침/업무추진 방향*/
.sub2_4_0104 .con1{ overflow: hidden;}
.sub2_4_0104 .con1 dt{ float: left; background:#efefef; width: 40%; height: 147px; position: relative; text-align: center;}
.sub2_4_0104 .con1 dt img{ vertical-align: middle; margin-top: 5px;}
.sub2_4_0104 .con1 dt>span{ display: inline-block; font-size: 22px; color: #0066b3; width: 50%; text-align: left; line-height: 30px; margin-left: 3%; position: relative; top: 30px;}
.sub2_4_0104 .con1 dd{ float: left; width: 60%; box-sizing: border-box; padding-left: 3%; padding-top: 20px;}
.sub2_4_0104 .con1 dt>span .blank{ display: block;}

.sub2_4_0104 .con2{ overflow: hidden; margin: 30px 0;}
.sub2_4_0104 .con2>ul>li{width: 49%; float: left;}
.sub2_4_0104 .con2>ul>li.first{ margin-right: 1%;}
.sub2_4_0104 .con2>ul>li.second{ margin-left: 2%;}
.sub2_4_0104 .con2 dl{ box-sizing: border-box; border: 1px solid #cccccc; border-radius: 3px; min-height: 170px;}
.sub2_4_0104 .con2 dl dt{ text-align: center; min-height: 51px; box-sizing: border-box; padding: 15px 0;color: white; background: #0066b3; font-size: 16px; font-weight: bold;}
.sub2_4_0104 .con2 dl dd{ box-sizing: border-box; padding: 14px 22px;}

.sub2_4_0104 .con3 .radius_box{ position: relative; padding: 30px;}
.sub2_4_0104 .con3 img{ position: absolute; bottom: 0; right: 10px; z-index: -1;}
.sub2_4_0104 .con3 ul{ overflow: hidden;}
.sub2_4_0104 .con3 ul li{ width: 40%; float: left;}


@media all and (max-width:800px) {
	.sub2_4_0104 .con1 dt > span{ font-size: 17px; top: 25px;}
	.sub2_4_0104 .con1 dd{ padding-top: 0;}
}
@media all and (max-width:670px) {
	.sub2_4_0104 .con2 > ul > li.first, .sub2_4_0104 .con2 > ul > li.second{ margin: 0;}
	.sub2_4_0104 .con2 > ul > li{ width: 100%; float: none; margin-bottom: 20px !important; }
	.sub2_4_0104 .con2 > ul > li.second{ margin-bottom: 0 !important;}

	.sub2_4_0104 .con3 ul li{ width: 100%; float: none;}
}
@media all and (max-width:620px) {
.sub2_4_0104 .con1 dt{ height: auto; min-height: 167px; padding-bottom: 30px;overflow: hidden;}
.sub2_4_0104 .con1 dt > span{ width: 100%; text-align: center; margin: 0; top: 0px; line-height: 25px;}
.sub2_4_0104 .con1 dt img{ margin-top: 10px;}
}
@media all and (max-width:410px) {
	.sub2_4_0104 .con1 dt{ width: 100%; float: none; padding-bottom: 10px; min-height: 0;}
	.sub2_4_0104 .con1 dt img{ width: 70px;}
	.sub2_4_0104 .con1 dd{ width: 100%; padding: 0; float: none; margin-top: 10px;}

	.sub2_4_0104 .con3 img{ opacity: 0.3;}
}

/*sub_2_4_0105 현황*/
.sub2_4_0105 .con1{ overflow: hidden;}
.sub2_4_0105 .con1 .img_area{ float: left; max-width:445px; width: 50%;}
.sub2_4_0105 .con1 .img_area img{ max-width: none;}
.sub2_4_0105 .con1 .content_area{ float: left; width: 50%; box-sizing: border-box; padding: 10px 20px; margin-top: 80px;}
.sub2_4_0105 .con2 table .blank{ display: block;}

@media all and (max-width:1023px) {
	.sub2_4_0105 .con1 .content_area{ margin-top: 0;}
	.sub2_4_0105 .con1 .img_area img{ }
	.sub2_4_0105 .con1 .img_area{ width: 100%; float: none; text-align: center; max-width: none;}
	.sub2_4_0105 .con1 .img_area img{ width: 90%; max-width: 448px;}
	.sub2_4_0105 .con1 .content_area{ width: 100%; padding: 0; margin-top: 20px; float: none;}
}
@media all and (max-width:640px) {
}
@media all and (max-width: 400px) {
	.sub2_4_0105 .con2 table{ width: 350px;}
}

/*sub_2_4_0106 찾아오시는길*/
.sub2_4_0106 .txt_box{ overflow: hidden; margin-bottom: 27px;}
.sub2_4_0106 .txt_box dt{ float: left; }

.sub2_4_0106 .txt_box dt span{ display: inline-block; padding: 0 20px;height: 32px; border-radius: 32px; background: #024e9e; text-align: center; line-height: 32px; color: white; margin-right: 20px; font-weight: normal; font-size: 17px;}

.sub2_4_0106 .txt_box dd{ float: left; font-size: 17px;}
.sub2_4_0106 .txt_box dd li{ margin-bottom: 7px; position: relative; padding-left: 40px;}
.sub2_4_0106 .txt_box dd img{ position: absolute; left: 0; top: 3px;}

.sub2_4_0106 .con1{ height: 365px;}
.sub2_4_0106 .con1>div{ width: 100%; height:100%;}
.sub2_4_0106 .root_daum_roughmap .wrap_map{ height: 360px;}
.sub2_4_0106 .see_all { margin: 0; margin-top: 27px;}
.sub2_4_0106 .see_all dd li{ margin-right: 15px; }
.sub2_4_0106 .see_all dd li a{ width: 116px; background-position: 90px 19px; padding-left: 15px;}

@media all and (max-width:1024px) {
	.sub2_4_0106 .see_all dt{ width: 160px; margin-right: 4%;}
	.sub2_4_0106 .see_all dd{ width: 530px;}
}

@media all and (max-width:768px) {
	.sub2_4_0106 .con1{ height: auto;}
	.sub2_4_0106 .see_all dt{ width: 100%; margin-right: 0; text-align: center; margin-bottom: 10px;}
	.sub2_4_0106 .see_all dd{ margin: 0 auto; float: none;}
	.sub2_4_0106 .root_daum_roughmap .wrap_map{ height: 250px;}
	.sub2_4_0106 .txt_box dd{ width: 80%;}
}
@media all and (max-width:600px) {
	.sub2_4_0106 .see_all dd{ margin: 0 auto; float: none; width: 100%;}
	.sub2_4_0106 .see_all dd li a{ width: 90px; height: 40px; line-height: 40px; padding-left: 10px; background-position: 70px 16px;}
	.sub2_4_0106 .see_all dd ul{ width: 420px;}
}
@media all and (max-width:530px) {
	.sub2_4_0106 .txt_box dt{ margin-bottom: 10px;}
	.sub2_4_0106 .txt_box dd{ width: 100%;}
}
@media all and (max-width:450px) {
	.sub2_4_0106 .see_all dd ul{ width: 210px;}
	.sub2_4_0106 .see_all dd ul li{ margin-bottom: 5px;}
}

/*sub2_4_0107 서비스헌장*/
.sub2_4_0107 table{ margin-top: 30px;}

@media all and (max-width: 400px) {
	.sub2_4_0107 table{ width: 370px;}
}

/*sub2_4_0303 병성감정*/
.sub2_4_0303 table th.txtL{ text-align: left; padding-left: 10px;}

@media all and (max-width: 505px) {
	.sub2_4_0303 table{ width: 505px;}
}

@media all and (max-width:500px) {
	.sub2_4_0303 table{ max-width: 450px;}
}

@media all and (max-width:590px) {
	.sub2_4_0304 .tbl_wrap{ width: 100%;}
	.sub2_4_0304 .tbl_wrap table{ width: 550px;}
}


/*sub2_4_040102 도축검사*/
.sub2_4_040101  .blank{ display: block;}
.sub2_4_040101 .top_box{ overflow: hidden;}
.sub2_4_040101 .top_box dt{ float: left; line-height: 30px;}
.sub2_4_040101 .top_box dd{ padding-left: 80px; overflow: hidden; font-size: 15px;}
.sub2_4_040101 .top_box dd ul{ overflow: hidden; margin-top: 20px;}
.sub2_4_040101 .top_box dd li{ float: left; box-sizing: border-box; padding-right: 5px;}
.sub2_4_040101 .top_box dd li img{ max-width: 100%; display: block;}

.sub2_4_040101 .content_wrap ul{ width: 95%;max-width: 600px; margin: 0 auto;}
.sub2_4_040101 .content_wrap ul li { padding-bottom: 29px; background: url('/Main/Images/section/farm/farm04/sub411_bg.png') no-repeat bottom center;}
.sub2_4_040101 .content_wrap ul li.n6 { padding-bottom: 0px; background: none;}
.sub2_4_040101 .content_wrap ul li div{ padding: 15px 0; border: 2px solid #004d9d; border-radius: 10px; text-align: center; font-size: 15px;}
.sub2_4_040101 .content_wrap ul li div span{ display: block; width: 80%; max-width: 410px; border: 1px solid #004d9d; border-radius: 10px; box-sizing: border-box; padding: 8px; text-align: center; margin: 0 auto; margin-top: 10px; line-height: 20px;}




@media all and (max-width:650px) {
	.sub2_4_040101 .top_box dt{ float: none; width: 100%;}
	.sub2_4_040101 .top_box dd{ padding-left: 0; margin-top: 20px;}
	.sub2_4_040101 .top_box .blank{ display: inline;}
	.sub2_4_040101 .top_box dd p{ margin-bottom: 20px;}
}
@media all and (max-width:460px) {
	.sub2_4_040101 .top_box dd li{ float: none; margin-bottom: 10px;}
	.sub2_4_040101 .top_box dd img{ margin: 0 auto;}
}

/*sub2_4_040102 미생물검사*/
.sub2_4_040102  .blank{ display: block;}
.sub2_4_040102 .top_box{ overflow: hidden;}
.sub2_4_040102 .top_box dt{ float: left; line-height: 30px;}
.sub2_4_040102 .top_box dd{ padding-left: 80px; overflow: hidden; font-size: 15px;}
.sub2_4_040102 .top_box dd ul{ overflow: hidden; margin-top: 20px;}
.sub2_4_040102 .top_box dd li{ float: left; width: 33.33333%; box-sizing: border-box; padding-right: 5px;}
.sub2_4_040102 .top_box dd li img{ max-width: 100%; display: block;}
@media all and (max-width:600px) {
	.sub2_4_040102 .top_box dt{ float: none; width: 100%;}
	.sub2_4_040102 .top_box dd{ padding-left: 0; margin-top: 20px;}
	.sub2_4_040102 .top_box .blank{ display: inline;}
	.sub2_4_040102 .top_box dd p{ margin-bottom: 20px;}
}
@media all and (max-width:420px) {
	.sub2_4_040102 .top_box dd li{ float: none; width: 100%; margin-bottom: 10px; padding: 0;}
	.sub2_4_040102 .top_box dd li img{ display: block; margin: 0 auto;}
}


/*sub2_4_040103 원유검사*/
.sub2_4_040103  .blank{ display: block;}
.sub2_4_040103 .top_box{ overflow: hidden;}
.sub2_4_040103 .top_box dt{ float: left; line-height: 30px;}
.sub2_4_040103 .top_box dd{ padding-left: 80px; overflow: hidden;}
.sub2_4_040103 .top_box dd p{ font-size: 15px; margin-bottom: 10px;}
.sub2_4_040103 .top_box dd>ul img{ float: left;}
.sub2_4_040103 .top_box dd>ul>li{ clear: both; margin-bottom: 15px; overflow: hidden;}
.sub2_4_040103 .top_box dd>ul>li div{ padding-left: 238px; padding-top: 10px;}
@media all and (max-width:600px) {
	.sub2_4_040103 .top_box dt{ float: none; width: 100%;}
	.sub2_4_040103 .top_box dd{ padding-left: 0; margin-top: 20px;}
	.sub2_4_040103 .top_box .blank{ display: inline;}
	.sub2_4_040103 .top_box dd p{ margin-bottom: 20px;}
}
@media all and (max-width:500px) {
	.sub2_4_040103 .top_box dd>ul img{ float: none; display: block; margin: 0 auto; max-width: 100%;}
	.sub2_4_040103 .top_box dd>ul>li div{ padding: 0; padding-top: 10px;}
}


/*sub2_4_040104 유방염 방제*/

.sub2_4_040104 .radius_box{ margin-top: 22px; box-sizing: border-box; border: 1px solid #cccccc; border-radius: 10px; padding: 20px; overflow: hidden;}
.sub2_4_040104 .radius_box img{ float: left; max-width: 100%;}
.sub2_4_040104 .radius_box ul{ padding-left: 320px; margin-top: 7px;}
.sub2_4_040104 .radius_box li{ box-sizing: border-box; border: 1px solid #004d9d; padding: 18px 23px; margin-bottom: 13px; font-size: 15px; color: #000000;}
.sub2_4_040104 .radius_box li span{ display: inline-block; width: 28px; height: 28px; line-height: 26px; text-align: center; color: white; background: #1160a4; border: 1px solid #053b73; box-sizing: border-box; border-radius: 28px; vertical-align: middle; margin-right: 17px;}
@media all and (max-width:700px) {
	.sub2_4_040104 .radius_box img{ float: none; display: block; margin: 0 auto;}
	.sub2_4_040104 .radius_box ul{ padding: 0; margin-top: 20px;}
}


/*sub2_4_040105 출하농가 질병피드백*/
.sub2_4_040105 .content_wrap{ box-sizing: border-box; clear: both; overflow: hidden; }
.sub2_4_040105 .content_wrap .n1, .sub2_4_040105 .content_wrap .n2, .sub2_4_040105 .content_wrap .n3{background: url('/Main/Images/section/farm/farm04/sub415_arrow.png') no-repeat center right; }
.sub2_4_040105 .content_wrap>ul>li{ float: left; width: 184px; padding-right: 44px; padding-left: 5px}
.sub2_4_040105 .content_wrap dl { width: 100%; max-width: 184px; border-radius: 3px;}
.sub2_4_040105 .content_wrap dl dt{ background: #004d9d; color: white; box-sizing: border-box; padding: 16px 0; border-top-left-radius: 3px; border-top-right-radius: 3px; text-align: center; font-size: 18px; font-weight: bold;}
.sub2_4_040105 .content_wrap dl dd{ box-sizing: border-box; padding: 10px; min-height: 110px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; border: 1px solid #cccccc; border-top: 0; background: #f0f1f6;}
.sub2_4_040105 .content_wrap>ul>li.n4{ padding:0; padding-left: 5px;}

@media all and (max-width:1023px) {
	.sub2_4_040105 .content_wrap{ background-size: 98.5% 160px; background-position: left center;}
	/*.sub2_4_040105 .content_wrap>ul>li{  width: 21.9%; max-width: 184px;background-size: 10px; padding-right: 5%; box-sizing: border-box;}*/

	.sub2_4_040105 .content_wrap>ul>li{ width: 25%;  box-sizing: border-box;}
	.sub2_4_040105 .content_wrap dl{ }
}
@media all and (max-width:768px) {
	.sub2_4_040105 .content_wrap > ul > li{width: 50%;}
	.sub2_4_040105 .content_wrap > ul > li.n1, .sub2_4_040105 .content_wrap > ul > li.n2{ margin-bottom: 30px;}
	.sub2_4_040105 .content_wrap .n1, .sub2_4_040105 .content_wrap .n2, .sub2_4_040105 .content_wrap .n3{ background-position: 200px center;}
	.sub2_4_040105 .content_wrap > ul > li.n3{ clear: both; float: left;}
}
@media all and (max-width:507px){
	.sub2_4_040105 .content_wrap > ul > li,  .sub2_4_040105 .content_wrap .n3{width: 250px; float: none; clear: both; margin: 0 auto; margin-bottom: 30px;}
	.sub2_4_040105 .content_wrap .n4{ margin-bottom: 0;}
	.sub2_4_040105 .content_wrap > ul > li.n3{ clear: both; float: none;}
}

.top_box{ padding-bottom: 22px; border-bottom: 1px dashed #828282; margin-bottom: 40px; overflow: hidden;}
.top_box dl{ box-sizing: border-box;}
.top_box dl dt{ font-size: 25px; color: #004d9d; margin-bottom: 20px;}
.top_box dl dd{ line-height: 23px;}
.top_box p{ line-height: 23px;}

/*sub2_4_040201 축산물가공품검사란?*/

.sub2_4_040201 .top_box img{ float: right;}
.sub2_4_040201 .top_box dl{ box-sizing: border-box; padding-right: 480px; position: relative; top: 10px;}

.sub2_4_040201 .step{ overflow: hidden; margin-top: 20px;}
.sub2_4_040201 .step li{ width: 33.333%; float: left; margin-bottom: 20px; box-sizing: border-box; background: url('/Main/Images/section/farm/farm04/small_blue_arrow.png') no-repeat 99% center;}
.sub2_4_040201 .step li:last-of-type{ background: none;}
.sub2_4_040201 .step li div{ padding: 10px 0; width: 93%; text-align: center; box-sizing: border-box; border: 1px solid #004d9d; border-radius: 60px;}
.sub2_4_040201 .down_content li>span{ display: inline-block; width: 100px;}
.sub2_4_040201 .down_content li{margin-bottom: 10px;}

@media all and (max-width:860px) {
	.sub2_4_040201 .step li{ width: 50%;}
	.sub2_4_040201 .step li div{ width: 90%;}
}
@media all and (max-width:420px) {
	.sub2_4_040201 .step li{ width: 100%; float: none; margin: 0 auto; margin-bottom: 15px;}
}
@media all and (max-width:800px) {
.sub2_4_040201 .top_box img{ width: 100%; max-width:445px; display: block; float: none; margin: 0 auto;}
.sub2_4_040201 .top_box dl{ padding: 0; width: 100%;}
}

/*sub2_4_040203 축산물가공품의뢰방법*/
.sub2_4_040203 a.bt_white_s{ margin: 0 5px;}


/*sub2_4_040205 위탁검사계약이란?*/

.sub2_4_040204 .down_content li>span{ display: inline-block; width: 240px;}
.sub2_4_040204 .down_content li{margin-bottom: 10px;}

/*sub2_4_040301 잔류물질검사란?*/
.sub2_4_040301 .top_box img{ float: right;}
.sub2_4_040301 .top_box dl{ box-sizing: border-box; padding-right: 300px; position: relative; top: 3px;}
.sub2_4_040301 .top_box dl dt{ font-size: 25px; color: #004d9d; margin-bottom: 10px;}
.sub2_4_040301 .top_box dl dt b{ color: black; font-size: 18px; font-weight: normal; display: block;}
.sub2_4_040301 .step{ overflow: hidden; margin-top: 20px;}
.sub2_4_040301 .step li{ width: 33.333%; float: left; margin-bottom: 20px; box-sizing: border-box; background: url('/Main/Images/section/farm/farm04/small_blue_arrow.png') no-repeat 99% center;}
.sub2_4_040301 .step li:last-of-type{ background: none;}
.sub2_4_040301 .step li div{ padding: 10px 0; width: 93%; text-align: center; box-sizing: border-box; border: 1px solid #004d9d; border-radius: 60px;}

.sub2_4_040301 .step2{ margin-top: 20px;}
.sub2_4_040301 .step2 li { padding-bottom: 26px; margin-bottom: 10px; background: url('/Main/Images/section/farm/farm04/small_blue_arrow2.png') no-repeat bottom center;}
.sub2_4_040301 .step2 li.last{ background: white;}
.sub2_4_040301 .step2 li div{ padding: 8px 5px; box-sizing: border-box; border: 2px solid #004d9d; width: 100%; text-align: center; border-radius: 40px; background: #eaeaea;}

@media all and (max-width:890px) {
	.sub2_4_040301 .top_box dl{ top:0;}
}
@media all and (max-width:860px) {
	.sub2_4_040301 .step li{ width: 50%;}
}

@media all and (max-width:660px) {
	.sub2_4_040301 .step li{ width: 100%; float: none; padding-bottom: 26px; margin-bottom: 10px; background: url('/Main/Images/section/farm/farm04/small_blue_arrow2.png') no-repeat bottom center;}
	.sub2_4_040301 .step li div{ width: 100%;}
}
@media all and (max-width:700px) {
.sub2_4_040301 .top_box img{ width: 100%; max-width:255px; display: block; float: none; margin: 0 auto;}
.sub2_4_040301 .top_box dl{ padding: 0; width: 100%; margin-top: 10px;}
.sub2_4_040301 .top_box dl dt b{ font-size: 17px; line-height: 17px;}
}


/*sub2_4_040302 동물용의약품 안전사용 10대수칙*/
.sub2_4_040302 h5{ margin-bottom: 10px;}

/*sub2_4_040303 잔류물질방지대책*/
.sub2_4_040303 h4 span{ font-size: 17px; font-weight: normal; color: #999999;}

/*sub2_4_0404 식용란검사*/
.sub2_4_0404 .top_box dl dt{ font-size: 25px; color: #004d9d; margin-bottom: 20px;}
.sub2_4_0404 .step{ overflow: hidden; margin-top: 20px;}
.sub2_4_0404 .step li{ width: 33.333%; float: left; margin-bottom: 20px; box-sizing: border-box; background: url('/Main/Images/section/farm/farm04/small_blue_arrow.png') no-repeat 99% center;}
.sub2_4_0404 .step li:last-of-type{ background: none;}
.sub2_4_0404 .step li div{ padding: 10px 0; width: 93%; text-align: center; box-sizing: border-box; border: 1px solid #004d9d; border-radius: 60px;}

@media all and (max-width:860px) {
	.sub2_4_0404 .step li{ width: 50%;}
}

@media all and (max-width:660px) {
	.sub2_4_0404 .step li{ width: 100%; float: none; padding-bottom: 26px; margin-bottom: 10px; background: url('/Main/Images/section/farm/farm04/small_blue_arrow2.png') no-repeat bottom center;}
	.sub2_4_0404 .step li div{ width: 100%;}
}


/*sub2_4_0601*/
.sub2_4_0601 a.blank {display:inline-block; padding-right:14px; background:url('/Images/section/farm/farm04/basic/i_blank_blue.png') no-repeat right center;}
.sub2_4_0601 span.blank{ display: block;}
.sub2_4_0601 .top_box img{ float: left; margin-left: 26px;}
.sub2_4_0601 .top_box p{box-sizing: border-box; padding-left: 230px; width: 100%; position: relative; top: 15px;}
.sub2_4_0601 .top_box p span, .sub2_4_0601 .top_box p a{ color: #0066cc;}
.sub2_4_0601 table a img{ vertical-align: middle; margin-left: 5px;}

@media all and (max-width:530px) {
	.sub2_4_0601 .top_box img{ display: block; margin: 0 auto; float: none;}
	.sub2_4_0601 .top_box p{ padding: 0;}
}



/*관련링크*/
.wrap_link {width:100%; overflow:hidden;}
.con_left {width:49%; overflow:hidden; float:left;}
.con_left li a {display:block; box-sizing:border-box; padding:5px 5px 5px 35px; margin-top:5px; border-radius:5px; background:#2d8b93; color:#fff;}
.con_left li a:hover {background:#43b5bf;}
.box_movie{width:49%; overflow:hidden; float:right;}
.box_movie + h4{margin-top:0; }
.con_left div {box-sizing:border-box; padding:20px; border:1px solid #dde0e5; border-radius:5px; overflow:hidden; height:173px;}
.wrap_link ul li a span.blank{vertical-align:middle; width:15px; height:15px; display:inline-block; margin-left:4px; 
background:url('/Main/Images/section/common/sprh_com.png') no-repeat 0 -245px; text-indent:-999999px;}

@media all and (max-width:660px) {
	.con_left li a {padding-left:10px;}
}
@media all and (max-width:570px) {
	.con_left {width:98%; overflow:hidden; clear:both; margin:0 auto;}
	.con_left li a {padding-left:35px;}
	.box_movie {width:98%; overflow:hidden; clear:both; margin:0 auto;}
}



/*민물고기*/
.half_wrap {overflow:hidden; margin-bottom:10px;}
.half_wrap > div {overflow:hidden;}
.half_wrap .half .cont01 {float:left; }
.half_wrap .half .cont02 {float:right;}
.half_wrap .dashLine {border-bottom:1px dashed #ccc;}
.half_wrap img {max-width:100%; padding:2%;}
.half_wrap img.brd {border:1px solid #ccc;}
@media all and (max-width:950px) {
	.half_wrap .half .cont02 {padding-top:23px;}
}
@media all and (max-width:768px) {
	.half_wrap .half .cont01,
	.half_wrap .half .cont02 {float:none; width:100%;} 
	.half_wrap .half .cont02 {padding-top:0; text-align:center;}
	.half_wrap img {margin-top:10px;}
}
.circle {display:block; border-radius:80%; font-weight:bold; border:8px solid #f3f3f3; background:#1160a4; width:100px; height:100px; line-height:100px; color:#fff; text-align:center; margin-left:20%;}
@media all and (max-width:768px) {
	.circle {margin-left:0;}
}
img.brd {padding:2%; border:1px solid #ccc;}

.circle.blue {}
.circle.green {background:#299645;}
.circle.yellow {background:#f2d14b; color:#131313;}

.square {display:block; border:2px solid #ddd; font-weight:bold; padding:20px;}

.accor_list {border:1px solid #ddd;  margin-top:30px; background:#eee;box-sizing:border-box; width:100%; padding:20px;}
.accor_list li { border-top:1px solid #ccc;  background:url('/Main/Images/section/culture/culture06/select1.png') no-repeat 96% 15px !important;}
.accor_list .tit{ line-height:40px; font-weight:bold; color:#555; font-size:14px;}
.accor_list li.opens div {padding:10px; background-color:#fff;}
.accor_list li.opens .tit {background:#444 url('/Main/Images/section/culture/culture06/select2.png') no-repeat 96% 15px !important;  padding-left:10px;}
.accor_list li.opens .tit a {color:#fff !important;}  
.accor_list li:first-child{border-top:none !important;}	
.accor_list .tit a {color:#000;} 
.accor_list .tit a .csq{background-color:#fff; color:#003366; border:1px solid #ccc; padding:1px 5px; width:70px; font-size:13px; text-align:center; margin-right:15px;}
.accor_list .con{display:none;}
.accor_list .con .csa{background-color:#003366; color:#fff; border:1px solid #003366; padding:1px 6px; width:80px; font-size:13px; text-align:center; margin-right:15px;}

.tip_caution {height:21px; line-height:21px; margin:20px 0 10px 10px; padding-left:31px; color:#103e93; font-weight:bold; text-decoration:underline; background:url('/Main/Images/ko/sub/blt_tip.gif') no-repeat left top;}

.process {margin:0 0 5px 30px; overflow:hidden;}
.process li {float:left; width:17%; text-align:center;}
.process .arrow {width:3.75%; padding:43px 0; text-indent:-9999px; background:url('/Main/Images/ko/sub/ico_arrow.gif') no-repeat center center;}
.process dl {overflow:hidden;}
.process dt {padding:10px; color:#fff; font-size:13px; font-weight:bold; border-bottom:1px solid #283b64; background:#283b64; border-radius:7px 7px 0 0;}
.process dd {box-sizing:border-box; padding:10px; font-size:13px; vertical-align:middle; border:1px solid #ccc; border-radius:0 0 7px 7px;}

@media all and (max-width:640px) {
	.process li {width:25%; margin:5px 0;}
	.process .arrow {padding:30px 10px;}
}

@media all and (max-width:480px) {
	.process li {width:100%;}
	.process dd {height:auto;}
	.process .arrow {width:100%; padding:0; margin:0; text-align:center; background:url('/Main/Images/ko/sub/ico_arrow_m.gif') no-repeat center center;}
}