@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
@import url('//fonts.googleapis.com/earlyaccess/nanummyeongjo.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 {white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
ul, 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;  }
 
 
.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: 'Paperlogy-6SemiBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    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;
}

/* 본문 바로가기 */
#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 #ff0000;}
.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;}
.at-container img {max-width:100%;}

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

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

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

}

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

}


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

 

.logo {position:absolute;  left:0; top:30px; border:0px solid #d5cfc3;}
.logo a {display:block;  }

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

 
#gnb {display:block; z-index:1; text-align:center; margin-left:37%;border:0px solid #000; }
#gnb_1dul {display:inline-flex; width:820px;} 
#gnb .gnb_1dli{  flex:auto;  text-align: center; position:relative;}
 
.gnb_1da {width: 100%;   font-size:22px;    font-family: 'Paperlogy-5Medium';  line-height:50px; list-style : none; padding:46px 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-radius:0px 0px 10px 10px ; box-shadow : 0 4px 6px #6d6d6d; position:absolute; z-index:999; top: 83px; 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;}

 
 
.mobile_close_btn {display:none; }

 
#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: 20px; right: -100%; width: 35px; height: 35px;}
.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:70px 30px 20px 30px; border-bottom:1px dashed #767c7f; }
#aside h3 img {display:inline-block; width:228px;}
#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;}

#aside .acatholic1 {padding:10px;}



.mobile_menu{margin-top:0px; padding:20px; }
.mobile_menu ul{width: 100%; overflow: hidden; padding:20px;}
.mobile-list {width: 100%;}
.mobile-list a {display:block;   font-size: 18px;   color: #000;  padding:10px 0px; text-transform: uppercase;    font-family: 'Paperlogy-4Regular';  list-style : none;  border-bottom:1px solid #d3d1d0; }
/*.mobile-list a:after {position:absolute; right:20px; top:16px;  font-family: 'FontAwesome'; content: "\f078"; font-size:13px; opacity:0.2;}*/
.mobile-list a.hover {background:#edf9ff;}
.mobile-list a.hover:after {opacity:1;}
/*.mobile-list:last-child a {border-bottom:1px solid #d3d1d0;}*/

.mask {display: none;position: fixed;top: 0;right: 0;width: 100%; height: 100%;background: #fff;opacity: .7;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: block; background: #fff; border:0px solid #d3d1d0; }
.mb-sub-ul li a {display: block; font-size: 15px; font-weight: 100; padding: 5px 20px;   font-family: 'Paperlogy-4Regular';   border:none;  list-style : none;  }
.mb-sub-ul li a:after {display:none;}

 

#mb-open-menu { display:none; position: absolute;right: 20px;top:45px; 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;}
 

@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 .gnb_1da{color: #000;}
    #hd.scrollBg #tnb li.login{background-image: url(../../img/common/login_icon1.png);}
    #hd.scrollBg #tnb li.logout{background-image: url(../../img/common/logout_icon1.png);}
    #hd.scrollBg #tnb li.register{background-image: url(../../img/common/register_icon2.png);}
     
    #aside{display: none;}
    #gnb{display: block;  }
    .close_menu{display: none;} 
    #hd.scrollBg #nav_bar{background: #c80e21; bottom: -1px;}

	.gnb_menu_btn{display: block;}
}

@media all and (max-width:1400px){
    #hd_wrapper{width: 100%;}
	#gnb_1dul {position:relative;}

}

@media all and (max-width:1199px){
    #tnb{width: 100%;}

	#hd {  height:110px;  /*background: rgba(0,0,0,0.5);*/}
	.gnb_menu_btn {top:40px;}
	.logo {}
	#gnb {margin-left:10%;}
	#gnb_1dul {width:600px;}
	

}

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

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

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

	.logo {position:absolute;  left:1%; top:25px; border:0px solid #d5cfc3;}
	.logo img {width:350px;}
	#mb-open-menu {  top:35px;  }
 

	#tnb li.bookmark {display:none;}

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

}

@media all and (max-width:600px){
 
	#hd {  height:80px;  }
	.logo {  top:25px; border:0px solid #ff0000;}
	.logo img {width:270px;}
	#aside {position: fixed;right:-290px;  width: 290px;  }

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




/* 중간 레이아웃 */
#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;  }
.subvisual img {display:block; object-fit:cover;}
.subvisual_txt {position:absolute;   width:100%;   z-index:10; text-align:center;  top:45%; font-family: 'Paperlogy-4Regular';  color:#fff; left:0%;   border:0px solid #fff600;  } 
.subvisual_txt span{font-size:43px; font-family: 'Paperlogy-4Regular'; font-weight:800;color:#fff;  display:block;  text-align:center;   padding:0px 0px 0px 0px; }

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

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

.content-area h4{   font-size:25px; letter-spacing:-1px; padding:0px 0px 15px 0px;    color:#252525;    font-family: 'GmarketSansMedium'; 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%; letter-spacing:-1px; 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:400px;}
}

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

	.subvisual {height:400px;}
	.subvisual img {position:absolute; width:100%;  height:auto; top:60%; left:50%; transform:translate(-50%, -50%);}

}

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

	.subvisual {height:400px; margin-top:0;}

	.subvisual_txt {  top:50%;    border:0px solid #fff600;  } 
	.subvisual_txt span{font-size:30px;   padding:0px 0px 0px 0px; }

	.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:330px;}
	.subvisual_txt {  top:50%;     } 
	.subvisual_txt span{font-size:30px;   padding:0px 0px 0px 0px; }
	
	.subvisual.bg1 {  position:relative; text-align:center; margin:0px;  background:url(../img/subvisual_01.jpg) no-repeat 80% top;background-size : cover;} 
	.subvisual.bg2 {  position:relative; text-align:center; margin:0px;  background:url(../img/subvisual_02.jpg) no-repeat 80% top;background-size : cover;} 
	.subvisual.bg3 {  position:relative; text-align:center; margin:0px;  background:url(../img/subvisual_03.jpg) no-repeat 80% top;background-size : cover;} 
	.subvisual.bg4 {  position:relative; text-align:center; margin:0px;  background:url(../img/subvisual_04.jpg) no-repeat 50% 20%;} 

	.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:300px;}
	.subvisual_txt {  top:50%;     } 
	.subvisual_txt span{font-size:26px;   padding:0px 0px 0px 0px; }

	.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;}

}


/* 페이지경로 */
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(../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(../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:999;  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:10px 20px;}
ol.hidden-menu li a:hover {background:#f8f5e6; 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; right:20px; top:0px;  }
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:59px; background:url(../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:59px; background:url(../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; }
 }


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

	div.page-navi {height:50px; }
	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:210px; 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:16px;  height:50px; }



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.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 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;}

 
div.page-navi .share_box {top:15px; font-size: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;}
 div.page-navi ul.page-location > li:nth-child(2) {min-width:50%; font-size:13px;}
div.page-navi ul.page-location > li:nth-child(3) {min-width:50%; font-size:13px;}
div.page-navi .share_box {right:10px; top:-60px; border:1px solid #ddd; height:50px; width:50px; background:#FFF; border-radius:100%; padding:4px;}

 }


#ft{background: #fff; color: #9c9c9c; padding:0px 0;  border-top:1px solid #ddd; } 
#ft .ft_site_box{width:100%;  background: #161633; }
 

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

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

 .acatholic{position: absolute;  right: 0px; top:30px; }

 

@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 12px; margin:0; text-align:center; color:#ccc;}	
	 .footer_link li a:before{display:none;}
	 
	  .acatholic {display:none;}

}


@media (max-width: 800px){
    #ft .ft_company {padding:20px;}
	#ft .ft_company ul.footer_address li {  font-size:14px;  }
	#ft .ft_copy{  font-size:14px; }


	 .footBtn {width:50%; margin:0px 0;}
	 .footer_link li {width:50%;}

	}

@media (max-width:480px) {



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

}



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

.mainTitle {text-align:left; margin-bottom:20px;  position:relative;}
.mainTitle h3 {  font-size:30px;   font-family: 'Paperlogy-6SemiBold'; color:#222222;   letter-spacing:-1px; line-height:120%; }
.mainTitle h3 span{color:#118ea5;  }

.mainWrapper {padding:0px; border:1px solid #000;}
 
.mainSlider {position:relative; overflow:hidden; top:110px; height:600px; object-fit: contain; }
.mainSlider img  {position: absolute; height:100%; left: 50%; top: 50%; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.tit{position: absolute; left:1%;  top:180px;  width:400px; overflow:hidden;    z-index:99;  }
.tit h3{font-size:26px;    display: block;     font-family: 'Paperlogy-7Bold'; font-weight: 700; color:#5d322b;  text-align:left;  letter-spacing:-1px; }
.tit p{font-size:18px;     display: block;   font-family: 'Paperlogy-3Light'; font-weight: 300; color:#000;  text-align:left;  letter-spacing:-1px; }
.tit .main_titimg{ text-align:left; display: block; position:relative; overflow:hidden;      margin: 10px 0px; width:400px;   height:84px;   }
.tit .main_titimg img{width:100%}

.main_tit{ margin:0px auto ; height:60px;  text-align:center;  background:url(./../img/mainvisual_catho.jpg) no-repeat center top;}

@media all and (max-width:1400px){
.mainSlider {height:600px;}
.mainSlider img  {left: 30%;}
.tit{display:none;}
}

@media all and (max-width:1100px){
.mainSlider {height:500px;top:80px;}
.mainSlider img  {left: 50%;}
.tit{  display:none/*left:8%;  top:170px;  width:100%;*/ }
 
}

@media all and (max-width:800px){
.mainSlider {height:400px;} 
.tit{ display:none;/*left:8%;  top:130px;  width:100%;*/    }
.tit .main_titimg{ text-align:left; display: block; position:relative; overflow:hidden;      margin: 5px 0px; width:300px;   height:63px;   }
}

@media all and (max-width:500px){
.mainSlider {height:320px;} 
.tit{  left:8%;  top:100px;  width:100%;    }
.tit .main_titimg{ text-align:left; display: block; position:relative; overflow:hidden;      margin: 5px 0px; width:250px;   height:53px;   }
.tit h3{font-size:20px;  }
.tit p{font-size:14px; }
 
}

.section2 { width:100%; padding:50px 30px ; margin-top:150px;position:relative;  overflow:hidden;  border:0px solid #000;}
	@media all and (max-width:1100px){
	.section2 { width:100%; padding:60px 10px 20px 10px;margin-top:70px; }
	}
	
	@media all and (max-width:767px){
	}
	
	
	.mainBoard_wrap {overflow:hidden;  position:relative;  border:0px solid #ff0000;  }
	.mainBoard_wrap .board_box{float:left;  width:73%; position:relative;  overflow:hidden;  }
	.mainBoard_wrap .board_box .mainTitle {position:absolute; left:0px;  text-align:left; margin-bottom:20px;  }
	.mainBoard_wrap .board_box .mainTitle h3 {  font-size:30px;   font-family: 'Paperlogy-6SemiBold'; color:#222222;   letter-spacing:-1px; line-height:120%; }

	.mainBoard_wrap .calendar_box{float:right;  width:23%;   display: block;    border:0px solid #ddd; }
 
.tabContaier .tab {width:100%; float:left;   position:relative;  padding:0px 60px 0px 0px;   text-align:right;    border-bottom:2px solid #333; /* background:url(../img/main/tab_bg.png) repeat-x bottom center ;*/ }
.tabContaier .tab li {margin-right:15px; display:inline; }
.tabContaier .tab li a {font-size:22px;   font-family: 'Paperlogy-4Regular';  color:#cacaca; display:inline-block;  padding:0px 10px 20px 10px;  letter-spacing:-1px; }
.tabContaier .tab li a.active {color:#000000;  background:url(./../img/tab_on.png) no-repeat bottom center  ;   }
.tabDetails { width:100%; height:2px; margin:3px 0px 0px 0px; border:1px solid #fff;} 
.tabDetails a.main_more {position:absolute; display:block; width:25px;   font-size:16px;   z-index:1;  right:0px;  top:10px; }



.main_newlist {margin:80px 0px 0px -2%; position:relative; border:0px solid #ff0000; }
.main_newlist li {float:left; display:block;  width:23%;   margin-left:2%; padding:10px 15px;  border-left:1px solid #cccccc; word-break:keep-all;	word-wrap:break-word;  }
.main_newlist li a {  float:left;    font-size:20px; padding:10px 0px 0px 0px ;  }
.main_newlist li h3{  width:80px;  display:block;    margin:0px 0px 5px 0px; font-size:13px;   text-align:center;  padding:2px 5px ;  border-radius:20px 20px 0px 20px;    }
.main_newlist li strong{  display:block;  font-size:20px;  height:50px;   line-height:140%; font-family: 'Paperlogy-4Regular';     color:#000; margin:10px 0px 5px 0px;}
.main_newlist li p{ font-size:16px;padding:10px 0px ;  display:block;   }
.main_newlist li .lt_date{ font-size:14px; color:#373737; }
.main_newlist li:first-child {border-left:none;}


.border_c1{border:1px solid #4900ad; color:#4900ad; }
.border_c2{border:1px solid #0287ce; color:#0287ce;   }
.border_c3{border:1px solid #00a7ad; color:#00a7ad;   }
.border_c4{border:1px solid #1fc182; color:#1fc182;   }

.pic_c1{background:#4900ad; color:#FFF; }
.pic_c2{background:#0287ce; color:#FFF; }
.pic_c3{background:#00a7ad; color:#FFF; }
.pic_c4{background:#1fc182; color:#FFF; }   

/*메인달력*/
.cal_table1 {   margin-bottom:0px;   border-top:2px solid #000;   padding:10px ;   border-bottom:0px solid #000;}
.cal_table1 table {   border-collapse:collapse;    border-bottom:1px solid #aaaaaa;    font-family: 'Paperlogy-4Regular'; width:100%;   }
.cal_table1 table th {font-size:14px; color:#000;   font-weight: 700;	  letter-spacing:-1px;    text-align:center; border-top:1px solid #aaaaaa;  border-bottom:1px solid #aaaaaa;   padding:8px 0px ;   }
.cal_table1 table td { color:#2f2f2f;   text-align:center;  border-bottom:0px solid #d6d4d4;   letter-spacing:-1px;   padding:8px 15px 8px 15px ; font-size:14px; line-height:140%;  word-break:keep-all;	word-wrap:break-word;  }
.cal_table1 table td  span {   color:#333; font-weight: 700;	}
.cal_table1 table td .day{  color:#fff;  padding:5px ;   background:#d16f45;  border-radius:50px;}

.cal_table1 table tr th:first-child {border-left:none;}
.cal_table1 table tr th:last-child {border-right:none;}

.cal_table1 table tr td:first-child {border-left:none;}
.cal_table1 table tr td:last-child {border-right:none; }
.cal_table1 table tr td:nth-child(1){color:#ff0000; }
.cal_table1 caption{display:none}

.my_txtd {  position:absolute;   z-index:100; background:#fff;  padding:5px; border:1px solid #000; border-radius:5px; }
.my_txtd h3{ display:inline;  margin:0px 5px 5px 0; font-size:12px; font-weight:500; letter-spacing:0; text-align:center;  padding:2px;  }
.my_text:hover+.my_txtd {display: content;}

.cal_c1{background:#000d; color:#FFF; }

.cal_table1 .mon{  font-size:21px;   font-family: 'Paperlogy-6SemiBold'; color:#222222;   letter-spacing:-1px; line-height:120%; position:relative;  padding:10px 0px 10px 0px ; }

.cal_link{ float:right;  padding:0px 0px 0px 0px;   }
.cal_link a { display:inline-block; line-height: 20px; font-size: 16px;  color:#fff;}
.cal_link a::after{content: "|"; display: block; width: 1px; height: 15px;  margin-left:5px; float: right; margin-right:0px; margin-top: 3px;  background: #7f7f84; }
.cal_link a:last-child::after{display: none;}

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

 }


 @media all and (max-width:1200px){
	.mainBoard_wrap .board_box .mainTitle h3 {  font-size:24px;  }

	.mainBoard_wrap .board_box{float:none;  width:100%; }
	.mainBoard_wrap .calendar_box{float:none;  width:100%; margin-top:30px;    }

	.tabContaier .tab li a {font-size:18px; padding:0px 0 20px 10px; }

	.main_newlist {margin:80px 0px 0px -2%; position:relative; border:0px solid #ff0000; }
	.main_newlist li {float:left; display:block;  width:100%;  border-left:none; border-bottom:1px solid #aaaaaa; }
	.main_newlist li strong{  display:block;  font-size:20px;  height:20px;  }
	.main_newlist li p{ font-size:16px;  }
	.main_newlist li .lt_date{ font-size:14px;   }


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

	.mainBoard_wrap .board_box .mainTitle h3 {  display:none;  }
	.mainBoard_wrap .board_box{float:none;  width:100%; }
	.mainBoard_wrap .calendar_box{float:none;  width:100%; margin-top:30px;    }

	.tabContaier .tab {text-align:left;}
	.tabContaier .tab li a {font-size:16px;  }

	.main_newlist li strong{  display:block; overflow:hidden;  font-size:16px;}
	.main_newlist li h3{  width:70px;  display:block;    margin:0px 0px 5px 0px; font-size:12px;   text-align:center;  padding:2px 5px ;  border-radius:10px 10px 0px 10px;    }
	.main_newlist li p{ font-size:14px;  }
	.main_newlist li .lt_date{ font-size:13px;   }

 }

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

	.mainBoard_wrap .board_box .mainTitle h3 {  display:none;  }
	.mainBoard_wrap .board_box{float:none;  width:100%; }
	.mainBoard_wrap .calendar_box{float:none;  width:100%; margin-top:30px;    }

	.tabContaier .tab li a {font-size:18px;  }

	.main_newlist li strong{  display:block;  font-size:16px;}
	.main_newlist li p{ font-size:14px;  }
	.main_newlist li .lt_date{ font-size:13px;   }

 }



.section3 { width:100%; margin:50px auto ;     position:relative;  overflow:hidden;  border:0px solid #000;}


ul.photo_list  { padding:0px;  margin:20px 0px 0px -3%; overflow: hidden;     list-style : none; }
ul.photo_list li{ float:left;  display: block; width:22%;   margin: 0px 0px 20px 3%; padding:0px 0px 0px  0px; position: relative;   background:#f0f0f0; border-radius:30px; border:0px  solid #000;}
ul.photo_list li .photo_img{  text-align:center;}
ul.photo_list li .photo_img img{ width:100%;  aspect-ratio:calc(330/220);object-fit:cover; border:0px solid #c6c7c7;  border-radius:30px 30px 0px 0px; }
ul.photo_list li .lt_info{   font-size:18px; color:#000;  letter-spacing:-1px;  font-family: 'NanumSquare';   font-weight: 700;padding:20px 30px 30px 30px; text-align:left;  }
ul.photo_list li .lt_info span{   font-size:15px;  color:#838383;  font-weight:400; padding-top:10px ; display: block; }
ul.photo_list li h3{  width:65px;  display:block;    margin:0px 0px 5px 0px; font-size:12px;   text-align:center;  padding:2px 3px ;  border-radius:20px; }

 @media all and (max-width:1200px)  {
.section3{padding:0px 15px 0px  15px; }
 }
 
 
 @media all and (max-width:900px)  {
	ul.photo_list li{ float:left;  display: block; width:47%;   border-radius:15px;  }
	ul.photo_list li .photo_img img{    border-radius:15px 15px 0px 0px; }
	ul.photo_list li .lt_info{   font-size:16px;padding:20px ;   }
	ul.photo_list li .lt_info span{   font-size:13px;  }
 }
 
 

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

 }
 

/*바로가기 링크 부분*/
.section4 { width:100%; margin:30px auto  ;    position:relative;  overflow:hidden;  border:0px solid #000;}

.link_info {display:flex;  margin-left:-3%;  flex-wrap:wrap;  border-top:4px solid #83878b; }
.link_info li {  text-align:center; width:13.666%; border:0px solid #ff0000; padding:0px;  margin:50px 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(../img/m_icon1.png) no-repeat center top;}
.link_info li .link_icon02 {background:url(../img/m_icon2.png) no-repeat center top;}
.link_info li .link_icon03 {background:url(../img/m_icon3.png) no-repeat center top;}
.link_info li .link_icon04 {background:url(../img/m_icon4.png) no-repeat center top;}
.link_info li .link_icon05 {background:url(../img/m_icon5.png) no-repeat center top;}
.link_info li .link_icon06 {background:url(../img/m_icon6.png) no-repeat center top;}
.link_info li p {font-size:20px; color:#402e2e;     font-family: 'Paperlogy-6SemiBold';  display:block;   padding-top:140px; 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)  {

 }
 
 
 @media all and (max-width:900px)  {
 
	.link_info {display:flex;  margin-left:-1%;  flex-wrap:wrap;  border-top:4px solid #83878b; }
	.link_info li {  text-align:center; width:15.666%;    margin:30px 0px 7px 1%; }
	.link_info li .link_icon01 {background:url(../img/m_icon1.png) no-repeat center top; background-size : contain }
	.link_info li .link_icon02 {background:url(../img/m_icon2.png) no-repeat center top; background-size : contain}
	.link_info li .link_icon03 {background:url(../img/m_icon3.png) no-repeat center top; background-size : contain}
	.link_info li .link_icon04 {background:url(../img/m_icon4.png) no-repeat center top; background-size : contain}
	.link_info li .link_icon05 {background:url(../img/m_icon5.png) no-repeat center top; background-size : contain}
	.link_info li .link_icon06 {background:url(../img/m_icon6.png) no-repeat center top;background-size : contain}
	.link_info li p {font-size:14px;  padding-top:120px;}

 }
 
 

 @media all and (max-width:800px)  {
	.link_info {display:flex;  margin-left:2%;  flex-wrap:wrap;  border-top:4px solid #83878b; }
	.link_info li {  text-align:center; width:29.333%;    margin:30px 2px 7px 2%; }
	.link_info li p {font-size:14px; padding-top:110px;}

 }
 
.section5 { width:100%; margin:30px auto  0px;  padding:0px 0px;    position:relative;  overflow:hidden;  border:0px solid #000; }
.wydseoul2027_wrap {overflow:hidden;  position:relative; margin:50px auto 0px ;  height:200px;  padding:20px;background:url(../img/f_bu_bg.png) no-repeat center top; border:0px solid #ff0000;  }
.wydseoul2027_wrap .img{float:left;  display: block; }
.wydseoul2027_wrap .wyd_txt1{float:left;  font-size:28px; color:#000000;    font-family: 'Paperlogy-6SemiBold';    padding:35px 0px 0px 100px;   }
.wydseoul2027_wrap .wyd_txt1 span{display: block;  font-size:24px; color:#000033;   letter-spacing:-1px;   font-family: 'Paperlogy-7Bold';   padding-top:20px;   }
.wydseoul2027_wrap .map{position: absolute; width:140px; right:20px; top:40px;  padding:0px 20px 0px 0px;   background:#000 url(../img/loc_right_bt.png) no-repeat  right ; }
.wydseoul2027_wrap .map p{color:#fff; padding:30px 0px 30px 25px; }
.wydseoul2027_wrap .map:hover{color:#fff;     background:#0e97e0 url(../img/loc_right_bt.png) no-repeat  right ; -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}

 @media all and (max-width:1200px)  {
.wydseoul2027_wrap .img{display: block;}
.wydseoul2027_wrap .wyd_txt1{float:left; font-size:20px;padding:35px 0px 0px 50px;   }
.wydseoul2027_wrap .wyd_txt1 span{font-size:15px; letter-spacing:0px;}

 }

 @media all and (max-width:900px)  {
.wydseoul2027_wrap {height:130px;}
.wydseoul2027_wrap .img{float:none; display: block; text-align:center; width:60%; margin:auto;}
.wydseoul2027_wrap .wyd_txt1{display:none;}
.wydseoul2027_wrap .map{display:none;}

 }