@charset "UTF-8";


@import url(//webfontworld.github.io/SCoreDream/SCoreDream.css);

@font-face {
    font-family: 'SCoreDream';
    font-weight: 100;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream1.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 200;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream2.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 300;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream3.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 400;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream4.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 500;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream5.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 600;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream6.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 700;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 800;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'SCoreDream';
    font-weight: 900;
    font-style: normal;
    src: url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff2) format('woff2'),
         url(https://cdn.jsdelivr.net/gh/webfontworld/SCoreDream/SCoreDream7.woff) format('woff');
    font-display: swap;
}

@font-face {
     font-family: 'S-CoreDream-3Light';
     src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
     font-weight: normal;
     font-style: normal;
}

body	{ width: 100%; height: 100%; padding: 0; margin: 0; font-size: 17px; font-weight: 400; letter-spacing: -1px; }
*	{ font-family: 'S-CoreDream-3Light', NanumSquare, NanumGothic,"Malgun Gothic","맑은 고딕","돋움",Dotum,"굴림",Gulim,Helvetica,AppleGothic,Sans-serif; }


body img	{ max-width: 100%; }
body img.file_ext	{ width: 20px; }


/************************************************************************************************************************************************************************

	상단
	
************************************************************************************************************************************************************************/
header	{ position: relative; border-bottom: 1px solid #ddd; }
header aside	{ position: relative; }
header aside .site_list	{ background-color: #343f5b; }
header aside .site_list > div	{ display: flex; justify-content: space-between; max-width: 1400px; margin: 0 auto; }
header aside .site_list ul:nth-child(1)	{ display: flex; }
header aside .site_list ul:nth-child(1) li	{}
header aside .site_list ul:nth-child(1) li a	{ display: flex; align-items: center; justify-content: center; min-width: 180px; height: 40px; font-size: 14px; color: #fff; }
header aside .site_list ul:nth-child(1) li a.active	{ background-color: #192641; }
header aside .site_list ul:nth-child(1) li a:focus, header aside .site_list ul:nth-child(1) li a:hover, header aside .site_list ul:nth-child(1) li a:active	{ background-color: #333; color: #fff; }
header aside .site_list ul:nth-child(2)	{ display: flex; gap: 5px; }
header aside .site_list ul:nth-child(2) li	{}
header aside .site_list ul:nth-child(2) li a	{ display: block; width: 40px; height: 40px; background: no-repeat center center / auto 25px; text-indent: -9999px; overflow: hidden; }
header aside .site_list ul:nth-child(2) li a.blog	{ background-image: url(../image/header_sns_blog.png); }
header aside .site_list ul:nth-child(2) li a.facebook	{ background-image: url(../image/header_sns_facebook.png); }
header aside .site_list ul:nth-child(2) li a.kakao	{ background-image: url(../image/header_sns_kakao.png); }
header aside .site_list ul:nth-child(2) li a.youtube	{ background-image: url(../image/header_sns_youtube.png); }

header aside .site_list ul:nth-child(2) li .data_weather,
header aside .site_list ul:nth-child(2) li .data_air	{ display: flex; align-items: center; gap: 5px; height: 100%; margin-right: 20px; color: #fff; font-size: 14px; }
header aside .site_list ul:nth-child(2) li .data_weather:before	{ display: inline-block; margin-right: 5px; content: "날씨 :"; }
header aside .site_list ul:nth-child(2) li .data_weather img	{ display: block; width: 25px; }
header aside .site_list ul:nth-child(2) li .data_air:before	{ display: inline-block; margin-right: 5px; content: "미세먼지 :"; }
header aside .site_list ul:nth-child(2) li .data_air.exists_weather	{}


header aside .site_search	{ position: relative; max-width: 1400px; margin: 0 auto; }
header aside .site_search form	{ position: absolute; left: 50%; top: 25px; width: 450px; transform: translate(-50%, 0); }
header aside .site_search form label	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
header aside .site_search form input[type="text"]	{ width: 100%; height: 50px; padding: 0 60px 0 30px; margin: 0; border: 3px solid #3a3a3a; border-radius: 50px; background-color: #fff; color: #000; }
header aside .site_search form input[type="text"]:focus	{ outline: 0 none; box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); }
header aside .site_search form button[type="submit"]	{ position: absolute; top: 0; right: 0; width: 70px; height: 50px; padding: 0; margin: 0; border: 0 none; border-radius: 0 50px 50px 0; background: url(../image/header_search_button.png) no-repeat center center; text-indent: -999px; overflow: hidden; }
header aside .site_search form button[type="submit"]:focus, header aside .site_search form button[type="submit"]:hover, header aside .site_search form button[type="submit"]:active	{ background-color: rgba(0, 0, 0, 0.1); }

header aside .menu	{ position: relative; max-width: 1400px; margin: 0 auto; }
header aside .menu div	{ position: absolute; right: 0; top: 0; display: flex; align-items: center; gap: 25px; height: 99px; }
header aside .menu ul	{ display: flex; height: 43px; }
header aside .menu ul:nth-child(1) li + li	{ margin-left: 35px; }
header aside .menu ul:nth-child(1) li a	{ display: flex; align-items: center; height: 100%; padding: 0; }
header aside .menu ul:nth-child(1) li a.staff,
header aside .menu ul:nth-child(1) li a.manager	{ font-weight: var(--font-bold); color: var(--red); cursor: default; }
header aside .menu ul:nth-child(1) li a.login,
header aside .menu ul:nth-child(1) li a.logout	{ padding-left: 23px; background: url(../image/header_aside_icon_login.png) no-repeat left center; }
header aside .menu ul:nth-child(1) li a.join,
header aside .menu ul:nth-child(1) li a.myinfo	{ padding-left: 23px; background: url(../image/header_aside_icon_join.png) no-repeat left center; }
header aside .menu ul:nth-child(2)	{}
header aside .menu ul:nth-child(2) li a	{ display: flex; align-items: center; height: 100%;padding: 0 25px 0 55px; border-radius: 45px; background: #1f7945 url(../image/header_aside_icon.png) no-repeat 25px center; color: #fff; }
header aside .menu ul:nth-child(2) li a:focus, header aside .menu ul:nth-child(2) li a:hover, header aside .menu ul:nth-child(2) li a:active	{ background-color: #333; color: #fff; }





header nav#GNB	{}
nav#GNB	{}
nav#GNB:before	{ display: block; width: 100%; height: 100px; border-bottom: 1px solid #d3d3d3; background-color: #f7f7f7; content: ""; }
nav#GNB h1	{ position: relative; max-width: 1400px; margin: 0 auto; }
nav#GNB h1 a	{ position: absolute; left: 0; top: -100px; width: 244px; height: 99px; background: url(../image/header_logo.png) no-repeat left center / contain; text-indent: -9999px; overflow: hidden; }
nav#GNB h1 a:focus	{ outline: 0 none; border: 2px solid var(--red); }

nav#GNB .ld1	{ display: flex; max-width: 1400px; margin: 0 auto; border-left: 1px solid #ddd; }
nav#GNB .cd1	{ flex: auto; border-right: 1px solid #ddd; }
	nav#GNB .cd1c1,
	nav#GNB .cd1c8,
	nav#GNB .cd1c9,
	nav#GNB .cd1c10,
	nav#GNB .cd1c11,
	nav#GNB .cd1c12,
	nav#GNB .cd1c13,
	nav#GNB .cd1c14,
	nav#GNB .cd1c15	{ display: none; }
nav#GNB .l1	{ display: flex; align-items: center; justify-content: center; width: 100%; height: 69px; font-size: 18px; font-weight: var(--font-bold); }
nav#GNB .l1:focus	{ outline: 0 none; border: 2px solid var(--red); }
nav#GNB .l1.open	{ color: var(--blue); }

nav#GNB .lb1	{ position: absolute; width: 100%; height: 0; overflow: hidden; background-color: #f7fafd; }
nav#GNB .cd1.active .lb1	{ position: absolute; left: 0; top: 209px; z-index: 9; width: 100%; height: auto; padding: 0; border-top: 1px solid #ddd; background-color: #f7fafd; overflow: visible; }
nav#GNB .cd1.active .lb1:before	{ position: absolute; left: 0; top: 0; z-index: 1; width: 50%; height: 100%; background-color: #42588e; content: ""; }

nav#GNB .lb1 .lb1_align	{ position: relative; z-index: 2; display: flex; max-width: 1300px; min-height: 350px; margin: 0 auto; background-color: #f7fafd; }
nav#GNB .lb1 .lb1_align p	{ position: relative; flex: 0 1 calc((100% - 72px) / 6); padding: 45px 0 0 20px; background: #42588e no-repeat calc(100% - 15px) calc(100% - 24px); color: #fff; }
nav#GNB .lb1 .lb1_align p:before	{ position: absolute; right: 0; top: 0; width: 71px; height: 71px; background: url(../image/header_gnb_depth2_bg.png) no-repeat right top; content: ""; }
nav#GNB .lb1 .lb1_align p > br	{ display: none; }
nav#GNB .lb1 .lb1_align p > strong	{ position: relative; z-index: 2; display: block; line-height: 1.2; font-size: 40px; font-weight: var(--font-bold); }
nav#GNB .lb1 .lb1_align p > strong:before	{ display: block; font-size: 14px; font-weight: normal; content: "관악시설관리공단"; }
nav#GNB .lb1 .lb1_align p > span	{ display: block; line-height: 1.2; letter-spacing: -0.25px; font-size: 20px; opacity: 0.7; }
nav#GNB .lb1 .lb1_align p > span span	{ display: block; }

	nav#GNB .cd1c2 .lb1 .lb1_align p	{ background-image: url(../image/header_gnb_depth2_01.png); }
	nav#GNB .cd1c3 .lb1 .lb1_align p	{ background-image: url(../image/header_gnb_depth2_02.png); }
	nav#GNB .cd1c4 .lb1 .lb1_align p	{ background-image: url(../image/header_gnb_depth2_03.png); }
	nav#GNB .cd1c5 .lb1 .lb1_align p	{ background-image: url(../image/header_gnb_depth2_04.png); }
	nav#GNB .cd1c6 .lb1 .lb1_align p	{ background-image: url(../image/header_gnb_depth2_05.png); }
	nav#GNB .cd1c7 .lb1 .lb1_align p	{ background-image: url(../image/header_gnb_depth2_06.png); }



nav#GNB .ld2	{ flex: 0 1 calc((100% - 72px) / 6 * 5); display: flex; flex-wrap: wrap; align-content: flex-start; gap: 30px 0; padding: 30px 30px 30px 60px; }
nav#GNB .cd2	{ flex: 0 1 25%; }
nav#GNB .l2	{ display: flex; font-size: 18px; font-weight: bold; color: #1d5277; }
nav#GNB .l2:focus, nav#GNB .l2:hover, nav#GNB .l2:active	{ color: red; }
/*
nav#GNB .l2.open	{ border-color: var(--blue); background-color: var(--blue); color: var(--white); box-shadow: 0 10px 30px rgba(61, 86, 136, 0.3); }
*/
nav#GNB .l2.open	{ color: var(--red); }
nav#GNB .lb2	{ margin-top: 25px; }

nav#GNB .ld3	{}
nav#GNB .cd3	{}
nav#GNB .cd3 + .cd3	{ margin-top: 10px; }
nav#GNB .l3	{ position: relative; display: block; font-size: 17px; font-weight: var(--font-sami-bold); }
nav#GNB .l3.open	{ color: var(--blue); }

nav#GNB .lb3	{ display: none; }



nav#GNB .cd1c11	{ flex: 0 1 72px; display: block; }
nav#GNB .cd1c11 .l1	{ background: #545454 url(../image/header_aside_icon_sitemap.png) no-repeat center center; text-indent: -9999px; overflow: hidden; }
nav#GNB .cd1c11 .l1:focus, nav#GNB .cd1c11 .l1:hover,nav#GNB .cd1c11 .l1:active	{ background-color: #000; }
nav#GNB .cd1c11 .lb1	{ display: none; }


@media all and ( max-width: 1280px )
{
	header aside .site_search form	{ left: auto; right: 370px; transform: none; width: calc(100% - 370px - 260px); max-width: 450px; }
}

.proc_mobile_menu	{ display: none; }
.proc_memcard	{ display: none; }

@media all and ( max-width: 768px )
{
	body	{ padding-top: 91px; font-size: 14px; }
	header	{ position: fixed; left: 0; top: 0; z-index: 9990; width: 100%; height: 91px; background-color: #f7f7f7; }
	header.mobile_active	{ height: 100%; }
	
	header aside .site_list ul:nth-child(1) li a	{ min-width: 140px; height: 30px; font-size: 13px; }
	header aside .site_list ul:nth-child(2) li a	{ width: 30px; height: 30px; background-size: auto 20px; }
	header aside .site_list ul:nth-child(2) li .data_weather,
	header aside .site_list ul:nth-child(2) li .data_air	{ display: none; }
	
	header aside .site_search form	{ right: 60px; top: 0; width: 60px; }
	header aside .site_search form input[type="text"]	{ display: none; }
	header aside .site_search form button[type="submit"]	{ width: 60px; height: 60px; background: url(../image/header_search_button2.png) no-repeat center center / auto 30px;  }
	header aside .menu	{ display: none; }
	
	header.mobile_active aside .menu	{ display: block; }
	header.mobile_active aside .menu div	{ display: flex; justify-content: flex-start; gap: 0; left: 0; right: auto; top: 0; z-index: 2; width: 100%; height: 60px; background-color: #fff; }
	header.mobile_active aside .menu ul	{ background: none !important; }
	header.mobile_active aside .menu ul li	{ position: relative !important; margin: 0 !important; }
	header.mobile_active aside .menu ul li:before	{ position: absolute; left: 0; top: 50%; width: 1px; height: 16px; margin-top: -8px; background-color: #333; content: ""; }
	header.mobile_active aside .menu ul:nth-child(1) li:nth-child(1):before	{ content: none; }
	header.mobile_active aside .menu ul li a	{ padding: 0 20px !important; margin: 0 !important; background: none !important; color: #1b1b1b !important; }
	header.mobile_active aside .menu ul li a.staff,
	header.mobile_active aside .menu ul li a.manager	{ color: var(--red) !important; }
	
	header.mobile_active aside .menu ul:nth-child(2)	{ display: none; }
	
	.proc_mobile_menu	{ display: block; position: fixed; right: 0; top: 30px; z-index: 9999; width: 60px; height: 60px; padding: 0; margin: 0; border: 0 none; background: url(../image/header_aside_icon_sitemap2.png) no-repeat center center / auto 25px; text-indent: -99999px; overflow: hidden; }
	.proc_mobile_menu:focus	{ outline: 0 none; border: 2px solid var(--red); }
	header.mobile_active .proc_mobile_menu	{ background-image: url(../image/header_mobile_button_close.png); }
	
	.proc_memcard		{ display: block; position: fixed; right: 120px; top: 30px; z-index: 9999; width: 60px; height: 60px; padding: 0; margin: 0; border: 0 none; background: url(../image/header_memcard.png) no-repeat center center / auto 35px; text-indent: -99999px; overflow: hidden; }
	
	
	nav#GNB	{ display: block; height: auto; }
	header.mobile_active nav#GNB	{ height: 100%; }
	nav#GNB:before	{ content: none; }
	nav#GNB h1	{ padding-left: 20px; }
	nav#GNB h1 a	{ left: 20px; top: 0; height: 60px; background-size: auto 50%; }
	
	nav#GNB .ld1	{ display: none; flex-direction: column; align-items: flex-start; height: 100%; padding: 0; }
	header.mobile_active nav#GNB .ld1	{ position: relative; display: flex; padding-top: 60px; overflow: auto; }
	header.mobile_active nav#GNB .ld1:before	{ position: absolute; left: 0; top: 60px; width: 100%; height: 1px; background: #c7c7c7; content: ""; }
	nav#GNB .ld1:after	{ position: absolute; left: 0; top: 0; z-index: -1; width: 140px; height: 100%; background-color: var(--site-bg-color); content: ""; }
	nav#GNB .cd1	{ display: flex !important; flex: none; }
		nav#GNB .cd1c1	{ display: none !important; }
	nav#GNB .l1	{ justify-content: flex-start; position: relative; width: 140px; height: 64px; padding: 0 15px; background: none !important; text-indent: 0 !important; overflow: visible !important; font-size: 16px; color: var(--black); font-weight: var(--font-normal); letter-spacing: -1px; }
	nav#GNB .cd1.mobile_active .l1	{ background-color: var(--site-color) !important; color: var(--white) !important; font-weight: var(--font-sami-bold) !important; }
	nav#GNB .l1:after	{ position: absolute; left: 50%; bottom: -2px; width: calc(100% - 40px); height: 2px; transform: translateX(-50%); background-image: linear-gradient(to right, #666 2px,  rgba(255,255,255,0) 0%); background-repeat: repeat-x; background-position: left top; background-size: 7px 2px; content: ""; }
	nav#GNB .cd1.mobile_active .l1:after	{ content: none; }
	
	nav#GNB .lb1	{ display: none; }
	nav#GNB .lb1:before	{ content: none !important; }
	nav#GNB .cd1.mobile_active .lb1	{ display: block; position: fixed; left: 140px; top: 91px; width: calc(100% - 140px); height: 100%; padding: 0 20px; overflow: auto; background: #fff; }
	nav#GNB .lb1 .lb1_align	{ height: 100%; background: none !important; }
	nav#GNB .lb1 .lb1_align p,
	nav#GNB .lb1 .lb1_align p *	{ display: none !important; background: none !important; }
	
	nav#GNB .ld2	{ flex: auto; flex-direction: column; flex-wrap: nowrap; gap: 0; padding: 0; }
	nav#GNB .cd2	{ flex: none; padding: 0; border-bottom: 1px solid #ddd; }
	nav#GNB .l2	{ align-items: center; justify-content: flex-start; height: 63px; line-height: 1.2; border: 0 none; border-radius: 0; background-color: transparent; font-size: 15px; font-weight: var(--font-normal); color: #000; }
	nav#GNB .l2.hasChild	{ padding-right: 30px; background: url(../image/header_mobile_arrow_down.png) no-repeat right center / 14px; }
	nav#GNB .l2.open,
	nav#GNB .l2:focus, nav#GNB .l2:hover, nav#GNB .l2:active	{ background-color: transparent; color: var(--black); font-weight: var(--font-snormal); box-shadow: none; }
	nav#GNB .cd2.mobile_active .l2	{ background-image: url(../image/header_mobile_arrow_up.png); color: var(--site-color); font-weight: var(--font-sami-bold); }
	
	nav#GNB .lb2	{ display: block; height: 0; padding: 0; margin: 0; overflow: hidden; }
	nav#GNB .cd2.mobile_active .lb2	{ display: block; height: auto; padding: 12px 0; border-top: 1px solid #ddd; background-color: #fff; overflow: visible; }
	
	nav#GNB .cd3 + .cd3	{ margin: 0; }
	nav#GNB .l3	{ line-height: 1.2; padding: 8px 0 8px 15px; font-size: 14px; font-weight: var(--font-snormal); }
	nav#GNB .l3:before	{ position: absolute; left: 0; top: 13px; width: 6px; height: 6px; border: 2px solid #999; border-radius: 100%; content: ""; }
}

@media all and ( max-width: 560px )
{
	header aside nav ul:nth-child(1) li a	{ padding: 0 5px; }
	header aside nav ul:nth-child(2)	{ padding: 0; border: 0 none; border-radius: 0; background: none; background-color: var(--site-color); color: #fff; }
	header aside nav ul:nth-child(2) li a	{ color: #fff; }
}

@media all and ( max-width: 425px )
{
	nav#GNB h1 a	{ left: 0; }
	header aside .site_list ul:nth-child(1)	{ flex: 1 1 calc(100% - 120px); }
	header aside .site_list ul:nth-child(1) li	{ flex: auto; }
	header aside .site_list ul:nth-child(1) li a	{ min-width: 0; font-size: 12px; }
	header aside .site_list ul:nth-child(2)	{ gap: 0; }
	
	header aside nav ul:nth-child(2) li a span	{ display: none; }
}

@media all and ( max-width: 375px )
{
	.proc_mobile_menu	{ width: 40px; }
	header aside .site_search form	{ right: 40px; }
	header aside .site_search form button[type="submit"]	{ width: 40px; }
	.proc_memcard	{ right: 80px; width: 40px; }
}

@media all and ( max-width: 374px )
{
	header aside .site_search	{ display: none; }
	.proc_memcard	{ right: 40px; }
}

@media all and ( max-width: 320px )
{
	nav#GNB .l1	{ padding: 0 10px; }
	nav#GNB .l1:after	{ width: calc(100% - 20px); }
	nav#GNB .cd1.mobile_active .lb1	{ padding: 0 10px; }
}

/************************************************************************************************************************************************************************

	푸터
	
************************************************************************************************************************************************************************/
footer	{ background-color: #353b55; }
footer aside	{ position: relative; max-width: 1300px; padding: 45px 10px 45px 320px; margin: 0 auto; }
footer aside .links ul	{ display: flex; flex-wrap: wrap; gap: 50px; }
footer aside .links ul li + li	{ position: relative; }
footer aside .links ul li + li:before	{ position: absolute; left: -25px; top: 50%; width: 1px; height: 15px; margin-top: -7px; background: #fff; content: ""; }
footer aside .links ul li a	{ color: var(--white); }
footer aside .links ul li:first-child a	{ font-weight: bold; }
footer aside .links ul li a:focus, footer aside .links ul li a:hover, footer aside .links ul li a:active	{ text-decoration: underline; font-weight: bolder; }

footer aside .familysite	{ position: absolute; right: 0; top: 45px; width: 245px; }
footer aside .familysite dl dt button	{ position: relative; display: block; width: 100%; height: 48px; padding: 0 0 0 20px; margin: 0; border: 1px solid #d9d9d9; background-color: #f1f1f5; text-align: left; color: #373636; font-size: 1rem; }
footer aside .familysite dl dt button:before	{ position: absolute; right: 49px; top: 0; width: 1px; height: 100%; background-color: #d9d9d9; content: ""; }
footer aside .familysite dl dt button:after	{ position: absolute; right: 20px; top: 15px; width: 10px; height: 10px; border-width: 2px 2px 0 0; border-style: solid; border-color: #000; transform: rotate(135deg); content: ""; }
footer aside .familysite dl.active dt button:after	{ top: 20px; transform: rotate(-45deg); }
footer aside .familysite dl dd	{ display: none; position: absolute; left: 0; bottom: 47px; width: 100%; border: 1px solid #d9d9d9; background-color: #f1f1f5; }
footer aside .familysite dl.active dd	{ display: block; }
footer aside .familysite dl dd ul	{ padding: 10px 20px 0; }
footer aside .familysite dl dd ul li	{}
footer aside .familysite dl dd ul li a	{ display: block; line-height: 1.1; padding: 10px 0; }

footer h3.logo	{ position: relative; max-width: 1300px; margin: 0 auto; }
footer h3.logo span	{ position: absolute; left: 0; bottom: 0; display: block; width: 240px; height: 42px; background: url(../image/footer_logo.png) no-repeat center center; text-indent: -999px; overflow: hidden; }
footer address	{ position: relative; max-width: 1300px; padding: 0 0 50px 320px; margin: 0 auto; color: var(--white); }


@media all and ( max-width: 1399px )
{
	footer aside	{ padding-top: 70px; padding-bottom: 20px; }
	footer aside .familysite	{ right: 10px; top: 10px; }
}

@media all and ( max-width: 1024px )
{
	footer aside	{ padding-left: 10px; padding-right: 10px; }
	footer aside .links ul	{ justify-content: center; }
	footer h3.logo span	{ left: 10px; bottom: -35px; }
	footer address	{ padding-left: 275px; }
}

@media all and ( max-width: 768px )
{
	footer aside	{ padding-top: 150px; padding-bottom: 10px; }
	footer aside .familysite	{ width: calc(100% - 20px); }
	footer aside .links ul	{ justify-content: flex-start; gap: 0 30px; }
	footer aside .links ul li + li:before	{ left: -15px; }
	footer h3.logo span	{ top: -110px; }
	footer address	{ padding: 10px; }
}

@media all and ( max-width: 540px )
{
	footer h3.logo span	{ top: -110px; }
}

@media all and ( max-width: 320px )
{
	footer h3.logo span	{ top: -110px; }
}


/************************************************************************************************************************************************************************

	메인
	
************************************************************************************************************************************************************************/
main.main	{ position: relative; width: 100%; height: 100%; }


main.main .section_1	{ padding: 90px 0; background-color: #eef2f7; }
main.main .align_1	{ display: flex; flex-wrap: wrap; gap: 60px; max-width: 1420px; padding: 0 10px; margin: 0 auto; }


main.main .main_visual	{ position: relative; z-index: 2; flex: 0 1 900px; aspect-ratio: 900 / 430; }
main.main .main_visual h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
main.main .main_visual .list	{ position: relative; width: 100%; height: 0; padding-top: calc(100% * (430 / 900)); }
main.main .main_visual .list > .item,
main.main .main_visual .list .slick-list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
main.main .main_visual .list .slick-list div	{ height: 100%; }
main.main .main_visual .list .item	{ display: block; height: 100%; }
main.main .main_visual .list .item > *	{ display: block; height: 100%; /*border: 3px solid #000;*/ border-radius: 15px; background: gray no-repeat center center / contain; text-indent: -9999px; overflow: hidden; }
main.main .main_visual .list .empty		{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; }

main.main .main_visual .list button,
main.main .main_visual .list .slick-status	{ position: absolute; bottom: 15px; z-index: 3; height: 30px; border: 0 none; border-radius: 10px; background: transparent; }
main.main .main_visual .list button	{ text-indent: -9999px; overflow: hidden; font-size: 16px; font-family: serif; color: #000; }
main.main .main_visual .list button:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: 0; display: flex; align-items: center; justify-content: center; text-shadow: 0 0 2px #fff, 0 0 5px #fff; }
main.main .main_visual .list button:focus, main.main .main_visual .list button:hover, main.main .main_visual .list button:active	{ background-color: rgba(0, 0, 0, 0.7); color: #fff; text-shadow: none; }
main.main .main_visual .list .slick-next	{ right: 40px; width: 30px; }
main.main .main_visual .list .slick-next:after	{ font-weight: bolder; content: ">"; }
main.main .main_visual .list .slick-startstop	{ right: 70px; width: 30px; }
main.main .main_visual .list .slick-startstop:after	{ content: ""; }
main.main .main_visual .list .slick-startstop.stop:after	{ content: "■"; }
main.main .main_visual .list .slick-startstop.start:after	{ content: "▶"; }
main.main .main_visual .list .slick-prev	{ right: 100px; width: 30px; }
main.main .main_visual .list .slick-prev:after	{ font-weight: bolder; content: "<"; }
main.main .main_visual .list .slick-status	{ right: 130px; display: flex; align-items: center; justify-content: center; font-size: 15px; color: #000; text-shadow: 0 0 2px #fff, 0 0 5px #fff; }
main.main .main_visual .list .slick-status span	{font-weight: bold; }


main.main .mayor_link	{ position: relative; flex: 0 1 440px; display: flex; flex-direction: column; height: 430px; }
main.main .mayor_link:before	{ position: absolute; left: -107px; top: -25px; z-index: 1; width: 410px; height: 365px; background: url(../image/main_mayor_link_bg.png) no-repeat left top; content: ""; }
main.main .mayor_link h2	{ position: relative; z-index: 2; flex: 0 1 calc(100% * 280 / 430); display: flex; flex-direction: column; justify-content: center; line-height: 1.3; background: url(../image/main_mayor_link.png) no-repeat calc(100% - 20px) 29px; }
main.main .mayor_link h2 span	{ margin-bottom: 10px; font-size: 16px; font-weight: 400; color: #222; text-decoration: underline; }
main.main .mayor_link h2 strong	{ font-size: 23px; color: #313131; font-weight: normal; }
main.main .mayor_link h2 em	{ font-weight: bold; color: #0a236d; text-decoration: underline; }
main.main .mayor_link ul	{ position: relative; z-index: 2; flex: 1; display: flex; border-radius: 15px; background-color: #fff; overflow: hidden; }
main.main .mayor_link ul li	{ flex: 1 1 25%; }
main.main .mayor_link ul li a	{ display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; height: 100%; font-size: 18px; color: #1e1e1e; font-weight: var(--font-sami-bold); }
main.main .mayor_link ul li a:focus, main.main .mayor_link ul li a:hover, main.main .mayor_link ul li a:active	{ border-color: #dce3ee; background-color: #dce3ee; color: #1e1e1e; }
main.main .mayor_link ul li a:before	{ flex: 0 1 46%; display: block; width: 100%; background: no-repeat center center; content: ""; }
main.main .mayor_link ul li:nth-child(1) a:before	{ background-image: url(../image/main_mayor_link_1.png); }
main.main .mayor_link ul li:nth-child(2) a:before	{ background-image: url(../image/main_mayor_link_2.png); }
main.main .mayor_link ul li:nth-child(3) a:before	{ background-image: url(../image/main_mayor_link_3.png); }
main.main .mayor_link ul li:nth-child(4) a:before	{ background-image: url(../image/main_mayor_link_4.png); }


main.main .section_2	{ position: relative; z-index: 2; padding: 55px 0; background: #446995 url(../image/main_section_2.png) no-repeat center center / cover; }
main.main .align_2	{ max-width: 1420px; padding: 0 10px; margin: 0 auto; }


main.main .major_link	{}
main.main .major_link h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
main.main .major_link .list	{}
main.main .major_link .list ul	{ position: relative; display: flex; align-items: center; }
main.main .major_link .list ul li	{ flex: 0 1 180px; }
main.main .major_link .list ul li a	{ display: flex; flex-direction: column; justify-content: center; aspect-ratio: 1 / 1; line-height: 1; border-radius: 10px; background-color: #fff; text-align: center; color: #2f2f2f; }
main.main .major_link .list ul li a:before	{ flex: 0 1 60%; background: no-repeat center center; transition: all .5s; content: ""; }
main.main .major_link .list ul li.item_1 a:before	{ background-image: url(../image/main_major_link_01.png); }
main.main .major_link .list ul li.item_2 a:before	{ background-image: url(../image/main_major_link_02.png); }
main.main .major_link .list ul li.item_3 a:before	{ background-image: url(../image/main_major_link_03.png); }
main.main .major_link .list ul li.item_4 a:before	{ background-image: url(../image/main_major_link_04.png); }
main.main .major_link .list ul li.item_5 a:before	{ background-image: url(../image/main_major_link_05.png); }
main.main .major_link .list ul li.item_6 a:before	{ background-image: url(../image/main_major_link_06.png); }
main.main .major_link .list ul li.item_7 a:before	{ background-image: url(../image/main_major_link_07.png); }
main.main .major_link .list ul li.item_8 a:before	{ background-image: url(../image/main_major_link_08.png); }
main.main .major_link .list ul li.item_9 a:before	{ background-image: url(../image/main_major_link_09.png); }
main.main .major_link .list ul li.item_10 a:before	{ background-image: url(../image/main_major_link_10.png); }
main.main .major_link .list ul li.item_11 a:before	{ background-image: url(../image/main_major_link_11.png); }
main.main .major_link .list ul li.item_12 a:before	{ background-image: url(../image/main_major_link_12.png); }
main.main .major_link .list ul li a:focus, main.main .major_link .list ul li a:hover, main.main .major_link .list ul li a:active	{ background-color: #fafafa; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 0, 0, 0.5); color: #000; }
main.main .major_link .list ul li a:focus:before, main.main .major_link .list ul li a:hover:before, main.main .major_link .list ul li a:active:before	{ transform: scale(1.05); }
main.main .major_link .list .slick-track	{ padding: 50px 0; }
main.main .major_link .list .slick-track .slick-slide	{ padding: 0 25px; }
main.main .major_link .list .slick-track .slick-slide a	{ min-width: calc(1400px / 6 - 50px); }

main.main .major_link .list button	{ position: absolute; top: 50%; z-index: 3; width: 50px; height: 50px; padding: 0; margin: -25px 0 0 0; border: 1px solid #d3d3d3; border-radius: 100%; background-color: #fff; text-indent: -999px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
main.main .major_link .list button:after	{ position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: serif; font-size: 25px; font-weight: bold; text-indent: 0; content: ""; }
main.main .major_link .list button:focus, main.main .major_link .list button:hover, main.main .major_link .list button:active	{ border-color: #666; background-color: #666; color: #fff; }
main.main .major_link .list .slick-prev	{ left: 0; }
main.main .major_link .list .slick-prev:after	{ content: "<"; }
main.main .major_link .list .slick-next	{ right: 0; }
main.main .major_link .list .slick-next:after	{ content: ">"; }

main.main .major_link .list .slick-status	{ display: none; }


main.main .section_3	{ padding: 100px 0; }
main.main .align_3	{ display: flex; gap: 60px; max-width: 1420px; padding: 0 10px; margin: 0 auto; }


main.main .notice	{ flex: 0 1 880px; height: 460px; }
main.main .notice h2	{ height: 90px; line-height: 1; font-size: 40px; font-weight: bolder; color: #262626; }
main.main .notice h2 .split	{ font-weight: lighter; }
main.main .notice h2 em	{ font-size: 35px; font-weight: lighter; }
main.main .notice .lists	{ position: relative; height: calc(100% - 90px); }
main.main .notice .lists:after	{ display: block; clear: both; content: ""; }
main.main .notice .lists h3	{ float: left; margin-left: 10px; }
main.main .notice .lists h3:first-child	{ margin-left: 0; }
main.main .notice .lists h3 a	{ display: flex; align-items: center; justify-content: center; width: 130px; height: 36px; border: 1px solid #dadfe6; border-radius: 36px; background-color: #fff; font-size: 15px; color: #393939; }
main.main .notice .lists h3 a:focus, main.main .notice .lists h3 a:hover, main.main .notice .lists h3 a:active	{ border-color: #333; background-color: #666; color: #fff; }
main.main .notice .lists h3 a.active	{ border-color: #1e196b; background-color: #1e196b; color: #fff; }
main.main .notice .lists .list	{ position: absolute; left: 0; top: 60px; width: 100%; height: 0; overflow: hidden; }
main.main .notice .lists .list.active	{ height: calc(100% - 60px); overflow: visible; }
main.main .notice .lists .list ul	{ height: 100%; margin: 0 -20px; }
main.main .notice .lists .list ul div	{ height: 100%; }
main.main .notice .lists .list ul li	{ height: 100%; padding: 0 20px; }
main.main .notice .lists .list ul li a	{ display: block; height: 100%; padding: 25px 40px 0 40px; border: 1px solid #d9d9d9; border-radius: 8px; background-color: #fff; }
main.main .notice .lists .list ul li a:focus, main.main .notice .lists .list ul li a:hover, main.main .notice .lists .list ul li a:active	{ border-color: #ccc; background-color: #f3f6f7; color: #000; }
main.main .notice .lists .list ul li a br	{ display: none; }
main.main .notice .lists .list ul li a .category	{ display: inline-flex; align-items: center; gap: 12px; height: 30px; padding: 0 15px 0 9px; border: 1px solid #d9d9d9; border-radius: 30px; background-color: #f8f8f8; font-size: 14px; color: #3c4373 }
main.main .notice .lists .list ul li a .category:before	{ display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border: 1px solid #000000;  border-radius: 100%; background-color: #64a8ff; font-family: serif; font-weight: bolder; font-size: 14px; content: "!"; }
main.main .notice .lists .list ul li a .title	{ display: block; height: 60px; line-height: 30px; margin: 20px 0; font-weight: bold; font-size: 20px; text-overflow: ellipsis; overflow: hidden; }
main.main .notice .lists .list ul li a .title	{ display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; }
main.main .notice .lists .list ul li a .content	{ display: block; height: 84px; line-height: 28px; margin: 20px 0; font-weight: bold; font-size: 17px; text-overflow: ellipsis; overflow: hidden; opacity: 0.7; }
main.main .notice .lists .list ul li a .content	{ display: -webkit-box; -webkit-line-clamp : 3; -webkit-box-orient : vertical; }
main.main .notice .lists .list ul li a .date	{ display: block; line-height: 1.1; font-family: 'Montserrat'; font-size: 17px; }

main.main .notice .lists .list button	{ position: absolute; top: 50%; z-index: 3; width: 50px; height: 50px; padding: 0; margin: -25px 0 0 0; border: 1px solid #d3d3d3; border-radius: 100%; background-color: #fff; text-indent: -999px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
main.main .notice .lists .list button:after	{ position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: serif; font-size: 25px; font-weight: bold; text-indent: 0; content: ""; }
main.main .notice .lists .list button:focus, main.main .notice .lists .list button:hover, main.main .notice .lists .list button:active	{ border-color: #666; background-color: #666; color: #fff; }
main.main .notice .lists .list .slick-prev	{ left: 0; }
main.main .notice .lists .list .slick-prev:after	{ content: "<"; }
main.main .notice .lists .list .slick-next	{ right: 0; }
main.main .notice .lists .list .slick-next:after	{ content: ">"; }

main.main .notice .lists .more	{ position: absolute; right: 0; top: 0; display: none; align-items: center; justify-content: center; gap: 12px; width: 110px; height: 36px; border: 1px solid #dadfe6; border-radius: 36px; background-color: #fff; font-size: 15px; color: #393939; }
main.main .notice .lists .more.active	{ display: flex; }
main.main .notice .lists .more:focus, main.main .notice .lists .more:hover, main.main .notice .lists .more:active	{ border-color: #333; background-color: #666; color: #fff; }
main.main .notice .lists .more:after	{ display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 100%; background-color: #585858; color: #fff; font-family: serif; font-size: 20px; content: "+"; }
main.main .notice .lists .more:focus:after, main.main .notice .lists .more:hover:after, main.main .notice .lists .more:active:after	{ background-color: #fff; color: #333; }


main.main .popupzone	{ position: relative; aspect-ratio: 1 / 1; width: 460px; padding: 7px 7px 72px 7px; border: 1px solid #d9d9d9; border-radius: 10px; background-color: #fff; }
main.main .popupzone h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
main.main .popupzone .list	{ position: relative; height: 100%; border-radius: 10px; }
main.main .popupzone .list .slick-list	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
main.main .popupzone .list div	{ height: 100%; }
main.main .popupzone .list .item > *	{ display: block; height: 100%; border-radius: 10px; background: #d9d9d9 no-repeat center center / contain; text-indent: -99999px; overflow: hidden; }
main.main .popupzone .list button,
main.main .popupzone .list .slick-status	{ position: absolute; bottom: -60px; height: 50px; border: 0 none; background-color: #3c3d3e; }
main.main .popupzone .list button	{ text-indent: -999px; overflow: hidden; font-family: serif; font-size: 14px; color: #fff; }
main.main .popupzone .list button:after	{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-indent: 0; display: flex; align-items: center; justify-content: center; }
main.main .popupzone .list button:focus, main.main .popupzone .list button:hover, main.main .popupzone .list button:active	{ background-color: #000; color: #fff; }
main.main .popupzone .list .slick-status	{ right: 123px; width: 111px; line-height: 50px; border-radius: 25px 0 0 25px; text-indent: 0; text-align: center; font-size: 15px; color: #fff; }
main.main .popupzone .list .slick-startstop	{ right: 57px; width: 33px; }
main.main .popupzone .list .slick-startstop.stop:after	{ content: "■"; }
main.main .popupzone .list .slick-startstop.start:after	{ content: "▶"; }
main.main .popupzone .list .slick-prev	{ right: 90px; width: 33px; }
main.main .popupzone .list .slick-prev:after	{ font-weight: bolder; content: "<"; }
main.main .popupzone .list .slick-status span	{ font-weight: bolder; }
main.main .popupzone .list .slick-next	{ right: 9px; width: 48px; border-radius: 0 25px 25px 0; }
main.main .popupzone .list .slick-next:after	{ padding-right: 15px; font-weight: bolder; content: ">"; }


main.main .section_4	{ padding: 100px 0; background-color: #f3f6f7; }
main.main .align_4	{ display: flex; align-items: flex-end; gap: 50px; max-width: 1420px; padding: 0 10px; margin: 0 auto; }


main.main .gallery	{ /*flex: 0 1 970px;*/ position: relative; width: calc(100% - 380px - 50px); }
main.main .gallery h2	{ height: 90px; line-height: 1; font-size: 40px; font-weight: bolder; color: #262626; }
main.main .gallery h2 .split	{ font-weight: lighter; }
main.main .gallery h2 em	{ font-size: 35px; font-weight: lighter; }
main.main .gallery p	{ position: absolute; right: 0; top: 0; }
main.main .gallery p a	{ display: flex; align-items: center; justify-content: center; gap: 12px; width: 110px; height: 36px; border: 1px solid #dadfe6; border-radius: 36px; background-color: #fff; font-size: 15px; color: #393939; }
main.main .gallery p a:focus, main.main .gallery p a:hover, main.main .gallery p a:active	{ border-color: #333; background-color: #666; color: #fff; }
main.main .gallery p a:after	{ display: flex; align-items: center; justify-content: center; width: 25px; height: 25px; border-radius: 100%; background-color: #585858; color: #fff; font-family: serif; font-size: 20px; content: "+"; }
main.main .gallery p a:focus:after, main.main .gallery p a:hover:after, main.main .gallery p a:active:after	{ background-color: #fff; color: #333; }
main.main .gallery .list	{ width: 100%; height: 100%; }
main.main .gallery .list ul	{ height: 100%; margin: 0 -10px; }
main.main .gallery .list ul div	{ height: 100%; }
main.main .gallery .list ul li	{ height: 100%; padding: 0 10px; }
main.main .gallery .list ul li a	{ display: block; height: 100%; padding: 7px; border: 1px solid #d9d9d9; border-radius: 8px; background-color: #fff; }
main.main .gallery .list ul li a:focus, main.main .gallery .list ul li a:hover, main.main .gallery .list ul li a:active	{ border-color: #ccc; background-color: #f3f6f7; color: #000; }
main.main .gallery .list ul li a br	{ display: none; }
main.main .gallery .list ul li a .image	{ display: block; width: 100%; aspect-ratio: 295 / 190; border-radius: 10px; background-color: #ddd; }
main.main .gallery .list ul li a .image img	{ display: block; width: 100%; height: 100%; border: 0 none; border-radius: 10px; object-fit: cover; }
main.main .gallery .list ul li a .title	{ display: block; height: 48px; line-height: 24px; padding: 0 13px; margin: 15px 0; font-weight: bold; font-size: 16px; text-overflow: ellipsis; overflow: hidden; }
main.main .gallery .list ul li a .title	{ display: -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; }
main.main .gallery .list ul li a .date	{ display: block; line-height: 1.1; padding: 0 13px; margin: 15px 0; font-family: 'Montserrat'; font-size: 16px; }

main.main .gallery .list button	{ position: absolute; top: 50%; z-index: 3; width: 50px; height: 50px; padding: 0; margin: -25px 0 0 0; border: 1px solid #d3d3d3; border-radius: 100%; background-color: #fff; text-indent: -999px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); }
main.main .gallery .list button:after	{ position: absolute; top: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; font-family: serif; font-size: 25px; font-weight: bold; text-indent: 0; content: ""; }
main.main .gallery .list button:focus, main.main .gallery .list button:hover, main.main .gallery .list button:active	{ border-color: #666; background-color: #666; color: #fff; }
main.main .gallery .list .slick-prev	{ left: 0; }
main.main .gallery .list .slick-prev:after	{ content: "<"; }
main.main .gallery .list .slick-next	{ right: 0; }
main.main .gallery .list .slick-next:after	{ content: ">"; }


main.main .movie	{ display: flex; flex-direction: column; position: relative; aspect-ratio: 380 / 400; width: 380px; height: 410px; padding: 0 14px 14px 14px; border: 1px solid #e8e8e8; border-radius: 10px; background-color: #fff; }
main.main .movie h2	{ flex: 0 1 70px; }
main.main .movie h2 a	{ display: flex; align-items: center; height: 100%; text-indent: 17px; font-size: 20px; font-weight: bold; }
main.main .movie .list	{ flex: 1; }
main.main .movie .list ul	{ height: 100%; }
main.main .movie .list ul li	{ height: 100%; }
main.main .movie .list ul li a	{ position: relative; display: block; height: 100%; }
main.main .movie .list ul li a:before	{ position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; border-radius: 100%; background-color: rgba(255, 255, 255, 0.7); transform: translate(-50%, -50%); content: ""; }
main.main .movie .list ul li a:after	{ position: absolute; left: 50%; top: 50%; border-width: 18px 0 18px 36px; border-style: solid; border-color: transparent transparent transparent rgba(0, 0, 0, 0.7); transform: translate(-50%, -50%); content: ""; }
main.main .movie .list ul li a br	{ display: none; }
main.main .movie .list ul li a .image	{ display: block; width: 100%; height: 100%; border-radius: 10px; background-color: #ddd; }
main.main .movie .list ul li a .image img	{ display: block; width: 100%; height: 100%; border: 0 none; border-radius: 10px; object-fit: fill; }
main.main .movie .list ul li a .title,
main.main .movie .list ul li a .date	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }


main.main .section_5	{ padding: 100px 0; }
main.main .align_5	{ max-width: 1420px; padding: 0 10px; margin: 0 auto; }


main.main .menu_link	{}
main.main .menu_link h2	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }
main.main .menu_link .list	{}
main.main .menu_link .list ul	{ display: flex; }
main.main .menu_link .list ul li.type1	{ flex: 0 1 280px; }
main.main .menu_link .list ul li.type1 + li.type1	{ border-left: 1px solid #d7d7d7; }
main.main .menu_link .list ul li.type2	{ flex: 0 1 500px; margin-left: 60px; }
main.main .menu_link .list ul li.type1 a	{ display: flex; gap: 15px; flex-wrap: wrap; justify-content: center; align-content: space-around; height: 200px; font-size: 20px; color: #000; }
main.main .menu_link .list ul li.type1 a:before	{ display: block; width: 120px; height: 120px; border-radius: 100%; background: #eee no-repeat center center; transition: all .5s; content: ""; }
main.main .menu_link .list ul li.type1 a span	{ display: flex; align-items: center; justify-content: center; width: 100%; line-height: 26px; }
main.main .menu_link .list ul li.type1 a span:after	{ display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 15px; border-radius: 100%; background-color: #586578; font-family: serif; color: #fff; font-size: 12px; font-weight: bolder; content: ">"; }
main.main .menu_link .list ul li.type1 a:focus, main.main .menu_link .list ul li.type1 a:hover, main.main .menu_link .list ul li.type1 a:active	{ color: #1e196b; font-weight: 600; }
main.main .menu_link .list ul li.type1 a:focus:before, main.main .menu_link .list ul li.type1 a:hover:before, main.main .menu_link .list ul li.type1 a:active:before	{ background-color: #999; }
main.main .menu_link .list ul li.type1 a:focus span:after, main.main .menu_link .list ul li.type1 a:hover span:after, main.main .menu_link .list ul li.type1 a:active span:after	{ background-color: #1e196b; }
	main.main .menu_link .list ul li.type1:nth-child(1) a:before	{ background-image: url(../image/main_menu_link_01.png); }
	main.main .menu_link .list ul li.type1:nth-child(2) a:before	{ background-image: url(../image/main_menu_link_02.png); }
	main.main .menu_link .list ul li.type1:nth-child(3) a:before	{ background-image: url(../image/main_menu_link_03.png); }
main.main .menu_link .list ul li.type2 a	{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; gap: 10px; width: 100%; height: 100%; padding-left: 40px; border-radius: 10px; background: #dce3ee url(../image/main_menu_link_04.png) no-repeat calc(100% - 29px) bottom; }
main.main .menu_link .list ul li.type2 a > strong	{ font-size: 21px; color: #1e196b; font-weight: bolder; text-decoration: underline; }
main.main .menu_link .list ul li.type2 a > span	{ line-height: 1.785; font-size: 14px; color: #484848; font-weight: 400; }
main.main .menu_link .list ul li.type2 a > span span	{ display: block; }
main.main .menu_link .list ul li.type2 a > em	{ display: inline-flex; align-items: center; gap: 28px; height: 34px; padding: 0 4px 0 23px; border-radius: 34px; background-color: #1e196b; color: #fff; font-size: 14px; }
main.main .menu_link .list ul li.type2 a > em:after	{ display: inline-flex; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: 15px; border-radius: 100%; background-color: #3e9341; font-family: serif; color: #fff; font-size: 12px; font-weight: bolder; content: ">"; }
main.main .menu_link .list ul li.type2 a:focus, main.main .menu_link .list ul li.type2 a:hover, main.main .menu_link .list ul li.type2 a:active	{ background-color: #1e196b; color: #fff; }
main.main .menu_link .list ul li.type2 a:focus > strong, main.main .menu_link .list ul li.type2 a:hover > strong, main.main .menu_link .list ul li.type2 a:active > strong	{ color: #fff; }
main.main .menu_link .list ul li.type2 a:focus > span, main.main .menu_link .list ul li.type2 a:hover > span, main.main .menu_link .list ul li.type2 a:active > span	{ color: #fff; }
main.main .menu_link .list ul li.type2 a:focus > em, main.main .menu_link .list ul li.type2 a:hover > em, main.main .menu_link .list ul li.type2 a:active > em	{ background-color: #fff; color: #1e196b; }





@media all and ( max-width: 1399px )
{
	main.main .align_1	{ justify-content: center; gap: 30px; }
}

@media all and ( max-width: 1100px )
{
	main.main .notice .lists .more	{ top: -85px; }
	main.main .notice .lists h3	{ width: calc((100% - 30px) / 4); }
	main.main .notice .lists h3 a	{ width: 100%; }
}

@media all and ( max-width: 1024px )
{
	main.main	{ overflow-x: hidden; }
	main.main .section_1	{ padding: 40px 0; }
	main.main .align_1	{ justify-content: center; gap: 30px; }
	
	main.main .section_2	{ padding: 0; }
	main.main .major_link .list .slick-track	{ padding: 40px 0; }
	
	main.main .major_link .list	{ margin: 0 -10px; }
	main.main .major_link .list .slick-track .slick-slide	{ padding: 0 10px; }
	main.main .major_link .list .slick-prev	{ left: 5px; }
	main.main .major_link .list .slick-next	{ right: 5px; }
	
	main.main .section_3	{ padding: 40px 0; }
	main.main .notice .lists .list	{ left: 20px; width: calc(100% - 40px); }
	main.main .notice .lists .list .slick-prev	{ left: -20px; }
	main.main .notice .lists .list .slick-next	{ right: -20px; }
	
	main.main .section_4	{ padding: 40px 0; }
	
	main.main .section_5	{ padding: 40px 0; }
}

@media all and ( max-width: 1023px )
{
	main.main .align_3	{ flex-wrap: wrap; justify-content: center; gap: 40px; }
	main.main .align_4	{ flex-wrap: wrap; justify-content: center; gap: 40px; }
	main.main .gallery	{ flex: 1; width: 100%; }
	
	main.main .menu_link .list ul	{ flex-wrap: wrap; gap: 20px 0; margin: 0 -10px; }
	main.main .menu_link .list ul li.type1	{ flex: 1 1 30%; }
	main.main .menu_link .list ul li.type2	{ flex: 1 1 100%; height: 200px; margin: 0 10px; }
}

@media all and ( max-width: 768px )
{
	main.main .section_1	{ padding: 10px 0; }
	
	main.main .major_link .list button	{ width: 30px; height: 30px; border-radius: 3px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); }
	main.main .major_link .list button:after	{ font-size: 20px; }
	main.main .major_link .list .slick-prev	{ left: auto; right: calc(50% + 30px); top: auto; bottom: 20px; }
	main.main .major_link .list .slick-next	{ left: calc(50% + 30px); right: auto; top: auto; bottom: 20px; }
	main.main .major_link .list .slick-track	{ padding-bottom: 70px; }
	main.main .major_link .list .slick-track .slick-slide	{ padding: 0 10px; }
	main.main .major_link .list .slick-track .slick-slide a	{ min-width: 160px; }
	main.main .major_link .list .slick-status	{ position: absolute; left: 50%; bottom: 20px; display: flex; align-items: center; justify-content: center; width: 40px; height: 30px; margin-left: -20px; font-size: 14px; color: #fff; }
	
	main.main .notice	{ height: 430px; }
	main.main .notice h2	{ height: 60px; font-size: 30px; }
	main.main .notice h2 em	{ font-size: 25px; }
	main.main .notice .lists	{ height: calc(100% - 60px) }
	main.main .notice .lists .more	{ top: -65px; gap: 5px; width: auto; padding: 0 5px 0 10px; }
	main.main .notice .lists .list button	{ width: 40px; height: 40px; margin-top: -20px; }
	main.main .notice .lists .list ul	{ margin: 0 -5px; }
	main.main .notice .lists .list ul li	{ padding: 0 5px; }
	
	main.main .gallery h2	{ height: 60px; font-size: 30px; }
	main.main .gallery h2 em	{ font-size: 25px; }
	
	main.main .gallery .list button	{ width: 40px; height: 40px; margin-top: -20px; }
	main.main .gallery .list ul	{ margin: 0 -5px; }
	main.main .gallery .list ul li	{ padding: 0 5px; }
}

@media all and ( max-width: 550px )
{
	main.main .menu_link .list ul li.type1 a	{ height: auto; font-size: 16px; }
	main.main .menu_link .list ul li.type1 a:before	{ max-width: 60%; height: auto; background-size: auto 62.5%; aspect-ratio: 1 / 1; }
	main.main .menu_link .list ul li.type1 a span:after	{ margin-left: 5px; }
}

@media all and ( max-width: 460px )
{
	main.main .mayor_link	{ height: auto; }
	main.main .mayor_link h2	{ aspect-ratio: 440 / 280; background-size: auto 89%; }

	main.main .mayor_link h2	{ padding-left: 13vw; }
	main.main .mayor_link h2 span	{ font-size: 12px }
	main.main .mayor_link h2 strong	{ font-size: 16px }
}

@media all and ( max-width: 425px )
{
	main.main .mayor_link ul li a	{ height: 50px; font-size: 16px; }
	main.main .mayor_link ul li a:before	{ background-size: auto 75%; content: none; }
	
	main.main .mayor_link:before	{ left: 10%; top: -20px; width: 90%; height: 150%; background-size: contain; }
	main.main .major_link .list ul li a:before	{ background-size: auto 70%; }
	
	main.main .gallery h2	{ font-size: 25px; }
	main.main .gallery h2 em	{ font-size: 20px; }
	main.main .gallery p	{ top: -5px; }
	main.main .gallery p a	{ gap: 5px; width: auto; padding: 0 5px 0 10px; }
	
	main.main .menu_link .list ul li.type1 a	{ font-size: 14px; }
	main.main .menu_link .list ul li.type1 a:before	{ width: 60%; }
	main.main .menu_link .list ul li.type1 a span:after	{ width: 20px; height: 20px; font-size: 10px; }
	main.main .menu_link .list ul li.type2 a	{ padding-left: 20px; }
	main.main .menu_link .list ul li.type2 a > span	{ text-shadow: 1px 1px 0 white, 0 0 3px white; }
}

@media all and ( max-width: 375px )
{
	main.main .mayor_link h2	{ padding-left: 5vw; }
	main.main .major_link .list .slick-track .slick-slide a	{ max-width: 180px; margin: 0 auto; }
	main.main .mayor_link ul li a	{ font-size: 14px; }
	main.main .mayor_link ul li a:before	{ background-size: auto 70%; }
	
	main.main .notice .lists h3	{ width: calc((100% - 15px) / 4); margin-left: 5px; }
	main.main .notice .lists h3 a	{ font-size: 14px; }
}

@media all and ( max-width: 320px )
{
	main.main .mayor_link h2	{ padding-left: 0; background-position-x: right; }
	
	main.main .notice h2	{ font-size: 25px; }
	main.main .notice h2 em	{ font-size: 20px; }
	
	main.main .gallery h2	{ font-size: 22px; }
	main.main .gallery h2 em	{ font-size: 16px; }
	
	main.main .menu_link .list ul li.type1 a	{ font-size: 12px; }
}





/************************************************************************************************************************************************************************

	서브 내용
	
************************************************************************************************************************************************************************/
main.sub	{ position: relative; width: 100%; height: 100%; min-height: calc(100vh - 100px - 218px); }
main.sub:before	{ display: flex; align-items: center; justify-content: center; width: 100%; height: 200px; background: gray url(../image/sub_top_image_def.jpg) no-repeat center center / cover; font-size: 45px; color: var(--white); font-weight: var(--font-sami-bold); content: attr(data-menuname); }

	main.sub.menu_no_1296:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual01.jpg) }
	main.sub.menu_no_1313:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual02.jpg) }
	main.sub.menu_no_1611:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual03.jpg) }
	main.sub.menu_no_1342:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual04.jpg) }
	main.sub.menu_no_1343:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual05.jpg) }
	main.sub.menu_no_1344:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual06.jpg) }
	main.sub.menu_no_1347:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual07.jpg) }
	main.sub.menu_no_1346:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual08.jpg) }
	main.sub.menu_no_1348:before	{ background-image: url(../../gwanakgu/images/sub/sub_visual09.jpg) }

main.sub:after	{ position: absolute; left: 0; top: 264px; width: 100%; height: 1px; background: #ddd; content: ""; }
main.sub > aside	{ position: relative; max-width: 1400px; margin: 0 auto; }
main.sub > aside:after	{ display: block; clear: both; content: ""; }
main.sub > aside nav	{ float: left; width: calc(100% - 100px); }
main.sub > aside nav ol	{ position: relative; z-index: 3; display: flex; flex-wrap: wrap; }
main.sub > aside nav ol > li	{ flex: 0 1 270px; height: 64px; border-right: 1px solid #ddd; }
main.sub > aside nav ol > li:first-child	{ flex: 0 1 68px; border-right: 0 none; }
main.sub > aside nav ol > li:first-child > a	{ display: block; width: 68px; height: 64px; border-width: 0 1px; border-style: solid; border-color: #ddd; background: #0b0b0b url(../image/sub_snb_home.png) no-repeat center center; text-indent: -9999px; overflow: hidden; }
main.sub > aside nav ol > li:first-child > a:focus, main.sub > aside nav ol > li:first-child > a:hover, main.sub > aside nav ol > li:first-child > a:active	{ background-color: #3D5688; background-image: url(../image/sub_snb_home_over.png); }

main.sub > aside nav ol > li > ul	{ position: relative; width: 100%; height: 64px; overflow: hidden; }
main.sub > aside nav ol > li > ul.active	{ z-index: 9; height: auto; margin: 0 -1px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ddd; background-color: #fff; }
main.sub > aside nav ol > li > ul > li	{ height: 64px; }
main.sub > aside nav ol > li > ul > li > a	{ display: flex; align-items: center; width: 100%; height: 100%; line-height: 1.2; padding: 0 24px; font-size: 18px; }
main.sub > aside nav ol > li > ul > li:first-child > a	{ position: relative; padding-right: 50px; font-weight: var(--font-sami-bold); }
main.sub > aside nav ol > li > ul > li:first-child > a:after	{ position: absolute; right: 25px; top: 50%; width: 25px; height: 9px; margin-top: -4px; background: url(../image/sub_snb_arrow.png) no-repeat center center; content: ""; transition: all 1s ease; }
main.sub > aside nav ol > li > ul.active > li:first-child > a:after	{ transform: rotate(180deg); }
main.sub > aside nav ol > li > ul > li > a:focus, main.sub > aside nav ol > li > ul > li > a:hover, main.sub > aside nav ol > li > ul > li > a:active	{ background-color: #3D5688; color: #fff; }
main.sub > aside nav ol > li > ul > li > a:focus	{ outline: 0 none; border: 2px solid var(--red); }


main.sub > aside .utils	{ float: right; width: 100px; }
main.sub > aside .utils > ul	{ display: flex; justify-content: center; height: 64px; }
main.sub > aside .utils > ul > li	{ display: flex; align-items: center; padding: 0 4px; }
main.sub > aside .utils a	{ display: block; width: 40px; height: 40px; border: 1px solid #d7d7d7; border-radius: 100%; background: #f2f2f2 no-repeat center center; text-indent: -9999px; overflow: hidden; }
main.sub > aside .utils a.print	{ background-image: url(../image/sub_utils_print.png); }
main.sub > aside .utils a.dropdown	{ background-image: url(../image/sub_utils_dropdown.png); }
main.sub > aside .utils a.facebook	{ background-image: url(../image/sub_utils_facebook.png); background-size: auto 50%; }
main.sub > aside .utils a.twitter	{ background-image: url(../image/sub_utils_twitter.png); background-size: auto 40%; }
main.sub > aside .utils a.naver	{ background-image: url(../image/sub_utils_naver.png); background-size: auto 50%; }
main.sub > aside .utils a.kakaostory	{ background-image: url(../image/sub_utils_kakaostory.png); background-size: auto 50%; }
main.sub > aside .utils a:focus, main.sub > aside .utils a:hover, main.sub > aside .utils a:active	{ background-color: #3D5688 !important; border-color: #3D5688 !important; }
main.sub > aside .utils #utils_dropdown	{ display: none; }
main.sub > aside .utils #utils_dropdown.active	{ display: block; position: absolute; top: 85%; right: 0; z-index: 8; height: auto; padding: 4px; border: 1px solid #ddd; border-radius: 50px; background-color: #f2f2f2; }
main.sub > aside .utils #utils_dropdown li + li	{ margin-top: 4px; }
main.sub > aside .utils #utils_dropdown a	{ border-color: #666; background-color: #666; }


main.sub > section	{ display: block; width: 100%; max-width: 1420px; padding: 0 10px; margin: 80px auto; }
main.sub > section:after	{ display: block; clear: both; content: ""; }
main.sub > section > h2	{ display: block; line-height: 1.2; margin-bottom: 40px; font-size: 34px; font-weight: var(--font-bold); }

main.sub > section > aside	{ margin: 40px 0; }
main.sub > section > aside ul	{ display: flex; flex-wrap: wrap; border-width: 0 0 1px 1px; border-style: solid; border-color: #ddd; background-color: #f8f9fb; }
main.sub > section > aside ul li	{ flex: 1 1 16.666%; border-width: 1px 1px 0 0; border-style: solid; border-color: #ddd; }
main.sub > section > aside ul li a	{ display: flex; align-items: center; justify-content: center; min-width: 150px; height: 64px; line-height: 1.1; padding: 0 10px; text-align: center; font-size: 17px; font-weight: var(--font-sami-bold); white-space: nowrap; }
main.sub > section > aside ul li a:focus, main.sub > section > aside ul li a:hover, main.sub > section > aside ul li a:active	{ background-color: #666; color: #fff; }
main.sub > section > aside ul li a.active	{ position: relative; z-index: 2; width: calc(100% + 2px); height: 66px; margin: -1px; border: 1px solid #3d5688; background-color: #fff; color: #3d5688; box-shadow: 0 10px 30px rgba(61, 86, 136, 0.1); }

main.sub > section > aticle	{ display: block; width: 100%; height: 100%; }
main.sub > section > aticle:after	{ display: block; clear: both; content: ""; }




main.sub .pc_contents	{ display: block !important; }
main.sub .mobile_contents	{ display: none !important; }


@media all and ( max-width: 1024px )
{
	main.sub > aside nav ol	{ flex-wrap: nowrap; }
	main.sub > aside nav ol > li	{ flex: 1; }
}

@media all and ( max-width: 768px )
{
	main.sub:before	{ height: 100px; font-size: 22px; }
	main.sub:after	{ content: none; }
	main.sub > aside nav	{ width: calc(100% - 50px); }
	main.sub > aside nav ol	{ flex-wrap: wrap; position: relative; padding-left: 68px; }
	main.sub > aside nav ol > li	{ flex: 1 1 270px; border-bottom: 1px solid #ddd; }
	main.sub > aside nav ol > li:first-child	{ position: absolute; left: 0; top: 0; width: 68px; height: 100%; border-right: 1px solid #ddd; }
	main.sub > aside nav ol > li:first-child > a	{ height: 100%; border-left-width: 0; }
	main.sub > aside nav ol > li > ul > li:first-child > a	{ padding-right: 35px; }
	main.sub > aside nav ol > li > ul > li:first-child > a:after	{ right: 5px; }
	main.sub > aside .utils	{ position: absolute; right: 0; top: 0; width: 50px; height: 100%; border-bottom: 1px solid #ddd; }
	main.sub > aside .utils > ul	{ flex-direction: column; justify-content: center; gap: 10px; height: 100%; }
	main.sub > aside .utils #utils_dropdown.active	{ top: calc(50% + 45px); }
	
	/*
	main.sub > aside nav ol	{ padding-left: 50px; }
	main.sub > aside nav ol > li	{ height: 50px; }
	main.sub > aside nav ol > li:first-child	{ width: 50px; }
	main.sub > aside nav ol > li:first-child > a	{ width: 50px; }
	main.sub > aside nav ol > li > ul > li	{ height: 50px; }
	main.sub > aside nav ol > li > ul > li > a	{ font-size: 16px; }
	*/
	main.sub > aside nav	{ width: 100%; }
	main.sub > aside nav ol	{ padding-left: 0; }
	main.sub > aside nav ol > li	{ height: 50px; }
	main.sub > aside nav ol > li:first-child	{ display: none; }
	main.sub > aside nav ol > li > ul	{ height: 50px; }
	main.sub > aside nav ol > li > ul > li	{ flex: 1 1 50%; height: 50px; }
	main.sub > aside nav ol > li > ul > li > a	{ font-size: 16px; }
	main.sub > aside .utils	{ display: none; }
	
	
	main.sub > section	{ margin-top: 48px; }
	main.sub > section > h2	{ margin-bottom: 24px; font-size: 23px; }
	
	
	main.sub .pc_contents	{ display: none !important; }
	main.sub .mobile_contents	{ display: block !important; }
}

@media all and ( max-width: 425px )
{
	main.sub > aside nav ol > li > ul > li > a	{ padding: 0 15px; }
}





#new_contents p.tel	{ line-height: 40px; padding-left: 48px; background: url(../image/ico_call.svg) no-repeat left center; font-family: 'Montserrat'; font-size: 23px; font-weight: bold; }


#new_contents .image_gallery	{ display: flex; flex-wrap: wrap; gap: 20px; }
#new_contents .image_gallery .big_image	{ flex: 1 1 40%; display: flex; align-items: center; justify-content: center; }
#new_contents .image_gallery .big_image img	{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 1px solid #ccc; object-fit: cover; }
#new_contents .image_gallery ul	{ flex: 1 1 40%; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; list-style: none; background: none; }
#new_contents .image_gallery ul:before	{ content: none; }
#new_contents .image_gallery ul li	{ flex: 1 1 40%; padding: 0; margin: 0; list-style: none; background: none; }
#new_contents .image_gallery ul li:before	{ content: none; }
#new_contents .image_gallery ul li img	{ display: block; width: 100%; height: 100%; padding: 0; margin: 0; border: 1px solid #ccc; object-fit: cover; cursor: pointer; }
#new_contents .image_gallery ul li img.active	{ border-color: #333; box-shadow: 0 0 10px rgba(0, 0, 0, 0.7); }



img.extension	{ max-width: 20px; }



/************************************************************************************************************************************************************************

	기존 퍼블
	
************************************************************************************************************************************************************************/

.contents_content ul > li	{ padding-left: 0; }
.contents_content ul > li:before	{ content: none; }


.contents_content .m_table table tbody tr th,
.contents_content .m_table table tbody tr td,
.contents_content .basic_table table tbody tr th,
.contents_content .basic_table table tbody tr td	{ text-align: center; }
.contents_content .m_table table tbody tr td.txtleft,
.contents_content .basic_table table tbody tr td.txtleft	{ padding-left: 10px; }
.contents_content .m_table table tbody tr td.txtright,
.contents_content .basic_table table tbody tr td.txtright	{ padding-right: 10px; }


.blind	{ position: absolute; width: 0; height: 0; font-size: 0; overflow: hidden; }


.chatbot{position: fixed;right: 30px;bottom: 110px; z-index:999;}

@media only screen and (max-width: 600px) {
.chatbot{right:0; bottom:10px;}
.chatbot img{width:5em;}
}




/** 회원가입선택 **/
.sub_tt {font-size:40px; font-weight:700; color:#000; line-height:40px; text-align:left; padding:0 0 40px; border-bottom:1px solid #e1e1e1; margin-bottom:40px;}
.sub_tt.mb0 {margin-bottom:0;}
.wrap {width:1200px; margin:auto; padding-bottom:80px; padding-top:50px;}
.sub_txt {text-align:center; padding:0px 0 50px; font-size:17px; line-height:25px; color:#5e5e5e;}
.icon_view {padding:0px 0 50px; text-align:center; position:relative;}
.icon_view:after {content:''; display:block; width:100%; height:1px; background:#dadada; position:absolute; top:55px; z-index:-1;}
.icon_view ul {display:inline-block;}
.icon_view ul:after {clear:both; content:''; display:block;}
.icon_view ul li {float:left; box-sizing:border-box;}
.icon_view ul li:nth-child(1) dl dt {background:url(../../gwanakgu/images/sub/backicon01.png) no-repeat;}
.icon_view ul li:nth-child(2) dl dt {background:url(../../gwanakgu/images/sub/backicon02.png) no-repeat;}
.icon_view ul li:nth-child(3) dl dt {background:url(../../gwanakgu/images/sub/backicon03.png) no-repeat;}
.icon_view ul li:nth-child(4) dl dt {background:url(../../gwanakgu/images/sub/backicon04.png) no-repeat;}
.icon_view ul li:nth-child(5) dl dt {background:url(../../gwanakgu/images/sub/backicon05.png) no-repeat;}
.icon_view ul li.on:nth-child(1) dl dt {background:url(../../gwanakgu/images/sub/backicon01on.png) no-repeat;}
.icon_view ul li.on:nth-child(2) dl dt {background:url(../../gwanakgu/images/sub/backicon02on.png) no-repeat;}
.icon_view ul li.on:nth-child(3) dl dt {background:url(../../gwanakgu/images/sub/backicon03on.png) no-repeat;}
.icon_view ul li.on:nth-child(4) dl dt {background:url(../../gwanakgu/images/sub/backicon04on.png) no-repeat;}
.icon_view ul li.on:nth-child(5) dl dt {background:url(../../gwanakgu/images/sub/backicon05on.png) no-repeat;}
.icon_view ul li dl {/*width:110px;*/ padding:0 40px;}
.icon_view ul li dl dt {padding-bottom:20px; width:110px; height:110px; text-indent:-9999px;}
.icon_view ul li dl dd {font-size:17px; color:#5e5e5e;}
.icon_view ul li.on dl dd {font-size:20px; font-weight:700;}
.member_box ul:after {clear:both; content:''; display:block;}
.member_box ul li {float:left; width:50%; box-sizing:border-box;}
.member_box ul li:nth-child(1) {padding-right:10px;}
.member_box ul li:nth-child(2) {padding-left:10px;}
.member_box ul li .member {padding:40px 30px; background:#f9f9f9; border:1px solid #d7d7d7;}
.member_box ul li .member dl {text-align:center;}
.member_box ul li .member dl dt {padding-bottom:20px;}
.member_box ul li .member dl dd {font-size:20px; font-weight:700;}
.btn_area {padding-top:30px;}
.b_btn {display:block; width:100%; height:55px; line-height:55px; text-align:center; font-size:17px; color:#fff; font-weight:700; box-sizing:border-box; transition: all .5s; -webkit-transition: all .5s;}
.b_btn.color01 {border:2px solid #274081; color:#274081;}
.b_btn.color02 {border:2px solid #222; color:#222;}
.b_btn.color03 {background:#274081;}
.b_btn.color04 {background:#888888;}
.b_btn.color01:hover {background:#274081; color:#fff;}
.b_btn.color02:hover {background:#222; color:#fff; border:2px solid #222;}


/** 회원가입약관동의 **/
.box_text {padding:30px; border:1px solid #d7d7d7; text-align:center; font-size:17px; color:#878787; margin-bottom:40px;}
.box_text span {color:#274081; font-weight:700;}
.box_text em {color:#229657; font-weight:700;}
.tt_txt {font-size:20px; font-weight:700; padding-bottom:20px; line-height:20px;padding-top:2vh;}
.tt_txt.pdt {padding-top:40px;}
.etc_box {background:#f9f9f9; border:1px solid #e2e2e2; padding:20px; box-sizing:border-box; height:280px; overflow:auto; line-height:22px; color:#656565; white-space:pre-line;}
.chk.pdt {padding-top:15px;}
.chk.pdt label {color:#656565;}
.chk span {position:relative;}
.chk span input[type="checkbox"] {margin-right:5px; display: inline-block; width:21px;height:21px; vertical-align:middle; opacity:0;}
.chk span label:after{content: '';left:0px;display: inline-block;position: absolute;width:21px;height:21px; background:url(../../gwanakgu/images/sub/unchek_bg.gif) no-repeat;z-index:1; background-size:21px;}
.chk span label{ color:#222; font-weight:400;}
.chk span input:checked + label:after{background:url(../../gwanakgu/images/sub/onchek_bg.gif) no-repeat 0 0; background-size:21px;}
.btn_wrap {padding-top:40px; text-align:center;}
.btn_wrap span {display:inline-block; margin:0 10px;}
.btn_wrap span {width:150px;}


/** 회원가입본인인증 **/
.member_box li .member dl dd .mt {font-size:20px; font-weight:700; padding-bottom:15px;}
.member_box li .member dl dd .st {font-size:16px; color:#5e5e5e; font-weight:400}


/** 회원가입완료 **/
.completion {padding:40px 50px; background:#f9f9f9; border:1px solid #d7d7d7; position:relative;}
.completion dl {display:table; width:100%;}
.completion dl dt {display:table-cell; vertical-align:middle; width:140px;}
.completion dl dd {display:table-cell; vertical-align:middle;}
.completion dl dd .mt {font-size:22px; color:#000; font-weight:700; padding-bottom:20px; line-height:22px;}
.completion dl dd .mt span {color:#274081;}
.completion dl dd .mt em {color:#229657;}
.completion dl dd .st {font-size:17px; line-height:28px; color:#5e5e5e;}
.completion.mdt {margin-top:40px;}
.position_btn {position:absolute; right:50px; top:50%; margin-top:-27.5px;}
.w_btn {width:190px; height:55px; line-height:55px; text-align:center; display:block; color:#fff; font-size:17px; font-weight:700;}
.w_btn.color01 {background:#274081;}
.w_btn.color02 {background:#888888;}



/** 회원정보입력 **/
.tt_txt {font-size:20px; font-weight:700; padding-bottom:20px; line-height:26px;}
.tt_txt span {font-size:17px; color:#656565;}
.tt_txt span em {color:#f9593a;}
.tt_txt.pdt {padding-top:40px;}
.tt_txt.pdt br {display:none;}
.hisco_table .type04 .line_h {line-height:45px;}
.hisco_table .type04 {border-top:2px solid #6f80ab;}
.hisco_table .type04.noline {border-right:0; border-left:0;}
.hisco_table .type04 th {background:#f9f9f9; font-size:17px; font-weight:bold; border-bottom:1px solid #dedee1; border-right:1px solid #dedee1; color:#222; padding-left:40px; text-align:left;}
.hisco_table .type04 th br {display:none;}
.hisco_table .type04 th span {color:#ff5c6d; vertical-align:middle; margin-left:5px;}
.hisco_table .type04 td {padding:15px 20px; border-right:0; border-bottom:1px solid #e1e1e1; color:#656565; font-size:17px;}
.hisco_table .type04 td.left {padding-left:20px; text-align:left;}
.hisco_table .type04 td input {width:100%; border:1px solid #e1e1e1; box-shadow:none; background:#f9f9f9; height:45px; padding:0 15px; box-sizing:border-box; color:#5e5e5e;}
.hisco_table .type04 td input[type="file"] {padding-left:0; padding-right:0;}
.hisco_table .type04 td.chk {text-align:left;}
.hisco_table .type04 td.chk input {width:inherit;}
.hisco_table .type04 td.chk span {margin-left:15px;}
.hisco_table .type04 td.chk span:first-child {margin-left:0;}
.hisco_table .type04 td.chk span label {margin-left:10px; font-size:17px; font-weight:700;}
.hisco_table .type04 td p {padding-top:15px;}
.hisco_table .type04 td p:first-child {padding-top:0;}
.hisco_table.login .type04 td input {width:454px;}
.hisco_table.login .type04 th {width:178px; position:relative;}
.hisco_table.login .type04 th div {position:relative;}
.paw_area button {display:inline-block; width:135px; height:45px; line-height:45px; color:#fff; background:#3a3a3a; margin-left:20px; text-align:center; font-weight:700; cursor:pointer;}
.chage_txt {margin-left:20px; font-weight:700; color:#ff5d68;}
.hisco_table.login .type04 td input[type="radio"] {width:inherit; height:inherit;}
.hisco_table.login .type04 td i {font-style:normal;}
/*.hisco_table.login .type04 td .radio {margin-left:15px;}*/
.hisco_table.login .type04 td label {margin-left:10px; color:#878787;}
.hisco_table.login .type04 td input[type="checkbox"] {width:inherit; height:inherit;}
.hisco_table.login .type04 td .form_width {width:100%; padding-top:10px;}
.hisco_table.login .type04 td .form_width input {width:100%;}
.hisco_table.login table td ul li .select {float:none;}
.hisco_table.login table td ul.mail {display:table;}
.hisco_table.login table td ul.mail li.width01 {width:290px; display:table-cell;}
.hisco_table.login table td ul.mail li.width02 {width:35px; display:table-cell; text-align:center;}
.hisco_table.login table td ul.mail li.width03 {width:330px; display:table-cell; vertical-align:top;}
.hisco_table.login table td ul.mail li.width04 {width:310px; display:table-cell; vertical-align:top; padding-left:15px;}
.hisco_table.login table.type04 td ul.mail li input {width:100%;}
.hisco_table.login table.type04 .chk span {margin-left:10px;}
.hisco_table.login table.type04 .chk span:first-child {margin-left:0px;}
.space01 {position:absolute;}
.space02 {display:inline-block; padding-left:15px;}
.space03 {display:inline-block; padding-left:20px;}
.space04 {display:inline-block; padding-left:25px;}
.eri_txt {line-height:15px; color:#808080;}
.essential {position:absolute; left:15px;}
.hisco_table.login table.type04 .chk span label:after{content: '';left:0px;display: inline-block;position: absolute;width:22px;height:22px; background:url(../../gwanakgu/images/sub/unchek_bg.gif) no-repeat;z-index:1; top:-2px;}
.hisco_table.login table.type04 .chk span input:checked + label:after{background:url(../../gwanakgu/images/sub/onchek_bg.gif) no-repeat 0 0;}
.one_width {width:454px;}
.etc_txt {padding-top:20px;}
.etc_txt span {color:#878787; font-size:17px;}
.etc_txt span em {color:#274081; font-weight:700;}
.etc_txt p {padding-bottom:10px;}
.etc_txt p:last-child {padding-bottom:0;}
.etc_txt .red {color:#ff5c6c; font-weight:700;}





/** 아이디찾기 **/
.con_tab {padding-bottom:50px;}
.con_tab ul:after {clear:both; content:''; display:block;}
.con_tab ul li {width:50%; float:left;}
.con_tab ul li a {display:block; height:50px; line-height:50px; text-align:center; font-size:18px; color:#6e6e6e; border:1px solid #e1e1e1; cursor:pointer; font-weight:700; box-sizing:border-box;}
.con_tab ul li a.on {color:#274081; font-weight:700; background:#edf0f6; border:1px solid #274081;}
.sec {display:none;}
.sec.on {display:block;}
.hisco_table.login .type04 td .form_width.no_p {padding-top:0;}
.hisco_table.login table.type04 td ul.birth:after {clear:both; content:''; display:block;}
.hisco_table.login table.type04 td ul.birth > li {float:left; width:33.3%; padding-left:20px; box-sizing:border-box;}
.hisco_table.login table.type04 td ul.birth > li:first-child {padding-left:0;}



/** 비밀번호찾기 **/
.id_box {text-align:center; padding-bottom:50px;}
.id_box .center {display:inline-block;}
.id_box dl {display:table; text-align:center;}
.id_box dl dt {display:table-cell; vertical-align:middle; font-size:17px; font-weight:700;}
.id_box dl dd {display:table-cell; vertical-align:middle; padding-left:20px; width:420px;}
.id_box dl dd input {width:100%; height:55px; border:1px solid #e1e1e1; background:#f9f9f9; padding:0 15px; box-sizing:border-box;}



/** 휴면계정_비밀번호재설정 **/
.text_box {padding:40px; background:#f9f9f9; border:1px solid #ececec; margin-top:50px;}
.text_box p {font-size:17px; color:#878787; padding-bottom:10px; letter-spacing:-0.5px; line-height:25px;}
.text_box p:last-child {padding-bottom:0;}
.text_box p.lh {line-height:28px;} 



/** 로그인 **/
.login_box .login {border:1px solid #d7d7d7; border-top:2px solid #6f80ab;}
.login_box .login ul:after {clear:both; content:''; display:block;}
.login_box .login > ul {padding:40px 0;}
.login_box .login > ul > li {float:left; width:50%; padding:0 50px; box-sizing:border-box; position:relative; height:261px;}
.login_box .login > ul > li:first-child:after {content:''; display:block; width:1px; height:100%; background:#d7d7d7; position:absolute; right:0; top:0;}
.login_box .login ul li .title {font-size:25px; font-weight:700; color:#000; text-align:center; padding-bottom:30px;}
.login_box .login ul li .login_form {position:relative;}
.login_box .login ul li .login_area {padding-right:150px;}
.login_box .login ul li .login_area p.id {padding-bottom:24px;}
.login_box .login ul li .login_area p input {height:50px; border:1px solid #dcdcdc; border-width:0 0 1px 0; width:100%; box-sizing:border-box; padding-left:25px;}
.login_box .login ul li .login_area p.id input {background:url(../../gwanakgu/images/sub/idbg.png) no-repeat left center;}
.login_box .login ul li .login_area p.psw input {background:url(../../gwanakgu/images/sub/pswbg.png) no-repeat left center;}
.login_btn {display:block; position:absolute; right:0; top:0;}
.login_btn a {display:block; width:130px; height:124px; text-align:center; line-height:124px; background:#274081; color:#fff; font-weight:700;}
.click_menu {padding-top:30px; text-align:center;}
.click_menu span {display:inline-block;}
.click_menu span a {display:block; padding:0 15px; color:#5e5e5e; transition: all .5s; -webkit-transition: all .5s; position:relative;}
.click_menu span a:before {content:''; display:block; position:absolute; width:2px; height:2px; background:#5e5e5e; left:0; top:50%; margin-top:-1px;}
.click_menu span:first-child a:before {width:0;}
.click_menu span a:hover {color:#274081;}
.con_tab.in {padding-bottom:24px;}
.con_tab.in ul li {width:33.3%;}
.con_tab.in ul li:last-child {width:33.4%;}
.con_tab.in ul li a {border-left:1px solid #fff;}
.con_tab.in ul li:first-child a {border-left:1px solid #e1e1e1;}
.con_tab.in ul li a.on {border-left:1px solid #4075bd;}
.rollbtn_area a {display:block; background:#4a4a4a; height:50px; line-height:50px; font-size:17px; color:#fff; font-weight:700; text-align:center;}
.in_text {padding-top:30px; text-align:center; font-size:16px; color:#111; line-height:26px;}
.social {text-align:center;}
.social span {padding:0 15px; display:inline-block;}
.social span a {display:block;}
.login_box .login .text_box {margin-top:0; border-top:1px solid #d7d7d7;}
.login_box .login .text_box p.mt {color:#274081; font-weight:700;}
.login_box .login .text_box p.st {color:#5e5e5e; font-weight:400; padding-left:15px;}



/** 수강내역 **/
.con_tab {padding-bottom:60px;}
.con_tab.three ul li {width:33.3%;}
.con_tab.three ul li:last-child {width:33.4%;}
.con_tab.three ul li a {border-left:1px solid #fff;}
.con_tab.three ul li:first-child a {border-left:1px solid #e1e1e1;}
.con_tab.three ul li a.on {border-left:1px solid #4075bd;}
.m_table table {border-top:2px solid #274081;}
.m_table table tr {border-bottom:1px solid #dedee1;}
.m_table table tr th {padding:15px 0; border-right:1px solid #dedee1; font-size:17px; font-weight:700; background:#fbfbfb; line-height:20px;}
.m_table table tbody tr td {padding:15px 10px; border-right:1px solid #dedee1; font-size:17px; box-sizing:border-box; color:#5e5e5e; line-height:25px;}
.m_table table tbody tr td.left {text-align:left;}
.m_table table tr .border_none  {border-right:0;}
.chk span.disabled label:after{content: '';top:0px;left:0px;display: inline-block;position: absolute;width:22px;height:22px; background:url(../../gwanakgu/images/sub/unchek_bg02.gif) no-repeat;z-index:1}
.m_table table tbody tr td.bule {color:#4075bd; font-weight:700;}
.m_table table tbody tr td.red {color:#ff5c6c; font-weight:700;}
.m_table table tbody tr td.str {color:#222; font-weight:700;}
.paging{text-align:center; margin-top:50px;}
.paging span {display:inline-block; vertical-align:top;}
.paging span a{display:inline-block; width:48px; height:48px; box-sizing:border-box; font-size:20px; border:1px solid #e1e1e1; color:#252525; line-height:48px; font-weight:300; margin-left:-1px;}
.paging span a.first {background:url(../../gwanakgu/images/sub/page_leftbg.png) no-repeat center center; text-indent:-9999em; width:48px; height:48px;}
.paging span a.last {background:url(../../gwanakgu/images/sub/page_rightbg.png) no-repeat center center; text-indent:-9999em; width:48px; height:48px;}
.paging span.target{background:#42444a; color:#fff; display:inline-block; width:48px; height:48px; box-sizing:border-box; font-weight:300; line-height:48px; font-size:20px;}
.paging span.target a {color:#fff; border:0;}
.btn_wrap.one.right {text-align:right; padding-top:0;}
.btn_wrap.one.right span {margin:0;}
.m_table table tbody tr td.line_height {line-height:25px;}
.con_tab.three.mtwo ul li:nth-child(3) a {border-left:1px solid #e1e1e1;}
.con_tab.three.mtwo ul li:nth-child(3) a.on {border-left:1px solid #4075bd;}



/** 나의작성글 **/
.page_tab {padding-bottom:40px;}
.pb0 {padding-bottom:0 !important;}
.mab {margin-bottom:0 !important; margin-top:0 !important;}
.page_tab ul {border-bottom:1px solid #e1e1e1;}
.page_tab ul:after {clear:both; content:''; display:block;}
.page_tab ul li {float:left; position:relative; top:1px;}
.page_tab ul li a {display:block; width:170px; text-align:center; height:50px; line-height:50px; border-right:1px solid #e1e1e1; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; background:#f9f9f9; font-size:17px; box-sizing:border-box;}
.page_tab ul li:first-child a {border-left:1px solid #e1e1e1;}
.page_tab ul li.on a {border-top:2px solid #274081; background:#fff; border-bottom:1px solid #fff;}
.mywrite_search {padding:40px 0; background:#f9f9f9; text-align:center; margin-bottom:50px;}
.mywrite_search > ul {display:inline-block;}
.mywrite_search ul:after {clear:both; content:''; display:block;}
.mywrite_search > ul > li {float:left;}
.mywrite_search > ul > li.width01 {width:122px;}
.mywrite_search > ul > li.width02 {width:122px; margin-left:10px;}
.mywrite_search > ul > li.width03 {width:383px; margin-left:10px;}
.mywrite_search > ul > li.width04 {width:122px; margin-left:10px;}
.mywrite_search > ul input {width:100%; height:45px; padding-left:15px; box-sizing:border-box; border:1px solid #e1e1e1; background:#fff;}
.mywrite_search .selectric {background:#fff;}
.mywrite_search .selectric .button {border-left:0;}
.mywrite_search .selectric-items li {text-align:left;}
.mywrite_search > ul > li.width04 a {display:block; line-height:45px; background:#274081; text-align:center; font-size:17px; color:#fff;}
.mawrite_list ul li {border-bottom:1px solid #d7d7d7; border-top:1px solid #fff; position:relative;}
.mawrite_list ul li a {display:block; padding:20px 0; position:relative;}
.mawrite_list ul li:after {content:''; display:block; height:100%; width:52px; height:52px; background:url(../../gwanakgu/images/sub/mawrite_listbg.png) no-repeat; position:absolute; right:30px; top:50%; margin-top:-26px; cursor:pointer; transition: all .5s; -webkit-transition: all .5s;}
.mawrite_list ul li:first-child {border-top:1px solid #d7d7d7;}
.mawrite_list ul li.on {border-top:1px solid #222; border-bottom:1px solid #222;}
.mawrite_list ul li:hover {border-top:1px solid #222; border-bottom:1px solid #222; transition: all .5s; -webkit-transition: all .5s;}
.mawrite_list ul li:hover:after {content:''; display:block; height:100%; width:52px; height:52px; background:url(../../gwanakgu/images/sub/mawrite_listbg02.png) no-repeat; position:absolute; right:30px; top:50%; margin-top:-26px; cursor:pointer;}
.mawrite_list ul li:focus {border-top:1px solid #222; border-bottom:1px solid #222;}
.mawrite_list ul li dl {display:table; width:100%;}
.mawrite_list ul li dl dt {display:table-cell; width:205px; vertical-align:middle; text-align:center; padding:25px 0; position:relative;}
.mawrite_list ul li dl dt:after {content:''; display:block; height:100%; width:1px; background:#d7d7d7; position:absolute; right:0; top:0;}
.mawrite_list ul li dl dt .mt {font-size:20px; color:#229657; font-weight:700; padding-bottom:20px;}
.mawrite_list ul li dl dt .st {font-weight:700; color:#757575;}
.mawrite_list ul li dl dd {padding:25px 100px 15px 30px; box-sizing:border-box; position:relative;}
.mawrite_list ul li dl dd .subject {font-size:20px; font-weight:700; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; height:22px; margin-bottom:15px;}
.mawrite_list ul li dl dd .state span {color:#808080; display:inline-block; padding:0 10px; position:relative;}
.mawrite_list ul li dl dd .state span:after {content:''; display:block; width:1px; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background:#cccccc;}
.mawrite_list ul li dl dd .state span:first-child:after {content:''; display:block; width:1px; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background:#cccccc;}
.mawrite_list ul li dl dd .state span:last-child:after {display:none;}
.mawrite_list ul li dl dd .state span:first-child {padding-left:0;}
.mawrite_list ul li dl dd .state span em {color:#111; padding-left:5px;}
.mawrite_list ul li dl dd .state span i {display:inline-block; width:112px; height:36px; line-height:36px; text-align:center; margin-left:15px;}
.mawrite_list ul li dl dd .state span i.type01 {border:2px solid #888; color:#888;}
.mawrite_list ul li dl dd .state span i.type02 {border:2px solid #222222; color:#222222;}
.mawrite_list ul li dl dd .state span i.type03 {border:2px solid #ee745f; color:#ee745f;}



/** 주차회원가입 **/
.partking {padding:45px 0; background:#f9f9f9; border:1px solid #e1e1e1; text-align:center;}
.partking .center {display:inline-block;}
.partking .center dl {display:table;}
.partking .center dl dt {display:table-cell; vertical-align:middle;}
.partking .center dl dd {display:table-cell; vertical-align:middle; padding-left:25px; text-align:left; font-size:27px; font-weight:700; line-height:35px; color:#000;}
.partking .center dl dd span {color:#334e99;}
.btn_wrap.one span {width:190px;}



/** 비밀번호변경 **/
.hisco_table.login .type04 th.center {text-align:center; padding-left:0;}
.cbox_text {padding:30px; background:#f9f9f9; border:1px solid #e1e1e1; margin-bottom:40px;}
.cbox_text dl dt {color:#000; font-size:17px; font-weight:700; padding-bottom:20px;}
.cbox_text dl dd {color:#787878;}



/** 거주자우선주차신청 **/
.linem_box {padding:40px 30px; border:1px solid #e1e1e1; border-top:2px solid #274081; position:relative;}
.linem_box p {color:#656565; padding-top:10px; line-height:25px;}
.linem_box p:first-child {padding-top:0;}
.linem_box p strong {color:#274081;}
.img_btn_area {padding-top:20px; text-align:right;}
.img_btn_area span {display:inline-block; margin-left:10px; vertical-align:top;}
.img_btn_area span a {display:block; width:260px; height:45px; line-height:45px; text-align:right; color:#fff; font-weight:700; position:relative; box-sizing:border-box; text-align:center; padding-left:45px;}
.img_btn_area span:nth-child(1) a {background:#4075bd;}
.img_btn_area span:nth-child(2) a {background:#274081;}
.img_btn_area span:nth-child(3) a {background:#128484;}
.img_btn_area span a em {display:inline-block; width:45px; height:45px; position:absolute; left:0; top:0; text-indent:-9999px; background:url(../../gwanakgu/images/sub/downbg.png) no-repeat center; border-right:1px solid #5c8ac7;}
.img_btn_area span:nth-child(2) a em {border-right:1px solid #475c94;}
.img_btn_area span:nth-child(3) a em {border-right:1px solid #169898;}
.basic_table {padding-top:20px;}
.basic_table table {border-top:2px solid #274081;}
.basic_table table tr {border-bottom:1px solid #d7d7d7;}
.basic_table table thead tr th {padding:20px 0; background:#f9f9f9; color:#222; border-right:1px solid #d7d7d7;}
.no_rline {border-right:0 !important;}
.basic_table table tbody tr td {padding:15px 0; border-right:1px solid #d7d7d7; color:#787878;}
.basic_table table tbody tr td.line_height {line-height:30px;}
.c_text {padding-top:60px; font-size:18px; color:#222; text-align:center;}
.c_text span {color:#274081; font-weight:700;}



/** 내정보관리 **/
.radio span {position:relative;}
.radio span input[type="radio"] {opacity:0; width:21px;height:21px;}
.radio span label {color:#787878; font-size:17px; vertical-align:middle;} 
.radio span label::after{content:''; display:block;position:absolute;top:-2px;left:0px; width:21px;height:21px; background:url(../../gwanakgu/images/sub/unchek_bg.png) no-repeat;  background-size:21px; border:0;}
.radio span input:checked + label::after { background:url(../../gwanakgu/images/sub/onchek_bg.png) no-repeat;; background-size:21px; border:0;}
.radio span.disabled label::after {opacity:0.5;}
.hisco_table.login .type04 td .radio span {margin-right:15px;}
.hisco_table.login .type04 td .radio label {margin-left:15px;}












/** 시설안내 **/
.explanation {width:100%; border:1px solid #e1e1e1;}
.explanation ul:after {clear:both; content:''; display:block;}
.explanation > ul > li.helf {float:left; width:50%; height:345px; position:relative;}
#visual {width:100%; height:345px; overflow:hidden; position:relative;}
.slides li {position:relative; height:345px; text-align:center; overflow:hidden;}
.slides.height li {position:relative; height:257px; text-align:center; overflow:hidden;}/*2018-12-14 추가*/
.slides li img {width:100%; height:100%;}
.slider .flex-control-paging {display: none;}
.slider .flex-pauseplay{display: none;}
.slider .flex-direction-nav{position: absolute;width:100%;top: 50%;height: 50px; margin-top:-25px;}
#visual .slider .flex-direction-nav li {width:100%;}
.slider .flex-direction-nav a.flex-next{background:rgba(0,0,0,0.3) url(../../gwanakgu/images/sub/slide_next.png) no-repeat center;display: block;position: absolute;height: 51px;right:0px; width:55px; background-size:21px;}
.slider .flex-direction-nav a.flex-prev{background:rgba(0,0,0,0.3) url(../../gwanakgu/images/sub/slide_prev.png) no-repeat center;display: block;position: absolute;height: 51px;width:55px; left:0px;background-size:21px;}
#visual .slider02{display: none;}
#visual .slider03{display: none;}
#visual .slider04{display: none;}
#visual .slider05{display: none;}
.floor_tab {position:absolute; bottom:0; z-index:9; width:100%; height:65px; background:rgba(0,0,0,0.7); padding:10px 0; box-sizing:border-box; text-align:center;}
.floor_tab ul:after {clear:both; content:''; display:block;}
.floor_tab ul {display:inline-block;}
.floor_tab ul li {float:left;}
.floor_tab ul li a {display:block; height:45px; line-height:45px; width:45px; font-size:17px; color:#fff;}
.floor_tab ul li.on a {background:#229657; border-radius:100%;}
.explanation > ul > li.helf.text dl {padding:40px;}
.explanation > ul > li.helf.text dl dt {font-size:28px; font-weight:700; color:#222; line-height:28px; padding-bottom:25px;}
.explanation > ul > li.helf.text dl .mt {color:#808080; padding-bottom:30px; line-height:25px;}
.explanation > ul > li.helf.text dl .st {font-weight:700;}
.explanation > ul > li.helf.text .down_text {position:absolute; padding-left:25px; height:65px; line-height:65px; width:100%; background:#f6f6f6; bottom:0; border-top:1px solid #e1e1e1;box-sizing:border-box; text-align:left;}
.explanation > ul > li.helf.text .down_text span {display:inline-block; padding:0 15px; position:relative;}
.explanation > ul > li.helf.text .down_text span:first-child:after {width:2px; height:14px; background:#d8d8d8; content:''; display:block; position:absolute; right:0; top:50%; margin-top:-7px;}
.explanation > ul > li.helf.text .down_text.one span:first-child:after {display:none;}
.explanation > ul > li.helf.text .down_text span em {color:#808080; display:inline-block; padding-left:25px;}
.explanation > ul > li.helf.text .down_text span:first-child em {background:url(../../gwanakgu/images/sub/downtxtbg01.png) no-repeat left center;}
.explanation > ul > li.helf.text .down_text span:last-child em {background:url(../../gwanakgu/images/sub/downtxtbg02.png) no-repeat left center;}
.explanation > ul > li.helf.text .down_text span:nth-child(1) em {background:url(../../gwanakgu/images/sub/downtxtbg01.png) no-repeat left center;}
.explanation > ul > li.helf.text .down_text.phn span em {background:url(../../gwanakgu/images/sub/downtxtbg02.png) no-repeat left center;}
.explanation > ul > li.helf.text .down_text.phn span:after {display:none;}
.explanation > ul > li.helf.text .down_text.phn {height:85px; line-height:30px; padding:13px 0 0 25px; box-sizing:border-box;}
.explanation > ul > li.helf.text .down_text.two span:first-child em {background:url(../../gwanakgu/images/sub/downtxtbg02.png) no-repeat left center;}
.explanation > ul > li.helf.text .down_text.two span:first-child:after {display:none;}



/** 이용안내 **/
.small_title {font-size:28px; font-weight:700; color:#222; padding-top:20px;}
.m_table table tbody tr td .red {color:#ff5c6c;}
.etc_txt .red span {color:#ff5c6c;}
.etc_txt p {color:#878787;}
.download_box {padding:15px; background:#f9f9f9; border:1px solid #e1e1e1; margin:60px 0;}
.download_box:after {clear:both; content:''; display:block;}
.download_box .title {float:left; line-height:45px; font-size:20px; font-weight:700;}
.download_box .title span {color:#274081;}
.download_box .img_btn_area {padding-top:0; float:right;}
.tt_txt em {font-size:17px; font-weight:700;}
.linem_box .red {color:#ff5c6c;}
.small_title.pdt {padding-top:60px;}


/** 이용안내_환급반변경안내 **/
.linem_box dl {padding-top:30px;}
.linem_box dl:nth-child(1) {padding-top:0;}
.linem_box dl dt.red {color:#ff5c6c; font-weight:700;}
.linem_box dl dt {font-weight:700; padding-bottom:5px;}
.linem_box dl dd {color:#656565; padding-top:10px; line-height:23px;}
.download_box.margin {margin:30px 0;}
.basic_box {padding:40px 30px; border:1px solid #e1e1e1;}
.basic_box p {color:#656565; padding-top:10px;}
.basic_box p:first-child {padding-top:0;}


/** 이용안내_대관안내 **/
.linem_box.sce p {padding-top:5px;}
.linem_box.sce .in_pdt {padding-top:20px;}
.pdt30 {padding-top:30px;}
.w_table table {border-top:2px solid #274081;}
.w_table table tbody tr {border-bottom:1px solid #e1e1e1;}
.w_table table tbody tr th {padding:20px 25px; background:#fbfbfb; border-right:1px solid #e1e1e1;}
.w_table table tbody tr td {padding:20px 25px;}
.w_table.left table tbody tr th  {text-align:left;}
.w_table.left table tbody tr td  {text-align:left; color:#656565;}
.w_table.left table tbody tr td p {line-height:28px;}
.w_table.left table tbody tr td p:first-child {padding-top:0;}
.w_table table tbody tr .left {text-align:left;}
.linem_box.sce .in_pdt.black {font-weight:700; color:#222;}


/** 관악구유아스포츠단모집대상 **/
.text_box.mg0 {margin-top:0;}
.text_box .p_color {color:#229657; font-weight:700;}
.text_box .p_color02 {color:#273e82; font-weight:700;}
.pdt60 {padding-top:60px;}
.btn_wrap02 {padding-top:40px;}
.btn_wrap02.right {text-align:right;}
.btn_wrap02.right span {width:215px; display:inline-block;}
.naver_btn {display:block; width:215px; height:45px; line-height:45px; font-size:17px; color:#fff; font-weight:700; padding:0 20px; box-sizing:border-box; background:#42ad3d url(../../gwanakgu/images/sub/naverbg.png) no-repeat 20px center;}


/** 관악구유아스포츠단연간교육행사 **/
.w_table table tbody tr td.line_r {border-right:1px solid #e1e1e1;}
.w_table table tbody tr td.line_height {line-height:25px;}



/** 관악구프로그램안내 **/
.con_tab.eight ul li {width:12.5%;}
.con_tab.eight ul li a {margin-left:-1px;}
.con_tab.eight ul li a.on  {margin-right:1px;}
.tt_txt {position:relative;}
.tt_txt .in_tab {position:absolute; right:0; bottom:10px;}
.tt_txt .in_tab ul:after {clear:both; content:''; display:block;}
.tt_txt .in_tab ul {border:1px solid #e1e1e1;}
.tt_txt .in_tab ul li {float:left;}
.tt_txt .in_tab ul li a {display:block; width:85px; height:35px; line-height:35px; text-align:center; font-size:17px; color:#888; background:#fbfbfb; border-left:1px solid #e1e1e1;}
.tt_txt .in_tab ul li:first-child a {border-left:0;}
.tt_txt .in_tab ul li.on a {color:#fff; background:#274081;}
.part02, .part03, .part04, .part05, .part06, .part07, .part08, .part09 {display:none;}
.bcon_tab {padding-bottom:50px;}
.bcon_tab ul:after {clear:both; content:''; display:block;}
.bcon_tab ul li {width:25%; float:left; margin-top:-1px;}
.bcon_tab ul li a {display:block; height:50px; line-height:50px; text-align:center; font-size:17px; color:#6e6e6e; border:1px solid #e1e1e1; cursor:pointer; font-weight:700; box-sizing:border-box; margin-left:-1px;}
.bcon_tab ul li a.on {margin-right:1px; border-left:1px solid #4075bd; position:relative; z-index:1;}
.bcon_tab ul li a.on {color:#274081; font-weight:700; background:#edf0f6; border:1px solid #274081;}
.b_part02, .b_part03, .b_part04, .b_part05, .b_part06, .b_part07, .b_part08 {display:none;}



/** 관악구체육센터강사소개 **/
#masonry {position:relative; width:1230px; left:-15px;}
.wrap.no_pb {padding-bottom:40px;}
.select_box {padding:40px; background:#f9f9f9; text-align:center; margin-bottom:40px;}
.select_box ul:after {clear:both; content:''; display:block;}
.select_box > ul {display:inline-block;}
.select_box > ul > li {float:left; line-height:45px;}
.select_box ul li span {font-size:20px; color:#000;}
.select_box ul li span em {color:#274081; font-weight:700;}
.select_box ul li:nth-child(2) {width:290px; margin-left:25px;}
.select_box .selectric-items li.selected {text-align:left;}
.select_box .selectric {background:#fff;}
.teacher_area ul:after {clear:both; content:''; display:block;}
.teacher_area ul li {float:left; width:50% !important; box-sizing:border-box; margin-top:0px; padding:0 15px;}
.teacher_area ul li .teacher_box {border:1px solid #e1e1e1; border-top:2px solid #274081; box-sizing:border-box;}
.teacher_box .in_picture {padding:30px; display:table; width:100%; box-sizing:border-box;}
.teacher_box .in_picture .picture {display:table-cell; width:168px; vertical-align:top; height:204px;}
.teacher_box .in_picture .picture img {width:100%; height:100%;}
.teacher_box .in_picture .name_box {display:table-cell;}
.teacher_box .in_picture .name_box dl {padding-left:30px; padding-top:10px;}
.teacher_box .in_picture .name_box dl dt {font-size:20px; font-weight:700; padding-bottom:15px; border-bottom:1px solid #e1e1e1; margin-bottom:15px;}
.teacher_box .in_picture .name_box dl dd {color:#787878; padding-top:7px; letter-spacing:-0.5px;}
.teacher_box .in_picture .name_box dl dd:nth-child(2) {padding-top:0;}
.teacher_area .time_table table {border-top:1px solid #e1e1e1;}
.teacher_area .time_table tr {border-bottom:1px solid #e1e1e1;}
.teacher_area .time_table tbody tr:last-child {border-bottom:0;}
.teacher_area .time_table tr th {background:#fbfbfb; padding:15px 0; font-weight:700; border-left:1px solid #e1e1e1;}
.teacher_area .time_table tr th:first-child {border-left:0;}
.teacher_area .time_table tr td {padding:15px; border-left:1px solid #e1e1e1;}
.teacher_area .time_table tr td:first-child {border-left:0;}



/** 헬로우버스이용방법 **/
.qr_box {background:#f9f9f9; border:1px solid #e1e1e1; padding:40px 30px; position:relative; margin-bottom:60px;}
.qr_box p {padding-top:15px; color:#656565; line-height:25px;}
.qr_box p:first-child {padding-top:0;}
.qr_box p em {font-weight:700; color:#274081;}
.qr_box .qr_code {position:absolute; right:30px; top:50%; width:170px; height:176px; margin-top:-88px; text-align:center;}
.qr_box .qr_code dl dt {padding-bottom:15px; width:115px; height:121px; display:inline-block;}
.qr_box .qr_code dl dt img {width:100%; height:100%;}
.qr_box .qr_code dl dd {font-size:17px; color:#ff5c6c; font-weight:700; line-height:23px;}
.guide ul:after {clear:both; content:''; display:block;}
.guide ul li {float:left; width:20%;}
.guide ul li dl {text-align:center;}
.guide ul li dl dd .st {font-size:24px; font-weight:700; color:#229657; padding-bottom:15px;}
.guide ul li dl dd .mt {color:#656565; line-height:23px;}
.guide ul li dl dd .mt span {color:#274081; font-weight:700;}



/** 셔틀위치알림 **/
.notification ul:after {clear:both; content:''; display:block;}
.notification > ul > li {float:left; height:735px; box-sizing:border-box;}
.notification ul li:first-child {width:935px;}
.notification > ul > li:last-child {width:465px; padding:20px 0px 0;}
.notification .up_text dl dt {font-size:33px; padding-bottom:20px;}
.notification .up_text dl dt span {color:#274081; font-weight:700;}
.notification .up_text dl dd {font-size:17px; color:#888; line-height:26px;}
.notification .img_btn_area.left {padding:40px 0 40px; text-align:left;}
.notification .img_btn_area.left span {margin-left:0;}
.notification .below_text dl {padding-top:40px;}
.notification .below_text dl dt {font-size:20px; font-weight:700; padding-bottom:20px;}
.notification .below_text dl dd {padding-left:15px; background:url(../../gwanakgu/images/sub/textbg01.png) no-repeat left 8px; margin-top:5px; color:#656565; line-height:23px;}
.notification .below_text dl dd:nth-child(2) {margin-top:0;}
.notification .below_text dl dd.open {background:none; padding-top:40px; margin-top:0; padding-left:0; color:#ff5c6c; font-weight:700;}
.notification .below_text dl dd a {display:inline-block; color:#274081; font-weight:700;}
#notification_area {width: 100%; position: relative; padding:0 13px 0; box-sizing:border-box; overflow: hidden; }
#notification_area .slides li {position:relative; height:735px;}
#notification_area .slides li img {width:inherit; height:inherit;}
#notification_area .flex-control-paging {display: none;}
#notification_area .flex-pauseplay{display: none;}
#notification_area .flex-direction-nav{position: absolute;width:100%;top: 50%;height:44px; margin-top:-22px;}
#notification_area .flex-direction-nav a.flex-next{background:url(../../gwanakgu/images/sub/slide_next02.png) no-repeat center;display: block;position: absolute;height: 44px;right:13px; width:45px; background-size:45px;}
#notification_area .flex-direction-nav a.flex-prev{background:url(../../gwanakgu/images/sub/slide_prev02.png) no-repeat center;display: block;position: absolute;height: 44px;width:45px; left:-13px;background-size:45px;}



/** 셔틀버스노선 **/
.bus02, .bus03, .bus04 {display:none;}
.line_area .line_box {border:1px solid #e1e1e1;}
.line_area .line_box:after {clear:both; content:''; display:block;}
.line_area .line_box .line {float:left;}
.line_area .line_box .line.choice {width:985px; border-right:1px solid #e1e1e1; box-sizing:border-box;}
.line_area .line_box .line.choice ul:after {clear:both; content:''; display:block;}
.line_area .line_box .line.choice ul li {float:left; width:20%; padding-top:14px;}
.line_area .line_box .line.choice ul li a {display:block;}
.line_area .line_box .line.choice ul li a dl {text-align:center;}
.line_area .line_box .line.choice ul li a dl dt {font-size:17px; color:#000; font-weight:700; padding-bottom:8px;}
.line_area .line_box .line.choice ul li a dl dd.line_bg {height:36px; padding:6.5px 0; position:relative; box-sizing:border-box; background:url(../../gwanakgu/images/sub/line_bg.gif) repeat-x;}
.line_area .line_box .line.choice ul li a dl dd.line_bg:after {content:''; display:block; width:12px; height:19px; position:absolute; right:5px; background:url(../../gwanakgu/images/sub/line_arrowbg.png) no-repeat; top:8.5px;}
.line_area .line_box .line.choice ul li a dl dd.line_bg.none_bg:after {display:none;}
.line_area .line_box .line.choice ul li.start a dl dd.line_bg {border-radius:30px 0 0 30px; padding:3px 0 5px;}
.line_area .line_box .line.choice ul li.arrival a dl dd.line_bg {border-radius:0 30px 30px 0; padding:3px 0 5px;}
.line_area .line_box .line.choice ul li.circuit a dl dd.line_bg:before {content:''; display:block; width:12px; height:19px; position:absolute; left:15px; background:url(../../gwanakgu/images/sub/line_arrowbg.png) no-repeat; top:8.5px;}
.line_area .line_box .line.choice ul li a dl dd.line_text {padding-top:7px; font-size:17px; font-weight:700; color:#666; line-height:23px; height:53px; box-sizing:border-box;}
.line_area .line_box .line.choice ul li.start a dl dd.line_text {color:#274081;}
.line_area .line_box .line.choice ul li.arrival a dl dd.line_text {color:#274081;}
.line_area .line_box .line.pic {width:413px;}
.line_area .line_box .line ul {padding:18px 30px 30px;}
.line_area .line_box .line.pic .line_picture {display:none; width:413px; height:568px;}
.line_area .line_box .line.pic.five .line_picture {display:none; width:413px; height:631px;}
.line_area .line_box .line.pic .line_picture img {width:100%;}
.line_area .line_box .line.pic .line_picture.on {display:block;}
.loot {padding:20px 30px;}
.loot p {padding-left:30px;}
.loot p.mt {color:#274081; font-size:21px;  font-weight:700; background:url(../../gwanakgu/images/sub/subjectbg.png) no-repeat left center; padding:10px 0 10px 30px;}
.loot p.st {font-size:18px;}


/** 신림체육센터프로그램안내 **/
.mgb {margin-bottom:40px;}



/** 주차제소개 **/
.explanation.parking > ul > li.helf {height:257px;}
.explanation.parking > ul > li #visual {height:257px;}
.explanation.parking > ul > li.helf dl .mt {line-height:25px;}
.explanation.parking > ul > li.helf.text .down_text.left {text-align:left;}
.explanation.parking > ul > li.helf.text .down_text.left span {padding-left:50px;}
.explanation.parking > ul > li.helf.text .down_text.left span:after {display:none;}
.bule {color:#274081;}



/** 주차시설_방문주차 **/
.btn_wrap.two span {width:195px;}




/** 주차제소개 **/
.explanation.parking02 > ul > li.helf {height:220px;}
.explanation.parking02 > ul > li #visual {height:220px;}
.explanation.parking02 > ul > li #visual .slides li {height:220px;}
.explanation.parking02 > ul > li.helf.text dl dd {color:#808080; padding-bottom:10px;}
.explanation.parking02 > ul > li.helf.text dl dd:last-child {padding-bottom:0;}



/** 주차시설_공영주차장요금안내 **/
.linem_box .red_text {padding-top:30px; font-weight:700; color:#ff5c6c;}
.linem_box dl.high {padding-top:15px;}
.tt_txt .mt {font-size:17px; color:#666; padding-top:5px;}
.tt_txt .st {font-size:15px; font-weight:700; color:#656565; position:absolute; right:0; bottom:5px;}


/** 주차시설_주차장공유사업제도01 **/
.step_box {border-top: 2px solid #274081;}
.step_box ul:after {clear:both; content:''; display:block;}
.step_box ul li {float:left; width:25%; border-right:1px solid #e1e1e1; box-sizing:border-box;}
.step_box ul li:last-child {border-right:0;}
.step_box ul li dl {text-align:center;}
.step_box ul li dl dt {padding:30px 15px; height:184px; box-sizing:border-box; border-bottom:1px solid #e1e1e1;}
.step_box ul li dl dt .txt01 {color:#229657; font-size:24px; font-weight:700; padding-bottom:10px;}
.step_box ul li dl dt .txt02 {font-weight:700; padding-bottom:20px;}
.step_box ul li dl dt .txt03 {color:#656565; line-height:25px;}
.step_box ul li dl dd {padding:20px 15px; background:#fbfbfb; border-bottom:1px solid #e1e1e1;}



/** 주차시설_주차장공유사업제도03 **/
.icon_box {border: 1px solid #e1e1e1; border-top: 2px solid #274081;}
.icon_box dl {padding:30px; display:table; width:100%;}
.icon_box dl dt {display:table-cell; vertical-align:middle; width:138px;}
.icon_box dl dd {display:table-cell; vertical-align:middle; padding-left:30px;}
.icon_box dl dd .mt {font-size:20px; font-weight:700; padding-bottom:10px;}
.icon_box dl dd .st {color:#656565; line-height:24px;}
.basic_table table tbody tr td.line_height02 {line-height:24px;}
.sequence_box {margin-top:20px; border-top: 2px solid #274081;}
.sequence_box dl {display:table; width:100%; text-align:center;}
.sequence_box .sequence {border-bottom:1px solid #e1e1e1;}
.sequence_box dl dt {display:table-cell; vertical-align:middle; width:220px; padding:50px 0; background:#f9f9f9; border-right:1px solid #e1e1e1;}
.sequence_box dl dt .text {font-weight:700;}
.sequence_box dl dd {display:table-cell; vertical-align:middle; padding:0px 30px;}
.sequence_box dl dd ul:after {clear:both; content:''; display:block;}
.sequence_box dl dd ul li {float:left; width:20%;}
.sequence_box dl dd ul li .h_icon {padding-bottom:20px;}
.sequence_box dl dd ul li .d_text {color:#5e5e5e;}
.sequence_box02 {border:1px solid #e1e1e1; border-top: 2px solid #274081;}
.sequence_box02 ul:after {clear:both; content:''; display:block;}
.sequence_box02 ul {text-align:center;}
.sequence_box02 ul li {float:left; width:50%; display:inline-block; box-sizing:border-box;}
.sequence_box02 ul li:first-child {border-right:1px solid #e1e1e1;}
.sequence_box02 ul li dl {display:table; text-align:center; width:100%; padding:35px 0 35px 120px;}
.sequence_box02 ul li dl dt {display:table-cell; vertical-align:middle; width:62px;}
.sequence_box02 ul li dl dd {display:table-cell; vertical-align:middle; padding-left:20px; text-align:left;}
.sequence_box02 ul li dl dd .mt {font-weight:700; padding-bottom:10px;}
.sequence_box02 ul li dl dd .st {color:#656565;}



/** 도림천소개 **/
.dorim_pic ul:after {clear:both; content:''; display:block;}
.dorim_pic ul li {width:25%; float:left; margin-right:0;}
.dorim_pic ul li:last-child {margin-right:0;}
.dorim_pic ul li dl {text-align:center;}
.dorim_pic ul li dl dt {padding-bottom:20px;}
.dorim_pic ul li dl dd {font-weight:700; line-height:24px;}



/** 테마놀이터 **/
.bcon_tab.two ul li {width:50%;}
.text_box02 {padding:30px; background:#f9f9f9; border:1px solid #ececec;}
.text_box02 dl dt {font-size:17px; font-weight:700; padding-bottom:15px;}
.text_box02 dl dd {color:#787878; line-height:30px;}
.w_table.pdt {padding-top:60px;}
.pic_box {padding-top:60px;}
.pic_box ul:after {clear:both; content:''; display:block;}
.pic_box ul li {width:25%; float:left; margin-right:0;}
.pic_box ul li:last-child {margin-right:0;}



/** 구청청사주차장 **/
.explanation.parking > ul > li.helf dl.space .mt {line-height:20px; letter-spacing:-0.5px; padding-bottom:5px;}
.explanation.parking > ul > li.helf dl.space .mt:last-child {padding-bottom:0;}



/** 주차장현황 **/
.free_text {font-size:17px; color:#6e6e6e;}
.map_box {text-align:center; background:url(../../gwanakgu/images/sub/mapbg.png) no-repeat left bottom;}
img[usemap] {border: none;height: auto;max-width: 100%;width: auto; margin-top:40px;}

.kntool_popup_layerpopup img[usemap]{margin-top:0;}

/** 구획선신설신청 **/
.application ul li {border-bottom:1px solid #d7d7d7; border-top:1px solid #fff; position:relative;}
.application ul li a {display:block; padding:40px 30px; position:relative;}
.application ul li:after {content:''; display:block; height:100%; width:52px; height:52px; background:url(../../gwanakgu/images/sub/mawrite_listbg.png) no-repeat; position:absolute; right:30px; top:50%; margin-top:-26px; cursor:pointer;}
.application ul li:hover:after {content:''; display:block; height:100%; width:52px; height:52px; background:url(../../gwanakgu/images/sub/mawrite_listbg02.png) no-repeat; position:absolute; right:30px; top:50%; margin-top:-26px; cursor:pointer; transition: all .5s; -webkit-transition: all .5s;}
.application ul li:first-child {border-top:1px solid #d7d7d7;}
.application ul li.on {border-top:1px solid #222; border-bottom:1px solid #222;}
.application ul li:hover {border-top:1px solid #222; border-bottom:1px solid #222; transition: all .5s; -webkit-transition: all .5s;}
.application ul li:focus {border-top:1px solid #222; border-bottom:1px solid #222;}
.application ul li a dl dt {font-size:20px; font-weight:700; margin-bottom:20px; padding-right:90px; display:inline-block; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width:90%; box-sizing:border-box;}
.application ul li a dl dt span {color:#229657; margin-right:10px;}
.application ul li a dl dt .lock {position:absolute; width:18px; right:75px;}
.application ul li a dl dt .lock img {padding-left:10px;}
.application ul li dl dd .state span {color:#808080; display:inline-block; padding:0 10px; position:relative;}
.application ul li dl dd .state span:first-child {padding-left:0;}
.application ul li dl dd .state span:after {content:''; display:block; width:1px; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background:#cccccc;}
.application ul li dl dd .state span:last-child:after {display:none;}
.application ul li dl dd .state span em {color:#111; padding-left:5px;}
.application ul li dl dd .state span i {display:inline-block; width:112px; height:36px; line-height:36px; text-align:center; margin-left:15px;}
.application ul li dl dd .state span i.type01 {border:2px solid #888; color:#888;}
.application ul li dl dd .state span i.type02 {border:2px solid #222222; color:#222222;}
.application ul li dl dd .state span i.type03 {border:2px solid #ee745f; color:#ee745f;}
.application ul li dl dd .state span i.type04 {border:2px solid #274081; color:#274081;}



/** 자주하는질문 **/
.con_tab.six ul li {width:16.66%; border:1px solid #e1e1e1; box-sizing:border-box; margin-top:-1px; margin-left:-1px;}
.con_tab.six ul li a {border:0;}
.con_tab.six ul li a.on {border: 1px solid #274081;}
.faq_con {border-top:2px solid #3c538d;}
.faq_con ul li .tt:after {content: '';width:25px;position: absolute;height: 13px;right: 15px;top:50%; margin-top:-6px; background: url(../../gwanakgu/images/sub/faqbg03.png) no-repeat;background-size: 25px;}
.faq_con ul li.target .tt:after {content: '';width:25px;position: absolute;height: 25px;right: 15px;top:50%; margin-top:-6px;background: url(../../gwanakgu/images/sub/faqbg02.png) no-repeat;background-size: 25px;}
.faq_con ul li {position:relative; border-bottom:1px solid #e1e1e1; cursor:pointer;}
.faq_con ul li .tt {padding:35px 55px 35px 15px; font-size:17px; color:#656565; line-height:20px; display:table; background:url(../../gwanakgu/images/sub/faqbg04.png) no-repeat 15px center; position:relative; width:100%; box-sizing:border-box;}
.faq_con ul li.target .tt {background:url(../../gwanakgu/images/sub/faqbg01.png) no-repeat 15px center;}
.faq_con ul li .tt span {padding-left:100px; display:inline-block; display:table-cell; vertical-align:middle;}
.faq_con ul li .tt img {width:36px; display:table-cell;}
.faq_con ul li .st {padding:35px 15px 35px; display:none; background:#f8f8f8 url(../../gwanakgu/images/sub/faqbg05.png) no-repeat 15px center; background-size:52px; border-top:1px solid #e1e1e1;}
.faq_con ul li .st span {margin-left:100px; display:inline-block; font-size:17px; color:#707070; line-height:20px;}
.faq_con ul li .st img {vertical-align:middle; position:absolute; width:36px;}



/** 클린신고센터 **/
.sj_text {text-align:center; padding-bottom:30px;}
.sj_text dt {font-size:28px; font-weight:700; padding-bottom:20px;}
.sj_text dt span {color:#274081;}
.sj_text dd {font-size:17px; line-height:26px; color:#656565;}
.grey_box {background:#f9f9f9; padding:25px 30px; text-align:center;}
.grey_box span {display:inline-block; color:#878787;  background:url(../../gwanakgu/images/sub/grey_boxbg.png) no-repeat left center; padding:5px 0px 5px 30px;}
.grey_box span strong {color:#222; font-weight:700;}
.grey_box span strong em {color:#229657;}
.report {padding-top:60px;}
.report ul:after {display:block; content:''; clear:both;}
.report ul li {width:390px; float:left; box-sizing:border-box; border:1px solid #e1e1e1; margin-right:15px;}
.report ul li:last-child {margin-right:0;}
.report ul li a {display:block;}
.report ul li dl {text-align:center;}
.report ul li dl dt {padding:50px 0px; margin:0 30px; border-bottom:1px dotted #e1e1e1;}
.report ul li dl dd {padding:30px 0;}
.report ul li dl dd {display:block; font-size:22px; font-weight:700; position:relative;}
.report ul li dl dd span:after {content:''; display:block; width:41px; height:41px; background:url(../../gwanakgu/images/sub/report04.png) no-repeat; position:absolute; right:30px; top:50%; margin-top:-20.5px;}
.report ul li dl dd span {color:#274081;}



/** 고객민원상담리스트 **/
.basic_box.no_pdb {padding-bottom:0;}
.inbtn_area {margin-top:40px;}
.inbtn_area dl {display:table; padding:20px 0; border-top:1px dotted #e1e1e1; width:100%;}
.inbtn_area dl dt {display:table-cell; vertical-align:middle; font-size:18px; font-weight:700;}
.inbtn_area dl dt span {color:#274081;}
.inbtn_area dl dd {display:table-cell; vertical-align:middle; text-align:right;}
.inbtn_area dl dd span {display:inline-block; width:190px; margin-left:10px;}
.inbtn_area dl dd span a {display:block; width:100%; height:55px; line-height:55px; font-weight:700; text-align:center; box-sizing:border-box;}
.inbtn_area dl dd span a.basic_btn01 {border:2px solid #222;}
.inbtn_area dl dd span a.basic_btn02 {border:2px solid #274081;}
.mgt50 {margin-top:50px;}
.mawrite_list ul li dl dd {display:table-cell;}
.mawrite_list ul li dl dd .subject {font-size:20px; font-weight:700; padding-right:90px; display:inline-block; position:relative; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
 box-sizing:border-box; height:22px; margin-bottom:15px;}
.mawrite_list ul li dl dd .subject .lock {position:absolute; width:18px; right:75px; top:0;}
.mawrite_list ul li dl dd .subject .lock img {padding-left:10px;}
.mawrite_list ul li dl dd .state span em {padding-left:5px;}



/** 고객민원상담상세 **/
.view_tt {font-size:20px; font-weight:700; padding-bottom:30px;}
.view_tt.pdt {padding-top:60px;}
.view_tt span {display:inline-block; padding:0 15px; height:35px; line-height:35px; font-size:17px; font-weight:700; color:#229657; border:1px solid #229657; margin-right:15px;}
.view_tt em {font-size:20px; font-weight:700; color:#229657;}
.view_box {border-top:1px solid #222;}
.view_box .view_head {padding:30px; background:#f9f9f9; border-bottom:1px solid #e1e1e1; color:#808080; font-size:17px;}
.view_box .view_head span {display:inline-block; padding:0 15px; position:relative;}
.view_box .view_head span:after {content:''; display:block; width:1px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; background:#e1e1e1;}
.view_box .view_head span:nth-child(2):after {background:0;}
.view_box .view_head span:first-child {padding-left:0;}
.view_box .view_head em {display:inline-block; float:right;}
.view_box .view_con {padding:40px 30px; font-size:17px; color:#656565; line-height:35px; border-bottom:1px solid #e1e1e1;}
.view_box .view_file {padding:20px 30px; border-bottom:1px solid #e1e1e1;}
.view_box .view_file dl {display:table; width:100%;}
.view_box .view_file dl dt {display:table-cell; width:100px; font-size:17px; color:#656565; vertical-align:middle;}
.view_box .view_file dl dd {display:table-cell; vertical-align:middle;}
.view_box .view_file dl dd span {display:inline-block; margin-right:10px;}
.view_box .view_file dl dd span a {display:block; padding:0 15px; height:45px; text-align:center; line-height:45px; color:#656565; border:1px solid #e1e1e1;}


/** 고객민원상담등록 **/
.hisco_table .type04 td textarea {width:100%; border:1px solid #e1e1e1; box-shadow:none; background:#f9f9f9; height:215px; padding:15px; box-sizing:border-box; color:#5e5e5e;}
.hisco_table.login .type04 td input.full {width:100%;}



/** 공영주차장이용안내 **/
.m_table table tbody tr.down_map td {padding:30px; background:#fbfbfb;}
.down_map {display:none;}
.down_map td {height:495px;}
.map_btn {display:block; height:40px; width:100%; border:2px solid #229657; font-weight:700; color:#229657; line-height:40px; box-sizing:border-box; position:relative; font-size:15px; text-align: center; }
.map_btn:before {content:''; display:block; background:url(../../gwanakgu/images/sub/makerbg.png) no-repeat; position:absolute; width:12px; height:15px; left:8px; top:50%; margin-top:-7.5px;}
.map_btn:after {content:''; display:block; background:url(../../gwanakgu/images/sub/makerbg02.png) no-repeat; position:absolute; width:15px; height:9px; right:8px; top:50%; margin-top:-4.5px;}
.line_height {line-height:23px;}
.first_btn {display:inline-block;}
.first_btn a {display:inline-block; height:28px; line-height:28px; padding:0 20px; text-align:center; color:#fff; background:#888; border-radius:5px; margin-left:10px; vertical-align:middle;}
.mgb {margin-bottom:40px;}
.linem_box p.green {color:#229657; font-weight:700;}


/** 고객의소리_고객제안 **/
.detail_box .detail_area {padding:30px; background:#f9f9f9; border:1px solid #e1e1e1; position:relative;}
.detail_box dl {padding-top:5px; display:table;}
.detail_box dl:first-child {padding-top:0;}
.detail_box dl dt {display:table-cell; vertical-align:middle; width:75px; height:30px; line-height:30px; color:#fff; text-align:center; font-weight:700;}
.detail_box dl dt p {background:#3a3a3a;}
.detail_box dl dd {display:table-cell; vertical-align:middle; padding-left:20px; color:#787878;}
.detail_box .detail_btn {width:190px; height:55px; position:absolute; right:30px; top:50%; margin-top:-27.5px;}
.detail_box .detail_btn a {display:block; width:100%; height:55px; line-height:55px; border:2px solid #222; text-align:center; font-size:17px; font-weight:700; transition: all .5s; -webkit-transition: all .5s; color:#222;}
.detail_box .detail_btn a:hover {background:#222; color:#fff;}
.detail_box .detail_down {padding:30px; border:1px solid #e1e1e1; border-top:0; line-height:23px;}



/** 주병관광안내 **/
.health_img {padding-bottom:60px;}
.health_img > img	{ display: block; margin: 0 auto; }
.nearby_area ul:after {clear:both; content:''; display:block;}
.nearby_area ul li {width:50%; float:left; box-sizing:border-box; margin-top:30px;}
.nearby_area ul li:nth-child(odd) {padding-right:15px;}
.nearby_area ul li:nth-child(even) {padding-left:15px;}
.nearby_area ul li:nth-child(1), .nearby_area ul li:nth-child(2) {margin-top:0;}
.nearby_area ul li .nearby_box {border:1px solid #e1e1e1; padding:10px; height:420px; box-sizing:border-box;}
.nearby_area ul li .nearby_box .nearby_img {width:565px; height:210px;}
.nearby_area ul li .nearby_box .nearby_img img {width:100%; height:100%;}
.nearby_area ul li .nearby_box dl {padding:30px 10px;}
.nearby_area ul li .nearby_box dl dt {font-size:17px; font-weight:700; padding-bottom:20px;}
.nearby_area ul li .nearby_box dl dt span {color:#274081;}
.nearby_area ul li .nearby_box dl dd {color:#656565; line-height:24px;}



/** 도보건강코스 **/
.walking_box ul:after {clear:both; content:''; display:block;}
.walking_box ul li {float:left; width:33.3%; margin-top:30px;}
.walking_box ul li:nth-child(1), .walking_box ul li:nth-child(2), .walking_box ul li:nth-child(3) {margin-top:0;}
.walking_box ul li dl {display:table; width:100%;}
.walking_box ul li dl dt {display:table-cell; width:330px; border:1px solid #e1e1e1; box-sizing:border-box; text-align:center; vertical-align:middle; padding:10px 10px 0;}
.walking_box ul li dl dt .warking_st {padding:15px 0; border-bottom:1px dotted #e1e1e1; font-size:17px; font-weight:700;}
.walking_box ul li dl dt .warking_mt {padding:15px 0; color:#656565;}
.walking_box ul li dl dd {display:table-cell; vertical-align:middle; text-align:center;}
.walking_box ul li dl dd .warking_text {padding-top:10px; color:#656565; font-size:17px;}
.walking_box ul li.last dl dd .warking_text, .walking_box ul li.last dl dd .warking_arrow {display:none;}
.map_parking {padding:30px; border:1px solid #e1e1e1; border-top:0; color:#656565;}
.map_parking strong {color:#222;}



/** 소비자중심경영 **/
.consumer_box {padding:35px 0; background:#f9f9f9;}
.consumer_box dl {display:table; width:100%;}
.consumer_box dl dt {display:table-cell; vertical-align:middle; width:185px; text-align:center; border-right:1px dotted #e1e1e1;}
.consumer_box dl dd {display:table-cell; vertical-align:middle; padding-left:50px;}
.consumer_box dl dd .st {font-size:20px; font-weight:700; padding-bottom:15px;}
.consumer_box dl dd .mt {color:#656565; line-height:28px; font-size:17px;}
.ccm_img {padding:80px 0; border:1px solid #e1e1e1; margin-top:20px;}
.ccm_img dl {text-align:center;}
.ccm_img dl dt {padding-bottom:30px; font-size:26px;}



/** 소비자중심경영02 **/
.basic_text {font-size:22px; font-weight:700; line-height:35px; text-align:center; padding-bottom:50px;}
.basic_text span {color:#274081;}
.staff_text {padding-top:40px;}
.staff_text dl {text-align:right;}
.staff_text dl dt {font-size:17px; color:#656565; padding-bottom:15px;}
.staff_text dl dd {font-size:17px; font-weight:700;}
.c_tt {display:inline-block; text-align:left; float:left; font-size:17px; line-height:26px; font-weight:700;}
.basic_text .color01 {color:#274081;}
.basic_text .color02 {color:#229657;}



/** 윤리경영01 **/
.boss_box {padding:100px; background:#fbfbfb; position:relative;}
.boss_box:after {display:block; content:''; background:url(../../gwanakgu/images/sub/ceobg_jds.png) no-repeat; position:absolute; right:0px; bottom:-50px; width:458px; height:392px; background-size:400px}
.boss_box dl dt {font-size:30px; line-height:48px; padding-bottom:30px; display:inline-block; position:relative;}
.boss_box dl dt:before {display:block; content:''; width:68px; height:51px; position:absolute; left:-38px; top:-25px; background:url(../../gwanakgu/images/sub/ceobg02.png) no-repeat;}
.boss_box dl dt:after {display:block; content:''; width:68px; height:51px; position:absolute; right:-50px; bottom:10px; background:url(../../gwanakgu/images/sub/ceobg03.png) no-repeat;}
.boss_box dl dt span {font-size:38px; font-weight:700; color:#274081;}
.boss_box dl dd {font-size:17px; line-height:26px; color:#656565;}
.boss_box dl dd.sign {padding-top:50px; font-weight:700;}
.boss_box dl dd.sign span {display:inline-block; padding-left:30px; vertical-align:middle;}
.boss_txt {padding-top:50px;}
.boss_txt p {font-size:17px; line-height:30px; color:#656565; padding-top:25px;}
.boss_txt p:first-child {padding-top:0;}
.boss_txt p .color01 {color:#274081;}
.boss_txt p .color02 {color:#229657;}


.boss_box02 {padding:100px; background:#fbfbfb; position:relative;}
.boss_box02:after {display:block; content:''; background:url(../../gwanakgu/images/sub/ceobg_jds.png) no-repeat; position:absolute; right:0px; bottom:-50px; width:458px; height:392px; background-size:400px}
.boss_box02 dl dt {font-size:30px; line-height:48px; padding-bottom:30px; display:inline-block; position:relative;}
.boss_box02 dl dt:before {display:block; content:''; width:68px; height:51px; position:absolute; left:-38px; top:-25px; background:url(../../gwanakgu/images/sub/ceobg02.png) no-repeat;}
.boss_box02 dl dt:after {display:block; content:''; width:68px; height:51px; position:absolute; right:-50px; bottom:10px; background:url(../../gwanakgu/images/sub/ceobg03.png) no-repeat;}
.boss_box02 dl dt span {font-size:38px; font-weight:700; color:#274081;}
.boss_box02 dl dd {font-size:17px; line-height:26px; color:#656565;}
.boss_box02 dl dd.sign {padding-top:50px; font-weight:700;}
.boss_box02 dl dd.sign span {display:inline-block; padding-left:30px; vertical-align:middle;}
.boss_txt01 {padding-top:50px;}
.boss_txt01 p {font-size:17px; line-height:30px; color:#656565; padding-top:25px;}
.boss_txt01 p:first-child {padding-top:0;}
.boss_txt01 p .color01 {color:#274081;}
.boss_txt01 p .color02 {color:#229657;}



/** 윤리경영03 **/
.right_txt {color:#656565; line-height:26px; text-align:right;}
.str_txt {font-size:17px; font-weight:700; line-height:28px; color:#222 !important;}
.str_txt.pdt {padding-top:30px;}
.linem_box.line dl dd {line-height:28px;}
.linem_box dl dd.pdl {padding-left:15px;}



/** 공지사항_상세 **/
.pa_text {border-top:1px solid #222; border-bottom:1px solid #222;}
.pa_text a {display:block; border-bottom:1px solid #e1e1e1;}
.pa_text a:last-child {border-bottom:0;}
.pa_text dl {padding:25px 0; display:table; width:100%;}
.pa_text dl dt {display:table-cell; vertical-align:middle; width:110px; text-align:center; border-right:1px solid #e1e1e1; font-size:17px;}
.pa_text dl dd {display:table-cell; position:relative;}
 .pa_text dl dd p {vertical-align:middle; padding-left:30px; font-size:17px; padding-right:140px; text-overflow: ellipsis; white-space: normal; word-wrap: break-word; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;
 box-sizing:border-box; height:18px;}
.pa_text dl dd span {position:absolute; right:30px; color:#656565; top:50%; margin-top:-8.5px;}



/** 채용공고_상세 **/
.view_box .view_head:after {clear:both; content:''; display:block;}
.view_box .view_head span.right {float:right; padding:0;}
.view_box .view_head span.right:after {display:none;}
.view_box .view_head span em {display:inline-block; float:none; padding:0 15px; position:relative;}
.view_box .view_head span em:after {content:''; display:block; width:1px; height:14px; position:absolute; right:0; top:50%; margin-top:-7px; background:#e1e1e1;}
.view_box .view_head span em:nth-child(2):after {display:none;}
.view_box .view_head span em:last-child {padding-right:0;}



/** 공공데이터개방 **/
.btn_wrap03 {padding-top:40px;}
.btn_wrap03.right {text-align:right;}
.btn_wrap03.right span {display:inline-block; width:325px;}
.data_btn {display:block; width:100%; height:55px; line-height:55px; font-size:17px; color:#006bc8; font-weight:700; padding:0 20px; box-sizing:border-box; background:url(../../gwanakgu/images/sub/databg.png) no-repeat 20px center; border:2px solid #006bc8;}



/** 공단홍보관 **/
.bcon_tab.even ul li {width:25%; float:left;}
.bcon_tab.odd ul li {width:14.28%; float:left;}
.board_box ul:after {clear:both; content:''; display:block;}
.board_box ul li {float:left; width:380px; margin-right:30px; margin-bottom:30px; box-sizing:border-box;}
.board_box ul li:nth-child(3), .board_box ul li:nth-child(6), .board_box ul li:nth-child(9) {margin-right:0;}
.board_box ul li a {display:block; border:1px solid #e1e1e1;}
.board_box ul li a .boardimg {text-align:center; width:380px; height:234px; overflow:hidden;}
.board_box.long ul li a .boardimg {height:469px;}
.board_box ul li a .boardimg img {width:100%;}
.board_box ul li a dl {padding:30px;}
.board_box ul li a dl dt {font-size:20px; font-weight:700; padding-bottom:15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.board_box ul li a dl dd {color:#656565;}
.paging.mt20 {margin-top:20px;}



/** 정보공개청구 **/
.bcon_tab.five ul li {width:20%;}
.bcon_tab.five ul li a {letter-spacing:-0.5px;}
.detail_btn {width:210px; height:55px; position:absolute; right:30px; top:50%; margin-top:-27.5px;}
.detail_btn a {display:block; width:100%; height:55px; line-height:55px; color:#274081; border:2px solid #274081; text-align:center; font-size:17px; font-weight:700; transition: all .5s; -webkit-transition: all .5s; box-sizing:border-box;}
.detail_btn a:hover {background:#274081; color:#fff;}
.down_btn {display:inline-block; padding:0 30px 0 80px; text-align:center; border:1px solid #e1e1e1; height:45px; line-height:45px; position:relative; margin-right:5px; margin-bottom:10px; color:#656565; font-weight:700;}
.down_btn:before {content:''; display:block; width:50px; height:45px; position:absolute; left:0; border-right:1px solid #e1e1e1; background:url(../../gwanakgu/images/sub/downbg02.png) no-repeat center; background-size:20px;}



/** 정보공개흐름도 **/
.infoimg {padding-top:20px;}
.infoimg img {width:100%; height:100%;}



/** 지원서작성 **/
.application_box {border-top:1px solid #222; border-bottom:1px solid #e1e1e1; background:#f9f9f9; padding:20px 30px; margin-bottom:20px;}
.application_box dl {display:table; width:100%;}
.application_box dl dt {display:table-cell; vertical-align:middle;}
.application_box dl dt span {color:#808080; display:inline-block; padding-right:20px; margin-right:20px; position:relative;}
.application_box dl dt span:after {width:1px; height:14px; content:''; display:block; position:absolute; right:0; top:50%; margin-top:-7px; background:#e1e1e1;}
.application_box dl dt span:last-child:after {display:none;}
.application_box dl dt span strong {color:#222;}
.application_box dl dd {display:table-cell; vertical-align:middle; text-align:right;}
.application_box dl dd a {display:inline-block; width:112px; height:36px; line-height:36px; text-align:center; color:#808080; font-weight:700; border:2px solid #808080;}
.application_box dl dd a:hover {background:#808080; color:#fff; transition: all .5s; -webkit-transition: all .5s;}
.tt_txt em.color01 {color:#656565;}
.m_table.form .chk span {margin-left:15px;}
.m_table.form .chk span:first-child {margin-left:0px;}
.m_table.form input {width:100%; border:1px solid #e1e1e1; box-shadow:none; background:#f9f9f9; height:45px; padding:0 15px; box-sizing:border-box; color:#5e5e5e;}
.w_con {border:1px solid #e1e1e1;}
.w_con.mgt {margin-top:30px;}
.w_con textarea {background:#f9f9f9; padding:15px; width:100%; box-sizing:border-box; border:0; height:190px; border-bottom:1px solid #e1e1e1;}
.w_con p {padding:20px; text-align:right; color:#656565;}
.w_con p span {color:#f9593a;}
.pdt20 {padding-top:20px;}
.pdt40 {padding-top:40px;}
.mgt40 {margin-top:40px;}
.view_box.mgt40 {border-top:1px solid #e1e1e1;}
.application_pop {display:none; padding:50px 0;}
.application_pop .app_wrap {position:relative;}
.application_pop .app_wrap .app_head {height:80px; position:relative; background:#274082; padding:30px 40px; box-sizing:border-box; font-size:24px; color:#fff;}
.application_pop .app_wrap p img {width:100%;}
.app_close {position:absolute; right:0; top:0; width:80px; height:80px; background:url(../../gwanakgu/images/main/gnb_close.png) no-repeat center; text-indent:-9999px;}
.app_close a {display:block; width:80px; height:85px;}



/** 인사말 **/
.boss_box.type {padding:145px 100px 120px;}
.boss_box.type02 {padding:145px 100px 120px;}
.boss_box.type dl dt {line-height:30px;}
.boss_box.type dl dd {font-size:30px;}
.boss_box.type dl dd.sign {font-size:17px;}
.boss_txt.type p strong {color:#222;}


/** 역대CEO 2020.09.15 추가**/
.history_m {border:solid 1px #ddd;  margin-bottom:40px; clear: both; overflow: hidden;}
.history_m .h_img { width:15%;float:left;; /*max-width: 130px;  padding:14px 0 0 17px;*/ height:100%}
.history_m .h_img img{ /*width:80%; padding:5px; border:1px solid #e1e1e1 */ width:100%}
.history_m dl { float:left; margin-top:15px; margin-left:50px}
.history_m dd{position:relative; margin-bottom: 10px; font-size: 17px; }
.history_m dt{ margin-top: 5px; font-size: 20px; font-weight:bold; margin-bottom:20px}
.history_m dt span{padding:5px 10px; color:#fff; border-radius:30px ;background: #273f81; /* Old browsers */
background: -moz-linear-gradient(left, #273f81 0%, #229657 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #273f81 0%,#229657 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #273f81 0%,#229657 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273f81', endColorstr='#229657',GradientType=1 ); /* IE6-9 */}
.history_m dd span{ float: left; width: 100px; font-size: 16px;}
.history_m dd ul{ float: left;}
.history_m li{ margin-bottom:5px;}

.history_m dd span{color:#4b4b4b;font-weight:600;padding-left:10px;position: relative;}
.history_m dd span:before{ content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: #666; }





/** 설립근거및목적 **/
.basis_box { display: flex; justify-content: center; padding-top:30px;}
.basis_box ul:after {clear:both; content:''; display:block;}
.basis_box ul li {float:left; width:540px; height:293px; box-sizing:border-box;}
.basis_box ul li img {width:100%;}
.basis_box ul li:nth-child(2) {width:120px; padding:150px 11px 0;}



/** 미션_비전_전략 **/
.vision > ul > li {margin-bottom:60px;}
.vision > ul > li:last-child {margin-bottom:0;}
.vision > ul > li dl {text-align:center;}
.vision > ul > li dl dt {font-size:35px; font-weight:700; padding-bottom:20px;}
.vision > ul > li:nth-child(1) dl dd {padding:35px 60px; border:1px solid #e1e1e1; display:inline-block; border-radius:70px; font-size:20px;}
.vision > ul > li:nth-child(1) dl dd span {font-weight:700; color:#273d82;}
.vision > ul > li:nth-child(1) dl dd em {font-weight:700; color:#229657;}
.vision > ul > li:nth-child(2) dl dd {padding:25px 60px; border:0; display:inline-block; border-radius:70px; background:linear-gradient( to right, #273e82, #229757);}
.vision > ul > li:nth-child(2) dl dd .st {font-size:20px; font-weight:700; /*padding-bottom:15px;*/ color:#fff;}
.vision > ul > li:nth-child(2) dl dd .mt {color:#fff; font-size:17px;}
.vision > ul > li:nth-child(3) dl dt {padding-bottom:40px;}

.vision > ul > li:nth-child(4) dl dd {padding:35px 60px; border:1px solid #e1e1e1; display:inline-block; border-radius:70px; font-size:20px; margin-bottom: 30px; line-height:150%}
.vision > ul > li:nth-child(4) dl dd span {font-weight:700; color:#273d82;}
.vision > ul > li:nth-child(4) dl dd em {font-weight:700; color:#229657;}
.vision > ul > li:nth-child(4) dl dd span.cred {font-weight:700; color:#ba2020;}
.vision > ul > li:nth-child(4) dl dd em.cpurple {font-weight:700; color:#960f9b;}

.vision > ul > li dl dd .strategy_icon ul:after {clear:both; content:''; display:block;}
.vision > ul > li dl dd .strategy_icon ul li {float:left; width:25%;}
.vision > ul > li dl dd .strategy_icon ul li dl dt {padding-bottom:20px; width:140px; height:140px; display:inline-block;}
.vision > ul > li dl dd .strategy_icon ul li dl dt img {width:100%;}
.vision > ul > li dl dd .strategy_icon ul li dl dd {font-weight:700;}


/** 조직안내및연락처 **/
.linem_img {text-align:center; padding:40px 0;}
.linem_img img {width:100%; max-width:1101px;}



/** 경영정책 **/
.linem_box02 {margin-top:20px; border:1px solid #e1e1e1; padding:40px 15px;}
.linem_box02 .linem_img {text-align:center;}
.linem_box02 .linem_img img {width:100%; max-width:937px;}
.linem_box03 {margin-top:20px; border:1px solid #e1e1e1; padding:40px 15px;}
.linem_box03 .linem_img {text-align:center;}
.linem_box03 .linem_img img {width:100%; max-width:865px;}
.idea {margin-top:20px; border:1px solid #e1e1e1; padding:40px 80px; position:relative;}
.idea dl {display:table; width:100%;}
.idea dl dt {display:table-cell; vertical-align:middle; width:85px;}
.idea dl dd {padding-left:35px; display:table-cell; vertical-align:middle;}
.idea dl dd .st {font-size:20px; font-weight:700; padding-bottom:15px;}
.idea dl dd .st span {color:#273e82;}
.idea dl dd .mt {color:#656565;}
.idea .idea_btn {position:absolute; top:50%; margin-top:-27.5px; right:80px;}
.idea .idea_btn a {display:block; width:196px; height:55px; text-align:center; line-height:55px; border:2px solid #273e82; color:#273e82; font-weight:700; transition: all .5s; -webkit-transition: all .5s;}
.idea .idea_btn a:hover {background:#273e82; color:#fff;}



/** 경영정책(참여예산) **/
.boss_box.type02 {overflow:hidden;}
.boss_box.type02 dl .small_text {font-size:17px; line-height:26px; color:#656565; padding-top:20px;}
.boss_box.type02:after {display:block; content:''; background:url(../../gwanakgu/images/sub/imgbg.png) no-repeat; position:absolute; right:0px; bottom:0; width:592px; height:495px;}
.number_box {padding:40px 25px; border:1px solid #e1e1e1; border-top:0;}
.number_box p {font-size:17px; line-height:30px; color:#656565;}
.number_box .number {padding-top:60px;}
.number_box .number ul:after {clear:both; content:''; display:block;}
.number_box .number ul li {width:20%; float:left; text-align:center; position:relative;}
.number_box .number ul li:after {content:''; display:block; position:absolute; right:-5px; width:10px; height:17px; top:50%; margin-top:-8.5px; background:url(../../gwanakgu/images/sub/numberbg.png) no-repeat;}
.number_box .number ul li:last-child:after {display:none;}



/** 연혁 **/
.history ul {display:table;}
.history ul li {display:table-cell; vertical-align:top;}
.history ul li.year {font-size:70px; font-weight:700; color:#274081; line-height:70px; width:265px; padding-left:0;}
.history ul li.day {padding:10px 0 70px; position:relative;}
.history ul:last-child li.day {padding-bottom:0;}
.history ul li.day:before {content:''; display:block; width:1px; height:100%; background:#e1e1e1; position:absolute; left:3.5px;}
.history ul li.day p {padding:10px 0; padding-left:60px; position:relative;}
.history ul li.day p.color {color:#999;}
.history ul li.day p:before {content:''; display:block; width:7px; height:7px; background:#e1e1e1; position:absolute; left:0; top:50%; margin-top:-3.5px; border-radius:100%;}
.history ul li.day p:first-child {padding-top:0;}
.history ul li.day p:first-child:before {content:''; display:block; width:23px; height:23px; background:url(../../gwanakgu/images/sub/historybg.png) no-repeat; left:-8px; top:0;}
.history ul li.day p span {font-size:17px; font-weight:700;}
.history ul li.day p em {color:#656565; display:inline-block; padding-left:15px; font-size:17px;}


/** 오시는길 **/
.txt_title {font-size:28px; font-weight:700; text-align:center; padding-bottom:40px;}


/** 수정 폼 **/
.modules_board .proc_list .search {margin:50px 0;}
.modules_board .proc_list .search form {padding: 40px 0; background-color: #f9f9f9; text-align: center;}
.modules_board .proc_list .search form fieldset > * {float: left; margin: 0 10px 0 0;}
form fieldset {clear: both; padding: 0;margin: 0; border: 0 none;}
.modules_board .proc_list .search form fieldset {display: inline-block; padding: 0;}
.modules_board .proc_list .search form fieldset select {height: 45px; border: 1px solid #e1e1e1; box-sizing: border-box;}
select { padding-left:15px; padding-right: 25px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../image/arrow.png) no-repeat right center; cursor: pointer;}
.modules_board .proc_list .search form fieldset label { position: absolute; width: 0; height: 0;font-size: 0; overflow: hidden;}
.modules_board .proc_list .search form fieldset input { min-width: 350px;height: 45px;border: 1px solid #e1e1e1;box-sizing: border-box; padding:0 15px; box-sizing:border-box;}
.modules_board .proc_list .search form fieldset button, .modules_board .proc_list .search form fieldset a { min-width: 120px;height: 45px; line-height: 45px;border: 0; border-radius: 0;box-sizing: border-box;font-size: 15px; cursor:pointer;}
.modules_board .proc_list .search form fieldset button.action_search { color: #fff;background-color: #274081;}
.mt0 {margin-top:0 !important;}


/** 수정 게시판 **/
.modules_board .proc_list .list {clear: both;}
.modules_board .proc_list .list ul li a {position: relative;display: block;padding: 20px 0; margin: 0; border-style: solid; border-color: transparent transparent #d7d7d7 transparent;}
.modules_board .proc_list .list ul li a:first-child {border-top-color: #d7d7d7;}
.modules_board .proc_list .list ul li a:after { display: block; clear: both;content: " ";}
.modules_board .proc_list .list ul li a:focus, .modules_board .proc_list .list ul li a:hover, .modules_board .proc_list .list ul li a:active { border-color: #222; transition: all .5s;}
.modules_board .proc_list .list ul li a dl.dl1 { float: left;width: 205px;padding: 0; margin: 0;list-style: none;}
.modules_board .proc_list .list ul li a dl.dl1 dt {position: absolute; width: 0;height: 0; font-size: 0;overflow: hidden;}
.modules_board .proc_list .list ul li a dl.dl1 dt {position: absolute;width: 0; height: 0;font-size: 0; overflow: hidden;}
.modules_board .proc_list .list ul li a dl.dl1 dd.category {line-height: 25px; padding: 23px 0 20px 0; text-align: center; font-size: 20px; color: #229657;font-weight: 700;}
.modules_board .proc_list .list ul li a dl.dl2 {position: relative;line-height: 40px;padding: 25px 100px 15px 235px;}
.modules_board .proc_list .list ul li a dl.dl2 dt.doc_title { position: absolute; width: 0;height: 0;font-size: 0;overflow: hidden;}
.modules_board .proc_list .list ul li a dl.dl2 dt.doc_writer { float: left;color: #666;}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_writer {float: left;color: #111;}
.modules_board .proc_list .list ul li a dl.dl2 dt.doc_regdate {float: left; color: #666;}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_regdate {float: left;color: #111;}
.modules_board .proc_list .list ul li a dl.dl2 dt.doc_chathead { float: left;color: #666;}
.modules_board .proc_list .list ul li a {position: relative;display: block;padding: 20px 0;margin: 0; border-width: 1px 0;border-style: solid;border-color: transparent transparent #d7d7d7 transparent;}
.modules_board .proc_list .list ul li a dl.dl1 dd.doc_no {text-align: center;color: #666;font-weight: 700;}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_title strong {position: relative;display: inline-block; height: 22px; line-height: 22px; margin-bottom: 15px; padding-right: 40px;font-size: 20px;
 font-weight: 700; white-space: normal;text-overflow: ellipsis; word-wrap: break-word; -webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;box-sizing: border-box;}
.modules_board .proc_list .list ul li a dl.dl2 dt.doc_writer:after {display: inline-block;padding: 0 3px;content: ":";}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_writer:after {display: inline-block;padding: 0 10px;content: " | ";}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_regdate:after {display: inline-block; padding: 0 10px;content: " | ";}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_chathead {float: left;padding-left: 15px;}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_chathead_답변완료 span {border-color: #ee745f;color: #ee745f;}
.modules_board .proc_list .list ul li a dl.dl2 dd.doc_chathead span {display: inline-block;width: 112px;line-height: 36px; border: 2px solid #888;text-align: center;color: #666;}
.modules_board .proc_list .list ul li a dl.dl1:before {position: absolute; right: 30px;top: 50%;width: 52px;height: 52px;line-height: 52px; margin-top: -27px;border: 1px solid #d7d7d7; border-radius: 52px;box-sizing: border-box;
 text-align: center;color: #d7d7d7;font-size: 25px;content: "〉"; }
 .modules_board .proc_list .list ul li a:hover dl.dl1:before {border: 1px solid #222;color: #222; transition: all .5s;}
 
 
 
 /** 수정 게시판타입2 **/
.modules_board .proc_list .list.type02 {}
.modules_board .proc_list .list.type02 ul li a {padding:40px 30px; border:0; border-top:1px solid #fff; border-bottom:1px solid #e1e1e1;}
.modules_board .proc_list .list.type02 ul li:first-child a {border-top:1px solid #e1e1e1;}
.modules_board .proc_list .list.type02 ul li:hover a {border-bottom:1px solid #222;}
.modules_board .proc_list .list.type02 ul li:hover:first-child a {border-top:1px solid #222;}
.modules_board .proc_list .list.type02 ul li:hover a {border-top:1px solid #222;}
.modules_board .proc_list .list.type02 ul li a:before {position: absolute; right: 30px;top: 50%;width: 52px;height: 52px;line-height: 52px; margin-top: -27px;border: 1px solid #d7d7d7; border-radius: 52px;box-sizing: border-box;
 text-align: center;color: #d7d7d7;font-size: 25px;content: "〉";}
.modules_board .proc_list .list.type02 ul li a dl.dl1 { float:none;width:inherit;padding: 0; margin: 0;list-style: none; line-height:23px;}
.modules_board .proc_list .list.type02 ul li a dl.dl1 dd.doc_no {text-align:left;color: #229657;font-weight: 700; float:left; width:60px; font-size:20px;}
.modules_board .proc_list .list.type02 ul li a dl.dl1 dd.doc_title {padding:0; text-align: left; font-size: 20px; color: #222;font-weight: 700; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; padding-right:100px;}
.modules_board .proc_list .list.type02 ul li a dl.dl1:before {display:none;}
.modules_board .proc_list .list.type02 ul li a:hover:before {border: 1px solid #222;color: #222; transition: all .5s;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 {position: relative;line-height: 40px;padding: 25px 100px 15px 0px;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex01 {float: left;color: #666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex02 {float: left;color: #666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex03 {float: left; color: #666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex04 {float: left;color: #666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex05 {float: left; color: #666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex01 {float: left;color: #111;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex02 {float: left;color: #111;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex03 {float: left;color: #111;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex04 {float: left;color: #111;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex05 {float: left;color: #111;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex01:after {display: inline-block;padding: 0 3px;content: ":";}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex01:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex02:after {display: inline-block;padding: 0 3px;content: ":";}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex02:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex03:after {display: inline-block;padding: 0 3px;content: ":";}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex03:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex04:after {display: inline-block;padding: 0 3px;content: ":";}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex04:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex05:after {display: inline-block;padding: 0 3px;content: ":";}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex05:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd:last-child:after {display:none;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_chathead.doc_chathead_답변완료 span {border-color: #ee745f;color: #ee745f;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_chathead.doc_chathead_처리중 span {border-color:#274081;color:#274081;}
.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_chathead span {display: inline-block;width: 112px;line-height: 36px; border: 2px solid #888;text-align: center;color: #666;}



 /** 회원카드 **/
.card ul:after {clear:both; content:''; display:block;}
.card ul li {width:285px; margin-right:20px; margin-bottom:20px; float:left;}
.card ul li.mr {margin-right:0;}
.card ul li a {display:block; width:285px; text-align:center; border:1px solid #e1e1e1; border-radius:10px; overflow:hidden;}
.card ul li a span {display:block;}
.card ul li a .card_tt {height:70px; line-height:70px; font-size:18px; font-weight:700; border-bottom:1px solid #e1e1e1; background:#fafafa;}
.card ul li a .card_con {padding:30px; box-sizing:border-box;}
.card ul li a .card_num {padding-top:20px; font-size:17px; font-weight:700;}
 /** 회원카드팝업 **/
.bacordpop_wrap {width:405px; margin:0 auto; background:#fff;}
.bacordpop_top {height:75px; line-height:75px; position:relative; text-align:center; font-size:25px; color:#fefefe; font-weight:700; background:#274081;}
.bacordpop_top .pop_close {position:absolute; width:25px; height:25px; top:23px; right:15px;}
.basic_close {cursor:pointer; text-indent:-9999px; background:url(../../gwanakgu/images/sub/bacordpop_close.png) no-repeat center; background-size:25px; width:25px; height:25px; display:block;}
.bacord_con {padding:30px; box-sizing:border-box; text-align:center;}
.bacord_con dl dt {font-size:30px; font-weight:700; color:#274081; padding-bottom:20px;}
.bacord_con dl dd.tt {font-size:20px; font-weight:700; padding-bottom:20px;}
.bacord_con dl dd.img {padding-bottom:20px; font-size:40px;}
.bacord_con dl dd.num {font-size:20px; font-weight:700;}



 /** 이메일무단수집거부 **/
.etc strong {padding-bottom:15px;}
.etc_text {line-height:25px; color:#4075bd;}
.etc_tt {white-space:pre-line; line-height:30px;}
.rink {padding:8px 0;}
.rink a {display:inline-block;}


 /** 개인정보처리방침 **/
.etc_area {border:1px solid #e1e1e1; background:#f9f9f9; padding:30px 25px; margin-bottom:30px; line-height:25px;}
.etc_area p {padding-bottom:15px;}
.etc_area p:last-child {padding-bottom:0;}
.etc_area p span {color:#4075bd;}
.etc_wrap p.img {text-align:center; padding-top:20px;}
.etc_tt a {color:#4075bd; text-decoration:underline;}



 /** 조직안내및연락처 2018-12-14 추가 **/ 
.group_pop .group_wrap {position:relative; width:740px; margin:0 auto;}
.group_pop .group_wrap .app_head {height:80px; position:relative; background:#274082; padding:30px 40px; box-sizing:border-box; font-size:24px; color:#fff;}
.group_pop .group_wrap p img {width:100%;}
.group_close {position:absolute; right:0; top:0; width:80px; height:80px; text-indent:-9999px;}
.group_close a {display:block; width:80px; height:80px; background:url(../../gwanakgu/images/sub/group_closebg.png) no-repeat center;}
.group_con {background:#fff; padding:40px; box-sizing:border-box;}
.group_pop .m_table table tbody tr td br {display:none;}



/*2019-01-09추가*/
h5 {height:0; overflow:hidden; width:0;height:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999px;}/*2019-01-10수정*/
.sec_slide .rollling a {display:block;}

/*2019-01-10추가*/
.group_box { display: flex; justify-content: center; padding:40px 0;}
.group_btn {width:215px; height:83px; position:absolute; top:80px; right:50px; z-index:2;}
.group_btn a {display:block; padding:4px; border:2px solid #2d9a60; width:215px; height:83px; box-sizing:border-box; border-radius:40px;}
.group_btn a span {display:block; line-height:71px; text-align:center; background:#229557; border-radius:40px; font-size:20px; font-weight:700; color:#fff; padding-right:15px; position:relative; height:71px;}
.group_btn a span:after {content:''; display:block; background:url(../../gwanakgu/images/sub/grouppopbg.png) no-repeat; width:22px; height:22px; position:absolute; top:21.5px; right:50px;}
.group_img .boss {text-align:center; padding-bottom:60px; position:relative;}
.group_img .boss:after {width:2px; height:60px; position:absolute; content:''; display:block; bottom:0; left:50%; margin-left:-1px; background:#e1e1e1;}
.group_img .boss p {width:215px; height:83px; display:inline-block; border:2px solid #3a3a3a; box-sizing:border-box; border-radius:40px; padding:4px;}
.group_img .boss p span {display:block; height:71px; background:#3a3a3a; border-radius:40px; font-size:20px; color:#fff; padding-top:13px; box-sizing:border-box;}
.group_img .boss p span em {font-size:15px; font-weight:400; display:block;}
.group_img .boss02 {text-align:center; padding-bottom:40px; position:relative;}
.group_img .boss02:after {width:2px; height:40px; position:absolute; content:''; display:block; bottom:0; left:50%; margin-left:-1px; background:#e1e1e1;}
.group_img .boss02 p {width:255px; height:83px;  display:inline-block; border:2px solid #229557; box-sizing:border-box; border-radius:50px; padding:4px;}
.group_img .boss02 p span {display:block;height:71px; background:#229557; border-radius:45px; font-size:20px; color:#fff; padding-top:13px; box-sizing:border-box;}
.group_img .boss02 p span em {font-size:15px; font-weight:400; display:block;}
.group_box ul:after {clear:both; content:''; display:block;}
.group_box ul {position:relative;}
.group_box ul:before {height:2px; background:#e1e1e1; content:''; display:block; position:absolute; top:0; width:962px; left:50%; margin-left:-482px;}
.group_box ul li {float:left; position:relative; padding-top:40px; width:177px; margin-right:15px;}
.group_box ul li:last-child {margin-right:0;}
.group_box ul li:before {width:2px; height:40px; background:#e1e1e1; content:''; display:block; position:absolute; top:0; left:50%; margin-left:-1px;}
.group_box ul li dl dt {padding:20px 30px; background:#274081; border-radius:20px 20px 0 0; text-align:center;}
.group_box ul li dl dt .mt {font-size:17px; color:#fefefe; padding-bottom:10px; font-weight:700; display:block;}
.group_box ul li dl dt .st {font-size:15px; color:#fefefe; display:block; font-weight:400; line-height:22px;}
.group_box ul li dl dd {padding:25px 15px; background:#f7f7f7; border:1px solid #e1e1e1; border-radius:0 0 20px 20px; height:215px; box-sizing:border-box;}/*2019-03-04수정*/
.group_box ul li dl dd span {display:block; padding-left:10px; font-size:14px; color:#656565; padding-bottom:5px; position:relative; letter-spacing:-0.5px;}
.group_box ul li dl dd span:before {width:2px; height:2px; content:''; display:block; position:absolute; top:8px; border:1px solid #7e7e7e; border-radius:100%; left:0;}
.group_box ul li dl dd span:last-child {padding-bottom:0;}


/* 190627 추가분 */
.main .box02 ul li.con01 ul li:nth-child(10) a dl { display: table-cell; vertical-align: middle; }
.main .box02 ul li.con01 ul li:nth-child(10) a dl dt { margin-bottom: 13px;}
.group_box ul li dl dd { height: 240px; }
/* //190627 추가분 */



/* 20241227 추가분 */
 .group_img{position: relative;}
			   
			.group_btn { width: 215px; height: 83px; position: absolute; top: 70px; left: 230px; z-index: 2;}
			.group_btn:before { height: 2px; background: #e1e1e1; content: ''; display: block; position: absolute; top: 42px; left: 215px; width: 211px;}
			.group_btn:after{height: 2px; background: #e1e1e1; content: ''; display: block; position: absolute; top: 192px; right:0 }
		    .group_btn a {border:2px solid #777;}
			.group_btn a span:after{content:none}
			.group_btn a span {font-weight: 400; background: #777; padding-right: 0}
			
			.group_box ul li { float: left; position: relative; padding-top: 40px; margin-right: 6px; width: auto}
			.group_box ul:before { height: 2px; background: #e1e1e1; content: ''; display: block; position: absolute; top: 0; width: 1173px; left: 50%; margin-left: -588px}
			.group_box ul li dl dd { padding: 25px 5px; background: #f7f7f7; border: 1px solid #e1e1e1; border-radius: 0 0 20px 20px; height: 260px; box-sizing: border-box; }
			.group_box ul li dl dd span {font-size:13px}
			   
		    .group_img .boss p span, .group_img .boss02 p span {line-height: 71px; padding-top:0;}

			.group_img .boss03 {text-align:center;position:absolute; top: 142px; right: 100px }
			.group_img .boss03:after { width: 174px; height: 2px; position: absolute; content: ''; display: block; top: 40px; left: -174px; background: #e1e1e1;}
			.group_img .boss03 p {width:255px; height:83px; display:inline-block; border:2px solid #229557; box-sizing:border-box; border-radius:50px; padding:4px;}
			.group_img .boss03 p span {display:block;height:71px;background:#229557;border-radius:45px;font-size:20px;color:#fff;padding-top: 10px;box-sizing:border-box;}
			.group_img .boss03 p span em {font-size:15px; font-weight:400; display:block;}
			.group_box ul li dl dt .mt { font-size: 17px; color: #fefefe; /* padding-bottom: 10px; */ font-weight: 700; display: block;}
			   
		




@media all and ( max-width: 1420px )
{
	/** breadcrumb **/
	#sub_GNB {position:relative; width:100%; top:0;}
	.breadcrumb {height:45px;}
	.breadcrumb_cont {width:100%;}
	.breadcrumb .li {width:100%;border-right:0; display:none; border-left:0;}
	.breadcrumb .li:last-child {display:block; border-right:0;}
	.breadcrumb .li a {font-size:15px;line-height:45px;}
	.breadcrumb .li a.link {height:45px;padding:0 50px 0 15px; position:relative; font-size:15px;}
	.breadcrumb .li a.link:after {content:''; display:block; width:11px; height:6px; position:absolute; right:21px; top:22px; background:url(../../gwanakgu/images/sub/arrowbg.png) no-repeat;}
	.breadcrumb .home {display:none;}
	.breadcrumb .home:after {display:none;}  
	.breadcrumb .li .dep {top:45px;}
	.breadcrumb .col2{display:none;}


	/** 회원가입선택 **/
	.sub_tt {font-size:23px; line-height:23px; padding:0px 0 20px; margin-bottom:20px;}
	.sub_txt {padding:0px 0 30px; font-size:13px; line-height:20px;}
	.icon_view {padding:10px 0 30px; display:none;}
	.icon_view:after {height:0px;}
	.icon_view ul li {width:100%; margin-bottom:20px;}
	.icon_view ul li:last-child {margin-bottom:0;}
	.icon_view ul li:nth-child(1) dl dt {background:url(../../gwanakgu/images/sub/backicon01.png) no-repeat center; background-size:75px;}
	.icon_view ul li:nth-child(2) dl dt {background:url(../../gwanakgu/images/sub/backicon02.png) no-repeat center; background-size:75px;}
	.icon_view ul li:nth-child(3) dl dt {background:url(../../gwanakgu/images/sub/backicon03.png) no-repeat center; background-size:75px;}
	.icon_view ul li:nth-child(4) dl dt {background:url(../../gwanakgu/images/sub/backicon04.png) no-repeat center; background-size:75px;}
	.icon_view ul li:nth-child(5) dl dt {background:url(../../gwanakgu/images/sub/backicon05.png) no-repeat center; background-size:75px;}
	.icon_view ul li.on:nth-child(1) dl dt {background:url(../../gwanakgu/images/sub/backicon01on.png) no-repeat center; background-size:75px;}
	.icon_view ul li.on:nth-child(2) dl dt {background:url(../../gwanakgu/images/sub/backicon02on.png) no-repeat center; background-size:75px;}
	.icon_view ul li.on:nth-child(3) dl dt {background:url(../../gwanakgu/images/sub/backicon03on.png) no-repeat center; background-size:75px;}
	.icon_view ul li.on:nth-child(4) dl dt {background:url(../../gwanakgu/images/sub/backicon04on.png) no-repeat center; background-size:75px;}
	.icon_view ul li.on:nth-child(5) dl dt {background:url(../../gwanakgu/images/sub/backicon05on.png) no-repeat center; background-size:75px;}
	.icon_view ul li dl {width:100%; padding:0 0px;}
	.icon_view ul li dl dt {padding-bottom:20px; width:100%; height:75px;}
	.icon_view ul li dl dd {font-size:13px;}
	.icon_view ul li.on dl dd {font-size:15px;}
	.member_box ul li {width:100%; margin-bottom:10px;}
	.member_box ul li:last-child {margin-bottom:0;}
	.member_box ul li:nth-child(1) {padding-right:0px;}
	.member_box ul li:nth-child(2) {padding-left:0px;}
	.member_box ul li .member {padding:25px 15px;}
	.member_box ul li .member dl dt {padding-bottom:15px; width:75px; height:75px; display:inline-block;}
	.member_box ul li .member dl dt img {width:100%;}
	.member_box ul li .member dl dd {font-size:15px;}
	.btn_area {padding-top:15px;}
	.b_btn {width:100%; height:35px; line-height:35px; font-size:13px;}


	/** 회원가입약관동의 **/
	.box_text {padding:20px 15px; font-size:13px; margin-bottom:20px;}
	.tt_txt {font-size:16px; padding-bottom:15px; line-height:16px;}
	.tt_txt.pdt {padding-top:20px;}
	.etc_box {border:1px solid #e2e2e2; padding:20px 15px; height:100px; line-height:22px;}
	.chk.pdt {padding-top:10px;}
	.chk span input[type="checkbox"] {width:16px;height:16px;}
	.chk span label:after{width:16px;height:16px; background:url(../../gwanakgu/images/sub/unchek_bg.gif) no-repeat center; background-size:16px; top:0;}
	.chk span input:checked + label:after{background:url(../../gwanakgu/images/sub/onchek_bg.gif) no-repeat center; background-size:16px;}
	.btn_wrap {padding-top:20px;}
	.btn_wrap.two span {display:inline-block; margin:0px; width:50%; box-sizing:border-box;}
	.btn_wrap span:nth-child(1) {padding-right:5px;}
	.btn_wrap span:nth-child(2) {padding-left:5px;}



	/** 회원가입본인인증 **/
	.member_box.certified ul li .member dl dt {padding-bottom:15px; width:90px; height:51px; display:inline-block;}
	.member_box.certified ul li .member dl dt img {width:100%;}
	.member_box li .member dl dd .mt {font-size:15px; padding-bottom:10px;}
	.member_box li .member dl dd .st {font-size:13px;}



	/** 회원가입완료 **/
	.completion {padding:20px 15px;}
	.completion dl {display:block; width:100%; text-align:center;}
	.completion dl dt {display:inline-block; width:75px; padding-bottom:15px;}
	.completion dl dt img {width:100%;}
	.completion dl dd {display:block;}
	.completion dl dd .mt {font-size:15px; padding-bottom:15px; line-height:15px;}
	.completion dl dd .st {font-size:13px; line-height:20px;}
	.completion dl dd .st br {display:none;}
	.completion.mdt {margin-top:20px;}
	.position_btn {position:static; right:0; top:0; margin-top:0px; padding-top:20px;}
	.w_btn {width:100%; height:40px; line-height:40px; font-size:13px;}



	/** 회원정보입력 **/
	.tt_txt {font-size:15px; padding-bottom:15px; line-height:16px;}
	.tt_txt span {font-size:13px;}
	.tt_txt.pdt {padding-top:30px;}
	.tt_txt.pdt br {display:block; line-height:20px;}
	.hisco_table .type04 .line_h {line-height:inherit;}
	.hisco_table.login .type04 th {width:90px; font-size:13px; padding-left:15px;}
	.essential {position:absolute; left:0px;}
	.hisco_table .type04 th {font-size:12px; padding:0 3px; letter-spacing:-1px;}
	.hisco_table .type04 th br {display:block;}
	.hisco_table .type04 th span {margin-left:3px;}
	.hisco_table .type04 td {padding:10px; font-size:12px; position:relative;}
	.hisco_table .type04 td.left {padding-left:10px; letter-spacing:-1px;}
	.hisco_table .type04 td input {height:33px; padding:0 10px; font-size:13px;}
	.hisco_table .type04 td input[type="file"] {font-size:13px;}
	.hisco_table .type04 td.chk span {margin-left:5px;}
	.hisco_table .type04 td.chk span label {margin-left:3px; font-size:13px;}
	.hisco_table .type04 td p.eri_txt {padding-top:5px;}
	.hisco_table .type04 td p:first-child {padding-top:0;}
	.hisco_table.login .type04 td input {width:100%;}
	.paw_area button {display:inline-block; width:80px; height:33px; line-height:33px; margin-left:0px; font-size:12px;}
	.paw_area {position:inherit; display:block; padding-top:10px; top:0; right:0;}
	.chage_txt {margin-left:0px; display:block; margin-top:10px;}
	.space02 {display:inline-block; padding-left:10px;}
	.space03 {display:inline-block; padding-left:15px;}
	.space04 {display:inline-block; padding-left:20px;}
	.hisco_table.login table td ul.mail {display:block;}
	.hisco_table.login table td ul.mail li.width01 {width:100%; display:block; margin-bottom:10px;}
	.hisco_table.login table td ul.mail li.width02 {display:none;}
	.hisco_table.login table td ul.mail li.width03 {width:100%; display:block; margin-bottom:10px;}
	.hisco_table.login table td ul.mail li.width04 {width:100%; display:block; padding-left:0px;}
	.hisco_table.login table.type04 td ul.mail li input {width:100%;}
	.select {height:35px;}
	.selectric {height:35px;}
	.selectric .label {font-size:13px;line-height:35px; height:35px; box-sizing:border-box;}
	.selectric .button {width:35px;height:35px;line-height:35px;}
	.selectric .button:after {width:35px; height:35px; background:url(../../gwanakgu/images/sub/selectbg.png) no-repeat center; background-size:16px;}
	.selectric-items ul, .selectric-items li {font-size:13px; line-height: 13px;min-height: 13px;}
	.one_width {width:100%;}
	.hisco_table.login table.type04 .chk span {margin-left:0px; display:block;}
	.hisco_table.login table.type04 .chk span:nth-child(2) {margin:10px 0;}
	.hisco_table.login table.type04 .chk span label:after{width:16px;height:16px; background:url(../../gwanakgu/images/sub/unchek_bg.png) no-repeat;z-index:1; background-size:16px;}
	.hisco_table.login table.type04 .chk span input:checked + label:after{background:url(../../gwanakgu/images/sub/onchek_bg.png) no-repeat 0 0; background-size:16px;}
	.hisco_table.login table.type04 .chk span label:after{width:16px;height:16px; background:url(../../gwanakgu/images/sub/unchek_bg.gif) no-repeat; background-size:16px; top:1px;}
	.hisco_table.login table.type04 .chk span input:checked + label:after{background:url(../../gwanakgu/images/sub/onchek_bg.gif) no-repeat 0 0; background-size:16px;}
	.etc_txt {padding-top:10px;}
	.etc_txt span {font-size:13px;}
	.etc_txt p {padding-bottom:5px;}



	/** 아이디찾기 **/
	.con_tab {padding-bottom:30px;}
	.con_tab ul li {width:50%;}
	.con_tab.three.mtwo ul li {width:50%;}
	.con_tab ul li a {height:40px; line-height:40px; font-size:13px;}
	.hisco_table.login table.type04 td ul.birth > li {width:100%; padding-left:0px; margin-top:10px;}
	.hisco_table.login table.type04 td ul.birth > li:first-child {padding-left:0; margin-top:0;}
	.b_btn.color01 {border:1px solid #274081; color:#274081; width:100% !important;}
	.b_btn.color02 {border:1px solid #888888; color:#888888;}





	/** 비밀번호찾기 **/
	.id_box {padding-bottom:25px;}
	.id_box .center {width:100%;}
	.id_box dl {width:100%;}
	.id_box dl dt {font-size:13px; width:20%;}
	.id_box dl dd {padding-left:15px; width:80%;}
	.id_box dl dd input {height:33px; border:1px solid #e1e1e1; background:#f9f9f9; padding:0 10px; box-sizing:border-box; font-size:13px;}




	/** 휴면계정_비밀번호재설정 **/
	.text_box {padding:15px; margin-top:25px;}
	.text_box p {font-size:13px; color:#878787; padding-bottom:5px;}
	.text_box p:last-child {padding-bottom:0;}
	.text_box p.lh {line-height:20px;} 




	/** 로그인 **/
	.login_box .login > ul {padding:20px 0;}
	.login_box .login > ul > li {width:100%; padding:0 15px; height:inherit; margin-bottom:30px;}
	.login_box .login > ul > li:last-child {margin-bottom:0;}
	.login_box .login > ul > li:first-child:after {width:0px;}
	.login_box .login ul li .title {font-size:20px; padding-bottom:20px;}
	.login_box .login ul li .login_form {position:relative;}
	.login_box .login ul li .login_area {padding-right:105px;}
	.login_box .login ul li .login_area p.id {padding-bottom:15px;}
	.login_box .login ul li .login_area p input {height:35px; padding-left:20px; font-size:13px;}
	.login_box .login ul li .login_area p.id input {background:url(../../gwanakgu/images/sub/idbg.png) no-repeat left center; background-size:10px;}
	.login_box .login ul li .login_area p.psw input {background:url(../../gwanakgu/images/sub/pswbg.png) no-repeat left center; background-size:10px;}
	.login_btn a {width:90px; height:85px; line-height:85px;}
	.click_menu {padding-top:20px;}
	.click_menu span a {padding:0 10px; font-size:13px;}
	.con_tab.in {padding-bottom:20px;}
	.con_tab.in ul li a {font-size:12px;}
	.rollbtn_area a {height:40px; line-height:40px; font-size:13px;}
	.in_text {padding-top:20px; font-size:13px; line-height:20px;}
	.in_text br {display:none;}
	.social span {padding:0 10px;}
	.social span a {width:40px;}
	.social span a img {width:100%;}
	.login_box .login .text_box p.st {padding-left:10px;}



	/** 수강내역 **/
	.m_table table {border-top:2px solid #4075bd;}
	.m_table table tr th {padding:10px 5px; font-size:13px;}
	.m_table table tbody tr td {padding:10px 5px; font-size:13px; letter-spacing:-0.7px; line-height:18px;}
	.m_table table tr th br {display:block;}
	.chk span.disabled label:after{width:16px;height:16px; background:url(../../gwanakgu/images/sub/unchek_bg02.gif) no-repeat; background-size:16px;}
	.paging{margin-top:25px;}
	.paging span a{display:inline-block; width:33px; height:33px; font-size:14px; line-height:33px;}
	.paging span a.first {background:url(../../gwanakgu/images/sub/page_leftbg.png) no-repeat center center; text-indent:-9999em; width:33px; height:33px; background-size:8px;}
	.paging span a.last {background:url(../../gwanakgu/images/sub/page_rightbg.png) no-repeat center center; text-indent:-9999em; width:33px; height:33px; background-size:8px;}
	.paging span.target{width:33px; height:33px; line-height:33px; font-size:14px;}
	.btn_wrap.one.right {text-align:center; padding-top:20px;}
	.btn_wrap.one.right span {margin:0; padding-right:0;}



	/** 나의작성글 **/
	.page_tab {padding-bottom:25px;}
	.page_tab ul {border-bottom:0; border:1px solid #e1e1e1; border-left:0;}
	.page_tab ul li {width:50%; top:0px;}
	.page_tab ul li a {width:100%; text-align:center; height:40px; line-height:40px; background:#f9f9f9; font-size:13px; box-sizing:border-box; margin-top:-1px; border-right:0; border-bottom:0; border-left:1px solid #e1e1e1;}
	.page_tab ul li.on a {border-top:1px solid #e1e1e1;; background:#fff; border-bottom:1px solid #fff; background:#274081; color:#fff;}
	.mywrite_search {padding:20px 15px; margin-bottom:25px;}
	.mywrite_search > ul {position:relative; width:100%;}
	.mywrite_search > ul > li {box-sizing:border-box;}
	.mywrite_search > ul > li.width01 {width:50%; padding-right:5px; margin-bottom:10px;}
	.mywrite_search > ul > li.width02 {width:50%; margin-left:0px; padding-left:5px; margin-bottom:10px;}
	.mywrite_search > ul > li.width03 {width:100%; margin-left:0px;}
	.mywrite_search > ul > li.width04 {width:80px; margin-left:10px; position:absolute; right:0; bottom:0;}
	.mywrite_search > ul input {width:100%; height:35px; padding-left:10px; padding-right:90px;}
	.mywrite_search > ul > li.width04 a {line-height:35px; font-size:13px; width:80px;}
	.mawrite_list ul li:after {display:none;}
	.mawrite_list ul li dl {display:block;}
	.mawrite_list ul li dl dt {display:block; width:100%; text-align:left; padding:15px; position:relative; border-bottom:1px dotted #e1e1e1; box-sizing:border-box;}
	.mawrite_list ul li dl dt:after {display:none;}
	.mawrite_list ul li dl dt .mt {font-size:18px; padding-bottom:10px;}
	.mawrite_list ul li dl dd {padding:15px;}
	.mawrite_list ul li dl dd .subject {font-size:15px; margin-bottom:10px; height:18px; padding-right:0;}
	.mawrite_list ul li dl dd .state span {padding:0 7px;}
	.mawrite_list ul li dl dd .state span i {display:inline-block; width:80px; height:25px; line-height:25px; margin-left:10px;}
	.mawrite_list ul li dl dd .state span i.type01 {border:1px solid #888; color:#888;}
	.mawrite_list ul li dl dd .state span i.type02 {border:1px solid #222222; color:#222222;}
	.mawrite_list ul li dl dd .state span i.type03 {border:1px solid #ee745f; color:#ee745f;}
	.page_tab.three ul li {width:33.3%; top:0px;}
	.mawrite_list ul li:hover:after {display:none;}



	/** 주차회원가입 **/
	.partking {padding:25px 15px;}
	.partking .center dl {display:block;}
	.partking .center dl dt {display:inline-block; width:80px; height:80px; padding-bottom:20px;}
	.partking .center dl dt.pb0 {padding-bottom:0;}
	.partking .center dl dt img {width:100%;}
	.partking .center dl dd {display:block; padding-left:0px; font-size:18px; line-height:26px; text-align:center;}
	.partking .center dl dd br {display:none;}
	.partking .center dl dd span {color:#334e99;}
	.btn_wrap.one span {width:150px;}



	/** 비밀번호변경 **/
	.cbox_text {padding:20px 15px; margin-bottom:25px;}
	.cbox_text dl dt {font-size:15px; padding-bottom:10px;}


	/** 거주자우선주차신청 **/
	.linem_box {padding:20px 15px;}
	.linem_box p {padding-top:5px; line-height:20px;}
	.img_btn_area {padding-top:20px;}
	.img_btn_area span {display:inline-block; margin-left:0px; width:100%; margin-bottom:5px;}
	.img_btn_area span a {display:block; width:100%; height:40px; line-height:40px; padding-right:15px; box-sizing:border-box; text-align:center; padding-left:40px;}
	.img_btn_area span a em {display:inline-block; width:40px; height:40px;}
	.basic_table {padding-top:15px;}
	.basic_table table thead tr th {padding:10px 5px;}
	.basic_table table tbody tr td {padding:10px 5px;}
	.basic_table table tbody tr td.line_height {line-height:30px;}
	.c_text {padding-top:30px; font-size:16px;}




	/** 내정보관리 **/
	.radio span input[type="radio"] {opacity:0; width:16px;height:16px;}
	.radio span label {font-size:13px;} 
	.radio span label::after{top:-1px;left:0px; width:16px;height:16px; background:url(../../gwanakgu/images/sub/unchek_bg.png) no-repeat;  background-size:16px;}
	.radio span input:checked + label::after { background:url(../../gwanakgu/images/sub/onchek_bg.png) no-repeat;; background-size:16px; border:0;}
	.radio span.disabled label::after {opacity:0.5;}
	.hisco_table.login .type04 td .radio span {margin-right:10px;}
	.hisco_table.login .type04 td .radio label {margin-left:10px;}



	/** 시설안내 **/
	.explanation > ul > li.helf {width:100%; height:inherit;}
	#visual {height:260px;}
	.slides li {height:260px;}
	.slider .flex-direction-nav{height: 40px; margin-top:-20px;}
	.slider .flex-direction-nav a.flex-next{background:rgba(0,0,0,0.3) url(../../gwanakgu/images/sub/slide_next.png) no-repeat center;display: block;position: absolute;height: 40px;right:0px; width:45px; background-size:17px;}
	.slider .flex-direction-nav a.flex-prev{background:rgba(0,0,0,0.3) url(../../gwanakgu/images/sub/slide_prev.png) no-repeat center;display: block;position: absolute;height: 40px;width:45px; left:0px;background-size:17px;}
	.floor_tab {height:50px; padding:7px 0;}
	.floor_tab ul li a {height:36px; line-height:36px; width:36px; font-size:13px;}
	.explanation > ul > li.helf.text dl {padding:25px 15px;}
	.explanation > ul > li.helf.text dl dt {font-size:18px; line-height:18px; padding-bottom:10px;}
	.explanation > ul > li.helf.text dl .mt {padding-bottom:10px; line-height:20px;}
	.explanation > ul > li.helf.text .down_text {position:relative; height:inherit; line-height:inherit; padding:10px 15px; text-align:left;}
	.explanation > ul > li.helf.text .down_text span {display:block; padding:5px 0px; position:relative;}
	.explanation > ul > li.helf.text .down_text span:first-child:after {display:none;}
	.explanation > ul > li.helf.text .down_text span em {color:#808080; display:inline-block; padding-left:25px;}
	.explanation > ul > li.helf.text .down_text span:first-child em {background:url(../../gwanakgu/images/sub/downtxtbg01.png) no-repeat 2px center;}
	.explanation > ul > li.helf.text .down_text span:last-child em {background:url(../../gwanakgu/images/sub/downtxtbg02.png) no-repeat left center; background-size:17px;}
	.slides li img {width:inherit; max-width:467px;}
	.explanation > ul > li.helf.text .down_text.phn {line-height:20px; padding:5px 0 0 15px; box-sizing:border-box; height:inherit;}
	.explanation > ul > li.helf.text .down_text.phn br {display:none;}
	.explanation > ul > li.helf.text .down_text.phn span em {background:url(../../gwanakgu/images/sub/downtxtbg02.png) no-repeat left center;}

  


	/** 이용안내 **/
	.small_title {font-size:20px; padding-top:10px;}
	.download_box {padding:15px; margin:25px 0 25px;}
	.download_box .title {line-height:inherit; font-size:15px; padding-bottom:15px;}
	.tt_txt em {font-size:13px; font-weight:700;}
	.tt_txt .brt {display:block; padding-top:5px;}
	.linem_box .red {color:#ff5c6c;}
	.download_box .img_btn_area {float:none;}
	.small_title.pdt {padding-top:30px;}



	/** 이용안내_환급반변경안내 **/
	.linem_box dl {padding-top:15px;}
	.linem_box dl dd {padding-top:5px;}
	.download_box.margin {margin:30px 0;}
	.basic_box {padding:20px 15px;}
	.basic_box p {color:#656565; padding-top:10px;}
	.basic_box p:first-child {padding-top:0;}



	/** 이용안내_대관안내 **/
	.linem_box.sce .in_pdt {padding-top:15px;}
	.w_table table tbody tr th {padding:15px;}
	.w_table table tbody tr td {padding:15px;}
	.w_table.left table tbody tr td p {line-height:20px; padding-top:5px;}
	.w_table.left table tbody tr td p:first-child {padding-top:0;}




	/** 관악구유아스포츠단모집대상 **/
	.pdt60 {padding-top:30px;}
	.btn_wrap02 {padding-top:20px;}
	.btn_wrap02.right {text-align:center;}
	.btn_wrap02.right span {width:180px;}
	.naver_btn {width:100%; height:40px; line-height:40px; font-size:13px; padding:0 15px; text-align:right; background:#42ad3d url(../../gwanakgu/images/sub/naverbg.png) no-repeat 15px center; background-size:20px;}



	/** 관악구유아스포츠단연간교육행사 **/
	.w_table table tbody tr td.line_r {border-right:1px solid #e1e1e1;}
	.w_table table tbody tr td.line_height {line-height:20px;}




	/** 관악구프로그램안내 **/
	.con_tab.eight ul li {width:50%; border:1px solid #e1e1e1; box-sizing:border-box; margin-left:-1px; margin-top:-1px;}
	.con_tab.eight ul li a {margin-left:0px; border:0;}
	.con_tab.eight ul li a.on  {margin-right:0px;}
	.tt_txt .in_tab ul li a {width:55px; height:25px; line-height:25px; font-size:12px;}
	.bcon_tab {padding-bottom:20px;}
	.bcon_tab ul li {width:50% !important; margin-top:-1px; border:1px solid #e1e1e1; box-sizing:border-box; margin-left:-1px;}
	.bcon_tab ul li a {height:40px; line-height:40px; font-size:13px; margin-left:0px; border:0;}
	.bcon_tab ul li a.on  {margin-right:0px; color:#274081; font-weight:700; background:#edf0f6;}





	/** 관악구체육센터강사소개 **/
	#masonry {position:relative; width:100% !important; left:0px;}
	.wrap.no_pb {padding-bottom:0px;}
	.select_box {padding:20px 15px; margin-bottom:15px;}
	.select_box > ul {display:block;}
	.select_box > ul > li {float:none; line-height:inherit;}
	.select_box > ul > li:nth-child(1) {margin-bottom:10px;}
	.select_box ul li span {font-size:16px;}
	.select_box ul li:nth-child(2) {width:100%; margin-left:0px;}

	.teacher_area ul li {width:100% !important; padding:0px;}
	.teacher_box .in_picture {padding:20px 15px;}
	.teacher_box .in_picture .picture {width:120px; height:146px;}
	.teacher_box .in_picture .name_box dl {padding-left:20px; padding-top:5px;}
	.teacher_box .in_picture .name_box dl dt {font-size:16px; padding-bottom:10px; margin-bottom:10px;}
	.teacher_box .in_picture .name_box dl dd {padding-top:3px;}
	.teacher_area .time_table tr th {padding:10px 5px;}
	.teacher_area .time_table tr th:first-child {border-left:0;}
	.teacher_area .time_table tr td {padding:10px 5px; border-left:1px solid #e1e1e1;}
	.teacher_area .time_table tr td:first-child {border-left:0;}




	/** 헬로우버스이용방법 **/
	.qr_box {padding:20px 15px; margin-bottom:30px;}
	.qr_box p {padding-top:10px; line-height:18px;}
	.qr_box .qr_code {position:inherit; right:0px; top:inherit; width:inherit; height:inherit; margin-top:0px; padding-top:20px;}
	.qr_box .qr_code dl {display:table; width:100%;}
	.qr_box .qr_code dl dt {padding-bottom:0px; width:115px; height:121px; display:table-cell;}
	.qr_box .qr_code dl dd {font-size:13px; line-height:20px; display:table-cell; vertical-align:middle;}
	.guide ul li {width:100%; margin-bottom:40px;}
	.guide ul li:last-child {margin-bottom:0;}
	.guide ul li dl dt {width:200px; width:200px; height:334px; display:inline-block;}
	.guide ul li dl dt img {width:100%; height:100%;}
	.guide ul li dl dd .st {font-size:18px; padding-bottom:10px;}
	.guide ul li dl dd .mt {line-height:20px;}





	/** 셔틀위치알림 **/
	.notification > ul > li {height:inherit;}
	.notification ul li:first-child {width:100%;}
	.notification > ul > li:last-child {width:100%; padding:30px 0px 0;}
	.notification .up_text dl dt {font-size:20px; padding-bottom:15px;}
	.notification .up_text dl dd {font-size:13px; line-height:20px;}
	.notification .img_btn_area.left {padding:20px 0 20px; text-align:center;}
	.notification .below_text dl {padding-top:20px;}
	.notification .below_text dl dt {font-size:16px; padding-bottom:10px;}
	.notification .below_text dl dd {padding-left:15px; background:url(../../gwanakgu/images/sub/textbg01.png) no-repeat left 7px; margin-top:3px; color:#656565; line-height:20px;}
	.notification .below_text dl dd.open {padding-top:20px;}
	#notification_area {width: 100%; position: relative; padding:0 0px 0;}
	#notification_area .slides {text-align:center;}
	#notification_area .slides li {position:relative; height:inherit;}
	#notification_area .slides li img {width:320px;}
	#notification_area .flex-direction-nav{height:32px; margin-top:-16px;}
	#notification_area .flex-direction-nav a.flex-next{background:url(../../gwanakgu/images/sub/slide_next02.png) no-repeat center;display: block;position: absolute;height: 32px;right:0px; width:32px; background-size:32px;}
	#notification_area .flex-direction-nav a.flex-prev{background:url(../../gwanakgu/images/sub/slide_prev02.png) no-repeat center;display: block;position: absolute;height: 32px;width:32px; left:0px;background-size:32px;}




	/** 셔틀버스노선 **/
	.line_area .line_box .line.choice {width:100%; border-right:0;}
	.line_area .line_box .line.choice ul li {width:20%; padding-top:15px;}
	.line_area .line_box .line.choice ul li a dl dt {font-size:12px; padding-bottom:5px;}
	.line_area .line_box .line.choice ul li a dl dd.line_bg {height:30px; padding:7px 0; background:url(../../gwanakgu/images/sub/line_bg02.gif) repeat-x;}
	.line_area .line_box .line.choice ul li a dl dd.line_bg img {width:16px;}
	.line_area .line_box .line.choice ul li a dl dd.line_bg:after {width:9px; height:14px; position:absolute; right:2px; background:url(../../gwanakgu/images/sub/line_arrowbg.png) no-repeat; top:8px; background-size:9px;}
	.line_area .line_box .line.choice ul li.start a dl dd.line_bg {padding:5px 0 8px;}
	.line_area .line_box .line.choice ul li.start a dl dd.line_bg img {width:28px;}
	.line_area .line_box .line.choice ul li.arrival a dl dd.line_bg {padding:5px 0 8px;}
	.line_area .line_box .line.choice ul li.arrival a dl dd.line_bg img {width:28px;}
	.line_area .line_box .line.choice ul li a dl dd.line_text {padding-top:5px; font-size:11px; line-height:16px; height:37px; letter-spacing:-0.5px;}
	.line_area .line_box .line.pic {width:100%;}
	.line_area .line_box .line ul {padding:5px 15px 20px;}
	.line_area .line_box .line.pic .line_picture {width:100%; height:inherit; text-align:center;}
	.line_area .line_box .line.pic .line_picture img {max-width:413px;}
	.loot {padding:20px 15px;}
	.loot p {padding-left:15px;}
	.loot p.mt {color:#274081; font-weight:700; background:url(../../gwanakgu/images/sub/subjectbg.png) no-repeat left center; padding:10px 0 10px 30px; text-align:left; font-size:15px;}
	.loot p.st {font-size:15px; text-align:left; padding-left:30px; font-size:13px;}



	.wrap_map {height:250px !important;}



	/** 주차제소개 **/
	.explanation.parking > ul > li.helf {height:inherit;}
	.explanation.parking > ul > li #visual {height:220px;}
	.explanation.parking > ul > li .slides li {height:220px;}
	.explanation.parking > ul > li.helf dl .mt {line-height:20px; padding-bottom:0;}
	.explanation.parking > ul > li.helf.text .down_text.left {text-align:left;}
	.explanation.parking > ul > li.helf.text .down_text.left span {padding-left:0px;}
	.explanation.parking > ul > li.helf.text .down_text.left span:after {display:none;}




	/** 주차시설_방문주차 **/
	.btn_wrap.two span {width:50%;}



	/** 주차시설_공영주차장요금안내 **/
	.linem_box .red_text {padding-top:15px;}
	.linem_box dl.high {padding-top:10px;}
	.tt_txt .mt {font-size:15px; padding-top:5px;}
	.tt_txt .st {font-size:13px;}



	/** 주차시설_주차장공유사업제도01 **/
	.step_box ul li {width:100%; border-right:0;}
	.step_box ul li dl dt {padding:20px 10px; height:inherit;}
	.step_box ul li dl dt .txt01 {font-size:20px; padding-bottom:10px;}
	.step_box ul li dl dt .txt02 {padding-bottom:15px;}
	.step_box ul li dl dt .txt03 {line-height:20px;}
	.step_box ul li dl dd {padding:10px 15px;}




	/** 주차시설_주차장공유사업제도03 **/
	.icon_box dl {padding:20px 15px; display:block; text-align:center; box-sizing:border-box;}
	.icon_box dl dt {display:inline-block; width:100px; padding-bottom:20px;}
	.icon_box dl dt img {width:100%;}
	.icon_box dl dd {display:block; padding-left:0px;}
	.icon_box dl dd .mt {font-size:18px; padding-bottom:10px;}
	.icon_box dl dd .st {line-height:20px;}
	.basic_table table tbody tr td.line_height02 {line-height:20px;}
	.sequence_box dl {display:table; width:100%; text-align:center;}
	.sequence_box .sequence {border-bottom:1px solid #e1e1e1;}
	.sequence_box dl dt {display:inline-block; width:100%; padding:20px 15px; box-sizing:border-box; border-right:0; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
	.sequence_box dl dt img {width:75px; padding-bottom:10px;}
	.sequence_box dl dd {display:block; padding:0px 15px;}
	.sequence_box dl dd ul li {width:50%; margin-bottom:20px;}
	.sequence_box dl dd ul li .h_icon {padding-bottom:15px;}
	.sequence_box dl dd ul li .h_icon img {width:85px;}
	.sequence_box dl dd ul li .d_text {color:#5e5e5e;}
	.sequence_box02 {border:1px solid #e1e1e1; border-top: 2px solid #274081;}
	.sequence_box02 ul:after {clear:both; content:''; display:block;}
	.sequence_box02 ul {text-align:center;}
	.sequence_box02 ul li {width:100%;}
	.sequence_box02 ul li:first-child {border-right:0; border-bottom:1px solid #e1e1e1;}
	.sequence_box02 ul li dl {display:block; padding:20px 15px 20px; text-align:center; box-sizing:border-box;}
	.sequence_box02 ul li dl dt {display:inline-block; width:62px; padding-bottom:15px;}
	.sequence_box02 ul li dl dt img {width:100%;}
	.sequence_box02 ul li dl dd {display:block; padding-left:0px; text-align:center;}
	.sequence_box02 ul li dl dd .mt {font-weight:700; padding-bottom:10px;}
	.sequence_box02 ul li dl dd .st {color:#656565;}




	/** 도림천소개 **/
	.dorim_pic ul li {width:100%; margin-right:0px; margin-bottom:25px;}
	.dorim_pic ul li:last-child {margin-right:0; margin-bottom:0;}
	.dorim_pic ul li dl dt {padding-bottom:10px;}
	.dorim_pic ul li dl dd {line-height:20px;}



	/** 테마놀이터 **/
	.bcon_tab.two ul li {width:50%;}
	.text_box02 {padding:20px 15px;}
	.text_box02 dl dt {font-size:13px; padding-bottom:10px;}
	.text_box02 dl dd {line-height:20px;}
	.text_box02 dl dd br {display:none;}
	.w_table.pdt {padding-top:30px;}
	.pic_box {padding-top:30px;}
	.pic_box ul li {width:100%; margin-right:0px; margin-bottom:20px; text-align:center;}
	.pic_box ul li:last-child {margin-right:0; margin-bottom:0;}




	/** 주차장현황 **/
	.free_text {font-size:13px;}
	.map_box {background:none;}
	img[usemap] {margin-top:20px;}



	/** 구획선신설신청 **/
	.application ul li a {padding:20px 15px;}
	.application ul li:after {display:none;}
	.application ul li:hover:after {display:none;}
	.application ul li a dl dt {font-size:16px; margin-bottom:10px; padding-right:25px; max-width:100%;}
	.application ul li a dl dt span {margin-right:5px;}
	.application ul li a dl dt .lock {width:14px; right:3px; display:inline-block;}
	.application ul li a dl dt .lock img {padding-left:0px; width:100%;}
	.application ul li dl dd .state span {padding:0 7px;}
	.application ul li dl dd .state span:first-child:after {content:''; display:block; width:1px; height:12px; position:absolute; right:0; top:50%; margin-top:-6px; background:#cccccc;}
	.application ul li dl dd .state span:nth-child(2):after {display:none;}
	.application ul li dl dd .state span em {color:#111; padding-left:5px;}
	.application ul li dl dd .state span i {display:inline-block; width:80px; height:25px; line-height:25px; margin-left:10px;}
	.application ul li dl dd .state span i.type01 {border:1px solid #888; color:#888;}
	.application ul li dl dd .state span i.type02 {border:1px solid #222222; color:#222222;}
	.application ul li dl dd .state span i.type03 {border:1px solid #ee745f; color:#ee745f;}
	.application ul li dl dd .state span i.type04 {border:1px solid #274081; color:#274081;}
	.application ul li dl dd .state span.block {display:block; padding-left:0; padding-top:10px;}
	.application ul li dl dd .state span.block:after {display:none;}




	/** 자주하는질문 **/
	.con_tab.six ul li {width:33.3%; border:1px solid #e1e1e1; box-sizing:border-box; margin-top:-1px; margin-left:-1px;}
	.con_tab.six ul li a {border:0;}
	.con_tab.six ul li a.on {border: 1px solid #274081;}
	.faq_con ul li .tt:after {width:16px; height:8px; right:15px; top:50%; margin-top:-4px; background-size: 16px;}
	.faq_con ul li.target .tt:after {width:16px;height:8px;right: 15px;top:50%; margin-top:-4px;background-size: 16px;}
	.faq_con ul li {position:relative; border-bottom:1px solid #e1e1e1; cursor:pointer;}
	.faq_con ul li .tt {padding:20px 30px 20px 15px; font-size:13px; line-height:20px; background-size:30px;}
	.faq_con ul li.target .tt {background:url(../../gwanakgu/images/sub/faqbg01.png) no-repeat 15px center; background-size:26px;}
	.faq_con ul li .tt span {padding-left:40px;}
	.faq_con ul li .tt img {width:36px; display:table-cell;}
	.faq_con ul li .st {padding:15px 15px 15px; background:#f8f8f8 url(../../gwanakgu/images/sub/faqbg05.png) no-repeat 15px center; background-size:26px;}
	.faq_con ul li .st span {margin-left:40px; display:inline-block; font-size:13px; color:#707070; line-height:20px;}



	/** 클린신고센터 **/
	.sj_text {padding-bottom:20px;}
	.sj_text dt {font-size:20px; padding-bottom:15px; line-height:26px;}
	.sj_text dd {font-size:13px; line-height:20px;}
	.grey_box {padding:15px;}
	.grey_box span {background:url(../../gwanakgu/images/sub/grey_boxbg.png) no-repeat left 6px; background-size:16px; padding-left:22px; text-align:left;}
	.report {padding-top:30px;}
	.report ul li {width:100%; margin-right:0px; margin-bottom:20px;}
	.report ul li:last-child {margin-bottom:0;}
	.report ul li dl dt {padding:25px 0px; margin:0 15px;}
	.report ul li dl dd {padding:20px 0; font-size:18px;}
	.report ul li dl dd span {font-size:18px;}
	.report ul li dl dd span:after {width:30px; height:30px; background:url(../../gwanakgu/images/sub/report04.png) no-repeat; right:15px; top:50%; margin-top:-15px; background-size:30px;}




	/** 고객민원상담리스트 **/
	.basic_box.no_pdb {padding-bottom:0;}
	.inbtn_area {margin-top:20px;}
	.inbtn_area dl {display:block; padding:20px 0;}
	.inbtn_area dl dt {display:block; font-size:15px; padding-bottom:15px;}
	.inbtn_area dl dd {display:block; text-align:right;}
	.inbtn_area dl dd span {display:inline-block; width:50%; margin-left:0px; box-sizing:border-box;}
	.inbtn_area dl dd span:first-child {padding-right:5px;}
	.inbtn_area dl dd span:last-child {padding-left:5px;}
	.inbtn_area dl dd span a {height:35px; line-height:35px;}
	.inbtn_area dl dd span a.basic_btn01 {border:1px solid #222;}
	.inbtn_area dl dd span a.basic_btn02 {border:1px solid #274081;}
	.mgt50 {margin-top:25px;}
	.mawrite_list ul li a dl dd .subject {font-size:15px; padding-right:25px; height:18px; margin-bottom:10px;}
	.mawrite_list ul li a dl dd .subject .lock {width:13px; right:15px; top:0;}
	.mawrite_list ul li a dl dd .subject .lock img {width:100%;}
	.mawrite_list ul li a dl dd .state span.block {display:block; padding-left:0; padding-top:10px;}
	.mawrite_list ul li dl dd .state span:nth-child(2):after {display:none;}



	/** 고객민원상담상세 **/
	.view_tt {font-size:16px; padding-bottom:20px;}
	.view_tt.pdt {padding-top:30px;}
	.view_tt span {padding:0 15px; height:28px; line-height:28px; font-size:13px; margin-right:0px;}
	.view_tt em {font-size:16px;}
	.view_tt i {display:block; font-size:15px; padding-top:10px;}
	.view_box .view_head {padding:15px; font-size:13px;}
	.view_box .view_head span {display:block; padding:0;}
	.view_box .view_head span:first-child {padding-bottom:5px;}
	.view_box .view_head span:nth-child(2) {padding-bottom:5px;}
	.view_box .view_head em {display:inline-block; float:none; padding-top:5px;}
	.view_box .view_con {padding:15px; font-size:13px; line-height:20px;}
	.view_box .view_file {padding:15px;}
	.view_box .view_file dl {display:block;}
	.view_box .view_file dl dt {display:block; font-size:13px; font-weight:700; padding-bottom:15px;}
	.view_box .view_file dl dd {display:block;}
	.view_box .view_file dl dd span {display:block; margin-right:0px; margin-bottom:10px;}
	.view_box .view_file dl dd span:last-child {margin-bottom:0;}
	.view_box .view_file dl dd span a {padding:0 15px; height:30px; line-height:30px;}
	.hisco_table .type04 td textarea {height:130px;}




	/** 공영주차장이용안내 **/
	.m_table table tbody tr.down_map td {padding:20px 15px;}
	.down_map td {height:250px;}
	.map_btn {height:30px; border:1px solid #229657; line-height:30px;}
	.map_btn:before {content:''; display:block; background:url(../../gwanakgu/images/sub/makerbg.png) no-repeat; position:absolute; width:12px; height:14px; left:7px; top:50%; margin-top:-7px; background-size:10px;}
	.map_btn:after {content:''; display:block; background:url(../../gwanakgu/images/sub/makerbg02.png) no-repeat; position:absolute; width:12px; height:7px; right:7px; top:50%; margin-top:-3.5px; background-size:12px;}
	.line_height {line-height:20px;}
	.first_btn {display:block;}
	.first_btn a {padding:0 15px; margin-left:0px; margin-top:5px;}


	/** 고객의소리_고객제안 **/
	.detail_box .detail_area {padding:20px 15px 70px;}
	.detail_box dl dt {width:65px;}
	.detail_box dl dt p {height:30px; line-height:30px;}
	.detail_box dl dd {padding-left:15px;}
	.detail_box .detail_btn {width:100%; height:35px; right:0px; top:inherit; bottom:20px; margin-top:0px;}
	.detail_box .detail_btn a {width:100%; height:35px; line-height:35px; border:1px solid #222; font-size:13px; color:#222;}
	.detail_box .detail_btn a:hover {background:#222; color:#fff;}
	.detail_box .detail_down {padding:15px;}




	/** 주병관광안내 **/
	.health_img {padding-bottom:30px;}
	.health_img img {width:100%;}
	.nearby_area ul li {width:100%; margin-top:20px;}
	.nearby_area ul li:nth-child(odd) {padding-right:0px;}
	.nearby_area ul li:nth-child(even) {padding-left:0px;}
	.nearby_area ul li:nth-child(2) {margin-top:20px;}
	.nearby_area ul li .nearby_box {padding:10px; height:inherit;}
	.nearby_area ul li .nearby_box .nearby_img {width:100%; height:inherit; text-align:center;}
	.nearby_area ul li .nearby_box .nearby_img img {width:100%; height:100%; max-width:525px;}
	.nearby_area ul li .nearby_box dl {padding:20px 5px 10px;}
	.nearby_area ul li .nearby_box dl dt {font-size:15px; padding-bottom:10px;}
	.nearby_area ul li .nearby_box dl dd {line-height:20px;}



	/** 도보건강코스 **/
	.tt_txt .tt_br {display:block; padding-top:5px;}
	.walking_box ul li {width:100%; margin-top:20px;}
	.walking_box ul li:nth-child(2), .walking_box ul li:nth-child(3) {margin-top:20px;}
	.walking_box ul li dl dt {width:280px;}
	.walking_box ul li dl dt .warking_img {text-align:center;}
	.walking_box ul li dl dt .warking_img img {width:100%; max-width:310px;}
	.walking_box ul li dl dt .warking_st {padding:10px 0; font-size:13px;}
	.walking_box ul li dl dt .warking_mt {padding:10px 0;}
	.walking_box ul li dl dd {width:50px;}
	.walking_box ul li dl dd .warking_text {padding-top:10px; color:#656565; font-size:12px;}
	.walking_box ul li dl dd .warking_arrow {width:34px; height:34px; display:inline-block;}
	.walking_box ul li dl dd .warking_arrow img {width:100%; height:100%;}
	.map_parking {padding:15px;}
	.map_parking strong {position:absolute;}
	.map_parking span {display:inline-block; padding-left:36px;}
	#daumRoughmapContainer1540458414322 {width:100% !important;}




	/** 소비자중심경영 **/
	.con_tab.mfull ul li {width:100%; margin-top:-1px; border:1px solid #e1e1e1;}
	.con_tab.mfull ul li a {border:0;}
	.con_tab.three.mfull ul li:last-child {width:100%;}
	.con_tab.mfull ul li a.on {color:#274081; font-weight:700; background:#edf0f6; border:1px solid #274081;}
	.con_tab.three.mfull ul li:first-child a {border-left:0;}
	.con_tab.three.mfull ul li a.on {border-left:1px solid #4075bd;}
	.consumer_box {padding:20px 15px;}
	.consumer_box dl {display:block;}
	.consumer_box dl dt {display:block; width:100%; border-right:0; margin-bottom:15px;}
	.consumer_box dl dd {display:block; padding-left:0px; text-align:center;}
	.consumer_box dl dd .st {font-size:16px; padding-bottom:10px;}
	.consumer_box dl dd .mt {line-height:20px;}
	.consumer_box dl dd .mt br {display:none;}
	.ccm_img {padding:40px 15px; margin-top:20px;}
	.ccm_img dl {text-align:center;}
	.ccm_img dl dt {padding-bottom:20px; font-size:18px;}
	.ccm_img dl dd img {width:100%;}



	/** 소비자중심경영02 **/
	.basic_text {font-size:16px; line-height:22px; padding-bottom:30px;}
	.basic_text br {display:none;}
	.staff_text {padding-top:20px;}
	.staff_text dl {text-align:left;}
	.staff_text dl dt {font-size:13px; padding-bottom:10px;}
	.staff_text dl dd {font-size:13px; text-align:right;}
	.c_tt {display:block; font-size:13px; line-height:20px; padding-bottom:15px;}
	.c_tt br {display:none;}



	/** 윤리경영01 **/
	/*.boss_box {padding:20px 15px 190px;}*/
	.boss_box {padding:20px 15px 20px;}
	.boss_box:after {display:block; content:''; background:url(../../gwanakgu/images/sub/ceobg_2022.png) no-repeat; position:absolute; right:-20px; /*top:70px;*/bottom:0; width:220px; height:160px; background-size:90%;}
	.boss_box dl dt {font-size:16px; line-height:30px; padding-bottom:15px; letter-spacing:-0.5px;}
	.boss_box dl dt:before {display:none;}
	.boss_box dl dt:after {display:none;}
	.boss_box dl dt span {font-size:20px; letter-spacing:-1px;}
	.boss_box dl dd {font-size:13px; line-height:20px;}
	.boss_box dl dd br {display:none;}
	.boss_box dl dd.sign {padding-top:25px;}
	.boss_box dl dd.sign span {display:block; padding-left:0px; padding-top:10px;}
	.boss_box dl dd.sign span img {width:120px;}
	.boss_txt {padding-top:100px;}
	.boss_txt p {font-size:13px; line-height:20px; padding-top:15px;}
	.boss_txt p br {display:none;}



	.boss_box02 {padding:20px 15px 20px;}
	.boss_box02:after {display:block; content:''; background:url(../../gwanakgu/images/sub/ceobg_jds.png) no-repeat; position:absolute; right:-20px; top:150px; width:220px; height:160px; background-size:90%;}
	.boss_box02 dl dt {font-size:16px; line-height:30px; padding-bottom:15px; letter-spacing:-0.5px;}
	.boss_box02 dl dt:before {display:none;}
	.boss_box02 dl dt:after {display:none;}
	.boss_box02 dl dt span {font-size:20px; letter-spacing:-1px;}
	.boss_box02 dl dd {font-size:13px; line-height:20px;}
	.boss_box02 dl dd br {display:none;}
	.boss_box02 dl dd.sign {padding-top:25px;}
	.boss_box02 dl dd.sign span {display:block; padding-left:0px; padding-top:10px;}
	.boboss_box02ss_box dl dd.sign span img {width:120px;}
	.boss_txt01 {padding-top:100px;}
	.boss_txt01 p {font-size:13px; line-height:20px; padding-top:15px;}
	.boss_txt01 p br {display:none;}



	/** 윤리경영03 **/
	.right_txt {line-height:20px; text-align:left; padding-bottom:15px;}
	.right_txt br {display:none;}
	.str_txt {font-size:13px; line-height:20px;}
	.str_txt.pdt {padding-top:15px;}
	.linem_box.line dl dd {line-height:20px;}
	.linem_box dl dd.pdl {padding-left:10px;}


	/** 공지사항_상세 **/
	.pa_text dl {padding:15px 0;}
	.pa_text dl dt {width:60px; font-size:13px;}
	.pa_text dl dd p {padding-left:10px; font-size:13px; padding-right:95px; height:18px;}
	.pa_text dl dd span {right:15px;}



	/** 채용공고_상세 **/
	.view_box .view_head span.right {float:none; padding:0;}
	.view_box .view_head span.right:after {display:none;}
	.view_box .view_head span em {display:block; padding:0; padding-bottom:5px;}
	.view_box .view_head span em:after {display:none;}
	.view_box .view_head span em:nth-child(2):after {display:none;}
	.view_box .view_head span em:last-child {padding-right:0; padding-bottom:0;}
	.view_box .view_file dl dd span a.noh_btn {padding:15px; height:inherit; line-height:18px;}
	.pdt0 {padding-top:0 !important;}



	/** 공공데이터개방 **/
	.btn_wrap02 {padding-top:20px;}
	.btn_wrap02.right {text-align:center;}
	.btn_wrap02.right span {width:180px;}
	.naver_btn {width:100%; height:40px; line-height:40px; font-size:13px; padding:0 15px; text-align:right; background:#42ad3d url(../../gwanakgu/images/sub/naverbg.png) no-repeat 15px center; background-size:20px;}
	.btn_wrap03 {padding-top:20px;}
	.btn_wrap03.right {text-align:left;}
	.btn_wrap03.right span {width:100%;}
	.data_btn {width:100%; height:40px; line-height:40px; font-size:13px; padding:0 15px 0 110px; background:url(../../gwanakgu/images/sub/databg.png) no-repeat 15px center; border:1px solid #006bc8; background-size:80px;}




	/** 공단홍보관 **/
	.bcon_tab.even ul li {width:50%; margin-top:-1px; border:1px solid #e1e1e1; box-sizing:border-box; margin-left:-1px;}
	.bcon_tab.even ul li a {height:40px; line-height:40px; font-size:13px; margin-left:0px; border:0;}
	.bcon_tab.even ul li a.on  {margin-right:0px; color:#274081; font-weight:700; background:#edf0f6; border: 1px solid #274081;}
	.bcon_tab.odd ul li {width:50%; margin-top:-1px; border:1px solid #e1e1e1; box-sizing:border-box; margin-left:-1px;}
	.bcon_tab.odd ul li a {height:40px; line-height:40px; font-size:13px; margin-left:0px; border:0;}
	.bcon_tab.odd ul li a.on  {margin-right:0px; color:#274081; font-weight:700; background:#edf0f6; border: 1px solid #274081;}
	.board_box ul li {width:100%; margin-right:0px; margin-bottom:20px;}
	.board_box ul li:last-child {margin-bottom:0;}
	.board_box ul li a .boardimg {text-align:center; width:100%; height:180px;}
	.board_box.long ul li a .boardimg {height:100%;}
	.board_box ul li a .boardimg img {width:100%; max-width:380px;}
	.board_box ul li a dl {padding:15px;}
	.board_box ul li a dl dt {font-size:16px; padding-bottom:10px;}
	.paging.mt20 {margin-top:25px;}




	/** 정보공개청구 **/
	.linem_box.btn_aa {padding:20px 15px 70px;}
	.detail_btn {width:100%; height:35px; position:absolute; right:0px; top:inherit; bottom:20px; margin-top:0px; padding:0 15px; box-sizing:border-box;}
	.detail_btn a {width:100%; height:35px; line-height:35px; border:1px solid #274081; font-size:13px;}
	.detail_btn a:hover {background:#274081; color:#fff;}
	.down_btn {padding:0 15px 0 50px; width:100%; height:35px; line-height:35px; margin-right:0px; margin-bottom:10px; box-sizing:border-box; letter-spacing:-0.5px;}
	.down_btn:before {width:40px; height:35px; background:url(../../gwanakgu/images/sub/downbg02.png) no-repeat center; background-size:15px;}




	/** 지원서작성 **/
	.hisco_table.login table.type04 .chk span:nth-child(4) {margin:10px 0 0;}
	.hisco_table.login table.type04 .chk span.mb0 {margin-bottom:0;}
	.application_box {padding:15px 15px;}
	.application_box dl {display:block;}
	.application_box dl dt {display:block;}
	.application_box dl dt span {display:inline-block; padding-right:10px; margin-right:10px;}
	.application_box dl dt span:after {height:12px; margin-top:-6px;}
	.application_box dl dd {display:block; text-align:left; padding-top:10px;}
	.application_box dl dd a {width:100px; height:25px; line-height:25px; border:1px solid #808080;}
	.m_table.form .chk span {margin-left:10px;}
	.m_table.form input {height:33px; padding:0 15px; box-sizing:border-box; color:#5e5e5e;}
	.m_table.form table tbody tr td {padding:10px;}
	.w_con {border:1px solid #e1e1e1;}
	.w_con.mgt {margin-top:30px;}
	.w_con textarea {padding:15px; height:120px; font-size:13px; line-height:20px;}
	.w_con p {padding:15px;}
	.pdt40 {padding-top:20px;}
	.mgt40 {margin-top:20px;}
	.application_pop {padding:30px 15px;}
	.application_pop .app_wrap .app_head {height:50px; padding:15px; font-size:16px;}
	.app_close {width:40px; height:50px; background-size:20px;}
	.app_close a {width:40px; height:50px;}



	/** 인사말 **/
	.boss_box.type {padding:20px 15px 20px;}
	.boss_box.type dl dt {line-height:20px;}
	.boss_box.type dl dd {font-size:18px;}
	.boss_box.type dl dd.sign {font-size:15px;}
	.boss_txt.type p strong {color:#222;}




	/** 설립근거및목적 **/
	.basis_box {padding-top:10px;}
	.basis_box ul li {width:100%; box-sizing:border-box; text-align:center; margin-bottom:30px; height:inherit;}
	.basis_box ul li:last-child {margin-bottom:0;}
	.basis_box ul li img {width:100%; max-width:540px;}
	.basis_box ul li:nth-child(2) {display:none;}




	/** 미션_비전_전략 **/
	.vision > ul > li {margin-bottom:30px;}
	.vision > ul > li dl dt {font-size:20px; padding-bottom:15px;}
	.vision > ul > li:nth-child(1) dl dd {padding:20px 15px; font-size:15px;}
	.vision > ul > li:nth-child(2) dl dd {padding:20px 15px;}
	.vision > ul > li:nth-child(2) dl dd .st {font-size:15px; padding-bottom:10px;}
	.vision > ul > li:nth-child(2) dl dd .mt {font-size:13px;}
	.vision > ul > li:nth-child(3) dl dt {padding-bottom:20px;}
	.vision > ul > li dl dd .strategy_icon ul li {width:50%; margin-bottom:20px;}
	.vision > ul > li dl dd .strategy_icon ul li dl dt {padding-bottom:10px; width:100px; height:100px;}
	.vision > ul > li dl dd .strategy_icon ul li:nth-child(5) {margin-bottom:0;}



	/** 조직안내및연락처 **/
	.linem_img {padding:20px 0;}
	.linem_img img {width:100%; max-width:1100px;}




	/** 경영정책 **/
	.linem_box02 {padding:20px 15px;}
	.linem_box03 {padding:20px 15px;}
	.idea {padding:20px 15px;}
	.idea dl {display:block; text-align:center;}
	.idea dl dt {display:inline-block; width:70px; padding-bottom:15px;}
	.idea dl dt img {width:100%;}
	.idea dl dd {padding-left:0px; display:block;}
	.idea dl dd .st {font-size:16px; padding-bottom:10px; line-height:22px;}
	.idea .idea_btn {position:relative; top:50%; margin-top:20px; right:0px;}
	.idea .idea_btn a {width:100%; height:35px; line-height:35px; border:1px solid #273e82;}



	/** 경영정책(참여예산) **/
	.boss_box.type02 {padding:20px 15px 210px;}
	.boss_box.type02 {overflow:hidden;}
	.boss_box.type02 dl .small_text {font-size:13px; line-height:20px; padding-top:0px;}
	.boss_box.type02:after {background:url(../../gwanakgu/images/sub/imgbg.png) no-repeat; width:240px; height:210px; background-size:220px;}
	.number_box {padding:20px 15px;}
	.number_box p {font-size:13px; line-height:20px;}
	.number_box .number {padding-top:30px;}
	.number_box .number ul li {width:50%; padding:0 15px; box-sizing:border-box; margin-bottom:10px;}
	.number_box .number ul li img {width:100%; max-width:198px;}
	.number_box .number ul li:after {right:-5px; width:10px; height:17px; top:50%; margin-top:-8.5px; background:url(../../gwanakgu/images/sub/numberbg.png) no-repeat;}
	.number_box .number ul li:last-child:after {display:none;}




	/** 연혁 **/
	.history ul {display:block; padding-bottom:15px;}
	.history ul:last-child {padding-bottom:0;}
	.history ul li {display:block;}
	.history ul li.year {font-size:25px; line-height:25px; width:100%; padding-bottom:5px;}
	.history ul li.day {padding:10px 0 20px;}
	.history ul li.day:before {display:none;}
	.history ul li.day p {padding:3px 0; padding-left:0px;}
	.history ul li.day p:before {display:none;}
	.history ul li.day p:first-child:before {display:none;}
	.history ul li.day p span {font-size:13px; position:absolute;}
	.history ul li.day p em {padding-left:50px; font-size:13px;}




	/** 오시는길 **/
	.txt_title {font-size:20px; padding-bottom:30px;}



	/** 수정 폼 **/
	.modules_board .proc_list .search {margin:25px 0;}
	.modules_board .proc_list .search form {padding: 20px 15px;}
	.modules_board .proc_list .search form fieldset > * {float: left; margin: 0 10px 0 0;}
	.modules_board .proc_list .search form fieldset {display:block; padding: 0; position:relative;}
	.modules_board .proc_list .search form fieldset select {height: 35px; margin-bottom:10px; width:100%;}
	select { padding-left:15px; padding-right: 25px;-webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url(../image/arrow.png) no-repeat right center; cursor: pointer;}
	.modules_board .proc_list .search form fieldset label { position: absolute; width: 0; height: 0;font-size: 0; overflow: hidden;}
	.modules_board .proc_list .search form fieldset input { min-width:100%;height: 35px;border: 1px solid #e1e1e1;box-sizing: border-box; padding:0 15px; box-sizing:border-box; margin-bottom:10px;}
	.modules_board .proc_list .search form fieldset button, .modules_board .proc_list .search form fieldset a {min-width:80px;height: 35px; line-height: 35px; font-size: 13px; position:absolute; right:0px; margin-right:0; bottom:10px;}
	.mt0 {margin-top:0 !important;}


	 /** 수정 게시판타입2 **/
	.modules_board .proc_list .list.type02 ul li a {padding:20px 15px;}
	.modules_board .proc_list .list.type02 ul li a:before {display:none;}
	.modules_board .proc_list .list.type02 ul li a dl.dl1 {padding-bottom:10px;}
	.modules_board .proc_list .list.type02 ul li a dl.dl1 dd.doc_no {float:none; width:inherit; font-size:16px;}
	.modules_board .proc_list .list.type02 ul li a dl.dl1 dd.doc_title {font-size:16px;}
	.modules_board .proc_list .list.type02 ul li a dl.dl1:before {display:none;}
	.modules_board .proc_list .list.type02 ul li a:hover:before {border: 1px solid #222;color: #222; transition: all .5s;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 {position: relative;line-height:25px;padding:0;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex01 {float: left;color: #666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex02 {float: left;color: #666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex03 {float: left; color: #666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex04 {float: left;color: #666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex05 {float: left; color: #666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex01 {float: left;color: #111;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex02 {float: left;color: #111;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex03 {float: left;color: #111;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex04 {float: left;color: #111;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex05 {float: left;color: #111;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex01:after {display: inline-block;padding: 0 3px;content: ":";}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex01:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex02:after {display: inline-block;padding: 0 3px;content: ":";}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex02:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex03:after {display: inline-block;padding: 0 3px;content: ":";}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex03:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex04:after {display: inline-block;padding: 0 3px;content: ":";}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex04:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_ex05:after {display: inline-block;padding: 0 3px;content: ":";}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_ex05:after {display: inline-block;padding: 0 10px;content: " | "; color:#666;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd:last-child:after {display:none;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dt.doc_chathead {line-height:40px;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_chathead.doc_chathead_답변완료 span {border-color: #ee745f;color: #ee745f;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_chathead {line-height:40px;}
	.modules_board .proc_list .list.type02 ul li a dl.dl2 dd.doc_chathead span {display: inline-block;width: 112px;line-height:30px; border: 1px solid #888;text-align: center;color: #666;}
	.clear {clear:left !important;}
	.b_none:after {display:none !important;}



	 /** 회원카드 **/
	.card ul li {width:100%; margin-right:0px; margin-bottom:20px;}
	.card ul li a {width:100%;}
	.card ul li a .card_tt {height:50px; line-height:50px; font-size:15px;}
	.card ul li a .card_con {padding:20px 15px;}
	.card ul li a .card_con img {width:160px;}
	.card ul li a .card_num {padding-top:15px; font-size:13px;}
	 /** 회원카드팝업 **/
	.bacordpop_wrap {width:345px;}
	.bacordpop_top {height:50px; line-height:50px; font-size:20px;}
	.bacordpop_top .pop_close {position:absolute; width:20px; height:20px; top:13px; right:15px;}
	.basic_close {background-size:20px; width:20px; height:20px;}
	.bacord_con {padding:20px 15px;}
	.bacord_con dl dt {font-size:22px; padding-bottom:15px;}
	.bacord_con dl dd.tt {font-size:18px; padding-bottom:15px;}
	.bacord_con dl dd.img {padding-bottom:15px; font-size:30px;}
	.bacord_con dl dd.num {font-size:15px; font-weight:700;}




	 /** 이메일무단수집거부 **/
	.etc_text {line-height:20px;}
	.etc_text br {display:none;}
	.etc_tt {line-height:23px;}




	 /** 개인정보처리방침 **/
	.etc_area {padding:20px 15px; margin-bottom:20px; line-height:20px;}
	.etc_area p {padding-bottom:10px;}
	.etc_wrap p.img {padding-top:15px;}
	.etc_wrap p.img img {width:100%;}




	 /** 조직안내및연락처 2018-12-14 추가**/
	.group_pop .group_wrap {width:100%; padding:0 15px; box-sizing:border-box;}
	.group_pop .group_wrap .app_head {height:50px; padding:15px; font-size:16px;}
	.group_close {position:absolute; right:0; top:0; width:40px; height:50px;}
	.group_close a {width:40px; height:50px; background:url(../../gwanakgu/images/sub/group_closebg.png) no-repeat center; background-size:20px;}
	.group_con {padding:20px 15px;}
	.group_pop .m_table table tbody tr td br {display:block;}




	/*2019-01-09추가*/
	h5 {font-size:14px;}



	/*2019-01-10추가*/
	.group_box {padding:90px 0 0;}
	.group_btn {width:100%; height:60px; position:absolute; top:30px; right:inherit; left:0; margin-left:0px; padding:0 15px; box-sizing:border-box;}
	.group_btn a {padding:3px; border:1px solid #777; width:100%; height:60px;}
	.group_btn a span {line-height:52px; font-size:16px; color:#fff; padding-right:15px; height:52px;}
	.group_btn a span:after {background:url(../../gwanakgu/images/sub/grouppopbg.png) no-repeat; width:18px; height:18px; top:17px; background-size:18px; right:60px;}
	.group_img .boss {padding-bottom:30px;}
	.group_img .boss:after {width:1px; height:30px; margin-left:0.5px;}
	.group_img .boss p {width:100%; height:60px; border:1px solid #3a3a3a; padding:3px;}
	.group_img .boss p span {height:52px; border-radius:40px; font-size:16px; /*padding-top:7px;*/}
	.group_img .boss p span em {font-size:14px;}
	.group_img .boss02 {padding-bottom:30px;}
	.group_img .boss02:after {width:1px; height:30px; margin-left:-0.5px;}
	.group_img .boss02 p {width:100%; height:60px; border:1px solid #229557; padding:3px;}
	.group_img .boss02 p span {height:52px; font-size:16px; /*padding-top:7px;*/}
	.group_img .boss02 p span em {font-size:14px;}
	.group_box ul:before {display:none;}
	.group_box ul li {padding-top:30px; width:100%; margin-right:0px;}
	.group_box ul li:before {width:1px; height:30px; margin-left:0.5px;}
	.group_box ul li dl dt {padding:20px 15px;}
	.group_box ul li dl dt .mt {font-size:16px; padding-bottom:5px;}
	.group_box ul li dl dt .st {font-size:14px; line-height:20px;}
	.group_box ul li dl dd {padding:20px 15px; height:inherit;}
	.group_box ul li dl dd span {display:block; padding-left:10px; font-size:15px; color:#656565; padding-bottom:5px; position:relative; letter-spacing:-0.5px;}
	.group_box ul li dl dd span:before {width:2px; height:2px; content:''; display:block; position:absolute; top:8px; border:1px solid #7e7e7e; border-radius:100%; left:0;}
	.group_box ul li dl dd span:last-child {padding-bottom:0;}
	
	/*20241227 추가*/
	.group_img	.group_btn, .group_img .boss02, .group_img .boss03{position: relative; top: 0; left: 0; width: 100%; box-sizing: border-box; }
	.group_img	.group_btn{padding:0; height: 60px; margin-bottom: 30px}
	.group_img	.group_btn:after{width:1px; height:30px; margin-left:-0.5px; top: 60px; left: 50%}
	.group_img	.group_btn span{font-weight: 400; padding: 0}
	.group_img .boss p span, .group_img .boss02 p span {height:52px; font-size:16px;line-height: 52px;}

	.group_img .boss03 p {width:100%; height:60px; border:1px solid #229557; padding:3px;}
	.group_img .boss03 p span {height:52px; font-size:16px; padding-top:7px;}
	.group_img .boss03 p span em {font-size:14px;}
	.group_box ul:before{content: none}
	.group_box ul li{width: 100%; padding-top:30px}
	

}

@media all and (min-width:320px) and (max-width:700px) {
.m_table.scroll {overflow:auto;}
.m_table.scroll table {width:700px;}
.m_table.scroll02 table {width:800px;}
.m_table.scroll02 table {width:900px;}
.basic_table.scroll {overflow:auto;}
.basic_table.scroll table {width:700px;}
}


@media all and (min-width:320px) and (max-width:800px) {
.m_table.scroll02 {overflow:auto;}
.m_table.scroll02 table {width:800px;}
}

@media all and (min-width:320px) and (max-width:900px) {
.m_table.scroll03 {overflow:auto;}
.m_table.scroll03 table {width:900px;}
}

@media all and (min-width:320px) and (max-width:374px) {
.family_box .select dl dt a {padding:0 5px; letter-spacing:-1px;}
.mobile_gnb_close {right:5px;}
.gnb_wrap ul > .cd1 > a {width:85px; font-size:15px;}
.gnb_wrap .ld1 {width:280px;}
.gnb_wrap ul > .cd1 .lb1 {width:195px;}
.gnb_wrap ul > .cd1 .lb1 .cd2 {width:195px;}
.gnb_wrap ul > .cd1 .lb1 .ld2 > li > a {font-size:14px;}
.header_wrap {width:280px;}
.search_menu ul .right_menu {width:280px;}
#notification_area .slides li img {width:270px;}
.line_area .line_box .line.choice ul li {width:25%; padding-top:10px;}
.line_area .line_box .line ul {padding:10px 15px 20px;}
.con_tab ul li a {letter-spacing:-1px;}
.mawrite_list ul li dl dd .state span i {width:65px; margin-left:5px;}
.application ul li dl dd .state span i {width:65px; margin-left:5px;}
.down_btn {padding:0 10px 0 40px; letter-spacing:-1px;}

.bacordpop_wrap {width:290px;}
}


@media all and (min-width:600px) and (max-width:1199px) {
.board_box ul li {width:50%; margin-right:0px; margin-bottom:20px; box-sizing:border-box;}
.board_box ul li:nth-child(odd) {padding-right:10px;}
.board_box ul li:nth-child(even) {padding-left:10px;}
.vision > ul > li:nth-child(1) dl dd {padding:20px 30px; font-size:15px;}
.vision > ul > li:nth-child(2) dl dd {padding:20px 30px;}
 /** 회원카드 **/
.card ul li {width:50%; margin-right:0px; margin-bottom:20px; box-sizing:border-box;}
.card ul li:nth-child(odd) {padding-right:10px;}
.card ul li:nth-child(even) {padding-left:10px;}
.card ul li a {width:100%;}
.card ul li a .card_tt {height:50px; line-height:50px; font-size:15px;}
.card ul li a .card_con {padding:20px 15px;}
.card ul li a .card_con img {width:180px;}
.card ul li a .card_num {padding-top:15px; font-size:13px;}
/* 윤리경영*/
.boss_box02:after {display:block; content:''; background:url(../../gwanakgu/images/sub/ceobg_jds.png) no-repeat; position:absolute; right:0px;top:30px !important; width:220px; height:160px  !important; background-size:200px;}
.boss_box02 dl dd{width:70%}
.boss_txt01 {padding-top:30px;}
}



@media screen and (max-width: 767px) {
	/** 역대 CEO **/
.history_m .h_img{ padding: 10px ; text-align: center; width:28%; box-sizing:border-box }
	.history_m .h_img img{width: 100%;}
	.history_m dl{ ; float:left; margin-left:5px;  width:70%; box-sizing:border-box; }
	.history_m dt{font-size:16px}
	.history_m dd{ font-size: 1em; padding-left: 10px;}
	.history_m dd span{ float: none; width: 100%; font-size: 13px; display: block; margin-left: -10px; margin-bottom: 5px;}
    }
    


@media screen and (max-width: 360px) {
	input + label {    margin-right: 0;}
	br.mobile{display:block !important;}
}


.root_daum_roughmap	{ width: 100% !important; }
.wrap_controllers.hide	{ position: static; width: auto; height: auto; font-size: inherit; overflow: visible; }



.modules_board .proc_list .category ul	{ display: flex; flex-wrap: wrap; border-width: 0 0 1px 1px; border-style: solid; border-color: #ddd; background-color: #f8f9fb; }
.modules_board .proc_list .category ul li	{ flex: 1 1 20%; border-width: 1px 1px 0 0; border-style: solid; border-color: #ddd; }
.modules_board .proc_list .category ul li a	{ display: flex; align-items: center; justify-content: center; min-width: 150px; height: 64px; line-height: 1.1; padding: 0 10px; border: 0 none; text-align: center; font-size: 17px; font-weight: var(--font-sami-bold); white-space: nowrap; }
.modules_board .proc_list .category ul li a:focus, .modules_board .proc_list .category ul li a:hover, .modules_board .proc_list .category ul li a:active	{ background-color: #666; color: #fff; }
.modules_board .proc_list .category ul li a.on	{ position: relative; z-index: 2; width: calc(100% + 2px); height: 66px; margin: -1px; border: 1px solid #3d5688; background-color: #fff; color: #3d5688; box-shadow: 0 10px 30px rgba(61, 86, 136, 0.1); }


.modules_board .proc_read .read_file ol li	{ margin-bottom: 10px; }

.modules_board .proc_read a.button.download.small	{ height: 30px; margin-bottom: 5px; font-size: 14px; }
.modules_board .proc_read .category{background: #229657; color:#fff; padding:5px 10px; font-size:1rem}



@media screen and (max-width: 768px)
{
	.modules_search .search_form form fieldset	{ max-width: 100%; }
	
	.modules_search .search_tab ul	{ display: flex; flex-wrap: wrap; gap: 1px; }
	.modules_search .search_tab ul li	{ flex: 1 1 33.33%; display: block; width: auto; }
	.modules_search .search_tab ul li a	{ margin: 0; }
	.modules_search .search_tab ul li a.active:after	{ content: none; }
	
	
	.modules_contents .contents_content .notice	{ position: static; }
}



@media all and (max-width: 1200px) and (min-width: 320px)
{
	.pagejump	{ margin-top: 25px; }
	.pagejump a	{ width: 33px; height: 33px; line-height: 33px; font-size: 14px; }
	
	
	.my_article .list table	{ display: block; }
	.my_article .list table colgroup	{ display: none; }
	.my_article .list table thead	{ display: none; }
	.my_article .list table tbody	{ display: block; text-align: left !important; }
	.my_article .list table tbody tr	{ display: block; border-bottom: 1px solid #333; }
	.my_article .list table tbody tr td	{ position: relative; display: block; padding: 5px 0 5px 100px; border-width: 0 0 1px 0; border-style: solid; border-color: #dedede; }
	.my_article .list table tbody tr td:last-child	{ border-bottom: 0 none; }
	.my_article .list table tbody tr td:before	{ position: absolute; left: 0; top: 0; width: 100px; padding: 5px 0; text-align: center; font-weight: 600; color: #000; }
	.my_article .list table tbody tr td:nth-child(1):before	{ content: "번호"; }
	.my_article .list table tbody tr td:nth-child(2):before	{ content: "메뉴명"; }
	.my_article .list table tbody tr td:nth-child(3):before	{ content: "제목"; }
	.my_article .list table tbody tr td:nth-child(4):before	{ content: "등록일"; }
	
	
	
	
	/* 모바일 추가 처리 */
	.root_daum_roughmap	{ width: auto !important; max-width: 100% !important; }
	
	.modules_board .proc_list .search form fieldset input	{ min-width: 150px; }
	
	
	.modules_board .proc_list .list ul li a dl.dl1	{ float: none; width: auto; padding-bottom: 15px; border-bottom: 1px dotted #e1e1e1; }
	.modules_board .proc_list .list ul li a dl.dl1:before	{ content: none; }
	.modules_board .proc_list .list ul li a dl.dl1 dd.category	{ padding: 0 0 10px 15px; text-align: left; font-size: 18px; }
	.modules_board .proc_list .list ul li a dl.dl1 dd.doc_no	{ padding-left: 15px; text-align: left; }
	.modules_board .proc_list .list ul li a dl.dl2	{ line-height: 30px; padding: 15px 15px 0 15px; }
	.modules_board .proc_list .list ul li a dl.dl2 dd.doc_title strong	{ font-size: 15px; }
	.modules_board .proc_list .list ul li a dl.dl2 dd.doc_chathead span	{ width: auto; min-width: 80px; line-height: 25px; border: 1px solid #888; }
	
	.modules_board .proc_list .list ul li a dl.dl2 dd.doc_state span	{ width: auto; min-width: 80px; line-height: 25px; border: 1px solid #888; }
	
	.modules_board .proc_read .consumer_box	{ padding: 20px 15px !important; font-size: 13px; }
	.modules_board .proc_read .read_header h3 strong	{ line-height: 26px; font-size: 13px; margin-right: 0; }
	
	
	
	footer aside	{}
	footer .wa	{ display: block; position: static; right: auto; top: auto; padding-top: 100px; text-align: center; }
	footer .wa img	{ height: 50px; }
}