@charset "utf-8";/* CSS Document */


/*///////////////////////////////////////////

//////////////////////////////////////////*/


body{background:url('../images/layout/bg_sub01.jpg') 50% 50%;overflow-x:hidden;}

.skip_menu {position: relative;font-size:0;line-height:0;overflow:hidden;z-index:10000;}
.skip_menu a {display:block;width:100%;padding:10px 0;color:#fff;position:absolute;left:0;top:-100px;text-align:center;z-index:200;background:#e20000;border:0 none}
.skip_menu a:focus,
.skip_menu a:hover,
.skip_menu a:active {position:relative;top:0;font-weight:bold;font-size:16px;line-height:1.5;}


header{position:fixed;width:100%;height:90px;top:0;z-index:200;}

/* 로고 */
header .header_logo{position:fixed;width:100%;max-width:920px;height:90px;top:0;left:50%;transform:translateX(-50%);border-radius:0 0 30px 30px;/*background:transparent;*/background:#fff;text-align:center;}/*20.12.23 - full사이즈로 변경 */
header .header_logo .logo{display:inline-block;width:360px;height:90px;background:url('../images/layout/logo.png?ver=1.0') 50% 50% no-repeat;background-size:320px auto;overflow:hidden;}

header .header_logo.head_bg {background-color:#fff;}
	.header_logo.head_bg{background-color:#fff;}

/* white logo */
/* .white .header_logo .logo{background-image:url('../images/layout/logo_white.png')} */
.white .header_logo.head_bg .logo{background-image:url('../images/layout/logo.png?ver=1.0')}

.guide{background:url('../images/temp/guide.png') left top no-repeat;width:100%;height:100%;opacity:.5;}

/* 언어선택 */
.language{position:fixed;display:inline-block;width:fit-content;top:130px;left:-62px;/*margin-top:107px;margin-left:-39px;*/transform:rotate(90deg);}
.language li{float:left;margin-right:21px;border-top:2px solid transparent;}
.language li a{display:inline-block;color:#000;font-size:12.1px;font-weight:400;vertical-align:inherit;}
.language li.active{border-top:2px solid #e20000;}
.language li.active a{color:#000;font-weight:500;}


/* 퀵메뉴 */
.menu_quick{position:fixed;width:auto;height:auto;transform:rotate(90deg);}
.menu_quick.left{top:50%;left:-20px;}
.menu_quick.left_bottom{bottom:40px;/*top:50%;margin-top:104px;*/left:10px;}
.menu_quick.right{top:50%;right:-130px;margin-top:-10px; width: 335px;}
.menu_quick li{float:left;display:inline-block;}
.menu_quick li + li{padding-left:26px;}
/* 빠른길찾기 숨김 0107 */
/* .menu_quick.right li:first-child{visibility: hidden;} */
.menu_quick li a{color:#000;font-size:14px;font-weight:500;}

/* 메인 신규 퀵메뉴 */
.menu_quick.main{position: static;display: flex;width: 920px;margin: 100px auto 90px;transform: rotate(0);}
.menu_quick.main li{flex: 1;display: block;margin-left:0;/* width:50vw; *//* height: 13vh; */border-left: 1px solid #eaeaea;}
.menu_quick.main li:first-child{margin-left:0;border-left: 0 none;}
.menu_quick.main li a{width:100%;height:100%;display:inline-block;text-align:center;padding: 6vh 0 1vh;}
.menu_quick.main li{background: no-repeat 50% 14%;background-size:40px 40px;}
.menu_quick.main li + li{padding-left:0;}
.menu_quick.main .menu01 {background-image:url('../images/layout/ico_quick_02.png');} /* 층별안내 */
.menu_quick.main .menu02 {background-image:url('../images/layout/ico_quick_07.png');} /* 식당가 서비스 */
.menu_quick.main .menu03 {background-image:url('../images/layout/ico_quick_08.png');} /* 이벤트 */
.menu_quick.main .menu04 {background-image:url('../images/layout/ico_quick_09.png');} /* 내차찾기 */
.menu_quick.main .menu05 {background-image:url('../images/layout/ico_quick_04.png');} /* 영업시간 */
.menu_quick.main .menu06 {background-image:url('../images/layout/ico_quick_06.png');} /* 매장검색 */



/* 마우스스크롤 */
.info_scroll{position:fixed;width:auto;height:auto;right:-7px;bottom:112px;transform:rotate(90deg);}
.info_scroll span{display:inline-block;width:88px;color:#666;font-size:12px;line-height:22px;}
.info_scroll .img_mouse{position:absolute;display:inline-block;width:38px;height:26px;top:-2px;right:-49px;background:url('../images/layout/ico_mouse_scroll.png') no-repeat 50% 50%;}

.slimScrollBar{width:4px !important;background:#ccc !important;opacity:1 !important;}
.slimScrollBar:hover{background:#777 !important;}


.wrap_menu{position:relative;width:100%;height:100%;}

.btn_menu_open{z-index:1;position:absolute;width:48px;height:48px;right:26px;top:20px;background:#da291c url('../images/layout/btn_menu_open.png') no-repeat 50% 50%;border-radius:100%;box-shadow:0 6px 12px 0 rgba(103,6,0,0.19);}
.btn_menu_open.on{z-index:9;background-image:url('../images/layout/btn_menu_close.png');}

.tabs > div:focus,
.thumb_info_list:focus,
.cont_boxWrap:focus{outline: none;}

/*** 풀페이지 메뉴 오픈시 ***/
.towermallLayout header.black .header_logo .logo,
.tower_story header.black .header_logo .logo{background-image: url(../images/layout/logo.png);}
.towermallLayout header.black .language li a,
.towermallLayout header.black .menu_quick li a, 
.towermallLayout header.black .menu_left .language li.active a,
.towermallLayout header.black .info_scroll span,

.tower_story header.black .menu_quick li a, 
.tower_story header.black .menu_left .language li.active a, 
.tower_story header.black .language li a, 
.tower_story header.black .info_scroll span{color:#000}

.towermallLayout header.black .info_scroll .img_mouse,
.tower_story header.black .info_scroll .img_mouse{background-image: url(../images/layout/ico_mouse_scroll.png)}

.towermallLayout .info_scroll .img_mouse{background: url(../images/layout/ico_mouse_scroll_white.png) no-repeat 50% 50%;}
.towermallLayout .container{padding-top: 0;}



/* gnb menu */
.gnb_manu_wrap{position:fixed;width:100%;height:100%;left:0;top:0;background:url(../images/layout/bg_sub01.jpg) 50% 50%;z-index:-1;}
/* .gnb_logo{width:100%;max-width:920px;height:90px;margin:0 auto;border-radius:0 0 8px 8px;background:#fff} */
/* .gnb_logo .logo{position:absolute;display:inline-block;width:360px;height:90px;left:50%;top:0;margin-left:-180px;;background:url('../images/layout/logo.png') 50% 50% no-repeat;background-size:315px auto;text-indent:-99999px;overflow:hidden;z-index:1000;} */

/* .btn_menu_close{position:absolute;width:48px;height:48px;right:130px;top:35px;margin-left:-24px;background:url('../images/layout/btn_menu_close.png') no-repeat 50% 50%;} */


.manu_wrap{width:100%;max-width:920px;position:absolute;left:50%;top:163px;transform:translateX(-50%);}

.gnb_util{width:100%;max-width:920px;margin:0 auto;}
.gnb_util .gnb_notice{}
.gnb_util .gnb_notice a{display:inline-block;position:relative;padding-left:40px;width:auto;font-size:20px;font-weight:500;line-height:1.8;letter-spacing:-0.6px;}
.gnb_util .gnb_notice a:first-child{padding-left:0;}
.gnb_util .gnb_notice a:before{content:'';position:absolute;left:19px;top:50%;transform:translateY(-50%);display:inline-block;width:1px;height:18px;background:#e2e2e2;}
.gnb_util .gnb_notice a:first-child:before{display:none;}

.gnb_manu{display:inline-block;position:relative;width:100%;max-width:920px;margin:83px auto 0;}

.gnb_visual{position:absolute;display:inline-block;left:50%;width:360px;height:400px;background:url('../images/layout/bg_gnb_visual.png')50% 50% no-repeat;}
.gnb_visual p{margin-top:50%;margin-left:30px;transform:translateY(-50%);color:#fff;font-size:20px;line-height:36px;letter-spacing:-0.6px;font-weight:bold;}
.gnb_visual a{position:absolute;bottom:48px;left:30px;color:#fff;font-size:16px;}


.gnb_manu > ul{float:left;display:inline-block;width:50%;max-width:373px;}
.gnb_manu ul li{width:100%;height:60px;margin-bottom:29px;}
.gnb_manu > ul > li.on{border-radius:0 0 0 10px;background-color:#da291c;}
.gnb_manu li a{display:inline-block;width:auto;height:54px;font-size:40px;font-weight:700;border-bottom: 2px solid #fff;}
.gnb_manu > ul > li.on > a{padding-left:30px;color:#fff;border-bottom:0;}

.gnb_manu ul li a:hover{/*text-decoration:underline;*/border-bottom:2px solid #000}
.gnb_manu > ul > li.on > a:hover{border:none}
.gnb_manu ul li a:hover:after{}
.gnb_2dth{position:absolute;display:none;left:50%;top:0;width:50%;}
.gnb_2dth a:active{color:#da291c;border:none !important;}
.gnb_manu li.on .gnb_2dth{display:inline-block}
/* .gnb_manu li.on .gnb_2dth li{line-height:36px;margin-bottom:39px;} */
.gnb_manu li.on .gnb_2dth a.on{color:#da291c}


.app_down{position:absolute;width:100%;max-width:920px;left:50%;bottom:40px;transform:translateX(-50%);}
.app_down a{font-size:20px;font-weight:500;line-height:1.8;letter-spacing:-0.6px;}
.app_option{display:none;}

/* 타워몰 소개 */
.towermallLayout{overflow-y:visible;}
.towermallLayout header{z-index:16;}
/* .towermallLayout header .header_logo .logo{background: url(../images/layout/logo_white.png) 50% 50% no-repeat;background-size: 315px auto;} */
.towermallLayout header .menu_quick li a,
.towermallLayout header .menu_left .language li.active a{color:#fff;}
.towermallLayout header .language li a{color:#fff;}
.towermallLayout header .info_scroll span{color:#fff;}
.towermallLayout .wrap{padding-top:0;height:100%;position: relative;z-index:15;}
.towermallLayout .container{max-width: 100%;height:100%;}

/* 타워스토리 */
/* .tower_story header .header_logo .logo{background-image: url(../images/layout/logo_white.png)} */
.tower_story header .menu_quick li a,
.tower_story header .menu_left .language li.active a,
.tower_story header .language li a,
.tower_story header .info_scroll span{color:#fff;}
.tower_story header .info_scroll span{opacity: 0.5;}
.tower_story header .info_scroll .img_mouse{background-image:url('../images/layout/ico_mouse_scroll_white.png');}

/* 빠른길찾기 */
.quick_road header .header_logo{background-color:#fff}

/* w 1024 h700 이하 일 경우 퀵메뉴 숨김  */
@media all and (min-width:1025px) and (max-height:700px){
	.menu_quick.left,
	.menu_quick.right{display:none;}
}
/* w 1024 h700 이하 일 경우 퀵메뉴 숨김  */
@media all and (min-width:1025px) and (max-height:780px){
	.gnb_manu{margin-top:40px;}
	.app_down{bottom: -40px;}
}

@media screen and (min-width:320px) and (max-width:1040px){
	.wrap{padding-left:50px;padding-right:50px;}
	/* .menu_left, .menu_right{display:none;} */
	
}
/* @media all and (min-width:260px) and (max-width:1040px) */
@media all and (min-width:260px) and (max-width:890px){
	
	/* 20.12.11 30에서 50으로 변경 */

	header.bg{background-color:#fff;}
	header .header_logo{height:70px;border-radius:0;}
	header .header_logo .logo{width:133px;height:70px;background-image:url('../images/layout/logo_m.png?ver=1.0');background-size:133px auto;}

	/* .white .header_logo .logo{background-image:url('../images/layout/logo_white_m.png')} */
	.white.on .header_logo .logo{background-image:url('../images/layout/logo_m.png?ver=1.0');}
	.white .header_logo.head_bg .logo{background-image:url('../images/layout/logo_m.png?ver=1.0');}
	.info_scroll, .gnb_visual{display:none;}
	
	/* .towermallLayout header .header_logo .logo,
	.tower_story header .header_logo .logo{background-image: url(../images/layout/logo_white_m.png);background-size: 100% auto;} */

	.towermallLayout header .menu_quick li a, 
	.towermallLayout header .menu_left .language li.active a,
	.towermallLayout header .language li a,
	.tower_story header .menu_quick li a, 
	.tower_story header .menu_left .language li.active a, 
	.tower_story header .language li a, 
	.tower_story header .info_scroll span{color:#000}
	.towermallLayout .btn_back {background-image: url(../images/layout/btn_back_m_white.png);}


	.btn_gnb_open, .btn_quick_open, .btn_back{display:inline-block;position:absolute;top:23px;width:24px;height:24px;background:no-repeat 50% 50%;background-size:24px auto;box-shadow:none;border-radius:0;}
	.btn_back{left:20px;background-image:url(../images/layout/btn_back_m.png)}
	.btn_gnb_open{right:20px;background-image:url(../images/layout/btn_menu_open_m.png)}
	.btn_quick_open{right:60px;background-image:url(../images/layout/btn_quick_open_m.png)}
	.btn_gnb_open.on, .btn_quick_open.on{background-image:url(../images/layout/btn_menu_close_m.png)}
	
	/* .towermallLayout .btn_gnb_open ,
	.tower_story .btn_gnb_open {background-image:url(../images/layout/btn_menu_open_m_white.png)}
	.towermallLayout .btn_quick_open,
	.tower_story .btn_quick_open{right:60px;background-image:url(../images/layout/btn_quick_open_m_white.png)} */

	.language {display:none;position:fixed;width:100%;height:56px;left:0;top:70px;padding:16px 0;background-color:#fff;transform:rotate(0deg);text-align:center;}
	.language.on{display:block;background-color:#fff;z-index:300}
	.language ul{display:inline-block;width:auto;}
	.language ul li{margin:0 10px;}



	.quick_menu_wrap{display:none;position:relative;width:100%;height:100vh;margin-top:70px;background:#fff;overflow:hidden;z-index:300;}

	.menu_quick{position:relative;transform:rotate(0deg);}
	.menu_quick.left{top:0 !important;left:0px !important;float:left;display:inline-block;}
	.menu_quick.left_bottom{float:left;bottom:0 !important;left:0 !important;top:0 !important;margin-top:0;}
	.menu_quick.right{top:0 !important;right:0 !important;border-top:1px solid #eaeaea; width: auto;}
	.menu_quick li{float:left;display:inline-block;margin-left:0;width:50vw;height:27vh;border-bottom:1px solid #eaeaea}
	.menu_quick li:first-child{margin-left:0;}
	.menu_quick li a{width:100%;height:100%;display:inline-block;text-align:center;padding-top:20vh;}
	.menu_quick li{background:no-repeat 50% 40%;background-size:40px 40px;}
	.menu_quick.right li.quick01 {background-image:url('../images/layout/ico_quick_01.png');}
	.menu_quick.right li.quick02 {background-image:url('../images/layout/ico_quick_02.png');}
	.menu_quick.right li.quick03 {background-image:url('../images/layout/ico_quick_03.png');}
	.menu_quick.right li.quick04 {background-image:url('../images/layout/ico_quick_04.png');}
	.menu_quick.left li.quick05 {background-image:url('../images/layout/ico_quick_05.png');}
	.menu_quick.left_bottom li.quick06 {background-image:url('../images/layout/ico_quick_06.png');}
	.menu_quick li + li{padding-left:0;}
	/* .menu_quick.right li:first-child { display: inline-block; visibility: visible; } */
	

	.menu_quick li { border-left:0; border-right: 1px solid #eaeaea; }
	.menu_quick.left li { border-left: 0;  border-right: 1px solid #eaeaea; }
	.menu_quick.left_bottom li { border-left: 0;  border-right: 1px solid #eaeaea; }

	/* .menu_quick.right {position: relative; }
	.menu_quick.right:after { content:''; position: absolute; top: 0; right: 0; width: 1px; height: 100vh; background: #fff; }
	.menu_quick.left_bottom { position: relative; }
	.menu_quick.left_bottom li:after { content:''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #fff; } */

	/* s 빠른길 찾기 숨김용 추후 기능 살리면 삭제요망 */
	/* .menu_quick.right li:first-child{display:none;}
	.menu_quick.left_bottom li,
	.menu_quick.right li:nth-child(2n){border-left:none;border-right:1px solid #eaeaea} */
	/* e 빠른길 찾기 숨김용 추후 기능 살리면 삭제요망 */

	/* gnb menu */
	.gnb_manu_wrap{height:calc(100% - 100px);margin-top:126px;padding-bottom: 50px;z-index:199;overflow-y:auto;}

	.manu_wrap{position: relative;/*position:fixed;*/top: auto;transform: translate(0, 0);left: auto;}

	.gnb_util{padding:0 50px;}
	.gnb_util .gnb_notice{}
	.gnb_util .gnb_notice a{font-size:14px;line-height:1.71;}
	.gnb_util .gnb_notice a.gnb_login{padding-right:13px;}
	.gnb_util .gnb_notice a.gnb_login:after{height:14px;width:2px;}
	.gnb_util .gnb_notice a.gnb_join{padding-left:7px;}

	.gnb_manu{/*height:calc(100vh - 267px);*/margin:40px auto 0;padding:0 50px;}
	.gnb_manu > ul{width:100%;}
	.gnb_manu ul li{display:inline-block;height:38px;margin-bottom:12px;;}
	.gnb_manu li a{font-size:26px;line-height:36px;}
	.gnb_manu > ul > li.on{display:inline;height:46px;margin-top:-4px;background-color: transparent}
	.gnb_manu > ul > li.on > a{width:100%;height:inherit;line-height:42px;border-radius:0 0 0 10px;background-color:#da291c;}
	.gnb_manu ul li a:hover{border:none}
	.gnb_manu ul li a:hover:after{}


	
	.gnb_2dth{position:relative;width:100%;left:0;}
	.gnb_manu li.on .gnb_2dth{display:inline-block;padding:8px 0 9px 20px;}
	.gnb_manu li .gnb_2dth li{display:block;height:24px;margin-bottom:14px;line-height:24px;}
	.gnb_manu li .gnb_2dth li:last-child{}
	.gnb_manu li.on .gnb_2dth li a{display:inline-block;font-size:16px;line-height:24px;font-weight:500;}
	.gnb_manu li.on .gnb_2dth a.on{}


	.app_down{display:inline-block;position: relative;padding:20px 50px;bottom:auto;}
	.app_down a{font-size:14px;line-height:24px;}
	.app_option{display:inline-block;position: relative;width:100%;padding:20px 50px;}
	.app_option .btn_car_find{float:left;}
	.app_option .btn_app_setting{float:right;}









	
}
@media all and (min-width:260px) and (max-width:319px){
	/* .wrap{padding:0 30px;} */
}






/* content area*/

.wrap{width:100%;padding-top:90px;min-height:700px;margin:0 auto;}
.container{width:100%;max-width:920px;margin:0 auto;}


.navigator{position:relative;display:inline-block;width:100%;margin-top:50px;}
.navigator .standort{display:inline-block;width:100%;text-align:right;font-size:12px}
.navigator .standort a{padding:0 14px 0 3px;background:url(../images/layout/bl_location.png) no-repeat right;color:#666}
.navigator .standort span{padding-left:3px;font-weight:bold;color:#000}

.title_page{position:relative;display:inline-block;width:100%;padding-bottom:50px;border-bottom:4px solid #000;}
.title_page.nobrdBt{border-bottom:0;}
.title_page h1{font-size:40px;line-height:59px;}



/* footer */
footer{display:block;width:100%;max-width:920px;margin:0 auto;margin-top:150px;text-transform:uppercase}
footer .wrap_footer{position:relative;padding-top:40px;border-top:1px solid #777;display:inline-block;width:100%;max-width:920px;margin-bottom:93px;}
.tower_story .wrap_footer{border-top:0;}

footer .tlt{display:inline-block;width:245px;height:72px;margin-bottom:90px;font-size:24px;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.5;letter-spacing:-0.72px;}

footer .partner_box{float:right;width:100%;max-width:540px;}
footer .info{float:left;font-size:14px;}
footer .info p{font-size:13px;line-height:20px;color:#000;font-weight:400;margin-bottom:5px;}
footer .info p span{font-weight:600}
footer .info p.copyright{padding-top:20px;font-size:12px;line-height:18px;color:#666;letter-spacing:-0.26px; font-weight: 300;}




footer .list_corp{float:right;text-align:left;width:100%;margin-top:6px;}
footer .list_corp ul{width:100%;}
footer .list_corp ul:after {content: '';display: block; clear:both;}
footer .list_corp ul li{text-align:left;display:inline-block;float:left;width:25%;margin-bottom:20px;}
footer .list_corp ul li:nth-child(3n) {}
footer .list_corp ul li a{font-size:14px;font-weight:normal;}
footer .list_corp ul li a:hover, footer .list_corp ul li a.active, footer .list_corp ul li a:active {text-decoration:underline;}


/* family site */
.family_site{position: relative;display:inline-block;text-align:right;width:100%;margin-top:80px;margin-bottom:33px;padding-right:45px;}
.family_site .footer_fmsite_btn {width:40px;height:40px;text-align:center;padding:0;font-size:13px;line-height:22px;position: absolute;right: 0;top: 0;}
.family_site > select {width:100%;}
.family_site .select2-container {text-align:left;max-width:322px; }
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, 
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border:1px solid #000;border-bottom:none;}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single{border-radius:0 0 4px 4px;border:1px solid #000;border-top:none;}
.select2-dropdown.select2-dropdown--above{border-radius:4px 4px 0 0;border:1px solid #000;border-bottom:none;}


/* sns 공유하기 */
.ico_wa{display:inline-block;width:50px;height:36px;border-radius:100%;background:url('../images/common/wa_mark.jpg') no-repeat 50% 50%;text-align:center;background-size:contain;vertical-align:top;}
.ico_sns{display:inline-block;width:32px;height:32px;border-radius:100%;background:#666 no-repeat 50% 50%;text-align:center;}
.ico_facebook{background-image:url('../images/layout/ico_sns_face.png');}
.ico_blog{background-image:url('../images/layout/ico_sns_blog.png');}
.ico_instar{background-image:url('../images/layout/ico_sns_instar.png');}
.ico_youtube{background-image:url('../images/layout/ico_sns_youtube.png');}
.ico_geep{background-image:url('../images/layout/ico_sns_gee.png');}

footer .social_link_list{text-align:right}
footer .social_link_list li{float:left;display:inline-block;width:26px;height:26px;margin-right:31px;border-radius:100%;background:#ededed;text-align:center;}
footer .social_link_list a{margin-left:16px;}
footer .social_link_list a:hover, footer .social_link_list a.active, footer .social_link_list a:active {background-color:#000;}
footer .social_link_list .ico_sns{background-size:32px 32px;}


/* top_scroll_box */
.top_scroll_box {position:fixed;right:20px;bottom:37px;}
.top_scroll_btn {display:none;text-indent:-9999px;position:relative;width:40px;height:40px; background: #f8f8f8; border-radius: 50%;}
.top_scroll_btn:before {content:'';position:absolute;left:50%;top:50%;transform: translate(-50%,-50%); width:17.2px;height:23.8px;background:url(../images/common/ico_top_scroll_btn.png)no-repeat;background-size:contain;}

.top_scroll_btn:hover {background:#000;}
.top_scroll_btn:hover:before{background:url(../images/common/ico_top_scroll_btn_hover.png) no-repeat;background-size:contain;}

/* swiper 4개 미만일때 arrow 숨김 */
.swiper-button-prev.disabled,
.swiper-button-next.disabled {display: none;}