@charset "utf-8";

/* 모바일 */
#mobile_header {height:50px; width:100%; position:fixed; top:0; left:0;background-color:#ffffff; text-align:center; z-index:9999; border-bottom:1px solid #bfbfbf;}
#mobile_header .logo {display:inline-block; height:50px;}
#mobile_header .logo img {height:50px; width:auto;}
#mobile_header .mo_menu {display:block; text-align: center;   position: absolute; right:0; top:0; width:25px; height:100%; float:right; margin-right:20px;}
#mobile_header .mo_menu .set_nav_btn {    width: 25px;  height: 25px;  top: 50%;   right: 0;   cursor: pointer;    z-index: 30;  margin-top: -12.5px;}
#mobile_header .mo_menu .set_nav_btn .line {width:25px;height:3px;top:1px;left:0;background-color:#000;}
#mobile_header .mo_menu .set_nav_btn .line + .line {top:10px;}
#mobile_header .mo_menu .set_nav_btn .line + .line + .line{top:20px;}
.ab {position:absolute;}

#mobile_header .mo_menu .bar {
      -webkit-transition: all .3s ease;
      -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
      -o-transition: all .3s ease;
      transition: all .3s ease;
    }

#mobile_header .mo_menu .set_nav_btn.on .top {
      -webkit-transform: translateY(5px) rotateZ(46deg);
      -moz-transform: translateY(5px) rotateZ(46deg);
      -ms-transform: translateY(5px) rotateZ(46deg);
      -o-transform: translateY(5px) rotateZ(46deg);
      transform: translateY(5px) rotateZ(46deg);
	  width:35px; left:-5px; top:6px;
      
    }

#mobile_header .mo_menu .set_nav_btn.on .bottom {
      -webkit-transform: translateY(-9px) rotateZ(-50deg);
      -moz-transform: translateY(-9px) rotateZ(-50deg);
      -ms-transform: translateY(-9px) rotateZ(-50deg);
      -o-transform: translateY(-9px) rotateZ(-50deg);
      transform: translateY(-9px) rotateZ(-50deg);
	  width:35px; left:-5px;
    }

#mobile_header .mo_menu .set_nav_btn.on .middle {
	  display:none;
	  width:0;
    } 

/* 모바일 푸터 */
#mo_footer {width:100%; background-color:#333; text-align:center; min-height:130px; color:#ffffff; padding:20px 0;}
#mo_footer .f_logo {display:inline-block; margin:10px auto; text-align:center;}
#mo_footer .f_info {font-size:11px; letter-spacing:-1px; margin:0 auto; line-height:1.2;}
#mo_footer .f_copyright {font-size:11px; letter-spacing:0px; margin:5px auto;}

#mo_header {display:inline-block; position:fixed; width:100%; right:-100%; top:51px; background-color:#ffffff; z-index:9990; border-top:1px solid #fff;}
#mo_header.on {right:0;}
#mo_header ul {display:inline-block; width:100%;}
#mo_header ul li {display:inline-block; width:100%;  border-bottom:1px solid #e2e2e2; position:relative;}
#mo_header ul li a {width:100%; font-size:16px; color:#000000; line-height:50px; display:inline-block; font-weight:700; padding-left:20px; text-align:left;}
#mo_header ul.main_menu > li.on > a {background-color:#45983d; color:#ffffff;}
#mo_header ul.sub_menu {display:none; width:100%;}
#mo_header ul.sub_menu li {display:inline-block; width:100%;}
#mo_header ul.sub_menu li a {display:inline-block; width:100%; padding-left:30px; line-height:40px; font-size:14px; text-align:left;}
#mo_header ul.sub_menu > li.on > a {background-color:#017876; color:#ffffff;}
#mo_header ul.main_menu li.menu_box:after {content:"\f063"; font: normal normal normal 14px/1 FontAwesome; position:relative; right:5px;}
.back_black {display:none; position:fixed;top:0;left:0; z-index:9000; width:100%; height:100%; background: 0 0 rgba(0, 0, 0, 0.8); cursor:pointer;}
.back_black.on {display:block;}

.click_top {position:fixed; right:20px; bottom:20px; z-index:8000; background-color:#000; color:#fff; border-radius:5px; width:30px; height:30px; text-align:center; line-height:30px; display:none;}


/* 메인 */
.mo_common_layout {padding-top:50px; background:#fff;}
.mo_main_layout {padding:5%;}
.mo_main_layout .item {padding:2.5%; background:#fff; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);    box-shadow: 0 1px 2px rgba(0, 0, 0, .2); margin-bottom:40px;}
.mo_main_layout .item .img {position:relative;}
.mo_main_layout .item .img .t1 {    position: absolute;    right: 15px;    top: 15px;    font-size: 25px;    background: rgba(255, 255, 255, 0.7);    color: #000;    line-height: 2;    padding: 0 20px;    font-weight: 700;}
.mo_main_layout .item .txt {}
.mo_main_layout .item .txt h2 {color:#3bafda; font-size:18px; line-height:1.7;}
.mo_main_layout .item .txt p {text-align:right; padding-top:10px;}

.mo_main_layout .img_box {margin-top:40px;}
.mo_main_layout .img_box ul {width:100%; font-size:0;}
.mo_main_layout .img_box ul li {display:inline-block; vertical-align:top; width:24%; margin:0.5% 0.5%; position:relative; height:0; padding-bottom:25%;}
.mo_main_layout .img_box ul li img {position:absolute; left:0; top:0; width:100%; height:100%;}

/* 서브 게시판 */
.mo_sub_layout {padding:5%;}
.hx.h2 {padding:5px 5px 5px 15px; margin-bottom: 10px; color:#fff; background:#ef4356; border-radius:5px; font-weight:100;text-shadow:none;font-family: sans-serif;font-weight: bold;}
.hx.h2 h2 {font-size: 20px;font-weight: bold;}
.hx.h2 i {padding-right:10px; font-weight:100;}
.mo_sub_layout .bd {background:#fff;}
.xe_content p {line-height:14px; font-size:14px;}

.set_faq .title li.tit {padding-left:18%;}
.set_faq .title li.type, .set_faq dd.re li.type {width:18%;}
.set_faq .title li.tit a {font-size:13px;}
.set_faq dd.re li.tit {padding:20px 20px 20px 18%; font-size:13px; font-weight:400; line-height: 18px;}
.set_faq {margin-bottom:40px;}

.bot_content {width:100%; text-align:center;}

/* qna */
.lt {min-height:400px;}
.lt a {font-size:0; box-sizing:border-box;}
.lt .num {display:inline-block; width:10%; font-size:14px; border:1px solid #ccc; border-radius:5px; text-align:center; line-height:20px; vertical-align:top;}
.lt .title {display:inline-block; width:90%; padding-left:5%;}
.sh input[type=search] {padding:0 5px 0; box-sizing:border-box;}
/*.bd {background:#ffffff;}*/
.co {min-height:400px; margin: 5px 0;}
.read_body .xe_content p,
.read_body .xe_content span { font-family: Dotum, 돋움; font-size: 12pt; line-height: 1.5; letter-spacing: 1px; text-align: justify; }
.bd .co .xe_content p,
.bd .co .xe_content span { font-family: Dotum, 돋움; font-size: 12pt; line-height: 1.5; letter-spacing: 1px; text-align: justify; }
.mo_sub_layout { padding: 0px; }
.xe_content h1, .xe_content h2 , .xe_content h3, .xe_content h4, .xe_content h5, .xe_content h6 { 
  font-size: 24px; 
  border-bottom: 3px solid #ef4356; 
  border-left: 15px solid #ef4356;
  text-height:200%;
  padding: 3px 5px; 
  margin: 5px 0 10px 0;
  letter-spacing: 0;
  word-spacing: 3px;
}
center{padding: 5px 10px; }
.xe_content h2 { font-size: 22px; }
.xe_content h3 { font-size: 20px; }
.xe_content h4 { font-size: 18px; }
.xe_content h5 { font-size: 16px; }
.xe_content h6 { font-size: 14px; }
.show_author_document {
    margin: 10px 0;
    overflow: hidden;
    background: #fff;
    font-size: 13px;
    line-height: 1.4;
    clear: both
}

.xe_content h3 { display: block;}

.show_author_document a {
    text-decoration: none;
    color: #222
}


.show_author_document a:hover,.show_author_document a:active,.show_author_document a:focus {
    text-decoration: none
}

.show_author_document img[title="file"] {
    display: none
}

.show_author_document h2 {
    margin: 0;
    padding: 5px 10px;
    font-size: 20px;
    background: #ef4356;
    color: #fff;
    font-weight: bold;
    font-family: 돋움;
    border: none;
}

.show_author_document ul {
    margin: 0;
    padding: 10px 8px 8px 8px;
    list-style: none;
    border: 1px solid #ddd;
    border-top: 0
}
.show_author_document ul li { padding-bottom: 3px; }
.show_author_document ul li a {
    display: block;
    height: 23px
}

.show_author_document ul li a .part {
    float: right
}

.show_author_document ul li a .part .hour {
    color: #000
}

.show_author_document ul li a .part .date {
    color: #888
}

.show_author_document ul li a .title {
    display: inline-block;
    width: 70%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle
}

.show_author_document ul li a:hover .title,.show_author_document ul li a:active .title,.show_author_document ul li a:focus .title {
    text-decoration: underline;
    color: #15c
}

.show_author_document ul li a .mark {
    display: inline-block;
    margin-right: 2px;
    padding: 1px 6px;
    font-size: 12px;
    background: #000;
    color: #fff;
    border-radius: 10px
}

.show_author_document ul li a .mark.newest {
    background: #3A8E52
}

.show_author_document ul li a .mark.popular {
    background: #F24452
}