@import url("font.css");

.wrap {
    position: relative;
    min-height: 1440px;
    height: 100vh;
    z-index: 1;
    min-width: 1100px;
}

@media (max-width:820px) {
    .wrap {
        min-width: 320px;
    }
}

.mgrd {
    height: auto !important;
}


/* visual_banner */
.visual_banner {position: relative; /*background: #f1f3f8;*/ height: 400px; padding-top:20px; text-align: center;}
.swiper-wrapper {width: 100%; height: 420px;}
.bnr_slide {position: relative; width: 1240px; margin: 0 auto;}
/*
.bnr_slide a {position: absolute; left: 0px; top:0px; display: block; background: rgba(255, 255, 255); width: 100%; height: 100%;}
*/
.slide_box {position: relative;  border-radius: 20px; width:1060px; height: 380px;  padding: 50px 60px;}
.slide_box1 {position: absolute; left: 0px; top: 0px; z-index: 4; background:url(../../img/main/slide_img1.png) no-repeat right bottom #1E77C2;}
.slide_box2 {position: absolute; left: 60px; /*right: 120px;*/ top: 0px; z-index: 3; background:url(../../img/main/slide_img2.png) no-repeat right center #c83d2b; }
.slide_box3 {position: absolute; left: 120px; /*right: 60px;*/ top: 0px; z-index: 2; background:url(../../img/main/slide_img3.png) no-repeat right center #8312d9; }
.slide_box4 {position: absolute; left: 180px; /*right: 0px;*/ top: 0px; z-index: 1; background:url(../../img/main/slide_img4.png) no-repeat right center #07836A;}
.slide_con {position: relative;}
.slide_con h2 {font-size: 20px; color: #fff; font-weight: 600; text-align: left;}
.slide_con p  {font-size: 34px; color: #fff; font-weight: 600; text-align: left; margin-top: 15px; line-height: 46px;}
.slide_box .bt_box {margin-top: 20px; text-align: left;}
.slide_box .bt_box .text_bt {border: 1px solid rgba(255, 255, 255, .5); text-align: center; color: #fff; padding: 5px 15px; border-radius: 20px; background: none; margin-right: 5px;}
.slide_box .bt_box .text_bt:hover {background: #fff; border: 1px solid rgba(255, 255, 255, .1); color: #333;}

.slide_box .num_text {position: absolute; right:2px; top:60px; color:rgba(255, 255, 255, .5); font-weight: 600; font-size: 22px; line-height: 28px; width: 70px; padding-top: 60px; }
.slide_box .num_bg1 {background:url(../../img/main/num_img1.png) no-repeat center top;}
.slide_box .num_bg2 {background:url(../../img/main/num_img2.png) no-repeat center top;}
.slide_box .num_bg3 {background:url(../../img/main/num_img3.png) no-repeat center top;}
.slide_box .num_bg4 {background:url(../../img/main/num_img4.png) no-repeat center top;}
/* .hide {display: none;} */

.bnr_slide .slide_bt {position: absolute; left: 50%; bottom: 70px; z-index: 99; transform: translateX(-50%); width: 200px; height: 30px;}
.bnr_slide  .next_bt1 {background:url(../../img/main/next_icon01.png) no-repeat center top; width: 40px; height: 22px; font-size: 0;}
.bnr_slide  .prev_bt1 {background:url(../../img/main/prev_icon01.png) no-repeat center top; width: 40px; height: 22px; margin-right: 10px; font-size: 0;}
.bnr_slide  .num_bu {width: 8px; height: 8px; background:rgba(255, 255, 255, .5); border-radius:50%; vertical-align: middle; margin-right: 10px; font-size: 0;}
.bnr_slide  .on {background: #333;}



/* mobile visual_banner */
.visual_banner_mobile {position: relative; /*background: #f1f3f8;*/ text-align: center; padding: 10px 10px 1px 10px;}
.swiper-wrapper_mobile {width:100%;}
.bnr_slide_mobile {position: relative; width: 100%; margin: 0 auto; flex: 1;}
.slide_box_mobile {position: relative; display: block;  border-radius: 20px;  height: 200px;  padding: 30px 30px; margin-bottom: 10px;}
.slide_box1_mobile {/*position: absolute; left: -520px; top: 0px; z-index: 4;*/ background:url(../../img/main/slide_img01.png) no-repeat 93% bottom #3998e8; background-size: 25%;}
.slide_box2_mobile {/*position: absolute; left: 100px; top: 0px; z-index: 3;*/ background:url(../../img/main/slide_img02.png) no-repeat 92% 70% #d5503f; background-size: 30%;}
.slide_box3_mobile {/*position: absolute; left: 720px; top: 0px; z-index: 2;*/ background:url(../../img/main/slide_img03.png) no-repeat 92% 70% #8312d9; background-size: 25%;}
.slide_box4_mobile {/*position: absolute; left: 1340px; top: 0px; z-index: 1;*/ background:url(../../img/main/slide_img04.png) no-repeat 92% 70% #089579; background-size: 40%;}
.slide_con_mobile  {position: relative;}
.slide_con_mobile h2 {font-size: 16px; color: #fff; font-weight: 600; text-align: left;}
.slide_con_mobile p  {font-size: 22px; color: #fff; font-weight: 600; text-align: left; margin-top: 10px; line-height: 30px;}
.slide_box_mobile .bt_box {margin-top: 20px; text-align: left;}
.slide_box_mobile .bt_box .text_bt {border: 1px solid rgba(255, 255, 255, .3);  background: rgba(255, 255, 255, .1);  text-align: center; color: #fff; padding: 5px 15px; border-radius: 20px;  margin-right: 5px;}
.slide_box_mobile .bt_box .text_bt:hover {background: #fff; border: 1px solid rgba(255, 255, 255, .1); color: #333;}

.bnr_slide_mobile .slide_bt {position: absolute; left: 50%; bottom: -50px; transform: translateX(-50%); width: 200px; height: 30px;}
.bnr_slide_mobile .next_bt1 {background:url(../../img/main/next_icon01.png) no-repeat center top; width: 40px; height: 22px; font-size: 0;}
.bnr_slide_mobile .prev_bt1 {background:url(../../img/main/prev_icon01.png) no-repeat center top; width: 40px; height: 22px; margin-right: 10px; font-size: 0;}
.bnr_slide_mobile .num_bu {width: 8px; height: 8px; background:#ccc; border-radius:50%; vertical-align: middle; margin-right: 10px; font-size: 0;}
.bnr_slide_mobile .on {background: #333;}

.only-mobile {display: none;}


/* quick_container */
/*.quick_container {margin-top: 20px;display: flex; background: #eeeeee;    border-radius: 20px; padding: 25px 30px 25px 60px;}*/
.quick_container {margin-top: 50px;display: flex; background: #eeeeee;	border-radius: 20px; padding: 40px 30px 40px 50px;} /* 메인 즐겨찾는서비스 추가 24.02.06 */
.quick_container .con_item {width: calc(100% / 2);}
.quick_container .con_item:first-child{width: 240px;}
.quick_container .con_item:last-child{padding-left: 40px; width: 900px;}
.quick_container .con_item h2 {font-size: 30px; color: #000; margin-bottom: 5px; margin-top: 30px;}
.quick_container .con_item:first-child span {display: block; font-size: 16px; color: #555; padding-right: 30px;}

.quick_container .con_item .icon_box ul {display: flex; margin: 0 auto; }
.quick_container .con_item .icon_box li {width: calc(100% / 5); text-align: center;}
.quick_container .icon_box li .icon_bg {display: block; width: 128px; height: 128px; border-radius: 50%; margin: 0 auto;}
.quick_container .icon_box li .text {display: block;  color: #333; font-weight: 600; margin-top: 10px; font-size: 16px;}
.quick_container .icon_box li .smtext {font-size: 14px; color: #555;}

.quick_container .icon_box li .img1 {background:url(../../img/main/quick_img1.png) no-repeat center center #fff;}
.quick_container .icon_box li .img2 {background:url(../../img/main/quick_img2.png) no-repeat center center #fff;}
.quick_container .icon_box li .img3 {background:url(../../img/main/quick_img3.png) no-repeat center center #fff;}
.quick_container .icon_box li .img4 {background:url(../../img/main/quick_img4.png) no-repeat center center #fff;}
.quick_container .icon_box li .img5 {background:url(../../img/main/quick_img5.png) no-repeat center center #fff;}
.quick_container .icon_box li .img6 {background:url(../../img/main/quick_img6.png) no-repeat center center #fff;} /* 메인 즐겨찾는서비스 추가 24.02.06 */

.quick_container .icon_box li .icon_ov:hover .img1 {background:url(../../img/main/quick_img1.png) no-repeat center center #b4d0e9;}
.quick_container .icon_box li .icon_ov:hover .img2 {background:url(../../img/main/quick_img2.png) no-repeat center center #b4d0e9;}
.quick_container .icon_box li .icon_ov:hover .img3 {background:url(../../img/main/quick_img3.png) no-repeat center center #b4d0e9;}
.quick_container .icon_box li .icon_ov:hover .img4 {background:url(../../img/main/quick_img4.png) no-repeat center center #b4d0e9;}
.quick_container .icon_box li .icon_ov:hover .img5 {background:url(../../img/main/quick_img5.png) no-repeat center center #b4d0e9;}
.quick_container .icon_box li .icon_ov:hover .img6 {background:url(../../img/main/quick_img6.png) no-repeat center center #b4d0e9;} /* 메인 즐겨찾는서비스 추가 24.02.06 */

/* analysis container STR 24.08.29 */
.analysis_container {
	margin-top: 20px;
	background: #eaeff7;
	border-radius: 20px;
	padding: 20px 50px 40px 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.analysis_container .title {
	letter-spacing: -1px;
	word-break: keep-all;
}
.analysis_container .title h2 {
	color: #000;
	font-size: 29px;
	line-height: 29px;
	padding-right: 10px;
	word-break: auto-phrase;
}
.analysis_container .title span {
	display: block;
	font-size: 14px;
	color: #555;
	padding-top: 10px;
}
.analysis_container .item .tit {
	font-size: 21px;
	color: #18599b;
	font-weight: 700;
	letter-spacing: -1px;
	padding-left: 8px;
}
.analysis_container .item {
	width: calc(100% - 340px);
}
.analysis_container .item ul {
	display: flex;
}
.analysis_container .item ul li {
	width: calc(100% / 7);
	display: flex;
	justify-content: center;
}
.analysis_container li a {
	position: relative;
	font-size: 16px;
	color: #333;
	font-weight: 600;
  letter-spacing: -1px;
}
.analysis_container li a .icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
}
.analysis_container li a > span {
	font-size: 13px;
	line-height: 1.1;
	padding-top: 12px;
	text-align: center;
	display: block;
}
.analysis_container li a .icon::after {
	position: absolute;
	content: '';
	background-image: url(../../img/main/an_icon0.png);
	background-repeat: no-repeat;
	top: 0;
	width: 38px;
	height: 71px;
}
.analysis_container li:nth-child(1) a .icon::after {
	background-position: center 26px;
}
.analysis_container li:nth-child(2) a .icon::after {
	background-position: 2px -34px;
}
.analysis_container li:nth-child(3) a .icon::after {
	background-position: center -98px;
}
.analysis_container li:nth-child(4) a .icon::after {
	background-position: center -163px;
}
.analysis_container li:nth-child(5) a .icon::after {
	background-position: center -228px;
}
.analysis_container li:nth-child(6) a .icon::after {
	background-position: center -305px;
}
.analysis_container li:nth-child(7) a .icon::after {
	background-position: center -370px;
}
.analysis_container li a:hover {
	color: #004c8e;
}
.analysis_container li a:hover .icon {
	box-shadow: 0px 0px 20px #99a1adc4;
	transition: all 0.3s;
}
.analysis_container li a:hover .icon::after {
	animation: rotate_image 0.5s ease-in-out;
	transition-property: all;
}
@keyframes rotate_image{
	100% {
		transform: rotateY(360deg);
	}
}
/* 도움말 */
.tooltip {
	position: relative;
	height: 16px;
	width: 16px;
	margin-left: 4px;
	float: right;
	margin-right: 5px;
	margin-top: -18px;
}
.tooltip i {
	cursor: pointer;
	text-indent: -9999px;
	background: #acacac url(../../img/main/icon_info.png) no-repeat center;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}
.tooltip i:hover {
	background: #6b6b6b url(../../img/main/icon_info.png) no-repeat center;
}
.tooltip span {
	position: absolute;
	background-color: #2d3841;
	color: #fff;
	width: 220px;
	border-radius: 5px;
	padding: 7px 5px;
	top: 21px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
	/* display: none; */
	opacity: 0;
	transition: .3s;
	visibility: hidden;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 300;
	z-index: 1;
}
.tooltip span::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #2d3841;
	top: -4px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
/* hover function */
.tooltip:hover span {
	/* display: block; */
	opacity: 1;
	visibility: visible;
}
.analysis_container li:last-child .tooltip span {
	right: 0;
	transform: none;
}
.analysis_container li:last-child .tooltip span::after {
	right: 0;
	left: initial;
}
.analysis_box span {
	margin-left: auto;
}
@media (max-width:820px) {
	.analysis_container {
		flex-direction: column;
		align-items: flex-start;
		padding: 30px 30px 40px 40px;
	}
	.analysis_container .item {
		width: 100%;
		padding-top: 30px;
	}
	.analysis_container .title h2 {
		margin-bottom: 5px;
    margin-top: 15px;
	}
	.analysis_container .title h2 br {
		display: none;
	}
	.analysis_container .title span {
		font-size: 16px;
	}
	.analysis_container .title span br {
		display: none;
	}
}
@media (max-width:640px) {
	.analysis_container .item ul {
		flex-direction: column;
	}
	.analysis_container .item ul li {
		width: 100%;
		flex-direction: column;
		padding-bottom: 10px;
	}
	.analysis_container li a .icon {
		width: 100%;
		box-sizing: border-box;
		background-color: #fff;
		border: 1px solid #dbdee0;
		font-size: 16px;
		color: #333;
		height: 52px;
		line-height: 50px;
		display: flex;
		border-radius: 10px;
		padding: 0 15px;
		align-items: center;
		font-weight: 600;
		letter-spacing: -1px;
	}
	.analysis_container li a .icon {
	}
	.analysis_container li a .icon::after {
		background-size: 80%;
		right: 10px;
		height: 50px;
	}
	.analysis_container li:nth-child(1) a .icon::after{
		background-position: center 12px
	}
	.analysis_container li:nth-child(3) a .icon::after {
		background-position: center -87px;
	}
	.analysis_container li:nth-child(4) a .icon::after {
		background-position: center -138px;
	}
	.analysis_container li:nth-child(5) a .icon::after {
		background-position: center -191px;
	}
	.analysis_container li:nth-child(6) a .icon::after {
		background-position: center -251px;
	}
	.analysis_container li:nth-child(7) a .icon::after {
		background-position: center -305px;
	}
	.analysis_container li a > span {
		font-size: 15px;
		position: absolute;
		top: 7px;
		left: 20px;
	}
	.analysis_container li a > span br {
		display: none;
	}
	.analysis_container li .tooltip span {
    right: 0;
    transform: none;
	}
	.analysis_container li .tooltip span::after {
    right: 0;
    left: initial;
	}
}
/* analysis container END 24.08.29 */

/* notice_container  */
.notice_container {margin-top: 20px;display: flex;}
.notice_container .con_item{width: calc(100% / 2);}
.notice_container .con_item:first-child{width: 440px;}
.notice_container .con_item:last-child{padding-left: 20px; width: 800px;}

.notice_container .con_box {position: relative; width:100%;background: #fff;  padding: 15px 30px 20px 30px; border-radius: 15px; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);}
.notice_container .con_box h2 {font-size: 22px; color: #000; margin-bottom: 15px;}
.notice_container .con_box .more_bt {position: absolute; right:30px; top:17px; display: block; width: 30px; line-height: 30px; text-align: center; font-size: 32px; color: #555;}
.notice_container .con_box .more_bt:hover {color: #000;}
.notice_container .con_box .more_bt em {display: none;}
.notice_container .con_item .popup_img2 {margin-bottom: 15px;}
.notice_container .con_item .popup_img2 img {width: 380px; height: 318px;}

.notice_container .con_item .new_con {display: flex;}
.notice_container .con_item .new_con .con_box {width: 380px;}
.notice_container .con_item .new_con .con_box:last-child {margin-left: 20px;}
.notice_container .con_item  .popup_num { text-align: right; color: #666;}
.notice_container .con_item  .popup_num strong {font-weight: 600; color: #333;}
.notice_container .con_item  .pause_bt {vertical-align: middle; border-radius: 10px; margin-left: 5px; padding: 2px 10px; height: 20px; font-size: 0; background:url(../../img/main/pause_ico3.png) no-repeat center center;}
.notice_container .con_item  .pause_bt:hover {background:url(../../img/main/pause_ico3on.png) no-repeat center center;}
.notice_container .con_item  .next_bt {vertical-align: middle; border-radius: 10px; margin-left: 5px; padding: 2px 10px;  height: 20px; font-size: 0; background:url(../../img/main/next_icon.png) no-repeat center center;}
.notice_container .con_item  .next_bt:hover {background:url(../../img/main/next_iconon.png) no-repeat center center;}
.notice_container .con_item  .prev_bt {vertical-align: middle; border-radius: 10px; margin-left: 5px; padding: 2px 10px;  height: 20px; font-size: 0; background:url(../../img/main/prev_icon.png) no-repeat center center;}
.notice_container .con_item  .prev_bt:hover {background:url(../../img/main/prev_iconon.png) no-repeat center center;}

/* news_txt  */
.news_txt {margin-top: 20px;}
.news_txt li {position: relative; display: block;margin-bottom: 15px; color: #565656;}
.news_txt li a {white-space: nowrap; display: inline-block; overflow: hidden; text-overflow: ellipsis; width: 78%;}
.news_txt li a:hover {text-decoration: underline;}
.news_txt .text-item {border-radius: 20px; text-align: center; padding: 0 10px; height: 22px; line-height: 22px;  font-size: 14px; border: 1px solid #ddd;margin-right: 5px; vertical-align: top;}
.news_txt .onbule {background: #1B80A1;color: #fff;border: 1px solid #1B80A1;}
.news_txt .onorg {background: #C1551F;    color: #fff;border: 1px solid #C1551F;}
.news_txt .size {display: inline-block; min-width:37px;}
.news_txt li .new-icon {position: absolute;    right: 10px;top:5px;text-align: center;    border: 1px solid #333;}

/* notice_container  */
.notice_container .icon_box {margin-top: 20px; width:100%; height: 122px; background: #fff;  padding: 10px 30px; border-radius: 15px; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);}
.notice_container .icon_box ul {display: flex; margin: 0 auto; }
.notice_container .icon_box li {width: calc(100% / 5); text-align: center;}
.notice_container .icon_box li .icon_bg {display: block; width: 80px; height: 75px; margin: 0 auto; }
.notice_container .icon_box li .text {display: block; text-align: center; color: #666; font-weight: 500;}
/*
.notice_container .icon_box li .icon_ov:hover .text {color: #000;}*/
.notice_container .icon_box li .img1 {background:url(../../img/main/guide_img1.png) no-repeat center center; background-size: 75%;}
.notice_container .icon_box li .img2 {background:url(../../img/main/guide_img2.png) no-repeat center center; background-size: 65%;}
.notice_container .icon_box li .img3 {background:url(../../img/main/guide_img3.png) no-repeat center center; background-size: 75%;}
.notice_container .icon_box li .img4 {background:url(../../img/main/guide_img4.png) no-repeat center center; background-size: 75%;}
.notice_container .icon_box li .img5 {background:url(../../img/main/guide_img5.png) no-repeat center center; background-size: 75%;}

.notice_container .icon_box li .icon_ov:hover .img1 {background:url(../../img/main/guide_img1on.png) no-repeat center center; background-size: 75%;}
.notice_container .icon_box li .icon_ov:hover .img2 {background:url(../../img/main/guide_img2on.png) no-repeat center center; background-size: 65%;}
.notice_container .icon_box li .icon_ov:hover .img3 {background:url(../../img/main/guide_img3on.png) no-repeat center center; background-size: 75%;}
.notice_container .icon_box li .icon_ov:hover .img4 {background:url(../../img/main/guide_img4on.png) no-repeat center center; background-size: 75%;}
.notice_container .icon_box li .icon_ov:hover .img5 {background:url(../../img/main/guide_img5on.png) no-repeat center center; background-size: 75%;}


/* banner_container  */
.banner_container {display: flex; border-radius: 20px;}
.banner_container .con_item {width: calc(100% / 2);}
.banner_container .con_item:last-child{margin-left: 20px;}
.banner_container .con_item h2 {font-size: 20px; color: #fff; margin-bottom: 5px;}
.banner_container .con_item span {display: block; font-size: 14px; color: #fff;}
.banner_container .con_item .more_bt {color: #fff; font-size: 12px; text-align: center; border-radius: 10px; padding: 3px 25px 3px 15px; margin-top: 10px;}
.banner_container .con_item .bt_color1 { background:url(../../img/main/bu_01.png) no-repeat 90% center #275637;}
.banner_container .con_item .bt_color2 { background:url(../../img/main/bu_01.png) no-repeat 90% center #356263;}
.banner_container .icon_box {margin-top: 20px; width:100%; padding: 30px 40px; border-radius: 15px; box-shadow: 4px 4px 20px 0 rgba(0, 0, 0, 0.1);}
.banner_container .box_color1 {background:url(../../img/main/banner_img3.png) no-repeat right center #228043;}
.banner_container .box_color2 {background:url(../../img/main/banner_img4.png) no-repeat right center #3f7e7f;}


/* FOOTER */
#footer {/*position: absolute;bottom: 0;left: 0;*/margin-top: 50px;    width: 100%;height: 160px;    background-color: #fff;border-top: 1px solid #ddd;}
#footer > .bottom-line {border-bottom: 1px solid #ddd;}
#footer .footer-top {color: #c4c6cb;}
#footer .footer-top > ul {float: left;}
#footer .footer-top > ul > li {padding: 16px 0px;float: left;}
#footer .footer-top > ul > li > a {    padding: 0px 13px;    font-size: 14px;color: #555;}
#footer .footer-top > ul > li span {font-weight: bold;}
#footer .footer-top .relation-site {width: 250px;padding: 17px 0px;    float: right;border-left: 1px solid rgba(0, 0, 0, 0.1);border-right: 1px solid rgba(0, 0, 0, 0.1);position: relative;    font-size: 14px;}
#footer .footer-top .relation-site .select span {color: #555;border: 0px;position: relative;    margin-left: 15px;}
#footer .footer-top .relation-site .relate-arrow img {display: inline-block;margin-top: 0;}
#footer .footer-top .relation-site img {display: block;margin-top: 11px;margin-right: 15px;    transition: 0.2s;}

#footer .select2depth ul {display: block;width: 100%;height: 0;    background-color: #fff;overflow: auto;    position: absolute;    left: -1px;    bottom: 54px;z-index: 222;transition: all 0.2s;/*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/}
#footer .select2depth ul.active {height: 165px;    border: 1px solid rgba(0, 0, 0, 0.1);}
#footer .relation-site:hover .select2depth ul {height: 165px;border: 1px solid rgba(0, 0, 0, 0.1);}
#footer .relation-site:hover img {transform: rotate(180deg);}
#footer .select2depth ul > li {    display: block;    border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
#footer .select2depth ul > li:last-child {border: none;}
#footer .select2depth ul > li > a {display: block;padding: 10px 20px;font-weight: 400;font-size: 14px;color: #666;}
#footer .select2depth ul > li:hover > a {background-color: #efefef;color: #555;}
#footer .footer-body {color: #666;    font-size: 13px;margin-top: 15px;font-weight: 400;padding-bottom: 20px;}
#footer .footer-body > ul .mobile-logo {display: block;margin-top: 10px;margin-right: 10px;}
#footer .footer-body .txt {margin-left: 20px;color: #666;}
#footer .footer-body .txt p {padding: 2.5px 0px;}
#footer .footer-body .txt span {position: relative;}
#footer .footer-body  .phon_text {color: #333; margin-left: 10px;}
#footer .footer-body .icon-box {font-size: 20px;color: #919191; float: right;}
#footer .footer-body .icon-box > li {padding: 0 10px;margin-top: 10px;}
#footer .footer-body .icon-box > li:last-child {padding-left: 10px;}



@media (max-width:820px) {
    #content {padding: 0 10px;}
    .quick_container {padding: 30px 30px 40px 40px;}
    .quick_container {display: block;}
    .quick_container .con_item {width:100%;}
    .quick_container .con_item:first-child{width: 100%;}
    .quick_container .con_item:last-child{padding-left: 0px; width: 100%; margin-top: 10px;}
    .quick_container .con_item h2 {margin-bottom: 5px; margin-top: 15px;}
    .quick_container .con_item .icon_box ul {margin-top: 20px; }

	/* 메인 즐겨찾는서비스 추가 24.02.06 */
	.quick_container .con_item .icon_box ul {margin-top: 20px; }
	.quick_container .con_item .icon_box ul {display: inline;}
	.quick_container .con_item .icon_box li {display: inline-block; width: 30%;}
	.quick_container .con_item .icon_box li:nth-child(3),
	.quick_container .con_item .icon_box li:nth-child(4) {margin-top: 20px;}
	.quick_container .con_item .icon_box li a {vertical-align: top;}

    .notice_container {display: block;}
    .notice_container .con_item {width:100%;}
    .notice_container .con_item:first-child {width: 100%;}
    .notice_container .con_item:last-child {padding-left:0px; width: 100%;}
    .notice_container .con_item .new_con {display: block;}
    .notice_container .con_item .new_con .con_box {width: 100%; margin-top: 20px;}
    .notice_container .con_item .new_con .con_box:last-child {margin-left: 0px;}
    .notice_container .con_item .popup_img2 img {width: 100%; height: 318px;}

    .banner_container {display: block;}
    .banner_container .con_item {width: 100%;}
    .banner_container .con_item:last-child{margin-left: 0px;}
    .only-pc {display: none;}

    #footer {margin-top: 0px; margin-top: 50px;}
    #footer {position: static; width: 100%;min-width: 320px;    border-top: 1px solid rgba(0, 0, 0, .1);}
    #footer .footer-top {color: #c5c5c5;width: 90%;    border-bottom: 0px solid rgba(255, 255, 255, 0.3);    text-align: left;margin-top: 0px;padding-bottom: 10px;position: relative;padding-top: 50px;}
    #footer .footer-top > ul {float: none;margin-top: 15px;}
    #footer .footer-top > ul > li {padding: 2px 0px;width: 40%;}
    #footer .footer-top > ul > li > a {    padding: 0px 0px;font-size: 14px;}

    #footer .footer-top > ul > li:nth-child(2n) {margin-left: 50px;}
    #footer .footer-top > ul > li:nth-child(3),
    #footer .footer-top > ul > li:nth-child(5) {clear: both;}
    #footer .footer-top .relation-site {float: none;position: absolute;    width: 100%;top: 0;    left: 50%;transform: translateX(-50%);border-left: none;border-right: none;}
    #footer .footer-top .relation-site .select {padding: 8px 10px;background: transparent;color: #666666;border: 0px;position: relative;border: 1px solid #ccc;width: 100%;}

    #footer .footer-top .relation-site img {margin-top: 0px;position: absolute;    right: 4%;top: 45%;}
    #footer .select2depth ul {bottom: 57px;}
    #footer .footer-body {font-size: 13px;margin-top: 0px;width: 100%;padding-top: 10px; padding: 20px;}
    #footer .footer-body .txt {margin-left: 20px;color: #666;    margin-top: 0px;}
    #footer .footer-body .txt span {display: block;}
    #footer .footer-body .txt span::after {display: none;}
    #footer .footer-body .icon-box {font-size: 20px; color: #919191;}
    #footer .footer-body .icon-box > li {padding: 0 10px;margin-top: 10px;}
    #footer > .bottom-line {position: static;}
    #footer .footer-body .phon_text {margin-left: 0px;}

    .footer-btn {position: absolute;left: 50%;    bottom: 0px;z-index: 9999999;display: block;transform: translateX(-50%);}
    .footer-btn a {padding: 10px 20px;}
    .footer-btn .fas {color: #fff;    font-size: 20px;}
}


@media (max-width:620px) {
    .slide_box_mobile .bt_box .text_bt {font-size: 14px; margin-right: 2px;}
    .slide_con_mobile h2 {font-size: 14px;}
    .slide_con_mobile p  {font-size: 18px;}


    .quick_container {padding: 20px 0px 40px 40px;}
    .quick_container .con_item .icon_box ul {display: inline;}
    .quick_container .con_item .icon_box li {display: inline-block; width: 30%;}
    .quick_container .con_item .icon_box li:nth-child(3),
    .quick_container .con_item .icon_box li:nth-child(4) {margin-top: 20px;}
    .quick_container .con_item .icon_box .text {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}  /* 메인 즐겨찾는서비스 추가 24.02.06 */

    .notice_container .icon_box {height: 270px;}
    .notice_container .icon_box ul {display: inline-block;}
    .notice_container .icon_box li {display: inline-block; width: 30%;}
    .notice_container .icon_box li:nth-child(3),
    .notice_container .icon_box li:nth-child(4) {margin-top: 10px;}
    .banner_container .con_item span {width: 50%;}
    #footer .footer-body .icon-box {float: left; margin-left: 130px;}
}

@media (min-width:320px) and (max-width:520px) {
    .quick_container .con_item h2 {font-size: 26px;}
    .banner_container .box_color1 {background:url(../../img/main/banner_img3.png) no-repeat right bottom #78c693; background-size: 100%;}
    .banner_container .box_color2 {background:url(../../img/main/banner_img4.png) no-repeat right bottom #6ac8c9; background-size: 100%;}

}

@media (min-width:320px) and (max-width:500px) {
    .quick_container {padding: 10px 0px 30px 40px;}
    .quick_container .icon_box li .icon_bg {width: 110px; height: 110px;}
    .quick_container .icon-box li .text {font-size: 16px;}
    }

@media (min-width:320px) and (max-width:420px) {
        .slide_box_mobile .bt_box .text_bt {font-size: 14px; margin-right: 2px; margin-bottom: 10px;}
        .slide_con_mobile h2 {font-size: 12px;}
        .slide_con_mobile p  {font-size: 16px; line-height: 20px;}
        .banner_container .box_color1 {background:url(../../img/main/banner_img3.png) no-repeat right bottom #78c693; background-size: 100%;}
        .banner_container .box_color2 {background:url(../../img/main/banner_img4.png) no-repeat right bottom #6ac8c9; background-size: 100%;}

        .notice_container .icon_box li:nth-child(2) {width: 110px;}

        .quick_container .icon_box li .icon_bg {width: 80px; height: 80px;}
        .quick_container .icon_box li .text {font-size: 16px;}
        .quick_container .icon_box li .smtext {font-size: 12px;}

        .quick_container .icon_box li .img1 {background:url(../../img/main/quick_img1.png) no-repeat center center #fff; background-size: 60%;}
        .quick_container .icon_box li .img2 {background:url(../../img/main/quick_img2.png) no-repeat center center #fff; background-size: 60%;}
        .quick_container .icon_box li .img3 {background:url(../../img/main/quick_img3.png) no-repeat center center #fff; background-size: 60%;}
        .quick_container .icon_box li .img4 {background:url(../../img/main/quick_img4.png) no-repeat center center #fff; background-size: 55%;}
        .quick_container .icon_box li .img5 {background:url(../../img/main/quick_img5.png) no-repeat center center #fff; background-size: 55%;}

        .quick_container .icon_box li .icon_ov:hover .img1 {background:url(../../img/main/quick_img1.png) no-repeat center center #b4d0e9; background-size: 60%;}
        .quick_container .icon_box li .icon_ov:hover .img2 {background:url(../../img/main/quick_img2.png) no-repeat center center #b4d0e9; background-size: 60%;}
        .quick_container .icon_box li .icon_ov:hover .img3 {background:url(../../img/main/quick_img3.png) no-repeat center center #b4d0e9; background-size: 60%;}
        .quick_container .icon_box li .icon_ov:hover .img4 {background:url(../../img/main/quick_img4.png) no-repeat center center #b4d0e9; background-size: 55%;}
        .quick_container .icon_box li .icon_ov:hover .img5 {background:url(../../img/main/quick_img5.png) no-repeat center center #b4d0e9; background-size: 55%;}

        .notice_container .icon_box li .img1 {background:url(../../img/main/guide_img1.png) no-repeat center center; background-size: 70%;}
        .notice_container .icon_box li .img2 {background:url(../../img/main/guide_img2.png) no-repeat center center; background-size: 70%;}
        .notice_container .icon_box li .img3 {background:url(../../img/main/guide_img3.png) no-repeat center center; background-size: 70%;}
        .notice_container .icon_box li .img4 {background:url(../../img/main/guide_img4.png) no-repeat center center; background-size: 70%;}
        .notice_container .icon_box li .img5 {background:url(../../img/main/guide_img5.png) no-repeat center center; background-size: 70%;}

        #footer .footer-body .txt {margin-left: 0px; margin-top: 10px;}
        #footer .footer-body .icon-box {margin-left: 0px;}



    }





/* svg 호버 효과 */
.auction-list li img[src*=".svg"],
.auction-list li svg {width: 60px;transition: all 200ms;}
.auction-list li:hover img[src*=".svg"] {filter: brightness(0) invert(1);}


.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden;
}

.owl-carousel .owl-stage img {width: 100%;  height: 355px;}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

.no-js .owl-carousel,.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

.owl-carousel .fadeOut {
    animation-name: fadeOut
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {


    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    transition: transform .1s ease
}

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}


.carousel_play,
.carousel_pause {
    position: absolute;
    top: 22px;
    z-index: 10001;
    right: 30px;
    cursor: pointer;
}

.carousel-1[data-carousel-1-autoplay-status="Y"] .play {
    display: none;
}

.carousel-1[data-carousel-1-autoplay-status="N"] .stop {
    display: none;
}



/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 *     Default theme - Owl Carousel CSS File
 */

 .owl-theme {
    position: relative;
 }
 .owl-theme .owl-nav {
    margin-top: 10px;
    display: none;
    text-align: center;
    -webkit-tap-highlight-color: transparent; }
    .owl-theme .owl-nav [class*='owl-'] {
      color: #FFF;
      font-size: 14px;
      margin: 5px;
      padding: 4px 7px;
      background: #D6D6D6;
    /*  display: inline-block; */
      display: none;
      cursor: pointer;
      border-radius: 3px; }
      .owl-theme .owl-nav [class*='owl-']:hover {
        background: #869791;
        color: #FFF;
        text-decoration: none; }
    .owl-theme .owl-nav .disabled {
      opacity: 0.5;
      cursor: default; }

  .owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 10px; }

  .owl-theme .owl-dots {
    position: absolute; top:-42px; right: 20px;
    text-align: center;
    -webkit-tap-highlight-color: transparent; }

    .owl-theme .owl-dots .owl-dot {
      display: inline-block;
      zoom: 1;
      *display: inline; }

    .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
        margin: 5px 7px;
        background: #D6D6D6;
        display: block;
        -webkit-backface-visibility: visible;
        transition: opacity 200ms ease;
        border-radius: 30px; }
      .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
        background: #869791;
        }


/**** 2025.02.21 메인 농식품데이터 아이콘 추가 ****/
.bx-wrapper {
    position: relative;
    margin-bottom: 60px;
    padding: 0;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
}

.bx-wrapper img {
    max-width: 100%;
    display: block;
}

.bxslider {
    margin: 0;
    padding: 0;
    -webkit-perspective: 1000;
}

ul.bxslider {
    list-style: none;
}

.bx-viewport {
    -webkit-transform: translateZ(0);
}

.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
    position: absolute;
    bottom: -30px;
    width: 100%;
}

.bx-wrapper .bx-loading {
    min-height: 50px;
    background: url(images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}

.bx-wrapper .bx-pager {
    text-align: center;
    font-size: 0.85em;
    font-family: Arial;
    font-weight: 700;
    color: #666;
    padding-top: 10px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: #000;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item,
.bx-wrapper .bx-pager-item {
    display: inline-block;
    vertical-align: bottom;
}

.bx-wrapper .bx-pager-item {
    font-size: 0;
    line-height: 0;
}

.bx-wrapper .bx-prev {
    left: 10px;
    background: url(../../img/main/mainicon_controls.png) 0 0px no-repeat;
}

.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-prev:hover {
    background-position: 0 -66px;
}

.bx-wrapper .bx-next {
    right: 10px;
    background: url(../../img/main/mainicon_controls.png) right 0 no-repeat;
}

.bx-wrapper .bx-next:focus,
.bx-wrapper .bx-next:hover {
    background-position: right -66px;
}

.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -10px;
    outline: 0;
    width: 32px;
    height: 32px;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
    display: none;
}

.bx-wrapper .bx-controls-auto {
    text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -11px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start.active,
.bx-wrapper .bx-controls-auto .bx-start:focus,
.bx-wrapper .bx-controls-auto .bx-start:hover {
    background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(images/controls.png) -86px -44px no-repeat;
    margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop.active,
.bx-wrapper .bx-controls-auto .bx-stop:focus,
.bx-wrapper .bx-controls-auto .bx-stop:hover {
    background-position: -86px -33px;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px;
}

.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(80, 80, 80, 0.75);
    width: 100%;
}

.bx-wrapper .bx-caption span {
    color: #fff;
    font-family: Arial;
    display: block;
    font-size: 0.85em;
    padding: 10px;
}

.bx-wrapper {
            max-width: 400px;
            margin: 0 auto;
        }
        .bxslider img {
            display: block !important;
            width: 500px;
            height: auto;
        }
        .bx-wrapper .bx-pager {
            text-align: center;
            margin-top: 5px;
        }
        .bx-wrapper .bx-pager.bx-default-pager a {
            display: inline-block;
            width: 12px;
            height: 12px;
            margin: 0 5px;
            background: #ccc;
            border-radius: 50%;
            text-indent: -9999px;
        }
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #1461a5;
}
.analysis_container .item_box {
	width: calc(100% - 340px);
}
.item_box .bxslider span {
	display: inline-block;
    width: 100%;
    text-align: center;
}
.bxslider ul {
	display: flex;
	width:88%;
	padding: 15px 0;
	margin: 0 auto;
}
.bxslider li {
	width: calc(100% / 5);
	display: flex;
    justify-content: center;
}
.bxslider li a {
	display: flex;
    flex-direction: column;
}
.bxslider li a .icon {
    width: 100px;
    height: 100px;
}
.bxslider li a > span {
	font-size: 14px;
	line-height: 1.1;
	padding-top: 12px;
	text-align: center;
	display: block;
}
.bxslider li a .icon::after {
	position: absolute;
	content: '';
	background-repeat: no-repeat;
	top: 20px;
	width: 50px;
	height: 60px;
}
.bxslider_01 li a .icon::after {
	background-image: url(../../img/main/an_icon_new1.png);
}
.bxslider_01 li:nth-child(1) a .icon::after {
	background-position: 5px 13px;
}
.bxslider_01 li:nth-child(2) a .icon::after {
	background-position: 8px -82px;
}
.bxslider_01 li:nth-child(3) a .icon::after {
	background-position: center -167px;
}
.bxslider_01 li:nth-child(4) a .icon::after {
	background-position: center -268px;
}
.bxslider_01 li:nth-child(5) a .icon::after {
	background-position: center -366px;
}
.bxslider_02 li a .icon::after {
	background-image: url(../../img/main/an_icon_new2.png);
}
.bxslider_02 li:nth-child(1) a .icon::after {
	background-position: center 15px;
}
.bxslider_02 li:nth-child(2) a .icon::after {
	background-position: center -72px;
}
.bxslider_02 li:nth-child(3) a .icon::after {
	background-position: center -167px;
}
.bxslider_02 li:nth-child(4) a .icon::after {
	background-position: center -271px;
}
.bxslider_02 li:nth-child(5) a .icon::after {
	background-position: 2px -357px;
}
/* 도움말 */
.tooltip2 {
	position: absolute;
	height: 18px;
	width: 18px;
	margin-left: 4px;
	right: 0;
    top: 98px;
	margin-right: 5px;
	margin-top: -23px;
}
.tooltip2 i {
	cursor: pointer;
	text-indent: -9999px;
	background: #acacac url(../../img/main/icon_info.png) no-repeat center;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	display: block;
	overflow: hidden;
}
.tooltip2 i:hover {
	background: #6b6b6b url(../../img/main/icon_info.png) no-repeat center;
}
.tooltip2 span {
	position: absolute;
	background-color: #2d3841;
	color: #fff;
	width: 220px !important;
	border-radius: 5px;
	padding: 7px 5px;
	top: 24px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%) !important;
	opacity: 0;
	transition: .3s;
	visibility: hidden;
	font-size: 12px;
	line-height: 1.2;
	font-weight: 300;
	z-index: 1;
}
.tooltip2 span::after {
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: #2d3841;
	top: -5px;
	left: 50%;
	transform: translateX(-50%) rotate(45deg);
}
/* hover function */
.tooltip2:hover span {
	/* display: block; */
	opacity: 1;
	visibility: visible;
}
.bxslider_01 li:last-child .tooltip2 span,
.bxslider_02 li:last-child .tooltip2 span {
	right: 0;
	transform: none !important;
}
.bxslider_01 li:last-child .tooltip2 span::after,
.bxslider_02 li:last-child .tooltip2 span::after {
    right: 0;
    left: initial;
}
@media (max-width: 820px) {
	.item_box {
		width: 100% !important;
        padding-top: 30px;
	}
}
@media (max-width: 640px) {
	.bx-controls-direction {
		display: none;
	}
	.bxslider ul {
		flex-direction: column;
		width: 100%;
	}
	.bxslider li {
		width: 100%;
        flex-direction: column;
        padding-bottom: 10px;
	}
	.bxslider li a .icon {
		width: 100%;
		box-sizing: border-box;
		background-color: #fff;
		border: 1px solid #dbdee0;
		font-size: 16px;
		color: #333;
		height: 52px;
		line-height: 50px;
		display: flex;
		border-radius: 10px;
		padding: 0 15px;
		align-items: center;
		font-weight: 600;
		letter-spacing: -1px;
	}
	.bxslider li a .icon {
	}
	.bxslider_01 li a .icon::after {
		background-size: 64%;
		right: 10px;
		height: 50px;
		top:0;
	}
	.bxslider_02 li a .icon::after {
		background-size: 80%;
	}
	.bxslider_01 li:nth-child(1) a .icon::after{
		background-position: center 11px
	}
	.bxslider_01 li:nth-child(2) a .icon::after {
		background-position: center -65px;
	}
	.bxslider_01 li:nth-child(3) a .icon::after {
		background-position: center -133px;
	}
	.bxslider_01 li:nth-child(4) a .icon::after {
		background-position: center -213px;
	}
	.bxslider_01 li:nth-child(5) a .icon::after {
		background-position: center -291px;
	}
	.bxslider_01 li:nth-child(6) a .icon::after {
		background-position: center -291px;
	}
	.bxslider_02 li:nth-child(1) a .icon::after {
		background-position: center 11px;
	}
	.bxslider_02 li:nth-child(2) a .icon::after {
		background-position: center -59px;
	}
	.bxslider_02 li:nth-child(3) a .icon::after {
		background-position: center -131px;
	}
	.bxslider_02 li:nth-child(4) a .icon::after {
		background-position: center -212px;
	}
	.bxslider_02 li:nth-child(5) a .icon::after {
		background-position: center -281px;
	}
	.bxslider_02 li a .icon::after {
		top: 0px;
	}
	.analysis_container li a > span {
		font-size: 15px;
		position: absolute;
		top: 7px;
		left: 20px;
	}
	.analysis_container li a > span br {
		display: none;
	}
	.analysis_container li .tooltip span {
    right: 0;
    transform: none;
	}
	.analysis_container li .tooltip span::after {
    right: 0;
    left: initial;
	}
	.item_box .bxslider span {
		justify-content: flex-start;
	}
	.tooltip2 {
		bottom: 4px;
		z-index: 999;
		top: inherit;
	}
	.item_box {
        padding-top: 2px;
    }
    .bx-wrapper .bx-pager {
    	bottom:0;
    }
    .bxslider_02 li .tooltip span {
        right: 0;
    }
    .tooltip2 span {
    	right:0;
    	transform: none !important;
    	justify-content: center !important;
    	text-align: center !important;
        position: absolute;
        top: -5px;
        right: 23px;
        left: inherit;
    }
    .tooltip2 span::after {
        right: -9px;
        left: initial;
        z-index:99999;

    }
    .analysis_container li a:hover .icon {
    	box-shadow:none;
    }
    .bxslider_01 li:last-child .tooltip2 span, .bxslider_02 li:last-child .tooltip2 span {
    	top: -5px;
        right: 23px;
    }
    .bxslider_01 li:last-child .tooltip2 span::after, .bxslider_02 li:last-child .tooltip2 span::after {
    	right:-9px;
    }
    .item_box .bxslider span {
	    text-align: left;
	}
	.tooltip2 span::after {
		top: 10px;
	}
}
/*** 플로팅추가 ***/
.float_addbtn {
	width: 70px;
    height: 70px;
    border-radius: 50%;
    margin-bottom: 15px;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
    cursor: pointer;
    bottom: 267px !important;
}
.open-btn.on .float_addbtn {
	bottom: 522px !important;
}
.float_addbtn a {
	color: #fff;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 13px;
    width: 100%;

}
.float-menu .btn-show-popup-2 {
    background-color: #347981;
    position: fixed;
    transition: bottom .5s;
}
.float_addbtn {
	background-color: #347981 !important;
}
.float-menu .btn-show-popup-1 {
	background-color: #3a48af !important;
}
/**** //2025.02.21 메인 농식품데이터 아이콘 추가 ****/