@charset "UTF-8";

@font-face {
	font-family: 'Pretendard Variable';
	font-weight: 45 920;
	font-style: normal;
	font-display: swap;
	src: local('Pretendard Variable'), url('/fonts/PretendardVariable.woff2') format('woff2-variations');
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Thin.woff') format('woff');
    font-weight: 100;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Light.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Medium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-SemiBold.woff') format('woff');
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Bold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-display: swap;
}
@font-face {
    font-family: 'Pretendard';
    src: url('/fonts/Pretendard-Black.woff') format('woff');
    font-weight: 900;
    font-display: swap;
}

:root {
--bt-default1: #056fb8;    /* var(--bt-default1) */
--bt-default2: #59738e; 
--bt-default3: #eee;          /* #97b3cf;  */
--bt-default4: #0155aa;
}

/*-----------------------------------
  이미지, 테이블 반응형 - 확대, 좌우 이동 버튼
-----------------------------------*/
.j-conts-img-wrap {position:relative;margin:auto; max-width:100%; padding:0;overflow-y:auto; overflow-x:none; }
.j-conts-img-wrap-box {position:relative; width:100%;max-width:254px; margin:10px auto 5px;}
.j-conts-img-wrap-btn {display:inline-block; padding:5px 0; margin:0 0 0 1px; width:60px; font-size:12px; text-align:center; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}
.j-conts-tbl-wrap {position:relative; max-width:100%; margin:0; padding:30px 0 5px; overflow-y:auto; overflow-x:none;}
.j-conts-tbl-wrap .j-conts-tbl-wrap-btn {position:absolute; top:1px; left:0; margin:0; padding:5px 10px; font-size:12px; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; background:#f9f9f9;}

/*-----------------------------------
   Body / Typography 
-----------------------------------*/

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-size: 12pt; background-color: #fff; color: #6f6f6f; font-weight:500; font-family: 'Pretendard', sans-serif; line-height: 1.6em; }
body {-webkit-text-size-adjust: none;}
body.is-preload *, body.is-preload *:before, body.is-preload *:after {-moz-animation:none !important; -webkit-animation:none !important; -ms-animation:none !important; animation:none !important; -moz-transition:none !important; -webkit-transition:none !important; -ms-transition:none !important; transition:none !important;}

address, caption, em {font-weight:normal; font-style:normal;}
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; margin-bottom: 0.5em; color: #3c3c3c; font-weight: 700;  }

h1 { font-size: 3em; }
h2 { font-size: 2em}
h3 { font-size: 1.7em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }

@media screen and (max-width:736px) {
	h1 { font-size: 2.5em; }
	h2 { font-size: 1.7em; }
	h3 { font-size: 1.4em; }
	h4 { font-size: 1.2em; }
}

@media screen and (max-width:500px) {
	h1 { font-size: 2em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1em; }
}

p { margin: 0; padding:0; }
p:last-child { margin: 0; padding:0; }
ul, ol { margin: 0; padding:0; }
ul li, ol li { margin: 0; padding:0; }

a { color: var(--bt-default1); text-decoration: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
a:focus, a:hover { text-decoration: none; color: var(--bt-default4); }

caption{display:none;}
legend{display:none;}
.hidden {display:none;}
.blind {display:none;}
.listnone { list-style: none; padding: 0px; }
.italic { font-style: italic; }

hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #aaa; }

/*-------------- container ------------*/
.container {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  max-width:1280px;
}

@media screen and (max-width:1280px) {
  .container {
    width:calc(100% - 30px);   /*  30px로 할것*/
  }
}

/*-------------- 50:50 ------------*/
.box100p {width:100%;overflow:hidden; }
.left50p { float:left;width:50%; padding-right:25px; }
.right50p { float:right;width:50%;padding-left:25px; }

@media screen and (max-width:1000px) {
.left50p { float:none;width:100%; padding:5px; }
.right50p { float:none;width:100%;padding:5px; }
}
/*-------------- 40:60 ------------*/
.left40p { float:left;width:40%; padding:5px; }
.right60p { float:right;width:60%;padding:5px; }

@media screen and (max-width:1000px) {
.left40p { float:none;width:100%; padding:5px; }
.right60p { float:none;width:100%;padding:5px; }
}

/*-------------- 40:60 ------------*/
.left400 { float:left;width:400px; padding:5px; }
.right400 { float:right;width:calc(100% - 400px);padding:5px; }

@media screen and (max-width:1000px) {
.left400 { float:none;width:100%; padding:5px; }
.right400 { float:none;width:100%;padding:5px; }
}

/* space */
.space-small { padding-top: 40px; padding-bottom: 40px; }
.space-medium { padding-top: 100px; padding-bottom: 100px; }
.space-t-small { padding-top: 40px; padding-bottom: 0px; }
.space-t-medium { padding-top: 100px; padding-bottom: 0px; }
.space-b-medium { padding-top: 0px; padding-bottom: 100px; }
.space-large { padding-top: 120px; padding-bottom: 120px; }
.space-ex-large { padding-top: 140px; padding-bottom: 140px; }

@media screen and (max-width:736px) {
.space-t-small { padding-top: 20px; padding-bottom: 0px; }
.space-t-medium { padding-top: 50px; padding-bottom: 0px; }
}



/*-----------------------------------
    Head layout
-----------------------------------*/
#page-wrapper { margin:0; padding:100px 0 0; background:#fff; position:relative; }

/* Header */
#header { position:fixed;left:0;top:0;z-index:999;width:100%;height:100px; margin:0; padding:0;background:#fff;box-shadow:0 5px 5px rgba(0,0,0,0.1) }

/* 헤드 과정 */
#head-banner { transition: 0.3s; }

/* 헤드 메뉴 */
#head-gnb { position:relative; width:100%; margin:0px; padding:0; }
#j-visual-wrap {font-size:0;line-height:0;padding:0;margin:0;}

@media screen and (max-width:1280px) {

	#navbarbox { padding:0px;}
	#nv_logo { margin:-5px 0 0;}
	#nv_logo img { width:250px;}
	#nv_adm { margin:0px 0 0; }
	#navbarbox .nv_gnb_box { border-top:0px solid #ddd;}
/*
	#main_t_banner { position:relative;z-index:2;margin:10px 0 0px 0 }
	#main_t_banner .container { background:rgba(255,255,255,0.9);height:auto;border-radius:20px;border:0px solid rgba(0,0,0,0.1);box-shadow:0 5px 5px rgba(0,0,0,0.0); }
	#top_phone { display:block;position:absolute;right:0;top:35px; }
*/
}
@media screen and (max-width:760px) {

}

@media screen and (max-width:499px) {

}

/*-----------------------------------
	Banner
-----------------------------------*/
#top_phone { display:none; }

#main_t_banner { position:relative;z-index:2;margin:-60px 0 0px 0; }
#main_t_banner .container { border-radius:20px;border:0px solid rgba(0,0,0,0.1);box-shadow:0 5px 5px rgba(0,0,0,0.06);height:170px; display:flex;align-items:center;justify-content:center; }

@media screen and (max-width:1280px) {
	#top_phone { display:block;position:absolute;right:15px;top:40px; }

	#main_t_banner { position:relative;z-index:2;margin:10px 0 0px 0 }
	#main_t_banner .container { background:rgba(255,255,255,0.9);height:auto;border-radius:20px;border:0px solid rgba(0,0,0,0.1);box-shadow:0 5px 5px rgba(0,0,0,0.0); }
}



/* ----------------------------------------------------------------------------------------------------------- */

.mtitle { padding:1em 0;}
.mtitle h3 { font-size:2.4em;font-weight:700;color:#000;padding:0;margin:0;line-height:1.4em;}
.mtitle p { font-size:1em;font-weight:400;color:#000;}



/*--------------------------------------------------------------
# navbarbox
--------------------------------------------------------------*/
#nv_logo { display:inline-block; margin:25px 0 0; }
#nv_gnb { display:inline-block;margin:0 0 0 40px; }
#nv_adm { float:right; margin:35px 0 0; }


#navigation1, #navigation1 ul, #navigation1 ul li, #navigation1 ul li a, #navigation1 #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation1:after, #navigation1 > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation1 #menu-button { display: none; }
#navigation1 { margin-top: 0px; }
#navigation1 > ul > li { float: left; }
#navigation1.align-center > ul { font-size: 0; text-align: left; }
#navigation1.align-center > ul > li { display: inline-block; float: none; }
#navigation1.align-center ul ul { text-align: left; }
#navigation1.align-right > ul > li { float: right; }
/*
 color: #fff; text-decoration: none; font-weight: 400; text-transform: uppercase; }
#navigation1 > ul > li:hover > a { color: #ffffff; background-color: var(--bt-default1); }


*/
#navigation1 > ul > li > a { padding: 10px 5px 10px 0px;}

#navigation1 > ul > li:hover > a { color: #111;  }
#navigation1 > ul > li.has-sub > a { padding-right: 32px; }
#navigation1 ul ul { position: absolute; left: -9999px; z-index:999; }
#navigation1.align-right ul ul { text-align: right; }
#navigation1 ul ul li { height: 0; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation1 li:hover > ul { left: auto; }
#navigation1.align-right li:hover > ul { left: auto; right: 0; }
#navigation1 > ul > li > ul {margin-top:-4px;padding:0px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);overflow:; background:#777;}
#navigation1 li:hover > ul > li { height: 38px; }/*한개높이*/
#navigation1 ul ul ul { margin-left: 100%; top: 0; }
#navigation1.align-right ul ul ul { margin-left: 0; margin-right: 100%; }

#navigation1 ul ul li a { padding: 12px; width: 200px; text-decoration: none; color: #555; font-weight: 400; background: #f7f7f7; text-transform: uppercase; border-bottom: 2px solid #fff; }
#navigation1 ul ul li:last-child > a, #navigation1 ul ul li.last-item > a { border-bottom: 0; }
#navigation1 ul ul li:hover > a, #navigation1 ul ul li a:hover { color: #fff; background-color: var(--bt-default1); }
/*
#navigation1 ul ul li.has-sub > a:after { position: absolute; top: 16px; right: 11px; width: 8px; height: 2px; display: block; background: #dddddd; content: ''; }
#navigation1.align-right ul ul li.has-sub > a:after { right: auto; left: 11px; }
#navigation1 ul ul li.has-sub > a:before { position: absolute; top: 13px; right: 14px; display: block; width: 2px; height: 8px; background: #dddddd; content: ''; -webkit-transition: all .25s ease; -moz-transition: all .25s ease; -ms-transition: all .25s ease; -o-transition: all .25s ease; transition: all .25s ease; }
#navigation1.align-right ul ul li.has-sub > a:before { right: auto; left: 14px; }
#navigation1 ul ul > li.has-sub:hover > a:before { top: 17px; height: 0; }*/

#navigation1 .nav-link {display:block;width:100%;}
#navigation1 ul ul > li.over > a:first-child {background:var(--bt-default1); !important;color:#fff;}


#navigation2, #navigation2 ul, #navigation2 ul li, #navigation2 ul li a, #navigation2 #menu-button { margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
#navigation2:after, #navigation2 > ul:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
#navigation2 #menu-button { display: none; }
#navigation2 { margin-top: 0px; }
#navigation2 > ul > li { float: left;}
#navigation2 > ul > li > a { padding: 5px; }
#navigation2 > ul > li >  ul { position: absolute; left: -9999px; z-index:999; width:150px; background:#fff; border:1px solid #ddd;}
#navigation2 > ul > li >  ul  > li > a { display:block; line-height:1em !important; color:#333 !important; }
#navigation2 li:hover > ul { left: auto; }
#navigation2 li:hover > ul > li { line-height:1em !important;  }/*한개높이*/

@media screen and (max-width:1280px) {
	#nv_logo { display:inline-block;width:100%; margin:0px 0 0;text-align:center; }
	#nv_gnb { display:inline-block;margin:0 0 0 0px; }
	#navigation2 > ul > li {padding:5px 0px;}
	#navigation2 > ul > li > a { padding:5px 5px; }
	#nv_adm { float:none; margin:0;width:100%; }
}
@media screen and (max-width:500px) {
	#logo_img {width:230px;}

}
/*--------------------------------------------------------------
# main_t_banner
--------------------------------------------------------------*/
.q_box {z-index:2;width:calc(100% - 160px);margin:auto}
#q_menu { display:inline-block; width:calc(100% - 300px);margin:0;padding:20px 0 10px;text-align:center;}
#q_menu ul { margin:0;padding:0;width:100%;list-style:none; }
#q_menu ul li { width:16.6%;float:left; }
#q_menu ul li a { display:block;margin:auto; padding:0;color:#333;width:100px;height:100px;border-radius:55px;background:rgba(255,255,255,0.8); display:flex;align-items:center;justify-content:center; }
#q_menu ul li span { display:inline-block;color:#111;margin:10px 0 0; }
#q_menu ul li a:hover {color:#333;background:rgba(26,110,249,1);}
#q_menu ul li a img {width:auto;max-height:45px}
#q_menu ul li img {width:auto;max-height:45px}
#q_menu ul li a:hover img {filter:brightness(0%) invert(100%); }

#q_tel { display:inline-block;width:290px; vertical-align:top; padding:25px 0 20px 0px; text-align:left; background:url(/images/icon0.png) no-repeat 0px 20px; color:#333;}
#q_tel > span { display:inline-block;font-size:1.7em;margin:10px 0 0; line-height:1.1em; font-weight:700;letter-spacing:-1.5px; color:#111; }
#q_tel > p { line-height:25px;margin:5px 0 0; }
#q_tel > p > span.tel{ display:inline-block;margin:0px 0 0;font-size:1.5em; line-height:25px; font-weight:500;letter-spacing:-1.5px; color:#097dd0;vertical-align:middle; }


@media screen and (max-width:1280px) {

	#q_menu {display:inline-block;width:calc(100% - 300px)}
	#q_menu ul li a { display:block;margin:auto; padding:0;color:#333;width:90px;height:90px;border-radius:55px;background:rgba(255,255,255,0.8); display:flex;align-items:center;justify-content:center; }
	#q_menu ul li a img {width:auto;max-height:40px}
	#q_menu ul li img {width:auto;max-height:40px}
	#q_menu ul li {font-size:0.875em;}

}
@media screen and (max-width:1100px) {

	#q_menu {display:inline-block;width:calc(100% - 300px)}
	#q_menu ul li a { display:block;margin:auto; padding:0;color:#333;width:80px;height:80px;border-radius:55px;background:rgba(255,255,255,0.8); display:flex;align-items:center;justify-content:center; }
	#q_menu ul li a img {width:auto;max-height:35px}
	#q_menu ul li img {width:auto;max-height:35px}
	#q_menu ul li {font-size:0.875em;}

}
@media screen and (max-width:1000px) {
	.q_box {z-index:2;width:calc(100% - 40px);margin:auto}
	#q_menu {width:100%;}
	#q_menu ul li a { display:block;margin:auto; padding:0;color:#333;width:70px;height:70px;border-radius:55px;background:rgba(255,255,255,0.8); display:flex;align-items:center;justify-content:center; }
	#q_menu ul li a img {width:auto;max-height:30px}
	#q_menu ul li img {width:auto;max-height:30px}
	.m_buble { display:none }
	#q_tel { padding:20px 0 20px 100px;  background:url(/images/icon0.png) no-repeat 20px 30px; display:none }
	#q_tel span.tel{ font-size:2em;}
}
@media screen and (max-width:600px) {
	.q_box {z-index:2;width:calc(100% - 20px);margin:auto}
	#q_menu {width:100%;}
	#q_menu ul li a { display:block;margin:auto; padding:0;color:#333;width:50px;height:50px;border-radius:55px;background:rgba(255,255,255,0.8); display:flex;align-items:center;justify-content:center; }
	#q_menu ul li a img {width:auto;max-height:25px}
	#q_menu ul li img {width:auto;max-height:25px}

}
@media screen and (max-width:499px) {
	#main_t_banner .container {width:100%;padding:0 5px;}
	.q_box {z-index:2;width:calc(100% - 0px);margin:auto}
	#q_menu ul li {font-size:0.7em;}

}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/

#all_nav {display:none;}
#nav {display:none;}

.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;

}
.navbar>ul {
	width:100%;
}
.navbar>ul>li {
  white-space: nowrap;
  padding: 0 20px;
  width:20%;
}
.navbar>ul>li>a.nav-link {
	text-align:center;
}

.navbar a,
.navbar a:focus {
  position: relative;
  justify-content: space-between;
  padding: 20px 0px;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: 500;
 /* color: rgba(255, 255, 255, 0.9); */
  color: #333;
  white-space: nowrap;
  transition: 0.3s;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 0px;
}

.navbar>ul>li>a:before {
	width:0;
    transition: width 0.2s;
    transform: translateX(-50%);
    position: absolute;
    top: 0px;
    left: 50%;
    height: 2px;
    background: #00b0ff;
    content: '';
    display: block;
}
.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
  visibility: visible;
  width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #08557f;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 25px;
  margin-left: 0px;
  border-radius: 4px;
  color: #fff;
  border: 2px solid #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #fd3800;
  border-color: #ff4a17;
}

.navbar>ul>li>.getstarted:before {
  visibility: hidden;
}

.navbar .dropdown ul {
  display: block;
  width:240px;
  position: absolute;
  left: 0px;
  top: calc(100% + 20px);
  margin: 0;
  padding: 20px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
  border-radius: 10px;
/*  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;*/
}

.navbar .dropdown:last-child ul {
 /* left: -90px;*/
}
.navbar .dropdown ul li {
  min-width: 170px;

}
.navbar .dropdown ul a {
  display:block;	
  padding: 7px 20px;
  font-size: 0.95em;
  text-transform: none;
  color: #333;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #08557f;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 0px);
  visibility: hidden;
  border-radius: 10px;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar>ul>li>a:before {
	width:0;
    transition: width 0.2s;
    transform: translateX(-50%);
    position: absolute;
    bottom: 0px;
    left: 50%;
    height: 4px;
    background: #6297de;
    content: '';
    display: block;
  }

  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}




@media screen and (max-width:1280px) { 
	#head-banner {display:none;}
	#navbar {display:none;}
	/* Nav */
	#nav {display:none;}
	#sub-nav {display:none;}
	/* Nav */
	#page-wrapper {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; padding-bottom:0px;}

	/* 모바일버튼 */
	#titleBar {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:block; height:44px; left:0; position:fixed; top:0; width:60px; z-index:10001; background:none; }
	#titleBar .toggle {width:60px; height:60px;}
	#titleBar .toggle:before {font-family:FontAwesome; text-decoration:none; font-style:normal; font-weight:400; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; content:'\f0c9'; display:block; position:absolute; left:0px; top:40px; width:40px; height:30px; line-height:30px; font-size:25px; color:#111; text-align:center; background:rgba(255, 255, 255, 0); border-radius:5px; }
	#titleBar .toggle:active:before {background-color:#777;}

	#navPanel {-moz-backface-visibility:hidden; -webkit-backface-visibility:hidden; -ms-backface-visibility:hidden; backface-visibility:hidden; -moz-transition:-moz-transform 0.5s ease; -webkit-transition:-webkit-transform 0.5s ease; -ms-transition:-ms-transform 0.5s ease; transition:transform 0.5s ease; display:none; left:0; overflow-y:auto; position:fixed; top:100px; width:100%; z-index:10002; color:#fff; background:#eee; }

	#navPanel > nav > ul {margin:0; padding:0;}
	#navPanel > nav > ul > li {margin:0; padding:0; border-top:1px solid #ddd; background:#fff;border-bottom:0px solid #ddd;}
	#navPanel > nav > ul > li:not(:first-child) {margin:0px 0 0;}
	#navPanel > nav > ul > li > a { display:block;font-size:1.2em;font-weight:500; padding:15px 20px;background:#fff url(/images/m_down_bt.png) no-repeat right center;background-size:50px 30px;color:#333}
	#navPanel > nav > ul > li.dropdown > a { }
	#navPanel > nav > ul > li > ul {display:none; margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li {margin:0; padding:0; border-top:0px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li:first-child {margin:0; padding:0; border-top:1px solid #ddd;background:#f7f7f7;}
	#navPanel > nav > ul > li > ul > li > a {font-size:1.1em; font-weight:400; padding:10px 40px; color:#222;}
	#navPanel > nav > ul > li > ul > li > ul {margin:0; padding:0;}
	#navPanel > nav > ul > li > ul > li > ul > li {margin:0; padding:0; border-top:1px solid #ddd;background:#eee;}
	#navPanel > nav > ul > li > ul > li > ul > li:last-child {border-bottom:1px solid #ddd;}
	#navPanel > nav > ul > li > ul > li > ul > li > a {font-size:1.05em; padding:10px 60px; color:#777;}
	#navPanel > nav a {color:#111; width:100%; display:inline-block;}
	#navPanel > nav a:hover {color:#111;}
}


/* ---------foot-banner001----------------*/
#foot-banner001 {
	width:100%;
	position:relative;
}
#foot-banner001 .swiper-button-next0::after,
#foot-banner001 .swiper-button-prev0::after {
  display: none;
}
#foot-banner001 .swiper-button-next0{
	position:absolute;
	top:0;
	right:0;
	background-color:rgba(255,255,255,0.9);
	height:100%;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
}
#foot-banner001 .swiper-button-prev0{
	position:absolute;
	top:0;
	left:0;
	background-color:rgba(255,255,255,0.9);
	height:100%;
	display:flex; /* 내용을 중앙정렬 하기위해 flex 사용 */
	align-items:center; /* 위아래 기준 중앙정렬 */
	justify-content:center; /* 좌우 기준 중앙정렬 */
}
#foot-banner001 .swiper-button-next0 i,
#foot-banner001 .swiper-button-prev0 i {
  font-size:2em;
  color:#333;
  background-color:rgba(255,255,255,0.5);
}

#foot-banner001 .swiper-slide {text-align:center;}


/*-----------------------------------
Footer 
-------------------------------------*/
.footer { background-color: #f0f0f0; color:#555; padding-top: 0px; padding-bottom: 100px; font-size:0.875em; font-weight:300;font-size:12pt; line-height:1.6em; }
.footer h6 {line-height:1.6em;}

.footer ul.j-foot-menu { margin:0;padding:30px 0 0; }
.footer ul.j-foot-menu li { display:inline-block; padding:0 20px 0 0;}
.footer ul.j-foot-menu li a { color:#333; font-size:1.1em; font-weight:400;  }

.copy span {color:var(--bt-default2);}
/*-------------- tiny footer ------------*/
.tiny-footer { background-color: #262928; padding-top: 9px; padding-bottom: 9px; font-size: 12px; color: #56575e; text-align: left; text-transform: uppercase; text-align: center; }
.copyright-content { border-top: 1px solid #424544; padding: 12px; color: #676f6c; }

/* ---------------------------------------------------
tabs
-----------------------------------------------------*/
/* Tab */
.ntabs { position:relative; width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 0px 0;background:url(/images/ntabs_line01.png) repeat-x left top; }
.ntabs div{display:inline-block;}
.ntabs div a {display:block;text-align:center; font-weight:400; font-size:1.2em;height:3em;line-height:3em; letter-spacing:-1px; overflow:hidden; color:#111; border-top:4px solid rgba(255,255,255,0); border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:none; padding:0 1em;margin:0 -1px -1px 0px;word-break:keep-all}
.ntabs div a.over { display:block;text-align:center; border-top:4px solid #237ef5; background:none; color:#1e95fe; margin:0;word-break:keep-all; }

.tabs0 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs0 div{float:left; width:25%;}
.tabs0 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs0 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs1 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs1 div{float:left; width:100%;}
.tabs1 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs1 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs2 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs2 div{float:left; width:49.9%;}
.tabs2 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs2 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs3 div{float:left; width:33.3%;}
.tabs3 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs3 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.p_tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.p_tabs3 div{float:left; width:33.3%;}
.p_tabs3 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:2.5em;line-height:2.5em;overflow:hidden; border:1px solid #ddd; border-radius:1.5em; -moz-border-radius:1.5em; -webkit-border-radius:1.5em; background:#fff; padding:0px;margin:0 0px 1px 0px;word-break:keep-all}
.p_tabs3 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 0px 1px 0;word-break:keep-all }

.tabs4 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs4 div{float:left; width:24.9%;}
.tabs4 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs4 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }



.tabs5 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 10px 0; }
.tabs5 div{float:left; width:19.9%;padding:1px 0}
.tabs5 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs5 div a.over { display:block;text-align:center; border:2px solid var(--bt-default1); background:var(--bt-default1); color:#fff; word-break:keep-all }

.tabs5 { width:100%;padding:0 0 1px 0;text-align:center;}
.tabs5 ul {display:inline-block;width:100%;max-width:600px; overflow:hidden;text-align:center;margin:0 auto 10px;}
.tabs5 ul li{display:inline-block; width:19%; min-width:110px; padding:1px 0;list-style: none;}
.tabs5 ul li span {display:block;cursor:pointer;width:calc(100% - 2px);text-align:center;  font-weight:500; font-size:1.15em;height:calc(3em + 4px);line-height:1em;overflow:hidden; border:2px solid var(--bt-default3); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#fff; padding:1em 0px;margin:0 0px 0px 0px;word-break:keep-all}
.tabs5 ul li span.over { display:block;text-align:center; border:2px solid var(--bt-default1); background:var(--bt-default1); color:#fff; word-break:keep-all }



.tabs6 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs6 div{float:left; width:16.6%;}
.tabs6 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs6 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs7 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs7 div{float:left; width:14.28%;}
.tabs7 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs7 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs8 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs8 div{float:left; width:16.6%;}
.tabs8 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs8 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs9 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs9 div{float:left; width:16.6%;}
.tabs9 div a {display:block;text-align:center;  font-weight:500; font-size:1.15em;height:3em;line-height:3em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
.tabs9 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

@media screen and (max-width:1000px) {
	.tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs3 div{float:left; width:33.3%;}
	.tabs3 div a {display:block;text-align:center;  font-weight:500; font-size:1em;height:2.7em;line-height:2.7em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs3 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.p_tabs3 div{float:left; width:49.9%;}

	.tabs4 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs4 div{float:left; width:24.9%;}
	.tabs4 div a {display:block;text-align:center;  font-weight:500; font-size:1em;height:2.7em;line-height:2.7em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs4 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }


	.tabs5 div{float:left; width:33.3%;}

	.tabs6 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs6 div{float:left; width:33.3%;}
	.tabs6 div a {display:block;text-align:center;  font-weight:500; font-size:1em;height:2.7em;line-height:2.7em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs6 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }
	
	.tabs7 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs7 div{float:left; width:33.3%;}
	.tabs7 div a {display:block;text-align:center;  font-weight:500; font-size:1em;height:2.7em;line-height:2.7em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs7 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }
	
	.tabs8 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs8 div{float:left; width:33.3%;}
	.tabs8 div a {display:block;text-align:center;  font-weight:500; font-size:1em;height:2.7em;line-height:2.7em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs8 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs9 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs9 div{float:left; width:33.3%;}
	.tabs9 div a {display:block;text-align:center;  font-weight:500; font-size:1em;height:2.7em;line-height:2.7em;overflow:hidden; border:1px solid #ddd; border-radius:0px; -moz-border-radius:0px; -webkit-border-radius:0px; background:#fff; padding:0px;margin:0 -1px -1px 0px;word-break:keep-all}
	.tabs9 div a.over { display:block;text-align:center; border:1px solid var(--bt-default1); background:var(--bt-default1); color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

}

@media screen and (max-width:736px) {

	.tabs3 div{float:left; width:49.9%;}

	.tabs4 div{float:left; width:49.9%;}

	.tabs5 div{float:left; width:49.9%;}

	.tabs6 div{float:left; width:49.9%;}

	.tabs7 div{float:left; width:49.9%;}

	.tabs8 div{float:left; width:49.9%;}

	.tabs9 div{float:left; width:49.9%;}

}
@media screen and (max-width:736px) {
.tabs div{display:inline-block; width:49%; max-width:300px;}
}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 60px 0;
  overflow: hidden;
}

.section-bg {
  background-color: #f3f5fa;
}

.section-title {
  text-align: center;
  padding-bottom: 30px;
}

.section-title h2 {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 20px;
  padding-bottom: 20px;
  position: relative;
  color: #222;
}

.section-title h2::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 0px;
  background: #ddd;
  bottom: 0px;
  left: calc(50% - 60px);
}

.section-title h2::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 3px;
  background: #47b2e4;
  bottom: 0;
  left: calc(50% - 20px);
}

.section-title p {
  margin-bottom: 0;
}


.section-title2 {
  text-align: left;
}

.section-title2 h3 {
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: relative;
  color: #37517e;
}

.section-title2 h3::before {
  content: "";
  position: absolute;
  display: block;
  width: 120px;
  height: 0px;
  background: #ddd;
  bottom: 0px;
  left: 0;//calc(50% - 60px);
}

.section-title2 h3::after {
  content: "";
  position: absolute;
  display: block;
  width: 40px;
  height: 2px;
  background: #47b2e4;
  bottom: 0;
  left: 2px;//calc(50% - 20px);
}

.section-title2 p {
  margin-bottom: 0;
}

#j-l-side {width:100%; margin:20px 0; padding:0;border:0px solid #777; font-size:0.9em;line-height:1.6em; }
#j-l-side .j-side-title {display:none; clear:both; text-align:center; height:80px; margin:0; padding:0; font-size:1.2em; font-weight:400; line-height:80px; color:#111; }
#j-l-side .j-side-title span {display:block; margin:0; padding:0 0 0 5px;}

#j-l-side .ej-navi-depth2 {  border:none; overflow:hidden;}
#j-l-side .ej-navi-depth2 ul {margin:0; padding:0; }
#j-l-side .ej-navi-depth2 ul li a {width:100%; font-weight:400; font-size:0.9em; color:var(--bt-default3);border:0px solid #ddd; border-bottom:0 none; border-top-left-radius:0px; border-top-right-radius:0px; }
#j-l-side .ej-navi-depth2 ul li a:hover {background:none; color:#fff; border:0px solid var(--bt-default2);}
#j-l-side .ej-navi-depth2 .ej-navi-depth3,
#j-l-side .ej-navi-depth2 .ej-navi-depth4,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 {position:static; border:none; background:none; overflow:hidden;display:none;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul,
#j-l-side .ej-navi-depth2 .ej-navi-depth4 ul,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 ul {margin:0; padding:0;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li,
#j-l-side .ej-navi-depth2 .ej-navi-depth4 ul li,
#j-l-side .ej-navi-depth2 .ej-navi-depth5 ul li {clear:both; margin:0; padding:0; border-top:1px solid #eee; border-bottom:0px solid #eee;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li a {display:block; font-size:0.875em; padding:5px 0 5px 15px;background:#f9f9f9; color:#444; border:none;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 ul li a:hover {background:#106aca; color:#fff}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 ul li a {display:block; padding:3px 0 3px 25px; color:#000; border:none;}
#j-l-side .ej-navi-depth2 .ej-navi-depth3 .ej-navi-depth4 .ej-navi-depth5 ul li a {display:block; padding:3px 0 3px 35px; color:#000; border:none;}
#j-l-side a.side-active {color:#fff !important; background:var(--bt-default1) !important; border:1px solid var(--bt-default1) !important; }
/*-----------------------------------
    2. Form css 
-----------------------------------*/
label { }
.control-label { color: #474747; font-weight: 700; font-size: 12px; text-transform: uppercase; }
.form-control { width: 100%; padding: 6px 12px;  line-height: 1.42857143; color: #333; background-color: #fff; border: 1px solid #dbe7e1; background-image: none; border-radius: 0px; -webkit-box-shadow: inset 0 0px 0px rgba(255, 255, 255, .075); box-shadow: inset 3px 3px 3px rgba(255, 255, 255, .075); margin-bottom: 15px; }
.form-control:focus { border-color: #c8d8d0; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .075), 0 0 8px rgba(255, 255, 255, .6); box-shadow: inset 0 3px 3px rgba(255, 255, 255, .075), 0 0 8px rgba(235, 237, 238, .6); background-color: #f4faf7; }
.textarea.form-control { background-color: #f6f8f9; height: auto; }
.required { }
.form-news-letter .form-control { float: left; width: 75%; margin-right: 10px; }
.form-group { margin-bottom: 10px; }
.get-in-touch { }
.get-in-touch .form-control { margin-bottom: 10px; }
/*--------------------------------------
오시는길
-----------------------------------------*/
.location {}
.location ul { margin:20px 0 0;padding:0; }
.location ul li { list-style:none; }
.location ul li span.ico { display:inline-block; width:30px; color:#111; text-align:center; }
.location ul li span.tit {display:inline-block; width:60px;  color:#111; font-weight:500; }

/*--------------------------------------
과정상세보기
-----------------------------------------*/
.edu_part_detail { padding:1em 0; }


/*-------------------------------------
온라인접수
----------------------------------------*/
.regform-box {
	font-size:11pt;
}

/* 개인정보 */
.scroll-conts {height:120px;width:100%; margin:0; padding:0; overflow-y:auto; border:1px solid #ddd;background:#f9f9f9; }
.scroll-in-conts {height:100%; width:100%; margin:0; padding:10px; font-size:0.9em; font-weight:400; }

.form-check-label { margin-left:5px; margin-right:10px; }

/* 온라인접수 */

.form-control { 
	margin:2px 0;
}
.form-select{
	margin:2px 0;
}
.form-btn {
	margin:2px 0;
}
.form-check-input {
	margin:2px 0;
	vertical-align:middle;
}
.custom-control-label {
	margin:2px 0;
	vertical-align:middle;
}
/*-------------------------------------
로그인
----------------------------------------*/
#json-login {position:relative; width:100%; max-width:380px; padding:18px 28px 10px 28px; margin:0 auto; border:2px solid #111; line-height:normal; background:#fff; white-space:normal; color:#767676;}
#json-login .ej-login-load {position:relative; display:inline-block; margin:0; padding:0; overflow:visible; height:32px; line-height:32px; font-size:1em; font-weight:bold; color:#fff; vertical-align:middle; cursor:pointer; border:0; text-decoration:none !important; display:none;}
#json-login  label { color:#111; }
#json-login  .ej-login-item label { display:inline-block; width:110px;  }
#json-login  .ej-login-item label i { width:20px; }
#json-login  .ej-login-item input { display:inline-block; width:calc(100% -  120px);}

/*-------------------------------------
회원사진 도장등록
----------------------------------------*/
.photobox { display:inline-block; padding:10px; text-align:center }
.stampbox { display:inline-block; padding:10px; text-align:center }
.photo {display:inline-block; overflow:hidden; width:130px; height:160px; text-align:center; margin:0px; padding:5px; border:1px solid #ddd; background:url('/_common/images/photo_bg.gif') no-repeat 50% 50%;}
.prt-photo {width:120px; height:150px; text-align:center; margin:0 auto; padding:0; border:1px solid #ddd; background:url('/_common/images/no_photo_bg.gif') no-repeat 50% 50%;}

.stamp {display:inline-block; overflow:hidden; width:90px; height:90px; text-align:center; margin:0px; padding:5px; border:1px solid #ddd; background:url('/_common/images/stamp_bg.gif') no-repeat 50% 50%;}
.prt-stamp {width:80px; height:80px; text-align:center; margin:0 auto; padding:0; border:1px solid #ddd; background:url('/_common/images/no_bg.gif') no-repeat 50% 50%;}

/*-----------------------------------
    3. Buttons 
-----------------------------------*/
.btn { padding: 8px 18px; margin:2px 0; font-size: 0.85em; font-weight: 400; letter-spacing: 1px; line-height: 1.42857143; text-align: center; border: none; text-transform: uppercase; border-radius: 3px; }
.btn-default { color: #fff; background-color: var(--bt-default1); }
.btn-default:hover { color: #fff; background-color: var(--bt-default4); border-color: var(--bt-default4); }
.btn-default.focus, .btn-default:focus { color: #fff; background-color: var(--bt-default4); border-color: var(--bt-default4); }
.btn-primary { background-color: #474747; color: #fff; }
.btn-primary:hover { background-color: #333; color: #fff; }
.btn-primary.focus, .btn-primary:focus { }
.btn-white { color: var(--bt-default1); background-color: #fff; border: 1px solid #fff; }
.btn-white:hover { background-color: #019852; border-color: #019852; color: #fff; }
.btn-white.focus, .btn-white:focus { background-color: #019852; border-color: #019852; color: #fff; }
.btn-link { color: #98989c; text-transform: uppercase; font-size: 12px; font-weight: 700; letter-spacing: 2px; border-bottom: 1px solid #98989c; padding-bottom: 2px; }
.btn-link:hover { color: var(--bt-default1); font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--bt-default1); }
.btn-lg { font-size: 1.2em; padding: 10px 30px; }
.btn-sm { font-size: 0.875em;line-height:1em; padding: 7px 10px; }
.btn-sm2 { font-size: 0.875em;line-height:1em; padding: 5px 5px; }
.btn-xs { font-size: 0.9em; padding: 5px 7px; }


/*-------------------------------------
게시판 최신글
----------------------------------------*/
.j-bbs-latest_left { position:relative;border-bottom:2px solid #777;margin:0 0 10px 0;}
.j-bbs-latest_left em {position:absolute;right:0;top:0px;}
.j-bbs-latest_left h3 {color:#000;}
.j-bbs-latest ul {margin:0; padding:0;}
.j-bbs-latest ul li {clear:both; list-style:none; border-bottom:1px solid #eee;margin:0; padding:7px 0; }
.j-bbs-latest ul li a {display:inline-block;font-size:1rem;line-height:1.2em;height:1.2em; width:calc(100% - 70px);margin:0; overflow:hidden; font-weight:400; }
.j-bbs-latest ul li em {display:inline-block;font-family:arial; font-size:1em; width:67px;margin:0; overflow:hidden;color:#777; text-align:right}
.j-bbs-latest ul li a img {vertical-align:middle;}
.j-bbs-latest ul li a:hover {text-decoration:none;}
.j-bbs-latest ul li.no-data {margin:0; padding:64px 0; text-align:center; color:#aaa; background:none;}

.post-block{
	position:relative;
}
.j-bbs-more {
	position:absolute;
	right:5px;
	bottom:5px;
}

@media screen and (max-width:980px) {
	.j-bbs-latest {clear:both; width:calc(100% - 10px); margin:5px 5px;}
}
/*-------------------------------------
페이징
----------------------------------------*/
.j-sub-paging{clear:both;position:relative;margin:15px 0;padding:0;overflow:hidden;z-index:1}
.j-sub-paging ul{clear:both;float:right;position:relative;left:-50%;margin:0;padding:0;z-index:2}
.j-sub-paging ul li{float:left;list-style:none;position:relative;left:50%;z-index:3}
.j-sub-paging ul li strong,
.j-sub-paging ul li span,
.j-sub-paging ul li a{display:block;font:normal 12px dotum,tahoma,verdana,sans-serif;margin:0 0 0 -1px;padding:6px 10px 5px;border:1px solid #ccc;overflow:hidden}
.j-sub-paging ul li strong{font-weight:bold;color:#ffaa28;background:#333;border-color:#333}
.j-sub-paging ul li span{font-weight:normal;color:#ccc}
.j-sub-paging ul li a:hover{color:#ff8800;background:#f5f5f5}
.j-sub-paging .j-pg-prev-first,
.j-sub-paging .j-pg-prev-block,
.j-sub-paging .j-pg-prev,
.j-sub-paging .j-pg-next,
.j-sub-paging .j-pg-next-block,
.j-sub-paging .j-pg-next-last,
.j-sub-paging .j-pg-prev-first:hover,
.j-sub-paging .j-pg-prev-block:hover,
.j-sub-paging .j-pg-prev:hover,
.j-sub-paging .j-pg-next:hover,
.j-sub-paging .j-pg-next-block:hover,
.j-sub-paging .j-pg-next-last:hover{text-indent:-999em;background-repeat:no-repeat;background-position:50% 50%;background-color:#fff}
.j-sub-paging .j-pg-prev-first{background-image:url('/_skin/board/default/images/j_pg_first.gif')}
.j-sub-paging .j-pg-prev-block{background-image:url('/_skin/board/default/images/j_pg_pblock.gif')}
.j-sub-paging .j-pg-prev{background-image:url('/_skin/board/default/images/j_pg_prev.gif')}
.j-sub-paging .j-pg-next{background-image:url('/_skin/board/default/images/j_pg_next.gif')}
.j-sub-paging .j-pg-next-block{background-image:url('/_skin/board/default/images/j_pg_nblock.gif')}
.j-sub-paging .j-pg-next-last{background-image:url('/_skin/board/default/images/j_pg_last.gif')}
.j-sub-paging a.j-pg-prev-first:hover{background-image:url('/_skin/board/default/images/j_pg_first_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-prev-block:hover{background-image:url('/_skin/board/default/images/j_pg_pblock_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-prev:hover{background-image:url('/_skin/board/default/images/j_pg_prev_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next:hover{background-image:url('/_skin/board/default/images/j_pg_next_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next-block:hover{background-image:url('/_skin/board/default/images/j_pg_nblock_on.gif');background-color:#eee}
.j-sub-paging a.j-pg-next-last:hover{background-image:url('/_skin/board/default/images/j_pg_last_on.gif');background-color:#eee}