@charset "utf-8";


/************************************************
*		LAYOUT									*
************************************************/
.container{padding: 0;margin: auto;}
.wrap{width:100%;min-height:100%;margin:0 auto;position:relative;min-width: 1300px;}
#header{width:100%;background:#fff;position:fixed;left:0;top:0;right:0;z-index:50;min-width: 1300px;}
.hcontainer{width:100%;max-width:1300px;margin:0 auto;padding:208px 0 150px;position:relative;min-width: 1300px;}
.ncontainer{width:100%;max-width:1300px;margin:0 auto;padding:0px 0 80px;position:relative;min-width: 1300px;}
.acontainer{width:100%;max-width:1200px;margin:0 auto;/* padding:0 0 80px */;position:relative;z-index:40;min-width: 1200px;}
.scontainer{width:100%;max-width:1200px;margin:0 auto;/* padding:0 0 80px */;position:relative;z-index:40;min-width: 1200px;}


/************************************************
*		MAIN BG									*
************************************************/

html,body{background: #fff !important;}

.ttl_bg{
	width:100%;
	height:980px;
	background:url(../images/main01.jpg) center center no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
	min-width: 1300px
}

.bg_s0{width:100%;height: auto;background-color: #fff;min-width: 1300px}
.bg_s1{width:100%;height: 900px;background-color: #fff;min-width: 1300px}
.bg_s2{width:100%;height: 900px;background-color: #FFFAFA;min-width: 1300px}

.bg_n{
	width:100%;
	height:1024px;
	background:url(../images/bg_news.jpg) center center no-repeat;
	background-attachment: scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	z-index:1;
	min-width: 1300px;
}



/************************************************
*					HEADER						*
************************************************/

/********************* NAV *********************/
.header{font-family: 'MapoFlowerIsland';}

.navbar{
	/*   z-index should be above .close-navbar-toggler */
	  z-index:2;
	}
	.close-navbar-toggler{
	  position:absolute;
	  top:0;
	  left:0;
	  height:100%;
	  width:100%;
	  z-index:1;
	  cursor:pointer;
	}
	.close-navbar-toggler.collapsed{
	  z-index:-1;
	}
.navbar{width:100%;height:80px !important;position:fixed;left:0;top:0;z-index:100;}
.navbar{border-bottom:0 none !important;}
.nav_bg{
	width:100%;
	height:80px;
	background-color:#fff;
	opacity:1;
	filter:alpha(opacity=85);
	-ms-filter:alpha(opacity=85);
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=85)';
	-moz-opacity:0.85;
	-khtml-opacity:0.85;
	filter:alpha(opacity=85);
	position:absolute;
	left:0;
	top:0;
	z-index:0;
}

.navbar-brand{padding:0 !important;}
.navbar-header,
.navbar-brand{height:80px !important;line-height:80px !important;}
/* .navbar-toggle{padding:9px 6px !important;} */

.navbar-default{background-color:transparent !important;}
.navbar-default .navbar-brand:focus,
.navbar-default .navbar-brand:hover{color:#fff !important;}
.navbar-default .navbar-nav{position:absolute;
	display: flex;justify-content: space-between;
	right: 0;
/* 	left:50%; transform: translateX(-50%); */
	top:0;z-index:100;}
.navbar-default .navbar-nav > li{
	padding: 0 0 0 60px;
}
.navbar-default .navbar-nav > li > a {
	font-family: 'MapoFlowerIsland';
	height:80px !important;
	padding: 8px 4px !important;
	display: inline;
	text-align:right;
	font-size:18px;
	color:#000 !important;
	line-height:80px !important;
	letter-spacing:-1px;
	border-bottom: 1px solid rgba(92, 137, 7, 0);
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a.on{color:#5C8907 !important;}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover{color:#5C8907 !important; border-bottom: 1px solid rgba(92, 137, 7, 1); transition: border-bottom 0.3s;}

.navbar .container{max-width: 1200px;}
.navbar-default .navbar-nav > li{padding:0 0 0 30px;}

@media (min-width: 768px) {
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand {
    	margin-left:0 !important;
	}
}

.navbar-collapse{border-bottom:0 none !important;position:relative;}
.navbar-collapse .navbar-brand img{width:130px;margin:0;position:absolute;left:0;top:0;z-index:100;}
.navbar-collapse  a.logo,
.navbar-collapse  a.logo:hover{font-size:22px;font-weight:500;color:#fff;line-height:50px;}
.navbar-collapse  a.logo .tlo{width:140px;height:auto;margin:10px 0;}
.navbar-collapse  a.logo .m-tlo{display: none;}


.navbar-nav img {margin-right:10px;}
.navbar .container {width:100%;max-width:1300px;height:100%;}


.menu_ham{position: absolute;top:0;right: 0;margin: 18px 20px;z-index: 101;}

/*************************************************
*					main banner	  				*
*************************************************/
/* .hcontainer{display: flex;justify-content: space-between;} */

.hcontainer{position: relative;margin: 40px 0 0;}
.hleft{position: absolute;left: 0;top: 238px;}
.hleft .hl_tit{font-size: 21px;color: #fff;font-weight: 600;margin-bottom: 20px;}
.hleft img{width: 200px;}
.hleft li:last-child{margin: 20px 0 60px;}
.hcenter img{margin: 0 auto;display: block;}
.hright img{width:32.42%;max-width: 375px;position: absolute;right: 0;top: 135px;}
.lxbit img{width: 463px;}


/*************************************************
*					CONTAINER					*
*************************************************/


/******************* About *******************/
h2{font-size: 36px;line-height: 44px;font-weight: 600;}
h2 span{display: block;font-size: 24px;font-family: 'MapoFlowerIsland';font-weight: 100;color: #547B37;margin: 0 0 45px;}

.about_con{display: flex;font-weight: 300;font-size: 22px;line-height: 52px;justify-content: flex-end;white-space: nowrap;}
.about_img{width: 500px;height: 330px;background-size: 100%;transition: background-size .8s ease;position: relative;background-position: center center;background-repeat: no-repeat;
	border-radius: 16px;
/* 	-webkit-mask-image: linear-gradient(to top, transparent 5%, black 100%);
	mask-image: linear-gradient(to top, transparent 5%, black 100%); */}
.about_img:hover{background-size: 110%;}
#abcon1 .about_img{background-image: url(../images/about_img01.jpg);}
#abcon2 .about_img{background-image: url(../images/about_img02.jpg);}
#abcon3 .about_img{background-image: url(../images/about_img03.jpg);}
.about_img div{border: 1px solid rgba(255, 255, 255, 0.3);position: absolute;width: 94%;height: 92%;top:50%; left: 50%; transform: translate(-50%, -50%);border-radius: 12px;}
.about_img span{font-family: 'MapoFlowerIsland';font-size: 64px;line-height: 100%;position: absolute;margin: 30px 40px;}
#abcon1 .about_img span{color: #827070;}
#abcon2 .about_img span{color: #4B6121;right: 0;}
#abcon3 .about_img span{color: #444D6B;bottom: 0;}

.about_left{text-align: right;}
.about_ttlis{font-size: 30px;line-height: 63px;}

#abcon2, #abcon3{margin: 40px 0 0;}
#abcon1 .about_left, #abcon3 .about_left{margin: auto;}
#abcon2 .about_right{margin: auto;}
#abcon2{justify-content: flex-start;}
#abcon2 .about_right{order: 2;}
#abcon2 .about_left{order: 1;}

#abcon2 .about_left_img{position: relative;}
#abcon2 .about_left_img::after{width: 200px;height:130px;background: url(../images/deco_r.png) center center no-repeat;background-size: contain;
	position: absolute;top:-30px;right: -195px;content: "";}
#abcon3 .about_right{position: relative;}
#abcon3 .about_right:before{width: 200px;height:180px;background: url(../images/deco_l.png) center center no-repeat;background-size: contain;
	position: absolute;top:-44px;left: -196px;content: "";}


/***************** Best ******************/
#best{margin-bottom: 50px;}
#best .swiper-slide{display: flex;justify-content: space-between;}
#best .slider{overflow: hidden;width: 800px !important;margin: 0 auto;}
#best .swiper-wrapper{width: 800px;height:480px;margin: 0 auto;}

.item_left img{height: 380px;width: auto;margin:60px 0 0 40px;}
.item_right{text-align: right;white-space: nowrap;margin: 100px 40px 0 0;}
.item_right h3{font-weight: 200;font-size: 26px;line-height: 36px;letter-spacing: -1px;color: #547B37;}
.item_right h3 span{font-size: 20px;color: rgba(84, 123, 55, 0.6);margin: 0 0 0 6px;font-family: 'MapoFlowerIsland';}
.item_right .item_sub{font-size: 14px;line-height: 24px;color: #767676;}
.item_right .item_txt{font-size: 18px;line-height: 27px;font-weight: 300;margin: 160px 0 0 ;}

#best .swiper-button-next {
	background: url(../images/best_sn.png) no-repeat;
	background-size: 48px 48px;
	background-position: center;
	width: 48px;
	height: 48px;
	top: 834px;
	right: 160px;
  }
  
#best .swiper-button-prev {
	background: url(../images/best_spr.png) no-repeat;
	background-size: 48px 48px;
	background-position: center;
	width: 48px;
	height: 48px;
	top: 834px;
	left: 160px;
  }
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
#best .swiper-pagination{width: 900px;height: 4px;;margin: 100px auto;position: relative;}
#best .swiper-pagination-progressbar{background: #DCDCDC;width: 700px;}

/*************** Shop ****************/
.ser_wrap{padding: 120px 0 0;width: 1200px; margin:0 auto;}
.ser_wrap .sw_left{height: 100%;position:relative;float: left;margin: 0}
.ser_wrap .sw_left ul{display: flex;}
.ser_wrap .sw_right{height: 100%;position:relative;float:right;}
.ser_wrap .sw_img{width:100%;text-align:center;}

#shop h2 span{color: #FE908B;}
#shop .sw_left .shop_qr{width: 120px;height: 120px;margin: 100px 0 0;}
#shop .sw_left .shop_qr img{width: 100%;}
#shop .sw_left .shop_txt{font-size: 20px;line-height: 30px;margin: 40px 16px 60px;}
#shop .sw_left ul li:last-child{margin: 0 0 0 20px;}
#shop .sw_left a img{width: 200px;}
#shop .sw_right img{width: 600px;}

/****************** Contact *******************/
.ct_wrap{padding: 120px 0 0 0 ;position: relative;}
.ct_left{height: 100%;position:relative;float: left;margin: 180px 0 0;font-size: 16px;line-height: 24px;}
.ct_left a img{width:314px;margin: 0 0 40px;}
.ttl_grey{color: #A5A5A5;}
.ct_left .ct_time{margin: 20px 0 40px;}

.ct_right{position:relative;float:right;margin: 130px 0 0;width: 750px;height: 450px;}
.ct_right .map{border-radius: 20px;box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);width: 100%;height: 100%;}
.root_daum_roughmap .wrap_map{height: 450px !important;}


/****************** News *******************/
#news ul{display: flex;justify-content: space-between;margin: 177px 0 0;}
#news li{width: 400px;height: 400px;background-color: #fff;box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.12);position: relative;cursor: pointer;border-radius: 16px;}
#news li:hover{background-color: #edf9e6/* rgba(213, 253, 186, 0.3) */;}
#news li:hover .news_con{opacity: 0.7;}
.news_con>a{display: block;transition: transform 1s;opacity: 0;position: absolute;left:50%; transform:translateX(-50%) translateY(-50%);top: 50%;}
#news li:hover .news_con>a{display: block;opacity: 1;}

.news_con{margin: 50px auto;width: 300px;box-sizing: border-box;}
.news_con span{font-size: 14px;line-height: 21px;letter-spacing: 2px;}
.news_con h4{font-size: 24px;line-height: 36px;
    white-space: normal;
    height: 72px;
    word-wrap: break-word;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.news_con p{font-size: 18px;line-height: 27px;font-weight: 300;margin: 30px 0 0;
    white-space: normal;
    height: 135px;
    word-wrap: break-word;
	overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;}
/* .news_more{text-align: right;margin: 14px 0 230px;font-size: 18px;line-height: 27px;}
.news_more img{width: 30px;margin: 0 0 0 10px;} */

/************************************************
*		SLIDER									*
************************************************/

.flex-container a:hover,
.flex-slider a:hover {
	outline: none;
}
.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
.flex-direction-nav{display:none;}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* --------------------------------------------
 * BASE STYLES
 * --------------------------------------------*/
.flexslider {
	margin: 0;
	padding: 0;
	/* background-color:#f74f4c !important; */
}
.flexslider .slides > li {
	-webkit-backface-visibility:hidden;
	display:none;
	overflow:hidden;
}
.flexslider .slides img {
	width:100%;
	display:block;
}
.flexslider .slides:after {
	height:0;
	line-height:0;
	display:block;
	clear:both;
	visibility:hidden;
}
html[xmlns] .flexslider .slides {
	display:block;
}
* html .flexslider .slides {
	height:1%;
}
.no-js .flexslider .slides > li:first-child {
	display:block;
}

.flexslider {
	margin:0;
	background:#fff;
	position:relative;
	zoom:1;
	-webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	-o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}
.flexslider .slides {
	zoom:1;
}
.flexslider .slides img {
	height:auto;
	-moz-user-select:none;
}
.flex-viewport {
	max-height:2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height:300px;
}
.carousel li {
	margin-right:5px;
}
.flex-direction-nav {
	*height:0;
}
.flex-direction-nav a {
	width:60px;
	height:60px;
	margin:-20px 0 0;
	text-decoration:none;
	font-size:0 !important;
	color:rgba(0, 0, 0, 0.8);
	position:absolute;
	top:50%;
	z-index:10;
	display:block;
	overflow:hidden;
	opacity:1;
	cursor:pointer;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.flex-direction-nav .flex-prev {
	background:url(../images/icon/arrow_prev.png) no-repeat;
	left:40px;
	top:45%;
}
.flex-direction-nav .flex-next {
	background:url(../images/icon/arrow_next.png) no-repeat;
	text-align: right;
	right:40px;
	top:45%;
}
.flexslider:hover .flex-direction-nav .flex-prev {
	opacity: 1;
	left: 40px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover {
	opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next {
	opacity: 1;
	right: 40px;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 1;
	filter: alpha(opacity=100);
	cursor: default;
	z-index: -1;
}
.flex-control-nav {
	width: 100%;
	max-width:1300px;
	margin:0 auto;
	padding:0 0 0 200px;
	text-align: left;
	position:relative;
	top: 550px;
	z-index:100;
}
.flex-control-nav li {
	margin:0 6px;
	display:inline-block;
	zoom:1;
	*display:inline;
}
.flex-control-paging li a {
	width: 12px;
	height: 12px;
	background: #bababa;
	background: rgba(186, 186, 186, 1);
	cursor: pointer;
	text-indent: -9999px;
	/*
	-webkit-box-shadow: inset 0 0 3px rgba(186, 186, 186, 1);
	-moz-box-shadow: inset 0 0 3px rgba(186, 186, 186, 1);
	-o-box-shadow: inset 0 0 3px rgba(186, 186, 186, 1);
	box-shadow: inset 0 0 3px rgba(186, 186, 186, 1);
	*/
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	display:block;
}
.flex-control-paging li a:hover {
	background: #f74f4e;
	background: rgba(248, 79, 76, 1);
}
.flex-control-paging li a.flex-active {
	background: #f74f4e;
	background: rgba(248, 79, 76, 1);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	height: auto;
	display: block;
	opacity: .7;
	cursor: pointer;
	-moz-user-select: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}

@media screen and (max-width: 860px) {
	.flex-direction-nav .flex-prev {
		opacity: 1;
		left: 40px;
		top:35%;
	}
	.flex-direction-nav .flex-next {
		opacity: 1;
		right: 40px;
		top:35%;
	}
}




/************************************************
*					Paginate					*
************************************************/

.responsivePaginate
{
	margin:50px 0;
	text-align:center;
	font-size:1em;
	line-height:1em;
	white-space:nowrap;
}
.responsivePaginate img{margin:0 0 5px;vertical-align:middle;}

.responsivePaginate span, .responsivePaginate div{
	margin:0 .25em 0 .25em;
	padding:.20em .5em;
	background-color:#18a2a2;
	border:1px solid #18a2a2;
	color:#fff !important;
	line-height:1em;
	visibility:hidden;
}
.responsivePaginate span, .responsivePaginate div
{
	display:inline;
	color:#18a2a2;
}
.responsivePaginate a
{
	margin:0 .25em 0 .25em;
	padding:.20em .5em;
	color:#18a2a2;
	text-decoration:none;
	background-color:#efefef;
	border:1px solid #18a2a2;
}

.responsivePaginate a.next{background:url(../images/icon/btn_page_next.gif) no-repeat center 50%;}
.responsivePaginate a.prev{background:url(../images/icon/btn_page_prev.gif) no-repeat center 50%;}

.responsivePaginate a:hover
{
	background-color:#18a2a2;
	color:#fff !important;
}

.responsivePaginate a:hover.next{background:url(../images/icon/btn_page_next.gif) no-repeat center 50%;}
.responsivePaginate a:hover.prev{background:url(../images/icon/btn_page_prev.gif) no-repeat center 50%;}


 


 
/************************************************
*					FOOT						*
************************************************/

.footer{width:100%;margin:0;background-color:#fff;position:relative;left:0;bottom:0;min-width: 1300px;}
.footer .copyright{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	padding:45px 0;
	text-align:center;
	font-size:14px;
	font-weight:400;
	color:#333;;
	line-height:23px;
	letter-spacing:1px;
	position:relative;
}

.footer .f_logo img{width: 140px;}
.footer .ft_txt{margin: 20px 0;}
.footer .ft_txt span{color: #a5a5a5;}
.footer .ft_last{font-size: 12px;}

.footer .copyright .fw_top{
	width:60px;
	height:60px;  
	position: fixed;
	right: 20px;
	bottom:20px;
	z-index:100;
	transition: .2s linear;
	cursor: pointer;
}
.footer .copyright .fw_top a{width:100%;height:70px;display:block;}
.footer .copyright .fw_top a img{width:100%;}

.footer .copyright .ft_group{margin:-15px 0 0;font-size:11px;line-height:16px;position:absolute;right:0;top:83px;display:none;}
.footer .copyright .ft_group .tgl_btn{
	width:240px;
	height:45px;
	margin:-10px 0 0;
	padding:0 15px;
	background:#222;
	border:1px solid #bebebe;
	font-size:14px;
	font-weight:600;
	color:#bebebe;
	line-height:45px;
	display:block;
}
.footer .copyright .ft_group .tgl_btn span{height:45px;font-size:5px;line-height:45px;position:absolute;top:-10px;right:15px;}
.footer .copyright .ft_group .g_menu_wrap{
	width:525px;
	padding:45px 0 20px 45px;
	background:#fff;
	border:1px solid #c1c1c1;
	line-height:45px;
	position:absolute;
	top:-250px;
	right:0;
	opacity:0.9;
	z-index:100;
}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap{
	width:119px;
	padding:0;
	text-align:left;
	font-size:16px;
	color:#222 !important;
	line-height:18px;
	float:left;
}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dt{margin-bottom:5px;padding-bottom:5px;font-size:16px;font-weight:bold;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dd{width:100px;margin:0;padding:0;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dd a{margin:0;font-size:15px;color:#585858;line-height:24px;letter-spacing:-1px;}
.footer .copyright .ft_group .g_menu_wrap .g_link_wrap dd a:hover{text-decoration:underline;}
.footer .copyright .ft_group .g_menu_wrap .g_link_line{width:1px;height:105px;float:left;margin:10px 0;background:#000;}

.footer .sns_wrap{position: absolute;right: 355px;top: 35px;}
.footer .sns_group ul{display: flex;}
.footer .sns_group li{padding: 0 0 0 36px;}
.footer .sns_group li img{width: 30px;}


/************************************************
*					POPUP						*
************************************************/

/*************** BOOTSTRAP POP ******************/
.modal{top:15px !important;z-index:1000;}
.modal.in .modal-dialog{max-width:320px;}

.modal-header{font-size:16px;color:#000;}
.modal-header .close{font-size:35px;font-weight:300;color:#000;float:right;}

.modal-content{border-radius:0 !important;}

.modal-body{padding:25px 10px !important;font-size:14px;color:#222;}
.modal-body b{margin:0 0 15px;font-size:16px;font-weight:600;color:#222;display:block;}

.modal-footer{padding:0 !important;}
.modal-footer .btn:first-child{border-left:0 none;}
.modal-footer .btn{
	height:50px;
	margin:0 !important;
	padding:0;
	background-color:#e6e6e6;
	border-left:1px solid #cecece;
	border-radius:0;
	font-size:15px;
	line-height:50px;
	float:left;
}
.modal-footer .btn-primary{background-color:#d12e31;border-color:#d12e31;}


/************************************************
*					ETC							*
************************************************/

.xbltit{margin:0;padding:90px 0 20px;text-align:left;font-size:40px;font-weight:600;color:#fc7471;line-height:50px;position:relative;display:block;z-index:100;}
.xbltit span{height:50px;position:absolute;right:0;top:0;}

.xltit{margin:0;text-align:left;font-size:36px;font-weight:700;color:#fc7471;line-height:43px;display:block;}

.xbctit{margin:0;padding:25px 0 20px;text-align:center;font-size:32px;font-weight:700;color:#111;line-height:42px;position:relative;display:block;z-index:100;}
.xbctit span{height:45px;position:absolute;right:0;top:0;}

.cxbit{margin:0 0 10px;text-align:center;font-size:40px;font-weight:500;color:#111;line-height:50px;display:block;}

.cxit{margin:0 0 15px;text-align:center;font-size:32px;font-weight:300;color:#111;line-height:42px;display:block;}
.cxit b{font-weight:500;}
.cbxt{margin:0 0 15px;padding:0;text-align:center;font-size:26px;font-weight:300;color:#111;line-height:26px;display:block;}
.ctxt{margin:0 0 15px;padding:0;text-align:center;font-size:18px;font-weight:300;color:#3e3e3e;line-height:28px;display:block;}

.lc_btit{margin:20px 0;text-align:center;font-size:32px;font-weight:600;color:#111;display:block;}

.lbit{margin:0 0 10px;text-align:left;font-size:26px;font-weight:300;color:#111;line-height:36px;display:block;}

.lxit{margin:0 0 25px;text-align:left;font-size:26px;font-weight:500;color:#111;line-height:36px;display:block;}
.lbtit{margin:0 0 5px;padding:0;text-align:left;font-size:26px;font-weight:300;color:#3e3e3e;line-height:36px;display:block;}
.lbtit b{margin:0 5px 0 0;font-weight:500;}
.lbtit span{font-size:18px;}
.ltxt{margin:0 0 15px;padding:0;text-align:left;font-size:16px;font-weight:300;color:#3e3e3e;line-height:26px;display:block;}


.tal{text-align:left !important;}
.tac{text-align:center !important;}
.tar{text-align:right !important;}


.fl_l{float:left !important;}
.fl_r{float:right !important;}


.only_pc{display:block !important;}
.only_mobile{display:none !important;}

div.stop-dragging
{
  -ms-user-select: none; 
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}






/************************************************
*					TABLE						*
************************************************/

.table_type1{width:100%;margin:0 0 15px;border-top:2px solid #555;font-size:14px;}
.table_type1 caption{display:none}
.table_type1 thead th,
.table_type1 thead td{padding:10px;background-color:#fff;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;font-size:15px;font-weight:600;color:#333;line-height:20px;}
.table_type1 tbody th,
.table_type1 tbody td{padding:13px 10px;background-color:#fff;border-left:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4;font-size:14px;font-weight:500;color:#777;line-height:20px;}
.table_type1 th:first-child,
.table_type1 td:first-child{border-left:0 none !important;}
.table_type1 img{vertical-align:middle;}
.table_type1 .it_case{margin:0;padding:0;position:relative;}
.table_type1 .it_case li.w3:first-child{width:34%;}
.table_type1 .it_case li.w3{width:33%;}
.table_type1 .it_case li{text-align:center;display:block;float:left;}
.table_type1 .it_btit{font-size:20px;font-weight:500;}
.table_type1 .it_tit{font-size:18px;font-weight:500;}
.table_type1 .it_btxt{font-size:16px;font-weight:500;color:#555;line-height:normal;}
.table_type1 .it_txt{font-size:16px;font-weight:400;color:#888;line-height:normal;}


.table_type2{width:100%;margin:0 0 20px;font-size:14px;}
.table_type2 caption{display:none}
.table_type2 thead th,
.table_type2 thead td,
.table_type2 tbody th,
.table_type2 tbody td{
	padding:13px 10px;
	border-bottom:1px solid #e4e4e4;
	line-height:24px;
}

.table_type2 thead th{
	background-color:#f9f9f9;
	border-top:2px solid #555;
	font-size:15px;
	font-weight:600;
	color:#333;
}
.table_type2 thead td{
	background-color:#f9f9f9;
	border-top:2px solid #555;
	font-size:14px;
	font-weight:600;
	color:#777;
}
.table_type2 tbody th{
	background-color:#f9f9f9;
	font-size:14px;
	font-weight:500;
	color:#333;
}
.table_type2 tbody td{
	background-color:#fff;
	font-size:14px;
	font-weight:500;
	color:#777;
}
.table_type2 .tt_text{height:450px;}
.table_type2 img{width:auto;height:20px;vertical-align:middle;}
.table_type2 .tw10p{width:10%;}
.table_type2 .tw15p{width:15%;}
.table_type2 .tw75p{width:75%;}



/************************************************
*				Mobile						*
************************************************/
/* 
@media all and (max-width:1024px){
	.navbar-brand .tlo{display: block !important;}
	.navbar-brand .m_tlo{display: none !important;}
	.xbltit{padding-bottom: 50px;}
	.m_input1 .input_w {width: calc(100%/2 - 5px) !important}
	.m_input2 input{width: calc(100% - 170px) !important;}
	.pg_bg .use_back_bg img{top: -40px;}
} */

@media all and (max-width:980px){

	.only_pc{display:none !important;}
	.only_mobile{display:block !important;}

	.wrap{min-width: auto;}
	.hcontainer{max-width:390px;padding:80px 20px 125px;margin:0 auto;min-height: 620px;height: 180vw;min-width: 320px;}
	.scontainer{max-width:390px;/* padding:0 10px; */margin:0 auto;min-width: auto;}
	.acontainer{max-width:390px;/* padding:0 0 80px */;position:relative;z-index:40;margin:0 auto;min-width: auto;overflow: hidden;}
	.ncontainer{max-width:390px;/* padding:0 30px 80px; */margin:0 auto;min-width: auto;}

/* 	.ttl_bg{
		width:100%;
		height:auto;
		background: url(../images/main01.jpg) top center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-width: auto;
	}  */

	.ttl_bg{
		width:100%;
		height:auto;
		background: url(../images/m_main01.jpg) top center no-repeat;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
		min-width: auto;
	}
	
	.bg_s0{height: auto;min-width: auto;}
	.bg_s1{height: auto;min-width: auto;}
	.bg_s2{height: auto;min-width: auto;}

	.bg_n{
		height:auto;
		background:url(../images/m_bg_news.jpg) center center no-repeat;
		min-width: auto;
	}

/* 	.navbar-brand .logo{width: 100%;} */
	.navbar-brand .m_tlo{width:88px;height:auto;margin:13px 0 0 20px;position:absolute;left:0;top:0;z-index:100;display: block !important;}
	.nav_bg{height: 60px;opacity: 1;position: absolute;}
	.navbar{height:51px !important;}
	.navbar-brand{padding:0 15px !important;}
	.navbar-header,
	.navbar-brand{height:60px !important;line-height:60px !important;position:relative !important;}
	.navbar>.container .navbar-brand,
	.navbar>.container-fluid .navbar-brand{margin-left:0 !important;}
	.container>.navbar-collapse,
	.container>.navbar-header{margin:0 !important;}
	.navbar-header a.logo,
	.navbar-header a.logo:hover{font-size:22px;font-weight:500;color:#fff;line-height:50px;}
	.navbar-toggle{position:absolute;margin: 0px 20px 0 0 !important;padding: 0 !important;right:0;top:0;border:0 !important;z-index:100;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{background-color: #fff;}
	.navbar-toggle .menubtn_img{width: 28px;height: auto;}
	.navbar-toggle:hover{background-color:transparent !important;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{width:100% !important;border: 0;}
	.navbar-default .navbar-nav{position:absolute;display: flex;justify-content: space-between;margin: 0 !important;width: 100%;left: 0;max-width: 550px;left: 50%;transform: translateX(-50%);}
	.navbar-default .navbar-nav > li{float:left;padding: 0;}
	.navbar-default .navbar-nav > li > a {
		height:47px !important;
		font-size:13px;
		line-height:60px !important;
		padding:0 !important;
		white-space: nowrap;
		display: block;
	}

	.navbar-default .navbar-nav > li > a > span img {height: 100%;border: 1px solid red;}

	.navbar-collapse{background-color:#fff;}

/* 	.navbar-collapse.in{overflow-y: hidden !important;} */
	.navbar .container{height:100%;padding:0 !important;}

	h2{font-size: 24px;line-height: 32px;margin: 0 0 0 40px;}
	h2 span{height:24px;margin: 0 0 40px;}

	.m_about_txt{text-align: center;font-family: 'Pretendard';font-size: 16px;line-height: 22px;margin: 20px 0 80px;font-weight: 300;}
	.about_ttlis{font-size: 22px;line-height: 36px;margin: 0 0 10px;display: block;}
	
	.m_about_img{width: 280px;height: 180px;;background-size: 100%;transition: background-size .8s ease;position: relative;background-position: center center;background-repeat: no-repeat;margin: 0 0 40px;border-radius: 8px;}
	.m_about_img div{border: 1px solid rgba(255, 255, 255, 0.3);position: absolute;width: 96%;height: 94%;top:50%; left: 50%; transform: translate(-50%, -50%);border-radius: 7px;}
	.m_about_img span{font-family: 'MapoFlowerIsland';font-size: 32px;line-height: 160%;margin:0 5%;}
	#m_abcon1 div span{color: #827070;}
	#m_abcon2 div span{color: #4B6121;}
	#m_abcon3 div span{color: #444D6B;}
	#m_abcon1 .m_about_img{background-image: url(../images/about_img01.jpg);}
	#m_abcon2 .m_about_img{background-image: url(../images/about_img02.jpg);}
	#m_abcon3 .m_about_img{background-image: url(../images/about_img03.jpg);}
	.m_about_img:hover{background-size: 110%;}
	.m_about_right{float: right;position: relative;}
	.m_about_left{float: left;position: relative;}

	#m_abcon1{position: relative;text-align: right;}
	#m_abcon2{position: relative;}
	#m_abcon3{position: relative;text-align: right;}
	#m_abcon2 .m_about_img::after{width: 90px;height:70px;background: url(../images/deco_l.png) center center no-repeat;background-size: contain;
		position: absolute;top:-35px;right: 270px;content: "";}
	#m_abcon3 .m_about_img::after{width: 82px;height:56px;background: url(../images/deco_r.png) center center no-repeat;background-size: contain;
		position: absolute;top:-30px;left:280px;content: "";}

	#best .swiper-slide{display: block;}
	#best .slider{width: 350px !important;margin: 0 auto;padding: 60px 0;}
	#best .swiper-wrapper{width: 100%;height:530px;margin: 0 auto;}

	.item_left{height:300px;width:200px;margin: 0 auto;text-align: center;}
	.item_left img{height: 100%;width: auto;margin: 0;}
	.item_right{text-align: center;margin: 40px 0 0;}
	.item_right h3{font-size: 20px;line-height: 23px;font-weight: 300;}
	.item_right h3 span{font-size: 16px;font-weight: 200;}
	.item_right .item_sub{font-size: 14px;line-height: 24px;}
	.item_right .item_txt{font-size: 14px;line-height: 21px;margin: 30px 0 0 ;}

	#best .swiper-button-next {
		background: url(../images/best_sn.png) no-repeat;
		background-size: 48px 48px;
		background-position: center;
		width: 48px;
		height: 48px;
		top: 400px;
		right: 0;
	}
	
	#best .swiper-button-prev {
		background: url(../images/best_spr.png) no-repeat;
		background-size: 48px 48px;
		background-position: center;
		width: 48px;
		height: 48px;
		top: 400px;
		left: 0;
	}
	.swiper-button-next::after,
	.swiper-button-prev::after {
	display: none;
	}
	#best .swiper-pagination{display: none;}
	#best .swiper-pagination-progressbar{background: #DCDCDC;}

	.ser_wrap{padding: 80px 0 0;position: relative;box-sizing: border-box;width: 100%;}
	.ser_wrap .sw_left{position:relative;margin: 60px 0 0;float: none;}
	.ser_wrap .sw_right{position:absolute;float:none;width: 360px;top:330px;left: 50%;transform:translateX(-50%);height: auto;}

	#shop h2 span{color: #FE908B;}
	#shop .sw_left .shop_qr{margin: 0 auto;width: 100px;height: 100px}
	#shop .sw_left .shop_qr a{width: 100px;height: 100px;}
	#shop .sw_left .shop_qr img{width: 100%;height: 100%;}
	#shop .sw_left .shop_txt{font-size: 16px;line-height: 24px;margin: 340px auto 0;text-align: center;}
	#shop .sw_left ul{margin: 30px auto 70px;;width: 324px;justify-content: space-evenly;}
	#shop .sw_left ul li:last-child{margin: 0;}
	#shop .sw_left a{width: 150px;display: inline-block;}
	#shop .sw_left a img{width: 100%;}
	#shop .sw_right img{width: 100%;}

	.ct_wrap{padding: 60px 0 80px;}
	.ct_wrap .ct_left{float: none;text-align: center;font-size: 14px;}
	.ct_wrap .ct_right{float: none;}
	.ct_left{margin: 0;}
	.ct_left .ct_mail{width: 220px;margin: 60px auto 30px;}
	.ct_left a img{width:100%;margin: 0;}
	.ct_left .ct_time{margin: 4px 0 30px;}
	.ct_right{margin:0 auto 80px;width: 350px;height: 258px !important;}
	.ct_right .map{border-radius: 8px;}
	.root_daum_roughmap .wrap_map {height: 300px !important;}
	.ct_right>p{font-size: 14px;line-height: 21px;text-align: center;margin: 36px 0 0;}

	#news ul{margin:60px auto;display: block;}
	#news li{width: 270px;;height: 235px;margin: 0 auto;}
	.news_con>a{display: block;transition: transform 1s;opacity: 0;position: absolute;left:50%; transform:translateX(-50%) translateY(-50%);top: 50%;}
	.news_con{margin: 30px auto;width: 77%;padding: 27px 0;box-sizing: border-box;}
	.news_con span{font-size: 14px;line-height: 21px;letter-spacing: 2px;}
	.news_con h4{font-size: 18px;line-height: 27px;height: 49px;}
	.news_con p{font-size: 14px;line-height: 21px;font-weight: 300;margin: 20px 0 0;
		height: 81px;
		-webkit-line-clamp: 4;}
	.news_con img{width: 122px;}

	.footer{height:auto;margin: 0;min-width: auto;}
	.footer .copyright{
		max-width:100%;
		padding:33px 10px;
		text-align: center;
		font-weight: 300;
		font-size: 12px;
		letter-spacing: -1px;
		line-height: 15px;
	}

	.footer .f_logo{width: 87px;margin: 0 auto;}
	.footer .f_logo img{width: 100%;}
	.footer .ft_txt{margin: 16px 0;}
	.footer .ft_last{font-size: 9px;}
	.footer .copyright .fw_top{width: 40px;height: 40px;}
	.footer .copyright .fw_top a img{width:100%;}
}

/* 230612 추가 */
.navbar .container{max-width: 1200px;}
.navbar-default .navbar-nav > li > a {font-weight: bold;}

#mainbn{width: 100%;overflow-x: hidden;}
#mainbn ul li{display: block;min-width: 1200px;background-position:center center;background-size: cover;margin: 80px 0 0;background-repeat: no-repeat;height: 1024px;}
#mainbn .v1{background-image: url(../images/main01.jpg);}
#mainbn .v2{background-image: url(../images/main02.jpg);}
#mainbn .v3{background-image: url(../images/main03.jpg);}

.about_con{display: flex;font-weight: 400;font-size: 22px;line-height: 52px;justify-content: flex-end;white-space: nowrap;}
.about_img{width: 520px;height: 340px;}
.about_img span{font-size: 48px;margin: 20px 25px;}

.about_ttp{border-bottom: 1px solid rgba(92, 137, 7, 1);color: #5C8907;}
#abcon2 .about_left_img::after{width: 180px;height: 112px;opacity: 0.85;right: -172px;}
#abcon3 .about_right:before{width: 170px;height: 165px;opacity: 0.95;left: -169px;top:-55px;}

.scontainer h2 span{opacity: 0;}
.item_right h3{font-weight: 400;}
.item_right .item_txt{font-weight: 400;}
.item_left #ttall{margin: 0 auto !important;object-fit: cover;height: 480px;}
#best #ttall_slide{justify-content: center;}

#shop .sw_left .shop_qr{width: 96px;height: 96px;}
.shop_name{margin: 20px 0 0 10px;width: 110px;}
.shop_name>img{width: 100%;}
#shop .sw_left .shop_txt{margin: 20px 0 30px 10px;}

/* mobile */
@media all and (min-width:1921px){
	#mainbn ul li{height: 1200px;}
}

@media all and (max-width:980px){
	#mainbn ul li{min-width: 320px;background-position:center top;margin: 0 0;height: 170vw}
	#mainbn .v1{background-image: url(../images/m_main01.jpg);}
	#mainbn .v2{background-image: url(../images/m_main02.jpg);}
	#mainbn .v3{background-image: url(../images/m_main03.jpg);}
	
	.m_about_txt{font-weight: 400;}

	#best .slider{padding: 0;}
	.shop_name{margin: 360px auto 0;}
	#shop .sw_left .shop_txt{margin: 20px auto 0;}
}
/* 230612 끝 */
