/* #header
{
    display:none;
} */

.maindate_content > div
{
	display:none;
}
.maindate_content > div:nth-child(2)
{
	display:block; 
}
 
/* popup */
.pop-layer { 
    background-color:#fff;
}

.layer-top 
{ 
    position:absolute;
    top:0;
    left:0;
    width:100%;
} 
 
.backdrop { 
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0, 0, 0, 0.5);
    display:none;
    z-index:50;
}

.layout_1200 {
    width:1200px;
    margin:0 auto;
    position:relative;
    height:100%;
}

.header {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:11;
}

.header:after {
    content:'';
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
}

.header .topWrap {
    width:100%;
    height:80px;
    border-bottom:1px solid #e6e6e6;
    z-index:2;
    position:relative;
	background-color:#fff;
	/* transition:all .3s; */
}
.header .topWrap h1
{
    float:left;
    padding-top:8px;
}
.header .topWrap h1 img
{
    width: 210px;
}

.header .topWrap .searchWrap {
    float:left;
    width:300px;
    height:100%;
    border-left:1px solid #e6e6e6;
    border-right:1px solid #e6e6e6;
}

.header .topWrap .searchWrap form {
    height:100%;
}

.header .topWrap .searchWrap form fieldset {
    height:100%;
}

.header .topWrap .searchWrap input {
    width:calc(100% - 40px);
    height:100%;
    border:none;
    background-color:transparent;
    padding-left:12px;
    font-size:13px;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
    vertical-align:top;
    float:left;
}

.header .topWrap .searchWrap button {
    width:40px;
    height:40px;
    background-color:transparent;
    border:none;
    float:right;
}

.header .topWrap .searchWrap button img {
    width:15px;
}

.header .topWrap .rightWrap {
    float:right;
}

.header .topWrap .rightWrap .linksWrap {
    float:left;
    padding:32px 10px 0 0;
}

.header .topWrap .rightWrap .linksWrap a {
    display:block;
    float:left;
    margin:0 10px;
    color:#666666;
    font-size:15px;
    font-family: 'Apple SD Gothic Neo', 'Malgun Gothic';
}
.header .topWrap .rightWrap .Searchbox
{
    float:left;
    position:relative;
    width:320px;
    margin-right:15px;
    padding-top:16px;
}
.header .topWrap .rightWrap .Searchbox input
{
    -webkit-ime-mode:active;
    -moz-ime-mode:active;
    -ms-ime-mode:active;
    ime-mode:active;
    width:100%;
    height:43px;
    border:2px solid #5a5a5a;
    border-radius:150px;
    color:#000;
    font-size:14px;
    padding:0 50px 0 20px;
}
.header .topWrap .rightWrap .Searchbox input::placeholder
{
    color:#5a5a5a;
}
.header .topWrap .rightWrap .Searchbox button
{
    position:absolute;
    top:50%;
    margin-top:-3px;
    right:15px;
    background:none;
    border:0;
    cursor:pointer;
}
.header .topWrap .rightWrap .Searchbox button img
{
    width:20px;
}

.header .topWrap .rightWrap .snsWrap {
    float:right;
    padding-top:18px;
}

.header .topWrap .rightWrap .snsWrap a {
    display:block;
    width:40px;
    height:40px;
    float:left;
    text-align:center;
    line-height:45px;
    background-color:#f50000;
    border-radius:15px;
}
.header .topWrap .rightWrap .snsWrap a:not(:first-child)
{
    margin-left:5px;
}

.header .topWrap .rightWrap .snsWrap a img {
    width:19px;
}

.header .topWrap .rightWrap .snsWrap a.faceB {
    background-color:#0068b2;
}

.header .topWrap .rightWrap .snsWrap a.kakaO {
    background-color:#f9e000;
    line-height:55px;
}

.header .topWrap .rightWrap .snsWrap a.instaG {
    background: url(/assets/cas02/image/common/img_instagram_bg.png) no-repeat;
    background-size: 100%;
    line-height:49px;
}

.header .topWrap .rightWrap .snsWrap a.instaG img {
    width:20px;
}

.header .topWrap .rightWrap .snsWrap a.kakaO img {
    width:25px;
}

/* START 그룹웨어 아이콘 추가-홍보국*/
.header .topWrap .rightWrap .snsWrap a.GroupWare {
    background-color:#3271d8;
    line-height:55px;
    padding-top:1px;
}

.header .topWrap .rightWrap .snsWrap a.GroupWare img {
    width:38px;
}
/* END 그룹웨어 아이콘 추가-홍보국*/

.header .bottomWrap {
    height:75px;
    margin-top:-1px;
    background-color:#fff;
    z-index:1;
    position:relative;
    transition:all .3s;
}

.header .bottomWrap .layout_1200 {
    background-color:#fff;    
}

.header .bottomWrap .logo {
    float:left;
    height:100%;
}

.header .bottomWrap .logo a {
    display:block;
    height:100%;
    line-height:70px;
}

.header .bottomWrap .logo a img {
    width:187px;
    vertical-align:middle;
}

.header .bottomWrap .rightWrap {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;

    height:100%;
}

.header .bottomWrap .allMenuBtn {
    display:block;
    height:100%;
    line-height:83px;
    float:right;
    transition:all .3s;
    margin-left: 30px;
}

.header .bottomWrap .allMenuBtn img {
    width:25px;
}

.header .bottomWrap .mainMenu {
    /* float:left; */
    height:100%;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    flex: 1 0 auto;
}

.header .bottomWrap .mainMenu>li {
    /* float:left; */
    /* height:100%; */
    transition:all .5s;
    position:relative;
    /* margin-right:80px; */
}
.header .bottomWrap .mainMenu>li:first-child:after
{
    content:'';
    position:absolute;
    top:0;
    left:-88px;
    width:88px;
    height:75px;
    background:#fff;
    transition:all .3s;
}
.header .bottomWrap .mainMenu>li:last-child
{
    margin-right:0;
}

.header .bottomWrap .mainMenu>li:before {
    content:'';
    /* width:100%; */
    width:0;
    height:3px;
    background-color:#0095d2;
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%); 
    transition:all .4s;
}

.header .bottomWrap .mainMenu>li:hover:before,
.header .bottomWrap .mainMenu>li.active:before {
    width:100%;
}

.header .bottomWrap .mainMenu>li>a {
    font-weight:500; 
    color:#000;
    font-size:19px;
    font-family:'SpoqaHanSans', 'SpR';
    transition:all .4s;
    padding:28px 0;
    display:block;
}

.header .bottomWrap .mainMenu>li:hover>a,
.header .bottomWrap .mainMenu>li.active>a {
    color:#0095d2;
}



.header .bottomWrap .subMenuWrap {
	position:absolute;
    top:75px;
	left:50%;
    transform:translateX(-50%);
    display:none;
    /* transform:translate(-50%, -110%); */
    background-color:#fff;
    box-shadow:0px 5px 3px 1px rgba(0, 0, 0, 0.05);
    border-radius:0 0 10px 10px;
    width:200px;
    padding:0 15px 15px;
    /* transform:translate(-50%, 0); */
    z-index:-1;
    /* transition:all .5s; */
}
.header .bottomWrap .subMenuWrap.active
{
	height:auto !important;
}
.header .bottomWrap .mainMenu>li:hover .subMenuWrap {
    /* top:calc(100% - 1px); */
    /* transform:translate(-50%, 0); */
}

.header .bottomWrap .subMenuWrap:before {
    content:'';
    position:absolute;
    top:0;
    z-index:-1;
    left:0;
    width:100%;
    height:100%;
    box-shadow:-5px 0 5px -5px rgba(0, 0, 0, 0.1);
}

.header .bottomWrap .subMenuWrap:after {
    content:'';
    position:absolute;
    top:0;
    z-index:-1;
    left:0;
    width:100%;
    height:100%;
    box-shadow:5px 0 5px -5px rgba(0, 0, 0, 0.1);
}

.header .bottomWrap .subMenuWrap .imageWrap {
    width:100%;
    height:65px;
    margin-bottom:10px;
}

.header .bottomWrap .subMenuWrap .subMenu>li:not(:last-child) {
    border-bottom:1px solid #e1e1e1;
}

.header .bottomWrap .subMenuWrap .subMenu>li>a {
    display:block;
    padding:10px 10px;
    color:#343434;
    font-size:15px;
    font-family:'SpoqaHanSans', 'SpR';
    position:relative;
}
.header .bottomWrap .subMenuWrap .subMenu>li>a:before
{
    display:none;
    font-family:'fontawesome';
    content:'\f104';
    font-size:20px;
    position:absolute;
    top:7px;
    right:10px;
    transform:rotate(90deg);
}

.header .bottomWrap .subMenuWrap .subMenu2 {
    background-color:#f4f4f4;
    padding:8px 16px;
    display:none;
}
 
.header .bottomWrap .subMenuWrap .subMenu2>li:not(:last-child) {
    margin-bottom:7px;
    border-bottom:0;
}

.header .bottomWrap .subMenuWrap .subMenu2>li>a {
    display:block;
    color:#7b7b7b;
    font-size:14px;
    font-family:'SpoqaHanSans', 'SpR';
    padding:0 0 0 8px;
    position:relative;
}

.header .bottomWrap .subMenuWrap .subMenu2>li>a:before {
    content:'';
    width:2px;
    height:1px;
    background-color:#7b7b7b;
    position:absolute;
    top:7px;
    left:0;
}

.header .bottomWrap .subMenuWrap .menuTopBg {
    position: relative;
    display: block;
    width: 170px;
    height: 65px;
    margin: 0 0 10px;
    padding: 0px;
}

.header .bottomWrap .mainMenu li:nth-child(1) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu01_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(2) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu02_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(3) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu10_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(4) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu03_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(5) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu04_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(6) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu05_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(7) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu06_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(8) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu07_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(9) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu08_img.png) no-repeat;
}
.header .bottomWrap .mainMenu li:nth-child(10) div.menuTopBg
{
	background:url(/assets/cas02/image/common/bg_menu09_img.png) no-repeat;
}



.header .bottomWrap.active
{
    height:60px;
}
.header .bottomWrap.active .subMenuWrap
{
    top:60px;
}
.header .bottomWrap.active .mainMenu>li:first-child:after
{
    height:60px;
}
.header .bottomWrap.active .mainMenu>li>a
{
    padding:22px 0;
}
.header .bottomWrap.active .allMenuBtn
{
    line-height:70px;
}

.allMenuWrap {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:840px;
    overflow:hidden;
    z-index:100;
    /* display:none; */
    /* transition:all .5s ease-out; */
}

/* .allMenuWrap.active {
    height:680px;
    transition:all .5s ease-in;
} */

.allMenuWrap.active {
    /* height: calc(100% - 100px); */
	height: 100%;
	/* overflow-y:auto; */
    /* transition: all .5s ease-in; */
    /* padding-bottom: 50px; */
} 


.allMenuWrap .wrapper {
    width:100%;
    height:680px;
}

.allMenuWrap .wrapper .topWrap {
    background-color:#fff;
    padding:55px 0;
}

.allMenuWrap .wrapper .topWrap .logo {
    position:absolute;
    top:50%;
    left:0;
    margin-top:-29px;
}

.allMenuWrap .wrapper .topWrap .logo a {
    display:block;
}

.allMenuWrap .wrapper .topWrap .logo a img {
    width:187px;
}

.allMenuWrap .wrapper .topWrap .searchWrap {
    margin:0 auto;
    width:440px;
    height:50px;
    border-radius:300px;
    border:1px solid #8e8a82;
    padding:2px;
}

.allMenuWrap .wrapper .topWrap .searchWrap form {
    height:100%;
}

.allMenuWrap .wrapper .topWrap .searchWrap form fieldset {
    height:100%;
}

.allMenuWrap .wrapper .topWrap .searchWrap input {
    width:calc(100% - 68px);
    height:100%;
    float:left;
    font-size:15px;
    border:none;
    background-color:transparent;
    font-family:'SpoqaHanSans', 'SpR';
    padding-left:20px;
}

.allMenuWrap .wrapper .topWrap .searchWrap button {
    float:left;
    width:68px;
    height:100%;
    display:block;
    background-color:#f95053;
    border-radius:300px;
    text-align:center;
    line-height:58px;
    border:none;
    cursor:pointer;
}

.allMenuWrap .wrapper .topWrap .searchWrap button img {
    width:24px;
}

.allMenuWrap .wrapper .topWrap .rightWrap {
    position:absolute;
    top:50%;
    right:0;
    margin-top:-17.5px;
}

.allMenuWrap .wrapper .topWrap .rightWrap .linksWrap {
    float:left;
    padding-right:25px;
    padding-top:10px;
}

.allMenuWrap .wrapper .topWrap .rightWrap .linksWrap a {
    display:block;
    float:left;
    color:#666666;
    font-size:13px;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic';
    margin:0 10px;
}

.allMenuWrap .wrapper .topWrap .rightWrap .allmenu_right
{
	float:right;
	display:flex;
	align-items:center;
}
.allMenuWrap .wrapper .topWrap .rightWrap .allmenu_right > *:first-child
{
	margin-right:14px;
}
.allMenuWrap .wrapper .topWrap .rightWrap .allmenu_right > .noti_icon
{
	display:none;
}
/* .allMenuWrap .wrapper .topWrap .rightWrap .allmenu_right > .noti_icon img
{
	width:22px;
} */
.allMenuWrap .wrapper .topWrap .rightWrap .allmenu_right > *
{
	display:block;
}

.allMenuWrap .wrapper .topWrap .rightWrap .allMenuBtn img {
    width:33px;
}

.allMenuWrap .wrapper .bottomWrap {
    background-color:#f6f6f6;
    padding:35px 0 45px;
    width:calc(100% + 20px);
	margin-left:-10px;
	overflow-y:auto;
	height:100%;
}

.allMenuWrap .wrapper .bottomWrap .allMenu {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    gap: 15px;
}

.allMenuWrap .wrapper .bottomWrap .allMenu > li {
    /* float:left; */
    width: auto;
    flex: 1 0 auto;
}

/* .allMenuWrap .wrapper .bottomWrap .allMenu>li:nth-child(1) {
    width:13%;
}

.allMenuWrap .wrapper .bottomWrap .allMenu>li:nth-child(10) {
    width:13%;
} */

.allMenuWrap .wrapper .bottomWrap .allMenu>li>a {
    display:block;
    border-top:2px solid #535353;
    border-bottom:1px solid #535353;
    padding:12px 0;
    text-align:center;
    color:#000;
    font-size:19px;
    font-family:'NotoKrM';
    margin-bottom:5px;
}

.allMenuWrap .wrapper .bottomWrap .allsubMenu1>li {
    border-bottom:1px solid #cfcfcf;
}

.allMenuWrap .wrapper .bottomWrap .allsubMenu1>li:last-child { margin-bottom: 50px; }

.allMenuWrap .wrapper .bottomWrap .allsubMenu1>li>a {
    display: block;
    color: #000;
    font-size: 15px;
    font-family: 'Margun Gothic', sans-serif;
    padding: 9px 0;
}

.allMenuWrap .wrapper .bottomWrap .allsubMenu2 {
    margin-top: -2px;
    border-radius: 3px;
    background-color: #ededed;
    padding: 8px 8px;
    margin-bottom: 5px;
}

.allMenuWrap .wrapper .bottomWrap .allsubMenu2>li:not(:last-child) {
    margin-bottom: 7px;
}

.allMenuWrap .wrapper .bottomWrap .allsubMenu2>li>a {
    display: block;
    position: relative;
    color: rgb(63, 63, 63);
    font-size: 13px;
    line-height: 15px;
    letter-spacing: -1.0px;
    font-family: 'Margun Gothic', sans-serif;
    padding-left: 8px;
}

.allMenuWrap .wrapper .bottomWrap .allsubMenu2>li>a:before {
    content: '';
    width: 3px;
    height: 1px;
    background-color: #3f3f3f;
    position: absolute;
    top: 7px;
    left: 0;
}

.footer {
    background-color:#fff;
}

.footer .topWrap {
    /* border-top:1px solid #d0d0d0; */
    border-bottom:1px solid #d0d0d0;
    height:50px;
    background:#6d7e8f;
}

.footer .topWrap .leftWrap {
    float:left;
    padding-top:17px;
}

.footer .topWrap .leftWrap a {
    position:relative;
    color:#d8e4f0;
    font-size:15px;
    font-family:'SpoqaHanSans', 'SpR';
}

.footer .topWrap .leftWrap a:not(:last-child) {
    margin-right:37px;
}
.footer .topWrap .leftWrap a:not(:last-child)::after
{
    content:'';
    position:absolute;
    top:5px;
    right:-21px;
    width:1px;
    height:12px;
    background:#a3acb4;
}

.footer .topWrap .rightWrap {
    float:right;
    height:100%;
}

.footer .topWrap .rightWrap > select.bottomSelect {
    width:195px;
    height:100%;
    padding:0 15px;
    color:#d8e4f0;
    font-size:15px;
    font-family:'SpoqaHanSans', 'SpR';
    -webkit-appearance:none;
    -moz-appearance:none;
    background:url(/assets/cas02/image/common/img_footer_select_plus_icon.png) no-repeat 95% 50% !important;
    background-size:10px auto !important;
    border:none;
    border-left:1px solid rgba(255,255,255,0.3);
    background-color:transparent;
    cursor:pointer;
}

.footer .topWrap .rightWrap select:last-child {
    border-right:1px solid rgba(255,255,255,0.3);
}

.footer .topWrap .rightWrap select::-ms-expand {
    display:none;
}
.footer .topWrap .rightWrap select option
{
    color:#000;
}

.footer .bottomWrap {
    background:#e7e7e7;
    height:160px;
    padding-top:27px;
}

.footer .bottomWrap p {
    float:left;
    font-size:15px;
    font-family:'SpR';
    color:#575757;
    line-height:1.786; 
}

.footer .bottomWrap p .bLocation {
    display: inline-block;
    margin-left: 10px;
    background: #f5f5f5;
    height: 22px;
    border: 1px solid #656c73;
    color: #40474e;
    border-radius: 30px;
    font-size: 13px;
    padding: 0 8px 0 10px;
    line-height: 20px;
    box-shadow: 0px 2px 0px rgba(0,0,0,0.15);
}

.footer .bottomWrap p .bLocation > i {
    margin-left: 5px;
    color: #43a1c8;
}

.footer .bottomWrap ul {
    float:right;
    background-color:#fff;
    border:1px solid #dadada;
    width:184px;
    border-radius:3px;
}

.footer .bottomWrap ul li a {
    display:block;
    color:#868686;
    font-size:14px;
    font-family:'SpoqaHanSans', 'SpR';
    border-bottom:1px solid #dadada;
    padding:5px 18px;
    position:relative;
}

.footer .bottomWrap ul li:last-child a {
    border:none;
}

.footer .bottomWrap ul li a:before {
    content:'';
    width:2px;
    height:1px;
    background-color:#868686;
    position:absolute;
    top:11px;
    left:10px;
}


/* sub common bg */
.sub_common_bg
{
    position:relative;
    width:100%;
    height:250px;
    overflow:hidden;
    margin-top:155px;
}
.sub_common_bg img
{
    width:100%;
    height:100%;
    object-fit:cover;
}
.sub_common_bg h1
{
    position:absolute;
    top:80px;
    left:50%;
    transform:translateX(-50%);
    font-family:'NotoKrM';
    color:#fff;
    text-align:center;
    font-size:50px;
    width:100%;
}

/* Menu Start */
.sub_common_menu
{
    position:relative;
    width:100%;
    height:50px;
    /* background:url(/assets/cas02/image/sub/bg.png) no-repeat center center; */
    background: rgba(67,150,200,0.8);
    background-size:cover;
    margin-top:-50px;
    z-index:10;
}
.sub_common_menu .sub_home
{
    position:relative;
    width:47px;
    height:100%;
    background:rgba(0,0,0,0.13);
    float:left;
    text-align:center;
    line-height:60px;
}
.sub_common_menu .sub_home img
{
    width:27px;
}
.sub_depth_wrap
{
    height:100%;
}
.sub_depth_wrap > li
{
    position:relative;
    float:left;
    width:190px;
    height:100%;
    border-right:1px solid #6ea5c8;
}
.sub_depth_wrap > li > a.s_title
{
    position:relative;
    font-family:'SpR';
    font-size:16px;
    color:#ffffff;
    padding-left:20px;
    line-height:50px;
    display:block;
    z-index:15;
}
.sub_depth_wrap > li > a.s_arrow
{
    position:absolute;
    top:50%;
    right:20px;
    margin-top:-8px;
    transition:all .5s;
}
.sub_depth_wrap > li > a.s_arrow img
{
    width:18px;
}
.sub_depth_wrap > li > ul
{
    position:relative;
    width:calc(100% - -2px);
    border:1px solid #9bbdd2;
    border-top:0;
    background:#fff;
    z-index:1;
    display:none;
}
.sub_depth_wrap > li > ul > li:last-child.active,
.sub_depth_wrap > li > ul > li:last-child > a
{
    border-bottom:0;
}
.sub_depth_wrap > li > ul > li > a
{
    font-family:'SpR';
    font-size:16px;
    color:#4e4d4d;
    border-bottom:1px solid #dddddd;
    padding:12px 20px;
    display:block;
}
.sub_depth_wrap > li > ul > li.active > a
{
    background:#dcfdff;
    color:#115193;
    /* border-bottom:1px solid #3d75af */
    border: 1px solid #3d75af;
    margin: -1px;
}

.sub_print
{
    position:absolute;
    top:0;
    right:0;
}
.sub_print ul li
{
    position:relative;
    float:left;
    width:50px;
    height:100%;
    border-right:1px solid #6ea5c8;
    line-height:50px;
    text-align:center;
}
.sub_print ul li:first-child
{
    border-left:1px solid #6ea5c8
}
.sub_print ul li:first-child img
{
    width:15px;
}
.sub_print ul li:nth-child(2) img
{
    width:12px;
}
.sub_print ul li:nth-child(3) img
{
    width:15px;
    vertical-align:5px;
}
.sub_print ul li:nth-child(4) img
{
    width:16px;
}
.sub_print ul li a
{
    display:block;
}




#section
{
    background:#ebebeb;
}
#section > div.layout_1200
{
    /* min-height:800px; */
    background:#fff;
    padding:60px 40px;
}
#section .sub_title
{
    width:220px;
    float:left;
}
#section .sub_title h2
{
    position:relative;
    font-family:'NotoKrL';
    font-size:40px;
    color:#000000;
    letter-spacing:-0.05em;
}
#section .sub_title h2:after
{
    content:'';
    position:absolute;
    bottom:-28px;
    left:0;
    width:calc(100% - 150px);
    height:5px;
    background:#353535;
}
#section .sub_contents
{
    float:right;
    width:calc(100% - 220px); 
    position: relative;
}
.manager_title
{
    display:none;
}

/* START - 01. 교구 > 소개 */
.top_01
{
    position:relative;
    width:100%;
    height:200px;
    border-radius:5px;
    background:url(/assets/cas02/image/01/top.jpg) no-repeat center center; 
    background-size:cover;
}
.top_01 img
{
    position:absolute;
    top:73px;
    right:99px;
}
.top_01_text
{
    position:relative;
    width:100%;
    margin:49px 0 100px;
}
.top_01_text h3
{
    font-family:'NotoKrR';
    font-size:22px;
    color:#000000;
    margin-bottom:32px;
}
.top_01_text ul li
{
    font-family:'SpR';
    font-size:16px;
    color:#595959;
    float:left;
    width:50%;
    line-height:1.8;
}
.top_01_text ul li:first-child
{
    padding-right:20px;
}
.top_01_text ul li:nth-child(2)
{
    padding-left:20px;
}
.top_01_img
{
    position:relative;
    width:100%;
    padding-left:21px;
    margin-bottom:170px;
}
.top_01_img > div
{
    position:absolute;
    top:39px;
    right:27px;
    width:670px;
    border:1px solid #5b5b5b;
    border-radius:5px;
    box-shadow:-3.536px 3.536px 5px 0px rgba(0, 0, 0, 0.07);
    padding:16px 20px 10px 29px;
    background:#fff;
    z-index:1;
}
.top_01_img > div ul li
{
    border-bottom:1px solid #d8d8d8;
    overflow:hidden;
    padding:13px 0
}
.top_01_img > div ul li:last-child
{
    border-bottom:0;
}

.top_01_img > div ul li h3
{
    font-weight:bold;
    color:#0a1888;
    font-size:16px;
    float:left;
    width:67px;
    text-align: left;
}
.top_01_img > div ul li p
{
    font-size:16px;
    color:#595959;
    line-height:1.7;
    float:right;
    width:calc(100% - 86px);
    margin-top:-6px;
}


.top_02
{
    margin-bottom:30px;
}
.top_02 > div:first-child
{
    position:relative;
    padding-left:21px;
}
.top_02 > div:first-child:before
{
    content:'';
    position:absolute;
    top:-4px;
    left:0;
    width:3px;
    height:100px;
    background:#8a5545
}
.top_02 > div:first-child h3
{
    font-family:'NotoKrM';
    font-size:22px;
    color:#000000;
}
.top_02 > div:first-child h4
{
    font-family:'SpR';
    font-size:18px;
    color:#000000;
    margin:20px 0 11px;
}
.top_02 > div:first-child p
{
    font-family:'SpR';
    font-size:16px;
    color:#595959;
}
.top_02 img
{
    margin-top:-60px;
}

.top_03
{
    position:relative;
    width:100%;
    margin-top:58px;
}
.top_03 h3
{
    position:relative;
    font-family:'SpR';
    font-size:18px;
    color:#000000;
    padding-left:23px;
    margin-bottom:20px;
}
.top_03 h3:before
{
    content:'';
    position:absolute;
    top: 1px;
    left:0;
    width:15px;
    height:15px;
    border:1px solid #5b5b5b;
    border-radius:100%;
    background:#fff;
}

.marTop0 { margin-top: 0px !important; }

/* 테이블 공통 */
.common_table
{
    position:relative;
    width:100%;
}
.common_table caption
{
    display:none;
}
.common_table thead
{
    background:#535353;
}
.common_table thead tr th
{
    position:relative;
    font-size:15px;
    color:#ffffff;
    font-weight:normal;
    padding:15px 0;
}
.common_table thead tr th:not(:last-child):after
{
    content:'';
    position:absolute;
    top:15px;
    right:0;
    width:1px;
    height:14px;
    background:#d7d7d7;
}
.common_table tbody tr td
{
    font-size:15px;
    color:#2f2f2f;
    line-height:1.5;
    border-right:1px solid #d7d7d7;
    border-bottom:1px solid #d7d7d7;
    text-align:center;
    padding:15px 0;
    vertical-align:top;
}
.common_table tbody tr td.textAL
{
    padding-left:20px;
}
.common_table tbody tr td:last-child
{
    border-right:0;
}
.common_table tbody tr:last-child td
{
    border-bottom:0;
}
.table_attach
{
    border-top:2px solid #535353;
    background:#f3f3f3;
    padding:17px 20px;
    overflow:hidden;
}
.table_attach span
{
    display:inline-block;
    letter-spacing:-0.08em;
}
.table_attach span:first-child
{
    font-weight:bold;
    font-size:15px;
    color:#000;
    float:left;
}
.table_attach span:nth-child(2)
{
    font-size:15px;
    color:#2f2f2f;
    float:right;
}
/* 테이블 공통 */

/* END - 01. 교구 > 소개 */


/* START - 02. 교구 > 교구청 > 부서안내 */
/* .top_04 ul.tab_menu
{
    position:relative;
    width:100%;
    border-radius:3px;
    background:#535353;
}
.top_04 ul.tab_menu li
{
    position:relative;
    float:left;
    width:calc(14.333334% - 1px);
    text-align:center;
    color:#e3e3e3;
    font-size:16px;
    padding:12px 0;
    transition:all .3s;
    cursor:pointer;
}
.top_04 ul.tab_menu li:not(:last-child):after
{
    content:'';
    position:absolute;
    top:13px;
    right:0;
    width:1px;
    height:14px;
    background:#878787;
}
.top_04 ul.tab_menu li.active
{
    color:#000000;
    font-weight:bold;
}
.top_04 ul.tab_menu li.active:before
{
    content:'';
    position:absolute;
    top:-2px;
    left:8px;
    width:88%;
    height:105%;
    background:#fff;
    border:1px solid #898989;
    box-shadow:0px 4px 0px 0px rgba(0, 0, 0, 0.07);
    border-radius:3px;
}
.top_04 ul.tab_menu li a
{
    position:relative;
} */
.top_04 ul.tab_menu li
{
    width:calc(14.333334% - 1px);
}
.top_04 .tab_content
{
    position:relative;
    width:100%;
    padding-top:60px;
}
.top_04 .tab_content > div h3
{
    font-family:'NotoKrB';
    font-size:25px;
    color:#000000
}
.top_04 .tab_content > div .explan
{
    position:relative;
    width:100%;
    overflow:hidden;
}
.top_04 .tab_content > div .explan p
{
    font-size:16px;
    color:#595959;
    line-height:1.6;
    margin-top:22px;
}
.top_04 .tab_content > div .explan > div.basic
{
    position:relative;
    width:100%;
    margin:35px 0 43px;
}
.top_04 .tab_content > div .explan > div.basic h4
{
    position:relative;
    font-size:16px;
    color:#000000;
    font-weight:bold;
    display:inline-block;
    width:76px;
}
.top_04 .tab_content > div .explan > div.basic:before
{
    content:'';
    position:absolute;
    top:10px;
    right:0;
    width:calc(100% - 76px);
    height:1px;
    background:#a4a4a4
}
.top_04 .tab_content > div .explan > div.basic ul
{
    margin-top:26px;
}
.top_04 .tab_content > div .explan > div.basic ul li
{
    position:relative;
    float:left;
    width:33.333334%;
    padding-left:7px;
    margin-bottom:15px;
    font-size:15px;
    color:#6a6969;
}
.top_04 .tab_content > div .explan > div.basic ul li:before
{
    content:'';
    position:absolute;
    top:5px;
    left:0;
    width:2px;
    height:2px;
    background:#6a6969
}
.top_04 .tab_content div .explan .common_call
{
    margin-bottom:40px;
}
.top_04 .tab_content div.common_call
{
    position:relative;
    width:100%;
    padding:13px 25px;
    background:#f3f3f3;
    border-radius:5px;
    border:1px solid #a4a4a4
}
.top_04 .tab_content div.common_call ul li
{
    float:left; 
    margin:0 48px 0px 0; 
}
.top_04 .tab_content div.common_call ul li + li + li + li
{
    margin-top:10px;
}

.top_04 .tab_content div.common_call ul li i {
    position: relative;
    display: inline-block;
    width: 25px;  
    height: 25px;
    background: #535353;
    border-radius: 50%;
}

.top_04 .tab_content div.common_call ul li i img { 
    width: 100%; 
}

.top_04 .tab_content div.common_call ul li span,
.top_04 .tab_content div.common_call ul li a
{
    display:inline-block;
    font-size:15px;
    color:#595959;
    vertical-align:7px;
    padding-left:4px;
}

.top_04 .tab_content .wrap
{
    position:relative;
    width:100%;
    margin-top:50px;
}
.top_04 .tab_content .wrap.wrap_no_title
{
    margin-top:25px;
}
.top_04 .tab_content .wrap.wrap_plus .list:nth-of-type(1)
{
    box-shadow:inherit;
    border-radius:5px 5px 0 0;
}
.top_04 .tab_content .wrap.wrap_plus .list:nth-of-type(2)
{
    border-top:0;
    margin-top:0;
    border-radius:0 0 5px 5px;
    background:#f9f9f9;
}
.top_04 .tab_content .wrap .list p.list_marginB
{
    margin-bottom:30px;
}
.top_04 .tab_content .wrap h4
{
    position:relative;
    font-family:'SpR';
    font-size:18px;
    color:#000000;
    padding-left:25px;
}
.top_04 .tab_content .wrap h4:before
{
    content:'';
    position:absolute;
    top:1px;
    left:0;
    width:15px;
    height:15px;
    background:#fff;
    border:1px solid #575757;
    border-radius:100%;
}
.top_04 .tab_content .wrap .list
{
    position:relative;
    width:100%;
    margin-top:15px;
    border:1px solid #5b5b5b;
    border-radius:5px;
    box-shadow:2.868px 4.096px 5px 0px rgba(0, 0, 0, 0.07);
}
.top_04 .tab_content .wrap .list.overflow_h
.top_04 .tab_content .wrap .list span.title_span
{
    font-weight:bold;
    font-size:17px;
    text-align:center;
    padding-top:32px;
    display:block;
}
.top_04 .tab_content .wrap .list p
{
    position:relative;
    font-size:16px;
    color:#595959;
    line-height:1.5;
    padding:23px 25px 0;
}
.top_04 .tab_content .wrap .list p.p_underline
{
    color:#000;
    display:inline-block;
    text-decoration:underline;
    text-underline-position:under;
    margin-bottom:30px;
}
.top_04 .tab_content .wrap .list .common_call
{
    border:0;
    margin-top:46px;
}
.top_04 .tab_content .wrap .list .common_call ul li
{
    margin-right:0;
    width:calc(33.333334% - 2px);
}
.top_04 .tab_content .wrap .list .common_call ul li.wi_100
{
    width:100%;
}
.top_04 .tab_content .wrap .list .donate
{
    position:relative;
    width:100%;
    padding:27px 27px 30px;
}
.top_04 .tab_content .wrap .list .donate span
{
    display:inline-block;
    color:#000;
    font-size:16px;
}
.top_04 .tab_content .wrap .list .donate span.donate_title
{
    color:#fff;
    font-size:16px;
    background:#4a8ebb;
    border:0;
    border-radius:3px;
    padding:7px 10px;
    margin-right:10px;
}
.top_04 .tab_content .wrap .list .donate span.donate_block
{
    display:block;
    padding:3px 0 0 97px
}
.top_04 .tab_content .wrap .list .inner_list
{
    padding:0 26px;
}
.top_04 .tab_content .wrap .list .inner_list h5
{
    font-weight:bold;
    font-size:16px;
    color:#000000;
}
.top_04 .tab_content .wrap .list .inner_list > ul
{
    margin-top:18px;
}
.top_04 .tab_content .wrap .list .inner_list > ul > li
{
    position:relative;
    padding-left:10px;
    margin-bottom:10px;
    font-size:15px;
    color:#6a6969;
    line-height:1.5;
}
.top_04 .tab_content .wrap .list .inner_list > ul > li:before
{
    content:'';
    position:absolute;
    top:9px;
    left:0;
    width:2px;
    height:2px;
    background:#6a6969
}
.top_04 .tab_content .wrap .list .inner_list > ul > li > ul > li
{
    font-size:15px;
    color:#6a6969;
    margin-top:10px;
    line-height:1.5;
}
.top_04 .tab_content .wrap .list .inner_list span.special
{
    position:relative;
    font-size:15px;
    color:#4b8cb7;
    margin-top:33px;
    display:block;
    line-height:1.5;
    padding-left:18px;
}
.top_04 .tab_content .wrap .list .inner_list span.special:before
{
    content:'※';
    position:absolute;
    top:0;
    left:0;
    font-size:15px;
    color:#4b8cb7;
}
.top_04 .tab_content .wrap .list.st01 {

}
.top_04 .tab_content .wrap .list.st01 table{
    width: 100%;
}
.top_04 .tab_content .wrap .list.st01 table th{
    padding: 15px 0;
    border-right: 1px solid #d3d3d3;
}
.top_04 .tab_content .wrap .list.st01 table th:last-of-type{
    border-right: 0;
}
.top_04 .tab_content .wrap .list.st01 table th .tit{
    font-weight: 400;
}
.top_04 .tab_content .wrap .list.st01 table th .con{
    display: none;
}
.top_04 .tab_content .wrap .list.st01 table td{
    background-color: transparent;
    text-align: center;
    background-color: #f3f3f3;
    padding: 11px 0;
    border-right: 1px solid #d3d3d3;
    border-top: 1px solid #d3d3d3;
}
.top_04 .tab_content .wrap .list.st01 table td:last-of-type{
    border-right: 0;
}
.top_04 .tab_content .wrap .list.st01 table td i{
    position: relative;
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #535353;
    border-radius: 50%;
}
.top_04 .tab_content .wrap .list.st01 table td i img{
    width: 100%;
}
.top_04 .tab_content .wrap .list.st01 table td span{
    display: inline-block;
    font-size: 15px;
    color: #595959;
    vertical-align: 7px;
    padding-left: 4px;
}
  .table_style02{
    width: 100%;
    border: 1px solid #5b5b5b;
    border-radius: 5px;
    margin-top: 25px;
    box-shadow: 2.868px 4.096px 5px 0px rgba(0, 0, 0, 0.07);
}
.table_style02 th,
.table_style02 td{
    border: 1px solid #222;
    padding: 15px 18px;
    font-size: 15px;
    line-height: 1.5;
    color: #6a6969;
}
.table_style02 th{
    background: #f3f3f3;
    color: #000000;
}
@media screen and (max-width:800px) {
    .table_style02_scroll{
        overflow: auto;
    }
    .table_style02{
        min-width: 767px;
    }
}
@media screen and (max-width:700px) {
    .top_04 .tab_content .wrap .list.st01 table{
        display: flex;
    }
    .top_04 .tab_content .wrap .list.st01 table tbody{
        display: none;
    }
    .top_04 .tab_content .wrap .list.st01 table th{
        padding: 0px 0;
    }
    .top_04 .tab_content .wrap .list.st01 table th .tit{
        width: 150px;
        display: flex;
        align-items: center;
        padding: 0 15px;
        text-align: left;
        line-height: 1.4;
        word-break: keep-all;
        font-size: 13px;
    }
    .top_04 .tab_content .wrap .list.st01 table th .con{
        width: calc(100% - 150px);
        background: #f3f3f3;
        padding: 12px 0;
        display: flex;
        align-items: center;
        padding-left: 20px;
    }
    .top_04 .tab_content .wrap .list.st01 table thead {
        width: 100%;
    }
    .top_04 .tab_content .wrap .list.st01 table thead tr{
        display: flex;
        flex-direction: column;
    }
    .top_04 .tab_content .wrap .list.st01 table thead tr th{
        display: flex;
        border-bottom: 1px solid #d3d3d3;
        border-right: 0;
    }
    .top_04 .tab_content .wrap .list.st01 table thead tr th:last-of-type{
        border-bottom: 0;
    }
    .top_04 .tab_content .wrap .list.st01 table th .con i{
        position: relative;
        display: inline-block;
        width: 25px;
        height: 25px;
        background: #535353;
        border-radius: 50%;
    }
    .top_04 .tab_content .wrap .list.st01 table th .con i img{
        width: 100%;
    }
    .top_04 .tab_content .wrap .list.st01 table th .con span{
        display: inline-block;
        font-size: 13px;
        padding-left: 5px;
        font-weight: 400;
    }

}

/* END - 02. 교구 > 교구청 > 부서안내 */






/* START - 03. 교구 > 교구장 > 약력 */
.top_05
{
    position:relative;
    width:100%;
    padding-bottom: 50px;
}
.top_05 h3
{
    font-family:'NotoKrL';
    font-size:35px;
    color:#000000;
    letter-spacing:-0.05em;
    padding-left: 0px;
}
.top_05 h3 span
{
    font-family:'NotoKrM';
    font-weight:normal
}

.top_05 h3 a {
    display: inline-block;
    margin-left: 15px;
    font-size: 16px;
    line-height: 25px;
    vertical-align: middle;
    font-weight: bold;
    color: #0068b2;
}

.top_05 h3 a > i {
    color: #0068b2;
    margin-right: 7px;
    font-size: 17px;
}

.top_05 .bishopInfo {
    position: relative;
    display: inline-block;
    font-size: 23px;
    margin: 20px 0 0;
    font-family:'NotoKrM';
    padding: 0 20px 0 0;
    overflow: hidden;
}

.top_05 h4
{
    font-family:'NotoKrL';
    font-size:20px;
    color:#000000;
    display:block;
    margin-top:10px;
    padding-left: 0px;
}
.top_05 .list
{
    position:relative;
    width:100%;
    border-top:2px solid #4e3938;
    margin-top:36px;
}
.top_05 .list:before
{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:380px;
    background:#f2f1f1;
}
.top_05 .list:after
{
    content:'';
    position:absolute;
    top:0px;
    left:148px;
    width:1px;
    height:103%;
    background:#cecdcd;
}
.top_05 .list::after::before
{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:100px;
    height:100px;
    background:red;
    z-index:5000;
}
.top_05 .list img.li_person
{
    position:absolute;
    /* top:-110px; */
    top: 20px;
    right:0;
}
.top_05 .list ul
{
    position:relative;
    padding:36px 38px 0;
    z-index:1;
}
.top_05 .list ul li
{
    position:relative;
    margin-bottom:16px;
}
.top_05 .list ul li.marginBLarge
{
    margin-bottom: 182px;
}
.top_05 .list ul li h5,
.top_05 .list ul li span
{
    display:inline-block;
    font-size:16px;
}
.top_05 .list ul li h5
{
    font-family:'SpR';
    color:#000000;
    width:110px;
    vertical-align:top;
    line-height:1.5;
}
.top_05 .list ul li span
{
    width:calc(100% - 120px);
    color:#6f6f6f;
    line-height:1.5;
    padding-left:28px;
    letter-spacing:-0.1em;
}
.top_05 .list ul li.list_bold h5
{
    font-family:'SpB';
    color:#4e3938;
}
.top_05 .list ul li.list_bold span
{
    font-weight:bold;
    color:#4e3938;
}
.top_05 .list ul li.active:after
{
    content:'';
    position:absolute;
    top:5px;
    left:103px;
    width:7px;
    height:7px;
    background:#fff;
    border:4px solid #4e3938;
    border-radius:100%;
}
.top_05 .list ul li:last-child:after
{
    content:'';
    position:absolute;
    bottom:-55px;
    left:107px;
    width:7px;
    height:22px;
    background:#4e3938;
    border-radius:150px;
}

/* END - 03. 교구 > 교구장 > 약력 */

/* START - 04. 교구 > 교구장 > 약력 */
.top_06 .list:before
{
    background:#f3f7f4;
}
.top_06 .list ul li.active:after
{
    border:4px solid #437a4c;
}
.top_06 .list ul li.list_bold h5,
.top_06 .list ul li.list_bold span
{
    color:#437a4c;
}
.top_06 .list ul li:last-child:after
{
    background:#437a4c;
    bottom:-80px;
}
.top_06 .list img.li_person
{
    right:18px;
}
/* END - 04. 교구 > 교구장 > 약력 */


/* START - 05. 교구 > 교구장 > 보좌주교 */
.top_07 div.auxiliary_title {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px 0px 40px;
}

.common_tab > ul.tab_menu_auxiliary {
    margin-bottom: 0px;
}

.common_tab > ul.tab_menu_auxiliary li {
    width: 33.33333%;
}

.top_07 .list {    
    border-top: 2px solid #4e3938;
    margin-top: 0px;
}

.top_07 .list:before
{
    height: 400px;
}
.top_07 .list img.li_person
{
    top: 20px;
}
.top_07 .list ul li.active:after
{
    border:4px solid #6f5940
}
.top_07 .list ul li:last-child:after
{
    background:#6f5940
}
.top_07 .list ul li.list_bold h5,
.top_07 .list ul li.list_bold span
{
    color:#6f5940
}

/* END - 05. 교구 > 교구장 > 보좌주교 */

/* START - 06. 교구 > 교구장 > 역대교구장 */
.top_08 h3
{
    font-family:'NotoKrL';
    font-size:35px;
    color:#000000;
    letter-spacing:-0.05em;
    padding-left: 0px;
}
.top_08 h3 span
{
    font-family:'NotoKrM';
    font-weight:normal
}
.top_08 h4
{
    font-family:'NotoKrL';
    font-size:20px;
    color:#000000;
    display:block;
    margin-top:17px;
    padding-left: 0px;
}
.top_08 .birth
{
    position:relative;
    width:100%;
    margin-bottom:50px;
}
.top_08 .birth .left
{
    position:relative;
    width:calc(660px - 50px);
    float:left;
    padding:56px 0 0 0px;
}
.common_t
{
    position:relative;
    font-family:'SpR';
    font-size:18px;
    color:#000000;
    padding-left:23px;
}
.common_t:before
{
    content:'';
    position:absolute;
    top:1px;
    left:0;
    width:15px;
    height:15px;
    border:1px solid #5b5b5b;
    border-radius:100%;
    background:#fff;
}
.top_08 .birth .left ul
{
    position:relative;
    width:100%;
    padding:0px;
    border-top:2px solid #535353;
    border-bottom:2px solid #535353;
    margin-top:14px;
}
.top_08 .birth .left ul li
{
    padding:14px 20px;
    border-bottom:1px solid #d8d8d8;
    letter-spacing: -0.05px;
    font-size: 15px;
}
.top_08 .birth .left ul li:last-child
{
    border-bottom:0;
}
.top_08 .birth .left ul li span
{
    display:inline-block;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
}
.top_08 .birth .left ul li span.bir
{
    font-family:'SpR';
    color:#000000;
    width:100px;
}
.top_08 .birth .right
{
    position:relative;
    width:calc(100% - 660px);
    float:right;
    margin-top:-71px;
}
.top_08 .birth .right img.person
{
    border-radius:5px;
}
.top_08 .birth .right div
{
    position:relative;
    width:100%;
    margin-top:10px;
    padding:30px 0;
    text-align:center;
    border:1px solid #bdbdbd;
    border-radius:5px;
    color:#232323;
}
.top_08 .birth .right div h5
{
    margin-top:30px;
    font-family:'NotoKrB';
    font-size:20px;
}
.top_08 .birth .right div span
{
    display:block;
    margin-top:10px;
    font-family:'NotoKrR';
    font-size:18px;
}

.top_08 .major
{
    position:relative;
    width:100%;
    padding-left: 0px;
}
.top_08 .major > div
{
    position:relative;
    width:100%;
    height:250px;
    background:url(/assets/cas02/image/06/3.png) no-repeat center center;
    background-size:cover;
    border-radius:5px;
    margin-top:14px;
}
.top_08 .major > div > p
{
    font-size: 15px;
    color: #ffffff;
    line-height: 1.5;
    padding: 32px 42px 0 312px;
    letter-spacing: -0.05em;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
}
.top_08 .major > div > p span
{
    display:block;
}
.top_08 .major > div > p span:nth-of-type(2)
{
    margin:15px 0;
}

.top_08 .write
{
    position:relative;
    width:100%;
    margin-top:40px;
    padding-left:0px;
}
.top_08 .write h5
{
    font-family:'NotoKrR';
    font-size:23px;
    color:#010101;
    text-align:center;
    font-style:italic;
    line-height: 25px;
}
.top_08 .write h5 br
{
    display:none;
}
.top_08 .write ul
{
    margin-top:40px;
    padding:0 10px 0 0px;
}
.top_08 .write ul li
{
    position:relative;
    margin-bottom:13px;
    font-size: 15px;
    color:#222222;
    line-height:1.4;
    padding-left: 12px;
}
.top_08 .write ul li:last-child
{
    margin-bottom:0;
}
.top_08 .write ul li:before
{
    content:'';
    position:absolute;
    top:8px;
    left: 0px;
    width:5px;
    height:5px;
    background:#6a7f8c;
    border-radius: 100%;
}


/* END - 06. 교구 > 교구장 > 역대교구장 */


/* START - 07. 교구 > 교구장 > 역대교구장(최덕기) */
.top_09 .birth .right div
{
    padding:45px 0;
}
.top_09 .major > div
{
    height:577px;
    background:url(/assets/cas02/image/07/3.png) no-repeat center center;
    background-size:cover;
}
.top_09 .major > div ul
{
    float:right;
    width:calc(533px - -50px);
    padding:29px 70px 0 0;
}
.top_09 .major > div ul li
{
    margin-bottom:35px;
}
.top_09 .major > div ul li h6
{
    font-family:'NotoKrM';
    font-size:18px;
    color:#e2f2ff;
    margin-bottom:11px;
}
.top_09 .major > div ul li p
{
    font-size: 15px;
    color: #ffffff;
    line-height: 1.5;
    letter-spacing: -0.05em;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
}
.top_09 .major > div ul li:last-child
{
    margin-bottom:0;
}
/* START - 07. 교구 > 교구장 > 역대교구장(최덕기) */


/* START - 08. 교구 > 교구장 > 역대교구장(김남수) */
.top_10 .birth .left ul li span.con
{
    font-size:16px;
    color:#6f6f6f;
    padding-left:20px;
}
.top_10 .major > div
{
    height:410px;
    background:url(/assets/cas02/image/08/3.png) no-repeat center center;
    background-size:cover;
}
.top_10 .major ul
{
    padding:30px 35px;
}
.top_10 .major ul li
{
    margin-bottom:42px;
}
.top_10 .major ul li h6
{
    font-family:'NotoKrM';
    font-size:18px;
    color:#e2f2ff;
    margin-bottom:11px;
}
.top_10 .major ul li p
{
    font-size: 15px;
    color: #ffffff;
    line-height: 1.5;
    letter-spacing: -0.05em;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
}
.top_10 .major ul li:last-child
{
    margin-bottom:0;
}
/* END - 08. 교구 > 교구장 > 역대교구장(김남수) */

/* START - 09. 페이지 준비중 */
.top_11
{
    text-align:center;
    padding-top:70px;
}
.top_11 h3
{
    font-family:'NotoKrR';
    font-size:30px;
    color:#444444;
    margin-top:19px;
}
.top_11 h3 span
{
    font-family:'NotoKrB';
}
.top_11 p
{
    font-family:'NotoKrL';
    font-size:30px;
    color:#696a6a;
    display:block;
    margin-top:12px;
}
/* END - 09. 페이지 준비중 */


/* START - 10. 교구 > 역사 */
.common_tab > ul.tab_menu_bottom {
    border-bottom: 1px solid #aeaeae;
    box-shadow: 0 3px 0 rgba(174,174,174,0.2);
}

.top_04
{
	overflow:hidden;
}
.common_tab,
.swiper-tab
{
	position:relative;
	width:100%;
}
.common_tab ul,
.swiper-tab
{
	border-top:2px solid #aeaeae
}
.swiper-tab
{
	padding:0 20px;
	overflow:visible;
}
.common_tab ul li
{
	position:relative;
	float:left;
	width:25%;
	padding:16px 0;
	text-align:center;
	font-size:16px;
	color:#888888;
	letter-spacing:-0.07em;
	cursor:pointer
}
.common_tab ul li a
{
	display:block;
}
.swiper-tab .swiper-slide a
{
	display:block;
	position:relative;
	padding:16px 0;
	text-align:center;
	font-size:16px;
	color:#888888;
	letter-spacing:-0.08em;
	transition:all .5s;
}
.common_tab ul li:not(:last-child):after,
.swiper-tab .swiper-slide:not(:last-child):after
{
	content:'';
	position:absolute;
	top:17px;
	right:0;
	width:1px;
	height:15px;
	background:#d6d6d6;
}
.common_tab ul li.active,
.swiper-tab .swiper-slide.active a
{
	color:#000;
}
.common_tab ul li.active:before,
.swiper-tab .swiper-slide.active:before
{
	content:'';
	position:absolute;
	top:-2px;
	left:10px;
	width:calc(100% - 20px);
	height:3px;
    /* background: linear-gradient(to right, #7ac8e8, #0095d2); */
    background: #0095d2;
	animation:st .3s;
	-ms-animation:st .3s;
}

@keyframes st
{
	0%
	{
		width:0;
	}
	100%
	{
		width:calc(100% - 20px);
	}
}

.swiper-tab .tab_arrows div
{
	width: 50px;
	height: 48px;
	margin-top: -24px;
}
.swiper-tab .tab_arrows .swiper-tab-prev
{
	background:url(/assets/cas02/image/common/tab_left_n.png) no-repeat top left;
	/* background-size: 100px; */
	left: 0px;
}
.swiper-tab .tab_arrows .swiper-tab-next
{
	background:url(/assets/cas02/image/common/tab_right_n.png) no-repeat top right;
	/* background-size:100px; */
	right: 0px;
}

.history_wrap_bg
{
	position:relative;
	width:100%;
	height:200px;
	display:table;
}
.history_wrap_bg h3
{
	font-family:'NotoKrR';
	font-size:30px;
	color:#fff;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}
.his_bg1
{
	background:url(/assets/cas02/image/10/1.jpg) no-repeat center center;
	background-size:cover;
}
.his_bg2
{
	background:url(/assets/cas02/image/10/2.jpg) no-repeat center center;
	background-size:cover;
}
.his_bg3
{
	background:url(/assets/cas02/image/10/3.jpg) no-repeat center center;
	background-size:cover;
}
.his_bg4
{
	background:url(/assets/cas02/image/10/4.jpg) no-repeat center center;
	background-size:cover;
}
.history_wrap h4
{
    display: none;
	font-family:'NotoKrB';
	font-size:60px;
	color:#dedede;
	letter-spacing:0.03em;
	text-align:center;
	margin:36px 0 48px;
}
.overflow_h
{
	overflow:hidden;
}

.history_yeon
{
	position:relative;
    width:100%;
    margin-top: 40px;
}
.history_yeon.yeon_marginB
{
	margin-bottom:32px;
}
.history_yeon.yeon_marginB:last-child
{
	margin-bottom:0;
}
.history_yeon h5
{
	position:absolute;
	top:-4px;
	left:30px;
	font-family:'NotoKrB';
	font-size:27px;
	color:#25679a;
	font-style:italic;
}
.history_yeon ul
{
	position:relative;
	padding-left:138px;
}
.history_yeon ul:before
{
	content:'';
	position:absolute;
	top:0;
	left:210px;
	width:5px;
	height:calc(100% - 15px);
	background:#e3e2e2;
}
.history_yeon ul li
{
	position:relative;
	margin-bottom:20px;
}
.history_yeon ul li:not(:first-child)
{
	overflow:hidden;
}
.history_yeon ul li span
{
	position:relative;
	display:inline-block;
	width:72px;
	font-size:16px;
	line-height:1.5;
	color:#494949;
}
.history_yeon ul li:first-child p:after
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:5px;
	height:30px;
	background:#407ca3;
}
.history_yeon ul li p
{
	position:relative;
	float:right;
	width:calc(100% - 72px);
	padding-left:30px;
	font-size:16px;
	color:#6f6f6f;
	line-height:1.5;
}
.history_yeon ul li p.yeon_img1
{
	padding-left:90px;
}
.history_yeon ul li p.yeon_img1:after
{
	content:'';
	position:absolute;
	top:8px;
	left:35px;
	width:39px;
	height:30px;
	background:url(/assets/cas02/image/10/2_1.png) no-repeat center center;
	background-size:39px;
}



/* END - 10. 교구 > 역사 */


/* START - 11. 교구 > 주교좌성당 */
.cathedral_wrap {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px;
    padding: 0px;
    clear: both;
}

.cathedral01 .cathedral_left {
    background: url(/assets/cas02/image/sub/cathedral_cathedral_bg.jpg) no-repeat;    
}

.cathedral02 .cathedral_left {
    background: url(/assets/cas02/image/sub/cathedral_common_bg.jpg) no-repeat;    
}

.cathedral_wrap .cathedral_left {
    position: relative;
    display: block;
    float: left;
    width: 400px;
    height: 580px;
    margin: 0px;
    padding: 0px; 
    border-radius: 5px;
    background-position: center bottom;
    background-size: cover;
}


.cathedral_wrap .cathedral_left div.cathedral_head {
    color: #FFF;
    padding: 35px;
}

.cathedral_wrap .cathedral_left div.cathedral_head h3 {
    position: relative;
    display: inline-block;
    font-size: 27px;
    font-family: 'NotoKrL', sans-serif;
    line-height: 32px;
    padding: 0 0 13px;
    margin: 0 0 13px;
    border-bottom: 2px solid #FFF;
}

.cathedral_wrap .cathedral_left div.cathedral_head h3 span {
    display: block;
    font-family: 'NotoKrM', sans-serif;
}

.cathedral_wrap .cathedral_left div.cathedral_head h4 {
    position: relative;
    display: inline-block;
    font-size: 15px;
    letter-spacing: -0.5px;
    font-family: 'NotoKrR', sans-serif;
    line-height: 18px;
    padding: 0px;
    margin: 0px;
}

.cathedral_wrap .cathedral_left div.cathedral_head img {
    position: absolute;
    width: 105px;
    top: 24px;
    right: 24px;
}

.cathedral_wrap .cathedral_right {
    position: relative; 
    display: block;
    float: right;
    width: 470px;
    height: 580px;
    margin: 0px;
    padding: 0px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info {
    position: relative;
    width: 100%;
    border-top: 2px solid #535353;
    overflow: hidden;
    padding: 7px 0 0;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li {
    position: relative;
    display: block;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
    padding: 8px 0 8px 13px;
    line-height: 30px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li.list_call {
    height: 125px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li i {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #535353;
    border-radius: 30px;    
    vertical-align: top;
    margin-right: 10px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li i > img {
    width: 100%;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li span {
    position: relative;
    display: inline-block;
    color: #595959;
    line-height: 26px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li span > span {
    position: relative;
    display: inline-block;
    width: 70px;
    top: 0px;
    left: 0px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li.list_home {
    border-bottom: 0px;    
}

.cathedral_wrap .cathedral_right ul.cathedral_info li.list_time {
    border-top: 2px solid #535353;
    border-bottom: 2px solid #535353;
    margin-top: 15px;
    background: rgba(0,0,0,0.07);
    height: 243px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeTitle {
    font-weight: bold;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo {
    position: relative;
    display: block;
    margin: 15px 0 0;
    padding-left: 35px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo > h5 {
    position: relative;
    display: inline-block;
    background: #FFF;
    border: 1px solid #5b5b5b;
    line-height: 24px;
    text-align: center;
    padding: 0 15px;
    border-radius: 24px;
    vertical-align: top;
    margin-right: 10px;
}

.cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo > span {
    line-height: 23px;
}


/* END - 11. 교구 > 주교좌성당 */


/* START - 12. 교구 > 주보성인 */
.patronTitle {
    position: relative;
    display: block;
    width: 100%;
    height: 200px;
    background: url(/assets/cas02/image/sub/patron_title_bg.png) no-repeat top left;    
    background-size: 100% 100%;
    margin: 0 0 30px;
    padding: 0px;
    border-radius: 5px;
}

.patronTitle div.patronTit {
    position: absolute;
    display: inline-block;
    width: auto;
    top: 50%;
    transform: translateY(-50%);
    right: 180px;    
    text-align: center;
}

.patronTitle div.patronTit h2 {
    position: relative;
    display: block;
    font-family: 'NotoKrL', sans-serif;
    font-size: 45px;
    line-height: 50px;    
    color: #FFF;
}

.patronTitle div.patronTit h3 {
    position: relative;
    display: inline-block;
    font-family: 'NotoKrM', sans-serif;
    font-size: 16px;
    line-height: 25px;    
    padding: 0 15px;
    color: #027db6;
    background: #FFF;
    border-radius: 30px;
    margin-bottom: 6px;
}

.patronContent {
    position: relative;
    width: 100%;
    clear: both;
    margin: 0px;
    padding: 0px;
}

.patronContent div.patronImg {
    position: relative;
    display: block;
    width: 315px;
    float: left;
}

.patronContent div.patronImg > span {
    display: block;
    margin-top: 8px;
    color: #7c7c7c;
    text-align: right;
    padding-right: 5px;
    line-height: 20px;
    font-size: 14px;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
    letter-spacing: -1px;
}

.patronContent div.patronCon {
    position: relative;
    display: block;
    width: calc(100% - 360px);
    float: right;
}

.patronContent div.patronCon > .patronTit {
    position: relative;
    display: block;
    width: 100%;
    margin: 0px 0px 20px;
    padding: 0px;
}

.patronContent div.patronCon > .patronTit h2 {
    position: relative;
    display: block;
    font-family: 'NotoKrM', sans-serif;
    font-size: 30px;
    line-height: 1;    
    color: #027db6;
}

.patronContent div.patronCon > .patronTit h3 {
    position: relative;
    display: none;
    font-family: 'NotoKrM', sans-serif;
    font-size: 16px;
    line-height: 25px;    
    padding: 0 15px;
    color: #FFF;
    background: #027db6;
    border-radius: 30px;
    margin-bottom: 6px;
}

.patronContent div.patronCon > p {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 0 30px;
    padding: 0px;
    line-height: 26px;
    font-size: 16px;
    font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;  
    color: #595959;  
    letter-spacing: -1px;
}

.patronContent div.patronCon > p.txtHead {
    color: #000000;
    font-family: 'NotoKrR', sans-serif;
    font-size: 22px;
    line-height: 32px;
    letter-spacing: -0.5px;
}
/* END - 12. 교구 > 주보성인 */


/* START - 13. 교구 > 교구Ci */
.suwon_ci h3
{
    font-family:'NotoKrM';
    font-size:23px;
    color:#2e2d2d
}
.suwon_ci1
{
    position:relative;
    width:100%;
    height:460px;
    border:1px solid #cecece;
    box-shadow:0px 5px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius:5px;
    margin-top:15px;
}
.suwon_ci1 > div:first-child
{
    position:relative;
    width:100%;
    height:350px;
    background:url(/assets/cas02/image/11/1.png) no-repeat center -1px;
    background-size:cover;
    border-radius:5px 5px 0 0
}
.suwon_ci1 > div:first-child img
{
    display:block;
    margin:0 auto;
    width:271px;
    padding-top:15px;
    max-width:100%;
}
.suwon_ci1 > div:nth-child(2)
{
    position:relative;
    width:100%;
    height:110px;
    border-radius:0 0 5px 5px;
    text-align:center;
    display:table;
}
.suwon_ci1 > div:nth-child(2) ul
{
    display:table-cell;
    vertical-align:middle;
}
.suwon_ci1 > div:nth-child(2) ul li
{
    position:relative;
    display:inline-block;
    margin:0 2px;
}
.suwon_ci1 > div:nth-child(2) ul li:after
{
    content:'';
    position:absolute;
    top:12px;
    right:12px;
    width:12px;
    height:12px;
    background:url(/assets/cas02/image/11/3.png) no-repeat center center;
    background-size:12px;
}
.suwon_ci1 > div:nth-child(2) ul li a
{
    display:block;
    font-size:15px;
    color:#fff;
    padding:12px 36px 12px 15px;
    background:#0054a6;
    border-radius:5px;
    letter-spacing:-0.07em
}
.suwon_ci1 > div:nth-child(2) ul li.download a
{
    background:#0096d3;
}

.suwon_ci2
{
    position:relative;
    width:100%;
    margin-top:62px
}
.suwon_ci2 h4
{
    font-family:'NotoKrM';
    font-size:23px;
    color:#2e2d2d;
    line-height:1.4;
}
.suwon_ci2 > p:nth-of-type(1)
{
    font-size:16px;
    color:#595959;
    letter-spacing:-0.07em;
    margin:10px 0 32px;
    line-height:1.5;
}
.suwon_ci2 > ul > li
{
    float:left;
    width:calc(50% - 20px);
    margin:0 40px 66px 0
}
.suwon_ci2 > ul > li:nth-child(even)
{
    margin-right:0;
}
.suwon_ci2 > ul > li h5
{
    font-family:'SpR';
    font-size:22px;
    color:#0096d3;
    font-style:italic;
}
.suwon_ci2 > ul > li p
{
    font-size:16px;
    color:#595959;
    line-height:1.6;
    margin:13px 0 15px;
}
.suwon_ci2 > ul > li > ul
{
    border-top:2px solid #535353;
    border-bottom:2px solid #535353;
}
.suwon_ci2 > ul > li > ul > li
{
    position:relative;
    border-bottom:1px solid #d7d7d7;
    padding:15px 11px;
}
.suwon_ci2 > ul > li > ul > li img
{
    width:27px;
}
.suwon_ci2 > ul > li > ul > li:last-child
{
    border-bottom:0;
}
.suwon_ci2 > ul > li > ul > li span
{
    font-size:16px;
    color:#595959;
    line-height:1.5;
    vertical-align:9px;
    margin-left:15px;
}
/* END - 13. 교구 > 교구Ci */





/* START - 17. 로그인 */
.login
{
	position:relative;
	width:100%;
	height:581px;
	background:url(/assets/cas02/image/13/1.jpg) no-repeat center center;
	background-size:cover;
	border-radius:5px
}
.login h3
{
	display:inline-block;
	font-family:'NotoKrT';
	font-size:40px;
	color:#fff;
	padding:70px;
	line-height:1.2;
}
.login h3 span:nth-of-type(1),
.login h3 span:nth-of-type(2)
{
	font-family:'NotoKrL';
	
}
.login h3 span:nth-of-type(3)
{
	font-family:'NotoKrM';
}
.login > div.login_box
{
	position:absolute;
	top:50px;
	right:50px;
	width:380px;
	height:450px;
	background:#fff;
	border-radius:5px;
	padding:40px;
}
.login > div.login_box h4
{
	font-family:'NotoKrR';
	font-size:27px;
	color:#000000;
	line-height:1.3;
}
.login form
{
	margin-top:50px;
}
.login form ul li:not(:last-child)
{
	margin-bottom:31px;
}
.login form ul li h5
{
	font-size:14px;
	color:#000000;
	margin-bottom:10px;
}
.login form ul li input
{
	width:100%;
	padding:10px 20px 7px 0px;
	border:0;
	border-bottom:1px solid #d7d7d7;
	font-size:12px;
	color:#000;
}
.login form .common_chk
{
	margin-top:13px;
}
.login form .common_chk input[type="checkbox"] + label
{
	font-size:13px;
	color:#6b6b6b;
}
.login form .common_chk input[type="checkbox"] + label span:not(.commonCnt)
{
	width:17px;
	height:17px;
	border-radius:0;
	background:#fff;
	vertical-align:-3px;
}
.login form .common_chk input[type="checkbox"]:checked + label span:not(.commonCnt)
{
	background:url(/assets/cas02/image/13/2.png) no-repeat center center;
    background-size:9px;
    cursor:pointer;
}
.login form button
{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:80px;
	background:#5b3c1f;
	text-align:center;
	color:#fff;
	font-family:'NotoKrB';
	font-size:20px;
	border:0;
	border-radius:0 0 5px 5px
}
.login_box div.login_link
{
	position:absolute;
	bottom:-45px;
	left:50%;
	transform:translateX(-50%);
	width:100%;
}
.login_box div.login_link ul
{
	display:table;
	margin:0 auto
}
.login_box div.login_link ul li
{
	position:relative;
	display:inline-block;
	font-size:15px;
	color:#ffffff;
}
.login_box div.login_link ul li:first-child
{
	margin-right:30px
}
.login_box div.login_link ul li:first-child:after
{
	content:'';
	position:absolute;
	top:0;
	right:-16px;
	width:1px;
	height:100%;
	background:#fff;
}
/* END - 17. 로그인 */

/* START - 22. 회원정보 수정 */
/* .join2_modify .join_title ul,
.join2_modify h4,
.join2_modify h5
{
	display:none !important;
}
.join2_modify > form > fieldset > ul
{
	border-top:0;
	margin-top:0;
}
.join2_modify > form > fieldset > ul > li .left h6:before
{
	display:none;
}
.join2_modify .join_title h3
{
	padding-top:0;
} */
/* END - 22. 회원정보 수정 */

/* START - 24. 소식 */
.sub_24 .bbsTop .title
{
	position:relative;
	float:left;
    padding-top:12px;
    font-family: 'NotoKrB';
    font-size: 20px;
    color: #000000;
    letter-spacing: -0.05em;
}
.sub_24 .bbsTop .title:before
{
	content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 75px;
    height: 2px;
    background: #3b3b3b;
}

.sub_24 .bbsTop .title span span
{
	color:#d90202
}
.sub_24 .bbsTop input.bbsSearchBox
{
	border-radius:5px;
	font-size:13px;
	letter-spacing:-0.05em;
}
.sub_24 .bbsTop input.bbsSearchBox::placeholder
{
	color:#666666;
	opacity:.7
}

.sub_24 .wrap1
{
	position:relative;
	width:100%;
	padding:36px 0 35px;
	border-bottom:2px solid #535353
}
.sub_24 .wrap1 .he
{
	height:326px;
}
.sub_24 .wrap1 .left
{
	position:relative;
	width:486px;
	height:100%;
	float:left;
}
.sub_24 .wrap1 .left:after
{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	background-image:-moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
	background-image:-webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
	background-image:-ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgba(0,0,0,0) 100%);
	opacity:0.8;
	border-radius:5px;
}
.sub_24 .wrap1 .left a
{
	display:block;
	position:absolute;
	bottom:25px;
	left:25px;
	font-family:'SpR';
	font-size:16px;
	color:#ffffff;
	z-index:1;
	line-height:1.5;
	letter-spacing:-0.05em;
	padding-right:25px;
}
.sub_24 .wrap1 .left a span
{
	display:block;
	margin-top:5px;
	line-height:inherit;
	font-family:'SpL';
	font-size:14px;
	color:#a7a7a7;
}
.sub_24 .wrap1 .left .mov img
{
    position: absolute;
    bottom: 100px;
    left: 195px;
    width: 55px;
    height: 58px;
}
.sub_24 .wrap1 .right
{
	position:relative;
	width:calc(100% - 486px);
	height:100%;
	float:right;
	padding-left:19px
}
.sub_24 .wrap1 .right ul li
{
	overflow:hidden
}
.sub_24 .wrap1 .right ul li:not(:last-child)
{
	border-bottom:1px solid #eaeaea;
	padding-bottom:20px;
}
.sub_24 .wrap1 .right ul li:nth-child(2)
{
	padding-top:20px;
}
.sub_24 .wrap1 .right ul li .image_wrap
{
	position:relative;
	width:214px;
	height:143px;
	float:left;
}
.sub_24 .wrap1 .right ul li .image_wrap .mov img
{
    position: absolute;
    top: 45px;
    right: 75px;
    width: 55px;
    height: 58px;
}
.sub_24 .wrap1 .right ul li .image_wrap .mov:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
}
.sub_24 .wrap1 .right ul li .text_wrap
{
	position:relative;
	width:calc(100% - 214px);
	height:100%;
	float:right;
	padding:10px 3px 0 12px;
}
.sub_24 .wrap1 .right ul li .text_wrap a
{
	display:block;
}
.sub_24 .wrap1 .right ul li .text_wrap a span
{
	display:block;
}
.sub_24 .wrap1 .right ul li .text_wrap .title
{
	font-family:'SpR';
	font-size:16px;
	line-height:1.3;
	letter-spacing:-0.05em;
	margin-bottom:15px;
}
.sub_24 .wrap1 .right ul li .text_wrap .cont
{
	font-size:14px;
	color:#747474;
	letter-spacing:-0.05em;
	line-height:1.4;
}
.sub_24 .wrap1 .right ul li .text_wrap .date
{
	font-family:'SpL';
	font-size:14px;
	color:#747474;
	display:block;
	margin-top:17px;
}

.sub_24 .wrap2
{
	position:relative;
	width:100%;
	padding:62px 0 35px;
	border-bottom:2px solid #535353
}
.sub_24 .wrap2 ul li
{
	float:left;
	width:calc(33.333334% - 20px);
	margin-right:30px;
}
.sub_24 .wrap2 ul li:last-child
{
	margin-right:0;
}
.sub_24 .wrap2 ul li .image_wrap
{
	position:relative;
	width:100%;
	height:189px;
}
.sub_24 .wrap2 ul li .image_wrap img
{
	border-radius:10px;
}
.sub_24 .wrap2 ul li .image_wrap:after
{
	content:'';
	position:absolute;
	top:1px;
	left:0;
	width:100%;
	height:99%;
	border-radius:5px;
	background:rgba(0,0,0,0.2);
}
.sub_24 .wrap2 ul li .image_wrap .type
{
	position:absolute;
	top:-22px;
	left:0;
	font-size:14px;
	font-weight:bold;
	color:#ffffff;
	display:block;
	width:90px;
	padding:18px 0;
	border-radius:20px 20px 20px 0;
	text-align:center;
	z-index:1;
}
.sub_24 .wrap2 ul li .image_wrap .type.type01
{
	background:#f95053;
}
.sub_24 .wrap2 ul li .image_wrap .type.type02
{
	background:#0baac2;
}
.sub_24 .wrap2 ul li .image_wrap .type.type03
{
	background:#0067c7;
}
.sub_24 .wrap2 ul li .text_wrap
{
	margin-top:12px;
}
.sub_24 .wrap2 ul li .text_wrap a,
.sub_24 .wrap2 ul li .text_wrap a span
{
	display:block;
}
.sub_24 .wrap2 ul li .text_wrap .title
{
	font-family:'SpR';
	font-size:16px;
	color:#000000;
	letter-spacing:-0.05em;
	line-height:1.4;
	min-height:35px;
	margin-bottom:17px;
}
.sub_24 .wrap2 ul li .text_wrap .cont
{
	font-size:14px;
	color:#747474;
	letter-spacing:-0.05em;
	line-height:1.5;
}
.sub_24 .wrap2 ul li .text_wrap .date
{
	display:block;
	font-family:'SpR';
	font-size:14px;
	color:#b3b3b3;
	margin-top:25px;
}

.sub_24 .wrap3,
.sub_24 .wrap4,
.sub_24 .wrap5
{
	position:relative;
	width:100%;
	padding:36px 0 30px;
	border-bottom:1px solid #e4e4e4;
	overflow:hidden;
}
.sub_24 .wrap3 .top,
.sub_24 .wrap4 .top,
.sub_24 .wrap5 .top
{
	position:relative;
	width:100%;
	margin-bottom:30px;
}

.sub_24 .wrap3 .top h3,
.sub_24 .wrap4 .top h3,
.sub_24 .wrap5 .top h3
{
	position:relative;
	font-family:'NotoKrM';
	font-size:20px;
	color:#000000;
	float:left;
	padding-left:14px;
	letter-spacing:-0.05em;
}
.sub_24 .wrap3 .top h3:before,
.sub_24 .wrap4 .top h3:before,
.sub_24 .wrap5 .top h3:before
{
	content:'';
	position:absolute;
	bottom:-10px;
	left:0;
	width:100px;
	height:3px;
	background:#f95053;
}
.sub_24 .wrap3 .top h3.type02:before
{
	background:#268e9e;
}
.sub_24 .wrap3 .top h3.type03:before
{
	background:#0067c7
}
.sub_24 .wrap3 .top a,
.sub_24 .wrap4 .top a,
.sub_24 .wrap5 .top a
{
	display:block;
	float:right;
	background:#bbbaba;
	color:#fff;
	border-radius:150px;
	padding:7px 11px;
	font-size:12px;
}
.sub_24 .wrap3 ul li
{
	float:left;
	width:calc(25% - 15px);
	margin-right:20px;
	border:1px solid #c4c4c4;
	border-radius:5px;
	padding:27px 20px;
}
.sub_24 .wrap3 ul li:last-child
{
	margin-right:0;
}
.sub_24 .wrap3 ul li a
{
	display:block;
}
.sub_24 .wrap3 ul li a span
{
	display:block;
}
.sub_24 .wrap3 ul li .title
{
	font-family:'SpR';
	font-size:18px;
	color:#343434;
	line-height:1.3;
	letter-spacing:-0.05em;
	margin-bottom:15px;
    min-height:69px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.sub_24 .wrap3 ul li .cont
{
	color:#8c8c8c;
	font-size:14px;
	letter-spacing:-0.05em;
    line-height: 22px;
    min-height:80px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.sub_24 .wrap3 ul li .date
{
	display:block;
	font-family:'SpL';
	font-size:14px;
	color:#8c8c8c;
	margin-top:55px;
}

.sub_24 .wrap4 .top h3
{
	/* padding-left:7px; */
}
.sub_24 .wrap4 .top h3:before
{
	padding-left:5px;
	background:#74ac32;
}
.sub_24 .wrap4 ul li
{
	float:left;
	width:calc(33.333334% - 17px);
	margin-right:25px;
	border:1px solid #c4c4c4;
	border-radius:5px;
}
.sub_24 .wrap4 ul li:last-child
{
	margin-right:0;
}
.sub_24 .wrap4 ul li .image_wrap
{
	position:relative;
	width:100%;
	height:158px;
}
.sub_24 .wrap4 ul li .image_wrap:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.3);
	border-radius:5px 5px 0 0;
}
.sub_24 .wrap4 ul li .image_wrap img
{
	border-radius:5px 5px 0 0;
}
.sub_24 .wrap4 ul li .image_wrap a
{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}
.sub_24 .wrap4 ul li .image_wrap a img
{
	width:55px;
	height:58px;
	opacity:1;
}
.sub_24 .wrap4 ul li .text_wrap
{
	padding:21px 22px
}
.sub_24 .wrap4 ul li .text_wrap a
{
	display:block;
	font-family:'SpR';
	font-size:18px;
	color:#343434;
	letter-spacing:-0.05em;
	line-height:1.3;
	margin-bottom:15px;
}
.sub_24 .wrap4 ul li .text_wrap span
{
	display:block;
	font-family:'SpL';
	font-size:14px;
	color:#8c8c8c;
}

.sub_24 .wrap5 .top h3
{
	padding-left:5px;
}
.sub_24 .wrap5 .top h3:before
{
	background:#5a5a5a
}
.sub_24 .wrap5 ul li
{
	position:relative;
	float:left;
	width:calc(25% - 15px);
	margin-right:20px;
	border:1px solid #c4c4c4;
	border-radius:5px;
	padding-bottom:25px;
}
.sub_24 .wrap5 ul li:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:149px;
	background:#ededed;
	border-radius:5px 5px 0 0;
}
.sub_24 .wrap5 ul li:last-child
{
	margin-right:0;
}
.sub_24 .wrap5 ul li .image_wrap
{
	position:relative;
	width:135px;
	height:187px;
	margin:35px auto 21px;
    box-shadow:2.868px 4.096px 0px 0px rgba(0, 0, 0, 0.15);
    background: #5a5a5a;
}
.sub_24 .wrap5 ul li .text_wrap span
{
	display:table;
}
.sub_24 .wrap5 ul li .text_wrap span.type
{
	font-size:13px;
	color:#ffffff;
	letter-spacing:-0.05em;
	background:#898989;
	border-radius:150px;
	padding:5px 10px;
	display:table;
	margin:0 auto;
}
.sub_24 .wrap5 ul li .text_wrap a
{
	display:block;
	font-family:'SpR';
	font-size:16px;
	color:#343434;
	margin:11px 0 30px;
	line-height:1.3;
	text-align:center;
    min-height:40px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sub_24 .wrap5 ul li .text_wrap .writer
{
	font-family:'SpL';
	font-size:14px;
	color:#8c8c8c;
	margin:0 auto;
}
/* END - 24. 소식 */


/* START - 25. 본당주보 */
.sub_25 h3
{
	position:relative;
	font-family:'SpR';
	font-size:18px;
	color:#000000;
	letter-spacing:-0.05em;
	padding:16px 0 0 24px
}
.sub_25 h3:before
{
	content:'';
	position:absolute;
	top:17px;
	left:0;
	width:15px;
	height:15px;
	background:#fff;
	border-radius:100%;
	border:1px solid #575757
}
.sub_25 .wrap1
{
	position:relative;
	width:100%;
	margin-top:15px;
}

.sub_25 .wrap1 #btn_search {
    display: block;
    margin: 17px auto 0;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    background: #676767;
    padding: 9px 20px;
    border-radius: 5px;
    border: 1px solid #4e4e4e;
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 15%);
}

.sub_25 .wrap1 ul
{
	border-top:2px solid #535353;
	border-bottom:2px solid #535353;
}
.sub_25 .wrap1 ul li
{
	position:relative;
	width:100%;
	/* height:60px; */
	border-bottom:1px solid #d7d7d7;
	padding:13px 0;
}
.sub_25 .wrap1 ul li:last-child
{
	border-bottom:0;
}
.sub_25 .wrap1 ul li:after
{
	clear:both;
	content:'';
	display:block;
}
.sub_25 .wrap1 ul li .left
{
	position:relative;
	width: 90px;
	height:100%;
	float:left;
	display:table;
}
.sub_25 .wrap1 ul li .left h4
{
	font-family:'SpL';
	font-size:16px;
	color:#000000;
	padding-left:10px;
	display:table-cell;
	vertical-align:middle;
}
.sub_25 .wrap1 ul li .right
{
	position:relative;
	width:calc(100% - 90px);
	height:100%;
	float:right;
}

.sub_25 .wrap1 ul li .right > a.btn-reset {
	display: inline-block;	
	margin-left: 7px;
	color: #3e7699;
	font-size: 12px;
	font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
}

.sub_25 .wrap1 ul li .right > a.btn-reset {
 margin-right: 3px;
}

.sub_25 .wrap1 ul li .right select
{
	margin-left:3px;
	padding:5px 40px 5px 10px;
	border:1px solid #4e4e4e;
	border-radius:5px;
	font-size:14px;
	color:#010101;
	background:url(/assets/cas02/image/12/6.png) no-repeat 92% 50% #fff !important;
	background-size:9px !important;
}
.sub_25 .wrap1 ul li .right button
{
	position:relative;
	margin-left:3px;
	padding:5px 37px 5px 16px;
	border:1px solid #2b6a8f;
	border-radius:5px;
	background:#448bb5;
	color:#fff;
	font-size:15px;
	letter-spacing:-0.05em;
}
.sub_25 .wrap1 ul li .right button:after
{
	content:'';
	position:absolute;
	top:50%;
	margin-top:-7px;
	right:12px;
	width:13px;
	height:11px;
	background:url(/assets/cas02/image/16/1.png) no-repeat center center;
	background-size:13px;
}
.sub_25 .wrap1 ul li .right span
{
	display:inline-block;
	font-size:13px;
	color:#595959;
	letter-spacing:-0.05em;
	margin-left:10px;
}
.sub_25 .wrap1 ul li.type02 select
{
	padding:5px 147px 5px 10px;
	background:url(/assets/cas02/image/12/6.png) no-repeat 96% 50% #fff !important;
	background-size:9px !important;
}

.sub_25 .wrap2
{
	position:relative;
	width:100%;
	margin-top:30px;
}

.list_Top {
    overflow: hidden;
    display: block;
    clear: both;
    width: 100%;
    overflow: hidden;
    padding: 5px 0;
}   

.sub_25 .wrap2 .file_down {
    position: relative;
    display: block;
    float: right;
    width: auto;
    margin: 0px;
    padding: 0px;
}

.sub_25 .wrap2 .file_down .btn_allDown {
    display: block;
    line-height: 20px;
    font-size: 13px;
    padding: 0 5px;
    border-radius: 3px;
    border: 1px solid #2b6a8f;
    color: #FFF;
    background: #448bb5;
}

.sub_25 .wrap2 .file_down .btn_allDown > i {
    color: #FFF;
}

.sub_25 .wrap2 h4
{
    display: inline-block;	
	font-size:14px;
	color:#5c5c5c;
	letter-spacing:-0.05em;
	margin-bottom:6px;
	line-height:1.4;
}

.sub_25 .wrap2 h4 span
{
	color:#f95053;
}

.sub_25 .wrap2 a.btn-reset {
	display: inline-block;	
	margin-left: 7px;
	color: #3e7699;
	font-size: 12px;
	font-family: 'Apple SD Gothic Neo', 'malgun gothic', sans-serif;
}

.sub_25 .wrap2 a.btn-reset {
 margin-right: 3px;
}

.sub_25 .wrap2 ul
{
	position:relative;
	border-top:1px solid #535353
}
.sub_25 .wrap2 ul:before
{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:1px;
	height:100%;
	background:#d8d7d7
}
.sub_25 .wrap2 ul li
{
	float:left;
	width:25%;
	border-bottom:1px solid #d8d7d7;
	border-right:1px solid #d8d7d7;
}
.sub_25 .wrap2 ul li:hover
{
	background:#f3f3f3;
}
.sub_25 .wrap2 ul li:hover a
{
	color:#000000;
	font-weight:bold;
}
.sub_25 .wrap2 ul li a
{
	display:block;
	font-size:15px;
	color:#c5c5c5;
	padding:14px 0 14px 13px;
	letter-spacing:-0.05em;
}

.sub_25_2
{
	margin-top:99px
}
/* END - 25. 본당주보 */



.btnAdmin {
	display: inline-block;
    margin-left: 15px;
    border: 1px solid #576879;
    line-height: 18px;
    font-size: 13px;
    border-radius: 3px;
    padding: 0 8px;
    background: rgb(109 126 143);
    color: #FFF !important;
    box-shadow: 1px 2px 0px rgba(0,0,0,0.1);
}



/* IE */
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, .sub_common_bg.custom-object-fit
    {
		background-size:cover;
    }
    *::-ms-backdrop, .sub_common_bg.custom-object-fit img
    {
        opacity:0;
    }
 }
 

/* media */
@media screen and (max-width:1220px) {
    .responsive_table
    {
        position: relative;
        overflow-x:scroll;
        -webkit-overflow-scrolling:touch;
    }
    .layout_1200 {
        width:100%;
        padding:0 15px;
    }
    .header .bottomWrap .allMenuBtn
    {
        margin-right:5px;
    }
    .header .topWrap .rightWrap .snsWrap
    {
        margin-right:20px; 
    }
    .header .topWrap h1
    {
        margin-left:10px;
    }
    .header .bottomWrap .rightWrap
    {
        margin-left:20px;
        justify-content: flex-end;
        width: calc(100% - 20px);
    }

    .header .topWrap .layout_1200 {
        padding-right:0;
    }

    .header .bottomWrap .mainMenu>li {
        margin-right:50px;
    }

    .allMenuWrap .wrapper .topWrap .logo {
        left:20px;
    }

    .allMenuWrap .wrapper .topWrap .rightWrap {
        right:20px;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu {
        display:flex;
        flex-flow:row wrap;
        width:100%;
        justify-content: flex-start;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li {
        flex:1 1 calc(16.666667% - 20px);
        max-width:calc(16.666667% - 20px);
    }

    .allMenuWrap .wrapper {
        height:100%;
        overflow:auto;
    }

    .allMenuWrap.active {
        height:100%;
    }

    .allMenuWrap .wrapper .topWrap
    {
        padding:35px 0;
    }
    .allMenuWrap .wrapper .bottomWrap
    {
        margin-left:0;
        width:100%;
    }

    /* subMenu */
    .sub_print
    {
        display:none;
    }
    #section .sub_title
    {
        width:180px
    }
    #section .sub_title h2:after
    {
        width:calc(100% - 100px)
    }
    #section .sub_contents
    {
        width:calc(100% - 180px)
    }
    #section .sub_title h2
    {
		font-size:38px;
        margin-bottom: 10px;
    }
    #section .sub_title h2 br
    {
		display: none;
    }
	#section .sub_title.br_1024 h2 br
	{
		display:block;
	}
    #section > div.layout_1200
    {
        padding:50px 15px;
    }


	
	.bgRed h2 span,
	.mainWrap .section2Wrap p
	{
		display:block;
		width:100%;
		overflow:hidden;
		text-overflow:ellipsis;
		white-space:nowrap;
	}


    /* START - 01. 교구 > 소개 */
    .top_01_text
    {
        margin:40px 0 80px;
    }
    .top_01_text h3
    {
        margin-bottom:20px;
    }
    .top_01_img > div
    {
        width:610px;
    }
    .top_02 img
    {
        margin-top:-20px;
        width:100%;
    }
    /* END - 01. 교구 > 소개 */

    /* START - 02. 교구 > 교구청 > 부서안내 */
    .top_04 .tab_content .wrap .list .common_call ul li,
    .top_04 .tab_content .wrap .list .common_call ul li.wi_100,
    .top_04 .tab_content div.common_call ul li
    {
        width:50%;
    }
    .top_04 .tab_content div.common_call ul li + li + li
    {
        margin-top:10px;
    }
    .top_04 .tab_content div.common_call ul li
    {
        margin:0;
    }
    
    /* END - 02. 교구 > 교구청 > 부서안내 */
    
    /* START - 03. 교구 > 교구장 > 약력 */
    .top_05
    {
        padding-bottom:150px;
    }
    /* END - 03. 교구 > 교구장 > 약력 */


    /* START - 06. 교구 > 교구장 > 역대교구장 */
    .top_08 .birth .right img.person
    {
        width:100%;
    }
    .top_08 .birth .left
    {
        width:calc(520px - 50px);
        padding:45px 0 0 17px
    }
    .top_08 .birth .left ul li span.bir
    {
        width:72px;
        font-size:15px;
    }
    .top_08 .birth .left ul li span.con
    {
        font-size:15px;
        padding-left:20px;
    }
    .top_08 .birth .right
    {
        width:calc(100% - 520px);
    }
    .top_08 .write h5 br
    {
        display:block;
    }
    /* END - 06. 교구 > 교구장 > 역대교구장 */

    /* START - 07. 교구 > 교구장 > 역대교구장(최덕기) */
    .top_09 .major > div ul
    {
        width:calc(100% - 30px);
        padding:29px 30px 0 0;
    }
    /* END - 07. 교구 > 교구장 > 역대교구장(최덕기) */

    /* START - 08. 교구 > 교구장 > 역대교구장(김남수) */
    .top_10 .birth .left ul li span.bir
    {
        width:72px;
        vertical-align:top;
    }
    .top_10 .birth .left ul li.long_txt span.con
    {
        width:calc(100% - 78px);
        line-height:1.3;
    }
	/* END - 08. 교구 > 교구장 > 역대교구장(김남수) */
	
	/* START - 10. 교구 > 역사 */
	.history_wrap h4
	{
		font-size:50px;
		margin:34px 0 40px
	}
	.history_yeon ul li
	{
		overflow:hidden;
	}
	.history_yeon ul li p
	{
		font-size:15px;
	}

	/* END - 10. 교구 > 역사 */

    /* START - 11. 교구 > 주교좌성당 */    
    .cathedral_wrap .cathedral_right {
        width: calc(100% - 405px);
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo {
        padding-left: 0px;
    }
    /* END - 11. 교구 > 주교좌성당 */


    /* START - 13. 교구 > 교구 Ci */
    .suwon_ci2 > ul > li
    {
        margin:0 40px 44px 0;
    }
    .suwon_ci2 > ul > li p,
    .suwon_ci2 > ul > li > ul > li span
    {
        font-size:15px;
    }
	/* END - 13. 교구 > 교구 Ci */
	
	/* START - 17. 로그인 */
	.login h3
	{
		padding:70px 40px;
		font-size:36px;
	}
	/* END - 17. 로그인 */


	/* START - 24. 소식 */
	.sub_24 .wrap1 .left
	{
		width:420px;
	}
	.sub_24 .wrap1 .left img
	{
		border-radius:10px;
	}
	.sub_24 .wrap1 .right
	{
		width:calc(100% - 420px)
	}
	.sub_24 .wrap1 .right ul li .text_wrap .title br,
	.sub_24 .wrap4 ul li .text_wrap a br,
	.sub_24 .wrap2 ul li .text_wrap .title br
	{
		display:none;
	}


	.sub_24 .wrap3 ul li .title
	{
		min-height:92px
	}
	.sub_24 .wrap4 ul li .text_wrap
	{
		padding:20px 16px
	}
	.sub_24 .wrap4 ul li .text_wrap a
	{
		font-size:15px;
	}
	/* END - 24. 소식 */


}

@media screen and (min-width:1024px)
{
    .allMenuWrap
    {
        display:none;
    }
}

@media screen and (max-width:1024px)
{
	
    .header .bottomWrap .subMenuWrap
    {
        transform:translate(-31%, -110%);
    }
    .header .bottomWrap .mainMenu>li:hover .subMenuWrap
    {
        transform:translate(-31%, 0);
    }

    .footer .topWrap .rightWrap > select.bottomSelect {
        width: 165px;
	}




}

@media screen and (max-width:1023px) {

    .allMenuWrap
    {
        transition:all .5s;
    }
    /* .allMenuWrap.active
    {
        transition: all .5s ease-in;
    } */

    .sub_common_bg
    {
        margin-top:79px;
    }

	/* subMenu */
	#section .sub_title.br_1024 h2 br
	{
		display:none;
	}
    .header .topWrap
    {
        z-index:1;
    }
    .header .topWrap .rightWrap .Searchbox
    {
        width:40px;
        margin:2px 5px 0 0;
    }
    .header .topWrap .rightWrap .Searchbox input
    {
        padding:0 16px 0 20px;
        border-radius:16px;
        height:40px;
    }
    .header .topWrap .rightWrap .Searchbox button
    {
        right:10px;
    }
    .header .bottomWrap
    {
        height:0;
        z-index:3;
    }
    .header .bottomWrap .layout_1200
    {
        overflow:visible;
    }
    .header .bottomWrap .allMenuBtn
    {
        margin-top:-80px;
    }
    .header .topWrap .rightWrap .snsWrap
    {
        margin-right:72px;
    }
    .header .topWrap .rightWrap .linksWrap
    {
        padding:32px 20px 0 0;
    }



    .header .bottomWrap .mainMenu {
        display:none;
    }

    .footer .topWrap .rightWrap select {
        width:155px;
    }

    
    .allMenuWrap .wrapper .topWrap .logo {
        display:none;
    }

    .allMenuWrap .wrapper .topWrap {
        /* background-color:#0068b2; */
        background: url(/assets/cas02/image/common/mobile_top_bg.jpg);
        padding:0;
    }

    .allMenuWrap .wrapper .topWrap .layout_1200 {
        padding:60px 20px 20px;
    }

    .allMenuWrap .wrapper .topWrap .rightWrap {
        right:auto;
        left:0;
        top:17px;
        padding:0 15px;
        width:100%;
        margin-top:0;
    }

    .allMenuWrap .wrapper .topWrap .rightWrap .linksWrap a {
        color:#fff;
        font-size:14px;
    }

    .allMenuWrap .wrapper .topWrap .rightWrap .allMenuBtn img:first-child {
        display:none;
    }

    .allMenuWrap .wrapper .topWrap .rightWrap .allMenuBtn img:last-child {
        display:block !important;
        width:19px;
    }

    .allMenuWrap .wrapper .topWrap .rightWrap .linksWrap {
		padding-top:2px;
		padding-right:0;
    }

    .allMenuWrap {
        /* width:320px; */
        width:0;
        left:auto;
        right:0;
        box-shadow:-5px 0px 5px 0px rgba(0, 0, 0, 0.2);
        height:100%;
    }

    .allMenuWrap.active {
        width:320px;
    }

    .allMenuWrap .wrapper {
        width:320px;
    }

    .allMenuWrap .wrapper .topWrap .searchWrap {
        width:100%;
        height:40px;
        background-color:#fff;
        border: 1px solid #3989a9;
    }

    .allMenuWrap .wrapper .topWrap .searchWrap input {
        padding:0 15px;
        width:calc(100% - 50px);
    }
   

    .allMenuWrap .wrapper .topWrap .searchWrap button {
        width:50px;
        line-height:43px;
    }

    .allMenuWrap .wrapper .topWrap .searchWrap button img {
        width:18px;
    }

    .allMenuWrap .wrapper .bottomWrap {
        width:100%;
        background-color:#fff;
        margin-left:0;
        height:calc(100% - 120px);
        overflow:auto;
        padding:0;
    }

    .allMenuWrap .wrapper .bottomWrap .layout_1200 {
        padding:0;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu {
        display:block;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li {
        width:100% !important;
        max-width:100%;
        border:none;
        margin:0;
        text-align:left;
        border-bottom:1px solid #cbcbcb;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li>a {
        text-align: left;
        border: none;
        font-size: 16px;
        padding: 13px 20px;
        margin: 0;
        position: relative;
        font-family: 'NotoKrR';
    }
    
    .allMenuWrap .wrapper .bottomWrap .allMenu>li.active>a {
        box-shadow:-5px 0px 5px 0px rgba(0, 0, 0, 0.2);
        font-family:'NotoKrM';
        color:#03538c;
        border-bottom:2px solid #43a1c8;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li.active>a:before {
        background-color:#0098d1 !important;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li.active>a:after {
        display:none;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li:not(.noSub)>a:before {
        content: '';
        width: 14px;
        height: 2px;
        background-color: #c1c1c1;
        position: absolute;
        right: 14px;
        top: 50%;
        margin-top: -1px;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li:not(.noSub)>a:after {
        content: '';
        width: 2px;
        height: 14px;
        background-color: #c1c1c1;
        position: absolute;
        right: 20px;
        top: 53%;
        margin-top: -8px;
    }

    .allMenuWrap .wrapper .bottomWrap .allsubMenu1 {
        padding:0 15px 10px;
        background-color:#efefef;
        display:none;
    }

    .allMenuWrap .wrapper .bottomWrap .allMenu>li.active .allsubMenu1 {
        display:block;
    }

    .allMenuWrap .wrapper .bottomWrap .allsubMenu1>li {
        border-bottom:1px solid #d2d2d2;
    }

    .allMenuWrap .wrapper .bottomWrap .allsubMenu1>li:last-child {
        border:none;
    }

    .allMenuWrap .wrapper .bottomWrap .allsubMenu1>li>a {
        padding: 10px 10px;
        font-size: 15px;
    }

    .allMenuWrap .wrapper .bottomWrap .allsubMenu1>li:last-child { margin-bottom: 10px; }

    .allMenuWrap .wrapper .bottomWrap .allsubMenu2 {
        background-color: rgba(255,255,255,0.65);
        padding: 8px 0 8px 15px;
        margin: 3px 0 8px;
    }

    .allMenuWrap .wrapper .bottomWrap .allsubMenu2>li>a {
        color: rgb(63, 63, 63);
        font-size: 14px;
        padding-left: 6px;
        line-height: 18px;
        letter-spacing: -0.5px;
    }

    #section .sub_title,
    #section .sub_contents
    {
        width:100%;
        float:none;
    }
    #section .sub_title
    {
        margin-bottom:40px;
        text-align:center;
    }
    #section .sub_title h2
    {
        display:inline-block;
    }
    #section .sub_title h2:after
    {
        /* width:calc(100% - 50px); */
        width:calc(100% - 10px);
        bottom:-20px;
        left:50%;
        transform:translateX(-50%);
    }
    
    /* START - 01. 교구 > 소개 */
    .top_01_text ul li:first-child
    {
        padding-right:10px;
    }
    .top_01_text ul li:nth-child(2)
    {
        padding-left:10px;
    }
    .top_01 img
    {
        right:49px;
    }
    .top_01_img
    {
        padding-left:0;
        margin-bottom:190px;
    }
    .top_01_img > div
    {
        width:560px;
        right:0;
    }
    /* END - 01. 교구 > 소개 */

    /* START - 02. 교구 > 교구청 > 부서안내 */
    .top_04 .tab_content
    {
        padding-top:40px;
    }
    /* END - 02. 교구 > 교구청 > 부서안내 */


    /* START - 06. 교구 > 교구장 > 역대교구장 */
    .top_08 h3,
    .top_08 h4
    {
        padding-left:0;
    }
    .top_08 h3
    {
        font-size:30px;
    }
    .top_08 h4
    {
        margin-top:10px;
    }
    .top_08 .birth .left
    {
        width:calc(500px - 20px);
        padding:30px 0;
    }
    .top_08 .birth .right
    {
        width:calc(100% - 500px);
        margin-top:-60px;
    }
    .top_08 .birth .right img.person
    {
        border-radius:5px 5px 0 0;
    }
    .top_08 .birth .right div
    {
        margin-top:-2px;
        border-radius:0 0 5px 5px;
        border-top:0;
    }
    .top_08 .major
    {
        padding-left:0;
    }
    .top_08 .major > div
    {
        background:url(/assets/cas02/image/06/3.png) no-repeat 0px center;
        background-size:cover;
    }
    .top_08 .major > div > p span:nth-of-type(2)
    {
        margin:10px 0;
    }
    .top_08 .major > div > p
    {
        padding:35px 42px 0 190px;
    }
    .top_08 .write
    {
        margin-top:30px;
        padding-left:0;
    }
    .top_08 .write h5
    {
        font-size:22px;
    }
    .top_08 .write ul
    {
        margin-top:40px;
    }
    .top_08 .write ul li
    {
        font-size:15px;
    }
    /* END - 06. 교구 > 교구장 > 역대교구장 */

    /* START - 07. 교구 > 교구장 > 역대교구장(최덕기) */
    .top_09 .major > div
    {
        background:url(/assets/cas02/image/07/3.png) no-repeat 0px center;
        background-size:cover;
    }
    /* END - 07. 교구 > 교구장 > 역대교구장(최덕기) */

    /* START - 08. 교구 > 교구장 > 역대교구장(김남수) */
    .top_10 .major > div
    {
        background:url(/assets/cas02/image/08/3.png) no-repeat 0px center;
        background-size:cover;
    }
	/* END - 08. 교구 > 교구장 > 역대교구장(김남수) */
	

	/* START - 10. 교구 > 역사 */
	.history_wrap_bg h3
	{
		font-size:28px;
	}
	.history_wrap h4
	{
		font-size:45px;
		margin:30px 0 35px;
	}
	.history_yeon h5
	{
		font-size:25px;
	}
	.history_yeon ul
	{
		padding-left:118px;
	}
	.history_yeon ul li span
	{
		font-size:15px;
	}
	.history_yeon ul:before
	{
		left:190px;
	}
	.history_yeon ul li p
	{
		padding-left:25px;
	}
	/* END - 10. 교구 > 역사 */

    /* START - 11. 교구 > 주교좌성당 */
    .cathedral_wrap .cathedral_left {
        position: relative;
        display: block;
        float: left;
        width: 350px;
        height: 468px;
        margin: 0px;
        padding: 0px; 
        border-radius: 5px;
        background-position: center bottom;
        background-size: cover;
    }


    .cathedral_wrap .cathedral_left div.cathedral_head {
        padding: 20px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head h3 {
        font-size: 25px;
        line-height: 30px;
        padding: 0 0 10px;
        margin: 0 0 10px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head h4 {
        font-size: 14px;
        line-height: 18px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head img {
        width: 85px;
        top: 20px;
        right: 20px;
    }

    .cathedral_wrap .cathedral_right {
        width: calc(100% - 360px);
        height: auto;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info {
        padding: 0px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li {
        position: relative;
        display: block;
        border-bottom: 1px solid #d8d8d8;
        overflow: hidden;
        padding: 5px 0 5px 7px;
        line-height: 28px;
        font-size: 14px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_call {
        height: 105px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_call > span,
    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_call > span > span {
        line-height: 22px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li i {
        width: 26px;
        height: 26px;
    }

   .cathedral_wrap .cathedral_right ul.cathedral_info li span > span {
        padding-right: 10px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time {
        border-top: 2px solid #535353;
        border-bottom: 2px solid #535353;
        margin-top: 5px;
        background: rgba(0,0,0,0.07);
        height: 200px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo {
        margin: 7px 0 0;
        padding-left: 0px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo > h5 {
        line-height: 20px;
        padding: 0 10px;
        margin-right: 3px;
    }

    /* END - 11. 교구 > 주교좌성당 */

    /* START - 13. 교구 > 교구 Ci */
    .suwon_ci h3,
    .suwon_ci2 h4
    {
        font-size:19px
    }
    .suwon_ci2
    {
        margin-top:50px;
    }
    .suwon_ci2 > p:nth-of-type(1)
    {
        font-size:15px;
    }
    .suwon_ci2 > ul > li
    {
        margin:0 30px 30px 0;
        width:calc(50% - 15px);
    }
    .suwon_ci2 > ul > li p, .suwon_ci2 > ul > li > ul > li span
    {
        font-size:14px;
    }
	/* END - 13. 교구 > 교구 Ci */
	
	/* START - 14. 회원가입 step1 */
	.join_common.join1 h4,
	.join_common.join2 h4
	{
		font-size:15px;
		padding:20px 10px 40px;
	}
	.join1 form > fieldset > ul > li h5
	{
		font-size:16px;
	}
	.join1 form > fieldset > ul > li div h6,
	.join1 form > fieldset > ul > li div ul li span.title,
	.common_chk input[type="checkbox"] + label
	{
		font-size:15px;
	}
	.join1 form > fieldset > ul > li div ul li span.cont
	{
		font-size:14px;
	}
	/* END - 14. 회원가입 step1 */

	/* START - 15. 회원가입 step2 */
	.join2 > form > fieldset > ul > li .right span.join_add
	{
		display:block;
		margin-top:8px;
		margin:8px 0 0 0
	}
	.join2 > form > fieldset > ul > li.join_birth .right div ul li label,
	.join2 > form > fieldset > ul > li.join_sex .right div ul li label
	{
		font-size:15px;
	}
	.join2 > form > fieldset > ul > li.join_birth .right input:not([type="radio"])
	{
		margin-right:10px;
	}
	/* END - 15. 회원가입 step2 */

	/* START - 16. 회원가입 step3 */
	.join_common h4
	{
		font-size:23px;
		padding:0;
	}
	.join_complete p
	{
		font-size:15px;
	}
	/* END - 16. 회원가입 step3 */

	/* START - 17. 로그인 */
	.login
	{
		height:auto;
		padding-bottom:143px;
	}
	.login h3
	{
		display:block;
		text-align:center;
		font-size:34px;
		padding:40px
	}
	.login > div.login_box
	{
		position:static;
		margin:0 auto;
		height:380px;
		padding:35px 40px
    }
    
    .login_box div.login_link {
        bottom:103px;
    }
	/* END - 17. 로그인 */

	/* START - 18. 아이디/비밀번호 찾기 */
	.search
	{
		margin-top:50px;
	}
	.search > ul > li:first-child:after
	{
		top:37px;
		height:106.5%;
	}
	.search > ul > li h3
	{
		font-size:20px;
		margin:0 0 15px 0;
	}
	.search > ul > li form
	{
		padding:25px 20px 40px;
	}
	.search > ul > li form p
	{
		font-size:15px;
	}
	.search > ul > li ul
	{
		margin-top:20px;
	}
	.search > ul > li ul li .left h4
	{
		font-size:15px;
	}
	/* END - 18. 아이디/비밀번호 찾기 */

	/* START - 19. 아이디/비밀번호 찾기 결과 */
	.join_answer
	{
		padding:30px 0 40px;
	}
	.join_answer h4
	{
		font-size:22px;
	}
	.join_answer ul
	{
		margin:34px 0 38px
	}
	.join_answer ul li .left h5,
	.join_answer ul li .right span
	{
		font-size:16px;
	}
	.join_answer ul li .right
	{
		padding-left:20px
	}
	/* END - 19. 아이디/비밀번호 찾기 결과 */

	/* START - 20. 회원정보 */
	.right_title h3
	{
		font-size:20px;
	}
	.info
	{
		margin-top:19px
	}
	.info ul li .left h4,
	.info ul li .right span
	{
		font-size:15px;
	}
	/* END - 20. 회원정보 */

	/* START - 21. 회원정보수정 전 비밀번호 확인 */
	.check_pw
	{
		padding:40px 0;
	}
	.check_pw h3,
	.check_pw ul li .left h4,
	.check_pw ul li .right span
	{
		font-size:15px;
	}
	/* END - 21. 회원정보수정 전 비밀번호 확인 */

	/* START - 23. 회원탈퇴 */
	.drawal
	{
		margin-top:16px;
	}
	.drawal h4
	{
		font-size:26px;
	}
	.drawal p
	{
		font-size:15px;
	}
	/* END - 23. 회원탈퇴 */



	/* START - 24. 소식 */
	.sub_24 .wrap1
	{
		padding:5px 0 30px;
	}
	.sub_24 .wrap1 .he
	{
		height:auto;
	}
	.sub_24 .wrap1 .left,
	.sub_24 .wrap1 .right
	{
		float:none;
		width:100%;
	}
	.sub_24 .wrap1 .left
	{
		height:380px;
	}
	.sub_24 .wrap1 .right
	{
		padding-left:0;
		margin-top:15px;
	}

	.sub_24 .wrap2
	{
		padding:55px 0 30px
	}
	.sub_24 .wrap2 ul li .text_wrap .title
	{
		font-size:15px;
		margin-bottom:14px;
	}
	.sub_24 .wrap2 ul li .text_wrap .cont
	{
		font-size:14px;
	}
	.sub_24 .wrap3 ul li
	{
		width:calc(50% - 10px);
		margin-bottom:10px;
	}
	.sub_24 .wrap3 ul li:nth-child(even)
	{
		margin-right:0;
	}

	.sub_24 .wrap4 ul li .text_wrap
	{
		padding:17px 14px
	}
	.sub_24 .wrap4 ul li .text_wrap a
	{
		font-size:15px;
	}
	.sub_24 .wrap4 ul li .text_wrap span
	{
		font-size:13px;
	}
	.sub_24 .wrap5 ul li
	{
		width:calc(50% - 10px);
		margin-bottom:15px;
	}
	.sub_24 .wrap5 ul li:nth-child(even)
	{
		margin-right:0;
	}

	.sub_24 .wrap3 .top,
	.sub_24 .wrap4 .top,
	.sub_24 .wrap5 .top
	{
		margin-bottom:20px;
	}
	.sub_24 .wrap3 .top h3,
	.sub_24 .wrap4 .top h3,
	.sub_24 .wrap5 .top h3
	{
		font-size:18px
	}
	.sub_24 .wrap3 .top h3:before,
	.sub_24 .wrap4 .top h3:before,
	.sub_24 .wrap5 .top h3:before
	{
		width:93px
	}


	/* END - 24. 소식 */




	/* START - 25. 본당주보 */
	.sub_25 h3
	{
		font-size:16px
	}
	/* .sub_25 .wrap1 ul li .left
	{
		width:165px;
	} */
	.sub_25 .wrap1 ul li .left h4
	{
		font-size:15px;
	}
	/* .sub_25 .wrap1 ul li .right
	{
		width:calc(100% - 165px)
	} */
	.sub_25 .wrap1 ul li .right button
	{
		font-size:14px;
	}
	.sub_25 .wrap1 ul li .right span
	{
		margin-left:5px;
	}

	.sub_25 .wrap2
	{
		margin-top:20px
	}

	.sub_25_2
	{
		margin-top:70px
	}
	/* END - 25. 본당주보 */

}

@media screen and (max-width:930px)
{
    .footer .topWrap
    {
       height:auto;
    }
    .footer .topWrap .layout_1200
    {
       padding:0;
    }
    .footer .topWrap .leftWrap,
    .footer .topWrap .rightWrap
    {
       float:none;
    }
    .footer .topWrap .leftWrap
    {
       padding:12px 0;
       background:#fff;
       text-align:center;
       border-top: 1px solid #e0e0e0;
    }
    .footer .topWrap .leftWrap a
    {
       font-size:14px;
       color:#6e6e6e
    }

    .footer .topWrap .rightWrap > select.bottomSelect {
        display:block;
        width: 100%;
        height: 47px;
        font-size: 14px;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        border-left: none;
    }

    .footer .topWrap .rightWrap > select.bottomSelect:last-child {
        border-bottom: 0px;
    }    
    
    .footer .topWrap .rightWrap select:last-child
    {
       border-right:0;
    }
}

@media screen and (max-width:768px)
{   
    
    .footer .bottomWrap p { 
        line-height: 22px;
        text-align: center; 
    }  

    .footer .bottomWrap
    {
       height:auto;
       padding:20px 0 30px;
    }
    .footer .bottomWrap p,
    .footer .bottomWrap ul
    {
       float:none;
    }
    .footer .bottomWrap ul
    {
       width:100%;
       margin-top:21px;
    }
    .footer .bottomWrap ul li
    {
        width: 33.3333%;
        display: block;
        margin: 0px;
        float: left;
    }
    .footer .bottomWrap ul li a
    {
       background:#fff;
       font-size:13px;
       border-bottom: 0px;
       line-height: 22px;
    }
    .footer .bottomWrap ul li a:before {
        content: '';
        width: 2px;
        height: 1px;
        background-color: #868686;
        position: absolute;
        top: 16px;
        left: 10px;
    }
    .footer .bottomWrap ul li:not(:last-child) a
    {
       border-right:1px solid #dadada;
    }
    

    .sub_common_menu
    {
        display:none;
        /* height:auto; */
        position:absolute !important;
    }
    .sub_common_menu.scroll_on_m
    {
        position:fixed !important;
    }
    .sub_common_menu .layout_1200
    {
        padding:0;
    }
    .sub_common_menu .sub_home
    {
        line-height:50px;
        z-index:1;
    }
    .sub_common_menu .sub_home img
    {
        width:24px;
        vertical-align:middle;
    }
    .sub_depth_wrap > li
    {
        float:none;
        width:100%;
        border-bottom:1px solid rgba(255,255,255,0.2);
    }
    .sub_depth_wrap > li:last-child
    {
        border-bottom:0;
    }
    .sub_depth_wrap > li + li
    {
        display:none;
    }
    .sub_depth_wrap > li > ul
    {
        display:none;
        width:100%;
        border-left:0;
        border-right:0;
    }
    .sub_depth_wrap > li > a.s_title
    {
       text-align:center;
        padding-left:0;
    }
    .sub_depth_wrap > li:first-child > a.s_title
    {
        padding-right:47px;
    }
    .sub_depth_wrap > li > a.s_arrow
    {
        top:17px;
        margin-top:0;
    }    

    /* START - 12. 교구 > 주보성인 */
    .patronTitle {
        height: 150px;
        background-size: cover;
        margin: 0 0 20px;
    }

    .patronTitle div.patronTit {
        right: 150px;
    }

    .patronTitle div.patronTit h2 {
        font-size: 35px;
        line-height: 35px;  
    }

    .patronTitle div.patronTit h3 {
        font-size: 15px;
        line-height: 22px;    
        padding: 0 12px;
    }

    .patronContent div.patronImg {
        width: 35%;
    }

    .patronContent div.patronImg img {
        width: 100%;
    }

    .patronContent div.patronImg > span {
        margin-top: 5px;
        padding-right: 3px;
        line-height: 18px;
        font-size: 13px;
    }

    .patronContent div.patronCon {
        width: 60%;
    }

    .patronContent div.patronCon > .patronTit h2 {
        font-size: 25px;
    }

    .patronContent div.patronCon > p {
        margin: 0 0 20px;
        line-height: 23px;
        font-size: 15px;
    }

    .patronContent div.patronCon > p.txtHead {
        font-size: 20px;
        line-height: 26px;
        letter-spacing: -0.5px;
    }
    /* END - 12. 교구 > 주보성인 */

    /* START - 05. 교구 > 교구장 > 보좌주교 */
    .top_07 div.auxiliary_title {
        margin: 0px 0px 20px;
    }


    /* 회원탈퇴 */
    .leaveR li {
        width: 100%;
        line-height: 50px;
        border-bottom: 1px dashed #b3b3b3;
    }

    .leaveR li:last-child {
        border-bottom: 0px;
    }
    
    .leaveR li:last-child {
        width: 100%;
    }
    
    .leaveR li div.left {
        width: 20%;
    }
    
    .leaveR li div.right {
        width: calc(80% - 10px);
    }
    
    .leaveR li div.right input {
        width: 90%;
    }
    
    .leaveR li button {
        width: 50%;
        line-height: 40px;
        margin: 10px auto;
        border-radius: 3px;
    }

}


@media screen and (max-width:767px) {
    .layout_1200 {
        padding:0 10px;
    }
    .sub_common_bg
    {
        margin-top:59px;
        height:100px;
    }

    .sub_common_bg h1
    {
        font-size:30px;
        top: 38px;
    }

    .header .topWrap
    {
        height:60px;
    }
    .header .topWrap h1 img
    {
        width:137px;
    }
    .header .topWrap .rightWrap .linksWrap
    {
        display:none;
    }
    .header .topWrap .rightWrap .snsWrap a
    {
        width:26px;
        height:26px;
        border-radius:10px;
        line-height:28px;
    }
    .header .topWrap .rightWrap .Searchbox
    {
        width:26px;
        margin:1px 5px 0 0;
    }
    .header .topWrap .rightWrap .Searchbox input
    {
        height:26px;
        padding:0 2px 0 20px;
        border-radius:10px;
    }
    .header .topWrap .rightWrap .snsWrap a img,
    .header .topWrap .rightWrap .snsWrap a.instaG img
    {
        width:14px;
    }

    .header .topWrap .rightWrap .snsWrap a.kakaO {     
        line-height: 35px;
    }

    .header .topWrap .rightWrap .snsWrap a.kakaO img {
        width:18px;
	}

    .header .topWrap .rightWrap .snsWrap a.instaG {     
        line-height: 30px;
    }

    .header .topWrap h1 {
        margin-left: 0px;
    }

    .header .topWrap .rightWrap .snsWrap a:not(:first-child) {
        margin-left: 3px;
    }
	
	/* START 그룹웨어 아이콘 추가-홍보국*/
    .header .topWrap .rightWrap .snsWrap a.GroupWare {     
        line-height: 35px;
    }

    .header .topWrap .rightWrap .snsWrap a.GroupWare img {
        width:25px;
    }
/* END 그룹웨어 아이콘 추가-홍보국*/

    .header .topWrap .rightWrap .Searchbox button
    {
        margin-top:1px;
        right:7px;
    }
    .header .topWrap .rightWrap .Searchbox button img
    {
        width:12px;
    }
    .header .bottomWrap .allMenuBtn
    {
        margin-top:-67px
    }
    .header .topWrap .rightWrap .snsWrap
    {
        padding-top:17px;
        margin-right:55px;
    } 
    

    #section .sub_title h2
    {
        font-size:27px;
    }
    #section .sub_title h2:after
    {
        width:calc(100% - 10px);
	}
	

	.bgRed h2 span,
	.mainWrap .section2Wrap p
	{
		display:block;
		width:100%;
		overflow:visible;
		text-overflow:inherit;
		white-space:inherit;
	}

	.allMenuWrap .wrapper .topWrap .layout_1200
	{
		padding:56px 20px 20px;
	}
	.allMenuWrap .wrapper .topWrap .rightWrap .allmenu_right
	{
		margin-top:-3px;
	}



    /* START - 01. 교구 > 소개 */
    #section > div.layout_1200
    {
        padding: 25px 10px 30px;
        min-height: auto;
    }
    .top_01_text
    {
        margin:20px 0 30px;
    }
    .top_01_text h3
    {
        margin-bottom:10px;
        font-size:18px;
        line-height:1.3;
    }
    .top_01_text ul li
    {
        width:100%;
        float:none;
        font-size:14px;
        line-height:1.7;
    }
    .top_01_text ul li:first-child
    {
        padding-right:0;
    }
    .top_01_text ul li:nth-child(2)
    {
        padding-left:0;
    }
    .top_01_img
    {
        margin-bottom:50px;
    }
    .top_01_img img
    {
        width:100%;
    }
    .top_01_img > div
    {
        position:relative;
        width:100%;
        top:0;
        margin-top:-40px;
        padding:16px 10px 10px;
    }
    .top_01_img > div ul li h3,
    .top_01_img > div ul li p
    {
        font-size:14px;
    }
    .top_01_img > div ul li p br
    {
        display:none;
    }
    .top_02 > div:first-child
    {
        padding-left:15px;
    }
    .top_02 > div:first-child h3
    {
        font-size:18px;
    }
    .top_02 > div:first-child h4
    {
        font-size:14px;
        margin:10px 0 8px;
    }
    .top_02 > div:first-child p
    {
        font-size:14px;
    }
    .top_02 > div:first-child:before
    {
        height:80px;
    }
    .top_02 img
    {
        margin-top:10px;
    }
    /* END - 01. 교구 > 소개 */


    /* START - 02. 교구 > 교구청 > 부서안내 */
    .top_04 .common_tab
    {
        overflow-x:auto;
        -webkit-overflow-scrolling:touch;
        overflow-y:hidden;
    }
    .top_04 .common_tab ul
    {
        width:max-content
    }
    .top_04 ul.tab_menu li
    {
        font-size:14px;
        width:auto;
        padding:14px 25px;
        border-top:0;
    }
    .top_04 .tab_content
    {
        padding-top:25px;
    }
    .top_04 ul.tab_menu li.active:before
    {
        left:11px;
        width:80%;
    }
    .top_04 ul.tab_menu li:nth-child(2):after
    {
        display:block;
    }
    /* .top_04 ul.tab_menu li:nth-child(3):after,
    .top_04 ul.tab_menu li:nth-child(6):after
    {
        display:none;
    } */
    .top_04 .tab_content > div h3
    {
        font-size:20px;
    }
    .top_04 .tab_content .wrap h4
    {
        font-size:16px;
        padding-left:18px;
    }
    .top_04 .tab_content .wrap h4:before
    {
        top:3px;
        width:10px;
        height:10px;
    }
    .top_04 .tab_content > div .explan p
    {
        font-size:14px;
        margin-top:18px;
    }
    .top_04 .tab_content .wrap
    {
        margin-top:35px;
    }
    .top_04 .tab_content .wrap .list .common_call ul li,
    .top_04 .tab_content .wrap .list .common_call ul li.wi_100,
    .top_04 .tab_content div.common_call ul li
    {
        width:100%;
    }
    .top_04 .tab_content div.common_call ul li img
    {
        width:20px;
    }
    .top_04 .tab_content div.common_call ul li + li
    {
        margin-top:10px;
    }
    .top_04 .tab_content > div .explan > div.basic ul li
    {
        width:100%;
        font-size:14px;
        margin-bottom:12px;
    }
    .top_04 .tab_content .wrap .list p.p_underline
    {
        line-height:1.5;
    }
    .top_04 .tab_content > div .explan > div.basic
    {
        margin:30px 0 13px;
    }
    .top_04 .tab_content .wrap .list .common_call
    {
        margin-top:20px;
    }
    .top_04 .tab_content div.common_call
    {
        padding:13px 10px;
    }
    .top_04 .tab_content div.common_call ul li span,
    .top_04 .tab_content div.common_call ul li a
    {
        font-size:13px;
        vertical-align:top;
        padding-top:2px;
        padding-left:2px;
    }
    .top_04 .tab_content .wrap .list p
    {
        padding:15px 10px 0;
        font-size:14px;
    }
    .top_04 .tab_content .wrap .list .inner_list h5
    {
        font-size:15px;
    }
    .top_04 .tab_content .wrap .list .inner_list > ul
    {
        margin-top:13px;
    }
    .top_04 .tab_content .wrap .list .inner_list > ul > li
    {
        margin-bottom:6px;
        font-size:13px;
    }
    .top_04 .tab_content .wrap .list .inner_list > ul > li > ul > li
    {
        margin-top:6px;
    }
    .top_04 .tab_content .wrap .list .inner_list
    {
        padding:0 20px;
    }
    .top_04 .tab_content div .explan .common_call
    {
        margin-bottom:20px;
    }
    .top_04 .tab_content .wrap .list .donate
    {
        padding:20px 0;
    }
    .top_04 .tab_content .wrap .list .donate span.donate_title
    {
        display:block;
        /* width:calc(100% - 20px); */
        width:80px;
        font-size:14px;
        margin-right:0;
        margin-left:10px;
        text-align:center;
    }
    .top_04 .tab_content .wrap .list .donate span.donate_block
    {
        padding:0 10px;
        margin-top:6px;
    }
    .top_04 .tab_content .wrap .list .donate span
    {
        display:block;
        width:100%;
        padding:10px 10px 0 10px;
        font-size:14px;
        line-height:1.4;
    }
    .top_04 .tab_content .wrap .list .inner_list > ul > li > ul > li
    {
        font-size:13px;
    }
    .top_04 .tab_content .wrap .list .inner_list span.special
    {
        font-size:14px;
        margin:20px 0;
        padding-left: 0px;
    }
    .top_04 .tab_content .wrap .list .inner_list span.special:before
    {
        font-size:14px;
    }
    .top_04 .tab_content > div .explan p br.explan_hide_br
    {
        display:none;
    }

    /* END - 02. 교구 > 교구청 > 부서안내 */

    /* START - 03. 교구 > 교구장 > 약력 */
    .top_05 h3,
    .top_08 h3
    {
        font-size:26px;
    }
    .top_05 h4,
    .top_08 h4
    {
        font-size:17px;
        margin-top:7px;
    }
    .top_05 h3, .top_05 h4,
    .top_08 h3, .top_08 h4
    {
        padding-left:7px;
        line-height:1.3;
    }

    .top_05 .bishopInfo {
        font-size: 18px;
        margin: 12px 7px 0;
    }

    .top_05 .list
    {
        border-top: 3px solid #4e3938;
        margin-top:26px;
    }
    .top_05 .list img.li_person
    {
        display:none;
    }
    .top_05 .list ul
    {
        padding:26px 20px;
    }
    .top_05 .list:before
    {
        height:220px;
    }
    .top_05 .list:after {
        top: 0px;
    }
    .top_05 .list ul li
    {
        margin-bottom:16px;
    }
    .top_05 .list ul li h5, .top_05 .list ul li span
    {
        font-size:14px;
    }
    .top_05 .list ul li h5
    {
        width:90px;
    }
    .top_05 .list ul li span
    {
        width:calc(100% - 100px);
        padding-left:15px;
    }
    .top_05 .list ul li span br
    {
        display:none;
    }
    .top_05 .list ul li.active:after
    {
        top:6px;
        left:87px;
        width:5px;
        height:5px;
        border:3px solid #4e3938
    }
    .top_05 .list ul li:last-child:after
    {
        bottom:-60px;
        left:88px;
    }
    .top_05 .list:after
    {
        left:111px;
        height:100%;
    }
    .top_05 .list:before
    {
        display:none;
    }
    .top_05 .list ul li.marginBLarge
    {
        margin-bottom:16px;
    }
    /* END - 03. 교구 > 교구장 > 약력 */


    /* START - 06. 교구 > 교구장 > 역대교구장 */
    .top_08 h3 span
    {
        display:block;
    }
    .top_08 .birth
    {
        display:flex;
        flex-flow:column;
        margin-top:80px;
        margin-bottom:0;
    }
    .top_08 .birth .left,
    .top_08 .birth .right
    {
        width:100%;
        float:none;
    }
    .top_08 .birth .left
    {
        padding:30px 0;
        order:2;
    }
    .top_08 .birth .left ul li span
    {
        display:block;
    }
    .top_08 .birth .left ul li span.bir
    {
        font-size:14px;
    }
    .top_08 .birth .left ul li span.con
    {
        font-size:14px;
        padding-left:0;
        margin-top:5px;
        line-height:1.3;
    }
    .top_08 .major > div
    {
        height:auto;
        padding:35px 0;
        overflow:hidden;
    }
    .top_08 .major > div:after
    {
        content:'';
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background:rgba(0,0,0,0.5);
        border-radius:5px;
    }
    .top_08 .major > div > p
    {
        position:relative;
        padding:0;
        width:100%;
        text-align:center;
        padding:0 20px;
        font-size:14px;
        z-index:1;
        color:#eee;
    }
    .top_08 .major > div > p span
    {
        display:inline;
    }
    .top_08 .major > div > p span:nth-of-type(2)
    {
        margin:5px 0;
    }
    .top_08 .birth .left ul
    {
        padding:0;
    }
    .top_08 .birth .left ul li
    {
        padding:14px 10px;
    }
    .top_08 .write
    {
        margin-top:20px;
    }
    .top_08 .write h5
    {
        font-size:17px;
    }
    .top_08 .write h5 br
    {
        display:none;
    }
    .top_08 .write ul
    {
        margin-top:7px;
        padding:0 0 0 18px;
    }
    .top_08 .write ul li
    {
        font-size:14px;
        margin-bottom:12px;
    }
    .top_08 .write ul li:before
    {
        top:7px;
        left:-14px;
    }
    /* END - 06. 교구 > 교구장 > 역대교구장 */

    /* START - 07. 교구 > 교구장 > 역대교구장(최덕기) */
    .top_09 .major > div ul
    {
        position:relative;
        width:100%;
        z-index:1;
        padding:0 30px;
    }
    .top_09 .major > div ul li
    {
        margin-bottom:22px;
    }
    .top_09 .major > div ul li h6
    {
        font-size:15px;
        margin-bottom:7px;
    }
    .top_09 .major > div ul li p
    {
        font-size:13px;
    }
    /* END - 07. 교구 > 교구장 > 역대교구장(최덕기) */

    /* START - 08. 교구 > 교구장 > 역대교구장(김남수) */
    .top_10 .major ul
    {
        position:relative;
        z-index:1;
        padding:0 30px;
    }
    .top_10 .major > div ul li
    {
        margin-bottom:22px;
    }
    .top_10 .major > div ul li h6
    {
        font-size:15px;
        margin-bottom:7px;
    }
    .top_10 .major > div ul li p
    {
        font-size:13px;
    }
    .top_10 .major > div ul li p br
    {
        display:none;
    }
    .top_10 .birth .left ul li.long_txt span.con
    {
        width:100%;
    }
    /* END - 08. 교구 > 교구장 > 역대교구장(김남수) */


    /* START - 09. 페이지 준비중 */
    .top_11 h3
    {
        font-size:23px;
        margin-top:10px;
    }
    .top_11 p
    {
        font-size:20px;
        margin-top:8px
    }
	/* END - 09. 페이지 준비중 */
	

	/* START - 10. 교구 > 역사 */
	.common_tab ul li
	{
		width:50%;
	}
	.common_tab ul li:nth-child(2):after
	{
		display:none;
	}
	.common_tab ul li + li + li
	{
		border-top:1px solid #d6d6d6
	}
	.history_wrap_bg
	{
		height:140px;
	}
	.history_wrap_bg h3
	{
		font-size:20px;
	}
	.common_tab ul li
	{
		padding:14px 0;
		font-size:13px;
	}
	.history_wrap h4
	{
		font-size:30px;
		letter-spacing:inherit;
	}
	.history_yeon h5
	{
		position:static;
	}
	.history_yeon ul
	{
		padding-left:0;
		margin-top:15px;
	}
	.history_yeon ul:before
	{
		left:62px;
	}
	.history_yeon ul li span
	{
		font-size:14px;
	}
	.history_yeon ul li p
	{
		font-size:14px;
		padding-left:10px;
	}
	.history_yeon ul li:first-child p:after
	{
		left:-10px;
	}
	.history_yeon ul li p.yeon_img1:after
	{
		left:10px;
	}
	.history_yeon ul li p.yeon_img1
	{
		padding-left:70px;
	}
	/* END - 10. 교구 > 역사 */


    /* START - 13. 교구 > 교구 Ci */
    .suwon_ci1
    {
        height:auto;
    }
    .suwon_ci1 > div:first-child
    {
        height:auto;
        padding-bottom:30px;
    }
    .suwon_ci1 > div:first-child img
    {
        width:200px;
    }
    .suwon_ci1 > div:nth-child(2)
    {
        height:auto;
        display:block;
        margin:10px 0;
        padding:0 10px
    }
    .suwon_ci1 > div:nth-child(2) ul
    {
        display:block;
    }
    .suwon_ci1 > div:nth-child(2) ul li
    {
		display:block;
        margin:0 0 5px;
    }
	.suwon_ci1 > div:nth-child(2) ul li a
	{
		padding:12px 0;
	}
    .suwon_ci1 > div:nth-child(2) ul li:last-child
    {
        margin-bottom:0;
    }
    .suwon_ci2
    {
        margin-top:30px;
    }
    .suwon_ci2 > ul > li
    {
        float:none;
        width:100%;
        margin:0 0 20px 0;
    }
    .suwon_ci h3, .suwon_ci2 h4
    {
        font-size:17px;
    }
    .suwon_ci2 > ul > li h5
    {
        font-size:19px;
    }
    .suwon_ci2 > p:nth-of-type(1)
    {
        font-size:14px;
    }
    .suwon_ci2 > ul > li > ul > li
    {
        padding:10px;
    }
	/* END - 13. 교구 > 교구 Ci */
	

	/* START - 17. 로그인 */
	.login
	{
		padding-bottom:123px;
	}
	.login h3
	{
		font-size:22px;
		padding:30px 0;
	}
	.login form
	{
		margin-top:25px;
	}
	.login > div.login_box
	{
		padding:25px 20px 35px;
		width:calc(100% - 40px);
		height:auto;
		/* border-radius:0; */
		margin-left:20px;
	}
	.login > div.login_box h4
	{
		font-size:16px;
	}
	.login form ul li h5
	{
		margin-bottom:5px;
		font-size:13px
	}
	.login form ul li input
	{
		padding:7px 20px 7px 0
	}
	.login form button
	{
		height:60px;
		font-size:16px;
    }
    .login_box div.login_link {
        bottom:86px;
    }
	/* END - 17. 로그인 */



	/* START - 22. 회원정보 수정 */
	/* .join2_modify > form > fieldset > ul > li .left h6
	{
		padding-left:0;
	} */
	/* END - 22. 회원정보 수정 */




	/* START - 24. 소식 */
	.sub_24 .wrap1 .left a
	{
		left:15px;
		bottom:15px;
		font-size:15px;
	}
	.sub_24 .wrap1 .left a span
	{
		margin-top:2px;
		font-size:13px;
	}
	.sub_24 .wrap1 .right ul li .image_wrap,
	.sub_24 .wrap1 .right ul li .text_wrap
	{
		float:none;
		width:100%;
	}
	.sub_24 .wrap1 .right ul li .image_wrap
	{
		height:205px;
	}
	.sub_24 .wrap1 .right ul li .text_wrap .title
	{
		margin-bottom:10px;
	}
	.sub_24 .wrap1 .right ul li .text_wrap .date
	{
		font-size:13px;
	}

	.sub_24 .wrap2 ul li
	{
		float:none;
		width:100%;
		margin-right:0;
	}
	.sub_24 .wrap2 ul li .text_wrap .title
	{
		min-height:inherit;
		font-size:14px;
		margin-bottom:5px;
	}
	.sub_24 .wrap2 ul li .image_wrap .type
	{
		top:-20px;
		width:80px;
		font-size:13px;
		padding:15px 0;
	}
	.sub_24 .wrap3 ul li
	{
		float:none;
		width:100%;
		margin-right:0;
		padding:22px 20px;
	}
	.sub_24 .wrap3 ul li .title
	{
		min-height:inherit;
		font-size:16px;
	}

	.sub_24 .wrap4 ul li,
	.sub_24 .wrap5 ul li
	{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom:10px;
	}
	.sub_24 .wrap4 ul li:last-child,
	.sub_24 .wrap5 ul li:last-child
	{
		margin-bottom:0;
	}
	/* END - 24. 소식 */



	/* START - 25. 본당주보 */
	.sub_25 h3
	{
		padding:0 0 0 19px
	}
	.sub_25 h3:before
	{
		top:3px;
		width:10px;
		height:10px;
	}

    .sub_25 .wrap1 #btn_search {
        font-size: 14px;
    }
    
	.sub_25 .wrap1 ul li
	{
		height:auto;
	}
	.sub_25 .wrap1 ul li .left,
	.sub_25 .wrap1 ul li .right
	{
		float:none;
		width:100%;
	}
	.sub_25 .wrap1 ul li .left h4
	{
		padding-left:5px;
		font-size:14px;
	}
	.sub_25 .wrap1 ul li .right
	{
		margin-top:7px;
	}
	.sub_25 .wrap1 ul li .right select,
	.sub_25 .wrap1 ul li .right button
	{
		display:block;
		width:100%;
		margin-top:8px;
		font-size:13px;
	}
	.sub_25 .wrap1 ul li .right select
	{
		background: url(/assets/cas02/image/12/6.png) no-repeat 96% 50% #fff !important;
		background-size:9px !important
	}

    .sub_25 .wrap1 ul li .right select#c_district {
        margin-bottom: 7px;
    }

	.sub_25 .wrap1 ul li .right span
	{
		margin-top:8px;
	}

	.sub_25 .wrap2
	{
		margin-top:15px;
	}
	.sub_25 .wrap2 ul li
	{
		width:50%;
	}
	.sub_25 .wrap2 ul li a
	{
		font-size:14px;
	}

	.sub_25_2
	{
		margin-top:50px;
    }
    
    .sub_25 .wrap1 ul li .right > a.btn-reset {
        width: auto;
        margin: 15px auto 0;
        display: block;
        text-align: center;
    }
    
	/* END - 25. 본당주보 */

}

@media screen and (max-width:715px)
{  
    /* START - 11. 교구 > 주교좌성당 */
    .cathedral_wrap {
        width: calc(100% - 40px);
        margin: 0px auto;
    }

    .cathedral01 .cathedral_left {
        background-color: #2a97ea;    
    }

    .cathedral02 .cathedral_left {
        background-color: #2a97ea; 
    }

    .cathedral_wrap .cathedral_left {
        width: 100%;
        height: 950px;
    }


    .cathedral_wrap .cathedral_left div.cathedral_head {
        color: #FFF;
        padding: 20px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head h3 {
        font-size: 23px;
        line-height: 26px;
        padding: 0 0 7px;
        margin: 0 0 7px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head h3 span {
        display: inline-block;
        margin-right: 5px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head h4 {
        display: block;
        font-size: 14px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head img {
        position: absolute;
        width: 80px;
        top: 18px;
        right: 18px;
    }

    .cathedral_wrap .cathedral_right {
        position: absolute; 
        display: block;
        clear: right;
        width: 94%;
        height: auto;
        margin: 150px 3% 0;
        padding: 0px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info {
        border-top: 0px solid #535353;
        padding: 0px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li {
        position: relative;
        display: block;
        border-bottom: 1px dashed rgba(255,255,225,0.4);
        overflow: hidden;
        padding: 7px 10px;
        line-height: 25px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_call {
        height: auto;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li i {
        width: 23px;
        height: 23px;
        border: 1px solid #FFF;
        background: rgba(0,0,0,0);
        border-radius: 50%;  
        margin-right: 3px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li i > img {
        width: 100%;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li span {
        position: relative;
        display: inline-block;
        color: #FFF;
        line-height: 26px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li span > span {
        position: relative;
        display: inline-block;
        width: 70px;
        top: 0px;
        left: 0px;
        text-align: right;
        padding-right: 10px;
        font-weight: bold;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_home {
        border-bottom: 0px;    
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time {
        border-top: 2px solid #FFF;
        border-bottom: 2px solid #FFF;
        margin-top: 5px;
        height: auto;
        padding-bottom: 20px;
    }

    .cathedral01 .cathedral_right ul.cathedral_info li.list_time {
        background: rgba(0,0,0,0.2);
    }

    .cathedral02 .cathedral_right ul.cathedral_info li.list_time {
        background: rgba(58, 34, 10, 0.75);
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeTitle {
        color: #FFF;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo {
        margin: 10px 0 0;
        padding-left: 10px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo > h5 {
        border: 0px solid #5b5b5b;
        line-height: 22px;
        padding: 0 10px;
        margin-right: 5px;
    }

    /* END - 11. 교구 > 주교좌성당 */
}

@media screen and (max-width:575px)
{
    
    .sub_common_bg
    {
        height:80px;
    }

    .sub_common_bg h1
    {
        font-size:22px;
        top: 29px;
    }

    #section .sub_title h2 {
        font-size: 24px;
    }

    #section .sub_title h2:after {
        height: 4px;
        width: 100%;
        bottom: -15px;
    }


    .footer .bottomWrap p br.hide:nth-child(2) {
        display:block !important;
    }

    .footer .bottomWrap p br.hide {
        display: none;
    }

     /* START - 12. 교구 > 주보성인 */
     .patronTitle {
        height: 120px;
        background-size: cover;
        margin: 0 0 20px;
    }

    .patronTitle div.patronTit {
        right: 110px;
    }

    .patronTitle div.patronTit h2 {
        font-size: 30px;
        line-height: 30px;  
    }

    .patronTitle div.patronTit h3 {
        font-size: 14px;
    }

    .patronContent div.patronImg {
        width: 40%;
    }

    .patronContent div.patronCon {
        width: 57%;
    }

    .patronContent div.patronCon > p {
        margin: 0 0 15px;
        line-height: 21px;
        font-size: 14px;
    }

    .patronContent div.patronCon > p.txtHead {
        font-size: 17px;
        line-height: 23px;
    }
    /* END - 12. 교구 > 주보성인 */

    .top_05 .list {
        border-top: 2px solid #4e3938;
        margin-top: 15px;
    }

    .top_05 h3 a span {
        /* display: none; */
    }
}

@media screen and (max-width:500px)
{
    .footer .bottomWrap ul li {
        width: auto;
    }
    
    /* .footer .bottomWrap ul li:first-child {
        width: 24%;
    } */


    /* START - 01. 교구 > 소개 */
    .top_01
    {
        height:140px;
        background:url(/assets/cas02/image/01/top.jpg) no-repeat -105px center;
        background-size:cover;
    }
    .top_01 img
    {
        width:240px;
        top:57px;
        right:20px;
    }
    /* END - 01. 교구 > 소개 */

    /* START - 11. 교구 > 주교좌성당 */
    .cathedral_wrap {
        width: calc(100% - 15px);
    }

    .cathedral_wrap .cathedral_left {
        width: 100%;
        height: 850px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head h3 {
        font-size: 20px;
        line-height: 23px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head h3 span {
        display: block;
    }

    .cathedral_wrap .cathedral_right {
        margin: 150px 3% 0;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li {
        padding: 7px;
        line-height: 23px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li i {
        width: 23px;
        height: 23px;
        border: 1px solid #FFF;
        background: rgba(0,0,0,0);
        border-radius: 50%;  
        margin-right: 3px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li span {
        line-height: 25px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li span > span {
        width: 65px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time {
        padding-bottom: 10px;
    }

   .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo {
        margin: 10px 0 0;        
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo > h5 {
        line-height: 20px;
        padding: 0 10px;
        margin-right: 5px;
        font-size: 13px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li.list_time div.timeInfo span {
        display: block;
        line-height: 18px;
        padding-left: 10px;
        margin-top: 5px;
    }

    /* END - 11. 교구 > 주교좌성당 */


    .patronContent div.patronCon > .patronTit h2 {
        font-size: 20px;
    }

    .top_05 h3 a {
        margin-left: 10px;
        font-size: 14px;
    }
    .top_05 h3 a > i {
        margin-right: 5px;
        font-size: 16px;
    }
}


@media screen and (max-width:425px)
{   

    .pop-layer {
        width: 96% !important;
        min-height: 100px;
        height: auto !important;
        margin: 10px 2% !important;
    }


    .footer .bottomWrap {
        height: auto;
        padding: 10px 0 20px;
    }

    .footer .bottomWrap ul {
        margin-top: 15px;
    }

    .footer .bottomWrap p br.hide {
        display: block !important;
    }

    .footer .bottomWrap p br.hide:nth-child(2) {
        display: none !important;
    }    

     /* START - 12. 교구 > 주보성인 */
     .patronTitle {
        height: 100px;
        background-position: top center;
        margin: 0 0 15px;
    }

    .patronTitle div.patronTit {
        right: 20%;
    }

    .patronTitle div.patronTit h2 {
        font-size: 25px;
        line-height: 25px;  
    }

    .patronTitle div.patronTit h3 {
        font-size: 13px;
        line-height: 18px;
    }

    .patronContent div.patronImg {
        width: 70%;
        margin: 0 15% 20px;
    }
    
    .patronContent div.patronCon {
        clear: right;
        width: 100%;
    }

    .patronContent div.patronCon > p {
        margin: 0 0 15px;
        line-height: 21px;
        font-size: 14px;
        text-align: justify;
    }

    .patronContent div.patronCon > p.txtHead {
        font-size: 16px;
        line-height: 22px;
    }
    /* END - 12. 교구 > 주보성인 */
    

    .top_05 .list ul {
        padding: 15px 5px;
    }

    .top_05 .list:after {
        left: 90px;
        height: 100%;
    }

    .top_05 .list ul li:last-child:after {
        bottom: -45px;
        left: 82px;
    }

    .top_05 .list ul li h5 {
        width: 80px;
    }

    .top_05 .list ul li span {
        width: calc(100% - 95px);
    }

    .top_05 .list ul li.active:after {
        left: 80px;
    }

    
}

@media screen and (max-width:375px)
{  
    .patronContent div.patronCon > .patronTit {
        margin-bottom: 10px;
    }
    
    .patronContent div.patronCon > .patronTit h2 {
        font-size: 18px;
    }

    .footer .topWrap .leftWrap {
        padding: 0px;
    }

    .footer .topWrap .leftWrap a {
        display: block;
        width: 100%;
        padding-left: 15px;
        line-height: 30px;
        text-align: left;
        border-bottom: 1px solid #d9dee4;
    }

    .footer .topWrap .leftWrap a:last-child {
        border-bottom: 0px;
    }

    .footer .topWrap .leftWrap a:not(:last-child)::after {
        display: none;
    }


}

@media screen and (max-width:374px)
{   
    .header .topWrap h1 {
        padding-top: 10px;
    }

    .header .topWrap h1 img {
        width: 125px;
    }

    .header .topWrap .rightWrap .snsWrap {
        margin-right: 42px;
    }

    .footer .bottomWrap ul li {
        width: 100%;
        display: block;
        border-bottom: 1px solid #dadada; 
        padding: 2px 0;      
    }

    .footer .bottomWrap ul li:last-child {
        border-bottom: 0px;        
    }

    .footer .bottomWrap ul li:not(:last-child) a {
        border-right: 0px !important;
    }

    .cathedral_wrap .cathedral_left {
        height: 850px;
    }

    .cathedral_wrap .cathedral_left div.cathedral_head img {
        width: 60px;
        top: 15px;
        right: 15px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li {
        font-size: 13px;
    }

    .cathedral_wrap .cathedral_right ul.cathedral_info li span {
        letter-spacing: -1px;
    }

    .cathedral_right ul.cathedral_info li.list_time div.timeInfo {
        padding-left: 0px;
    }

    .header .topWrap .rightWrap .Searchbox {
        width: 24px;
        margin: 1px 4px 0 0;
    }

    .header .topWrap .rightWrap .Searchbox button {
        right: 5px;
    }

    .header .bottomWrap .allMenuBtn img {
        width: 22px;
    }
    
}

@media screen and (max-width:360px)
{
	.header .topWrap h1
	{
		margin-left:0;
		padding-top:14px;
	}
	.header .topWrap h1 img
	{
		width:100px;
	}
}

@media screen and (max-width:320px) {
    .leaveR li div.left {
        width: 30%;
    }

    .leaveR li div.right {
        width: calc(70% - 10px);
    }

    .top_05 h3 a {
        margin-left: 0px; 
    }

}

/* 페이지오류*/

.noRouteWrap {
    margin:30px auto;
    max-width:720px;
}

.noRouteWrap img {
    width:283px;
    display:block;
    margin:0 auto;
}

.noRouteWrap .tit {
    font-family:'SpR';
    text-align:center;
    font-size:28px;
    line-height:1.45;
    letter-spacing:-0.06em;
    margin-top:30px;

}

.noRouteWrap .tit span.bold {
    font-weight:600;
}

.noRouteWrap .explanation {
    font-size:16px;
    color:#666;
    text-align:center;
    margin-top:20px;
    letter-spacing:-0.08em;
    line-height:1.5;
}



*.noRouteWrap .btnWrap a:before, *.noRouteWrap .btnWrap a:after {
    z-index: -1;
}

.noRouteWrap .btnWrap a {
    width:180px;
    height:60px;    
    display:block;
    margin: 50px auto 0;
    line-height:60px;
    text-align:center;
    color:#474747;

    font-family:'SpL';
    font-size:18px;
    letter-spacing:-0.06em;
    border-radius:5px;
    border:1px solid #474747;
    position: relative;
    overflow: hidden;
    z-index:1;
  }
  .noRouteWrap .btnWrap a:before {
    content: '';
    position: absolute;
    top: 0;
    right: -50px;
    bottom: 0;
    left: 0;
    border-right: 50px solid transparent;
    border-bottom: 80px solid #333;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
            transition: 0.4s ease-in-out;    
  }
  .noRouteWrap .btnWrap a:hover {
    color: #fff;   
    z-index:10;
    transition: 0.5s ease-in-out;
  }
  .noRouteWrap .btnWrap a:hover:before {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  @media screen and (max-width:1023px)
  {
    .noRouteWrap img {
        width:270px;
    }

    .noRouteWrap .tit {
        font-size:26px;
    }

    .noRouteWrap .btnWrap a {
        width:170px;
        height:50px;
        line-height:50px;
        font-size:16px;
    }
  }

  @media screen and (max-width:500px)
  {
    .header .topWrap .rightWrap .snsWrap {
        margin-right: 42px;
    } 
    
    .header .topWrap .rightWrap .Searchbox input,
    .header .topWrap .rightWrap .snsWrap a {
        border-radius: 7px;
    }

    .header .bottomWrap .allMenuBtn {
        margin-right: 0px;
    }

    .header .bottomWrap .allMenuBtn img {
        width: 23px;
    }

    .noRouteWrap {
        margin:34px auto 60px;
    }
    .noRouteWrap img {
        width:190px;
    }

    .noRouteWrap .tit {
        font-size:22px;
    }

    .noRouteWrap .explanation {
        font-size:15px;
        word-break:keep-all;
    }

    .noRouteWrap .explanation br {
        display:none;
    }

    .noRouteWrap .btnWrap a {
        width:150px;
        height:45px;
        line-height:45px;
        margin:30px auto 0;
    }

  }

  @media screen and (max-width:320px)
  {
    .layout_1200 {
        padding: 0 7px;
    }
    
    .header .topWrap h1 {
        margin-left: 0px;
    }      

    .noRouteWrap {
        margin:14px auto 45px;
    }

    .noRouteWrap img {
        width:180px;
    }
    .noRouteWrap .tit {
        font-size:19px;
    }
    .noRouteWrap .explanation {
        font-size:13px;
    }

    .header .topWrap .rightWrap .snsWrap {
        margin-right: 35px;
    }
  }


@media screen and (max-width: 310px) {
    .header .topWrap .rightWrap .snsWrap {
        margin-right: 40px;
    }

    .header .topWrap .rightWrap .snsWrap a {
        width: 24px;
        height: 24px;
        line-height: 26px;
    }

    .header .topWrap .rightWrap .snsWrap a.kakaO {
        line-height: 32px;
    }

    .header .topWrap .rightWrap .snsWrap a.GroupWare {
        line-height: 28px;
        padding-top: 0px;
    }

    .header .topWrap .rightWrap .snsWrap a:not(:first-child) {
        margin-left: 3px;
    }
}




/* popup style */
#layer-top
{
	position:relative;
	top:0;
	left:0;
	width:100%;
	height:150px;
	overflow:hidden;
	background:#fff;
}
#layer-top > ul,
#layer-top > ul > li,
#layer-top > ul > li > div,
#layer-top > ul > li > div p
{
	height:100% !important;
}
#layer-top > ul > li > div p img
{
	width:100% !important;
	height:100% !important;
}
#layer-top .pop_layout_1200
{
	height:auto
}
#layer-top .popBExit
{
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:1;
}