@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');

@import url('./main_schedule.css');
 
/* 초기화 */
* { margin:0; padding:0; }
body {padding: 0; font-size: 1em; line-height: 1.5; font-family: 'NanumSquare';   color: #666;}
a {color: #666; text-decoration: none; }
a:hover, a:active {text-decoration: none; }
blockquote {margin: 1em 40px; }
 
pre {overflow-x:scroll;font-size:1.1em}
ul, ol, dl,dt,dd {margin:0;padding:0;list-style:none}
i, em, address {font-style: normal; }
button, input, select, textarea {font-size: 100%; margin: 0;  vertical-align: baseline; }
button {-webkit-appearance: none; box-sizing: content-box; /* padding: .4em 1em;*/ border: 0 none; background: transparent; line-height: normal; }
input[type="checkbox"], input[type="radio"] {vertical-align: middle; }
input[type="search"] {-webkit-appearance: none; }
textarea {vertical-align: top; resize: vertical; }
input:invalid, textarea:invalid {background-color: #f6f6f6; }
img {vertical-align : middle;  }
 
 legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
.dark-mode { background:#333; }
.dark-mode h1, h2 , h3, p { color:#fff; }
.dark-mode p,
.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode a { color:#fff; }
body.dark-mode button {
    background-color:#c71526;
    color:#fff;
}

body.main {background:#fff;}
body.sub {background:#fff;}

body.light-mode h1, h2, h3, p, a { color:#333; }
body.light-mode button {
    background-color:#c71526;
    color:#ee1e
}
*, :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;
}



@font-face {
    font-family: 'Paperlogy-3Light';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-3Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-4Regular';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-4Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}


@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Mediumr.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}





 
 @font-face {
    font-family: 'HakgyoansimBareonbatangB';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2307-2@1.0/HakgyoansimBareonbatangB.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}


@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansLight';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GmarketSansBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* 본문 바로가기 */
#skip_to_container a {z-index:100000;position:absolute;top:0;left:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
#skip_to_container a:focus, #skip_to_container a:active {width:100%;height:75px;background:#21272e;color:#fff;font-size:2em;font-weight:bold;text-align:center;text-decoration:none;line-height:3.3em}


 /*기본세팅*/

.at-container {max-width:1500px; width:100%; margin:0 auto; position:relative; border:0px solid #09ba00;}
.at-container.main {max-width:1500px; width:100%; margin:0 auto; position:relative; border:0px solid #ff0000;}
.at-container.wide {max-width:1920px;width:100%;  margin:0 auto;}
.at-container.all { width:100%;  margin:0 auto;}

@media all and (max-width:1520px){

.at-container {width:100%; padding:0px 10px;}
.at-container.nopadding {padding:0 0px;} 
}

@media all and (max-width:1200px){

}

@media all and (max-width:900px){
 
	.at-container {width:100%; padding:0px 10px;}
	.at-container.main{padding:0px;}

}
 

 
 

#hd { position:fixed; left:0; top:0; width:100%;  z-index:99; height:190px; -webkit-transition-duration: 0.5s; transition-duration: 0.5s;  -webokit-transition-duration: 0.5s; border-bottom:1px solid #d8d8d8;}
#hd_wrapper { border:0px solid #009c00;}
#hd_wrapper .at-container {display:flex; align-items:center;  }

.hd_bg{ background:#fff; }

.logo {display:block; position:absolute;   left:38%; top:20px;  width:318px ; height:76px; background:url(/asset/img/logo.png) no-repeat top left ;   border:0px solid #d5cfc3;}/*검은색 로고*/
.logo a {display:block;  }
.logo img{ width:100%; }

.logo_m {display:block; position:absolute;  left:38%; top:20px;  width:318px ; height:76px;  background:url(/asset/img/main_logo.png) no-repeat top left ; border:0px solid #d5cfc3;}/*흰색 로고*/
.logo_m a {display:block;}
.logo_m img{ width:100%; }

.logo_s {display:block; position:absolute;   left:38%; top:20px; width:318px ; height:76px;  background:url(/asset/img/logo.png) no-repeat top left ;   border:0px solid #d5cfc3;}/*검은색 로고-주로 서브에 사용*/
.logo_s a {display:block;   }
.logo_s img{ width:100%; }

/*메인 사용*/

/*서브공동 사용*/
.groupware {position:absolute;  left:0px;  top:30px; padding:0px 0;width:230px; border:0px solid #d5cfc3;  }
.groupware h3{ font-size:22px;      font-family: 'Paperlogy-5Medium'; padding:5px 0px 0px 20px; position:relative;font-weight: 500; }
.groupware h3 span{ font-size:13px;   display:block;  font-family: 'Paperlogy-5Medium'; }
 a.groupware_go {position:absolute; display:block; width:50px;   font-size:16px;   z-index:1;  right:15px;  bottom:5px; }
.groupware h3 img { margin-left: 10px;}


.main_bg { /*background:url(/asset/img/groupware_main.png) no-repeat left ;*/}
.sub_bg { color:#000; /*background:url(/asset/img/groupware.png) no-repeat left ;*/}

.hd_sch_wr {position:absolute;  right:0px; top:40px;  padding:0px 0px; width:225px; border:1px solid #000; border-radius:30px;}
.hd_sch_wr .search{ right:0px; }


 /*상단 기본 검색*/
#hd_sch {border-radius:0px;overflow:hidden;  margin:0px  0px 0px 20px;   border:0px solid #ff0000;}
#hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#hd_sch #sch_stx {float:left;width:160px;height:40px;  padding-left:10px;  font-size:14px; color:#000;   border:0px solid #707070; }
#hd_sch #sch_submit {float:left;width:20px;height:20px;border:0; background:url(/asset/img/loc_sch.png) no-repeat right  ;cursor:pointer;  margin:13px 0px 0px 3px;}


.hd_sch_wr_m {position:absolute;  right:0px; top:40px;  padding:0px 0px; width:225px; border:1px solid #fff; border-radius:30px;}
.hd_sch_wr_m .search{ right:0px; }

 /*메인상단 기본 검색*/
.hd_sch_wr_m #hd_sch {border-radius:0px;overflow:hidden;  margin:0px  0px 0px 20px;   border:0px solid #707070;}
.hd_sch_wr_m #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
.hd_sch_wr_m #hd_sch #sch_stx {float:left;width:160px;height:40px;  padding-left:10px;  font-size:14px; color:#fff;  }
.hd_sch_wr_m #hd_sch #sch_submit {float:left;width:20px;height:20px;border:0; background:url(/asset/img/loc_sch_m.png) no-repeat right  ;cursor:pointer;  margin:13px 0px 0px 3px;}
.hd_sch_wr_m #hd_sch input::placeholder {  color: #fff;}

.no-bgcolor {
  background-color: transparent;
 
}
.font_color{color:#fff;}

body.sub #hd {border-bottom:none;}
body.sub #hd.scrollBg {border-bottom:0px solid #d5cfc3;}


/*메인메뉴 배경과 글로벌메뉴 색 지정*/
 
.main_gnb_bg{background:none; }/*메인메뉴의 배경*/
.sub_gnb_bg{background:#fff; }/*서브메뉴의 배경*/

 .f_cm{color: #fff; }
 .f_cs{color: #000; }


/*서브메뉴 배경과 글로벌메뉴 색 지정*/
 


#gnb {display:block; z-index:1;  text-align:center; margin:110px 0px 0px 0px; height:80px;    position:relative;   border-top:1px solid #E4E4E4;border-bottom:1px solid #E4E4E4; /*border-bottom:1px solid rgba(255,255,255,0.3);*/  }
#gnb_1dul {display:inline-flex; width:1400px;margin:15px 100px 0px 0px; list-style: none;border:0px solid #000;} 
#gnb .gnb_1dli{  flex:auto;  position:relative; border:0px solid #ff0000;} 


 
.gnb_1da {width: 100%;   font-size:22px;    font-family: 'Paperlogy-5Medium';  line-height:53px; padding:24px 0px; border:0px solid #000; }
.gnb_1dli .bg{display: none;}
.gnb_1dli:hover > a {  font-weight: 500;
-webkit-transition:background-color 2s ease-out;
-moz-transition:background-color 0.3s ease-out;
-o-transition:background-color 0.3s ease-out;
transition:background-color 0.3s ease-out}

.gnb_2dul{display:none; max-width:225px; border-top:5px solid #0e97e0; border-left:1px solid #ddd; border-bottom:1px solid #ddd;   border-right:1px solid #ddd;    border-radius:0px 0px 10px 10px ;/* box-shadow : 0 4px 6px #6d6d6d; */position:absolute; z-index:999; top: 63px; left: 50%; background:#F0F0F0;-webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 100%;   overflow:hidden;}
.gnb_1dli_over .gnb_2dul {display:block; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background::#F0F0F0; }

 
.gnb_2dli{border: none; background:#F0F0F0;}
.gnb_2da {display:block; background:#FFF; color: #000; text-align: center;  font-size:15px;    list-style: none;  font-family: 'Paperlogy-3Light'; font-weight: 300;padding:10px 0; border-bottom:1px solid #ddd;}
.gnb_2dli:last-child .gnb_2da {border-bottom:none;}
a.gnb_2da:hover {background-color: #0e97e0; color:#FFF;}

.main_gnb_menu_btn {display: block; position:absolute; right:0; top:140px; width: 30px; height: 16px;cursor: pointer;z-index: 10;   border:0px solid #000;  } 
.main_gnb_menu_btn span {position: absolute;right: 0;display: block;width: 100%; height:3px; background: #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
.main_gnb_menu_btn .line1 {top: 0px;}
.main_gnb_menu_btn .line2 { top: 9px;  }
.main_gnb_menu_btn .line3 {bottom:-5px;}


.gnb_menu_btn {display: block; position:absolute; right:0px; top:140px; width: 30px; height: 16px;cursor: pointer;z-index: 10;   border:0px solid #000;  } 
.gnb_menu_btn span {position: absolute;right: 0;display: block;width: 100%;height:3px;background: #333;-webkit-transition: all .4s ease;transition: all .4s ease;}
.gnb_menu_btn .line1 {top: 0px;}
.gnb_menu_btn .line2 { top: 9px;  }
.gnb_menu_btn .line3 {bottom:-5px;}

/*전체메뉴*/
#gnb_all .gnb_close_btn {position:absolute; right:60px; top:30px;  color:#333;  width:80px;height:80px;border:0;vertical-align:top;font-size:22px; background:#4b4b4b; z-index:999; border-radius:80px; box-shadow:0px 5px 10px rgba(0,0,0,0.2);}
 
#gnb_all {display:none;position:fixed;width:100%; top:0; height:100vh; z-index:99; /*background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 15%,#fff 100%);*/ background:rgba(0,0,0,0.8);}
#gnb_all .at-container { height:100%;  width:100%;}
 

.at-gnb_all {display:block;position:fixed;width:100%; top:0; height:100vh; z-index:99; /*background: url(/asset/img/gnb_all_leftbg.png) repeat-y -380px top;*/ }
.at-gnb_all h1 {display:none;}
.at-gnb_all .at-gnb_list {padding:0 0px; border:0px solid #000; list-style : none;  clear:both; background:#fff;}
.at-gnb_all .at-gnb_list > li {display:flex; padding:0; border-bottom:1px solid #dbdbdb; }
.at-gnb_all .at-gnb_list li a.first {width:24%; font-size:20px; color:#333;     font-family: 'Paperlogy-5Medium'; padding:30px 0px 10px 15%;   text-align:left;  line-height:1;  border:0px solid #000; background:#EDF9FF;}
.at-gnb_all .at-gnb_list li .at-snb {width:74%; display:flex;position: relative;  height:100%; align-items: stretch; list-style : none;   vertical-align : text-top;  padding:20px; border:0px solid #000;}
.at-gnb_all .at-gnb_list li .at-snb li { width:230px;  margin:2px;  vertical-align : top;  border:none; }
.at-gnb_all .at-gnb_list li .at-snb li a{display: block; font-size:14px;  text-align:left;  padding:8px 20px;  font-family: 'Paperlogy-4Regular';  color:#000;  border:1px solid #d2d2d2; background:#fff url('/asset/img/loc_down.png') no-repeat right+20px center ; }
.at-gnb_all .at-gnb_list li .at-snb li a:first {background:url('/asset/img/loc_down.png') no-repeat right+20px center;}
.at-gnb_all .at-gnb_list li .at-snb li a:hover {color:#fff;  background:#0071ad url('/asset/img/loc_down_on.png') no-repeat right+20px center ;}
.at-gnb_all .at-gnb_list li .at-snb li  ol { padding:5px 0px ; border:none;  margin:5px 0px 5px 0px;  vertical-align : text-top; width:calc(100% - 20px);}
.at-gnb_all .at-gnb_list li .at-snb li  ol li {  background:none; box-sizing:border-box;  }
.at-gnb_all .at-gnb_list li .at-snb li  ol li a{padding:0px 0px 0px 35px;  font-size: 14px; border:none; background:url('/asset/img/list_bl.png') no-repeat left+20px center; background-size:5px;  }
.at-gnb_all .at-gnb_list li .at-snb li  ol li a:hover {color:#0071ad;  background:url('/asset/img/list_bl.png') no-repeat left+20px center; }
.at-gnb_all .at-gnb_list li .at-snb li  ol li:last-child {border-bottom:none;}
 
 
.mobile_close_btn {display:none; }


/*
@media all and (min-width:2600px){ 
	.at-gnb_all {display:block;position:fixed;width:100%; top:0; height:100vh; z-index:99; background: url(/asset/img/gnb_all_leftbg.png) repeat-y -200px top; }
}

 
@media all and (min-width:2300px){ 
	.at-gnb_all {display:block;position:fixed;width:100%; top:0; height:100vh; z-index:99; background: url(/asset/img/gnb_all_leftbg.png) repeat-y -250px top; }
}

@media all and (max-width:1000px){ 
	.at-gnb_all {display:block;position:fixed;width:100%; top:0; height:100vh; z-index:99; background: url(/asset/img/gnb_all_leftbg.png) repeat-y -100px top; }
}
*/

#aside {position: fixed;right:-290px; top: 0px; bottom: 0; margin: 0px;width: 290px; border-top: 0;z-index: 999;overflow-y: auto;background:#edf9ff;border: 0; }
.close_menu {position: fixed;z-index: 1100; top: 10px; right: -100%; width: 25px; height: 25px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#000; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}

#aside h3 {text-align:center; padding:40px 30px 20px 30px; border-bottom:1px dashed #767c7f; }
#aside h3 img {display:inline-block; width:200px;}
#aside .m_barogagi { display:none;  display:flex; padding:0 20px; gap:5px;}
#aside .m_barogagi li {flex:1;}
#aside .m_barogagi li a { text-align:center; border:1px solid #ddd; border-radius:5px; font-size:14px; padding:5px 0;}



.mobile_menu{margin-top:0; border:0px solid #ddd;}
.mobile_menu ul{width: 100%; overflow: hidden; padding:10px 15px;}
.mobile-list {width: 100%;}
.mobile-list > a {position:relative; display:block; text-align:left; padding:10px; width: 100%; color: #000; text-transform: uppercase; font-size: 18px;      font-family: 'Paperlogy-5Medium';  border-bottom:1px solid #000; box-sizing:border-box; }
.mobile-list > a.first {background:url('/asset/img/loc_down.png') no-repeat right+15px center;}
.mobile-list > a.hover {background:url('/asset/img/loc_down.png') no-repeat right+15px center;}
.mobile-list > a.hover:after {opacity:1;}
.mobile-list:last-child > a.first {border-bottom:1px solid #000;}

 .mb-sub-ul {padding:0px;   border:0px solid #ff0000;}
.mb-sub-ul li {padding:5px 0px 5px 0px;  background:url('/asset/img/list_bl.png') no-repeat  left 14px;}
.mb-sub-ul li a{font-size: 15px; padding:5px 0px 5px 15px;  }
 

.mb-sub-ul li > ol {background:#fff; padding:10px ; border-radius:0px; margin:10px 0px 10px 0px; width:calc(100% - 10px);}
.mb-sub-ul li > ol li {padding:2px 0px;   background:none; box-sizing:border-box;  }
.mb-sub-ul li > ol li a{font-size: 13px;   }
.mb-sub-ul li > ol li:last-child {border-bottom:none;}
 
 

#mb-open-menu { display:none; position: absolute;right: 20px;top:75px; width: 30px;height: 16px;cursor: pointer;z-index: 10; border:0px solid #71db00; }
#mb-open-menu span {position: absolute;left: 0;display: block;width: 100%;height: 3px;background: #000;-webkit-transition: all .4s ease;transition: all .4s ease;}
#mb-open-menu .line1 {top: 0px;}
#mb-open-menu .line2{ top: 9px;  }
#mb-open-menu .line3 {bottom: -5px;}
 

#mb-open-menu_m { display:none; position: absolute;right: 20px;top:75px; width: 30px;height: 16px;cursor: pointer;z-index: 10; border:0px solid #ff0000; }
#mb-open-menu_m span {position: absolute;left: 0;display: block;width: 100%;height: 3px;background: #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
#mb-open-menu_m .line1 {top: 0px;}
#mb-open-menu_m .line2{ top: 9px;  }
#mb-open-menu_m .line3 {bottom: -5px;}



@media all and (min-width:1200px){ 
    #hd_wrapper{/*background: rgba(255,255,255,1); */-webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out;}
    #hd.scrollBg {  background:rgba(255,255,255,1); }
    #hd_wrapper{}
   /* #hd_wrapper .inner{height: 90px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%);}*/

	#hd.scrollBg .logo_m {display:block;  left:38%; top:20px;   border:0px solid #000;}
	.logo {display:none;  left:38%; top:20px;   border:0px solid #ff0000;}

	#hd.scrollBg .logo {display:block;  left:38%; top:20px;   border:0px solid #000;}
	.logo_m {display:block;  left:38%; top:20px;   border:0px solid #ff0000;}

	#hd.scrollBg  #gnb{display: block;  background:rgba(255,255,255,1); }
	#hd.scrollBg .gnb_1da{color: #000;}
    #hd.scrollBg .gnb_1da.f_cm{color: #000;}
  

	#hd.scrollBg .groupware {/*background:url(../img/groupware.png) no-repeat left ;*/  }
	#hd.scrollBg .groupware h3{color:#000; }
	#hd.scrollBg .groupware h3 span{color:#000; }
	.close_menu{display: none;} 

	#hd.scrollBg .hd_sch_wr_m {display:block;  border:1px solid #000; }
 
	/*상단 기본 검색*/
	#hd.scrollBg .hd_sch_wr_m #hd_sch {border-radius:0px;overflow:hidden;  margin:0px  0px 0px 20px;   border:0px solid #707070;}
	#hd.scrollBg .hd_sch_wr_m #hd_sch h3 {position:absolute;font-size:0;line-height:0;overflow:hidden}
	#hd.scrollBg .hd_sch_wr_m #hd_sch #sch_stx {float:left;width:160px;height:40px;  padding-left:10px;   font-size:14px;color:#000;   border:0px solid #ff0000; }
	#hd.scrollBg .hd_sch_wr_m #hd_sch #sch_submit {float:left;width:20px;height:20px;border:0; background:url(../img/loc_sch.png) no-repeat right  ;cursor:pointer;  margin:13px 0px 0px 3px;}
	#hd.scrollBg .hd_sch_wr_m #hd_sch input::placeholder {  color: #000;}

	#gnb_1dul {position:relative; width:1200px;}
 
	#hd.scrollBg .main_gnb_menu_btn span{ background:#000; display: block;}
	#hd.scrollBg .gnb_menu_btn{  display: block;}
	#aside{display: none;}

 
 
}

 

@media all and (max-width:1024px){

	#hd.scrollBg {  background:rgba(255,255,255,1); }
	#hd.scrollBg #mb-open-menu {display:none; }


	#hd.scrollBg .groupware {/*background:url(../img/groupware.png) no-repeat left ;*/  }
	#hd.scrollBg .groupware h3{color:#000; }
	#hd.scrollBg .groupware h3 span{color:#000; }
 

	#hd.scrollBg .logo_m {display:block;  left:34%; top:20px;   border:0px solid #000;}
	.logo {display:none;  left:34%; top:20px;   border:0px solid #ff0000;}

	#hd.scrollBg .logo {display:block;  left:34%; top:20px;   border:0px solid #000;}
	.logo_m {display:block;  left:34%; top:20px;   border:0px solid #ff0000;}


	.logo_s {  left:34%; top:20px;   border:0px solid #d5cfc3;}/*검은색 로고-주로 서브에 사용*/
 




	.main_gnb_menu_btn {display: none; }
	.gnb_menu_btn {display:none;}

 
	#gnb {display:block;}
	#gnb_1dul {display:inline-flex; width:1000px;margin:15px 80px 0px 0px; list-style: none; } 
	#hd.scrollBg .gnb_1da{color: #000;}

	#mb-open-menu {display:none;}
	#aside{display: block; z-index: 2000;}

}

@media all and (max-width:1000px){
 
 	#hd {  height:140px;  }


	#hd.scrollBg .logo_m {display:block;  left:1%; top:60px; width:200px; height:48px;    background-size:200px 48px;  border:0px solid #000;}
		.logo {display:none;  left:1%; top:60px;  width:200px; height:48px;    background-size:200px 48px;  border:0px solid #ff0000;}

	#hd.scrollBg .logo {display:block;  left:1%; top:60px ;width:200px; height:48px;    background-size:200px 48px;  border:0px solid #000;}
		.logo_m {display:block;  left:1%; top:60px;  width:200px; height:48px;   background-size:200px 48px;  border:0px solid #ff0000;}
 

	#hd.scrollBg .logo_s {display:block;  left:1%; top:60px;  width:200px; height:48px;    background-size:200px 48px; border:0px solid #000;}
		.logo_s {display:block;  left:1%; top:60px; width:200px; height:48px;    background-size:200px 48px;  border:0px solid #ff0000;}

	#hd.scrollBg .groupware {background:none ;  }
	.groupware {  padding:0px 0; top:10px;   width:130px; border:0px solid #d5cfc3;  background:none ;}
	.groupware h3{ font-size:13px;      padding:2px 0px 0px 10px;}
	.groupware h3 span{  display:none;   }
	
	a.groupware_go {font-size:13px; top:0;}

		
	/*20250725검색 추가*/
	#hd.scrollBg .hd_sch_wr_m {display:block;  width:150px;  top:10px;   right:5px;   padding:3px 5px;  border:1px solid #000; }
	#hd.scrollBg .hd_sch_wr_m #hd_sch {   border-radius:0px;   margin:0px  0px 0px 15px;   border:0px solid #ff0000;}
	#hd.scrollBg .hd_sch_wr_m #hd_sch #sch_stx {float:left;width:90px;height:20px;  padding-left:1px; font-size:12px;  border:0px solid #707070; }
	#hd.scrollBg .hd_sch_wr_m #hd_sch #sch_submit {  background:url(../img/loc_sch.png) no-repeat right  ; margin:0px 0px 0px 3px;}
	#hd.scrollBg .hd_sch_wr_m #hd_sch input::placeholder {  color: #000;}
	
		.hd_sch_wr_m {display:block; width:150px;  top:10px;   right:5px;   padding:3px 5px;   }
		.hd_sch_wr_m #hd_sch {border-radius:0px;overflow:hidden;  margin:0px  0px 0px 15px;   border:0px solid #707070;}
		.hd_sch_wr_m #hd_sch #sch_stx {float:left;width:90px;height:20px;  padding-left:1px; font-size:12px;  border:0px solid #707070; }
		.hd_sch_wr_m #hd_sch #sch_submit {  background:url(../img/loc_sch_m.png) no-repeat right  ; margin:0px 0px 0px 3px;}


	#hd.scrollBg .hd_sch_wr {display:block;  width:150px;  top:10px;   right:5px;   padding:3px 5px;  border:1px solid #000; }
	#hd.scrollBg .hd_sch_wr #hd_sch {   border-radius:0px;   margin:0px  0px 0px 15px;   border:0px solid #ff0000;}
	#hd.scrollBg .hd_sch_wr #hd_sch #sch_stx {float:left;width:90px;height:20px;  padding-left:1px; font-size:12px;  border:0px solid #707070; }
	#hd.scrollBg .hd_sch_wr #hd_sch #sch_submit {  background:url(../img/loc_sch.png) no-repeat right  ; margin:0px 0px 0px 3px;}


		.hd_sch_wr {display:block; width:150px;  top:10px;   right:5px;   padding:3px 5px;   }
		.hd_sch_wr #hd_sch {border-radius:0px;overflow:hidden;  margin:0px  0px 0px 15px;   border:0px solid #707070;}
		.hd_sch_wr #hd_sch #sch_stx {float:left;width:90px;height:20px;  padding-left:1px; font-size:12px;  border:0px solid #707070; }
		.hd_sch_wr #hd_sch #sch_submit {  background:url(../img/loc_sch.png) no-repeat right  ; margin:0px 0px 0px 3px;}




	#hd.scrollBg #mb-open-menu {display:block; border:0px solid #000; }
	#hd.scrollBg #mb-open-menu span { background: #000;}
 	#mb-open-menu {  display:block;  top:75px; border:0px solid #ff0000; }
	#mb-open-menu span { background: #000;}

	#hd.scrollBg #mb-open-menu_m {display:block; border:0px solid #000; }
	#hd.scrollBg #mb-open-menu_m span { background: #000;}
 	#mb-open-menu_m {  display:block;  top:75px; border:0px solid #ff0000; }
	#mb-open-menu_m span { background: #fff;}


	#gnb {display:none;}
	#aside {position: fixed;right:-400px;  width:400px;  }

}

@media all and (max-width:600px){
 
	#hd {  height:120px;  }

 
 
	#mb-open-menu {  top:75px;  }

	#aside {position: fixed;right:-290px;  width: 290px;  }
   
    .groupware h3 img { margin-left: 10px;}
}




/* 중간 레이아웃 */
#wrapper {}
#wrapper:after {display:block;visibility:hidden;clear:both;content:""}
#container {position:relative;min-height:300px}




.subvisual {  position:relative; text-align:center; margin:0px; border:0px solid #0074e1;  background-size : 100%;}
.subvisual img {display:block; object-fit:cover;}
.subvisual_txt {position:absolute;   width:402px;   z-index:10; text-align:center; top:45%;    left:37%;   border:0px solid #ff0000;  } 
.subvisual_txt img{width:100%;  }
.subvisual_txt .subtit{font-size:43px;   font-family: 'HakgyoansimBareonbatangB'; color:#fff;  display:block;  text-align:center;  position:relative; padding:0px 0px 0px 0px; }

.subvisual.bg1 {  position:relative; text-align:center; margin:0px;  background:url(/asset/img/subvisual_01.jpg) no-repeat center top; background-size : cover;} 
.subvisual.bg2 {  position:relative; text-align:center; margin:0px;  background:url(/asset/img/subvisual_02.jpg) no-repeat center top; background-size : cover;} 
.subvisual.bg3 {  position:relative; text-align:center; margin:0px;  background:url(/asset/img/subvisual_03.jpg) no-repeat center top; background-size : cover;} 
.subvisual.bg4 {  position:relative; text-align:center; margin:0px;  background:url(/asset/img/subvisual_04.jpg) no-repeat center top; background-size : cover;} 
.subvisual.bg5 {  position:relative; text-align:center; margin:0px;  background:url(/asset/img/subvisual_05.jpg) no-repeat center top; background-size : cover;} 
.subvisual.bg6 {  position:relative; text-align:center; margin:0px;  background:url(/asset/img/subvisual_06.jpg) no-repeat center top; background-size : cover;background-position-y:90px;} 

/*서브 컨텐츠*/
.content-area {padding:50px 0 50px 0;   border:0px solid #ff0000;}
.txt-center {text-align:center;}

.content-area h4{   font-size:25px; font-weight:200; padding:0px 0px 15px 0px;    color:#252525;    font-family: 'Paperlogy-5Medium'; word-break:keep-all;	word-wrap:break-word;}
.content-area h4 span{ color:#e34545; }

.page-title {display:block; text-align:left;  margin:40px auto 50px;   border:0px solid #333;}
.page-title h3 { font-size:40px;      font-family: 'Paperlogy-4Regular'; text-align:center;   font-weight: 900; line-height:140%;  padding:0px 0px 0px 0px; }
.page-title p {font-size:20px;    font-family: 'HakgyoansimBareonbatangB'; line-height:140%; letter-spacing:-1px; margin-top:10px; display:block;}
.page-title span {font-size:19px;   font-weight: 400; color:#8f6e5e;   line-height:140%; letter-spacing:-1px; margin-left:20px; display:inline-block;}

@media all and (max-width:2300px){
.subvisual {height:510px;}
}


@media all and (min-width:1900px){

.subvisual {height:510px;}
.subvisual_txt { left:40%;  border:0px solid #ff0000; }
.subvisual_txt .subtit{font-size:36px;  }
 

}

 
 
@media all and (max-width:1200px){

	.subvisual {height:400px;}
	.subvisual_txt { width:410px;   z-index:10; text-align:center; top:40%;    left:30%; }
 	 .subvisual_txt .subtit{font-size:30px;  }

	.content-area {padding:60px 0 40px 0;}

	.page-title h3 {font-size:40px;}
	.page-title p {font-size:18px;}

}


@media all and (max-width:900px){

	.subvisual {height:380px;}
 	.subvisual_txt { width:300px;   z-index:10; text-align:center; top:45%;    left:30%; }
 	 .subvisual_txt .subtit{font-size:30px;  }


	.content-area {padding:30px 0 40px 0;}
	.content-area h4{   font-size:20px;}

	.page-title {  margin:10px auto 20px;   border:0px solid #333;}
	.page-title h3 {font-size:24px;}
	.page-title p {font-size:16px;}
}



@media all and (max-width:500px){

	.subvisual {height:330px;}
	.subvisual_txt { width:250px;   z-index:10; text-align:center; top:45%;    left:17%; }
	 .subvisual_txt .subtit{font-size:20px;  }

	.page-title h3 {font-size:24px;}
	.page-title p {font-size:14px;}

	.content-area {padding:20px 0 20px 0;}
	.content-area h4{   font-size:18px;}
	
	.subvisual.bg1 {background-position-x:55%;} 
	.subvisual.bg2 {background-position-x:51%;} 
	.subvisual.bg3 {} 
	.subvisual.bg4 {background-position-x:25%;background-position-y:40px;} 
	.subvisual.bg5 {background-position-x:20%;} 
	.subvisual.bg6 {background-position-y:70px;} 

}


/* 페이지경로 */
div.page-navi { position:absolute;  width:100%; height:69px; background:rgba(255,255,255,1); bottom:0px;  padding:0px 0;  border-top:1px solid #d0d0d0;  border-bottom:1px solid #d0d0d0;  }
div.page-navi  .bg{  opacity:0.5;}
 

div.page-navi ul {display:flex; list-style: none; border-left:0px solid #d0d0d0;} 
div.page-navi ul > li { color:#333333; min-width:240px; border-right:1px solid #d0d0d0;  margin-right:1px;    font-size:20px;  padding-right:0px;  letter-spacing:-1px; position:relative;}
div.page-navi ul > li.home {  background:none;  min-width:60px; border-right:1px solid #d0d0d0; text-align:center; padding-left:0; color:#333333;}
div.page-navi ul > li.home img {display:inline-block;}
div.page-navi ul > li.home a { font-size:20px; justify-content:center;}
div.page-navi ul > li.home a i {position:relative; right:auto; top:auto; border:0px solid #fff;}
div.page-navi ul > li.home i.home_icon {display:inline-block; width:20px; height:20px; background:url(/asset/img/loc_home.png) no-repeat; background-size:100%;}
div.page-navi ul > li i.loc_down {display:inline-block; width:20px; height:20px; background:url(/asset/img/loc_down.png) no-repeat; background-size:100%;}
div.page-navi ul > li strong{ color:#000; font-weight:normal;}
div.page-navi ul > li > a {color:#000; display:flex; align-items:center; height:69px;  font-size:17px;  font-family: 'NanumSquare';  font-weight: 400; padding-left:18px; padding-right:18px; }
div.page-navi ul > li > a i {position:absolute; right:15px; top:20px; width:20px; height:20px; padding:2px 5px; border:1px solid #fff; border-radius:100%;}
div.page-navi ul > li:last-child a {/*background:#f4f4f4;*/}
div.page-navi ul > li:last-child {border-right:1px solid #d0d0d0; }


div.page-navi ul li.hover .hidden-menu {display:block;} 

ol.hidden-menu {position:absolute;  display:none; background:#f9f9f9; z-index:9;  top:67px; left:-2px; width:calc(100% + 3px);  list-style:none; margin:0; padding:0; border:1px solid #ddd; overflow:hidden;}
ol.hidden-menu li {clear:both;  background:#fff; padding:0; width:100%; border-bottom:1px solid #e3e3e3; }
ol.hidden-menu li a {display:block;  background:#fff; color:#333333;  font-size:15px;  text-align: left; padding:15px 20px;}
ol.hidden-menu li a:hover {background:#E9F7FF; color:#333333;}
ol.hidden-menu li:last-child {border-bottom:none;}

ol.hidden-menu .depth3_menu {padding:0px 0; position:relative; margin-top:0; margin-left:0; background-size:#f9f9f9; }
ol.hidden-menu .depth3_menu li {background-size:#f9f9f9;}
ol.hidden-menu .depth3_menu li a {font-size:14px;  text-align: left; padding:5px 18px; display:block;  letter-spacing:-1px; background-size:#f9f9f9 !important;  border-bottom:none !important;;}
ol.hidden-menu .depth3_menu li a.active {color:#158d44;}
 
 
div.page-navi .share_box {position:absolute;display:block; right:20px; top:15px; border:0px solid #d0d0d0;    }
div.page-navi .share_box ul {display:flex;}
div.page-navi .share_box ul li {min-width:auto; border:none;}
div.page-navi .share_box a.clip_btn {display:inline-block; width:50px; height:30px; background:url(/asset/img/loc_paperclip.png) no-repeat center center; text-indent:-50000px;}
div.page-navi .share_box a.print_btn {display:inline-block; width:50px; height:30px; background:url(/asset/img/loc_print.png) no-repeat center center; text-indent:-50000px;}

 @media (max-width:1100px) {

	div.page-navi {  height:50px;}
	div.page-navi ul > li > a {  height:50px;  }

	ol.hidden-menu {  top:50px; }

	div.page-navi .share_box { top:5px; border:0px solid #d0d0d0;    }
 }


 @media (max-width:900px) {
 
	div.article {padding-bottom:100px;}

	div.page-navi {height:52px; }
	div.page-navi ul li {min-width:180px;}
	div.page-navi ul > li.home {  min-width:40px; }
	div.page-navi ul > li.home img {position:relative; top:-3px;}
	div.page-navi ul.page-location > li:nth-child(2) {min-width:140px; font-size:16px;}
	div.page-navi ul.page-location > li:nth-child(3) {min-width:140px; font-size:16px;}
	div.page-navi ul li a i {position:absolute; right:10px; top:15px; padding:2px 3px;}
	div.page-navi ul > li > a {font-size:15px;  height:50px; text-align: left; padding-left: 10px; line-height: 1.2;}



ol.hidden-menu { top:50px;}
ol.hidden-menu li {width:100% !important; }
ol.hidden-menu li  a {font-size:13px; }
 
div.page-navi .share_box {display:none; }
}


 @media (max-width:676px) {
 
div.page-navi ul > li.home   {display:none;}
div.page-navi ul.page-location > li:nth-child(2) {min-width:130px; font-size:13px;}
div.page-navi ul.page-location > li:nth-child(3) {min-width:130px; font-size:13px;}
div.page-navi ul.page-location > li:nth-child(4) {min-width:140px; font-size:13px;}
div.page-navi ul li {min-width:auto; padding-left:0px;}
div.page-navi ul li a {font-size:14px;}
div.page-navi ul li a i {position:absolute; right:10px; top:15px;}

 
 

ol.hidden-menu li {padding-left:0 !important;}
ol.hidden-menu li a {padding:10px 10px;}

 }

 @media (max-width:420px) {
 
div.page-navi ul > li.home   {display:none;}
/* 2025.08.19 sjkim */
/* div.page-navi ul.page-location > li:nth-child(2) {min-width:100px;  font-size:12px; } */
div.page-navi ul.page-location>li:nth-child(2) { display: none !important; }
div.page-navi ul.page-location > li:nth-child(3) {min-width:130px;  font-size:12px; }
div.page-navi ul.page-location > li:nth-child(4) {min-width:130px; padding:0px 15px 0px 0px; font-size:12px;}
div.page-navi ul.page-location > li:nth-child(5) {min-width:auto; padding:0px 15px 0px 0px; font-size:12px;}
 

 }

 /* 2025.08.19 sjkim */
 @media (min-width:421px) {
    div.page-navi ul.page-location>li:nth-child(2) { display: list-item !important; }
 }

#ft{background: #292932; color: #9c9c9c; padding:0px 0;  border:0px solid #ff0000; } 
#ft .ft_site_box{width:100%;  background: #161633; }
 

#ft .ft_company{ width:100%;   position:relative;  overflow: hidden;  padding:40px 0px 40px 0px;   border:0px solid #ff0000;}

#ft .ft_company ul.footer_address {display:flex; flex-wrap:wrap; margin-top:40px;  list-style : none; }
#ft .ft_company ul.footer_address li {width:100%;  font-size:16px;  font-family: 'Paperlogy-4Regular'; line-height:180%;}
#ft .ft_company ul.footer_address li strong {font-weight:bold; }
#ft .ft_copy{  font-size:16px;  font-family: 'Paperlogy-4Regular'; line-height:180%;}

.ft_link{width:100%;  padding:0px 0px 20px 0px;  text-align: left;    border-bottom:1px solid #54545b; }
.ft_link a { display:inline-block; line-height: 20px; font-size: 16px;     font-family: 'Paperlogy-4Regular'; color:#fff;}
.ft_link a::after{content: ""; display: block; width: 1px; height: 15px;  margin-left: 12px; float: right; margin-right: 10px; margin-top: 3px;  background: #7f7f84; }
.ft_link a:last-child::after{display: none;}
.ft_link a.ft_link3 {color:#8bddff;}

 
/* 사이트링크 */
 .footBtnWrap {  margin-right:0px; font-size:14px;}
 .footBtnWrap:after {display:block; visibility:hidden; clear:both; height:0; content:''}
 
 .footBtn {position:relative; width:25%; float:left;}
 .footBtn button {width:100%; height:50px; line-height:50px; position:relative; font-size:14px; text-align:left; color:#fff; background:#161633; cursor: pointer;}
 .footBtn button:hover{background:#465673;}
 .footBtn button span{padding-left:20px; display:block; border-right:1px solid #45455C;font-family: 'Paperlogy-4Regular'; font-size:16px;}
 .footBtn button::before{content:""; position: absolute; right:10px; top:10px; width:30px; height:30px; background:url('/asset/img/footBtn_arrow.png') no-repeat 50% 50%;}
 .footBtn.on button::before{transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); background:url('/asset/img/footBtn_arrows.png') no-repeat 50% 50%;}
 .footBtn button:last-child  {border-right:none;}
 .footBtn div { display:none; position:absolute; bottom:50px; left:-1px; width:100%; border:1px solid #45455C;  border-bottom:0; overflow-y:auto; z-index:10000;}
 .footBtn ul li {font-size:13px; border-top:1px solid #5d6a77; }
 .footBtn ul li strong {display:block; padding:7px 10px; color:#fff799;  font-family: 'Paperlogy-4Regular'; opacity:1; background:#343b42;}
 .footBtn ul li:first-child {border:0; }
 .footBtn ul li ul {border-top:1px solid #45455C;}
 .footBtn ul li a {display:block; padding:10px; overflow:hidden; color:#d4dde7; background:#161633;}
 .footBtn ul li a:hover,  .footBtn ul li a:focus,  .footBtn ul li a:active {opacity:1; color:#fff;}
 .footBtn button,  .footBtn button::before{ transition: all .3s ease; -moz-transition: all .3s ease; -webkit-transition: all .3s ease; -ms-transition: all .3s ease; }


@media (max-width:1200px) { 

	 .footer_link li { width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box}

		/* 푸터 메뉴 */
	 .footer_link { height:auto; border-bottom:0}
	 .footer_link ul{ padding:0; margin-top:15px; border-left:1px solid #484e58; border-top:1px solid #484e58;}
	 .footer_link li {width:25%; height:35px; line-height:33px; border-right:1px solid #484e58; border-bottom:1px solid #484e58; }
	 .footer_link li:before { display:none}
	 .footer_link li a {padding:0 0px; margin:0; text-align:center; color:#ccc;}	
	 .footer_link li a:before{display:none;}

}


@media (max-width: 800px){

		
	#ft .ft_company ul.footer_address {  margin-top:40px; padding:0 20px;  }
	#ft .ft_company ul.footer_address li {  text-align:center;  font-size:14px;  }
	#ft .ft_copy{  font-size:14px;  text-align:center;}

	.ft_link{   font-size:14px;  text-align: center; }


	 .footBtn {width:50%; margin:0px 0; border-top:1px solid #45455C;}
	 .footer_link li {width:50%;}

	}

@media (max-width:480px) {

 .footBtn button span { font-size:13px;}

 .footer_link li {width:100%;}
 .footer_link li a{padding:0;}

}



/************메인******************/

.mainWrapper {padding:0px;}

/*메인 비쥬얼*/
.at-mainVisual {padding:0;width:100%;}
.at-mainVisual .d-flex {display:flex;flex-wrap:wrap;position:relative;}
.at-mainVisual .mainVisual {width:100%;}
.at-mainVisual .mainSlider {overflow:hidden;}
.at-mainVisual .mainSlider li {position:relative;}
.at-mainVisual .mainSlider li img {width:100%;height:100%;object-fit:cover;}

.mainSlider_control {position:absolute;left:50%;bottom:100px;width:330px;padding-right:120px;z-index:10;border:0px solid #ff0000;transform:translateX(-50%);}
.mainSlider_control .inner {position:relative;}
.mainSlider_control .swiper-left {position:absolute;top:0px;right:50px;width:50px;height:50px;cursor:pointer;color:#fff;padding:5px 0 0 0;}
.mainSlider_control .swiper-right {position:absolute; top:0px;right:0px;width:50px;height:50px; cursor:pointer;color:#fff;padding:5px 0 0 0;}

.swiper-pagination2 {}
.mainSlider_control .swiper-pagination-progressbar {position: absolute; left:30px !important; top: 16px !important; width:calc(100% - 60px) !important;  height: 2px !important; background:#FFF;}
.mainSlider_control .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #00ccff;}
.swiper-fraction {position:absolute; left:0; top:4px; width:100%; font-family: 'Paperlogy-5Medium'; color:#FFF;}
.swiper-fraction span.first {position:absolute; left:0; top:0; }
.swiper-fraction span.last {position:absolute; right:0; top:0;}

.mainSlider .main_tit {position: absolute;  width:100%;  left:0%;  top: 30%; z-index: 10; border:0px solid #ff0000; }
.mainSlider .main_tit img {max-width:100%;}
.mainSlider .main_tit .visual-txt1 { width:600px; height:140px; position:relative;  overflow:hidden;  display:block; border:0px solid #ff0000;}
.mainSlider .main_tit .visual-txt2{font-size:50px;    font-family: 'HakgyoansimBareonbatangB'; color:#fff;  line-height:140%; letter-spacing:-1px; margin:0px 0px 0px 50px; display:block;}

.mainSlider {height:1050px;}

@media (max-width:1800px) {
	.mainSlider {height:900px}
}

@media (max-width:1200px) {
	.mainSlider {height:800px}

	.mainSlider .main_tit {top:30%;}
	.mainSlider .main_tit .visual-txt1 {width:500px;height:117px;}
	.mainSlider .main_tit .visual-txt2 {font-size:40px;}
}

@media (max-width:900px) {
	.mainSlider { height:480px}

	.mainSlider .main_tit {top:40%;}
	.mainSlider .main_tit .visual-txt1 {width:400px;height:93px;}
	.mainSlider .main_tit .visual-txt2 {font-size:34px;}
}

@media (max-width:500px) {
	.mainSlider {height:450px}

	.mainSlider .main_tit {top:40%;}
	.mainSlider .main_tit .visual-txt1 {width:300px;height:70px;padding:0px;margin:0 auto;}
	.mainSlider .main_tit .visual-txt2{font-size:30px;margin:0;text-align:center;}
    .mainSlider_control {left:55%;}
}

/*공문.알림 교회소기, 공지끌 노출 부분*/
.mainBoard_wrap {margin:90px auto  50px; overflow:hidden;  position:relative;  border:0px solid #ff0000;  }
.mainBoard_wrap h3{font-size:30px;   font-family: 'Paperlogy-5Medium'; font-weight: 500; color:#333333;  text-align:left;  letter-spacing:-1px; position:relative;  padding:0px 0px 20px 0px;  border:0px solid #dddddd;   }
.mainBoard_wrap h3 .main_more {position:absolute;  right:0px;  top:10px;   display:inline-block;   width:30%;   text-align:right;    font-size:13px;  color:#0071ad; letter-spacing:-1px; padding:3px 0px 3px 0px;   z-index:1;   }
.main_newA{width:28%; float:left;  border:0px solid #000;  }
.main_newB{width:28%; float:left; margin:0px 80px;  border:0px solid #000;    }
.main_newC{width:32%; float:right;  position:relative;  border:0px solid #000;   }
.main_newC .popup_list{width:100%; margin:0px 0px 0px 0px;  }
.main_newC .popup_list img{width:100%;   border-radius:30px; }
.main_newC .popup_list .b_list{  position:absolute;  right:120px; top:15px; font-family: 'Paperlogy-4Regular'; border:0px solid #dddddd;  }
.main_newC .popup_list .btn_area2 {position: absolute; width:90px;   display: block;  top:10px; right:5px;  z-index: 1;   border:0px solid #dddddd;   }
.main_newC .popup_list .btn_area2 a { text-indent:-50000px;display: inline-block; cursor:pointer; }
.main_newC .popup_list .btn_area2 .banner_prev { background:url(/asset/img/loc_prev.png) no-repeat 0px 0px;width:25px;height:25px; }
.main_newC .popup_list .btn_area2 .banner_next { background:url(/asset/img/loc_next.png) no-repeat 0px 0px;width:25px;height:25px;}
.main_newC .popup_list .btn_area2 .banner_stop { background:url(/asset/img/loc_pause.png) no-repeat 0px 0px;width:25px;height:25px;}
/* 2025.08.15 sjkim 추가 */
.main_newC .popup_list .btn_area2 .banner_play { background: url(/asset/img/loc_play.png) no-repeat 0px 0px;width: 25px; height:25px;}



.main_newlist {margin:0 0px 0px 0px; position:relative; border:0px solid #000; list-style:none }
.main_newlist li {padding:17px 0px 17px 0px;   font-family: 'NanumSquare';    font-weight: 700; letter-spacing:-1px;  border-bottom:1px solid #dddddd;   }
.main_newlist li a {  font-size:16px;  color:#373737; padding-left: 10px; }
.main_newlist li h4{float: left; display: block; width: 6.5em; margin: 0px 10px 0px 0px; font-size: 13px; color: #fff; text-align: center;padding: 2px .5em;border-radius: 20px; }
.main_newlist li span{  float:right; width:13%;  display:block;  font-size:20px; text-align:justify; font-weight: normal; color:#bbbbbb;}
.main_newlist li span:after{content: '';  display: inline-block;  width: 100%;}

.h4_bg1{background:#0071ad;}
.h4_bg2{background:#4900ad;}
.h4_bg3{background:#00ada8;}
.h4_bg4{background:#00ad0b;}
.h4_bg5{background:#3250cd;}
.h4_bg6{background:#30c686;}
.h4_bg7{background:#00a8c6;}
.h4_bg8{background:#322073;}


 @media all and (max-width:1370px)  {
	 .main_newC{width:30%; }
}
 @media all and (max-width:1200px)  {

	.mainBoard_wrap h3{font-size:26px;  }
	.main_newA{width:30%; float:left;  border:0px solid #000;  }
	.main_newB{width:30%; float:left; margin:0px 20px;  border:0px solid #000;    }
	.main_newC{width:32%; float:right;  position:relative;  border:0px solid #000;   }
	.main_newC .popup_list{width:100%; margin:5px 0px 0px 0px;  }

  	.main_newlist li {padding:8px 0px 8px 0px;  }
	.main_newlist li a {   font-size:14px;  }
	.main_newlist li h4{  font-size:11px;   }


 }

  @media all and (max-width:900px)  {

	.mainBoard_wrap h3{font-size:24px;  padding:0px 0px 10px 0px; }

	.main_newlist {margin:0px 0px 0px 0px; }
	.main_newlist li {padding:15px 0px 15px 0px;  }
	.main_newlist li a {   font-size:16px;  }
	.main_newlist li h4{  font-size:12px;   }

 }

  @media all and (max-width:900px)  {

	.main_newA{width:100%; float:none;  padding:0px  30px;    }
	.main_newB{width:100%; float:none; margin:20px 0px;    padding:0px  30px;     }
	.main_newC{width:100%; float:none;   padding:0px  50px;    }



 }
 

  @media all and (max-width:500px)  {
	.mainBoard_wrap {margin:30px auto  30px; }
	.main_newA{width:100%; float:none;    padding:0px  10px;    }
	.main_newB{width:100%; float:none; margin:30px 0px;   padding:0px  10px;      }
	.main_newC{width:100%; float:none;   padding:0px  10px;    }

	.main_newlist li {padding:10px 0px 10px 0px;  }
	.main_newlist li a {   font-size:15px;  }
	.main_newlist li h4{  font-size:12px;   }
	 

 }

.mainLink_wrap {margin:90px auto  50px; overflow:hidden;  position:relative;  border:0px solid #ff0000;  }
.mainLink_wrap .main_LinkA{width:30%; float:left; overflow:hidden;  border:0px solid #ff0000;  }
.mainLink_wrap .main_LinkA .imga{width:88%; float:left;  display: block; text-align: center;}
.mainLink_wrap .main_LinkA .imga img{max-width:100%;border-radius:20px;  border:1px solid #dbdbdb;  }
.mainLink_wrap .main_LinkA .name{ float:right; position:absolute; top: 0; right: 0;  width:10%; height:350px;  padding:20px 0px 0px 0px;  border:0px solid #dbdbdb;   writing-mode: vertical-lr;    text-orientation: sideways; }
.mainLink_wrap .main_LinkA .name::after{content: " "; display: block; width: 1px; height: 15px; background:rgba(255,255,255,0.2); margin-left: 12px; float: right; margin-right: 10px; margin-top: 3px;}
.mainLink_wrap .main_LinkA .name p{font-size:18px; color:#000; font-family: 'Paperlogy-5Medium'; }
.mainLink_wrap .main_LinkA .name p span{color:#0071ad;margin-right: 10px;  }
.mainLink_wrap .main_LinkB{width:67%; float:right;  position:relative; overflow:hidden;   border:1px solid #dbdbdb; border-radius :50px;  }
.mainLink_wrap .main_LinkB .link_left{ width:33%; float:left;  padding:35px 0 35px 45px; background:#0071ad; border-radius:50px 0px 0px 50px; }
.mainLink_wrap .main_LinkB .link_left h3{font-size:25px; color:#fff;     font-family: 'Paperlogy-5Medium'; font-weight: 500; }
.mainLink_wrap .main_LinkB .link_right{width:62%; float:right; padding:10px 30px 10px 0px; }

.mainLink_wrap .main_LinkA .name .btn_area3 {position: absolute; width:10px;   display: block;  bottom:10px; left:5px;  z-index: 1;   border:0px solid #000;   }
.mainLink_wrap .main_LinkA .name .btn_area3 a { text-indent:-50000px;display: inline-block; cursor:pointer; }
.mainLink_wrap .main_LinkA .name .btn_area3 .banner_prev { background:url(/asset/img/loc_prev1.png) no-repeat 0px 0px;width:22px;height:25px; }
.mainLink_wrap .main_LinkA .name .btn_area3 .banner_next { background:url(/asset/img/loc_next1.png) no-repeat 0px 0px;width:22px;height:25px;}
.mainLink_wrap .main_LinkA .name .btn_area3 .banner_stop { background:url(/asset/img/loc_pause1.png) no-repeat 0px 0px;width:22px;height:25px;}
/* 2025.08.15 sjkim 추가 */
.mainLink_wrap .main_LinkA .name .btn_area3 .banner_play { background: url(/asset/img/loc_play.png) no-repeat 0px 0px; width: 25px; height: 25px; transform: rotate(90deg); }

.pub_list{width:80%; margin:20px 0px 0px  0px ; }
.pub_list li {margin:6px auto ; border:0px solid #fff;}
.pub_list li a{display:block; padding:10px 0px 10px 0px;  border-radius:30px ;  border:1px solid #fff;  transition: all .3s ease-out;}
.pub_list li.pub_icon01 {background:url(/asset/img/m_icon1.png) no-repeat 40px 8px;}
.pub_list li.pub_icon02 {background:url(/asset/img/m_icon2.png) no-repeat 40px 8px;}
.pub_list li.pub_icon03 {background:url(/asset/img/m_icon3.png) no-repeat 40px 8px;}
.pub_list li.pub_icon04 {background:url(/asset/img/m_icon4.png) no-repeat 40px 8px;}
.pub_list li p {font-size:17px; color:#fff;     font-family: 'Paperlogy-5Medium';    padding-left:85px;   transition: all .3s ease-out;}
.pub_list li a:hover  {border:1px solid #DDD;  transform: translateX(-3px);}
.pub_list li a:hover p {color:#D5E800;}

.link_info {display:flex;  margin-left:-3%;  flex-wrap:wrap;  border:0px solid #ff0000; }
.link_info li {  text-align:center; width:30%; border:0px solid #ff0000; padding:0px;  margin:4px 0px 7px 3%; }
.link_info li a {display:block; padding:10px 0px 0px 0px; border:0px solid #000; border-radius:0px; transition: all .3s ease-out;}
.link_info li .link_icon01 {background:url(/asset/img/main_link_icon01.png) no-repeat center top;}
.link_info li .link_icon02 {background:url(/asset/img/main_link_icon02.png) no-repeat center 0;}
.link_info li .link_icon03 {background:url(/asset/img/main_link_icon03.png) no-repeat center 0;}
.link_info li .link_icon04 {background:url(/asset/img/main_link_icon04.png) no-repeat center 0;}
.link_info li .link_icon05 {background:url(/asset/img/main_link_icon05.png) no-repeat center 0;}
.link_info li .link_icon06 {background:url(/asset/img/main_link_icon06.png) no-repeat center 0;}
.link_info li p {font-size:16px; color:#402e2e;     font-family: 'Paperlogy-5Medium';  display:block;   padding-top:115px; transition: all .3s ease-out;}


.link_info li a:hover  {transform: translateY(-5px);}
.link_info li a:hover p {color:#0071ad;}


 @media all and (max-width:1200px)  {
 
     .link_info li .link_icon01,
	 .link_info li .link_icon02,
	 .link_info li .link_icon03,
	 .link_info li .link_icon04,
	 .link_info li .link_icon05,
	 .link_info li .link_icon06 {background-size:90px;}
	 .link_info li p {font-size:14px; padding-top: 100px;}
	 
	 .mainLink_wrap .main_LinkB .link_left { padding: 35px 10px 35px 20px;}
	 .mainLink_wrap .main_LinkB .link_left h3 { text-align: center;}
	 .pub_list { width: 100%:}
	 .pub_list li p { font-size: 14px;}
	 
	 .mainLink_wrap .main_LinkA .name { height:350px;}
     .mainLink_wrap .main_LinkA .name p{font-size:15px;}
	 

 }


 @media all and (max-width:900px)  {

	 .mainLink_wrap {margin:0px auto 30px;  padding:0px  50px;   }
 
	.mainLink_wrap .main_LinkA{width:100%; float:none;  margin:0px 0px 40px 0px;  border:0px solid #000;  }
	.mainLink_wrap .main_LinkB{width:100%; float:none;  margin:0px;  border:1px solid #dbdbdb; border-radius:20px;  }
	.mainLink_wrap .main_LinkB .link_left{ width:35%; float:left;  padding:35px 10px 35px 25px; border-radius:20px 0px 0px 20px; }
	.mainLink_wrap .main_LinkB .link_right{width:60%; float:right; padding:10px 30px 10px 0px; }
	 
	 

	.pub_list{width:90%; margin:20px 0px 0px  0px ; }
 }



 @media all and (max-width:768px)  {
	 
 	 .mainLink_wrap {margin:0px auto 30px;  padding:0px  10px;   }
	 .mainLink_wrap .main_LinkA .imga{width:90%; float:left;  display: block; text-align: center;}
	 
	
     .mainLink_wrap .main_LinkA .name p{font-size:15px;}
	 .mainLink_wrap .main_LinkB .link_left{ width:100%; float:none;  overflow:hidden;   padding:25px 20px 15px 30px; border-radius:20px 20px 0px 0px; }
	 .mainLink_wrap .main_LinkB .link_right{width:100%; float:none; padding:10px 15px 10px 15px; }
	
	 .mainLink_wrap .main_LinkA .name .btn_area3 { right:0; left:3px;}
 	 .mainLink_wrap .main_LinkA .name .btn_area3 .banner_prev { background-size:16px; height:20px;}
	 .mainLink_wrap .main_LinkA .name .btn_area3 .banner_next { background-size:16px; height:20px;}
	 .mainLink_wrap .main_LinkA .name .btn_area3 .banner_stop { background-size:16px; height:20px;}
     .mainLink_wrap .main_LinkA .name .btn_area3 .banner_play { background-size:16px; height:20px;}

		.pub_list{width:100%; margin:20px 0px 0px  -2% ;  border:0px solid #ddd; }
		.pub_list li { float:left; width:48%; margin:0px 0px 5px 2% ; border:0px solid #fff;}
		.pub_list li.pub_icon01 {background:url(/asset/img/m_icon1.png) no-repeat 20px 8px; }
		.pub_list li.pub_icon02 {background:url(/asset/img/m_icon2.png) no-repeat 20px 8px;}
		.pub_list li.pub_icon03 {background:url(/asset/img/m_icon3.png) no-repeat 20px 8px;}
		.pub_list li.pub_icon04 {background:url(/asset/img/m_icon4.png) no-repeat 20px 8px;}
		.pub_list li p {font-size:14px;  padding-left:60px}
		.pub_list li a:hover  {  transform: translateX(-1px);}

		.link_info {display:flex;  margin-left:0;  flex-wrap:wrap;  border:0px solid #ff0000; }
		.link_info li {  text-align:center; width:31.33%; border:0px solid #ff0000; padding:0px;  margin:4px 0px 7px 2%; }
		
		
		
		.link_info li .link_icon01,
		.link_info li .link_icon02,
		.link_info li .link_icon03,
		.link_info li .link_icon04,
		.link_info li .link_icon05,
		.link_info li .link_icon06 {background-size:90px;}
		.link_info li p {font-size:14px;}
		
		

 }

 @media all and (max-width:480px)  {
     .mainLink_wrap .main_LinkA{ margin-bottom: 20px; }
      .mainLink_wrap .main_LinkA .name { height:275px;}
     
}



/*달력*/
.mainCalendar_wrap {margin:100px auto ; padding:80px 0px 100px 0px;    background:#edf9ff;   }
.mainCalendar_wrap .title{margin-bottom:10px;text-align:center}
.mainCalendar_wrap .title h3{font-size:34px; line-height:50px;    font-family: 'GmarketSansBold'; font-weight:normal;color:#000000}
.mainCalendar_wrap .title span{font-size:18px;     font-family: 'GmarketSansBold'; padding:0px 0px 0px 10px; line-height:20px; display: block;  color:#000000}
.mainCalendar_wrap .title .more  {  width:10%;   display:block;   text-align:center;    font-size:14px;  color:#000; letter-spacing:-1px;  font-family: 'GmarketSansMedium';    margin:20px auto ; padding:7px 10px 3px 10px;  border:1px solid #000;    }
.mainCalendar_wrap .day_list{margin:0px auto ;  width:100%;  padding:25px 20px 40px 35px;  background:#fff;  border-radius:20px; }
.mainCalendar_wrap .day_list li{display:inline-block;  width:40px; height:30px;   padding:5px;  margin:0px 1px 0px 0px; text-align:center; font-size:15px; vertical-align : top;      font-family: 'GmarketSansMedium';   }
.mainCalendar_wrap .day_list li.sd{color:#c00000;}
.mainCalendar_wrap .day_list li .day{ position:relative;  display:block;  width:30px; height:30px;  padding:5px; margin:0px 1px 0px 0px;   color:#fff;  background:#0071ad;  border-radius:50px;  }
.mainCalendar_wrap .day_list li .day a{color:#fff; }
.mainCalendar_wrap .day_list li .day .d_icon{position:relative; margin-top:5px ; }
 
.mainCalendar_wrap .day_list li .day .d_icon .dday_box{display:none;  position:absolute;top:50px; left:0px;    padding:10px;   background:#fff; }
.mainCalendar_wrap .day_list li .day .d_icon .dday_box p{ color:#000;  border:1px solid #0071ad; }

 .my_txtd {    display: none;  position:absolute;    background:#fff; }
.my_text:hover+.my_txtd {    display: block;    padding:10px; border:1px solid #0071ad; border-radius:5px; }
.my_text:hover+.my_txtd div{ font-size:14px;     text-align:left; letter-spacing:-1px;  color:#000;}

 

.mainCalendar_wrap .list .desc{margin:20px auto 0;padding:0 250px 50px;line-height:24px;text-align:center;word-break:keep-all}
.mainCalendar_wrap .list .desc .sub{position:relative;display:block;padding-top:42px;margin-bottom:15px;font-size:16px;font-weight:500;color:#630505}
.mainCalendar_wrap .list .desc .sub:before{content:'""';position:absolute;top:0;left:50%;margin-left:-50%;width:100%;font-size:50px;font-weight:500;color:rgba(5, 56, 99, 0.2)}
.mainCalendar_wrap .list .desc .tit{font-size:24px;line-height:32px;color:#222}
.mainCalendar_wrap .list .desc .txt{margin-top:20px;line-height:24px}
.mainCalendar_wrap .control{border:0px solid #000; }
.mainCalendar_wrap .control .arrow{position:absolute;top:30px;z-index:20;width:90px;height:30px; border:0px solid #0071ad;   text-indent:-9999em;font-size:0;overflow:hidden;transform:translateY(-50%)}
/*.mainCalendar_wrap .control .arrow:before{content:'';display:block;position:absolute;top:30px;width:20px;height:20px;border:2px solid #000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}*/
.mainCalendar_wrap .control .prev:before{left:10px; border-right-width:0; border-bottom-width:0}
.mainCalendar_wrap .control .next:before{left:auto; right:10px; border-left-width:0; border-top-width:0}
.mainCalendar_wrap .control .prev{left:35%}
.mainCalendar_wrap .control .next{right:35%}
/*.mainCalendar_wrap .control .arrow a::after{content: "|"; display: block; width: 1px; height: 15px;  margin-left:5px; float: right; margin-right:5px; margin-top:7px;  background: #7f7f84; }
.mainCalendar_wrap .control .arrow a:last-child::after{display: none;}*/

 @media all and (max-width:1100px)  {
	 .mainCalendar_wrap .title .more  {width:20%;}
	 .mainCalendar_wrap .control .prev{left:20%}
     .mainCalendar_wrap .control .next{right:20%}
}

 @media all and (max-width:540px)  {

	.mainCalendar_wrap {margin:50px auto; padding:50px 0;}
	
	.mainCalendar_wrap .title .more  {  width:30%;   }
	.mainCalendar_wrap .day_list{margin:0px auto ;  width:80%;  padding:25px 20px 40px 35px;    }

	.mainCalendar_wrap .control{border:0px solid #000; }
	.mainCalendar_wrap .control .arrow{position:absolute;top:30px;z-index:20;width:90px;height:30px; border:0px solid #0071ad;   text-indent:-9999em;font-size:0;overflow:hidden;transform:translateY(-50%)}
	/*.mainCalendar_wrap .control .arrow:before{content:'';display:block;position:absolute;top:30px;width:20px;height:20px;border:2px solid #000;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s}*/
	.mainCalendar_wrap .control .prev:before{left:10px; border-right-width:0; border-bottom-width:0}
	.mainCalendar_wrap .control .next:before{left:auto; right:10px; border-left-width:0; border-top-width:0}
	.mainCalendar_wrap .control .prev{left:5%}
	.mainCalendar_wrap .control .next{right:5%}
 

 }
 @media all and (max-width:380px)  {
    .mainCalendar_wrap .control .prev{left:0%}
	.mainCalendar_wrap .control .next{right:0%}
}

/*교구장 동정, 교구갤러리*/
.mainPhoto_wrap {margin:100px auto ; overflow:hidden;  position:relative;  border:0px solid #ff0000;  }
.mainPhoto_wrap h3{font-size:35px;      font-family: 'Paperlogy-5Medium'; font-weight: 500; color:#333333;  text-align:left;  letter-spacing:-1px; padding:0px 0px 10px 0px;}
.mainPhoto_wrap h3 span{font-size:16px;  font-family: 'Paperlogy-3Light'; color:#626262; display:block;letter-spacing:-0.5px;}
.mainPhoto_wrap .photo_box1{width:48%; float:left;   }
.mainPhoto_wrap .photo_box2{width:48%;float:right;    }

.mainPhoto_wrap .btn_more { float:right;}

ul.photo_list  { padding:0px;  margin:20px 0px 0px -6.5%; overflow: hidden;     font-family: 'GmarketSansMedium';    list-style : none; }
ul.photo_list li{ float:left;  display: block; width:43.5%;   margin: 0px 0px 20px 6.5%; padding:0px 0px 0px  0px; position: relative; border-radius:20px ; border:1px solid #dbdbdb;   }
ul.photo_list li:hover{ border:1px solid #0071AD;}
ul.photo_list li .photo_img{  text-align:center;}
ul.photo_list li .photo_img img{ width:100%; border-radius:20px 20px 0px 0px;aspect-ratio:calc(330/220);object-fit:cover;}
ul.photo_list li .lt_info{   letter-spacing:-0.5px; padding:25px  25px 25px 25px ;  text-align:left; }
ul.photo_list li .lt_info .lt_nick {font-size:18px; color:#333; display: block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.photo_list li .lt_info .lt_date {font-size:15px; color:#838383; padding:10px 0px 0px 0px ; display: block;  }
 

 
 @media all and (max-width:1200px)  {
 	.mainPhoto_wrap h3{font-size:26px;  }
 

 }

@media all and (max-width:900px){

	.mainPhoto_wrap h3{font-size:24px;  }
	.mainPhoto_wrap h3 span{font-size:14px;  }

	.mainPhoto_wrap .photo_box1{width:100%; float:none;   padding:0px  50px;   }
	.mainPhoto_wrap .photo_box2{width:100%;float:none;    padding:0px  50px;   }


 }


@media all and (max-width:500px){

	.mainPhoto_wrap {margin:20px auto; }
	
	.mainPhoto_wrap h3 span{font-size:12px;}
	.mainPhoto_wrap .btn_more img { width:13px;}

	.mainPhoto_wrap .photo_box1{width:100%; float:none;   padding:0px  10px;   }
	.mainPhoto_wrap .photo_box2{width:100%;float:none;    padding:0px  10px;   }


	ul.photo_list  { padding:0px;  margin:0px 0px 0px -2%; overflow: hidden;     font-family: 'GmarketSansMedium';    list-style : none; }
	ul.photo_list li{ float:left;  display: block; width:48%;   margin: 0px 0px 20px 2%;   border-radius:10px ;   }
	ul.photo_list li .photo_img img{ width:100%; border-radius:10px 10px 0px 0px ;}
	ul.photo_list li .lt_info{ padding:10px;}
	ul.photo_list li .lt_info .lt_nick {font-size:14px; }
	ul.photo_list li .lt_info .lt_date {font-size:12px; }
	

 }