@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR');

/* SIR 지운아빠 */

/* 초기화 */
/*html {overflow-y:scroll}
body {margin:0;padding:0;font-size:0.75em;font-family:dotum}
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;font-family:dotum}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

#hd ul, nav ul, #ft ul {margin:0;padding:0;list-style:none}
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-family:dotum;font-size:1em}
button {cursor:pointer}

textarea, select {font-family:dotum;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a{color:#2c3e50;}
a:link, a:visited{color:#2c3e50;text-decoration:none}*/

body{font-family: 'Noto Sans KR', sans-serif !important;}

/* 팝업레이어 */
#hd_pop {z-index:99999;position:relative;margin:0 auto;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}
.hd_pops_con {}
.hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:right}
.hd_pops_footer button {margin-right:5px;padding:5px 10px;border:0;background:#393939;color:#fff}

/* 상단 레이아웃 */
#hd {z-index:4;position:relative;min-width:970px;background:#fff}
.hd_zindex {z-index:10 !important}
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:26px 0;width:970px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#logo {float:left;padding:5px 0 0}

/* 전체 검색 */
#hd_sch {float:left;margin:0 0 0 20px;padding:0;border:1px solid #c3c6ca}
#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:110px;height:24px;border:0;background:#fff;line-height:1.9em !important;line-height:1.6em}
#hd_sch #sch_submit {padding:0 5px;height:26px;border:0;background:#e2e6eb;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}

/* 상단 회원가입 등 링크 */
#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}

/* 메인메뉴 */
#gnb {position:relative;margin:-1px 0 0;border-top:1px dotted #dde4e9;border-bottom:1px solid #dde4e9;background:#ecf0f7}
#gnb h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#gnb_1dul {margin:0 auto !important;padding:0;width:970px;zoom:1}
#gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""}
.gnb_1dli {z-index:10;position:relative;float:left}
.gnb_1da {display:inline-block;padding:0 40px 0 10px;height:35px;background:url('../img/gnb_bg00.gif') center right no-repeat;font-weight:bold;line-height:2.95em;text-decoration:none}
.gnb_1da:focus, .gnb_1da:hover {background:url('../img/gnb_bg00.gif') #333 center right no-repeat;text-decoration:none}
.gnb_1dli_air .gnb_1da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_1da {background-color:#333;color:#fff}
.gnb_2dul {display:none;position:absolute;top:35px;width:180px}
.gnb_2da {display:block;padding:13px 10px;text-align:left;text-decoration:none}
.gnb_1dli_air .gnb_2da {background-color:#333;color:#fff}
.gnb_1dli_on .gnb_2da {background-color:#333;color:#fff}
.gnb_2da:focus, .gnb_2da:hover {background:#666;text-decoration:none}
.gnb_1dli_over .gnb_2dul {display:block;left:0;background:#fff}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0;background:#fff}

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

/* 중간 레이아웃 */
#wrapper {z-index:5;margin:0 auto;width:970px;border-right:1px solid #dde4e9;border-left:1px solid #dde4e9;zoom:1}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}

#aside {float:right;margin:0 0 0 -1px;width:210px;border-left:1px solid #dde4e9;background:#fff}

/*#container {z-index:4;position:relative;float:left;padding:15px 16px 15px 15px;width:728px;min-height:500px;height:auto !important;height:500px;border-right:1px solid #dde4e9;background:#fff;font-size:1em;zoom:1}
#container:after {display:block;visibility:hidden;clear:both;content:""}
#container_title {margin-bottom:20px;font-size:1.2em;font-weight:bold}*/

/* 하단 레이아웃 */
#ft {min-width:970px;border-top:1px solid #dde4e9;background:#f2f5f9}
#ft h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ft p {margin:0;padding:10px 0;line-height:1.8em}

#ft_catch {position:relative;margin:0 auto;padding:20px 0 0;width:970px;text-align:center}

#ft_company {text-align:center}

#ft_copy {background:#414141}
#ft_copy div {position:relative;margin:0 auto;padding:10px 0;width:970px;color:#fff}
#ft_copy a {display:inline-block;margin:0 10px 0 0;color:inherit}
#ft_copy #ft_totop {position:absolute;top:10px;right:0}

/* 게시물 선택복사 선택이동 */
#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}
.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:#ff3061;color:#fff;letter-spacing:-0.1em;cursor:pointer}
fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em}

a.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle}
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}

/* 게시판용 버튼 */
a.btn_b01 {display:inline-block;padding:7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle}
a.btn_b01:focus, .btn_b01:hover {text-decoration:none}
a.btn_b02 {display:inline-block;padding:7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle}
a.btn_b02:focus, .btn_b02:hover {text-decoration:none}
a.btn_admin {display:inline-block;padding:7px;border:1px solid #e8180c;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */
a.btn_admin:focus, a.btn_admin:hover {text-decoration:none}

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

/* 기본테이블 */
.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}
.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:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em}
.tbl_head01 thead a {color:#383838}
.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:8px 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 {}

@media (max-width: 991px){
	.tbl_wrap table{font-size: 13px;}
}
/* 폼 테이블 */
.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:22px}
.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}


/*공통*/
ul{padding:0; margin:0;}
li{list-style:none;}
a:hover, a:focus, a:active {color:#000;text-decoration:none !important}
.mt-30{margin-top: 30px; overflow: hidden;}

.ma_tit{margin: 55px 0px 25px 0px;}


/*모바일 헤더영역*/
.gnb_moArea{display:none;}


.gnb_moArea a i {
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}

.gnb_moArea nav {
  background-color: rgba(0, 0, 0, 0.9);
  height: 100%;
  position: fixed;
  right: -80%;
  top: 0;
  -moz-transition: right 0.2s linear;
  -o-transition: right 0.2s linear;
  -webkit-transition: right 0.2s linear;
  transition: right 0.2s linear;
  width: 80%;
  z-index: 9001;
  /* IT'S OVER 9000! */
}
.gnb_moArea nav #menuToggle {
  background: none;
  display: block;
  position: relative;
  height: 40px;
  left: -50px;
  top: 96px;
  width: 50px;
}
.gnb_moArea nav #menuToggle span {
  background: white;
  display: block;
  height: 10%;
  left: 10%;
  position: absolute;
  top: 45%;
  width: 66%;
}
.gnb_moArea nav #menuToggle span:before, nav #menuToggle span:after {
  background: white;
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: -250%;
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 100%;
}
.gnb_moArea nav #menuToggle span:after {
  top: 250%;
}
.gnb_moArea nav a:nth-child(n + 2) {
  color: white;
  display: block;
  font-size: 1.5em;
  margin: 30px 0 30px 30px;
}
.gnb_moArea nav a:nth-child(n + 2):after {
  background: #ffa53e;
  content: "";
  display: block;
  height: 2px;
  -moz-transition: width 0.2s;
  -o-transition: width 0.2s;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  width: 0;
}
.gnb_moArea nav a:nth-child(n + 2):hover:after {
  width: 100%;
}

.gnb_moArea .open {
  right: 0;
}
.gnb_moArea .open #menuToggle span {
  background: transparent;
  left: 10%;
  top: 25%;
}
.gnb_moArea .open #menuToggle span:before, .open #menuToggle span:after {
  background: white;
  top: 9px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.gnb_moArea .open #menuToggle span:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.gnb_moArea #menuToggle .navClosed {
  -moz-transition: background 0.1s linear;
  -o-transition: background 0.1s linear;
  -webkit-transition: background 0.1s linear;
  transition: background 0.1s linear;
}
.gnb_moArea #menuToggle .navClosed:before, #menuToggle .navClosed:after {
  -moz-transition: top 0.2s linear 0.1s, -moz-transform 0.2s linear 0.1s;
  -o-transition: top 0.2s linear 0.1s, -o-transform 0.2s linear 0.1s;
  -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
  -webkit-transition-delay: 0.1s, 0.1s;
  transition: top 0.2s linear 0.1s, transform 0.2s linear 0.1s;
}
.gnb_moArea #menuToggle .navOpen {
  -moz-transition: background 0.1s linear 0.2s;
  -o-transition: background 0.1s linear 0.2s;
  -webkit-transition: background 0.1s linear;
  -webkit-transition-delay: 0.2s;
  transition: background 0.1s linear 0.2s;
}
.gnb_moArea #menuToggle .navOpen:before, #menuToggle .navOpen:after {
  -moz-transition: top 0.2s linear, -moz-transform 0.2s linear;
  -o-transition: top 0.2s linear, -o-transform 0.2s linear;
  -webkit-transition: top 0.2s linear, -webkit-transform 0.2s linear;
  transition: top 0.2s linear, transform 0.2s linear;
}



@media (max-width: 1199px){
	/*pc 헤더영역*/
	.pc_hd{display:block;}
	.gnb_pcArea{display:none;}
	
	/*모바일 헤더영역*/
	.gnb_moArea{display:block;}
	.navbar-default {background-color: rgba(0,0,0,0.7) !important;}
	.gnb_moArea .logo_m{max-width: 171px;}
	.gnb_moArea nav #menuToggle{top: 10px;}
}


.moArea{display:none}
@media (max-width: 991px){
	.pcArea{display:none}
	.moArea{display:block}
	.pc_banner{padding: 80px 0; background:#000}
}

/*메인 스폰서*/
.spon_info{margin-top:40px; overflow:hidden;}
.sp_img{max-width:140px !important;}

@media (max-width: 770px){
	.spon_info{margin-top: 30px;}	
	.sp_img{max-width:75px !important;}
}



/*서브페이지 공통*/

/*서브 상단배너*/
.sub_visual{position: relative; height: 306px; }
#sub_tit{position:relative; text-align: center; padding-top: 170px; font-size:2.3em; color: #fff; margin: 0; z-index: 1;}

.sub_wrap_1{background: url(../img/sub_visual1_2.jpg?=v1) no-repeat center center/cover;}
.sub_wrap_2{background: url(../img/sub_visual2_2.png?=v1) no-repeat center 25%/cover;}
.sub_wrap_3{background: url(../img/sub_visual5_2.png?=v1) no-repeat center 40%/cover;}
.sub_wrap_4{background: url(../img/sub_visual3_2.jpg?=v1) no-repeat center 65%/cover;}
.sub_wrap_5{background: url(../img/sub_visual4_2.png?=v1) no-repeat center 65%/cover;}

.sub_wrap_2::after,
.sub_wrap_3::after,
.sub_wrap_4::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

@media (max-width: 1199px){
	.sub_visual {height: 255px;}	
	#sub_tit {padding-top: 119px; font-size: 1.5em;}
}
@media (max-width: 390px){
    .sub_visual {height: 218px;  background-size: cover;}	
	#sub_tit {padding-top: 120px; }	
}

/*서브상단메뉴-pc 탭부분*/
.sb_tabArea .sb_tab{ position: relative; background: #fff; border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;}

.sb_tabArea ul li{list-style:none; float:left; text-align:center; border-left: 1px solid #ccc;}
.sb_tabArea ul li.active{background: #024597;}
.sb_tabArea ul li.active a{color:#fff}
.sb_tabArea ul li:last-child{border-right: 1px solid #ccc;}
.sb_tabArea ul li a{    
    color: #333;
    font-size: 15px;
    display: block;
    padding: 15px 0px;
    font-weight: 300;}

.sb_tabArea .ul_tab1 li{width: 99%;}
.sb_tabArea .ul_tab2 li{width: 49.5%;}
.sb_tabArea .ul_tab2_en li{width: 33.333%;}
.sb_tabArea .ul_tab3 li{width: 33%;}
.sb_tabArea .ul_tab4 li{width: 25%;}
.sb_tabArea .ul_tab5 li{width: 20%;}

/*서브상단메뉴-드롭다운 모바일*/
.m_dro{margin: 0;}
.m_dro li{display:none;}
.m_dro_dis{display:block !important;}

.sb_dropArea .wrapper-dropdown-5 {
    /* Size & position */
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 12px 15px;

    /* Styles */
    background: #fff;
	border-bottom: 1px solid #eee;
    cursor: pointer;
    outline: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	text-align: center;
}

.sb_dropArea .wrapper-dropdown-5:after { /* Little arrow */
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -3px;
    border-width: 6px 6px 0 6px;
    border-style: solid;
    border-color: #023c83  transparent;
}

.sb_dropArea .wrapper-dropdown-5 .dropdown {
    /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 999;
		
    /* Styles */
    background: #fff;
    border-radius: 0 0 5px 5px;
    border: 1px solid rgba(0,0,0,0.2);
    border-top: none;
    border-bottom: none;
    list-style: none;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;

    /* Hiding */
    max-height: 0;
    overflow: hidden;
}

.sb_dropArea .wrapper-dropdown-5 .dropdown li {
    padding: 0 10px ;
}

.sb_dropArea .wrapper-dropdown-5 .dropdown li a {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    transition: all 0.3s ease-out;
    border-bottom: 1px solid #e6e8ea;
}

.sb_dropArea .wrapper-dropdown-5 .dropdown li:last-of-type a {
    border: none;
}

.sb_dropArea .wrapper-dropdown-5 .dropdown li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.sb_dropArea .wrapper-dropdown-5 .dropdown li:hover a {
    color: #57a9d9;
}

/* Active state */

.sb_dropArea .wrapper-dropdown-5.active {
    background: #023c83;
    box-shadow: none;
    border-bottom: none;
    color: white;
}

.sb_dropArea .wrapper-dropdown-5.active:after {
    border-color: #82d1ff transparent;
}

.sb_dropArea .wrapper-dropdown-5.active .dropdown {
    border-bottom: 1px solid rgba(0,0,0,0.2);
    max-height: 400px;
}
.sb_mo{display:none;}


@media (max-width: 1000px){
	.sb_pc{display:none}
	.sb_mo{display:block}
	
}


/*서브내용*/
.sub_copy {
    font-size: 2.2em;
    font-weight: bold;
    color: #023c83;
    line-height: 140%;
    padding: 50px 0 10px;
}
.sub_p{line-height: 1.6; font-size: 16px; color: #8c8c8c;}
.s_tit {
    font-size: 1.8em;
    color: #000;
    line-height: 100%;
    min-height: 30px;
    margin: 55px 0px 25px 0px;
    font-weight: 600;	
	line-height: 1.4;
}
.s_sub_tit {
    margin-bottom: 30px;
    padding-top: 0 !important;
    padding-left: 60px;
    text-align: left !important;
}
.s_tit span{color:#023c83;margin-right:10px;}
.table_line {
    border-top: 2px solid #000;
}
.table_style1 {
    clear: both;
    width: 100%;
}

.table_style1.tl tbody tr th {
    text-align: center;
}
.table_style1 tbody tr th {
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    color: #000000;
    border-top: none;
    padding: 12px 0 11px;
    font-weight: bold;
    font-size: 16px;
	width: 15%;
}

.table_style1.tl tbody tr td {
    padding-left: 13px;
    text-align: left;
}
.table_style1 tbody tr td {
    border: 1px solid #dddddd;
    border-top: none;
    height: 40px;
    text-align: center;
    line-height: 20px;
    padding: 13px 5px 13px 5px;
    word-break: break-all;
}

@media (max-width: 480px){
	.sub_copy {font-size: 1.2em; padding: 33px 0 10px;}
	.sub_p {font-size: 15px;}
	.s_tit{font-size: 16px; margin: 44px 0px 15px 0px;}
	.table_style1 tbody tr th{font-size: 12px; width: 85px;}
	.table_style1 tbody tr td{font-size: 12px;}
}

@media (max-width: 991px) {
    .s_sub_tit {
        padding-left: 0;
    }
}

/*조직위원회*/
.organi_logo {display:block; overflow:hidden; }
.organi_logo li{width:25%; float:left; padding-right: 10px; padding-top: 20px; text-align: center;}
.organi_logo li:nth-child(4){padding-right: 10px;}
.organi_logo li img{width:100%; max-width:232px;}
.organ_img {text-align:center;}
.organ_img img{width:100%; max-width:743px;}

@media (max-width: 991px){
	.organi_logo li{width:50%;}
	
}
/*행사장위치*/
.map_info .txt1 {
    font-size: 1.2em;
    color: #555555;
    font-weight: 600;
    line-height: 150%;
    position: relative;
}

.map_info .txt2 {
    font-size: 1.1em;
    color: #555555;
    font-weight: 600;
    line-height: 150%;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.map_info .txt2 i{margin-right:10px;}

@media (max-width: 991px){
	.map_info .txt1 {font-size: 15px;}
}

/*Why*/
.why_step {overflow:hidden;}
.why_step .col-md-4{padding: 10px;}
.why_step .ico01 dt{color: #023c83; font-size: 24px; border-bottom: 2px solid #ececec; margin-bottom: 8px;}
.why_step_img{text-align:center;}
.why_step_img img{width:100%; max-width:500px}
.facilityArea{overflow:hidden; padding: 10px 0px 20px;}
.facility {margin: 0px -5px 0px 1px;}
.facility > li .ico {
    display: block;
    padding-bottom: 10px;
	font-size: 45px;
    color: #023c83;
}
.enter_step > li .ico img{max-width:53px;}	
.facility > li {
    float: left;
    width: 24.9%;
    min-height: 277px;
    padding: 30px 5px 0px 5px;
    text-align: center;
    box-sizing: border-box;
    position: relative;
    border: 1px solid #cccccc;
    margin-left: -1px;
    color: #000;
    word-break: keep-all;
}
.facility > li .txt_t {
    display: block;
    font-size: 22px;
    line-height: 150%;
    padding-bottom: 20px;
    font-weight: 600;
}
.facility > li .txt {
    display: block;
    padding-bottom: 10px;
}
.facility > li > p {
    text-align: center;
    min-height: 45px;
    margin: 0px 10px;
}
.facility > li > p .btn_dn {
    display: block;
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 10px;
}
.facility > li > p .btn_dn a {
    display: block;
    background: #023c83;
    text-align: center;
    box-sizing: border-box;
    padding: 10px 5px;
    margin: 0px 10px;
    line-height: 180%;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.organ3_img {margin-top: 40px;}
.organ3_img img{width:100%;}

@media (max-width: 991px){
	.facility > li{    
	width: 99%;
    margin: -1px 0px 0px 0px;
    float: none;
    min-height: auto;
    padding: 20px 5px 20px 5px;}
	
}

/*참가안내*/
.enter_step {
    overflow: hidden;
    padding: 20px 0px 0px 0px;
}
.enter_step > li {
    box-sizing: border-box;
    float: left;
    position: relative;
    width: 25%;
    padding: 0px 15px;
    text-align: center;
    font-size: 1.3em;
}
.enter_step > li .ico {
    display: inline-block;
    border-radius: 100%;
    box-sizing: border-box;
}
.enter_step > li .txt_t {
    display: block;
    padding: 15px 0px 20px 0px;
	font-size: 15px;
}
.enter_step > li .txt_t strong{font-size: 17px;color: #023c83;}

.booth_wrap {
    overflow: hidden;
    border: 1px solid #ccc;
	word-break: keep-all;
}
.booth_wrap .booth:last-child {
    border-left: 1px solid #ccc;
}
.booth_wrap .booth {
    float: left;
    width: 50%;
    box-sizing: border-box;
}
.booth_wrap .booth > h4 {
    text-align: center;
    background: #023c83;
    padding: 15px 5px 25px 5px;
    font-weight: 700;
    font-size: 1.6em;
    color: #fff;
    position: relative;
	margin:0
}

.booth_wrap .booth .pic {
    padding: 20px 5px;
    text-align: center;
    min-height: 245px;
}
.booth_wrap .booth .pic img{width:100%; max-width: 350px;}
.booth_wrap .booth .pic_img1 img{max-width: 329px; padding: 10px;}
.booth_wrap .booth .price {
    padding: 20px 5px;
    text-align: center;
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}
.booth_wrap .booth .price > strong {
    display: block;
    font-size: 1.6em;
    line-height: 150%;
    font-weight: 600;
}
.booth_wrap .booth .info {
    padding:8px 15px 100px;
    box-sizing: border-box;
    font-size: 1.1em;
    line-height: 150%;
}
.bul01 > li {
    padding-left: 12px;
    line-height: 140%;
    margin: 3px 0px;
    min-height: 20px;
    position: relative;
}
.booth_wrap .booth .info > li:after {
    top: 9px;
}
.bul01 > li:after {
    width: 5px;
    height: 5px;
    display: block;
    content: "";
    border-radius: 100%;
    background: #023c83;
    position: absolute;
    left: 0px;
    top: 7px;
}
.booth_wrap .booth .info .txt_in {
    padding-left: 87px;
    position: relative;
}
.booth_wrap .booth .info .txt_in .pa {
    position: absolute;
    left: 12px;
    top: 0px;
}
@media (max-width: 991px){
	.why_step .ico01 dt{font-size: 21px; margin-top: 13px;}
	.booth_wrap .booth {width: 100%;}
	.enter_step {font-size: 0.9em;}
	.enter_step > li {
    float: none;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ccc;
    padding: 15px 15px 15px 99px;
    text-align: left;
    margin-top: 15px;
}
	.enter_step > li:first-child {margin: 0px;}
	.enter_step > li .ico {width: 60px; left: 20px;
	padding: 0px;
    border: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);}
	.enter_step > li .ico img{max-width:60px;}	
	.enter_step > li .txt_t {padding: 0px 0px 10px 0px; font-size: 14px;}
	.enter_step > li .txt_t strong{font-size: 17px;}
	.booth_wrap .booth .info{font-size: 14px;}
	.booth_wrap .booth .info br{display:none;}
}


/*참가신청*/
.offline_sign_up {
    margin-top: 30px;
    border: 1px solid #d6d6d6;
    overflow: hidden;
}
.offline_sign_up > h4 {
    text-align: center;
    font-size: 36px;
    color: #fff;
    background: #023c83;
    line-height: 130%;
    padding: 15px 5px 20px 5px;
	margin: 0;
}
.offline_sign_up .office {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding: 20px;
}
.offline_sign_up h5 {
    font-size: 30px;
    color: #023c83;
    line-height: 130%;
    padding: 15px 0px 20px 0px;
    line-height: 100%;
}
.offline_sign_up h5 img {
    vertical-align: top;
}
.offline_sign_up .office > ul {
    overflow: hidden;
    margin: 0px -15px;
}
.offline_sign_up .office > ul > li {
    float: left;
    box-sizing: border-box;
    padding: 0px 15px;
    font-size: 1.6em;
}
.i_itm1{width:57%;}
.i_itm2{width:43%;}
.offline_sign_up .office > ul > li i{margin-right: 5px;}
.offline_sign_up .office > ul > li 
.offline_sign_up .office > ul > li.ico01 > strong {padding-left: 16px;}
.offline_sign_up .down_doc {
    float: left;
    width: 50%;
    box-sizing: border-box;
    border-left: 1px solid #d6d6d6;
}
.down_doc {
    padding: 20px;
    position: relative;
}
.down_doc > ul {
    display: table;
    font-size: 0px;
    width: 100%;
}
.down_doc > ul > li {
    display: inline-block;
    width: 33.33333333%;
    box-sizing: border-box;
    padding: 0px 1px;
}
.down_doc > ul > li > a {
    display: block;
    background: #023c83;
    text-align: center;
    box-sizing: border-box;
    padding: 5px;
    line-height: 38px;
    height: 52px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

@media (max-width: 991px){
	.offline_sign_up {background: none;}
	.offline_sign_up > h4 {font-size: 26px;}
	.offline_sign_up .office {width: 100%; float: none;}
	.offline_sign_up h5 {font-size: 23px;}
	.offline_sign_up .office > ul > li {
    float: none;
    margin-top: 10px;
	font-size: 1.3em;
	}
	.i_itm1{width:100%;}
	.i_itm2{width:100%;}	
	
	.offline_sign_up .down_doc {
		width: 100%;
		float: none;
		border-left: none;
		border-top: 1px solid #d6d6d6;
	}
	.down_doc > ul > li {
		width: 100%;
		margin-top: 2px;
	}

	
}

/*참가신청 확인*/
.schA_btn{text-align: center; margin-top: 30px;}
.schA_btn .btn{font-size: 18px; padding: 8px 30px;}
@media (max-width: 1199px){
.schA_btn .btn{font-size: 13px;}
}
/*행사장도면*/
.tc_loc img{width:100%; max-width:1200px;}

/*자주묻는 질문*/
.faq{
    border-bottom: 1px solid #eee;   
    overflow: hidden;
    margin-bottom: 5px;
	padding: 10px 0px;
}
.faq_question {
    margin: 0px;
    cursor: pointer;
    font-weight: 600;
    padding: 20px 10px 20px 45px;
    color: #555; 
    position: relative;
	font-size:16px;
}
.faq_question::before, .faq_question::after{
	position: absolute;
    top: 50%;
    left: 10px;
    transform: translate3d(0, -50%, 0);
    content: "";
    width: 22px;
    height: 22px;
    border-radius: 50%;
	margin-right: 20px;
    background-color: #95a5a6;
    background-position: center center;
    background-repeat: no-repeat;
   }
.faq_question::before{
	display: inline-block;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpolygon%20fill%3D%22%23FFF%22%20points%3D%2214%2C5%209%2C5%209%2C0%205%2C0%205%2C5%200%2C5%200%2C9%205%2C9%205%2C14%209%2C14%209%2C9%2014%2C9%20%22%2F%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3Cg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.faq_question::after{
	display: none;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22iso-8859-1%22%3F%3E%3C!DOCTYPE%20svg%20PUBLIC%20%22-%2F%2FW3C%2F%2FDTD%20SVG%201.1%2F%2FEN%22%20%22http%3A%2F%2Fwww.w3.org%2FGraphics%2FSVG%2F1.1%2FDTD%2Fsvg11.dtd%22%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2214px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2014%2014%22%20style%3D%22enable-background%3Anew%200%200%2014%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Crect%20y%3D%225%22%20style%3D%22fill%3A%23FFFFFF%3B%22%20width%3D%2214%22%20height%3D%224%22%2F%3E%3C%2Fsvg%3E");
}
.faq.open .faq_question{
}
.faq.open .faq_question::before{
	display: none;
}
.faq.open .faq_question::after{
	display: block;
}
.faq_answer_container {
    height: 0;
    overflow: hidden;
    padding: 0;
}
.faq_answer{
	padding: 9px 46px;
	line-height: 1.8;
    word-break: keep-all;
	font-size:16px;
	color:#555;
}

/*세부프로그램*/
.lo_tit{border: 1px solid #dddddd;}
.lo_tit h4	{text-align: center; color: #999; padding: 50px 0;}
.table_style1.program thead tr th {
    background: #023c83;
    color: #fff;
}
.table_style1 thead tr th {
    background-color: #f9f9f9;
    border: 1px solid #dddddd;
    border-top: none;
    color: #000000;
    text-align: center;
    padding: 16px 0 15px;
    font-size: 1.15em;
}
.table_style1 .pt5 i{font-size: 22px; vertical-align: top; margin-left: 10px; color: #023c83;}

.pro_modal .modal-body{padding:0}
.mo_title{font-size: 21px; color: #fff; padding-top: 17px;}
.mo_txt2 p{font-size: 24px; border-bottom: 1px solid #c7c7c7; padding: 17px 0; margin: 0;}
.mo_txt2 .co_blue{background: #dfecfb;}

@media (max-width: 991px){
	.mo_title {font-size: 16px; padding-top: 23px; padding-left: 14px; text-align: left;}  
	.mo_txt2 p {font-size: 20px;}
}

/*관람안내*/
.visit_step > h4 {
    font-size: 1.75em;
    color: #023c83;
    line-height: 140%;
    padding-top: 20px;
}
.br_box {
    border: 1px solid #cccccc;
}
 .visit_step .br_box > ul {
    overflow: hidden;
    padding: 30px 0px;
}
 .visit_step .br_box > ul > li {
    float: left;
    box-sizing: border-box;
    width: 33.3333%;
    text-align: center;
    padding: 0px 25px;
    position: relative;
}
 .visit_step .br_box > ul > li .ico {
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 100%;
    padding: 20px;
    margin-bottom: 15px;
}
 .visit_step .br_box > ul > li > strong {
    word-break: break-all;
    display: block;
    font-size: 1.3em;
    color: #000;
    line-height: 140%;
}
 .visit_step .br_box .time {
    border: 1px solid #ccc;
	background:#f9f9f9;
    font-size: 1.35em;
    color: #023c83;
    padding: 25px 5px;
    font-weight: 700;
    text-align: center;
    margin: -1px;
}
.br_box img{width:100%;}

 .visit_step .br_box > ul > li:after {
    position: absolute;
    left: -20px;
    top: 30px;
    display: block;
    content: "";
    width: 42px;
    height: 45px;
    background: url(../img/visit/arrow2.png) no-repeat left top;
}
.btW  {text-align: center; margin: 30px 0;}
.btW .bt > a {
    display: inline-block;
    box-sizing: border-box;
    width: 100%;
    max-width: 420px;
    line-height: 140%;
    font-weight: 500;
    border-radius: 6px;
    background: #023c83;
    color: #fff;
    font-size: 2em;
    padding: 15px 10px;
}


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

 .visit_step {
    float: none;
    width: 100%;
    padding-top: 30px;
}
}
@media screen and (max-width: 479px){
	
.visit_step .br_box > ul > li {
    padding: 0px 15px;
}
.visit_step .br_box .time {
    padding: 15px 5px;
}
.visit_step .br_box > ul > li > strong{font-size:1em}

.visit_step .br_box > ul > li:after {
    left: -10px;
    top: 25%;
    width: 25px;
    height: 25px;
    background-size: 100% auto;
}

.btW .bt > a{    font-size: 1.2em;}

}


/*사전등록*/
.du_boxArea i{color: #023c83; font-size: 49px;}
.methInner{padding:20px 0; text-align:center;}
.methInner span{color:#023c83}
.me_img1 img{width: 100%; max-width: 110px; margin: 20px 0;}
.qrArea{margin: 30px 0;}
.qrArea h4{color:#023c83}
.qrArea p{display:inline-block; margin:10px;}
.mobi_boxArea{padding: 30px 0; background: #f9f9f9;}
.mobi_box{text-align:center;overflow: hidden; margin: 10px 0;}
.mobi_box img{width:100%; max-width:197px;}
.mobi_box  .gu_name	{font-size: 20px; margin-bottom: 10px; margin-top: 10px;}
.mo_down{border-top: 1px solid #ccc; padding-top: 30px;}
/*교통숙박*/
.e_tab{overflow: hidden; margin: 70px 0 20px;}
.e_tab ul li{float: left; width: 50%; text-align: center; border: 1px solid #eee;}
.e_tab ul li:first-child{border-right:0;}
.e_tab ul li a{color: #333; padding:15px 0; display: block; font-size: 22px;}
.e_tab ul li a.active{background: #7d7d7d; color:#fff;}

.guide_boxArea	{border: 3px solid #eee; overflow: hidden; padding: 20px 10px;}
.guide_img{text-align:center; border-right: 1px solid #eee;}
.guide_img img{width:100%; max-width:450px;}
.ico_metro{margin-top: 50px; padding-left: 30px;}
.ico_metro h4{color: #023c83;}
.bt li{background: #023c83; text-align: center; margin-top: 10px; border-radius:3px;}
.bt li a{color: #fff; padding: 11px 0; display: block;font-size: 20px;}

.gu_bus_img{text-align:center; border-right: 1px solid #eee;}
.gu_bus_img img{width:100%;}
.ico_api{margin-top: 50px; overflow: hidden;}
.bt_line li{border: 1px solid #023c83;text-align: center; margin-top: 10px; border-radius:3px;}
.bt_line li a{color: #023c83; padding: 11px 0; display: block;font-size: 20px;}

.ico_metro h2 i{color: #989898;}
.h2_gu_info{overflow:hidden}
.h2_gu_info .col-md-6{padding:0 5px; margin:20px 0 50px;}
.h2_gu_info .col-md-4{padding:0 5px; margin:20px 0 50px;}
.h2_gu_info .col-md-3{padding:0 5px; margin:20px 0 50px;}
.h2_gu_img{border: 1px solid #ccc; border-bottom: 0;}
.h2_gu_img img{width:100%;}
.du_boxArea{border: 1px solid #ccc; padding: 20px 10px;}
.du_boxArea a:hover{color:#000}
.gu_name{color: #023c83; line-height: 1.3; margin-bottom: 24px;}
.bt1{margin-top: 73px;}
.bt a{display: block; text-align: center; background: #023c83; color: #fff; padding: 10px;    border-radius: 3px;}
.bt a:hover{color:#fff;}
.h2_gu_info .du_pd1{padding-bottom: 41px;}
.h2_gu_info .du_pd2{padding-bottom: 39px;}
.du_height1{height:300px}
.du_height2{height:388px}

@media (max-width: 1199px){
	/*.gu_txt br{display:none;}*/	
	.bt1{margin-top: 52px;}	
}
@media (max-width: 991px){
	.e_tab {margin: 33px 0 20px;}
	.e_tab ul li a {padding: 10px 0; font-size: 18px;}
	.guide_img{border-right:0;}
	.gu_bus_img{border-right:0;}
	.ico_metro{padding-left: 0;}
	.h2_gu_info .col-md-6{padding:0;}
	.h2_gu_info .col-md-4{padding:0;}
	.h2_gu_info .col-md-3{padding:0;}
	.du_height1{height:auto}
	.du_height2{height:auto}
}

/*문의*/
.inquiry_wrap {overflow: hidden; padding: 27px 0px; margin: 50px 0;}
.in_w_img {text-align:center;}
.in_w_img img{width:100%; max-width: 1200px;}
.in_w_text .bt{width:300px;}
.in_w_text .txt{margin-top: 33px; font-size: 19px; line-height: 2;}

.alert-success {
    background-color: #ff5151 !important;
    border-color: #ff5151 !important;
    color: #ffffff;
}

.inquiry_wrap .bt{margin-top: 29px; text-align: right;}
.inquiry_wrap .bt a{    
    display: block;
    text-align: center;
    color: #023c83;
    padding: 10px;
    border-radius: 2px;
    display: inline-block;
    padding: 10px 40px;
    font-size: 18px;
    border: 1px solid #023c83; background:none}
.inquiry_wrap .bt a:hover{color:#fff; background:#023c83}

@media (max-width: 991px){
	.in_w_text .bt {width: 100%;}
	.inquiry_wrap .bt{text-align: center;}
}
/*푸터*/
.web_info {
    font-size: 13px;
    color: #adadad;
    line-height: 150%;
}

.web_info > dl {overflow:hidden;}
.web_info > dl  dt{font-size: 19px;}
.web_info > dl  dd a{color: #adadad !important;}
.web_info > dl > .num > ul > li { float: left; margin-right: 17px;}
.web_info > dl > .num > ul > li a{color: #adadad;}

/*게시판*/
.board_ti{margin:20px 0;}



/*header*/
.gnb_pc {position:/*fixed*/absolute; z-index:5; width:100%; /*min-width:1000px;*/ min-width:1300px; margin:0 auto; height:95px; background:rgba(0,0,0,.6); padding:35px 0 35px; /*border-bottom:1px solid rgba(202,202,202,.5);*/ transition:background .5s;}
.gnb_pc:after {display:block; overflow:hdden; clear:both; content:'';}
.gnb_pc>div {position:relative; width:1200px; margin:0 auto;}
.gnb_pc h1 {position:absolute; top:50%; left:7px; margin-top:-41px;}
.gnb_pc h1 > a{color:#fff}
.gnb_pc h1>a img {width:238px;}
.gnb_pc h1>div {margin-left:62px; margin-top:-10px;}
.gnb_pc h1>div>span {font-size:18px; color:#f6d375; font-weight:800; display:inline-block; margin-right:5px;}
.gnb_pc h1>div>span:last-child {margin-right:0;}
.gnb_pc h1>div>span.ico_calendar {background:url('/_images/common/ico_calendar.png') no-repeat center left; padding-left:25px;}
.gnb_pc h1>div>span.ico_pin {background:url('/_images/common/ico_pin.png') no-repeat center left; padding-left:15px;}

.gnb_pc nav {width:47%; margin:0 auto; background:none; transition:background .5s;}
.gnb_pc nav h2 {display:none; position:absolute; top:-10px; left:20px; width:29px; height:20px; background:url('/_images/common/menu_ico.png') no-repeat center center; background-size:29px 20px; text-indent:-99999px; cursor:pointer;}
.gnb_pc nav .close {display:none;}
.gnb_pc nav .dim {display:none;}
.gnb_pc nav ul {display:table; width:100%; margin:0 auto 0;}
.gnb_pc nav ul.gnb>li {display:table-cell; width:20%; text-align:center; position:relative;}
.gnb_pc nav ul.gnb>li a {display:block; font-size:14px; color:#fff; font-weight:800; padding-bottom:36px;}
.gnb_pc nav ul.gnb>li a:hover {color:#70b0ff;}
.gnb_pc nav ul.gnb>li.on a {color:#70b0ff;}

/* .gnb_pc nav ul.gnb>li.menu01 .submenu {margin-left:-283px;}
.gnb_pc nav ul.gnb>li.menu02 .submenu {margin-left:-168px;}
.gnb_pc nav ul.gnb>li.menu03 .submenu {margin-left:-48px ;}
.gnb_pc nav ul.gnb>li.menu04 .submenu {margin-left:66px;}
.gnb_pc nav ul.gnb>li.menu05 .submenu {margin-left:182px;} */


.gnb_pc nav ul>li .submenu {display:none; position:absolute; z-index:4; top:60px; left:0; width:1200px; left:50%; transform: translateX(-50%);}
.gnb_pc nav ul>li .submenu ul {display: flex; justify-content: center; padding:0 0 10px 0; overflow:hidden;}

.gnb_pc nav ul>li .submenu ul li {text-align:left; margin-right:0px;}
.gnb_pc nav ul>li .submenu ul li a {display:block; color:#fff !important; font-size:14px; font-weight:normal; opacity:.7; padding:4px 13px;}
.gnb_pc nav ul>li .submenu ul li a:hover {opacity:1; font-weight:bold;}
.gnb_pc nav ul>li .submenu ul li.on a {opacity:1; font-weight:bold;}

.submenu_bg {display:none; position:absolute; z-index:3; top:129px; left:0; width:100%; min-width:1300px; background:rgba(0,0,0,.7); height:248px;}

.gnb_pc .utill {position:absolute; top:50%; right:-100px; margin-top:-42px;}
.gnb_pc .utill ul {float:left; margin-top:11px; margin-right:11px;}
.gnb_pc .utill ul li {float:left; margin-left:10px;}
.gnb_pc .utill ul li:first-child{margin-left:0; border-right: 1px solid #949494; padding-right: 10px;}
/* .gnb_pc .utill ul li:nth-child(2) {border-right: 1px solid #949494; padding-right: 10px;} */
.gnb_pc .utill ul li a {color:#fff; font-size:15px; font-weight:bold; opacity:.4;}
.gnb_pc .utill ul li.select a {opacity:1;}
.gnb_pc .utill .link {float:left; font-size: 11px;}
.gnb_pc .utill .link a {color:#fff; display:block; border:1px solid #d1d1d0; padding:12px 9px;}
.gnb_pc .utill .link a:hover {background:rgba(255,255,255,.2);}

/*메인*/
.main_cont{background: rgba(0,0,0,0.8); position: absolute; width: 100%; bottom: 0;}
.main_cont .q_menu ul{margin: 0; overflow: hidden;}
.main_cont .q_menu ul li{width: 24.5%; float: left; padding:20px 0 10px; margin: 0;}
.main_cont .q_menu ul li:hover{background:#fff;}
.main_cont .q_menu ul li:hover p{color:#023c83;}
.main_cont .q_menu ul li img{width: 100%; max-width: 70px;}
.main_cont .q_menu ul li p{color: #fff; font-size: 15px; margin-top: 10px;}



@media (min-width: 768px){
	#header .main_cont .container{padding: 0;}

}
@media (max-width: 480px){
	.main_you{height: 400px;}
}

@media (max-width: 970px){
	.main_cont .container{padding:0 !important}
	.main_cont .q_menu ul li img{max-width: 50px;}
	.main_cont .q_menu ul li p {    font-size: 11px;}
}

.main_notice{ padding: 12px 0 10px; border-top: 1px solid #ccc;}

/*행사일정표*/
.conf_img{margin: 55px 0px 25px 0px;}

/*관리버튼*/
.adBtn1{text-align: center;}
.adBtn1  a{    
    padding: 6px 15px;
    background: #999;
    color: #fff;
    border-radius: 50px;}
.adBtn1  a:hover{color:#fff}

/**/
.down_doc2{
	text-align: center;
    margin-top: 20px;
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding: 35px 0;
    border-bottom: 1px solid #ccc;}
.down_doc2_btn{display: inline-block; background: #023c83; padding: 10px 15px; color: #fff; font-size: 18px;}
.down_doc2_btn:hover{background: #0959bb;}
.down_doc2_btn a{color:#fff}
.down_doc2_btn:hover a{color:#fff}
.down_doc2 p{margin:20px 0 10px;}


/*양식다운로드*/
.down_table{text-align:center !important;}
.down_table a{
	background: #024597;
    padding: 6px 13px;
    color: #fff;
    text-decoration: none !important;
	font-size: 13px;
	}

.down_table a:hover{background:#0959bb; color:#fff}


/*전시품목*/
.a2_info{overflow:hidden; border: 1px solid #eee; margin: 30px 0;}
.a2_img{width:48%;float:left; margin-right:2%;}
.a2_img img{width:100%;}
.a2_txt{width:50%;float:left}
.a2_tit {
    font-size: 1.8em;
    color: #000;
    line-height: 100%;
    min-height: 30px;
    margin: 29px 0px 25px 0px;
    font-weight: 600;	
	line-height: 1.4;
}
.a2_txt span{color:#023c83;}

@media (max-width: 1190px){
	.a2_tit {margin: 34px 0px 25px 0px;}
	.a2_tit { font-size: 22px;}
}

@media (max-width: 990px){
	.a2_tit {margin: 10px 0px 17px 0px; font-size: 22px;}
	.a2_img{width:100%;margin-right:0;}
	.a2_txt{width:100%;padding: 10px 15px;}
}

.booth_ex {padding:20px;}
 .tar {text-align:left; padding-top:10px;}
.booth_ex .bth_img img {max-width:100%;}
.booth_txtR h5 {color:#000;}

@media (min-width: 768px){
    .tar {text-align:right;}
    .booth_ex {padding:30px 0;}
    .booth_ex .bth_img {display:inline-block; width:32%;}

    .booth_txtR h5 {font-size:1.2em; margin:20px 0;}

}

@media (min-width: 1000px){
.booth_txtR h5 {font-size:1.5em; }
.booth_txtR ul {border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px;}
.booth_txtR ul:after {clear:both; display:block; content:''}
.booth_txtR ul li {float:left; width:33.3%; }

}

.massege_bg {position:relative; padding-bottom:50%;}
.massege_bg:after {position:absolute; display:block; content:''; width:100%; height:100%; background:url(../img/bg_greeting.png) no-repeat bottom; background-size:100%;bottom:0; left:0; z-index:-1}
.massege {width:100%;}
.img_tit {margin-bottom:20px; display:none;}
.img_tit img {max-width:100%;}
.massege .img_yss {}
.massege .img_yss img {max-width:100%;}
.massege .yss_txt {margin-top:20px;}
.massege .yss_txt .txt {font-size:1.3em; font-weight:700; color:#000; margin-bottom:20px;}
.massege .yss_txt .p_pb {margin-bottom:10px;}
.massege .yss_txt .p_pb2 {margin-bottom:30px;}
.massege .yss_txt br {display: none;}



@media (min-width: 768px){
.massege .yss_txt {margin-top:40px;}
.massege .yss_txt .txt {font-size:1.8em;}

}



@media (min-width: 1000px){
.massege_bg {padding-bottom:30px;}
.massege {width:60%; background:#12337c; color:#fff; padding:30px 50px 50px; box-shadow:rgba(0,0,0,0.5) 10px 20px 30px; margin-top:30px;}
.img_tit { display:block;margin:0 auto 40px; text-align:center;}
.img_tit img {max-width:60%; }
.massege .yss_txt .txt {color:#fff}
.massege .yss_txt br {display: block;}

}

@media (min-width: 1200px){
.massege_bg {padding-bottom:6%;}

}

.osArea {position:relative; margin:0 auto;  background:url(../img/bg_oasis.jpg) no-repeat center top; background-size:cover; width:100%; height:auto; text-align:center;  padding:0 5% 37%;z-index:-1}
.osArea .osTitle {padding-bottom:10%;}
.osArea .osTitle .os_tit {font-size:1.8em; color:#c62b30; font-weight:700; padding-bottom:20px;}
.osArea .osTitle .txt {color:#000;}
.osArea .osTitle .txt i {font-style:italic}
.osArea .osTitle .txt p {font-size:1.2em; font-weight:700;}

@media all and (min-width:768px) {
.osArea .osTitle .os_tit {font-size:2.5em; }
.osArea .osTitle .txt {font-size:1.2em; }
.osArea .osTitle {padding-bottom:5%;}

}

@media all and (min-width:1200px) {
.osArea {padding-bottom:46%;}
.osArea .osTitle {padding-bottom:5%;}
.osArea .osTitle .os_tit {font-size:0;  background:url(../img/title_os.png) no-repeat center top; background-size:100%; width:100%; height:124px;}
.osArea .osTitle .txt {font-size:1.4em; } 
.osArea .osTitle .txt p {font-size:1.35em; z-index:1}
.osArea .osTitle .txt p span {position:relative; z-index:1}
.osArea .osTitle .txt p span:after {position:absolute; display:block; content:''; width:100%; height:20px; bottom:0; left:0; right:0; margin:0 auto; background:#de9fb9; z-index:-1;}
}


.vrArea {position:relative; margin:0 auto;  background:url(../img/bg_online.jpg) no-repeat center top; background-size:cover; width:100%; height:auto; text-align:center;  padding:15% 5% 30%}
/*.vrArea:after {position:absolute; display:block; content:'';background-size:cover; width:100%; height:100vh; top:0; left:0; right:0; margin:0 auto; z-index:-1}*/
.vrArea .video {max-width:900px; margin:0 auto; position:relative; width:100%;}
.vrArea video {width:90%;}

@media all and (min-width:1200px) {
.vrArea {height:100vh; background-size:100%; max-height:674px; padding-top:12%;}
.vrArea .video {padding:0 0 10%; width:63%; }
.vrArea .video:after {position:absolute; display:block; content:''; background:url(../img/bg_online_area.png) no-repeat center top; background-size:100%; width:100%; height:100%; z-index:0; top:-45px; right:0; left:0; margin:0 auto;}
.vrArea video {width:89%; max-width:850px; }

}


@media all and (min-width:1400px) {
.vrArea {max-height:786px; }

}

@media all and (min-width:1600px) {
.vrArea {max-height:none; height:114vh; padding-top:14%;}
.vrArea video {padding-top:1%;}

}


/*개요*/
.sumBg {position:relative;}
.sumBg:after {position:absolute; display:block; content:''; background:url(../img/bg_over.jpg) no-repeat; background-size:cover; width:100%; height:100%; bottom:0; left:0; right:0; margin:0 auto; z-index:-1}
.summary:after {clear:both; display:block; content:'';}
.summary{margin-top:55px;}
.summary .poster {margin-bottom:30px; text-align:center;}
.summary .poster img {max-width:100%; border:1px solid #ddd;}
.summary .sumBox {}
.summary .sumBox ul li {margin-bottom:10px;}
.summary .sumBox ul li:after {clear:both; display:block; content:'';}
.summary .sumBox ul li .tit {float:left; width:20%; color:#000; font-weight:700; position:relative; padding-left:12px;}
.summary .sumBox ul li .tit:after {position:absolute; display:block; content:''; width:5px; height:5px; background:#023c83; top:8px; left:0;}
.summary .sumBox ul li .txt {float:left; width:80%; word-break:keep-all;}
.summary .sumBox ul li .txt dl:after {clear:both; display:block; content:'';}
.summary .sumBox ul li .txt dl dt {color:#fff; padding:2px; text-align:center; margin-bottom:5px; }
.summary .sumBox ul li .txt dl dt.bg1 {background:#2577ac}
.summary .sumBox ul li .txt dl dt.bg2 {background:#d31277}
.summary .sumBox ul li .txt dl dt.bg3 {background:#083a6b}
.summary .sumBox ul li .txt dl dt dd {}

.sItem {}
.sItem .s_tit {color:#000; font-size:1.8em}
.sItem .itemBox {background:rgba(255,255,255,0.7); padding:40px 20px;}
.sItem .itemBox .box {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #ddd;}
.sItem .itemBox .box:last-child {padding-bottom:0; margin-bottom:0; border-bottom:0}
.sItem .itemBox .box .iTit {font-size:1.2em; font-weight:700}
.sItem .itemBox .box .tit01 {color:#18aed8}
.sItem .itemBox .box .tit02 {color:#e48b1d}
.sItem .itemBox .box .tit03 {color:#db5f69}
.sItem .itemBox .box .tit04 {color:#739d3b}
.sItem .itemBox .box ul {}
.sItem .itemBox .box ul li {position:relative; padding-left:12px;}
.sItem .itemBox .box ul li:after {position:absolute; display:block; content:''; width:5px; height:5px; background:#023c83; top:8px; left:0;}
.sItem .itemBox .box ul li span {color:#000; font-weight:700}


@media all and (min-width:768px) {
.summary .poster {float:left; width:40%;}
.summary .sumBox {float:left; width:60%; padding:3% 0 0 5%;}

.sItem .itemBox {padding:60px 30px;}
.sItem .itemBox .box:after {clear:both; display:block; content:'';}

.sItem .itemBox .box .iTit {float:left;width:20%;}
.sItem .itemBox .box ul{float:left;width:80%;}
}

@media all and (min-width:1000px) {
.summary .sumBox ul li {margin-bottom:20px;}

.summary .sumBox ul li .txt dl dt {float:left; width:50%; clear:both; margin-bottom:10px;}
.summary .sumBox ul li .txt dl dd {float:left; width:50%; padding-left:3%; }
}



/*오아시스 편성표*/
img {max-width:100%;}
.pairing:after {clear:both; display:block; content:'';}
.pairing .pairing_box {margin-bottom:20px;}
.pairing .pairing_box .ptit  {background:#47a2c9; color:#fff; padding:20px 0 }
.pairing .pairing_box .ptit span  {font-size:1.2em;}
.pairing .pairing_box .ptit p  {font-size:1.8em; font-weight:700}
.pairing .pairing_box .pSetp  {} 
.pairing .pairing_box .pSetp ul {}
.pairing .pairing_box .pSetp ul li {margin-bottom:10px; background:rgba(255,255,255,0.5); padding:10px 10px 10px 35px; text-align:left; position:relative; }
.pairing .pairing_box .pSetp ul li:before {position:absolute; left:10px; top:10px; display:block; content:''; background:url(../img/ico_chk.png) no-repeat; background-size:100%; width:20px; height:20px;}
.pairing .pairing_box .pSetp ul li .tit_p {font-weight:700}
.pairing .pairing_box .pSetp ul li .tit_p span  {}
.pairing .pairing_box .pSetp ul li p {padding-left:0px;margin-top:10px;}
.pairing .pairing_box .pSetp ul li .pImg {}
.pairing .pairing_box .pSetp ul li .pImg p {}
.pairing .nPnt {color:#fff; text-align:right; font-size:0.8em;}

@media all and (min-width:768px) {
.pairing .pairing_box .pSetp ul li .pImg:after {clear:both; display:block; content:'';}
.pairing .pairing_box .pSetp ul li .pImg p {float:left; width:48%; margin:1%}
}

@media all and (min-width:1000px) {
.pairing .pairing_box {float:left; width:48%; margin:1%;}
}

@media all and (min-width:1200px) {
.pairing .pairing_box {min-height:480px;}
}

@media all and (min-width:1600px) {
.pairing .pairing_box {min-height:540px;}
}


.btn_rshow{max-width:400px;}

.btn_rshow{position: relative; text-align: center; margin:20px auto; width:100%;}
.btn_rshow a{overflow: hidden; position: relative; display: inline-block; vertical-align: top;  border-radius:5px; transition: all 0.5s; padding:10px 20px; width:100%;  margin-bottom:5px; text-align:center; background: #1f3ca7; color:#fff;max-width:400px;}
.btn_rshow a:hover{color: #fff;z-index:1}
.btn_rshow a:before{content: ""; z-index:-1; position: absolute;  transition: all 1s; background:linear-gradient(45deg, #309eff 0%, #005cad 100%);}
.btn_rshow a:before{left: 0; top: 0; width: 0; height: 100%; border-bottom-right-radius: 50%; border-top-right-radius: 50%;}
.btn_rshow a:hover:before{width: 200%;}


@media all and (min-width:768px) {
.btn_rshow a {font-size:1.2em; padding:15px 20px;}
}

/*온라인전시관 검색*/
.searchbox_online {}
.searchbox_online .agency {}
.searchbox_online .agency:after {clear:both; display:block; content:'';}
.searchbox_online .agency li {float:left; width:50%; border:1px solid #ddd; background:#e9e9e9; text-align:center; font-size:14px; padding:10px 0; height:60px;}
.searchbox_online .agency li a {color:#555}
.searchbox_online .agency li.on {background:#253759}
.searchbox_online .agency li.on a {color:#fff}


#search_online {margin-top:40px; background:#f9f9f9; padding:20px}
#search_online legend {visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;line-height:0; display:none; letter-spacing:-9999px}

.srch {margin-top:20px;}

.srch:after {clear:both; display:block; content:'';}
.srch .sech_in {float:left; width:80%;}
.srch .sech_in span {display:none;}
.srch .sech_in .input_srch {width:100%; padding:5px;}

.srch .input_type { border:1px solid #ddd; overflow:visible;cursor:pointer;-webkit-appearance:none;
text-decoration:none !important;
	font-family:inherit;
	font-size:0.9em;
	border:1px solid #c8c8c8;
	height:36px;
	line-height:36px;}
.srch .btn_li {float:left; width:20%;}
.srch .btn-srch {width:100%; background:#253759; color:#fff; border:1px solid #253759}


@media all and (min-width:768px) {
#search_online {padding:20px;}
.srch {margin-top:30px;}
.srch .sech_in span {display:inline-block; width:29%; text-align:center;}
.srch .sech_in .input_srch {width:70%;}
.searchbox_online .agency li  {width:33.33%}
.srch .input_type {height:45px; line-height:45px;}
}

@media all and (min-width:1200px) {
.searchbox_online .agency li  {width:14.2%; padding:15px 0; height:90px;}
}

/*풋터배너*/ 
footer .footer-col {position:relative;}
.web_info p {margin-top:110px;}
.banner_fot {position:absolute; right:0; left:0; margin:0 auto; top:100px;} 
.banner_fot ul:after {clear:both; display:block; content:'';}
.banner_fot ul li {display:inline-block; margin:1%;} 
.banner_fot ul li img {max-width:150px;}

@media all and (min-width:768px) {
.web_info p {margin-top:0;}
.banner_fot {left:auto; width:30%; top:10px;}
.banner_fot ul li  {float:left; width:48%;}
.banner_fot ul li img {max-width:100%;}

}