@charset "utf-8";

@import "font.css";
@import "reset.css";
@import "main.css";
@import "sub.css";
@import "board.css";

.eng_font {font-family:"Red Hat Display", "Nanum Gothic", "Noto Sans KR";letter-spacing:0.065em;}
/*.eng_font {font-family:"Poppins", "Red Hat Display", "Nanum Gothic", "Noto Sans KR";letter-spacing:0.065em;}*/
/*.eng_font {font-family:"Poppins";letter-spacing:0.065em;}*/

/*.eng_font {font-family:"gotham";letter-spacing:0.065em;}*/
.mr_0 {margin-right:0px}

.logo {position:absolute; z-index:800; top:46px; left:46px;transition:transform 1s;}
.logo:hover {transform:rotate(180deg);}
.slogan {position:absolute; z-index:800; bottom:10px; text-align:center; width:100%; overflow:hidden;}
.slogan div {padding-top:20px;padding-bottom:10px;}
.slogan #scroll_btn {
	position: relative;
	z-index: 2;
	-webkit-animation: scrollBtn .5s cubic-bezier(.63,.09,.75,.46) infinite alternate;
	-moz-animation:    scrollBtn .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;
	-o-animation:      scrollBtn .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;
	animation:         scrollBtn .5s cubic-bezier(.63,.09,.75,.46)  infinite alternate;
}
@-webkit-keyframes scrollBtn {
	0%, 10% { top: 0em; }
	15% {}
	35% {}
	75% {}
	95% {}
	100% { top: 10px; }
}
@-moz-keyframes scrollBtn {
	0%, 10% { top: 0em; }
	15% {}
	35% {}
	75% {}
	95% {}
	100% { top: 10px; }
}
@-o-keyframes scrollBtn {
	0%, 10% { top: 0em; }
	15% {}
	35% {}
	75% {}
	95% {}
	100% { top: 10px; }
}
@keyframes scrollBtn {
	0%, 10% { top: 0em; }
	15% {}
	35% {}
	75% {}
	95% {}
	100% { top: 10px; }
}	

.btn_style1 a{display:block; margin-top:1em;width:250px; font-size:16px; font-weight:500;letter-spacing:.1em;color:#fff;background-image:url(../images/common/w_btn_a.png);background-position:right;background-repeat:no-repeat;transition:.3s;display:inline-block;text-transform: uppercase; }
.btn_style1 a:hover{width:280px;letter-spacing:.3em;background-position:right;}

.btn_style2 a{display:block; margin-top:1em;width:200px; font-size:16px; font-weight:500;letter-spacing:.1em;color:#000;background-image:url(../images/common/btn_a.png);background-position:right;background-repeat:no-repeat;transition:.3s;display:inline-block;text-transform: uppercase; }
.btn_style2 a:hover{width:220px;letter-spacing:.3em;background-position:right;}

.btn_style3 { position: relative; top:0;  right:0; width:200px; height:60px; float:right; }
.btn_style3 a{display:block; margin-top:1em;width:180px; font-size:16px; font-weight:500;letter-spacing:.1em;color:#000;background-image:url(../images/common/close_btn.png);background-position:right;background-repeat:no-repeat;transition:.3s;display:inline-block;text-transform: uppercase; }
.btn_style3 a:hover{width:100px;letter-spacing:.3em;background-position:right; }

.btn_style4 { position: absolute; top:36px;  left:50px; width:200px; height:60px;  }
.btn_style4 a { display:inline-block;  	font-size:14px; font-weight:700; margin-right:10px; color:#999;}
.btn_style4 a:hover {color:#000; text-docoration:underline;}
.btn_style4 .ov {color:#1b4951;}

#gnb {position:absolute; top:50px; right:150px; z-index:800;  box-sizing:border-box;}
#gnb .gnb_list {display:inline-block;padding-top:10px;overflow:hidden;box-sizing:border-box;}
#gnb .gnb_list li {float:left;margin:0 24px;}
#gnb .gnb_list li a {position:relative;display:block;padding:6px 0;color:#fff;font-size:14px; font-weight:500; text-transform:uppercase;text-shadow: 1px 1px 1px #333;}
#gnb .gnb_list li a:after {content:"";display:block;position:absolute;bottom:5px;left:0;width:0%;height:.1em;background:#fff;transform:scale3d(0,1,1);transition:transform .3s;}
#gnb .gnb_list li a:hover:after, #gnb .gnb_list li a:focus:after {width:100%;transform:scale3d(1,1,1);}

.lan {position: absolute; right: 180px; top: 10px; z-index: 999; cursor:pointer;}	
.lan span {padding: 5px 0px; position: relative; display: block; background: url(/images/main/icon_lan.png) left center no-repeat; font-size: 12px; font-weight:300; color: #ffffff; padding-left: 22px; letter-spacing: 0.065em; }
.lan .language_list {display: none; position: absolute; top: 26px; left: 5px; width: 86px; padding-top: 7px;}
.lan .language_list ul {padding: 3px 0; background: #ffffff; border-radius: 4px; opacity: 0.9; }
.lan .language_list ul > li > a {display: block; padding: 3px 0; font-size: 12px; color: #111; text-align: center;}


/* The Modal */
.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:#000; opacity:.5; filter:alpha(opacity=50);}

#modalLayer{display:none; position:relative;}
#modalLayer .modalContent{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; }
/* #modalLayer .modalContent{width:440px; height:200px; padding:20px; border:1px solid #ccc; position:fixed; left:50%; top:50%; z-index:11; background:#fff;}*/
#modalLayer .modalContent .content button{position:absolute; right:15px; top:15px; cursor:pointer; z-index:100;}
/* #modalLayer .modalContent .content img {position:absolute; left:0; top:0; z-index:90;}*/
#modalLayer .modalContent .modal_bg {position:absolute; z-index:10; width:100%; height:100%; background: rgba(0,0,0,.5);}
#modalLayer .modalContent .content {position:absolute; margin:0 auto; z-index:20; width:100%; height:100%;  }
#modalLayer .modalContent .content div {position:relative; margin:0 auto; z-index:20; width:809px; height:640px;  top: calc( 20% - 70px ); }


/* The Modal */
.mask{width:100%; height:100%; position:fixed; left:0; top:0; z-index:10; background:#000; opacity:.5; filter:alpha(opacity=50);}

#modalLayer2{display:none; position:relative;}
#modalLayer2 .modalContent{width:100%; height:100%; position:fixed; left:0; top:0; z-index:9999; }
/* #modalLayer .modalContent{width:440px; height:200px; padding:20px; border:1px solid #ccc; position:fixed; left:50%; top:50%; z-index:11; background:#fff;}*/
#modalLayer2 .modalContent .content button{position:absolute; right:15px; top:15px; cursor:pointer; z-index:100;}
/* #modalLayer .modalContent .content img {position:absolute; left:0; top:0; z-index:90;}*/
#modalLayer2 .modalContent .modal_bg {position:absolute; z-index:10; width:100%; height:100%; background: rgba(0,0,0,.5);}
#modalLayer2 .modalContent .content {position:absolute; margin:0 auto; z-index:20; width:100%; height:100%;  }
#modalLayer2 .modalContent .content div {position:relative; margin:0 auto; z-index:20; width:1200px; height:665px; top: calc( 20% - 70px ); }

/*-------------------햄버거 메뉴 버튼----------------------*/

.hamburger{
	position:fixed;
	z-index:9990;
	right:30px;
	top:40px;
}

.hamburger .line {
	width: 50px;
	height: 5px;
	background-color: #ecf0f1;
	display: block;
	margin: 8px auto;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.hamburger:hover {
	cursor: pointer;
}

/*#hamburger-2.is-active .line:nth-child(1) {
	-webkit-transform: translateY(13px);
	-ms-transform: translateY(13px);
	-o-transform: translateY(13px);
	transform: translateY(13px);
}

#hamburger-2.is-active .line:nth-child(3) {
	-webkit-transform: translateY(-13px);
	-ms-transform: translateY(-13px);
	-o-transform: translateY(-13px);
	transform: translateY(-13px);
}*/


/*-------------------모바일 메뉴----------------------*/
.gnbWrap{
    padding-top: 10px; padding-bottom: 8px;
    width: 890px; margin: 0 auto; 
}
.gnbWrap>img{
    width: 250px; height: 42px;
}
/* 모바일 메뉴 버튼 */
.menu {position: absolute;  z-index:9991;}
.menu>a{}

a.global_btn {position: absolute; top:0px;left: -93px;}
a.reservation_btn {position: absolute; top:90px;left: -93px;}
a.close{
    position: absolute;
	padding-right:50px;
	margin-right:30px;
	right: 0px; top: 0; color: #000;
    text-align: right;
	font-family:"gotham";
	font-size:14px;
	font-weight:700;
	letter-spacing:0.055em;
	display:block;
	width:100px; 
}
.left_gnbWrap{
    height: 100%;
    width: 399px;
	background-image:url(../images/common/global_menu_bg.png); 
	background-repeat: no-repeat;
	background-position: bottom;
    position: fixed ; right: -399px; top: 0;
    background-color: #fff;
    z-index: 9991;
    transition: all 0.3s; 
}
.left_gnbWrap.on{
    right:0;
}
.left_gnb {
 clear:both;
}
.left_gnb>li{
    width: 100%;
}
.left_gnb>li>a{
    display: block; 
	text-align: left; 
	text-indent : 50px; 
	line-height: 50px;
    width: 100%; 
	height: 50px;
    color: black;
	font-size:25px;
	font-weight:300;
	letter-spacing:0.035em;
}
.left_gnb>li>a.on{
    font-weight:400;

}
.left_gnb>li>ul{
    display: none;
}
.left_gnb>li>ul>li>a{
    display: block;
	text-align: left;  
	line-height: 50px;
    width: 100%; 
	height: 50px; 
	text-indent : 100px; 
    color: black;
	font-size:15px;


}

.left_gnb>li>ul>li>a:hover{
	background-image:url(../images/common/2depth_ico.png); 
	background-repeat: no-repeat;
	background-position: 50px center;
}



/*-------------------푸터----------------------*/

.footer { position:relative; padding:15px 50px 50px 50px; font-family: 'Noto Sans KR', sans-serif; }
.footer .customer {padding-bottom:20px;}
.footer .customer a {display:inline-block; font-size:15px; padding-right:30px; font-family: 'Noto Sans KR', sans-serif;}
.footer .customer a span {font-weight:500;}
.footer .info {width:100%; overflow:hidden; padding-top:20px;}
.footer .info li {display:inline-block; vertical-align:middle;}
.footer .info .add {}
.footer .info .add p {display:block; padding-bottom:5px;}
.footer .info .add  p img {margin-bottom:20px;}
.footer .info .add .txt{}
.footer .info .add .txt span {display:inline-block; font-size:15px; color:#333; margin-right:20px;font-family: 'Noto Sans KR', sans-serif;}
.footer .info .add .copy {font-size:12px; color:#ccc; font-weight:600; letter-spacing:0.1em; padding-top:10px;}
.footer .info .add .copy span {color:#333;}
.footer .info .num { padding-left:250px;}
.footer .info .num .tit {font-size:16px; color:#333; font-weight:600;}
.footer .info .num .tel {font-size:32px; color:#1b4951;  font-weight:500;}

.footer .info .sns {float:right; padding-top:0px; padding-right:100px;}
.footer .info .sns .tit {text-align:left; font-size:20px; color:#999; font-weight:300; letter-spacing: -0.01em;}
.footer .info .sns .tel {text-align:left; font-size:35px; color:#666; font-weight:300;}
.footer .info .sns .site {text-align:left; padding-bottom:1.5rem; font-size:11px; color:#999; font-weight:300; letter-spacing: -0.01em;}
.footer .info .sns .site select {
    width: 12rem;
    padding-bottom: 1.2rem;
    font-size: 0.9rem;
    letter-spacing: -0.0rem;
    box-sizing: border-box;
    position: relative;
    border: solid 1px #dedede;
    padding: 0.5rem 1.8rem 0.5rem 0.5rem;
    background: #f7f7f7 url(/images/main/bg_select_arrow.svg) no-repeat 95% center;
    border-radius: 0.3rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.footer .info .sns a {display:inline-block; padding-top:10px; padding-right:10px; opacity: 0.8;}
.footer .top_btn {position:absolute; bottom:68px; right:30px; z-index:999;}

/*---------- Back To Top ----------*/
.back-to-top {z-index:1003;cursor:pointer;background:rgba(0, 0, 0, 0.9);-webkit-border-radius:50% !important;-moz-border-radius:50% !important;border-radius:50% !important;width:45px;height:45px;line-height:45px;bottom:45px;right:10px;overflow:hidden;position:fixed;display:block;text-align:center;opacity:1;-webkit-transition:all 0.5s ease-in-out 0s;-moz-transition:all 0.5s ease-in-out 0s;transition:all 0.5s ease-in-out 0s;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.back-to-top.hidden-top {bottom:-100px;opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}
.back-to-top:hover {background:#86A0F7}
.back-to-top i {font-size:20px;margin:1px 0 0 0 !important;color:#fff;display:inline-block;}
@media (max-width:600px) {
	.back-to-top {bottom:10px}
}

/*----------table ----------*/

.area_terms .tbl_basic td, .area_terms .tbl_basic th {
	padding: 10px 10px;
	font-size: 15px;
}

.tbl_basic {
	border-top: 1px solid #333;
}

.tbl_basic col.num {
	width: 100px;
}

.tbl_basic col.num2 {
	width: 150px;
}

.tbl_basic col.state {
	width: 150px;
}

.tbl_basic col.name {
	width: 130px;
}

.tbl_basic col.tit {
	width: 170px;
}

.tbl_basic col.bat {
	width: 100px;
}

.tbl_basic col.day {
	width: 140px;
}

.tbl_basic col.th1 {
	width: 150px;
}

.tbl_basic col.th2 {
	width: 180px;
}

.tbl_basic td.subject {
	text-align: left;
}

.tbl_basic td.subject .t_dot {
	display: inline-block;
	vertical-align: top;
	max-width: 85%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	word-wrap: normal;
}

.tbl_basic td.subject .i_new {
	margin-left: 5px;
}

.tbl_basic > table {
	width: 100%;
	text-align: center;
	font-size: 15px;
	table-layout: fixed;
}
.tbl_basic > table > thead > tr > th,
.tbl_basic > table > tbody > tr > th {
	font-weight: 600;
	font-size: 18px;
	color: #333;
	background-color: #f9f9f9;
}

.tbl_basic > table > tbody > tr > td, 
.tbl_basic > table > thead > tr > th, 
.tbl_basic > table > tbody > tr > th {
	padding: 20px 10px;
	border-bottom: 1px solid #e6e6e6;
	border-right: 1px solid #e6e6e6;
	line-height: 1.5;
	vertical-align: middle;
}

.tbl_basic > table > thead > tr > th:last-child,
.tbl_basic > table > tbody > tr > th:last-child, 
.tbl_basic > table > tbody > tr > td:last-child {
	border-right: 0;
}

.tbl_basic > table > tbody > tr > th:last-child ~ td, 
.tbl_basic > table > tbody > tr > td:last-child ~ td {
	border-right: 1px solid #e6e6e6;
}

.tbl_basic > table > tbody > tr.fixed > td {
	background-color: #f5f3f2;
}


.tbl_basic  > table > tbody > tr > td {
	font-weight: 300;
	color: #666;
}

.tbl_basic input.inp_txt {
	font-size: 15px;
	height: 42px;
}

.tbl_basic input.inp_txt.wid1 {
	width: 425px;
}

.tbl_basic input.inp_txt.wid2 {
	width: 295px;
}

.tbl_basic select.select1 {
	height: 42px;
	font-size: 15px;
}

.tbl_basic table.list th {
	padding: 15px 10px;
	text-align:center;
}

.tbl_basic table.list td strong {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-weight: 400;
	line-height: 1.3;
}

.tbl_basic table.list.cus tr {
	cursor: pointer;
}

.tbl_basic table.list.cus tbody tr:hover td, .tbl_basic table.list.cus tbody tr:hover th
	{
	background-color: #f8f8f8;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	transition: all 200ms ease-in-out;
}

.tbl_basic table.view td {
	text-align: left;
	padding-left: 20px;
}

.tbl_basic table.write {
	text-align: left;
	font-size: 15px;
}

.tbl_basic > table.write > tbody > tr > th, .tbl_basic > table.write > tbody > tr >  td {
	border-left: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	height: 40px;
	padding-left: 45px;
	padding-right: 45px;
}

.tbl_basic > table.write > tbody > tr >  th {
	font-size: 17px;
	padding-left: 25px;
	padding-right: 25px;
}

.tbl_basic.noline td, .tbl_basic.noline th {
	border-left: 0;
	border-right: 0;
}

.bbsbotm_tbl .tbl_basic {
	border-top: 0;
}

.bbsbotm_tbl .tbl_basic td {
	border-left: 0;
	border-right: 0;
}

.bbsbotm_tbl .tbl_basic .subject .t_dot {
	max-width: 90%;
	display: inline-block;
	vertical-align: top;
}

.tbl_basic tr.tr_a {
	display: none;
}

.tbl_basic tr.tr_a td {
	padding-top: 30px;
	padding-bottom: 30px;
	padding-right: 30px;
	background-color: #f9f9f9;
}

.view_rlist1 .tbl_basic {
	padding-bottom: 20px;
	overflow-x: auto;
}

.view_rlist1 .tbl_basic td, .view_rlist1 .tbl_basic th {
	padding: 12px 10px;
	font-size: 15px;
}

.view_rlist1 .tbl_basic td {
	font-size: 15px;
}

.tbl_basic th:last-child,
.tbl_basic.tbl_tour td {
    border-right: 0;
    border-left: 1px solid #e6e6e6;
}

.tbl_basic th:last-child,
.tbl_basic.tbl_tour td:first-child {
    border-left: none;
}


/**/
.area_terms .textarea.type2 .tbl_basic td,
.box_etcgray .area_terms.type2 .tbl_basic td,
.area_terms .textarea.type2 .tbl_basic th,
.box_etcgray .area_terms.type2 .tbl_basic th {
    font-size: 14px;
}

.box_etcgray .area_terms.type2 .tbl_basic tfoot td {
    font-weight: 600;
    color: #333;
    background: #f9f9f9;
}

.wrap_convention .view_rlist1 .tbl_basic td,
.wrap_convention .view_rlist1 .tbl_basic th {
    font-size: 15px;
}

.tbl_basic .bootstrap-datetimepicker-widget table td.day { width: 40px; height: 40px; line-height: 40px; }
.tbl_basic .bootstrap-datetimepicker-widget table td.active, 
.tbl_basic .bootstrap-datetimepicker-widget table td.active:hover { background-color: #d67c55; border-radius: 100%; }
.tbl_basic .bootstrap-datetimepicker-widget table td.today:before { bottom: 8px; right: 6px; border-bottom-color: #d67c55; }
.tbl_basic .bootstrap-datetimepicker-widget table td.active.today:before { border-bottom-color: #fff; }
.tbl_basic .bootstrap-datetimepicker-widget table thead tr th { height: 40px; line-height: 40px;  }
.tbl_basic .bootstrap-datetimepicker-widget table thead tr:first-child th { border-bottom: 1px solid #e5e5e5; }
.tbl_basic .bootstrap-datetimepicker-widget table td.disabled,
.tbl_basic .bootstrap-datetimepicker-widget table td.disabled:hover { color: #ddd; }


/* PC 1차 분기 */
@media screen and ( max-width:1670px ){
	.footer .info .num { padding-left:100px;}
}

@media screen and ( max-width:1480px ){
	.footer .info .num { padding-left:50px;}
}

@media screen and ( max-width:1430px ){
/*	.footer .info li {display:block;}*/
/*	.footer .info .num { padding-left:0px;  display:inline-block;}*/
/*	.footer .info .sns {padding-top:20px; display:inline-block;}*/
/*	.footer .top_btn {bottom:300px; right:40px;}*/
}


@media screen and ( max-width:1360px ){

}


@media screen and ( max-width:1280px ){
	#gnb {display:none;}
	.slogan { bottom:2%;}
	.footer { padding:0 0 50px 0;}
	.footer .info .add .txt {margin:0px; padding:0px;}
	.footer .info .sns {padding-top:15px;}
	.footer { position:relative; padding:0 0 0 30px; font-family: }
	.footer .customer {padding-bottom:10px;}
	.footer .info li {margin-right:30px;}
	.footer .info .add p {padding:0; }
	.footer .top_btn {bottom:180px; right:30px;}


	.footer .info .num { padding:20px 0 0 0px;  display:block;}
	.footer .info .sns {padding-top:20px; display:block; float:none;}
	.footer .info .sns a {padding-left:0px; padding-right:10px;}
	.footer .top_btn {bottom:0px;}
}


/* Tablet CSS */
@media screen and ( max-width:1024px ){
	.footer .top_btn {}

     .popup_roompay.w730 .tbl_basic,
    .popup_roompay.w980 .tbl_basic,
    .popup_roompay.w1200 .tbl_basic {
        overflow-y: scroll
    }

    .popup_roompay.w980 .tbl_basic th,
    .popup_roompay.w980 .tbl_basic td,
	.popup_roompay.w1200 .tbl_basic th,
    .popup_roompay.w1200 .tbl_basic td {
        padding: 10px 10px;
        padding: 1.18906064vw 1.18906064vw;
        min-width: 100px;
    }

    .popup_roompay.w1200 .tbl_basic td.subject {
        padding: 10px 0 10px 10px;
        padding: 1.18906064vw 0 1.18906064vw 1.18906064vw;
        min-width: 150px;
    }

}   

@media screen and (max-width: 841px) {

    .popup_roompay.w730 .tbl_basic,
    .popup_roompay.w980 .tbl_basic,
    .popup_roompay.w1200 .tbl_basic {
        overflow-y: scroll
    }

	 /*font-size*/
    .area_terms .textarea.type2 .tbl_basic td,
    .box_etcgray .area_terms.type2 .tbl_basic td,
    .area_terms .textarea.type2 .tbl_basic th,
    .box_etcgray .area_terms.type2 .tbl_basic th {
        font-size: 23px;
        font-size: 2.73483948vw;
    }

	.popup_roompay.w980 .tbl_basic th,
    .popup_roompay.w980 .tbl_basic td,
	.popup_roompay.w1200 .tbl_basic th,
    .popup_roompay.w1200 .tbl_basic td {
        padding: 10px 10px;
        padding: 1.18906064vw 1.18906064vw;
        min-width: 100px;
    }

    .popup_roompay.w1200 .tbl_basic td.subject {
        padding: 10px 0 10px 10px;
        padding: 1.18906064vw 0 1.18906064vw 1.18906064vw;
        min-width: 150px;
    }


  .view_rlist1 .tbl_basic td,
  .view_rlist1 .tbl_basic th {
    padding: 15px 10px;
    padding: 1.78359096vw 1.18906064vw;
    font-size: 24px;
    font-size: 2.85374554vw;
  }

}


/* Mobile CSS */
@media screen and ( max-width:768px ){

	a.global_btn {display:none;}
	a.reservation_btn {display:none;}

	.hamburger{
		position:fixed;
		z-index:9990;
		right:30px;
		top:40px;
	}

	/* a.global_btn {left:-70px;}
	a.reservation_btn {top:70px; left:-70px;}
	a.global_btn img {width:70px;}
	a.reservation_btn img {width:70px;}*/
	.footer .info .num { padding:20px 0 0 0px;  display:block;}
	.footer .info .sns {padding-top:50px; display:block; float:none;}
	.footer .info .sns a {padding-left:0px; padding-right:10px;}
	.footer .top_btn {bottom:0px;}

	#modalLayer .modalContent .content {
			width:100%;
			/*overflow-x:scroll;*/
		}

	#modalLayer .modalContent .content div {
		width:100%;
		 }

	#modalLayer .modalContent .content div .modal_menu {
		width:100%;
		}

	#modalLayer2 .modalContent .content {
			width:100%;
			/*overflow-x:scroll;*/
		}

	#modalLayer2 .modalContent .content div {
		width:100%;
		 }

	#modalLayer2 .modalContent .content div .modal_menu {
		width:100%;
		}



}

@media screen and ( max-width:500px ){
	.logo { top:30px; left:30px;}
	.logo img { width:50px;}

	.hamburger{
		position:fixed;
		right:25px;
		top:30px;
	}

	.hamburger .line {
		width: 40px;
		height: 3px;
	}


	.slogan .img img {width:250px;}
	.slogan {position:absolute; z-index:800; bottom:12vw; text-align:center; width:100%; overflow:hidden;}
	.slogan div {padding-top:20px;}
	.bx-wrapper .bx-pager,
	.bx-wrapper .bx-controls-auto { bottom: 20px;}
	.footer .info .num {padding-top:10px;}
	.footer .info .add { width:100%; padding-top:5px;}
	.footer .info .add .txt span {display:block; width:100%; padding:3px 0;}
	.footer .info .sns {width:100%;}
	.footer .info .sns a {display:inline-block; margin-right:10px;}

}