/* ---------- Custom 시작 ---------- */

@charset "utf-8";

/* 나눔명조, 나눔고딕, 나눔스퀘어 */
	@import url(//fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
	@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);
	@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

/* 스포카 한 산스 */
	@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);

/* Noto Sans KR */
	@font-face {
		font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;
		src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2)
		format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff)
		format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');
	}
	@font-face {
		font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
		src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2)
		format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff)
		format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');
	}
	@font-face {
		font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;
		src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2)
		format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff)
		format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');
	}
	@font-face {
		font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
		src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2)
		format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff)
		format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');
	}
	@font-face {
		font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
		src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2)
		format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff)
		format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');
	}
	@font-face {
		font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;
		src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2)
		format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff)
		format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');
	}

/* 기준css */
	html {overflow-x:hidden; scroll-behavior:smooth; height:100%;}
	body {margin:0; padding:131px 0 0 0; height:100%; font-size:14px; font-family: 'Noto Sans KR', sans-serif; line-height:20px; color:#838383;}
	table.table tr th, table tr td {padding:8px 0; vertical-align:middle !important; font-size:16px; font-family: 'Noto Sans KR', sans-serif; color:#838383;}
	a, a:hover {color:inherit; text-decoration:none;}
	ul, ol, dl{list-style:none; margin:0; padding:0;}
	p{margin:0;}
	.no-padding {padding:0 !important;}
	.no-margin {margin:0 !important;}

/* 왼쪽 관리자 버튼 */
	.admin_side {position:fixed;left:0px;top:250px;z-index:99;}
	.admin_side a {padding:10px 10px;font-size:11px;font-family:arial;border-radius:0 3px 3px 0;}

/* 오른쪽 상단 버튼 */
	#topcontrol {z-index:41; width:50px; height:50px; line-height:50px; border-radius:5px; background-color:#829abe; text-align:center; color:#fff;}

/* XE 컨셉색상 */
	.conceptBgColor {background:#829abe !important; color:#fff !important;}
	.conceptTextColor {color:#1762a7 !important;}

/* login-alert none */
	#login-alert{display:none;}

/* ---------- Custom 종료 ---------- */



/* ---------- Layout 시작 ---------- */

/* Header */
	header {position:fixed; left:0; top:0; z-index:3; width:100%;}
		/* 익스 모달 */
		#cus_modal{display:none; position:absolute; top:100%; width:100%; height:100%; z-index:1;}
		#cus_modal .modal_content{width:600px; margin:0 auto; background:#fff; border-radius:15px; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg);}
		#cus_modal .modal_title{text-align:center; font-size:20px; font-weight:600; color:#fff; line-height:70px; background-color:#3a8afd; border-radius:15px 15px 0 0;}
		#cus_modal .modal_text{font-size:18px; color:#333; line-height:24px; padding:40px 20px; border:1px solid #e1e1e1; border-radius:0 0 15px 15px; text-align:center; font-weight:bold;}
		#cus_modal .modal_text a{color:#1437d1;}
		#cus_modal button{display:block; width:70px; line-height:30px; margin:25px auto 0; background-color:#fff; border:1px solid #d5d9dd; color:#3a8afd;}
		#cus_modal .modal_layer{position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:-1;}

		/* TNB */
		.tnb{height:41px; background-color:#f5f5f5; text-align:right; border-bottom:1px solid #e5e5e5;}
		.tnb a, .tnb span{display:inline-block; margin-right:-4px; color:#424242 !important; font-size:12px; line-height:40px; font-family: 'NanumSquare', sans-serif; padding:0 20px; border-left:1px solid #e5e5e5; transform:skew(-0.09deg); font-weight:bold;}
		.tnb .gray{padding:0 24px; color:#fff !important; background-color:#5a5a5a;}
		.tnb .pointer{padding:0 16px 0 14px; cursor:pointer;}
		.tnb .pointer:last-child{padding:0 15px 0 13px; margin-right:0;}

		/* GNB */
		.gnb {clear:both; height:90px; overflow:hidden; background-image:url('../img/main/gnb_bg4.jpg'); background-repeat:repeat; background-position:left top; font-family: 'NanumSquare', sans-serif;}
		.gnb.opened {background-color:rgba(0, 0, 0, 0.5);}
			.logo_container {/*height:90px;*/ overflow:hidden; line-height:90px;}
			.menu_col{padding-left:75px; padding-right:0;}
			#menu_pc {width:100%; padding:0;}
			#menu_pc .first_li {float:left; width:20%; /*height:90px;*/ overflow:hidden; line-height:90px; list-style:none;}
			#menu_pc .first_li > a {display:block; font-size:18px; color:#000; font-weight:bold; text-align:center; letter-spacing:-0.2px}
			#menu_pc .first_li > a:hover {color:#6383c0;}
			#menu_pc .first_li .gnb_btm {padding-bottom:30px; padding-left:20px; margin-top:30px; height:250px; border-left:1px solid #e8e9ef;}
			#menu_pc .first_li .second_ul {padding:0; text-align:left;}
			#menu_pc .first_li .second_ul .gnb_text_info{line-height:1em; color:#021fa9; font-size:16px; margin-bottom:20px; font-weight:bold; transform:skew(-0.09deg);}
			#menu_pc .first_li .second_ul li {list-style:none;}
			#menu_pc .first_li .second_ul li a {display:block; line-height:28px; font-size:15px; color:#717171; font-weight:bold; transform:skew(-0.09deg);}
			#menu_pc .first_li .second_ul li a:hover {text-decoration:none; color:#6383c0;}
			#menu_pc .first_li .second_ul li a.active {text-decoration:none; color:#6383c0;}

			.sns_menu_col{height:90px; overflow:hidden; text-align:right;}
			.sns_menu_col a{display:inline-block; line-height:95px; padding:0 3px;}
			.sns_menu_col a:last-child{padding:0 0 0 3px;}

			.sub_menu_col{padding-left:50px;}

			#sub_menu_pc {width:100%; padding:0;}
			#sub_menu_pc .first_li {float:left; width:20%; height:370px; list-style:none; border-right:1px solid #e5e5e5;}
			#sub_menu_pc .first_li:first-child {border-left:1px solid #e5e5e5;}
			#sub_menu_pc .first_li > a {display:block; height:56px; margin-bottom:12px; text-align:center; line-height:56px; font-size:16px; color:#6383c0; font-weight:bold; letter-spacing:-0.2px; border-bottom:1px solid #e5e5e5; transform:skew(-0.09deg);}
			#sub_menu_pc .first_li .second_ul {padding:0 0 0 35px; text-align:left;}
			#sub_menu_pc .first_li .second_ul li {list-style:none;}
			#sub_menu_pc .first_li .second_ul li a {display:inline-block; height:36px; line-height:36px; font-size:16px; color:#717171; font-weight:bold; transform:skew(-0.09deg); letter-spacing:-0.8px;}
			#sub_menu_pc .first_li .second_ul li a:hover,
			#sub_menu_pc .first_li .second_ul li a.active {text-decoration:none; border-bottom:2px solid #6383c0;}

/* GNB (Mobile) */
	.mobile-navbar {padding:15px 0; background-color:#fff;}
		/* 메뉴 */
		.mobile-navbar .menu-button {width:32px; color:#333; margin-top:3px;}
		.mobile-navbar .menu-button i {font-size:24px;}
		/* 로그인 */
		.mobile-navbar .home-button {float:right; margin:2px 10px; width:50px; line-height:100%;}
		.mobile-navbar .home-button i {font-size:18px; color:#333;}
		.mobile-navbar .home-button span {font-size:12px; color:#333;}
		/* 메뉴 - 회원가입, 로그인 */
		.mobile_menu_top_btn {display:inline-block; width:50%; line-height:40px !important; font-size:14px;}
		/* 메뉴 - 메뉴li */
		.menu_mobile_first {font-size:15px; font-weight:500;}
		.mm-menu.mm-vertical .mm-list li.mm-opened a {padding:0; line-height:30px;}
		/* 메뉴 - SNS */
		.mmenu_sns{background-color:#fff; width:186px; margin:0 auto !important;}
		.mmenu_sns:after{content:""; display:block; clear:both;}
		.mmenu_sns a{float:left;}
		.mm-list > li:nth-child(6) a{border-bottom:1px solid #ccc;}

		/* 메뉴 - 푸터 */
		.mm-list{position:relative;}
		.mmenu_footer {border-top:1px solid #ccc; background-color:#f4f4f4; font-size:12px; color:#333; width:100%; padding:20px 10px !important; line-height:14px; font-weight:100;}

/* Main Contents */
	.visulPadding{padding-top:20px;}

	.quickMenuWarp{margin-top:-30px;}
	.quick_menu_col{height:179px; /* line-height:179px; */ background-color:#829abe; text-align:center; border-left:1px solid #9baecb;}
	.cus_col:first-child .quick_menu_col{border-radius:40px 0 0 40px; border-left:none;}
	.cus_col:last-child .quick_menu_col{border-radius:0 40px 40px 0;}
	.quick_menu_col:hover{background-color:#61789b;}
	.quick_menu_col{display:block; padding:43px;}
	.quick_menu_col p.iconImg{height:42px; line-height:42px; vertical-align:middle;}
	.quick_menu_col p.iconText{padding-top:17px; line-height:1; color:#fff; font-size:16px; transform:skew(-0.09deg); letter-spacing:-0.2px;}

	/* 공지사항 / 행사일정 / 복지관스토리 */
	.section1{margin-top:50px; border:5px solid #e6e6e6;}
		.section1 .widgetColWrap{padding:24px 40px; min-height:360px;}
		.section1 .senconColumn{border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6;}
		
		.section1 .widgetTitleWrap{position:relative; height:66px;}
		.section1 span.widgetTitleText{display:inline-block; padding-bottom:21px; color:#b2617e; font-size:20px; letter-spacing:-0.2px; border-bottom:1px solid #f6e5ea;}
		.section1 a.widgetTitleIcon{position:absolute; right:0; top:0; display:inline-block;}

		#WzTiTlI{padding:10px;}

	/* 대표전화 / 이용시간 */
	.section2 {margin-top:40px;}

	/* 후원처 및 협력기관 */
	.section3{margin-top:50px; padding:40px 0 43px 0; background-color:#e8eef7;}
	.bordertop{border-top:1px solid #b2b2b2;}
	.section_cont{border:1px solid #b2b2b2;}
	.section3 .sponsorTitle{line-height:55px; vertical-align:middle; background-color:#576ba5; color:#fff; font-size:18px; font-family: 'NanumSquare', sans-serif; text-align:center;}
	.section3 .sponsorTitle2{border-top:1px solid #b2b2b2;}

	.section3 .sponsorBtn{height:55px; line-height:55px; vertical-align:middle; background-color:#fff; font-size:18px; font-family: 'NanumSquare', sans-serif; text-align:center;}
	.section3 .swiper-container{height:55px; line-height:55px; vertical-align:middle; background-color:#fff; color:#616161; font-size:14px; font-family: 'NanumSquare', sans-serif; text-align:center;}


	.swiper-slide{text-align:center; transform:skew(-0.09deg);}
	.swiper-slide1{display:inline-block !important; width:auto !important;color:#fff;}
	
/* 서브 비쥬얼 */
	.sub_visual{padding:20px 0;}

/* Sub Navigator */
	.sub_navigator  {line-height:51px; background-color:#576ba5;}

	.home-btn {display:inline-block; width:64px; border-left:1px solid #7989b7; border-right:1px solid #7989b7; color:#fff; font-size:30px; background-color:#576ba5;}
	.one-depth-dropdown {width:calc(100% - 64px);padding:0 20px 0 27px;border-right:1px solid #7989b7;font-size:16px;background-color:#576ba5; color:#fff; font-weight:normal;}
	.one-depth-dropdown > a:hover,
	.one-depth-dropdown > a:focus{color:#fff; text-decoration:none;}
	.one-depth-dropdown-menu.dropdown-menu {width:100%; padding:0; margin:1px 0 0; box-shadow:none; border-radius:0;}
	.one-depth-dropdown-menu.dropdown-menu li {border:1px solid #e5e5e5; border-top:0;}
	.one-depth-dropdown-menu.dropdown-menu li:first-child{border-top:1px solid #e5e5e5;}
	.one-depth-dropdown-menu.dropdown-menu>li>a {padding:0 15px; line-height:40px; font-size:15px; }
	.one-depth-dropdown-menu.dropdown-menu>li>a:hover {background-color:#acacac; color:#fff;}
	.one-depth-dropdown-menu.dropdown-menu>.active {display:none;}

/* Sub Contents */
	.sub_contents {padding:20px 0 70px;}

	.content_menu:after{content:""; display:block; clear:both;}
	.content_menu a{float:left; display:block; margin-right:10px; width:140px; height:40px; color:#fff; background-color:#1762a7; line-height:40px; font-size:17px; border-radius:10px; text-align:center; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); font-weight:bold; margin-bottom:20px;}

	/* Sub Title */
	.content_title{font-size:32px; font-weight:bold; font-family:'NanumSquare', sans-serif; color:#000; line-height:1em; padding-top:45px; margin-bottom:0; padding-bottom:20px; border-bottom:3px solid #333;}
		.contents_border1{border-top:1px solid #eee; margin:0 0 60px;}

/* Footer */
	.footer{padding:25px 0; background-color:#313131;}
		.footer_menu{margin-bottom:20px;}
		.footer_menu:after{content:""; display:block; clear:both;}
		.footer_menu li{float:left;}
		.footer_menu li a{font-size:14px; color:#fff; line-height:1em; transition:all 0.3s; transform:skew(-0.09deg);}
		.footer_menu li a:hover{color:#727a81; font-weight:500;}
		.footer_menu li span{display:block; padding:0 15px; color:#5a5a5a;}

		.footer_text{font-size:14px; color:#fff; letter-spacing:0.5px; line-height:20px; transform:skew(-0.09deg);}
		.footer_text .copyright{font-size:12px; color:#909090;}

#black_gnd_bg{position:fixed; left:0; top:0; width:100%; height:100%; z-index:2; background-color:rgba(0, 0, 0, 0.5); display:none;}
#black_gnd_bg.active{display:block;}

.xe_popup_border{position:fixed !important;}
/* ---------- Layout 종료 ---------- */



/* ---------- Modules, etc 시작 ---------- */

/* Board */
	.extravarbox1{margin-bottom:30px;}
	.document_popup_menu {display:none;}
	.gallerytitle{width:100%; font-size:15px; color:#555; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-weight:bold;}

	#responBoard .nav.nav-pills, #responBoard .nav.nav-pills li {margin:0 10px 10px 0;}
	#responBoard .pagination {display:inline-block !important; margin-top:30px;}
	#responBoard .nav.nav-pills a {padding:12px 20px; border:1px solid #ddd; margin-left:-1px; font-size:16px; border-radius:20px; color:#333; transition:all 0.3s; line-height:1em;}
	#responBoard .nav-pills>li.active>a, #responBoard .nav-pills>li.active>a:focus, #responBoard .nav-pills>li.active>a:hover {background-color:#274678; color:#fff;}
	#responBoard .nav.nav-pills a:active {background-color:#274678; color:#fff;}
	#responBoard .nav.nav-pills a:hover {background-color:#274678; color:#fff;}
	#responBoard th, #responBoard td {color:#333; font-weight:700; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

/* Main Login Modal */
	.modal-dialog {width:380px;}
	.modal-content {height:360px; border-radius:50%;}
	.modal-header {margin:0 50px; padding-top:25px; text-align:center;}
	.modal-header h4 {font-size:30px; color:#111;}
	.modal-body{margin:10px 50px; padding-bottom:10px;}
	.modal-footer{margin:0 50px;text-align:center;}
	.modal-footer .doweb-btn{border:none; background-color:#fff; padding:0 10px;}
	li.xs-register:after{clear:both; content:"";}

/* ---------- Modules, etc 종료 ---------- */



/* 서브 시작 */
	/* 서브 기본 가이드(sub2_1.php 기준) */
	.text_section{margin-bottom:45px;}
	.text_section .sub_title{font-size:20px; font-weight:bold; color:#333; line-height:1em; margin-bottom:20px; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg);}
	.text_section .sub_text{font-size:16px; font-weight:normal; color:#333; line-height:30px; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg);}
	.text_section .custom_pd{padding:25px 0;}
	.text_section .sub_img{}
	.text_section .list{margin-left:86px;}
	.text_section .list2{margin-left:141px;}
	.text_section .red22{font-size: 22px;font-weight: 800;color: #ba5151;}
	.text_section .black22{font-size: 22px;font-weight: 800;}
	.text_section .textred{font-weight: 800;color: #ba5151;}
	.text_section .textblue{font-weight: 800;color: #7584b3;}

	.rel_tag1_4{position:relative;}

	.abs_tag1_4_1{top:0; left:0;}
	.abs_tag1_4_2{top:0; left:230px;}
	.abs_tag1_4_3{top:0; left:460px;}
	.abs_tag1_4_4{top:0; right:330px;}
	.abs_tag1_4_5{top:0; right:100px;}
	.abs_tag1_4_6{top:290px; left:115px;}
	.abs_tag1_4_7{top:290px; left:345px;}
	.abs_tag1_4_8{top:290px; right:445px;}
	.abs_tag1_4_9{top:290px; right:215px;}

	.tag_hover{position:absolute; width:180px; height:280px; cursor:pointer; border-radius:90px; color:rgba(255,255,255,0); text-align:center; line-height:280px; transition:all 0.3s; font-weight:500; font-size:14px;}
	.tag_hover:hover{background-color:rgba(98,98,98,0.7); color:rgba(255,255,255,1);}

	.modal_style1{display:none; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); z-index:1;}
	.modal_style1 .modal_content{width:500px; margin:0 auto; padding:35px; background:#fff; border:3px solid #093053;}
	.modal_style1 .modal_float:after{content:""; display:block; clear:both;}
	.modal_style1 .modal_float .modal_title{float:left; text-align:center; font-size:22px; font-weight:bold; color:#0f4c82; line-height:30px;}
	.modal_style1 .modal_float .modal_close_btn{float:right; display:block; width:70px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#5993c7; font-weight:bold; cursor:pointer; text-align:center;}
	.modal_style1 .modal_text{font-size:16px; line-height:26px; color:#858585; margin:15px 0 20px;}

	.g_table{font-family: 'Noto Sans KR', sans-serif; width:100%; border-top:1px solid #000;}
	.g_table th{padding:10px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#727272; font-weight:bold; text-align:center; font-size:14px; background-color:#f9f2f3;}
	.g_table td{padding:10px; line-height:30px; border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; border-right:1px solid #e0e0e0; color:#333; font-size:16px; text-align:center;}
	.g_table td.text-left{text-align:left !important;}
	.g_table .list{margin-left:12px;}
	.g_table .textred{font-weight: 500;color: #ba5151;}
	.g_table .textblue{font-weight: 500;color: #576ba5;}

	/* sub1_3(복지관 연혁) */
	.nav-pills>li+li{margin:0;}
	.tab_ul{margin-bottom:20px;}
	.tab_ul li a{display:inline-block; background:#fff; border:1px solid #e1e1e1; padding:0 30px; text-align:center; border-radius:0; line-height:38px; font-size:15px; color:#7d7d7d; font-weight:500; border-right:0; cursor:pointer;}
	.tab_ul li:last-child a{border-right:1px solid #e1e1e1;}
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{background-color:#0f4c82;}

	.img_row{margin:-15px -15px 20px;}
	.img_col{padding:15px;}
	.sub1_3_img{width:100%;}

	.lineWrap {position:relative; padding:15px 0 15px 122px; border-bottom:1px solid #d8d8d8;}
	.lineWrap:first-child{border-top:none;}
	.lineWrap span.year {position:absolute; left:10px; top:24px; display:block; font-size:24px; font-weight:700; color:#83abcb;}

	table.history {width:100%;border-collapse:collapse;border-spacing:0;}
	table.history th, table.history td {vertical-align:top !important;}
	table.history tr{border-top:1px solid #e9e9e9;}
	table.history tr:first-child {border-top:none;}
	table.history td {padding:4px 0; font-weight:600; line-height:1.5; font-size:14px; word-break:keep-all; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg);}
	table.history td.date {width:90px; padding:10px 0; color:#606060;}
	table.history td.text {padding:10px 0; color:#606060; font-weight:normal;}

	/* sub1_4(조직도) */
	.rel_tag{position:relative;}

	.table_1_4{font-family: 'Noto Sans KR'; width:100%; border-top:1px solid #dcdcdc;}
	.table_1_4 th{padding:5px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#939393; font-weight:normal; text-align:center; font-size:14px; background-color:#eef2f6;}
	.table_1_4 td{padding:5px 15px; line-height:24px; border-bottom:1px solid #dcdcdc; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc; color:#333; font-size:14px; text-align:center;}
	.table_1_4 td.text-left{text-align:left !important;}

	.modal_style{display:none; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}
	.modal_style .modal_content{width:610px; margin:0 auto; padding:35px; background:#fff; border:3px solid #093053;}
	.modal_style .modal_float:after{content:""; display:block; clear:both;}
	.modal_style .modal_float .modal_title{float:left; text-align:center; font-size:22px; font-weight:bold; color:#0f4c82; line-height:30px;}
	.modal_style .modal_float .modal_close_btn{float:right; display:block; width:70px; line-height:30px; background-color:#fff; border:1px solid #d5d9dd; color:#5993c7; font-weight:bold; cursor:pointer; text-align:center;}
	.modal_style .modal_text{font-size:16px; line-height:26px; color:#858585; margin:15px 0 20px;}
	.custom_top{top:-140px;}

	/* sub2_3 */
	.tab_ul1{margin-bottom:20px;}
	.tab_ul1 li a{display:inline-block; background:#fff; border:1px solid #d3d3d3; padding:0 60px; text-align:center; border-radius:15px; line-height:58px; font-size:16px; color:#333; font-weight:600; margin-right:10px; font-family: 'NanumSquare', sans-serif; transform:skew(-0.09deg); cursor:pointer;}
	.tab_ul1 li:last-child a{margin-right:0;}
	.nav-pills>li.active>a, .nav-pills>li.active>a:hover, .nav-pills>li.active>a:focus{background-color:#0f4c82;}

	.tab_info{padding:35px; border:3px solid #0f4c82;}
	.tab_info .tab_title{font-size:22px; color:#0f4c82; line-height:1em; font-weight:600; margin-bottom:30px;}


	.custom_wrap{padding:15px; font-size:15px; font-weight:500; color:#606060;}
	.custom_wrap > span{color:#83abcb; font-size:18px;}

/* 서브 종료 */



/* ---------- Media Query 시작 ---------- */

	/* 메인 컨테이너 공간 */
	@media (min-width:1200px) {
		.container {width:1230px;}
	}

	@media (max-width: 1199px) {	
		.menu_col{padding-left:0;}
		#sub_menu_pc .first_li > a{padding:0 0 0 16px;}
		#sub_menu_pc .first_li .second_ul {padding: 0 0 0 5px;}

		.tag_hover{width:153px; height:238px; border-radius:73px; line-height:238px;}

		.abs_tag1_4_2{left:197px;}
		.abs_tag1_4_3{left:393px;}
		.abs_tag1_4_4{right:197px;}
		.abs_tag1_4_5{right:0;}
		.abs_tag1_4_6{top:248px; left:99px;}
		.abs_tag1_4_7{top:248px; left:295px;}
		.abs_tag1_4_8{top:248px; right:295px;}
		.abs_tag1_4_9{top:248px; right:99px;}

	@media (max-width: 991px) {
		/* 헤더 공간 높이 */
		body{padding:61px 0 0 0;}
		.visulPadding{padding-top:0;}
		
		.quickMenuWarp{margin-top:30px;}
		.quick_menu_col:first-child, .quick_menu_col:last-child{border-radius:0;}
		.quick_menu_col a p.iconText{font-size:14px;}

		/* Sub Contents */
		.sub_contents {padding:20px 0 40px;}

		.gallerytitle{font-size:15px !important;}

		.sub_cont{width:100%; margin:0 auto;}

		/* Sub Title */
		.content_title{font-size:20px; padding:15px 0;}
			.path-wrap{padding-top:30px;}
			.contents_border{height:60px; border-bottom:3px solid #313131;}
			.contents_border1{margin-bottom:30px;}


	.img_row{margin:-5px -5px 10px;}
	.img_col{padding:5px;}
	}

	@media (max-width: 767px) {	
		.cus_col:first-child .quick_menu_col,
		.cus_col:nth-child(4) .quick_menu_col{border-radius:15px 0 0 15px;}
		.cus_col:nth-child(3) .quick_menu_col{border-radius:0 15px 15px 0;}
		.cus_col:last-child .quick_menu_col{border-radius:0 15px 15px 0;}
		.quick_menu_col{height:auto; padding:15px 0px;}
		.cus_col:nth-child(1),
		.cus_col:nth-child(2),
		.cus_col:nth-child(3){margin-bottom:10px;}
		.quick_menu_col p.iconText{font-size:14px; padding-top:14px;}


		.imgBanner01{margin-bottom:10px;}
		.imgBanner01 img,
		.imgBanner02 img{width:100%;}

		.section1 .widgetTitleWrap{height:auto;}
		.section1 span.widgetTitleText{padding-bottom:10px; margin-bottom:10px;}

		.section1{margin-top:60px; border:0;}
		.section2{margin-top:30px;}
		.section3{margin-top:30px; padding:30px 0;}
		.section1 .widgetColWrap{padding:0; min-height:auto; padding-bottom:60px;}
		.section1 .widgetColWrap:last-child{padding-bottom:0;}
		.section1 .senconColumn{border:0;}

		.footer_text{text-align:center;}

		/* 서브 */
		.lineWrap{padding:15px 0 15px 60px;}
		.custom_wrap{padding:15px; text-align:center;}
		.tab_ul li{width:50%;}
		.tab_ul li:first-child{margin-bottom:10px;}
		.tab_ul li:nth-child(2){margin-bottom:10px; border-right:1px solid #e1e1e1;}
		.tab_ul li a{width:100%;}
		table.history td.date{width:40px;}
		table.history td{font-size:13px;}

		.text_section{margin-bottom:25px;}
		.text_section .sub_title{font-size:18px; margin-bottom:10px;}
		.text_section .sub_text{font-size:14px; line-height:24px;}
		.text_section .custom_pd{padding:26px 0;}

		.lrscroll{text-align:center; color:#333; font-size:14px; font-weight:500; margin-bottom:10px;}
		.g_table{width:800px;}
		.g_table th{padding:5px;}
		.g_table td{padding:5px; font-size:13px; line-height:23px;}

		.lineWrap span.year{font-size:18px;}

		.widgetStoryThumb img{width:100% !important; height:auto !important;}

		.quick_menu_col p.iconImg{height:20px; line-height:20px;}
		.quick_menu_col p.iconImg img{width:25px;}
		.cus_img{margin-top:6px;}

		.widgetNotiBox{height:auto !important;}
		a.widgetNotiBox div.dateWrap{padding:15px 14px 0 0 !important;}
		a.widgetNotiBox div.titleWrap{padding-top:24px !important;}

		/* 모바일 팝업 반응형 */
		.xe_popup_border{width:100% !important; top:0 !important; left:0 !important;}
		.xe_popup_border .popupbody{height:auto !important;}
		.xe_popup_border .popupbody img{width:100% !important;}
	}

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

/* ---------- Media Query 종료 ---------- */