#hd,
#container,
#ft{
	/*min-width: 1000px;*/
}
/*
.nav, .nav .nav-inner {
	height: 110px !important;
}
*/
.nav.fixed,
.nav.fixed .nav-inner{
	height: 70px !important;
}
.nav .nav-block #nav-menu {
    max-width: 1280px;
}
.fixed.nav #logo {
    width: 220px;
    /*text-align: center;*/
    padding: 0;
}

.nav.fixed #hd-tnb{
	display: none;
}
.nav.fixed #hd-tnb li.bookmark{
	padding-right: 400px;
	/*transition: all 0.3s ease;*/
}
.nav.fixed #hd-tnb .hd-tnb-inner{
	width: auto;
}
#hd_icon, #hd_icon_left{
	display: none;
}
div.swiper-slide{
	position: relative;
}
div.swiper-slide .text-field{
	width: auto;
	position: absolute;
	color: #fff;
	max-width: 1280px;
	z-index: 10;
	text-align: justify;
	background-color: rgba(0,123,128,0.66);
	display: block;
	left: 0;
	padding: 30px;
}
div.swiper-slide .text-field > *{
	display: block;
}
div.swiper-slide .text-field img{
	width: auto !important;
	margin-top: auto !important;
}
div.swiper-slide .text-field h1 {
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
}

div.swiper-slide .text-field h2{
	font-size: 35px;
	font-weight: 400;
}
div.swiper-slide .text-field h1 strong{
	font-size: 45px;
	font-weight: 600;
}
div.swiper-slide div.img-box{
	position: absolute;
	right: 20px;
}
div.swiper-slide div.img-box img{
	width: 100% !important;
}
#main_bn .swiper-pagination-bullet{
	width: 18px;
	height: 18px;
}
/*
@media all and ( min-width : 971px) {
	#main_bn div.swiper-button-next{
		right: 50px;
	}
	#main_bn div.swiper-button-prev{
		left: 50px;
	}
}
*/
@media all and ( min-width : 596px) {
	#hd_sch{
		display: block !important;
	}
}

/*quick 버튼*/
@media ( min-width : 1071px) {
	#quick {
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 220;
		display: block !important;
	}
	#quick .qk_btn {
		position: absolute;
		top: 30%;
		left: -95px;
	}
	/*
	#quick .qk_btn button {
	    background: #000;
	    width: 100px;
	    height: 80px;
	    border: 0;
	    color: #fff;
	    font-size: 14px;
	}
	*/
	#quick .qk_btn button {
	    background: rgba(255,255,255,1);
	    width: 95px;
	    height: 95px;
	    border: 0;
	    color: #727272;
	    font-size: 28px;
	    border: 1px solid rgba(0, 0, 0, 0.1);
	    border-right: none;
	    margin-top: -1px;
	}
	
	#quick .qk_btn button.on{
		background-color: #007b80;
		border-bottom: 1px solid #007b80;
		color: #fff;
	}
	#quick .qk_btn button:hover{
		background-color: #f6843c;
		border-bottom: 1px solid #f6843c;
		color: #fff;
	}
	#quick .qk_btn li:last-child button{
		/*border: none;*/
	}
	
	#quick .qk_btn button span.view-text{
	    display: block !important;
	    width: 100% !important;
	    position: relative;
	    text-indent: 0em;
	    font-size: 12px;
	    height: auto !important;
	    line-height: normal;
	    font-family: "Noto Sans Korean", sans-serif;
	    padding: 5px 0 0 !important;
	    font-weight: 400;
	}
			
	#foot-logo{
		position: absolute;
		right: 0;
	}
	#ft_link li:first-child a{
		padding-left: 0;
	}
	#main_bn .swiper-pagination{
	    display: inline-block;
	    width: auto;
	    bottom: auto;
	}
	#main_bn .swiper-pagination-bullet {
	    width: 25px;
	    height: 25px;
	}
		
	#main_bn .swiper-pagination-bullet{
		background-color: transparent;
		border: 3px solid #3badb0;
		opacity: 1;
	}
	#main_bn .swiper-pagination-bullet.swiper-pagination-bullet-active{
		background-color: #3badb0;
		border: 3px solid #3badb0;
	}
	#main_bn div.swiper-button-next{
		right: 100px;
	}
	#main_bn div.swiper-button-prev{
		left: 100px;
	}
	
}

@media ( max-width : 1070px) {
	#quick_open {
		display: block;
		position: fixed;
		bottom: 30px;
		left: 30px
	}
	#quick_open i{
		transform: rotate(0deg);
		transition: all 0.3s ease;
	}
	#quick_open.active i{
		transform: rotate(135deg);
		transition: all 0.3s ease;
	}
	#quick {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		z-index: 210;
	}
	#quick .qk_btn {
		position: absolute;
		bottom: 95px;
		left: 30px
	}
	
	#quick .qk_btn button {
	    border-radius: 50%;
	    border: 2px solid #007b80;
	    background: #fff;
	    color: #007b80;
	    margin: 5px 0;
	    overflow: visible;
	    font-size: 26px;
	}
	#quick .msg_sound_only, #quick .sound_only {
	    display: inline-block !important;
	    position: absolute;
	    top: 0px;
	    left: 65px;
	    margin: 0 !important;
	    padding: 0 !important;
	    width: 150px !important;
	    height: 60px !important;
	    font-size: 17px;
	    text-indent: 0em;
	    line-height: 56px;
	    border: 0 !important;
	    overflow: hidden !important;
	    color: #fff;
	    text-align: left;
	    font-weight: 600;
	}
	
	#quick-bg {
	    width: 100%;
	    z-index: 201;
	    height: 100%;
	    background-color: rgba(0,0,0,0.8);
	    display: none;
	    position: fixed;
	    top: 0px;
	}
	
	#quick .qk_btn li{
		position: relative;
	}

	#quick .qk_con {
		position: fixed;
		top: 0;
		right: 0;
		z-index: 99;
	}
	#container_bg{
		height: 241px;
		background-size: 200%;
	}
	
	#reserve_content > div:first-child{
		display: none;
	}	
	#reserve_content > div{
		width: 33.33%;
		height: auto;
	}
	#reserve_content > div > a{
		height: auto;
		padding: 10px 0;
	}
	#reserve_content > div > a > strong{
		font-size: 19px;
	}
	#reserve_content > div > a > span {
	    padding: 0 10px;
	}
	
	#reserve_content > div i{
	    height: 55px;
	    background-size: auto 100%;
	}
	
	.content_box .idx_new_left .idx_box_line .content_block a{
		position: relative;
		top: 15px;
		border: 1px solid #a6a6a6;
		color: #fff;
		background-color: #a6a6a6;
		padding: 15px;
	}
	.content_box.list_box .idx_new_left.idx_new {
	    width: 100%;
	    padding: 10px;
	}
	.content_box.list_box .idx_new_left.idx_new .list_block{
		border: none;
		border-bottom: 1px solid #e3e3e3;
	}
	.content_box.list_box .idx_new_left.idx_new h1{
		text-align: center;
		padding: 0 0 10px;
	}
		
	#idx_wp_section .idx_section_outer .text-block h1 strong {
		display: block;
	}
	#ft .ft_wr {
	    text-align: center;
	}
	.con_tit a{
		font-size: 1.89em;
	}
	#main_bn div.swiper-button-next{
		right: 30px;
	}
	#main_bn div.swiper-button-prev{
		left: 30px;
	}
}
@media ( min-width : 641px) {
	#member-view {
	    position: fixed;
	    bottom: 10px;
	    right: 10px;
	    z-index: 1000;
	    background-color: #3badb0;
	    padding: 25px 15px;
	    border-radius: 10px;
	    color: #fff;
	    text-align: center;
	    font-size: 14px;
	    min-width: 165px;
	}
	#member-view i{
    	font-size: 41px;
	}
		
	#member-view span{
		display: block;
	}
	#container_bg .container_sub .text-block{
		display: none;
	}
}
@media ( max-width : 640px) {
	#member-view{
	    background-color: #3badb0;
	    position: fixed;
	    bottom: 0px;
	    width: 100%;
	    z-index: 10;
	    text-align: center;
	    color: #fff;
	    padding: 8px 0;
	    font-size: 0px;
	}
	
	#member-view i{
    	font-size: 16px;
	}
	#member-view span b{
		font-size: 16px;
		font-weight: 400;
		padding: 0 5px;
	}	
	#quick_open {
		bottom: 15px;
		left: 15px
	}
	#quick .qk_btn {
		bottom: 80px;
		left: 15px
	}
	#container_bg{
		height: 201px;
		background-size: 200%;
	}
	#container_bg .container_sub .text-block{
	    width: 100%;
	    padding: 15px 0;
	    bottom: -20px;
	    background-color: rgba(0,123,128,1);
	    top: auto !important;
	}
	
	#container_bg .container_sub img{
		width: 160px;
		vertical-align: sub;
	}
	#container_bg .container_sub h2{
	    font-size: 14px;
	    vertical-align: sub;
	    line-height: 14px;
	}
	
	#container_bg .container_sub span{
		display: none;
	}
	.con_tit {
	    padding: 20px 10px 5px;
	}
	.content_box .idx_new .idx_box_line .content_block{
		padding: 30px 8px 10px 8px;
		text-align: center;
	}
		
}
@media ( max-width : 1070px) {
	/*
	div.swiper-button-next,
	div.swiper-button-prev{
		display: none;
	}
	*/
	div.swiper-slide .text-field{
		padding: 0 10px;
		background-color: rgba(0,123,128,0.95);
		text-align: center;
	}
	#idx_wp_section .idx_section_outer .text-block{
		padding-left: 10px;
		padding-right: 10px;
	}
	.idx_contents.content_box{
		margin-top: 0;
		padding: 0;
		display: block;
	}
	.ft_lr{
		border-top: none;
	}
	#ft_latest{
		width: 100%;
		background-color: #bbb;
	}
	#ft_link{
		width: 100%;
	}
	#ft_latest > h1{
		display: none;
	}
	
}
@media all and ( max-width : 1070px) {
	.nav{
		position: fixed;
	}
	#hd{
	    height: 53px;
	}
		
	#container{
		
	}
	.nav, .nav .nav-inner {
	    height: auto !important;
	}
	#logo img, .fixed #logo img {
	    vertical-align: baseline;
	    width: 170px;
	    padding: 3px 0px;
	}
	.nav #logo {
	    width: 200px !important;
	    text-align: center;
	    vertical-align: baseline;
	     padding: 0;
	     margin: 0 auto;
	}
	.nav.fixed .nav-inner{
		border-bottom: 1px solid #dbdbdb;
	}
	.fixed.nav, .fixed.nav .nav-inner {
	    height: auto !important;
	}
		
	#hd-tnb{
		display: none;
	}
	#hd_sch {
	    margin: 10px 0 10px 30px;
	    line-height: 20px;
	    top: 6px;
	    transition: margin-right 0.3s ease;
	}

	.content_box .idx_new_left .bank-info{
		text-align: center;
	}
	.content_box .idx_new_left .bank-info strong.bank_num{
		font-size: 26px;
	}
	.fixed.nav .nav-block{
		display: none;
	}
	#ft_logo{
	    float: none;
	    width: 100%;
	}
		
	#ft_if {
	    padding: 0 10px;
	    float: none;
	    max-width: none;
	}

	#ft_sns{
		text-align: center;
	}
	
	#ft_link2{
		display: inline-block;
		text-align: center;
	}
	#ft_link2 li a{
		padding: 10px 10px 8px !important;
	}
	#main_bn .swiper-slide{
		display: block;
	}
	#main_bn .swiper-pagination-bullets{
		bottom: 5px;
		top: auto !important;
	}
	#main_bn .swiper-slide .text-field {
	    width: 100%;
	    position: relative;
	    top: 0px !important;
	    padding: 10px 10px 30px !important;
	}
	div.swiper-slide .text-field h1,
	div.swiper-slide .text-field h1 strong,
	div.swiper-slide .text-field h2,
	div.swiper-slide .text-field h2 strong{
		font-size: 27px;
		line-height: normal;
	}
	div.swiper-slide .text-field span,
	div.swiper-slide .text-field span strong{
		font-size: 17px;
	}
	.content_box .idx_new .idx_box_line .content_block{
		top: 10px;
		left: 10px;
	}
	
	.content_box .idx_new .idx_box_line .content_block h1 {
	    font-size: 21px;
	    padding: 15px 0;
	    display: block;
	    line-height: 27px;
	}
	.content_box .idx_new .idx_box_line .content_block h2,
	.content_box .idx_new .idx_box_line .content_block h1 c{
		font-size: 14px;
	}
	.content_box .idx_new .idx_box_line .content_block span{
		font-size: 12px;
	}

	#foot-logo img{
		width: 150px;
		line-height: normal;
	}
}
@media all and ( max-width : 1070px) {
	.nav .nav-block,
	#hd_phone{
		display: none;
	}
	.content_box .idx_new_left,
	.content_box .idx_new_right {
	    width: 100%;
	}
	.content_box .idx_new .idx_box_02.idx_box_line .img_block {
	    height: auto !important;
	}
	.content_box .idx_new .idx_box_line ul.parcel-list {
	    padding: 45px 40px;
	}
			
	#hd_sch, .fixed #hd_sch {
	    position: absolute;
	    margin: 0;
	    top: 70px;
	    width: 100%;
	    text-align: center;
	    padding: 0;
	    z-index: 100;
	    display: none;
	}
	#hd_icon, #hd_icon_left{
		display: inline-block;
	}
	#hd_sch #sch_str{
		width: 80%;
		border: 5px solid #999ca4;
		border-right: none;
		border-radius: 0;
		height: 45px;
	}
	#hd_sch #sch_submit{
		width: 20%;
		border: 5px solid #999ca4;
		border-left: none;
		border-radius: 0;
		height: 45px;
	}
	section.success-gr{
		display: none;
	}
	#ft_link li {
	    float: none;
	    display: inline-block;
	}
	#main_bn .swiper-button-next, #main_bn .swiper-button-prev{
		display: none;
	}
	
}
@media all and ( max-width : 596px) {
	.content_box .idx_new_left {
	    width: 100%;
	}
	.content_box .idx_new_left .idx_box_line{
		background-size: 100%;
	}
	#idx_wp_section .idx_section_outer .text-block{
		font-size: 14px;
		text-align: center;
	}
	#idx_wp_section .idx_section_outer .text-block h1{
		font-size: 21px;
	}
	#idx_wp_section .idx_section_outer .text-block h1 strong{
		display: block;
		padding: 0;
	}
	#reserve_content > div{
		width: 33.33%;
		height: auto;
	}
	#reserve_content > div a {
		padding: 0;
	}
	#reserve_content > div > a > strong {
	    font-size: 17px;
	}
		
	#reserve_content > div > a > span {
	    display: none;
	}
	.grey_block.section_block{
		padding: 0;
	}	
	
	.content_box .idx_new_left .idx_box_line i {
	    width: 40%;
	    height: 130px;
	    background-size: auto 100%;
	    max-width: 300px;
	    float: left;
	}
	.content_box .idx_new .idx_box_line.idx_box_01 .img_block{
		float: none;
	}
	.content_box .idx_new_left .idx_box_line .content_block{
	    width: 100%;
	    position: relative;
	    display: block;
	    left: 0px;
	    top: 0px;
	    padding: 15px;
	    text-align: center;
	}
	.content_box .idx_new .idx_box_line.idx_box_01 .content_block{
		padding: 15px;
		height: 200px;
	}
	.content_box .idx_new .idx_box_line.idx_box_01 .img_block{
		width: 100%;
		max-width: 100%;
		height: auto !important;
		min-height: auto !important;
	}
	#environ-bn .swiper-pagination{
		display: block;
	}
	#environ-bn .arrow-block{
		display: none;
	}
	#environ-bn .swiper-pagination {
		width: 100%;
	}
	.content_box .idx_new .idx_box_line .img_block > img{
		display: block;
	}
	.content_box .idx_new .idx_box_line.idx_box_02 .img_block{
		width: 60%;
		height: auto !important;
	}

	.content_box .idx_new_left .idx_box_line .content_block a{
		top: 5px;
		padding: 10px;
	}
	.content_box .idx_new .idx_box_line ul.parcel-list{
		padding: 15px 20px;
	}
	.content_box .idx_new .idx_box_line ul.parcel-list li a{
	}
	div.swiper-slide .text-field h1,
	div.swiper-slide .text-field h1 strong,
	div.swiper-slide .text-field h2,
	div.swiper-slide .text-field h2 strong{
		font-size: 21px;
		line-height: normal;
	}
	/*
	div.swiper-slide .text-field h1 img,
	div.swiper-slide .text-field h2 img,
	div.swiper-slide .text-field span img{
		width: 100px !important;
	}
	*/
	div.swiper-slide .text-field span,
	div.swiper-slide .text-field span strong{
		font-size: 12px;
	}
	#ft_if i{
		display: none;
	}
	#ft_if span{
		display: block;
	}
	#hd_pop .hd_pops{
		right: auto !important;
		left: auto !important;
		top: auto !important;
		width: 100%;
	}
	#hd_pop .hd_pops_con{
		width: 100% !important;
		height: 100% !important;
	}
	#hd_pop .hd_pops_con img{
		width: 100% !important;
		height: 100% !important;
	}
	#hd_pop .hd_pops_footer{
	    position: fixed;
	    top: 0px;
	    width: 100%;
	}
		
}