@charset "utf-8";

/* portrait Mode */
@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);
@media (min-width:320px) and (max-width:359px){html{font-size:8px;}}
@media (min-width:360px) and (max-width:399px){html{font-size:10px;}}
@media (min-width:361px) and (max-width:399px){html{font-size:11px;}}
@media (min-width:400px) and (max-width:439px){html{font-size:12px;}}
@media (min-width:440px) and (max-width:479px){html{font-size:13px;}}
@media (min-width:480px) and (max-width:519px){html{font-size:14px;}}
@media (min-width:520px) and (max-width:559px){html{font-size:15px;}}
@media (min-width:560px) and (max-width:599px){html{font-size:16px;}}
@media (min-width:600px) and (max-width:639px){html{font-size:17px;}}
@media (min-width:640px) and (max-width:679px){html{font-size:18px;}}
@media (min-width:680px) and (max-width:719px){html{font-size:19px;}}
@media (min-width:720px) and (max-width:759px){html{font-size:20px;}}
@media (min-width:760px) and (max-width:799px){html{font-size:21px;}}
@media (min-width:800px) and (max-width:839px){html{font-size:22px;}}
@media (min-width:840px) and (max-width:879px){html{font-size:23px;}}
@media (min-width:880px){html{font-size:24px;}}
/* Landscape Mode */
@media all and (orientation:landscape) and (min-width:480px) and (max-width:519px){
	html{font-size:6px;}
}
@media all and (orientation:landscape) and (min-width:520px) and (max-width:559px){
	html{font-size:7px;}
}
@media all and (orientation:landscape) and (min-width:560px) and (max-width:599px){
	html{font-size:8px;}
}
@media all and (orientation:landscape) and (min-width:600px) and (max-width:639px){
	html{font-size:9px;}
}
@media all and (orientation:landscape) and (min-width:640px) and (max-width:679px){
	html{font-size:10px;}
	background-size: 7%;
}
@media all and (orientation:landscape) and (min-width:680px) and (max-width:719px){
	html{font-size:11px;}
}
@media all and (orientation:landscape) and (min-width:720px) and (max-width:759px){
	html{font-size:12px;}
}
@media all and (orientation:landscape) and (min-width:760px) and (max-width:799px){
	html{font-size:13px;}
}
@media all and (orientation:landscape) and (min-width:800px) and (max-width:839px){
	html{font-size:14px;}
}
@media all and (orientation:landscape) and (min-width:840px) and (max-width:879px){
	html{font-size:15px;}
}
@media all and (orientation:landscape) and (min-width:880px){
	html{font-size:16px;}
}

.layerPop_A {display:none; position:fixed; overflow: auto;top:0px; left:0px; z-index:10000; width:100%; height:100%;}
.layerPop_A .bg_layerPop_A {position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:5000; background:#000; opacity:.5; filter:alpha(opacity=50);}
.contact-phone {position: relative; margin: 20vh 2rem; z-index:60000; background:#fff; border-radius:10px; box-shadow:0 0 120px #000; white-space:normal;}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
ul, li {
	list-style-type: none;
}
button.pop_btn {
	border-top: 1px solid #eee;
	width: 100%;
	height: 4.4rem;
	font-size: 1.6rem;
	vertical-align: middle;
	cursor: pointer;
	background: #fff;
	border-radius: 0 0 10px 10px;
}

/* body area */
.contact-phone {
	border: 1px solid rgba(0,0,0,0.3);
	box-shadow: 0px 1rem 3rem 0 rgba(0, 0, 0, 0.3);
}
.contact-phone p {
	border-bottom: 1px solid #ccc;
	height: 5rem;
	line-height: 5rem;
	font-size: 1.82rem;
	font-weight: 600;
	letter-spacing: -0.08rem;
	background: rgba(0,0,0,0.06);
	text-align: center;
}
.contact-phone ul li {
	border-bottom: 1px solid #eee;
	padding-left: 5rem;
	font-size: 1.5rem;
	letter-spacing: -0.05rem;
	text-align: left;
	background: url("../images/phone.svg") no-repeat 1rem center;
	background-size: 9%;
}

@media all and (orientation:landscape) and (min-width:640px) and (max-width:679px){
	.contact-phone ul li {background-size: 6%;padding-left: 5.6rem;}
}

@media all and (orientation:landscape) and (min-width:680px) and (max-width:879px){
	.contact-phone ul li {background-size: 6%;padding-left: 5.6rem;}
}

@media all and (orientation:landscape) and (min-width:880px){
	.contact-phone ul li {background-size: 7%;padding-left: 6rem;}
}

.contact-phone ul li:last-child {
	border-bottom: none;
}
.contact-phone ul li strong {
	color: #3ebbbc;
}
.contact-phone ul li a {
	display: inline-block;
	padding: 1.6rem 1rem;
	font-size: 1.8rem;
	color: rgba(85,45,20,1);
}