@charset "utf-8";

/**
reset 
**/

/* web, mobile */
html, body {width:100%; /*height:100%;*/}
html, body, div, header, section, article, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td ,hr {
margin:0; padding:0;}
body {font-family:'Malgun Gothic', '맑은고딕', 'dotum', '돋움', 'Arial','verdana', 'sans-serif'; font-size:14px;  color:#222222; letter-spacing: -1px;}
.bodyWeb {min-width:1140px;}
h1, h2, h3, h4, h5, h6 {font-size:100%; font-weight:normal; font-family:'Malgun Gothic', '맑은고딕', 'dotum', '돋움', 'Arial','verdana', 'sans-serif';}
img {vertical-align:top; font-size:0; border:0;}
ol, ul, li {list-style:none}
table {width:100%; border-collapse:collapse; border-spacing:0}
table, th, td {letter-spacing: 0;}
caption, hr {height:0; display:none}
i, em, address {font-style:normal}
label {display:inline-block; cursor:pointer; vertical-align: middle; font-size:14px; cursor:pointer;}
fieldset {border:none;}
blockquote, q {quotes:none}
legend,  legend,
.hdTxt, .hide_txt {position:absolute; top:-9999px; left:-9999px; overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0; text-indent:-9999em; z-index:-1;}
.ellipsis{display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption {display:block}
[hidden], command, datalist, menu[type=context], rp, source {display:none;} 
figure {margin:0px}
a {text-decoration:none; color:#222222;}
a:hover, a:active, a:focus {text-decoration:none; color:#222222;}

/* form */
input, select, button, textarea {
  -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none;
  vertical-align: middle; font-family:'Malgun Gothic', '맑은고딕', 'dotum', '돋움', 'Arial','verdana', 'sans-serif'; border-top: 0; border-radius: 0; }
input {display:inline-block; margin:0; padding: 0; background:none; border:none;}
input:focus {outline:#666 dotted 1px;}
input[type="text"], input[type="password"] {width:100%; height:40px; line-height: 40px; font-size:14px; color:#777; text-indent:5px; border:1px solid #e5e5e5; 
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
button {display:inline-block; padding:0; margin:0; background:none; border:none; cursor:pointer;}
/*button:focus {outline:#666 dotted 1px;}*/
textarea {width:100%; line-height: 18px; padding:10px 20px; font-size:13px; color:#999; border: 1px solid #e5e5e5; resize:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
textarea:focus {outline:#666 dotted 1px;}
select { width:100%; height:38px; line-height: 38px; padding: 0 0 0 5px; text-indent: 5px; color:#777; background:#fff url() no-repeat right center; border:1px solid #e5e5e5;}
select::-ms-expand {display:none;} /* ie */
.mobile input, .mobile select, .mobile textarea {font-size: 13px; line-height: 18px; padding:5px 10px;}
.mobile input[type="text"] {height:32px; line-height: 32px; border-radius: 0;}
.mobile select {height:32px; line-height: 32px;}

/* reset media */
body.mobile, .mobile div, .mobile header, .mobile section, .mobile article, .mobile span, .mobile iframe, .mobile h1, .mobile h2, .mobile h3, .mobile h4, .mobile h5, .mobile h6,
.mobile p, .mobile pre, .mobile a, .mobile em, .mobile img, .mobile strong, .mobile sub, .mobile sup, .mobile dl, .mobile dt, .mobile dd, .mobile ol, .mobile ul, .mobile li,
.mobile fieldset, .mobile form, .moible label, .mobile legend, .mobile input, .mobile select, .mobile button, .mobile textarea {
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
body.mobile { font-family:'Malgun Gothic', '맑은고딕', 'dotum', '돋움', 'Arial','verdana', 'sans-serif'; font-size:13px; color:#222222; -webkit-text-size-adjust:none !important;}
.mobile a {display:block;}
.mobile img {width:100%; max-width:100%}
.mobile button {outline: none;}
.onlyWeb {display:block;}
.mobile .onlyWeb {display:none;} 
.onlyMobile {display:none;} 
.mobile .onlyMobile {display:block;}

/* Default Class Style */
.block {display:block;}
.inBlock {display:inline-block;}
.hidden {display:none;}
.focus:focus {outline:0;}
.clearfix:after {content:""; display:block; clear:both;}
.cl_b {clear:both;}
.txtC {text-align:center !important;}
.txtL {text-align:left !important;}
.txtR {text-align:right !important;}
.txtT {vertical-align:top !important;}
.txtM {vertical-align:middle !important;}
.txtB {vertical-align:bottom !important;}
.flL {float:left !important;}
.flR {float:right !important;}
.bgNone {background:none !important;}
.bdNone {border:none !important;}
.oHD {overflow:hidden;}
.posR {position:relative;}
.tablet .pcBr, .mobile .pcBr {display:none;} /* PC 화면 기준 개행 */
.mobile .tbBr, .web .tbBr {display:none;} /* TABLET 화면 기준 개행 */
.web .mBr {display:none;} /* MOBILE 화면 기준 개행 */
.slick-slide {outline:0 !important;}/*슬릭 아웃라인 제거*/
.ptType1 {color: #2b422f !important;}/*강조1*/
.ptType2 {color: #327c3a !important;}/*강조2*/
.ptType3 {color: #666666 !important;}/*그레이*/

/* 여백 */
.mg0 {margin:0 !important;}
.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt80 {margin-top:80px !important;}
.mb0 {margin-bottom:0px !important;}
.pd0 {padding:0 !important;}
.pt0 {padding-top:0 !important;}
.pb0 {padding-bottom:0 !important;}
.pb10 {padding-bottom:10px !important;}
.pb20 {padding-bottom:20px !important;}
.pb30 {padding-bottom:30px !important;}
.pb40 {padding-bottom:40px !important;}
.pb50 {padding-bottom:50px !important;}

/*.radioForm {display:inline-block; position: relative; vertical-align: middle;}
.radioForm input {position:absolute; left:0; top:0; width: 18px; height: 18px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.radioForm label {height:18px; line-height:18px; padding-left:26px; background:url(../../../resources/images/common/btn_loginChk.png) no-repeat left top;}
.radioForm.checked label {background-position: 0 bottom;}*/

.checkForm {display:inline-block; position: relative; vertical-align: middle;}
.checkForm input {position:absolute; left:0; top:0; width: 42px; height: 42px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.checkForm label {display:block; width:42px; height:42px; /*line-height:18px;*/}
.checkForm label  i {display:block; width:42px; height:42px;  /*line-height:18px; */ background:url(../../../resources/images/common/btn_loginChk.png) no-repeat 0 0;}
.checkForm input:checked + label i {display:block; width:42px; height:42px; /*line-height:18px; */background:url(../../../resources/images/common/btn_loginChk.png) no-repeat 0 -258px;}
.mobile .checkForm input {position:absolute; left:0; top:0; width: 21px; height: 21px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.mobile .checkForm label {display:block; width:21px; height:21px;}
.mobile .checkForm label  i {display:block; width:21px; height:21px; background:url(../../../resources/images/common/btn_loginChk.png) no-repeat 0 0; background-size: 21px;}
.mobile .checkForm input:checked + label i {display:block; width:21px; height:21px; background:url(../../../resources/images/common/btn_loginChk.png) no-repeat 0 -129px; background-size: 21px;}

.checkForm.disabled label i {cursor:not-allowed; background-position:0 0;} 
.checkForm.disabled input:checked + label i {background-position:0 0;}
.checkForm.readOnly label i {cursor:auto; background-position:0 0;}
.checkForm.readOnly input:checked + label i {background-position:0 0;}
.checkForm.readOnly.checked label i {cursor:auto; background-position:0 -258px;}
.checkForm.readOnly.checked input:checked + label i {background-position:0 -258px;}

.checkForm2 {position: relative; margin-bottom:55px;}
.checkForm2 input {position:absolute; left:0; top:0; width: 20px; height: 20px; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.checkForm2 label {display:inline-block; width:auto; height:20px;}
.checkForm2 label  i {display:block; line-height:20px; padding-left:30px;  background:url(../../../resources/images/common/icon_chkbox.png) no-repeat 0 0;}
.checkForm2 input:checked + label i {display:block; background:url(../../../resources/images/common/icon_chkbox.png) no-repeat 0 -280px;}
.mobile .checkForm2 label {font-size: 13px;}
.mobile .checkForm2 {position: relative; margin-bottom:30px;}

/* 버튼 */
.btn_write {text-align: right; padding:0 15px; margin-bottom:40px;}
.mobile .btn_write {margin-bottom: 30px;}
.mobile .btn_write .button1 {width:100%;}
.mobile .btn_write .button1 button {width:200px; height:40px; line-height: 40px; font-size:15px;}
.mobile .btn_write .button1 .type1 {width:100%; margin-bottom: 10px; border-radius: 3px;}
.mobile .btn_write .button1 .type2 {width:100%;}

.writeArea {float:right;}
.mobile .writeArea {float:none;  padding: 0 15px; margin-bottom: 30px;}
.mobile .writeArea .button1 {width:100%;}
.mobile .writeArea .button1 button {width:200px; height:40px; line-height: 40px; font-size:15px;}
.mobile .writeArea .button1 .type1 {width:100%; margin-bottom: 10px; border-radius: 3px;}
.mobile .writeArea .button1 .type2 {width:100%;}

.btn_center {text-align: center}
.mobile .btn_center {text-align: center;  padding:0 15px;}

.button1 {display:inline-block; vertical-align: middle; text-align:center;}
.button1 button {height:34px; line-height:32px; padding:0 24px; font-size:14px; font-weight:bold;}
.button1 .type1 {color:#fff; background: #4c6a51;}
.button1 .type2 {color:#666; background: #fff; border:1px solid #cecece;}

.button2 {display:inline-block; width:100%; vertical-align: middle; text-align:center; background: #4c6a51;}
.button2 .type1 {height:60px; line-height:60px; font-size:24px; color:#fff; }
.mobile .button2 {display:inline-block; width:100%; vertical-align: middle; text-align:center; background: #4c6a51;}
.mobile .button2 .type1 {height:45px; line-height:45px; font-size:18px; color:#fff; }

.button3 {display:inline-block; width:49%; vertical-align: middle; text-align:center;}
.button3 button {display:inline-block; width:100%; height:60px; line-height:60px; font-size:24px; }
.button3 .type1 {color:#fff; background: #4c6a51;}
.button3 .type2 {color:#666; background: #fff; border:1px solid #cecece;}
.mobile .button3 {display:inline-block; width:49%; vertical-align: middle; text-align:center; background: #4c6a51;}
.mobile .button3 button {height:45px; line-height:45px; font-size:18px;}

/* list style */
.list_tab1 {position: relative; border-bottom: 2px solid #e5e5e5;}
.list_tab1 .tit {display:inline-block; position: relative; top:2px; height:41px; line-height:41px; padding:0 15px 0 15px; font-size:15px; font-weight:bold; border-bottom:2px solid #327c3a;}
.list_tab1 .txt {display:inline-block; padding-left:10px; font-size:13px; color:#666; letter-spacing: -1px; background: url(../../../resources/images/common/bar_2x25.gif) no-repeat left center; background-size: auto 13px; padding-bottom:4px;}
.web .list_tab1 {font-size:18px; border-bottom-width: 3px; padding:0 5px 0 0;}
.web .list_tab1 .tit {top:3px; font-size:18px; border-bottom-width: 3px; padding:0 5px 0 0;}
.web .list_tab1 .txt.tab {position:relative; top:3px; height:41px; line-height:41px; font-size:18px; font-weight:normal;  padding-bottom:2px;}
.web .list_tab1 .txt.tab a {color:#777;}
.web .list_tab1 .txt.tab a:hover {color:#327c3a;}
 
.list_tab2 {display:block; position: relative; border-bottom: 1px solid #aaa;}
.list_tab2 .tit {display:inline-block; height:39px; line-height:39px; font-size:16px; font-weight:bold;}
.list_tab2 .sort {overflow:hidden; position:absolute; right:15px; bottom:9px;}
.list_tab2 .sort a {float:left; height:20px; font-size:13px; font-weight: bold; color:#999;}
.list_tab2 .sort a.on {color:#327c3a;}
.list_tab2 .sort .hit {padding-right:12px; margin-right:10px; background: url(../../../resources/images/common/bar_1x14.gif) no-repeat right center; }
.list_tab2 .sort .new {padding:0; margin:0;}
.web .list_tab2 {display:block; position: relative; border-bottom: 1px solid #aaa;}
.web .list_tab2 .tit {display:inline-block; height:39px; line-height:39px; font-size:16px; font-weight:bold;}
.web .list_tab2 .sort {overflow:hidden; position:absolute; right:0; bottom:9px;}
.web .list_tab2 .sort a {float:left; height:20px; font-size:13px; font-weight: bold; color:#999;}
.web .list_tab2 .sort a.on {color:#327c3a;}
.web .list_tab2 .sort .hit {padding-right:12px; margin-right:10px; background: url(../../../resources/images/common/bar_1x14.gif) no-repeat right center; }
.web .list_tab2 .sort .new {padding:0; margin:0;}


/* 리스트 타입1 - 메인 좌측 ALL 리스트 */
.listType1 {border-bottom:0px solid #e5e5e5;}
.listType1 ul {padding:0 15px 0 15px;}
.listType1 li:first-child {border-top:0;}
.listType1 .title { padding:15px 0; border-bottom:1px solid #e5e5e5;}
.listType1 .title a {font-size: 15px; font-weight:bold; }
.listType1 .list {height:40px; border-top:1px solid #f2f2f2;}
.listType1 .list a {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; line-height:40px; font-size: 14px; font-weight:bold;}
.listType1 .list .cmt {display:inline-block; width:10%; height:40px; line-height:40px; font-size: 13px; padding-left: 5px; vertical-align: top; text-align: right; font-weight: bold; color: #c41916;   -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.web .listType1 {border-bottom:1px solid #e5e5e5;}
.web .listType1 li {border-top:1px solid #e5e5e5;}
.web .boardTabArea .listType1 li:first-child {border-top:0;}
.web .listType1 ul {padding:0 0 0 0;}
.web .listType1 .title {height:48px; overflow:hidden; padding:17px 0; border-bottom:1px solid #e5e5e5;}
.web .listType1 .title a {font-size:18px;}
.web .listType1 .list {height:49px;}
.web .listType1 .list a {line-height:49px; font-size:14px;}
.web .listType1 .list .cmt {height:49px; line-height:49px; font-size:14px;}

/* 리스트 타입2 - 우측 리스트 공통 */
.listType2 ul {padding:0 10px;}
.listType2 .list {height:40px;  border-bottom:1px solid #e5e5e5;}
.listType2 .list a {display:inline-block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:100%; line-height:40px; font-size: 14px; font-weight:bold;}
.web .listType2 ul {padding:0;}
.web .listType2 .list a {font-size:14px;}
.listType2 .list:last-child {border-bottom:0}

/* 리스트 타입2 - 우측 질문방 */
.listType2.ntc .list {padding:0 10px;}
.listType2.ntc .list:last-child {border-bottom:1px solid #e5e5e5;}
.listType2.ntc .list a {text-align:left;}

/* 리스트 타입2 - 우측 공지사항 */
.web .listWrap.last .listType2 .list:last-child {border-bottom:1px solid #e5e5e5;}
.listWrap.last .listType2 .list:last-child {border-bottom:0;}

/* 리스트 타입3 - 무기백과탭*/
.listType3 {}
.listType3 ul {padding:0 10px;}
.listType3 .list {padding:10px 0; border-bottom:1px solid #ccc; text-align:left;}
.listType3 .list:last-child {border:0;}
.mainWrap .listType3 .list:last-child {border-bottom:1px solid #e5e5e5;}
.listType3 .list .inBox {display:block; overflow:hidden; position:relative; height:60px; padding:0 105px 0 0;}
.listType3 .list .inBox span {display:block;}
.listType3 .list .left {overflow:hidden; height:41px; line-height: 21px; margin-top:6px; font-size: 14px;}
.listType3 .list .right {position:absolute; right:0; top:0; width:90px;}
.listType3 .list .right img {width:100%;}
.web .listType3 .list .left {margin-top:12px; font-size: 14px; font-weight:normal; margin-top:5px;}
.web .listType3 .list .right img {width:100%;}

/* 리스트 타입4 */
.listType4 {}
.listType4 ul {padding:0 10px;}
.listType4 .list {padding:10px 0; border-bottom:1px solid #ccc;}
.listType4 .list:last-child {border:0;}
.listType4 .list .inBox {display:block; overflow:hidden; position:relative; height:60px; padding:0 0 0 100px;}
.listType4 .list .inBox span {display:block;}
.listType4 .list .inBox span img {width:100%; min-height:80px;}
.listType4 .list .left {position:absolute; left:0; top:0; width:90px;}
.listType4 .list .right {overflow:hidden; height:35px; line-height: 18px; margin-top:10px; font-size: 13px; font-weight:bold;}
.web .listType4 ul {padding:0;  border-top:1px solid #ccc;}
.web .listType4 .list {padding:10px;}
.web .listType4 .list .left img {max-width:110px; max-height:80px;}
.web .listType4 .list .right {margin-top:12px; font-size: 14px; font-weight:normal;}

/* 리스트 타입5 - 뉴스캐스트 섬네일타입 */
.listType5 {}
.listType5 li {line-height: 18px; padding:0 0 0 10px; margin-bottom:10px; font-size: 14px; text-indent: -7px;}
.mobile .listType5 li  {line-height: 16px; padding-left:10px; font-size:12px; text-indent: -7px;}
.list_imgBox {display: block; position:relative; overflow:hidden; height:88px; padding:7px 16px 0px 151px; background: #eceef1;}
.list_imgBox span {display: block;}
.list_imgBox span.left {position:absolute; left:0; top:0; width:133px; height:88px; overflow:hidden;}
.list_imgBox span.left img {width:100%; min-height:88px;}
.list_imgBox span.right {overflow:hidden; height:62px; line-height: 21px; font-size: 14px; font-weight:bold;}
.list_imgBox span.right:after {display:block; content:""; clear:both; position:absolute; left:124px; top:50%; width:9px; height:18px; margin-top:-9px; background: url(../../../resources/images/common/bg_newscast.png) no-repeat 0 0;}
.web .list_imgBox {position:relative;  height:88px; overflow:hidden; padding:11px 0 0 137px; background: #fff; border-top:1px solid #e5e5e5; }
.web .list_imgBox em.left {display:block; padding-bottom:5px;}
.web .list_imgBox span.left {width:120px; height:68px; padding:10px 0 10px 0; overflow:hidden;}
.web .list_imgBox span.left img {min-height:79px;}
.web .list_imgBox span.right {height:44px; font-size:18px;}
.web .list_imgBox span.right:after {display:none;}


/*list style - 확장게시판 ver */

.Boardbottom {border-top:9px solid #f0f0f0;}
.Boardbottom .board_banner {text-align:center; padding:20px 0;}
.web #NewBoard {width:100%; position:relative; clear:both;}
.web .Boardbottom {width:1200px; height:250px; margin:0 auto;  border-top:2px solid #222; padding:30px 0 30px 0; position:relative; clear:both;}
.web .Boardbottom .board_banner {width:300px; height:250px; float:right; padding:0 20px;}
.web .Boardbottom .board_left {width:860px; float:left; padding-top:6px;}
.web .NewBoardArea {width:860px; padding:0; margin:0; border:0;}
.web .NewBoardArea.last {padding:10px 0 0 0;}
.web .NewBoardArea .list_tab1 {font-size:16px; border-bottom-width: 0; padding:0 10px 0 20px;}
.web .NewBoardArea .list_tab1.second {padding:0 20px 0 20px;}
.web .NewBoardArea .list_tab1.last {padding:0 20px 0 10px;}
.web .NewBoardArea .list_tab1 .tit { padding:5px 20px 5px 0; height:auto; line-height:16px; margin-bottom:8px; font-size:16px; border-bottom:3px;}
.web .NewBoardArea .listType1 {border-bottom:0; padding:0 10px 0 20px;}
.web .NewBoardArea .listType1.second {padding:0 20px 0 20px;}
.web .NewBoardArea .listType1.last {padding:0 20px 0 10px;}
.web .NewBoardArea .listType1 li {border-top:0;}
.web .NewBoardArea .listType1 li:first-child {border-top:0;}
.web .NewBoardArea .listType1 .list {height:26px;}
.web .NewBoardArea .listType1 .list a {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;line-height:26px;font-size: 14px;font-weight:normal; }


/*추가*/
.list_imgBox a span.right {overflow:hidden; height:45px; line-height: 21px; font-size: 14px; font-weight:bold;}
.list_imgBox a span.right:after {display:block; content:""; clear:both; position:absolute; left:124px; top:50%; width:9px; height:18px; margin-top:-9px; background: url(../../../resources/images/common/bg_newscast.png) no-repeat 0 0;}
.web .list_imgBox a em.left {display:block; padding-bottom:5px;}
.web .list_imgBox a span.right {height:44px; font-size:18px;}
.web .list_imgBox a span.right:after {display:none;}
/*추가*/

.accordionList {border-top: 1px solid #4c6a51;}
.accordionList .list {border-bottom: 1px solid #ccc;}
.accordionList .list .list_qustion {height:50px; line-height:50px; padding:0 20px; font-size: 14px; font-weight: bold; background:url(../../../resources/images/common/icon_P-M.png) no-repeat 98% 17px; cursor:pointer; }
.accordionList .list .list_answer {display:none; line-height: 20px; padding:30px 20px; background: #f8faf9; border-top:1px solid #ccc;}
.accordionList .list.open .list_qustion {background-position: 98% -272px;}
.mobile .accordionList .list .list_qustion {height:45px; line-height:45px; padding:0 10px; font-weight: bold; background:url(../../../resources/images/common/icon_P-M_m.png) no-repeat 98% 14px; background-size: 17.5px}
.mobile .accordionList .list.open .list_qustion {background-position: 98% -126px;}
.mobile .accordionList .list .list_answer {line-height: 18px; padding:20px 10px;}

/* tab style */
.tabType1 {}
.tabType1 ul {overflow: hidden;}
.tabType1 li {float:left; text-align: center; border-right:0px solid #fff;}
.tabType1 li:last-child {border:0;}
.tabType1 li a {display:block; height:50px; padding:14px 0 16px 0; font-size:14px; font-weight: bold; color:#fff; background: #8ba68e; border-top: 2px solid #8ba68e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.tabType1 li.on a {color:#2b422f; background: #fff; border-top-color: #4c6a51;}
.web .tabType1 ul {background: #90a992; border-left:1px solid #90a992; border-right:1px solid #90a992;}


.web .tabType1 li {float:left; text-align: center; border-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.web .tabType1 li a {display:block; height:50px; line-height: 50px; padding:0; font-size:14px; font-weight: bold; color:#fff;  background:#8ba68e url(../../../resources/images/common/bar_1x13_tab.gif) no-repeat right center; border-top: 3px solid #8ba68e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.web .tabType1 li:last-child a {background-image:none;}
.web .tabType1 li.on a {color:#2b422f; background: #fff; border-top-color: #4c6a51;}
.web .tabType1 li.off a {color:#fff;  background:#8ba68e url(../../../resources/images/common/bar_1x13_tab.gif) no-repeat right center; border-top: 3px solid #8ba68e;}

.tabType2 {}
.tabType2 ul {overflow: hidden; border-right:1px solid #8ba68e; border-left:1px solid #8ba68e;}
.tabType2 li {float:left; text-align: center; border-right:1px solid #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.tabType2 li:last-child {border:0;}
.tabType2 li a {display:block; height:65px; line-height:65px; font-size:24px; font-weight: bold; color:#fff; background: #8ba68e; border-top: 4px solid #8ba68e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.tabType2 li.on a {color:#2b422f; background: #fff; border-top-color: #4c6a51;}
.mobile .tabType2 li a {display:block; height:45px; line-height:43px; font-size:17px; border-top: 2px solid #8ba68e;}
.mobile .tabType2 li.on a {color:#2b422f; background: #fff; border-top-color: #4c6a51;}


/* tab style case3 */
.web .tabType3 ul {border:0;}
.web .tabType3 li {float:left; text-align: center; border-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.web .tabType3 li a {display:block; height:44px; line-height: 46px; padding:0; font-size:18px; font-weight: bold; color:#ccc; border-bottom: 2px solid #e5e5e5; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-bottom-width:3px;  background: #fff; }
.web .tabType3 li.on a {color:#222; background: #fff; border-bottom-color: #327c3a;}
.web .tabType3 li.off a {color:#fff; border-bottom: 2px solid #8ba68e; }


/* tab style case4 */
.tabType4 ul {overflow: hidden;}
.tabType4 li {float:left; text-align: center; border-right:0px solid #fff;}
.tabType4 li:last-child {border:0;}
.tabType4 li a {display:block; height:50px; padding:14px 0 16px 0; font-size:14px; font-weight: bold; color:#fff; background: #8ba68e; border-top: 2px solid #8ba68e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.tabType4 li.on a {color:#2b422f; background: #fff; border-top-color: #4c6a51;}
.web .tabType4 li {float:left; text-align: center; border-right:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.web .tabType4 li a {display:block; height:50px; line-height: 50px; padding:0; font-size:14px; font-weight: bold; color:#fff;  background:#8ba68e url(../../../resources/images/common/bar_1x13_tab.gif) no-repeat right center; border-top: 3px solid #8ba68e; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.web .tabType4 li:last-child a {background-image:none;}
.web .tabType4 li.on a {color:#2b422f; background: #f5f6f6; border-top-color: #4c6a51;}
.web .tabType4 li.off a {color:#fff;  background:#8ba68e url(../../../resources/images/common/bar_1x13_tab.gif) no-repeat right center; border-top: 3px solid #8ba68e;}


/* 보드리리스트-일반형 */
.boardList_standard {}
.boardList_standard table {border-top:1px solid #4c6a51;}
.boardList_standard th {height:40px; line-height: 40px; text-align: center; font-weight:bold; color:#222; border-bottom:1px solid #dee4df;} 
.boardList_standard td {line-height:17px; padding:15px 0 15px 0; text-align: center; font-size:13px; border-bottom:1px solid #dedede;}
.boardList_standard td .num {font-size:12px;}
.boardList_standard td .num {font-size:12px;}
.boardList_standard td.notice {font-weight:bold; color:#327c3a;}

.bbs_titleBox {padding:0 0 0 12px; text-align: left;}
.bbs_titleBox .mark {display:inline-block; width:15px; height:16px; margin-right:5px; vertical-align: middle; background: url(../../../resources/images/common/icon_board.png) no-repeat 0 top; }
.bbs_titleBox .mark.picture {width:15px; height:16px; background: url(../../../resources/images/common/icon_board.png) no-repeat 0 -160px;}
.bbs_titleBox .mark.text {width:15px; height:16px; background: url(../../../resources/images/common/icon_board.png) no-repeat 0 -83px;}
.bbs_titleBox .tit {display:inline-block; vertical-align: top; font-size:14px; line-height:18px;}
.bbs_titleBox .cmt {display:inline-block; vertical-align: top; font-weight:bold; color:#c41916;}
.bbs_titleBox .new {display:inline-block; width:15px; height:15px; vertical-align: middle; background: url(../../../resources/images/common/icon_board.png) no-repeat 0 bottom;}
.bbs_titleBox img {padding:0 0 0 5px;}
tr.reply .bbs_titleBox .tit {max-width:337px;}

.m_boardList_standard1 {}
.m_boardList_standard1 ul {padding:0 15px;}
.m_boardList_standard1 li {padding:10px 5px 15px 0;border-bottom:1px solid #e5e5e5;}
.m_boardList_standard1 li .titleBox {margin-bottom:10px;}
.m_boardList_standard1 li .mark {display:inline-block; margin-right:2px; vertical-align: middle;}
.m_boardList_standard1 li .mark.picture {width:14px; height:14px; background: url(../../../resources/images/common/icon_picture_m.png) no-repeat 0 0; background-size: 14px;}
.m_boardList_standard1 li .mark.text {width:14px; height:14px; background: url(../../../resources/images/common/icon_text_m.png) no-repeat 0 0; background-size: 14px; margin-right:5px;}
.m_boardList_standard1 li .mark.ntc {width:14px; height:14px; background: url(../../../resources/images/common/icon_notice_m.png) no-repeat 0 0; background-size: 14px;}
.m_boardList_standard1 li .titleBox .tit {display:inline-block; max-width:77%; vertical-align: top; font-size:14px; font-weight: bold;}
.m_boardList_standard1 li .titleBox .tit.ellipsis font {display:none;}
.m_boardList_standard1 li .titleBox .cmt {display:inline-block; vertical-align: top; font-size:13px; font-weight:bold; color:#c41916;}
.m_boardList_standard1 li .titleBox .new {display:inline-block; width:14px; height:14px; vertical-align: middle; background: url(../../../resources/images/common/icon_new_m.png) no-repeat 0 bottom; background-size: 14px;}
.m_boardList_standard1 li .infoBox {float:right;}
.m_boardList_standard1 li .infoBox span {display:inline-block; padding-right:7px; margin-right:2px; font-size:13px; color:#666; letter-spacing: 0; background: url(../../../resources/images/common/bar_2x18_mList.gif) no-repeat right center; background-size: 1px;}
.m_boardList_standard1 li .infoBox span:last-child {background: none;}


.m_boardList_standard2 {}
.m_boardList_standard2 ul {background: #f5f5f5; border-top:1px solid #e5e5e5; border-bottom:8px solid #f0f0f0;}
.m_boardList_standard2 li {padding:20px 15px; background: url(../../../resources/images/common/arr_mboard.png) no-repeat 95% center; background-size: 7px; border-bottom:1px solid #e5e5e5;}
.m_boardList_standard2 li .tit {width:90%; margin-bottom:10px; font-size:15px; font-weight: bold; color:#2b422f;}
.m_boardList_standard2 li .txt {width:90%; line-height:18px; margin-bottom:10px; font-size:14px; color:#666;}
.m_boardList_standard2 li .contact {overflow: hidden;}
.m_boardList_standard2 li .contact span {float:left; margin-right:10px; font-size:13px; font-weight: bold; color:#2b422f; letter-spacing: 0;}
.m_boardList_standard2 li .contact .site {padding-left:15px; background: url(../../../resources/images/common/icon_house.png) no-repeat left center; background-size: 9px;}
.m_boardList_standard2 li .contact .phone {padding-left:15px; background: url(../../../resources/images/common/icon_phone.png) no-repeat left center; background-size: 10px;}

/* 보드리리스트-기본형 */
.boardList_basic {padding:0;}
.boardList_basic ul {border-top: 1px solid #4c6a51;}
.boardList_basic li {padding:20px 10px; border-bottom:1px solid #e5e5e5;}
.boardList_basic li .title {margin-bottom:20px; font-size:16px; font-weight: bold;}
.boardList_basic li .type-img1 {}
.boardList_basic li .type-img1 .left {padding-right:20px; float:left;}
.boardList_basic li .type-img1 .left img {max-width:110px; max-height:80px; }
.boardList_basic li .type-img1 .right .txt {overflow:hidden; height:42px; line-height:22px; margin-bottom:17px; color:#666;}
.boardList_basic li .type-img1 .right .info {font-size: 13px; color:#666;}
.boardList_basic li .type-img1 .right .info span {letter-spacing: 0;}
.boardList_basic li .type-img1 .right .info .date {padding-right:11px; margin-right:6px; background: url(../../../resources/images/common/bar_1x10_board.gif) no-repeat right center;}
.boardList_basic li .type-img2 {position: relative; height:80px; padding-left:100px;}
.boardList_basic li .type-img2 .left {position: absolute; left:0; top:0; width:82px; height:80px;}
.boardList_basic li .type-img2 .right .txt {overflow:hidden; height:42px; line-height:22px; margin-bottom:17px; color:#666;}
.boardList_basic li .type-img2 .right .info {font-size: 13px; color:#666;}
.boardList_basic li .type-img2 .right .info span {letter-spacing: 0;}
.boardList_basic li .type-img2 .right .info .date {padding-right:11px; margin-right:6px; background: url(../../../resources/images/common/bar_1x10_board.gif) no-repeat right center;}
.boardList_basic li .type-txt {position: relative; height:80px;}
.boardList_basic li .type-txt .right .txt {overflow:hidden; height:42px; line-height:22px; margin-bottom:17px; color:#666;}
.boardList_basic li .type-txt .right .info {font-size: 13px; color:#666;}
.boardList_basic li .type-txt .right .info span {letter-spacing: 0;}
.boardList_basic li .type-txt .right .info .date {padding-right:11px; margin-right:6px; background: url(../../../resources/images/common/bar_1x10_board.gif) no-repeat right center;}
.mobile .boardList_basic {padding:0 15px;}
.mobile .boardList_basic ul {border-top: 1px solid #4c6a51;}
.mobile .boardList_basic li {padding:20px 0;}
.mobile .boardList_basic li .title {margin-bottom:15px; font-size:15px; font-weight: bold;}
.mobile .boardList_basic li .type-img1 {position: relative; height:66px;}
.mobile .boardList_basic li .type-img1 .left {float:left; padding-right:20px;}
.mobile .boardList_basic li .type-img1 .left img {width:100%; height:100%;}
.mobile .boardList_basic li .type-img1 .right .txt {overflow:hidden; height:52px; line-height:17px; margin:0 0 3px 0; font-size: 13px; color:#666;}
.mobile .boardList_basic li .type-img1 .right .info {font-size: 12px; color:#666;}
.mobile .boardList_basic li .type-img1 .right .info .date {padding-right:6px; margin-right:1px; background: url(../../../resources/images/common/bar_2x18_mList.gif) no-repeat right center; background-size: 1px;}
.mobile .boardList_basic li .type-img2 {position: relative; height:66px; padding-left:72px;}
.mobile .boardList_basic li .type-img2 .left {position: absolute; left:0; top:0; width:63px; height:66px;}
.mobile .boardList_basic li .type-img2 .left img {width:100%; height:100%;}
.mobile .boardList_basic li .type-img2 .right .txt {overflow:hidden; height:52px; line-height:17px; margin:0 0 3px 0; font-size: 13px; color:#666;}
.mobile .boardList_basic li .type-img2 .right .info {font-size: 12px; color:#666;}
.mobile .boardList_basic li .type-img2 .right .info .date {padding-right:6px; margin-right:1px; background: url(../../../resources/images/common/bar_2x18_mList.gif) no-repeat right center; background-size: 1px;}
.mobile .boardList_basic li .type-txt .right .txt {overflow:hidden; height:52px; line-height:17px; margin:0 0 3px 0; font-size: 13px; color:#666;}
.mobile .boardList_basic li .type-txt .right .info {font-size: 12px; color:#666;}
.mobile .boardList_basic li .type-txt .right .info .date {padding-right:6px; margin-right:1px; background: url(../../../resources/images/common/bar_2x18_mList.gif) no-repeat right center; background-size: 1px;}

/* 보드리리스트-특집형 */
.mobile .boardList_issue {padding:18.5px 0 0 0; margin:0 15px; border-top: 1px solid #4c6a51;}
.mobile .boardList_issue ul {overflow:hidden;}
.mobile .boardList_issue li {position:relative; width:auto; height:auto; margin:0 0 10px 0;  border:1px solid #d6d6d6;}
.mobile .boardList_issue li p.thumb {width:100%; height:182px; overflow:hidden;}
.mobile .boardList_issue li p.thumb img {width:100%; height:183px;}
.mobile .boardList_issue li:nth-of-type(3n) {margin-right:0;}
.mobile .boardList_issue .list_info {padding:15px 15px; height:auto; border-top:1px solid #d6d6d6;}
.mobile .boardList_issue .list_info dt .tit {overflow: hidden; line-height:22px; margin-bottom: 10px; font-size: 15px; font-weight: bold;}
.mobile .boardList_issue .list_info dt .date {font-size: 12px; color:#666; letter-spacing: 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.mobile .boardList_issue .list_info dd {margin-top:12px; border-top:1px solid #e5e5e5;}
.mobile .boardList_issue .list_info .iconBox {padding:10px 0 0 0;}
.mobile .boardList_issue .list_info .iconBox a {display: inline-block; height:30px; line-height:  30px; padding-left:35px;  font-size: 16px; font-weight: bold;}
.mobile .boardList_issue .list_info .iconBox a.reply {margin-right: 20px; background: url(../../../resources/images/common/icon_reply_m.png) no-repeat 0 0; background-size: 30px;}
.mobile .boardList_issue .list_info .iconBox a.reply.on {background-position: 0 -120px;}
.mobile .boardList_issue .list_info .iconBox a.sns {background: url(../../../resources/images/common/icon_facebook_m.png) no-repeat 0 0; background-size: 30px;}
.mobile .boardList_issue .list_info .iconBox a.sns.on {background-position: 0 -120px;}
.mobile .boardList_issue .list_info .iconBox span.bemil_author {float:right; padding-top:5px; color:#1a8dd6;}
.web .boardList_issue {padding:30px 0 0 0; border-top: 1px solid #4c6a51;}
.web .boardList_issue ul {overflow:hidden;}
.web .boardList_issue li {float:left; position:relative; width:273px; height:332px; margin:0 10px 30px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;  border:1px solid #d6d6d6; }
.web .boardList_issue li p.thumb {width:273px; height:182px; overflow:hidden;}
.web .boardList_issue li p.thumb img {width:271px; min-height:183px;}
.web .boardList_issue li:nth-of-type(3n) {margin-right:0;}
.web .boardList_issue .list_info {padding:13px 20px; height:123px; border-top:1px solid #d6d6d6;}
.web .boardList_issue .list_info dt {height:70px; overflow:hidden;}
.web .boardList_issue .list_info dt .tit {overflow: hidden; line-height:22px; margin-bottom: 10px; font-size: 16px; font-weight: bold;}
.web .boardList_issue .list_info dt .date {font-size: 12px; color:#666; letter-spacing: 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.web .boardList_issue .list_info dd {margin-top:12px; border-top:1px solid #e5e5e5;}
.web .boardList_issue .list_info .iconBox {padding:10px 0 0 0;}
.web .boardList_issue .list_info .iconBox a {display: inline-block; height:30px; line-height: 30px; padding-left:35px; font-size: 16px; font-weight: bold;}
.web .boardList_issue .list_info .iconBox a.reply {margin-right: 20px; background: url(../../../resources/images/common/icon_reply.png) no-repeat 0 0;}
.web .boardList_issue .list_info .iconBox a.reply.on {background-position: 0 -170px;}
.web .boardList_issue .list_info .iconBox a.sns {background: url(../../../resources/images/common/icon_facebook.png) no-repeat 0 0;}
.web .boardList_issue .list_info .iconBox a.sns.on {background-position: 0 -170px;}
.web .boardList_issue .list_info .iconBox span.bemil_author {float:right; padding-top:5px; color:#1a8dd6;}

/* 모바일게시판 전용 퀵메뉴 */
.bbs_quickArea {padding:8px 0; background: #f0f0f0; border-top:1px solid #ddd; }
.bbs_quickArea ul {overflow: hidden;}
.bbs_quickArea li {float:left; width:33.3%; background: #fff; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.bbs_quickArea li a {height:40px; line-height: 40px; text-align: center; font-size: 14px; font-weight: bold; color:#666;}

/* table form */
.tblType1 {}
.tblType1 table {table-layout:fixed; border-top:1px solid #4c6a51;}
.tblType1 th, .tblType1 td {padding:15px 20px;}
.tblType1 th {font-weight:normal; text-align: left; color:#2b422f; background: #f5f7f5; border-bottom:1px solid #e5e5e5;}
.tblType1 td {line-height:18px; border-bottom:1px solid #e5e5e5;}
.mobile .tblType1 th, .mobile  .tblType1 td {padding:11px 8px;}

.tblType2 {}
.tblType2 table {table-layout:fixed; border-top:1px solid #4c6a51;}
.tblType2 th, .tblType2 td {font-size:13px; }
.tblType2 th {padding:15px 10px;  font-weight: bold; text-align: left; color:#2b422f; border-bottom:1px solid #e5e5e5;}
.tblType2 td {line-height:18px; padding:10px 15px;  border-bottom:1px solid #e5e5e5;}
.tblType2 td input[type="text"] {height:33px;line-height: 33px;}
.tblType2 td .editorBox {max-width:810px;}
.mobile .tblType2 th, .mobile  .tblType2 td {padding:11px 5px;}
.mobile .editorArea img {width:auto;}


.file_uploadGroup {position:relative;}
.file_uploadGroup .upload_file {position:absolute; left:0; top:20px;}
.file_uploadGroup .upload_file .input_file {position: absolute; left:0; top:0; width:100%; height:100%;  opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.file_uploadGroup .upload_info {padding-top:25px; margin-bottom:10px; text-align: right;}
.file_uploadGroup .upload_info span {color:#666;}
.file_uploadGroup .upload_info .file strong {color:#327c3a;}
.file_uploadGroup .file_uploadBox {overflow:hidden; padding:30px 0px 30px 25px; border:1px solid #ddd;}
.file_uploadGroup .file_uploadBox .upload_list {float:left; max-width: 133px; margin-right:17px;}
.file_uploadGroup .file_uploadBox .upload_list .upload_thumb {display: block;}
.file_uploadGroup .file_uploadBox .upload_list .upload_thumb img {width:100%;}
.file_uploadGroup .file_uploadBox .upload_list .upload_title {display: block; margin-top:5px; color:#666;}
.file_uploadGroup .file_uploadBox .upload_list .upload_title a {display: inline-block; line-height: 16px; vertical-align: middle;}
.mobile .file_uploadGroup .upload_file {top:8px; width:140px;}
.mobile .file_uploadGroup .upload_info {padding-top:15px; margin-bottom:5px; text-align: right;}
.mobile .file_uploadGroup .upload_info .limit {display:none;}
.mobile .file_uploadGroup .file_uploadBox {padding:15px 0px 15px 15px; border:1px solid #ddd;}
.mobile .file_uploadGroup .file_uploadBox .upload_list {max-width: 50%; padding-right:15px; margin-bottom:10px; margin-right:0;}
.mobile .file_uploadGroup .file_uploadBox .upload_list .upload_title a {display: inline-block; width:10px; line-height: 14px; vertical-align: middle;}

.file_telGroup:after {content:''; display: block; clear:both;}
.file_telGroup span {float:left;}
.file_telGroup .tel_box {width:31.33%;}
.file_telGroup .tel_box input {height:60px; line-height: 60px; font-size:22px; text-align: center; border:1px solid #aaa;}
.file_telGroup .tel_box:last-child {margin-left:3%;}
.file_telGroup .bar {float:left; width:3%; line-height: 54px;  text-align: center;}
.mobile .file_telGroup .tel_box input {height:45px; line-height: 45px; font-size:18px; text-align: center; border:1px solid #aaa;}
.mobile .file_telGroup .bar {float:left; width:3%; line-height: 40px;  text-align: center;}

.file_addrGroup > span {display:block;}
.file_addrGroup input {height:60px; line-height: 60px; font-size:22px; text-align: center; border:1px solid #aaa;}
.file_addrGroup .postCodeBox {overflow: hidden; position:relative; padding-right:170px; margin-bottom:10px;}
.file_addrGroup .postCodeBox .postCode {float:left; width:48%;}
.file_addrGroup .postCodeBox .bar {float:left; width:4%; line-height: 54px; text-align: center;}
.file_addrGroup .postCodeBox .btn {position: absolute; right:0; top:0; width:160px; height:60px; line-height: 60px; text-align: center; font-size:22px; color:#666; font-weight: bold; border:2px solid #aaa;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.file_addrGroup .addr_detail {display:block; margin-top:10px;}
.file_addrGroup .addr_detail input {text-align: left;}
.mobile .file_addrGroup .postCodeBox {padding-right:85px;}
.mobile .file_addrGroup input {height:45px; line-height: 45px; font-size:18px; text-align: center; border:1px solid #aaa;}
.mobile .file_addrGroup .postCodeBox .bar {float:left; width:4%; line-height: 40px; text-align: center;}
.mobile .file_addrGroup .postCodeBox .btn {width:80px; height:45px; line-height: 45px; text-align: center; font-size:18px; color:#666; font-weight: normal; border:2px solid #aaa;}

.file_emailGroup .email_box {display: block;overflow:hidden}
.file_emailGroup .email_box .mailTxt {float:left; width:47%;}
.file_emailGroup .email_box .mailTxt input {height:60px; line-height: 60px; font-size:22px; text-align: center; border:1px solid #aaa;}
.file_emailGroup .email_box .bar {float:left; width:6%; height:60px; line-height: 60px; text-align: center; font-size:22px; color:#666;}
.mobile .file_emailGroup .email_box .mailTxt input {height:45px; line-height: 45px; font-size:18px; text-align: center; border:1px solid #aaa;}
.mobile .file_emailGroup .email_box .bar{float:left; width:6%; height:45px; line-height: 45px; text-align: center; font-size:14px; color:#666;}

/* 타이틀그룹 */
.titGroup {margin-bottom:20px;}
.titGroup:after {content:""; display:block; clear:both;}
.titGroup .pageTit {display:none; float:left; font-size:24px; font-weight: bold;}
.titGroup .select-group {float:right;}
.mobile .titGroup {padding:0 15px; margin-bottom: 20px;}
.mobile .titGroup .pageTit {display:block; float:none; line-height:100%; margin-bottom:20px; font-size:18px;}
.mobile .titGroup .select-group {float:none;}

/* 로케이션 */
.locationWrap {padding:0 0 17px 0; float:left; position:relative; top:17px;}
.locationWrap {padding:0 0 10px 0;}
.locationWrap ul {overflow: hidden;}
.locationWrap li {float:left; padding-right: 12px; margin-right:9px; font-size: 12px; background:url(../../../resources/images/common/arr_location.gif) no-repeat right center;}
.locationWrap li:last-child {padding: 0; margin: 0; background:none;}
.locationWrap li a {font-size: 12px;}
.locationWrap li a.home {color: #666;}
.mobile .locationWrap {display: none;}

/* 셀렉트 박스 */
.select-submit {position: absolute; right:0; top:0; width:87px; height:34px;}
.select-submit button {display: block; width:100%; height:100%; font-size:14px; font-weight:bold; color: #fff; background: #4c6a51;}
/*.select-group.opt_first {float:left; width:128px; padding-right:5px;}
.select-group.opt_sec {float:left; width:128px;}*/
.select-group {display:block;  position: relative; width:255px; max-width:100%;  padding-right:92px; text-align: left;}
.select-group.noBtn {padding-right:0 !important;}
.select-ul {position: relative; height:34px;}
.select-ul .title {overflow:hidden; position:relative; width:100%; height:34px; line-height:32px; padding-right:26px; text-align:left; text-indent:5px; font-size:13px; color:#666; text-overflow:ellipsis; white-space:nowrap; background:#fff url(../../../resources/images/common/arr_seletB.png) no-repeat right center; border: 1px solid #aaa;}
.select-ul.open .title {background:#fff url(../../../resources/images/common/arr_seletT.png) no-repeat right center;}
.select-ul .selList {display:none; position:absolute; top: 34px; left: 0; width:100%; background: #fff; border: 1px solid #aaa; border-top:none; opacity: 0; filter: alpha(opacity=0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.select-ul.open .selList {overflow-y:auto; -webkit-overflow-scrolling:touch; z-index: 100;  opacity: 1; filter: alpha(opacity=100);}
.select-ul .selList li {position:relative; background:#fff;}
.select-ul .selList li:hover {background: #eee;}
.select-ul .selList li:hover label {color: #666;}
.select-ul .selList li label {position:relative; overflow:hidden; width:98%; height: 34px; line-height: 34px; font-size: 13px; color: #666; text-indent: 5px; text-overflow: ellipsis; white-space:nowrap;}
.select-ul .selList li .option {position:absolute; left:0; top:0; width: 0; height:0; border:0; border-radius:0;  opacity: 0; filter: alpha(opacity=0);}

/* 셀렉트 옵션 */ 
select option {height:30px}
.select-submit {position: absolute; right:0; top:0; width:87px; height:34px;}
.select-submit button {display: block; width:100%; height:100%; font-size:14px; font-weight:bold; color: #fff; background: #4c6a51;}
/*.select-group.opt_first {float:left; width:128px; padding-right:5px;}
.select-group.opt_sec {float:left; width:128px;}*/
.select-group {display:block;  position: relative; width:255px; max-width:100%;  padding-right:92px; text-align: left;}
.select-group.noBtn {padding-right:0 !important;}
.select-ul {position: relative; height:34px;}
.select-ul .title {overflow:hidden; position:relative; width:100%; height:34px; line-height:32px; padding-right:26px; text-align:left; text-indent:5px; font-size:13px; color:#666; text-overflow:ellipsis; white-space:nowrap; background:#fff url(../../../resources/images/common/arr_seletB.png) no-repeat right center; border: 1px solid #aaa;}
.select-ul.open .title {background:#fff url(../../../resources/images/common/arr_seletT.png) no-repeat right center;}
.select-ul .selList {display:none; position:absolute; top: 34px; left: 0; width:100%; background: #fff; border: 1px solid #aaa; border-top:none; opacity: 0; filter: alpha(opacity=0); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.select-ul.open .selList {overflow-y:auto; -webkit-overflow-scrolling:touch; z-index: 100;  opacity: 1; filter: alpha(opacity=100);}
.select-ul .selList_li {position:relative; background:#fff;}
.select-ul .selList_li:hover {background: #eee;}
.select-ul .selList_li:hover label {color: #666;}
.select-ul .selList_li label {position:relative; overflow:hidden; width:98%; height: 34px; line-height: 34px; font-size: 13px; color: #666; text-indent: 5px; text-overflow: ellipsis; white-space:nowrap;}
.select-ul .selList_li .option {position:absolute; left:0; top:0; width: 0; height:0; border:0; border-radius:0;  opacity: 0; filter: alpha(opacity=0);}


/*.mobile .select-group.opt_first {width:45%; padding-right:10px; margin-bottom:10px;}
.mobile .select-group.opt_sec {width:55%; padding-right:70px; margin-bottom:10px;}*/
.mobile .select-group {width:100%; padding-right:0; margin-bottom:10px;}
.mobile .select-ul {height:35px;}
.mobile .select-ul .title {height:35px; line-height:24px; }
.mobile .select-ul .selList {top:35px;}
.mobile .select-submit {height:35px;}

/* 서치박스 */
.search-group {position: relative;}
.search-box {position:relative; width:210px; text-align: left;}
.search-box label {position:absolute; left:0; top:0; width:100%; height:34px; line-height:34px; font-size:13px; color:#999; text-indent: 15px; z-index: 10;}
.search-box label.hide {display:none;}
.search-box input {display:block; width:210px; height:34px; line-height:34px; padding-right:35px; font-size:13px; text-indent: 15px; color: #999; border:1px solid #aaa; text-overflow:ellipsis; white-space:nowrap; outline: none;}
.search-box .search_submit {position:absolute; right:6px; top:6px; z-index: 9;}
/* .search-box .search_submit button {width:18px; height:18px; background: url(../../../resources/images/common/btn_search_board.png) no-repeat 0 0;} */
.search-box .search_submit button {width:18px; height:18px; background:url(//bemil.chosun.com/bemil/resources/images/common/btn_search_board.png) no-repeat 0 0;}
.search-box .search_submit button img {width:100%;}
.mobile .search-box {width:100%;}
.mobile .search-box label {width:100%; height:35px; line-height:35px;}
.mobile .search-box input {width:100%; height:35px; line-height:35px;}
.mobile .search-box .search_submit {right:7px; top:8px;}
.mobile .search-box .search_submit button {width:18px; height:18px; background: url(../../../resources/images/common/btn_search_boardM.png) no-repeat 0 0; background-size: 18px;}

/* 게시판검색 */
.board_searchGroup {margin-bottom:40px; text-align: center; float:none;}
.board_searchGroup .select-group {display:inline-block; width:128px; padding-right:0; margin-right:2px; vertical-align: top;}
.board_searchGroup .search-box {display:inline-block; vertical-align: top;}
.mobile .board_searchGroup {padding:0 15px; margin-top:30px;}
.mobile .board_searchGroup .select-group.sec {display:none;}
.mobile .board_searchGroup .select-group {width:100%; margin:0 0 7px 0;}

/* 레이어팝업 */
#overlay {position:fixed; left:0; top:0; width:100%; height:100%; min-height:100%; opacity:0.75; filter:alpha(opacity=75); background:#000; z-index:1009;}
.layerPopup {position:fixed; left:50%; top:50%; display:none; min-width:320px;width:500px; margin-left:-250px; z-index:1010;}
/*.layerPopup.layerScale {position:absolute; left:50%; top:100px !important; margin-top:0 !important;}*/
.layerPopup .layerHead {position:relative; height:50px; line-height: 50px; padding:0 20px; background: #4c6a51;}
.layerPopup .layerHead .layerTit {font-size: 18px; font-weight: bold; color:#fff;}
.layerPopup .layerHead .closeLayer {position:absolute; top:15px; right:15px; width:18px; -webkit-transition-duration:.3s; -moz-transition-duration:.3s; -0-transition-duration:.3s; -ms-transition-duration:.3s; transition-duration:.3s;}
.layerPopup .layerHead button:hover {-webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg);}
.layerPopup .layerHead button img {width:100%;}
.layerPopup .layerBody {padding:60px; text-indent: center; background:#fff;}
.layerPopup .layerBody .layer_msg {margin-bottom:20px; text-align: center; font-size: 24px; color: #333; font-weight: bold;}
.layerPopup .layerBody .layer_desc { text-align: center; font-size: 14px; color:#666;}
.layerPopup .layerBottom {margin-top:30px; text-align: center;}
.mobile .layerPopup {position:fixed; left:0; top:50%; width:100% !important; height:auto; margin-left:0 !important;}
/*.mobile .layerPopup.layerScale {position:absolute; top:15px !important; margin-top:0 !important;}*/
.mobile .layerPopup .layerHead {height:40px; line-height: 40px; padding:0 10px;}
.mobile .layerPopup .layerHead .layerTit {font-size:15px;}
.mobile .layerPopup .layerHead .closeLayer {right:12px; top:12px; /*width:9px;*/}
.mobile .layerPopup .layerBody {padding:25px 15px 25px 15px; border-top-width:15px;}
.mobile .layerPopup .layerBody .layer_msg {margin-bottom:15px; font-size: 17px;}
.mobile .layerPopup .layerBody .layer_desc {font-size: 13px;}
.mobile .layerPopup .layerBottom {margin-top:20px;}
.mobile .layerPopup .layerBottom button {font-size: 13px; padding:0 15px;}

/* 댓글 */
.replyWrap {}
.replyWrap .replyNum {margin-bottom:20px; text-align: center; font-size: 18px; font-weight: bold;}
.replyWrap .replyNum .count {display: inline-block; height:21px; line-height: 21px; padding:0 13px; vertical-align: middle; color:#fff; letter-spacing: 0; background: #27692e; border-radius: 11px}
.replyWrap .replyArea {border-top:1px solid #666;}
.replyArea .replyBox .list {position:relative; padding:25px 0 0 0; border-bottom:1px solid #ccc;}
.replyArea .replyBox .list .inner {position:relative;}
.replyArea .replyBox .writ_info {padding-left:20px; margin-bottom:17px; font-size: 13px; color:#666; letter-spacing: 0;}
.replyArea .replyBox .writ_info .best {display:inline-block; width:45px; height:16px; line-height: 16px; margin-right:5px; text-align: center; font-weight: bold; color:#fff; background: #c51917;}
.replyArea .replyBox .writ_info .member {margin-right:20px; font-size: 14px; font-weight: bold; color:#222;}
.replyArea .replyBox .writ_info .date {padding-right:9px; margin-right:2px; background: url(../../../resources/images/common/bar_1x10_board.gif) no-repeat right center;}
.replyArea .replyBox .writ_info .total_score em {color:#c51917; font-weight: bold;}
.replyArea .replyBox .btn {position: absolute; right:20px; top:-8px;}
.replyArea .replyBox .btn a {display: inline-block; font-size:13px; color:#666;}
.replyArea .replyBox .btn a.report {padding-right:9px; margin-right:3px; background: url(../../../resources/images/common/bar_1x10_board.gif) no-repeat right center;}
.replyArea .replyBox .btn a.delete {margin-right:5px;}
.replyArea .replyBox .btn a.score {height:30px; line-height: 30px; padding-left:37px; background:url(../../../resources/images/common/icon_score.png) no-repeat 0 0;}
.replyArea .replyBox .btn a.score.on {background-position: 0 -170px;}
.replyArea .replyBox .txtbox {line-height:20px; margin-bottom:20px; padding:0 100px 0 20px;}
.replyArea .replyBox .write {padding-left:20px; margin-bottom:25px;}
.replyArea .replyBox .write > a {display:inline-block; padding-right:13px; color:#666; background: url(../../../resources/images/common/arr_write.png) no-repeat right center;}
.replyArea .replyBox .write > a em {font-weight: bold; color:#c51917;}
.mobile .replyWrap {padding:0 15px;}
.mobile .replyWrap .replyNum {margin-bottom:20px; text-align: center; font-size: 18px; font-weight: bold;}
.mobile .replyWrap .replyNum .count {display: inline-block; height:21px; line-height: 21px; padding:0 13px; vertical-align: middle; color:#fff; letter-spacing: 0; background: #27692e; border-radius: 11px}
.mobile .replyWrap .replyArea {border-top:1px solid #666;}
.mobile .replyArea .replyBox .list {position:relative; padding:20px 0 0 0; border-bottom:1px solid #ccc;}
.mobile .replyArea .replyBox .list .inner {position:relative;  padding-bottom: 20px; margin-bottom: 15px;}
.mobile .replyArea .replyBox .list .inner.best {padding:0; margin:0;}
.mobile .replyArea .replyBox .writ_info {padding:0; margin-bottom:15px; font-size: 13px; color:#666; letter-spacing: 0;}
.mobile .replyArea .replyBox .writ_info .best {display:inline-block; width:45px; height:16px; line-height: 16px; margin-right:5px; text-align: center; font-weight: bold; color:#fff; background: #c51917;}
.mobile .replyArea .replyBox .writ_info .member {margin-right:2px; font-size: 14px; font-weight: bold; color:#222;}
.mobile .replyArea .replyBox .writ_info .date {padding-right:9px; margin-right:2px; background: url(../../../resources/images/common/bar_1x10_board.gif) no-repeat right center;}
.mobile .replyArea .replyBox .writ_info .total_score em {color:#c51917; font-weight: bold;}
.mobile .replyArea .replyBox .btn {position: absolute; right:0; top:inherit; bottom:0;}
.mobile .replyArea .replyBox .btn a {display: inline-block; font-size:13px; color:#666;}
.mobile .replyArea .replyBox .btn a.report {padding-right:9px; margin-right:3px; background: url(../../../resources/images/common/bar_1x10_board.gif) no-repeat right center;}
.mobile .replyArea .replyBox .btn a.delete {margin-right:5px;}
.mobile .replyArea .replyBox .btn a.score {height:30px; line-height: 30px; padding-left:37px; background:url(../../../resources/images/common/icon_score_m.png) no-repeat 0 0; background-size: 30px;}
.mobile .replyArea .replyBox .btn a.score.on {background-position: 0 -120px;}
.mobile .replyArea .replyBox .txtbox {line-height:20px; margin-bottom:15px; padding:0;}
.mobile .replyArea .replyBox .write {padding:0; margin-bottom:10px;}
.mobile .replyArea .replyBox .write > a {display:inline-block; padding-right:13px; color:#666; background: url(../../../resources/images/common/arr_write.png) no-repeat right center;}
.mobile .replyArea .replyBox .write > a em {font-weight: bold; color:#c51917;}

.replyArea .replyBox .re_replyBox {position: relative; padding:30px 20px 0 67px; background: #f6f6f6;}
.replyArea .replyBox .re_replyBox .re_list {margin-bottom:25px;}
.replyArea .replyBox .re_replyBox .re_list .inner {position:relative;}
.replyArea .replyBox .re_replyBox .writ_info {margin-bottom:17px; background: url(../../../resources/images/common/icon_board.png) no-repeat left -240px;}
.replyArea .replyBox .re_replyBox .txtbox {line-height:20px; padding:0 70px 0 20px;}
.replyArea .replyBox .re_replyBox .comment_box {overflow:hidden; position:relative; width:auto; height:90px; padding-right:95px; padding-bottom:25px;}
.replyArea .replyBox .re_replyBox .comment_box textarea { height:90px;}
.replyArea .replyBox .re_replyBox .comment_box .btn_submit {position:absolute; right:0; top:0; width:90px; height:90px; line-height: 90px; text-align: center; color:#fff; background: #aaa;}
.mobile .replyArea .replyBox .re_replyBox {position: relative; padding:20px 8px 0 8px; background: #f6f6f6;}
.mobile .replyArea .replyBox .re_replyBox .re_list {margin-bottom:20px;}
.mobile .replyArea .replyBox .re_replyBox .writ_info {padding-left:18px; margin-bottom:15px; background: url(../../../resources/images/common/icon_reReply_m.png) no-repeat  3px center; background-size: 10.5px;}
.mobile .replyArea .replyBox .re_replyBox .txtbox {line-height:20px; padding:0 5px 0 5px;}
.mobile .replyArea .replyBox .re_replyBox .comment_box {overflow:hidden; position:relative; width:auto; height:110px; padding-right:90px;}
.mobile .replyArea .replyBox .re_replyBox .comment_box textarea { height:90px;}
.mobile .replyArea .replyBox .re_replyBox .comment_box .btn_submit {position:absolute; right:0; top:0; width:90px; height:90px; line-height: 90px; text-align: center; color:#fff; background: #aaa;}

.commenWrap {padding:29px 16px; margin-bottom:40px; background: #eef2ee;}
.commenWrap .member {margin-bottom: 6px;}
.commenWrap .member span {display: inline-block; font-size:13px; color:#666;}
.commenWrap .input_text {width:128px; height:34px; line-height:34px; margin-right:6px; font-size:13px; color:#999; background: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.commenWrap .login {padding-right:15px; margin-right:9px; background: url(../../../resources/images/common/bar_1x11_head.gif) no-repeat right 5px;}
.commenWrap .comment_box {overflow:hidden; position:relative; width:auto; height:90px; padding-right:95px;}
.commenWrap .comment_box textarea { height:90px;}
.commenWrap .comment_box .btn_submit {position:absolute; right:0; top:0; width:90px; height:90px; line-height: 90px; text-align: center; color:#fff; background: #4c6a51;}
.mobile .commenWrap {margin:0 15px; padding:15px 10px; margin-bottom:15px; background: #eef2ee;}
.mobile .commenWrap .member {margin-bottom:15px;}
.mobile .commenWrap .member span {display: block; font-size:13px; color:#666;}
.mobile .commenWrap .forminner {margin-bottom:15px; text-align: center;}
.mobile .commenWrap .input_text {width:49%; height:34px; line-height:34px; margin-right:0; font-size:13px; color:#999; background: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.mobile .commenWrap .meminner {text-align: center;}
.mobile .commenWrap .login {display:inline-block; padding-right:15px; margin-right:9px; background: url(../../../resources/images/common/bar_1x11_head.gif) no-repeat right 5px;}
.mobile .commenWrap .join {display:inline-block; }
.mobile .commenWrap .comment_box {overflow:hidden; position:relative; width:auto; height:90px; padding-right:90px;}
.mobile .commenWrap .comment_box textarea { height:90px;}
.mobile .commenWrap .comment_box .btn_submit {position:absolute; right:0; top:0; width:90px; height:90px; line-height: 90px; text-align: center; color:#fff; background: #4c6a51;}

/* 이전글 다음글 */
.bbs_changeView {margin-bottom: 40px; border-top:1px solid #e5e5e5;}
.bbs_changeView li {overflow:hidden; border-bottom:1px solid #e5e5e5;}
.bbs_changeView li span {float:left;}
.bbs_changeView li .dt {width:97px; height:50px; line-height: 50px; padding-left: 23px;}
.bbs_changeView li .dt.next {background: url(../../../resources/images/common/arr_top1.png) no-repeat 69px center;}
.bbs_changeView li .dt.prev {background: url(../../../resources/images/common/arr_bottom1.png) no-repeat  69px center;}
.bbs_changeView li .dd {width:720px; } 
.bbs_changeView li .dd a {height:50px; line-height: 50px;}
.bbs_changeView li .dd a:hover {text-decoration: underline;}

/* 서치 데이터 없음  */
.noDataArea {padding:88px 50px; margin:10px 0; text-align:center; font-size:24px; font-weight: bold; background: #eef2ee;}
.noDataArea strong {color:#c51917;}
.mobile .noDataArea {padding:40px 25px; margin:10px; text-align:center; font-size:17px;}

/* paging */
.pagingArea {position:relative; margin:32px 0 40px 0; text-align:center;}
.pagingArea .webPaging {display:block;}
.pagingArea .mobilePaging {display:none;}
.pagingArea a {display:inline-block; width:30px; height:30px; line-height:30px; margin:0; vertical-align:middle; text-align:center; font-size:14px; font-weight:bold; color:#222; text-decoration:none; margin: 0 2px;}
.pagingArea a:hover{color:#231f20 !important; text-decoration: none;}
.pagingArea a.current {color:#fff !important; background: #327c3a; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.pagingArea span {display:inline-block; width:30px; height:30px; vertical-align:top; margin: 0 2px;}
.pagingArea span a {display:block; width:100%; height:100%; padding:0; border:none; background: #fff url(../../../resources/images/common/icon_page.png) no-repeat;}
.pagingArea span.first a {background-position: 0 0;}
.pagingArea span.prev a {background-position: -32px 0;}
.pagingArea span.next a {background-position: -88px 0;}
.pagingArea span.last a {background-position: -120px 0;}
.pagingArea .button1 {position:absolute; right:0; top:-3px;}
.mobile .pagingArea .webPaging {display:none;}
.mobile .pagingArea .mobilePaging {display:block;}
.mobile .pagingArea {margin:20px 0 30px 0;}
.mobile .pagingArea a {width:25px; height:25px; line-height: 25px;}
.mobile .pagingArea span {width:25px; height:25px;}
.mobile .pagingArea span.prev {float:left; margin-left:15px;}
.mobile .pagingArea span.next {float:right; margin-right:15px;}
.mobile .pagingArea span.prev a {background: #fff url(../../../resources/images/common/arr_page_prevM.png) no-repeat 0 0; background-size: 25px;}
.mobile .pagingArea span.next a {background: #fff url(../../../resources/images/common/arr_page_nextM.png) no-repeat 0 0; background-size: 25px;}
.mobile .pagingArea .button1 {position:absolute; right:0; top:40px; width:100%; padding:0 15px;}
.mobile .pagingArea .button1 button {width:100%; height:40px; line-height: 40px; font-size:15px; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* skip navigation */
.skipNavi {position:relative; z-index:1100;}
.skipNavi li {position: absolute; width: 100%; top: 0; left:0;}
.skipNavi li a{display:block; height: 1px; width: 1px; overflow: hidden;font-size: 1em}
.skipNavi li a:focus, 
.skipNavi li a:active{width:100%; height: auto; padding:7px 0; text-align:center; font-size: 15px; color:#fff; background-color:#4c6a51; border:1px solid #daab29;}


/* 투표 */

.poll {}
.poll .boxType {padding:0 30px;}
._forum_poll_graph br {display:none;}


/* 상단 광고 */

.bemil_banner_top {text-align:center; height:90px; padding:10px 0; position:relative; z-index:7; width:1200px; margin:0 auto;}
.mobile .bemil_banner_top {display:none;}


/* taboola */ 

.view_bottom_ad {padding-top:20px;}
.trc_mobile_disclosure_link, .trc_mobile_attribution_link, .trc_mobile_adc_link {display:none !important;}