/* 버튼 관련 css 로드 */
@import url(font.css?v=2.12);
@import url(component.css);
@import url(page_billboard.css?v=1.12);
@import url(join_banner.css?v=1.01);
@import url(footer.css?v=1.02);
@import url(mobile_sidemenu.css);
@import url(map.css?v=1.07);

#wrap {
	font-size: 12px;
	font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';
	font-style:normal;
	color:#4d4b45;
	min-width:300px;
}

/* #header {position: fixed; top:0px; left:0px; width:100%; z-index: 100;height:auto;} */

#header {position: fixed; top:0px; left:0px; width:100%; z-index: 999;transition: top 0.15s ease-in-out;}

/* include/gnb_bar.html 소스 중 .notice_top_area1 */
/* 변형 (notice_bar 있을때) */
/*.nav-up { top: -150px !important; } */
/* 기본 (notice_bar 없을때) */
.nav-up { top: -120px !important; }
.nav-down { top: 0px !important; }


/*공통*/
a { text-decoration:none; }
.clearfix { font-size:1px !important; font-size:0px !important; line-height:1px !important; line-height:0px !important; clear:both !important; display:block !important; width:100% !important; height:1px !important; height:0px !important; margin:0px !important; padding:0px !important; }
.input-fix { height:auto !important; width:auto !important; border:solid 0px !important; }

textarea, input, select {font-family:'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'}


/*영상플레이버튼*/
.btn-bg { position:absolute; top:0px; left:0px; width:100%; height:100%; background:#000; z-index:2; opacity:0.3; filter:alpha(opacity=30); }
.btn-play { position:absolute; top:0px; left:0px; width:100%; height:100%;z-index:3; }
.btn-play a { display:block; width:100%; height:100%; background:url(../images/board/btn_play.png) no-repeat center center; }

/*영상플레이버튼*/
.mov-btn { position:relative; }
.mov-btn .btn { position:absolute; display:table-cell; top:0px; left:0px; width:100%; height:100%; background:url(../images/commons/mask_bg.png); z-index:2; text-align:center;  }
.mov-btn .btn a { position:absolute; top:50%; left:50%; margin:-12px 0 0 -15px; }
.mov-btn > a > img { position:static !important; margin:0px !important;  }


/* 지역전용 메뉴 */
.category2 { clear:both; display:table; width:100%; border-top:solid 3px #888; margin-bottom:20px; background: #555;}
.category2 li { display:table-cell; width:16.6%; text-align:center; padding:14px 8px 13px 8px; border-bottom:solid 3px #888888;}
.category2-auto li  { width:auto; }
.category2 li a { font-size:18px; font-weight:bold; color:#FFFFFF; white-space:nowrap; letter-spacing:-1px;}
.category2 li a:hover { color:#ffed00;  }
.category2 li.cur { border-bottom:solid 5px #ffed00; /*background:#ffed00*/ font-weight:bold;}
.category2 li.cur a { color:#ffed00;font-weight:bold;  }
.category2 .mobile { display:none; }
.category2 .mobile select { width:100%; height:40px; font-size:16px; font-weight:bold; }



/* SNS 아이콘 */
li.sns_band1      {background-image:url('../images/commons/sns_band.png')}
li.sns_blog1      {background-image:url('../images/commons/sns_blog.png')}
li.sns_facebook   {background-image:url('../images/commons/sns_facebook.png')}
li.sns_home       {background-image:url('../images/commons/sns_home.png')}
li.sns_instar     {background-image:url('../images/commons/sns_instar.png')}
li.sns_kakao      {background-image:url('../images/commons/sns_kakao.png')}
li.sns_link       {background-image:url('../images/commons/sns_link.png')}
li.sns_story      {background-image:url('../images/commons/sns_story.png')}
li.sns_tistory    {background-image:url('../images/commons/sns_tistory.png')}
li.sns_twitter    {background-image:url('../images/commons/sns_twitter.png')}
li.sns_youtube    {background-image:url('../images/commons/sns_youtube.png')}
li.sns_plusfriend {background-image:url('../images/commons/sns_plusfriend.png')}
li.sns_brunch     {background-image:url('../images/commons/sns_brunch.png')}

li.sns1_facebook    	 {background-image:url('../images/commons/sns_facebook_w.png');}
li.sns1_facebook:hover	 {background-image:url('../images/commons/sns_facebook.png')}
li.sns1_instar      	 {background-image:url('../images/commons/sns_instar_w.png')}
li.sns1_instar:hover 	 {background-image:url('../images/commons/sns_instar.png')}
li.sns1_twitter 		 {background-image:url('../images/commons/sns_twitter_w.png')}
li.sns1_twitter:hover	 {background-image:url('../images/commons/sns_twitter.png')}
li.sns1_youtube  		 {background-image:url('../images/commons/sns_youtube_w.png')}
li.sns1_youtube:hover	 {background-image:url('../images/commons/sns_youtube.png')}
li.sns1_plusfriend 		 {background-image:url('../images/commons/sns_plusfriend_w.png')}
li.sns1_plusfriend:hover {background-image:url('../images/commons/sns_plusfriend.png')}
li.sns1_brunch 		     {background-image:url('../images/commons/sns_brunch_w.png')}
li.sns1_brunch:hover     {background-image:url('../images/commons/sns_brunch.png')}




/*상단배너*/
#gnb-banner { background:#f7f6f0; height:100px; }
#gnb-banner .inner { max-width:1190px; margin:0 auto; position:relative; }
#gnb-banner .inner .close { position:absolute; right:0px; top:0px; }

/*소셜 & 로그인 바*/
#gnb-bar { background:#fff; height:31px; z-index:20; border-bottom:solid 1px #dedede;}
#gnb-bar .inner { max-width:1190px; margin:0 auto; }
#gnb-bar .inner .sns { float:left; }
#gnb-bar .inner .sns li { float:left; border-left:solid 1px #5f5d58; }
#gnb-bar .inner .sns li.last { border-right:solid 1px #5f5d58; }
#gnb-bar .inner .login { float:right; }
#gnb-bar .inner .login li { float:left; padding:0 10px 0 9px; background-image:url('/newhome/asset/images/commons/top_line1.png'); background-repeat:no-repeat; background-position:right center;}
#gnb-bar .inner .login li:first-child { padding-left:0;}
#gnb-bar .inner .login li:last-child { padding-right:0; background-image:none;}
#gnb-bar .inner .login li a { color:#666; height:30px; line-height:30px; letter-spacing:-0.35px; display:block; }
#gnb-bar .inner .login li a .cnt { display:inline-block; zoom:1; *display:inline; color:#fff; background:#817364; padding:2px 7px 2px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; font-size:12px; line-height:12px; margin-left:0px; }

/*메인메뉴*/
#gnb-menu { background:#fff; height:87px; border-bottom:solid 1px #dedede; z-index:100;}
#gnb-menu.comm_mobile_menu {display:none !important;}
#gnb-menu .inner { max-width:1190px; margin:0 auto; position:relative; text-align:center; }
#gnb-menu .inner .logo { position:absolute; top:11px; left:0px; }
#gnb-menu .inner .logo a img.sub { margin-top:-3px;}
#gnb-menu .inner .logo .subtitle { zoom:1; display:none;}
#gnb-menu .inner .search { position:absolute; top:35px; right:0px; font-size:0px; }
#gnb-menu .inner .search a { margin-left:28px; }
#gnb-menu .inner .menu { display:inline-block; zoom:1; *display:inline; padding-top:30px; margin-left:40px; }
#gnb-menu .inner .menu li { float:left; padding:0 25px; height:62px; }
#gnb-menu .inner .menu li:last-child {padding-right:0px;}
#gnb-menu .inner .menu li a { font-size:18px; font-weight:normal; color:#303030; display:block; padding:1px 0 0px; letter-spacing:-0.5px; }
#gnb-menu .inner .menu li:hover a { border-bottom:solid 2px #ffed00; font-weight:bold; cursor:pointer; }
#gnb-menu .inner .menu li.cur a { border-bottom:solid 2px #ffed00; color:#303030; }
#gnb-menu .inner .menu li.cur2 a { border-bottom:solid 2px #ffed00; color:#303030 !important; font-weight:bold;}

#gnb-menu .inner { max-width:1190px; margin:0 auto; position:relative; text-align:center; }
#gnb-menu .inner .logo { position:absolute; top:10px; left:0px; }
#gnb-menu .inner .logo h2 { display:inline-block; zoom:1; *display:inline; /* background:url('../images/region/title_icon1.png') no-repeat left 13px;*/ padding: 14px 0 10px 0px; margin-top:3px; margin-left:15px; vertical-align:top; font-size:24px; font-weight:bold; color:#231f20; letter-spacing:-2px;}
#gnb-menu .inner .logo h3 { display:none; zoom:1; *display:inline; background:url'(../images/region/title_icon1.png') no-repeat left 14px; padding: 14px 0 10px 43px; margin-top:8px; margin-left:15px; vertical-align:top; font-size:24px; font-weight:bold; color:#231f20; }

#gnb-menu .inner .logo2 { position:absolute; top:10px; left:0px; visibility:hidden;}
#gnb-menu .inner .logo2 h2 { display:inline-block; zoom:1; *display:inline; background:url('../images/region/title_icon1.png') no-repeat left 13px; padding: 14px 0 10px 43px; margin-top:8px; margin-left:15px; vertical-align:top; font-size:24px; font-weight:bold; color:#231f20; }


/* 브랜치메뉴 */
/* #header .branch_mobile_menu { visibility:hidden;} */
#header .branch_mobile_menu { display:none;left:0px;top:95px;position:absolute;}


/*검색*/
#gnb-menu .menu-search { position:absolute; left:0px; /*top:120px;*/ margin-top:-7px; width:100%; background:#fff; border-bottom:solid 1px #eee; z-index:1000; overflow:hidden; display:none; 
box-shadow: 0 8px 17px rgba(0, 0, 0, 0.08); 
-webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.08); 
-moz-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.08); }
#gnb-menu .menu-search .inner { max-width:1190px; margin:0 auto; }
#gnb-menu .menu-search .inner ul { display:inline-block; zoom:1; *display:inline; padding:35px 0 47px; }
#gnb-menu .menu-search .inner ul li input { border:solid 0px #6d6d6d; border-bottom:solid 1px #6d6d6d; height:54px; width:520px; font-size:16px; letter-spacing:-0.5px;}
#gnb-menu .menu-search .inner ul li img {padding:15px 0 11px; border-bottom:solid 1px #6d6d6d;}
#gnb-menu .menu-search .inner ul li input.image {font-size:13px; font-weight:bold;}
#gnb-menu .menu-search .inner ul li { float:left; }


/*서브메뉴*/
#gnb-menu .menu-subgroup { position:absolute; left:0px; /*top:120px;*/ margin-top:-7px; width:100%; height:0px; background:#fff; border-bottom:solid 1px #eee; z-index:999; overflow:hidden; display:none;
box-shadow: 0 8px 17px rgba(0, 0, 0, 0.08); 
-webkit-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.08); 
-moz-box-shadow: 0 8px 17px rgba(0, 0, 0, 0.08); }
#gnb-menu .menu-subgroup .subgroup { max-width:1190px; margin:0 auto; padding:17px 0 0;  width:100%; position:relative; }
/* #gnb-menu .menu-subgroup .subgroup h4 { position:absolute; top:33px; left:2px; font-size:18px; font-weight:bold; color:#4d4b45; } */
#gnb-menu .menu-subgroup .subgroup h4 { display:none; position:absolute; top:13px; left:2px; font-size:18px; font-weight:bold; color:#4d4b45; }
#gnb-menu .menu-subgroup .subgroup > div { margin-left:0; }
#gnb-menu .menu-subgroup .subgroup > div > ul { display:table; width:100%; text-align:center; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li { display:inline-block; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li:first-child { /*padding-left:254px;*/}
#gnb-menu .menu-subgroup .subgroup > div > ul.list {}
#gnb-menu .menu-subgroup .subgroup > div > ul.col6 > li { width:16%; }
#gnb-menu .menu-subgroup .subgroup > div > ul.list > li { float:left; width:auto; border-left:none; padding:0 0 5px;}
#gnb-menu .menu-subgroup .subgroup > div > ul > li h4 { font-size:18px; font-weight:bold; color:#4d4b45; padding:8px 0 0 2px;}
#gnb-menu .menu-subgroup .subgroup > div > ul > li.non { border-left:none; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > a { font-size:13px; color:#4d4b45; display:block; margin-right:30px; letter-spacing:-1px;}
#gnb-menu .menu-subgroup .subgroup > div > ul > li > a:hover { color:#303030; text-decoration:underline; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol { display:none;}
/* #gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a {display:block; padding:8px 0 0 20px; font-size:14px;  color:#555; } */
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a {display:block; padding:4px 0 0 20px; font-size:13px;  color:#555; letter-spacing:-0.8px;}
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a:hover { color:#000; font-weight:800; }

#gnb-menu .menu-subgroup { display:none;}
#gnb-menu .menu-subgroup .subgroup { display:none;}

/*서브메뉴 게시글*/
/* #gnb-menu .menu-subgroup .subgroup-banner { background:#b3afa1 } */
#gnb-menu .menu-subgroup .subgroup-banner { background:url(../images/commons/menu_back.jpg);}

#gnb-menu .menu-subgroup .subgroup-banner .inner { padding:20px 0; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li { width:33.3%; float:left; display:block; height:150px; position:relative; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .img { position:absolute; top:0px; left:0px; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc { margin-left:160px; padding-right:10px; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc h5 { font-size:16px; font-weight:bold; color:#fff; line-height:45px;  }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc p { font-size:14px; color:#fff; line-height:20px; display:block; height:62px; overflow:hidden; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc span { display:block; font-size:14px; color:#fff; padding-top:14px; }

#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc dl dt { font-size:15px; font-weight:bold; color:#fff; padding-left:12px; line-height:25px; background:url(../images/commons/bullet_dot2.png) no-repeat left center; }
#gnb-menu .menu-subgroup .subgroup-banner .inner > ul > li .desc dl dd { font-size:14px; color:#fff; display:block; padding:0px 0 7px 12px; }


/*서브 전체*/
#gnb-menu .menu-subgroup-all { display:block; height:auto !important; }
#gnb-menu .menu-subgroup-all .inner { max-width:1190px; margin:0 auto; padding:7px 0 26px 0;  width:100%; position:relative; }
#gnb-menu .menu-subgroup-all .subgroup { display:table-cell; !important; float:left; width:18.9%; margin-right:1.1%;}
#gnb-menu .menu-subgroup-all .inner > div:last-child { margin-right:0;}
#gnb-menu .menu-subgroup-all .subgroup a { display:block;  }
#gnb-menu .menu-subgroup-all .subgroup h4 { display:inherit; position:static; width:100%; margin-bottom:2px; padding:6px 0 7px; font-size:14px; font-weight:bold; color:#303030; border-top:solid 1px #e4e4e4; border-bottom:solid 1px #e4e4e4; background-image:url('/newhome/asset/images/commons/top_dot1.png'); background-repeat:no-repeat; background-position:right center;}
#gnb-menu .menu-subgroup-all .subgroup > div > ul { display:block; width:100%; padding-top:5px;  }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li { display:block; width:95%; border-left:solid 0px #e6e4df; padding:5px 0 0 0; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li:first-child { padding-left:0;}

#gnb-menu .menu-subgroup-all .subgroup > div > ul.col6 > li {  width:95%; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul.list { border-left:solid 0px #e6e4df; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul.list > li {width:50%; float:left; padding:5px 0 0 0; margin-right:0;}

#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > a { font-size:13px; font-weight:normal; color:#4d4b45; display:block; padding:0 0 5px; margin-right:0; letter-spacing:-1px; }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol { display:inherit;}
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol > li a {display:block; padding:0px 0px 2px 4px; font-size:11px; font-weight:normal; color:#777; letter-spacing:-0.5px;}


/*콘텐츠 영역*/

/* include/gnb_bar.html 소스 중 .notice_top_area1 */
/* 변형 (notice_bar 있을때) */
/* #middle { z-index:1; margin:0 auto; position:relative; padding:0 0 0px; margin-top:150px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';} */
/* 기본 (notice_bar 없을때) */
#middle { z-index:1; margin:0 auto; position:relative; padding:0 0 0px; margin-top:120px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';}

#middle.margintop0 { margin-top : 0 !important;padding:0 0 !important;}
#middle.committee {padding:0 0 !important;}


/*좌측 메뉴 영역*/
#middle #left-container { position:absolute; width:150px; left:50%; top:0px; margin-top:70px; margin-left:-780px /*display:none;*/ }
#middle #left-container ul.leftmenu { border:solid 1px #e6e4df;  border-top:solid 2px #ffed00; border-bottom:solid 1px #ffed00; padding:0 10px; background:#fff; }
#middle #left-container ul.leftmenu > li > ol { display:none; padding:2px 0; }
#middle #left-container ul.leftmenu > li > ol > li { font-size:13px; background:none; padding:10px 5px 0px 0px; font-weight:normal; color:#666; }
#middle #left-container ul.leftmenu > li > ol > li a { color:#666; }
#middle #left-container ul.leftmenu > li > ol > li a:hover { color:#444; font-weight:700; }
#middle #left-container ul.leftmenu > li > ol > li.cur { color:#444; font-weight:800; }
#middle #left-container ul.leftmenu > li { font-size:14px; display:block; background:url(../images/commons/icon_close.png) no-repeat 110px 18px; padding:15px 5px; font-weight:normal; border-bottom:solid 1px #e5e4df; color:#666; letter-spacing:-1px;}
#middle #left-container ul.leftmenu > li:last-child { border-bottom:none; }
#middle #left-container ul.leftmenu > li a {  color:#666; }
#middle #left-container ul.leftmenu > li.open { background:url(../images/commons/icon_open.png) no-repeat 110px 18px; }
#middle #left-container ul.leftmenu > li.non { background:none; }
#middle #left-container ul.leftmenu > li.cur { background:url(../images/commons/icon_open.png) no-repeat 110px 18px; }
#middle #left-container ul.leftmenu > li.cur > a { color:#333; font-weight:700; }
#middle #left-container ul.leftmenu > li.cur > ol { display:block; }
#middle #left-container ul.leftmenu > li a { display:block; }

#middle #left-container ul.leftbanner > li { padding-top:20px; }

/*
#middle #left-container .leftmedia { clear:both; margin-top:25px; }
#middle #left-container .leftmedia h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px;  }
#middle #left-container .leftmedia > div { background:#f7f6f0;  }
#middle #left-container .leftmedia > div > h5 { padding:9px 9px 0px 9px; color:#4d4b45; font-size:12px; line-height:15px; height:30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
#middle #left-container .leftmedia > div > span { display:block; color:#99968a; font-size:12px; padding:7px 9px 10px 9px;  }

#middle #left-container .leftstudy { clear:both; margin-top:30px; }
#middle #left-container .leftstudy h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px; border-bottom:solid 1px #e6e4df;   }
#middle #left-container .leftstudy ul li { padding-top:12px; }
#middle #left-container .leftstudy ul li a { color:#66635c; font-weight:bold; background:url(../images/commons/bullet_dot.png) no-repeat 5px center; padding:0 2px 0 13px; height:14px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important;display:block;    -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

#middle #left-container .leftpolicy { clear:both; margin-top:30px; padding-bottom:10px; border-bottom:solid 1px #e6e4df; }
#middle #left-container .leftpolicy h4 { color:#4d4b45; font-size:14px; font-weight:800; padding:0 0 8px 5px; border-bottom:solid 1px #e6e4df;   }
#middle #left-container .leftpolicy ul li { margin-top:12px; position:relative; height:56px; display:block; }
#middle #left-container .leftpolicy ul li img { position:absolute; }
#middle #left-container .leftpolicy ul li a { color:#66635c; font-weight:bold; display:block; line-height:17px; background:url(../images/commons/bullet_dot.png) no-repeat 5px center; padding:3px 1px 0 91px; height:50px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical;  *display:block; }
*/

/*콘텐츠 영역*/
#middle #content-container {  margin:0 auto; padding:0 10px; }

#middle #page-title { /* background:#f7f6f0;*/ border:solid 0px #e6e4df;  height:23px; max-width:1190px; margin:0 auto; padding:15px 10px; margin-top:50px; }
#middle #page-title > h3 { display:block; float:left; font-size:22px; font-weight:bold; color:#555; letter-spacing:-2.5px; }
#middle #page-title > h3 span{ font-size:14px; font-weight:bold; color:#7a7873; padding-left:8px; }
#middle #page-title > ul { display:block; float:right;  }
#middle #page-title > ul li { display:block; float:left; background:url(../images/commons/line03.png) no-repeat right 7px; padding:3px 14px 0 9px; color:#7a7873; font-weight:bold; letter-spacing:-1px;}
#middle #page-title > ul li.cur { background:none; padding-right:0px; }


#middle #page-top { max-width:1190px; margin:0 auto; height:190px; padding:0 0px; margin-top:30px; }
#middle #page-top .notice { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:49%; height:158px;}
#middle #page-top .notice .inner { padding:15px; }
#middle #page-top .notice .inner h4 { font-size:18px; font-weight:800; color:#4d4b45; position:relative; border-bottom:solid 1px #e6e4df; height:37px; text-indent:3px; }
#middle #page-top .notice .inner h4 span { position:absolute; top:0px; right:2px; margin-top:-2px; }
#middle #page-top .notice .inner ul { padding-top:8px; }
#middle #page-top .notice .inner ul li { background:url(../images/commons/bullet_dot.png) no-repeat 3px center; margin:16px 0 16px 0;  }
#middle #page-top .notice .inner ul li a { color:#66635c; font-size:14px; font-weight:bold; padding:0 80px 0 12px; display:block; height:17px; position:relative;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block;}
#middle #page-top .notice .inner ul li a span { position:absolute; top:0px; right:0px; color:#99968a; font-size:14px; }
#middle #page-top .notice .inner ul li a:hover { text-decoration:underline; }

#middle #page-top .jabo { border:solid 1px #e6e4df; background:#f7f6f0; float:right; width:49%; position:relative; height:158px; }
#middle #page-top .jabo h4 { display:none; }
#middle #page-top .jabo .inner > a { position:absolute; top:0px; left:0px; display:block; }
#middle #page-top .jabo .inner > div { margin-left:248px; }
#middle #page-top .jabo .inner > div h5 { color:#4d4b45; font-size:16px; font-weight:800; margin:12px 0 15px 0; padding:0 8px 0 0; height:18px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#middle #page-top .jabo .inner > div p { color:#66635c; font-size:14px; line-height:22px; padding-right:8px; height:68px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#middle #page-top .jabo .inner > div span { color:#99968a; font-size:14px; display:block; padding-top:10px; }
#middle #page-top .jabo .inner:hover p { text-decoration:underline; }






#middle #page-bottom {  padding:0 0px; padding-top:40px; clear:both; height:120px; max-width:1190px; margin:0 auto; }
#middle #page-bottom .item1 { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:49%; position:relative; height:158px; }
#middle #page-bottom .item1 h4 { display:none; }
#middle #page-bottom .item1 .inner > a { position:absolute; top:0px; left:0px; display:block; }
#middle #page-bottom .item1 .inner > div { margin-left:248px; }
#middle #page-bottom .item1 .inner > div h5 { color:#4d4b45; font-size:16px; font-weight:800; margin:12px 0 15px 0; padding:0 8px 0 0; height:18px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#middle #page-bottom .item1 .inner > div p { color:#66635c; font-size:14px; line-height:22px; padding-right:8px; height:68px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#middle #page-bottom .item1 .inner > div span { color:#99968a; font-size:14px; display:block; padding-top:10px; }
#middle #page-bottom .item1 .inner:hover p { text-decoration:underline; }

#middle #page-bottom .item2 { border:solid 1px #e6e4df; background:#f7f6f0; float:right; width:49%; position:relative; height:158px; }
#middle #page-bottom .item2 h4 { display:none; }
#middle #page-bottom .item2 .inner > a { position:absolute; top:0px; left:0px; display:block; }
#middle #page-bottom .item2 .inner > div { margin-left:248px; }
#middle #page-bottom .item2 .inner > div h5 { color:#4d4b45; font-size:16px; font-weight:800; margin:12px 0 15px 0; padding:0 8px 0 0; height:18px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#middle #page-bottom .item2 .inner > div p { color:#66635c; font-size:14px; line-height:22px; padding-right:8px; height:68px;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
#middle #page-bottom .item2 .inner > div span { color:#99968a; font-size:14px; display:block; padding-top:10px; }
#middle #page-bottom .item2 .inner:hover p { text-decoration:underline; }


#middle #page-top2 { max-width:1190px; margin:0 auto; height:185px; padding:0 0; margin-bottom:5px; margin-top:25px;clear:both;}

#middle #page-top2 .notice { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:32.1%; height:178px;margin-bottom:10px;margin-right:1%}
#middle #page-top2 .notice .inner { padding:10px; width:95%;float:left; }
#middle #page-top2 .notice .inner h4 { font-size:18px; font-weight:800; color:#4d4b45; position:relative; border-bottom:solid 1px #e6e4df; height:37px; text-indent:3px; }
#middle #page-top2 .notice .inner h4 span { position:absolute; top:0px; right:2px; margin-top:-2px; }
#middle #page-top2 .notice .inner ul { padding-top:3px;}
#middle #page-top2 .notice .inner ul li { background:url(../images/commons/bullet_dot.png) no-repeat 3px center; margin:6px 0 6px 0;  }
#middle #page-top2 .notice .inner ul li a { color:#66635c; font-size:14px; line-height:15px;font-weight:normal; padding:0 5px 0 12px; display:block; height:17px; position:relative;  overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;  *display:block;}
#middle #page-top2 .notice .inner ul li a span { position:absolute; top:0px; right:0px; color:#99968a; font-size:14px; }
#middle #page-top2 .notice .inner ul li a:hover { text-decoration:underline; font-weight:bold;color:#cc0066;}

#middle #page-top2 .jabo { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:33.25%; position:relative; height:178px;margin-right:0px;margin-left:0px;}
/* #middle #page-top2 .jabo h4 { display:none; } */
#middle #page-top2 .jabo .inner { padding:10px; width:95%;float:left; }
#middle #page-top2 .jabo .inner h4 { font-size:18px; font-weight:800; color:#4d4b45; position:relative; border-bottom:solid 0px #e6e4df; height:37px; text-indent:3px; }
#middle #page-top2 .jabo .inner h4 span { position:absolute; top:0px; right:2px; margin-top:-2px; }

#middle #page-top2 .jabo .inner li {position:relative;height:125px;border:1px solid #cccccc;}
#middle #page-top2 .jabo .inner li > a { position:absolute; top:0px; left:0px; display:block;  padding:5px 5px 15px 5px;}
#middle #page-top2 .jabo .inner li > a img { width:140px;height:115px;}
#middle #page-top2 .jabo .inner li > div { margin-left:150px; padding:5px; }
/* #middle #page-top2 .jabo .inner li > div h5 { color:#4d4b45; font-size:18px; font-weight:800;  margin:10px 0 5px 0; padding:0 8px 0 0; height:24px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } */
#middle #page-top2 .jabo .inner li > div h6 { color:#4d4b45; font-size:14px; font-weight:800; line-height:22px; margin:3px 0 3px 0; padding:0 8px 0 0; height:22px; white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
#middle #page-top2 .jabo .inner li > div span { color:#66635c; font-size:15px; font-weight:bold; display:block; padding-top:8px; height:22px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
#middle #page-top2 .jabo .inner:hover p { text-decoration:none; }
#middle #page-top2 .jabo .inner .cursor {  }
#middle #page-top2 .jabo .inner .cursor ul > li { background:url(../images/main/cursor01.png) no-repeat; width:13px; height:12px; display:inline-block; zoom:1; *display:inline; cursor:hand; cursor:pointer; }
#middle #page-top2 .jabo .inner .cursor ul > li.cur { background:url(../images/main/cursor01_over.png) no-repeat;  }


/* 우측 메뉴 */
#right-container-sub { position:fixed; top:50%; right:70px; transform:translateY(-50%); z-index:10; overflow:hidden; width:82px; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; background-color:#ffed00; 
	box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16); 
	-moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);} /* sub 페이지 */
#right-container-sub {margin-left:671px;}
#right-container-sub ul.rightmenu {}
#right-container-sub ul.rightmenu li {display:table; width:100%; height:81px; border-top:solid 1px #fff100; border-bottom:solid 1px #fff100; border-bottom:solid 1px #fff100; cursor:pointer;}
#right-container-sub ul.rightmenu li:hover {background-color:#e8ce14;}
#right-container-sub ul.rightmenu li:hover .area1 {font-family:'notokr-bold';}
#right-container-sub ul.rightmenu li .area1 {display:table-cell; vertical-align:middle; text-align:center; font-family:'notokr-regular'; color:#000000; font-size:12px; line-height:13px;}
#right-container-sub ul.rightmenu li .area1 span {display:block; width:100%; height:25px; margin-bottom:6px; background-repeat:no-repeat; background-position: center center;}
#right-container-sub ul.rightmenu li .area1 span.icon1 {background-image:url('../images/commons/icon_right1.png');}
#right-container-sub ul.rightmenu li .area1 span.icon2 {background-image:url('../images/commons/icon_right2.png');}
#right-container-sub ul.rightmenu li .area1 span.icon3 {background-image:url('../images/commons/icon_right3.png');}
#right-container-sub ul.rightmenu li .area1 span.icon4 {background-image:url('../images/commons/icon_right4.png');}
#right-container-sub ul.rightmenu li:first-child {border-top:solid 0px #fff100;}
#right-container-sub ul.rightmenu li:last-child {border-bottom:solid 0px #fff100;}


/* 하단 컨텐츠 */
.bottom_container {
	/*
	border: 1px solid #eee;
    border-top: none;
    clear: both;
    float: left;
    background: #FFFFFF;
	*/
}
.bottom_content {
	/*
	padding: 5px;
    font-size: 12px;
	*/
	/* display: none; */

}
.bottom_container .bottom_content ul {
	/*
	width:100%;
    margin:0px;
    padding:0px;
	*/
}
.bottom_container .bottom_content ul li {
	/*
	padding:5px;
    list-style:none;
	*/
}


/*콘텐츠 영역*/
#contents  { clear:both; max-width:1190px;  margin:0 auto; margin-top:0px; padding:0 0px; }
#contents .process_info {font-size:13px;border:1px solid #ccc;letter-spacing:-0.5px;background-color:#eee;padding:10px;line-height:25px;}
#contents .process_info a {color:#00ace6;}

#bottom-region2 { padding:0 10px 20px; overflow:hidden; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';}
#bottom-region2 .inner { clear:both; max-width:1188px;  margin:0 auto; padding:20px 0px; border:solid 1px #e6e4df; margin-top:40px; }
#bottom-region2 .inner .title { position:absolute; width:210px; height:85px; text-align:center;  border-right:solid 1px #e6e4df;}
#bottom-region2 .inner .title span { display:block; font-size:22px; font-weight:bold;text-align:center; padding:6px 0 15px 0; }
#bottom-region2 .inner .title a { display:block; width:93px; margin:0 auto; font-size:14px; font-weight:bold; text-align:center; padding:5px 8px 6px 0; background:url(../images/commons/line05.png) #ffed00 no-repeat 82px center; border-radius:3px; }
#bottom-region2 .inner .region {  margin-left:270px;  display:block; }
#bottom-region2 .inner .region > li { float:left; width:25%;}
#bottom-region2 .inner .region > li h4 { font-size:17px; font-weight:bold; height:32px; }
#bottom-region2 .inner .region > li ol > li { float:left; width:100%; background:url(../images/commons/icon_loc_on2.png) no-repeat 2px center; padding: 0 15px 0 18px; font-size:15px; font-weight:bold; color:#7c7b78; line-height:28px;  }
#bottom-region2 .inner .sector {  margin-left:270px;  display:block; clear:both; padding:10px 0; }
/* #bottom-region2 .inner .sector > li { float:left; background:url(../images/commons/icon2.png) no-repeat right center; padding:0 16px 0 18px; font-size:14px; font-weight:bold; color:#7c7b78; line-height:27px; } */
#bottom-region2 .inner .sector > li { float:left; background:url(../images/commons/icon2.png) no-repeat left center; padding:0 16px 0 18px; font-size:12px; font-weight:normal; color:#333; line-height:30px; width:135px;letter-spacing:-0.5px;}
#bottom-region2 .inner .sector > li a:hover{ font-weight:bold;color:#cc0066;}
#bottom-region2 .inner .sector h4 { float:left;  display:block;  width:130px; font-size:14px; font-weight:bold; text-align:center; padding:5px 0 6px 0; background:#eee; color:#333; border-radius:3px; }







/* .btn-style01 { color:#000; font-size:18px; font-weight:bold; background-color:#ffed00; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:0px; border:solid 1px #fff; }  */
/* .btn-style01 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:4px; border:solid 1px #888; }  */
/* .btn-style01-2 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:0px; border:solid 1px #888; } */
/* .btn-style01-3 { color:#fff; font-size:14px; font-weight:bold; background-color:#cccac4; display:inline-block; zoom:1; *display:inline; padding:0px 35px; height:38px; line-height:36px; white-space:nowrap; vertical-align:middle; border-radius:0px; border:solid 1px #bbb; } */
/* .btn-style02 { color:#fff; font-size:14px; font-weight:bold; background-color:#99968a; display:inline-block; zoom:1; *display:inline; padding:0px 25px; height:32px; line-height:32px; white-space:nowrap; vertical-align:middle; } */

@media all and (max-width: 1550px) {
	#middle #left-container { display:none; }
}

@media all and (max-width: 1510px) {
	#right-container-sub { display:none; }
}

@media all and (max-width: 1360px) {
	#left-container { display:none; }
}

@media all and (max-width: 1100px) {
/*	#middle #left-container { display:none; }
	#middle #content-container { margin-left:0px; }*/
	#middle { min-height:0 !important; }
	.hide1100 {display:none !important;}
	#middle #page-top2 .notice	{width:96%;}
	#middle #page-top2 .news	{width:96%;}
	#middle #page-top2 .jabo {width:96%;}
	
	#gnb-menu .inner .menu { margin-left:110px; }
	#gnb-menu .inner .menu li { padding:0 18px; }

}

@media all and (max-width: 930px) {
	#gnb-bar .inner .login li:last-child { padding-right:10px; background-image:none;}
	
	#gnb-menu .inner .logo { left:10px;}
	
	#gnb-menu .inner .menu { display:none; }
	#gnb-menu .inner .menu li { padding:0 7px; }
	
	#gnb-menu .inner .search { right:10px; }
	
	.hide930 {display:none !important;}	

}

@media all and (max-width: 870px) {
	#gnb-menu .inner .menu { display:none; }
	#gnb-menu .menu-subgroup { display:none !important; }
	
	#bottom-region2 .inner .region > li h4 { font-size:15px; }
	#bottom-region2 .inner .region > li ol > li { font-size:14px; line-height:24px; }
	#bottom-region2 .inner .sector h4 { clear:both; float:none; margin-left:0px; margin-bottom:7px; }
	#bottom-region2 .inner .sector > li { padding: 0 18px 0 18px;  margin-right:15px; }

}

@media all and (max-width: 740px) {
	
	
	/* #middle #page-top {display:none;} */
	/* #middle #page-bottom {display:none;} */
	
	#gnb-menu .menu-search img { width:auto !important; height:49px; }
	#gnb-menu .menu-search .inner ul li input { height:43px; width: 450px;}
	
	#bottom-region2 .inner .title { display:none; }
	#bottom-region2 .inner .region { margin-left:10px; }
	#bottom-region2 .inner .sector { margin-left:10px; }
	
}

@media all and (max-width: 640px) {
	.nav-up { top: -83px !important; }
	
	#gnb-bar .inner .sns { display:none; }
	#gnb-banner { display:none !important; }
	#gnb-menu { height:50px; }
	#gnb-menu .inner .logo { top:6px;}
	#gnb-menu .inner .logo img { height:37px; width:auto !important; }
	#gnb-menu .inner .logo img.sub { height:50px; width:auto !important; }
	#gnb-menu .inner .logo h2 { background:url('../images/region/title_icon1.png') no-repeat left 1px; padding: 3px 0 10px 38px;  margin-left:10px; vertical-align:top; font-size:17px;  }

	#gnb-menu .inner .search { top:18px;}
	#gnb-menu .inner .search a { margin-left:15px;}
	#gnb-menu .inner .search img { height:14px; width:auto !important;}
	
	#gnb-bar .inner .sns { display:none; }
	#gnb-bar .inner .login li a { font-size:11px; line-height:30px; font-weight:normal; }

	
	#header { position:fixed !important; }
	
	/* include/gnb_bar.html 소스 중 .notice_top_area1 */
	/* 변형 (notice_bar 있을때) */
	/* #middle { margin-top:113px;} */
	/* 기본 (notice_bar 없을때) */
	#middle { margin-top:83px;}
	
	#middle #content-container {  margin:0 auto; padding:0 0; }
	#contents { padding-top:0px; }
	#middle #page-title { background:none; border:none; padding:0px 10px; }
	#middle #page-title ul { display:none; } 
	#middle #page-title > h3 { height:50px; font-size:20px; padding-top:20px; } 
	#middle #page-title > h3 .submenu { display:none; }
	#middle #page-title > h3 span { font-weight:normal; font-size:12px; }
	
	#gnb-menu .menu-search { top : 90px;}
	#gnb-menu .menu-search img { width:auto !important; height:30px; }
	#gnb-menu .menu-search .inner ul li input { height:24px; width: 250px;}
	#gnb-menu .menu-search .inner ul { padding: 15px; }
	
	#bottom-region { display:none; }
	#bottom-region .inner .region > li h4 { font-size:13px; }
	#bottom-region .inner .region > li ol > li { font-size:12px; }
	
	

	/* .category ul li { display:table-cell; border:solid 1px #e5e4df; padding:5px 10px; font-size:8px; font-weight:normal; height:12px; white-space:nowrap; }	*/

	/* .category2 {border-top:solid 0px #99968a; margin-bottom:30px; } */

	/* 모바일에서도 나오게 160114*/
	/* .category2 li { display:none; }
	.category2 .mobile { display:block; } */

	/*미디어쿼리 헬퍼 */
	.hide640 {display:none !important;}
}


@media all and (max-width: 370px) {
	#gnb-menu .menu-search .inner ul li input { height:24px; width: 150px;}
	.category2-auto { width:100%;display:block; overflow-x:auto;white-space: nowrap;padding-left:-50px !important;}	
	.category2-auto li { float:none; zoom:1; *display:inline; }	
	.category2 li a { font-size:15px; }
	.hide370 {display:none !important;}

	#bottom-region2 .inner { display:none !important;}

	/*
	#page-bottom #page-top2 .notice	{position:absolute; top:0px;left:5px;z-index:10;}	
	#page-bottom #page-top2 .jabo {position:absolute; top:0px;left:5px;z-index:8;}		
	#page-bottom #page-top2 {position:relative;}		
	*/
	#page-bottom #page-top2 .notice { width:100%; left:0;margin-right:0px;margin-left:0px;border-left:0px;border:right:0px;}
	#page-bottom #page-top2 .jabo { width:100%; left:0;margin-right:0px;margin-left:0px;border-left:0px;border:right:0px;}
	#page-bottom #page-top2 .jabo .inner li > div h6 { font-size:12px;  height:28px;}

	/*브랜치 모바일용 메뉴 설정 */
	.comm_mobile_menu {
		background : #ffed00 !important;
	}
	.comm_mobile_menu .inner .logo h3 { display:inline-block !important; background:url('../images/region/title_icon1.png') no-repeat left 1px !important; padding: 4px 0 10px 43px !important;  margin-left:10px !important; vertical-align:top !important; font-size:17px !important;  }
	#header .branch_mobile_menu { /* display:inline;margin:0 auto;width:100%;*/}
/*	.margin80 {  margin-top : 160px !important;}  */
	.margin80 { padding:0px 10px !important;}  
	.contents_margin10 { margin:0px 10px !important;/*border-top:0px !important;*/}  
	.nav-up { top: -100px !important; }
	.nav-down { top: 0px !important; }

	/* #middle #page-title > h3 { color:#fff; }	 */



}