/* 버튼 관련 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);
@import url(footer.css?v=1.01);
@import url(map.css);

#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: 2;} */
#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;  }



/* 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*/
#gnb_sidemenu { position:fixed; width:270px; height:100%; top:0px; right:0px; z-index:10002; display:none;  font-size: 12px; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic'; font-style:normal; /*overflow:hidden;*/ }
#gnb_sidemenu_bg { position:fixed; width:270px; height:120%; top:0px; right:0px; background:#4d4b45; z-index:10001; display:none; }
#gnb_sidemenu_hide { position:fixed; width:100%; height:100%; top:0px; left:0px;  background:#000;display:none; z-index:10000; opacity:0; filter:alpha(opacity=0); }

#gnb_sidemenu .gnb_title { width:100%; height:60px; background:url(../images/commons/m_menu_title.png) #4d4b45 no-repeat 28px 23px; border-bottom:solid 1px #64625a }
#gnb_sidemenu .gnb_title span { color:#fff; font-size:16px; font-weight:bold; line-height:21px; display:block; padding-top:28px; text-align:center;}

#gnb_sidemenu .gnb_main_menu { height:48px; border-bottom:solid 1px #64625a; line-height:48px; text-align:left; cursor:hand; cursor:pointer; background:#4d4b45;; }
#gnb_sidemenu .gnb_main_menu h4 { line-height:48px; width:100%; color:#fff; font-size:15px; margin-left:0px; padding:0 28px; display:block; }
#gnb_sidemenu .gnb_main_menu h4.cur {   }
#gnb_sidemenu .gnb_main_menu h4.non { line-height:55px; color:#fff; font-size:15px; margin-left:0px; padding:0 28px; background:url(../images/gnb_icon3.png) no-repeat 210px 23px; display:block; }
#gnb_sidemenu .gnb_main_menu h4 a, #gnb_sidemenu .gnb_main_menu h4 a:link { color:#fff; font-size:15px; display:block; width:100%; }
#gnb_sidemenu .gnb_main_menu h4 a:hover, #gnb_sidemenu .gnb_main_menu h4 a:active  { color:#fff !important; }
#gnb_sidemenu .gnb_main_menu > ul > li {display:block; }
#gnb_sidemenu .gnb_sub_group { display:none; }
#gnb_sidemenu .gnb_sub_group > li { display:block; line-height:47px; text-align:left; background:#99968a;  }
#gnb_sidemenu a.gnb_sub_menu { color:#fff !important; font-size:14px !important; padding:0 28px 0 28px; display:block; border-bottom:solid 1px #827f75; }
#gnb_sidemenu a.gnb_sub_menu:hover, #gnb_sidemenu a.gnb_sub_menu:active { text-decoration:none; color:#fff !important; }
#gnb_sidemenu .gnb_close {position:absolute; top:20px; left:230px; z-index:5}

#gnb_sidemenu .gnb_menu {/*display: none;*/}
#gnb_sidemenu .gnb_title { }
#gnb_sidemenu .gnb-common-menu {padding-top:10px; padding-left:5px; }
#gnb_sidemenu .gnb-common-menu li { display:block; padding:5px 10px 5px 22px; }
#gnb_sidemenu .gnb-common-menu li.last { background:none; }
#gnb_sidemenu .gnb-common-menu li a { color:#eee; font-size:13px; font-weight:bold; }


/*상단배너*/
#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:#4d4b45; height:31px; z-index:20; border-bottom:solid 0px #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_line1a.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:#e7e7e7; 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:#e7e7e7; 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:#ffed00; height:89px; border-bottom:solid 1px #e6e5df; padding:0 0px;  } */
#gnb-menu { background:#333; height:89px; border-bottom:solid 1px #e6e5df; padding:0 0px;  }
#gnb-menu .inner { max-width:1190px; margin:0 auto; position:relative; text-align:right; }
#gnb-menu .inner .logo { position:absolute; top:6px; left:10px; }
#gnb-menu .inner .logo h2 { display:inline-block; zoom:1; *display:inline; background:url(../images/club/title_icon.png) no-repeat left 16px; padding: 0px 0 10px 43px; margin-top:6px;  margin-left:15px; vertical-align:top; font-size:26px; font-weight:bold; color:#ffed00;letter-spacing:-1.5px; }
#gnb-menu .inner .logo h2.club_open { padding-top: 15px !important; }
#gnb-menu .inner .logo h2 div.clubURL {font-size:11px; font-weight:normal;letter-spacing:0;color:#888;}
#gnb-menu .inner .logo h2 div.clubTitle {font-size:12px; font-weight:normal;letter-spacing:0;color:#FFF;}
#gnb-menu .inner .search { position:absolute; top:32px; right:10px; font-size:0px; display:none; }
#gnb-menu .inner .search a { margin-left:24px; }
#gnb-menu .inner .menu { display:inline-block; zoom:1; *display:inline; padding-top:30px; margin-left:30px;  }
#gnb-menu .inner .menu li { float:left; padding:0 0 0 15px; height:62px; }
#gnb-menu .inner .menu li a { font-size:17px; font-weight:normal; color:#eee; display:block; padding:6px; letter-spacing:-1px; }
#gnb-menu .inner .menu li a i { color:#ccc;}
#gnb-menu .inner .menu li a img { vertical-align:bottom; }
#gnb-menu .inner .menu li:hover a { border-bottom:solid 2px #ffed00; font-weight:bold; }
#gnb-menu .inner .menu li.cur a { border-bottom:solid 2px #ffed00; color:#ccc; }
#gnb-menu .inner .menu li.cur2 a { border-bottom:solid 2px #ffed00; color:#ccc !important; font-weight:bold;}

/*검색*/
#gnb-menu .menu-search { position:absolute; left:0px; /*top:120px;*/ margin-top:-5px; width:100%; background:#fcfcfa; border-bottom:solid 2px #e6e5df ; z-index:1000; overflow:hidden; display:none; }
#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:29px 0; }
#gnb-menu .menu-search .inner ul li input { border:solid 2px #99968a; height:54px; width:520px; font-size:13px; font-weight:bold; text-indent:10px; }
#gnb-menu .menu-search .inner ul li { float:left; }




/*콘텐츠 영역*/

/* 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.admin { margin-top:0px;}

/*좌측 메뉴 영역*/
#middle #left-container { position:absolute; width:150px; left:50%; top:104px; /*margin-top:324px;*/ margin-left:-780px /*display:none;*/ }
#middle #left-container ul.leftmenu { border:solid 1px #e6e4df;  border-top:solid 2px #f3d773; border-bottom:solid 1px #f3d773; 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:bold; border-bottom:solid 1px #e5e4df; color:#666; }
#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 1px #e6e4df;  height:23px; max-width:1168px; margin:0 auto; padding:15px 10px; margin-top:30px; } */
#middle #page-title { height:23px; max-width:1190px; margin:5px auto; padding:15px 10px; margin-top:30px; letter-spacing:-2.5px;}
#middle #page-title > h3 { display:block; float:left; font-size:20px; font-weight:bold; color:#FFF; padding:5px;letter-spacing:-2.0px; background:#000;}
#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; }
#middle #page-title > ul li.cur { background:none; padding-right:0px; }

#middle #people-title { height:23px; max-width:1168px; margin:0 auto; padding:15px 10px; margin-top:30px; background:#eee;font-size:14px;letter-spacing:-0.5px;}


#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:170px; padding:0 10px; margin-bottom:5px; margin-top:60px;clear:both;}

#middle #page-top2 .notice { border:solid 1px #e6e4df; background:#f7f6f0; float:left; width:32%; height:178px;margin-bottom:10px;margin-right:5px;margin-left:5px;}
#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:32%; position:relative; height:178px;margin-right:5px;margin-left:5px;}
#middle #page-top2 .jabo h4 { display:none; }

#middle #page-top2 .jabo .inner li {position:relative;height:178px;}
#middle #page-top2 .jabo .inner li > a { padding:22px 5px 25px 5px;position:absolute; top:0px; left:0px; display:block; }
#middle #page-top2 .jabo .inner li > a img { width:150px;height:110px;}
#middle #page-top2 .jabo .inner li > div { margin-left:170px; padding:5px; }
#middle #page-top2 .jabo .inner li > div h5 { color:#4d4b45; font-size:17px; font-weight:800; margin:10px 0 5px 0; padding:0 8px 0 0; height:22px; overflow: hidden; text-overflow: ellipsis;  display: -webkit-box !important; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
#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:13px; font-weight:800; margin:10px 0 5px 0; padding:0 8px 0 0; height:37px; 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:underline; }
#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;  }
*/



#middle #page-top2 .jabo { border-top:solid 1px #e6e4df; border-bottom:solid 1px #e6e4df;background:#f7f6f0; float:left; width:32.5%; position:relative; height:178px;margin-right:2px;margin-left:2px;}
/* #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; margin:3px 0 3px 0; padding:0 8px 0 0; height:22px; 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:underline; }
#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;  }





.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:1px; padding:0 0px; }

#bottom-region { padding:0 10px; overflow:hidden; font-family: 'Malgun Gothic', '맑은 고딕', 'Nanum Gothic';}
#bottom-region .inner { clear:both; max-width:1188px;  margin:0 auto; padding:20px 0px; border:solid 1px #e6e4df; margin-top:40px; }
#bottom-region .inner .title { position:absolute; width:210px; text-align:center;  border-right:solid 1px #e6e4df;}
#bottom-region .inner .title span { display:block; font-size:22px; font-weight:bold;text-align:center; padding:6px 0 15px 0; }
#bottom-region .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-region .inner .region {  margin-left:270px;  display:block; }
#bottom-region .inner .region > li { float:left; width:25%;}
#bottom-region .inner .region > li h4 { font-size:17px; font-weight:bold; height:32px; }
#bottom-region .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-region .inner .sector {  margin-left:270px;  display:block; clear:both; padding-top:20px; }
#bottom-region .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-region .inner .sector h4 { display:block; float:left; width:100px; margin:0 auto; font-size:14px; font-weight:bold; text-align:center; padding:5px 0 6px 0; background:#99968a; color:#fff; 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:6px; 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:4px; 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:4px; 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; }
	.category {  margin-bottom:20px;}
	.category ul li { display:inline-block; border:solid 1px #e5e4df; padding:3px; font-size:12px; font-weight:normal; background:#efefef; color:#888; height:12px; line-height:12px;white-space:nowrap;margin:2px; }
}

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



@media all and (max-width: 930px) {
	#gnb-menu .inner .search{ display:block; }
	#gnb-menu .menu-subgroup { display:none !important; }
	
	#gnb-menu { height:158px;}
	#gnb-menu .inner .menu { display:block; margin:0px; padding-top:14px; position:absolute; top:89px; left:0px; background:#555; width:100%; text-align:center; white-space:nowrap; overflow-x:auto;  }
	#gnb-menu .inner .menu li { padding:0 7px; height:55px; float:none; display:inline-block; zoom:1; *display:inline; }
	#gnb-menu .inner .menu li a img {display:none;}
	#gnb-menu .inner .menu li a { color:#fff;  height:38px; padding:6px 10px}
	#middle { min-height:0 !important; margin-top:180px;}

	
}

@media all and (max-width: 870px) {
	
	#bottom-region .inner .region > li h4 { font-size:15px; }
	#bottom-region .inner .region > li ol > li { font-size:14px; line-height:24px; }
	#bottom-region .inner .sector h4 { clear:both; float:none; margin-left:0px; margin-bottom:7px; }
	#bottom-region .inner .sector > li { padding: 0 18px 0 0px;  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-region .inner .title { display:none; }
	#bottom-region .inner .region { margin-left:10px; }
	#bottom-region .inner .sector { margin-left:10px; }
	
}

@media all and (max-width: 640px) {
	#gnb-banner { display:none !important; }
	#gnb-menu { height:115px; }
	#gnb-menu .inner .logo { top:-3px; }
	#gnb-menu .inner .logo img { height:42px; width:auto !important; }
	#gnb-menu .inner .logo img.sub { height:50px; width:auto !important; }
	#gnb-menu .inner .logo h2 { font-size:18px; padding-top:0px; background:url(../images/club/title_icon.png) no-repeat left 0px; background-size:30px 30px; padding:4px 0 10px 37px;  }
	#gnb-menu .inner .search { top:20px;}
	#gnb-menu .inner .search img { width:23px; height:auto !important;}
	#gnb-menu .inner .search a.btn img { width:28px; height:auto !important; }

	#gnb-menu .inner .menu { padding-top:10px; top:65px;}
	#gnb-menu .inner .menu li { padding:0 0px; height:40px; float:none; display:inline-block; zoom:1; *display:inline; }
	#gnb-menu .inner .menu li a img {display:none;}
	#gnb-menu .inner .menu li a { color:#ccc; font-size:15px; height:23px; padding:6px 6px;letter-spacing:-1px;font-weight:normal;}
	
	
	
	#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;}
	
	
	#contents { padding-top:0px; }
	#middle #page-title { background:none; border:none; padding:0px;  }
	#middle #page-title ul { display:none; } 
	#middle #page-title > h3 { height:50px; font-size:20px; padding-top:20px;background:#FFF; } 
	#middle #page-title > h3 .submenu { display:none; }
	#middle #page-title > h3 span { font-weight:normal; font-size:12px; }
	
	#gnb-menu .menu-search { top : 96px;}
	#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; }
	
	

	
	.category2 {border-top:solid 0px #99968a; margin-bottom:30px;}
	.category2 li { display:none; }
	.category2 .mobile { display:block; }

	.nav-up { top: -100px !important; }
	.nav-down { top: 0px !important; }

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

}

@media all and (max-width: 370px) {
	#gnb-menu .menu-search .inner ul li input { height:24px; width: 150px;}
	#middle #page-top2 .notice { width:100%; left:0;margin-right:0px;margin-left:0px;border-left:0px;border:right:0px;}
	#middle #page-top2 .jabo { width:100%; left:0;margin-right:0px;margin-left:0px;border-left:0px;border:right:0px;}
	#middle #page-top2 {margin-top:2px;}
	#gnb-menu .inner .logo h2 div.clubURL {font-size:8px;}
}