@charset "utf-8";

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 서브 상단 이미지
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.sub_slide .slide_outline {display:table; width:100%; height:190px; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.sub_slide .slide_inline {display:table-cell; text-align:center; vertical-align:middle;}
.sub_slide .slide_inline span.title_kor {display:inline-block; margin-bottom:10px; padding-bottom:10px; font-size:28px; color:#fff; line-height:1; position:relative;}
.sub_slide .slide_inline span.title_kor:after {display:inline-block; clear:both; content:''; width:120px; height:2px; background-color:rgba(255, 255, 255, 0.7); position:absolute; bottom:0; left:50%; margin-left:-60px;}
.sub_slide .slide_inline span.title_eng {display:block; font-size:36px; color:#fff; line-height:1;}
.sub_slide .slide_inline span.lead_txt {display:block; font-size:12px; color:#fff; opacity:0.8;}

/* 테스크탑 */
@media all and (max-width:1024px){
       
}
/* 테블릿*/
@media all and (max-width:768px){
      
}
/* 모바일*/
@media all and (max-width:640px){   
      .sub_slide .slide_inline span.title_kor {font-size:30px;}
      .sub_slide .slide_inline span.title_eng {font-size:50px;}
      .sub_slide .slide_inline span.lead_txt {font-size:13px;} 
}

@media all and (max-width:414px){
      .sub_slide .slide_outline {height:120px;}
      .sub_slide .slide_inline span.title_kor {font-size:18px;}
      .sub_slide .slide_inline span.title_eng {font-size:25px;}
      .sub_slide .slide_inline span.lead_txt {font-size:10px;} 
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 왼쪽 메뉴 영역
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/

.subcontents {padding:60px 0 100px; border-bottom:solid 1px #ddd;}
.subcontents .base_width {}
.subcontents .base_width .outline {display:table; width:100%;}
.subcontents .base_width .outline .leftarea {display:table-cell; width:215px; padding-right:20px; vertical-align:top;}
.subcontents .base_width .outline .contbox {display:table-cell; padding-top:17px; vertical-align:top;}
.subcontents .base_width .outline .contbox .pg_cont {line-height:1.8;}

h3.subtitle {font-size:24px;}
h2.title_middle {padding-left:35px; font-size:20px; background:url('../images/sub/bullet_title.png') no-repeat left center;}
.imgbox {margin-bottom:30px; text-align:center;}
.cont_txt {margin-bottom:20px; 
      word-break:keep-all;
  white-space:-moz-pre-wrap;
  white-space:-pre-wrap;
  white-space:-o-pre-wrap;
  word-wrap:break-word;}

.sub_header {margin-bottom:30px; padding-bottom:15px; border-bottom:solid 1px #eee; overflow:hidden;}
.sub_header h3 {float:left; padding-left:10px;}
.sub_header .location {float:right;}

.location {padding-top:10px; text-align:right; font-size:12px; line-height:1;}
.location a {display:inline-block; padding:0 13px 0 3px; vertical-align:middle; background:url('../images/icon/location_arrow.png') no-repeat right center;}
.location a:hover {text-decoration:underline;}
.location span.current {display:inline-block; padding-left:5px; font-weight:600; vertical-align:middle;}

@media all and (max-width:768px){
      .sub_header {margin-bottom:15px; padding-bottom:0;}
      .sub_header h3 {padding-left:0}
}
@media all and (max-width:640px){
      .sub_header {margin-bottom:0; border-bottom:none; overflow:hidden;}
      .location {display:none;}
}

/* 왼쪽 메뉴 영역 */
h2.lefttop_title {height:70px; line-height:70px; text-align:center; color:#fff; font-weight:normal; background-color:#790118;}
.local_nav {}
.local_navi>ul {border-bottom:none;}
.local_navi>ul>li {border-bottom:solid 1px #ebebeb;}
.local_navi>ul>li a.title {display:block; padding:10px 10px; line-height:20px; color:#3c3c3c; font-size:15px; letter-spacing:-1px; position:relative;}
.local_navi>ul>li a.title span.cert {display:inline-block; width:20px; height:20px; background:url('../images/icon/icon_cert.png') no-repeat center center; position:absolute; top:10px; right:10px; cursor:pointer;}
.local_navi>ul>li.active a.title {color:#990000;}
.local_navi>ul>li.active a.title span.cert {background:url('../images/icon/icon_cert_active.png') no-repeat center center;}
.local_navi>ul>li:hover a.title {color:#990000;}
.local_navi>ul>li.active:hover a.title {color:#990000;}

.leftmenu_depth2 {margin:0 10px; padding:10px; background-color:#fff;}
.leftmenu_depth2 ul {}
.leftmenu_depth2 ul li {}
.leftmenu_depth2 ul li a {display:block; padding-left:40px; height:30px; line-height:30px; color:#797979; font-size:14px; background:url('../images/ctl/icon_nav_bar.png') no-repeat 30px center;}
.leftmenu_depth2 ul li a:hover {color:#009c97; text-decoration:underline;}
.leftmenu_depth2 ul li a.active {color:#009c97;}

/* 테스크탑 */
@media all and (max-width:1100px){
      .subcontents .base_width {margin:0 10px;}      
      .local_navi>ul>li>a {display:block; padding-left:15px;}
}

@media all and (max-width:768px){
      h3.subtitle {font-size:18px;}
      .subcontents {padding:10px 0 60px;}
      .subcontents .base_width .outline {display:block; width:auto;}
      .subcontents .base_width .outline .leftarea {display:none;}
      .subcontents .base_width .outline .contbox {display:block;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 연혁
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.history {display:table; width:100%;}
.history .tab_history {display:table-cell; width:200px; border-right:solid 1px #ccc; vertical-align:top;}
.history .tab_history ul {}
.history .tab_history ul li {padding:10px 20px; text-align:center;}
.history .tab_history ul li a {display:inline-block; width:120px; height:30px; line-height:30px; font-size:18px; color:#333; background-color:#fff; 
      -webkit-border-radius:50px; -moz-border-radius:50px; -o-border-radius:50px; border-radius:50px;}
.history .tab_history ul li a.active {color:#fff; background-color:#990000;}

.history .history_cont {display:table-cell; padding:10px 30px; vertical-align:top;}
.history .history_cont .history_item {text-align:center;}
.history .history_cont .history_item strong.current_year {display:inline-block; margin-bottom:50px; font-size:30px;}
.history .history_cont .history_item strong.current_year:after {clear:both; display:block; content:''; margin:0 auto; width:100px; height:2px; background-color:#990000;}

.history .history_cont .history_item ul.year_row {padding:15px 0; text-align:left;}
.history .history_cont .history_item ul.year_row li {display:table; width:100%;}
.history .history_cont .history_item ul.year_row li .date {display:table-cell; width:75px; color:#999;}
.history .history_cont .history_item ul.year_row li .dec {display:table-cell; text-align:left;}

/* 테스크탑 */
@media all and (max-width:1024px){
     .history .tab_history {width:160px;}
     .history .tab_history ul li {padding:10px 0;}
     .history .history_cont {padding:10px 15px;}
}

@media all and (max-width:640px){
      .history .tab_history {display:block; width:auto; border-right:none; border-bottom:solid 1px #ccc;}
      .history .tab_history ul li {display:inline-block; padding:2px 0; margin:0 5px;}
      .history .tab_history ul li a {width:100px; font-size:16px;}
      .history .history_cont {display:block; padding:10px;} 
      .history .history_cont .history_item strong.current_year {margin-bottom:10px; font-size:20px;}
      .history .history_cont .history_item strong.current_year:after {clear:both; display:block; content:''; margin:0 auto; width:100px; height:2px; background-color:#990000;}
}


/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 역대 이사장
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.chairman_history {}
.chairman_history ul {overflow:hidden; margin-left:-4%;}
.chairman_history ul li {float:left; margin-bottom:25px; margin-left:4%; width:21%; text-align:center;}
.chairman_history ul li .outline_chair {border:solid 1px #ccc; background-color:#fff;}
.chairman_history ul li .outline_chair .top {padding:20px 0 15px; text-align:center; line-height:1;}
.chairman_history ul li .outline_chair .top .thum {}
.chairman_history ul li .outline_chair .top .name_kor {display:block; padding-top:5px; font-size:16px; color:#333;}
.chairman_history ul li .outline_chair .top .name_eng {font-size:12px; color:#999;}

.chairman_history ul li .outline_chair .info {padding:0 20px; height:120px; text-align:left;}
.chairman_history ul li .outline_chair .info .history_row {display:block; margin-bottom:7px; line-height:1.2; font-size:14px;}
.chairman_history ul li .outline_chair .info .history_row .position {display:block; padding-left:8px; background: url('../images/sub/bullet_arrow.png') no-repeat left 4px;}
.chairman_history ul li .outline_chair .info .history_row .term {display:block; padding-top:3px; padding-left:8px; font-size:12px; color:#999;}
.chairman_history ul li .outline_chair .info .history_row .dec {display:block; padding-top:5px; padding-left:8px; font-size:12px; color:#999; border-top: solid 1px #ddd;}
/* 테스크탑 */
@media all and (max-width:1024px){
      .chairman_history ul {margin-left:-3.3%;}
      .chairman_history ul li {margin-left:3.3%; width:30%;}     
}

@media all and (max-width:640px){
      .chairman_history ul {margin-left:-5%;}
      .chairman_history ul li {margin-left:5%; width:45%;}
      .chairman_history ul li .outline_chair .info {padding:0 10%;}
}

@media all and (max-width:414px){
      .chairman_history ul {margin-left:0;}
      .chairman_history ul li {margin-left:0; width:100%;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
정관 다운로드
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.btn_association_down {display:inline-block; width:230px; height:52px; line-height:52px; text-align:center; background-color:#b31515; border-radius:3px;}
.btn_association_down span {display:inline-block; vertical-align:middle; font-size:20px; color:#fff;}
.btn_association_down img {margin-left:15px; vertical-align:middle;}
@media all and (max-width:640px){
      .btn_association_down {width:200px; height:40px; line-height:40px;}
      .btn_association_down span {font-size:18px;}
      .btn_association_down img {height:30px;}
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
조직도
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.main_role {}
.main_role>ul {overflow:hidden; border-top:solid 2px #333; border-bottom:solid 1px #ccc;}
.main_role>ul>li {float:left; width:25%;}
.main_role>ul>li .top {height:45px; line-height:45px; text-align:center; border-bottom:solid 1px #ccc;}
.main_role>ul>li .top strong {font-size:17px;}
.main_role>ul>li .txt {padding:20px 0; padding-left:20px;}
.main_role>ul>li .txt ol {}
.main_role>ul>li .txt ol li {}
/* 테스크탑 */
@media all and (max-width:1024px){
      .main_role>ul>li {float:left; width:50%;}
      .main_role>ul>li .txt {padding:10px 20px; height:130px;}
}

@media all and (max-width:640px){
      .main_role>ul {overflow:hidden; border-top:none; border-bottom:none;}
      .main_role>ul>li .top {margin:0 15px; border-bottom:none;}
      .main_role>ul>li .top strong {display:inline-block; width:120px; height:30px; line-height:30px; color:#5c5925; background-color:#e1dfc5; border-radius:50px;}
}
@media all and (max-width:480px){
      .main_role>ul>li {float:none; width:auto;}
      .main_role>ul>li .top {margin:0;}
      .main_role>ul>li .top strong {display:block; width:100%; font-size:16px; font-weight:normal;}
      .main_role>ul>li .txt {padding:0 25px 30px; height:auto;}
}

/* 네이버 지도 */
.mapimg {margin-bottom:15px;}
.map_info {overflow:hidden;}
.map_info .left {float:left; line-height:1.2;}
.map_info .left span {display:block;}
.map_info .left span.adress {margin-bottom:5px;}
.map_info .left span.call {color:#666;}
.map_info .right {float:right;}
.map_info .right a {display:inline-block; padding:0 20px; height:30px; line-height:30px; font-size:16px; color:#fff; background-color:#790018; border-radius:30px;}
.map_info .right a:hover {opacity:0.8;}

@media all and (max-width:480px){
      .map_info .left {float:none;}
      .map_info .right {float:none; padding:10px; text-align:center;}
}


/* 교육분야 하단 사이트 바로가기 영역 */
.learning_goal {margin-top:30px; padding:15px 10px; border-top:solid 1px #ddd;}
.learning_goal .goal_img {text-align:center; margin-bottom:10px;}
.learning_goal .goal_img img {}
.learning_goal .goal_txt {line-height:1.5;}
.learning_goal .goal_txt .goal_title {display:block; font-size:18px;}
.learning_goal .goal_txt .goal_dec {}

.botton_func {padding:20px; text-align:center; border-top:solid 1px #ddd;}
.botton_func a.btn_quicklink {display:inline-block; margin:3px; padding:0 20px; height:34px; line-height:34px; font-size:15px; color:#fff; background-color:#660000;
-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.botton_func a.btn_quicklink:hover {opacity:0.8;}
.botton_func a.btn_quicklink.funeral {background-color:#333333;}
.botton_func a.btn_quicklink span {margin-right:5px;}
.botton_func a.btn_quicklink span, .botton_func a.btn_quicklink img {vertical-align:middle;}

.callinfo {margin-top:20px; padding:20px; text-align:left; background-color:#fff; border:solid 1px #ccc; -webkit-border-radius:5px; -moz-border-radius:5px; -o-border-radius:5px; border-radius:5px;}
.callinfo .adress {padding-bottom:10px; margin-bottom:10px; border-bottom:solid 1px #ddd;}
.callinfo ul {}
.callinfo ul li {padding-left:20px; background:url('../images/icon/bullet_dot.png') no-repeat 10px 9px; }

.vision_box {padding:30px 0 50px; text-align:center;}

@media all and (max-width:480px){
      .learning_goal .goal_txt .goal_title {font-size:16px;}
      .botton_func {padding:20px 0;}

      .callinfo {padding:20px 10px;}
}


/* 데이터 테이블 */
table.board_data {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_data thead {}
table.board_data thead th {padding:7px; border-bottom:solid 1px #ccc;}
table.board_data tbody {color:#666;}
table.board_data tbody th {padding:5px; text-align:center; border-bottom:solid 1px #ccc; background-color:#eee;}
table.board_data tbody td {padding:5px; text-align:center; border-bottom:solid 1px #ccc;}


/* 공지사항 */
table.board_basic_list {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_basic_list thead {}
table.board_basic_list thead th {padding:7px; border-bottom:solid 1px #ccc;}
table.board_basic_list tbody {color:#666;}
table.board_basic_list tbody th {padding:5px; text-align:center; border-bottom:solid 1px #ccc; background-color:#eee;}
table.board_basic_list tbody td {padding:5px; text-align:center; border-bottom:solid 1px #ccc;}

table.board_basic_wirte {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_basic_wirte th {padding:7px; border-bottom:solid 1px #ccc; background-color:#f2f2f2;}
table.board_basic_wirte td {padding:7px; border-bottom:solid 1px #ccc; background-color:#fff;}

@media all and (max-width:480px){
      table.board_basic_wirte tr {display:block; padding:10px; border-bottom:solid 1px #ddd; background-color:#fff;}
      table.board_basic_wirte th {display:block; padding:0; text-align:left; font-size:13px; color:#666; border-bottom:none; background-color:#fff;}
      table.board_basic_wirte td {display:block; padding:0; border-bottom:none; background-color:none;}
}

table.board_basic_view {width:100%; font-size:14px; border-top:solid 2px #333;}
table.board_basic_view th {padding:7px; border-bottom:solid 1px #ccc; background-color:#f2f2f2;}
table.board_basic_view td {padding:7px; border-bottom:solid 1px #ccc; background-color:#fff;}
table.board_basic_view td .inner_txt {min-height:100px;}
a.inner_file {color:#990000; text-decoration:underline;}
a.inner_file:hover {}

.board_func {padding:10px 0; overflow:hidden;}
.board_func .left {float:left;}
.board_func .right {float:right;}

button.btn {padding:0 10px; height:30px; line-height:30px; font-size:14px; color:#333; background-color:#fff; border:solid 1px #ccc; border-radius:3px;}
button.btn:hover {background-color:#eee;}

/* 비밀번호 인증 */
.pass_ceti {padding:50px 0; text-align:center;}
.pass_ceti input {width:200px; height:36px; border-radius:30px; text-align:center;}
.pass_ceti .pass_ceti_func {padding:10px 0;}
.pass_ceti .pass_ceti_func button {width:100px; color:#fff; border:solid 1px #333; background-color:#333333;}
.pass_ceti .pass_ceti_func button:hover {opacity:0.8;}


/* 게시판 paging */
.paging {clear:both; text-align:center; margin-top:20px;}
.paging strong {display:inline-block; height:30px; line-height:30px; padding:0 12px; color:#fff; vertical-align:middle; border:1px solid #790118; background-color:#790118;
-webkit-border-radius:30px; -moz-border-radius:30px; -o-border-radius:30px; border-radius:30px;}
.paging a {display:inline-block; height:30px; line-height:30px; padding:0 12px; font-size:11px; color:#c0c0c0; vertical-align:middle;}
.paging a:hover {color:#333333; font-weight:bold;}
.paging .prev {background:url('../images/icon/btn_paging_pre.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .prev:hover {background:url('../images/icon/btn_paging_pre_on.png') no-repeat center center;}
.paging .next {background:url('../images/icon/btn_paging_next.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .next:hover {background:url('../images/icon/btn_paging_next_on.png') no-repeat center center;}
.paging .first_item {font-size:0; text-decoration:-1000px; background:url('../images/icon/btn_paging_first.png') no-repeat center center; height:30px; width:20px; padding:0; margin-right:5px;}
.paging .first_item:hover {background:url('../images/icon/btn_paging_first_on.png') no-repeat center center;}
.paging .last_item {font-size:0; text-decoration:-1000px;background:url('../images/icon/btn_paging_last.png') no-repeat center center; height:30px; width:20px; padding:0; margin-left:5px;}
.paging .last_item:hover {background:url('../images/icon/btn_paging_last_on.png') no-repeat center center;}

/* 테스크탑 */
@media all and (max-width:1200px){
}
/* 테블릿*/
@media all and (max-width:768px){
      .paging .mobile_hidden {display:none;}
}
/* 모바일*/
@media all and (max-width:480px){
}

/*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 반응형 table
 /////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/
.table_container_outer {position:relative;}
.table_container_fade {position:absolute; right:0; width:30px; height:100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.0), rgba(255,255,255,0));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
    background-image: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0));
}
.table_container {overflow-y: none; _overflow: auto;}

@media screen and (max-width:768px) {
      table#board_data {width:768px;}
      table#board_notice {width:768px;}

      .table_container_outer {position:relative;}
      .table_container_fade {position:absolute; right:0; width:30px; height:100%;
          background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1));
    background-image: linear-gradient(90deg, rgba(255,255,255,0), rgba(255,255,255,1));
      }
      .table_container {width: 100%; overflow-y: auto; _overflow: auto; margin: 0 0 1em;}

}