@charset "utf-8";

@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');
@import url('https://cdn.rawgit.com/moonspam/NanumSquare/master/nanumsquare.css');
 
/* 초기화 */
* { margin:0; padding:0;}
body {padding: 0; font-size: 1em; line-height: 1.5; font-family: 'NanumSquare';   color: #333;}
a {color: #333; 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: 'Paperlogy-8ExtadBold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2') format('woff2');
    font-weight: 800;
    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 0px;}
 
}

@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:999; 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;}


.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;  font-family:nanummyeongjo;  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:nanummyeongjo; font-weight:600;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 80% 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;background-size : cover;} 
.subvisual.bg5 {  position:relative; text-align:center; margin:0px;  background:url(../img/subvisual_05.jpg) no-repeat center top;background-size : cover;} 
.subvisual.bg6 {  position:relative; text-align:center; margin:0px;  background:url(../img/subvisual_06.jpg) no-repeat center top;background-size : cover;} 

/*서브 컨텐츠*/
.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:620px;}
}


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

	.subvisual {height:450px;}
	.subvisual.bg1 {  position:relative; text-align:center; margin:0px;  background:url(../img/subvisual_01.jpg) no-repeat 80% top;background-size : cover;} 
	.subvisual img {position:absolute; width:100%;  height:auto; top:60%; left:80%; 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:300px;}
	.subvisual_txt {  top:40%;     } 
	.subvisual_txt span{font-size:30px;   padding:0px 0px 0px 0px; }

	.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; 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; 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; }
 .mobile_br {display:none;}

 

@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;}
	 	#ft .ft_copy{  font-size:14px; }
	 
	  .acatholic {display:none;}
	  .mobile_br {display:block;}

}


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

}


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

.mainWrapper {padding:0px;}
 
.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:105px auto 50px ; 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: 25%;}
.tit{display:none;}
}

@media all and (max-width:1100px){
.mainSlider {height:500px;top:80px;}
.tit{  display:none/*left:8%;  top:170px;  width:100%;*/ }
.main_tit{ margin:80px auto 20px ;background-size:100%; }
 
}

@media all and (max-width:800px){
.mainSlider {height:400px;} 
.mainSlider img  {left: 15%;}
.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; }
 
}


.relic_wrap {overflow:hidden;  position:relative; margin:50px 30px 50px 30px;    }
.relic_wrap h3{font-size:30px;   font-family: 'Paperlogy-6SemiBold'; font-weight: 600; color:#000;  text-align:left;  letter-spacing:-1px; position:relative;  padding:0;    }
.relic_wrap h3 span{ font-size:16px; color:#0071ad; display:block;}

ul.relichistory_list  { padding:0px;  margin:20px 0px 0px -3.5%; overflow: hidden;     list-style : none; }
ul.relichistory_list li{ float:left;  display: block; width:21.5%;   margin: 0px 0px 20px 3.5%; padding:0px 10px 0px  0px; position: relative;   }
ul.relichistory_list li .photo_img{  text-align:center;}
ul.relichistory_list li .photo_img img{width:100%;aspect-ratio:calc(330/265);object-fit:cover;box-shadow : 2px 2px 10px silver; border:1px solid #c6c7c7; }
ul.relichistory_list li .lt_info{   font-size:18px; color:#000;  letter-spacing:-1px; padding:15px  0px 25px 0px ; text-align:center;  }



@media all and (max-width:1400px){
 
	.relic_wrap h3{font-size:30px;}
 

}

@media all and (max-width:1100px){
 	.relic_wrap { padding:0 30px 0px  30px; margin:30px auto 0px;    }
	.relic_wrap h3{font-size:28px; }
	.relic_wrap h3 span{ font-size:14px; }

		ul.relichistory_list li .lt_info{   font-size:16px; }
 
}

@media all and (max-width:800px){
	.relic_wrap { padding:0 30px 20px  30px; margin:10px auto 0px; }
 	.relic_wrap h3{font-size:28px;  padding:0 0 20px 0; }

	ul.relichistory_list  { padding:0px;  margin:0px 0px 0px -2%;   }
	ul.relichistory_list li{  width:48%;   margin: 0px 0px 20px 2%;   }
	ul.relichistory_list li .lt_info{   font-size:16px; height:80px; }
 
}

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

	.relic_wrap { padding:10px 20px 20px  20px; }
	.relic_wrap h3{font-size:24px;}

 
 
}


.photohistory_wrap {overflow:hidden;  position:relative; margin:50px 30px;}
.photohistory_wrap h3{font-size:30px;   font-family: 'Paperlogy-6SemiBold'; font-weight: 600; color:#000;  text-align:left;  letter-spacing:-1px; position:relative;  padding:0px 0px 0px 0px;      }
.photohistory_wrap h3 span{color:#0071ad; }

ul.photohistory_list  { padding:0px;  margin:20px 0px 0px 0;  list-style : none;   border-top:1px solid #dddddd;    }
ul.photohistory_list li{   display: block; position: relative;  overflow: hidden;     width:100%;   margin: 0px 0px 0px 0; padding:15px 25px 15px  25px;  border-bottom:1px solid #dddddd;    }
ul.photohistory_list li .photoh_img{  float:right; display:inline-block;    width:215px; height:150px;  }
ul.photohistory_list li .photoh_img img{ width:100%; border:1px solid #c6c7c7; }
ul.photohistory_list li .lt_infoh{   float:left; width:70%;   letter-spacing:0px; padding:15px  0px 0px 0px ; text-align:left;  word-break:keep-all;	word-wrap:break-word; }
ul.photohistory_list li .lt_infoh .lt_nick {font-size:20px; color:#333;    font-family: 'NanumSquare';  font-weight:bold; }
ul.photohistory_list li .lt_infoh .lt_comment{font-size:16px !important; color:#373737;  padding:10px 0px 20px 0px ;  display:block;  }
ul.photohistory_list li .lt_infoh .lt_date {font-size:14px; color:#838383; padding:0px 0px 0px 0px ;  display:block;   }

.guide_wrap {overflow:hidden;  position:relative; margin:50px auto 0px ;  height:200px;  padding:20px; background:url(../img/guide_bg.jpg) no-repeat center top;  border:0px solid #ff0000;  }
.guide_wrap .guide_txt1{display: block;  float:left; font-size:27px; color:#fff;      font-family: 'Paperlogy-7Bold'; padding:65px 0px 20px 0px ;   }
.guide_wrap .guide_txt2{float:left;  font-size:24px; color:#fff;      font-family: 'Paperlogy-7Bold';    padding:45px 0px 0px 100px;   }
.guide_wrap .guide_txt2 span{display: block;  font-size:24px; color:#fff;   letter-spacing:-0.2px;     font-family: 'Paperlogy-7Bold';   padding-top:10px;   }

.guide_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 ; }
.guide_wrap .map p{color:#fff; padding:30px 0px 30px 25px; }
.guide_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:1400px){
.guide_wrap .guide_txt1{display: block;  float:left; font-size:25px; color:#fff;      font-family: 'Paperlogy-7Bold'; padding:65px 0px 20px 0px ;   }
.guide_wrap .guide_txt2{float:left;  font-size:20px; color:#fff;      font-family: 'Paperlogy-7Bold';    padding:45px 0px 0px 50px;   }
.guide_wrap .guide_txt2 span{display: block;  font-size:20px; color:#fff;   letter-spacing:-0.2px;     font-family: 'Paperlogy-7Bold';   padding-top:10px;   }
 
 
}

@media all and (max-width:1100px){
 
	.photohistory_wrap { padding:0px 30px 0px 30px;  margin:20px auto ;   }
	.photohistory_wrap h3{font-size:28px; }

	ul.photohistory_list li .lt_infoh{   float:left; width:60%;}
	

}

@media all and (max-width:800px){
 	.photohistory_wrap { padding:0px 30px 0px 30px;  margin:0px auto ;   }
	
		ul.photohistory_list li{    padding:15px 15px 15px  15px;  }
		ul.photohistory_list li .photoh_img{    width:100%; height:100%;}
		ul.photohistory_list li .lt_infoh{   float:left; width:100%;}
		ul.photohistory_list li .lt_infoh .lt_nick {font-size:18px;}
		
	.guide_wrap .guide_txt1{display: block;  float:left; width:100%; font-size:18px; padding:20px 0px 10px 0px ;  }
	.guide_wrap .guide_txt2{float:left;  font-size:15px;   padding:0px 0px 0px 0px;    }
	.guide_wrap .guide_txt2 span{display: block;  font-size:14px;}		

}

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

	.photohistory_wrap { padding:0px 20px 0px  20px;     }
	.photohistory_wrap h3{font-size:24px; }

	ul.photohistory_list li{    padding:15px 5px 15px  5px;  }
	ul.photohistory_list li .photoh_img{     float:none;   width:100%; height:100%; }
	ul.photohistory_list li .lt_infoh{   float:none; width:100%;  }
	ul.photohistory_list li .lt_infoh .lt_nick {font-size:16px;}
	ul.photohistory_list li .lt_infoh .lt_comment{font-size:14px;    }
	.guide_wrap .map {display:none;}	
 
}