/* RESET
--------------------------------------------------------------------------------------------------------*/
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700,500);

* {
	margin:0; padding:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html {
	width:100%;
	height:100% ;
}

body{
	width:100%;
	height:100%;
	line-height:1;
	color:#333;
	font-size:1em;
	font-family:'나눔고딕', 'Nanum Gothic', 'nanumgothic', 'NanumGothic', '돋음', 'dotum', 'Roboto', sans-serif;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	overflow:hidden;
}

ul, li { padding:0; margin:0; list-style:none; }

a { text-decoration:none; color:#333; }

strong, em, i, address, b { font-style:normal; font-weight:400; }

img { vertical-align:middle; border:none; }

h1, h2, h3, h4, h5 ,h6 { line-height:1; font-weight:400; }

.hidden { visibility:inherit; width:0; height:0; font-size:0; line-height:0; overflow:hidden; }

.clear  {clear:both; }

input[type=checkbox] { vertical-align:middle; }

input[type=radio] { vertical-align:middle;margin:0 5px; }

input[type=button] {cursor:pointer;	border:none; }

select, input {	vertical-align:top; margin:0; padding:0; }


.wrap {
	width:100%;
	height:100%;
	padding:0 30px;
	text-align:center;
}

.name {
	margin-top:40px;
	padding-top:90px;
	padding-bottom:20px;
	border-bottom:1px dashed #555;
	background:url(../images/brand_info_title.gif) no-repeat top center;
	background-size:90%;
}

.name strong {
	height:47px;
	background:url(../images/title_bg_l.gif) no-repeat left center;
	color:#fff;
	font-size:2.0em;
	font-weight:600;
	line-height:47px;
	display:inline-block;
}

.name strong span {
	height:47px;
	margin-left:23px;
	padding-right:23px;
	background:url(../images/title_bg_r.gif) no-repeat right center;
	line-height:47px;
	display:inline-block;
}

ul {
	padding:0 15px;
	margin-top:20px;
}

ul li {
	height:48px;
	padding:0 5px;
	margin-bottom:10px;
	border:1px solid #333;
	line-height:45px;
}

ul li.tel {
	background:url(../images/icon_tel.gif) no-repeat 10px center;
}

ul li.kakao {
	background:url(../images/icon_kakaoplus.gif) no-repeat 10px center;
}

ul li a {
	margin-left:50px;
	font-size:1.4em;
	font-weight:600;
	color:#333;
	letter-spacing:-1px;
	display:inline-block;
}

.address address {
	margin-top:15px;
	line-height:150%;
	font-size:0.95em;
	font-weight:600;
	letter-spacing:-2px;
	display:none;
}

.address a {
	margin-top:10px;
	padding:6px 15px;
	background:#00c73c;
	color:#fff;
	font-size:1.0em;
	font-weight:600;
	display:inline-block;
}

.address a span {
	padding-left:25px;
	background:url(../images/icon_loc.png) no-repeat left center;
}

.loc_info {
	margin-top:15px;
	line-height:150%;
	font-size:1.0em;
	letter-spacing:-1px;
	font-weight:600;
}

.loc_info em {
	font-weight:600;
	color:#EB5353;
}

.close_info {
	position:absolute;
	top:20px;
	right:20px;
}


.ready {
	margin-top:25px;
	margin-bottom:30px;
}

.ready strong {
	font-weight:600;
	font-size:2.2em;
	color:#e14545;
	letter-spacing:-1px;
	display:block;
}

.ready strong em {
	margin-top:10px;
	font-weight:600;
	color:#222;
	font-size:0.8em;
	display:block;
}

.ready p {
	margin-top:20px;
	font-size:1.2em;
	line-height:150%;
}

.ready p em {
	font-weight:600;
}

@media screen and (max-width: 360px) {
	.wrap {
		padding:0 10px;
	}
	
	.ready strong {
		font-size:1.8em;
	}
	
}