@charset "utf-8";

#container {
	float:left; background-color:#ffffff; width:100%;
}
/* 공통 컨텐츠 박스 */
.cont_area {    
	width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-left: 15px;
    padding-right: 15px;
}
.cont_area > .top-title {display: block;margin-bottom: 60px;font-size: 40px;font-weight: 500;color: #000;line-height: 42px;text-align: center;font-family: "Noto Sans KR", sans-serif;}
div.leadership_imgcont > dl dd > a.on {color:#248738;}

input,
select {outline-color:#ccc;}


/* 공통 서브 타이틀 */
.page_tit {margin-bottom:70px; font-size:40px; line-height:60px; font-weight:500; color: #000; text-align: center;}
.page_tit > span {display:block;font-size:18px;line-height:30px;font-weight: 300;padding-top:10px;}
.point_tit {padding-top:10px; font-size:30px;line-height:43px;color:#000;background:url('../images/sub/sub_tit.png') no-repeat top left;font-weight: 600;}
.point_tit.non {background: none;}

.point_tit:first-child {margin-top: 0;}


/* 서브 상단 비주얼 */
.sub_visual {display:table; width:100%;}
.sub01 .sub_visual_inner {background-image:url(../images/sub/sub_visual01.png);}
.sub02 .sub_visual_inner {background-image:url(../images/sub/sub_visual02.png);}
/* .sub02 .sub_visual_inner {background-image:url(../images/sub/sub_visual02.png);} */
.sub02 .busi01 {background-image:url(../images/sub/sub_visual02_1.png);}
.sub02 .busi02 {background-image:url(../images/sub/sub_visual02_2.png);}
.sub02 .busi03 {background-image:url(../images/sub/sub_visual02_3.png);}
.sub02 .busi04 {background-image:url(../images/sub/sub_visual02_4.png);}
.sub03 .sub_visual_inner {background-image:url(../images/sub/sub_visual03.png);}
.sub04 .sub_visual_inner {background-image:url(../images/sub/sub_visual04.png);}
 
.sub_visual_inner {display:table-cell; vertical-align:middle;background-repeat:no-repeat; background-position:right bottom;}
.sub_title { font-weight: 500; color:rgba(0,0,0,0.7); font-family: 'Noto Sans KR', sans-serif; }
.sub_title_desc {color:rgba(0,0,0,0.8);}
 
.sub04 .sub_title_desc,
.sub02 .busi01 .sub_title_desc,
.sub01 .sub_title_desc,
.sub03 .sub_title_desc  {color: rgba(0,0,0,0.5);}
 
/* lnb */
.lnb_wrap {width:100%; border-bottom:1px solid #dedede;}
.lnb {font-size:0; box-sizing:border-box;}
.lnb > li {display:inline-block;}
.lnb li a {display:block; color:#666;}
.lnb .home {background:url(../images/sub/icon_home.png) no-repeat 50% 50%;}
.lnb .home a {height:100%; text-indent:-99999px;}
.lnb .depth1 {position:relative;}
.lnb .depth1 > a:before {display:block; content:''; position:absolute; background-color:#ccc;}
.lnb .depth1 > a:after {display:block; content:''; position:absolute; z-index:1; background:url(../images/sub/icon_lnb.png) no-repeat 0 0;}
.lnb .depth1.on > a {font-weight:bold; color:#000;}
.lnb .depth1.on > a:after {background:url(../images/sub/icon_lnb_on.png) no-repeat 0 0;}
.lnb .depth2 {display:none; position:absolute; left:0; top:61px; z-index:110; width:100%; background:#fff; border: 1px solid #dedede; border-top:0 none;}
.lnb .depth1 a,
.lnb .depth2 a {box-sizing:border-box; font-family:'Noto Sans KR', sans-serif;}

.lnb .depth2 a:hover,
.lnb .depth2 a:focus {background-color:#999; color: #FFF;}


/* btn */
.btn.right { float: right; margin-top: 20px;}
.btn_area {overflow:hidden;text-align: right;}
.btn_area a {margin-top:20px;text-align:left;}
.btn_area a:first-child {margin-left:0; margin-top:0;}
.btn_area a.btn_download,
.btn_area a.btn_go {position:relative;display:inline-block;width:100%;padding:0 20px;border:1px solid #ccc;color:#666;box-sizing: border-box;}
.btn_area a > img.btn_icon {position:absolute;right:20px;top:17px;}
.btn_area a.ci_btn {font-size:16px;color:#666;}
.btn_area a.ci_btn > img {vertical-align:middle;}

.btn_more a {display:inline-block; font-weight:400; color:#666;}
.btn_more a > img {padding-left:10px; vertical-align:middle;}

.btn_more.tp_w a {color:#FFF;}

/* list  ul> li dot */
ul.list_dat {position: relative;}
ul.list_dat > li {font-size:16px;line-height:1.8;color:#000;letter-spacing: -0.5px;padding-left:10px;}
ul.list_dat > li:before {position:absolute;left:0;content:"· ";}
.list_note {color:#999;font-size:13px;padding-top:15px;}

/* sub Default*/
.page_area {display:block;overflow:hidden;margin-bottom: 90px;}
.page_area .point_tit {float:left;display:block;box-sizing: border-box; line-height: 1.2; padding-top: 16px;}
.page_area .page_content {float:right; display:block; box-sizing: border-box; position:relative; }
/*
.page_area .page_content > p {word-break: keep-all;}
*/
.page_area .page_content > p.page_img {overflow:hidden;}
.page_area .page_content > p.page_img img {float:right;}
.page_area .page_content > p.page_img img:first-child {float:left;}


/* tab btn */
ul.tab_menu {display: table; width:100%; max-width:1200px; height: 100%; margin: 0 auto; table-layout: fixed;}
ul.tab_menu.wd680 {max-width: 680px; width: 100%;}

ul.tab_menu li {display: table-cell; vertical-align: middle; background-color: #fff; text-align: center; border: 1px solid #e2e2e2; border-bottom: 1px solid #989898; cursor: pointer;}
ul.tab_menu li+li {border-left: none;}
ul.tab_menu li.on {background-color: #248738; border: 1px solid #248738; border-bottom: 1px solid #989898;}

ul.tab_menu li a {display: block; font-weight:500; color: #666; text-decoration: none; word-break:break-all;}
ul.tab_menu li.on a {font-weight:600; color: #fff;}


div.tab_area div.tab_cont {display:none;}

/* 이미지 가운데 정렬 */
.imgMiddle {position:relative; text-align:center;}
.imgMiddle:before {content:''; display:inline-block; height:100%; vertical-align:middle;}
.imgMiddle > img {display:inline-block; vertical-align:middle;}

.page_area .page_content > p + .singleImgCont {margin-top:68px;}
.page_area .page_content > p + .singleImgContDual {margin-top:68px;}
.imgMiddle > img {display:inline-block; vertical-align:middle;}

.jobsList li > a .imgMiddle img {transform:scale(0.85); transition: all .3s ease-out;}
.jobsList li > a:hover .imgMiddle img {transform:scale(1); transition: all .3s ease-out;}

.page_area + .singleImgCont {margin-top:71px;}

.singleImgCont + .singleImgCont {margin-top:125px;}
.singleImgCont > .titTxt {font-weight:500; font-size:18px; color:#000; line-height:24px;}
.singleImgCont > .titTxt + .singleImgArea {padding-top:35px;}
.singleImgCont > .singleImgArea {text-align:center;}

.singleImgContDual {overflow:hidden;}
.singleImgContDual > .singleImgCont {float:left; vertical-align:top;}
.singleImgContDual > .singleImgCont + .singleImgCont {margin-left:55px; margin-top:0;}

.subTxtCase01 {padding:30px 0 0 40px; font-weight:200; font-size:14px; color:#666; line-height:22px;}
.page_area .page_content {line-height:1.8;}

/*=============================== PC sub =========================================*/
@media screen and (min-width:1200px) {

	.pcOnly {display: block !important;}
	.mobileOnly {display: none !important;}

	/* 서브 상단 비주얼 */
	.sub_visual {}
	.sub_visual_inner {height:388px;max-width:1024px; padding:0 15px;box-sizing: border-box;}
	.sub_title {font-size:48px; }
	.sub_title_desc {padding-top:12px; font-size:18px;}


	/* lnb */
	.lnb {height:60px; line-height:60px; padding:0;}
	.lnb > li {font-size:15px;}
	.lnb .home {width:55px;}
	.lnb .depth1 {min-width:233px;}
	.lnb .depth1 > a:before {left:0; top:22px; width:1px; height:15px;}
	.lnb .depth1 > a:after {right:24px; top:27px; width:8px; height:5px;background:url(../images/sub/icon_lnb.png) no-repeat 0 0;}
	.lnb .depth2 {left:0; top:61px;}
	.lnb .depth1 a,
	.lnb .depth2 a {padding:0 56px 0 24px;}

	/* btn */
	.btn_area a {margin-left:17px;}
	.btn_area a.btn_download,
	.btn_area a.btn_go {width:100%;max-width:293px;font-size:16px;line-height:26px;padding:12px 20px;}
	.btn_area a > img.btn_icon {right:20px;top:17px;}

	/* sub Default*/
	.page_area .point_tit {width:25%;}
	.page_area .page_content {width:75%; line-height: 1.8; }
	.page_area .page_content > p { margin-bottom: 6px;}
	.page_area .page_content > p:first-child {margin-top:0;}
	.page_area .page_content > p.page_img img {width:46.556%;max-width:100%;}

	.page_area .page_content > p.btn_area {margin-top:50px;}


	/* tab btn */
	ul.tab_menu li a {padding:13px 10px 10px; font-size:18px;line-height:25px;}

}





/*=============================== tablet sub =========================================*/
@media screen and (max-width:1199px) and (min-width:768px) {

	/* 공통 컨텐츠 박스 */
	.cont_area {padding:0 30px;}

	.page_tit {margin-bottom:40px; font-size:30px; line-height:40px;}

	/* 서브 상단 비주얼 */
	.sub_visual {height:200px; background-size:cover;}
	.sub_visual_inner {max-width:1024px; padding:0 15px; height:380px;}
	.sub_title {font-size:48px;}
	.sub_title_desc {padding-top:12px; font-size:18px;}

	.sub_title_desc .mobileOnly {display: none;}

	/* lnb */
	.lnb {display: none; height:60px; line-height:60px;}
	.lnb > li {font-size:15px;}
	.lnb .home {width:55px;}
	.lnb .depth1 {min-width:233px;}
	.lnb .depth1 > a:before {left:0; top:22px; width:1px; height:15px;}
	.lnb .depth1 > a:after {right:24px; top:27px; width:8px; height:5px;}
	.lnb .depth2 {left:0; top:61px;}
	.lnb .depth1 a,
	.lnb .depth2 a {padding:0 50px 0 24px;}

	/* btn */
	.btn_area a {margin-left:17px;}
	.btn_area a.btn_download,
	.btn_area a.btn_go {width:100%;;max-width:293px;font-size:16px;line-height:26px;padding:12px 20px;}
	.btn_area a > img.btn_icon {right:20px;top:17px;}

	/* sub Default*/
	.page_area .page_content > p {font-size:18px;line-height:1.8; margin-top: 12px; margin-bottom: 30px;}
	.page_area .page_content > p:first-child {margin-top:0;}
	.page_area .page_content > p.page_img img {width:46.556%;max-width:100%;}

	.page_area .point_tit,
	.page_area .page_content {float:none;}
	.page_area .page_content {padding-top:10px;}
	dl.page_area dt.point_tit {margin-top:0; margin-bottom: 24px;}


	/* tab btn */
	div.content > div.tab_area > ul.tab_menu,
	div.content > ul.tab_menu {padding:0 15px; box-sizing:border-box;}
	ul.tab_menu li a {padding:13px 10px 10px; font-size:16px;line-height:20px;box-sizing:border-box;}


	/* 이미지 가운데 정렬 */
	.page_area .page_content > p + .singleImgCont {margin-top:38px;}
	.page_area .page_content > p + .singleImgContDual {margin-top:38px;}

	.page_area + .singleImgCont {margin-top:42px;}

	.singleImgCont + .singleImgCont {margin-top:75px;}
	.singleImgCont > .titTxt + .singleImgArea {padding-top:16px;}
	.singleImgCont > .singleImgArea img {width:100%;}

	.singleImgCont.xScroll > .singleImgArea {overflow-x:scroll;}
	.singleImgCont.xScroll > .singleImgArea img {width:auto;}

	.singleImgContDual > .singleImgCont {width:50%; vertical-align:top; padding-right:10px; box-sizing:border-box;}
	.singleImgContDual > .singleImgCont + .singleImgCont {margin-left:0; padding:0 0 0 10px;}

	.subTxtCase01 {padding:20px 0 0 20px; font-weight:200; font-size:14px; color:#666; line-height:22px;}
	.sub01 .sub_visual_inner {
		background-image: url(../images/sub/sub1_img_t.png);
		background-size: cover;
	}
	.sub02 .sub_visual_inner {
		background-image: url(../images/sub/sub2_img_t.png);
		background-size: cover;
	}
}

@media screen and (max-width:1024px) and (min-width:768px){
    div.content { padding-top:60px; }
}


/*=============================== mobile sub =========================================*/
@media screen and (max-width:767px) {

	.pcOnly {display: none !important;}
	.mobileOnly {display: block !important;}

	/* 공통 컨텐츠 박스 */
	.cont_area {padding:0 20px;}

	.page_tit {margin-bottom:40px; font-size:30px; line-height:40px;}


	/* 서브 상단 비주얼 */
	.sub_visual {height:300px; background-size:cover;}
	.sub01 .sub_visual_inner {background-image:url(../images/sub/sub1_img_t.png);}
	.sub02 .sub_visual_inner {background-image:url(../images/sub/sub2_img_t.png);}
	.sub03 .sub_visual_inner {background-image:url(../images/sub/sub3_img_t.png);}
	.sub04 .sub_visual_inner {background-image:url(../images/sub/sub4_img_t.png);}
  
	.sub_visual_inner { background-size:cover; background-position: top 50% right;}
	.sub_title {font-size:30px; line-height:33px;    color: rgba(0,0,0,0.6);}
	.sub_title_desc {padding-top:20px; font-size:16px; line-height: 30px;}

	/* lnb */

	.lnb_wrap {display: none;}
/*
	.lnb {height:45px; line-height:45px;}
	.lnb > li {font-size:12px;}
	.lnb .home {width:20%;}
	.lnb .depth1 {min-width:40%;}
	.lnb .depth1 > a:before {left:0; top:15px; width:1px; height:15px;}
	.lnb .depth1 > a:after {right:10px; top:20px; width:8px; height:5px;}
	.lnb .depth2 {left:0; top:46px;}
	.lnb .depth1 a,
	.lnb .depth2 a {padding:0 40px 0 12px;}
*/

	/* btn */
	.btn_area a.btn_download,
	.btn_area a.btn_go {width:100%;;font-size:16px;font-size:16px;line-height:26px;padding:12px 40px 12px 20px;border:1px solid #ccc;color:#666;box-sizing: border-box;}
	.btn_area a > img.btn_icon {position:absolute;right:20px;top:17px;}

	/* sub Default*/
	.page_area .point_tit {width:100%; /*font-size:24px;margin-bottom:15px;*/}
	.page_area .page_content {width:100%;font-size:16px;}
	.page_area .page_content > p {font-size:16px;line-height:1.8;margin-top:12px; margin-bottom:30px;}
	.page_area .page_content > p:first-child {margin-top:0;}
	.page_area .page_content > p.page_img img {width:100%;max-width:100%;margin-top:30px;}
	.page_area .page_content > p.page_img img:first-child {margin-top:0;}
	.page_area .page_content.contact {
		padding-top:150px; padding-left:0;
	}
	.page_area .point_tit,
	.page_area .page_content {float:none}
	dl.page_area dt.point_tit {margin-top:0; margin-bottom: 36px;}


	/* tab btn */
	div.content > div.tab_area > ul.tab_menu,
	div.content > ul.tab_menu {padding:0 15px; box-sizing:border-box;}
	ul.tab_menu li a {padding:13px 10px 10px; font-size:16px;line-height:20px;box-sizing:border-box;}

	/* 공통 서브 타이틀 */
	.point_tit {margin-bottom:15px; font-size:24px;line-height:51px;}


	/* 이미지 가운데 정렬 */
	.page_area .page_content > p + .singleImgCont {margin-top:38px;}
	.page_area .page_content > p + .singleImgContDual {margin-top:38px;}

	.page_area + .singleImgCont {margin-top:42px;}

	.singleImgCont + .singleImgCont {margin-top:75px;}
	.singleImgCont > .titTxt + .singleImgArea {padding-top:16px;}
	.singleImgCont > .singleImgArea img {width:100%;}

	.singleImgCont.xScroll > .singleImgArea {overflow-x:scroll;}
	/*.singleImgCont.xScroll > .singleImgArea img {width:auto;}*/

	.singleImgContDual > .singleImgCont {float:none; vertical-align:top;}
	.singleImgContDual > .singleImgCont + .singleImgCont {margin-left:0; margin-top:75px;}

	.subTxtCase01 {padding:0 0 0 0; font-weight:200; font-size:14px; color:#666; line-height:22px;}

}

@media screen and (max-width:414px) {

}


/* 검색 */
.search_area {overflow:hidden;}
.search_box {position:relative;}
.search_box select {float:left; font-weight:bold; border:transparent; border-bottom:1px solid #dcdcdc; background-image:url(../images/sub/icon_select.png); background-repeat:no-repeat; box-sizing:border-box;}
.search_box input[type=text] {float:left; color:#999; border:transparent; border-bottom:1px solid #dcdcdc; border-left:0; box-sizing:border-box;}
.search_box input[type=button] {position:absolute; display:block; border:0; background-color:#fff; background-image:url(../images/sub/icon_search.png); background-repeat:no-repeat; background-position:100% 0; background-size:100%; text-indent:-9999px; cursor:pointer;}


@media screen and (min-width:768px) {

	/* 검색 */
	.search_area {margin-bottom:50px;}
	.search_box{overflow:hidden; float:right; width:100%; max-width:520px;}
	.search_box select{width:110px; height:47px; padding-left:22px; line-height:47px; font-size:16px; background-position:91px 21px; background-size:8px 5px;}
	.search_box input[type=text]{width:400px; height:47px; padding:0 50px 0 14px; line-height:47px; font-size:16px; margin-left:20px;}
	.search_box input[type=button]{top:13px; right:14px; width:21px; height:20px;}
}


@media screen and (max-width:767px) {

	/* 검색 */
	.search_area {margin-bottom:20px;}
	.search_box{float:right; /*width:65%;*/ width:100%; margin-top:30px;}
	.search_box select{width:25%; height:30px; padding-left:6px; ;line-height:30px; font-size:12px; background-position:93% 11px; background-size:8px 5px;}
	.search_box input[type=text] {width:72%; height:40px; padding:0 25px 0 7px; line-height:40px; font-size:12px; margin-left:3%;}
	.search_box input[type=button]{top:11px; right:4px; width:14px; height:14px;}
}


/* 테이블 */
.bbs_list {width:100%; text-align:center; border-top:2px solid #000;border-bottom:1px solid #999; color:#333;}


.bbs_list th,
.bbs_list td {font-size:20px;}

.bbs_list thead th {border-bottom:1px solid #e6e6e6; font-weight:500;}
.bbs_list tbody td {border-bottom:1px solid #e6e6e6;}
.bbs_list tbody tr:last-child td {border-bottom:0;}
.bbs_list tbody td a {display:inline-block; color:#333;}
.bbs_list tbody td.tit {text-align: left;}

.bbs_list tbody td.tit a {display: block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 100%;}

/*

.bbs_list tbody td {height:28px;position:relative;}
.bbs_list tbody td.tit a {white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width: 100%;}
.bbs_list tbody td.tit a {position:absolute; top:15px; left:0; width:100%; padding-left:15px;}
*/

div.bbs_notice .bbs_list th,
div.bbs_notice .bbs_list td {font-size:20px; vertical-align:middle;}
/*
div.bbs_notice .bbs_list th,
div.bbs_notice .bbs_list td {font-size:18px; vertical-align:middle;}
 */
div.bbs_notice .bbs_list thead th {height:80px;}
div.bbs_notice .bbs_list tbody td {height:92px;}

.bbs_list.head tbody td {height:auto;position:relative;}
.bbs_list.head tbody td.tit a {position: static; top:0; left:0; width:100%; padding-left:0;}

td.bbs_td .receiving,
td.bbs_td .receipt_closing {padding:4px 0;text-align:center;box-sizing: border-box;font-weight:400;color:#fff;max-width:90px;margin: 0 auto;letter-spacing: -1px;}
td.bbs_td .receiving {background: #50b947;}
td.bbs_td .receipt_closing {background: #6d6e71;}


@media screen and (max-width:1199px) {
	/* 테이블 */
	div.bbs_notice .bbs_list th,
	div.bbs_notice .bbs_list td {font-size:18px;}
	div.bbs_notice .bbs_list td a {line-height:24px;}

}


@media screen and (min-width:768px) {

	/* 테이블 */
	.bbs_list thead th {padding:20px;}
	.bbs_list tbody td {padding:15px;}
}


@media screen and (max-width:767px) {

	/* 테이블 */
	.bbs_list {font-size:18px;}
	.bbs_list thead th,
	.bbs_list tbody td {padding:10px 5px;}

	div.bbs_notice table.bbs_list .tbl_non {display: none;}

	div.bbs_notice .bbs_list th,
	div.bbs_notice .bbs_list td {font-size:18px;}
/*
	.bbs_list tbody td {padding:6px;}
*/

	.bbs_list.head {font-size:12px;width:100%;}
	.bbs_list.head > colgroup {display:none;}
	.bbs_list.head thead {display:none;}

	.bbs_list.head thead th,
	.bbs_list.head tbody td {padding:20px 5px;}
/*
	.bbs_list.head tbody td.tit {padding:20px 5px 0;}
*/
	div.bbs_notice .bbs_list.head tr {border-bottom:1px solid #e6e6e6;}
	div.bbs_notice .bbs_list.head tr td{border-bottom:0 none;}
	div.bbs_notice .bbs_list.head tbody td {height:auto;}
/*
	div.bbs_notice .bbs_list.head tbody td:first-child {padding-bottom:0;}
*/
	div.bbs_notice .bbs_list.head tr > td.bbs_td.tit {padding:20px 5px 0;}
	div.bbs_notice .bbs_list.head tr td a{padding-left:0;}
	div.bbs_notice .bbs_list.head tr {border-bottom:1px solid #e6e6e6;/* padding: 10px 5px; */}
	div.bbs_notice .bbs_list.head tr > * {float:left;width: 100%;box-sizing: border-box;text-align: left;}
	div.bbs_notice .bbs_list.head td.tit_head + td.bbs_td.tit {padding:0 5px 15px;}

	td.bbs_td .receiving,
	td.bbs_td .receipt_closing {padding:0;width:80px;}
	.bbs_list .m_hide {display:none;}
	.bbs_list.head tbody td.bbs_left {float: left;width:auto;line-height:30px;padding:0 0 20px 5px;}
	.bbs_list.head tbody td.bbs_left.date {padding-left:15px;}
	.bbs_list.head tbody td.bbs_left.date_nopad {padding-left:5px;}
	.bbs_list.head tbody td.bbs_right {float:right;width:auto;/*padding:0 0 20px 0;*/line-height:20px;}
	.bbs_list.head tbody td.bbs_right > a {display:inline-block;}
	.bbs_list.head tbody td.bbs_down {padding: 30px 20px 20px 0;}


}

/*
div.bbs_notice table.bbs_list {table-layout:auto;}
*/
table td.date {white-space:nowrap; padding:0 60px;}





/* 게시판 상세 */
.bbs_view .title_box {overflow:hidden; border-top:2px solid #000; border-bottom:1px solid #ccc;}
.bbs_view .title_box .title {font-weight:500; color:#000;}
.bbs_view .title_box .title span.head_tit {font-size:20px;line-height:39px;color:#666;font-weight: 300;padding-right:25px;vertical-align: top;}
.bbs_view .title_box .date {color:#666;}
.bbs_view .text_box {border-bottom:1px solid #666; color:#000; text-align:justify;}
.bbs_view .text_box img {width: 100%;}
.bbs_view .text_box .text {font-size:20px; color:#000;}
.bbs_view .text_box .file .file_name {font-size:18px; color:#666;}
.bbs_view .text_box .file .btn_download {display:inline-block; font-size:18px; color:#333; border:1px solid #666;}
.bbs_view .text_box .file img {width:auto;}
.bbs_view .bbs_move li {font-size:0; border-bottom:1px solid #e6e6e6;}
.bbs_view .bbs_move li a {color:#000;}
.bbs_view .bbs_move li > * {font-size:20px; vertical-align:middle;}
.bbs_view .bbs_move .move_title {display:inline-block; color:#666; box-sizing:border-box;}
.bbs_view .bbs_move .move_link {display:inline-block; overflow:hidden; max-width:100%; color:#000; white-space:nowrap; text-overflow:ellipsis;}
.bbs_btn_box {font-size:18px; text-align:right;}
.bbs_btn_box .btn_list {color:#666; border:1px solid #666;}


@media screen and (min-width:768px) {

	/* 게시판 상세 */
	.bbs_view .title_box .title {float:left; width:80%; padding:32px 0 32px 30px; font-size:24px; letter-spacing:-1px;}
	.bbs_view .title_box .date {float:right; width:13%; padding:41px 30px 0 0; text-align:right; font-size:20px;line-height:21px; box-sizing:border-box;}
	.bbs_view .text_box {padding:54px 30px; line-height:28px; letter-spacing:-0.5px;}
	.bbs_view .text_box .text {font-size:20px; line-height:36px;}
	.bbs_view .text_box .file {text-align:right;}
	.bbs_view .text_box .file li:first-child {padding-top:50px;}
	.bbs_view .text_box .file li {padding-top:20px;}
/*
	.bbs_view .text_box .file .file_name {font-size:18px;}
*/
	.bbs_view .text_box .file .btn_download {margin-left:30px; padding:10px 20px; font-size:16px;}
	.bbs_view .text_box .file .btn_download img {margin-top:5px; padding-left:20px;}
	.bbs_view .bbs_move .move_title {width:145px; padding:37px 0 37px 30px;}
	.bbs_view .bbs_move .move_link {width:calc(100% - 145px);}
	.bbs_btn_box {margin-top:50px; /*font-size:18px;*/}
	.bbs_btn_box .btn_list {padding:10px 50px;}
}


@media screen and (max-width:767px) {
	.cont_area > .top-title {font-size: 28px;margin-bottom: 30px;}

	/* 게시판 상세 */
	.bbs_view .text_box {padding:17px 15px;}
	.bbs_view .text_box .text {font-size:16px;}
	.bbs_view .title_box .title {width:100%; padding:15px; /*font-size:12px;*/ font-size: 20px; box-sizing:border-box;}
	.bbs_view .title_box .title span.head_tit {vertical-align:middle;}
	.bbs_view .title_box .date {padding:0 15px 15px;}
/*
	.bbs_view .title_box .date {overflow:hidden; position:absolute; left:-9999px !important; top:-9999px !important;}
	.bbs_view .text_box .text {font-size:12px;}
*/	

	.bbs_view .text_box .file {text-align:right;}
	.bbs_view .text_box .file li:first-child {padding-top:30px;}
	.bbs_view .text_box .file li {padding-top:10px;}
/*
	.bbs_view .text_box .file .file_name {font-size:12px;}
*/
	.bbs_view .text_box .file .btn_download {margin-left:15px; padding:5px 10px; /*font-size:12px;*/}
	.bbs_view .text_box .file .btn_download img {width:auto; height:12px; margin-top:4px; padding-left:10px;}
/*
	.bbs_view .bbs_move li > * {font-size:12px;}
*/
	.bbs_view .bbs_move li > * {font-size:18px;}
	.bbs_view .bbs_move .move_title {width:80px; padding:12px 10px 12px 15px;}
	.bbs_view .bbs_move .move_link {width:calc(100% - 80px);}
	.bbs_btn_box {margin-top:30px; /*font-size:12px;*/}
	.bbs_btn_box .btn_list {padding:5px 25px;}
}



/* _Error */
div.error_area {max-width:1200px; margin: 0 auto; padding:70px 0 73px; text-align: center;}

div.error_area > p {font-size:18px; font-weight:300; line-height:25px;}
div.error_area > p span {display: block; padding:44px 0 12px; font-size:30px; font-weight:500; line-height:36px;}


div.error_area div.btn_area {margin-top:45px; text-align: center;}
div.error_area div.btn_area * {display: inline-block; width:260px; background-color:#55b954; font-size:18px; font-weight:500; line-height:40px; color: #FFF; text-align: center; border:0 none;}

div.error_area .link_list {overflow:hidden; max-width:530px; margin:35px auto 0;}
div.error_area .link_list li {float: left; width:50%;}
div.error_area .link_list li a {display: block; margin:10px 0 0 10px; font-size:18px; line-height: 40px; color: #888; border: 1px solid #888;}
div.error_area .link_list li:nth-child(2n+1) a {margin-left:0;}
div.error_area .link_list li a:hover {background-color:#55b954; color: #FFF; border-color:#55b954;}



@media screen and (max-width:768px){
	
	div.error_area {padding:0 15px;}
	div.error_area > p {font-size:16px; line-height:22px;}
	div.error_area > p span {padding:20px 0 15px; font-size:20px; line-height:26px;}
	div.error_area > p img {max-width:100px;}
	
	div.error_area div.btn_area {margin-top:30px;}
	
	div.error_area .link_list {margin-top:25px; padding:0 15px;}
	div.error_area .link_list li {float: none; width:100%;}
	div.error_area .link_list li a {margin-left:0; font-size:16px; line-height:34px;}
}




  
.image_thumbnail{overflow:hidden; position:relative; padding-bottom:56.25%; height:0;}
.image_thumbnail iframe,
.image_thumbnail object,
.image_thumbnail embed {position:absolute; top:0; left:0; width:100%; height:100%;}
.image_thumbnail img {position:absolute; top:0; left:0; width:100%; height:100%;}

.image_info {overflow:hidden; position:relative;}
.image_info strong {display:block; font-weight:500;}
.image_info .download .btn_download {display:block; color:#333; border:1px solid #666;}

.image_info .image_caption {color:#222;}

.image_info .image_caption .scroll-wrapper > .scroll-content {/*overflow:hidden !important;*/ scrollbar-width: none; /* Also needed to disable scrollbar Firefox */ -ms-overflow-style: none;  /* Disable scrollbar IE 10+ */}

.image_info .image_caption .scroll-wrapper > .scroll-content::-webkit-scrollbar {width: 0px; background: transparent;}
.image_info .image_caption .scrollbar-inner > .scroll-element.scroll-y {width:4px;}
.image_info .image_caption .scrollbar-inner > .scroll-element .scroll-element_outer {width:4px; border-radius:0;}
.image_info .image_caption .scrollbar-inner > .scroll-element .scroll-element_track {background-color:#e7e7e7; border-radius:0; opacity:1;}
.image_info .image_caption .scrollbar-inner > .scroll-element .scroll-bar {background-color:#a7a7a7; border-radius:0; opacity:1;}

.image_list {overflow:hidden;}
.image_list ul li {box-sizing:border-box;}
.image_list ul li a {display:block;}
.image_list ul li dl {overflow:hidden;}
.image_list ul li dl dt {overflow:hidden; font-weight:500; color:#000; white-space:nowrap; text-overflow:ellipsis;}
.image_list ul li dl dd {color:#666;}
.image_list ul li dl dd.date {float:left;}
.image_list ul li dl dd.time {float:right;}

.img_zoom {overflow:hidden;}
.img_zoom img {transition:1s;}
.img_zoom img:hover {transform:scale(1.1); -webkit-transform : scale(1.1); -moz-transform : scale(1.1); -ms-transform : scale(1.1); -o-transform : scale(1.1);}

.paging > ul > li .bullet {margin:0 3px; padding:5px; background-color:#bcbdc1; border-radius:100%;}
.paging > ul > li .bullet.active {background-color:#000;}

 
/* == form == */

/* checkbox */
.chWrap{display:inline-block;; margin-right:25px; line-height:52px;}
.chWrap input[type='checkbox']{border:1px solid #999; vertical-align:middle;}
.chWrap label{display:inline-block; margin-left:5px; vertical-align:middle; white-space:nowrap; line-height:25px; box-sizing:border-box}}
.formWrap .cellForm_row .inputItem .chWrap label{line-height:52px;}

/* radio */
.rdWrap{display:inline-block; margin-right:25px; line-height:52px}
.rdWrap input[type='radio']{vertical-align:middle !important;}
.rdWrap label{display:inline-block; margin-left:5px; vertical-align:middle ; white-space:nowrap; line-height:25px; padding-top:16px; min-height:52px; box-sizing:border-box}
/*.formWrap .cellForm_row .inputItem .rdWrap label{line-height:52px; line-height:25px; padding:14px 0 13px; min-height:52px;}*/

/* form inner*/
.formWrap *{box-sizing:border-box;}
.formWrap .cellHide{position:absolute; width:1px; height:1px; margin:-1px; clip:rect(0,0,0,0); overflow:hidden; color:transparent;}
.formWrap .mgL{margin-left:30px;}
.formWrap .noMgL{margin-left:0;}
.formWrap .essenItem{position:relative; padding-left:10px; margin-left:10px;}
.formWrap .essenItem:before{content:'*'; display:inline-block; color:#ff0018; position:absolute; left:0; top:0; font-size:18px}
.formWrap .referTxt{font-size:16px; margin-top:10px; padding-left:10px; position:relative; color:#666; font-weight:300; line-height:25px;}
.formWrap .referTxt:before{content:'*'; position:absolute; left:0; top:4px}
.formWrap .exTxt{display:inline-block; font-size:16px; font-weight:300; line-height:25px; color:#989898; margin-left:5px; vertical-align:top; padding:14px 0 0; min-height:52px;}
/*.formWrap .innerTxt{display:inline-block; font-size:16px; font-weight:300; line-height:25px; color:#989898; vertical-align:top;}
*/
.formWrap input[type='text'],
.formWrap input[type='email'],
.formWrap input[type='number'],
.formWrap textarea{width:100%; height:52px; padding:0 20px; display:inline-block; line-height:52px; border:none; border-bottom:1px solid #dcdcdc; font-size:16px; color:#000; }
.formWrap textarea{height:142px; padding:12px 20px; line-height:25px; font-size:16px; color:#000;  border-bottom:1px solid #dcdcdc; overflow:auto;}
.formWrap :-ms-input-placeholder {  color: #acb6be !important ;font-weight:400 !important;}/* ie */
.formWrap input.mgR{margin-right:15px;}

.formWrap .formComment{text-align:right; color:#666; font-size:18px; font-weight:300 ; margin-bottom:5px}
.formWrap .formContainer{border-top:2px solid #000; border-bottom:1px solid #999; padding-bottom:35px}
.formWrap .formContainer .cellForm_row{padding-top:20px; overflow:hidden}

.formWrap .cellForm_row .labelItem{float:left; width:15%; padding:0 20px 0 10px;}
.formWrap .cellForm_row .labelItem label{display:inline-block; min-height:39px; line-height:25px; font-size:16px; font-weight:500; padding-left:10px; margin-top:13px; color:#000; word-break:keep-all;}

.formWrap .cellForm_row .inputItem{float:right; width:85%; font-size:16px; font-weight:400; color:#666;}

.formWrap.type2 .cellForm_row .labelItem{width:27%;}
.formWrap.type2 .cellForm_row .inputItem{width:73%;}

/*공간분할*/
.formWrap .cellForm_row .inputItem .blockLine{display:block; min-height:52px; line-height:52px;}
.formWrap .cellForm_row .inputItem .blockLine:not(:first-child){margin-top:10px;}
.formWrap .cellForm_row .inputItem .blockLine *{vertical-align:top;}
.formWrap .cellForm_row .inputItem .blockLine label{display:inline-block; line-height:25px; padding-top:16px; min-height:52px;}
.formWrap .cellForm_row .inputItem .blockLine.otherType{/*line-height:25px;*/}
/*.formWrap .cellForm_row .inputItem .blockLine .rdWrap label{line-height:52px;}*/
.formWrap .cellForm_row .inputItem .inlineBlockLine{display:inline-block; }
.formWrap .cellForm_row .inputItem .inlineBlockLine.mgR{margin-right:10px;}
.formWrap .cellForm_row .inputItem .w100{width:100%;}
.formWrap .cellForm_row .inputItem .midW{width:195px; }
.formWrap .cellForm_row .inputItem .smallW{width:60px; text-align:center;}
.formWrap .cellForm_row .inputItem .gap{padding:0 10px;}

 


dd.page_content img {
    margin-bottom: 26px;
    margin-top: 40px;
}
dd.page_content h5 {
	font-size:19px;
	font-weight:400;
	margin-bottom:8px;
	color:#454545;
	font-weight:bold;
}
.page_area .page_content > p.reference {
	font-size:0.95em;
}
dd.page_content.contact img {
	margin:0; margin-top:10px;
}
 
.recommend.page_content div,
.page_content div.left_img {
	padding-left:250px;
	position:relative;
	min-height:200px;
	margin-bottom:100px;
	margin-bottom: 52px;
}
.page_content.church_contribution div.left_img {
	padding-left:500px;
	height: 306px;
}

.recommend.page_content div:last-child {
	margin-bottom:0;
}
.recommend.page_content div img,
.page_content div.left_img img {
	position:absolute;
	left:0; 
	top:8px;
	margin-top:0;
	width:200px;
	height:auto;
}

.page_content.church_contribution div.left_img img {
	width:462px; 
}

.recommend.page_content div h4,
.page_content div.left_img h4 {
    font-size: 21px;
    margin-bottom: 16px;
}
.page_content div.left_img h4 {
    margin-bottom: 28px;	
	font-size: 24px;
}
.recommend.page_content div p,
.page_content div.left_img p {
margin-bottom: 3px;
}
.page_content.church_contribution div.left_img p {
	margin-bottom: 8px;
    margin-top: 8px;
}
 
.page_content div.left_img h5,
dd.page_content.church_contribution h5 {
	margin-top:60px; margin-bottom:8px;
	line-height: 1.7;
}
dd.page_content.church_contribution > img {
	width:100%;
	margin: 8px 0 16px;
}
@media screen and (max-width: 767px) {
	.recommend.page_content div,
	.page_content div.left_img  {
		padding-left:0;
		width:100%;
	}
	.recommend.page_content div img,
	.page_content div.left_img img {
		position:relative;
		max-width:100%;
		margin-bottom:26px;
	}
	.page_content.church_contribution div.left_img {
		padding-top:0;
		padding-left:0;
		height: auto !important;
	}
	.page_content.church_contribution div.left_img img {
		position:relative;
		margin-bottom: 16px;
	}
}
.church > div {
	position: relative;
	width: 100%;
	float:left;
	margin-top:0px;
}
@media screen and (max-width: 767px) {
	.church > div {
		margin-top:0px;
	}
}

.church > div.floor1 {
	margin-top:0px;
}
 
.church .intro-text {
	width:100%;
	position:absolute;
	top:0;
	z-index:1;
	max-width: 390px;
}
.church .intro-text h4 {
	font-family: "Moebius", sans-serif;
	font-size:36px;
	font-weight:500;
	color:#a69f8e;
}
.church .intro-text p {
	margin-top:10px;
	font-family:'Nanum Barun Gothic', sans-serif;
	font-size:16px;
	padding:32px;
	font-weight:500;
	color:rgba(0,0,0,0.7);
	box-shadow:3px 3px 5px rgb(0 0 0 / 10%);
	margin-right: 10px;
}
.church .floor1 .intro-text p {
	background-color:#dff3c1;
}
.church .floor2 .intro-text p {
	background-color:#fffbbe;
}
.church .floor3 .intro-text p {
	background-color:#ffe0d1;
}
.church .floor4 .intro-text p {
	background-color:#d1f7ff;
}
.church .floor4 .intro-pic {
	padding-top:120px;
}
.church .floor5 .intro-text p {
	background-color:#f1e5ff;
	padding: 0;
	height: 170px;
}
.church .floor5 .intro-text p img {
	height: 100%;
    float: left;
    margin: 0;
    width: auto;
	max-width: 40%;
}
.church > div.floor0 {
	width: 40%;
}
.church .floor0 .intro-text p {
background-color: #cbf1ea;
    height: 170px;
    padding-right: 10px;
}

.church .floor5 .gallery {
	width:30%;
	height: auto;
}

.intro-pic {
	padding-top:170px;
	padding-left:60px;
}
.intro-pic dd, .intro-pic img {
	margin:0;
	width: 100%;
}
.church .floor1 .intro-pic img {
	width:100%;
	margin:0 0 10px;
}
#sub1_2 {
	margin-top:30px;
}
.nGY2 .nanoGalleryLBarOff, .nGY2ConsoleParent {
	height:0; margin:0;
}
.church .floor2 .intro-pic > img  {
	margin-bottom:10px;
}
.justifiedGallery .jg-image img {
	margin:0;
}
.point_tit {
    padding-top: 10px;
    font-size: 30px;
    line-height: 43px;
    color: #000;
    background: url(../images/sub/sub_tit.png) no-repeat top left;
    font-weight: 600;
}
.church > div.floor5 {
	height: 230px;
	width:60%;
}
.floor5 .intro-pic {
    padding-top: 0;
    padding-left: 370px;
}
.floor5 .intro-text p span {
    display: block;
    padding: 30px;
    float: left;
    width: 60%;
}
.church > div.floor6 {
	height: 190px;
	width: 38%;
}
ul {
	padding-left:0;
}
.contact {
	padding-left:180px;
}
.contact > img {
	position:absolute;
	top:0;
	left:0;
	margin:0;
	border: 1px solid rgba(0,0,0,0.1);
}
.contact a {
	text-decoration: underline;
	color:#ff9933;
}
.contact a:visited {
color:#006570
}
dd.page_content h4 {
	font-family: 'Nanum Myeongjo', serif;
	font-size:22px;
	font-weight:300;
	color:#d2a12c;
	line-height:1.6;
	text-indent:-2px;
}

blockquote {
    color: #007a81;
    font-size: 22px;
    font-family: 'Nanum Myeongjo', serif;
    border-left: none;
    padding-left: 0;
    margin-top: 15px;
	font-weight:bold;
	line-height:1.6;
	text-indent:-7px;
}
h4 span, blockquote span.cite {
	color:#666666;
	font-size:0.75em;
	font-family:'Nanum Barun Gothic', sans-serif;
	font-weight:300;
	margin-left: 1px;
	padding-top: 4px;
	padding-bottom: 0;
}
.justifiedGallery .jg-image {
	top: -50%;
	bottom: -50%;
	margin-bottom: 0;
}

@media screen and (max-width: 767px) {
	.page_area {
		margin-bottom:70px;
	}
	dd.page_content h4, blockquote {
		font-size: 20px;
	}
 
	dd.page_content h4 span, blockquote span.cite  {
		display:block;
		margin-top:2px;
		padding-left: 7px;
	}
	dl.page_area dt.point_tit {
		font-size:24px;
		margin-bottom:24px;
	}
	.intro-pic {
		padding-top: 0px;
		padding-left:0px;
		margin-right: -10px;
		margin-top:6px;
	}
	.church .intro-text {
		position:relative;

	}
	.church .intro-text p {
		padding:22px;
	}
	.recommend.page_content div h4 {
		margin-left:0;
	}
	.church > div.floor6,
	.church > div.floor5,
	.church > div.floor0 {
		width:100%;
	}
	
	.floor5 .intro-pic {
		padding-left:0;
	}
	.church .floor5 .gallery {
		height:100%;
	}
	.church .floor4 .intro-pic {
		padding-top:0px;
	}
	.church .intro-text h4 {
		font-size: 28px;
	}
}

.page_area .page_content.bible-study > div {
	margin-top:30px;
}
dd.page_content img.small {
	margin-bottom: 30px;
    margin-top: 8px;
}

dd.page_content div {
	margin-bottom:30px;
}
dd.page_content div p {
	margin-bottom:16px;
}

 
.page_area .page_content > p.box {
    border: 1px solid #e1e1e1;
    text-align: center;
    max-width: 400px;
	margin-bottom:20px;
}
.page_area .page_content > p.box img {
	padding:0; margin:0;
}
.page_area .page_content div.justifiedGallery {
	margin-bottom:10px;
}
@media screen and (max-width: 1199px) {
	dd.page_content img.small {
		margin-top:0;
		max-width:100%;
	}
	dd.page_content h5 {
		font-size: 17px;
	}
 
	div.content {
		padding-bottom:0;
	}
}

@media screen and (min-width: 1025px) {
	div.content {
		padding-top:60px;
		padding-bottom:30px;
	}
}

.left-pic {
position:relative;
padding-left:286px;
margin-top: 36px;
}

dd.page_content .left-pic img {
	position:absolute;
	left:0;
    top:2px;
	width:245px;
	margin:0;
}
dd.page_content .left-pic h5 {
	margin-bottom: 12px;
}
.justifiedGallery .jg-image a {
	text-align: center;
    white-space: nowrap;
    font: 0/0 a;
}
.justifiedGallery .jg-image a:before {
	content:"";
	display:inline-block;
	vertical-align:middle;
	height:100%;
}
.justifiedGallery .jg-image a img {
	max-width:100%; max-height:100%;
	display:inline-block;
	vertical-align:middle;
}
@media screen and (max-width:767px) { 
	dd.page_content .left-pic img {position:relative}
	.left-pic {padding-left: 0px; }
	dd.page_content .left-pic h5 {
		float: left;
		width: 100%;
		margin-top: 24px;
	}
}
 

html.fixed .content-body .incen-rate-body.admin .admin-table-box table tfoot td:first-child{
	width:346px;
	} 
	 
	html.fixed .content-body .dataTables_scrollBody table thead, 
	html.fixed .content-body .dataTables_scrollBody table tfoot {
		border-top:none;
		border-bottom:none;
	}
	
	html.fixed .content-body .admin .admin-table-box table tfoot tr td p {
		height:32px;
		border-bottom:1px solid #252525;
		line-height:30px;
		margin-bottom:0px;
	}
	html.fixed .content-body .admin .admin-table-box table tfoot tr td p:last-child {
		border-bottom:none;
	}
	
	html.fixed .content-body .admin-table-box table tbody tr:last-child td {
		vertical-align:top;
		height:auto;
	}
	table.dataTable thead .sorting_desc {
		background-image: url(../images/sort_desc.png);
	}
	table.dataTable thead .sorting_asc {
		background-image: url(../images/sort_asc.png);
	}
	table.dataTable thead .sorting {
		background-image: url(../images/sort_both.png);
	}
	
	.incen-body.admin table.dataTable thead .sorting_desc {
		background-image: url(../images/sort_desc_02.png);
	}
	.incen-body.admin table.dataTable thead .sorting_asc {
		background-image: url(../images/sort_asc_02.png);
	}
	 
	
	.incen-body.admin.adt table.dataTable thead .sorting_desc {
		background-image: url(../images/sort_desc_03.png);
	}
	.incen-body.admin.adt table.dataTable thead .sorting_asc {
		background-image: url(../images/sort_asc_03.png);
	}
	 
	 
	.dataTables_wrapper .dataTables_filter {
		width: 100%;
	
	}
	.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
		overflow-x:hidden !important;
		overflow-y:scroll;
	}
	.admin .select2-container.form-control {
		margin-bottom:12px;
		margin-top:12px;
	}
	
	.stat-list-top .download-excel, .dt-buttons .dt-button.exportBtn {
		background:#7496a7 url(../images/btn_excel.png) no-repeat 10px 6px;
		border:1px solid #627e8d;
		line-height:28px;
		height:28px;
		padding: 0 9px;
		color: #fff;
		font-family: '돋움', Dotum, sans-serif;
		font-size: 12px;
		border-radius: 3px;
		padding-left:28px;
		display:inline-block;
	}
	
	
	.admin-table-box .dataTables_wrapper .bottom {
		margin-top:16px;
	
	}
	
	.admin-table-box .dataTables_wrapper .dataTables_info {
		line-height:28px;
		padding-top:0;
	}
	
	.dt-buttons {
		float:right;
	}
	html.fixed .content-body .admin .admin-table-box table thead tr th {
		padding:8px 2px;
	}
	#mbIdx {
		display:none;
	}
	 
	html.fixed .content-body .admin .admin-table-box table thead tr:first-child th:nth-child(1) {
		width:160px !important;
	}
	 
	html.fixed .content-body .admin .admin-table-box#group table thead tr:first-child th:nth-child(1),
	html.fixed .content-body .admin .admin-table-box#sil table thead tr:first-child th:nth-child(1),
	html.fixed .content-body .admin .admin-table-box#member table thead tr:first-child th:nth-child(1){
		width:90px !important;
	}
	
	html.fixed .content-body .admin .admin-table-box#group table thead tr:first-child th:nth-child(2),
	html.fixed .content-body .admin .admin-table-box#sil table thead tr:first-child th:nth-child(2),
	html.fixed .content-body .admin .admin-table-box#member table thead tr:first-child th:nth-child(2) {
		width:60px !important;
	}
	
	html.fixed .content-body .admin .admin-table-box#sil table thead tr:first-child th:nth-child(3),
	html.fixed .content-body .admin .admin-table-box#member table thead tr:first-child th:nth-child(3),
	html.fixed .content-body .admin .admin-table-box#member table thead tr:first-child th:nth-child(3) {
		width:60px !important;
	}
	.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
		padding:12px 0px; font-size: 15px;
	}
	.table-responsive {
		overflow-x: auto;
		min-height: 0.01%;
		border-top: 2px solid #252525;
		margin-bottom: 20px;
		border-bottom: 1px solid #252525;
	}
	.table-responsive .table > thead > tr > th {
		border-bottom:1px solid #252525; 
		padding-bottom: 12px;
		padding-top: 12px;
		color:#666666;
	}
	.dataTables_wrapper {
		min-width: 700px;
	}
	@media screen and (max-width: 991px) {
		.table-responsive {
			width: 100%;
			margin-bottom: 15px;
			overflow-x: auto;
			overflow-y: hidden;
			-webkit-overflow-scrolling: touch;
			-ms-overflow-style: -ms-autohiding-scrollbar;
			border: 1px solid #ddd;
		}
	
		.table-responsive > .table {
			margin-bottom: 0;
		}
	
		.table-responsive > .table > thead > tr > th,
		.table-responsive > .table > tbody > tr > th,
		.table-responsive > .table > tfoot > tr > th,
		.table-responsive > .table > thead > tr > td,
		.table-responsive > .table > tbody > tr > td,
		.table-responsive > .table > tfoot > tr > td {
			white-space: nowrap;
		}
	
		.table-responsive > .table-bordered {
			border: 0;
		}
	
		.table-responsive > .table-bordered > thead > tr > th:first-child,
		.table-responsive > .table-bordered > tbody > tr > th:first-child,
		.table-responsive > .table-bordered > tfoot > tr > th:first-child,
		.table-responsive > .table-bordered > thead > tr > td:first-child,
		.table-responsive > .table-bordered > tbody > tr > td:first-child,
		.table-responsive > .table-bordered > tfoot > tr > td:first-child {
			border-left: 0;
		}
	
		.table-responsive > .table-bordered > thead > tr > th:last-child,
		.table-responsive > .table-bordered > tbody > tr > th:last-child,
		.table-responsive > .table-bordered > tfoot > tr > th:last-child,
		.table-responsive > .table-bordered > thead > tr > td:last-child,
		.table-responsive > .table-bordered > tbody > tr > td:last-child,
		.table-responsive > .table-bordered > tfoot > tr > td:last-child {
			border-right: 0;
		}
	
		.table-responsive > .table-bordered > tbody > tr:last-child > th,
		.table-responsive > .table-bordered > tfoot > tr:last-child > th,
		.table-responsive > .table-bordered > tbody > tr:last-child > td,
		.table-responsive > .table-bordered > tfoot > tr:last-child > td {
			border-bottom: 0;
		}
	}
	 
	table.dataTable thead th.sorting:nth-child(3){
		width:180px;
	}
	
	.datepicker {
		width:280px;
	}
	
	.his-search {
		border:1px solid #d4d4d4;
		background:#fefefe;
		padding: 24px;
		position:relative;
		float: left;
		width: 100%;
		margin-bottom: 40px;
	}
	.his-search label {
		margin-bottom: 0;
		line-height: 35px;
		font-size: 14px;
	}
	.watched-list {
		margin-top: 0px;
		width:100%;
		float:left;
	}
	.his-search dt {
		line-height:35px;
		font-size: 14px;
	}
	
	.his-search >.row:first-child{
		margin-bottom:16px;
	}
	
	.his-search .input-group {
		width:100%;
	}
	.his-search .input-daterange .input-group-addon {
		border-left:1px solid #cccccc;
	}
	.his-search .col-md-1 {
		padding-right:0;
	}
	.search-btn {
		position:absolute;
		right:0px;
		width:16%;
		left:auto;
		top:0;
		bottom:0;
		background-color:#f7f8f8;
		border-left:1px solid #d4d4d4;
		padding:24px 23px;
	}
	.search-btn button.btn {
		background-color: #f76565;
		color: #fff;
		border-radius: 2px;
		height:100%;
		width: 100%;
		font-size:18px;
		color:#ffffff;
		letter-spacing: 1px;
		border:1px solid #f74b4b;
		font-weight:bold;
	}
	.table-responsive table.table {
		min-width:1000px;
		width:100%;
	}
	 
	table.dataTable.no-footer {
		border-bottom:none;
	}
	
	
	.table-responsive table.table thead tr th {
		font-weight:bold;
		vertical-align:middle;
		text-align:center;
	}
	.watched-list table.table thead tr th:nth-child(1) {
		width:70px;
	}
	.table-responsive table.table tbody tr td {
		vertical-align: middle;
		white-space: normal;
	}
	
	.watched-list table.table thead tr th:nth-child(2),
	.watched-list table.table thead tr th:nth-child(4),
	.watched-list table.table thead tr th:nth-child(5),
	.watched-list table.table thead tr th:nth-child(7) {
		width:100px;  
	}
	.watched-list table.table thead tr th:nth-child(6) {
		width:150px;
	}
	
	
	.watched-list table.table tbody tr td:nth-child(3) {
		text-align:left;
		padding-left:16px;
		color: #252525;
		font-weight: 500;
	}
	.watched-list table.table tbody tr td:nth-child(3) p.course-name {
		opacity:0.6;
		font-size:11px;
		margin-bottom:5px;
		font-family: '돋움','dotum', sans-serif;
	}
	
	.watched-list table.table tbody tr td:nth-child(4) {
		color:#f74b4b;
		font-weight:bold;
	}
	.watched-list table.table tbody tr td:nth-child(4).ing {
		color:#f7944b;
	}
	
	.pagenation_box {
		text-align:center;
	}

	.pagination {
		margin:50px auto 135px;
	}	
	.pagination > li > a {
		line-height: 40px;
		height: 40px;
		width: 42px;
		color: #666666;
		border: none;
		text-align: center;
		padding: 0;
		box-sizing:border-box;
		font-weight:500;
	}
	.pagination > li > a:hover {
		color:#252525;
		background:transparent;
	}
	ul.pagination li.first a,
	ul.pagination li.prev a,
	ul.pagination li.next a,
	ul.pagination li.last a {
		font-size: 1.5em;
		vertical-align: top;
	 
	}
	html .pagination > li.active > a,
	html .pagination > li.active > span,
	html .pagination > li.active > a:hover,
	html .pagination > li.active > span:hover,
	html .pagination > li.active > a:focus,
	html .pagination > li.active > span:focus,
	html .pagination > li.active a:hover,
	html .pagination > li.active a:hover {
	  z-index: 2;
	  font-weight:bold;
	  border:2px solid #ff9933;
	  background:#ffefde;
	  color:#000;
	  cursor: pointer;
	  line-height: 38px;
	}
	
	ul.pagination li.prev a {
		margin-right:12px;
	}
	ul.pagination li.next a {
		margin-left:12px;
	}
	.pagination > .disabled > a {
		border:none;
		opacity:0.5;
	}
	html .pagination > li.active a {
		font-weight:bold;
		border:2px solid #ff9933;
		background:transparent;
		color:#000;
	}
	.pagination > li a:hover,
	.pagination > li a:focus {
		color:#ff9933;
		background-color:transparent;
	}

	html .pagination > li.page-info {
		display:none;
	}
	.notice-list {
		width:100%;
	} 
	.search_area .select2-container.form-control {
		display:inline-block;
		width:100px;
		vertical-align: top;
		height:47px;
		border:none;
		border-radius: 0;
		box-shadow: none;
		border-bottom: 2px solid #252525;
	}
	.search_area .select2-container.form-control.select2-dropdown-open {
		border:1px solid #428bca;
	}
	.search_box input[type=text] {
		float:none;
		border-bottom: 2px solid #252525;
	}
	.search_box a.select2-choice { 
		border-radius:0;
		box-shadow: none;
		height: 100%;
		font-size: 16px;
		border: none; 
		background-color: #fff;
	}
	
	.search_box .select2-container .select2-choice > .select2-chosen {
		height:100%;
		font-size: 16px;
		line-height: 47px;
		padding:0;
		padding-left: 10px;
	}
	
	.search_box .select2-container .select2-choice .select2-arrow b, 
	.search_box .select2-container .select2-choice div b {
		background-position: 0 8px;
	}
	 
	.notice-list table.table thead tr th:nth-child(1){
		width:70px;
	}
	.notice-list table.table thead tr th:nth-child(2) {
		width:85px;
	}
	.table-responsive table.table tbody tr td {
		vertical-align: middle;
		white-space: normal;
		text-align:center;
	}
	
	.notice-list table.table thead tr th:nth-child(4),
	.notice-list table.table thead tr th:nth-child(5){
		width:90px;  
	}	
	.notice-list table.table thead tr th:nth-child(6) {
		width:120px;  
	}
	.notice-list table.table thead tr th:nth-child(7),
	.notice-list table.table thead tr th:nth-child(8),
	.notice-list table.table thead tr th:nth-child(9) {
		width:60px;
	}
	
	.notice-list table.table tbody tr td:nth-child(3) {
		text-align:left;
		padding-left:16px;
		color: #252525;
		font-weight: 600;
		font-size:16px;
	}
	.notice-list table a:hover {
		text-decoration: underline;
	}
	@media screen and (max-width: 991px) {
		.his-search {
			padding-bottom:116px;
			padding-top:12px;
		}
		.search-btn {
			top:auto;
			height:90px;
			left:0;
			right:0;   
			border:none;
			border-top:1px solid #ccc;   
			width:100%;
		}
		.his-search >.row:first-child {
			margin-bottom: 8px;
		}
	
		.his-search .col-md-1 {
			margin-top:6px;
		}
	
		.page-header h2 {
			font-size:32px;
		}
		ul.pagination {
			display: flex;
			width: 100%;
			table-layout: fixed;
			margin-bottom: 30px;
			margin-left: auto;
			margin-right: auto;
			align-items: center;
			justify-content: center;
		}
		ul.pagination li {
			display:none;
		}
		ul.pagination li a {
			display:none;
		}
		ul.pagination li.first a,
		ul.pagination li.prev a,
		ul.pagination li.next a,
		ul.pagination li.last a {
			display:inline-block;
			font-size: 1.5em;
			vertical-align: top;
			margin-top: -5px;
			border:1px solid #ccc; 
			width: 100%; 
		}
		ul.pagination li.prev,
		ul.pagination li.next {
			display: flex;
			width: 50%;
			max-width: 50%;
			height: 100%;
			line-height:28px
		}
		ul.pagination li.next a:before {
			content:"다음 페이지";
			font-size:13px;
			margin-right:6px;
			vertical-align:top;
		}
		ul.pagination li.prev a:after {
			content:"이전 페이지";
			font-size:13px;
			margin-right:6px;
			vertical-align:top
		}
		html .pagination > li.page-info {
			display:block;
			width:150px;
			padding:0;
			font-size:0.8em;
		}
		html .pagination > li.page-info i.current-page {
			font-weight:bold;
			color:#ff9933;
			font-style:normal;
			font-size:1.3em;
		}
	
		.search_box a.select2-choice {
			height:100%;
	 
		}
		.search_box .select2-container .select2-choice .select2-arrow b, .search_box .select2-container .select2-choice div b {
			background-position: 0 4px;
		}
	}
	
	
	@media screen and (max-width: 767px) {
	.search_area .select2-container.form-control {
		line-height: 40px;
		font-size: 12px;
		height: 40px;
		width: 25%;
	}
	.search_box .select2-container .select2-choice > .select2-chosen {
		font-size:12px;
		line-height: 40px;
	}
	}
	.qna-detail {
 
		float: left;
		background-color:#ffffff;
	}
	.notice-detail {
		border-radius: 0;    
		padding: 0;     
		display: table;
		float: Left;
		padding: 0;
	}
	.notice-detail .detail {
		color:#252525;
		width:100%;
		float:left;    
		margin-bottom: 42px;
	}
	.notice-detail header p.date {
		text-align: right;
		padding-right: 0;
		line-height:55px;
	}
	.notice-detail header {
		float: left;
		width: 100%;
		border-top: 2px solid #333333;
		padding-top: 18px;
		padding-bottom: 16px;
		line-height: 55px;
		border-bottom: 1px solid #c9c9c9;
		margin-bottom: 50px;
		margin-left: 0;
		margin-right: 0; 
		border-radius: 0;
		background-color: #fff;
		padding-left: 20px;
		padding-right: 20px;
		margin-bottom:0;
		vertical-align:middle;
	}
	.notice-detail div.content .info {
		font-size: 13px;
		margin-bottom:30px;
		padding-right:70px;
		position:relative;
	}
	
	
	.notice-detail div.content .info dl dt,
	.notice-detail div.content .info dl dd {
		display:inline-block;
		line-height: 1;
	}
	.notice-detail div.content .info dl dd, 
	.notice-detail div.content .info .btn-group button {
		font-weight:bold;
	}
	.notice-detail div.content .info dl dd.slash {
		margin-right:6px;
		padding-right:8px;
		border-right:1px solid #ddd;
	}
	
	.notice-detail div.content {
		float:left;
		padding: 20px 16px;
		border-bottom:1px solid #aaaaaa; 
	}
	
.qna h2 {
	color: #000;
    background: url(../images/sub/sub_tit.png) no-repeat top left;
    font-weight: 600;
	font-size: 32px;
	display:inline-block;
    box-sizing: border-box;
    line-height: 1.2;
    padding-top: 16px;
}
.answer_tag {
	padding:7px 12px 6px;
	font-size:12px;
	font-weight:600;
	border-radius:20px;
	width:80px;
	display:inline-block;
}
.ing {
	color:#86a5ce;
	border:1px solid #abbfda;
	background-color:#ebf0f7;
}
.done {
	color:#ff9933;
	border:1px solid #ff9933;
	background-color:#fff3e5;
}
.faq-swiper {
	padding-bottom: 45px;
    position: relative;
    margin-bottom: 30px;
}
.faq-swiper .container {
	max-width:1170px !important;
}
.faq-swiper .swiper-slide {
    background-color: #cdf2fb;
    height: 310px;
    line-height: 1.7;
    font-size: 17px;
    word-break: break-all;
    text-align: justify;
}


.faq-swiper .swiper-slide .nano > .nano-content {
    bottom: 8px;
    left: 0;
    position: absolute;
    overflow: hidden;
    right: 0;
    top:8px;
	padding: 25px 30px 35px 24px;
}
.faq-swiper .swiper-slide:nth-child(3n+2){
	background-color:#e7f3cb;
}
.faq-swiper .swiper-slide:nth-child(3n+3){
	background-color:#ffefde;
}
.faq-swiper .swiper-slide p.q {
	margin-bottom:14px;
}
.faq-swiper .swiper-slide p.q,
.faq-swiper .swiper-slide p.a {
	padding-left:30px;
	position:relative
}
.faq-swiper .swiper-slide p.q span,
.faq-swiper .swiper-slide p.a span {
	position:absolute;
	left:0;
	top:0;
	font-family: 'Noto Sans KR', sans-serif;
}

/** initial setup **/
.nano {
	position : relative;
	width    : 100%;
	height   : 100%;
	overflow : hidden;
  }
  .nano > .nano-content {
	position      : absolute;
	overflow      : scroll;
	overflow-x    : hidden;
	top           : 0;
	right         : 0;
	bottom        : 0;
	left          : 0;
  }
  .nano > .nano-content:focus {
	outline: thin dotted;
  }
  .nano > .nano-content::-webkit-scrollbar {
	display: none;
  }
  .has-scrollbar > .nano-content::-webkit-scrollbar {
	display: block;
  }
  .nano > .nano-pane {
    background: rgba(0,0,0,.1);
	position   : absolute;
	width      : 10px;
	right      : 0;
	top        : 0;
	bottom     : 0;
	visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
	opacity    : .01;
	-webkit-transition    : .2s;
	-moz-transition       : .2s;
	-o-transition         : .2s;
	transition            : .2s;
	-moz-border-radius    : 5px;
	-webkit-border-radius : 5px;
	border-radius         : 5px;
  }
  .nano > .nano-pane > .nano-slider {
	background: #444;
	background: rgba(0,0,0,.5);
	position              : relative;
	margin                : 0 1px;
	-moz-border-radius    : 3px;
	-webkit-border-radius : 3px;
	border-radius         : 3px;
  }
  .nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
	visibility : visible\9; /* Target only IE7 and IE8 with this hack */
	opacity    : 0.99;
  }

  
.notice-detail {
    border-radius: 0;    
    padding: 0;     
    display: table;
    float: Left;
    padding: 0;
}
 
.notice-detail header {
    border-radius: 0;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom:0;
    vertical-align:middle;
}
.notice-detail div.content .info {
    font-size: 13px;
    margin-bottom:30px;
    padding-right:70px;
    position:relative;
}


.notice-detail div.content .info dl dt,
.notice-detail div.content .info dl dd {
    display:inline-block;
    line-height: 1;
}
.notice-detail div.content .info dl dd, 
.notice-detail div.content .info .btn-group button {
    font-weight:bold;
}
.notice-detail div.content .info dl dd.slash {
    margin-right:6px;
    padding-right:8px;
    border-right:1px solid #ddd;
}

.notice-detail div.content {
    float:left;
    padding: 20px 16px;
    border-bottom:1px solid #aaaaaa; 
}

.notice-detail div.content .btn-group {
    position:absolute; 
    right:0;
    vertical-align: top;
    margin-right: 16px;
    top:0;
    margin-right: 0;
}
.notice-detail div.content .btn-group button {
    border:none; box-shadow: none;
}
.notice-detail div.content .btn-group button i {
	margin-left: 6px;
} 
.notice-detail header h2 {
	padding-left: 0;
    padding-top: 12px;
    padding-bottom: 12px;
}

.notice-detail header h2 span {
	line-height: 1.4;
	display: inline-block;
	
	font-size: 24px;
    font-weight: 500;
    color: #333333;
}
@media screen and (max-width: 767px) {
 
    .notice-detail header h2 {
        font-size:21px;
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .notice-detail header h2 span {
 
        display: block;
 
    }
    .notice-detail header p.date {
        line-height: 1;
        margin-top: 8px;
        text-align: left;
        margin-left: 0;
        padding-left: 0;
        margin-bottom:4px;
        font-size: 13px;
    }
    .notice-detail header, .notice-detail div.content {
        padding-left:6px;
        padding-right:6px;
        padding-top:16px;
        margin-top: 0;
        padding-bottom: 16px;
    }
}
.content .notice-edit {
    margin-top:-28px;
}
.content .notice-edit .btn {
    border:1px solid #666666;
    background-color:#eef0ef;
    border-radius:2px;
    line-height: 1;
    padding: 8px 16px;
}
.content .notice-edit p {
    float:right;
}
.content .notice-edit p .del-btn {
    margin-left:8px;
}
.notice-detail div.answer {
    border-bottom: 1px solid #252525;
    float: left;
    width: 100%;
    padding: 24px 20px;
    background: #fafafa;
    color:#454545;
}
.notice-detail p.list {
    margin-top:16px;
    margin-bottom:30px;
    float:left;
    width:100%;
    text-align:right;
}
.notice-detail p.list a.btn-list {
    border:1px solid #666666;
    padding:7px 36px;
    border-radius:2px;
    
}
@media screen and (max-width: 767px) {
	.content .notice-edit {
		margin-top: 20px;
	}
	.page-header {
		margin-top:52px;
		margin-bottom:13px;
	}
}

.notice-detail h3 {
    color:#252525;
    font-size:20px;
    font-weight:500;
}

.notice-detail .number #reply_info {
    top: -23px;
}

#reply_wrapper.dataTables_wrapper{
    min-width:auto;
}

.form-group.enrol .checkbox-danger.right-check label:before, 
.form-group.enrol .checkbox-custom.checkbox-danger.right-check input[type="checkbox"]:checked + label:after {
    left:0; right:auto;
}


@media screen and (max-width: 991px) { 
    .dataTables_info {margin-left:8px;} 
    .page-header h2 {
        font-size: 28px;
    }
}

.notice-write {
    float:left;
    width:100%;
    padding:0;
    box-shadow:none;
    margin-left: 0;
    margin-right: 0;
    border-radius:0;
    margin-bottom:0;
	background-color:#ffffff;
}

.notice-write div.form-group label {
    line-height:34px;
    margin-bottom:0;
    font-size: 17px;
    color:#454545;
}
.notice-write div.form-group {
    border-bottom:1px solid #eee;
    margin-bottom:0;
    padding-top:18px;
    padding-bottom:18px;  
}

.notice-write .checkbox-custom {
    display: inline-block;

    padding-left: 50px;
    line-height: 37px;
    margin-bottom:0;
}
.checkbox-custom label {
    padding-left:0;
}

 
.checkbox-danger input[type="checkbox"]:checked + label:after {
	color: #f74b4b;
}
 
.checkbox-danger label:before {
	background: #fff5f5;
	border-color: #f74b4b;
    width: 33px;
    height: 33px;
    top: 10px;
    bottom: 0;
}

.checkbox-custom.checkbox-danger input[type="checkbox"]:checked + label:after {
    font-size:30px;
    top: 6px;
    left: 0;
    content: "";
    background:url(../images/red_check.png) no-repeat center center;
    width: 33px;
    height: 33px;
}

.btn.redsubmit {
    background-color:#ff9933;
    color:#ffffff;
    border:1px solid #ff7f00;
    padding:12px 60px;
    font-size: 16px;
    letter-spacing: 3px;
    font-weight:bold;
    border-radius:2px;
}
.btn.redborder {
    background-color:#ffffff;
    color:#ff9933;
    border:1px solid #ff9933;
    padding:8px 40px;
    font-size: 15px;
    letter-spacing: 3px;
    font-weight:bold;
    border-radius:2px;
}

.btn.center {
    margin:50px auto 70px;
    display:block; 
    width:16%;
    min-width: 200px;
}

.notice-write div.form-group:first-child {
    border-top:2px solid #252525;
}
@media screen and (max-width: 991px) { 

    .btn.right {
        float:left;
        padding: 8px 16px;
        font-size: 16px;
    }
    .btn.center {
        float:right;
        margin-top:20px;
        padding:8px 20px;
        min-width:100px;
        margin-bottom:60px;
        font-size: 16px;
    }
    .form-group>div, .form-group>label{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
    .notice-write div.form-group.enrol_sub .row:first-child {
        margin-bottom: 12px;
        margin-top: 12px;
    }
    .notice-write div.form-group.enrol_sub label,
    .notice-write div.form-group.enrol_sub .col-xs-9 {
        margin-top:8px;
    }	
	.notice-write div.form-group label.col-xs-4:first-child,
	.notice-write div.form-group div.col-xs-8:nth-child(2) {
		border-bottom: 1px solid #eee;
		margin-bottom:18px;
		padding-bottom:18px;
	}
}

.faq-swiper .swiper-slide  {
	width: 32%;
    line-height: 1.7;
	float:left;
	height: 400px;
}
.faq-swiper .swiper-slide:nth-child(3n+2)  {
margin-right: 2%;
margin-left: 2%;
}
.kakao_channel {
	background-color: #7918cb30;
    float: left;
    width: 100%;
    margin-top: 24px;
    display: flex;
    padding: 20px;
    align-items: center;
}
.kakao_channel img:nth-child(1){
	margin-right: 20px;
	width: 100px;
}
.kakao_channel p {
	flex-grow: 1;
	font-size:17px;
}
.kakao_channel img.kakao-arrow {
	WIDTH: 25PX;
    OPACITY: 0.6;
}
@media screen and (max-width:991px) {
	.swiper-wrapper {
		display:block;
	}
	.faq-swiper .swiper-slide {
		width: 100%;
		margin-right: 0;
		height: 210px;
		margin-bottom: 20px;
	}
	.faq-swiper .swiper-slide:nth-child(3n+2)  {
		margin-right: 0;
		margin-left: 0;
		}
}

@media screen and (max-width:768px) {
	.faq-swiper .swiper-slide { 
		height: 360px;
	}
}