@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url(https://cdn.jsdelivr.net/gh/theeluwin/NotoSansKR-Hestia@master/stylesheets/NotoSansKR-Hestia.css);
@import url(http://cdn.jsdelivr.net/font-notosans-kr/1.0.0-v1004/NotoSansKR-2350.css);
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Nanum+Myeongjo&display=swap');
@import url(https://cdn.jsdelivr.net/xeicon/1/xeicon.min.css);
@import url(https://cdn.jsdelivr.net/xeicon/2/xeicon.min.css);
@import url(css/blank.css);

*{margin:0; padding:0; box-sizing:border-box;letter-spacing:-0.05rem;color:inherit;}
html {font-size: 20px;}
img {border:0;vertical-align:top;}
a {border:0; text-decoration:none; color:inherit; -webkit-transition:all 0.2s ease-out; transition:all 0.2s ease-out;}
ul, li {list-style:none;}
div {display:block;}
html {overflow-y:scroll;height:100%;min-width:320px}
body {height:100%; font-family: 'Noto Sans KR', 'NotoSansKR', 'Noto Sans Korean', 'Nanum Gothic', 'Roboto', sans-serif; color:#595757;}
.inner {width: 30rem; margin: auto; clear: both; position: relative;}
.inner2 {width: 29rem; margin: auto;}


.c_logo {
	color: #8ccec6 !important
}

.c_main1 {
    color: #ff4985 !important
}

.c_main2 {
    color: #ff8fb7 !important
}

.c_main3 {
    color: #e16d94 !important
}

.c_sub {
	color: #4cc3b4 !important
}

.c_bold {
	color: #4b4846 !important
}

.c_sky {
	color: #a3d1f2 !important
}

.c_navy {
	color: #161270 !important
}

.c_darknavy {
	color: #132a4c !important;
}

.c_lightgray {
	color: #cccccc !important
}

.c_gray {
	color: #808080 !important
}

.c_red {
	color: #c70000 !important
}

.c_white {
	color: #fff !important
}

.c_black {
	color: #303030 !important
}


h1 {
	font-size: 2.5rem;
	line-height: 1.15;
}

h2 {
	font-size: 2.5rem;
	line-height: 1.15;
	font-weight: 500;
}

h3 {
	font-size: 1.4rem;
}

h4 {
	font-size: 1.2rem;
}

h5 {
	font-size: 1rem;
	line-height: 1.5
}

p {
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.7;
	color: inherit;
	word-break: keep-all
}


.small {
	font-size: 0.75rem;
}

.loose {
	letter-spacing: 0.08em;
}

.thin {
	font-weight: 200;
}

.italic {
	font-style: italic;
}

span {
	color: inherit
}

.float {
	float: left;
}

.float_r {
	float: right
}

.center {
	text-align: center !important
}

.t_right {
	text-align: right;
}

hr {
	width: 100%;
	height: 1px;
	background: #d0d0d0;
	border: 0;
}

.bold {
	font-weight: 700;
}

.marcellus {font-family: "Marcellus", serif; font-weight: 400; font-style: normal;}


/* 컬럼 설정 */

.col5 {
	width: 20%;
}

.col4 {
	width: 25%;
}

.col3 {
	width: 33.33%;
}

.half {
	width: 50% !important
}

.flex {
	display: flex;
}

.col {
	flex: 1;
}




#wrap {width:640px; margin: 0px auto; background:#fff; position: relative;}

h1.logo {width:173px; height:44px; background:url(images/logo.png) center no-repeat; background-size: contain; text-indent:-3333px;}
h1.logo a {display:block; height:inherit; }


/* 공통상단 */
#header {width:100%; max-width: 640px; height:4rem;}
#header.white {background: #fff; transition: all .3s; border-bottom: 1px solid #e0e0e0;}
#header .logo {top:0.9rem; left: 1rem; position: absolute; z-index: 100;}

#header .menu { position: absolute; top:0; right: 0.8rem; z-index: 100; cursor: pointer; font-size: 2.5rem; color: #ff4985;}
#header .tel { position: absolute; width: 4.5rem; height: 4.5rem; top:0; right: 4.5rem; background: url(images/tel.jpg); background-size: contain;  z-index: 100; cursor: pointer; text-indent: -3333px; }


/* 퀵메뉴 */
#quick_menu {position: fixed; bottom: 0; left: 50%; transform: translate(-50%, 0%); width: 100%; max-width: 640px; z-index: 999; background: #fff; border-top: 1px solid #eee;}
#quick_menu ul {display: flex;}
#quick_menu ul li {flex: 1; text-align: center;}
#quick_menu ul li:not(:last-child) {border-right: 1px solid #eee;}
#quick_menu ul li a {width: 100%; display: flex; justify-content: center; align-items: center; gap: 5px; padding: 0.8rem 0; font-size: 1rem;}
#quick_menu ul li a img {width: 1.3rem;}



/* 공통 하단 */
#footer {
    width: 100%;
    padding: 2.5rem 0 5rem;
    background: #e16d94;
}


#footer .txt h5 {color: #fff; margin-bottom: 0.5rem; font-size: 1rem;}

#footer .txt span {
    font-size: 0.7rem;
    display: inline-block;
    margin-right: 1rem;
    font-weight: 300;
    color: #fff;
}

#footer .link {
    display: flex;
    gap: 15px;
	margin-bottom: 1rem;
}



@media only screen and (max-width:640px) {
		html {font-size: 3.125vw;}


		#wrap {width:100%;}	   

		h1.logo {width:28.21875vw; height:10vw;}
		#header .logo {top: 0.4rem;}

			#footer .top .logo {
				width:34.21875vw; height:10vw;
			}
			#footer .top .logo img {width: 100%;}
			

}