@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

html,body,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,big,cite,code,del,dfn,em,font,img,ins,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,ul,ol,li,dl,dt,dd,table,caption,tbody,tfoot,thead,tr,th,td,fieldset,fo7m,label,legend,input,button,textarea,select{margin:0;padding:0}
header,footer,section,article,aside,nav,hgroup,details,menu,figure,figcaption{display:block;margin:0;padding:0}
legend{display:block;overflow:hidden;position:absolute;width:1px;height:1px;font-size:1px;line-height:0;text-indent:-999em;white-space:nowrap; }
fieldset,img,table,caption,tbody,tfoot,thead,tr,th,td,button,hr{border:0 none}
img{vertical-align:middle}
body li{*vertical-align:top}
ul li{list-style:none; padding:0; margin:0;}
table{border-collapse:collapse}
caption{visibility:hidden;overflow:hidden;width:0;height:0;font-size:0;line-height:0;}
button{overflow:visible;border:0 none;cursor:pointer}
button::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="reset"]::-moz-focus-inner {padding: 0;border: 0 none}
body{position:relative;line-height:1.25em;font-family: 'Noto Sans KR', sans-serif,AppleGothic,Arial,Helvetica,sans-serif; color:#000; }
a { text-decoration:none; color:#000}
em { font-style:normal }
input[type="text"],
input[type="password"] ,
textarea { font-family: 'Noto Sans KR', sans-serif,AppleGothic,Arial,Helvetica,sans-serif; }
select { font-family: 'Noto Sans KR', sans-serif,AppleGothic,Arial,Helvetica,sans-serif; }


/**************************************************************************************************************
	공통
**************************************************************************************************************/
.blind{overflow:hidden;position:absolute;top:-1px;left:-1px;width:1px;height:1px;padding:0;margin:0;font-size:0;line-height:0;background:none;}
.m0 { margin:0  !important }
.mb0 { margin-bottom:0 !important }
.mb2 { margin-bottom:2px !important }
.mb4 { margin-bottom:4px !important }
.mb10 { margin-bottom:10px !important }
.mb15 { margin-bottom:15px !important }
.mb20 { margin-bottom:20px !important }
.mb25 { margin-bottom:25px !important }
.mb30 { margin-bottom:30px !important }
.mb40 { margin-bottom:40px !important }
.mb50 { margin-bottom:50px !important }
.mb70 { margin-bottom:70px !important }
.mb80 { margin-bottom:80px !important }
.mb130 { margin-bottom:130px !important }
.mb150 { margin-bottom:150px !important }
.pd0 { padding:0 !important }
.mbr10 { margin-right:10px }
.pdl50 { padding-left:50px !important }
.pdtop90 { padding-top:90px }
.none_bor { border:0 !important }
.center { text-align:center !important }
.txt_center { text-align:center !important }
.txt_left { text-align:left !important }
.txt_right { text-align:right !important }
.f12 { font-size:12px !important }
.txt_under { text-decoration:underline !important }
.blue { color:#0991bd !important } 
.org { color:#fb6827 !important }
.bold { font-weight:bold !important }
.red { color:#fe4e00 !important }
.gray { color:#8d8d8d !important }
.inline { display:inline-block; }
body,html { height:100% }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; }

#wrap { height:100%; }
#header { position:fixed; left:0; right:0; top:0; height:116px; background:#fff;  z-index:10; }
#header h1 { text-align:center; padding:28px 0 9px; }
#gnb  { max-width:450px; margin:0 auto; }
#gnb > ul { display:table; width:100%; }
#gnb > ul > li { display:table-cell; width:25%; text-align:center; position:relative; }
#gnb > ul > li  > a { display:block; font-size:12px; color:#b3b3b3; line-height:44px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
#gnb > ul > li  > a:hover { color:#dedbdb; }
#gnb > ul > li > ul { display:none; position:absolute; left:-10px; top:44px; width:120%; text-align:center; background:rgba(0,0,0,0.75); padding:10px 0;   }
#gnb > ul > li > ul li a { font-size:12px; color:#999; line-height:22px; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } 
#gnb > ul > li > ul li a:hover { color:#fff; }
#gnb > ul > li:hover ul { display:block; }
.lang { position:absolute; right:30px; bottom:12px; }
.lang ul { overflow:hidden; }
.lang ul li { float:left; padding:0 30px; position:relative; }
.lang ul li a  {font-size:12px; color:#b3b3b3; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; }
.lang ul li:first-child:before { content:''; position:absolute; right:0; top:6px; width:1px; height:12px; background:#b3b3b3; }
.lang ul li.active a,
.lang ul li a:hover { color:#3d3d3d; }

#footer { position:fixed; left:0; right:0; bottom:0; background:#171717; text-align:center; z-index:10; }
#footer .addr { line-height:18px; font-size:13px; color:#fff; height:72px; padding-top:25px;  } 
#footer .m_lang { display:none; background:#0d0d0d; overflow:hidden; border-top:1px solid #555; }
#footer .m_lang a { float:left; width:50%; text-align:center; line-height:32px; height:32px; font-size:12px; color:#555; }
#footer .m_lang a.active { color:#fff; }


/* 풀 이미지 */
.full-visual { background-size:cover; background-repeat:no-repeat; background-position:50% 50%; position:fixed; left:0; top:0; bottom:0; right:0; padding:116px 0 72px; transition:all 0.3s ease; }
.full-visual.visual01 { background-image:url(../img/visual_main.jpg) }
.full-visual.visual01 .m { display:none; width:100%; }
.full-visual .m-visual { display:none; }
.full-visual .m-visual img { display:block;width:100%;  }
.full-visual.visual-alpen { background-image:url(../img/visual_alpen.jpg) }
.full-visual.visual-alpenhorn { background-image:url(../img/visual_alpenhorn.jpg) }
.full-visual.visual-edwardmartin { background-image:url(../img/visual_edwardmartin.jpg) }
.full-visual.visual-ahlem { background-image:url(../img/visual_ahlem.jpg) }
.full-visual.visual-lunor { background-image:url(../img/visual_lunor.jpg) }
.full-visual.visual-marcus { background-image:url(../img/visual_marcus.jpg) }
.full-visual.visual-monterosa { background-image:url(../img/visual_monterosa.jpg) }
.full-visual.visual-moscot { background-image:url(../img/visual_moscot.jpg) }
.full-visual.visual-stektre { background-image:url(../img/visual_stektre.jpg) }
.full-visual.visual-tavat { background-image:url(../img/visual_tavat.jpg) }
.full-visual.visual-wonderland { background-image:url(../img/visual_wonderland.jpg) }
.full-visual.visual-company { background-image:url(../img/visual_company.jpg) }
.full-visual .comment-box {  margin-left:110px; color:#fff; padding:0 20px; height:100%; max-height:100%; overflow:auto; }
.full-visual .comment { max-width:670px;  }
.full-visual .comment .c-inner { padding:23% 0 50px; transition:all 0.3s ease; }
.full-visual .comment .c-inner .logo { text-align:center; margin-bottom:40px; }
.full-visual .comment .c-inner .text { font-size:13px; line-height:22px; color:#f6f6f6; margin-bottom:40px; }
.full-visual .comment .comment-sns { text-align:center; margin-bottom:12px;}
.full-visual .comment .comment-sns a { margin:0 10px; }
.full-visual .comment .link { text-align:center;  }
.full-visual .comment .link a { font-size:13px; color:#fff; }

.full-visual.visual-marcus .comment .c-inner .text,
.full-visual.visual-marcus .comment .link a { color:#000; font-size:13px; }
.full-visual.visual-marcus .white { display:none; }




/* Shop */
.shop-container {  background:#f4f5f7; height:100%; }
.shop-container .shop-inner { max-width:1540px; margin:0 auto; padding:170px 0 72px;}
.shop-container .shop-inner h2 { text-align:center; font-size:26px; color:#000; margin-bottom:12px; font-weight:400; }
.shop-container .shop-inner .addr { font-size:14px; text-align:center; line-height:26px; margin-bottom:45px; color:#2a2a2a; }
.shop-container .shop-inner .addr span { display:block; }
.shop-container .shop-inner .map-box { overflow:hidden; margin-bottom:160px; }
.shop-container .shop-inner .map-box .img { float:left; width:560px; max-height:560px; overflow:hidden; }
.shop-container .shop-inner .map-box .img .m { display:none; }
.shop-container .shop-inner .map-box .img img { width:100%; }
.shop-container .shop-inner .map-box .map { float:left; width:980px; height:560px; }

.full-visual.visual-company .comment { max-width:1500px; padding-top:90px; margin:0 auto; }
.full-visual.visual-company .comment-box { margin-left:0; }
.company-box { overflow:hidden; }
.company-box .col { float:left; width:45%; padding-right:30px; font-size:13px; line-height:22px; }
.company-box .col:first-child { width:55%; }
.company-box .col strong { font-size:20px; }

.shop-main { padding:150px 0 72px; max-width:1782px;  margin:0 auto; }

.shop-list  { padding-bottom:20px; overflow:hidden; }
.shop-list .shop-thum { float:left; width:50%; float:left; padding:10px; box-sizing:border-box; height:auto; }
.shop-list .shop-thum:nth-child(1),
.shop-list .shop-thum:nth-child(3) { margin-left:0; }

.shop-list .shop-thum a { display:block; position:relative; }
.shop-list .shop-thum a img { width:100%; }
.shop-list .shop-thum a span { position:absolute; left:0; top:50%; margin-top:-20px; font-size:35px; color:#fff; width:100%; text-align:center; }
.shop-partner { padding:40px 10px 0; border-top:1px solid #d4d4d4; }
.shop-partner .tit { font-size:35px; font-weight:500; color:#2a2a2a; margin-bottom:38px; }
.shop-partner .partner-list:after{ display:block; content:''; clear:both; }
.shop-partner .partner-list > div { float:left; width:50%; margin-bottom:44px; }
.shop-partner .partner-list > div .sub-tit { font-size:26px; color:#2a2a2a; margin-bottom:6px; font-weight:500; }
.shop-partner .partner-list > div .text { font-size:14px; line-height:24px; color:#2a2a2a; }

.btn_m { display:none; position:fixed; left:0; top:0; width:45px; height:45px; background:url(../img/btn_m.png) no-repeat 50% 50%;  background-size:19px 17px; z-index:20; }

#m_gnb { display:block;  }
#m_gnb ul { display:block; }
#m_gnb .s_nav { display:none;position:fixed; left:0; right:0; top:0; bottom:0; background-color:rgba(0,0,0,0.9); z-index:9999; overflow:auto;  }
#m_gnb .s_nav > ul { padding-top:60px }
#m_gnb .s_nav > ul > li { padding-bottom:23px; line-height:1.5em; }
#m_gnb .s_nav li a { display:block; text-align:center; transition:all 0.5s ease;} 
#m_gnb .s_nav > ul > li > a { font-size:25px; font-weight:400; color:#999; padding:5px 0; margin-bottom:10px; }
#m_gnb .s_nav > ul > li > ul a { font-size:14px; color:#999; padding:3px 0; }
#m_gnb .s_nav li a:hover { color:#fff; }
#m_gnb .s_nav > ul > li:hover > a{ color:#fff; }
#m_gnb .s_nav .m_sns { text-align:center; }
#m_gnb .s_nav .m_sns a { display:inline-block; padding:0 4px; }
#m_gnb .s_nav .btn_close { position:absolute; right:15px; top:15px; }

body.active { overflow:hidden; }
body.active #m_gnb .s_nav { display:block; }




@media all and (max-width:1560px) {
	.shop-container .shop-inner .map-box .img { float:none; width:100%; }
	.shop-container .shop-inner .map-box .img .pc { display:none; }
	.shop-container .shop-inner .map-box .img .m { display:block; }
	.shop-container .shop-inner .map-box .map { float:none; width:100%; }
	.shop-container .shop-inner .map-box { margin-bottom:0; }
	
}

@media all and (max-width:1050px) {
	.shop-list .shop-thum{ float:none; width:100%; }
}


@media all and (max-width:1000px) {
	.lang { display:none; }	
	#footer .m_lang  { display:block; }
	.full-visual { padding-top:116px; padding-bottom:105px; }
	.shop-main,
	.shop-container .shop-inner { padding-top:75px; padding-bottom:105px; }
	
}

@media all and (max-width:940px) {
	.shop-container .shop-inner .map-box .img  { float:none; width:100%; }
	.shop-container .shop-inner .map-box .map { float:none; width:100%; }
}

@media all and (max-width:860px) {
	.full-visual .comment-box { margin:0; }
	.full-visual .comment { max-width:none; width:100%; }
	.full-visual .comment .c-inner { padding-top:65px; }
	
}

@media all and (max-width:768px) {
	#header { height:45px; }
	.full-visual { padding-top:45px; padding-bottom:104px; }
	#footer .addr { padding-top:15px; font-size:11px; }
	#header h1  { padding-top:10px; }
	#header h1 img { width:77px; }
	#footer .addr span { display:block; }
	#gnb { display:none; }
	.btn_m{ display:block; }
	#s_header .btn_m{ display:block; }
	#m_gnb { display:block; }
	/*
	.full-visual.visual01 { background:none;  }
	.full-visual.visual01 .m { display:block; }
	*/
	.full-visual { background-image:none !important; position:static; }
	.full-visual .m-visual { display:block; }
	.full-visual .comment-box { background:#0d0d0d; overflow:hidden; height:auto;  }
	.full-visual .comment .c-inner .logo { margin-bottom:30px; }
	.full-visual .comment .c-inner .logo img { width:30%; }
	.full-visual .comment .c-inner .text { font-size:11px; line-height:16px; }
	
	.full-visual.visual01 { min-height:448px; background-image:none; }
	.full-visual.visual01 .m { display:block; }
	.company-box .col { float:none; width:100% !important; padding:0; font-size:11px; line-height:18px; margin-bottom:30px; }
	.full-visual.visual-company .comment { padding-top:30px }
	.full-visual.visual-marcus .black { display:none; }
	.full-visual.visual-marcus .white { display:block; }
	.full-visual.visual-marcus .comment .c-inner .text,
	.full-visual.visual-marcus .comment .link a { color:#fff; }
	.full-visual.visual-marcus .comment .c-inner .logo img,
	.full-visual.visual-wonderland .comment .c-inner .logo img { width:50%; }
	.full-visual.visual-monterosa .comment .c-inner .logo img,
	.full-visual.visual-moscot .comment .c-inner .logo img,
	.full-visual.visual-stektre .comment .c-inner .logo img,
	.full-visual.visual-tavat .comment .c-inner .logo img { width:40%; }
	.shop-partner .partner-list > div { float:none; width:100%; }
	.shop-list .shop-thum a span { font-size:22px; line-height:24px; }
	.shop-partner { padding-top:20px; }
	.shop-partner .tit { font-size:26px; margin-bottom:20px; }
	.shop-partner .partner-list > div  { margin-bottom:15px; }
	.shop-partner .partner-list > div .sub-tit { font-size:18px; }
	.shop-partner .partner-list > div .text { font-size:11px; line-height:16px; }
}


@media all and (max-width:540px) {
	.shop-container .shop-inner h2 { font-size:20px; }
	.shop-container .shop-inner .addr { font-size:11px; line-height:20px; margin-bottom:25px; }
	.shop-container .shop-inner .map-box .map { height:370px; }
	#footer .addr { padding-top:10px; }
}

@media all and (max-width:460px) {
	.shop-list .shop-thum a span { font-size:16px; line-height:20px; }
	.shop-container .shop-inner .map-box .map { height:250px; }
	
}