@charset "utf-8"; 

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');


/* 슬라이드 이미지 */
div#slide	{ position: relative; width: 100%; height: 450px; margin: 0px; padding: 0px; z-index: 0; }
div#slide .slide_ul{ width: 100%; height: 100%;}
div#slide .slide_ul li		{ float:left; }
div#slide .slide_ul .slide01	{ background: url(/images/open_content/main_page/slide01.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide02	{ background: url(/images/open_content/main_page/slide02.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide03	{ background: url(/images/open_content/main_page/slide03.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide04	{ background: url(/images/open_content/main_page/slide04.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide05	{ background: url(/images/open_content/main_page/slide05.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide06	{ background: url(/images/open_content/main_page/slide06.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide07	{ background: url(/images/open_content/main_page/slide07.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide08	{ background: url(/images/open_content/main_page/slide08.jpg) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide09	{ background: url(/images/open_content/main_page/slide09.png) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide10	{ background: url(/images/open_content/main_page/slide10.png) no-repeat center top; background-size: cover; letter-spacing: -1px; }
div#slide .slide_ul .slide01 .slide_txt { width: 1200px; margin: 0 auto; text-align: left; padding: 120px 0 0 0px; font-size: 29px; font-family:  "Noto Sans KR";  font-weight: 500; color: #414d76; text-shadow: 1px 1px #FFF; }
div#slide .slide_ul .slide01 .slide_txt span	{ font-size: 33px; font-weight: 600; }
div#slide .slide_ul .slide01 .slide_txt span.txtD2	{ padding-left: 50px; }


div#slide div p.prev { position: absolute; top: 185px; left: 30px; }
div#slide div p.next { position: absolute; top: 185px; right: 30px; }

.slide_view {overflow:hidden; width:100%}

.board_list li {float:left; width:198px; border:1px solid #c5c5c5; margin-left:-1px}
.board_list li a {display:block; text-align:center; padding: 6px 0 8px; font-family:'Noto Sans KR'; font-size:16px; color:#333; font-weight: 400; }
.board_list li:first-child {margin-left:0}
.board_list li.active {background:#ff3f00; border:0 none; width:200px; position:relative; z-index:1}
.board_list li.active a {padding:7px 0 9px; color:#fff;  font-weight:500;}

.album .board_list li.active {background:#414d76; border:0 none; width:200px; position:relative; z-index:1}
.album .board_list li.active a {padding:7px 0 9px; color:#fff}

.service_box {float:left; width:293px; height:217px; border:1px solid #c0c8dd; background: url(/images/open_content/main_page/info_bg01.png) no-repeat right bottom;}

.service_box  h4{ position: relative; width: 245px; height: 37px; margin: 10px 0 0 24px; line-height: 37px; font-size: 18px; font-family:  "Noto Sans KR";  font-weight: 500; color: #3d4863; border-bottom: 2px solid #cbcbcb;  }
.service_box  h4:after	{ content: ""; position: absolute; bottom: -2px; left: 0; width: 105px; height: 2px; border-right: 1px solid #FFF; background: #d3170f; }
.service_box > .infoList > span	{ display: inline-block; font-size: 15px; line-height: 23px; margin: 10px 0 0 24px; color: #5f5f5f; font-family:  "Noto Sans KR";  font-weight: 500; }


.tel {float:left; margin-left:20px; margin-top:20px}
.tel h5 { font-family:  "Noto Sans KR";  font-size:14px; background:#6c799b; display:inline-block; color:#fff; padding:1px 12px 2px; border-radius:15px; font-weight: 500; margin-bottom: 5px; }
.tel ul		{ margin-left: 7px; }
.tel ul li {float:left; width:100%; font-size:14px; font-family:  "Noto Sans KR"; color:#5f5f5f; font-weight: 500;margin-top: 3px; }
.tel ul li strong {color:#0f1011}



/* 공지사항/앨범 */
div#mainNews	{ position: relative; width: 100%; height: 370px; background: #FFF; overflow: hidden; }
div#mainNews .mainCon	{ clear: both; width: 1200px; height: 100%; margin: 0 auto; padding-top: 45px; }
div#mainNews .mainCon .boardTit			{ position: relative; clear: both; margin-bottom: 35px; float:left;}
/* div#mainNews .mainCon .boardTit	:after	{ content: ""; position: absolute; bottom: -2px; left: 0; width: 120px; height: 2px; border-right: 1px solid #FFF; background: #d3170f; } */
div#mainNews .mainCon .boardTit	 h2	{ float: left; margin-left: 5px; line-height: 70px; font-size: 30px; color: #3b3b3b; font-family:  "Noto Sans KR";  font-weight: 400; }
div#mainNews .mainCon .boardTit	 h2 span	{ color: #000000; font-weight: 500; }
div#mainNews .mainCon .boardTit	 .btn	{ float: right; height: 32px; margin:20px 5px 0 0;  }
div#mainNews .mainCon .boardTit	 .btn img	{ margin-left: 4px; }

div#mainNews .mainCon .notice	{ position: relative; float: left; width: 400px; margin-right:50px }
div#mainNews .mainCon .noticeList	{ position: relative; margin: 75px 0 0 0; padding: 0px; }
div#mainNews .mainCon .noticeList li	{ clear: both; margin: 0px; padding: 0 0 0 20px; height: 30px; /*list-style: 30px;*/ background: url(/images/open_content/main_page/notice_icon.png) no-repeat 7px 9px; }
div#mainNews .mainCon .noticeList li .txt		{ float: left; width:75%; border: 0px solid red; font-size: 15px; font-family:  "Noto Sans KR";  font-weight: 400; }
div#mainNews .mainCon .noticeList li .txt a {overflow: hidden;display:block;height: 19px;white-space: nowrap;line-height: 1.5;text-overflow: ellipsis;word-wrap: break-word;}
div#mainNews .mainCon .noticeList li .txt a:hover		{ color: #d3170f; }
div#mainNews .mainCon .noticeList li .date	{ float: left; width:25%; text-align: right; color: #ababab;  font-size: 14px; font-family:  "Noto Sans KR";  font-weight: normal; }

div#mainNews .mainCon .album	{ position: relative; float: left; width: 400px; margin-right:50px }
div#mainNews .mainCon .albumList	{ position: relative;  padding: 0px; float:left; width:100%}
div#mainNews .mainCon .albumList li	{ clear: both; margin: 0px;  height: 30px;  font-size: 14px; color: #727272; }
div#mainNews .mainCon .albumList li .photo		{ float: left; width: 50%; }
div#mainNews .mainCon .albumList li .albumTxt	{ float:left; width:50%}
div#mainNews .mainCon .albumList li .albumTxt2 {width:100%; text-align:center;}
div#mainNews .mainCon .albumList li .albumTxt h3	{ font-size: 16px; color: #000000; font-family:  "Noto Sans KR";  font-weight: 500;}

div#mainNews .mainCon .albumList li .albumTxt h3 a {display: inline-block; width: 170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;white-space: normal; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding:0 0 0 15px}
div#mainNews .mainCon .albumList li .albumTxt a h3:hover		{ color: #d3170f; }
div#mainNews .mainCon .albumList li .albumTxt p	{ font-size: 13px; line-height: 21px; color: #727272; font-family:  "Noto Sans KR";  font-weight: 400; padding: 15px 0 0 15px; letter-spacing:-0.01em }


/* 바로가기 */
div#mainQuick		{ position: relative; width: 100%; height: 400px; background: url(/images/open_content/main_page/link_bg.png) no-repeat left top; background-size: cover; overflow: hidden; }
div#mainQuick .quickList		{ position: relative; width: 1200px; margin: 0 auto; margin-top: 96px; }
div#mainQuick .quickList ul	{ position: relative; clear: both; margin: 0 50px; padding: 0px; }
div#mainQuick .quickList li	{ position: relative; float: left; width: 230px; margin: 0 20px; padding: 0px; text-align: center; }
div#mainQuick .quickList li .quickImg		{ position: relative; width: 230px; height: 190px; background: #FFF; overflow: hidden; }
div#mainQuick .quickList li .quickImg .img	{ width: 100px; height: 100px; margin: 0 auto; margin-top: 20px; }
div#mainQuick .quickList li .quickImg .tit		{ font-size: 18px; color: #292c2e; font-family:  "Noto Sans KR";  font-weight: 500; margin-top: 10px; }
div#mainQuick .quickList li .quickMore		{ position: absolute; z-index: 100; bottom: -18px; left: 75px; }




/* 정보안내 */
div#mainInfo	{ position: relative; width: 100%; height: 240px; background: #FFF; overflow: hidden; }
div#mainInfo .mainCon		{ position: relative; clear: both; width: 1200px; margin: 0 auto; margin-top: 60px; }
div#mainInfo .mainCon .infoList		{ float: left; width: 370px; height: 120px; margin: 0px; padding: 0px; }
div#mainInfo .mainCon .info01		{ width: 368px; height: 118px; border: 1px solid #c0c8dd; background: url(/images/open_content/main_page/info_bg01.png) no-repeat right bottom; }
div#mainInfo .mainCon .info02		{ width: 368px; height: 118px; margin: 0 45px; border: 1px solid #c0c8dd; background: url(/images/open_content/main_page/info_bg02.png) no-repeat right bottom; }
div#mainInfo .mainCon .info01 h4, div#mainInfo .mainCon .info02 h4	{ position: relative; width: 200px; height: 37px; margin: 10px 0 0 24px; line-height: 37px; font-size: 18px; font-family:  "Noto Sans KR";  font-weight: 500; color: #3d4863; border-bottom: 2px solid #cbcbcb;  }
div#mainInfo .mainCon .info01 h4:after	{ content: ""; position: absolute; bottom: -2px; left: 0; width: 105px; height: 2px; border-right: 1px solid #FFF; background: #d3170f; }
div#mainInfo .mainCon .info02 h4:after	{ content: ""; position: absolute; bottom: -2px; left: 0; width: 72px; height: 2px; border-right: 1px solid #FFF; background: #d3170f; }
div#mainInfo .mainCon span	{ display: inline-block; font-size: 14px; line-height: 20px; margin: 10px 0 0 24px; color: #5f5f5f; font-family:  "Noto Sans KR";  font-weight: 400; }
div#mainInfo .mainCon .info02 span	{ letter-spacing: -0.3px; }
div#mainInfo .mainCon span span.bank		{ margin: 0px; padding: 0px; letter-spacing: 2.7px; }

div#mainInfo .mainCon .info03		{ width: 368px; height: 118px; margin: 0x; border: 1px solid #7282a6; background: url(/images/open_content/main_page/info_bg03.png) no-repeat right bottom #7282a6; }
div#mainInfo .mainCon .info03 h4	{ position: relative; width: 200px; height: 37px; margin: 13px 0 0 24px; line-height: 37px; font-size: 18px; font-family:  "Noto Sans KR";  font-weight: 500; color: #FFF; }
div#mainInfo .mainCon .info03 span	{ color: #cdd7ef;  font-weight: 500; margin-top: 8px; }


.mobile_button {position:absolute; right:20px; top:50%; margin-top:-8.5px; display:none}/* 
.mobile_button a {display:block; width:30px; height:3px; background:#ae1919; position:relative;}
.mobile_button a:after {content:""; display:block; width:100%; height:3px; background:#ae1919; position:absolute; top:-7px;}
.mobile_button a:before {content:""; display:block; width:100%; height:3px; background:#ae1919; position:absolute; bottom:-7px;} */

.mobile_wrap {position:fixed; left:0; top:0; width:100%; height:100%; z-index:101; display:none}
.mobile_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0}
.moblie_logo {display:block; text-align:center; width:100%}
.mobile_menu_wrap {position:absolute; right:-200px; top:0; width:200px; height:100%; background:#ae1919}
.mobile_menu {float:left; width:100%}
.mobile_menu li:first-child {border-top:0 none;}
.mobile_menu li {display:inline-block; width:100%; text-align:center; border-bottom:1px solid rgba(0,0,0,0.1); border-top:1px solid rgba(0,0,0,0.06)}
.mobile_menu li a {display:block; padding:15px 0; color:#fff;}

.mobile_wrap .mobile_close {position:absolute; left:-40px; width:40px; text-align:center; padding:5px 0; background:#ae1919; color:#fff; font-size:24px; opacity:0; cursor:pointer}


.none {display:none}

@media(max-width:1216px) {
	div#header .header_top {width:100%}

	div#mainNews .mainCon {width:95%; margin:2.5% 2.5%; float:left;}
	div#mainNews .mainCon .notice {width:46%; margin:0 2%}
	div#mainNews .mainCon .album {width:46%; margin:0 2%}	
	div#mainQuick .quickList {width:100%}
	div#footer div#footer-inner {width:100%}
	div#mainNews {height:auto}
	div#mainNews .mainCon .boardTit {width:100%}
	div#mainNews .mainCon .boardTit ul {float:left; width:100%}
	.board_list li {width:50%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
	.board_list li.active {width:50% !important}

	div#slide .slide_ul .slide01 .slide_txt {width:auto}

	div#mainInfo .mainCon {width: 90%; margin: 60px 5% 60px; float: left;}
	div#mainInfo .mainCon .info01 {width:26%; padding:2%; margin:0; margin-right:3%; margin-left:1.5%; background:none}
	div#mainInfo .mainCon .info02 {width:26%; padding:2%; margin:0; margin-right:3%; background:none }
	div#mainInfo .mainCon .info03 {width:26%; padding:2%; margin:0; margin-right:1.5%; background:#7282a6}
	div#mainInfo .mainCon .info01 h4, div#mainInfo .mainCon .info02 h4 {margin:0; width:100%; margin-bottom:10px}
	div#mainInfo .mainCon .info03 h4 {margin:0}
	div#mainInfo .mainCon span {margin:0}
	div#slide .slide_ul .slide01 {height:260px;}
	div#slide .slide_ul li {height:260px}
	div#slide {height:260px; }
	div#slide div p.prev, div#slide div p.next {top:100px}
	div#slide .slide_ul .slide01 .slide_txt {padding:140px 0 0 57px; font-size:23px}
	div#slide .slide_ul .slide01 .slide_txt span {font-size:26px}
	.service_box {width:96%; margin:5% 0% 0; height:auto; padding:2%}
	.service_box  h4 {margin:0 0 0 0; float:left; width:28%}
	.service_box > .infoList > span {margin:0 0 0 2%; width:70%}
	.infoList {float:left; width:50% }	
	.tel {margin:0 0 0 0; width:50%}
	.tel h5 {float:left; background:none; border-radius:0; padding:0 0 0 0}
	.tel ul {float:left; margin: 0 0 0 2%; width:70%}

	.service_box  h5{ position: relative; width: 28%; height: 37px; line-height: 37px; font-size: 18px; font-family:  "Noto Sans KR";  font-weight: 500; color: #3d4863; border-bottom: 2px solid #cbcbcb;  }
	.service_box  h5:after	{ content: ""; position: absolute; bottom: -2px; left: 0; width: 105px; height: 2px; border-right: 1px solid #FFF; background: #d3170f; }
}

@media(max-width:1196px) {
	div#mainQuick .quickList li {width:25%; margin:0}
}

@media(max-width:1156px) {
	div#mainNews {height:auto}
	
}

@media(max-width:1050px) {
	div#mainQuick .quickList {margin-bottom:46px; float:left;}
	div#mainQuick {height:auto; background-size:cover; width:90%; padding:0 5%}
	div#mainQuick .quickList li {width:50%; margin:0; margin-bottom:50px}
	div#mainQuick .quickList ul {margin:0}
	div#mainQuick .quickList li .quickImg {width:94%; margin:0 3%;}
	div#mainQuick .quickList li .quickMore {left:50%; margin-left:-40px}
}

@media(max-width:1023px) {
	.tMenu {display:none}
	div#header {height:70px}
	.mobile_button {display:block}
	div#header .header_top h1.tLogo a { width:220px; margin:14px 7px 0 18px}
	div#slide {margin-top:68px}
}

@media(max-width:978px) {
	div#mainNews .mainCon .albumList li {float:left; height:100%; text-align:center; width:100%}	
	div#mainNews .mainCon .albumList li .albumTxt p { text-align: left; }
}

@media(max-width:900px) {
	div#mainNews .mainCon .notice {width:96%; margin:2%}	
	div#mainNews .mainCon .album {width:96%; margin:2%}
	div#mainNews .mainCon .albumList li .albumTxt h3 a {width: 100%;  padding:0 0 0 3%}
	
}


@media(max-width:877px) {
	div#footer div#footer-inner {text-align:center;}	
	div#footer div#footer-inner .footer-logo {display:inline-block; float:inherit}
	div#footer div#footer-inner .footer-copyright {display:inline-block; float:inherit; width:100%; margin-top:20px}
	div#footer div#footer-inner .footer-copyright ul li{float:left; width:100%}
}

@media(max-width:870px) {
	
}

@media(max-width:830px) {
	div#mainInfo {height:auto}
	div#mainInfo .mainCon .info01 {width:96%; margin-left:0; margin-bottom:20px}
	div#mainInfo .mainCon .info02 {width:96%; margin-right:0; margin-bottom:20px }
	div#mainInfo .mainCon .info03 {width:96%; margin-right:0; margin-bottom:20px}
	
	.infoList	{ margin-bottom: 10px; }
	.service_box  h4, .service_box  h5	{ font-size: 16px; }
}

@media(max-width:700px) {
	div#mainNews .mainCon {width:90%; margin:5% 5%; float:left;}
	div#mainNews .mainCon .notice {width:100%; margin:0%; margin-bottom:5%}
	div#mainNews .mainCon .album {width:100%; margin:0%}
	div#slide div p.prev a img , div#slide div p.next a img {width:48px; height:48px}
}

@media(max-width:550px) {
	div#slide .slide_ul .slide01 .slide_txt {font-size:20px}
	div#slide .slide_ul .slide01 .slide_txt span {font-size:26px}
	div#slide .slide_ul .slide01 .slide_txt {padding:140px 0 0 5%}
	div#slide .slide_ul .slide01 .slide_txt span.txtD2 {padding-left:5%}
}

@media(max-width:530px) {
	div#mainQuick .quickList li {width:100%}

	div#mainNews .mainCon .noticeList, div#mainNews .mainCon .album	{ margin-bottom: 30px; }	
}





/*banner*/
.banner_wrap
{
	background:#fff;
	border-top:1px solid #ccc;
}
.section5Wrap
{
	max-width:1200px;
	margin:0 auto;
}
.section5Wrap .contentWrap
{
    padding:20px;
}

.section5Wrap .contentWrap .arrows
{
    display:inline-block;
    vertical-align: middle;
    border:1px solid #e4e4e4;
}

.section5Wrap .contentWrap .slideWrap
{
    display:inline-block;
    position: relative;
    width:calc(100% - 139px);
    margin:0 25px;
    vertical-align: middle;
    overflow:hidden;
}
.section5Wrap .contentWrap .slideWrap ul li
{
    float:left;
    width:220px;
    text-align:center;
}

.section5Wrap .contentWrap .slideWrap ul li a
{
    display:block;
}

.section5Wrap .contentWrap .slideWrap ul li a img
{
    vertical-align: middle;
    max-width:100%;
	border:1px solid #ccc;
}