/* 메인 */
body{font-family:'Nanum Gothic';font-size:14px}

/* 
 * Nanum Gothic (Korean) http://www.google.com/webfonts/earlyaccess
 */

@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot);
  src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff2) format('x-woff2'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.woff) format('woff'),
       url(//themes.googleusercontent.com/static/fonts/earlyaccess/nanumgothic/v3/NanumGothic-ExtraBold.ttf) format('truetype');
}

#header .headin{margin-top:5px}
#header .headin #logo{padding:15px 0 0 2px}
#header .headin #gnb > ul{margin-top:10px}
#header .headin #gnb > ul > li{margin-left:115px}
#header .headin .headarea .toplink li{margin-top:5px}
#header .headin #gnb > ul{background:#2a55a2}
#header .headin #gnb > ul > li a{font-weight:600}
#header .headin #gnb .subList{display:none}

#container .main_slide{width:1000px;overflow:hidden;margin-bottom:20px;top:-5px}
#container .contents .lnb .aside{display:none}
#container .contents{width:auto;max-width:1000px}
#container .subvisual{padding:15px 0}

#header .headin #gnb > ul > li{font-size:16px}

.main_slide .bx-wrapper .bx-controls-direction a{width:56px;height:64px;margin:-15px 10px 0}
.main_slide .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{width:100%;text-align:center;margin-right:0}
.main_slide .bx-wrapper .bx-prev{background:url("/image/controls.png") no-repeat 0 -60px}
.main_slide .bx-wrapper .bx-next{background:url("/image/controls.png") no-repeat -56px -60px}
.main_slide .bx-wrapper .bx-prev:hover{background:url("/image/controls.png") no-repeat}
.main_slide .bx-wrapper .bx-next:hover{background:url("/image/controls.png") no-repeat  -56px 0}

.bx-wrapper .bx-pager.bx-default-pager a{width:70px;height:6px;border-radius:0}
.bx-wrapper .bx-pager.bx-default-pager a:hover{background:#3e67b1}
.bx-wrapper .bx-pager.bx-default-pager a.active{background:#3e67b1}
.bx-wrapper .bx-controls-auto .bx-start, .bx-wrapper .bx-controls-auto .bx-stop{display:none}

		.tSub3{display:none !important}
		.section01 .a1 ul li.ali1 a{color:#7cd2ff}
		.section01 h3, .section02 h3{font-weight:600}
		.contin{margin-bottom:10px;padding-bottom:20px}
		.albumList > div{margin:0 4px 25px}
		.main_banner .bannerList{background:#eee;padding:25px 0;margin-top:30px}
		.more2{position:absolute;top:16px;left:50%;margin-left:90px}
		
		.paging a{width:24px;height:24px;line-height:24px}
		.paging a span{margin:7px auto 0 !important;}
		.paging .ov{color:#fff !important;}
		.paging .next{height:11px !important;}
		.paging .prev{height:11px !important;}

.section01 .a1{background:#fff;position:relative}
.section01 .a1 h3{width:230px;margin:0 auto;color:#222;font-size:20px}
.section01 .a1 > ul{max-width:210px;height:140px;margin-top:-3px;margin:0 auto;text-align:center;background:url(/image/a1_img.jpg) no-repeat}
.section01 .a1 > ul > li{margin:0 auto;text-align:center}
.section01 .a1 > ul > li.ali1{padding:25px 0 7px 0}
.section01 .a1 > ul > li.ali1 a{color:#fff;font-size:14px}
.section01 .a1 > ul > li.ali2{color:#ffeda5;font-size:14px;margin-top:-10px;padding:0 0 20px 0}
.section01 .a1 > ul > li.ali3{border:1px solid #fff;width:40%;padding:3px 0}
.section01 .a1 > ul > li.ali3 a{color:#fff;font-size:14px;display:block}
.section01 .a1 > ul > li.ali4{color:#222;font-size:14px;float:left;padding-left:20px;margin-top:28px;background:url(/image/bn_bg.png) no-repeat 0 3px}
.section01 .a3{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;padding:2%}
.section01 .a3 .tabList .more{right:0}
.section01 .a3 .tab1{background:#fff}
.section01 .a3 .tab1 > ul{background:#fff;border-bottom:1px solid #ccc}
.section01 .a3 .tab1 > ul > li{background:#fff;font-weight:600;}
.section01 .a3 .tab1 > ul > li.on{background:#fff;font-weight:600;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;}
.section01 .a3 .tab1 > ul > li.on > a{background:#fff;position:absolute;width:32%}
.section01 .a2{margin-bottom:10px}
.section01 .a2 ul li.btn01{background:url(/image/btn01.png) #da6968 no-repeat 50% 30%}
.section01 .a2 ul li.btn02{background:url(/image/btn02.png) #fdb803 no-repeat 50% 25%}
.section01 .a2 ul li.btn03{background:url(/image/btn03.png) #91a3d2 no-repeat 50% 30%}
.section01 .a2 ul li.btn04{background:url(/image/btn04.png) #11debf no-repeat 50% 30%}
.section01 .a2 ul li a{font-weight:600}

.section02 h3{color:#222}
.section02 .bx-wrapper .bx-pager.bx-default-pager a{background:#ccc}
.section02 .slidewrap .bx-wrapper .bx-pager a:hover{background:#3e67b1}
.section02 .slidewrap .bx-wrapper .bx-pager a.active{background:#3e67b1}
.section02 .b1, .section02 .b2{background:#fff;position:relative}
.section02 .b2{float:left;background:url(/image/line_bg.jpg) #fff no-repeat 0 50px;background-size:1px 170px}
.section02 .b3, .section02 .b4{background:url(/image/line_bg.jpg) #fff no-repeat 0 50px;background-size:1px 170px}
.section02 .b1 .mphoto img, .section02 .b2 .mphoto img{height:140px}
/* .section02  li.bn_text{background:url(/image/bn_bg.png) no-repeat 0 6px; padding:5px 0 0 20px} */
.section02  li.bn_text{padding:5px 0 0 0}
.section02  li.bn_text p{font-size:14px;line-height:22px;letter-spacing:-0.5px;color:#666}

#footer{background:#515457;padding-bottom:0;position:relative;top:30px}
#footer .footIn{padding-bottom:0}
#footer .footIn p.logo img{margin-top:5px}
#footer .footIn address{margin:15px 0 0 50px;float:left}
#footer .footIn address p{color:#ccc;line-height:18px}
#footer .footIn address p.whatever{color:#aaa;margin-top:10px}
#footer .footIn .btn_top{float:right;background:#393b3d;width:115px;height:150px;text-align:center}
#footer .footIn .btn_top img{text-align:center;margin-top:40px}


/* #footer .footIn .logo {float:left; padding-top:35px; width:225px;} */
#footer .footIn .logo {float:left; padding-top:35px; width:306px;}

/* 인사말 */
		#sub1_1{max-width:730px;margin:0 auto;padding:3px}
		#sub1_1 .section1{width:60%;float:left}
		#sub1_1 .section1 li h5{font-size:25px;font-weight:600;color:#333;line-height:32px}
		#sub1_1 .section1 li i{margin-top:30px}
		#sub1_1 .section2{width:40%;float:right}
		#sub1_1 .section2 li{text-align:center}
		#sub1_1 .section3{clear:both;padding-top:15px}
		#sub1_1 i{padding-top:20px;font-size:14px;font-style:normal;color:#666;line-height:24px}
		#sub1_1 i.last{font-size:15.5px;font-weight:600;color:#333;line-height:26px;margin-top:30px;}
		#sub1_1 i.last span{color:#3456a8}

		#sub1_1 .mryc_greet_container {
			width: 100%;
			max-width: 1200px;
			margin: 0 auto;
			padding: 20px 0px;
			box-sizing: border-box;
		}

		#sub1_1 .mryc_greet_list {
			list-style: none;
			padding: 0;
			margin: 0;
		}

		#sub1_1 .mryc_greet_item {
			background-color: #ffffff;
		}

		#container #sub1_1 .mryc_greet_item > p:nth-of-type(n+2) {
			margin-top: 20px;
		}

		#sub1_1 .mryc_greet_title {
			font-size: 24px;
			color: #333333;
			margin: 0 0 25px;
			text-align: left;
		}

		#container #sub1_1 .mryc_greet_text {
			font-size: 14px;
			margin: 0;
			line-height: 1.6;
			color: #555555;
			word-break: keep-all; 
			letter-spacing: -1.0px;
		}

		/* 강조 문구 영역 */
		#sub1_1 .mryc_greet_highlight {
			border-top: 1px dashed #dddddd;
			text-align: left;
			margin-top: 20px;
			padding-top: 20px;
		}

		#sub1_1 .mryc_highlight_sub {
			font-size: 18px; /* 1.1rem */
			color: #444444;
		}

		#sub1_1 .mryc_highlight_sub b {
			font-style: normal;
		}

		#sub1_1 .mryc_highlight_main {
			font-size: 18px; /* 1.2rem */
			color: #0056b3; 
		}

		#sub1_1 .mryc_highlight_main b {
			font-style: normal;
		}

		/* =========================================
		   태블릿 및 PC 화면 (768px 이상)
		========================================= */
		@media screen and (min-width: 768px) {
			#sub1_1 .mryc_greet_container {
				padding: 40px 0px;
			}

			#sub1_1 .mryc_highlight_sub {
				font-size: 20px; /* 1.25rem */
			}

			#sub1_1 .mryc_highlight_main {
				font-size: 22px; /* 1.4rem */
			}
		}

/* 교회소개 */
		#sub1_2{max-width:730px;margin:0 auto;padding:3px}
		#sub1_2 h5{font-size:25px;font-weight:600;color:#333;line-height:32px}
		#sub1_2 i{padding-top:20px;font-size:14px;font-style:normal;color:#666;line-height:24px}
		#sub1_2 ul{border-top:4px solid #3456a8;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:10px}
		#sub1_2 ul.first{margin-top:20px}
		#sub1_2 ul.last{margin-bottom:70px}
		#sub1_2 ul li.first{font-size:18px;font-weight:600;padding-left:40px;background:url(/image/sub/bg1.jpg) #f5f5f5 no-repeat 12px 10px;border-bottom:1px solid #ccc;height:42px;line-height:40px}
		#sub1_2 ul li.last{padding:20px}

/* 교회연혁 */
		#sub1_3_1, #sub1_3_2, #sub1_3_3, #sub1_3_4, #sub1_3_5 {max-width:730px;margin:0 auto;padding:3px}
		#sub1_3_1 .btn, #sub1_3_2 .btn, #sub1_3_3 .btn, #sub1_3_4 .btn, #sub1_3_5 .btn {width:100%;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;}
		/* #sub1_3_1 .btn td, #sub1_3_2 .btn td, #sub1_3_3 .btn td, #sub1_3_4 .btn td, #sub1_3_5 .btn td {border:1px solid #3456a8;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;width:25%;text-align:center} */
		#sub1_3_1 .btn td, #sub1_3_2 .btn td, #sub1_3_3 .btn td, #sub1_3_4 .btn td, #sub1_3_5 .btn td {border:1px solid #3456a8;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;width:20%;text-align:center;}
		#sub1_3_1 .btn td a, #sub1_3_2 .btn td a, #sub1_3_3 .btn td a, #sub1_3_4 .btn td a, #sub1_3_5 .btn td a {padding:10px 0;color:#3456a8;font-weight:600;display:block}

		#sub1_3_1 div, #sub1_3_2 div, #sub1_3_3 div, #sub1_3_4 div, #sub1_3_5 div {font-size:18px;font-weight:600;padding-left:25px;background:url(/image/sub/bg2.jpg) no-repeat 0px 1px;margin:40px 0 10px 0;color:#666}
		#sub1_3_1 .view, #sub1_3_2 .view, #sub1_3_3 .view, #sub1_3_4 .view, #sub1_3_5 .view {border-top:4px solid #3456a8;width:100%}
		#sub1_3_1 .view td, #sub1_3_2 .view td, #sub1_3_3 .view td, #sub1_3_4 .view td, #sub1_3_5 .view td {border:1px solid #ccc;padding:8px 0}
		#sub1_3_1 .view td.left, #sub1_3_2 .view td.left, #sub1_3_3 .view td.left, #sub1_3_4 .view td.left, #sub1_3_5 .view td.left {background:#f5f5f5;width:15%;min-width:85px;padding-left:10px;font-size:15.5px;font-weight:600;color:#333}
		#sub1_3_1 .view td.right, #sub1_3_2 .view td.right, #sub1_3_3 .view td.right, #sub1_3_4 .view td.right, #sub1_3_5 .view td.right {text-align:left;padding-left:10px;padding-right:10px;font-size:14px;font-style:normal;color:#666;line-height:24px}

		#sub1_3_1 .btn td a.year2020{background:#3456a8;color:#fff}
		#sub1_3_2 .btn td a.year2010{background:#3456a8;color:#fff}
		#sub1_3_3 .btn td a.year2000{background:#3456a8;color:#fff}
		#sub1_3_4 .btn td a.year1990{background:#3456a8;color:#fff}
		#sub1_3_5 .btn td a.year1985{background:#3456a8;color:#fff}

/* 섬기는사람들 */
		#sub1_4{max-width:730px;margin:0 auto;padding:3px}
		#sub1_4 h5{font-size:25px;font-weight:600;color:#333;text-align:center;line-height:20px}
		#sub1_4 h5 img{max-width:400px;width:100%;border-radius:10px}
		#sub1_4 h5.last{padding-top:70px}
		#sub1_4 h5.last img{max-width:500px}
		#sub1_4 div{clear:both;font-size:18px;font-weight:600;padding-left:25px;background:url(/image/sub/bg2.jpg) no-repeat 0px 1px;margin:40px 0 10px 0;color:#666}
		#sub1_4 div.first{margin:20px 0 10px 0;}
		#sub1_4 table{border-top:4px solid #3456a8;width:100%}
		#sub1_4 td{border:1px solid #ccc;padding:8px 0}
		#sub1_4 td.left{background:#f5f5f5;width:20%;min-width:110px;padding-left:10px;font-size:15.5px;font-weight:600;color:#333}
		#sub1_4 td.right{text-align:left;padding-left:10px;font-size:14px;font-style:normal;color:#666;line-height:24px}


		/* 담임목사 인사말 */
		/* 공통 래퍼 설정 (위아래 여백만 유지하고 블록 요소로 변경) */


#container .contents .contin .subIn .prologue_wrapper {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 20px auto 0;
    align-items: flex-start;
}

/* ★ 추가: 하단 인사말 100% 래퍼 (상단 flex 덮어쓰기) */
#container .contents .contin .subIn .prologue_message {
    display: block;
    margin-top: 50px; /* 상단 약력과의 간격 */
}

/* 이미지 (4) */
#container .contents .contin .subIn .prologue_visual {
    flex: 4;
}

#container .contents .contin .subIn .prologue_frame img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
    border-radius: 8px; /* 필요시 유지/삭제 */
}

/* 약력 (6) */
#container .contents .contin .subIn .prologue_content {
    flex: 6;
}

/* ★ 추가: 상단 약력 리스트 스타일 */
#container .contents .contin .subIn .bio_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

#container .contents .contin .subIn .bio_list li {
	font-size: 14px;
	color: #444;
	line-height: 1.6;
	position: relative;
	padding-left: 12px;
	margin-bottom: 6px;
}

#container .contents .contin .subIn .bio_list li:last-child {
	margin-bottom: 0px;
}

#container .contents .contin .subIn .bio_list li::before {
	content: "";
	position: absolute;
	top: 9.5px;
	left: 0;
	width: 5px;
	height: 5px;
	background: #3e67b1;
}

#container .contents .contin .subIn .bio_career {
    margin-top: 20px;
}

/* ★ 추가: 하단 인사말 본문 컨테이너 (100%) */
#container .contents .contin .subIn .prologue_greeting {
    width: 100%;
    display: block;
}

/* 인사말 타이틀 */
#container .contents .contin .subIn .prologue_subject {
    font-size: 24px;
    font-weight: 600;
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
}

#container .contents .contin .subIn .prologue_text_area {
    display: flex;
    gap: 20px; /* 문단 간격 */
}

#container .contents .contin .subIn .prologue_text {
    font-size: 14px;
    line-height: 1.8;
    color: #444;
    margin: 0;
    word-break: keep-all;
}

/* 서명 영역 */
#container .contents .contin .subIn .prologue_signature {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 16px;
    color: #222;
    text-align: right;
    margin-top: 40px;
}

#container .contents .contin .subIn .signature_name {
    font-size: 22px;
    font-weight: normal;
    margin-left: 10px;
    /* 추후 눈누 폰트 적용 시 여기에 font-family 추가 */
    display: inline-block;
    vertical-align: middle;
}

/* 반응형 모바일 */
@media (max-width: 768px) {
    #container .contents .contin .subIn .prologue_wrapper {
        flex-direction: column;
        gap: 30px;
    }

    #container .contents .contin .subIn .prologue_visual, 
    #container .contents .contin .subIn .prologue_content {
        flex: none;
        width: 100%;
    }

    #container .contents .contin .subIn .prologue_signature {
        text-align: center;
        justify-content: center; /* Flex 상태에서 중앙 정렬을 위해 추가 */
    }
}
/* 오시는길 */
		#sub1_5{max-width:730px;margin:0 auto;padding:3px}
		#sub1_5 h5{font-size:25px;font-weight:600;color:#333;line-height:32px}
		#sub1_5 i{padding-top:20px;font-size:14px;font-style:normal;color:#666;line-height:24px}
		#sub1_5 i.bold{font-size:15.5px;font-weight:600;color:#333}
		#sub1_5 ul{border-top:4px solid #3456a8;border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:10px}
		#sub1_5 ul.first{margin-top:20px}
		#sub1_5 ul li.first{font-size:18px;font-weight:600;padding-left:40px;background:url(/image/sub/bg1.jpg) #f5f5f5 no-repeat 12px 10px;border-bottom:1px solid #ccc;height:42px;line-height:40px}
		#sub1_5 ul li.first span{float:left;max-width:60%}
		#sub1_5 ul li.first b{float:right;width:270px;height:43px;background:url(/image/sub/bg3.png) #3456a8 no-repeat 90% 6px}
		#sub1_5 ul li.first a{color:#fff;text-align:center;display:block;font-weight:600}
		#sub1_5 ul li.last{padding:20px}
		#sub1_5 ul li.last span{font-size:16px;font-weight:600;line-height:40px;color:#666}
		#sub1_5 .bottom{margin-top:30px}
		#sub1_5 .bottom span{font-size:18px;font-weight:600;padding-left:30px;background:url(/image/sub/bg2.jpg) no-repeat 4px 0;height:42px;line-height:40px}
		#map-canvas, #map_canvas{width:100%;height:400px;font-size:12px;border:1px solid #ccc} 
		.map_Heading{line-height:18px;font-size:12px;font-weight:bold;color:#f00}
		.map_Content{font-size:18px;color:#333} 
		
/* 예배안내 */
		#sub2_1{max-width:730px;margin:0 auto;padding:3px}
		#sub2_1 h5{font-size:25px;font-weight:600;color:#333;line-height:32px}
		#sub2_1 table{border-top:4px solid #3456a8;width:100%;margin-top:15px}
		#sub2_1 tr.first td{padding-left:35px;background:url(/image/sub/bg1.jpg) #f5f5f5 no-repeat 9px 12px}
		#sub2_1 td{border:1px solid #ccc;padding:8px 10px}
		#sub2_1 td b{font-size:18px;font-weight:600;color:#333;line-height:30px}
		#sub2_1 td i{font-size:15.5px;font-weight:600;color:#333;font-style:normal;line-height:24px}
		#sub2_1 td span{padding-top:20px;font-size:14px;color:#666;line-height:24px}

/* 아동부소개 */
		#sub4_1{max-width:730px;margin:0 auto;padding:3px}
		#sub4_1 h5{font-size:25px;font-weight:600;color:#333;line-height:32px}
		#sub4_1 img{margin:15px 0 20px;width:100%}
		#sub4_1 span{font-size:18px;font-weight:600;padding-left:30px;background:url(/image/sub/bg2.jpg) no-repeat 4px 0;height:42px;line-height:27px}
		#sub4_1 i{font-size:14px;font-style:normal;color:#666;line-height:24px}

/* 중고등부소개 */
		#sub4_4{max-width:730px;margin:0 auto;padding:3px}
		#sub4_4 h5{font-size:25px;font-weight:600;color:#333;line-height:32px}
		#sub4_4 img{margin:15px 0 20px;width:100%}
		#sub4_4 span{font-size:18px;font-weight:600;padding-left:30px;background:url(/image/sub/bg2.jpg) no-repeat 4px 0;height:42px;line-height:27px}
		#sub4_4 i{font-size:14px;font-style:normal;color:#666;line-height:24px}

/* 청년부소개 */
		#sub4_7{max-width:730px;margin:0 auto;padding:3px}
		#sub4_7 h5{font-size:25px;font-weight:600;color:#333;line-height:32px}
		#sub4_7 img{margin:15px 0 20px;width:100%}
		#sub4_7 span{font-size:18px;font-weight:600;padding-left:30px;background:url(/image/sub/bg2.jpg) no-repeat 4px 0;height:42px;line-height:27px}
		#sub4_7 i{font-size:14px;font-style:normal;color:#666;line-height:24px}

/* 선교현황 */
		#sub5_1{max-width:730px;margin:0 auto;padding:3px}
		#sub5_1 h5{font-size:25px;font-weight:600;color:#333;margin-bottom:15px;line-height:32px}
		#sub5_1 i{padding-top:20px;font-size:14px;font-style:normal;color:#666;line-height:24px}
		#sub5_1 table{border-top:4px solid #3456a8;width:100%}
		#sub5_1 tr.first td{padding:15px 0 13px 10px;background:#e8f0fa}
		#sub5_1 td{border:1px solid #ccc;padding:8px 0}
		#sub5_1 td.left{background:#f5f5f5;width:20%;min-width:110px;padding-left:10px;font-size:15.5px;font-weight:600;color:#333}
		#sub5_1 td.first_right{background:#f5f5f5;padding-left:10px;font-size:15.5px;font-weight:600;color:#333}
		#sub5_1 td.right{text-align:left;padding-left:10px;font-size:14px;font-style:normal;color:#666;line-height:24px}



/* 반응형 */
@media only screen and (max-width: 999px){
	#header .headin #logo{margin:0 auto;max-width:306px;height:54px;background:url(/image/m_logo.png) no-repeat 50% 50%}
	#header .headin #logo img{opacity:0}
	#container .main_slide{width:auto}
	th.title{background:#f9f9f9 !important}
	.menu{display:block !important}

	#footer{height:250px}
	#footer .footIn address{clear:both;margin:5px 0 0 10px}
	#footer .footIn .btn_top{height:250px;position:relative;top:-95px}
	#footer .footIn .btn_top img{margin-top:70px}
}
@media only screen and (max-width: 910px){
}
@media only screen and (max-width: 861px){
	.section02{box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box;
						padding:2%;margin-top:10px}
	.b1, .b2, .b3, .b4{box-sizing:border-box}
	.section02 .b1, .section02 .b2{height:270px}
	.section02 .b2, .section02 .b3, .section02 .b4{background-image:none}
	.section01 .a1{border-bottom:1px solid #ccc;margin-bottom:10px;box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-moz-box-sizing:border-box}
	.section02 .b1{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
	.section02 .b2{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-right:1px solid #ccc}
	.section02 .b3{border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
	.section02 .b4{border-bottom:1px solid #ccc;border-right:1px solid #ccc}
	.section01 .a3{background:none}
	.section01 .a3 .tab1 > ul > li.on > a{width:200px}
	.section01 .a3 .tab1 > ul > li{width:200px}
	.section01 .a3 .tab1 > ul > li > a{text-align:center}
}
@media only screen and (max-width:700px){
	#sub1_1 .section1, #sub1_1 .section2{width:100%;float:none}
	#sub1_1 .section2 img{margin-top:20px}
	#sub1_1 i.last br{display:none}

	#sub1_5 ul li.first{height:85px;padding:0;text-align:center;background:#f5f5f5}
	#sub1_5 ul li.first span{max-width:100%;width:100%;height:43px}
	#sub1_5 ul li.first b{max-width:100%;width:100%;background:url(/image/sub/bg3.png) #3456a8 no-repeat 97% 6px}
}
@media only screen and (max-width: 640px){
	.main_banner .bx-wrapper .bx-next{background:url("/image/controls3.png") no-repeat -47px 0}
	.main_slide .bx-wrapper .bx-controls-direction a{display:none}
	#footer .footIn .logo{margin-left:20px}
	#footer .footIn address{margin-left:20px}
	#footer{height:auto}
	#footer .footIn{padding:0 0 10px 0}
	#footer .footIn .btn_top{clear:both;width:100%;height:110px;top:30px}
	#footer .footIn .btn_top img{margin-top:15px}
}
@media only screen and (max-width: 450px){
	.section01 .a3 .tab1 > ul > li.on > a{width:140px}
	.section01 .a3 .tab1 > ul > li{width:140px}
	.section02 .b1{border-top:1px solid #ccc;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}
	.section02 .b2, .section02 .b3, .section02 .b4{border-top:none;border-bottom:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #ccc}

	#header .headin #logo{margin:0 auto; max-width:306px; height:54px; background:url(/image/m_logo.png) no-repeat 50% 50%; background-size: 70%;}
}
@media only screen and (max-width: 380px){
	#header .headin #logo{margin:0 auto; max-width:306px; height:54px;background:url(/image/m_logo.png) no-repeat 50% 50%; background-size: 50%;}
	#header .headin #logo{background-size:80%}
}