@import url( https://fonts.googleapis.com/earlyaccess/nanumgothic.css );
html {
	color: rgb(85, 85, 85); font-family: "NotoSansCJKkr", sans-serif;
}
html {
	-webkit-text-size-adjust: none;
}
body {
	padding: 0px; font-family: "Nanum Gothic";
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
.row {
	margin: 0px !important;
}
@media all and (max-width:991px) and (min-width:1px)
{
.headerSpace {
	margin-top: 70px; position: relative;
}
}
@media all and (max-width:768px) and (min-width:1px)
{
#footer {
	background-color: rgb(255, 255, 255) !important;
}
.link {
	width: 100%; min-width: 320px;
}
.link .linkBox {
	margin: 0px auto; width: 100%; overflow: hidden;
}
.policy ul {
	display: none;
}
.link .linkBox .linkSns {
	margin: 0px auto; float: inherit !important; display: table;
}
.policy {
	width: 100%;
}
.policy .policyBtn a {
	box-shadow: none;
}
.info .add {
	padding: 20px 0px; font-size: 0.8rem; float: inherit !important;
}
.info .add p {
	margin: 0px; text-align: center;
}
.policy .policyBtn {
	margin: 0px auto; font-size: 75%; float: inherit !important; display: table;
}
.policy .policyBtn .sns_face {
 margin: 0px 2px;
 font-weight: 700; 
}
.info .footLogo {
	margin: 0px auto; width: 170px; float: inherit !important;
}
.info .footLogo img {
	margin-bottom: 0px;
}
.info {
	width: 100%;
}
.mobile_menu1 {
	background: url("../images/m_icon1.png") no-repeat center 5rem; height: 20rem;
}
.mobile_menu1 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.75rem; font-weight: 700 !important; margin-top: 14rem;
}
.mobile_menu2 {
	background: url("../images/m_icon2.png") no-repeat center 5rem; height: 20rem;
}
.mobile_menu2 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.75rem; font-weight: 700 !important; margin-top: 14rem;
}
.mobile_menu3 {
	background: url("../images/m_icon3.png") no-repeat center 5rem; height: 20rem;
}
.mobile_menu3 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.75rem; font-weight: 700 !important; margin-top: 14rem;
}
.mobile_menu4 {
	background: url("../images/m_icon4.png") no-repeat center 5rem; height: 20rem;
}
.mobile_menu4 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.75rem; font-weight: 700 !important; margin-top: 14rem;
}
.mobile_bg {
	background-color: rgb(255, 255, 255);
}
.navbar-collapse ul {
	
}
.navbar-collapse ul li {
	padding: 0.5rem; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
.navbar-collapse ul li:last-child {
	padding: 0.5rem; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 0px; border-bottom-style: solid;
}
a.mobile_bottom {
	color: rgb(66, 66, 66); font-size: 1.6rem;
}
a.color_w {
	color: rgb(255, 255, 255);
}
.submenu {
	list-style: none;
}
.mobile_main_menu1 {
	color: rgb(255, 255, 255); background-color: #3d5e9e;
}
.mobile_main_menu2 {
	color: rgb(255, 255, 255); background-color: #3d4f9f;
}
.mobile_main_menu3 {
	color: rgb(255, 255, 255); background-color: #80b2b3;
}
.mobile_main_menu4 {
	color: rgb(255, 255, 255); background-color: #e9c169;
}
.mobile_main_menu5 {
	color: rgb(255, 255, 255); background-color: #d7676b;
}
.mobile_main_menu6 {
	color: rgb(255, 255, 255); background-color: #3d5e9e;
}
.navbar-collapse p {
	padding-top: 10px; padding-left: 20px; font-size: 1.25rem; font-weight: 700 !important;
}
.submenu_P {
	color: rgb(255, 255, 255); padding-top: 8px; padding-right: 20px; font-size: 0.8rem; float: right;
}
.submenu_M {
	color: rgb(255, 255, 255); padding-top: 8px; padding-right: 20px; font-size: 0.8rem; float: right;
}
.logo_pad {
	padding-left: 0px !important;
}
.text_mar {
	margin-left: 0px !important;
}
.info .add {
	padding-left: 0px !important;
}
.img11 {
	width: 50% !important;
}
}
@media all and (max-width:576px) and (min-width:1px)
{
.logo {
	width: 75%; min-width: 248px;
}
.font_s {
	font-size: 1rem !important; white-space: nowrap;
}
img.xs_img {
	width: 25px;
}
.mobile_menu1 {
	background: url("../images/m_icon1.png") no-repeat center 1.5rem; height: 13rem;
}
.mobile_menu1 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.25rem; font-weight: 700 !important; margin-top: 10rem;
}
.mobile_menu2 {
	background: url("../images/m_icon2.png") no-repeat center 1.5rem; height: 13rem;
}
.mobile_menu2 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.25rem; font-weight: 700 !important; margin-top: 10rem;
}
.mobile_menu3 {
	background: url("../images/m_icon3.png") no-repeat center 1.5rem; height: 13rem;
}
.mobile_menu3 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.25rem; font-weight: 700 !important; margin-top: 10rem;
}
.mobile_menu4 {
	background: url("../images/m_icon4.png") no-repeat center 1.5rem; height: 13rem;
}
.mobile_menu4 p {
	text-align: center; color: rgb(255, 255, 255); font-size: 1.25rem; font-weight: 700 !important; margin-top: 10rem;
}
.font_footer {
	padding-left: 0px !important; font-size: 0.8rem !important;
}
}
.mbtop_btn {
	display: none;
}
.headerTop .top_link ul > li {
	background: url("../images/icons.png") no-repeat 5px 3px; padding-left: 10px; float: left;
}
.headerTop .header_zoom a {
	margin-top: 12px; float: left; display: block;
}
.headerTop .header_zoom .zoom_view {
	background: url("../images/icons.png") no-repeat 5px -19px; width: 33px; height: 20px; text-indent: -9000px; margin-top: 12px; float: left; display: block;
}
.headerTop .header_zoom a.zoom_minus {
	background: url("../images/icons.png") no-repeat -50px -19px; width: 23px; height: 17px; text-indent: -9000px;
}
.headerTop .header_zoom a.zoom_plus {
	background: url("../images/icons.png") no-repeat -26px -19px; width: 23px; height: 17px; text-indent: -9000px;
}
.m_nav ul {
	padding: 0px; height: 22rem; color: rgb(255, 255, 255); font-size: 1.75rem; font-weight: 700 !important; margin-top: 40px; margin-left: 20px;
}
.m_nav ul > li {
	list-style: none; padding-top: 10px; font-size: 1.3rem; font-weight: normal;
}
a.m_link {
	color: rgb(255, 255, 255);
}
.m_nav_icon1 {
	background: url("../images/m_icon1.png") no-repeat right bottom;
}
.m_nav_icon2 {
	background: url("../images/m_icon2.png") no-repeat right bottom;
}
.m_nav_icon3 {
	background: url("../images/m_icon3.png") no-repeat right bottom;
}
.m_nav_icon4 {
	background: url("../images/m_icon4.png") no-repeat right bottom;
}
.m_nav_icon5 {
	background: url("../images/m_icon5.png") no-repeat right bottom;
}
.m_nav_icon6 {
	background: url("../images/m_icon6.png") no-repeat right bottom;
}
.m_nav_color2 {
	background-color: rgb(114, 8, 75);
}
.m_nav_color3 {
	background-color: rgb(232, 184, 81);
}
.m_nav_color4 {
	background-color: rgb(54, 169, 224);
}
.m_nav_color5 {
	background-color: rgb(154, 54, 224);
}
.m_nav_color6 {
	background-color: rgb(232, 138, 81);
}
.m_schedule {
	margin: 0px; padding: 40px 20px;
}
.m_schedule h4 {
	color: rgb(14, 60, 99); font-weight: 700 !important; margin-bottom: 20px;
}
.m_schedule h4.cus {
	color: rgb(14, 60, 99); font-weight: 700 !important; margin-bottom: 10px;
}
.m_schedule ul {
	padding: 0px;
}
.m_schedule p {
	font-size: 1.2rem; font-weight: 700 !important;
}
.m_schedule ul > li {
	list-style: none; font-size: 1.2rem; margin-bottom: 10px;
}
.m_schedule ul > li span {
	float: right;
}
.kpc_special li div.sp-img {
	margin-bottom: 10px;
}
.customer .sp-img {
	background: url("../img/main/icon_cm_01.png") no-repeat right 20px top 0%; margin: 0px auto; padding: 10px 0px; width: 78%;
}
.customer .sp-img2 {
	background: url("../img/main/icon_cm_05.png") no-repeat right 0px top 0%; margin: 0px auto; padding: 20px 0px; width: 78%;
}
.customer .sp-img .tel_text {
	margin-right: 30px; margin-bottom: 5px; display: inline;
}
.customer .sp-img .tel_number {
	color: rgb(51, 51, 51); font-size: 2.5rem;
}
.customer .sp-img2 .tel_text {
	margin-bottom: 5px; display: block;
}
.customer .sp-img2 .tel_number {
	color: rgb(51, 51, 51); font-size: 2rem;
}
.customer .sp-img {
	width: 100%;
}
.customer .sp-img2 {
	width: 100%;
}
.customer_time {
	margin: 0px auto; padding-top: 0px;
}
.customer_time h5 {
	color: rgb(241, 85, 94); font-size: 0.9rem; font-weight: bold; margin-bottom: 0px;
}
.customer h4 .mb0 {
	margin-bottom: 0px;
}
.customer_time .name {
	font-weight: bold; margin-top: 5px;
}
.customer_time .name_text {
	margin-top: 5px;
}
.customer_time p {
	font-size: 0.9rem; margin-top: 5px;
}
.customer_time .name {
	width: 70px; display: inline-block;
}
.name_space {
	margin-left: 30px;
}
.time_space {
	margin: 5px 0px;
}
.customer_time .name_text {
	margin-right: 0px; display: inline-block;
}
.customer .q_menu_box li {
	width: 100%; height: 130px; border-top-color: rgb(255, 255, 255); border-top-width: 1px; border-top-style: solid; display: inline-block;
}
.customer .q_menu_box li:first-child {
	border-top-color: currentColor; border-top-width: 0px; border-top-style: none;
}
.customer .q_menu_box li a {
	width: 150px; height: 130px; text-align: center; padding-top: 100px; display: inline-block;
}
.customer .q_menu_box li.q_menu_1 a {
	background-image: url("../img/main/icon_cm_02.png");
}
.customer .q_menu_box li.q_menu_2 a {
	background-image: url("../img/main/icon_cm_03.png");
}
.customer .q_menu_box li.q_menu_1 a {
	background-position: center 20px; background-repeat: no-repeat; background-color: rgb(242, 242, 244);
}
.customer .q_menu_box li.q_menu_2 a {
	background-position: center 20px; background-repeat: no-repeat; background-color: rgb(242, 242, 244);
}
.customer .q_menu_box li.q_menu_1 a {
	background-position: center 20px; background-repeat: no-repeat; background-color: rgb(242, 242, 244);
}
.customer .q_menu_box li.q_menu_2 a {
	background-position: center 20px; background-repeat: no-repeat; background-color: rgb(242, 242, 244);
}
.kpc_special h4 {
	color: rgb(51, 51, 51); font-size: 18px; font-weight: 500;
}
#footer {
	padding: 10px 20px; width: 100%; display: inline-block; background-color: rgb(234, 234, 234);
}
.link {
	width: 100%; min-width: 320px;
}
.link .linkBox {
	margin: 0px auto; width: 100%; overflow: hidden;
}
.link .linkBox .linkMenu {
	display: none;
}
.policy ul {
	display: none;
}
.link .linkBox .linkSns {
	margin: 0px auto; float: inherit; display: table;
}
.policy {
	width: 100%;
}
.policy .policyBtn a {
	box-shadow: none;
}
.info .add {
	padding-left: 0; font-size: 0.8rem; float: left;
}
.info .add p {
	margin: 0px;
}
.policy .policyBtn {
	margin: 0px auto; font-size: 75%; float: right; display: table;
}
.policy .policyBtn .sns_face {
	margin: 0px 2px;
  font-weight: 700;
}
.info .footLogo {
	margin: 0px auto; width: 190px; float: left;
}
.info .footLogo img {
	margin-bottom: 0px;
}
.info {
	width: 100%;
}
.logo_pad {
	padding-left: 40px;
}
.text_mar {
	margin-left: 80px;
}
.btn {
	border-radius: 3px; transition:0.2s; text-align: center; line-height: normal; overflow: visible; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: all 0.2s;
}
button.btn {
	border-radius: 3px; transition:0.2s; text-align: center; line-height: normal; overflow: visible; text-decoration: none; vertical-align: middle; display: inline-block; cursor: pointer; box-sizing: border-box; -webkit-border-radius: 3px; -moz-border-radius: 3px; -webkit-transition: all 0.2s;
}
a.btn_lg span {
	margin: 0px; padding: 0px; vertical-align: top;
}
button.btn_lg span {
	margin: 0px; padding: 0px; vertical-align: top;
}
a.btn_m span {
	margin: 0px; padding: 0px; vertical-align: top;
}
button.btn_m span {
	margin: 0px; padding: 0px; vertical-align: top;
}
a.btn_s span {
	margin: 0px; padding: 0px; vertical-align: top;
}
button.btn_s span {
	margin: 0px; padding: 0px; vertical-align: top;
}
.btn_xs {
	padding: 0px 5px;
}
.btn_lg {
	padding: 6px 12px; font-size: 1.2em; min-width: 120px;
}
a.btn_s {
	padding: 4px 8px; height: 30px; font-size: 13px;
}
a.btn_ss {
	padding: 1px 6px; height: 24px; font-size: 13px;
}
a.btn_m {
	padding: 7px 12px; height: 38px; font-size: 15px;
}
button.btn {
	outline: 0px; line-height: 0;
}
button.btn_s {
	padding: 4px 8px; height: 30px;
}
button.btn_m {
	padding: 7px 12px; height: 38px; font-size: 15px; vertical-align: middle;
}
button.btn_lg {
	padding: 6px 12px; font-size: 1.2em; min-width: 120px;
}
.btn_default {
	background: rgb(249, 249, 252); border: 1px solid rgb(200, 200, 208); border-image: none; color: rgb(85, 85, 85);
}
.btn_primary {
	border: 1px solid rgb(255, 195, 198); border-image: none; color: rgb(232, 62, 69); background-color: rgb(255, 248, 248);
}
.btn_search {
	background: rgb(99, 110, 123); border: 1px solid rgb(99, 110, 123); border-image: none; color: rgb(255, 255, 255);
}
.btn_logout {
	background: rgb(255, 255, 255); border-radius: 20px; border: 2px solid rgb(92, 102, 118); border-image: none; color: rgb(92, 102, 118);
}
.btn_made {
	background: rgb(112, 151, 249); border-radius: 20px; border: 2px solid rgb(112, 151, 249); border-image: none; color: rgb(255, 255, 255);
}
.btn_delete {
	border: 1px solid red; border-image: none; color: rgb(255, 255, 255); background-color: red;
}
.btn_calendar {
	border: 1px solid rgb(99, 110, 123); border-image: none; color: rgb(255, 255, 255); background-color: rgb(99, 110, 123);
}
.btn:hover {
	background: rgb(79, 87, 108) !important;
}
.btn_default:hover {
	background: rgb(255, 255, 255) !important; border: 1px solid rgb(255, 68, 91); border-image: none; color: rgb(255, 68, 91);
}
.btn-orange {
	border: 1px solid rgb(255, 111, 33); border-image: none; color: rgb(255, 255, 255); background-image: -ms-linear-gradient(rgb(255, 139, 76) 0px, rgb(255, 122, 50) 100%); background-color: rgb(255, 122, 50);
}
@media all and (min-width:1200px)
{
.m_nav_icon1 {
	background: url("../images/m_icon1.png") no-repeat right 0% bottom 1rem / 6rem 6rem;
}
.m_nav_icon2 {
	background: url("../images/m_icon2.png") no-repeat right 0% bottom 1rem / 6rem 5.5rem;
}
.m_nav_icon3 {
	background: url("../images/m_icon3.png") no-repeat right 0% bottom 1rem / 6rem 6rem;
}
.m_nav_icon4 {
	background: url("../images/m_icon4.png") no-repeat right 0% bottom 1rem / 6rem 6rem;
}
.m_nav_icon5 {
	background: url("../images/m_icon5.png") no-repeat right 0% bottom 1rem / 6rem 6rem;
}
.m_nav_icon6 {
	background: url("../images/m_icon6.png") no-repeat right 0% bottom 1rem / 6rem 6rem;
}
}
@media all and (max-width:1199.98px) and (min-width:768px)
{
.customer_time {
	display: inline;
}
.customer .sp-img {
	width: 50%; float: left;
}
.dis_block {
	display: block;
}
}
.mobile_main_menu_ccmm1 {
	color: rgb(255, 255, 255); background-color:  #3d5e9e;
}
.mobile_main_menu_ccmm2 {
	color: rgb(255, 255, 255); background-color: rgb(214, 154, 180);
}
.mobile_main_menu_ccmm3 {
	color: rgb(255, 255, 255); background-color: rgb(57, 114, 163);
}
.mobile_main_menu_ccmm4 {
	color: rgb(255, 255, 255); background-color: rgb(241, 122, 123);
}
.mobile_main_menu_ccmm5 {
	color: rgb(255, 255, 255); background-color: rgb(96, 115, 73);
}
.mobile_main_menu_ccmm6 {
	color: rgb(255, 255, 255); background-color: rgb(120, 166, 93);
}