.header{    
	width: 100%;
    height: auto;
    min-width: 1200px;
   /* position: fixed;*/
	top:0;
    z-index: 100;
	background:#fff;
	border-bottom:4px solid #fa0;
}
.gnb { width: 100%; height:130px; margin: 0 auto; position: relative; }
.logo {width:1200px;height: 70px; margin: 0 auto; z-index: 2; background: url('../img/common/bi.png') no-repeat left center; background-size: contain; transition-duration:0.5s;overflow: hidden; }
.logo a:first-child { height: 100%; display: block; }
.logo a img {display:block; height:auto; width: 100%;}
.gnb .nav { width: 1200px; height: 60px; margin: 0 auto; box-sizing: border-box; position: relative; z-index: 2; }
.gnb .nav .menu_list { width: 100%; height: 100%; position: relative; }
.gNaviBar { width: 58px; display: block; border-bottom: 3px #f14629 solid; position: absolute; bottom: -2px; opacity: 0; z-index: 2; }

.urgent img{position:absolute; width:30px; left:50%; margin-left:-17px; top:-10px;}



.menu_list > ul { height: 60px;}
.menu_list > ul > li {height: 60px; float: left; position: relative; font-size: 17px;text-align:center;}
.menu_list > ul > li:last-child {margin-right:0;}
.menu_list > ul > li > a { width: 11%; text-align:center; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; color: #333; font-size: 17px; text-align:center; line-height:60px;}
.menu_list > ul > li > .user_m_b:hover {color:#f57341 !important;}
.menu_list > ul > li > ul { width: 150px !important; position: absolute; top: 60px; left: 50%; transform: translateX(-50%); font-size: 15px;  background: #fff; overflow:hidden; z-index: 1; }
.menu_list > ul > li > ul > li {font-size:14px; text-align:center; background:#fafafa; }
.menu_list > ul > li > ul > li:hover{ background:#f57341;}
.menu_list > ul > li > ul a { display:block; width:100%; color: #555;  font-weight:600; line-height: 50px;transition:all 0.3s;}
.menu_list > ul > li > ul a:hover, .menu_list > ul > li > ul > li.on a {color: #fafafa;}
/*.contnes_d{padding-top:232px;}*/
.my {position:absolute; top:35px; right:0;}

/**top_banner**/

.mix_global_banner {position:relative; width:100%;}
.mix_inner img {width:100%;}
.mix_banner_close {width:4.5em;height:4.5em;background-image:url('../img/close.png'); position:absolute;top:-9px; right:10px;cursor:pointer;}

/*** @header2.php *** 

.header{    
	width: 100%;
    height: 130px;
    min-width: 1200px;
    position: fixed;
	top:0;
    z-index: 100;
	background:#fff;
	border-bottom:1px solid #ddd;
}
.gnb { width: 1200px; height: 100px; margin: 0 auto; position: relative; }
.gnb h1 { width: 210px; height: 100%; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; z-index: 2; left: 0; background: url('../img/common/bi.png') no-repeat left center; background-size: contain; transition-duration:0.5s; text-indent: -300%; overflow: hidden; }
.gnb h1 a { height: 100%; display: block; }
.gnb h1 a img {display:block; width:100%;}
.gnb .nav { width: 1200px; height: 100%; margin: 0 auto; padding-left: 300px; box-sizing: border-box; position: relative; z-index: 1; }
.gnb .nav .menu_list { width: 1000px; height: 100%; position: relative; }
.gNaviBar { width: 58px; display: block; border-bottom: 3px #f14629 solid; position: absolute; bottom: -2px; opacity: 0; z-index: 2; }

.menu_list > ul { height: 100px;}
.menu_list > ul > li { width: 14.285%; height: 100px; float: left; position: relative; font-size: 17px;text-align:center;}
.menu_list > ul > li > a { width: 14.285%; text-align:center;font-family: 'Nanum Square'; font-weight: 700; color: #333; text-align:center; line-height:100px;}
.menu_list > ul > li > ul { width: 100%; position: absolute; top: 100px; left: 0; font-size: 15px;  background: #fff; overflow:hidden; z-index: 1; }
.menu_list > ul > li > ul > li {font-size:14px; text-align:center; background:#fafafa; }
.menu_list > ul > li > ul > li:hover{ background:#ff8000;}
.menu_list > ul > li > ul a { display:block; width:100%; color: #555;  font-weight:600; line-height: 50px;transition:all 0.3s;}
.menu_list > ul > li > ul a:hover, .menu_list > ul > li > ul > li.on a {color: #fafafa;}
.contnes_d{padding-top:130px;}
.my {position:absolute; top:35px; right:0;}

*** @header2.php end ***/

/* 메인 */
.on {color:red;}
.visual{position:relative; width:100%; height:500px;}
.mainbox{position:absolute; top:0; width:100%; text-align:center; padding-top:115px;}
.mainbox h3{font-family: 'Noto Sans KR', sans-serif; font-size:37px; color:#fff; font-weight:700;}
.searchbox{width:600px; margin:0 auto; position:relative;}
#search {width:600px; height:50px; border:2px solid #ffaa00; border-radius:10px; margin:30px 0; padding-left:25px;  letter-spacing:-1px; }
.submit{display:block; position:absolute; top:45px; right:15px;}

.keyword{width:573px; margin:0 auto; padding-left:32px;}
.keyword li{float:left; border-radius:7px; background:#f1f1f1; color:#222; font-size:14px; }
.keyword li:nth-child(5n+4){margin-bottom:10px;}
.keyword li:nth-child(5n){margin-left:30px;}
.keyword li:nth-child(10n){margin-left:40px;}
.keyword li + li{margin-left:10px;}
.keyword li.y_on{background:#ffaa00;}
.keyword li a{display:block; padding:7px 10px;  font-weight:600; color:#333;}
.section{width:100%;padding:100px 0; text-align:center;}
.gray{background:#fafafa;}

/* 동네꿀단지 서비스 */
.textbox{width:1200px; margin:0 auto;}
.textbox *{display:block; text-align:center;}
.textbox .s_title{font-family: 'Nanum Square'; font-size:18px; color:#333; letter-spacing:2px; font-weight:400;}
.textbox .ss_title{font-family: 'Noto Sans KR', sans-serif; font-size:15px; font-weight:500; color:#555;  margin-top:15px;}
.textbox .bar{width:25px; height:6px; background:#0a2f4c; margin:20px auto;}
.textbox .title{font-family: 'Noto Sans KR', sans-serif; font-size:40px; font-weight:500; color:#333; letter-spacing:-2px;}
.boxwrap{width:1200px; margin:80px auto 0;}
.boxwrap li{float:left;}

.service{width:100%; height:330px; background:url('../images/service_back.png')no-repeat 1px 0;}
.service ul{width:1200px; margin:0 auto; position:relative;}
.service ul li{width:241px; height:241px; border-radius:120px;}
.service ul li a {display:block; width:100%; height:100%;}
.service ul li p { font-size:15px; line-height:22px;color:#333; padding-top:8px; letter-spacing:-1px;}
.service .icon{width:241px; height:111px; padding-top:142px; font-size:18px; line-height:23px; color:#000;}
.service ul li div {font-family: 'Nanum Square';}
.service ul li.offline {position:absolute; top:2px; left:8px; background:#dbdbdb; opacity: 0.8;}
.service ul li.offline div{background: url('../images/icon1.png') 90px 60px no-repeat;}
.service ul li.online {position:absolute; top:2px; left:199px; background:#ffaa00; opacity: 0.8;}
.service ul li.online div{background: url('../images/icon2.png') 90px 60px no-repeat; }
.service ul li.business {position:absolute; top:2px; left:389px; background:#938e8e; opacity: 0.8;}
.service ul li.business div{background: url('../images/icon3.png') 90px 60px no-repeat; }
.service ul li.company {position:absolute; top:2px; left:571px; background:#0a2f4c; opacity: 0.8;}
.service ul li.company div{background: url('../images/icon4.png') 90px 60px no-repeat; color:#fafafa;}
.service ul li.job{position:absolute; top:2px; right:0; background:#ffaa00; opacity: 0.8;}
.service ul li.job div{background: url('../images/icon5.png') 90px 60px no-repeat;}

/* 업체정보 */
.detail_box_edit{
	position:absolute;;top:0;right:0;z-index:10;cursor:pointer;
	width:50px;height:50px;line-height:50px;text-align:center;
	background:rgba(0,0,0,0.8);color:#ffffff
}
.detail_box_close{
	position:absolute;;top:0;right:left;z-index:5;cursor:pointer;
	width:285px;height:300px;line-height:300px;text-align:center;
	background:rgba(0,0,0,0.8);color:#ffffff
}
.ourbox{
	text-align:left;
	overflow:hidden;
}
.ourbox:after{content:'';display:block;clear:both;}
.ourbox li{ 
	position:relative;
	width:285px; 
	height: 260px;
	float:left; 
	margin: 0 20px 20px 0; 
	border:1px solid #ddd;
	box-sizing: border-box;
	overflow:hidden;
	transition: all 0.3s;
}

.ourbox li:hover{
	border:1px solid #ff7800;
}
.ourbox li:nth-child(4n){
	margin-right:0;
} 
.ourbox li > a {
	position:relative; 
	display:block; 
	width:100%;
}
/* .ourbox li > a img {
	width:230px; 
	height:85px; 
} */
.ourbox .detail_box .detail_img {width:100%; height:115px;padding:20px; box-sizing:border-box; text-align:center;}
				.ourbox .detail_box .detail_img img {max-width:235px;height:100%; }

.ourbox li > a .detail {
	height: 145px; padding: 15px 30px;
	box-sizing: border-box;
	background:#f7f7f7;
}
.ourbox li > a .detail > h4 {
	display:block; 
	font-size:17px; 
	height: auto;
	color:#333333; 
	margin-bottom:18px;
	font-weight: 700;
	font-family: 'Noto Sans KR', sans-serif;
	white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}
.ourbox li > a .detail > span {
	display:block; 
	
	font-size:13px; 
	color:#777777; 
	margin-bottom:8px;
}

.ourbox li > a .detail > span.drop {
	font-weight: bold;
}

.ourbox li > a .detail > strong {
	display:block; 
	
	font-size:14px; 
	color:#0a2f4c; 
	font-weight:normal;
}
.ourbox li > a .detail > b {
	display:block; 
	position: absolute; bottom: 14px;
	font-size:15px; 
	color:#0a2f4c; 
}

.ourbox li .inline{
	display:inline-block;
}
.ourbox li .option {
	width:100%;
	height:33px;
	position:absolute;
	bottom:0;
	text-align: center;
}
.ourbox li .option .sico{
	float: left; 
	margin: 6px 4px 0 0; 
	font-size:12px; 
	color:#fff;
}
.ourbox li .option .sico > span {
	float: left; 
	min-width: 35px; 
	height: 18px; 
	margin-right: 3px; 
	font-size: 11px; 
	line-height: 18px; 
	color: #fff; 
	text-align: center; 
	letter-spacing: -1px; 
	padding:0 5px;
}
.ourbox li .option .sico .chang{
	background:#f89d07; 
}
.ourbox li .option .sico .kind{
	background: #12920c;
}
.ourbox li .option .sico .work{
	background: #247adc; 
}
.ourbox li .option .sico .event{
	border: 1px solid #2f86e9; 
	background: #fff; 
	color: #247adc; 
	box-sizing:border-box; 
}
.ourbox li .option .zzim{
	
	position: absolute; bottom: 10px; right: 15px;
}
.ourbox li .option .zzim .btn_zzim {
	display: inline-block; 
	position: relative; 
	width: 17px; 
	height: 16px; 
	padding: 7px 6px 6px; 
	z-index: 20; 
}
.ourbox li .option .zzim span {
	display: inline-block; 
	overflow: hidden; 
	width: 17px; 
	height: 16px; 
	background: url(http://img2.tmon.kr/static/img/sp_deal_lst2.png?v=1503643952) no-repeat -365px -405px; 
	line-height: 200px; 
	/* vertical-align: middle; */ 
	cursor: pointer;
}
.ourbox li .option .zzim_success {
	display: none; 
	position: absolute; 
	top: 82px; 
	left: 50%;
    z-index: 30;
    width: 161px;
    height: 50px;
    margin-left: -80px;
    padding-top: 111px;
    background: url(http://img2.tmon.kr/static/img/sp_deal_lst2.png?v=1503643952) no-repeat -815px 0;
}




.section .more_btn {
	width:200px;
	margin:30px auto 0;
	background:#0a2f4c;
	border-radius: 5px;
	transition: all 0.3s;
}

.section .more_btn:hover {
background: #3a5870;
}

.section .more_btn a{
	display:block;
	height: 50px;
	line-height: 50px;
	font-family: 'Nanum Square';
	font-size:18px;
	color:#fff;
	text-align:center;
}

/* 리뷰 */
.reviewbox li {
	width:360px;
/* 	border:1px solid #ddd; */
	box-shadow: rgb(149 157 165 / 20%) 0px 8px 20px;
	border-radius: 10px; 
	overflow: hidden;
	background:#fff;
	box-sizing: border-box;
}

.review{padding:20px;}
.review .r_txt{
	height:140px;
	background:url('../images/shape.png') 130px 0 no-repeat;
	text-align:center;
	font-size:14px;
	letter-spacing:-1px;
	line-height:23px;
	word-wrap: break-word;
	padding:40px 0 20px 0;
	margin-bottom:20px;
	border-bottom:1px solid #ddd;
}

.review .r_logo{
	display:block;
	width:165px;
	margin:0 auto;
}

#review .bx-wrapper .bx-viewport {
 height: 580px !important;
 background: transparent !important;
 padding: 0 20px;
}

/* 파트너 */

.web_banner_set{
	position:relative;
	opacity: 0;
}
.web_banner_1{
	float:left;
	transition:all 1s;
}
.web_banner_2{
	float:left;
	transition:all 1s 0.5s;
}
.web_banner_3{
	float:left;
	transition:all 1s 1s;
}
.web_banner_4{
	float:left;
	transition:all 1s 1.5s;
}
.web_banner_5{
	float:left;
	transition:all 1s 2s;
}
.action{
	opacity: 1;
}
.section2 {width:100%; text-align:center; padding:40px 0 ;font-family: 'Nanum Square'; font-weight: 700;}
.cate_box {width:1200px; margin: 50px auto 0; text-align:center; }
.cate_box ul {display:flex; flex-wrap: wrap; margin:0 auto; }
.cate_box ul li {width: 25%; padding: 10px 1% 20px; border-radius:10px; box-sizing: border-box; font-family: 'Noto Sans KR', sans-serif;}
.cate_box ul li:last-child {border-right: none;}
.cate_box ul li .viewmore {margin:20px auto 0; display: block; border-radius: 5px; width: 150px; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #0a2f4c; transition:all 0.3s;}
.cate_box ul li:hover .viewmore {background-color: #fff; color: #0a2f4c;}
.cate_box ul li:hover {background-color: #0a2f4c;}
.cate_box ul li:hover p {color: #fff;}
.cate_box ul li:hover a .c_detail {color: #fff;}
.cate_box ul li a p {margin-top:10px; margin-bottom:15px; font-size: 22px; font-weight: 700;}
.cate_box ul li a p::after {content:""; display: block; margin: 10px auto; width: 150px; height: 1px; background-color: #ddd;}
.cate_box ul li a .c_detail {display: block; margin: 0 auto; width: 80%; height: 71px; color: #919191; font-size: 14px; line-height: 24px; word-break: keep-all; font-weight: 400;}
.icon_img {display:block; height:150px; margin-top:15px; text-align:center; }
.cate_box ul li:hover .icon_img img {-webkit-animation: flip-vertical-right 0.65s ease-in-out both;
			animation: flip-vertical-right 0.65s ease-in-out both; }


.flip-vertical-right {
	-webkit-animation: flip-vertical-right 0.5s ease-in-out both;
			animation: flip-vertical-right 0.5s ease-in-out both;
}
/* ----------------------------------------------
 * Generated by Animista on 2020-12-11 11:31:56
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation flip-vertical-right
 * ----------------------------------------
 */
@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
  100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }

}
@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  50% {
    -webkit-transform: rotateY(180deg);
            transform: rotateY(180deg);
  }
 100% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
}

@media screen and (max-width:1400px) {
.visual .mainslider img {height: 500px !important;}
.visual .mainslider .bx-wrapper img {height: 500px !important; display:block;margin:0 auto;max-width:1920px !important;}
}


/*api 5*/
	.board_box {width:1200px; border-top:3px solid #0a2f4c; border-bottom:1px solid #ccc;  background:#f8f8f8; margin-bottom:30px; padding:10px 15px; box-sizing:border-box;}
	.areaDiv li {float:left; font-size:14px; cursor: pointer; }
	.at_bar {margin-left:5px; }
	.b_box1 {position:relative; width:100%; height:30px;  }
	.sbizDiv {display:flex; justify-content:flex-start; }
	.sbizDiv li {float:left; border:1px solid #eee; padding: 8px 20px; margin-right:20px; border-radius: 10px; background-color:#fff;  cursor: pointer; font-size:14px;}
	.on {color:red; }
.blank2 {width:500px;padding:10px;border:1px solid #d1d1d1;border-radius:3px;}