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

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

/*-----------------------------------
    1. Body / Typography 
-----------------------------------*/

body { -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; font-size: 12pt; background-color:none; 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: 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); }
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-right:25px; }
.right50p { float:right;width:50%;padding-left:25px; }

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

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

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

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


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

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

/* Page Wrapper */
#page-wrapper {margin:0;padding:0; }

#header { position:fixed;width:100%;top:0;z-index:999;background:none;padding:0;box-shadow:0 0 0 rgba(0,0,0,0);transition: background-color 0.5s ease-out 0.1s; }
#j-top {background:none;padding:10px 0;}/*background:#edeeef;}*/
#head-gnb {position:relative;}
#head-gnb h1 {display:inline-block;}
#nav { display:inline-block;position:relative; max-width:880px; height:62px; }

#nav > ul {margin:0; padding:0; list-style:none; text-align: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;width:146px; color:#111;  font-size:1.3em; 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:hover > a {background:none; color:#fff;}
#nav > ul > li.current > a {background:#fff; font-weight:700;}


#all-nav { position:absolute;width:100%; margin:0; padding:0; border-top:0px solid #ddd; border-bottom:0px solid #ddd; background:rgba(5,58,115,0.9); z-index:99; opacity:1; display:none;}
#all-sub-nav {max-width:1280px; margin:0 auto; padding:0 0 0 400px; }

#sub-nav {margin:0 auto; padding:0;max-width:880px; 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 rgba(60,89,149,1);border-right:1px solid rgba(60,89,149,1);min-height:280px} /*개당높이 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:145px; text-align:center; padding:5px 0 5px 0px;font-size:1.1em;color:#b8cefa;font-weight:400;}

#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:145px; padding:3px 0 3px 25px;font-size:1em;color:#fff;font-weight:300;}

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

#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:40px; 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:90px; 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;}
}

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


/* 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;}
.m_title h3 { font-size:2.2em;font-weight:700;color:#111; }
.m2_title h3 { font-size:1.8em;font-weight:700;color:#111; }
@media screen and (max-width:1280px) {
	.m_title h3 { font-size:1.8em;font-weight:700;color:#111; }
	.m2_title h3 { font-size:1.4em;font-weight:700;color:#111; }
}
@media screen and (max-width:736px) {
	.m_title h3 { font-size:1.6em;font-weight:700;color:#111; }
	.m2_title h3 { font-size:1.2em;font-weight:700;color:#111; }
}


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

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

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

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

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

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

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



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

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



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

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

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

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

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

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

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


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

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

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

}

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

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

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

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

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

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

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

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

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

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

/*--------------------------------------
과정상세보기
-----------------------------------------*/
.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;
}

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

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

@media screen and (max-width:980px) {
	.j-bbs-latest {clear:both; width:calc(100% - 10px); margin:5px 5px;}
}

/*-------------------------------------
로그인
----------------------------------------*/
#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);}

/*-------------------------------------
페이징
----------------------------------------*/
.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}

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

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

.copy span {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; }

.f_box { width:100%; overflow:hidden; }
.f_box .f_left { float:left;width:130px; }
.f_box .f_right { float:right;width:calc(100% - 130px); }

@media screen and (max-width:736px) {
.footer { font-size:11pt; }
.footer ul.j-foot-menu li a { color:#ccc; font-size:1em; font-weight:400;  }

.f_box { width:100%; overflow:auto; }
.f_box .f_left { float:none;width:100%; }
.f_box .f_right { float:none;width:100%; }

}