@charset "utf-8";





/* ===== SMOOTH SCROLL ===== */
#main {
	overflow: hidden;
	position: relative;
}
.maxinner {
    margin: 0 auto;
    max-width: 150rem;
    width: 100%;
}




/* ===== PRIVACY COMMON ===== */
.terms a{
	color:#333;
}
.terms dd { 
    padding-top:1.6rem; 
    font-size:1.6rem; 
    color: #333; 
    line-height:1.750em; 
}
.terms dd .link-underline { 
    color:#c9ab81;
}
.terms dd .link-underline:hover { 
    text-decoration: underline;
}
.terms dd:nth-child(2) { 
    padding-top:0;
}
.terms dd p { 
    padding-top:1.6rem; }
.terms dd .dd-con { 
    padding-top:1.6rem;
}
.terms dd .p-left { 
    padding-left:1.6rem;
}
.terms dd ul li { 
    position: relative; 
    margin-left: 1.6rem; 
    font-size: 1.6rem; 
    color: #333;  
    line-height: 2.6rem;
}
.terms dd ul li:before { 
    content: '-'; 
    position: absolute; 
    margin-left: -1.5rem; 
    font-size: 1.5rem; 
    color: #333; 
}
.terms .tbstyle02 { 
    margin-top: 1.5rem;
}
.terms .tbstyle02 table thead th { 
    padding: 1.6rem 0; 
    font-size: 1.6rem; 
}
.terms .tbstyle02 table thead td { 
    padding: 0.7rem 0.4rem; 
    font-size: 1.5rem;
}
.terms .normal-txt-box {
    padding: 3.2rem 4.8rem;
    background: #fafafa;
    text-align: left;
    font-size: 1.6rem;
    line-height:1.8em;
}
.terms .normal-txt-box a{
	color:#c9ab81;
}
.terms .terms-list {
    padding-top:6rem;
    border-top:1px solid #ddd;
}
.terms .terms-list dl  {
    margin-top: 6rem;
}
.terms .terms-list dl:first-child {
    margin-top:0;
}
.terms .terms-list dl dt {
    margin-bottom: 2.4rem;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
}
.terms .btn-type01 {
    margin-top:2rem;
}
.tab-nav { 
	padding:6rem 0; 
	text-align:center;
}
.tab-nav li { 
	display:inline-block; 
	margin:0 4px; 
	vertical-align:middle;
}
.tab-nav li a,
.tab-nav li button { 
	display:block; 
	padding:0 1.111em;
	min-width:22.5rem; 
	background:#f0f0f0; 
	font-size:1.6rem; 
	color:#333333; 
	letter-spacing:-0.5px; 
	text-align:center; 
	line-height:3.056em; 
}
.tab-nav li.on a,
.tab-nav li.on button { 
	background:#c9ab81; 
	color:#fff; 
	box-shadow: 1px 1px 15px rgba(0,0,0,0.1);
}
.tab-nav-con { 
	display:none;
}
.tab-nav-con.open { 
	display:block;
}
.tbstyle02 caption { 
	position:absolute; 
	left:-9999%; 
	font-size:0; 
	line-height:0;
}
.tbstyle02 strong { 
	font-size:2rem;
}
.tbstyle02 table { 
	border-top: 2px solid #000000;
	width:100%; 
	border-spacing:0; 
	border-collapse:collapse;
}
.tbstyle02 table thead th { 
	padding:1rem 0;
	border-bottom:1px solid #e6e6e6; 
	border-left:1px solid #e6e6e6; 
	background:#fafafa; 
	font-size:1.6rem; 
	color:#000000; 
	font-weight:400; 
	letter-spacing: -0.016em;
}
.tbstyle02 table td { 
	padding:1rem 0.5rem; 
	border-bottom:1px solid #e6e6e6; 
	border-left:1px solid #e6e6e6; 
	font-size:1.5rem; 
	color:#666; 
	line-height:2em; 
	letter-spacing: -0.017em;
	text-align:center;
}
.tbstyle02 table thead th:first-child { 
	border-left:none !important;
}
.tbstyle02 table tbody td:first-child { 
	border-left:none !important;
}
.tbstyle02 table tfoot td:first-child { 
	border-left:none !important;
}
.tbstyle02 table tbody td.bd-l { 
	border-left:1px solid #e6e6e6 !important;
}


/** 개인정보처리방침 **/
.term-conbox { display:none;}
.term-conbox.on { display:block;} 





/* ===== MOBILE QR CODE ===== */
#mb-qr {
    display:none;
}
#mb-qr {
	position:fixed;
	right:2rem;
	bottom:2rem;
	z-index:5000;
}
#mb-qr a {
	display:flex;
	align-items:center;
	justify-content:space-between;
	padding:0 2rem;
	width:18.5rem;
	height:6rem;
	background:#c9a46f;
	border-radius:5rem;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
#mb-qr .ico-qr {
	width:3rem;
	height:3rem;
	background:url('/img/ico/ico-qr.png') no-repeat center;
	background-size:3rem;
}
#mb-qr .txt-qr {
	overflow:hidden;
	width:auto;
	-webkit-transition:width 0.4s;
	transition:width 0.4s;
}
#mb-qr .txt-qr span {
	display:block;
	font-size:1.5rem;
	color:#fff;
	line-height:1;
	white-space:nowrap;
}
#mb-qr .txt-qr strong {
	display:block;
	margin-top:0.3rem;
	font-size:1.5rem;
	color:#fff;
	white-space:nowrap;
	line-height:1;	
}
.scr-up #mb-qr .ico-qr,
.scr-down #mb-qr .ico-qr {
	width:6rem;
	height:6rem;
}
.scr-up #mb-qr a,
.scr-down #mb-qr a {
	padding:0;
	width:6rem;
}
.scr-up #mb-qr .txt-qr,
.scr-down #mb-qr .txt-qr {
	width:0;
}

.scr-top #mb-qr .ico-qr {
	width:3rem;
	height:3rem;
}
.scr-top #mb-qr a {
	padding:0 2rem;
	width:18.5rem;
}
.scr-top #mb-qr .txt-qr {
	width:auto;
}

 

/*
#mb-qr a {
	display:flex;
	align-items:center;
	justify-content:center;
	padding:0 2rem;
	height:6rem;
	background:#c9a46f;
	border-radius:5rem;
	-webkit-transition:all 0.4s;
	transition:all 0.4s;
}
#mb-qr .ico-qr {
	width:3rem;
	height:3rem;
	background:url('/img/ico/ico-qr.png') no-repeat center;
	background-size:3rem;
	-webkit-transition:padding-left 0.4s;
	transition:padding-left 0.4s;
}
#mb-qr .txt-qr {
	overflow:hidden;
	padding-left:1rem;
	-webkit-transition:width 0.4s, opacity 0.4s;
	transition:width 0.4s, opacity 0.4s;
}
#mb-qr .txt-qr span {
	display:block;
	font-size:1.6rem;
	color:#fff;
	line-height:1;
}
#mb-qr .txt-qr strong {
	display:block;
	margin-top:0.5rem;
	font-size:1.6rem;
	color:#fff;
	line-height:1;	
}
.scr-down #mb-qr a {
	padding:0;
	width:6rem;
}
.scr-down #mb-qr .ico-qr {
	padding-left:0;
}
.scr-down #mb-qr .txt-qr {
	padding-left:0;
	width:0;
}
*/
/*
#mb-qr.st-sm a {
	padding:0;
	width:6rem;
}
#mb-qr.st-sm .ico-qr {
	padding-left:0;
}
#mb-qr.st-sm .txt-qr {
	padding-left:0;
	width:0;
}
*/





/* ===== HEADER ===== */
#header {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 5000;
	width: 100%;
	height: 10rem;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 0.7s ease;
    transition: all 0.7s ease;
}
#header h1 {
	position: absolute;
	left: 6rem;
	top: 3.6rem;
}
#header h1 a {
	display: block;
	width: 27rem;
	height: 2.8rem;
	background-image: url(../../img/common/logo-white.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:100%;
}





/* ===== HEADER - PINNED ===== */
#header.unpinned {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}





/* ===== HEADER - DIRECTION ===== */
.scr-up #header {
	top:0;
}
.scr-down #header {
	top:-10rem;
}





/* ===== GNB ===== */
#header .gnb-wrap {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 10rem;
}
#header .gnb {
	display: flex;
}
#header .gnb li {
	margin-left: 6rem;
}
#header .gnb li:first-child {
	margin-left: 0;
}
#header .gnb li a {
	display: block;
	font-size: 1.7rem;
	color: #fff;
	font-weight: 500;
    -webkit-transition:color 0.4s ease;
    transition:color 0.4s ease;
}
#header .gnb li.on a{
    color:#c9ab81;
}
#header .gnb li a:hover {
    color:#c9ab81 !important;
}
#header .gnb li.mo{
	display:none;
}





/* ===== HEADER - LANGUAGE ===== */
#header .hd-info {
	display: flex;
	align-items: center;
	position: absolute;
	right: 6rem;
	top: 3.8rem;
}
#header .hd-language {
    position: relative;
}
#header .hd-language .btn-hd-language {
    display: block;
    padding-left: 2.8rem;
    padding-right: 2rem;
    background-image: url(../../img/ico/ico-hd-language.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 1.4rem;
    color: #fff;
    font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
    line-height: 1.714em;
    border: none;
    transition:none !important;
}
#header .hd-language .btn-hd-language:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -0.3rem;
    width: 1.2rem;
    height: 0.7rem;
    background-image: url(../../img/bu/bu-hd-language.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 100%;
	-webkit-transition:transform 0.3s ease;
	transition:transform 0.3s ease;
}
#header .hd-language.on .btn-hd-language:after {
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#header .hd-language ul {
	opacity: 0;
    visibility: hidden;
	position:absolute;
	left:0;
	top:100%;
	margin-top:1rem;
	padding:1rem 0;
	width:100%;
	background:#fff;
	box-shadow:0px 3px 10px rgba(0,0,0,0.1);
    -webkit-transition:opacity 0.3s ease;
    transition:opacity 0.3s ease;
}
#header .hd-language ul li a {
	display:block;
	padding:0.5rem 0;
	font-size:1.3rem;
	color:#333;
	text-align:center;
}
#header .hd-language ul li.on a {
	color:#c9ab81 !important
}
#header .hd-language.on ul {
    opacity: 1;
    visibility: visible;
}
#header .hd-search {
	margin-left: 4rem;
}
#header .btn-hd-search {
	display: block;
	width: 2.4rem;
	height: 2.4rem;
	background: url(../../img/ico/ico-hd-search.png) no-repeat center;
    background-size: 100%;
	border: 0;
}





/* ===== HEADER - STYLE WHITE ===== */
#header.st-white {
    background-color:#fff;
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}
#header.st-white h1 a {
	display: block;
	width: 27rem;
	height: 2.8rem;
	background-image: url(../../img/common/logo.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size:100%;
}
#header.st-white .gnb li a {
    color:#262524;
}
#header.st-white .gnb li.on a{
    color:#c9ab81;
}
#header.st-white .hd-language .btn-hd-language {
    background-image: url(../../img/ico/ico-hd-language-black.png);
    color:#262524;
}
#header.st-white .hd-language .btn-hd-language:after {
    background-image: url(../../img/bu/bu-hd-language-black.png);
}






/* ===== HEADER - STYLE BLACK ===== */
#header.st-black {
    background-color:rgba(0,0,0,0.9);
    box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
}





/* ===== FOOTER ===== */
#footer {
	position:relative;
	padding:5rem 0;
	background: #121111;
}
#footer .maxinner {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#footer .left-con {
	display: flex;
	align-items: center;	
}
#footer h2 a {
	display: block;
	width: 23rem;
	height: 2.4rem;
	background-image: url(../../img/common/logo-ft.png);
	background-size:100%;
	background-position:center center;
	background-repeat:no-repeat;
}
#footer .copyright {
	margin-left: 3rem;
	font-size: 1.4rem;
	color: rgba(255,255,255,0.3);
	font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
}
#footer .right-con {
	display: flex;
	align-items: center;
}
#footer .ft-info {
	display: flex;
	align-items: center;
}
#footer .ft-info li {
	position:relative;
	margin-left: 1.5rem;
	padding-left: 1.6rem;
}
#footer .ft-info li::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -0.5rem;
	width: 1px;
	height: 1rem;
	background: rgba(255,255,255,0.2);
}
#footer .ft-info li:first-child {
	margin-left: 0;
	padding-left: 0;
}
#footer .ft-info li:first-child::after {
	display:none;
}
#footer .ft-info li a {
	display: block;
	font-size: 1.5rem;
	color: rgba(160,160,160,0.5);
}
#footer .ft-info li a strong {
	color: #fff;
    font-weight:400;
}
#footer .ft-site {
	position: relative;
	margin-left:4rem;
	width: 24rem;
	border: 1px solid #595959;
}
#footer .ft-site h3 {
	position:relative;
	padding-left: 2rem;
	font-size: 1.6rem;
	color: rgba(160, 160, 160, 0.5);
	font-weight: 400;
	line-height: 3.438em;
	cursor: pointer;
}
#footer .ft-site h3:after {
	content: "";
	position: absolute;
	right: 2rem;
	top: 50%;
	width: 1.2rem;
	margin-top: -0.3rem;
	height: 0.6rem;
	background-image: url('../../img/bu/bu-ft-site.png'); 
    background-repeat: no-repeat;
    background-position: center center;
	transition: all ease .3s;
}

#footer .ft-site.open h3:after{
	transform: rotate(180deg);
}
#footer .ft-site ul {
    display:none;
	position: absolute;
	left: 0;
	bottom: 100%;
	width: 100%;
	background: #fff;
	padding: 1rem 2rem;
	border: 1px solid #ddd;
}
#footer .ft-site ul li a {
	font-size: 1.4rem;
	color: #aaa;
	display: block;
	margin: 1rem 0;
	line-height: 1.5; 
}
#footer .ft-site ul li a:hover{
	color:#111;
	font-weight:500;
}
#footer .ft-site.open ul {
    display:block;
}
#footer .topbtn { 
	opacity: 0; 
	visibility: hidden; 
	position:absolute; 
	right:2rem; 
	top:0; 
	z-index:1000; 
	height:6em;
	-webkit-transition:all 0.1s ease;
	transition:all 0.1s ease;
}
#footer .topbtn.fixed { 
	opacity: 1; 
	visibility: visible; 
	top:-8rem;
	-webkit-transition:all 0.7s ease;
	transition:all 0.7s ease;
}
#footer .topbtn button { 
	opacity:0.5;
	display:block;
	position:relative;
	width:6rem !important;
	height:6rem !important;
	border:1px solid #fff;
	background-color:transparent;
	font-size:100%;
}
#footer .topbtn button:hover {
	opacity:1;
	border-color:#cca77c !important;
}
#footer .topbtn button:after { 
	content:""; 
	position:absolute; 
	left:50%; 
	top:50%; 
	width:1rem;
	height:1.5rem;
	background:url('/img/ico/ico-top.png') no-repeat center;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}
#footer .topbtn button:hover:after {
	background:url('/img/ico/ico-top-on.png') no-repeat center !important;
}





/* ===== FOOTER - ST WHITE ===== */
#footer.st-white {
    background-color:#f5f5f5;
}
#footer.st-white h2 a {
	background-image: url('../../img/common/logo-ft-black.png');
}
#footer.st-white .copyright {
	color:#707070;
}
#footer.st-white .ft-info li a {
	color:#707070;
}
#footer.st-white .ft-info li a strong {
	color:#262524;
}
#footer.st-white .ft-site h3 {
	color:#707070;
}
#footer.st-white .ft-site h3:after {
    background-image: url('../../img/bu/bu-ft-site-black.png'); 
}
#footer.st-white .ft-site {
	border-color:#ddd;
}
#footer.st-white .ft-info li::after {
	background-color:#ddd;
}
#footer.st-white .topbtn button {
	opacity:1;
	border-color:#aaa;
}
#footer.st-white .topbtn button:after {
	background:url('/img/ico/ico-top-gray.png') no-repeat center;
}

.board-con a,
.board-con a:visited {
    color: #c9ab81;
}

.error_page {
    width: 100%;
    height: 100vh;
    background: url(/img/sub/404_bg.png) no-repeat center center;
    background-size: cover;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

.err_con {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
    top: 30px;
	width: 90%;
}

.error_page h2 {
    background: url(/img/sub/404_logo.png) no-repeat center center / 100%;
    width: 38rem;
    height: 2.6rem;
    margin-bottom: 3rem;
}

.error_page .err_tit{
    font-size: 36px;
    font-weight: 700;
    font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
    margin-bottom: 1.8rem;
}

.error_page p{
    font-family: 'Noto Sans KR', 'Malgun Gothic', dotum, sans-serif;
    font-size: 16px;
    line-height: 1.6;
}
.error_page .err_btn_wrap{
    margin-top: 6.5rem;
    display: flex;
}

.error_page .err_btn {
    display: block;
    padding:1.8rem 7.5rem;
    font-size: 16px;
    color: #fff;
    border:1px solid #fff;
    font-weight: 500;
    transition: 0.3s;
}

.error_page .err_btn:hover {
    background: #c9ab81 ;
}

.error_page .err_btn + .err_btn {
    margin-left: 2rem;
}


/* ===== RESPONSIVE ===== */
@media screen and (max-width: 1800px) {
	#header .gnb li {
		margin-left: 6rem;
	}
	#header .gnb-wrap {
		padding-left: 10rem;
	}
}

@media screen and (max-width: 1600px) {
	/* ===== HEADER ===== */
	#header h1 {
		left:2rem;
		top:4rem;
	}
	#header h1 a {
		width:22rem !important;
		height:2.3rem !important;
	}
	#header .hd-info {
		right:2rem;
	}
	/*#header .gnb-wrap {*/
	/*	padding-left: 0;*/
	/*}*/
	#header .gnb li {
		margin-left:6rem;
	}


	/* ===== FOOTER ===== */
	#footer h2 a {
		width:22rem;
		height:2.3rem;
	}
	#footer .maxinner {
		flex-wrap:wrap;
	}
	#footer .left-con {
		width:100%;
	}
	#footer .right-con {
		display:flex;
		justify-content:space-between;
		margin-top:1rem;
		width:100%;
	}
	#footer .ft-site {
		margin-left:0;
	}


	/* ===== COMMON ===== */
	.maxinner {
		width:calc(100% - 4rem);
	}
}

@media screen and (max-width: 1400px) {
    #header .gnb {
        position: relative;
		left: 20px;
    }
	#header .gnb li {
		margin-left: 4rem;
	}
}

@media screen and (max-width: 1280px) {
    /* ===== MOBILE QR CODE ===== */
    #mb-qr {
        display:block;
    }
	


	/* ===== MENU BUTTON ===== */
	#header .hd-allmenu-open {
	    display: block;
	    position: absolute; 
		top: 4rem; 
		right: 2rem;
	    z-index: 9000;
	    width: 2.5rem;
	    height: 2rem;
	    cursor: pointer;
	}
	#header .hd-allmenu-open .btn-menu, 
	#header .hd-allmenu-open .btn-menu::before, 
	#header .hd-allmenu-open .btn-menu::after { 
		position: absolute; 
		z-index: 9999; 
		width: 100% !important; 
		height: 0.2rem !important; 
		background: #fff; 
		cursor: pointer;
	    -webkit-transition: 0.2s ease;
	    transition: 0.2s ease;
	}
	#header .hd-allmenu-open .btn-menu::before { 
		content: ""; 
		top: 0.9rem !important;  
		right: 0 !important; 
	}
	#header .hd-allmenu-open .btn-menu::after { 
		content: ""; 
		top: 1.8rem !important;  
		right: 0 !important; 
	}
	#header.st-white .btn-menu,
	#header.st-white .btn-menu::before,
	#header.st-white .btn-menu::after{
		background:#333 !important;
	}


	/* ===== MENU BUTTON OPEN STYLE ===== */
	#header.menu-open .btn-menu { 
		top:0.8rem !important; 
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: transform 0.2s ease;
		transition: transform 0.2s ease;
	}
	#header.menu-open .btn-menu:before { 
		top:0 !important; 
		right: 2rem !important; 
		width: 0.8rem !important;  
		-webkit-transform: rotate(-45deg) translateX(0.5rem);
		transform: rotate(-45deg) translateX(0.5rem);
		-webkit-transition: transform 0.2s ease;
		transition: transform 0.2s ease;
	}
	#header.menu-open .btn-menu:after { 
		top:0 !important;  
		right: 2rem !important; 
		width: 0.8rem !important;
		-webkit-transform: rotate(45deg) translateX(0.5rem);
		transform: rotate(45deg) translateX(0.5rem);
		-webkit-transition: transform 0.2s ease;
		transition: transform 0.2s ease;
	}
	#header.menu-open .btn-menu, 
	#header.menu-open .btn-menu:before, 
	#header.menu-open .btn-menu:after { 
		background-color:#fff !important; 
	}

	
	/* ===== HEADER ===== */
	#header {
		top:0 !important;
	}
	#header .gnb-wrap {
		padding-left: 0;
		opacity:0;
		visibility:hidden;
		position:fixed;
		left:100%;
		top:0;
		z-index:9000;
		width:100%;
		height:100vh;
		background:#262524;
		-webkit-transition:all 0.3s ease;
		transition:all 0.3s ease;
		padding-bottom: 10vh;
	}
	#header.menu-open .gnb-wrap {
		opacity:1;
		visibility:visible;
		left:0;
	}
	#header .gnb {
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		left: 0;
	}
	#header .gnb li {
		margin:2rem 0;
		width:100%;
		text-align:center;
	}
	
	#header .gnb li.mo{
		display:block;
	}
	#header .gnb li a {
		font-size:2.2rem;
		color:#fff;
	}
	#header.st-white .gnb li a{ 
		color:#fff;
	}
	#header .hd-info {
		right:7rem;
	}
	#header .hd-language ul {
		left:50%;
		min-width:7rem;
		-webkit-transform:translateX(-50%);
		transform:translateX(-50%);
	}
	#header .hd-language .btn-hd-language:after {
		width:0.9rem;
		height:0.6rem;
	}


	/* ===== FOOTER ===== */
    #footer {
        padding-bottom:8rem;
    }
	#footer .left-con {
		flex-wrap:wrap;
		justify-content:center;
	}
	#footer .copyright {
		margin:1rem 0 2rem;
		width:100%;
		text-align:center;
	}
	#footer .ft-info {
		justify-content:center;
	}
	#footer .right-con {
		flex-wrap:wrap;
		justify-content:center;
	}
	#footer .right-con .ft-link {
		width:100%;
	}
	#footer .ft-info {
		flex-wrap:wrap;
		margin-top:-1rem;
	}
	#footer .ft-info li {
		margin-top:1rem;
		margin-left: 1rem;
	    padding-left: 1.1rem;
	}
	#footer .ft-site {
		margin:3rem 0 0;
	}
	#footer .copyright {
		font-size:1.2rem;
	}


	/* ===== TAB ===== */
	.tab-nav { 
		display:flex; 
		padding-top:2rem;
	}
    .tab-nav li { 
		flex:1; 
		display:block;
		min-height:5rem;
	}
    .tab-nav li a,
    .tab-nav li button { 
		min-width:auto; 
		width:100%; 
		height:100% !important; 
		font-size:1.6rem; 
		line-height:1.3em !important;
	}
}
@media screen and (max-width:768px) {
	/* ===== MENU BUTTON ===== */
	#header .hd-allmenu-open {
		top:2.6rem;
	}


	
	/* ===== HEADER ===== */
	#header {
		height:7rem;
	}
	#header h1 {
		top:2.65rem;
	}
	#header h1 a {
	    width: 16rem !important;
	    height: 1.7rem !important;
	}
	#header .hd-info {
		right:6rem;
		top:2.3rem;
	}
	#header .hd-language .btn-hd-language {
		padding-left:0;
		min-width:4rem;
		min-height:2.4rem;
		height:auto !important;
		font-size:0 !important;
		line-height:normal !important;
	}


	/* ===== FOOTER ===== */
	#footer h2 a {
		width: 16rem;
	    height: 1.7rem;
	}
	#footer .ft-info li a {
		font-size:1.4rem;
	}
	#footer .ft-site h3 {
		font-size:1.4rem;
	}
	#footer .topbtn.fixed {
		top:-6rem;
	}
	#footer .topbtn button {
		width:4rem !important;
		height:4rem !important;
	}


	/* ===== TAB ===== */
	.terms .terms-list{
		padding-top: 3rem;
	}
	.terms .terms-list dl{
		margin-top: 3rem;
	}
	.terms .normal-txt-box {
		padding:2rem;
		font-size:1.4rem;
	}
	.terms .terms-list dl dt {
		font-size:1.8rem;
	}
	.terms dd {
		font-size:1.4rem;
	}
	.terms dd ul li {
		font-size:1.4rem;
	}
	.terms .tbstyle02 table thead th,
	.terms .tbstyle02 table tbody td {
		font-size:1.3rem !important;
		line-height:1.4em;
	}
	.terms .btn-type01 {
		padding:0 1rem;
	}

    .error_page h2 {
        width: 24rem;
        height: 2.6rem;
        margin-bottom: 1rem;
    }

    .error_page .err_tit{
        font-size: 2.4rem;
        margin-bottom: 1.8rem;
    }

    .error_page p{
        font-size: 1.4rem;
        line-height: 1.6;
    }
    .error_page .err_btn_wrap{
        margin-top: 6.5rem;
        display: flex;
    }

    .error_page .err_btn {
        display: block;
        padding:0.9rem 3.75rem;
        font-size: 1.4rem;
    }
}
@media screen and (max-width:480px) {
	/* ===== HEADER ===== */
	#header h1 {
		top:2.75rem;
	}
	#header h1 a {
	    width: 14rem !important;
	    height: 1.5rem !important;
	}
}