/**********************************************************************************
	FONTS
**********************************************************************************/
@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 100;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 300;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 500;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 700;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
}

@font-face {
	font-family: 'Noto Sans KR';
	font-style: normal;
	font-weight: 900;
	src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),
	url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
}
/* @import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,800,900');
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css); */
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');
/*
	normalize / reset
*/
html, body {
	font-family: 'Montserrat','Noto Sans KR',AppleGothic,sans-serif;
	font-size:100%;
	color:#202020;
}
body {
	line-height: 1;
	position: relative;
}

ol, ul {
	list-style: none;
}

p, ul, figure {
	padding: 0;
	margin: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

img {
	/* image-rendering: -moz-pixelated;
	image-rendering:   -o-pixelated;
	image-rendering: pixelated; */
	max-width: 100%;vertical-align: middle;
}

h1, h2, h3, h4, h5, h6 {
	font-family: inherit;font-weight:700;
	color: #000;
	margin: 0;
}

button, textarea, input, select {
	font-family: inherit;
	color: inherit;
	padding: 0;
}

button {
	border:0;
	cursor:pointer;
}

/**********************************************************************************
	[media query examples]
	@media (max-width: 575px) { }
	@media (max-width: 767px) { }
	@media (max-width: 991px) { }
	@media (max-width: 1199px) { }

	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
**********************************************************************************/
.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.container {
	max-width:1150px;
	margin:0 auto;
	position:relative;
}

.container-full {
	width:100%;
	position:relative;
}
#content-wrap{padding-top:123px;}

@media (max-width: 1199px) {
	#content-wrap{padding-top:70px;}
	.container {
		width:calc(100% - 20px);
		padding-left:10px;
		padding-right:10px;
	}
}

@media screen and (max-width: 600px) {
	#wpadminbar {
		position: fixed;
	}
}

.in_header{width:100%;height:123px;position:fixed;top:0;left:0;z-index:999;background:#fff;transition:.3s ease;}
.in_header .logo{display:inline-block;width:194px;}
.in_header .logo.light{display:none;}
header .nav .nav-icon, .in_header .navbar>li .sub-menu{display:none;}
header .nav .nav-icon:after,
header .nav .nav-icon:before,
header .nav .nav-icon div {
  background-color: #000;
  -o-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  content: '';
  display: block;
  height: 4px;
  margin: 6px 0;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

header .nav .nav-icon:before {
	margin-top:0;
}

header .nav .nav-icon:after {
	margin-bottom:0;
}

header .nav .nav-icon.active:before {
  transform: translateY(10px) rotate(135deg);
  -moz-transform: translateY(10px) rotate(135deg);
  -webkit-transform: translateY(10px) rotate(135deg);
}

header .nav .nav-icon.active:after {
  transform: translateY(-10px) rotate(-135deg);
  -moz-transform: translateY(-10px) rotate(-135deg);
  -webkit-transform: translateY(-10px) rotate(-135deg);
}

header .nav .nav-icon.active div {
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}
.story_wrap .in_header{background:rgba(0, 0, 0, 0.7);}
.story_wrap header .nav .nav-icon:after, .story_wrap header .nav .nav-icon:before, .story_wrap header .nav .nav-icon div{
	background-color:#fff;
}

@media (min-width: 1200px){
	.sub-bg{
		width: 100%;
	height: 0;
	position: absolute;
	top: 123px;
	left: 0;
	background: url(../images/menu-bg.jpg)repeat-x top left;
	background-color: #f8f8f8;
	transition: height .2s ease-in-out;
	-webkit-transition: height .2s ease-in-out;
	/* z-index: 98; */
	}
	.sub-bg.on{height:159px;}
	.in_header .topbar{text-align:right;padding-top:18px;}
	.in_header .topbar li{display:inline-block;font-size:1rem;font-weight:300;color:#8b8b8b;}
	.in_header .topbar li:after{display:inline-block;width:1px;height:10px;margin:14px;vertical-align:middle;background:#e0e0e0;content:'';}
	.in_header .topbar li:nth-child(3){margin-right:15px;}
	.in_header .topbar li:nth-child(3):after,.in_header .topbar .sns:after{display:none;}
	.in_header .topbar .sns{margin:0 3px;font-size:0;vertical-align:middle;}
	.in_header .topbar .sns.f a:before{content:url(../images/facebook-md.png);}
	.in_header .topbar .sns.i a:before{content:url(../images/insta-md.png);}
	.in_header .nav_wrap{margin-top:-20px;display:flex;align-items:flex-end;justify-content:space-between;}
	.in_header .navbar{margin:0 -39px;}
	.in_header .navbar>li{display:inline-block;padding:0 32px;list-style:none;font-size:1.2rem;}
	.in_header .navbar>li>a{position:relative;}
	.in_header .navbar>li .sub-menu{width:14.285%;padding-top:40px;position:absolute;display:none;opacity:0;visibility:hidden;transition:visibility 0s,opacity 0.5s linear;}
	.in_header .navbar>li .sub-menu li{list-style:none;color:#202020;font-weight:300;font-size:0.937rem;line-height:1.8;}
	.in_header .navbar>li:hover .sub-menu{display:block;opacity:1;visibility:visible;}
	.in_header .navbar>li .sub-menu li:hover{font-weight:700;}
	.in_header .navbar>li.menu-item-has-children:hover>a:before{display:block;position:absolute;left:50%;top:38px;transform:translateX(-50%);content:url(../images/menu-arr.png);}

	.story_wrap .sub-bg{background:rgba(0, 0, 0, 0.7);border-color:#ffe600;}
	.story_wrap .in_header .navbar>li, .story_wrap .in_header .navbar>li .sub-menu li{color:#fff;}
	.story_wrap .in_header .navbar>li:hover, .story_wrap .in_header .navbar>li .sub-menu li:hover{color:#ffe600;}
	.story_wrap .in_header .topbar .sns.f a:before{content:url(../images/topbar1-1.png);}
	.story_wrap .in_header .topbar .sns.i a:before{content:url(../images/topbar2-1.png);}
	.story_wrap .in_header .logo, .story_wrap .in_header .navbar>li:hover>a:before{display:none;}
	.story_wrap .in_header .logo.light{display:block;}
}
@media (max-width: 1199px) {
	header .nav .nav-icon {
		display:inline;
		width: 30px;
		cursor:pointer;
		position:absolute;
		right:0; top:50%; transform:translateY(-50%);
		z-index:100;
	}

	header .nav .navbar {
		position:fixed;
		width:70%;
		height:100%;
		top:70px;right:-70%;
		background:#fafafa;
		z-index:99;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		-ms-transition: all 0.5s ease;
		transition: all 0.5s ease;
		margin:0;
	}

	header .nav .navbar.active {
		right:0;
	}

	header .nav .navbar li a {
		display:block;
		width:100%;padding:0 20px;
		color:#000;
	}

	header .nav .navbar li {
		float:none;
		margin-right:0;
		line-height:3em;
		font-size:1rem;
		border-bottom:1px solid #e5e5e5;
	}
	header .nav .navbar>li{font-size:1.2rem;}
	.in_header .navbar>li .sub-menu{padding-left:10px;background:#fff;}
	.in_header .navbar>li .sub-menu li{border-bottom:1px solid #e5e5e5;}
	.in_header .navbar>li .sub-menu li:last-child{border-bottom:0;}
	.in_header{height:70px;display:table;}
	.in_header>.container{display:table-cell;vertical-align:middle;}
	.in_header .nav_wrap{position:relative;}
	.in_header .topbar{display:none;}
	.in_header .logo img{width:50%;}
}
/* footer:before{display:block;width:100%;height:6px;background:url(../images/con_bar.jpg)no-repeat center top;background-size:cover;content:'';} */
footer{border-top:3px solid #ffe600;}
.in_footer{padding:30px 0;text-align:center;color:#262626;position:relative;}
.in_footer .company_info{padding-top:30px;margin-bottom:0;font-size:0.812rem;}
.in_footer .company_info li{display:inline-block;list-style:none;line-height:1.7;}
.in_footer .company_info li:after{padding:0 14px;content:'l';}
.in_footer .company_info li:last-child:after{display:none;}
.in_footer .copyright{margin-top:2rem;}
.in_footer .r_box{width:100%;max-width:175px;position:absolute;top:30px;right:0;font-size:0.75rem;}
.in_footer .family_site{
	width:100%;
	padding:5px 7px;
	margin-bottom:25px;
	border:1px solid #262626;
	position: relative;
	cursor: pointer;
	text-align: left;
	-webkit-appearance: menulist-button;
}
.in_footer .family_site #fmenu {
	display: none;
    padding: 0 5px;
    position: absolute;
    bottom: 28px;
    left: -1px;
    right: 0;
    background: #fff;
	border: 1px solid #262626;
	width: 175px;

}

.in_footer .family_site #fmenu li {
	padding: 7px 0;
}

.in_footer .family_site #fmenu li>a {
	display:block;
}

.in_footer .coupon{text-align:right;}
.in_footer .coupon span{margin-right:5px;}
.in_footer .logo{display:inline-block;width:179px;}
.in_footer .logo.light{display:none;}
.story_wrap footer{background:#121212;}
.story_wrap .in_footer{color:#fff;}
.story_wrap .family_site{color:#262626;}
.story_wrap .logo{display:none;}
.story_wrap .logo.light{display:inline-block;}
body *{box-sizing:border-box;-webkit-box-sizing:border-box;}
img{vertical-align:middle;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;}
p{line-height:150%;}
img{max-width:100%; height:auto;}
table{border-collapse:collapse;}
em{font-style:normal;font-weight:700;}
.container.space{padding-left:45px;}
.clear:after{display:block;clear:both;content:'';}
.font-eb{font-weight:800;}
.font-bl{font-weight:900;}
.font-2{font-family:'Nanum Myeongjo',sans-serif;}
/* .color-1{color:#0e347e;} */
.color-1{color:#071F60;}
.color-2{color:#6b4d30;}
.color-3{color:#ffe600;}
.text-center{text-align:center;}
.btn{display:block;text-align:center;}
.btn.st-1{width:50px;height:50px;border-radius:100%;box-shadow:3px 0 11px rgba(138, 138, 138, 0.2);-webkit-box-shadow:3px 0 11px rgba(138, 138, 138, 0.2);overflow:hidden;background:#fff;background-position:center;background-repeat:no-repeat;background-size:cover;transition:all .3s ease;position:relative;}
.btn.st-1 span,.btn.st-1 span:after{display:inline-block;width:20px;height:3px;background:#080406;}
.btn.st-1 span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0);opacity:1;transition:all .3s ease;}
.btn.st-1 span:after{transform:rotate(90deg) translateX(-10px);content:'';}
.btn.st-1:hover span{opacity:0;transform:translate(-50%,-50%) rotate(180deg);}
.btn.st-1:hover{background-image:url(../images/btn1-on.png);}
.btn.st-2{padding:16.5px 0;background:#0e347e;color:#fff;font-size:1rem;font-weight:300;letter-spacing:-0.25px;}
.btn.st-3{padding:15.5px 0;background:#ffe600;color:#0e347e;font-size:1.25rem;}
.pagination .nav-links{text-align:center;margin-top:75px;}
.pagination .screen-reader-text{
	display:none;
}
.pagination .page-numbers {
    display:inline-block;
    color:#c8c8c8;
    width:30px;
    height:30px;
    vertical-align:top;
    line-height:30px;
    text-align:center;
    font-size:1rem;
    font-weight:300;
    cursor:pointer;
 }
.pagination .prev, .pagination .next{border:1px solid #eeeeee;position:relative;}
.pagination .prev{margin-right:25px;}
.pagination .next{margin-left:25px;}
.pagination .prev:after, .pagination .next:after{display:inline-block;width:5px;height:6px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:url(../images/board-arr2.png)no-repeat center;background-size:contain;content:'';}
.pagination .next:after{background-image:url(../images/board-arr.png);}
.pagination .page-numbers.current, .pagination .page-numbers:hover {
    color: #0e347e;font-weight: 700;
}
.overlay{width:100%;height:100%;position:fixed;top:0;left:0;background:#000;opacity:0.2;z-index:999;display:none;}
.to_top{position:fixed;bottom:15px;right:60px; z-index:10;}
.to_top span{display:inline-block;width:60px;height:60px;cursor:pointer;background:url(../images/off.png)no-repeat center;}
.to_top span:hover{background:url(../images/on.png)no-repeat center;}
.fade-in-out{opacity:0;transform:translateY(50px);transition:all 1s ease-in-out;-webkit-transition:all 1s ease-in-out;}
.fade-in-out.scroll{opacity:1;transform:translateY(0)}
@media screen and (max-width:1023px){
	.to_top span, .to_top span:hover{width:30px;height:30px;background-size:contain;}
}
@media screen and (max-width: 1110px){
	.to_top{right:5%;}
}
@media screen and (max-width:800px){
	.in_footer .r_box{display:none;}
	.in_footer .company_info{font-size:1rem;}
	.in_footer .company_info li{display:block;}
	.in_footer .company_info li:after{display:none;}
}

/* main */
#pageload, .load_main{width:100%;height:100%;display:table;text-align:center;position:fixed;top:0;left:0;background:#0b337b;z-index:9999;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;visibility:visible;}
#pageload>div, .load_main>div{display:table-cell;vertical-align:middle;}
#pageload img, .load_main img{display:inline-block;opacity:1;transform:translateY(20px);transition:.5s;-webkit-transition:.5s;}
/* #pageload:before, .load_main:before{
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	top: -100%;
	background: #ffe600;
	opacity: 1;
	transition: height .5s ease-in-out;
	content: '';
	z-index:1;
} */
#pageload:before, .load_main:before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #ffe600;
	opacity: 1;
	-webkit-transform-origin: center top;
   -ms-transform-origin: center top;
   transform-origin: center top;
   -webkit-transition: -webkit-transform .6s;
   transition: -webkit-transform .6s;
   transition: transform .6s;
   transition: transform .6s, -webkit-transform .6s;
   -webkit-transform: scaleY(0);
   -ms-transform: scaleY(0);
   transform: scaleY(0);
	content: '';
	z-index:1;
}
.load_main.active:before, #pageload.active:before{
	-webkit-transition-delay: .3s;
 transition-delay: .3s;
 -webkit-transform-origin: center bottom;
 -ms-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-transform: scaleY(1);
 -ms-transform: scaleY(1);
 transform: scaleY(1);
}
.main_visual_wrap{overflow:hidden;position:relative;text-align:center;}
.main_visual_wrap.swiper-container-horizontal>.swiper-pagination-bullets{bottom:24px;}
.main_visual_wrap.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.main_visual_wrap .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;}
.main_visual_wrap .swiper-pagination-bullet-active{background:#ffe600;}
.main_section .main_tit{font-size:3.125rem;text-transform:uppercase;-webkit-margin-before:0;}
.main_section .main_tit span{font-size:1.375rem;text-transform:none;}
.main_section .main_tit2{margin-bottom:0.7rem;text-transform:uppercase;font-size:2.187rem;}
.main_section .sub_tit{margin-bottom:1rem;font-size:1.125rem;line-height:130%;}
.main_section p.desc{color:#2c2525;}
.main_sec,.main_sec .grid_wrap>div{position:relative;overflow:hidden;}
.main_sec>.container, .main_sec .grid_wrap .inner{width:100%;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%);}
/* .main_sec>img,.main_sec .grid_wrap>div>img{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;transform:scale(1,1);transition:0.5s ease;-webkit-transition:0.5s ease;} */
/* .main_sec>img{display:none;} */
.main_sec>img, .main_sec .grid_wrap>div>img{width:100%;transform:scale(1,1);transition:.8s ease;}
.main_sec:hover>img, .main_sec .grid_wrap>div:hover>img{transform:scale(1.05,1.05);}
.main_sec img.m_ver{display:none;}
.main_sec .grid_wrap{margin:0 -5px;}
.main_sec .grid_wrap>div{margin:0 5px 10px;}
.main_sec .grid_wrap .m10-col-6{width:calc(60% - 10px);}
.main_sec .grid_wrap .m10-col-4{width:calc(40% - 10px);}
.main_sec .main_tit:after{display:block;width:37px;height:2px;margin:28px 0;background:#7f5b39;content:'';}
.main_sec.row-1{
	height:230px;
	/* padding:0 0 40px; */
	margin-bottom:5px;
	background:url(../images/main_sec1.jpg)no-repeat center;
}
.main_sec.row-1 .main_tit{margin-bottom:0.3rem;font-size:3.125rem;}
.main_sec.row-1 .main_tit span{display:inline-block;color:#564e00;font-size:1rem;}
.main_sec.row-1 .main_tit:after{display:none;}
.main_sec.row-1 .sub_tit{margin-bottom:0.5rem;font-size:1.466rem;}
.main_sec.row-1 p{margin-bottom:1.5rem;font-size:0.937rem;}
.main_sec.row-1 p.m_ver{display:none;}
.main_sec.row-2 .container{padding:81px 0 40px 45px;}
.main_sec.row-2 p.desc{margin-bottom:4rem;}
.main_sec.row-2 .btn.st-1{position:absolute;left:45px;bottom:40px;}
.main_sec.row-3{margin-top:10px;}
.main_sec.row-3 .inner{padding-top:79px;}
/* .main_sec.row-3 .m10-col-6 .inner .main_tit{color:#93a03d;} */
.main_sec.row-3 .m10-col-6 .inner .main_tit{color:#071f60;}

.main_sec.row-3 .m10-col-4 .inner .main_tit{color:#f1ae1d;}
/* .main_sec.row-3 .m10-col-6 .inner .main_tit:after{background:#adbb48;} */
.main_sec.row-3 .m10-col-6 .inner .main_tit:after{background:#071f60;}
.main_sec.row-3 .m10-col-4 .inner .main_tit:after{background:#f1ae1d;}
.main_sec.row-3 .m10-col-6 .inner{width:63%;float:right;left:inherit;right:0;transform:none;}
.main_sec.row-3 .m10-col-4 .inner{padding-left:45px;}
/* .main_sec.row-3 .m10-col-6{background:url(../images/main_sec3.jpg) no-repeat center top;}
.main_sec.row-3 .m10-col-4{background:url(../images/main_sec4.jpg) no-repeat center top;} */
.main_sec.row-3 .inner .btn.st-1{position:absolute;left:0;bottom:50px;}
.main_sec.row-3 .m10-col-4 .btn.st-1{left:45px;}
.main_sec.row-4 .l_box{width:calc(47% - 10px);}
.main_sec.row-4 .r_box{width:calc(53% - 10px);float:right;}
/* .main_sec.row-4 .l_inner{float:right;width:100%;max-width:504px;height:291px;padding:48px 42px 37px 42px;margin-bottom:10px;border:2px solid #0e347e;position:relative;} */
.main_sec.row-4 .l_inner{float:right;width:100%;max-width:504px;height:291px;padding:48px 42px 37px 42px;margin-bottom:10px;border:2px solid #071F60;position:relative;}
.main_sec.row-4 .l_inner:last-child{margin-bottom:0;background:url(../images/main_sec6.png) no-repeat bottom right;background-size:248px 243px;}
.main_sec.row-4 .l_inner .btn.st-1{transition:none;background-image:url(../images/store-ico.png);background-size:23px 21px;}
.main_sec.row-4 .l_inner .btn.st-1:hover{background-image:url(../images/btn1-on.png);background-size:contain;}
.main_sec.row-4 .l_inner .store_search, .main_sec.row-4 .l_inner .btn.st-1{position:absolute;left:42px;bottom:37px;}
.main_sec.row-4 .l_inner .store_search{width:100%;max-width:326px;}
/* .main_sec.row-4 .l_inner .store_search input{width:100%;height:40px;padding:0 18px;border:2px solid #0e347e;font-size:0.812rem;} */
.main_sec.row-4 .l_inner .store_search input{width:100%;height:40px;padding:0 18px;border:2px solid #071F60;font-size:0.812rem;}
.main_sec.row-4 .l_inner .store_search input::placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec.row-4 .l_inner .store_search input::-webkit-input-placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec.row-4 .l_inner .store_search input:-moz-placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec.row-4 .l_inner .store_search input::-moz-placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec.row-4 .l_inner .store_search input:-ms-input-placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec.row-4 .l_inner .store_search .ok{border:0;cursor:pointer;position:absolute;top:50%;right:5px;background:transparent;transform:translateY(-50%);}
.main_sec.row-4 .l_inner .store_search .ok>img{width:23px;}
.main_sec.row-4 .r_box .inner{padding:80px 45px 40px 45px;}
.main_sec.row-4 .r_box .inner{padding:80px 45px 40px 45px;}
/* .main_sec.row-4 .r_box .main_tit{margin-bottom:0;color:#b47c55;} */
.main_sec.row-4 .r_box .main_tit{margin-bottom:0;color:#ffffff;}
.main_sec.row-4 .r_box .main_tit + .sub_tit{color:#fff;}
.main_sec.row-4 .r_box .main_tit:after{background:#fff;content:'';}
.main_sec.row-4 .r_box .btn.st-1{position:absolute;left:45px;bottom:40px;}
.main_sec.row-4 .l_inner p{font-size:0.937rem;}
.main_sec .sns_section{padding:60px 0;}
.main_sec .sns_section .font-2{margin-bottom:0.5rem;font-size:1.437rem;font-weight:800;letter-spacing:3px;}
.main_sec .sns_section .tag span{margin:0 6px 0;color:#999;}
.main_sec .sns_section .tag:after{display:block;width:50px;height:1px;margin:30px auto;background:#0e347e;content:'';}
.main_sec .sns_section .sns_ico{text-align:center;margin-bottom:39px;}
.main_sec .sns_section .sns_ico li{display:inline-block;margin:0 9px 0;list-style:none;}
.main_sec .sns_section .feed_box ul{margin:0 -4.5px 0;}
.main_sec .sns_section .feed_box ul li{display:inline-block;width:calc(25% - 9px);margin:0 4.5px 9px;list-style:none;}
.main_sec .sns_section .feed_box ul li a>img{width:100%;}
@media screen and (max-width:1400px){
	.main_sec.row-2 .container, .main_sec.row-3 .inner, .main_sec.row-4 .r_box .inner{padding-top:30px;}
	.main_section .btn.st-1{float:right;}
	.main_sec.row-2 .btn.st-1, .main_sec.row-3 .inner .btn.st-1,.main_sec.row-4 .r_box .btn.st-1{
		left:initial;right:22px;
	}
	.main_sec.row-2 .btn.st-1{right:0;}
}
@media screen and (max-width:1199px){
	.main_sec.row-2 .btn.st-1{right:10px;}
}
@media screen and (max-width:1024px){
	.grid_wrap>*{width:calc(100% - 26px);}
	.container.space{padding-left:12px;padding-right:12px;}
	.main_section p.desc{display:none;}
	.main_sec .container:after{display:block;clear:both;content:'';}
	.main_sec.row-2 .container{padding:40px 12px 0;}
	.main_sec.row-3 .inner .btn.st-1{bottom:40px;}
	.main_sec.row-4 .l_box, .main_sec.row-4 .r_box{width:calc(100% - 10px);}
	.main_sec.row-4 .l_box{padding:10px;}
	.main_sec.row-3 .m10-col-6 .inner, .main_sec.row-3 .m10-col-4 .inner, .main_sec.row-4 .r_box .inner{float:inherit;width:100%;padding:40px 12px 0;}
	.main_sec.row-4 .l_inner{width:calc(50% - 10px);margin:0 5px;}
	.main_sec .sns_section .feed_box ul li{width:calc(50% - 9px);}
}
@media screen and (max-width:1023px){
	#pageload img{width:50%;}
	.container.space{padding:0 10px;}
	.main_section .main_tit{font-size:2rem;}
	.main_sec .main_tit:after{margin:14px 0;}
	.main_section .sub_tit{display:none;}
	.main_sec.row-1{height:285px;background-size:cover;}
	.main_sec img.m_ver{display:block;}
	.main_sec img.pc_ver{display:none;}
	.main_sec .grid_wrap .m10-col-6, .main_sec .grid_wrap .m10-col-4{width:100%;}
	.main_sec.row-3 .m10-col-6 .inner{padding-top:30px;}
	.main_sec.row-4 .r_box{float:inherit;}
	.main_sec.row-4 .r_box .inner{min-height:auto;}
	.main_sec.row-4 .l_inner{padding:10px 10px 20px 10px;}
	.main_sec.row-4 .l_inner .store_search{width:calc(100% - 20px);left:10px;}
	.main_sec.row-4 .l_inner .btn.st-1{left:10px;}
	.main_sec.row-4 .l_inner .main_tit2{word-break:break-word;}
	.main_sec.row-4 .r_box .btn.st-1{right: 10px;}
}
@media screen and (max-width:767px){
	.main_section .main_tit{font-size:1.3rem;}
	.main_sec .main_tit:after{margin:10px 0;}
	.main_sec.row-1 p.pc_ver{display:none;}
	.main_sec.row-1 p.m_ver{display:block;}
	.main_sec.row-2 .container{padding-top:10px;}
	.main_sec.row-2 .btn.st-1, .main_sec.row-3 .inner .btn.st-1, .main_sec.row-4 .r_box .btn.st-1{
		bottom:10px;
	}
}
@media screen and (max-width:600px){
	.main_sec.row-4 .l_inner{height:240px;}
	.main_sec.row-4 .l_inner:last-child{background-size:contain;}
	.main_sec.row-4 .l_inner .main_tit2{font-size:1.3rem;}
	.main_sec.row-4 .l_inner .store_search input::placeholder{color:transparent;}
}

/* sub */
.sub_visual{min-height:499px;padding:0 10px;text-align:center;background-repeat:no-repeat;background-size:cover;background-position:center;position:relative;}
.sub_visual .txt{width:100%;position:absolute;top:148px;left:0;}
.sub_visual .txt h1{margin:0;font-size:2.75rem;font-weight:300;}
.sub_visual .txt h1:after{display:block;width:40px;height:2px;margin:32px auto;background:#202020;content:'';}
.sub_visual .txt p{font-size:1.25rem;font-weight:300;}
.sub_visual .page_tab{width:100%;padding:0 10px;font-size:0;position:absolute;bottom:41px;left:0;}
.sub_visual .page_tab li{display:inline-block;width:20%;max-width:170px;padding:10px 0;border:1px solid #bfbfbf;border-left:0;font-size:1rem;color:#909090;background:#fff;}
.sub_visual .page_tab li:first-child{border-left:1px solid #bfbfbf;}
.sub_visual .page_tab li a{display:block;}
.sub_visual .page_tab li.on, .sub_visual .page_tab li:hover{color:#000;background:#ffe600;transition:background .3s ease;-webkit-transition:background .3s ease;}
.sub_visual.bg-1{background:#666666;}
.sub_section{padding:65px 0;}
@media screen and (max-width:767px){
	.sub_visual{min-height:300px;padding:20px 10px;}
	.sub_visual .txt, .sub_visual .page_tab{position:inherit;top:inherit;bottom:inherit;}
	.sub_visual.visual-2 .txt{position:absolute;top:50%;transform:translateY(-50%);}
	.sub_visual .page_tab{margin-top:20px;}
	.sub_visual .page_tab li{width:95%;max-width:100%;border-left:1px solid #bfbfbf;border-top:0;}
	.sub_visual .page_tab li:first-child{border-top:1px solid #bfbfbf;}
}

/* sub - news */
.sub_visual.bg-news{background-image:url(../images/bg-news.jpg);}
.board_wrap table{width:100%;table-layout:fixed;border-top:2px solid #0e347e;}
.board_wrap table th, .board_wrap table td{border-bottom:1px solid #c8c8c8;}
.board_wrap table th{padding:20px 0;letter-spacing:-0.25px;color:#0e347e;font-weight:400;}
.board_wrap table td{padding:30px 0;font-size:0.937rem;letter-spacing:-0.25px;color:#666;text-align:center;}
.board_wrap table .num{width:91px;}
.board_wrap table .subject{width:117px;}
.board_wrap table .tit{width:auto;}
.board_wrap table .date, .board_wrap table .view{width:152px;}
.board_wrap table td.tit{text-align:left;padding-left:40px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.board_wrap table tbody tr:hover{background:#0e347e;}
.board_wrap table tbody tr:hover td{color:#fff;}
@media screen and (max-width:1023px){
	.board_wrap table .num{width:40px;}
	.board_wrap table .num, .board_wrap table .date, .board_wrap table .view{display:none;}
	.board_wrap table .subject{width:80px;}
}
@media screen and (max-width:767px){
	.board_wrap table td.tit{padding-left:0;}
}

/* sub - news-view */
.view_wrap .view_tit{padding:34px 41px;border-top:1px solid #0e347e;border-bottom:1px solid #0e347e;}
.view_wrap .view_tit h2{float:left;font-size:1.5rem;font-weight:500;letter-spacing:-0.25px;}
.view_wrap .view_tit h2 .subject{color:#919191;}
.view_wrap .view_tit .view_desc{float:right;}
.view_wrap .view_tit .view_desc li{display:inline-block;font-size:0.875rem;color:#999;letter-spacing:-0.5px;}
.view_wrap .view_tit .view_desc li:after{display:inline-block;width:1px;height:14px;margin:0 10px;vertical-align:middle;background:#d9d9d9;content:'';}
.view_wrap .view_tit .view_desc li:last-child:after{display:none;}
.view_wrap .view_cont{padding:46px 41px;}
.view_wrap .btn_list ul{border-top:1px solid #0e347e;border-bottom:1px solid #0e347e;}
.view_wrap .btn_list li{padding:26px 41px;font-size:0;}
.view_wrap .btn_list li{border-bottom:1px solid #e6e6e6;}
.view_wrap .btn_list li:last-child{border-bottom:0;}
.view_wrap .btn_list li div{display:inline-block;font-size:1rem;}
.view_wrap .btn_list li .left, .view_wrap .btn_list li .date{width:95px;}
.view_wrap .btn_list li .tit{width:calc(100% - 195px);/*overflow:hidden;*/text-overflow:ellipsis;white-space:nowrap;}
.view_wrap .btn_list li .date{font-size:0.875rem;color:#999;text-align:right;}
.view_wrap .btn_list li .left:before{margin-right:20px;}
.view_wrap .btn_list li .left.next:before{content:url(../images/next-arr.png);}
.view_wrap .btn_list li .left.prev:before{content:url(../images/prev-arr.png);}
.view_wrap .btn_list .btn.st-2{max-width:250px;margin:80px auto 0;}
@media screen and (max-width:1023px){
	.view_wrap .view_tit, .view_wrap .btn_list li{padding:1rem 2rem;}
	.view_wrap .view_tit h2, .view_wrap .view_tit .view_desc{float:inherit;}
	.view_wrap .view_tit h2{margin-bottom:1rem;}
	.view_wrap .view_cont{padding:1.5rem 2rem;}
	.view_wrap .btn_list li .left{display:block;margin-bottom:0.5rem;}
	.view_wrap .btn_list li .date{width:50%;}
	.view_wrap .btn_list li .tit{width:50%;white-space:nowrap;overflow:hidden;text-overflow;ellipsis;}
}

/* sub - coffee-class */
.sub_visual.bg-class{background-image:url(../images/bg-class.jpg);}
.cmnt_wrap .class_banner{padding-bottom:1rem;margin-bottom:3rem;border-bottom:1px solid #e5e5e5;}
.cmnt_wrap .class_banner .btn.st-2{width:100%;max-width:400px;margin:0 auto;}
.cmnt_wrap .class_li li{display:flex;align-items:center;margin-bottom:2%;border:1px solid #e5e5e5;list-style:none;transition:.3s ease;-webkit-transition:.3s ease;cursor:pointer;}
.cmnt_wrap .class_li li .btn{position:absolute;right:9%;top:0;}
.cmnt_wrap .class_li li>div{width:50%;float:left;}
.cmnt_wrap .class_li li:after{display:block;clear:both;content:'';}
.cmnt_wrap .class_li .thumb{max-height:200px;overflow:hidden;}
.cmnt_wrap .class_li .desc{padding:0 4%;letter-spacing:-0.25px;position:relative;}
.cmnt_wrap .class_li .label{display:inline-block;width:76px;margin-bottom:1rem;text-align:center;padding:8px 0;font-size:1rem;font-weight:500;border-radius:20px;background:#333;color:#666;}
.cmnt_wrap .class_li .label.on{color:#fff;background:#0e347e;}
.cmnt_wrap .class_li .desc h2{margin:0 0 0.5rem;font-size:1.75rem;color:#b9b9b9;font-weight:400;}
.cmnt_wrap .class_li .desc .date{margin-bottom:0;font-family:'Noto Sans KR',AppleGothic,sans-serif;font-size:1.125rem;color:#666;}
.cmnt_wrap .class_li li:hover{border-color:#0e347e;}
.cmnt_wrap .class_li li:hover h2, .cmnt_wrap .class_li li:hover .date{color:#0e347e;}
.cmnt_wrap .poster_wrap{margin-bottom:3rem;text-align:center;}
.cmnt_wrap .main_tit{margin-bottom:3rem;text-align:center;font-size:4.5rem;font-weight:800;font-family:'Noto Sans KR',AppleGothic,sans-serif;}
.cmnt_wrap .terms_box{height:329px;padding:3%;background:#fafafa;overflow-y:scroll;white-space:pre-line;line-height:150%;color:#666;letter-spacing:-0.25px;}
.form_box .agree_txt{text-align:right;margin:1rem 0 3rem;font-size:1.125rem;color:#666;letter-spacing:-0.5px;}
.form_box .agr_btn{padding:5px 20px;margin-left:10px;color:#fff;background:#898989;cursor:pointer;}
.input-ck{-webkit-appearance:none;appearance:none;-moz-appearance:none;opacity:0;}
.input-ck + label:before{display:inline-block;width:26px;height:26px;margin-right:13px;background:url(../images/check-off.png)no-repeat;vertical-align:middle;content:'';}
.input-ck:checked + label:before{background:url(../images/check-on.png)no-repeat;}
.input-ck + label span{color:#e80000;}
.table-2{width:100%;border-top:2px solid #ccc;}
.table-2 td{padding:17px 0;border-bottom:1px solid #e5e5e5;}
.table-2 label{width:100%;display:inline-block;}
.input-1{height:40px;border:1px solid #eaeaea;background:#fafafa;}
.form_box .table-2 td{font-size:0;}
.form_box .table-2 .label, .form_box .table-2 .input_box{display:inline-block;font-size:1rem;}
.form_box .table-2 .label{width:13%;padding-left:2%;line-height:25px;vertical-align:top;}
.form_box .table-2 .input-1{width:100%;max-width:424px;}
.form_box .table-2 .input_box{width:87%;}
.form_box .btn_box{text-align:center;margin:0 -10px;margin-top:5rem;font-size:0;}
.form_box .btn_box .btn.st-2{width:calc(50% - 20px);max-width:250px;margin:0 10px;display:inline-block;border:0;cursor:pointer;border-radius:0;-webkit-border-radius:0;}
.form_box .btn_box .btn.st-2:last-child{background:#898989;}
@media screen and (max-width:1023px){
	.cmnt_wrap .class_li .thumb{max-height:250px;}
}
@media screen and (max-width:767px){
	.cmnt_wrap .class_li li{display:block;}
	.cmnt_wrap .class_li li>div{width:100%;}
	.cmnt_wrap .class_li .desc{padding:2% 4%;}
	.cmnt_wrap .class_li li .btn{right:4%;top:6%;}
	.form_box .table-2 .label, .form_box .table-2 .input_box{width:100%;}
	.form_box .table-2 .label{margin-bottom:1rem;}
	.form_box .agree_txt:after{display:block;clear:both;content:'';}
	.form_box .agr_btn{display:block;float:right;max-width:100%;}
}

/* sub - 커피세미나 활동 */
.sub_visual.bg-support{background-image:url(../images/bg-support.jpg);}
.sub_section .sub_tit{font-size:1.5rem;}
.cmnt_wrap .class_box2 .grid_wrap{margin:0}
.cmnt_wrap .class_box2 .m12-col-4{width:33.333%;margin:0 0 31px;border:1px solid #e5e5e5;text-align:center;border-right:0;}
.cmnt_wrap .class_box2 .m12-col-4:nth-child(3n),.cmnt_wrap .class_box2 .m12-col-4:last-child{border-right:1px solid #e5e5e5;}
.cmnt_wrap .class_box2 .thumb{height:300px;overflow:hidden;position:relative;}
.cmnt_wrap .class_box2 .thumb img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
.cmnt_wrap .class_box2 .desc{padding:2rem 1rem;letter-spacing:-0.25px;}
.cmnt_wrap .class_box2 .subject{font-size:0.875rem;color:#666;}
.cmnt_wrap .class_box2 .subject:after{display:block;width:16px;height:1px;margin:15px auto 20px;background:#464646;content:'';}
.cmnt_wrap .class_box2 .desc h2{margin-bottom:1rem;color:#333;font-weight:500;}
.cmnt_wrap .class_box2 .desc p{color:#999;}
@media screen and (max-width:1023px){
	.cmnt_wrap .class_box2 .m12-col-4{width:50%;}
	.cmnt_wrap .class_box2 .m12-col-4:nth-child(3n){border-right:0;}
	.cmnt_wrap .class_box2 .m12-col-4:nth-child(2n){border-right:1px solid #e5e5e5;}
}
@media screen and (max-width:767px){
	.cmnt_wrap .class_box2 .m12-col-4, .cmnt_wrap .class_box2 .m12-col-4:nth-child(3n){width:100%;border-right:1px solid #e5e5e5;}
}

/* sub - 매장안내 */
.bg-store{background-image:url(../images/store-bg.jpg);}
.store_list .total{padding:68px 0;color:#909090;text-align:center;font-size:1.25rem;}
.store_list table{width:100%;table-layout:fixed;}
.store_list thead{border-top:solid 2px #0e347e;border-bottom:1px solid #0e347e;}
.store_list .m_ver{display:none;}
.store_list th,.store_list td{text-align:center;font-size:1.071rem;letter-spacing:-0.1px;}
.store_list th{padding:20px 10px;color:#0e347e;font-weight:400;}
.store_list td{padding:28px 10px;color:#666;border-bottom:solid 1px #c8c8c8;font-weight:300;font-size:0.937rem;}
.store_list .td_area{width:163px;}
.store_list .td_shop{width:157px;font-weight:400;color:#333333;}
.store_list .td_addr{width:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.store_list .td_tel{width:160px;}
.store_list .more{width:58px;}
.store_list td.more:after{margin-left:10px;vertical-align:middle;content:url(../images/more-off.png);}
.store_list .tr_list{cursor:pointer;}
.store_list .tr_list.on{background:#0e347e;}
.store_list .tr_list.on td{color:#fff;}
.store_list .tr_list.on .more:after{content:url(../images/more-on.png);}
.store_list .sub_table{padding:34px 30px;background:#f8f8f8;display:none;}
.store_list .sub_table.on{display:table-cell;}
.store_list .sub_table .inner{display:flex;align-items:center;margin:0 -15px 20px;text-align:left;font-size:1rem;}
.store_list .sub_table .inner>div{width:calc(50% - 30px);margin:0 15px 0;}
.store_list .sub_table .inner ul{text-align:left;}
.store_list .sub_table .inner ul li{padding:15px 20px;display:flex;font-size:0.937rem;}
.store_list .sub_table .inner ul .tit{width:20%;color:#0e347e;font-weight:400;}
.store_list .sub_table .inner ul .txt{width:80%;color:#707070;font-weight:300;}
.store_list .map{height:300px;}
.store_wrap .search_wrap{padding:31px 48px;margin-bottom:20px;border:solid 1px #eee;}
.store_wrap .search_wrap>div{float:left;display:flex;align-items:center;}
.store_wrap .search_wrap>div:nth-child(1){width:40%;}
.store_wrap .search_wrap>div:nth-child(2){width:60%;}
.store_wrap .search_wrap .sel_wrap li{display:inline-block;position:relative;font-size:0.875rem;}
.store_wrap .search_wrap label{width:100%;}
.store_wrap .search_wrap .label{display:inline-block;margin-right:44px;letter-spacing:-0.1px;}
.store_wrap .search_wrap .area_sel{width:140px;height:40px;border:solid 1px #eee;padding:0 15px;}
.store_wrap .search_wrap .r_box .s_input{position:relative;width:85%;height:40px;border:solid 1px #eee;}
.store_wrap .search_wrap .r_box label{display:flex;align-items:center;}
.store_wrap .search_wrap .r_box .label{width:15%;}
.store_wrap .search_wrap .r_box .txt_input{width:100%;height:36px;border:0;}
.store_wrap .search_wrap .submit_btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:transparent;cursor:pointer;}
.store_wrap .search_wrap .submit_btn:after{display:inline-block;width:23px;height:23px;background:url(../images/search-ico.png)no-repeat center;content:'';background-size:contain;}
/* .search_box{border:1px solid #ebebeb;padding:23px;text-align:right;font-size:0;}
.search_box ul{margin:0 -5px;width:100%;}
.search_box li{display:inline-block;width:25%;vertical-align:top;font-size:0.937rem;margin:0 5px;}
.search_box li .input-2{width:100%;height:50px;padding:0 19px;border:2px solid #eeecec;color:#909090;}
.search_box li .submit_btn{width:100%;max-width:170px;height:50px;background:#0e347e;color:#fff;font-weight:500;border:0;}
.search_box li:last-child{max-width:170px;padding-left:15px;}
.search_box .sel_box{max-width:140px;position:relative;}
.search_box .sel_box select{appearance:none;-webkit-appearance:none;}
.search_box .sel_box:after{width:0;height:0;position:absolute;top:50%;right:19px;transform:translateY(-50%);border-width:9px 5px 0 5px;border-style:solid;border-color:#373737 transparent;content:'';}
.search_box li .input-2:focus{border-color:#0e347e;} */
@media screen and (max-width:1200px){
	.store_wrap .search_wrap{padding:20px;}
	.store_wrap .search_wrap .label{margin-right:10px;}
	.store_wrap .search_wrap .r_box .label{width:15%;}
}
@media screen and (max-width:1023px){
	.store_list .td_area, .store_list .td_shop, .store_list .td_tel{width:90px;}
	.store_wrap .search_wrap>div:nth-child(1),.store_wrap .search_wrap>div:nth-child(2){width:100%;}
	.store_wrap .search_wrap>div:nth-child(1){margin-bottom:10px;}
	.store_wrap .search_wrap .label{width:15%;}
	.store_wrap .search_wrap>div:nth-child(1) .sel_wrap,.store_wrap .search_wrap .r_box .txt_input{width:85%;}
}
@media screen and (max-width:800px){
	.store_wrap .sub_table .inner{display:block;}
	.store_wrap .sub_table .inner>div{width:100%;margin:0;}
}
@media screen and (max-width:736px){
	.store_wrap .search_wrap>div,.store_wrap .search_wrap .r_box label{display:block;}
	.store_wrap .search_wrap .label,.store_wrap .search_wrap .r_box .label,.store_wrap .search_wrap>div:nth-child(1) .sel_wrap, .store_wrap .search_wrap .r_box .txt_input{width:100%;}
	.store_wrap .search_wrap>div:nth-child(1) .sel_wrap{font-size:0;}
	.store_wrap .search_wrap>div:nth-child(1) .sel_wrap li{width:49.5%;}
	.store_wrap .search_wrap>div:nth-child(1) .sel_wrap li:first-child{margin-right:1%;}
	.store_wrap .search_wrap .area_sel{width:100%;}
	.store_wrap .search_wrap .r_box .s_input{width:100%;}
	.store_wrap .store_list table{table-layout:auto;}
	.store_wrap .store_list .td_addr,.store_wrap .store_list .td_tel{display:none;}
	.store_wrap .map{margin:0 -15px;}
	.store_list .total{padding:30px 0;}
}


/* 창업안내 */
.sub_visual.bg-franc{background-image:url(../images/bg-franc.jpg);}
.dot_li li{padding-left:10px;font-size:0.937rem;line-height:150%;}
.dot_li li:before{display:inline-block;width:2px;height:2px;margin-right:5px;margin-left:-10px;border-radius:100%;background:#0e347e;vertical-align:middle;content:'';}
.bg-2{background:#ffe600;}
.sub_section .main_tit{margin-bottom:1rem;font-size:2.187rem;letter-spacing:-0.25px;}
.sub_section .txt{font-size:0.937rem;}
.frc_row{padding-bottom:49px;margin-bottom:72px;border-bottom:1px solid #c8c8c8;}
.frc_row .desc{margin-bottom:2rem;font-size:1.125rem;color:#999999;letter-spacing:-0.25px;}
.frc_row .frc_step{margin:0 -6px;}
.frc_row .frc_step li{height:285px;margin:0 6px 12px;padding:19px 12px;width:calc(20% - 12px);background:#fafafa;}
.frc_row .frc_step .num{font-size:3rem;font-weight:700;line-height:100%;border-bottom:1px solid #0e347e;position:relative;}
.frc_row .frc_step .num:after{position:absolute;right:0;top:50%;transform:translateY(-50%);}
.frc_row .frc_step li:nth-child(1) .num:after{content:url(../images/frc-ico1.png);}
.frc_row .frc_step li:nth-child(2) .num:after{content:url(../images/frc-ico2.png);}
.frc_row .frc_step li:nth-child(3) .num:after{content:url(../images/frc-ico3.png);}
.frc_row .frc_step li:nth-child(4) .num:after{content:url(../images/frc-ico4.png);}
.frc_row .frc_step li:nth-child(5) .num:after{content:url(../images/frc-ico5.png);}
.frc_row .frc_step li:nth-child(6) .num:after{content:url(../images/frc-ico6.png);}
.frc_row .frc_step li:nth-child(7) .num:after{content:url(../images/frc-ico7.png);}
.frc_row .frc_step li:nth-child(8) .num:after{content:url(../images/frc-ico8.png);}
.frc_row .frc_step li:nth-child(9) .num:after{content:url(../images/frc-ico9.png);}
.frc_row .frc_step li:nth-child(10) .num:after{content:url(../images/frc-ico10.png);}
.frc_row .frc_step dl{margin-top:1.5rem;}
.frc_row .frc_step dt{margin-bottom:1.3rem;font-size:1.25rem;font-weight:500;color:#0e347e;}
.frc_row .frc_step dd{margin-left:0;margin-bottom:1.5rem;color:#999;letter-spacing:-0.25px;font-size:0.937rem;line-height:150%;}
.frc_row .frc_step dd:last-child{margin-bottom:0;}
.frc_row .msg_box{margin-top:20px;padding:28px 24px;border:1px solid #0e347e;color:#0e347e;font-size:0.937rem;}
.frc_row .inner{padding:42px 36px;background:#fafafa;}
.frc_row .table-3{margin-bottom:1.5rem;}
.frc_row .warning{padding-bottom:30px;margin-bottom:50px;border-bottom:1px solid #c8c8c8;text-align:center;font-size:1.125rem;letter-spacing:-0.25px;color:#666;}
.frc_row .warning:before{display:inline-block;width:49px;height:49px;background:url(../images/warning-ico.png)no-repeat center;background-size:contain;content:'';vertical-align:middle;margin-right:10px;}
.frc_row .frc_step2{margin-bottom:50px;}
.frc_row .frc_step2 li{height:80px;padding:0 10px;letter-spacing:-0.25px;background:#fff;box-shadow:2px 0 4px rgba(0, 0, 0, 0.2);-webkit-box-shadow:2px 0 4px rgba(0, 0, 0, 0.2);position:relative;}
.frc_row .frc_step2 li p{width:100%;text-align:center;font-size:1.125rem;text-align:center;word-break:keep-all;position:absolute;top:50%;left:0;transform:translateY(-50%);}
.frc_row .frc_step2 li .num{display:block;margin-top:-25px;font-size:3rem;font-weight:700;}
.frc_row .btn.st-2{max-width:400px;margin:0 auto;background:#ffe600;color:#0e347e;box-shadow:2px 0 6px rgba(0, 0, 0, 0.2);-webkit-box-shadow:2px 0 6px rgba(0, 0, 0, 0.2);}
.frc_row.row-2 .inner{padding:42px 50px;}
.frc_row:last-child{border-bottom:0;margin-bottom:0;}
.table-3 th, .table-3 td{padding:20px 26px;border-bottom:2px solid #fafafa;}
.table-3 th{background:#0e347e;color:#fff;font-size:1.125rem;letter-spacing:-0.25px;text-align:left;}
.table-3 td{font-size:0.937rem;color:#666;background:#fff;}
@media screen and (max-width:767px) {
	.store_list .sub_table .inner{display:block;}
	.store_list .sub_table .inner>div{width:100%;margin:0;}
	.frc_row .frc_step li{width:calc(50% - 12px);}
	.table-3 th, .table-3 td{display:block;}
}

/* sub - 고객의 소리 */
.sub_visual.bg-contact{background-image:url(../images/bg-contact.jpg);}
.form_box .table-2 ul.input_box li{float:left;}
.form_box .table-2 ul.input_box li label{font-size:1rem;color:#666;}
.contact_wrap .form_box .table-2 ul.input_box li{width:33.333%;max-width:128px;}
.contact_wrap .form_box .table-2 tr:last-child td{border-bottom:0;}
.form_box .input-1.full{max-width:100%; padding:15px;}
.form_box textarea{height:208px;}
.form_box .msg_label{vertical-align:top;line-height:208px;}
.form_box .mail_box li{float:left;font-size:1rem;}
.form_box .mail_box li:first-child{max-width:425px;width:100%;}
.form_box .mail_box .input-1{width:46%;float:left;}
.form_box .mail_box span{width:8%;padding:0 8px;float:left;line-height:40px;text-align:center;}
.form_box .mail_box .sel_wrap{max-width:109px;width:100%;margin-left:8px;}
.form_box .mail_box select{width:100%;border:solid 1px #eee;height:40px;font-size:0.928rem;font-weight:200;}
@media screen and (max-width:767px){
	.form_box .msg_label{line-height:inherit;}
	.form_box .mail_box li:first-child, .form_box .mail_box .sel_wrap{max-width:100%;}
	.form_box .mail_box .sel_wrap{margin-left:0;margin-top:10px;}
	.sub_visual.bg-contact{background-position-x:25%;}
}

/* 팝업 */
.popup_wrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;display:none;}
.popup_wrap .popup{max-width:944px;height:593px;padding:50px;background:#fff;overflow-y:scroll;}
.popup_wrap .close{
	width:56px;height:56px;
	font-size:0;
	background:url(../images/close-ico.png)no-repeat center;background-color:#0e347e;
	position:absolute;top:0;right:0;
}
.popup_wrap .agreement{white-space:pre-line;}
@media screen and (max-width:1023px){
	.popup_wrap .popup{padding:25px;}
}

/* 메인 레이어팝업 */
.layer-popup { width: 100%; height: calc(100vh - 123px); position: absolute; top: 123px; left: 0; background: url(../images/layer-bg.jpg)no-repeat center top; background-size: cover; z-index: 999; visibility:hidden; overflow:hidden;}
.layer-popup .layerPop { width: 100%; max-width: 1096px; padding-top: 15px; text-align: center; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); }
.layer-popup .layerPop .close { width: 51px; height: 51px; border: 0; border-radius: 100%; background: url(../images/layer-close.png)no-repeat center; background-size: contain; font-size: 0; position: absolute; right: 10px; top: 0; }
.layer-popup .layerPop p { margin: 30px 0; font-size: 1.25rem; font-weight: 300; color: #b87f43; line-height: 1.75rem; }
.layer-popup .layerPop:before{ display: block; margin: 0 auto  15px; width: 3px; height: 28px; background: #b87f43; content: ''; }
.layer-popup .btn { max-width: 300px; margin: 30px auto 0; text-align: center; padding: 23px 0; border: 3px solid #b87f43; font-size: 1.125rem; font-weight: 300; color: #b87f43; }
.layer-popup .notToday { width: 100%; height: 60px; line-height: 60px; background: #e3e3e3; font-size: 1.125rem; font-weight: 300; color: #000; position: absolute; left: 0; bottom: 0; }
@media (max-width:1199px) {
	.layer-popup {
		top: 70px;
		height: calc(100vh - 120px);
	}
}
@media (max-width: 767px) {
	.layer-popup .layerPop { top: 30px; }
	.layer-popup .logo { max-width: 111.5px; }
	.layer-popup .layerPop .close { width: 25.5px; height: 25.5px; }
	.layer-popup .btn { max-width: 200px; padding: 10px 0; }
}

/* sub - ceo인사말 */
.sub_visual.bg-paik{background-image:url(../images/bg-about.jpg);}
/* .sub_visual .page_tab.st-2 li{background:#fff;}
.sub_visual .page_tab li.on, .sub_visual .page_tab li:hover{} */
.sub_section .sub_tit2{font-size:1.25rem;font-weight:500;}
.sub_section .main_tit2{font-size:1.875rem;line-height:120%;}
.sub_section .main_tit2:after{display:block;margin:2rem 0;width:37px;height:2px;background:#0e347e;content:'';}
.sub_section .dot_li>li{padding-left:10px;}
.sub_section .dot_li>li:before{display:inline-block;width:2px;height:2px;margin-left:-10px;border-radius:100%;background:#999;content:'';}
.about_wrap{padding:0;background:#f8f8f8;}
.about_wrap>.inner{padding:65px 0;max-width:1670px;margin:0 auto;background:#fff;}
.about_wrap .bi_tit img{width:328px;}
.about_wrap .ceo_profile li{font-size:0.812rem;color:#999;letter-spacing:-0.5px;}
.about_wrap h2{margin-bottom:4rem;}
.about_wrap .ceo_profile dl>*{float:left;}
.about_wrap .ceo_profile dl{margin:0;line-height:150%;}
.about_wrap .ceo_profile dl:after{display:block;clear:both;content:'';}
.about_wrap .ceo_profile dt{width:33%;padding-left:10px;}
.about_wrap .ceo_profile dt:before{display:inline-block;width:2px;height:2px;margin-left:-10px;margin-right:5px;border-radius:100%;background:#505050;content:'';}
.about_wrap .ceo_profile dt em{color:#505050;font-family:'Noto Sans KR',AppleGothic,sans-serif;}
.about_wrap .ceo_profile dd{width:67%;margin-left:0;}
.about_wrap .ceo_l h3{margin:2rem 0 1rem;}
.about_wrap .ceo_r{padding:20px 0;}
.about_wrap .ceo_r .txt{margin-bottom:2rem;font-size:0.937rem;}
.about_wrap .ceo_r .txt span{font-weight:500;}
.about_wrap .ceo_r .ceo_sign{display:flex;align-items:center;margin:0 -9px;font-size:0.937rem;}
.about_wrap .ceo_r .ceo_sign span{margin:0 9px;}
.about_wrap .ceo_r .ceo_sign em{display:block;font-size:1.25rem;text-align:right;}
.about_wrap .ceo_r .ceo_sign img{width:145px;}
.about_wrap .intro_box{margin:0 -25px;padding-top:30px;position:relative;}
.about_wrap .intro_box:before{width:calc(100% - 50px);height:1px;background:#173b83;position:absolute;bottom:0;left:25px;content:'';}
.about_wrap .intro_box:last-child:before{display:none;}
.about_wrap .grid_wrap .main_tit2{width:100%;}
.about_wrap .grid_wrap>*{margin:0 25px;}
.about_wrap .grid_wrap .m10-col-5{width:calc(50% - 50px);margin-bottom:30px;word-break:keep-all;}
.about_wrap .grid_wrap .txt_box{padding-top:20px;}
.about_wrap .grid_wrap .txt_box .btn.st-1{margin-top:3rem;}
.about_wrap .grid_wrap .txt{margin-bottom:1.5rem;font-weight:300;line-height:170%;}
.about_wrap .grid_wrap .txt:last-child{margin-bottom:0;}
.about_wrap .grid_wrap .strong{font-weight:500;}
.about_wrap .intro_li{margin:0 auto;max-width:760px;}
.about_wrap .intro_li li{width:calc(33.333% - 50px);margin:0 25px;text-align:center;}
.about_wrap .intro_li li:nth-child(2){transition-delay:.3s;}
.about_wrap .intro_li li:nth-child(3){transition-delay:.6s;}
.about_wrap .intro_li h2{font-size:3.125rem;margin-bottom:1rem;}
.about_wrap .vision_li{width:100%;margin:0 auto 70px;padding:0 120px;}
.about_wrap .vision_li li{float:left;width:calc(33.333% - 48px);height:0;padding-top:calc(33.333% - 48px);margin:0 24px;text-align:center;position:relative;background:url(../images/about-ico-bg.png)no-repeat center;background-size:cover;}
.about_wrap .vision_li dl{width:100%;position:absolute;bottom:30px;margin:0;left:50%;transform:translateX(-50%);}
.about_wrap .vision_li dt{font-size:1.562rem;margin-bottom:1rem;}
.about_wrap .vision_li dd{font-size:0.812rem;margin-left:0;line-height:130%;}
.about_wrap .vision_li img{position:absolute;top:50px;left:50%;transform:translateX(-50%);}
@media screen and (max-width:1199px){
	.about_wrap .intro_box{margin:0;}
	.about_wrap .vision_li{padding:0;}
}
@media screen and (max-width:1023px){
	.about_wrap .grid_wrap .m10-col-5{width:calc(100% - 50px);margin-bottom:10px;}
	.about_wrap .ceo_profile>li{margin-bottom:0.5rem;}
	.about_wrap .ceo_profile dt, .about_wrap .ceo_profile dd{width:100%;}
	.about_wrap .vision_li li{width:calc(33.333% - 20px);margin:0 10px;padding-top:calc(33.333% - 20px);}
	.about_wrap .vision_li img{top:30px;}
	.about_wrap .intro_li h2{font-size:2rem;}
}
@media screen and (max-width:767px){
	.sub_visual.bg-paik{background-position-x:40%;}
	.about_wrap .intro_li{margin:0 -5px;}
	.about_wrap .intro_li li{width:calc(33.333% - 10px);margin:0 5px 30px;}
	.about_wrap .grid_wrap .m10-col-5{width:100%;margin:0 0 30px;}
	.about_wrap .grid_wrap>*{margin:0;}
	.about_wrap .vision_li{margin-bottom:200px;}
	.about_wrap .vision_li li{margin:0 10px 10px;}
	.about_wrap .intro_box:before{width:100%;left:0;}
	.about_wrap .vision_li img{width:50%;top:50%;transform:translate(-50%,-50%);}
	.about_wrap .vision_li dl{position:initial;transform:none;}
	.about_wrap .vision_li dt{font-size:1rem;margin-top:1rem;}
	.about_wrap .vision_li dd br{display:none;}
}

/* sub - 커피이야기 */
.story_wrap #content-wrap{padding-top:0;}
.about_wrap.story{background:url(../images/bg-story.jpg)no-repeat top center;background-color:#121212;}
.about_wrap.story>.inner{padding:40px 0;background:transparent;}
.story_row.row-1{padding-top:123px;}
.story_row{background-repeat:no-repeat;background-position:center;}
.story_row .story_tit{padding-top:60px;font-size:1.375rem;text-align:center;color:#fff;}
.story_row .sub_visual2{text-align:center;color:#fff;}
.story_row .sub_visual2 h1{color:#fff;font-size:3.125rem;font-weight:800;line-height:110%;}
.story_row .sub_visual2 h2{margin-bottom:0;font-size:1.875rem;color:#fff;}
.story_row .sub_visual2 .color-3{color:#ffe600;}
.story_row .sub_visual2 p:before{display:block;width:33px;height:2px;margin:3rem auto;background:#fff;content:'';}
.story_row .story_box{margin:0 -25px;}
.story_row .story_box .main_tit2{color:#986835;text-transform:capitalize;}
.story_row .story_box .main_tit2 span{display:block;font-weight:700;color:#989696;font-size:1.125rem;line-height:100%;}
.story_row .story_box .main_tit2:after{background:#fff;}
.story_row .story_box .txt_box p{color:#fff;font-size:0.937rem;}
.story_row .story_box:last-child .txt_box{text-align:right;}
.story_row .story_box:last-child .main_tit2:after{float:right;}
.story_row.row-1 .sub_visual2{padding:170px 0 190px;}
.story_row.row-2{background-image:url(../images/story-bg1.jpg);}
.story_row.row-2 .container, .story_row.row-4 .container{height:530px;display:table;}
.story_row.row-2 .sub_visual2, .story_row.row-4 .sub_visual2{display:table-cell;vertical-align:middle;}
.story_row.row-3{margin-bottom:67px;}
.story_row.row-4{background-image:url(../images/story-bg2.jpg);}
.story_row.row-4 .sub_visual2{padding-top:100px;}
.about_wrap .bean_slider{overflow:hidden;position:relative;}
.about_wrap .bean_slider .swiper-slide{background-repeat:no-repeat;background-position:top right;}
.about_wrap .bean_slider .container{height:800px;}
.about_wrap .bean_slider .sl-1{background-image:url(../images/bean-slide1.png);background-color:#00b700;}
.about_wrap .bean_slider .sl-2{background-image:url(../images/bean-slide2.png);background-color:#ffe600;}
.about_wrap .bean_slider .sl-3{background-image:url(../images/bean-slide3.png);background-color:#0f46ae;}
.about_wrap .bean_slider .txt{font-size:0.937rem;position:absolute;top:40px;left:0;}
.about_wrap .bean_slider .slg{color:#003a00;position:absolute;left:0;top:240px;}
.about_wrap .bean_slider .sl-1 .txt, .about_wrap .bean_slider .sl-1 .side_txt{color:#003a00;}
.about_wrap .bean_slider .sl-2 .txt, .about_wrap .bean_slider .sl-2 .slg, .about_wrap .bean_slider .sl-2 .side_txt{color:#564e00;}
.about_wrap .bean_slider .sl-3 .txt, .about_wrap .bean_slider .sl-3 .slg, .about_wrap .bean_slider .sl-3 .side_txt{color:#fff;}
.about_wrap .bean_slider .slg .main_slg{font-size:3.125rem;line-height:130%;}
.about_wrap .bean_slider .slg .sub_slg em { font-size:1.125rem; word-break:keep-all;}
.about_wrap .bean_slider .slg .sub_slg{margin-top:10px;font-size:0.937rem;}
.about_wrap .bean_slider .slg .sub_slg .strong{font-weight:500;}
.about_wrap .bean_slider .slg .slg_txt{font-size:0.937rem;}
.about_wrap .bean_slider .side_txt{font-size:0.75rem;position:absolute;right:0;bottom:45px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;}
.about_wrap .bean_slider .swiper-pagination-bullet{width:10px;height:10px;background:#fff;opacity:1;}
.about_wrap .bean_slider .swiper-pagination-bullet-active{background:#ffe600;}
.about_wrap .bean_slider.swiper-container-horizontal>.swiper-pagination-bullets{bottom:34px;}
.about_wrap .bean_slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.story_row .sub_visual2 .btn.st-3{max-width:300px;margin:2rem auto;}
.story_row .roasting_box{padding:5rem 0 52px;}
.story_row .roasting_box .inner .container{padding:35px 0 18px;border-bottom:1px solid #313131;cursor:pointer;}
.story_row .roasting_box .inner:hover{background:#000;}
.story_row .roasting_box .grid_wrap{margin:0 -12px;}
.story_row .roasting_box .grid_wrap>*{margin:0 12px;}
.story_row .roasting_box .grid_wrap .m12-col-4{width:calc(33.333% - 24px);}
.story_row .roasting_box .grid_wrap .m12-col-8{width:calc(66.664% - 24px)}
.story_row .roasting_box .grid_wrap.rosting_desc{margin-bottom:1.5rem;}
.story_row .roasting_box .color{max-width:263px;margin-bottom:1rem;text-align:center;font-size:0.75rem;line-height:100%;color:#efeee4;text-transform:capitalize;}
.story_row .roasting_box h3{font-size:1.875rem;color:#caa47a;text-transform:capitalize;}
.story_row .roasting_box p{color:#7d7d7d;font-size:0.937rem;}
.story_row .roasting_box .tit{display:block;font-size:1.375rem;color:#7f5425;text-transform:capitalize;line-height:150%;}
.story_row .roasting_box .value_box{display:flex;align-items:flex-end;}
.story_row .roasting_box .value_box .tit{line-height:110%;}
.story_row.row-5 .txt{font-size:0.937rem;color:#7f5425;}
.story_row.row-5 .txt .font-l{color:#fff;}
.story_row .roasting_box .inner:nth-child(1) .color{background:#cc801e;}
.story_row .roasting_box .inner:nth-child(2) .color{background:#c27b1f;}
.story_row .roasting_box .inner:nth-child(3) .color{background:#b36b1f;}
.story_row .roasting_box .inner:nth-child(4) .color{background:#985520;}
.story_row .roasting_box .inner:nth-child(5) .color{background:#894c1f;}
.story_row .roasting_box .inner:nth-child(6) .color{background:#663f20;}
.story_row .roasting_box .inner:nth-child(7) .color{background:#663f20;}
.story_row .roasting_box .inner:nth-child(8) .color{background:#3b180c;}
.story_row .roasting_box .inner.active h3{color:#ffe600;}
.story_row .roasting_box .inner.active .color-3{margin-bottom:0.5rem;color:#ffe600;}
.story_row .roasting_box .inner.active .desc_txt{font-weight:300;color:#fff;}
.story_row .roasting_box .inner.active .container,.story_row .roasting_box .inner:last-child .container{border-bottom:0;}
.story_row .roasting_box .inner.active:hover{background:#ffe600;}
.story_row .roasting_box .inner.active:hover h3, .story_row .roasting_box .inner.active:hover .color-3, .story_row .roasting_box .inner.active:hover .roast_tit{color:#0e347e;}
.story_row .roasting_box .inner.active:hover .desc_txt{color:#202020;}
.story_row .roasting_box .inner.active:hover .tit.color-3{color:#7f5425;}
.story_row .roasting_box .inner.active .hover, .story_row .roasting_box .inner.active:hover .hover-off{display:none;}
.story_row .roasting_box .inner.active:hover .hover{display:inline-block;}

@media screen and (max-width:1024px){
	.about_wrap .bean_slider .container{height:calc(100vh - 70px);}
	.story_row.row-1 .sub_visual2{padding:50px 0 95px;}
}
@media screen and (max-width:1023px){
	.story_row .story_box:last-child .main_tit2:after{float:inherit;}
	.story_row .story_box:last-child .txt_box{text-align:left;}
	.story_row .roasting_box .value_box{display:block;text-align:center;}
	.story_row .roasting_box p{text-align:left;}
	.about_wrap .bean_slider .swiper-slide{background-position:center;background-size:cover;}
}
@media screen and (max-width:767px){
	.about_wrap .bean_slider .swiper-slide{background-image:none;}
	.story_row .story_box, .story_row .roasting_box .grid_wrap, .story_row .roasting_box .grid_wrap>*{margin:0;}
	.story_row .roasting_box .grid_wrap .m12-col-4,
	.story_row .roasting_box .grid_wrap .m12-col-6{
		width:100%;margin:0;
	}
	.story_row.row-2 .container, .story_row.row-4 .container{height:calc(100vh - 70px);}
	.story_row .roasting_box .value_box{margin-bottom:1rem;}
	.story_row .sub_visual2 h1{font-size:2rem;}
	.story_row .sub_visual2 h2{font-size:1.3rem;}
}
@media screen and (max-width:499px) {
	.about_wrap .bean_slider .slg {
		top:200px;
	}
	.about_wrap .bean_slider .slg .sub_slg {
		width:90%;
	}
	.about_wrap .bean_slider .slg .pc_ver {
		display:none;
	}
}

/* sub - 메뉴 */
.sub_visual.bg-menu{background-image:url(../images/bg-menu.jpg);}
.sub_visual.bg-menu2{background-image:url(../images/bg-menu2.jpg);}
.sub_visual.bg-menu3{background-image:url(../images/bg-menu3.jpg);}
.sub_visual.bg-menu4{background-image:url(../images/bg-menu4.jpg);}
.sub_visual.bg-menu5{background-image:url(../images/bg-menu5.jpg);}
.sub_section .main_tit3{text-align:center;font-size:2.187rem;}
.sub_section .main_tit3:after{width:58px;height:3px;display:block;margin:1rem auto 6rem;background:#0e347e;content:'';}
.menu_wrap{padding:90px 0 0;}
.menu_wrap .container{overflow:hidden;}
.menu_wrap .menu_slider{margin-bottom:80px;padding:0 50px;position:relative;}
.menu_wrap .menu_slider .swiper-slide{text-align:center;position:relative;}
.menu_wrap .menu_slider .swiper-slide img{width:245px;}
.menu_wrap .menu_slider .swiper-slide .best_tit{margin-top:1rem;font-size:1rem;font-weight:500;}
.menu_wrap .menu_slider .swiper-slide .ico{
	display:inline-block;width:69px;height:69px;line-height:69px;
	border-radius:100%;
	font-size:1.062rem;font-weight:700;text-transform:uppercase;
	position:absolute;top:60px;right:20px;
}
.menu_wrap .menu_slider .swiper-slide .ico.new{background:#ffe600;color:#0f46ae;}
.menu_wrap .menu_slider .swiper-slide .ico.best{background:#0e347e;color:#ffe600;}
.menu_wrap .menu_slider .swiper-button-next, .menu_wrap .menu_slider .swiper-button-prev{width:26px;height:43px;margin-top:0;transform:translateY(-50%);}
.menu_wrap .menu_slider .swiper-button-next{background-image:url(../images/next-ico.png);}
.menu_wrap .menu_slider .swiper-button-prev{background-image:url(../images/prev-ico.png);}
.menu_wrap .menu_view{padding:20px 0 50px;border-top:1px solid #e5e5e5;text-align:center;}
.menu_wrap .menu_view h2{padding-bottom:20px;font-size:1.5rem;font-weight:500;}
.menu_wrap .sns_ico{font-size:0;margin:0 -9px;text-align:center;margin-top:30px;}
.menu_wrap .sns_ico li{display:inline-block;margin:0 9px;}
.sns_ico img{width:32px;}
.menu_list{padding-bottom:97px;}
.menu_list>ul>li{float:left;width:25%;padding:20px;border:1px solid #dcdcdc;border-left:1px solid transparent;border-top:1px solid transparent;position:relative;cursor:pointer;}
.menu_list>ul>li:nth-child(-n+4){border-top:1px solid #dcdcdc;}
.menu_list>ul>li:nth-child(4n+1){border-left:1px solid #dcdcdc;}
.menu_list>ul>li:hover{border-color:#0e347e;border-left:1px solid #0e347e;}
.menu_list .thumb{}
.menu_list .menu_tit{padding:0 10px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.menu_list .hover, .menu_slider .hover{width:100%;height:100%;text-align:left;border:8px solid #fff;padding:30px 22px 9px;background:rgba(255, 230, 0, 0.8);position:absolute;top:0;left:0;display:none;}
.menu_list .hover .close, .menu_slider .hover .close{font-size:0;background:transparent;position:absolute;right:11px;top:13px;}
.menu_list .hover .close:before, .menu_slider .hover .close:before{content:url(../images/menu-close.png);}
.menu_list .hover h3, .menu_slider .hover h3{font-size:1.495rem;color:#000;}
.menu_list .hover .menu_tit2, .menu_slider .hover div.menu_tit2{font-weight:700;text-transform:uppercase;line-height:130%;font-size:0.935rem;}
.menu_list .hover .menu_tit2 .contain, .menu_slider .hover div.menu_tit2 .contain {
	text-transform : none;
	font-weight:400;
	color:#000;
	line-height:1;
	margin-top:5px;
	font-size:13px;
	letter-spacing:-0.25px;
}
.menu_list .hover .menu_tit2:after, .menu_slider .hover .menu_tit2:after{display:block;width:26px;height:2px;margin:5px 0;background:#202020;content:'';}
.menu_list .hover .menu_tit2.menu_contain:after, .menu_slider .hover .menu_tit2.menu_contain:after { margin: 10px 0 24px; }
.menu_list .hover .txt, .menu_slider .hover p.txt{font-weight:300;font-size:0.875rem;word-break:break-word;}
.menu_list .hover .price, .menu_slider .hover .price{width:100%; margin-bottom:5px;}
.menu_slider .hover .price{bottom:30px;}
.menu_list .hover .price li, .menu_slider .hover .price li{float:left;font-size:1.25rem;font-weight:700;color:#0e347e;text-transform:uppercase;}
.menu_list .hover .price li p, .menu_slider .hover .price li p{line-height:120%;}
.menu_list .hover .msg, .menu_slider .hover p.msg{font-size:0.562rem;color:#403a02;position:absolute;left:22px;bottom:9px;}
.menu_list .hover .ingredient_table_box, .menu_slider .hover .ingredient_table_box {
	position:absolute; bottom:35px; left:2.5%; width:95%;
}
.menu_list .hover .ingredient_table, .menu_slider .hover .ingredient_table {
	font-size: 0;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	color:#000;
}
.ingredient_table_box .menu_ingredient_basis {
	font-size:13px;
	color:#000;
	padding-left:5px;
	padding-bottom:5px;
	letter-spacing:-0.25px;
	line-height:1.1em;
}
.menu_list .hover .ingredient_table li, .menu_slider .hover .ingredient_table li {
	display:inline-block;
	width:50%;
}
.menu_list .hover .ingredient_table li div, .menu_slider .hover .ingredient_table li div {
	padding: 7px 3px;
	font-size: 12px;
	display:inline-block;
	letter-spacing:-1px;
}
.menu_list .hover .ingredient_table li div:nth-child(2n), .menu_slider .hover .ingredient_table li div:nth-child(2n) {
	text-align:right;
	float:right;
}
.menu_list .hover .ingredient_table li:nth-child(2n - 1), .menu_slider .hover .ingredient_table li:nth-child(2n - 1) {
	border-right: 1px solid #555;
}
.menu_wrap .title_zone h2{padding-bottom:20px;font-size:1.5rem;font-weight:500;}
@media screen and (max-width:1023px){
	.menu_list>ul>li{width:50%;}
	.menu_list>ul>li:nth-child(-n+4){border-top:1px solid transparent;}
	.menu_list>ul>li:nth-child(-n+2){border-top:1px solid #dcdcdc;}
	.menu_list>ul>li:nth-child(2n+1){border-left:1px solid #dcdcdc;}
	.menu_list>ul>li:nth-child(2n+1):hover, .menu_list>ul>li:nth-child(-n+2):hover{border-color:#0e347e;}
	.menu_list>ul>li:nth-child(2n+1):hover, .menu_list>ul>li:nth-child(-n+4):hover{border-top:1px solid #0e347e;}
	#feed_size {width:100%;}
	.feed_box {padding:0,1rem,0,1.1rem}
}
@media screen and (max-width:767px){
	.menu_list .hover, .menu_slider .hover{width:90%;height:auto;padding:2rem 1rem 1rem;position:fixed;top:30%;left:50%;transform:translateX(-50%);border:1px solid #dcdcdc;z-index:10;}
	.menu_slider .hover{width:100%;position:absolute;}
	.menu_list .hover .price, .menu_list .hover .msg, .menu_slider .hover .price, .menu_slider .hover .msg{position:initial;}
	.menu_list .hover .price, .menu_slider .hover .price{padding:1rem 0;}
	#feed_size {width:100%;height:150px}
	.feed_box {padding: 0,1rem,0,1rem}
	.menu_list .hover .ingredient_table_box, .menu_slider .hover .ingredient_table_box {
		position:relative;
		left:0;
		bottom:0;
		width:100%;
		margin: 10px 0;
	}
}

/* 200508 커피이야기2 */
.story2 img {
	max-width:100%;
}
.story2 .section01-wrap {
	background:url(../images/bg1.jpg) no-repeat center center;
	background-size:cover;
	font-family:'Noto Sans KR',AppleGothic,sans-serif;
}
.story2 .section {
	width:1154px;
	height:1080px;
	max-width:100%;
	margin:0 auto;
	box-sizing:border-box;
}
.story2 h2 {
	font-size:0.875rem;
	font-weight:300;
	color:#fff;
	letter-spacing:5px;
}
.story2 .section01 {
	padding-top:230px;
}
.story2 .section01 h2 {
	padding-left:9.8%;
}
.story2 .section01 img.pc {
	display:block;
	padding:87px 0 112px 9.8%;
}
.story2 .section01 img.mo {
	display:none;
}
.story2 .section01 .txt-box {
	position:relative;
	color:#fff;
	font-size:1rem;
	line-height:2;
	font-weight:400;
	padding:64px 0 0 110px;
}
.story2 .section01 .txt-box:before {
	content:'';
	display:block;
	position:absolute;
	left:0;
	top:0;
	border-left:8px solid #fde700;
	border-top:8px solid #fde700;
	width:203px;
	height:111px;
}
.story2 .section02 {
	width:1264px;
	max-width:100%;
}
.story2 .section02 h2 {
	text-align:center;
	padding-bottom:58px;
}
.story2 .section02 .story-slider {
	position:relative;
}
.story2 .section02 .story-slider:after {
	content:'';
	display:block;
	position:absolute;
	top:0;
	right:55px;
	width:194px;
	height:104px;
	border-top:8px solid #fde700;
	border-right:8px solid #fde700;
}
.story2 .section02 .swiper-slide {
	width:100%;
	height:730px;
	opacity:0;
	transform:translate3d(-0px, 0px, 0px);
}
.story2 .section02 .swiper-slide img {
	width:auto;
	display:block;
	margin-top:33px;
	margin-left:55px;
	float:left;
	box-shadow:20px 20px 10px rgba(0,0,0,0.5);
}
.story2 .section02 .swiper-slide:after {
	content:'';
	clear:both;
	display:block;
}
.story2 .section02 .swiper-slide .txt-box {
	float:right;
	width:445px;
	color:#fff;
	margin-right:55px;
}
.story2 .section02 .txt-box > h3 {
	color:#fff;
	font-family:'Nanum Myeongjo',sans-serif;
	line-height:1.6;
	padding:120px 0 60px;
	font-size:2.25rem;
	font-weight:400;
}
.story2 .section02 .txt-box .pc-br {
	display:block;
}
.story2 .section02 .txt-box > p {
	line-height:2.5;
	font-size:1rem;
	word-break:keep-all;
	padding-right:22.8%;
	font-weight:300;
}
.story2 .section02 .coffee-lv {
	margin-top:40px;
	padding:10px 0 0;
	border-top:2px solid #bfbcb5;
	color:#fff;
	font-size:0.75rem;
	line-height:1;
}
.story2 .section02 .coffee-lv h3 {
	font-size:0.94rem;
	color:#fff;
	padding:0 0 10px;
}
.story2 .section02 .coffee-lv .yellow {
	color:#eedb02;
}
.story2 .section02 .coffee-lv span {
	display:inline-block;
	padding-right:3px;
}
.story2 .section02 .swiper-button-next,
.story2 .section02 .swiper-button-prev{
	width:71px;
	height:71px;
	margin-top:-80px;
	border-radius:100%;
	background:#fff url(../images/icon_arrow.png) no-repeat center center;
	box-shadow:5px 5px 5px rgba(0,0,0,0.5);
	text-indent:-9999px;
	overflow:hidden;
}
.story2 .section02 .swiper-button-next {
	background:#fff url(../images/icon_arrow2.png) no-repeat center center;
	right:auto;
	left:610px;
}
.story2 .section02 .page-wrap {
	color:#fff;
	text-align:center;
	font-size:0.937rem;
	font-family:'Nanum Myeongjo',sans-serif;
	color:#909090;
	letter-spacing:5px;
	padding-top:50px;
}
.story2 .section02 .page-wrap .num {
	color:#ffffff;
}
.story2 .section02 .page-wrap .dragg{
	position:relative;
	display:inline-block;
	width:180px;
	height:2px;
	background:#525252;
	margin:0 30px;
	vertical-align:middle;
	overflow:hidden;
}
.story2 .section02 .page-wrap .dragg .active {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#fff;
   -webkit-transition: all 0.5s ease;
   -ms-transition: all 0.5s ease;
   -moz-transition: all 0.5s ease;
   -o-transition: all 0.5s ease;
   transition: all 0.5s ease;
}
.story2 .section02 .swiper-button-prev {
	left:0px;
}
.story2 .section03 {
	width:100%;
	background:url(../images/bg2.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}
.story2 .section03 h2 {
	color:#000000;
	padding:135px 0 37px;
}
.story2 .section03 .copping-box {
	width:1154px;
	margin:0 auto;
}
.story2 .section03 .copping-box h3 {
	position:relative;
	text-align:left;
}
.story2 .section03 .copping-box h3:after {
	content:'';
	display:block;
	position:absolute;
	right:0;
	top:50%;
	width:calc(100%  - 177px);
	height:1px;
	background:#bfbcb7;
}
.story2 .section03 .copping-box ul {
	display:inline-block;
	width:690px;
}
.story2 .section03 .copping-box ul:after {
	content:'';
	display:block;
	clear:both;
}
.story2 .section03 .copping-box li {
	float:left;
	width:25%;
	font-size:0.88rem;
	color:#cbcbcb;
	padding:40px 0 66px;
}
.story2 .section03 .copping-box li img {
	display:block;
	margin:0 auto 10px;
}
.story2 .section03 .img-box {
	width:1154px;
	margin:0 auto;
}
.story2 .section03 .img-box:after {
	content:'';
	clear:both;
	display:block;
}
.story2 .section03 .img-box img:nth-child(1) {
	float:left;
}
.story2 .section03 .img-box img:nth-child(2){
	float:right;
}
.story2 .section04 {
	width:100%;
	background:url(../images/bg3.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}
.story2 .section04 .img-box-wrap {
	padding-top:250px;
}
.story2 .section04 .img-box {
	position:relative;
	width:500px;
	height:644px;
	margin:0 auto;
}
.story2 .section04 .img-box > img {
	display:none;
	position:relative;
	top:0;
	opacity:1;
	box-shadow:60px 60px 16px rgba(0,0,0,.15);
   -webkit-transition:all 0.5s;
   -ms-transition:all 0.5s;
   -moz-transition:all 0.5s;
   -o-transition:all 0.5s;
   transition:all 0.5s;
}
.story2 .section04 .img-box > .hover {
	position:absolute;
	left:50%;
	top:-130px;
	transform:translateX(-50%);
	z-index:10;
	opacity:1;
   -webkit-transition:all 0.7s;
   -ms-transition:all 0.7s;
   -moz-transition:all 0.7s;
   -o-transition:all 0.7s;
   transition:all 0.7s;
}
/* .story2 .section04 .img-box:hover > img {
	opacity:0;
	top:60px;
}
.story2 .section04 .img-box:hover .hover {
	top:-130px;
	opacity:1;
} */
.story2 .section04 .img-box > .hover .box {
	position:relative;
	margin-top:21px;
	width:500px;
	height:644px;
	background:url(../images/hover_img_bg.jpg) no-repeat center center;
	background-size:cover;
	box-shadow:60px 60px 16px rgba(0,0,0,.15);
	box-sizing:border-box;
	padding:80px 40px 40px ;
	text-align:left;
}
.story2 .section04 .img-box > .hover .box p {
	color:#704524;
	font-size:1rem;
	line-height:2.2;
}
.story2 .section04 .img-box > .hover .box .s-txt {
	position:absolute;
	bottom:40px;
	font-size:1rem;
	color:#838383;
	line-height:1.6;
	font-weight:300;
}
.story2 .section04 .img-box > .hover .box .s-txt strong {
	display:block;
	padding-bottom:5px;
	font-weight:500;
}
@media (max-width: 1199px) {
	.story2 .section01-wrap {
		background:url(../images/bg1_mo.jpg) no-repeat center center;
		background-size:cover;
	}
	.story2 .section {
		width:100%;
		height:auto;
		margin:0 auto;
		box-sizing:border-box;
		padding:0 9.333vw;
	}
	.story2 h2 {
		width:100%;
		height:0;
		padding: calc( 12 / 597 * 100%) 0 0;
		text-indent:-9999px;
		overflow:hidden;
		background:url(../images/section01_title_m.png) no-repeat;
		background-size:100%;
	}
	.story2 .section01 {
		padding-top:calc(7.333vw + 70px);
	}
	.story2 .section01 h2 {
		padding-left:9.8%;
	}
	.story2 .section01 img.pc {
		display:none;
	}
	.story2 .section01 img.mo {
		display:block;
		width:100%;
		padding-top:12vw;
		padding-bottom:14.666vw;
	}
	.story2 .section01 .txt-box {
		position:relative;
		color:#fff;
		font-size:4.2666vw;
		line-height:2;
		font-weight:400;
		padding:9vw 0 0 5.066vw;
		word-break:keep-all;
	}
	.story2 .section01 .txt-box:before {
		content:'';
		display:block;
		position:absolute;
		left:0;
		top:0;
		border-left:8px solid #fde700;
		border-top:8px solid #fde700;
		width:28vw;
		height:15.4666vw;
	}
	.story2 .section02 {
		width:100%;
	}
	.story2 .section02 h2 {
		text-align:center;
		background:url(../images/section02_title_m.png) no-repeat;
		background-size:100%;
		margin:14.666vw 0 6.666vw;
		padding-bottom:0;
		padding-top:calc( 19 / 597 * 100%);
	}
	.story2 .section02 .story-slider {
		width:calc(100% + 18.666vw);
		margin-left:-9.333vw;
	}
	.story2 .section02 .story-slider:after {
		display:none;
	}
	.story2 .section02 .swiper-slide {
		width:100%;
		height:auto;
	}
	.story2 .section02 .swiper-slide img {
		width:calc(100% - 18.666vw);
		display:block;
		margin:0 auto;
		float:none;
		box-shadow:20px 20px 10px rgba(0,0,0,0.5);
	}
	.story2 .section02 .swiper-slide .txt-box {
		float:none;
		width:auto;
		margin:0 9.333vw;
	}
	.story2 .section02 .txt-box > h3 {
		padding:6.2666vw 0 ;
		font-size:5.4vw;
	}
	.story2 .section02 .txt-box .pc-br {
		display:none;
	}
	.story2 .section02 .txt-box > p {
		line-height:1.8;
		font-size:4.2666vw;
		padding-right:0;
		min-height:56vw;
	}
	.story2 .section02 .coffee-lv h3 {
		display:none;
	}
	.story2 .section02 .coffee-lv .lv-box {
		text-indent:-9999px;
		width:100%;
		height:0;
		padding-top: calc( 19 / 608 * 100%) ;
		background:url(../images/coffee_lv_m.png) no-repeat center center;
		background-size:100%;
	}
	.story2 .section02 .swiper-button-next,
	.story2 .section02 .swiper-button-prev{
		width:9.86vw;
		height:9.86vw;
		margin-top:0;
		top:40vw;
		border-radius:100%;
		background:#fff url(../images/icon_arrow.png) no-repeat center center;
		box-shadow:5px 5px 5px rgba(0,0,0,0.5);
		text-indent:-9999px;
		overflow:hidden;
		outline:none;
	}
	.story2 .section02 .swiper-button-prev{
		left:4.666vw;
	}
	.story2 .section02 .swiper-button-next {
		background:#fff url(../images/icon_arrow2.png) no-repeat center center;
		right:4.666vw;;
		left:auto;
	}
	.story2 .section02 .page-wrap {
		font-size:2.666vw;
		padding:11.7333vw 0 2.9333vw;
	}
	.story2 .section02 .page-wrap .dragg{
		width:32vw;
		height:2px;
		margin:0 5.333vw;
	}
	.story2 .section03 {
		background:url(../images/bg2_m.jpg) no-repeat center center;
		background-size:cover;
		padding-top:8vw;
	}
	.story2 .section03 h2 {
		background:url(../images/section03_title_m.png) no-repeat;
		background-size:100%;
		margin:0 0 10.666vw;
		padding-bottom:0;
		padding-top:calc( 19 / 597 * 100%);
	}
	.story2 .section03 .copping-box {
		width:100%;
	}
	.story2 .section03 .copping-box h3 img {
		width:27.0666vw;
	}
	.story2 .section03 .copping-box h3:after {
		width:calc(100%  - 28.933vw);
	}
	.story2 .section03 .copping-box ul {
		display:block;
		width:100%;
		box-sizing:border-box;
		padding:0 8.9333vw;
	}
	.story2 .section03 .copping-box li {
		float:left;
		width:50%;
		font-size:2.6666vw;
		padding:10vw 0 0px;
	}
	.story2 .section03 .copping-box li img {
		display:block;
		margin:0 auto 10px;
	}
	.story2 .section03 .img-box {
		width:100%;
	}
	.story2 .section03 .img-box img:nth-child(1) {
		float:none;
		padding:9.333vw 0 13.333vw;
	}
	.story2 .section03 .img-box img:nth-child(2){
		float:none;
		padding-bottom:18.13vw;
	}
	.story2 .section04 {
		width:100%;
		background:url(../images/bg3.jpg) no-repeat center center;
		background-size:cover;
		text-align:center;
	}
	.story2 .section04 .img-box-wrap {
		padding-top:37.866vw;
		padding-bottom:22.4vw;
	}
	.story2 .section04 .img-box {
		position:relative;
		width:80vw;
		height:104.666vw;
		margin:0 auto;
	}
	.story2 .section04 .img-box > img {
		position:relative;
		width:100%;
		top:0;
		opacity:1;
		z-index:20;
		box-shadow:20px 20px 8px rgba(0,0,0,.15);
	   -webkit-transition:all 0.5s;
	   -ms-transition:all 0.5s;
	   -moz-transition:all 0.5s;
	   -o-transition:all 0.5s;
	   transition:all 0.5s;
	}
	.story2 .section04 .img-box > .hover {
		position:absolute;
		left:50%;
		top:0px;
		transform:translateX(-50%);
		z-index:10;
		opacity:0;
	   -webkit-transition:all 0.7s;
	   -ms-transition:all 0.7s;
	   -moz-transition:all 0.7s;
	   -o-transition:all 0.7s;
	   transition:all 0.7s;
	}
	.story2 .section04 .img-box:hover > img {
		opacity:1;
		top:0;
	}
	.story2 .section04 .img-box.mo > img {
		opacity:0;
		top:-60px;
	}
	/* .story2 .section04 .img-box:hover .hover {
		opacity:0;
		top:0;
	} */
	.story2 .section04 .img-box .hover {
		opacity:1;
		top:-21.333vw;

	}
	.story2 .section04 .img-box > .hover .box {
		position:relative;
		margin-top:5.866vw;
		width:80vw;
		height:104.666vw;
		background:url(../images/hover_img_bg.jpg) no-repeat center center;
		background-size:cover;
		box-shadow:20px 20px 8px rgba(0,0,0,.15);
		box-sizing:border-box;
		padding:12vw 6vw 6vw ;
		text-align:left;
	}
	.story2 .section04 .img-box > .hover .icon img {
		width:20vw;
	}
	.story2 .section04 .img-box > .hover .box p {
		font-size:3.5vw;
		line-height:2.2;
	}
	.story2 .section04 .img-box > .hover .box .s-txt {
		bottom:6vw;
		font-size:3.5vw;
	}
	.story2 .section04 .img-box > .hover .box .s-txt strong {
		display:block;
		padding-bottom:5px;
	}
}
.story2 .swiper-slide:not(.swiper-slide-active){
  opacity: 0 !important;
}






/* 220321 추가 */

table.tableNew{
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    background-color: #fff;
}

table.tableNew tr th{
    padding: 10px 0px!important;
}

table.tableNew tr td{
    padding: 10px 0px!important;
    font-weight: 400!important;
    font-size: 14px!important;
}

table.tableNew tr th,
table.tableNew tr td{
    border: 1px solid #222;
}

/* WEBKOREA */
body{max-width:1920px; margin:auto;}
.main_section section{position:relative; overflow:hidden;}
.main_section section > a{display:block; width:100%; height:100%;}
.main_section .sec_hover{overflow:hidden;}
.main_section .sec_hover a img{width:100%; transform:scalc(1,1); transition:.8s ease;}
.main_section .sec_hover:hover a img{transform:scale(1.05,1.05);}
.main_section .sec_hover a img.pc{display:none;}
.main_section section dl{margin:0; z-index:1;}
.main_section section dl.main_tt{position:absolute; width:92%; top:30px; left:4%;}
.main_section section dl.main_tt dt{font-size:22px; font-weight:900;}
.main_section section dl.main_tt dt:after{content:""; display:block; width:35px; height:2px; margin-top:10px;}
.main_section section dl.main_tt dd{display:none;}
.main_section section a.view_btn{position:absolute; right:4%; bottom:15px; width:50px; height:50px; background:url(../images/view_icon.png) no-repeat center #FFF; border-radius:100%; box-shadow:3px 0 11px rgba(138, 138, 138, 0.2); -webkit-box-shadow:3px 0 11px rgba(138, 138, 138, 0.2); transition:all .3s ease; z-index:1;}
.main_section section a.view_btn:hover{transform:rotate(360deg); background:url(../images/btn1-on.png) no-repeat center #FFF;}
.main_section section a.view_btn span{position:absolute; display:block; left:-9999px; width:1px; height:1px; overflow:hidden; font-size:0; line-height:0; text-indent:-9999px;}
.main_sec01 > div{position:relative; height:240px;}
.main_sec01 > div > a{display:block; width:100%; height:100%;}
.main_sec01 .left_wrap{background:url(../images/main_sec1.jpg) no-repeat; background-size:cover; background-position:60%;}
.main_sec01 .right_wrap{background:url(../images/main_intro_bn.jpg) no-repeat #253f85; background-size:50%; background-position:80% 80%;}
.main_sec01 dl{width:92%; margin:auto !important; padding-top:30px;}
.main_sec01 dt{width:100%; display:inline-block; margin:5px 0 10px; font-size:40px; font-weight:900; color:#071f60;}
.main_sec01 dd{display:none;}
.main_sec01 .right_wrap dt{color:#FFF;}
.main_sec02 dl.main_tt dt{color:#6b4d30;}
.main_sec02 dl.main_tt dt:after{background:#6b4d30;}
.main_sec03 > div{position:relative;}
.main_sec03 .left_wrap dl.main_tt dt{color:#071f60;}
.main_sec03 .left_wrap dl.main_tt dt:after{background:#071f60;}
.main_sec03 .right_wrap dl.main_tt dt{color:#f1ae1d;}
.main_sec03 .right_wrap dl.main_tt dt:after{background:#f1ae1d;}
.main_sec04 .right_wrap{position:relative;}
.main_sec04 .right_wrap dl.main_tt dt{color:#FFF;}
.main_sec04 .right_wrap dl.main_tt dt:after{background:#FFF;}
.main_sec04 .left_wrap{display:table; width:92%; margin:15px auto 0;}
.main_sec04 .left_wrap > div{position:relative; width:49%; height:240px; border:2px solid #071f60;}
.main_sec04 .left_wrap dl{padding:15px 15px 0;}
.main_sec04 .left_wrap dt{font-size:20px; font-weight:700; color:#071f60;}
.main_sec04 .left_wrap dd{font-size:15px; margin:10px 0 0; line-height:1.2em;}
.main_sec04 .left_wrap .franchise_bn{float:left; background:url(../images/main_sec6.png) no-repeat bottom right; background-size:150px auto;}
.main_sec04 .left_wrap .franchise_bn > a:first-child{display:block; width:100%; height:100%;}
.main_sec04 .left_wrap .franchise_bn a.view_btn{right:auto; left:15px; background:url(../images/store-ico.png) no-repeat center #FFF; background-size:23px 21px;}
.main_sec04 .left_wrap .franchise_bn a.view_btn:hover{transform:none; background:url(../images/btn1-on.png) no-repeat center #FFF;}
.main_sec04 .left_wrap .store_bn{float:right;}
.main_sec04 .left_wrap .store_bn .store_search{position:absolute; width:calc(100% - 30px); left:15px; bottom:15px;}
.main_sec04 .left_wrap .store_bn .store_search input{width:100%; height:40px; padding:0 15px; border:2px solid #071f60; font-size:14px;}
.main_sec04 .left_wrap .store_bn .store_search input::placeholder{color:transparent;}
.main_sec04 .left_wrap .store_bn .store_search .ok{position:absolute; border:0; cursor:pointer; top:50%; right:10px; background:none; transform:translateY(-50%);}
.main_sec04 .left_wrap .store_bn .store_search .ok img{width:23px;}
.main_sns{padding:60px 4% 80px; text-align:center;}
.main_sns dt{font-family:'Nanum Myeongjo',sans-serif; font-size:24px; font-weight:800; letter-spacing:3px;}
.main_sns dd{margin:15px 0 0;}
.main_sns dd span{margin:0 5px; font-size:16px; color:#999;}
.main_sns .sns_icon:before{content:""; display:block; width:50px; height:1px; margin:30px auto; background:#0e347e;}
.main_sns .sns_icon li{display:inline-block; margin:0 5px;}
.main_sns .sns_icon li img{width:35px;}
.found_btn{position:fixed; top:100px; right:4%; z-index:2;}
.found_btn li{width:65px; height:65px; border-radius:100%; box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2); -webkit-box-shadow:5px 5px 10px rgba(0, 0, 0, 0.2);}
.found_btn li:first-child{margin-bottom:10px;}
.found_btn a{display:block; width:100%; height:100%;}
.found_btn a img{width:100%;}

@media screen and (min-width:760px){
.main_section section a.view_btn{bottom:25px;}
.main_sec01 dl{padding-top:40px;}
.main_sec01 p{display:block; width:92%; margin:auto; font-size:16px;}
.main_section section dl.main_tt{top:40px;}
.main_section section dl.main_tt dt{font-size:32px;}
.main_section section dl.main_tt dt:after{width:40px; margin-top:20px;}
.main_sec04 .left_wrap{margin:25px auto 0;}
.main_sec04 .left_wrap dl{padding:25px 30px 0;}
.main_sec04 .left_wrap dt{font-size:30px;}
.main_sec04 .left_wrap dd{font-size:16px;}
.main_sec04 .left_wrap .franchise_bn a.view_btn{left:30px;}
.main_sec04 .left_wrap .store_bn .store_search{width:calc(100% - 60px); max-width:320px; left:30px; bottom:25px;}
.main_sec04 .left_wrap .store_bn .store_search input::placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec04 .left_wrap .store_bn .store_search input::-webkit-input-placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec04 .left_wrap .store_bn .store_search input:-moz-placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec04 .left_wrap .store_bn .store_search input::-moz-placeholder{color:rgba(14, 52, 126, 0.5);}
.main_sec04 .left_wrap .store_bn .store_search input:-ms-input-placeholder{color:rgba(14, 52, 126, 0.5);}
.found_btn li{width:120px; height:120px;}
.found_btn li:first-child{margin-bottom:15px;}
}

@media screen and (min-width:1020px){
.main_section .sec_hover a img.pc{display:block;}
.main_section .sec_hover a img.mo{display:none;}
.main_sec01{display:table; width:100%;}
.main_sec01 > div{float:left; width:50%;}
.main_sec03{display:table; width:100%;}
.main_sec03 > div{float:left;}
.main_sec03 .left_wrap{width:60.104%;}
.main_sec03 .right_wrap{width:39.896%;}
.main_sec04{display:table; width:100%; margin-top:15px;}
.main_sec04 .right_wrap{float:right; width:62%; height:495px;}
.main_sec04 .sec_hover a img{width:auto; max-width:none !important; height:100%;}
.main_sec04 .left_wrap{float:right; width:calc(38% - 30px); margin:0 15px;}
.main_sec04 .left_wrap .franchise_bn{float:none; display:inline-block; width:100%;}
.main_sec04 .left_wrap .store_bn{float:none; display:inline-block; width:100%; margin-bottom:15px;}
.found_btn li{width:140px; height:140px;}
.found_btn li:first-child{margin-bottom:20px;}
}

@media screen and (min-width:1200px){
.main_section section a.view_btn{left:50%; right:auto; bottom:40px; margin-left:-600px;}
.main_section section dl.main_tt{width:1200px; top:60px; left:50%; margin-left:-600px;}
.main_section section dl.main_tt dt{font-size:50px;}
.main_section section dl.main_tt dd{display:block; margin:25px 0 0; font-size:18px; font-weight:500; line-height:1.4em;}
.main_sec01 > div{height:320px;}
.main_sec01 .right_wrap{background-size:301px; background-position:calc(100% - 60px) center;}
.main_sec01 dl{width:600px; margin-left:calc(100% - 600px) !important;}
.main_sec01 .right_wrap dl{margin-left:80px !important;}
.main_sec01 dt{font-size:50px;}
.main_sec01 dd{display:inline-block; margin:10px 0 0; font-size:18px; font-weight:500; line-height:1.4em;}
.main_sec01 .right_wrap dd{color:#c4cbde;}
.main_sec01 .left_wrap a.view_btn{left:auto; right:550px; margin-left:0;}
.main_sec01 .right_wrap a.view_btn{left:80px; margin-left:0;}
.main_sec03 > div{position:static;}
.main_sec03 .right_wrap dl.main_tt{left:auto; margin-left:40px;}
.main_sec03 .right_wrap a.view_btn{left:auto; margin-left:40px;}
.main_sec04 .left_wrap > div{height:300px;}
.main_sec04 .left_wrap{width:calc(46% - 30px);}
.main_sec04 .left_wrap dl{padding:40px 50px 0;}
.main_sec04 .left_wrap dt{font-size:40px;}
.main_sec04 .left_wrap dd{margin:15px 0 0; font-size:18px;}
.main_sec04 .left_wrap a.view_btn{margin-left:0;}
.main_sec04 .left_wrap .store_bn .store_search{bottom:40px; left:50px;}
.main_sec04 .left_wrap .store_bn .store_search input{height:50px;}
.main_sec04 .left_wrap .store_bn .store_search .ok{right:15px;}
.main_sec04 .left_wrap .franchise_bn a.view_btn{left:50px;}
.main_sec04 .left_wrap .franchise_bn{background-size:230px auto;}
.main_sec04 .right_wrap{position:static; width:54%; height:615px;}
.main_sec04 .right_wrap dl.main_tt{left:auto; margin-left:40px;}
.main_sec04 .right_wrap dl.main_tt dd{color:#FFF;}
.main_sec04 .right_wrap a.view_btn{left:auto; margin-left:40px;}
.found_btn{top:200px;}
}

@media screen and (min-width:1400px){
.main_sec04 .left_wrap{width:508px;}
.found_btn{right:0;}
.found_btn li{margin-left:calc(100% - 200px);}
}