@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'NotoSansKR_Light';
    src: url('../font/NotoSansKR_Light.eot'); src:local(※);
    src: url('../font/NotoSansKR_Light.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSansKR_Light.woff') format('woff'),
         url('../font/NotoSansKR_Light.ttf') format('truetype'),
         url('../font/NotoSansKR_Light.svg#NotoSansKR_Light') format('svg');
    font-style: normal;

}
@font-face {
    font-family: 'NotoSansKR_Medium';
    src: url('../font/NotoSansKR_Medium.eot'); src:local(※);
    src: url('../font/NotoSansKR_Medium.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSansKR_Medium.woff') format('woff'),
         url('../font/NotoSansKR_Medium.ttf') format('truetype'),
         url('../font/NotoSansKR_Medium.svg#NotoSansKR_Medium') format('svg');
    font-style: normal;

}
@font-face {
    font-family: 'NotoSansKR_Regular';
    src: url('../font/NotoSansKR_Regular.eot'); src:local(※);
    src: url('../font/NotoSansKR_Regular.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSansKR_Regular.woff') format('woff'),
         url('../font/NotoSansKR_Regular.ttf') format('truetype'),
         url('../font/NotoSansKR_Regular.svg#NotoSansKR_Regular') format('svg');
    font-style: normal;

}
@font-face {
    font-family: 'NotoSansKR_Bold';
    src: url('../font/NotoSansKR_Bold.eot'); src:local(※);
    src: url('../font/NotoSansKR_Bold.eot?#iefix') format('embedded-opentype'),
         url('../font/NotoSansKR_Bold.woff') format('woff'),
         url('../font/NotoSansKR_Bold.ttf') format('truetype'),
         url('../font/NotoSansKR_Bold.svg#NotoSansKR_Bold') format('svg');
    font-style: normal;

}




html {height:100%; }
body {height:100%; margin:0px; padding:0px; white-space:normal; background-image:url(../img/1280_bg.jpg); background-position:center;}
img	{border:0}
form {margin:0}
ul,li {list-style:none; margin:0px; padding:0px;}
.clear {clear:both;}
fieldset {border:0}
legend {display:none}
dd {margin:0}

/* font weight */
.f_bold {font-family:NotoSansKR_Bold;}
.f_medium {font-family:NotoSansKR_Medium;}
.f_regular {font-family:NotoSansKR_Regular;}
.f_light {font-family:NotoSansKR_Light;}

/* font size */
.fs_11 {font-size:11px;}
.fs_12 {font-size:12px;}
.fs_13 {font-size:13px;}
.fs_14 {font-size:14px;}
.fs_15 {font-size:15px;}
.fs_16 {font-size:16px;}
.fs_18 {font-size:18px;}
.fs_20 {font-size:20px;}
.fs_22 {font-size:22px;}
.fs_24 {font-size:24px;}
.fs_26 {font-size:26px;}
.fs_28 {font-size:28px;}
.fs_30 {font-size:30px;}
.fs_32 {font-size:32px;}
.fs_34 {font-size:34px;}
.fs_36 {font-size:36px;}
.fs_38 {font-size:38px;}

/* font color */
.fc_yw {color:#f7941d;}
.fc_bl {color:#006fb9;}
.fc_bk {color:#000000;}

/* body_wrap */
.VirtualView {
	margin:0px auto;
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0px;
	position: relative;
	max-width:1280px;
	background-color:#FFF;

	box-shadow:rgba(0,0,0,0.8) 0px 0px 40px;
}

/* menu */
.bg {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border: 0px;
	position: absolute;
	top:0px;
	left:0px;
	display:none;
	z-index:800;
}

.hideMenuBody {
	position:absolute;
	top:0px;
	left:0px;
	width: 260px;
	height: 100%;
	background-color: #fff;
	transition: transform 600ms;
	transform: translate(-300px, 0px);

	-ms-transition: -ms-transform 600ms;
	-webkit-transition: -webkit-transform 600ms;
	-moz-transition: -moz-transform 600ms;
	-o-transition: -o-transform 600ms;

	-ms-transform: translate(-300px, 0px);
	-webkit-transform: translate(-300px, 0px);
	-moz-transform: translate(-300px, 0px);
	-o-transform: translate(-300px, 0px);
	z-index:1000;
	overflow-y:auto
}
.hideMenuBody_top {
	position:absolute;
	top:0px;
	width:100%;
	height:60px;
	background-color:#189bdf;
}


.popmenu_top {
	margin:0px;
	padding:0px;
	width:100%;
	height:150px;
	background-color:#006fb9;
}
.popmenu_top_box {
	position:relative;
	margin:0px auto;
	width:220px;
	height:50px;
	border-bottom:rgba(255,255,255,0.3) 1px solid;
}
.popmenu_top_tt {
	position:absolute;
	top:22px;
	left:0px;
	font-family:NotoSansKR_Light;
	font-size:20px;
	color:rgba(255,255,255,0.5);
}
.popmenu_top_close {
	position:absolute;
	top:18px;
	right:0px;
	width:25px;
	height:25px;
	background-image:url(../img/menu_close_bt.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:25px 25px;
	cursor:pointer;
}

.popmenu_top_call {
	position:relative;
	margin:15px auto;
	width:220px;
	height:50px;
	cursor:pointer;
}
.popmenu_top_call_txt {
	position:absolute;
	top:0px;
	left:5px;
	font-family:NotoSansKR_Regular;
	font-size:12px;
	color:#ffffff;
}
.popmenu_top_call_no {
	position:absolute;
	top:22px;
	left:5px;
	font-family:NotoSansKR_Bold;
	font-size:30px;
	color:#ffffff;
}
.popmenu_top_call_icon {
	position:absolute;
	top:4px;
	right:5px;
	width:45px;
	height:45px;
	background-image:url(../img/menu_call_bt.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:45px 45px;
}

.popmenu_top_test_bt a {
	display:block;
	width:220px;
	height:34px;
	margin:10px auto;
	border-radius:6px;
	background-color:#FC0;
	font-family:NotoSansKR_Regular;
	font-size:22px;
	color:#000;
	padding-top:2px;
	text-align:center;
	cursor:pointer;
	text-decoration:none;
}
.popmenu_top_test_bt a:hover {
	background-color:#ffcc66;
}

.popmenu_list {
	width:220px;
	margin:0px auto;
}
.popmenu_list li {
	border-bottom:#CCC 1px solid;
}
.popmenu_list li:last-child {
	border-bottom:0px;
}
.popmenu_list li a {
	font-family:NotoSansKR_Bold;
	font-size:16px;
	color:#000;
	line-height:50px;
	cursor:pointer;
	text-decoration:none;
}
.popmenu_list li a:hover {
	text-decoration:underline;
}

@media all and (max-width:640px){

/* top */
.top_wrap {
	width:100%;
	height:60px;
	box-shadow:0px 5px 20px rgba(0,0,0,0.2);
	position:relative;
	z-index:1000;
}
.top_logo {
	position:absolute;
	top:12px;
	left:calc(50% - 40px);
	margin:0px auto;
	width:93px;
	height:40px;
	background-image:url(../img/top_logo.png);
	background-size:93px 40px;
}
.top_menu_bt {
	position:absolute;
	top:12px;
	left:16px;
	width:30px;
	height:35px;
	background-image:url(../img/menu_bt.png);
	background-size:30px 35px;
}
.top_call_bt {
	position:absolute;
	top:12px;
	right:16px;
	width:30px;
	height:35px;
	background-image:url(../img/call_bt.png);
	background-size:30px 35px;
}

/* body */
.body_wrap {
	width:100%;
	height:calc(100% - 60px);
	overflow-y:scroll
}
.main_body {
	display:table;
	width:100%;
}
.main_left {
	display:none;
}
.main_contents {
	display:table-cell;
}

/* footer */
.footer {
	box-sizing:border-box;
	padding:15px 15px;
	width:100%;

	background-color:#373737;
}
.footer_info {
	margin:0px auto;
	font-family:NotoSansKR_Regular;
	font-size:13px;
	color:#959595;
	text-align:center;
	line-height:18px;
}
.footer_copy {
	margin:0px auto;
	font-family:NotoSansKR_Regular;
	font-size:12px;
	color:#6a6a6a;
	text-align:center;
	margin-top:15px;
}
}


@media all and (min-width:641px) and (max-width:1024px){

/* top */
.top_wrap {
	width:100%;
	height:60px;
	box-shadow:0px 5px 20px rgba(0,0,0,0.2);
	position:relative;
}
.top_logo {
	position:absolute;
	top:12px;
	left:70px;
	margin:0px auto;
	width:93px;
	height:40px;
	background-image:url(../img/top_logo.png);
	background-size:93px 40px;
}
.top_menu_bt {
	position:absolute;
	top:12px;
	left:16px;
	width:30px;
	height:35px;
	background-image:url(../img/menu_bt.png);
	background-size:30px 35px;
}
.top_call_bt {
	position:absolute;
	top:12px;
	right:16px;
	width:30px;
	height:35px;
	background-image:url(../img/call_bt.png);
	background-size:30px 35px;
}

/* body */
.body_wrap {
	width:100%;
	height:calc(100% - 60px);
	overflow-y:scroll
}
.main_body {
	display:table;
	width:100%;
	height:calc(100% - 100px);
}
.main_left {
	display:none;
}
.main_contents {
	display:table-cell;
}

/* footer */
.footer {
	box-sizing:border-box;
	padding:15px 15px;
	width:100%;
	height:100px;
	background-color:#373737;
}
.footer_info {
	margin:0px auto;
	font-family:NotoSansKR_Regular;
	font-size:13px;
	color:#959595;
	text-align:center;
	line-height:18px;
}
.footer_copy {
	margin:0px auto;
	font-family:NotoSansKR_Regular;
	font-size:12px;
	color:#6a6a6a;
	text-align:center;
	margin-top:15px;
}
}


@media all and (min-width:1025px){

/* top */
.top_wrap {
	width:100%;
	height:60px;
	box-shadow:0px 5px 20px rgba(0,0,0,0.2);
	position:relative;
	z-index:1000;
}
.top_logo {
	position:absolute;
	top:12px;
	left:16px;
	margin:0px auto;
	width:93px;
	height:40px;
	background-image:url(../img/top_logo.png);
	background-size:93px 40px;
}
.top_menu_bt {
	display:none
}
.top_call_bt {
	position:absolute;
	top:12px;
	right:16px;
	width:30px;
	height:35px;
	background-image:url(../img/call_bt.png);
	background-size:30px 35px;
}

/* body */
.body_wrap {
	width:100%;
	height:calc(100% - 60px);
	overflow-y:scroll
}
.main_body {
	display:table;
	width:100%;
	height:calc(100% - 100px);
}
.main_left {
	position:relative;
	width:200px;
	display:table-cell;
	background-image:url(../img/l_menu_bg.png);
	background-repeat:repeat-y;
}
.main_contents {
	display:table-cell;
}

/* left menu */
.left_menu {
	position:absolute;
	width:200px;
	left:0px;
	top:20px;
}
.left_menu ul {
	text-align:right;
	padding-right:15px;
	line-height:36px;
}
.left_menu a {text-decoration:none;}
.left_menu a:hover {text-decoration:underline; color:#ffffff !important;}
.left_menu_off a {
	font-family:NotoSansKR_Medium;
	font-size:18px;
	color:#ffffff !important;
	cursor:pointer;
}
.left_menu_on a {
	font-family:NotoSansKR_Bold;
	font-size:22px;
	color:#fff200;
	cursor:pointer;
}
.left_menu_on a:hover {text-decoration:underline; color:#fff200 !important;}

.left_menu .kakaotalk img {width:80px !important}

/* footer */
.footer {
	box-sizing:border-box;
	padding:15px 15px;
	width:100%;
	height:100px;
	background-color:#373737;
}
.footer_info {
	margin:0px auto;
	font-family:NotoSansKR_Regular;
	font-size:13px;
	color:#959595;
	text-align:center;
	line-height:18px;
}
.footer_copy {
	margin:0px auto;
	font-family:NotoSansKR_Regular;
	font-size:12px;
	color:#6a6a6a;
	text-align:center;
	margin-top:15px;
}


}

/* 기본 테이블 */
.table01 {width:100%; border:0; border-top:2px solid #36a7df}
.table01 th {padding:6px 7px; background-color:#f4f4f4; border:0; border-right:1px solid #ccc; border-bottom:1px solid #ccc}
.table01 th:last-child {border-right:0 none !important}
.table01 td {padding:6px 7px; border:0; border-bottom:1px solid #ccc; border-right:1px solid #ccc}
.table01 td:last-child {border-right:0 none !important}
.table01 tr.active td {background-color:#999; color:#fff}

.table02 {width:100%; border:0; border-top:2px solid #36a7df}
.table02 th {padding:6px 10px; background-color:#f4f4f4; border:0; border-right:1px solid #9cd4ef; border-bottom:1px solid #ccc}
.table02 td {padding:6px 10px; border:0; border-bottom:1px solid #ccc}

/* list */
.list01 {margin-bottom:0}
.list01 li {margin-bottom:0.4em; padding-left:8px; background:url("../img/list_bl_01.png") no-repeat 0 10px; line-height:1.4em}
.list01 li:last-child {margin-bottom:0}

/* 기본 css */
.hide {display:none !important}
.bold {font-weight:bold !important}
.m-t-0 {margin-top:0px !important}
.m-t-5 {margin-top:5px !important}
.m-t-10 {margin-top:10px !important}
.m-t-20 {margin-top:20px !important}
.m-t-30 {margin-top:30px !important}
.m-l-5 {margin-left:5px !important}
.m-l-10 {margin-left:10px !important}
.m-l-15 {margin-left:15px !important}
.m-l-20 {margin-left:20px !important}
.m-r-5 {margin-right:5px !important}
.m-r-10 {margin-right:10px !important}
.m-r-20 {margin-right:20px !important}
.m-b-10 {margin-bottom:10px !important}

.text-blue {color:#36a7df !important}
.text-red {color:#cc0000 !important}
.bg-gray {background-color:#f0f0f0 !important}

.icon_tel {display:inline-block; width:25px; height:18px; background:url("../img/business_icon_02.png") no-repeat 0 0 #fff; vertical-align:middle}


.qr-loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid #3498db; /* Blue */
  border-radius: 50%;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  animation: spin 2s linear infinite;
}
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}