@charset "utf-8";
/* for styles */
@import url("slick.css");
@import url("default.css");

/* layout */
body {}
input.text,
select.text {height:30px; border:#ddd 1px solid;}
textarea.text {border:#ddd 1px solid;}

.btn_gray {background:#888 !important;}

/* header */
.header {position:relative; background:rgba(247,148,29,.8); height:40px; z-index:10;}
.header .logo {text-align:center; width:auto; margin:0 auto; padding:5px 0;}
.header .logo img {width:auto; height:auto; max-width:100%; max-height:30px;}
.header .logo h1 {display:none;}
.header .btn_cell {position:absolute; top:10px; left:10px; width:20px; height:20px;}
.header .btn_cell img {width:100%; height:auto;}
.header .btn_menu {position:absolute; top:10px; right:10px; width:20px; height:20px;}
.header .btn_menu > div {position:absolute; width:20px; height:2px; border-radius:1px; background:#fff; top:50%; left:0; transition:.2s linear;}
.header .btn_menu.on {z-index:12;}
.header .btn_menu.on > div {height:3px; background:#f7941d; border-radius:2px;}
.header .btn_menu .top {margin-top:-8px;}
.header .btn_menu .mid {margin-top:-1px;}
.header .btn_menu .btm {margin-top:6px;}
.header .btn_menu.on .top {margin-top:-1px; transform:rotate(225deg);}
.header .btn_menu.on .mid {opacity:0;}
.header .btn_menu.on .btm {margin-top:-1px; transform:rotate(-225deg);}
.header .open_menu {}
.header .open_menu .black {position:fixed; width:20%; height:100%; top:0; left:-20%; background:rgba(0,0,0,.5); z-index:11; opacity:0; transition:.2s linear;}
.header .open_menu.on .black {left:0; opacity:1;}
.header .open_menu .gnb {position:fixed; width:80%; height:100%; top:0; right:-80%; background:#fff; padding:40px 10px; opacity:0; transition:.2s linear;}
.header .open_menu.on .gnb{right:0; opacity:1;}
.header .open_menu .gnb .gnb_in {border-top:#ccc 1px solid;}
.header .open_menu .gnb .gnb_in dl {border-bottom:#ccc 1px solid;}
.header .open_menu .gnb .gnb_in dt {position:relative; font-size:15px; color:#333; font-weight:bold; line-height:40px;}
.header .open_menu .gnb .gnb_in dt.on {color:#f7941d;}
.header .open_menu .gnb .gnb_in dt i {position:absolute; top:50%; right:10px; margin-top:-7px; transition:.2s linear;}
.header .open_menu .gnb .gnb_in dt.on i {transform:scale(-1);}
.header .open_menu .gnb .gnb_in dd {background:#f5f5f5; padding:5px 0 0; display:none;}
.header .open_menu .gnb .gnb_in .snb li {border-bottom:#ccc 1px dashed;}
.header .open_menu .gnb .gnb_in .snb li:last-child {border-bottom:none;}
.header .open_menu .gnb .gnb_in .snb li a {position:relative; display:block; font-size:12px; color:#666; font-weight:bold; line-height:30px; padding:0 10px;}
.header .open_menu .gnb .gnb_in .snb li a.on {color:#333;}
.header .open_menu .gnb .gnb_in .snb li a i {position:absolute; top:50%; right:10px; margin-top:-7px; transition:.2s linear;}
.header .open_menu .gnb .gnb_in .snb li a.on i {transform:scale(-1);}
.header .open_menu .gnb .gnb_in .depth3 {background:#e5e5e5; display:none;}
.header .open_menu .gnb .gnb_in .depth3 a {padding:0 10px;}

/* footer */
.footer {background:#84827e;}
.footer .links {overflow:hidden;}
.footer .links li {float:left; width:33.3%; border-bottom:#9d9b98 1px solid; padding:5px 0;}
.footer .links li a {display:block; font-size:12px; color:#ebebeb; font-weight:bold; text-align:center; line-height:15px; border-left:#9d9b98 1px solid;}
.footer .links li:nth-child(3n-2) a {border-left:0;}
.footer .address {font-size:10px; color:#0c0c0c; padding:15px 10px; letter-spacing:-.5px;}

/* aside */
.svisual {background: none; height: auto;}
.aside {width:100%; height:30px; border-bottom:#ccc 1px solid;}
.aside dl {position:relative; float:left; width:50%;}
.aside dl dt {position:relative; font-size:12px; color:#333; line-height:30px; padding:0 10px; border-left:#ccc 1px solid; cursor:pointer;}
.aside dl:first-child dt {border-left:0;}
.aside dl.on dt {color:#d16e2c;}
.aside dl dt i {position:absolute; top:50%; right:10px; margin-top:-7px; transition:.2s linear;}
.aside dl.on dt i {transform:scale(-1);}
.aside dl dd {position:absolute; background:#fff; padding:0 10px; top:30px; left:0; width:100%; display:none;}
.aside dl dd a {display:block; height:30px; line-height:30px; border-bottom:#ddd 1px dashed;}
.aside dl dd a:last-child {border-bottom:0;}

/* main */
.mvisual {position:relative;}

.mvisual .slick-arrow {position:absolute; top:50%; width:21px; height:41px; margin-top:-20px; z-index:1; text-indent:-5000px;}
.mvisual .slick-prev {background:url('/m/images/arrow_prev.png') no-repeat; background-size:cover; left:10px;}
.mvisual .slick-next {background:url('/m/images/arrow_next.png') no-repeat; background-size:cover; right:10px;}
.mvisual .slick-dots {position:absolute; bottom:10px; left:0; width:100%; text-align:center; font-size:0;}
.mvisual .slick-dots li {display:inline-block; margin:0 3px;}
.mvisual .slick-dots li button {width:10px; height:10px; border:#fff 2px solid; border-radius:50%; transition:.2s linear;}
.mvisual .slick-dots li.slick-active button {background:#f6921e; border-color:#f6921e;}
.notice th {font-size:15px; color:#333; font-weight:bold;}
.notice .list {padding:10px 0;}
.notice .list a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:20px; font-size:12px; color:#666;}
.notice img {width:20px;}
.mcon_in {display:block; margin-top:10px; padding:0 10px;}
.mcon_slide {margin-top:10px; padding:0 5px;}
.mcon_slide .slick-slide {position:relative; width:33.3%; margin:0 5px;}
.mcon_slide .slick-slide p {position:absolute; bottom:0; left:0; width:100%; background:rgba(0,0,0,.5); text-align:center; font-size:11px; color:#fff; height:20px; line-height:20px;}

/* sub */
.title {font-size:15px; color:#000; font-weight:bold; text-align:center; padding-top:20px;}
.container {padding:30px 10px 50px;}

.tabs {overflow:hidden; margin-bottom:30px;}
.tabs li {float:left; width:49%; margin:0 0 10px 2%;}
.tabs li:nth-child(2n-1) {margin-left:0;}
.tabs li a {display:block; height:30px; line-height:30px; text-align:center; border:#ccc 1px solid;}
.tabs li.on a {color:#d16e2c; border-color:#d16e2c;}

/* board */
.mo_del {display:none;}
.board_list colgroup {display:none;}
.board_list .num {width:15%;}
.board_list .subject {padding-right:30px;}
.board_list .subject a {display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_list .datetime {width:20%;}
.board_list.no_tit .board_tit {display:none;}

.view_tit {height:auto !important; background-size:contain !important;}
#view_content {width:100% !important;}

.board_write input {max-width:100%;}