@charset "utf-8";

@font-face {
	font-family:NanumBarunGothic;
	font-weight:normal;
	src:url('../fonts/NanumBarunGothic.eot');
	src:local('NanumBarunGothic'), local('나눔바른고딕'),
		url('../fonts/NanumBarunGothic.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumBarunGothic.woff') format('woff');
}
@font-face {
	font-family:NanumBarunGothic;
	font-weight:bold;
	src:url('../fonts/NanumBarunGothicBold.eot');
	src:local('NanumBarunGothicBold'), local('나눔바른고딕'),
		url('../fonts/NanumBarunGothicBold.eot?#iefix') format('embedded-opentype'),
		url('../fonts/NanumBarunGothicBold.woff') format('woff');
}

/* Type Selector */
*{margin:0; padding:0; line-height:150%;}

/* Move down content because we have a fixed navbar that is 50px tall */
body, input, select, table, textarea {font-family: NanumBarunGothic, Dotum !important; }
caption {display:none;}

/* main */
/*boty {background:url(../images/md/main_bg.jpg) top center no-repeat; background-size:none; height:965px;}*/
#mainbg {background:url(../images/md/main_bg.jpg) top center no-repeat; background-size:none; height:965px;}
#subbg {background:url(../images/md/main_bg.jpg) top center no-repeat; background-size:none; height:965px; background-position:center -50px;}
#main_link {margin-top:50px; margin-bottom:250px;}
#main_link ul li {padding:20px; text-align:center;}
#main_link ul li a {width:100%; height:240px; display:block; font-size:24px; font-weight:bold; padding-top:40px; color:#000;}
#main_link ul li a:hover {color:#a0410d; text-decoration:none;}
#main_link ul li #mmenu4 a {font-size:18px;}
#main_link ul li.col-lg-3 {width:28%;}
#mmenu1 {background:url(../images/md/m_icon1.png) no-repeat center center;}
#mmenu2 {background:url(../images/md/m_icon2.png) no-repeat center center;}
#mmenu3 {background:url(../images/md/m_icon3.png) no-repeat center center;}
#mmenu4 {background:url(../images/md/m_icon4.png) no-repeat center center; position: fixed; top:140px; right:50px; z-index: 1000;}
#main_icon #mmenu4 {top:50px !important;}
#logo {margin-top:40px; margin-left:135px;}
.m_text {margin-left:200px; margin-top:120px;}

/* layout Main */
#main_wrap {}
#main_wrap h4 {font-size:17px !important; line-height:70%;}
#main_wrap h4 a {color:#666;}
#main_img {}
#main_img .img_txt {color:#fff; height:430px; position:relative;}

#wrap_main_p {position:relative;}
#main_p {position:absolute; top:-460px; width:335px; height:250px; background-image:url(../images/dgp/trans_bg.png); right:15px; padding:20px;}
#main_p p {font-size:15px; top:50px; left:40px; color:#fff; position:absolute;}
#main_p ul {position:absolute; background-image:url(../images/dgp/trans_bg.png); padding:15px 20px; margin:20px; color:#fff; bottom:0;}
#main_p ul li {width:120px;}
#main_p ul li a {color:#fff;}

#main_mid1 {margin:0px; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}
#main_mid2 {margin:0px; border-left:1px solid #d5d5d5; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5;}

.main_b {clear:both; margin:15px 5px 20px 5px; overflow:hidden;}
ul.main_b li {margin-top:3px; overflow:hidden;}
.main_b .text {float:left;}
.main_b .date {float:right;}
#main_photo {border-right:1px solid #d5d5d5; padding-bottom:15px;}
#main_photo img {width:100%;}
#main_photo .box {position:absolute; bottom:0; padding:15px; color:#fff; background-image:url(../images/dgp/trans_bg.png); width:100%;}
ul.pz_btn {float:right; margin-top:12px;}
ul.pz_btn li {padding:0; margin:0;} 


/* 서브 */
#slogo {margin-top:-78px;}
#left_menu {padding:0 !important;}
#left_title {color:#fff; padding-bottom:75px; font-size:48px; text-align:center; font-weight:bold; clear:both; line-height:30px;}
#left_menu>ul>li>a {padding:10px 20px; display:block; color:#333; text-decoration:none; font-size:17px;border-bottom:#d5d5d5 1px solid;}
#left_menu>ul>li.on> a, #left_menu>ul>li> a:focus, #left_menu>ul>li> a:hover {color:#FFF !important; background:#347ab8; }
#left_menu>ul>li>ul.sub {padding:10px 15px; background:#f2f2f2;}
#left_menu>ul>li>ul.sub>li>a {padding:5px 5px 5px 11px !important; border-bottom:none; line-height:1.3em; margin-left:5px; font-size:14px; background: url("../images/gbp/bul_bar.gif") no-repeat 0 12px; text-decoration:none; color:#555;}
#left_menu>ul>li>ul.sub>li.subon>a,#left_menu>ul>li>ul.sub>li>a:hover,#left_menu>ul>li>ul.sub>li>a:focus {color:#337ab7;}
#wrap {position:relative;background:#fff;}
#wrap_con {margin-bottom:70px;}
.contents {font-size:16px;}
.mdmenu {background:#fef5d9; overflow:hidden; margin:0 0 10px 0;}
.mdmenu .col-sm-5 {width:535px;}
/*.mdmenu1 {background-color:#fef5d9; top:30px; overflow:hidden; margin:0 0 10px 0; } 배경색*/
.mdmenu1 {background:url(../images/md/mdmenu1_bg.gif) repeat-x; background-position-y:46px; overflow:hidden; margin:0 0 10px 0; }
.mdmenu1 .col-sm-5 {width:535px;}
/*.mdmenu2 {background:#f9f9f9; overflow:hidden; margin:0 0 10px 0;} 배경색*/
.mdmenu2 {background:url(../images/md/mdmenu2_bg.gif) repeat-x; background-position-y:46px; overflow:hidden; margin:0 0 10px 0; }
.mdmenu2 .col-sm-5 {width:535px; float:right;}
.mdmenu2 .col-lg-6 {text-align:right; float:right;}
.muimg {width:400px; border:1px solid #cfcfcf;margin-left:50px; }
.muimg img {border:10px solid #fff;}
p.muname {font-size:24px; color:#a0410d; margin-top:85px; line-height:24px;}
p.mumoney {color:#000; font-size:22px; line-height:22px;}
p.muinfo {margin-top:25px;}
p.muimg2 {background:#f9f9f9;}
.footer {padding-top:20px; padding-bottom:20px; background:#eeeeee;}
.navbar-toggle {border:1px solid #ccc !important; background-color:#f1f1f1 !important; margin-top:20px !important;}
.navbar-toggle .icon-bar {background-color: #44619d;}
.path {background:#eee; position: absolute; right: 0; left: 0; z-index: -20;}
#page_title { font-weight:bold; margin-bottom:50px; padding:20px 0; margin:0 0 50px 0;}
#page_title {text-align:center;}
#page_title .menu_title { position: relative; padding-bottom: 17px;  font-size:40px; color: #333; }
#page_title h3 .menu_title:after { content: ''; display: block; position: absolute; bottom: 0; left:50%;  width: 100px; height: 2px; margin-left: -50px; background-color: #fbb900; }
.navi {display:none;}
.table > tbody > tr > td,.table > tbody > tr > th {vertical-align:middle;}
.panel-heading {padding: 20px 25px;}
.panel-body {padding: 30px;}
.panel-title {text-align:center;}	
.panel-title a {display:block;}
.va_mid  {margin:30px;}
.va_mid .glyphicon ,.va_mid .label {vertical-align:middle;}
.va_mid .glyphicon {color:#ccc;}
.p_text {color:#a0410d; padding:20px;}
.p_text2 {color: orange; line-height: 180%; font-size:30px;}
.mandoimg > div > img {margin-bottom:30px;}
#fu_name {width:30%;}
#fu_tel1,#fu_tel2,#fu_tel3 {width:30%; display:inline-block;}
	
/* 공통 */
img {max-width:100% !important;}
.mp0 {margin:0 !important; padding:0 !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt50 {margin-top:50px;}
.mb0 {margin-bottom:0px !important;}
.m20 {margin:20px !important; padding:0 !important;}

.noline {border:0px !important;}
.txt_color1 {color:#00549f !important;}
.txt_color2 {color:#53a9ea !important;}
.txt_color3 {color:#ffcc00 !important;}
.t_left {text-align:left !important;}

@media (min-width: 993px) and (max-width: 1199px) {
#logo {margin-top:40px; margin-left:35px;}
#slogo {margin-top:-60px;}
#mmenu4 {top:135px;}
.m_text {margin-left:100px; margin-top:120px;}
#main_link ul li a {width:283px;}
#main_link ul li.col-lg-3 {width:inherit;}
.link_go ul li {padding:10px 0px;}
.sns_tab li {width:49.83% !important;}
.board_warp, .board_warp ul  {width:390px !important;}
.director {width:335px !important;}
.p_cont {width:350px !important;}
.p_cont ul li {padding:10px;}
ul.p_tab li.noline {padding-right:10px;}
.m_banner {width:230px !important;}
.m_banner ul li {border-bottom:1px solid #fff; padding:14px 14px 13px 56px; background:url(../images/gbp/m_banner_bg.png) no-repeat 0 0; float:left; width:100%; }
.m_board ul.on li span.date {display:none;}
.b_banner {width:767px !important;}
.m_icon {width:565px !important; padding-left:0; float:right;}
.m_icon ul {padding:0; width:505px;}
.tab-title ul > li {width:235px !important;}
/*.mdmenu1 {background-color:#fef5d9; top:30px; overflow:hidden; margin:0 0 10px 0; } 배경색*/
.mdmenu1 {background:url(../images/md/mdmenu1_bg.gif) repeat-x; background-position-y:10px; overflow:hidden; margin:0 0 10px 0; }
.mdmenu1 .col-sm-5 {width:370px;}
/*.mdmenu2 {background:#f9f9f9; overflow:hidden; margin:0 0 10px 0;} 배경색*/
.mdmenu2 {background:url(../images/md/mdmenu2_bg.gif) repeat-x; background-position-y:10px; overflow:hidden; margin:0 0 10px 0; }
.mdmenu2 .col-sm-5 {width:370px;}
.muimg {width:300px; border:1px solid #cfcfcf;margin-left:20px; }
p.muname {font-size:24px; margin-top:47px;}
}

/*@media (width:768px) or (width:941px) or (width:991px) {
#left_title {margin-top:50px !important;}
}*/

@media  (min-width: 768px) and (max-width: 992px) {
#logo {margin-top:40px; margin-left:0px;}
#slogo {margin-top:-65px;}
#slogo img {width:200px;}
#logo img {width:80%;}
.m_text {margin-left:30px; margin-top:120px;}
.m_text img {width:65%;}
#mmenu1, #mmenu2, #mmenu3 {background-size:200px;}
#main_link ul li a {width:210px;  font-size:20px; font-weight:bold; padding-top:55px;}
#main_link ul li.col-lg-3 {width:inherit;}
.link_go {margin-top:20px; margin-bottom:20px;}
.link_go ul li {padding:0px 10px;}
#main_mid1 .col-sm-12, #main_mid2 .col-sm-12 {border-right:none; border-bottom: 1px solid #d5d5d5;}
#left_title {padding-bottom:45px;}
#m_left {position:static; width:100%; margin-left:0;}	
#m_left .col-sm-6 {width:49% !important;}
#main_menu ul li {font-size:15px !important;}
#left_menu>ul>li>a {padding:10px 20px; display:block; color:#333; text-decoration:none; font-size:16px;border-bottom:#d5d5d5 1px solid;}
.mmenu {font-size:16px !important;}
.sns_tab li {width:49.78% !important;}
.p_cont {width:375px !important;}
.p_cont ul li {padding:9px 13px !important;}
.director {width:360px !important;}
.m_banner {clear:both; margin-left:15px !important; width:360px !important;}
.m_banner ul li {padding:14px 15px 14px 75px;}
.m_board {clear:none !important; float:left; width:50% !important; padding:0; height:130px;}
.m_board ul {position:absolute; top:36px; left:0; border-top:1px solid #aaa; padding-top:20px; margin-left:0px; }
.m_board ul.on li span.date {display:none;}
.board_warp {width:100% !important; overflow:hidden; padding:20px 0;}
.board_warp ul  {width:390px !important;}
.b_banner {width:547px !important;}
.wea_cont {width:66.6% !important; height:140px; padding: 25px 0 0 20px;}
.hot_cont {width:33.3%; height:140px; padding-top:25px;}
.map_cont {width:99.9% !important; height:101px;}
.map_cont ul li {height:101px;}
.m_board .more {top:11px;}
.m_icon {width:750px !important; height:120px;}
.m_icon ul {width:690px !important;}
.m_icon ul li {width:112px !important;}
#main_p {top:-590px;}
.tab-title ul > li {width:180px !important;}
.tab-title ul > li a {font-size:16px !important;}
p.muname {margin-top:40px;}
p.muinfo {margin-bottom:50px;}
.mdmenu1 .col-sm-10 {margin-left:65px;}
.mdmenu2 .col-sm-10 {margin-right:65px;}
}

@media all and (max-width: 767px) {
#wrap_con {padding:0; margin-bottom:30px;}
body {background-size: 770px !important; height:730px !important; background-position-y:75px !important; }
header {background:#fff; padding:10px; margin-top:0 !important;}
#logo {margin:auto; text-align:center;}
#logo img, #slogo img {height:55px;}
#slogo {margin-top:0px;}
#left_title {padding:30px; font-size:30px;}
.m_text {margin:90px 0 0 0; text-align:center;}
.m_text img {width:300px; text-align:center;}
#main_icon {background-color:#fbb900; margin-top:100px;}
#main_link {margin:20px 0;}
#main_link ul li {padding:10px;}
#mmenu1 {background-size:140px;}
#mmenu2 {background-size:140px;}
#mmenu3 {background-size:140px;}
#mmenu4 {background-size:140px; position:inherit; top:inherit; right:inherit; z-index:inherit;}
#main_link ul li {width:50% !important;}
#main_link ul li a {height:140px; font-size:14px; font-weight:bold; padding-top:25px;}
#main_link ul li.col-lg-3 {width:inherit;}
.footer {padding:0; background: #eee;}
#main_link ul li#mmenu4 a {font-size:18px !important;}
.tab-title {margin-top: 30px !important;}
.tab-title ul > li {max-width:50%; min-width:50%;}
.tab-title ul > li > a {font-size:16px !important; line-height:45px !important;}
.tab-title ul > li.active > a {line-height: 37px !important;}
#page_title .menu_title {font-size: 24px;}
#page_title {margin-bottom: 20px;}
.mdmenu1 {background-color:#fef5d9; overflow:hidden; padding:20px;} 
.mdmenu1 .col-sm-5 {width:370px;}
.mdmenu2 {background:#f9f9f9; overflow:hidden; margin:0 0 10px 0;  padding:20px;} 
.mdmenu2 .col-sm-5 {width:370px;}
.muimg {width:300px; border:1px solid #cfcfcf;margin-left:0px;}
.mdmenu2 .muimg {margin-left:40px;}
p.muname {font-size:24px; margin-top:30px;}
p.muinfo {margin-top:15px;}
.panel-heading, .panel-body {padding: 15px;}
.p_text2 {line-height: 180%; font-size:20px;}
.header_inner .col-xs-8 {text-align:center;}
#edate,#sdate {width:27%;display:inline-block;}
#fu_name {width:100%;}
#fu_tel1,#fu_tel2,#fu_tel3 {width:45%;}
}


@media all and (max-width: 500px) {
body {background-size: 600px !important; }
}

/*추가*/
.table_gray {border-collapse:collapse; margin-top:5px; border:0; border-left:1px solid #dedede; width:100%; margin-bottom:5px; border-top:2px solid #3c3c3c; }
.table_gray thead th {background-color:#f7f7f7; color:#333; padding:8px; border-bottom:1px solid #dedede; border-right:1px solid #dedede; font-size:15px; text-align:center;}
.table_gray tbody th {border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px; background-color:#f7f7f7; text-align:center; font-weight:normal;}
.table_gray td {border-right:1px solid #dedede; border-bottom:1px solid #dedede; padding:8px;}
.table_gray td.top, .table_gray th.top, .table_gray td.top1, .table_gray th.top1 {border-top:2px solid #dedede;}

/* 버튼 */
.b_btn {display:inline-block; text-align: center; white-space: nowrap; cursor:pointer; border-radius:4px;border:0px;}
.btn_blue1 {background-color:#a0410d; width:64px; font-size:12px; color:#FFFFFF !important; padding:0px; display:inline-block; text-align:center; border-radius:4px  }
.btn_blue2 {background-color:#a0410d; width:160px; font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:10px; margin:0;}
.btn_blue3 {background-color:#a0410d; width:64px; font-size:12px; color:#FFFFFF !important; padding:5px; margin:0;}
.btn_blue4 {background-color:#a0410d; width:80px; font-size:12px; color:#FFFFFF !important; padding:5px; margin:0;}
.btn_box {background-color:#a0410d; width:80px; font-size:16px; color:#FFFFFF !important; font-weight:bold; padding:15px; margin:0;}
.b_btn:hover, .b_btn:focus, .b_btn:active, .b_btn.active, .open .dropdown-toggle.b_btn {color: #FFF; background-color: #777;}
.btn_gray1 {color:#FFF !important; background-color:#A3A3A5; width:64px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_gray2 {color:#FFF !important; background-color:#A3A3A5; width:160px; font-size:16px; font-weight:bold; padding:10px; margin:0; }
.btn_gray3 {color:#FFF !important; background-color:#A3A3A5; width:64px; font-size:12px; padding:5px; margin:0; }
.btn_gray4 {color:#FFF !important; background-color:#A3A3A5; width:80px; font-size:12px; padding:5px; margin:0; }
.btn_gray5 {color:#FFF !important; background-color:#A3A3A5; font-size:11px; padding:3px 5px; margin:0; }

.btn_blue_m1 {color:#FFF !important; background-color:#a0410d; width:80px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_blue_m2 {color:#FFF !important; background-color:#a0410d; width:33px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_blue_m3 {color:#FFF !important; background-color:#a0410d; width:60px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_blue_m4 {color:#FFF !important; background-color:#a0410d; width:120px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }

.btn_gray_m1 {color:#FFF !important; background-color:#A3A3A5; width:80px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_gray_m2 {color:#FFF !important; background-color:#A3A3A5; width:33px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_gray_m3 {color:#FFF !important; background-color:#A3A3A5; width:60px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }
.btn_gray_m4 {color:#FFF !important; background-color:#A3A3A5; width:120px; font-size:12px; padding:0px; display:inline-block; text-align:center; border-radius:4px; }


/* tab 온돌복사해옴 */
.tab-title {text-align:center; margin-top:50px;}
.tab-title ul {display:inline-block; vertical-align:top;}
.tab-title ul:after {display:block; content:""; clear:both;}
.tab-title ul > li {float:left; width:285px; text-align:center; border:1px solid #c6cbd2; border-left:0; background:#f8f8f8; color:#967862 !important;}
.tab-title ul > li:first-child {border-left:1px solid #c6cbd2;}
.tab-title ul > li.active {border:5px solid #fbb900;}
/*.tab-title ul > li:first-child.active {border-left:1px solid #f15d24;}*/
.tab-title ul > li > a {display:block; font-size:20px; line-height:60px;}
.tab-title ul > li.active > a {line-height:52px;}
.tab-title ul > li > span {vertical-align:top;}

.table th {background:#f5f5f5;}
.table th, .table td {text-align:center;}


/*갤러리게시판 전용입니다. start*/

 .sr_only {
	margin: -1px; padding: 0px; border: 0px currentColor; border-image: none; width: 1px; height: 1px; color: transparent; text-indent: -9999px; overflow: hidden; display: inline-block; white-space: nowrap; position: absolute; z-index: -1; clip: rect(0px, 0px, 0px, 0px); -ms-word-break: keep-all;
}
.grid {
	box-sizing: border-box; -webkit-box-sizing: border-box;
}
.grid::before {
	display: table; content: "";
}
.grid::after {
	display: table; content: "";
}
.grid::after {
	clear: both;
}
.grid .col {
	float: left; box-sizing: border-box; -webkit-box-sizing: border-box;
}
.grid .col_1_1 {
	width: 100%; float: none;
}
.grid .col_1_2 {
	width: 50%;
}
.grid .col_1_3 {
	width: calc(100% /3);
}
.grid .col_2_3 {
	width: 66.66%;
}
.grid .col_1_4 {
	width: 25%;
}
.grid .col_1_5 {
	width: 20%;
}

.section_list_thumb {
	margin-top: 17px;
}
.section_list_thumb .wrap {
	padding: 0px 15px;
}
.section_list_thumb .col {
	width: 100%; margin-bottom: 15px; float: none; background-color: rgb(241, 241, 241);
}
.section_list_thumb :last-child.col {
	margin-bottom: 0px;
}
.section_list_thumb a {
	display: block; position: relative;
}
.section_list_thumb .thumb {
	display: block; position: relative;
}
.section_list_thumb .thumb::before {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: block; position: absolute; content: ""; background-color: rgba(0, 0, 0, 0);
}
.section_list_thumb .core {
	padding: 15px 20px; color: rgb(102, 102, 102);
}
.section_list_thumb p {
	line-height: 1.3; font-size: 12px;
}
.section_list_thumb .subject {
	color: rgb(51, 51, 51); padding-bottom: 20px; font-size: 16px; font-weight: bold; position: relative;
}
.section_list_thumb .subject::after {
	left: 2px; width: 25px; height: 1px; bottom: 0px; display: block; position: absolute; content: ""; background-color: rgb(189, 189, 189);
}
.section_list_thumb .info {
/*	margin-top: 25px;*/
}
.section_list_thumb .info span {
	color: rgb(154, 154, 154); display: block;
}
.section_list_thumb .mask {
	opacity: 0;
}
.layer {
	left: 50%; top: 50%; width: 100%; display: none; position: fixed; z-index: 130; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);
}
.layer .layer_inner {
	left: 4.68%; right: 4.68%; margin-top: -25%; position: absolute; transform: translateZ(0px) scale(1); backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); -webkit-backface-visibility: hidden;
}
.layer .layer_body {
	width: 100%; height: 100%;
}
.layer iframe {
	width: 100%; height: 100%; min-width: 280px;
}
.layer .layer_close {
	top: -20px; width: 15px; height: 15px; right: 0px; display: block; position: absolute;
}
.layer .layer_close::before {
	left: 50%; top: 50%; width: 20px; height: 1px; margin-left: -10px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.layer .layer_close::after {
	left: 50%; top: 50%; width: 20px; height: 1px; margin-left: -10px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.layer .layer_close::before {
	margin-top: 0px; transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
}
.layer .layer_close::after {
	margin-top: 0px; transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.dimmed {
	left: 0px; top: 0px; right: 0px; bottom: 0px; display: none; position: fixed; z-index: 120; background-color: rgba(0, 0, 0, 0.5);
}
.in.layer {
	display: block;
}
.in.dimmed {
	display: block;
}
 
  

 .section_view_bbs .title_wrap {
	margin: 0px 15px; padding: 0px 10px 25px; text-align: center; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid;
}
.section_view_bbs .title {
	color: rgb(51, 51, 51);
}
.section_view_bbs h2.title {
	padding: 10px 20px; border: 1px solid rgb(221, 221, 221); border-image: none; font-size: 12px; margin-top: 30px; display: inline-block;
}
.section_view_bbs h3.title {
	line-height: 1.3; font-size: 17px; margin-top: 20px;
}
.section_view_bbs .author {
	color: rgb(102, 102, 102); font-size: 12px; margin-top: 15px;
}
.section_view_bbs .context {
	padding: 20px; line-height: 1.4; font-size: 12px;
}
.section_view_bbs .context img {
	margin: 0px auto; width: 100% !important; height: auto !important; display: block;
}
.section_view_bbs .context hr {
	border-style: dashed; border-color: rgb(102, 102, 102); margin: 0px; border-top-width: 1px;
}
.section_view_bbs .context table {
	width: 100% !important;
}
.section_view_bbs .action {
	display: none;
}
 
.section_bbs_controler .wrap {
	margin: 0px 15px;
}
.section_bbs_controler .grid {
	color: rgb(51, 51, 51); font-size: 12px; border-bottom-color: rgb(187, 187, 187); border-bottom-width: 1px; border-bottom-style: solid;
}
.section_bbs_controler .next {
	border-top-color: rgb(187, 187, 187); border-bottom-color: rgb(234, 234, 234); border-top-width: 1px; border-top-style: solid;
}
.section_bbs_controler .col {
	padding: 10px 0px;
}
.section_bbs_controler .subject {
	width: 22.4%; padding-left: 25px; position: relative;
}
.section_bbs_controler .subject::before {
	left: 10px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-right-color: rgb(105, 105, 105); border-bottom-color: rgb(105, 105, 105); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.section_bbs_controler .next .subject::before {
	transform: rotate(-135deg); -webkit-transform: rotate(-135deg);
}
.section_bbs_controler .prev .subject::before {
	transform: rotate(45deg); -webkit-transform: rotate(45deg);
}
.section_bbs_controler .title {
	padding: 0px; width: 77.6%;
}
.section_bbs_controler .title a {
	padding: 10px; color: rgb(51, 51, 51); overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
.section_bbs_controler .title a:hover {
	text-decoration: underline;
}
.section_bbs_controler .date {
	display: none;
}
 
@media only screen and (min-width:768px)
{

	.section_list_thumb {
		margin-top: 54px;
	}
	.section_list_thumb .wrap {
		padding: 0px 20px;
	}
	.section_list_thumb .grid {
		font-size: 0px; margin-left: -20px;
	}
	.section_list_thumb .col {
		width: calc(100%/3 - 20px); margin-bottom: 20px; margin-left: 20px; float: left;
	}
	.section_list_thumb :last-child.col {
		margin-bottom: 20px;
	}
	.section_list_thumb .core {
		padding: 20px 20px 17px; text-align: left;
	}
	.section_list_thumb .thumb img {
		width: 100%; height: 151px;
	}
	.section_list_thumb p {
		font-size: 14px;
	}
	.section_list_thumb .subject {
		padding-bottom: 13px;
	}
	.section_list_thumb .info {
	/*	margin-top: 35px;*/
	}
	.section_list_thumb .mask {
		transition:0.3s; left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; opacity: 0; background-color: rgba(251, 185, 0, 0.7);
	}
	.section_list_thumb .mask span {
		top: 50%; text-align: center; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; margin-top: 13px; display: block; position: relative;
	}
	.section_list_thumb .mask span::before {
		left: 50%; top: -20px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
	}
	.section_list_thumb .mask span::after {
		left: 50%; top: -20px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
	}
	.section_list_thumb .mask span::before {
		width: 2px; height: 22px; margin-top: -10px;
	}
	.section_list_thumb .mask span::after {
		width: 22px; height: 2px; margin-left: -10px;
	}
	.section_list_thumb a:hover .mask {
		opacity: 1;
	}
	.less_three.section_list_thumb {
		text-align: center;
	}
	.less_three.section_list_thumb .col {
		float: none; display: inline-block;
	} 

 
}
@media only screen and (min-width:1150px)
{

	.section_list_thumb .wrap {
		padding: 0px;
	}
	.section_list_thumb .col {
		width: 260px;
	}
	.section_list_thumb .thumb img {
		height: 172px;
	}
	.layer {
		width: 1100px; height: 625px; margin-top: -312px; margin-left: -550px; transform: none; -webkit-transform: none;
	}
	.layer .layer_inner {
		left: auto; width: 100%; height: 100%; right: auto; margin-top: 0px; transform: none; -webkit-transform: none;
	}
	.layer .layer_close {
		top: 0px; width: 30px; height: 30px; right: -30px;
	}
	.layer .layer_close::before {
		width: 30px; margin-left: -15px;
	}
	.layer .layer_close::after {
		width: 30px; margin-left: -15px;
	}
	 
	#tabGather {
		margin-top: 40px;
	}
	.section_view_bbs .title_wrap {
		margin: 0px auto; padding: 0px 80px 50px; border-bottom-width: 2px; position: relative;
	}
	.section_view_bbs h2.title {
		padding: 13px 33px 14px; font-size: 16px; margin-top: 23px;
	}
	.section_view_bbs h3.title {
		line-height: 1.3; font-size: 30px; margin-top: 33px;
	}
	.section_view_bbs .author {
		font-size: 16px; margin-top: 16px;
	}
	.section_view_bbs .context {
		padding: 40px 60px; line-height: 1.6; font-size: 16px;
	}
	.section_view_bbs .context img {
		width: auto !important;
	}
	.section_view_bbs .action {
		left: 0px; right: 0px; display: block; position: absolute;
	}
	.section_view_bbs .action a {
		border-radius: 50%; top: 0px; width: 55px; height: 55px; margin-top: -55px; position: absolute; background-color: rgb(244, 244, 244);
	}
	.section_view_bbs .action a::after {
		left: 50%; top: 50%; width: 10px; height: 10px; margin-top: -5px; border-top-color: rgb(174, 174, 174); border-right-color: rgb(174, 174, 174); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; display: block; position: absolute; content: "";
	}
	.section_view_bbs .action a.bbs_prev {
		left: 5px;
	}
	.section_view_bbs .action a.bbs_next {
		right: 5px;
	}
	.section_view_bbs .action a.bbs_prev::after {
		margin-left: -3px; transform: rotate(-135deg); -webkit-transform: rotate(-135deg);
	}
	.section_view_bbs .action a.bbs_next::after {
		margin-left: -7px; transform: rotate(45deg); -webkit-transform: rotate(45deg);
	}	 
	.section_bbs_controler .wrap {
		margin: 40px auto 0px;
	}
	.section_bbs_controler .grid {
		text-align: center; font-size: 16px;
	}
	.section_bbs_controler .col {
		padding: 21px 0px 22px;
	}
	.section_bbs_controler .subject {
		width: 12%; padding-left: 22px;
	}
	.section_bbs_controler .subject::before {
		border-width: 2px; left: 21px; width: 8px; height: 8px; margin-top: -4px;
	}
	.section_bbs_controler .next .subject::before {
		margin-top: -3px;
	}
	.section_bbs_controler .prev .subject::before {
		margin-top: -8px;
	}
	.section_bbs_controler .title {
		padding: 0px; width: 77%; text-align: left;
	}
	.section_bbs_controler .title a {
		padding: 21px 20px 22px;
	}
	.section_bbs_controler .date {
		width: 11%; color: rgb(102, 102, 102); display: block;
	} 
}

/*갤러리게시판 전용입니다 end*/


.red{color:red;}

/*메인팝업 공통임[2017-10-27]*/
.div_layer_pop{position:absolute;z-index:1000;padding:0px;margin:0px;background:#000000;color:#ffffff;}

@media all and (max-width: 767px) {
.div_layer_pop {max-width:100% !important; z-index:100;left:0px !important; top:75px !important; height:auto !important;}
.div_layer_pop > div {height:auto !important;}
}