@font-face{
	font-family:"hi_hs";
	src:url('/cmodule/jokbo/font/hi_hs.eot');
	src:url('/cmodule/jokbo/font/hi_hs.eot?#iefix') format('embedded-opentype'),
	url('/cmodule/jokbo/font/hi_hs.woff') format('woff'),
	url('/cmodule/jokbo/font/hi_hs.ttf') format('truetype');
	src:local(¡Ø), url('/cmodule/jokbo/font/hi_hs.woff') format('woff');
}

body{
	margin:0;
	padding:0;
	text-align: justify;
	word-wrap:break-word;
	word-break:break-all;
	-webkit-text-size-adjust:none;
	font-family:µ¸¿ò, Dotum, Gulim, Arial, sans-serif;
}
div, p, span {
	margin: 0px;
	padding: 0px;
}
ul,li {
	list-style:none;
	padding:0;
	margin:0;
}
h1,h2,h3,h4,h5 {
	margin:0;
	padding:0;
}

a {text-decoration:none;color:#6c6c6c;}
caption {
	display:none;
}

/*Àüü»çÀÌÁî*/
#ccmobile {
	width:100%;
}

/*¸ÞÀÎÀ̹ÌÁö*/
#ccmobile div.main_img {
	margin-top: 52px;
	width: 100%;
}
#ccmobile div.mySlides {
	position: relative;
}
#ccmobile div.main_massage {
	position: absolute;
	top: 5px;
	left: 5px;
	font: 14px 'NanumGothicBold','NanumGothic',ng; font-weight: bold;
}

/*¸ÞÀξÆÀÌÄÜ*/
#ccmobile div.content {
	padding: 20px 0 20px;
	overflow: visible;
	width: 100%;
}

/*¸Þ´º*/
.main_menu { color:#000000; font-size: 16px; font-family:"NanumGothic", "µ¸¿ò", "Tahoma", "Helvetica",  sans-serif;  padding-left:10px;}
.main_submenu { color:black; font-size: 15px; letter-spacing: -0.1em; padding-left:15px;}
.top_title { color:#FFFFFF; font-size: 19px; font-family:"NanumGothic", "µ¸¿ò", "Tahoma", "Helvetica",  sans-serif;  padding-left:10px; letter-spacing: 0.07em;}
.main_menubg { background:url( ../../skin_m/images/main/top_manu_table_bg.jpg ) repeat-x;}

/*ÇÏ´ÜÀüÈ­¹øÈ£*/
#ccmobile div.main_tel {
	width:100%;
	height:30px;
	padding-top:8px;
	background-color:#163760;
}

/*ÇÏ´Ü*/
#ccmobile div.footer {
	overflow:hidden;
	width:100%; 
	padding:5px 0 15px 0;
	border-top:1px solid #E2E3E3;
	background-color:#f6f6f6;
	color:#000;
	font-size:13px;
	font-family:dotum;
	text-align:center;
}
.pagemap_title { color:#000000; font-size: 13pt; }
.pagemap_title_line1 { background-color:#d30a0a; }
.pagemap_title_line2 { background-color:#b3b3b3; }

.pagemap_on { color:#d6d4d4; font-size: 10pt; padding-top:3px; font-weight:bold; letter-spacing: 0em; text-align:center; }
.pagemap_off { color:#333232; font-size: 10pt; padding-top:3px; font-weight:bold; letter-spacing: 0em; text-align:center; }

.main_icon { font: 14px 'NanumGothicBold','NanumGothic',ng; font-weight: bold; color: #4d4f51; }
.button	{ text-align:center; color:#000; font: "NanumGothic","Dotum", "Arial", "Gulim", sans-serif; display:inline-block; text-decoration:none !important; background-color:#e6eef8; border: solid 1px #163760;}
.btn-login { width:300px; text-align:center; color:#f2f5fc; font: bold 16px 'NanumGothicBold','NanumGothic',ng; display:inline-block; padding:10px 0 10px 0; text-decoration:none !important; background-color:#333333;}
.font	{ font-family: "NanumGothic","Dotum", "Arial", "Gulim", sans-serif; }
.w60	{ width: 60px; }
.w65	{ width: 65px; }
.w70	{ width: 70px; }
.w75	{ width: 75px; }
.w80	{ width: 80px; }
.w85	{ width: 85px; }
.pd2	{ padding: 2px; }
.pd4	{ padding: 4px; }
.pd6	{ padding: 6px; }
.fs12	{ font-size: 12px }
.fs13	{ font-size: 13px }
.fs14	{ font-size: 14px }
.fs15	{ font-size: 15px }
.fs16	{ font-size: 16px }
.fs17	{ font-size: 17px }
.fs18	{ font-size: 18px }
.c3333	{ color:#333333; }
.c6060	{ color:#606060; }
.c9595	{ color:#959595; }
.c0000	{ color:#000000; }
.cffff	{ color:#ffffff; }
.c1637  { color:#163760; }
.ls-1	{ letter-spacing: -1px; }
.ls-01	{ letter-spacing: -0.01em; }
.fb		{ font-weight:bold; }

.bcolor0 {background-color:#9cbd69;}	/*¶óÀÎ ±¸ºÐ»ö1*/
.bcolor1 {background-color:#7b8f49;}	/*¶óÀÎ ±¸ºÐ»ö2*/
.bcolor2 {background-color:#eeffd4;}	/*Á¦¸ñ ¹ÙÅÁ»ö*/
.bcolor3 {background-color:#b5aca2;}	/*°Ô½Ã¹° ¶óÀλö*/
.bcolor4 {background-color:#dde1b7;}	/*±âŸ*/

.bbs0 { color:#333333; font-size: 18px; font-family: "NanumGothic","Dotum", "Arial", "Gulim", sans-serif; letter-spacing: -1px;}
.bbs1 { color:#333333; font-size: 15px; font-family: "NanumGothic","Dotum", "Arial", "Gulim", sans-serif; letter-spacing: -1px;}
.bbs2 { color:#606060; font-size: 12pt; font-family: "Arial", "Gulim", "±¼¸²", "Helvetica"; line-height: 140%; font-weight:bold;}
.bbs3 { color:#959595; font-size: 12px; font-family: "Tahoma", sans-serif; letter-spacing: -0.01em;}
.bbs4 { color:#000000; font-size: 16px; font-family: "NanumGothic","Dotum", "Arial", "Gulim", sans-serif;}
.bbs5 { color:#333333; font-size: 14px; font-family: "NanumGothic","Dotum", "Arial", "Gulim", sans-serif; letter-spacing: -1px;}
.bbs6 { color:#333333; font-size: 12px; font-family: "NanumGothic","Dotum", "Arial", "Gulim", sans-serif; letter-spacing: -1px;}
.bbs_input { background-color:#ffffff; border:solid 0 ffffff; font-family:"tahoma", "±¼¸²", sans-serif; font-size:12px; letter-spacing: -0.01em;}
.bbsN { color:#959595; font-size: 11px; font-family: "Arial", "Dotum";}

/*¹öÆ°*/
.btn-type1{ width:70px; text-align:center; color:#000; font: 12px 'NanumGothicBold','NanumGothic',ng;
			display:inline-block; padding:2px 0 2px 0; text-decoration:none !important;
			background-color:#f7f7f7; border: solid 1px #e0dede;}
.btn-type2{ width:70px; text-align:center; color:#000; font: 13px 'NanumGothicBold','NanumGothic',ng;
			display:inline-block; padding:3px 0 3px 0; text-decoration:none !important;
			background-color:#f7f7f7; border: solid 1px #e0dede;}
.btn-type3{ width:75px; text-align:center; color:#000; font: 14px 'NanumGothicBold','NanumGothic',ng;
			display:inline-block; padding:6px 0 6px 0; text-decoration:none !important;
			background-color:#eeeded; border: solid 1px #959595;}
.btn-type4{ width:75px; text-align:center; color:#000; font: 14px 'NanumGothicBold','NanumGothic',ng;
			display:inline-block; padding:6px 0 6px 0; text-decoration:none !important;
			background-color:#f2f5fc; border: solid 1px #2e3192;}
.btn-type5{ width:85px; text-align:center; color:#000; font: 16px 'NanumGothicBold','NanumGothic',ng;
			display:inline-block; padding:4px 0 4px 0; text-decoration:none !important;
			background-color:#f2f5fc; border: solid 1px #2e3192;}

.btn-login{ width:222px; text-align:center; color:#f2f5fc; font: bold 16px 'NanumGothicBold','NanumGothic',ng;
			display:inline-block; padding:10px 0 10px 0; text-decoration:none !important;
			background-color:#2e3192;}

/*½½¶óÀ̵å¸Þ´º*/
header {
  position: absolute;
  top: 0;
  left: 0;
  height: 54px;
  width: 100%;
  /* ¸ÞÀÎ Top ·Î°í ¹è°æ »ö & ¹ØÁÙ */
  background-color: #f3f9ff;
  border-bottom: 2px solid #82a1c0;
  z-index: 3;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  transition-duration: 0.4s;
}
header.lateral-menu-is-open {
  /* translate to show the lateral menu */
  -webkit-transform: translateX(-260px);
  -moz-transform: translateX(-260px);
  -ms-transform: translateX(-260px);
  -o-transform: translateX(-260px);
  transform: translateX(-260px);
}
header.is-fixed {
  position: fixed;
}
/*
@media only screen and (min-width: 768px) {
  header {
    height: 70px;
  }
}
*/
#cd-logo {
	width: 100%;
	height: 54px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#cd-map {
  display: block;
  float: left;
  margin: 9px 0 0 6px;
}

@media (max-width:768px) {
	#cd-logo {
		width: -webkit-calc(100% - 54px);
		width: -moz-calc(100% - 54px);
		widht: calc(100% - 54px);
	}
}
/*
@media (max-width:512px) {
	#cd-logo { margin: 13px 0 0 20px; }
}
*/

#cd-top-nav {
  position: absolute;
  top: 0;
  right: 120px;
  height: 100%;
  display: none;
}
#cd-top-nav ul {
  height: 100%;
  padding-top: 18px;
}
#cd-top-nav li {
  display: inline-block;
  margin-right: 1em;
}
#cd-top-nav a {
  display: inline-block;
  padding: .5em;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 600;
}
#cd-top-nav a.current {
  background-color: #242e30;
}
.no-touch #cd-top-nav a:hover {
  color: rgba(255, 255, 255, 0.7);
}
@media only screen and (min-width: 768px) {
  #cd-top-nav {
    display: block;
  }
}
#cd-menu-trigger {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 50px;
  /* ½½¶óÀÌµå ¸Þ´º ¾ÆÀÌÄÜ »ö */
  background-color: #475b70;
}
#cd-menu-trigger .cd-menu-text {
  height: 100%;
  text-transform: uppercase;
  color: #FFF;
  font-weight: 600;
  display: none;
}
#cd-menu-trigger .cd-menu-icon {
  /* this span is the central line in the menu menu */
  display: inline-block;
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 18px;
  height: 2px;
  background-color: #FFF;
  /* these are the upper and lower lines in the menu menu */
}
#cd-menu-trigger .cd-menu-icon::before, #cd-menu-trigger .cd-menu-icon:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: inherit;
  left: 0;
}
#cd-menu-trigger .cd-menu-icon::before {
  bottom: 5px;
}
#cd-menu-trigger .cd-menu-icon::after {
  top: 5px;
}
#cd-menu-trigger.is-clicked .cd-menu-icon {
  background-color: rgba(255, 255, 255, 0);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before, #cd-menu-trigger.is-clicked .cd-menu-icon::after {
  background-color: white;
}
#cd-menu-trigger.is-clicked .cd-menu-icon::before {
  bottom: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
#cd-menu-trigger.is-clicked .cd-menu-icon::after {
  top: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
@media only screen and (min-width: 768px) {
  #cd-menu-trigger {
    width: 110px;
    padding-left: 1.25em;
  }
  #cd-menu-trigger .cd-menu-text {
    display: inline-block;
    line-height: 58px;
  }
  #cd-menu-trigger .cd-menu-icon {
    left: auto;
    right: 1.25em;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

#cd-lateral-nav {
  position: fixed;
  height: 100%;
  right: 0;
  top: 0;
  visibility: hidden;
  /* the secondary navigation is covered by the main element */
  z-index: 1;
  width: 260px;
  /* ½½¶óÀÌµå ¸Þ´º ¹è°æ»ö */
  background-color: #f7fafe;
  overflow-y: auto;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s .4s;
  transition: transform .4s 0s, visibility 0s .4s;
  /* this creates the subtle slide in animation of the navigation */
  -webkit-transform: translateX(80px);
  -moz-transform: translateX(80px);
  -ms-transform: translateX(80px);
  -o-transform: translateX(80px);
  transform: translateX(80px);
}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  font-family: µ¸¿ò, Dotum, Gulim, Arial, sans-serif;
  font-size: 18px;
  /* ½½¶óÀÌµå ¸Þ´º ±ÛÀÚ»ö */
  color: #163760;
}
#cd-lateral-nav a.current {
  background-color: #3a4a4d;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */
#cd-lateral-nav .item-has-children > a {
  position: relative;
  text-transform: uppercase;
  font-weight: 600;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../img/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}

#cd-lateral-nav .socials {
  padding: 0 32px;
}
#cd-lateral-nav .socials:after {
  content: "";
  display: table;
  clear: both;
}
#cd-lateral-nav .socials a {
  height: 32px;
  width: 32px;
  float: left;
  padding: 0;
  background-image: url("../img/cd-socials.svg");
  background-repeat: no-repeat;
  background-size: 128px 64px;
  background-color: #FFF;
  margin-right: .5em;
  border-radius: 0.25em;
}
#cd-lateral-nav .socials a.cd-twitter {
  background-position: 0 0;
}
#cd-lateral-nav .socials a.cd-github {
  background-position: -32px 0;
}
#cd-lateral-nav .socials a.cd-facebook {
  background-position: -64px 0;
}
#cd-lateral-nav .socials a.cd-google {
  background-position: -96px 0;
}
.no-touch #cd-lateral-nav .socials a:hover {
  background-color: #4e6361;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-twitter {
  background-position: 0 -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-github {
  background-position: -32px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-facebook {
  background-position: -64px -32px;
}
.no-touch #cd-lateral-nav .socials a:hover.cd-google {
  background-position: -96px -32px;
}