@charset "utf-8";
* { font-family: 'Noto Sans KR', sans-serif; color: #555; }
:root { font-size: 16px; line-height: 1.6rem; }
/* 초기화 */
html { overflow-y: scroll; }
body { margin: 0; padding: 0; background: none; overflow-y: auto; }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ul, dl, dt, dd { 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, img, html, body, table, tr, th, td, select, option, textarea, input, button { vertical-align: middle; font-size: 1rem; }
#btn_autosave, #autosave_count { vertical-align: middle; font-size: 0.8rem; color: white; display: flex; align-items: flex-start; }
button, input[type="submit"] { cursor: pointer; }
p { margin: 0; padding: 0; word-break: keep-all; font-weight: normal; }
hr {display:none}
a { color:#555; text-decoration: none !important; }
b { font-weight: 500; color: #333; }
*, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; }
input[type=text],input[type=password], textarea { font-size: 1rem; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; transition: all 0.30s ease-in-out; outline: none; }
input[type=text]:focus, input[type=password]:focus, select:focus { -webkit-box-shadow:  0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7; }
textarea:focus { border: 1px solid #558ab7 !important; }
/* 팝업레이어 */
#hd_pop {z-index:1000;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 img{max-width:100%}
.hd_pops_footer {padding: 0;background:#000;color:#fff;text-align:left;position:relative;}
.hd_pops_footer:after {display:block;visibility:hidden;clear:both;content:""}
.hd_pops_footer button {padding: 10px;border:0;color:#fff}
.hd_pops_footer .hd_pops_reject{background:#000;text-align:left}
.hd_pops_footer .hd_pops_close{background:#393939;position:absolute;top:0;right:0}
/* 상단 레이아웃 */
#hd { border-top: none; width: 100%; height: 90px; position: absolute; }
#hd_h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_wrapper {position:relative;margin:0 auto;padding:10px 0;height:115px;zoom:1}
#hd_wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#logo { padding: 0; float: none; position: absolute; width: 70px; left: 20px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index:10; }
#logo img { width: 100%; }
.hd_sch_wr{position:absolute;top:25px;left:50%;width:430px;margin-left:-215px;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch{border:2px solid #556ada;background:#fff;border-radius:5px;overflow:hidden}
#hd_sch #sch_stx {padding-left:10px;height:40px;width:376px;border:0;border-right:0;float:left;font-size:1.25rem}
#hd_sch #sch_submit {height:40px;border:0;background:#fff;color:#d13f4a;width:50px;float:left;cursor:pointer;font-size:18px}
/* 중간 레이아웃 */
#container_wr { z-index: 5; margin: 0 auto; height: 100%; zoom: 1; }
#container_wr:after { display: block; visibility: hidden; clear: both; content: ""; }
#container_title { display: none; }
#container_title span { margin: 0 auto 10px; display: block; line-height: 30px; }
.latest_wr:after { display: block; visibility: hidden; clear: both; content: "" }
/* 게시물 선택복사 선택이동 */
#copymove .win_desc {text-align:center;display:block}
#copymove .tbl_wrap{margin:20px }
#copymove .win_btn { padding: 0 20px 80px; }
.copymove_current { display: inline; background: #ff3061; padding: 5px; color: #fff; border-radius:3px; }
.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:1000;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:2rem;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3rem}
/* ie6 이미지 너비 지정 */
.img_fix {width:100%;height:auto}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend { position: relative; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999rem; overflow:hidden; }
#captcha #captcha_img { height: 40px; border:1px solid #898989; vertical-align:top; padding: 0; margin-right: 3px; }
#captcha #captcha_mp3    { margin:3px 0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; border-radius:3px }
#captcha #captcha_reload { margin:3px 0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha3.png') no-repeat; text-indent:-999px; border-radius:3px }
#captcha #captcha_key {margin:0 0 0 3px;padding:0 5px;width:90px;height:40px;border:1px solid #ccc;background:#fff;font-size:1.333rem;font-weight:bold;text-align:center;border-radius:3px;vertical-align:top}
#captcha #captcha_info { display:block; margin:5px 0 0; font-size:0.8rem; color:#999; }
/* 캡챠 자동등록(입력)방지 기본 - 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:40px;height:40px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../../../img/captcha2.png') no-repeat  0 -40px;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.333rem;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.95rem;letter-spacing:-0.1rem}
#captcha.m_captcha #captcha_mp3 {width:31px;height:31px;background:url('../../../img/captcha2.png') no-repeat 0 0 ;  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.9rem;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%}
/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block;list-style-type: disc;margin-top: 1rem;margin-bottom: 1rem; margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con ol{display: block;list-style-type: decimal;margin-top: 1rem;margin-bottom: 1rem; margin-left: 0;margin-right: 0;padding-left: 40px;}
#bo_v_con li{display: list-item;}
/* 버튼 */
.btn { padding: 0 24px; height: 40px; line-height: 40px; text-align: center; border-radius: 3px; margin: 0 0 5px}
.btn_confirm {text-align:right} /* 서식단계 진행 */
.btn_submit { border:0; color:#FFF; cursor:pointer; background: #345654; height: 40px; border-radius: 3px; }
.btn_submit:hover { background: #444; }
.btn_cancel    {display:inline-block;background:#969696;color:#fff;text-decoration:none;vertical-align:middle}
.btn_cancel:hover { background:#aaa; }
a.btn_frmline, button.btn_frmline {display:inline;padding:0 5px; background: #3c3c3c; border-radius: 3px;text-decoration:none;vertical-align:middle} /* 우편번호검색버튼 등 */
button.btn_frmline {font-size:1rem}
/* 게시판용 버튼 */
a.btn_b01, .btn_b01 { display: inline-block; color:#FFF; height: 40px; line-height: 40px; margin-bottom: 5px; border-radius:3px; background: #345654; } /*수정, 삭제, 목록, 답변*/
a.btn_b01:hover, .btn_b01:hover { background: #444; }
a.btn_b02,.btn_b02 { display: inline-block; background: #444; padding:0 24px; color: #fff; border: 0; vertical-align:middle; }
a.btn_b02:hover, .btn_b02:hover { background: #345654; }
a.btn_b03, .btn_b03 {display:inline-block;background:#fff;border:1px solid #b9bdd3;color:#646982;text-decoration:none;vertical-align:middle}
a.btn_b03:hover, .btn_b03:hover {background:#ebedf6} /* btn_b03은 스크랩 버튼 */
a.btn_admin, .btn_admin { display:inline-block; background:#345654; color:#fff; text-decoration:none; vertical-align:middle; margin-bottom: 5px; } /* 관리자 전용 버튼 */
a.btn_admin:hover, .btn_admin:hover { background: #444; }
/* 방문자 집계에서 사용하는 컬러 */
.color_1 {background:#169dd6}
.color_2 {background:#14d53d}
.color_3 {background:#3814ff}
.color_4 {background:#7520c5}
/* 기본테이블 */
.tbl_wrap table { border-top: 1px solid #666; border-right: none; border-left: none; width:100%; margin: 0 auto; border-spacing: 0; }
.tbl_wrap caption {padding:10px 0;font-weight:bold;text-align:left}
.tbl_head01 {margin:0;}
.tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden}
.tbl_head01 thead th { padding: 10px 0; font-weight: normal; text-align: center; border-bottom: 1px solid #ddd; background: #fafafa; height:40px; }
.tbl_head01 thead th input { margin: 10% 0; width: 15px; height: 15px; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 td { background:#fff; padding: 8px 0; border-bottom:1px solid #DDD; line-height:1.2rem; height:52px; word-break: break-all; }
.tbl_head01 tbody tr:hover td{background:#fafafa;}
.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: 10px 0; border-bottom: 1px solid #e9e9e9; background:#fff; font-weight: normal; }
.tbl_head02 td { padding: 10px 2px; border-bottom: 1px solid #e9e9e9; background:#fff; line-height: 1.4em; word-break:break-all }
/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px}
.tbl_frm01 table { width: 100%; border-collapse:collapse;border-spacing:0; }
.tbl_frm01 th { width: 20%; padding: 8px; border:1px solid #e9e9e9; border-left:0; text-align:left; vertical-align: middle; font-size: 0.9rem; line-height: 1rem; font-weight: 400;}
.tbl_frm01 td { padding: 7px 10px; border-top: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9; background: transparent; font-size: 0.9rem; font-weight: 300; }
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input { border: 1px solid #ccc; background:#fff; vertical-align: middle; border-radius: 3px; padding: 5px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); font-size: 1rem;
}
.tbl_frm01 textarea {padding:2px 2px 3px}
.frm_input {height:40px;}
.full_input{width:100%}
.half_input{width:49.5%}
.tbl_frm01 textarea, .write_div textarea {width:100%;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}
/*폼 리스트*/
.form_01 h2{margin:0 0 10px;font-size:1.167em}
.form_01 li{margin:10px 0}
.form_01 li:after {display:block;visibility:hidden;clear:both;content:""}
.form_01 li .right_input{float:right}
.form_01 textarea{height:100px;width:100%}
.form_01 .frm_label{display:inline-block;width:130px}
/* 자료 없는 목록 */
.empty_table { padding: 50px 0 !important; text-align:center; }
.empty_list {padding:20px 0 !important;color:#666;text-align:center}
/* 필수입력 */
.required, textarea.required { background-image:url('../img/require.png') !important; background-repeat: no-repeat !important; background-position: right !important; }
/* 테이블 항목별 정의 */
.td_board {width:80px;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:80px;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 { position: relative; }
.new_win .tbl_wrap { margin: 0 20px; }
.new_win #win_title { height: 50px; line-height: 30px; padding: 10px 20px; background: #333; color: #fff; font-size: 1.2rem; font-weight: 400; }
.new_win #win_title .sv {font-size:0.75em;line-height:1.2em}
.new_win .win_ul {border-right:1px solid #dfe6e7;}
.new_win .win_ul:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_ul li{float:left;background:#fff;width:33.333%;text-align:center;border:1px solid #ccc;margin-left:-1px}
.new_win .win_ul li a{display:block;padding:10px 0}
.new_win .win_ul .selected{background:#fff;border-color:#d13f4a;position:relative;z-index:5}
.new_win .win_ul .selected a{color:#d13f4a;font-weight:bold}
.new_win .win_desc {margin:5px 0;font-size:0.92em;color:#3598db;}
.new_win .frm_info{font-size:0.92em;color:#3598db}
.new_win .win_total{text-align:right;margin:10px 0}
.new_win .win_total span{display:inline-block;line-height:30px;font-size:0.92em;color:#4e546f;background:#d4d4d4;padding:0 10px;border-radius:5px;}
.new_win .new_win_con{margin:20px;}
.new_win .new_win_con:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .btn_confirm:after {display:block;visibility:hidden;clear:both;content:""}
.new_win .win_btn{text-align:right}
.new_win .btn_close {position:absolute;top:0;right:0;height:50px;width:50px;background:url(../img/close_btn.gif) no-repeat 50% 50%;border:0;text-indent:-999px;overflow:hidden;cursor:pointer}
.new_win .btn_submit { padding: 0 20px; float: right; }
/* 검색결과 색상 */
.sch_word {color:#00c4ac}
/* 자바스크립트 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 { position: relative; font-weight: normal; }
.sv_wrap .sv { z-index: 1000; display: none; margin: 5px 0 0; font-size:0.92em; background:#333; -webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); }
.sv_wrap .sv:before{content: "";position: absolute;top: -6px;left: 15px;width: 0;height: 0;border-style: solid;border-width: 0 6px 6px 6px;border-color: transparent transparent #333 transparent;}
.sv_wrap .sv a {display:inline-block;margin:0;padding:0  10px;line-height:30px;width:100px;font-weight:normal;color:#bbb }
.sv_wrap .sv a:hover{background:#000;color:#fff}
.sv_on {display:block !important;position:absolute;top:23px;left:0px;width:auto;height:auto}
.sv_nojs .sv {display:block}
/* 페이징 */
.pg_wrap {clear:both;margin:30px 0 ;text-align:center}
.pg_wrap:after {display:block;visibility:hidden;clear:both;content:""} 
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#f3f3f3;border:1px solid #bbbcc3}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page { color: #555; height:30px; line-height:28px; padding: 0 5px; min-width: 30px; border-radius: 3px; }
.pg_page:hover{background-color:#ddd}
.pg_start {text-indent:-999px;overflow:hidden;background:url('../img/btn_first.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb;}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_end {text-indent:-999px;overflow:hidden;background:url('../img/btn_end.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_next {text-indent:-999px;overflow:hidden;background:url('../img/btn_next.gif') no-repeat 50% 50% #fff;padding:0;border:1px solid #bbb}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover{background-color:#fafafa}
.pg_current {display:inline-block;background:#000;color:#fff; height:30px;line-height:28px;padding:0 10px;min-width:30px;border-radius:3px;
  -webkit-box-shadow: inset 1px 1px 2px #222542; box-shadow: inset 1px 1px 2px #222542; }
/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before { -webkit-box-sizing: content-box; box-sizing: content-box; }
/* 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}
/*----------*/
/*common.css*/
/*----------*/
.inner { width:1200px; margin: 0 auto; padding: 0 20px; }
.clearfix { *zoom:1; }
.clearfix:before, .clearfix:after { display: block; content: ""; line-height: 0; clear: both; }
.clearfix:after { clear:both; }
.aboutus_visual  { background:url(../img/main/banner01.png); background-position-y:60%; background-size:cover; }
.act_visual      { background:url(../img/main/banner02.png); background-position-y:60%; background-size:cover; }
.art_visual      { background:url(../img/main/banner03.png); background-position-y:10%; background-size:cover; }
.customer_visual { background:url(../img/main/banner04.png); background-position-y:30%; background-size:cover; }
.bbs_visual      { background:url(../img/main/banner05.png); background-position-y:45%; background-size:cover; }
.visual_wrap { width: 100%; position: relative; overflow:hidden;  }
.visual_wrap .visual { height: 350px; width:100%; }
.visual_wrap .visual img { position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); transform:translate(-50%,-50%); }
.visual_wrap .visual_title_wrap { width: 100%; position: absolute; margin: auto; top: 50%; left: 0; right: 0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%);
  transform:translateY(-50%); margin-top:15px; }
.visual_wrap .visual_title_wrap h3 { font-size:2.3rem; color:#fff; font-weight:500; text-align:center; line-height:40px; text-shadow:1px 1px 1px rgba(0,0,0,1); }
.visual_wrap .visual_title_wrap>.underline{width: 40px; height: 3px; background: #fff; margin: 20px auto 20px;}
.visual_title_wrap > p { margin: 0 auto; width: 90%; font-size: 1.15rem; color: #fff; text-align: center; line-height: 1.8rem; text-shadow:1px 1px 1px rgba(0,0,0,0.5); }
/* 페이지 전체에서 공통으로 사용(나중에 하나의 파일로 엮을 예정 */
.inner .leftarea { width: 25%; float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; 
  -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 50px;  overflow: hidden; }
.inner .leftarea img { float: left; width: 100%; }
.inner .rightarea { width: 75%; float: left; padding-left: 50px;}
.text { margin: 30px 0; }
.center { display: -webkit-box; display: ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; overflow: hidden; }
.page_title { padding: 25px 0 0 0; }
.page_title > h2 { font-size: 1.6rem; font-weight: 500; padding: 25px 0 10px; color: #333; }
.page_title > h2 > span { color: #c71526; }
.page_title p { margin-top: 15px; line-height: 1.2rem; }
.mr-3 { display: inline-block; margin-right: 6px; vertical-align: 5%; }
.mt-3 { margin-top: 30px }
.mb-3 { margin-bottom: 30px }
.mt-5 { margin-top: 50px }
.mb-5 { margin-bottom: 50px }
.pt-3 { padding-top: 30px }
.pb-3 { padding-bottom: 30px }
.pt-5 { padding-top: 50px }
.pb-5 { padding-bottom: 50px }
.img_rad { border-radius: 8px; }
/*검색*/
#bo_sch { position: relative; max-width:555px; width: 90%; border: none; margin-bottom: 60px; padding: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
#bo_sch>form{width: 100%; }
#bo_sch #sfl { width: 129px; height: 40px; border: 1px solid #ddd; font-size: 1rem; }
#bo_sch .sch_btn { width: 15%; height: 40px; text-align: center; background-color:#333; font-size: 1rem; color: #fff; border-radius: 3px; }
#bo_sch #sfl{padding: 0 6px; box-shadow: none; -webkit-box-shadow: none; border: none; outline: none;}
#bo_sch #sfl { margin: 0; width: 20%; height: 40px; border: 1px solid #ddd; -moz-appearance:none; -webkit-appearance:none; appearance:none; background: url(../img/common/down.png) 95% 50% no-repeat;}
#bo_sch #sfl::-ms-expand {display:none;}
#bo_sch .sch_input { width: 60%; height: 40px; border: 1px solid #ddd; margin: 0 5px; padding: 0 5px; }
/* 게시판 공통 */
#bo_cate a { z-index: 1; }
#bo_list, #bo_gall { display: block; width: 100%; margin: 20px auto; }
#bo_v_title .bo_v_tit { color: #333; font-weight: 500; margin: 15px 0; font-size: 1.35rem; }
#bo_v_info .fa { display: none; }
#bo_w { padding: 20px 0 80px 0; }
#bo_w .bo_w_flie .lb_icon { padding-top: 5px; }
#bo_w .write_div label { display: inline; margin-right: 15px; }
.file_wr label { padding: 0.5rem; }
.btn .fa{display: none;} /*버튼 픽토그램*/
.cmt_btn{background-position: 67px 10px; font-size: 1rem;}
.cmt_btn_op{background-position: 67px -20px;}
.cmt_btn .fa{display: none;}
.btn_bo_user { margin:10px 0; }
.bo_fx{margin: 20px 0; width: 100%;}
#bo_v_share { position: relative; margin: 20px 0; text-align: right; }
#bo_v_share .btn:hover { background: #EEE; }
.file_del input { float: left; margin: 5px 2px 0 0;}
.file_del label { float: left; margin-top: -4px; }
#bo_w .bo_w_flie .frm_file { padding-left: 40px; margin-top: -4px; }
#bo_list_total { float:left; line-height:30px; font-size:0.9em; color:#4e546f; background:#D8D8D8; margin:20px 0 0; padding:0 10px; border-radius: 3px; }
@media screen and (max-width:920px) {
  .inner .leftarea { width: 100%; justify-content: center; }
  .inner .rightarea { width: 100%; padding-left: 0px;}
}
/* 찾아오시는 길 */
.map_area { width: 100%; height: auto; }
.map_desc { margin-top: 50px; width: 100%;}
.map_desc_box{width: 100%;}
.map_title { height: 60px; border-bottom: 2px solid #333;}
.map_title .map_icon1 { float: left; margin-right: 10px; width: 30px; height: 100%; background: url(../img/company/directions_icon01.png); background-size: 20px 20px; background-repeat: no-repeat; background-position: center;}
.map_title h3 { float: left; line-height: 58px; color: #333; font-size: 20px;}
.map_list{margin-bottom: 65px; width: 100%;}
.map_item{float: left; width: 100%; border-bottom: 1px solid #999;}
.item_desc { float: left; margin-left: 10px; width: 90%; line-height: 60px; }
.map_item::before { float: left; content: ""; width: 4px; height: 4px; background: #c71526; border-radius: 50%; margin-top: 28px;}
.map_2item { float: left; margin-right: 30px; padding: 15px 0 15px; }
.map_2item .bus_line { display: inline-block; margin-right: 10px; width: 45px; height: 30px; background: #3caa3a; color: #fff; text-align: center; line-height: 30px; border-radius: 5px; }
.map_2item .bus_line.blue { background: #358fd4;}
.map_2item .bus_line.darkgoldenrod { background: #B8860B;}
.map_2item .bus_number{display: inline-block; line-height: 30px;}
.map_item.bus_info .item_desc{margin-left: 30px;}
/*reset.css*/
html, body { width: 100%; -ms-overflow-x: hidden; overflow-x: hidden; }
#aside { display: none; }
.gnb_menu_btn { display: none;}
/*body { background: none; }*/
img, iframe, fieldset, frameset, input, select, option, textarea, button { border: 0 none; border-radius: 0; }
ul, ol, li { list-style:none; }
address, i, em{font-style: normal;}
img, label { display: inline-block; }
/*headStyle.css*/
#hd { width:100%; border-bottom:1px solid rgba(255,255,255,0.2); z-index:1000; }
#hd_wrapper { padding: 0; }
/* 상단메뉴 */
#gnb { position:absolute; left:48%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
#gnb h2 { position: absolute; font-size: 0; line-height: 0; overflow: hidden; }
#gnb .gnb_wrap{margin:0 auto;position:relative;  }
#gnb #gnb_1dul {font-size:1.083em;padding: 0; zoom:1; }
#gnb ul:after {display:block;visibility:hidden;clear:both;content:""}
#gnb .gnb_1dli { line-height: 90px; width: 200px; text-align:center; float:left; padding: 0 15px; position:relative; }
#gnb .gnb_1dli:hover { background: none; -webkit-transition: background-color 2s ease-out; -webkit-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; }
.gnb_1da { display: inline-block; color: #fff; font-size: 1.2rem; font-weight: 400; text-shadow: 1px 1px 1px rgba(0,0,0); }
.gnb_1da:hover { color: white; }
.gnb_2dul { display:none; position:absolute; top:50px; min-width:200px; padding: 0; }
.gnb_2da { display: block; padding: 0 4px; line-height: 40px; color: #c3cbf7; text-align: left; letter-spacing:-0.8px; }
.gnb_2da:focus, .gnb_2da:hover { color: white; }
.gnb_1dli_over .gnb_2dul {display:block;left:0}
.gnb_1dli_over2 .gnb_2dul {display:block;right:0}
.gnb_wrap .gnb_empty { padding: 10px 0; width: 100%; text-align: center; line-height: 2rem; color: #fff; }
.gnb_wrap .gnb_empty a { color: #fff; }
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a { color: #555; }
.hd_login { width:150px; overflow:hidden; position:fixed; right:0; position: absolute; top: 40%; font-size: 0.92rem; line-height: 1.2rem; z-index:9999; }
.hd_login a { float: left; margin: 0 3%; color:#fff; font-size:0.85rem; }
.gnb_2dul { top: 90px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width:200px; background: rgba(0,0,0,0.7);}
.gnb_1dli_over .gnb_2dul { left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); background:rgba(0,0,0,0.7); }
#nav_bar { height: 3px; max-width: 200px; background: #fff; position: absolute; top: 87px; }
.gnb_2dli { border: none; font-size: 1.07rem; }
.gnb_2da { color: #fff; text-align: center; font-weight: 300; line-height: 3.4rem; letter-spacing: -0.07em; }
a.gnb_2da:hover { background-color: teal; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#aside { position: fixed; right: -100%; top: 0px; bottom: 0; margin: 0px; width: 50%; z-index:1005; overflow-y: auto; background: #223040; border: 0; }
.close_menu { position: fixed; z-index: 10; top: 16px; right: -100%; width: 26px; height: 36px; cursor: pointer; }
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;right: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000; }
.mb-sub-ul { display: none; background: #333; }
.mb-sub-ul li { padding: 0 0 0 30px; }
.mb-sub-ul li a { display: block; font-size: 0.96rem; font-weight: 300; letter-spacing: -0.002rem; }
.mb-sub-ul li a:hover { color:white; text-decoration:none; }
.mobile_menu { position:absolute; width:100%; left: 50%; top: 8%; -webkit-transform: translate(-50%,0); -ms-transform: translate(-50%,0); transform: translate(-50%,0); }
.mobile_menu ul { width: 100%; overflow: hidden; padding: 15px 0; }
.mobile-list { color:white; text-decoration:none; }
.mobile-list a { width: 100%; color: #fff; text-align: left; padding: 20px 0 10px 15px; font-size: 1.15rem; font-weight: 400; cursor: pointer; }
.mobile-list .mb-sub-ul a { padding: 4px 0; }
#mb-open-menu { position: absolute; right: 20px; top:54%; -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); transform:translate(0,-50%); width:26px; height:16px; cursor: pointer; z-index:10; }
#mb-open-menu span { position:absolute; left:0; display:block; width:100%; height:2px; background:#fff; -webkit-transition:all .4s ease; transition:all .4s ease; }
#mb-open-menu .line1 { top:0px; }
#mb-open-menu .line2 { top:7px; }
#mb-open-menu .line3 { bottom:0; }
#hd.scrollBg .gnb_1da { color:#000; text-shadow:0 0 0px rgba(0,0,0,5); }
#hd.scrollBg .hd_login a { color:#333; border:0px solid red; }
#aside { display: block; z-index: 2000; width: 50%; }

/* 서브 네비게이션 */
.mysubmenu { position: relative; margin: -35px auto 0; width: 1200px; padding: 0 10px; z-index: 99; }
.mysubmenu .inner { padding: 0; width: 100%; border: 1px solid #ddd; background: #fff; min-width: 360px; }
.mysubmenu .menu_select { float: left; position: relative; width: 160px; border-right: 1px solid #ddd; }
.mysubmenu .sub-menulist-area { width: 260px; }
.mysubmenu .menu_select.home { padding: 0; width: 70px; height: 70px; background-color: #fff; background-position: center; text-align: center; }
.mysubmenu .menu_select.home a { line-height: 70px; font-size: 24px; padding: 0; }
.mysubmenu .menu_select.home a i { color: #353535; }
.mysubmenu .menu_select li  { position: relative; }
.mysubmenu .menu_select li.on a::before { content: ''; display: block; width: 4px; height: 100%; position: absolute;
  top: 0; left: 0; background-color: teal; }
.mysubmenu .menu_select li a { padding:0 24px; height: 70px; line-height: 70px; white-space: nowrap; }
.mysubmenu .current_menu { background-repeat: no-repeat; background-image: url(../img/common/navi_arrow.png);
  background-position: 92% center; background-size: 20px; }
.mysubmenu .all_menu { position: absolute; top: 71px; left: 0; outline: 1px solid #ddd; border-top: none; display: none; width:100%;
  z-index: 20; background: #fff; }
.mysubmenu li, .mysubmenu li a, .mysubmenu h3 { color: #222; display: block; }
.mysubmenu .all_menu ul+ul li { border-top: 1px solid #ddd; }
.mysubmenu .all_menu li:hover { background: teal; }
.mysubmenu .all_menu li:hover a { color: #FFF; }
.mysubmenu .all_menu.all_submenu li { border-top: 1px solid #ddd; }
.mysubmenu .all_menu.all_submenu li:first-child { border-top: 0; }

/* footerStyle.css */
/* 인스타그램 아이콘 */
#ft_company .ft_company-info .insta {
  background-image: url(/theme/atstore/img/common/insta.png);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position-y: 5px;
  padding: 0 0 20px 20px;
}

#ft_copy { width:70%; margin-top:-65px; font-size:0.92em; }
#top_btn { position: fixed; bottom: 20px; right: 20px; width: 50px; height:50px; border-radius: 50%; z-index:90;  background: rgba(200,200,200,0.5); }
#top_btn:hover { border-color: rgba(0, 0, 0, 0.9); background: rgba(0, 0, 0, 0.9); color: #000; border-radius: 50%; }
#ft { background: #333; color: #999; margin: 0 auto; }
#ft a, #ft_copy, #ft_company li, #ft_copy b, #ft_copy span, #ft_contact strong, #ft_contact p { color: #999; }
#ft_wr { width: 1200px; padding: 50px 20px; overflow: hidden; margin: 0 auto; }
#ft_contact { width: 40%; text-align: right; }
#ft_contact strong { font-size: 1.8rem; line-height: 2.2rem; font-family: 'Rufina', serif; }
#ft_link { display: flex; justify-content: center; }
#ft_link > a { float:left; line-height:20px;  }
#ft_link > a::after { content: ""; display: block; width: 1px; height: 15px; background: #999; float: right; margin: 3px 10px 0 10px; }
#ft_link > a.ft_link3::after { display: none; }
#ft_company { width: 60%; margin-bottom: 30px; }
#ft_company ul { overflow: hidden; margin: 0; }
#ft_company li { float: left; line-height: 20px; }
#ft_company li::after { content: ""; display: block; width: 1px; height: 15px; background: #999; float: right; margin: 3px 10px 0 10px;}
#ft_company li.ft_company3::after, #ft_company li.ft_company6::after { display:none; }
.inner.box { padding: 0 20px 100px; }
.main_title { padding: 100px 0 50px 0; }
.main_title h2 { font-size: 2.2rem; text-align: center; color: #FFF; letter-spacing: -2px; margin-bottom: 30px; text-shadow:0 0 4px rgba(0,0,0); }
.main_title h2>span { font-weight:600; color: #FFF; }
.main_title p { text-align:center; font-size:1.2rem; color:#fff; }
.detail { width:100%; margin:0 auto;}
.detail > ul{width: 100%; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0 auto;}
.detail > ul li{float: left; width: 32%; padding: 13px 0;}
.detail > ul li.second{margin: 0 2%;}
.detail > ul li img{margin: 30px auto 35px;}
.detail > ul li p { font-size: 28px; margin-bottom: 26px;}
.detail > ul li strong { display: block; font-size: 1.6rem; color: #333; font-weight: 500; margin: 0 auto; text-align: center; }
.detail > ul li p{text-align: center;}
.core_wrap { background: url(../img/main/bg_img1.png); background-size: cover; background-position: center;}
.core_wrap .main_title h2::after { background: #fff; }
.core_wrap .detail ul li{background: #fff; border-radius: 10px; padding: 44px 0;}
.core_wrap .detail ul li strong { margin-bottom: 26px;}
.core_wrap .detail ul li p { font-size: 1.3rem; line-height: 1.5rem; }
.core_wrap .detail img { display: block; }
.contact_wrap { background: url(../img/main/bg_img2.png); background-size: cover; background-position: center; }
.contact_wrap .inner { padding-bottom: 170px;}
.contact_wrap .main_title { padding-bottom: 70px; }
.contact_wrap .main_title h2::after{display: none;}
.contact_wrap .detail { width:100%; height:420px; }
.contact_wrap .root_daum_roughmap{height: 100%;}
.contact_wrap .root_daum_roughmap .wrap_map{height: 100%;}
.art_wrap{background: url(../img/main/port_bg.png); padding-bottom:90px;}
.art_wrap .baro_go a { color:#fff; text-align:center; font-size: 1.2rem; width:100%; border:1px solid #fff; padding:15px 0;
  -webkit-transition-duration:0.3s; -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -ms-transition-duration:0.3s;
  -o-transition-duration:0.3s; transition-duration:0.3s; margin: 0 auto; }
.art_wrap .baro_go a:hover { background: #fff; color: #223040; }
.pic_lt .lat_title, .pic_lt .lt_more, .pic_lt li .new_icon, .pic_lt .lt_date { display: none; }
.art_wrap .latest_wr { display: none; }
.art_wrap .latest_wr2 { display: block; }
.art_wrap .pic_lt .empty_li{width: 100%; height: 500px; background: #fff; line-height: 500px; text-align: center;}
.art_wrap .pic_lt{width: 100%; background: none; border: none; margin-bottom: 0;}
.art_wrap .pic_lt ul{padding: 0;}
.art_wrap .pic_lt li{padding: 0; margin:0.6%; height:347px; overflow: hidden;}
.art_wrap .pic_lt li .lt_img img{display: block;    display: block;}
.art_wrap .pic_lt li .lt_img + a{display: none;}
.art_wrap .latest_wr2 .pic_lt .new_icon + a { display: none; }
.art_wrap .owl-theme .owl-dots .owl-dot{outline: 0 none;}
.art_wrap .owl-theme .owl-dots .owl-dot span{background: #ddd;}
.art_wrap .owl-theme .owl-dots .owl-dot span:hover, .art_wrap .owl-theme .owl-dots .owl-dot.active span{background: #c80e21;} /* 작품감상 회전 하단의 점 */
.comm_wrap { background: url(../img/main/comm_bg.png); }
.comm_wrap .inner { padding-bottom: 150px;}
.comm_wrap .main_title{padding-bottom: 30px;}
.comm_wrap .latest_wr { width: 100%; margin: 0 auto; }
.comm_wrap .latest_wr > div { float: left; width: 49%; } /* > 없으면 그 밑의 다른 div도 영향 받음 */
.pic_lt li .hot_icon { float:left; margin:1%; }
.comm_wrap .latest_wr > div.comm02 { float: right; outline:0px solid red }
.comm_wrap .lat { margin-bottom: 0; border: none; padding: 30px; min-height: 400px; border-radius: 8px;
  -webkit-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);  -moz-box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); }
.comm_wrap .lat .lat_title { padding: 0 0 8px 0; border-bottom: 1px solid #ddd; width: 100%; }
.comm_wrap .lat .lat_title a { font-size: 1.4rem; color: #333; font-weight: 500; }
.comm_wrap .lat ul { padding: 0; margin-top: 20px; }
.comm_wrap .lat li { padding: 0; line-height: 40px; overflow: hidden; }
.comm_wrap .lat li:before { display: none; }
.comm_wrap .lat li a { width: 75%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color:inherit; float: left; }
.comm_wrap .lat .lat_title_area { position: relative; }
.comm_wrap .lat .lt_more { top: 8%; right: 0%; color: #7a838c; font-size: 30px;}
@media screen and (min-width:1200px) {
  #ft_contact { float:right; }
  #ft_link { float:left; height: 35px; }
  #ft_company { float:left; }
  #ft_copy { float:left; }
}
@media screen and (min-width:1024px) {
  #hd { height: 90px; z-index: 100; position: fixed; top: 0; min-width: none; width: 100%; }
  #hd_wrapper { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
  #hd.scrollBg #hd_wrapper { background:rgba(255,255,255,1); -webkit-box-shadow:-2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow:-2px 6px 16px 0px rgba(0,0,0,0.26);}
  #hd_wrapper { position:absolute; width:100%; height:90px; }
  #hd_wrapper .inner{height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
  #aside { display: none; }
  #gnb { display: block;  width: 802px; }
  .logo_pc { display:block; border: 0; }
  .logo_mobile { display: none; }
  .close_menu { display: none; }
  #mb-open-menu { display: none; }
  #hd.scrollBg #nav_bar { background: #345654; bottom: -3px; }
}
@media screen and (max-width:1024px) {
  #hd { height: 60px; z-index: 10; position: fixed; top: 0; min-width: none; width: 100%; }
  #hd_wrapper { -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
  #hd.scrollBg #hd_wrapper { background:rgba(255,255,255,1); -webkit-box-shadow:-2px 6px 16px 0px rgba(0,0,0,0.26); box-shadow:-2px 6px 16px 0px rgba(0,0,0,0.26);}
  #hd_wrapper { position: absolute; width: 100%; height: 60px; }
  #hd_wrapper .inner { height: 60px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}
  #mb-open-menu { display: block; top:30px; }
  #hd.scrollBg .line1, #hd.scrollBg .line2, #hd.scrollBg .line3 { border:1px solid #333; }
  .hd_login { width:140px; position:absolute; top:22px; left:0px }
  #gnb { display: none; }
  #logo { width: 45px; top: 30px; left: 50%; }
  .logo_mobile { display: none; }
  .logo_pc { display: block; border:0; }
}
@media screen and (max-width:1199px) {
  .inner { width:100%; }
  .detail > ul li p{font-size: 20px; margin-bottom: 0;}
  .detail > ul li strong span{font-size: 30px;}
  .detail > ul li, .detail > ul li img { -webkit-transition-duration: 0.3s; -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s; -ms-transition-duration: 0.3s; -o-transition-duration: 0.3s; transition-duration: 0.3s; }
  .core_wrap .detail ul li strong { margin-bottom: 10px; font-size: 1.4rem; }
  .core_wrap .detail ul li p { padding: 0 20px; font-size: 1.1rem;}
  .contact_wrap .inner { padding-bottom:100px; }
  .contact_wrap .main_title{padding-bottom: 50px;}
  /* 약도 */
  .map_item{padding: 20px 0;}
  .item_desc { float: left; margin-left: 10px; width: 90%; line-height: 1.2rem; }
  .map_item::before { margin-top: 8px; }
  .map_2list{float: left; margin-left: 20px; width: 90%;}
  .map_item.bus_info .item_desc{margin-left: 24px;}
  .map_item.bus_info::before{margin-top: 10px;}
  /* footer */
  #ft { width:100%; position: relative; }
  #ft_wr { width:100%; padding:40px 0;} 
  #ft_contact, #ft_company, #ft_copy { overflow:hidden; width:100%; }
  #ft_contact { text-align:center; padding-bottom: 12px; }
  #ft_company { width:100%; text-align:center; margin:10px auto; }
  #ft_company li { float:none; display: inline-table; }
  #ft_company li.ft_company2::after, #ft_company li.ft_company3::after, #ft_company li.ft_company6::after { display:none; }
  #ft_company li.ft_company3 { display:block; }
  #ft_copy {margin-top: 0; text-align: center;}
  #ft_copy span{display: block;}

  .mysubmenu { margin: -30px auto 0; width: 100%; }
  .mysubmenu .menu_select { width: 140px; height: 60px; }
  .mysubmenu .sub-menulist-area { width: 260px; }
  .mysubmenu .menu_select.home { width: 60px; height: 60px; /* background-size: 18px auto; */ }
  .mysubmenu .menu_select.home a { line-height: 60px; }
  .mysubmenu .menu_select li a { padding: 0 15px; height: 60px; line-height: 60px; }
  .mysubmenu .all_menu { top: 61px; }
  .mysubmenu .current_menu { background-size: 15px auto; }
}
@media screen and (max-width:767px) {
  .detail > ul{width: 80%; display: inherit;}
  .detail > ul li{width: 100%;}
  .detail > ul li.second{margin: 0;}
  .detail > ul li p{font-size: 20px; margin-bottom: 0;}
  .detail > ul li strong{font-size: 26px;}
  .detail > ul li strong span{font-size: 30px;}
  .comm_wrap .inner{padding-bottom: 80px;}
  .comm_wrap .latest_wr > div { float: left; width: 100%; }
  .comm_wrap .latest_wr > div.comm01 { margin-bottom: 5%; }
  .comm_wrap .lat .empty_li { line-height: 300px; font-size: 16px;}
  .mysubmenu { margin: -25px auto 0; }
  .mysubmenu .inner { display: flex; }
  .mysubmenu .menu_select { height: 50px; }
  .mysubmenu .menu_select li a { height: 50px; line-height: 50px; font-size: 0.942rem; }
  .mysubmenu .menu_select.home { z-index: 30; width: 50px; height: 50px; border-right: 1px solid #ddd; background-size: 15px auto; flex: 0 0 50px; }
  .mysubmenu .menu_select.home a { line-height: 50px; }
  .mysubmenu .all_menu { top: 51px; }
  .mysubmenu .current_menu { height: 50px; background-size: 12px auto; }
}
@media screen and (max-width:600px) {
  .visual_wrap .visual_title_wrap h3 { font-size: 1.8rem; }
  .visual_wrap .visual_title_wrap > p { font-size: 1.05rem; line-height: 1.5rem; }
  #aside { width: 58%; }
  .art_wrap .latest_wr { display: block; }
  .art_wrap .latest_wr2 { display: none; }
  .art_wrap .inner{position: relative;}
  .art_wrap .latest_wr { width: 300px; height: auto; margin: 0 auto; }
  .art_wrap { padding-bottom: 60px;}
  .art_wrap .baro_go a { width: 100%; margin-top: 35px; padding: 10px 0; }
}
@media screen and (max-width: 489px) {
  .mysubmenu .inner { border-right: none; }
}
@media screen and (min-width:481px) and (max-width:767px) {
  .core_wrap .detail ul { width: 40%; min-width: 320px; }
  .core_wrap .detail img { margin: 10px auto 20px; }
  .core_wrap .detail > ul li.second { margin: 20px 0; }
}
@media screen and (min-width:481px) {
  .art_wrap .pic_lt ul { display: inherit; width: 100%; overflow: hidden; margin-bottom: 32px; padding: 0; }
  .art_wrap .pic_lt li { padding: 0; width: 32%;  padding: 0; }
  .art_wrap .pic_lt li .lt_img { margin: 0; width: 100%; overflow: hidden; }
  .art_wrap .pic_lt li .lt_img:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);
    -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; -ms-transition-duration: 0.6s;
    -o-transition-duration: 0.6s; transition-duration: 0.6s; }
}
@media screen and (max-width: 480px) {
  .core_wrap .detail > ul li img { height: 82px; margin: 0px auto 30px;}
  .core_wrap .detail ul li { padding: 35px 0; height: 15rem;}
  .core_wrap .detail > ul li.second { margin: 15px 0; }
  .core_wrap .detail ul li strong { margin-bottom: 20px; text-align: center; font-size: 1.2rem; line-height: 1rem; }
  .core_wrap .detail ul li p { font-size: 0.92rem; text-align: center; line-height: 1.2rem; }
  .comm_wrap .inner{padding-bottom: 60px;}
  .comm_wrap .lat .lt_more { top: 8%; right: 0%; }
  .comm_wrap .lat .empty_li { line-height: 240px; font-size: 14px;}
  .contact_wrap .inner{padding-bottom: 50px;}
  .contact_wrap .main_title{padding-bottom: 30px;}
  .contact_wrap .detail{height: 220px; overflow: hidden;}
  .art_wrap .pic_lt li .lt_img { height: 220px; }
  #bo_list_total { font-size: 0.9rem; }
}
/* reset */