/* 버튼 관련 css 로드 */
@import url(fontawesome-all.css?v=1.01);
@import url(button.css);
@import url(join_banner.css);
@import url(footer.css?v=1.01);
@import url(mobile_sidemenu.css?v=1.01);

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

.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; }

.category { border-bottom:solid 1px #e5e4df; margin-bottom:40px; height:37px; }
.category ul { display:table; }
.category ul li { display:table-cell; border:solid 1px #e5e4df; padding:9px 25px; font-size:14px; font-weight:bold; background:#efefef; color:#888; height:14px; }
.category ul li.cur { background:#fff; color:#4d4b45;  border-bottom:solid 1px #fff; }


/*카테고리메뉴(탭)*/
.category2 { clear:both; display:table; width:100%; border-top:solid 5px #99968a; margin-bottom:50px;   }
.category2 li { display:table-cell; width:16.6%; text-align:center; padding:14px 8px 13px 8px; border-bottom:solid 1px #99968a;}
.category2-auto li  { width:auto; }
.category2 li a { font-size:16px; font-weight:bold; color:#99968a; white-space:nowrap; }
.category2 li a:hover { color:#ffed00;  }
.category2 li.cur { border-bottom:solid 5px #ffed00; /*background:#ffed00*/ }
.category2 li.cur a { color:#4d4b45;  }
.category2 .mobile { display:none; }
.category2 .mobile select { width:100%; height:40px; font-size:16px; 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:#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 .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 .search a.btn { display:none; }
#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 34px; 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; letter-spacing:-1px; }
#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 .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; }

/*서브메뉴*/
#gnb-menu .menu-subgroup { position:absolute; left:0px; /*top:120px;*/ margin-top:-5px;  width:100%; height:0px; background:#fcfcfa; border-bottom:solid 1px #e6e5df; z-index:999; overflow:hidden; display:none; }
#gnb-menu .menu-subgroup .subgroup { max-width:1190px; margin:0 auto; padding:20px 0 20px 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 > div { margin-left:180px; }
#gnb-menu .menu-subgroup .subgroup > div > ul { display:table; width:100%;  }
#gnb-menu .menu-subgroup .subgroup > div > ul > li { display:table-cell; width:20%; border-left:solid 1px #e6e4df; padding:10px 0 20px 0; }
#gnb-menu .menu-subgroup .subgroup > div > ul.col6 > li {  width:16%; }
#gnb-menu .menu-subgroup .subgroup > div > ul.list { border-left:solid 1px #e6e4df; }
#gnb-menu .menu-subgroup .subgroup > div > ul.list > li { width:auto; float:left; border-left:none; padding:10px 0 5px 0; margin-right:10px;  }
#gnb-menu .menu-subgroup .subgroup > div > ul > li.non { border-left:none; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > a { font-size:15px; font-weight:bold; color:#4d4b45; display:block; padding:0px 0 5px 20px;  }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > a:hover { color:#000; font-weight:800; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a {display:block; padding:8px 0 0 20px; font-size:14px; /*font-weight:bold;*/ color:#555; }
#gnb-menu .menu-subgroup .subgroup > div > ul > li > ol > li a:hover { color:#000; font-weight:800; }
#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 { display:none;}
#gnb-menu .menu-subgroup .subgroup { display:none;}

/*서브메뉴 게시글*/
#gnb-menu .menu-subgroup .subgroup-banner { background:#b3afa1 }
#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:20px 0 20px 0;  width:100%; position:relative; }
#gnb-menu .menu-subgroup-all .subgroup { display:block !important; float:left; width:14.2%; }
#gnb-menu .menu-subgroup-all .subgroup a { display:block;  }
#gnb-menu .menu-subgroup-all .subgroup h4 { position:static; width:95%; font-size:14px; font-weight:bold; color:#4d4b45; padding:6px 0px; text-indent:7px; border-top:solid 1px #e6e4df; border-bottom:solid 1px #e6e4df;  }
#gnb-menu .menu-subgroup-all .subgroup > div { margin-left:0px; }
#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 0px 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 {padding:5px 0 4px 0; margin-right:5px;  }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > a { font-size:13px; font-weight:normal; color:#4d4b45; display:block; padding:0px 0 5px 7px;  }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol { /*display:none;*/ }
#gnb-menu .menu-subgroup-all .subgroup > div > ul > li > ol > li a {display:block; padding:3px 0 8px 11px; font-size:12px; font-weight:normal; color:#777; }





/*콘텐츠 영역*/

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

#middle #page-title {  }
#middle #page-title > h3 { display:block; font-size:44px; font-weight:bold; color:#4d4b45;  background:url(../images/commons/subtitle_bg.jpg) center center; height:185px; text-align:center; padding-top:85px;}
#middle #page-title > h3 span{ font-size:14px; font-weight:bold; color:#7a7873; padding-left:8px; }
#middle #page-title > h3 .submenu { display:block; zoom:1px; *display:inline; font-size:20px; font-weight:bold; margin:0 auto; max-width:130px; text-align:center; border-bottom:solid 2px #ff6208; margin-bottom:18px; padding-bottom:17px; }
#middle #page-title > ul { display:block; max-width:1190px; margin:0 auto; text-align:right; font-size:0px; padding:0 10px;  }
#middle #page-title > ul li { display:inline-block; zoom:1; *display:inline; font-size:14px; background:url(../images/commons/line03.png) no-repeat right center; padding:18px 14px 18px 9px; color:#7a7873; font-weight:bold; }
#middle #page-title > ul li.cur { background:none; padding-right:0px; }

#middle #page-top { max-width:1190px; margin:0 auto; height:190px; padding:0 10px; margin-bottom:20px; }
#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 10px; 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; }

/*콘텐츠 영역*/
#contents  { clear:both; max-width:1190px;  margin:0 auto; margin-top:0px; padding:0 10px; }

#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; }

/* 우측 메뉴 - sns */
#right-container-sub { position:fixed; width:40px; top:444px; left:50%; margin-left:630px;} /* sub 페이지 */
#right-container ul.rightmenu, 
#right-container-sub ul.rightmenu {overflow:hidden;}
#right-container ul.rightmenu li,
#right-container-sub ul.rightmenu li {width:-webkit-calc(40px - 14px); width:-moz-calc(40px - 14px); width:calc(40px - 14px); height:-webkit-calc(40px - 14px); height:-moz-calc(40px - 14px); height:calc(40px - 14px); margin-bottom:10px; display:inline-block; padding:7px 7px; background-color:#eeeeee; -webkit-border-radius:30px; -moz-border-radius:30px; border-radius:30px; cursor:pointer;}
#right-container ul.rightmenu li:last-child,
#right-container-sub ul.rightmenu li:last-child {margin-bottom:0;}









/* .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; }
}

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

@media all and (max-width: 1100px) {
/*	#middle #left-container { display:none; }
	#middle #content-container { margin-left:0px; }*/
	
	#gnb-menu .inner .logo .subtitle { display:none; }
	
	#middle { min-height:0 !important; }
	#gnb-menu .inner .menu { margin-left:20px; }
}

@media all and (max-width: 930px) {
	
	#gnb-banner .inner .potcast .title { padding-top:20px; }
	#gnb-banner .inner .potcast .title img { width:220px; height:auto !important; }
	
	#gnb-bar .inner .login li:last-child { padding-right:10px; background-image:none;}
	
	#gnb-menu .inner .logo { left:10px;}
	#gnb-menu .inner .logo .subtitle { display:inline-block; color:#817364; font-size:22px; line-height:22px; font-weight:bold; padding:0 0 0 15px; vertical-align:middle; margin:12px 0 0 15px; letter-spacing:-1px; border-left:1px solid #e6e6e6;}
	
	/*
	#gnb-menu .inner .logo .subtitle { display:inline-block; background:#4d4b45; color:#ffed00; font-size:16px; font-weight:bold; padding:6px 15px; vertical-align:middle; margin:12px 0 0 10px; border-radius:3px; letter-spacing:-1px;}
	*/
	
	#gnb-menu .inner .search { right:10px; }
	#gnb-menu .inner .search a.btn { display:inherit; }
	
	#gnb-menu .inner .menu { display:none; }
	#gnb-menu .inner .menu li { padding:0 7px; }
	
	#gnb-menu .menu-search {top:127px}
	#gnb-menu .menu-subgroup { display:none !important; }
	
	#join_banner .inner > ul > li h5 { font-size:20px; }
	#join_banner .inner > ul > li span { font-size:16px; padding-bottom:20px; }
	
	#join_banner .inner > ul > li a { font-size:15px; background:url('/newhome/asset/images/commons/line05.png') #ffed00 no-repeat 85px center; }
	#join_banner .inner > ul > li a.btn-pay { font-size:15px; background:url('/newhome/asset/images/commons/line06.png') #ff8e09 no-repeat 85px center; }
	#join_banner .inner > ul > li a.btn-rec { font-size:15px; background:url('/newhome/asset/images/commons/line06.png') #99968a no-repeat 98px center; }
	
	#middle #page-title > h3 { font-size:34px; padding:30px 0 15px; letter-spacing:-2px;}
	#middle #page-title > div.bbs_title_desc { bottom:24px; padding-left:10px;}

	.hide930 {display:none;}
	
}

@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) {
	.nav-up { top: -83px !important; }
	
	#gnb-bar .inner .sns { display:none; }
	#gnb-bar .inner .login li a { font-size:11px; line-height:30px; font-weight:normal; }
	#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:35px; width:auto !important; }
	#gnb-menu .inner .logo .subtitle { font-size:16px; line-height:16px; padding:0 0 0 10px; margin:6px 0 0 10px;}
	#gnb-menu .inner .search { top:18px;}
	#gnb-menu .inner .search a { margin-left:15px;}
	#gnb-menu .inner .search img { height:14px; width:auto !important;}
	
	#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:20px; }
	#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; } 
	#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; }
	



}


@media all and (max-width: 370px) {
	#gnb-menu .menu-search .inner ul li input { height:24px; width: 150px;}
}