@charset "utf-8";
/*
@font-face{font-family:'Nanum Squre'; src:url('../font/NanumSquare.woff')}
@font-face{font-family:'Nanum Squre'; src:url('../font/NanumSquare.eot')}
@font-face{font-family:'Nanum SqureEB'; src:url('../font/NanumSquareEB.woff')}
@font-face{font-family:'Nanum SqureEB'; src:url('../font/NanumSquareEB.eot')}
 */

@font-face{font-family:'SCDream1'; src:url('../font/SCDream1.otf')}
@font-face{font-family:'SCDream2'; src:url('../font/SCDream2.otf')}
@font-face{font-family:'SCDream3'; src:url('../font/SCDream3.otf')}
@font-face{font-family:'SCDream4'; src:url('../font/SCDream4.otf')}
@font-face{font-family:'SCDream5'; src:url('../font/SCDream5.otf')}
@font-face{font-family:'SCDream6'; src:url('../font/SCDream6.otf')}
@font-face{font-family:'SCDream7'; src:url('../font/SCDream7.otf')}
@font-face{font-family:'SCDream8'; src:url('../font/SCDream8.otf')}
@font-face{font-family:'SCDream9'; src:url('../font/SCDream9.otf')}


/**/


@font-face {
    font-family: 'S-CoreDream-1Thin';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-1Thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream-3Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-4Regular';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-4Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-5Medium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-5Medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'S-CoreDream-6Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-6Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
     font-family: 'S-CoreDream-9Black';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-9Black.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}


/**/


/* SIR 지운아빠 */
*{box-sizing: border-box; font-family: 'S-CoreDream-5Medium', 'S-CoreDream-6Bold','S-CoreDream-4Regular','S-CoreDream-1Thin', 'S-CoreDream-3Light',  'Nanum Squre', 'Noto Sans KR', 'Noto Sans SC', 'Noto Sans TC', 'Noto Sans', 'Malgun Gothic', 'Dotum', '돋움', 'Gulim', '굴림', sans-serif;  font-weight:normal;}

html, body, h1, h2, h3, h4, h5, h6, a, p, div {font-family:'S-CoreDream-1Thin', 'S-CoreDream-3Light', 'S-CoreDream-4Regular', 'S-CoreDream-5Medium', 'S-CoreDream-6Bold', 'S-CoreDream-9Black', '나눔고딕', 'sans-serif';}


/* 초기화 */
/* html {overflow-y:scroll} */
body {width:100%; margin:0;padding:0 30px;font-size:1.1em; overflow-x:hidden; line-height:1.4; color:#333; letter-spacing:-0.5px;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

body {position: relative;}

#hd ul, nav ul, #ft ul {list-style:none;}
ul, li {list-style:none; padding:0; margin:0}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle}
input, button {margin:0;padding:0;font-size:1em; }
button {cursor:pointer; border: 0; outline: 0;}

textarea, select { font-size:1.25em;}
select {margin:0; height: 40px;}
p {margin:0;padding:0;word-break:break-all; line-height:1.6;}
hr {display:none}
pre {overflow-x:scroll;font-size:1em}
a:link, a:visited {color:#000;text-decoration:none; line-height: 2.5; font-family: 'S-CoreDream-4Regular';}
a:hover, a:focus, a:active {color:;text-decoration:none}
p b {font-weight:bold;}
table {font-size:1em !important; line-height:1.8 !important; border-spacing: none; border-collapse:collapse;}
strong {font-weight:bold;}



/* 팝업레이어 */
#hd_pop {z-index:1000;position:relative;margin:0 auto;width:970px;height:0;}
#hd_pop h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;}
.hd_pops {position:absolute;/*border:1px solid #e9e9e9;*/ background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 10px 10px 15px rgba(0,0,0,0.3);}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0; background:#fff; color:#000; text-align:right;}
.hd_pops_footer button {margin-right:15px; padding:5px 10px; border:0;background:#fff; color:#000; border-radius: 20px; }

/* 상단 레이아웃 */
#hd {width: 100%; /* position:fixed; top:0; left:0; z-index:99; */ border-bottom:1px solid black;}
.hd_zindex {z-index:10 !important}
#hd_h1 {font-size:0;line-height:0;overflow:hidden;}
#quick {position: absolute;  right: 0px;  top: 145px;  width:51px;  height: 270px;  background: none;  z-index: 999999999;}

.hd_sch_wr {width:240px; height:55px; float:right;}

#hd_wrapper {position:relative; width:1500px; height: 80px; margin:0 auto; clear: both; }
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo { position: relative; width: 100px; height: 80px; float: left; z-index: 99;}
#logo img {margin-top: 25px;}


#header{display: flex;justify-content: space-between;align-items: center;position: relative;}
#header #gnb{display: flex;z-index: 99;margin-left: auto;}



.navigation {
    width: 35vw;
    margin-top: 10px;
    text-align: center;
    z-index: 10;
}

#header:after {display:none !important;}

.navigation {
    
    display: flex;
    flex-direction: row;
    align-items: center;
	gap:25px;
}

.navigation>ul>li:hover .submenu {
    max-height: 100vh;
}
.nav_item > a {
  color: #000000;
  text-decoration: none;
  position: relative;
  display: inline-block;
}
.nav_item > a:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50px;
  width: 0;
  height: 2px;
  background-color: #000000;
  transition: width 0.2s ease-in-out;
  transform: translateX(-50%);
}

.nav_item:hover > a:after {
  width: 100%;
}
.dropdown_king {padding:50px 50px;}

.dropdown_main {
				  margin: 0 auto;
				  display: flex;
				  position: absolute;
				  z-index: 1;
				  background-color: #fff;
				  justify-content: end;
				  align-items: center;
				  border-radius: 3px;
				  top: 9.3rem;
				  left: 0rem;
				  width: 100%;
				  border: 1px solid rgb(99, 96, 96);
				  box-shadow: 0 40px 40px rgb(0 0 0 /6%);
				  opacity: 1;
				  visibility: hidden;
				  transform: translateY(-10px);
				  transition: transform 0.3s;
				  padding:70px 150px;
				}

.dropdown_queen {padding:1rem 5rem 1rem 3rem;}

.dropdown_queen_sub {
				  margin: 0;
				  display: flex;
				  position: absolute;
				  z-index: 1;
				  background:none;
				  justify-content: space-evenly;
				  align-items: center;
				  border-radius: 3px;
				  top: 3rem;
				  left: 0rem;
				  width: 82%;
				  opacity: 1;
				  visibility: hidden;
				  transform: translateY(-10px);
				  transition: transform 0.3s;
				  padding:1rem 3rem;
				}

				.dropdown_queen_sub_2 {padding:1rem 3rem;}

				.dropdown_queen_sub img {width:750px;}

				.dropdown_main div.dropdown_sub {
				  display: flex;
				  flex-direction:column;
				  color: #000000;
				  font-weight: 400;
				  font-size: 1rem;
				  text-align: left;
				  text-decoration: none;
				}

				.dropdown_main .dropdown_sub div{
				  /* padding: 1rem 5rem;
				  border-right:0.5px solid #ddd; */
				}

				.dropdown_sub {padding:0 !important;}

				.dropdown_king:hover .dropdown_main {
				  opacity: 1;
				  visibility: visible;
				  transform: translateY(0);
				}

				.dropdown_queen a:hover {border-bottom:1px solid #222;}

				.dropdown_queen:hover .dropdown_queen_sub {
				  opacity: 1;
				  visibility: visible;
				  transform: translateY(0);
				}
/* .gnb_1dli:last-child {margin-right:50px;} */

/* .gnb_1da {display:inline-block; width: 100%; height: 40px; color:black !important; text-decoration:none; font-size: 1em;font-weight: bold;box-sizing: border-box; text-align: center;}

.gnb_1da:focus, .gnb_1da:hover {text-decoration:none;}
.gnb_2dul {display:block;width: 100%;margin: 20px 0 20px !important; }
.gnb_2da {display:block;padding: 7px 10px;text-align:left;text-decoration:none;color:#333 !important; font-size:1em; text-align: center;font-weight: bold;}
.gnb_2da:focus, .gnb_2da:hover {color:#0000f6 !important; text-decoration:none}

.gnb_2dul li{width: 100%; text-align: center; font-size: 15px;}

#gnb_1dul li:nth-child(3) {margin-right: 15px;}
#gnb_1dul li:nth-child(6) {margin-left: 20px; margin-right: 20px;}
#gnb_1dul li:nth-child(7) {margin-right: 20px;}


#gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em}
#gnb_empty a {text-decoration:underline} */



.bx-pager {display:none;}
/* 상단 회원가입 등 링크 */
#tnb {float:right;margin:0;padding:0;list-style:none;zoom:1}
#tnb:after {display:block;visibility:hidden;clear:both;content:""}
#tnb li {float:left;margin:0 0 0 10px}
#tnb a {display:inline-block;padding:0 10px;height:28px;color:#333;letter-spacing:-0.1em;line-height:2.4em}
#tnb a:focus, #tnb a:hover, #tnb a:active {text-decoration:none}
#tnb img {margin-right:3px}



/* 비주얼 */

#main_bn {position:relative; width:100%;max-height:920px;overflow:hidden;}
#main_bn .bn_ul {margin:0;padding:0;text-align:center}
#main_bn .bn_ul li {float:left;list-style:none}
#main_bn .bn_ul li img {width:100%;height:auto; min-width:1905px; min-height:920px; max-width:2200px; max-height:920px;}

#main_bn .bx-controls {position:relative; bottom:50px; text-align:center;width:1200px; margin: 0 auto;}
#main_bn .bx-controls .bx-pager-item {display:inline-block;margin:0 5px; float: left;}
#main_bn .bx-controls .bx-pager-link {display:inline-block;cursor:pointer;text-indent:-9999px;width:20px;height:20px; border-radius: 50px; background:#fff;overflow:hidden}
#main_bn .bx-controls .active {background:#4e7eff;}
#main_bn .bx-controls-auto,
#main_bn .bx-controls-direction {display:none}

.img_100 img {width:100%;}

#sub_visual {width:100% ;height:300px;  margin:0 auto; z-index:-99;}


.swiper {width: 100%; margin:15px 0;}
.swiper:after{content:""; display:block; clear:both; }
.swiper-slide {position:relative;}
.swiper-slide img {width:100%;}
.swiper-slide .v_text {position:absolute; z-index:99999; left:10%; bottom:15%; color:white; padding:5px 20px; border-radius:40px; background:black;}
.swiper-slide .v_text img {width:43px;}
.swiper-wrapper {height:auto;}

.pc_v {display:block !important;}
.m_v {display:none !important;}
/* 메인컨텐츠 */
#wrap {width: 1500px; margin: 0 auto;  }



/* 서브페이지 */
/* .sub_title {margin-bottom: 10px; height: 100px; border-bottom: 2px dotted #23a52c; box-sizing: border-box;}*/


/*101*/
#sub101_con1 {margin-top: 100px; font-size: 3.125em;  font-family:'S-CoreDream-6Bold'; /* font-weight: 600;*/}
#sub101_con1 > span {color: #4e7eff;  font-family:'S-CoreDream-6Bold';  /*font-weight: 600;*/}
#sub101_con2 {font-size: 1.25em; margin-top: 100px;  font-family:'S-CoreDream-5Medium'; /* font-weight: 500;*/}
#solid {width: 100%; height: 1px; background: #013668; margin-top: 100px;}

#sub101_con3 {margin-top: 100px;}
#sub101_con3 > .sub101_box { position: relative; clear: both; width: 1200px; content: block;}

#sub101_con3 > .sub101_box > li { position: relative; float: left; width: 300px; height: 320px; margin-right: 150px; margin-bottom: 110px; transition: all 2s;}
#sub101_con3 > .sub101_box > li:nth-child(3) {margin-right: 0px;}
#sub101_con3 > .sub101_box > li:hover { transform: rotateY(360deg); }


/*103*/
#sub103_map {position: relative; margin: 100px 0;}


/*201*/
#sub201_con1 {margin-top: 100px; font-size: 3.125em; font-family:'S-CoreDream-6Bold';}
#sub201_con1 > span {color: #4e7eff; font-family:'S-CoreDream-6Bold';}
#sub201_con2 {font-family:'S-CoreDream-5Medium'; font-size: 1.25em; margin-top: 100px;}

#sub201_con3 {margin-top: 100px; margin-bottom: 100px;}
#sub201_con3 > .sub101_box { position: relative; clear: both; width: 1200px; content: block;}

#sub201_con3 > .sub201_box > li { position: relative; float: left; width: 300px; height: 320px; margin-right: 50px; margin-bottom: 110px;}
#sub201_con3 > .sub201_box > li >  img {width: 300px; height: 300px;}
#sub201_con3 > .sub201_box > li >  p {width: 300px; height: 60px; font-family: 'S-CoreDream-5Medium'; font-size: 1.25em; line-height: 60px; text-align: center;}

.sub201_box_next {width: 50px; height: 280px; line-height: 280px; float: left; text-align: center;font-family: 'S-CoreDream-5Medium'; font-size: 3em; margin-right: 50px;}
#sub201_con3 > .sub201_box > .sub201_last {margin-right: 0px;}
#sub201_con3 > .sub201_box > .sub201_last > p {margin-right: 0px;}





.sub201_title { margin-bottom: 50px; clear: both;}
.sub201_color { width: 10px; height: 2em; background: #4e7eff; float: left; margin-right: 20px;}
.sub201_txt { float: left; font-family: 'S-CoreDream-4Regular'; font-size: 1.5em; font-weight: bold;}

.sub201_con { clear: both; margin-bottom: 50px; margin-left: 30px;}
.sub201_con > h3 {  font-family: 'S-CoreDream-4Regular' !important; font-size: 1.25em !important; font-weight: bold; line-height: 2;}
.sub201_con > h3 b {  font-family: 'S-CoreDream-4Regular' !important; font-size: 1em !important; font-weight: bold; line-height: 2; color: #4e7eff;}
.sub201_con > h5 {  font-family: 'S-CoreDream-4Regular' !important; font-size: 1em !important; line-height: 2;}
.sub201_con > h5 b {  font-family: 'S-CoreDream-4Regular' !important; font-size: 1.25em !important; font-weight: bold; line-height: 2; color: #4e7eff;}



/*메뉴*/
#left_menu { position: relative;width:1200px; height: 60px; margin: 0 auto; }
#left_menu:after {display:block;visibility:hidden;clear:both;content:""; }

#left_menu ul {height: 60px; border-bottom: 1px solid #ddd; padding-top: 15px;}
#left_menu ul li { margin:0 auto; font-size:1.25em; font-weight: bold; position:relative; cursor: pointer;  float: left;}

#left_menu #con1_icon {width: 200px;height: 168px; text-align: center; box-sizing: border-box;}
#left_menu #con1_icon img {width: 154px;height: 132px;padding-top: 50px;}

#left_menu ul p {padding-left:10px; line-height: 46px;}
.menu_head a { /* font-weight:bold; */ display: block; padding: 15px 10px;}
#left_menu ul li:hover {color: #4e7eff;}
#left_menu ul li:hover a {color: #4e7eff;}

#left_menu .left_active  li { color: #4e7eff;}
#left_menu .left_active { color: #4e7eff; font-weight:bold; display:block;}
#left_menu .left_active2 a {color:#0075c8; background: #4e7eff;font-weight:bold; }/*??*/
#left_menu ul.hide {padding:5px 0; width:200px;}
#left_menu ul.hide li {padding-left:20px; border-bottom:0;}
#ihover {background:#f9f9f9;}

#left_con{width:200px; height:240px; background:#f8f8f8 !important; cursor:auto;margin-top: 30px;}
#left_con h1 {color:white; text-align:center; font-size:19px;line-height: 20px;}
#left_con h1:hover{background: #f8f8f8}
#left_con .main {color:white; display:block; text-align:center; padding:40px 0 5px 0; font-size:28px;font-weight:bold}
#left_con h4{font-size: 23px;text-align:center;color: #666;padding-top: 20px;}
#left_con h2{font-size: 23px;text-align:center;color: #f29a15;font-weight: bold;margin-top: 9px;}
#left_con h1{;color:#666;text-align:left;font-size: 12px;line-height: 24px;position: relative;font-weight: bold;width: 200px;display: block;margin: 0 auto;top: 15px;padding-left: 15px;}
#left_con h1 span{position: relative;left: 44px!important;font-size: 12px;letter-spacing:-0.05em}

#left_menu .left_notice {width: 200px; height: 300px; text-align: center; background: url("../img/sub/left_notice.jpg"); margin-bottom: 50px;	}
#left_menu .left_notice strong {font-size: 22px;}


#left_menu .menu_bar {text-decoration: none; cursor: default;}
#left_menu .menu_bar:hover {color: #000;}



#left_menu .menu a p {font-family: 'S-CoreDream-4Regular';}



/* 전체 검색 */
#hd_sch {float:left; margin:15px 0 0 20px;padding:0; background:#eee; padding:5px 15px; border-radius:25px;}
#hd_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#hd_sch #sch_stx {padding-left:5px;width:150px;height:24px;border:0;line-height:1.9em !important;line-height:1.6em; background:none;}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:none;color:#333;cursor:pointer}

/* 텍스트 크기 조절 */
#text_size {float:left;margin:0 0 0 10px;letter-spacing:-3px}
#text_size button {margin:0;padding:1px 2px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle;cursor:pointer}
.ts_up {font-size:1.167em !important}
.ts_up2 {font-size:1.3em !important}




/* 하단 레이아웃 */
#ft {width:100%; position: relative; color: black; font-size: 1em; margin: 0 auto; overflow: hidden; padding:30px 0;}

#ft_copy {width:1500px; position:relative;margin:0 auto; padding:15px 0; text-align:center; clear: both; }
#ft_copy #ft_logo {float: left; width: 677px; text-align: left;}
#ft_copy #ft_logo img {margin-left: 270px; margin-top: 50px;}

#ft_copy p {text-align: left; line-height: 1.9em; font-size: 1em; font-family: 'S-CoreDream-3Light';
}

.adm_page {  border:1px solid black; text-decoration:none!important; padding: 1px 5px;  }
.adm_page:hover { background-color:#fff; color:#333; transition:0.4s; }




/* Toggle 버튼: 선 세 개 아이콘 */

.menu-icon {
  width: 30px;
  height: 25px;
  position: fixed;
  top: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 1001;
}

.menu-icon span {
  height: 3px;
  width: 100%;
  background-color: #333;
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* Toggle 버튼: 선 세 개 아이콘 */
.menu-icon {
  width: 30px;
  height: 25px;
  position: fixed;
  top: 35px;
  right: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
  z-index: 1001;
}

.menu-icon span {
  height: 4px;
  width: 100%;
  background-color: black; /* 기본 선 색상 */
  border-radius: 2px;
  transition: all 0.3s ease;
}

/* 토글이 열리면 선 색상을 하얀색으로 변경 */
.menu-icon.open span {
  background-color: #fff;
}

/* 첫 번째와 세 번째 선이 교차하여 X자 모양 */
.menu-icon.open span:nth-child(1) {
  transform: rotate(45deg) translate(7px, 9px); /* translate 값을 조정 */
}

.menu-icon.open span:nth-child(2) {
  opacity: 0; /* 두 번째 선 숨기기 */
}

.menu-icon.open span:nth-child(3) {
  transform: rotate(-45deg) translate(5px, -7.5px); /* translate 값을 조정 */
}

/* 토글 메뉴 */
.side-menu {
  width: 250px;
  height: 100%;
  background-color: #333;
  position: fixed;
  top: 0;
  right: -250px;
  transition: right 0.3s;
  color: white;
  z-index: 1000;
  overflow-y: auto; /* 세로 스크롤 활성화 */
}

/* 메뉴가 열리면 화면에 보이도록 */
.side-menu.open {
  right: 0;
}

/* 메뉴의 길이에 따라 스크롤 가능 */
.side-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.side-menu li {
  padding: 10px 20px;
}

.side-menu a {
  color: white;
  text-decoration: none;
}

#gnb_togdul {margin-top:30px !important;}


/* 메뉴에 스크롤바 스타일 */
.side-menu::-webkit-scrollbar {
  width: 6px;
}

.side-menu::-webkit-scrollbar-thumb {
  background-color: #555;
  border-radius: 10px;
}

/* 추가 스타일링 */
  .submenu-toggle {
    margin-left: 5px;
  }



/* 게시물 선택복사 선택이동 */
#copymove {}
.copymove_current {float:right;color:#ff3061}
.copymove_currentbg {background:#f4f4f4}

/* 화면낭독기 사용자용 */
#hd_login_msg {position:absolute;top:0;left:0;font-size:0;line-height:0;overflow:hidden}
.msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}

/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {position:absolute;top:0;left:161px;;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer}
#captcha #captcha_mp3 span {position:absolute;top:0;left:0;width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat;}
#captcha #captcha_reload {position:absolute;top:31px;left:161px;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;border-top:1px solid #ccc;text-indent:-999px}
#captcha #captcha_key {margin:0 0 0 33px;padding:0 5px;width:70px;height:60px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px}
#captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-top:5px;display:block;}
#captcha.m_captcha #captcha_reload {position:static;margin:0;padding:0;width:31px;height:31px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha.png') no-repeat  0 -30px;text-indent:-999px}
#captcha.m_captcha #captcha_reload span{display:none;}
#captcha.m_captcha #captcha_key {margin:0;padding:0 5px;width:115px;height:29px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;margin-left:3px}
#captcha.m_captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none}

/* ckeditor 단축키 */
.cke_sc {margin:0 0 5px;text-align:right}
.btn_cke_sc{display:inline-block;padding:0 10px;height:23px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;line-height:1.9em;vertical-align:middle;cursor:pointer; font-size:13px;}
.cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center}
.cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1}
.cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""}
.cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9}
.cke_sc_def dt {width:20%;font-weight:bold}
.cke_sc_def dd {width:30%}

/* 버튼 */
a.btn01 {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
a.btn01:focus, a.btn01:hover {text-decoration:none}
button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none}
a.btn02 {display:inline-block;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn02:focus, .btn02:hover {text-decoration:none}
button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none}

.btn_confirm {text-align:center} /* 서식단계 진행 */

.btn_submit {padding:8px;border:0;background:#4e7eff;color:#fff;letter-spacing:-0.1em;cursor:pointer; height:40px;}
fieldset .btn_submit {padding:0 7px;height:40px;line-height:1em; width: 60px;}

a.btn_cancel {display:inline-block;padding:5px !important;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle; font-family: 'S-CoreDream-5Medium';}
button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none}

a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:24px;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top} /* 우편번호검색버튼 등 */
a.btn_frmline {line-height:24px}
button.btn_frmline {font-size:1em}

.btn_bo_user span {font-size:15px !important; line-height:15px; position:relative !important; top:none; left:none;}
.btn_bo_user span .sound_only {font-size:15px !important; line-height:6px; position:relative !important; top:none; left:none;}
.btn_bo_user .fa {padding-right:5px;}

/* 게시판용 버튼 */
.btn_b01 {display:inline-block;padding:6px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle;}
.btn_b01:focus, .btn_b01:hover {text-decoration:none}
.btn_b02 {display:inline-block;padding:5px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle; font-family: 'S-CoreDream-5Medium';}
.btn_b022 {display:block; width:250px; border-radius:20px; padding:13px 7px; background:green;color:#fff;text-decoration:none;text-align:center; margin:0 auto; margin-top:50px; font-weight:bold;}
.btn_b02:focus, .btn_b02:hover {text-decoration:none}
.btn_admin {display:inline-block;padding:5px;border:1px solid #d9ded9;background:#f2f5f9;/* color:#fff; */text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
.btn_admin:focus, .btn_admin:hover {text-decoration:none}
/* .btn_b01 {height:35px; line-height:35px; text-align:center;} */

/* 댓글 스타일 */
.cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold; padding: 0 10px}

/* 기본테이블 */
.tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}

.tbl_head01 {margin:0 0 10px; position:relative;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th {padding:12px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background: #4e7eff;color:#fff;font-size:0.95em;text-align:center;letter-spacing:-0.1em; /* font-weight: bold; */}
.tbl_head01 thead th:nth-child(1) {width: 50px;}
.tbl_head01 thead th:nth-child(3) { width: 190px; text-align: center;}
.tbl_head01 thead th:nth-child(4) {width: 100px;}
.tbl_head01 thead th:nth-child(5) {width: 100px;}
.tbl_head01 thead a {color:#fff; font-weight: bold;}
.tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head01 td {padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all}
.tbl_head01 a {}

.tbl_head02 {margin:0 0 10px}
.tbl_head02 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head02 thead a {color:#383838}
.tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center}
.tbl_head02 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}
.tbl_head02 td {padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all}
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table {width:100%;border-collapse:collapse;border-spacing:0}
.tbl_frm01 th {width:70px;padding:7px 13px;border:1px solid #e9e9e9;border-left:0;background:#f5f8f9;text-align:left}
.tbl_frm01 td {padding:7px 10px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent}
.tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:38px}
.tbl_frm01 textarea {width:98%;height:100px}
.tbl_frm01 a {text-decoration:none}
.tbl_frm01 .frm_file {display:block;margin-bottom:5px}
.tbl_frm01 .frm_info {display:block;padding:0 0 5px;line-height:1.4em}

/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important;text-align:center}
.empty_list {padding:20px 0 !important;text-align:center}

/* 필수입력 */
.required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 top right no-repeat !important}

/* 테이블 항목별 정의 */
.td_board {width:120px;text-align:center}
.td_category {width:80px;text-align:center}
.td_chk {width:30px;text-align:center}
.td_date {width:60px;text-align:center}
.td_datetime {width:110px;text-align:center}
.td_group {width:100px;text-align:center}
.td_mb_id {width:100px;text-align:center}
.td_mng {width:80px;text-align:center}
.td_name {width:100px;text-align:left}
.td_nick {width:100px;text-align:center}
.td_num {width:50px;text-align:center}
.td_numbig {width:80px;text-align:center}
.td_stat {width:60px;text-align:center}

.txt_active {color:#5d910b}
.txt_done {color:#e8180c}
.txt_expired {color:#ccc}
.txt_rdy {color:#8abc2a}

/* 새창 기본 스타일 */
.new_win {}
.new_win .tbl_wrap {margin:0 20px}
.new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em}
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li {float:left;margin-left:-1px}
.new_win .win_ul a {display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;/*font-family:dotum;*/font-weight:bold;text-decoration:none}
.new_win .win_desc {padding:20px}

.new_win .win_btn {clear:both;padding:20px;text-align:center} /* 새창용 */
.new_win .win_btn button {display:inline-block;padding:0 10px;height:30px;border:0;background:#4b545e;color:#fff;line-height:2em;cursor:pointer}
.new_win .win_btn input {padding:0 10px;height:30px;line-height:2em}
.new_win .win_btn a {display:inline-block;padding:0 10px;height:30px;background:#4b545e;color:#fff;vertical-align:middle;line-height:2.4em}
.new_win .win_btn a:focus, .new_win .win_btn a:hover {text-decoration:none}

/* 검색결과 색상 */
.sch_word {color:#ff3061}

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto;width:500px}
#validation_check h1 {margin-bottom:20px;font-size:1.3em}
#validation_check p {margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff}

/* 사이드뷰 */
.sv_wrap {display:inline-block;position:relative;font-weight:normal}
.sv_wrap .sv {z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646}
.sv_wrap .sv a {display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important}
.sv_wrap a:focus, .sv_wrap a:hover, .sv_wrap a:active {text-decoration:none}
.sv_on {display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto}
.sv_nojs .sv {display:block}

/* 페이징 */
.pg_wrap {clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center}
.pg {}
.pg_page, .pg_current {display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {background:#e4eaec;text-decoration:none}
.pg_start, .pg_prev {/* 이전 */}
.pg_end, .pg_next {/* 다음 */}
.pg_current {display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal}

/* Mobile화면으로 */
#device_change {display:block;margin:0.3em;padding:0.5em 0;border:1px solid #eee;border-radius:2em;background:#fff;color:#000;font-size:2em;text-decoration:none;text-align:center}