@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: #2d63ad;    /* var(--bt-default1) */
--bt-default2: #59738e; 
--bt-default3: #eee;          /* #97b3cf;  */
--bt-default4: #3e75c0;
}

/* 이미지, 테이블 반응형 - 확대, 좌우 이동 버튼 */
.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;}

/*-----------------------------------
    1. 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: 2em; }
h1.heading-line:after { display: block; position: relative; left: 0; border-radius: 3px; content: " "; border-bottom: 3px solid #e4e0d8; width: 30px; padding-bottom: 30px; }
h2 { font-size: 1.8em}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 { font-size: 1em; }
h6 { font-size: 0.875em; }

@media screen and (max-width:736px) {
	h1 { font-size: 1.8em; }
	h2 { font-size: 1.6em; }
	h3 { font-size: 1.2em; }
	h4 { font-size: 1em; }
}

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

p { margin: 0px; }
p:last-child { margin-bottom: 0px; }
ul, ol { margin: 0; }
ul li, ol li { }
a { color:#333; 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); }
strong { }
caption{display:none;}
legend{display:none;}
.hidden {display:none;}
.listnone { list-style: none; padding: 0px; }
.lead { font-size: 21px; color: #3c3c3c; font-weight: 400; }
.italic { font-style: italic; }
.small-text { color: #b4b1ac; font-size: 12px; }
.text-caps { text-transform: uppercase; letter-spacing: 2px; }
::selection { background: #ffecb3; color: #333; }
h3 small { font-weight: 400; line-height: 1; color: var(--bt-default1); font-size: 14px; }
.bdr-btm { border-bottom: 1px solid #f1f3f8; margin-bottom: 30px; }
hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #ddd; }
blockquote { padding: 10px 20px; margin: 0px; font-size: 21px; line-height: 32px; color: #3c3c3c; font-style: italic; border-left: 5px solid var(--bt-default1); }
.blind {position:absolute; clear:none; font-size:0; top:-1000em; _top:-9999px; left:-1000em; _left:-9999px; height:0 !important; margin:0 !important; padding:0 !important; line-height:0 !important; border:none !important;}
.j-spot {color:#f46d38 !important; }
th.j-spot label {color:#f46d38 !important; }
/*-------------- container ------------*/
.bigcontainer {
  width: 100%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
  max-width:1360px;
}
.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:5px; }
.right50p { float:right;width:50%;padding:5px; }

@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:calc(100% - 400px); padding:5px; }
.right400 { float:right;width:400px; padding:5px; }

.left300 { float:left;width:300px; padding:5px; }
.right300 { float:right;width:calc(100% - 300px);padding:5px; }

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

.left300 { float:none;width:100%; padding:5px; }
.right300 { float:none;width:100%;padding:5px; }
}


/*-------------- header ------------*/
/*
#header { background-color: #fff; z-index: 9999; padding-top: 10px; padding-bottom: 10px;box-shadow:0 0 8px rgba(0,0,0,0.2); }
.header-top { background-color: var(--bt-default1); font-size: 0.9em; padding-top: 11px; padding-bottom: 11px; padding-right:0px; line-height: 15px; color: #fff; font-weight: 500; }
.header-top a {display:inline-block; padding:0 0.2em;}
#header .header_left {
	display:inline-block;
	vertical-align:middle;
	width:250px;
}
#header .header_right {
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 270px);
}
#header .header_right .navbar {
	float:right;
	margin-right:0px;
}

@media screen and (max-width:850px) {
	#header .header_left {
	//	width:100%;
	}
	#header .header_right {
	//	width:100%;
	}
}
*/
/* Page Wrapper */
#page-wrapper {margin:0;padding:0; background:#fff;}

/* Header */
#j-top {position:relative;z-index:1; border-bottom:0px solid #eee; background:linear-gradient(to right, #eee, #eee);}/*background:#edeeef;}*/
#__topBanner { position:relative; z-index:1; }
#j-top div.jt1 { position:relative; z-index:99999; background:#4452a0;}
#j-top div.jt1 p a {display:inline-block; font-size:0.875em;font-weight:300;color:#d7dcf3; line-height:2.5em !important; padding:0 0.5em; }
#j-top div.jt1 p a:hover { color:#343434; }
#j-top div.jt2 {position:relative; z-index:20;}
#j-top div.jt2 a {display:inline-block; font-size:0.9em !important;font-weight:300;color:#343434; line-height:2.5em !important;}

#sns-left {position:absolute;left:0;top:15px;}
#sns-left ul {margin:0 0 0 10px; padding:0;list-style:none;}
#sns-left ul li {float:left;}

#top_phone { display:none; }
#top_left_icon { display:block;position:absolute;top:10px;left:0px;font-size:1.2em;font-weight:600;text-align:left;}
#top_right_icon { display:block;position:absolute;top:15px;right:0px;font-size:1.2em;font-weight:600;text-align:left;}
.sns-bann ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.sns-bann ul li{float:left;}

/*#header {clear:both; margin:0em 0 0; padding:0;border-bottom:0px solid #555;background:#222; }*/
#header {clear:both;width:100%; margin:0 0 0; padding:0; border-bottom:0px solid #ccc; position:fixed;z-index:9999; background:#fff;opacity:1; }
#head-gnb {width:100%; margin:0; padding:0; }
#gnb-h5 {width:100%; max-width:1280px; position:relative; margin:0px auto;padding:0;  background:none;}
#gnb-h5 h1 {padding:0px 0;text-align:center; color:#333; line-height:100%;font-weight:700; font-size:1px; padding:0px 0; letter-spacing:-0.035em;}
#gnb-h5 h1 a {display:inline-block;line-height:1em;padding:0;margin:0px 0;font-size:1px;}

#latest_edu {position:absolute;left:0;top:15px; }
#head_tel {position:absolute;right:20px;top:50px; padding:10px 20px 10px 60px; background:#fff url(/images/tel_icon.png) no-repeat 0px 10px;background-size:55px;}
#head_tel span.tel_txt { display:block; font-size:0.9em;letter-spacing:-0.06em; color:#dd5105;line-height:1.2em; padding:0 0 0 2px } 
#head_tel span.tel {display:block; font-size:1.8em; font-weight:700; letter-spacing:-0.06em; line-height:1.2em; } 

#add-bottom {width:100%;}
#add-lnb {width:100%;max-width:1280px;margin:auto;}
#add-lnb ul {margin:0;padding:10px;}
#add-lnb ul li {padding:5px 0;font-size:0.875em;}

/* Sub Page Title */
#j-tbar h1 {width:100%;padding:2em 0;text-align:center;}
#j-tbar h1 span {font-size:1.8em; font-weight:500; color:#111; }
#j-tbar dl dd {padding:1em 0;}

@media screen and (max-width:1280px) {
	/* Page Wrapper */
	#page-wrapper {margin:98px 0 0 !important;padding:0; background:#fff;}
	/* Header 
	#place-top {display:none;}*/
	#j-top {display:;}
	#sns-left{display:none;}
	#top_phone { display:block;position:absolute;top:48px;right:10px;font-size:2.5em;}
	#top_phone img{width:40px;}
	#top_right_tel { display:none;}
	#top_left_icon { display:none;}
	#top_right_icon { display:none;}

	#header {margin:0px 0 0;padding:0;position:fixed; top:0; left:0; z-index:9999;width:100%; max-width:1280px;background:#fff;border-bottom:1px solid #ccc;}
	#head-gnb {width:100%; max-width:1280px; margin:0; padding:0; background:none;}
	#gnb-h5 {position:static; margin:0 auto;padding:0; background:none;}
	#gnb-h5 h1 {float:none !important; width:100%; position:relative; left:0;top:0px; margin:0; padding:0; font-size:1px;letter-spacing:-0.035em; text-align:center;}
	#gnb-h5 h1 img {width:250px;}

	#latest_edu { display:none; }
	#head_tel  { display:none; }
}

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

}
/*-------------------------------------------*/


#all_nav {border-top:1px solid #ddd; border-bottom:1px solid #ddd;box-shadow:0px 5px 5px rgba(0,0,0,0.045);}
#nav { position:relative; max-width:1280px; height:60px; margin:auto; padding:0;}
#small_logo {position:absolute; left:0;top:0px; }
#nav > ul {margin:0; padding:0;float:right; list-style:none; background:url(/images/menu_bar01-.png) no-repeat left center}
#nav > ul > li {position:relative;display:inline-block; margin:0; padding:0;border:0 none !important;}
#nav > ul > li:not(:first-child) {margin:0 0 0 0;}
#nav > ul > li > ul {display:none; margin:0; padding:0;list-style:none;}
#nav > ul > li > a {position:relative;display:block; background:url(/images/menu_bar01-.png) no-repeat right center;width:182px; color:#111;  font-size:1.2em; line-height:60px !important; font-weight:500;text-align:center; text-decoration:none; padding:0px 0 0px 0px;/* -moz-transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; -ms-transition:background-color .25s ease-in-out; transition:background-color .25s ease-in-out; outline:0;*/ }
#nav > ul > li > a > span {position:relative;display:inline; }

#nav > ul > li > a > span:before{width:0%;
    transition: width 0.1s;
    transform: translateX(-50%);
    position: absolute;
    bottom: -17px;
    left: 50%;
    height: 2px;
    background: #064ec6;
    content: '';
    display: block;}
#nav > ul > li:hover > a > span::before{width:182px; transition: width 0.1s;}

#nav > ul > li:hover > a {background:none; color:#fd4a1a !important;}
#nav > ul > li.current > a {background:#d52349; font-weight:700;}


#all-nav { position:absolute;width:100%; margin:0; padding:0px 0 0px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff; z-index:99; opacity:1; display:none;}
#all-sub-nav {max-width:1280px; margin:0 auto; padding:0;  background:none url(/images/global.png) no-repeat 70px 10px;}

#sub-nav {margin:0 auto; padding:0;max-width:1280px; overflow:hidden; }
#sub-nav > ul {float:right; margin:0; padding:0;list-style:none;}
#sub-nav > ul > li {float:left; margin:0; padding:0;border-left:1px solid #eee;border-right:1px solid #eee;min-height:320px} /*개당높이 39*/
#sub-nav > ul > li:hover {background:none;}
#sub-nav > ul > li:not(:first-child) {margin:0 0 0 -1px;}
#sub-nav > ul > li > ul {margin:0; padding:10px 0;list-style:none;}
#sub-nav > ul > li > ul > li {margin:0; padding:0; border-bottom:0px solid #eee; }
#sub-nav > ul > li > ul > li > a {display:block; width:181px; text-align:center; padding:5px 0 5px 0px;font-size:1em;color:#222;font-weight:300;}

#sub-nav > ul > li > ul > li > ul {margin:0; padding:0px 0;display:none;list-style:none;}
#sub-nav > ul > li > ul > li > ul > li  {margin:0; padding:0; border-top:0px solid #eee;background:none; }
#sub-nav > ul > li > ul > li > ul > li  a {display:block; width:181px; padding:3px 0 3px 25px;font-size:0.9em;color:#fff;font-weight:300;}

#sub-nav > ul > li > ul > li:hover > a, #sub-nav > ul > li > ul > li.active > a {color:#fd4a1a;}
#sub-nav > ul > li > ul > li > ul > li:hover > a {color:#fd4a1a;}

#navPanel, #titleBar {display:none;}

@media screen and (max-width:1280px) {
	/* Nav */
	#nav {display:none;}
	#sub_view {display:none;}
	#all-sub-nav{display:none;}
	#all-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:48px; width:50px; height:40px; line-height:40px; font-size:30px; 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:98px; 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:0px solid #ddd; background:#fff;border-bottom:1px 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:15px 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:15px 60px; color:#777;}
	#navPanel > nav a {color:#111; width:100%; display:inline-block;}
	#navPanel > nav a:hover {color:#111;}
}

/*--------------------------------------------------------------
# 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: #111;
}

.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: #d30050;
  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;
}


/*------------------------------align-------------------------------- */

.alignnone { margin: 5px 20px 20px 0; }
.aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; }
.alignright { float: right; margin: 0px 0 30px 30px; width: 100%;}
.alignleft { float: left; margin: 0px 30px 0px 0; width: 100%; }
a img.alignright { float: right; margin: 0px 0 30px 30px; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; margin: 5px 20px 20px 0; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%;    /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; }
.wp-caption.alignnone { margin: 5px 20px 20px 0; }
.wp-caption.alignleft { margin: 5px 20px 20px 0; }
.wp-caption.alignright { margin: 5px 0 20px 20px; }
.wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; }

/*--------------------------------기본지정-------------------------------------*/
.overflow-hidden{ overflow:hidden; }

/*-------------------------------슬라이드 좌우버튼 화살표------------------------------------*/
.owl-theme .owl-controls{
    margin-top:45px;
}

.owl-theme .owl-controls .owl-buttons div{
    border-radius: 0;
	color:#fff;
    background: #ffc33c;
    padding: 15px 20px;
    opacity: 1;
    border: 1px solid transparent;
    transition: all 0.30s linear 0s;
}

.owl-theme .owl-controls .owl-buttons div:hover{
    background: transparent;
    border: 1px solid #ffc33c;
}

.owl-prev:before,
.owl-next:before{
  /*  content: "\f053";*/
    font-family: 'FontAwesome';
    color: #fff;
}

.owl-next:before{
 /*   content: "\f054"; */
}

@media only screen and (max-width: 480px){
    .owl-theme .owl-controls{
        margin-top: 25px;
    }
}

/*-----------------------------------
    연혁
-----------------------------------*/

.heading-title
{
	margin-bottom: 100px;
}
.main-timeline{
    position: relative;
    transition: all 0.4s ease 0s;
}

.main-timeline:before{
    content: "";
    width: 3px;
    height: 100%;
    background: #bfbfbf;
    position: absolute;
    top: 0;
    left: 50%;
}

.main-timeline .timeline{
    position: relative;
}

.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}

.main-timeline .timeline-icon{
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    border: 2px solid #0a90d7;
    position: absolute;
    top: 0;
    left: 3px;
    right: 0;
    margin: 0 auto;
    overflow: hidden;
}

.main-timeline .timeline-content{
    width: 45%;
    padding: 20px;
    border-radius: 0px;
    text-align: right;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease 0s;
}

.main-timeline .date{
    display: inline-block;
    font-size: 1.4em;
    font-weight: 500;
    color: #fff;
    padding: 10px 30px;
    background: #ef9f00;
    border-radius: 1em;
	margin-bottom:0.3em;
}

.main-timeline .title{
    font-size: 24px;
    font-weight: 500;
    color: #5c5151;
    margin-top: 30px;
}

.main-timeline .description{
	font-weight:400;
    font-size: 1em;
    color: #606060;
    line-height: 2;
}
.main-timeline .description em{
	font-weight:500;
	color:#111;
	padding:0 10px 0 0;
}
.main-timeline .timeline-content.right{
    float: right;
    text-align: left;
}

@media only screen and (max-width: 767px){
    .main-timeline:before{
        left: 0;
    }
    .main-timeline .timeline-icon{
        left: -8px;
        margin: 0;
    }
    .main-timeline .timeline-content{
        width: 90%;
        float: right;
    }
}
/*-----------------------------------
    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; }

/*-----------------------------------
    3. Buttons 
-----------------------------------*/
.btn { padding: 8px 14px; margin:2px 0; font-size: 0.9em; 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: #056cdf; color: #fff; }
.btn-primary:hover { background-color: #217bdf; color: #fff; }

.btn-danger { background-color: #ed2d55; color: #fff; }
.btn-danger:hover { background-color: #ee5677; color: #fff; }

.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; }


/*----------------------- 
    4.1  space :
-------------------------*/

/*Note: Section space help to create top bottom 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; }

}
/*----------------------
   4.2 Margin Space
-----------------------*/
.mb0 { margin-bottom: 0px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb35 { margin-bottom: 35px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }
.mt0 { margin-top: 0px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }
.mt100 { margin-top: 100px; }

/*----- less margin space from top --*/
.mt-20 { margin-top: -20px; }
.mt-40 { margin-top: -40px; }
.mt-60 { margin-top: -60px; }
.mt-80 { margin-top: -80px; }

/*-----------------------
   4.3 Padding space
-------------------------*/
.nopadding { padding: 0px; }
.nopr { padding-right: 0px; }
.nopl { padding-left: 0px; }
.pinside10 { padding: 10px; }
.pinside20 { padding: 20px; }
.pinside30 { padding: 30px; }
.pinside40 { padding: 40px; }
.pinside50 { padding: 50px; }
.pinside60 { padding: 60px; }
.pinside80 { padding: 80px; }
.pinside130 { padding: 130px; }
.pdt5 { padding-top: 5px; }
.pdt10 { padding-top: 10px; }
.pdt20 { padding-top: 20px; }
.pdt30 { padding-top: 30px; }
.pdt40 { padding-top: 40px; }
.pdt60 { padding-top: 60px; }
.pdt80 { padding-top: 80px; }
.pdb5 { padding-bottom: 5px; }
.pdb10 { padding-bottom: 10px; }
.pdb20 { padding-bottom: 20px; }
.pdb30 { padding-bottom: 30px; }
.pdb40 { padding-bottom: 40px; }
.pdb60 { padding-bottom: 60px; }
.pdb80 { padding-bottom: 80px; }
.pdl10 { padding-left: 10px; }
.pdl20 { padding-left: 20px; }
.pdl30 { padding-left: 30px; }
.pdl40 { padding-left: 40px; }
.pdl60 { padding-left: 60px; }
.pdl80 { padding-left: 80px; }
.pdr10 { padding-right: 10px; }
.pdr20 { padding-right: 20px; }
.pdr30 { padding-right: 30px; }
.pdr40 { padding-right: 40px; }
.pdr60 { padding-right: 60px; }
.pdr80 { padding-right: 80px; }

/*--------------------------------
4.4 Background & Block color 
----------------------------------*/
.bg-light { background-color: #f6f3ec; }
.bg-primary { background-color: var(--bt-default1); }
.bg-default { background-color: #effef7; }
.bg-white { background-color: #fff; }
.outline { border: 1px solid #e5e7ec; }
.section-title { }
.title { color: #3c3c3c; }
.text-white { color: #fff; }
.primary-sidebar { }
.secondary-sidebar { }

/*--------------------------------
4.5 Features Block 
----------------------------------*/
.feature { }
.feature-icon { margin-bottom: 20px; }
.feature-left { }
.feature-left .feature-icon { float: left; }
.feature-left .feature-content { padding-left: 80px; }
.feature-center { }
.feature-center .feature-icon { }
.feature-center .feature-content { }
.feature-inner { }
.feature-outline { }
.thumbnail-block { }
.thumbnail-img { }
.thumbnail-content { }
.thumbnail-inner { }
.thumbnail-outline { }

/*----------------- video ---------------*/
.video-section { position: relative; }
.video-img { position: relative; }
.video-img img { width: 100%; }
.video-action { position: absolute; top: 40%; left: 47%; }

/*--------------------------------
4.6 Bullet 
----------------------------------*/
.bullet { position: relative; padding-left: 15px; color: #78807e; line-height: 32px; }
.bullet-double-right li:before { font-family: FontAwesome; display: block; position: absolute; left: 0; width: 13px; font-size: 14px; color: #78807e; content: "\f101"; }

/*--------------------------------
4.7 Call to actions 
----------------------------------*/
.cta-block { }
.cta-title { font-size: 32px; font-weight: 700; letter-spacing: -1px; color: #fff; margin-bottom: 10px; }
.cta-text { font-size: 18px; color: #a2fed4; }
.cta-content { }
.cta-call, .cta-mail { }

/*--------------------------------
4.8 Image Hover Effect 
----------------------------------*/
.imghover { display: block; position: relative; max-width: 100%; }
.imghover::before, .imghover::after { display: block; position: absolute; content: ""; text-align: center; opacity: 0; }
.imghover::before { top: 0; right: 0; bottom: 0; left: 0; }
.imghover::after { top: 50%; left: 50%; width: 50px; height: 50px; line-height: 50px; margin: -25px 0 0 -25px; content: "\f2a8"; font-family: "FontAwesome"; font-size: 36px; }
.imghover:hover::before, .imghover:hover::after { opacity: 1; }
.imghover:hover::before { background: rgba(212, 27, 44, .55); }
.imghover:hover::after { color: #FFFFFF; }
[class^='imghvr-'], [class*=' imghvr-'] { background: rgba(211, 0, 80, .55); }

/*--------------------------------
4.9 Icon 
----------------------------------*/
.icon { }
.icon-1x { font-size: 18px; }

/* default icon size of font*/
.icon-2x { font-size: 38px; }
.icon-4x { font-size: 65px; }
.icon-6x { font-size: 88px; }
.icon-8x { font-size: 108px; }
.icon-default { color: var(--bt-default1); }
.icon-primary { color: #474954; }
.icon-secondary { color: #fff; }
.icon-white { color: #fff; }

/*--------------------------------
5 Header / Navigations 
----------------------------------*/

/*--------------------
    5.1 Header Regular 
   ----------------------*/

.logo { margin:0; }
@media only screen and (max-width: 767px){
	.logo img { width:180px; }
}
.header { background-color: #fff; z-index: 9999; position: relative; padding-top: 10px; padding-bottom: 10px; }
.header-top { background-color: var(--bt-default1); font-size: 0.9em; padding-top: 11px; padding-bottom: 11px; padding-right:10px; line-height: 15px; color: #fff; font-weight: 500; }
.header-top a { color:#fff; font-size:0.875em; }
.top-text { text-align: right; }
.top-text .text-block { padding-left: 20px; color: #fff; line-height: 18px; }
.call-block { }
.call-no { }
.mail-block { }
.mail-text { }
.time-block { }
.time-text { }
.call-block, .mail-block, .time-block { }

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
/*
.navbar {
  padding: 0;
}

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

.navbar li {
  position: relative;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0 10px 30px;
  font-size: 1em;
  color: #16507b;
  white-space: nowrap;
  transition: 0.3s;
}

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

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #2487ce;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  background: #2487ce;
  padding: 8px 20px;
  margin-left: 30px;
  border-radius: 4px;
  color: #fff;
}

.navbar .getstarted:hover,
.navbar .getstarted:focus:hover {
  color: #fff;
  background: #3194db;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: -24px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 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: 4px;
}

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

.navbar .dropdown ul a {
  padding: 10px 20px;
  text-transform: none;
}

.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: #2487ce;
}

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

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

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

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

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

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

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

.navbar li {
  position: relative;
}

.navbar>ul>li {
  white-space: nowrap;
  padding: 8px 12px;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-between;
  padding: 0 3px;
  font-size: 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: 5px;
}

.navbar>ul>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -6px;
  left: 0;
  background-color: #ccc; /*라인색*/
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.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: #111;
}

.navbar .getstarted,
.navbar .getstarted:focus {
  padding: 8px 25px;
  margin-left: 30px;
  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;
  position: absolute;
  left: 14px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 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: 4px;
}

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

.navbar .dropdown ul a {
  padding: 10px 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: #111;
}

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

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

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

@media (max-width: 1366px) {
  .navbar>ul>li>a:before {
  height: 0px;
  }

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

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

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #124265;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(10, 38, 58, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #124265;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #2487ce;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

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

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #2487ce;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}




/*--------------------------------------------------------------
# main-slider
--------------------------------------------------------------*/

.main-slider .swiper-pagination {
  position: absolute;
  width:100%;
  bottom:10px;
}

.main-slider .swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #fff;
}

.main-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #2487ce;
   border: 1px solid #2487ce;
}

.main-slider .swiper-button-next {
  right:30px;
  width: 46px;
  height: 46px;
  line-height: 42px;
  font-size: 33px;
  font-weight:normal;
  text-align:center;
  display: inline-block;
  color: #fff;

  opacity: 0.3;
  transition: all .3s;
}

.main-slider .swiper-button-prev {
  left:30px;
  width: 46px;
  height: 46px;
  line-height: 42px;
  font-size: 33px;
  font-weight:normal;
  text-align:center;
  display: inline-block;
  color: #fff;

  opacity: 0.3;
  transition: all .3s;

}
.main-slider .swiper-button-next:hover,
.main-slider .swiper-button-prev:hover {

    opacity: 1;
}
.main-slider .swiper-button-next::after,
.main-slider .swiper-button-prev::after {
  display:none ;
}


/* ---------gallery001----------------*/
.gallery001_item .swiper-button-next {
  top:0;
  position:relative;
  margin:0;
  width: 46px;
  height: 46px;
  line-height: 42px;
  font-size: 33px;
  font-weight:normal;
  text-align:center;
  display: inline-block;
    vertical-align:middle;
  color: #fff;
  background-color: #111;
  border-radius: 50%;
  opacity: 0.3;
  transition: all .3s;
}

.gallery001_item .swiper-button-prev {
  top:0;
  position:relative;	
  margin:0;
  width: 46px;
  height: 46px;
  line-height: 42px;
  font-size: 33px;
  font-weight:normal;
  text-align:center;
  display: inline-block;
    vertical-align:middle;
  color: #fff;
  background-color: #111;
  border-radius: 50%;
  opacity: 0.3;
  transition: all .3s;

}
.gallery001_item .swiper-button-next:hover,
.gallery001_item .swiper-button-prev:hover {
	background-color: #fed518;
    opacity: 1;
}
.gallery001_item .swiper-button-next::after,
.gallery001_item .swiper-button-prev::after {
  display:none ;
}

.gallery001 .swiper-pagination {
  position: relative;
  width:100%;
}
.gallery001{
	padding:15px;
}
.gallery001 .swiper-slide {
	text-align:center;
	border:0px solid #fff;
	background:#fff;
	box-shadow:0 0 15px rgba(0,0,0,0.2);
}


#gallery001{
   padding:0;
   background:#fff;
}


.gallery001_btn{
  display: inline-block;
  vertical-align:middle;
   margin:0 30px;
}




/* ---------gallery002----------------*/

.gallery002 .swiper-button-next::after,
.gallery002 .swiper-button-prev::after {
  display: none;
}
.gallery002 .swiper-button-next i,
.gallery002 .swiper-button-prev i {
  font-size:2em;
  margin-top:-30px;
  color:#777;
}
.gallery002 .swiper-pagination {
  position: relative;
  width:100%;
  margin-top:20px;
}
.gallery002 .swiper-slide {text-align:center;}

/* ---------gallery003----------------*/

.gallery003 .swiper-button-next::after,
.gallery003 .swiper-button-prev::after {
  display: none;
}

.gallery003 .swiper-button-next,
.gallery003 .swiper-button-prev {
  margin-top:-60px;
}
.gallery003 .swiper-button-next i,
.gallery003 .swiper-button-prev i {
  font-size:2em;
  color:#fff;
}
.gallery003 .swiper-pagination {
  position: relative;
  width:100%;
  margin-top:30px;
}

.gallery003 .swiper-slide {text-align:center;}




/* ---------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;}



/*-------------------------------- 
    Media Query 
--------------------------------*/

/* Custom sizes (768px to 1024px) */
@media screen and (max-width:850px) {
	#navigation > ul > li > ul {border-radius:0px;background:#f7f7f7;box-shadow:0 0 3px rgba(0, 0, 0, 0);overflow:hidden; }
    .post-content { position: relative; width: 100%; right: 0px; top: 0px; }
    .navigation { float: none; }
    .comment-info {
     padding-left: 10px; 
	}
	.childern .comment-info {
    padding-left: 10px;
	}
	.childern {
    padding-left: 0px;
    list-style: none;
	}
}
@media screen and (max-width:320px) {
    .navigation { float: none; }
    .comment-info {
     padding-left: 10px; 
	}
	.childern .comment-info {
    padding-left: 10px;
	}
	.childern {
    padding-left: 0px;
    list-style: none;
	}
}



/*---------*/
#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;}

/*----------------------------------------------
    5.4 Page Header
----------------------------------------------*/
.page-header { background: linear-gradient(rgba(36, 39, 38, 0.5), rgba(36, 39, 38, 0.5)), rgba(36, 39, 38, 0.5) url(../images/page-header.jpg) no-repeat center; background-size: cover; margin: 0; border-bottom: none; padding-bottom: 0px; }
.page-caption { padding: 90px 0px; position: relative; z-index: 1; color: #fff; }
.page-title { color: #fff; text-align: left; font-size: 40px; font-weight: 400; letter-spacing: -1px; }
.breadcrumb { }
.breadcrumb>.active { }
.page-breadcrumb { background-color: #eef4f1; }
.page-breadcrumb .breadcrumb { background-color: transparent; margin-bottom: 0px; font-size: 12px; text-transform: uppercase; }

/*-----------------------------------
    6. Slider 
-------------------------------------*/






/*-----------------------------------
7. Content 
-------------------------------------*/

.content { padding-top: 60px; padding-bottom: 60px; }

/*-----------------------------------
8. Footer 
-------------------------------------*/
.footer { background-color: #343434; color:#aaa; padding-top: 0px; padding-bottom: 50px; font-size:0.95em; font-weight:300; line-height:1.6em; }
.footer h6 {line-height:1.6em;}

.footer ul.j-foot-menu { margin:0;padding:30px 0; }
.footer ul.j-foot-menu li { display:inline-block; padding:0 20px 0 0;}
.footer ul.j-foot-menu li a { color:#eee; font-size:1.05em; 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 0.7em;margin:0 -1px -1px 0px;word-break:keep-all}
.ntabs div a.over { display:block;text-align:center; border-top:2px solid #ed3519; background:none; color:#ed3519; 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:100%;}
.tabs0 div a {display:block;text-align:center;  font-weight:500; font-size:1em;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:1em;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:1em;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:1em;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:1em;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:1em;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;width:calc(100% - 2px);text-align:center;  font-weight:500; font-size:1em;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 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:1em;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:1em;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:1em;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:1em;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:1em;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) {

.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.1em;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:2px solid #ed3519; background:none; color:#ed3519; margin: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: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) {

.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:1em;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:2px solid #ed3519; background:none; color:#ed3519; margin:0;word-break:keep-all; }


	.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;}
}

/* --------------------------------------------
왼쪽메뉴
-----------------------------------------------*/
/* Sub Page Title */
#j-tbar{margin:1.5em 0 0;}
#j-tbar h2 {width:100%;}
#j-tbar dl dd {text-align:right; font-size:1em; font-weight:300; }


#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; }

/* --------------------------------------------
퀵메뉴
-----------------------------------------------*/
.quick_menu_wrap {position:fixed; right:0; top:0px; z-index:9999; width:120px;height:100%; line-height:1.5em;}
#quick_button {position:relative;top:0;border:1px solid #ccc;border-right:none; border-top-left-radius:0px; border-bottom-left-radius:0px; padding:0; background:#fff; color:#000;width:20px; height:40px; line-height:36px;float:right;font-size:0.75em;text-align:center;cursor:pointer; }
#quick_menu {width:100px;  float:right; height:100%; text-align:center; background:#fff; border-left:0px solid #ddd;box-shadow:0px 0px 1px #111;}
#quick_menu ul {margin:0;padding:0;}
#quick_menu ul li{margin:0;padding:0;line-height:1em;}
#quick_menu ul li a{display:block; margin:0;padding:0; font-size:0.8em; }
#quick_menu ul li a:hover {color:#0099ff; }
#quick_menu em {display:block; text-align:center; font-size:0.875em;}
#quick_menu .bg_top {color:#000; width:50px; height:50px; margin:5px auto; cursor:pointer; border-color:#ddd;display:block; font-size:12px; line-height:1.2em; color:#fff; padding:10px 0 0; border:0px solid #ddd; border-radius:30px; background:var(--bt-default1);}
#quick_menu .quick_tel {width:calc(100% - 4px);font-size:0.75em;font-weight:300;border-top:0px solid #ddd; margin:25px auto 0;padding:0px 0;color:#fff;background:var(--bt-default1);letter-spacing:-0.02em;border-radius:0px;}

#quick_button {position:relative;top:0;border:1px solid #ccc;border-right:none; border-top-left-radius:0px; border-bottom-left-radius:0px; padding:5px 0 0; background:#fff; color:#000;width:20px; height:50px; float:right;font-size:0.75em;text-align:center;cursor:pointer; }
@media screen and (max-width:1200px) {
	.quick_menu_wrap{display:none;}
	#header{width:100% !important;}
}

/*----------------
왼쪽메뉴
------------------*/
/* navbar section */
.menu-scroll {
    padding-top: 0px;
    padding-bottom: 0px;
    position: fixed;
    top: 0; 
	left: 0; 
	right: 0; 
	z-index: 300;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    background-color: #fff;
	color:#ffd600;
	height:80px;
	
}

.main_menu_bg{
	margin-top:0px;
	background:#fff;
	height:80px;
}
.main_menu_bg .navbar-default {
    background-color: transparent; 
    border-color: transparent; 
	transition:.6s;
	margin-top: 17px;
}

.main_menu_bg .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color:#ff5e3a;
	background-color:transparent;
}
 
.menu-scroll.main_menu_bg .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus{
	color:#ff5e3a;
	background-color:transparent;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    color: #ff5e3a;
    background-color: transparent;
}

.main_menu_bg .navbar {
    margin-bottom:0px;
}


.main_menu_bg .navbar-nav>li>a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 20px;
	border-radius:10px;
	font-family: 'big_johnregular';
	text-transform:uppercase;
	font-size:18px;
}
.dropdown-menu>li>a {
    display: block;
    padding: 10px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 180px;
    padding:0px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #ff5e3a;
}


/*--------------------------------------------
gallery001
-------------------------------------------*/
/*
.gallery001{
    background: #f1eee6;
}

.gallery001 .main_gallery001_area .main_gallery001_content ul.main_gallery001{
    width:100%;
	margin:0;
	padding:0;
}

.gallery001 .main_gallery001_area .main_gallery001_content ul.main_gallery001 li.single_gallery001_content{
    background: #fff;
    padding: 20px;
    border:2px solid #5e9a28;
	 list-style: none;
}

.gallery001_btn{
    margin-top:20px;
}

.owl-theme .owl-nav [class*='owl-'] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #5e9a28;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.owl-theme .owl-nav [class*='owl-']:hover {
    background: #6bb42a;
    color: yellow;
    text-decoration: none;
}
*/
/*--------------------------------------------
gallery002
-------------------------------------------*/



/*--------------------------------------
오시는길
-----------------------------------------*/
.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%;}

/*-------------------------------------
게시판 
----------------------------------------*/
table.table-board { border-bottom:1px solid #ddd; }
table.table-board tr th { background:#f7f7f7; color:#333; font-weight:400; border-top:2px solid #333; }

table.table-board-view { }
table.table-board-view tr th { background:#f7f7f7;color:#111; font-weight:500;}
table.table-board-view tr:first-child  th{border-top:2px solid #333; }
table.table-board-view tr:first-child th:first-child { font-weight:700; }


@media screen and (max-width:980px) {
	table.table-board { border-bottom:0px solid #ddd; }
}

table.table-write{ border-top:1px solid #ddd; border-bottom:1px solid #ddd; }

table.table-write th{vertical-align:middle;font-weight:500;background:#f7f7f7;}
table.table-write2 th{vertical-align:middle;font-weight:500;background:#f7f7f7;}

table.table-write tbody tr th:nth-child(1) {width:140px;}
table.table-write tbody tr td:nth-child(2) {width:calc(100% - 140px);}

table.table-write2 tbody tr th:nth-child(1) {width:160px;}
table.table-write2 tbody tr td:nth-child(2) {width:calc(100% - 160px);}

@media screen and (max-width:736px) {
	table.table-write {}
	table.table-write tr,
	table.table-write th,
	table.table-write td {display:block; border:none; border-bottom:1px solid #ddd;}
	table.table-write tr:last-child {border-bottom:none;}
	table.table-write td:last-child {border-bottom:none;}
	table.table-write tbody tr th:nth-child(1) {width:100%;}
	table.table-write tbody tr td:nth-child(2) {width:100%;}

	table.table-write2 {}
	table.table-write2 tr,
	table.table-write2 th,
	table.table-write2 td {display:block; border:none; border-bottom:1px solid #ddd;}
	table.table-write2 tr:last-child {border-bottom:none;}
	table.table-write2 td:last-child {border-bottom:none;}
	table.table-write2 tbody tr th:nth-child(1) {width:100%;}
	table.table-write2 tbody tr td:nth-child(2) {width:100%;}
}

/*-------------------------------------
게시판 최신글
----------------------------------------*/
.j-bbs-latest_left {width:110px;float:left;padding:5px 0;height:100%;}
.j-bbs-latest_left h3 {}
.j-bbs-latest_left em {}
.j-bbs-latest {float:right;width:calc(100% - 120px)}
.j-bbs-latest ul {margin:0; padding:0;}
.j-bbs-latest ul li {clear:both; list-style:none; border-bottom:1px solid #eee; padding:5px 0 0; }
.j-bbs-latest ul li a {display:inline-block;font-size:1.05em; width:calc(100% - 70px);margin:0; overflow:hidden; font-weight:400; }
.j-bbs-latest ul li em {display:inline-block; font-family:verdina;font-size:0.875em; width:67px;margin:0; overflow:hidden;color:#fb571e; 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_left {float:none;width:100%;position:relative;}
	.j-bbs-latest_left em {position:absolute;right:0;top:0;}
	.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}

/*--------------------------------------------------------------
# Features
--------------------------------------------------------------*/
.features .nav-tabs {
  border: 0;
}

.features .nav-link {
  border: 1px solid #b5ccdb;
  padding: 15px;
  transition: 0.3s;
  color: #15222b;
  border-radius: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.features .nav-link i {
  padding-right: 15px;
  font-size: 48px;
}

.features .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  margin: 0;
}

.features .nav-link:hover {
  color: #ff4a17;
}

.features .nav-link.active {
  background: #ff4a17;
  color: #fff;
  border-color: #ff4a17;
}

@media (max-width: 768px) {
  .features .nav-link i {
    padding: 0;
    line-height: 1;
    font-size: 36px;
  }
}

@media (max-width: 575px) {
  .features .nav-link {
    padding: 15px;
  }

  .features .nav-link i {
    font-size: 24px;
  }
}


table.tbl-lc {width:100%; margin:0 auto; padding:2px; border-spacing:0; border:0; border-collapse:collapse; *border-top:1px solid #ddd; _border:0; background:#fff;}
table.tbl-lc thead th,
table.tbl-lc tbody th,
table.tbl-lc tbody td {height:20px; border:1px solid #ddd;color:#111;}
table.tbl-lc thead th,
table.tbl-lc tbody th {text-align:center; padding:3px; font-weight:bold; background:#f5f5f5;}
table.tbl-lc tbody td {padding:5px 3px;}
table.tbl-lc tbody dl {margin:0; padding:0;}
table.tbl-lc tbody dl.add-img-frm {clear:both; margin:0; padding:3px 0; overflow:hidden;}
table.tbl-lc tbody dt,
table.tbl-lc tbody dd {float:left; margin:0; padding-right:5px;}
table.tbl-lc tbody dt.chk {padding-top:5px; *padding-top:0;}
table.tbl-lc tbody dt.txt {padding-top:3px; *padding-top:4px;}
table.tbl-lc tbody dd.chk {padding-top:3px; *padding-top:0;}
table.tbl-lc tbody dd.txt {padding-top:5px; *margin:0 0 0 -2px;}
table.tbl-lc tbody dd.chk2 {padding-top:7px; *padding-top:2px;}
table.tbl-lc tbody dd.txt2 {padding-top:7px; *margin:0 0 0 -2px;}
table.tbl-lc tbody dd.btn {padding-top:0; padding-top:/*\**/1px\9; *padding-top:1px; _padding-top:2px;}

table.tbl-c {width:100%; margin:0 auto; padding:2px; border-spacing:0; border:0; border-collapse:collapse; border-top:1px solid #aaa;}
table.tbl-c thead th,
table.tbl-c tbody th,
table.tbl-c tbody td {height:20px; padding:5px 5px; border-bottom:1px solid #ddd;color:#111;}
table.tbl-c thead th.r-line {border-right:1px solid #ddd;}
table.tbl-c thead th,
table.tbl-c tbody th {font-weight:700; background:none;color:#000;}
table.tbl-c tbody dl {margin:0; padding:0; overflow:hidden;}
table.tbl-c tbody dt,
table.tbl-c tbody dd {float:left; margin:0; padding-right:5px;}
table.tbl-c tbody dt.chk {padding-top:5px; *padding-top:0;}
table.tbl-c tbody dt.txt {padding-top:3px; *padding-top:4px;}
table.tbl-c tbody dd.d-inp {width:50%;}
table.tbl-c tbody dd.chk {padding-top:3px; *padding-top:0;}
table.tbl-c tbody dd.txt {padding-top:5px; *margin:0 0 0 -2px;}
table.tbl-c tbody dd.txt1 {padding-top:3px; *padding-top:4px;}
table.tbl-c tbody dd.chk2 {padding-top:7px; *padding-top:5px;}
table.tbl-c tbody dd.txt2 {padding-top:8px; *margin:2px 0 0 -2px;}
table.tbl-c tbody dd.btn {padding-top:0; padding-top:/*\**/1px\9; *padding-top:1px; _padding-top:2px;}

/* 상세페이지 좌우 */
 .eview-box {border:3px solid #ccc; border-radius:0px; padding:20px; overflow:hidden; width:100%; max-width:1200px; margin:auto; font-size:1.0em; }
 .l-eview { width:300px); float:left; }
 .r-eview { width:calc(100% - 320px); float:right;}
 .l-eview img { width:300px !important;}
@media screen and (max-width:1200px) {
 	 .eview-box {border:3px solid #ccc; border-radius:0px; padding:20px; overflow:hidden; width:calc(100% - 20px); margin:0 0 0 10px;}
	 .l-eview { width:300px); float:left; }
	 .r-eview { width:calc(100% - 320px); float:right;}
}

@media screen and (max-width:736px) {
	 .eview-box {border:2px solid #ccc; border-radius:0px; padding:10px; overflow:hidden; }
	 .l-eview { clear:both; width:100%;  }
	 .r-eview { clear:both; width:100%; margin:20px 0 0; }
}