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

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-1Thin.woff2') format('woff2');
    font-weight: 100;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-2ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}

@font-face {
    font-family: 'Paperlogy';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: 'GmarketSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: 700;
    font-display: swap;
}

/* #작업18: RiaSans(리아체) 폰트 최적화 - 눈누 CDN WOFF2 적용 */
@font-face {
    font-family: 'RiaSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-Regular.woff2') format('woff2');
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'RiaSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-Bold.woff2') format('woff2');
    font-weight: 700;
    font-display: swap;
}

@font-face {
    font-family: 'RiaSans';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/2410-1@1.0/RiaSans-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-display: swap;
}




:root {
--bt-default1: #555;    /* var(--bt-default1) */
--bt-default2: #6c7884; 
--bt-default3: #97aabe;    /* #97b3cf;  */
--bt-default4: #000;
}

/*-----------------------------------
  이미지, 테이블 반응형 - 확대, 좌우 이동 버튼
-----------------------------------*/
.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;cursor:pointer; padding:0px 0; margin:0 0 0 1px; width:60px; font-size:11px; text-align:center; border:1px solid #eee; border-radius:13px; -moz-border-radius:13px; -webkit-border-radius:13px; background:#f9f9f9;}
.j-conts-img-wrap-btn:hover {color:#000;}
.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: 13pt; background-color: #fff; color: #6f6f6f; font-weight:500; font-family: 'Paperlogy','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; color: #111; 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; }

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

.container { width: 100%;margin:auto;max-width:1360px; position: relative;	}

@media screen and (max-width:1280px) {
  body { font-size: 12.5pt; }
  .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: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: 50px; padding-bottom: 50px; }
.space-medium { padding-top: 100px; padding-bottom: 100px; }
.space-t-small { padding-top: 50px; 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: 25px; padding-bottom: 0px; }
	.space-t-medium { padding-top: 50px; padding-bottom: 0px; }
}



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

/* Header */
#header { clear:both;transition: 0.05s;width:100%;height:250px; margin:0; padding:0; border-bottom:0px solid #ccc; position:relative;z-index:9999; background:#fff;opacity:1;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; }

#navbarbox {}
#navbarbox .container { height:100px;}
#nv_logo { margin:20px 0 0; }
#nv_adm { margin:20px 0 0; }
#navbarbox .nv_gnb_box { border-top:1px solid #ddd;}

#j-visual-wrap {font-size:0;line-height:0;padding:0;margin:0;}

@media screen and (max-width:1280px) {
	#header { position:fixed;left:0;top:0;height:80px;background:#fff;z-index:99;}
	#head-gnb {height:80px;}
	#navbarbox { padding:0px;}
	#j-visual-wrap { padding:80px 0 0;}
	#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:33px; }

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



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




/*
#gnb-h5 { position:absolute;left:0;top:8px;z-index:100;margin:0px;padding:0;background:none;font-size:0;line-height:1em;}
#gnb-h5 h1 {padding:0;margin:0;display:inline-block;vertical-align:top;}
#gnb-h5 h1 a {display:block;padding:0;margin:0;font-size:0px;line-height:1em;}



.woosoo { display:inline-block;padding:3px 0 0;margin:0 0 0 10px; }
.woosoo img { vertical-align:middle;width:48px;}
.woosoo span { display:inline-block;font-size:0.7rem;font-weight:500;line-height:1.1em;vertical-align:middle;}
#gnb-global { position:absolute;right:0;font-size:12pt; }

*/
.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 {float:left;}
#bha {width:80px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
#nv_gnb {}
#nv_adm {float:right;width:200px;}
@media screen and (max-width:1280px) {
	#nv_logo {float:none;width:calc(100% - 60px);position:absolute;left:30px;top:30px;text-align:center;}
	#nv_adm {float:none;position:absolute;right:20px;top:0px;text-align:right;}
	#nv_adm img {display:none;}
	#bha {display:none;}
}
@media screen and (max-width:500px) {
	#logo_img {width:230px;}
	#bha {display:none;}
}
/*--------------------------------------------------------------
# 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: 0px;
  width:16.6%;
}
.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: 700;
 /* 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: #00b0ff;
}

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

.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:30px; 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:80px; 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;}
}





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

.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 {
  top:auto;
  width: 22px;
  height: 24px;
  line-height: 22px;
  font-size: 22px;
  font-weight:normal;
  text-align:center;
  display: inline-block;
  color: #fff;

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

.main-slider .swiper-button-prev {
  top:auto;
  width: 22px;
  height: 24px;
  line-height: 22px;
  font-size: 22px;
  font-weight:normal;
  text-align:center;
  display: inline-block;
  color: #fff;

  opacity: 0.9;
  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 ;
}


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

/*-----------------------------------
8. Footer 
-------------------------------------*/
.footer { background-color: #222; color:#999; padding-top: 0px; padding-bottom: 100px; 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 0; }
.footer ul.j-foot-menu li { display:inline-block; padding:0 20px 0 0;}
.footer ul.j-foot-menu li a { color:#aaa; font-size:1.05em; font-weight:400;  }

.footer_logo_box {overflow:hidden;}
.footer_logo {float:left; margin:5px 30px 100px 0; font-size:1.6em;font-weight:700;color:#eee;}

.copy span {color:#ddd;}
@media screen and (max-width:736px) {
	.footer_logo {float:none; margin:5px 0; font-size:1.6em;font-weight:700;color:#eee;}
}


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



/*-------------------------------------
온라인접수
----------------------------------------*/
.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 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; width:calc(100% - 70px);margin:0; overflow:hidden; font-weight:400; }
.j-bbs-latest ul li em {display:inline-block; 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 {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;
  }
}

/*-----------------------------------
    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: #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; }
.swiper-edu-container {}
.main-ncs-list {position:absolute; margin:0;padding:0;list-style:none; margin-left:-10px;}
.main-ncs-list li {width:435px !important;padding:0 10px;}


/* --------------------------------------------
왼쪽메뉴
-----------------------------------------------*/
/* 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; }

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

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

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

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


/* Tab */
.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:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -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.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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 20px 0; }
.tabs5 div{float:left; width:19.9%;}
.tabs5 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;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.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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:19.9%;}
.tabs7 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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:19.9%;}
.tabs8 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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:19.9%;}
.tabs9 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs10 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs10 div{float:left; width:19.9%;}
.tabs10 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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}
.tabs10 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

.tabs11 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs11 div{float:left; width:16.6%;}
.tabs11 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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}
.tabs11 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; 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:49.9%;}
	.tabs3 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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:49.9%;}
	.tabs4 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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 20px 0; }
	.tabs5 div{float:left; width:49.9%;}
	.tabs5 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.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:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; 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:1.1em;height:3.2em;line-height:3.2em;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 #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs10 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs10 div{float:left; width:33.3%;}
	.tabs10 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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}
	.tabs10 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

	.tabs11 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
	.tabs11 div{float:left; width:33.3%;}
	.tabs11 div a {display:block;text-align:center;  font-weight:500; font-size:1.1em;height:3.2em;line-height:3.2em;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}
	.tabs11 div a.over { display:block;text-align:center; border:1px solid #0c74c4; background:#0c74c4; color:#fff; padding:0px;margin:0 -1px -1px 0;word-break:keep-all }

}

/* [작업#최종] 폰트 우선순위 및 인쇄 설정 수정 */

/* 1. 기본 폰트를 지정하되 강제성(!important)을 제거합니다. 
   이렇게 하면 에디터에서 지정한 inline style(폰트 지정)이 우선권을 갖습니다. */
:root {
    --bs-body-font-family: 'Paperlogy', 'Pretendard', sans-serif;
}

body {
    font-family: 'Paperlogy', 'Pretendard', sans-serif;
}

/* 2. 모든 태그에 페이퍼로지를 기본으로 주되, 
   에디터에서 폰트를 설정한 경우(style 속성) 그 설정이 이기도록 !important를 뺍니다. */
h1, h2, h3, h4, h5, h6, p, div, span, table, td, th, a, input, button, textarea, select {
    font-family: 'Paperlogy', 'Pretendard', sans-serif;
}

/* 3. 아이콘 폰트는 깨지면 안 되므로 클래스 명시를 통해 유지합니다. */
.material-symbols-outlined, 
.material-icons, 
.fa, 
.fas, 
.far,
[class^="bi-"], 
[class*=" bi-"] {
    font-family: 'Material Symbols Outlined', 'Material Icons', 'FontAwesome' !important;
}

/* 4. [핵심] 출력물(인쇄) 대응 
   에디터에서 작성된 내용은 보통 특정 클래스(예: .view_content 등) 내부에 위치합니다. 
   그 내부의 설정된 폰트들을 보존합니다. */
@media print {
    /* 인쇄 시에도 에디터에서 지정한 폰트 스타일을 그대로 유지하도록 설정 */
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }
}