
/* Common Style */
body {margin:0; padding:0; font-family: "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕", "돋움", Dotum, "굴림",  Gulim; font-size:15px; line-height:25px; color:#555; letter-spacing:-0.7px; -webkit-text-size-adjust:none; /* 모바일 가로회전시 폰트크기 확대방지 */}


h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd, p {margin:0; padding:0;}

a {text-decoration:none; color:#555;}

img { border:0px;}


input[type="text"],
input[type="password"] {vertical-align:top; }

input[type="radio"],
input[type="checkbox"] {vertical-align:middle;}


ul, li, dl, dt, dd { list-style:none;}

.AlignLeft {text-align:left !important;}
.AlignCenter {text-align:center !important;}
.AlignRight {text-align:right !important;}
.AlightRight {text-align:right !important;}
.ValignTop {vertical-align:top !important;}
.ValignMiddle{vertical-align:middle !important;}
.ValignBottom {vertical-align:bottom !important;}
.DisplayBlock {display:block;}
.DisplayNone {display:none;}
.FloatLeft {float:left;}
.FloatRight {float:right;}
.ClearBoth {clear:both;}
.BackgroundNone {background:none !important;}
.BorderNone {border:none !important;}
.borderRightNone { border-right:none !important;}
.borderBottomNone { border-bottom:none !important;}
.PaddingNone {padding:0 !important;}
.MarginNone {margin:0 !important;}
.MarginRightNone {margin-right:0 !important;}
.LetterSpacing01px {letter-spacing:-1px !important;}
.LetterSpacing02px {letter-spacing:-2px !important;}
.LetterSpacingNormal {letter-spacing:normal !important;}
.FontWeightNormal {font-weight:normal !important;}
.FontWeightBold {font-weight:bold !important;}

.txt_left { text-align:left; }
.txt_right { text-align:right; } 
.txt_center { text-align:center; } 
.txt_justify { text-align:justify;} 
.txt_middle { vertical-align:middle; } 
.txt_bottom { vertical-align:bottom; } 
.txt_baseline { vertical-align:baseline; }
.txt_bold {font-weight:bold;} 
.txt_normal{font-weight:normal;} 


.MAL5 {margin-left:5px !important;}
.MAL10 {margin-left:10px !important;}
.MAL15 {margin-left:15px !important;}
.MAL20 {margin-left:20px !important;}
.MAL25 {margin-left:25px !important;}
.MAL30 {margin-left:30px !important;}
.MAL35 {margin-left:35px !important;}
.MAL40 {margin-left:40px !important;}

.MAT0 {margin-top:0px !important;}
.MAT5 {margin-top:5px !important;}
.MAT10 {margin-top:10px !important;}
.MAT15 {margin-top:15px !important;}
.MAT20 {margin-top:20px !important;}
.MAT25 {margin-top:25px !important;}
.MAT30 {margin-top:30px !important;}
.MAT35 {margin-top:35px !important;}
.MAT40 {margin-top:40px !important;}
.MAT50 {margin-top:50px !important;}
.MAT55 {margin-top:55px !important;}
.MAT60 {margin-top:60px !important;}

.MAB5 {margin-bottom:5px !important;}
.MAB10 {margin-bottom:10px !important;}
.MAB15 {margin-bottom:15px !important;}
.MAB30 {margin-bottom:30px !important;}
.MAB60 {margin-bottom:60px !important;}


hr {display:none;}
form {margin:0; padding:0;}
fieldset {border:none; padding:0;}

caption {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}

.hidden {visibility:hidden;width:1px;height:0;font-size:0;line-height:0;}


.clear_both{display:block; float:none; clear:both; height:0; width:100%; font-size:0 !important; line-height:0 !important; overflow:hidden; margin:0 !important; padding:0 !important;}

input[placeholder] {font-family: "맑은 고딕",Malgun Gothic, Nanum Gothic,"나눔 고딕"; font-size:12px; }


/*위치*/
.common_center {overflow:hidden; text-align:center; margin:10px 0px;}
.common_left {float:left;}
.common_right {float:right;}

/*버튼*/
.common_btn {display:inline-block; cursor:pointer; line-height:26px; color:#fff; border:1px #ddd solid; background:#f8f8f8; color:#222; padding:0 10px; border-radius:2px; vertical-align:middle;text-align:center;}
.common_btn.big {line-height:45px;min-width:120px; font-size:14px; padding:0 10px; }
.common_btn.middle {line-height:35px;min-width:80px; font-size:14px; padding:0 10px; }
.common_btn.gray {background:#464960; border-color:#464960; color:#fff;}
.common_btn.bora {background:#a471c6; border-color:#9466b3; color:#fff;}
.common_btn.green {background:#81c784; border-color:#74b477; color:#fff;} 
.common_btn.blue {background:#64b5f6; border-color:#5aa3de; color:#fff;} 
.common_btn.org {background:#ffb74d; border-color:#e6a545; color:#fff;} 
.common_btn.red {background:#e57373; border-color:#cf6868; color:#fff;}

/*관리자버튼*/
.btn_bo_adm input[type="submit"]{padding-top:0px; padding-bottom:0px; line-height: 25px;     border-radius: 3px} 


/*페이징*/
.pg_wrap {clear:both;margin:30px 0 30px;padding:20px 0 0;text-align:center}
.pg {display:inline-block; font-size:0px;border:1px #dedede solid; border-right:0px;}
.pg_page, .pg_current {border-right:1px #dedede solid; display:inline-block; padding:0px; text-align:center; width:39px; height:34px; line-height:34px ; color:#555;letter-spacing:0;vertical-align:top; font-size:12px;}
.pg a:focus, .pg a:hover {text-decoration:none;background:#f2f2f2;}
.pg_page {background:#fff;text-decoration:none; padding:0px;}
.pg_start, .pg_prev {background-image:url(../images/board/page_first_bg.png); background-position:center 50%; background-repeat:no-repeat; }
.pg_end, .pg_next {background-image:url(../images/board/page_last_bg.png); background-position:center 50%; background-repeat:no-repeat; }
.pg_current {margin:0px;background:#f2f2f2;color:#222;font-weight:bold}


/*테이블 > 쓰기 및 보기 공통*/
.tbl_head01 thead th {border-top:1px #ededed solid}
.tbl_wrap table {margin-top:10px; width:100%; border-collapse:collapse;  font-size:15px; }
.tbl_wrap table th{ padding:20px 10px; border-bottom:1px #ededed solid; font-weight:normal; color:#000; background:#fff; }
.tbl_wrap table th a{color:#000;}
.tbl_wrap table td{ padding:23px 10px; border-bottom:1px #ededed solid; color:#222; }
.tbl_wrap table td a{color:#222; }
.tbl_wrap table .left{text-align:left !important;}
.tbl_wrap table .center{text-align:center !important;}
.tbl_wrap table .right{text-align:right !important;}

.tbl_wrap table input[type="text"],
.tbl_wrap table input[type="password"] {height:34px; line-height:34px; border:1px #ddd solid; background:#f8f8f8; padding:0 10px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.tbl_wrap table textarea {height:120px; border:1px #ddd solid; background:#fff; }
.tbl_wrap table select {height:34px; line-height:34px;  border:1px #ddd solid; background:#fff;}

.bo_notice td {background:#fff; font-weight:normal;}
.bo_notice td a{font-weight:normal;}


/*게시물 검색*/
#bo_sch {margin:35px 0px;}
#bo_sch select{border:1px #dedede solid; height:32px; line-height:32px; vertical-align:top; position:relative}
#bo_sch input[type="text"]{border:1px #dedede solid; height:30px; line-height:30px;  background:#fff !important; vertical-align:top; width:220px; display:inline-block;}
#bo_sch input[type="submit"]{background:#505258;  width:50px; margin-left:-5px;  height:32px; line-height:32px; color:#fff; display:inline-block; border:0px;}


#bo_v_title {font-size:35px !important; font-weight:bold !important; color:#000;  border-top:2px #444 solid; padding:30px 0px; border-bottom:1px #ddd solid; margin-bottom:0px;}
#bo_v_atc {border-bottom:1px #ddd solid; padding:10px 0px;;}

#bo_v_info {font-size:15px !important; color:#444 !important; padding:15px 0px !important;}
#bo_v_info span {display:inline-block; margin-right:10px; font-weight:normal !important;}


/*사이트맵*/
#sitemap_page {width:100%;  border:0px;height:auto; }
.sitme_map_box .m_list{display:inline-block; vertical-align:top; width:22%; text-align:center; margin:0 1% 30px;; font-size:0px;}
.sitme_map_box .m_list .m_list_title{font-size:20px; display:block;  border-bottom:2px #444 solid; line-height:40px; margin-bottom:10px; color:#333; padding-bottom:5px;}
.sitme_map_box .two_depth {text-align:left; font-size:13px;}
.sitme_map_box .two_depth .depth_link2{display:block; padding-left:10px;  border-bottom:1px #ddd dashed; line-height:40px;  text-align:left;}
.sitme_map_box .two_depth .three_depth{background:#f8f8f8; padding:10px 0;}
.sitme_map_box .two_depth .three_depth li a{padding-left:20px;}


@media all and (max-width:1024px) {

#bo_sch input[type="text"] {width:150px;}

.sitme_map_box .m_list{width:100%; margin:0px; margin-bottom:40px;}
.sitme_map_box .m_list .m_list_title{text-align:left;}


.tbl_wrap table { font-size:13px; }
.tbl_wrap table th{ padding:10px;}
.tbl_wrap table td{ padding:10px; }


.m_jump {display:block; margin:3px;}



#bo_v_title {font-size:25px !important; padding:15px 0px; line-height:25px;}


#bo_v_info {font-size:13px !important;  padding:10px 0px !important;}
#bo_v_info span { margin-right:5px; }



}
