/* 팝업레이어 */
#hd_pop {
	z-index:1000;
	position:fixed;
	margin:0 auto;
	height:0}
#hd_pop .hd_pops .hd_pops_con img{
	width: 100%;
}
#hd_pop h2 {
	position:fixed;
	font-size:0;
	line-height:0;
	overflow:hidden;
}
.hd_pops {
	position:fixed;
	border: 0px;
	background:#fff;
	z-index:99;
}
.hd_pops_con {
	overflow: hidden;
}
.hd_pops_footer {
	padding:8px 0;
	background:#393939;
	color:#fff;
	text-align:right;
	border-bottom: 0px;
	width: 100%;
/*	position: absolsute;*/
	border-right: 1px solid rgba(238, 238, 238, 0.1);
}

.hd_pops_footer button {
	margin-right:5px;
	padding: 0px 7px;
	border:0;
	background:#282828;
	color:#fff;
	border-radius: 4px;
	font-size: 12px;
    font-weight: 300;
	margin: 3px 5px 3px 0px;
}

/*#s008 Header-top*/
html #header .header-top.header-top-dark {
    background-color: transparent;
	margin-top: 0px;
}
html #header .header-top.header-top-dark .header-nav-top {
	float: right;
	margin-right: 0px;
}
html #header .header-top.header-top-dark .header-nav-top .nav.nav-pills{
	border-bottom: 0px;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a{
	padding: 0px 10px;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:hover, html #header .header-top.header-top-dark .header-nav-top ul > li > a:focus, html #header .header-top.header-top-dark .header-nav-top ul > li.open > a:focus {
    background: transparent;
    color: #fff;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a.master{
	color: #e3c746 !important;
}
html #header .header-top.header-top-dark .header-nav-top ul > li > a.master:hover{
	color: #fdde51 !important;
}
#header .header-top {
    position: initial; 
}
#header .header-top.header-top-style-4 {
    margin-bottom: 0px;
}
#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
	 padding: 6px 0px;
}
#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
    font-size: 13px;
	font-weight: 300;
    color: rgba(255,255,255,0.5);
}

.quarter {height: 230px;}
.quarter a {display: block; height: 50%; line-height: 115px; padding:0 30px; color: #fff; position: relative; font-size: 19px; overflow: hidden;}
.quarter a:hover {text-decoration: none;}
.quarter a::after {content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-bottom: 60px solid rgba(0, 0, 0, .1); border-top: 60px solid transparent; border-left: 60px solid transparent; border-right: 60px solid rgba(0, 0, 0, .1);}

.quarter a:nth-child(1) { background-color: #384b79; border-bottom: 1px solid rgba(255, 255, 255, .6); border-right: 1px solid rgba(255, 255, 255, .6);}
.quarter a:nth-child(2) { background-color: #365b9f; border-bottom: 1px solid rgba(255, 255, 255, .6);}
.quarter a:nth-child(3) { background-color: #146f95; border-right: 1px solid rgba(255, 255, 255, .6);}
.quarter a:nth-child(4) { background-color: #53559e;}

.location_txt h2 {margin: 0; padding: 15px 0; border-bottom: 2px solid #eee; margin-bottom: 30px;}
    .lt_bus {margin: 30px 0; display: flex; justify-content: flex-start; align-items: center; color: #333; font-weight: bold;}
    .lt_bus p {margin-bottom: 0; padding-left: 30px; position: relative; font-weight: 400;}
    .lt_bus p::before {content: ''; position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 1px; height: 50%; background-color: #ced8de;}
    .lt_bus img {margin-right: 15px;}



@media only screen and (max-width:992px){
	#header .header-top.header-top-style-4 .container .header-nav-top-wrap,
	#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
    	width: 100%;
	}
	#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
    	text-align: left;
	}
}
@media only screen and (max-width:496px){
	#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
		padding: 0px 3px;
		font-size: 0.9em !important;
	}
	#header .header-top.header-top-style-4 .container .header-nav-top-text-wrap {
		 padding-top: 0px;
	}
	#header .header-top .header-nav-top-text-wrap strong {
		font-size: 0.9em ;
	}
}
/*search-modal*/
.s008-modal .modal-dialog {
    width: 100%;
    margin: 0;
}
.s008-modal .modal-content{
	border-radius: 0px;
}
#header-search-modal .mobile-search-form input[type="text"]{
	vertical-align: top;
}

#header-search-modal .search-btn {
    display: inline-block;
    font-size: 16px;
    line-height: 26px;
    min-width: 26px;
    height: 35px;
    margin: 0;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background-color: #222;
    border: none;
	vertical-align: top;
}
#header-search-modal .mobile-search-form input[type="text"]{
	padding: 4px 5px;
    border-color: transparent;
    font-weight: 300;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
	width: 50%;
}
@media (max-width: 992px){
	#header-search-modal .mobile-search-form input[type="text"]{
		width: 80%;	
	}
    .location_txt h2 {font-size: 24px; line-height: 1.25;  margin-bottom: 20px;}
    .lt_bus {flex-wrap: wrap; margin: 15px 0;}
    .lt_bus p {padding-left: 0;}
    .lt_bus p::before {display: none;}
}
/*#s008 Header-top-search*/
#header .header-search{
	margin: 80px 0 8px 5px;
}
#header .header-top p {
    line-height: inherit;
}
#header .header-search .search-toggle {
	display: inline-block;
	font-size: 13px;
	line-height: 22px;
	min-width: 25px;
	margin: 0;
	text-align: center;
	background-color: transparent;
	color: #fff;
	border: none;
	cursor: pointer;
}
@media (max-width: 992px){
	#header .header-nav-top .nav > li > a, #header .header-nav-top .nav > li > span {
		padding: 3px 5px 3px 0px;
	}
	#header .header-top .header-nav-top {
		margin-right: 0px;
		margin-top: 5px;
	}
	#header .header-top .header-search {
		margin-right: 0px;
	}
	#header .header-search{
		margin: 15px 0 8px 5px;
	}
	#header .header-search .search-toggle {
		background-color: #222222;
		color: #fff;
	}
}
/*#s008 - Logo*/
#header.header-narrow .header-logo img{
	margin: 0px;
	padding: 17px 0px;
}
/*
#header.header-narrow .header-logo img:hover{
	opacity: 0.7;
}
*/

@media only screen and (max-width:992px){
	.header-column:first-child {
		width: 15%;
	}
	#header.header-narrow .header-logo {
		margin-top: 10px;
	}
	#header .header-logo img {
		width: 130px;
	}
}
/*#s008 - Header*/
#header.header-transparent .header-body:before {
	opacity: 0 !important;
	line-height: 72px;
}
#header .header-body{
	padding-bottom: 0;
	border-top: 1px solid #ced8de;
	border-bottom: 1px solid #ced8de;
}
#header .header-nav-main {
    margin: 0;
}
#header .header-nav-main .nav.nav-pills {
/*   border-bottom: 1px solid rgba(255, 255, 255, 0.5);*/
	position: relative;
}

#header .header-nav-main > nav > ul > li > a{
	display: inline-block;
    font-size: 19px;
    font-weight: 400;
    color: #0b0b0b;
    letter-spacing: -0.025em;
    text-align: center;
}



#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
	margin-top: 0px;
    margin-bottom: 10px;
    border: 0px;
    border-radius: 0px;
    /*background-color: rgba(50, 46, 65, 0.7);*/
	background-color: #ffffff;
    left: auto;
	right: 0px;
    padding: 0px;
	width: 100%;
	border-top: 1px solid #dddddd;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
    font-size: 14px;
	color: #000;
/*	border-color: #666;*/
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
	color: #74ad08;
	background-color: transparent;
}
#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a,
#header .header-nav-main > nav > ul > li > a:hover{
	border-color: #74ad08;
}
#header .header-nav-main nav > ul > li.open > a, 
#header .header-nav-main nav > ul > li:hover > a {
	background: transparent;
}
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after,
#header .header-nav-main nav > ul > li.active > a.dropdown-toggle:after, 
html #header .header-nav-main nav > ul > li:hover > a.dropdown-toggle:after {
	border: 0px;
}
@media only screen and (max-width:992px) {
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
		background-color: #fff;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu:before {
		display: none;
	}
	#header .header-nav-main nav > ul > li.open > a, 
	#header .header-nav-main nav > ul > li:hover > a {
    	color: rgba(255,255,255,0.8) !important;
		border-color: #fff;
		color: #000 !important;
	}
    #header .header-nav-main nav > ul > li > a{
        line-height: inherit;
		color: #555 !important;
        padding: 7px 8px 3px 8px !important;
    }
	#header .header-nav-main nav > ul > li > .dropdown-menu > li {
		border: 0px;
	}
	#header .header-nav-main nav > ul > li > .dropdown-menu > li > a {
		color: #aaa !important;
	}
	#header .header-nav-main nav > ul > li > .dropdown-menu > li > a:hover {
		color: #000 !important;
	}
	#header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu,
	#header .header-nav-main nav > ul > li.dropdown > .dropdown-menu {
		border-bottom: 0px;
	}
	#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a:hover {
		color: rgba(255,255,255,0.8);
	}	
}
@media only screen and (max-width: 766px) {
	nav>ul>li>a:hover,
    nav>ul>li>a:focus{
		color: #0088cc !important;
	}
}
/*mega*/
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
    padding: 20px 0px;
	background-color: #f6f6f6;
}
/*
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
    margin: 0;
    padding: 3px 15px;
    text-align: left;
	z-index: 999999;
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: 400;
}
*/
#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav a {
    margin: 0;
    padding: 3px 8px;
    text-align: left;
	z-index: 999999;
	font-size: 13px;
	letter-spacing: -1px;
	font-weight: 400;
	display: inline-block;
	float: left;
	line-height: 13px;
	text-decoration: none;
}

#header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav a:hover {text-decoration: none;}

@media (max-width: 991px){
	#header .header-nav-main {
		display: none;
	}
}

/* 팝업 메뉴 모달 */
	#cus_modal{display:none; position:fixed; top:5%; left:10%; width:80%; height:80%; z-index:9999;}
	#cus_modal > iframe{border-radius:30px;}

	#cus_modal .modal_layer{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1;}

/*mmenu btn*/
.mmenu-toggle-btn {
	display: block;
	height: auto;
	text-align: center;
	padding: 6px 12px;
	float: right;
	font-size: 13px;
    line-height: 20px;
    min-width: 25px;
	vertical-align: middle;
	color: #fff;
}
@media (min-width: 992px) {
	.mmenu-toggle-btn {
		display: none;
	}
}
@media (max-width: 991px) {
	.mmenu-toggle-btn {
/*		margin-top: 10px;*/
	}
}
.mmenu-toggle-btn:hover, .mmenu-toggle-btn:focus {
	color: #fff;
	text-decoration: none;
}
/*모바일버전 네비게이션 mobile-nav*/
.mobile-nav {
	display: block !important;
	position: fixed;
	top: 0;
	left: -85%;
	z-index: 999;
	width: 85%;
	height: 100%;
	overflow-y: scroll;
/*	padding: 20px 0px;	*/
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
/*	background-color: #151515;	*/
	background-color: #ffffff;
}

.mobile-side-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mobile-side-menu > li > a {
	text-transform: uppercase;
	background-color: gray;
}
.mobile-side-menu li {
	display: block;
	position: relative;
}
.mobile-side-menu li:after {
	content: '';
	display: table;
	clear: both;
}
.mobile-side-menu li a {
	display: block;
	font-size: 18px;
	line-height: 38px;
	background-color: transparent;
	color: #2f2f2f;
	font-weight: 300;
	letter-spacing: -1px;
	border: 0;
	padding: 5px 15px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	text-decoration: none !important;
}
.mobile-side-menu li a:after {
	content: '';
	display: table;
	clear: both;
}
.mobile-side-menu li ul {
	display: none;
	padding: 0;
	margin: 0;
	list-style: none;
}
.mobile-side-menu li li a {
	margin-left: 10px;
	font-size: 15px;
	height: 33px;
	line-height: 33px;
}
.mobile-side-menu li li a:before {
	font: normal normal 16px/40px "FontAwesome";
	text-decoration: inherit;
	content: "\f105";
	-webkit-font-smoothing: antialiased;
	float: left;
	margin-right: 10px;
	color: #264981;
	margin-top: -5px;
}
.mobile-side-menu li li li a {
	margin-left: 18px;
}
.mobile-side-menu li .mmenu-toggle {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	color: #000000;
	background-color: transparent;
	cursor: pointer;
	font-size: 0;
	width: 40px;
	height: 40px;
	margin-top: 1px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.mobile-side-menu li .mmenu-toggle:after {
/*	content: "\f196";*/
	content: "\f107";
	font-family: 'FontAwesome';
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	cursor: pointer;
	width: 30px;
	height: 28px;
	font-size: 28px;
	line-height: 28px;
	display: block;
	position: absolute;
	left: 10px;
	top: 11px;
	font-weight: 300;
	color: #bababa;
}
.mobile-side-menu li.open > .mmenu-toggle:after {
/*	content: "\f147";	*/
	content: "\f106";
	font-weight: 300;
	color: #bababa;
}

#mobile-menu-overlay {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: 998;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.mmenu-open #mobile-menu-overlay {
	opacity: .15;
	visibility: visible;
}

.mmenu-open.body {
	left: 250px;
}
.mmenu-open #mobile-menu-overlay {
	opacity: 0.7;
	visibility: visible;
}
.mmenu-open .mobile-nav {
	left: 0;
}



/*#s008 - HeaderTop mobile*/
#header .header-btn-collapse-nav {
	line-height: 24px;
	margin-top: -4px;
	color: #333;
	position: absolute;
	top: 70%;
	background-color: #ffffff;
}
/*slider*/
#s008 .slider-container li .bgbox {
    position: absolute;
    width: 40%;
    height: 1000px;
    background-color: rgba(16, 26, 36, 0.7);
    z-index: 3;
    top: 0;
    left: 0;
}
#s008 .slider-container .tp-caption.btn{
	border: 0px;
	background-color: rgba(22, 22, 22, 0.8) !important;
}
#s008 .slider-container .tp-caption.btn:hover{
	background-color: rgba(22, 22, 22, 1) !important;
}
@media only screen and (min-width:992px){
	#s008 .slider-container .tparrows {
	background-color: transparent;
	opacity: 1 !important;
	visibility: visible !important;
	}
	#s008 .slider-container .tparrows:before {
		font-size: 70px;
		opacity: 0.3;
	}
	#s008 .slider-container .tparrows:hover:before{
		opacity: 0.7;
	}
}
/*subtitle 서브페이지 타이틀*/
#s008 .page-header.parallax {
    padding: 0;
}
#s008 .page-header.parallax .container{
	position: relative;
	padding: 200px 15px 60px 15px;
}
#s008 .page-header h1{
	display: inline-block;
}
#s008 .page-header .breadcrumb{
	float: right;
	background-color: transparent;
	position: relative !important;
	top: initial;
	right: initial;
	width: 100%;
	text-align: left;
}
#s008 .page-header .breadcrumb > li + li:before {
    color: inherit;
    opacity: 0.5;
    font-family: FontAwesome;
    content: "\f105";
    padding: 0 7px 0 5px;
}
#s008 .page-header .breadcrumb.breadcrumb-valign-mid li.active {
    color: #FFF;
    opacity: 1;
}
#s008 .page-header .bright_img{
	position: absolute;
    width: 100%;
    height: 180px;
    left: 0;
    bottom: 0;
    background: url(../img/sub_header_bright.png) no-repeat 90% 0px;
}
/*subtitle tab 서브페이지 타이틀 하단 탭*/
#tap_wrp.tab_company {
    width: 100%;
    height: 50px;
    background-color: #eee;
	margin: -35px 0 35px 0;
}
#tap_wrp.tab_company a {
	color: #666;
    text-decoration: none;
    padding: 14px 15px 11px 15px;
	margin: 0 5px;
    font-size: 1.7rem;
    display: inline-block;
	border-bottom: 3px solid transparent;
}
#tap_wrp.tab_company a.active,
#tap_wrp.tab_company a:hover {
	color: #222;
	border-color: #222;
}
@media only screen and (max-width: 992px){
	#tap_wrp.tab_company a{
		padding: 14px 0 11px 0;
		font-size: 13px;
		margin: 0 5px 0 0 ;
	}
}
/*배너공통*/
/*
#content #all-banner-wrp{
	margin-top: -10%;
}
*/

/*company-banner-left*/
 #content .company-banner-left{
	background-color: #0d93bb;
}
 #content .company-banner-left:after{
	content: '';
    border-style: solid;
    display: block;
    position: absolute;
    border-width: 15px;
    border-color: transparent transparent transparent #0d93bb;
    right: -29px;
    top: 43%;
    z-index: 10;
}
 #content .company-banner-left p span{
	display: block;
	min-height: 50px;
}
 #content .company-banner-left .btn{
	background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}
 #content .company-banner-left .btn:hover{
	background-color: #fff;
    color: #0d93bb;
}
@media only screen and (max-width:992px){
	 #content .company-banner-left:after{
		top: initial;
		right: 49%;
		bottom: -30px;
		-webkit-transform: rotate(90deg);
	    -moz-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	    -ms-transform: rotate(90deg);
	    transform: rotate(90deg);
	}
}
/*company-banner-right*/
 #content .company-banner-right{
	background-color: #fff;
	position: relative;
	border: 1px solid #ddd;
}
 #content .company-banner-right .main-subbanner{
	position: absolute;
	height: 50%;
	width: 100%;
	background-color: #f5f5f5;
}
 #content .company-banner-right .main-subbanner01{
	top: 0;
	background: url(../img/mainbanner_01.png) no-repeat 90% center;
}
 #content .company-banner-right .main-subbanner02{
	top: 50%;
	border-top: 1px solid #ddd;
	background: url(../img/mainbanner_02.png) no-repeat 90% center;
}
 #content .company-banner-right .main-subbanner a{
	text-decoration: none;
    color: #333;
    font-size: 18px;
    width: 100%;
    height: 100%;
    display: block;
    padding: 25px 15px;
}
 #content .company-banner-right .main-subbanner a img{
	display: block;
	position: absolute;
	bottom: 10px;
	left: 15px;
}
/*talent-banner-right*/
 #content .talent-banner-right{
	background-color: transparent;
	position: relative;
/*	border: 1px solid #ddd;*/
	margin-left: -1px;
	margin-top: 0px;
}
/*cscenter-banner-left*/
 #content .cscenter-banner-left{
	background-color: #1c3f8e;
}
 #content .cscenter-banner-left p span{
	display: block;
	min-height: 50px;
}
 #content .cscenter-banner-left p strong{
	font-size: 25px;
}
 #content .cscenter-banner-left .btn{
	background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
}
 #content .cscenter-banner-left .btn:hover{
	background-color: #fff;
    color: #1c3f8e;
}
/*notice-banner-right*/
#content .notice-banner-right{
/*	background-color: transparent;	*/
	position: relative;
/*	border: 1px solid #ddd;	*/
/*	margin-left: -1px;	*/
}
/*vision-banner-left*/
#content .vision-banner-left{
	background: url(../img/mainbanner_bg.png) 90% bottom no-repeat;
	background-color: #eee;
	position: relative;
	border: 1px solid #ddd;
	margin-top: -1px;
}
#content .vision-banner-left .vision-banner-left-txt {
	position: relative;
	z-index: 5;
}
#content .vision-banner-left .vision-banner-left-txt p{
	line-height: 20px;
    color: #555;
    font-size: 13px;
}
#content .vision-banner-left .vision-banner-left-txt a{
	text-decoration: none;
	color: #333;
	border: 1px solid #333;
}
#content .vision-banner-left .vision-banner-left-txt a:hover{
	background-color: #333;
	color: #eee;
}
@media only screen and (max-width:479px){
	#content .vision-banner-left .vision-banner-left-txt img{
		width: 100%;
	}
	#content .vision-banner-left .vision_bg{
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgba(239, 239, 239, 0.7);
		top: 0;
		left: 0;
		z-index: 1;
	}
}
/*content02*/
#content02 {
	border-top: 1px solid #ddd;
}
#content02 h3{
	line-height: 36px;
}
#content02 .partnership{
	padding: 30px 0 !important;
}
#content02 .owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -20px;
    width: 100%;
}
#content02 .owl-carousel .owl-nav .owl-next:before,
#content02 .owl-carousel .owl-nav .owl-prev:before {
    color: #666;
}
#content02 .owl-carousel .owl-nav [class*="owl-"] {
    border-color: rgab(0,0,0,0.5);
    background-color: transparent;
}
#content02 .owl-carousel .owl-nav [class*="owl-"]:hover {
    border-color: #000;
    background-color: transparent;
}
/*main-vision-wrp*/
#content03 {
	background-color: #ddd;
}
#content03 .content02_bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/content02_bg.png);
	z-index: 0;
	opacity: 0.5;
	background-color: rgba(0,0,0,0.5);
}
#content03 #main-vision-wrp li .bottom-banner{
	border: 1px solid #222;
	position: relative;
	background: url(../img/content02_bg.jpg) no-repeat center bottom;
}
#content03 #main-vision-wrp li .bottom-banner .bottom-banner-txt{
	padding: 30px 15px;
	position: relative;
	z-index: 5;
	color: #fff;
}
#content03 #main-vision-wrp li .bottom-banner .bottom-banner-txt h4{
	padding-left: 90px;
	word-break: keep-all;
}
#content03 #main-vision-wrp li .bottom-banner .bottom-banner-txt.bottom_01{
	background: url(../img/main_bottom_01.png) 10% center no-repeat;
}
#content03 #main-vision-wrp li .bottom-banner .bottom-banner-txt.bottom_02{
	background: url(../img/main_bottom_02.png) 10% center no-repeat;
}
#content03 #main-vision-wrp li .bottom-banner .bottom-banner-txt.bottom_03{
	background: url(../img/main_bottom_03.png) 10% center no-repeat;
}
@media only screen and (max-width:992px){
	#content03 .m-pn{
		padding: 0px !important;
		margin-bottom: 10px;
	}
	#content03 #main-vision-wrp li .bottom-banner .bottom-banner-txt h4{
		font-size: 15px;
	}
}
/*footer*/
 #footer a.btn {
    background-color: rgba(238, 238, 238, 0.15);
}
#footer p.cs-info{
	color: #f9d60b;
}
#footer p.cs-info span{
	color: #fff;
	display: inline-block;
	margin-right: 5px;
}
@media only screen and (max-width:992px){
	 #footer .logo_wrp a img{
		width: 100px;
		margin-bottom: 10px;
	}
}

/* CUSTOM */
@media (min-width: 1248px) {
	#submenudiv {width: 178px; float: left; margin-right: 4px; border-right: 1px solid #e2e2e2; min-height: 150px;}
}

@media (max-width: 1247px) {
	#submenudiv {width: 190px; float: left; margin-right: 4px; border-right: 1px solid #e2e2e2; min-height: 150px;}
}
@media (max-width: 1100px) {
	#submenudiv {width: 162px; float: left; margin-right: 4px; border-right: 1px solid #e2e2e2; min-height: 150px;}
}

.bluedot {color: #2397ea; margin-right: 5px;}

#topheader {background-color: #f5f5f5;}
#loginbox, #logobox {line-height: 90px; padding: 0px;}
#loginbox {background-color: #264981; color: #ffffff; border: 1px solid #264981; z-index: 99999;}

.mar10 {margin: 0px 10px;}
#onedepth {min-height: 80px;}
.menubox {margin-top:10px; margin-bottom:10px;}
.menubox div.whiteboard {width:calc(100% / 6); height:auto; padding:0 !important; text-align: center; background-color:rgba(255,255,255,0.7); color: #000000; font-weight: 700; font-size: 20px;}
.menubox div.whiteboard a{display:block; padding:20px 0 30px 0; text-decoration:none;  color:#000;}

/* 팝업 배너 - 태진 */
.online_popup{position:fixed; top:0; left:510px; z-index:99;}
.online_popup_footer{padding:8px 0; background:#393939; color:#fff; text-align:right; border-bottom:0px; width:100%;}
.online_popup_footer .popup_footer_close{padding:0 7px; border:0; background:#282828; color:#fff; border-radius:4px; font-size:12px; font-weight:300; margin:3px 5px 3px 0;}

#popup_banner{display:flex; justify-content:center; align-items:center; width:600px; height:356px; background-color:#fff;}
#popup_banner .online_popup_btn{display:block; width:100%; padding:0; text-decoration:none; color:#000; background-color:transparent; border:0; border-radius:0;}
#popup_banner .online_popup_btn img{display:block; margin:0 auto;}

.mainlogobox {margin-top:50px; padding-left:85px;}
.mainlogobox img {width:215px;}

.mainicon {display: inline-block; width: auto; }
	.imgbox {position:relative; height:68px;}

@media (max-width: 991px) {
	.mainlogobox  {padding-left:15px;}
	.mainlogobox img {width:150px;}

	.online_popup{width:100%; left: 0;}
	#popup_banner{width:100%;}
}
@media (max-width: 768px) {
	.menubox div.whiteboard {height:auto; font-size: 13px; width: calc(33.3333%);}
	.mainlogobox {padding-left:15px !important; margin-top: 20px; text-align:center;}

	.whiteboard {background-color: rgba(255,255,255,0.7); border-top: 1px solid rgba(0,0,0,0.3); border-bottom: 1px solid rgba(0,0,0,0.3); border-right: 1px solid rgba(0,0,0,0.3);}
	.mainicon {display: inline-block; height: 36px; width: auto; }
		.imgbox {height:45px;}
		.menubox div.whiteboard a {padding:10px 0;}
}

.maintitlebox {font-family: 'Nanum Brush Script';}
.maintitle {font-family: 'Nanum Brush Script'; font-size: 48px; color: #212c59; margin: 70px 0px 30px 0px;}
.maintext {font-size: 20px; margin: 0px; color: #212c59; margin-bottom: 56px;}
.bigblue {font-family: 'Nanum Brush Script'; font-size: 80px; color: #212c59;}
.biggreen {font-family: 'Nanum Brush Script'; font-size: 60px; /*color: #329216*/ color: #ffffff;}
.subvisualtext {margin-top: 80px; padding: 0px 15px;}
.subvisualtext1 {font-size: 27px; color: #568dab; font-family: 'Nanum Myeongjo'; font-weight: 500; font-style: italic; letter-spacing: -2px;}
.subvisualtext2 {font-size: 18px; color: #568dab; font-family: 'Nanum Myeongjo'; font-weight: 500; font-style: italic; letter-spacing: -2px;}

@media (max-width: 1499px) {
	.maintitle {font-size: 48px; color: #212c59; margin: 70px 0px 30px 0px;}
	.maintext {font-size: 20px; margin: 0px; color: #212c59; margin-bottom: 56px;}
	.bigblue {font-size: 80px; color: #212c59;}
	.biggreen {font-size: 60px; /*color: #329216*/ color: #ffffff;}
	.subvisualtext {margin-top: 70px; padding: 0px 15px;}
	.subvisualtext1 {font-size: 27px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
	.subvisualtext2 {font-size: 18px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
}
@media (max-width: 1199px) {
	.maintitlebox {}
	.maintitle {font-size: 48px; color: #212c59; margin: 70px 0px 30px 0px;}
	.maintext {font-size: 20px; margin: 0px; color: #212c59; margin-bottom: 56px;}
	.bigblue {font-size: 80px; color: #212c59;}
	.biggreen {font-size: 60px; /*color: #329216*/ color: #ffffff;}
	.subvisualtext {margin-top: 70px; padding: 0px 15px;}
	.subvisualtext1 {font-size: 27px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
	.subvisualtext2 {font-size: 18px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
}
@media (max-width: 991px) {
	.maintitle {font-size: 32px; color: #212c59; margin: 70px 0px 30px 0px;}
	.maintext {font-size: 15px; margin: 0px; color: #212c59; margin-bottom: 40px;}
	.bigblue {font-size: 48px; color: #212c59;}
	.biggreen {font-size: 36px; /*color: #329216*/ color: #ffffff;}
	.subvisualtext {margin-top: 70px; padding: 0px 15px;}
	.subvisualtext1 {font-size: 21px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
	.subvisualtext2 {font-size: 14px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
}
@media (max-width: 768px) {
	.maintitle {font-size: 24px; color: #212c59; margin: 40px 0px 15px 0px; text-align: right; color: transparent;}
	.maintext {font-size: 12px; margin: 0px; color: #212c59; margin-bottom: 10px; text-align: right; color: transparent;}
	.bigblue {font-size: 34px; color: #212c59; color: transparent;}
	.biggreen {font-size: 25px; color: #329216; color: transparent;}
	.subvisualtext {margin-top: 50px; padding: 0px 15px;}
	.subvisualtext1 {font-size: 18px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
	.subvisualtext2 {font-size: 12px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
}
@media (max-width: 400px) {
	.maintitle {font-size: 18px; color: #212c59; margin: 40px 0px 15px 0px; text-align: right; color: transparent;}
	.maintext {font-size: 11px; margin: 0px; color: #212c59; margin-bottom: 10px; text-align: right; color: transparent;}
	.bigblue {font-size: 34px; color: #212c59; color: transparent;}
	.biggreen {font-size: 25px; color: #329216; color: transparent;}
	.subvisualtext {margin-top: 30px; padding: 0px 15px;}
	.subvisualtext1 {font-size: 15px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
	.subvisualtext2 {font-size: 10px; color: #568dab; font-weight: 500; font-style: italic; letter-spacing: -2px;}
}

.menubar {border-bottom: 1px solid #ced8de;}
.headerlink {font-size: 12px; text-decoration: none;}
.headerlink, .headerlink:hover, .headerlink:visited, .headerlink:focus {color: #000000; text-decoration: none;}
.headertop {border-bottom: 1px solid #ced8de; padding: 10px 0px;}
.verticalbar {font-size: 12px; color: #000000;}

	

.menubar {border-bottom: 1px solid #ced8de;}
.headerlink {font-size: 12px; text-decoration: none;}
.headerlink, .headerlink:hover, .headerlink:visited, .headerlink:focus {color: #000000; text-decoration: none;}
.headertop {border-bottom: 1px solid #ced8de; padding: 10px 0px;}
.verticalbar {font-size: 12px; color: #000000;}


.latest_wrap {width:calc(100% - 310px); padding:0;}
	#content .mainbanner{padding:30px 15px 0 15px; margin-bottom:10px; height: 230px;}
		#widgettitle1 {font-size: 27px; margin-left: -14px; color: #ffffff; padding: 10px 30px; background-color: #123380; margin-top: 20px; border-radius:0 30px 30px 0;}
		#widgettitle2 {font-size: 27px; margin-left: -15px; color: #ffffff; padding: 10px 30px; background-color: #075e5b; margin-top: 20px; border-radius:0 30px 30px 0;}
		#widgettitle3 {font-size: 27px; margin-left: -15px; color: #ffffff; padding: 10px 30px; background-color: #0678a8; margin-top: 20px; border-radius:0 30px 30px 0;}
		#widgettitle8 {font-size: 27px; margin-left: -15px; color: #ffffff; padding: 10px 30px; background-color: #486333; margin-top: 20px; border-radius:0 30px 30px 0;}
		#widgettitle {color: #ffffff; margin-left: 18px; font-size: 19px;}
		#widgetdate {color: #ffffff; margin-left: 18px; font-size: 15px;}

		.indexbanner1 {background-image: url('../img/widget200611.png'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
		.youtube {background-image: url('../img/main_youtube_02.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
	    .youtube2 {background-image: url('../img/main_youtube_03.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right center;}

		.indexbanner2 {background-image: url('../img/widget02.png'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
		.indexbanner3 {background-image: url('../img/widget12.png'); background-size: cover; background-repeat: no-repeat; background-position: center center;}
        
        .white_title {padding:40px 30px; line-height:30px; font-weight:700; font-size:30px; color:#fff; letter-spacing:-2px;}
			.new_family_link_box {position:absolute; bottom:32px; left:30px; height:26px;}
				.new_family_link {display:inline-block; width:162px; height:26px; line-height:28px; padding:0 15px; border-radius:10px; background-color:#1453a8;
								  font-family:'Nanum Barun Gothic'; font-size:13px; color:#fff !important;}
				.new_family_link:hover {color:#fff !important; text-decoration:none !important;}
		.indexbanner4 {background-image: url('../img/widget05.png'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
		.indexbanner4 ul {padding-left:15px;}
			.latest_title {margin:0 0 12px 20px; line-height:14px; font-size:15px; }
			.latest_title a {font-family:'Nanum Barun Gothic'; font-weight:700; color:#000 !important;}
            
            .indexbanner5 {background-image: url('../img/widget03.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
            .indexbanner6 {background-image: url('../img/widget11.png'); background-size: cover; background-repeat: no-repeat; background-position: center center;}
            
            .indexbanner7 {background-image: url('../img/widget13.jpg'); background-size: cover; background-repeat: no-repeat; background-position: right center;}
            .indexbanner8 {background-image: url('../img/indexbanner4.png'); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.slide_wrap {width:310px; padding:0 0 0 10px;}
	.owl-carousel.stage-margin .owl-stage-outer {margin:0 !important;}
	.owl-theme .owl-nav {margin-top:0 !important;}

.mediatitle {font-size: 27px; font-weight: 600; color: #ffffff; margin-top: 30px; font-family: 'Noto Sans'; font-weight: 400; letter-spacing: -1px;}

/*선교추가 태진*/
.indexbanner7 .banner7_title{background-color:#224275; width:150px; height:60px; color:#fff; font-size:27px; padding:10px 50px; line-height:39px; float:right; margin-right:-15px; margin-top:-5px;}
	.indexbanner7 .banner7_txt{position:absolute; bottom:42px; left:35px;}

@media(max-width:1199px) {
	.latest_wrap {width:calc(100% - 280px);}
		#content .mainbanner{height: 206.5px; padding:15px;}
			#widgettitle1 {font-size: 20px; padding: 10px 15px; margin-top: 5px;}
			#widgettitle2 {font-size: 20px; padding: 10px 15px; margin-top: 5px;}
			#widgettitle3 {font-size: 20px; padding: 10px 15px; margin-top: 5px;}
			#widgettitle8 {font-size: 20px; padding: 10px 15px; margin-top: 5px;}
			#widgettitle{margin-left: 0; font-size:16px;}
			#widgetdate {margin-left: 0; font-size: 13px;}

			.white_title{padding:30px 15px; line-height:24px; font-size:24px;}
			.indexbanner4 ul {padding-left:0;}
				.latest_title{line-height:12px; font-size:13px;}

		.new_family_link_box {bottom:20px; left:15px; width:100px;}
	.slide_wrap {width:280px;}
}
@media(max-width:991px) {
	.latest_wrap {width:calc(100% - 250px);}
		#content .mainbanner{height: 183px; padding:5px 10px;}
			#widgettitle1 {font-size: 17px; padding: 10px; margin-left:-9px;}
			#widgettitle2 {font-size: 17px; padding: 10px; margin-left:-10px;}
			#widgettitle3 {font-size: 17px; padding: 10px; margin-left:-10px;}
			#widgettitle8 {font-size: 17px; padding: 10px; margin-left:-10px;}
			#widgettitle{font-size:14px;}
			#widgetdate {font-size: 12px;}

			.white_title{padding:20px 10px; line-height:22px; font-size:22px;}
				.latest_title{line-height:11px; font-size:12px;}
		.new_family_link_box {left:10px;}
		.new_family_link {width:110px; padding:0 5px;}
	.slide_wrap {width:250px;}
}

@media(max-width: 768px) {
	.latest_wrap {width:100%; padding:0;}
		#content .mainbanner {margin-bottom:0;}
		.new_family_link_box {bottom:15px;}
		.new_family_link {width:125px;}

	.slide_wrap {width:100%; padding:0;}

	.indexbanner1 {background-size:100% 100%;}
	.indexbanner2 {background:#1e2538 url('../img/widget02.png') right center no-repeat; background-size:auto 100%;}
}



@media (min-width: 992px) {
	.blankdiv {min-height: 138px;}
}
@media (max-width: 991px) {
	.blankdiv {min-height: 57px;}
}

#header .header-nav-main > nav > ul > li > a:hover {background-image: url('../img/menuhover.jpg'); background-size: 100% 100%; background-repeat: no-repeat;}

@media (min-width: 1248px) {
	.contetnsbox {padding: 40px 15px;}
}
@media (max-width: 1247px) {
	.contetnsbox {padding: 39px 15px;}
}
@media (max-width: 768px) {
	.contetnsbox {padding: 15px;}
}

#mbmiconbox, #mblogobox {vertical-align: middle;}

#mloginbox {background-color: #123380; height: 48px;}
#mloginbox a {color: #ffffff; font-size: 14px; line-height: 30px; font-family: 'Noto Sans';}
.particon {width: 33.33%; float: left; background-color: #ffffff; font-family: 'Noto Sans'; border-right: 1px solid #cccccc; border-top: 1px solid #cccccc; font-weight: 300;}

#mbone {border-bottom: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; margin-bottom: -1px; font-size: 18px; background-color: #ebf4f9;}


.mbfooter {font-size: 12px; color: #eeeeee; background-color: #898989; font-weight: 300; line-height: 20px; padding: 15px 0px; border-bottom: #cccccc;}
#histtable {border-collapse: collapse;}
#histtable tr {border-top: 1px solid #d3d3d3; border-bottom: 1px solid #d3d3d3;}
#histtable th {vertical-align: top; text-align: center;}

.pastorcafe {padding: 5px 15px; color: #ffffff; background-color: #74ad08; border-radius: 5px; border: 1px solid #74ad08;}
.pastorcafe:hover, .pastorcafe:visited {color: #ffffff; text-decoration: none;}
.pastorcafe:hover {border-color: #74ad08; background-color: #ffffff; color: #74ad08;}

#pul {padding: 0px; margin: 0px; margin-left: 15px;}

#worshiptbl {width: 100%; border-collapse: collapse;}
#worshiptbl th {color: #264981; background-color: #dee4ed;}
#worshiptbl td {color: #505050; border: 1px solid #dde3ed;}
#worshiptbl th {border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff;}
#worshiptbl th:last-child {border-right: 1px solid #dde3ed;}
#worshiptbl tr:last-child th {border-bottom: 1px solid #dde3ed;}
#worshiptbl th, #worshiptbl td {font-weight: 400;}

@media (min-width: 992px) {
	.introtitle {font-size: 42px; color: #333; letter-spacing: -2px; line-height: normal; text-align: center;}
	#quotemark {margin-top: -25px;}
	.sectionbar {max-width: 50px; min-height: 1px; border-top: 4px solid #d7d7d7; margin: 17px 0px 18px 0px;}
	.iconbox {padding: 20px 10px; font-size: 16px; color: #123380;}
	#pasticon {font-size: 40px; color: #123380;}
	.scripttext {font-size: 24px; color: #323232; line-height: 180%; letter-spacing: -1px;}
	.greetingtext, #pul li {font-size: 18px; line-height: 180%;}
	.histyear {font-size: 40px; color: #123380;}
	.histmmdd {font-size: 15px; color: #123380;}
	.histcontents {font-size: 15px;}
	.subtitle {font-size: 30px; font-weight: 500; color: #333; margin-bottom: 21px;}
	#worshiptbl th, #worshiptbl td {/*border: 1px solid #dde3ed;*/ font-size: 16px; font-family: 'Noto Sans'; padding: 10px;}
	#histtable th, 	#histtable td {padding: 15px; font-family: 'Noto Sans'; padding: 15px 5px;}
	#worshiptbl th {text-align: center;}
/*	#worshiptbl td {text-align: center;}*/
	#signature_pastor {font-family: 'Nanum Brush Script'; color: #000000; font-size: 40px; margin-left: 15px; letter-spacing: -2px;}
}
@media (max-width: 991px) {
	.introtitle {font-size: 33px; color: #333; letter-spacing: -2px;}
	#quotemark {margin-top: -25px;}
	.sectionbar {max-width: 50px; min-height: 1px; border-top: 4px solid #d7d7d7; margin: 17px 0px 18px 0px;}
	.iconbox {padding: 20px 10px; font-size: 16px; color: #123380;}
	#pasticon {font-size: 40px; color: #123380;}
	.scripttext, #pul li {font-size: 24px; color: #323232; line-height: 180%; letter-spacing: -1px;}
	.greetingtext {font-size: 15px; line-height: 150%;}
	.histyear {font-size: 32px; color: #123380;}
	.histmmdd {font-size: 14px; color: #123380;}
	.histcontents {font-size: 14px;}
	.subtitle {font-size: 24px; font-weight: 500; color: #333; margin-bottom: 18px;}
	#worshiptbl th, #worshiptbl td {/*border: 1px solid #dde3ed;*/ font-size: 14px; font-family: 'Noto Sans'; padding: 10px;}
	#histtable th, 	#histtable td {padding: 15px; font-family: 'Noto Sans'; padding: 15px 5px;}
	#worshiptbl th {text-align: center;}
/*	#worshiptbl td {text-align: center;}*/
	#signature_pastor {font-family: 'Nanum Brush Script'; color: #000000; font-weight: 700; font-size: 35px; margin-left: 15px; letter-spacing: -2px;}
}
@media (max-width: 768px) {
	.introtitle {font-size: 25px; color: #333; line-height: 25px; letter-spacing: -2px; text-align: center;}
	#quotemark {width: 25px; margin-top: 0;}
	.sectionbar {max-width: 25px; min-height: 1px; border-top: 4px solid #d7d7d7; margin: 17px 0px 18px 0px;}
	.iconbox {padding: 10px 10px; font-size: 10px; color: #123380;}
	#pasticon {font-size: 24px; color: #123380;}
	.scripttext {font-size: 20px; color: #323232; line-height: 180%; letter-spacing: -1px; text-align: center;}
	.greetingtext, #pul li {font-size: 13px; line-height: 180%;}
	.histyear {font-size: 20px; color: #123380; border-top: 0px; text-align: left; border-top: 0px; text-align: left;}
	.histmmdd {font-size: 12px; color: #123380; padding: 0px;}
	.histcontents {font-size: 12px;}
	.subtitle {font-size: 18px; font-weight: 500; color: #333; margin-bottom: 15px;}
	#worshiptbl th, #worshiptbl td {font-size: 12px; font-family: 'Noto Sans'; padding: 5px;}
	#histtable th, 	#histtable td {min-width: 66px; font-family: 'Noto Sans'; padding: 5px 5px; line-height: 135%; letter-spacing: 0px;}
	#worshiptbl th {text-align: center;}
/*	#worshiptbl td {text-align: center;}*/
	#signature_pastor {font-family: 'Nanum Brush Script'; color: #000000; font-weight: 700; font-size: 30px; margin-left: 15px; letter-spacing: -2px;}
}

@media (min-width: 992px) {
	.greetingbg {background-image: url('../img/greetingbg.jpg'); background-position: right top; background-size: 35% auto; background-repeat: no-repeat;}
}
@media (max-width: 991px) {
	.greetingbg {background-image: url('../img/greetingbg.jpg'); background-position: right top; background-size: 25% auto; background-repeat: no-repeat;}
}

.staffcard {background-color: #f5f5f5;}
#staffcard {margin-bottom: 30px;}

#gotoorg {padding: 10px 15px; font-size: 15px; background-color: #264981; border: 1px solid #b2bfd3; color: #ffffff; border-radius: 10px; text-decoration: none; margin-right: 15px;}

.img_left:hover {opacity: 0.3; transform: scale(1.1); transition: 500ms linear all;}
.mediabox {padding: 5px;}
.photo {overflow: hidden; color: transparent}
.photo:hover {overflow: hidden; color: #ffffff;}

.playbtn {position: absolute; top: 30%; left: 44%; font-size: 60px;}
.playbtn:hover {color: rgb(0, 173, 239); cursor: pointer;}

/* 기관안내 */
.orgmainbox {background-image: url('../img/orgmain.jpg'); background-size: cover; background-position: center center; min-height: 800px; padding: 40px 0px;}
#orgmaintitle {margin-top: 60px;}
#orgmaintitle1 {font-size: 28px; font-family: 'Noto Sans'; margin-bottom: 15px; letter-spacing: -1px; color: #ffffff; display: block; line-height: 28px;}
#orgmaintitle2 {font-size: 60px; font-family: 'Noto Sans'; margin-bottom: 60px; letter-spacing: -1px; color: #ffffff; display: block; line-height: 60px; font-weight: 500;}
#orgmaintitle3 {font-size: 20px; font-family: 'Noto Sans'; letter-spacing: -1px; color: #ffffff; display: block; line-height: 160%; margin: 0px;}

#schoolbox {position: absolute; top:410px; bottom: 12px; width: 100%;}
#schoolbox::before {display: none;}
.schoolbox-grid {display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, auto); gap: 0px 0px; width: 100%;}
.schoolbox-grid a {display: block; width: 100%; max-height: 220px;}
.schoolbox-grid a div {width: 100%; height: 100%;}
.m-schoolbox-grid {display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(4, auto); gap: 0px 0px; width: 100%;}
.m-schoolbox-grid a {display: block; width: 100%; min-height: 115px;}
.m-schoolbox-grid div {width: 100%; height: 100%;}

#sch0a {background-image: url('../img/edu01_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#sch0b {background-image: url('../img/edu02_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#sch01 {background-image: url('../img/edu03_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#sch02 {background-image: url('../img/edu04_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#sch03 {background-image: url('../img/edu05_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#sch04 {background-image: url('../img/edu06_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#sch05 {background-image: url('../img/edu07_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}
#sch06 {background-image: url('../img/edu08_2026.jpg'); background-size:auto 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; padding: 0px;}

.blackcover {background-color: rgba(0,0,0,0.5); padding: 50px 0px; border: 1px solid #aaaaaa; transition: all 0.2s;}

#orgtitle {font-size: 30px; line-height: 35px; letter-spacing: -1px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
#orgdesc {font-size: 16px; line-height: 20px; letter-spacing: -2px; color: #ffffff; margin-bottom: 15px;}

.gotoorg1 {font-size: 54px; line-height: 35px; text-decoration: none; background-color: transparent; border: 0px; margin: 0px; color: #404953;}
#gotoorg2 {font-size: 14px; text-decoration: none; color: #969696; margin-left: 30px; font-family: 'Noto Sans'; letter-spacing: 400;}
#gotoorg3 {font-size: 30px; line-height: 35px; text-decoration: none; background-color: transparent; border: 0px; margin: 0px; color: #404953; margin-left: 10px;}

#orgsubbox {padding: 70px 20px;}
#orgsubboxtitle {font-size: 20px; letter-spacing: -1px; color: #121517;}

#orgbox2 {border: 1px solid #d0d0d0; margin-right: -1px; margin-bottom: -1px;}

#orgsub1 {background-image: url('../img/orga_2026.jpg'); background-size:cover; background-position: center center; padding: 83px 0px; border-bottom: 0px;}
#orgsub2 {background-image: url('../img/jjcorg7.jpg'); background-size:cover; background-position: center center; padding: 83px 0px; border-bottom: 0px;}
#orgsub3 {background-image: url('../img/orgb_2026.jpg'); background-size:cover; background-position: center center; padding: 83px 0px; border-bottom: 0px;}
#orgsub4 {background-image: url('../img/jjcorg8.jpg'); background-size:cover; background-position: center center; padding: 83px 0px; border-bottom: 0px;}

#commbox {background-image: url('../img/jjcorg9.jpg'); background-size:cover; background-position: center center; padding: 90px 0px; font-size: 30px; font-family: 'Noto Sans'; letter-spacing: -1px; line-height: 30px; color: #ffffff; font-weight: 500;}

#orglinktitle {font-size: 19px; font-family: 'Noto Sans'; letter-spacing: -1px; color: #474747; font-weight: 600;}

#orglisttextbox {border-right: 1px solid #8d8d8d; margin-right: -1px; padding: 0px 15px; color: #333333; font-size: 13px;}
#orglisttextbox:first-child {border-left: 1px solid transparent;}
#orglisttextbox:last-child {border-right: 1px solid transparent;}

#orglink {font-size: 16px; font-weight: 500; letter-spacing: -1px; font-family: 'Noto Sans'; color: #8d8d8d; text-decoration: none;}

.blackcover:hover {background-color: rgba(0,0,0,0.2);}

@media (max-width: 991px) {
	.orgmainbox {background-image: url('../img/orgmain.jpg'); background-size: cover; background-position: right 40% center; min-height: 650px; padding: 40px 0px;}
	#orgmaintitle {margin-top: 40px;}
	#orgmaintitle1 {font-size: 22px; font-family: 'Noto Sans'; margin-bottom: 15px; letter-spacing: -1px; color: #ffffff; display: block; line-height: 22px;}
	#orgmaintitle2 {font-size: 44px; font-family: 'Noto Sans'; margin-bottom: 60px; letter-spacing: -1px; color: #ffffff; display: block; line-height: 44px; font-weight: 500;}
	#orgmaintitle3 {font-size: 15px; font-family: 'Noto Sans'; letter-spacing: -1px; color: #ffffff; display: block; line-height: 160%; margin: 0px;}

	#schoolbox {position: absolute; bottom: 256px; width: 100%;}
	#sch0a {background-image: url('../img/org0a.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch0b {background-image: url('../img/org0b.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch01 {background-image: url('../img/org1.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch02 {background-image: url('../img/org2.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch03 {background-image: url('../img/org3.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch04 {background-image: url('../img/org4.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch05 {background-image: url('../img/org5.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch06 {background-image: url('../img/org6.jpg'); background-size:cover; background-position: center center; padding: 0px;}

	.blackcover {background-color: rgba(0,0,0,0.5); padding: 10px 0px;  border: 1px solid #aaaaaa;}

	#orgtitle {font-size: 30px; line-height: 30px; letter-spacing: -1px; color: #ffffff; font-weight: 600;}
	#orgdesc {font-size: 14px; line-height: 15px; letter-spacing: -2px; color: #ffffff; margin-bottom: 10px;}

	.gotoorg1 {font-size: 44px; line-height: 44px; text-decoration: none; background-color: transparent; border: 0px; margin: 0px; color: #404953;}
	#gotoorg2 {font-size: 11px; text-decoration: none; color: #969696; margin-left: 20px; font-family: 'Noto Sans'; letter-spacing: 400;}
	#gotoorg3 {font-size: 30px; line-height: 35px; text-decoration: none; background-color: transparent; border: 0px; margin: 0px; color: #404953; margin-left: 10px;}

	#orgsubbox {padding: 50px 10px;}
	#orgsubboxtitle {font-size: 14px; letter-spacing: -2px; color: #121517;}

	#orgbox2 {border: 1px solid #d0d0d0; margin-right: -1px; margin-bottom: -1px;}

	#orgsub1 {background-image: url('../img/orga.jpg'); background-size:cover; background-position: center center; padding: 68px 0px; border-bottom: 0px;}
	#orgsub2 {background-image: url('../img/jjcorg7.jpg'); background-size:cover; background-position: center center; padding: 68px 0px; border-bottom: 0px;}
	#orgsub3 {background-image: url('../img/orgb.jpg'); background-size:cover; background-position: center center;  padding: 68px 0px; border-bottom: 0px;}
	#orgsub4 {background-image: url('../img/jjcorg8.jpg'); background-size:cover; background-position: center center;  padding: 68px 0px; border-bottom: 0px;}

	#commbox {background-image: url('../img/jjcorg9.jpg'); background-size:cover; background-position: center center; padding: 50px 0px; font-size: 30px; font-family: 'Noto Sans'; letter-spacing: -1px; line-height: 30px; color: #ffffff; font-weight: 500;}

	#orglinktitle {font-size: 15px; font-family: 'Noto Sans'; letter-spacing: -1px; color: #474747; font-weight: 600;}

	#orglisttextbox {border-left: 1px solid #8d8d8d; border-right: 1px solid #8d8d8d; margin-right: -1px; padding: 0px 5px; font-size: 12px; color: #333333;}
	#orglisttextbox:first-child {border-left: 1px solid transparent;}
	#orglisttextbox:last-child {border-right: 1px solid transparent;}

	#orglink {font-size: 13px; font-weight: 500; letter-spacing: -1px; font-family: 'Noto Sans'; color: #8d8d8d; text-decoration: none;}

	.blackcover:hover {background-color: rgba(0,0,0,0.2);}
}
@media (max-width: 768px) {
	#schoolbox {position: relative; margin-top: -100px;}
	#sch0a {background-image: url('../img/org0a.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch0b {background-image: url('../img/org0b.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch01 {background-image: url('../img/org1.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch02 {background-image: url('../img/org2.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch03 {background-image: url('../img/org3.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch04 {background-image: url('../img/org4.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch05 {background-image: url('../img/org5.jpg'); background-size:cover; background-position: center center; padding: 0px;}
	#sch06 {background-image: url('../img/org6.jpg'); background-size:cover; background-position: center center; padding: 0px;}

	.blackcover {background-color: rgba(0,0,0,0.5); padding: 20px 0px;  border: 1px solid #aaaaaa;}

	#orgtitle {font-size: 24px; line-height: 24px; letter-spacing: -1px; color: #ffffff; font-weight: 600; margin-bottom: 10px;}
	#orgdesc {font-size: 12px; line-height: 15px; letter-spacing: -2px; color: #ffffff; margin-bottom: 0;}

	#gotoorg1 {font-size: 44px; line-height: 44px; text-decoration: none; background-color: transparent; border: 0px; margin: 0px; color: #404953;}
	#gotoorg2 {font-size: 11px; text-decoration: none; color: #969696; margin-left: 20px; font-family: 'Noto Sans'; letter-spacing: 400;}
	#gotoorg3 {font-size: 30px; line-height: 35px; text-decoration: none; background-color: transparent; border: 0px; margin: 0px; color: #404953; margin-left: 10px;}

	#orgsubbox {padding: 50px 10px;}
	#orgsubboxtitle {font-size: 13px; letter-spacing: -1px; color: #121517;}

	#orgbox2 {border: 1px solid #d0d0d0; margin-right: -1px; margin-bottom: -1px;}

	.mborgbox {text-align: center; padding: 0px; border-right: 1px solid #d0d0d0; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; margin-bottom: -1px;}
/*
	#orgsub01 {background-image: url('../img/jjcorg1.jpg'); background-size:cover; background-position: center center; padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
	#orgsub02 {background-image: url('../img/jjcorg2.jpg'); background-size:cover; background-position: center center; padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
	#orgsub03 {background-image: url('../img/jjcorg3.jpg'); background-size:cover; background-position: center center; padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
	#orgsub04 {background-image: url('../img/jjcorg4.jpg'); background-size:cover; background-position: center center; padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
	#orgsub1 {background-image: url('../img/jjcorg5.jpg'); background-size:cover; background-position: center center; padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
	#orgsub2 {background-image: url('../img/jjcorg7.jpg'); background-size:cover; background-position: center center; padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
	#orgsub3 {background-image: url('../img/jjcorg6.jpg'); background-size:cover; background-position: center center;  padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
	#orgsub4 {background-image: url('../img/jjcorg8.jpg'); background-size:cover; background-position: center center;  padding: 60px 0px; border-bottom: 0px; margin-top: 6px;}
*/

	#commbox {background-image: url('../img/jjcorg9.jpg'); background-size:cover; background-position: center center; padding: 50px 0px; font-size: 30px; font-family: 'Noto Sans'; letter-spacing: -1px; line-height: 30px; color: #ffffff; font-weight: 500;}

	#orglinktitle {font-size: 15px; font-family: 'Noto Sans'; letter-spacing: -1px; color: #474747; font-weight: 600;}

	#orglisttextbox {border-left: 1px solid #8d8d8d; border-right: 1px solid #8d8d8d; margin-right: -1px; padding: 0px 5px;}
	#orglisttextbox:first-child {border-left: 1px solid transparent;}
	#orglisttextbox:last-child {border-right: 1px solid transparent;}

	#orglink {font-size: 13px; font-weight: 500; letter-spacing: -1px; font-family: 'Noto Sans'; color: #8d8d8d; text-decoration: none;}

	.blackcover:hover {background-color: rgba(0,0,0,0.2);}
}

#orgarrow {
  -webkit-transition: -webkit-transform .4s ease-in-out;
          transition:         transform .4s ease-in-out;
}
#orgarrow:hover {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg) scale(1.2);;
}

#organtitle {font-family: 'Noto Sans'; font-size: 24px; font-weight: 600; color: #000000; letter-spacing: -1px;}
#mborgtitle {font-family: 'Noto Sans'; font-size: 18px; font-weight: 600; color: #000000; letter-spacing: -1px; color: #ffffff;}
#mborgdesc {font-family: 'Noto Sans'; font-size: 12px; font-weight: 600; color: #000000; letter-spacing: -1px;}
#mbarrow {width: 22px; height: auto; margin-top: 5px;}
#orgtbl {border-collapse: collapse;}

#mmenuclose {position: absolute; left: 87.5%; top: 2.5%; font-size: 40px; color: #ffffff; font-weight: 100;}

.mobile-side-menu li li:first-child a {padding-top: 0px;}
.mobile-side-menu li li:last-child a {margin-bottom: 10px;}

.mbbanner {width: 50%; float: left;}