@charset "utf-8";
:root{
	--black:#131313;
	--white:#fff;

	--gray1:#525252;
	--gray2:#8c8c8c;
	--gray3:#c4c4c4;
	--gray4:#e8e8e8;

	--blue:#336699;	
	--light-blue1:#b9e8f1;
	--light-blue2:#d6edf6;
	--dark-blue:#274b63;

	--orange:#e8ab59;
	--tan:#d2aa87;	
	--tan2:#e2d4cb;
	--tan3:#d1bd82;	

	--cool:#d8dde0;
	--aqua:#a6c3c1;

	--link-color:#131313;
}
body{
	color:var(--black);
	font-size: 13px;
}
a{
	text-decoration: none; 
	color:var(--link-color);
}
h1{
	font-size:24px;
	color:var(--blue); 
}



/*버튼*/
.btn_black{
	font-size: 0.75rem;
	color: var(--white);	
	letter-spacing: 0.1em;
	background: var(--black);
	border:1px solid transparent;
	transition: 0.4s;
	padding: 15px 20px;
}
.btn_black:hover{
	color: var(--black);
	background: var(--white);
	border:1px solid var(--black);
}
.btn_white{
	font-size: 0.75rem;
	color: var(--black);	
	letter-spacing: 0.1em;
	background: var(--white);	
	transition: 0.4s;
	padding: 15px 20px;
}
.btn_white:hover{
	color: var(--white);
	background: var(--black);
	
}
.btn_black-s{
	font-size: 0.6rem;
	color: var(--white);	
	letter-spacing: 0.1em;
	background: var(--black);
	border:1px solid transparent;
	transition: 0.4s;
	padding: 0 15px;
	line-height:20px;	
}
.btn_black-s:hover{
	color: var(--black);
	background: var(--white);
	border:1px solid var(--black);
}
/*팝업*/
#mask{position: fixed; left:0; top:0; z-index: 9999;width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}

.pop_box{ position:fixed; width:95%;  height:95%; overflow:auto;left:50%; top:50%; z-index: 10000; min-height: 250px; background: #fff; transform:translate(-50%, -50%);box-sizing: border-box;border-radius: 4px;}
.pop_wrap{position:relative; padding:30px; box-sizing: border-box;}
.pop_close{content:""; display:block; position: fixed; top:15px; right:15px;width:25px; height:25px;background: url(../images/btn_pop_close.png);background-size: 25px 25px; }

.pop_platinum_title .pop_h1{
	display: block; 
	font-size:26px; 	
	color:var(--black);
	font-family: Land Rover Web,Arial,Helvetica,sans-serif;
}

.pop_platinum_cont{
	width:100%;	
	padding-top: 15px;	
}
.pop_platinum_title .cont_text{
	font-size: 14px;
	padding:0;
}
.platinum_list{
	display:flex;
	flex-wrap: wrap; 
	width:100%; 
	box-sizing: border-box;
}
.platinum_box{
	flex: 0 0 100%;
    min-width: 100%;
    padding-bottom:30px;
    box-sizing: border-box;
}

.platinum_box img{
	width:100%;
}
.platinum_box .tit{
	font-weight: bold;
	padding: 7px 0 4px 0;
}
.platinum_box .under{
	font-size:12px;
	color:var(--gray2);
}
.platinum_box .under_stxt{
	font-size:11px;
	color:var(--black);
}
@media screen and (min-width: 740px){
	.pop_platinum_title{		 
		padding-left:10px; 
	}
	.pop_platinum_title .pop_h1{
		font-size:30px;
	}
	.platinum_box {
	    flex: 0 0 50%;
	    min-width: 50%;
	    padding:10px;
	}	
}


@media screen and (min-width: 1200px){	
	.pop_platinum_title{		 
		padding-left:12px; 
	}
	.pop_platinum_title .pop_h1{
		font-size:36px;
	}
	.platinum_box{
	    flex: 0 0 33.333333%;
	    min-width: 33.333333%;
	    padding:12px;
	}
	
}

@media screen and (min-width: 1600px){	
	.pop_platinum_title{
		padding-left:15px; 
	}
	.pop_platinum_title .pop_h1{
		font-size:36px;
	}
	.platinum_box{
	    flex: 0 0 25%;
	    min-width: 25%;
	    padding:10px;
	}
	
}