@charset "utf-8";

/* ==========================================================================
  font-face
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&family=Open+Sans:wght@300;400;600&display=swap');
/* ==========================================================================
   Base styles & Helper
   ========================================================================== */

@import url('./common/font-awesome.css');
@import url('./common/swiper-bundle.min.css');
@import url('./common/normalize.css');
@import url('./common/animated.css');

/* base */
h1, h2, h3, h4, h5, h6, fieldset,ul, ol, dl, dt, dd, p, button ,figure{margin:0;padding:0;}
body{font:normal 14px/1.5 'Open Sans' ,sans-serif;color:#555;}
legend, caption{width:0;height:0;visibility:hidden;font-size:0;line-height:0;}
a{text-decoration:none;color:#666;}
img{vertical-align:middle;}
fieldset, button{background:none;border:0px;}
ul:after,ol:after{content:'';display:block;clear:both;}
li{list-style:none;}
table{width:100%;border-spacing:0px;border-collapse:collapse;}
iframe{width:100%;vertical-align:middle;border:0 none;}
hr{margin:20px 0;border:0 none;height:1px;background:#c9c9c9;}
em, i{font-style: normal;}

/*** mobile_base ***/
	/*iphone 글자크기 자동조정 방지*/
	/*body{-webkit-text-size-adjust:none;} */ 
	/*안드로이드 주황색 포커스 제거 */
	/*body{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);} */ 
	/*iphone 폼요소 리셋 */
	/*input, select{-webkit-appearance:none;-webkit-border-radius:0}*/

/* ==========================================================================
   form
   ========================================================================== */
	 
label{display:inline-block}
label input{vertical-align:middle;}
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
	{display:inline-block;height:40px;line-height:38px;padding:0px 20px;border:1px solid #ddd;background:#fff;-webkit-transition-duration:.1s;-moz-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s;vertical-align:middle;box-sizing:border-box;border-radius:8px;-webkit-border-radius:8px;}
input[type="file"]{padding:3px;line-height:36px;}
select:hover, textarea:hover, input[type="text"]:hover, input[type="password"]:hover, input[type="file"]:hover, input[type="datetime"]:hover, input[type="datetime-local"]:hover, input[type="date"]:hover, input[type="month"]:hover, input[type="time"]:hover, input[type="week"]:hover, input[type="number"]:hover, input[type="email"]:hover, input[type="url"]:hover, input[type="search"]:hover, input[type="tel"]:hover, input[type="color"]:hover{border-color:#000}
select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="file"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus{border-color:#000}
select:disabled, textarea:disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="date"]:disabled, input[type="month"]:disabled, input[type="time"]:disabled, input[type="week"]:disabled, input[type="number"]:disabled, input[type="email"]:disabled, input[type="url"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="color"]:disabled{background-color:#f3f3f3;color:#222;font-weight:bold;}
select{display:inline-block;height:40px;padding:0px 20px 0 20px;border:1px solid #ddd;vertical-align:middle;box-sizing:border-box;color:#555;border-radius:8px;-webkit-border-radius:8px;}
select::-ms-expand{display: none;}
textarea{width:100%;min-height:100px;padding:10px;resize:none;line-height:1.5;box-sizing:border-box;}
::-webkit-input-placeholder,
::-moz-placeholder,
::-ms-input-placeholde,
:-ms-input-placeholder,
.placeholder{color:#999;opacity:1;}

.button{display: inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-family: 'Open Sans Condensed',sans-serif;font-weight: 700;}
.button.red{color:#fff;background:#c8102e;}
.button.gray{color:#999;background: #eee;}
.button.green{color:#fff;background: #70a401;}
.button:active{transform:scale(0.98);-webkit-transform:scale(0.98);-moz-transform:scale(0.98)}

.checkbox, .radio{position:relative;display:inline-block;margin:3px 0;cursor:pointer;vertical-align:middle;color:#777;}
.checkbox input, .radio input{opacity:0;position:absolute;left:0;top:0;width:40px;height:40px;z-index:1;cursor: pointer;}
.checkbox input:checked, .radio input:checked, .checkbox input:focus, .radio input:focus{outline:none! important;}
.checkbox input:checked+.lbl, .radio input:checked+.lbl{color:#000;}
.checkbox input+.lbl, .radio input+.lbl{position:relative;display:inline-block;margin:0;line-height:40px;min-height:40px;padding:3px 0 3px 51px;font-weight:normal;vertical-align:top;word-break:break-all;cursor: pointer;}
.checkbox.only input+.lbl, .radio.only input+.lbl{padding-left:45px;text-indent:-999em;font-size:0;}
.checkbox input+.lbl:before, .radio input+.lbl:before{border-radius:100%;content:'';border:2px solid #ddd;box-shadow:0 1px 2px rgba(0, 0, 0, 0.05);background:#fff;display:inline-block;height:40px;width:40px;position:absolute;left:0;top:50%;;margin-top:-20px; box-sizing:border-box;}
.checkbox input+.lbl:before{background:#ddd;}
.checkbox input+.lbl:after, .radio input+.lbl:after{content:'';display:inline-block;position:absolute;background-color:#ddd}
.checkbox input+.lbl:after{width:17px;height:10px;top:14px;left:10px;border:4px solid #ddd;background:#ddd;border-top:none;border-right:none;background:transparent;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}
.radio input+.lbl:before{border-color:#cecece}
.radio input+.lbl:after{width:20px;height:20px;top:14px;left:10px;border-radius:100%;background:#fff;}
.checkbox input:focus+.lbl:before, .radio input:focus+.lbl:before{border-color:#ffe158;}
.radio input:checked+.lbl:before{background:#fff;border-color:#73a300;}
.radio input:focus+.lbl:before, .checkbox input:focus+.lbl:before{border-color:#73a300;}
.radio input:checked+.lbl:after{background:#73a300;}
.checkbox input:checked+.lbl:before{border-color:#73a300;background:#73a300;}
.checkbox input:checked+.lbl:after{border-color:#fff;}
.checkbox input:disabled+.lbl:before, .radio input:disabled+.lbl:before, 
.checkbox input[disabled]+.lbl:before, .radio input[disabled]+.lbl:before, 
.checkbox input.disabled+.lbl:before, .radio input.disabled+.lbl:before,
.checkbox input:disabled+.lbl:after, .radio input:disabled+.lbl:after, 
.checkbox input[disabled]+.lbl:after, .radio input[disabled]+.lbl:after, 
.checkbox input.disabled+.lbl:after, .radio input.disabled+.lbl:after{opacity:0.5;}
.checkbox.hover > input + .lbl:before, .radio.hover > input + .lbl:before{border-color:#777}


input::-ms-input-placeholder  {opacity:1;}


/*파일첨부*/
.inp_file{position:relative;padding-right:110px;cursor: pointer;}
.inp_file > input{width:100%;vertical-align:middle;}
.inp_file .btn_file{display:inline-block;position:absolute;right:0;top:0;overflow:hidden;vertical-align:middle;}
.inp_file .btn_file input{position:absolute;left:0;top:0;width:100%;height:100%;padding:0;margin:0;z-index:2;font-size:10em;line-height:2;cursor:pointer;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;}
span.inp_file{display:inline-block;padding-right:0;}
span.inp_file > input{width:400px;}
span.inp_file .btn_file{position:relative;}



/* ==========================================================================
   common
   ========================================================================== */
.fw100{font-weight:100;}
.fw200{font-weight:200;}
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw700{font-weight:700;}
.fw900{font-weight:900;}

.f16{font-size:1.143em;}
.f20{font-size:1.429em;}
.cont_tit{color:#000;text-align: center;font-weight: 700;font-family: 'Open Sans Condensed',sans-serif;font-size:2.5714em;margin:30px 0;}
.cont_subtit{color:#000;font-size:1.7142em;font-weight: 700;font-family: 'Open Sans Condensed',sans-serif;}
.t_wht{color:#fff;}
.t_blk{color:#222;}

.t_red{color:#dd0000 !important;}
.t_green{color:#70a401 !important;}
a.t_red{text-decoration: underline;}
.t_blue{color:#33a4d9 !important;}
.t_gray{color:#777 !important;}

.t_center{text-align:center;}
.fixed_bold{font-weight: bold;color:#000;}
.t_left{text-align:left;}
.t_right{text-align:right;}
.v_mid{vertical-align:middle;}
.t_over{display:inline-block;position: relative;width:100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align: middle;position: relative;box-sizing:border-box;color:#555;padding-right:20px;}

.f_left{float:left;}
.f_right{float:right;}
.clear{clear:both;}

.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt45{margin-top:45px;}
.mt50{margin-top:50px;}

.mb50{margin-bottom:50px;}

.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}

.w60{width:60px}
.w80{width:80px}
.w100{width:100px}
.w120{width:120px}
.w140{width:140px}
.w160{width:160px}
.w180{width:180px}
.w200{width:200px}
.w395{width:395px}
.w_50{width:50%}
.w_100{width:100% !important;}

.pc_Img{display: block !important;}
.m_Img{display: none !important;}

.block{display:block;}
.inblock{display:inline-block;}
.hide{display:none;}
.hidden{overflow:hidden;}
.hidden #header, .hidden #contents, .hidden #footer, .hidden #my_order
{
-ms-filter: blur(5px);
-webkit-filter: blur(5px);
-moz-filter: blur(5px);
-o-filter: blur(5px);
filter: blur(5px);
}
.blind{position:absolute;overflow:hidden;visibility:hidden;width:0px;height:0px;font-size:0;line-height:0;text-indent:-9999px;}
.ellipsis{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
.op80{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;}
.bgLayer{display:block;position:fixed;top:0;left:0;width:100%;height:100%;background:#333;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;z-index:60;}

.blur img{-webkit-filter:blur(6px);-moz-filter:blur(6px);filter:blur(6px);}
.grayscale img{
	filter:url(filters.svg#gray);/* Gecko and FF*/
	filter:gray;/* IE */
	-moz-filter:grayscale(1);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%);
	-webkit-filter:grayscale(1);}
a.grayscale:hover img, a.grayscale:focus img, a.grayscale:active img{
	filter:none;
	-moz-filter:none;
	-ms-filter:none;
	-o-filter:none;
	-webkit-filter:none;}

/* Chrome, Safari용 스크롤 바 */
::-webkit-scrollbar{width:8px;height:8px;border:3px solid #fff;}
::-webkit-scrollbar-track{background:#efefef;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.2)}
::-webkit-scrollbar-thumb{height:50px;width:50px;background:rgba(0,0,0,.2);-webkit-border-radius:8px;border-radius:8px;-webkit-box-shadow:inset 0 0 4px rgba(0,0,0,.1)}

/* ==========================================================================
   component
   ========================================================================== */
/* skip_Navi */
#skipNavi{position:relative;}
#skipNavi a{display:block;position:absolute;left:0;top:-30px;width:150px;text-align:center;color:#fff;background:#000;z-index:1000;}
#skipNavi a:focus, #skipNavi a:hover{top:0px;}


/* ==========================================================================
   Layout
   ========================================================================== */

/* wrap */
#wrap{width:100%;position: relative;padding-top:100px;min-width:1200px;overflow: hidden;}
.inner{max-width:1084px;display: block;margin: auto;box-sizing: border-box;padding:0 30px;position: relative;}

/* Gnb */
#header{background:#6a1222;position: fixed;left:0;width:100%;top:0;z-index: 10;}
#header.fixed{
	-webkit-box-shadow: 0px -1px 42px -11px #000000; 
	box-shadow: 0px -1px 42px -11px #000000;
}
#header #logo a{width:192px;height:19px;background-image: url('../images/common/img_logo.png');background-size:100%;position: absolute;left:30px;top:50%;margin-top:-10px;font-size:0;}
#header .inner{height:100px;}
#header ul{position: relative;padding-top:35px;float: right;font-size:0;}
#header li{display: inline-block;position: relative;}
#header li + li{padding-left:24px;}
#header li + li::before{content:'';display: block;width:2px;height:13px;position: absolute;left:11px;top:8px;background:#fff;}
#header li a{font-size:19px;color:#fff;font-family: 'Open Sans';font-weight: 700;}
#header li a .m_gnb{display:none;}
 
/* brand_identity */
.movie_wrap{background-color: #07080a;}
.movie_wrap video{display: block;margin: auto;width:100%; max-width:1024px;}
#brand_identity .inner{text-align: center;padding:108px 10px 50px;}
#brand_identity .inner img{margin: auto;}
.about_img_wrap span{display: block;position: relative;}
.about_img_wrap img{position: relative;left:50%;transform: translateX(-50%);}
.strngth_list{font-size: 0;text-align: center;position: relative;}
.strngth_list::before{content:'';display: block;width:100%;position: absolute;left:0;top:406px;height:286px;background-color: #ccc;}
.strngth_list img{position: relative;margin: auto;width:100%;max-width:1025px;}

/* store type */
#store_type{}
#store_type div{text-align: center;font-size: 0;position: relative;}
#store_type .store_type_contents,
#store_type .store_txt{position: relative;}
#store_type .store_type_contents img,
#store_type .store_txt img{position: relative;margin: auto;}
#store_type .store_type_contents::before{content:'';display: block;position: absolute;left:0;width: 100%;height:368px;background: #6a1222;top:0;}
#store_type .store_txt::before{content:'';display: block;position: absolute;left:0;width: 100%;height:100%;background: #efefef;top:0;}
#store_type .movie_wrap{background: none;margin:53px 0}

/* menu */
#menu{padding:45px 0;background: #f0f0f0;}
#menu h2{background-image: url('../images/contents/tit_menu.jpg');width:276px;height:26px; display: block;font-size: 0;margin:50px auto 58px;}
.menuSlider {width: 100%;box-sizing: border-box;padding:0 50px 50px;}

.menuSlider .swiper-slide,
.menuSlider .swiper-slide-duplicate{position: relative;border-radius: 20px;width: 400px;
	-webkit-box-shadow: 0px 10px 13px -7px #000000, 0px 31px 19px 1px rgba(0,0,0,0); 
	box-shadow: 0px 10px 13px -7px #000000, 0px 31px 19px 1px rgba(0,0,0,0);
}
.menuSlider .swiper-slide:before{content:'';display: block;width:100%;height:100%;position: absolute;background-color: #000;opacity: .8;border-radius: 20px;}
.menuSlider .swiper-slide-prev:before,
.menuSlider .swiper-slide-next:before{opacity: .3;}
.menuSlider .swiper-slide-active:before{opacity: 0;}
.menuSlider .swiper-slide img {display: block;width: 100%;}
.menuSlider .swiper-button-next{right: auto;left: 50%;margin-left:17%;color:#fff;margin-top: -60px;}
.menuSlider .swiper-button-prev{right: auto;left: 50%;margin-left:-19%;color:#fff;margin-top: -60px;}
.menuSlider .swiper-button-next:after,
.menuSlider .swiper-button-prev::after{font-size:50px;}

/* location */
#location img{max-width:100%;}

/* footer */
#footer{background:#333237;}
#footer img{max-width:100%;}
#footer .social_link{position: absolute;right:0;top:40px;}
#footer .social_link ul{font-size: 0;}
#footer .social_link ul li{display: inline-block;padding:0 12px;font-size: 0;}
#footer .social_link ul li a{display: inline-block;font-size: 0;width:45px;height:45px;background-size:100%;background-repeat: no-repeat;}
#footer .social_link ul li.facebook a{background-image: url('../images/common/btn_facebook.jpg');}
#footer .social_link ul li.instagram a{background-image: url('../images/common/btn_insta.jpg');}
#footer .social_link ul li.youtube a{background-image: url('../images/common/btn_youtube.jpg');}
/* btnTop */
#toTop{position:fixed;right:10px;bottom:90px;width:45px;height:45px;font-size:0;text-indent:-1000px;text-align:center;color:#fff;background:url('../images/common/btnTop.png') center center no-repeat #6a1222;opacity:0.7;border-radius:100%;overflow:hidden;transform:scale(0);transition:0.3s;z-index: 100;}
#toTop.on{transform:scale(1);}
#toTop:hover, #toTop:focus, #toTop.hover{opacity:1;}
/* ==========================================================================
	Media Queries for Responsive Design.
	========================================================================== */
@media only screen and (max-width:1200px){
	#wrap{min-width:0;}
	.inner{padding:0 10px;}

	#brand_identity .inner img{max-width:100%;margin: auto;}
	.strngth_list img{max-width:100%;}

	/* menu */
	.menuSlider .swiper-button-next:after,
	.menuSlider .swiper-button-prev::after{font-size:40px;}

	/* store type */
	.store_type_contents img,
	.store_txt img{max-width:100%;}
	
	/* footer */
	#footer .inner{padding:0;}
	#footer .social_link{top:20px}
}

@media only screen and (max-width: 760px){
	#wrap{padding-top:151px;}

	#header #logo a{position: relative;left:0;margin-top:0;display: block;margin:auto; margin-top:60px;margin-bottom:40px;}
	#header ul{float:none;padding-top:0;text-align: center;margin-bottom:20px;}
	#header .inner{height: auto;padding: 0;}
	#header li + li{padding-left: 15px;}
	#header li + li::before{left:7px;height:12px;width:1px;}
	

	.pc_Img{display: none !important;}
	.m_Img{display: block !important;}
	
	/* brand_identity */
	#brand_identity .inner{padding:0;}
	.about_img_wrap img{width:100%;top:0;transform: none;left:0;}
	.strngth_list img{width:100%;}

	.store_type_contents img{width:100%;}
	#store_type .movie_wrap{margin:20px 0;}
	
	/* menu */
	#menu h2{margin-bottom:20px;background-size:100%;background-repeat:no-repeat;width:196px;height:21px;}
	.menuSlider{padding:0 20px 50px}
	.menuSlider .swiper-button-next{margin-left:0;left:auto;right: 30px;}
	.menuSlider .swiper-button-prev{margin-left:0;left:30px;}

	/* location */
	#location .inner img{width:100%;}
	
	/* footer */
	#footer img{width:100%;}
	#footer .social_link{top:10px;right:10px;}
	#footer .social_link ul li{padding:0 5px;}
	#footer .social_link ul li a{width:30px;height:30px;}
}

@media only screen and (max-width: 480px){
	#wrap{padding-top:112px;}
	
	#header #logo a{margin-top:30px;margin-bottom:30px;}
	#header li + li::before{height:10px;top:6px;left:5px;}
	#header li + li{padding-left: 12px;}
	#header li a{font-size:14px;}
	
	/* footer */
	#footer{padding-top:20px;}
	#footer .social_link{top:0px;right:10px;}
	#footer .social_link ul li a{width:25px;height:25px;}
}