@charset "UTF-8";


/* Noto sans */
@font-face{
    font-family:'Noto Sans Kr';
    font-style:normal;
    font-weight:100;
    src:local('Noto Sans Light'),
    local('NotoSans-Light'),url(/fonts/NotoSansKR-Light-Hestia.eot),
    url(/fonts/NotoSansKR-Light-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
    url(/fonts/NotoSansKR-Light-Hestia.otf) format('opentype')
}

@font-face{
    font-family:'Noto Sans Kr';
    font-style:normal;
    font-weight:300;
    src:local('Noto Sans Regular'),
    local('NotoSans-Regular'),url(/fonts/NotoSansKR-Regular-Hestia.eot),
    url(/fonts/NotoSansKR-Regular-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
    url(/fonts/NotoSansKR-Regular-Hestia.otf) format('opentype')
}

@font-face{
    font-family:'Noto Sans Kr';
    font-style:normal;
    font-weight:600;
    src:local('Noto Sans Medium'),
    local('NotoSans-Medium'),url(/fonts/NotoSansKR-Medium-Hestia.eot),
    url(/fonts/NotoSansKR-Medium-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
    url(/fonts/NotoSansKR-Medium-Hestia.otf) format('opentype')
}

@font-face{
    font-family:'Noto Sans Kr';
    font-style:normal;
    font-weight:900;
    src:local('Noto Sans Bold'),
    local('NotoSans-Bold'),url(/fonts/NotoSansKR-Bold-Hestia.eot),
    url(/fonts/NotoSansKR-Bold-Hestia.eot?#iefix) format('embedded-opentype'),
    url(/fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
    url(/fonts/NotoSansKR-Bold-Hestia.otf) format('opentype')
}



/* Pretendard */

@font-face {
    font-family: 'Pretendard';
    font-weight: 900;
    font-display: swap;
    src: local('Pretendard Black'),
         url('/fonts/Pretendard-Black.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 800;
    font-display: swap;
    src: local('Pretendard ExtraBold'),
         url('/fonts/Pretendard-ExtraBold.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 700;
    font-display: swap;
    src: local('Pretendard Bold'),
         url('/fonts/Pretendard-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 600;
    font-display: swap;
    src: local('Pretendard SemiBold'),
         url('/fonts/Pretendard-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 500;
    font-display: swap;
    src: local('Pretendard Medium'),
         url('/fonts/Pretendard-Medium.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 400;
    font-display: swap;
    src: local('Pretendard Regular'),
         url('/fonts/Pretendard-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 300;
    font-display: swap;
    src: local('Pretendard Light'),
         url('/fonts/Pretendard-Light.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 200;
    font-display: swap;
    src: local('Pretendard ExtraLight'),
         url('/fonts/Pretendard-ExtraLight.otf') format('opentype');
}

@font-face {
    font-family: 'Pretendard';
    font-weight: 100;
    font-display: swap;
    src: local('Pretendard Thin'),
         url('/fonts/Pretendard-Thin.otf') format('opentype');
}






:root {
--bt-default1: #3ccbd0;    /* var(--bt-default1)098084 */
--bt-default2: #59738e; 
--bt-default3: #eee;          /* #97b3cf;  */
--bt-default4: #00bfcf;
}

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

/*-----------------------------------
   기본설정값
-----------------------------------*/

caption{display:none;}
legend{display:none;}
.hidden {display:none;}
.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;}



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

html {
    overflow-y: scroll
}

html,
body {
    height: auto;
}

body,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
th,
td,
form,
fieldset,
legend,
input,
textarea,
button,
select,
strong,
b {
    font-size: 16px;
    line-height: 25px;
    font-family: 'Pretendard', 'Noto Sans Kr', sans-serif;
    margin: 0;
    padding: 0;
    color: #333333;
    font-weight: 400;
}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: 700;  }

h1 { font-size: 2em; }
h2 { font-size: 2em}
h3 { font-size: 1.6em; }
h4 { font-size: 1.4em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

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

label {
    display: inline-block;
    cursor: pointer
}

input,
textarea,
select,
button,
table {
    font-family: 'Pretendard', 'Noto Sans Kr', sans-serif;
    font-size: 16px;
    color: #323232;
    font-weight: 400;
}

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

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

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

    body,
    p,
    ul,
    ol,
    li,
    dl,
    dt,
    dd,
    table,
    th,
    td,
    form,
    fieldset,
    legend,
    input,
    textarea,
    button,
    select {
        font-size: 14px;
        line-height: 24px
    }

    input,
    textarea,
    select,
    button,
    table {
        font-size: 14px;
        line-height: 18px
    }
}

img,
fieldset {
    height: auto;
    border: 0;
    vertical-align: middle;
    max-width: 100%;
}

th {
    font-weight: normal
}

em,
address {
    font-style: normal
}

a {
    text-decoration: none
}

a:link,
a:visited {
    color: #333333
}

a:hover,
a:focus {
    color: #333333
}

article,
aside,
dialog,
footer,
header,
section,
footer,
nav,
figure,
main {
    display: block;
    margin: 0;
    padding: 0
}

button,
input[type="submit"] {
    cursor: pointer
}



/*-------------- 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:1280px) {
.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:1280px) {
.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:1280px) {
.left400 { float:none;width:100%; padding:5px; }
.right400 { float:none;width:100%;padding:5px; }
}

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

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



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

/* Header */
#header { position:fixed; left:0; top:0; z-index:999; width:100%; height:150px; margin:0; padding:0; background:#fff; }

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

/* 헤드 메뉴 */
#head-gnb { position:relative; width:100%; margin:0px; padding:0; }
#j-visual-wrap {font-size:0;line-height:0;padding:0;margin:0;}
#j-top-mbt {display:none;position:absolute;right:0px;top:15px;cursor:pointer; }
@media screen and (max-width:1280px) {
	#page-wrapper { padding:66px 0 0; }
	#header { height:66px; }
	#navbarbox { padding:0px;}
	#nv_logo { margin:0;}
	#nv_adm { margin:0px 0 0; }
	#navbarbox .nv_gnb_box { border-top:0px solid #ddd;}
	#j-top-m {display:none;}
	#j-top-mbt {display:block;}
	#gnb-all {display:none;}
/*
	#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) {

}

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

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

.navbar {
  padding: 0;
}

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

.navbar li {
  position: relative;

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

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

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

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

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

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

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

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

.navbar .dropdown ul {
  display: block;
  width:200px;
  position: absolute;
  left: 0px;
  top: calc(100% - 10px);
  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: 0px;
/*  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: 1em;
  text-transform: none;
  color: #333;
  font-weight: 400;
}

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

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

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

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

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

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

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

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




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

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

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

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

/*--------------------------------------------------------------
# title
--------------------------------------------------------------*/
.m_title { padding:20px 0; }
.m2_title { padding:16px 0; }

.m_title h3 { font-size:1.6em;font-weight:700;color:#333; }
.m2_title h3 { font-size:1.5em;font-weight:700;color:#333; }
@media screen and (max-width:1280px) {
	.m_title h3 { font-size:1.5em;font-weight:700;color:#333; }
	.m2_title h3 { font-size:1.4em;font-weight:700;color:#333; }
}
@media screen and (max-width:736px) {
	.m_title h3 { font-size:1.4em;font-weight:700;color:#333; }
	.m2_title h3 { font-size:1.3em;font-weight:700;color:#333; }
}

/*--------------------------------------------------------------
# navbarbox
--------------------------------------------------------------*/
#nv_logo { display:inline-block; margin:0; }
#nv_logo a > img {width:250px;}
#nv_gnb { display:inline-block;margin:0 0 0 40px; }



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


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

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

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

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


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

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

}


/*--------------------------------------
좌 우
-----------------------------------------*/




.container div.container_left { width:250px;float:left; }
.container div.container_right { width:calc(100% - 250px);padding:90px 0 0 50px; float:right; border-left:0px solid #ddd; }
#c_r_j-l-side { display:none; }

div.container_left div.section-title2 { padding:0; }
div.container_left ul { margin:0;padding:0;list-style:none; }
div.container_left ul li a { display:block; padding:10px 0px 10px 10px; font-size:1.1em;line-height:1.2em;font-weight:400; }
div.container_left ul > li.over > a { padding:10px 0px 10px 15px; background:var(--bt-default1) url(/images/dot002.png) no-repeat 220px center; border-radius:10px; color:#fff;font-weight:500;box-shadow:2px 2px 3px rgba(0,0,0,0.2) }
div.container_left ul li ul { margin:0;padding:0; background:#f0f0f0; list-style:;}
div.container_left ul > li > ul > li > a { padding:7px 10px 7px 25px; background:#f0f0f0 url(/images/line001.png) no-repeat 10px center !important; }
div.container_left ul > li > ul > li.over > a {color:#00f !important;padding:7px 10px 7px 25px; }

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

.section-bg {
  background-color: #f3f5fa;
}
.section-title h2 {
  font-weight: 700;
  font-size:2em;
  text-transform: uppercase;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
  color: #222;
}

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

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

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


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

.section-title2 h3 {
  font-size: 1.6em;
  font-weight: 700;
  margin: 20px 0 20px 0;
  padding: 20px 0;
  position: relative;
  color: #111;
  border-bottom:2px solid #eee;
}
/*
.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: 60px;
  height: 2px;
  background: #000;
  bottom: -2px;
  left: 0px;//calc(50% - 20px);
}

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


@media screen and (max-width:1280px) {
	.container div.container_left { display:none; }
	.container div.container_right { width:100%;float:none;padding:0 0 0 0px; border-left:0px solid #ddd;  }
	#c_r_j-l-side { display:block; }
	#sub-slider-list { display:; }
}


#j-l-side {
	padding:10px 0;
	margin:0 0 50px 0;
}


#j-tbar {
	margin:0px 0 0;
}

@media screen and (max-width:1280px) {
	#j-l-side {
		padding:10px 0;
		margin:0 0 0px 0;
	}


	#j-tbar {
		margin:30px 0 0;
	}
}







/*--------------------------------------
오시는길
-----------------------------------------*/
.location {}
.location ul { margin:20px 0 0;padding:0; }
.location ul li { list-style:none; }
.location ul li span.ico { display:inline-block; width:30px; color:#111; text-align:center; }
.location ul li span.tit {display:inline-block; width:60px;  color:#111; font-weight:500; }

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


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

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

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

/* 온라인접수 */

.form-control { 
	margin:2px 0;
}
.form-select{
	margin:2px 0;
}
.form-btn {
	margin:2px 0;
}
.form-check-input {
	margin:2px 0;
	vertical-align:middle;
}
.custom-control-label {
	margin:2px 0;
	vertical-align:middle;
}


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

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

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

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


/*-------------------------------------
게시판 최신글
----------------------------------------*/
.j-bbs-latest_head { position:relative;margin:0 0 1.5em 0;}
.j-bbs-latest_head em {position:absolute;right:0;top:0px;}
.j-bbs-latest_head h3 {font-size:1.8em;font-weight:700;color:#333;}
.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;font-weight:500;line-height:1.2em;height:1.2em; width:calc(100% - 72px);margin:0; overflow:hidden; }
.j-bbs-latest ul li em {display:inline-block;font-size:0.87em; font-weight:500; width:72px;margin:0; overflow:hidden;color:#555; text-align:left}
.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}

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

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

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

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

.tabs3 { width:100%;overflow:hidden;padding:0 0 1px 0;margin:0 0 20px 0; }
.tabs3 div{float:left; width:calc(33% - 10px);margin:0 5px;border-radius:5px;overflow:hidden;}
.tabs3 div a {display:block;transition: all .3s;text-align:center; color:#00bfcf; font-weight:500; font-size:1.15em;height:2.8em;line-height:2.8em;overflow:hidden; border:0px 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 #00bfcf; background:#00bfcf; 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;}
}




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

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

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

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











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

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

.copy {color:#aaa;}