@charset "utf-8";

/* 초기화 */
html {height:100%;overflow-y:scroll}
body {height:100%;margin:0;padding:0;font-size:0.75em;font-family:'Malgun Gothic', dotum, sans-serif;background:#fff}
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:'Malgun Gothic', dotum, sans-serif}
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, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Malgun Gothic', dotum, sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Malgun Gothic', dotum, sans-serif;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:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-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;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.ed {border:1px solid #d0d3db;vertical-align:middle;padding:3px;border-radius:3px;box-shadow:none;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}

.placeholdersjs {color:#aaa !important}

.sound_only {display:inline-block !important;position:absolute;top:0;left:0;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}

.board_page {height:auto;padding-bottom:5px;text-align:center;overflow:hidden}

/* 메뉴버튼 */
.menu_frm {position:relative;padding:20px 20px 0;border:1px solid #dde7e9;overflow:hidden}
.menu_frm img {cursor:pointer}
.btn_menu1, .btn_menu2 {width:100%;height:100%;border:0;background:#3a8afd;color:#fff;font-size:1.2em;font-weight:bold;cursor:pointer;border-radius:3px}
.btn_menu1:hover, .btn_menu2:hover {background:#2375eb}
.btn_menu1 {height:50px;margin-bottom:20px}

/* 게시판용 버튼 */
a.btn_b01,.btn_b01 {display:inline-block;color:#bababa;text-decoration:none;vertical-align:middle;border:0;background:transparent}
.btn_b01:hover, .btn_b01:hover {color:#000}
a.btn_b02,.btn_b02 {display:inline-block;background:#253dbe;padding:0 10px;color:#fff;text-decoration:none;border:0;vertical-align:middle}
a.btn_b02:hover, .btn_b02:hover {background:#0025eb}
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}
a.btn_b04, .btn_b04 {display:inline-block;background:#fff;border:1px solid #ccc;color:#707070;text-decoration:none;vertical-align:middle}
a.btn_b04:hover, .btn_b04:hover {color:#333;background:#f9f9f9}
a.btn_admin,.btn_admin {display:inline-block;color:#d13f4a;text-decoration:none;vertical-align:middle} / * 관리자 전용 버튼 * /
.btn_admin:hover, a.btn_admin:hover {color:#ff3746}

.btn_A { border:0; border-radius:5px; padding:2px 4px; margin:0 1px; font-weight:bold; font-size:1em; vertical-align:middle; }
.btn_B { border:0; border-radius:8px; padding:3px 10px; font-weight:bold; font-size:2.2em; vertical-align:middle; }
.btn_C { border:0; border-radius:5px; padding:2px 4px; margin:0 1px; font-weight:bold; font-size:1.6em; vertical-align:middle; }
.btn_D { border:0; border-radius:5px; padding:3px 4px; margin:0; font-weight:bold; font-size:1.02em; vertical-align:middle; }
.btn_01a,a.btn_01a { background:#3f51b5; color:#fff; }
.btn_01b,a.btn_01b { background:#dddddd; color:#fff; }
.btn_02,a.btn_02 { background:#ff4081; color:#fff; }
.btn_03,a.btn_03 { background:#9eacc6; color:#fff; }
.btn_04,a.btn_04 { background:#4ab23e; color:#fff; }
.btn_05,a.btn_05 { background:#4b4b4b; color:#fff; }
.btn_06,a.btn_06 { background:#1b8ea0; color:#fff; }

/* 필수입력 */
.required, textarea.required {background-image:url('./img/require.png') !important;background-repeat:no-repeat !important;background-position:right top !important}

/* 페이징 */
.pg {text-align:center}
.pg_page, .pg_current {display:inline-block;vertical-align:middle;background:#eee;border:1px solid #eee}
.pg a:focus, .pg a:hover {text-decoration:none}
.pg_page {color:#959595;font-size:1.083em;height:30px;line-height:28px;padding:0 5px;min-width:30px;text-decoration:none;border-radius:3px}
.pg_page:hover {background-color:#fafafa}
.pg_start {text-indent:-999px;overflow:hidden;background:url('./img/btn_first.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_prev {text-indent:-999px;overflow:hidden;background:url('./img/btn_prev.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_end {text-indent:-999px;overflow:hidden;background:url('./img/btn_end.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_next {text-indent:-999px;overflow:hidden;background:url('./img/btn_next.gif') no-repeat 50% 50% #eee;padding:0;border:1px solid #eee}
.pg_start:hover,.pg_prev:hover,.pg_end:hover,.pg_next:hover {background-color:#fafafa}
.pg_current {display:inline-block;background:#3a8afd;border:1px solid #3a8afd;color:#fff;font-weight:bold;height:30px;line-height:30px;padding:0 10px;min-width:30px;border-radius:3px}

/* 로그인 */
.mbskin h1 {font-size:2em;text-align:center;margin:0 0 20px;letter-spacing:5px}
.mbskin .login_frm {position:relative;padding:20px;border:1px solid #dde7e9}
.mbskin .frm_input {width:100%;height:40px;border:1px solid #d0d3db;background:#fff;color:#000;vertical-align:middle;padding:5px;border-radius:3px;margin:0 0 10px;box-shadow:none;-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075)}
.mbskin .btn_submit {width:100%;height:40px;border:0;background:#3a8afd;color:#fff;font-size:1.2em;font-weight:bold;cursor:pointer;border-radius:3px}
.mbskin .btn_submit:hover {background:#2375eb}