@charset "utf-8";
/* CSS Document */

/*culture css*/

input[type="submit"]{ height: 38px; line-height: 38px; font-size: 16px; }
input[type="text"],
input[type="password"]{ height: 38px; line-height: 38px; font-size: 16px; border: 1px solid #ccc; text-indent: 10px; }
input[type="checkbox"]{ width: 17px; height: 17px; -webkit-appearance: checkbox; cursor: pointer; }
th{ font-size: 17px; }
td{ font-size: 17px; }
strong{ font-weight: 500; }

.list-contents .list-total .list-total-btn .p-btn { padding-left:0;}
.list-contents .list-total .list-total-btn .p-btn a { display:block; width:100%; padding-left:18px; height:100%;}
.list-day>p {min-height:15px;}
.daysearch .daybtn { width:85px; height:45px; margin-right:10px;}
.list-junbox { position:relative;}



.eduview-Bimg { width:275px;height:390px; overflow:hidden;}
#masonry .thumb { width:100px; height:auto; padding:10px;}

.table_basic				{ width: 100%; border-top: 3px solid #333333; }
.table_basic caption		{ display: none; }
.table_basic th				{ padding: 10px 0;  border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; background: #f8f8f8; }
.table_basic th:first-child	{ border-left: 0; }
.table_basic th:last-child	{ border-right: 0; }
.table_basic td				{ padding: 10px 0; color: #666666; text-align: center; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; border-bottom: 1px solid #dddddd; word-wrap: break-word; word-break: break-all; }
.table_basic td:first-child	{ border-left: 0; }
.table_basic td:last-child	{ border-right: 0; }
.table_basic a				{ font-weight: bold; }
.table_basic textarea		{ border-left: 1px solid #9f9f9f; border-top: 1px solid #9f9f9f; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.table_basic .t_bg01		{ background: #fcf9fe; }
.table_basic .t_bg02		{ background: #fcfaf6; }
.table_basic .t_bg01-g		{ background: #886c9a; }
.table_basic .t_bg02-g		{ background: #b9a988 }
.table_basic select			{ height: 27px; border-left: 1px solid #9f9f9f; border-top: 1px solid #9f9f9f; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; }

.table_basic .tleft			{ text-align: left; padding-left: 30px; }
.table_basic .th_g			{ padding: 10px 0; color: #ffffff; font-size: 13px; background: #5a5a5a; }
.table_basic .matlist					{ float:left; width: 1300px; }
.table_basic .matlist div				{ float: left; width: 800px; }
.table_basic .matlist div:nth-child(1)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(3)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(5)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(7)	{ float: left; width: 500px; }
.table_basic .matlist div:nth-child(9)	{ float: left; width: 500px; }
.table_basic .matlist div b				{ display: inline-block; width: 160px; }
.table_basic .matlist_w					{ float:left; width: 1400px; }
.table_basic .matlist_w div				{ float: left; width: 900px; }
.table_basic .matlist_w div:nth-child(1)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(3)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(5)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(7)	{ float: left; width: 500px; }
.table_basic .matlist_w div:nth-child(9)	{ float: left; width: 500px; }
.table_basic .matlist_w div b				{ display: inline-block; width: 180px; }
.table_basic table{ text-align: center; }
.table_basic table th{ font-size: 16px; }

.th-g th				{ padding: 10px 0; color: #ffffff; font-size: 13px; border-left: 1px solid #353535; border-right: 1px solid #353535; border-bottom: 1px solid #353535; background: #5a5a5a; }
.th-g th:first-child	{ border-left: 0; }
.th-g th:last-child		{ border-right: 0; }


.thume						{ position:relative; float:left; width:100%; margin-top:20px; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.guide						{ position:relative; float:left; padding:0 15px 10px 15px; font-size:13px; padding-left: 25px; text-indent: -8px; }
.insert						{ margin:20px;}
.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert input[type="file"]	{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.insert label				{ display: inline-block; width: 20%; padding: .45em 0; text-align: center; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; color: #fff; background-color: #555; border-color: #444; border-radius: .25em; }
.insert .upload-name		{ display: inline-block; width: 70%; padding: .42em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #aaaaaa;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.function			{ float: left; width: 100%; margin: 30px 0; text-align: right; }
.function input		{ height: 44px; -webkit-border-radius: 0; -webkit-appearance: none; }
.function button	{ height: 44px; }
.function2								{ position: relative; float: left; width: 100%; margin: 0 0 5px 0; padding: 30px 0 0 0; border-top: 1px solid #DEE0E4; }
.function2 .bts							{ float: left; }
.function2 .bts span						{ float: left; margin: 0 5px 0 0; } 
.function2 .list							{ float:right; }
.required { color:red; vertical-align:middle; padding:0 3px;}
.plus{ float: right; display: inline-block; margin-bottom: 10px; padding: 0 10px; line-height: 25px; border: 1px solid #c3d3e4; background: #ffffff; }

.table_basic a.in_btn				{ display: inline-block; padding: 3px 8px 0 8px; letter-spacing: 0; font-size: 12px; font-weight: normal; text-align: center; line-height: 22px; border: 1px solid transparent; cursor: pointer; -webkit-border-radius: 0; -webkit-appearance: none; }
.btn_delete			{ color: #ffffff; background: #822020; }
.btn_delete:hover	{ color: #ffffff; background: #b60808; }
.btn_on				{ color: #ffffff; background: #d57618; }
.btn_on:hover		{ color: #ffffff; background: #e6801b; }
.btn_off			{ color: #ffffff; background: #78929a; }
.btn_off:hover		{ color: #ffffff; background: #71a1af; }

.btnbox{ float: left; width: 100%; text-align: right; margin: 20px 0; }
.btnbox input[type="submit"]{ font-size: 14px;  }
.btn{ display: inline-block; vertical-align: top; padding: 0 25px; height: 42px; line-height: 42px; text-align: center; font-size: 14px; letter-spacing: 0; border: 1px solid transparent; }
.btn-default		{ color: #333; border: 1px solid #dfdfdf; border-bottom: 1px solid #c4c4c4; background: #fff; }
.btn-default:hover	{ color: #333; font-weight: 400; background: linear-gradient(#ffffff, #f5f5f5); }
.btn_apply			{ color: #fff; border: 1px solid #141414; border-bottom: 1px solid #000000; background: #141414; }
.btn_apply:hover	{ color: #fff; font-weight: 400; border: 1px solid #414141; border-bottom: 1px solid #000000; background: #414141; }
.btn-enter{ color: #fff; background: #464e6b; border: 1px solid #036; }
.btn-enter:hover{ color: #fff; background: #000000; }
.btn-basic{ color: #fff; background: #666;border: 1px solid #555; }
.btn-basic:hover{ color: #fff; }
.btn_modify			{ color: #ffffff; background: #33669f; }
.btn_modify:hover	{ color: #ffffff; background: #1575de; }

.w09{ width: 90%; }
.w000					{ width: 100%; }
.w090					{ width: 90%; }
.w50					{ width: 50px; }
.w100					{ width: 100px; }
.w150					{ width: 150px; }
.w230					{ width: 230px; }
.w330					{ width: 330px; }
.w500					{ width: 552px; }

/*culture css -end*/



.w1170{width:1170px; margin:0 auto;}

.buslist{overflow:hidden;margin-bottom:100px;}
.buslistxt{text-align:right; font-size:14px; color:#434343}
.buslist-title{background:#f8f6f5; border-top:2px solid #222222; height:55px; line-height:55px; margin-bottom:35px; }
.buslist-title span{display:inline-block;  text-align:center; font-weight:500; position:relative}
.buslist-title span::before {display: block; position: absolute;  bottom:0; left:0px; width: 1px; height: 20px; content: ''; background:#d8d7d6}
.buslist-title span:nth-child(1)::before{background:none;}
.buslist-title span:nth-child(1){width:265px;}
.buslist-title span:nth-child(2){width:515px;}
.buslist-title span:nth-child(3){width:160px;}
.buslist-title span:nth-child(4){width:150px;}

.buslistboxw{overflow:hidden; border-bottom:1px solid #c6c6c6; padding-bottom:25px; margin-top:20px;}
.buslistboxw .buslistbox-title{width:300px; float:left; padding-left:30px; box-sizing:border-box; color:#1d6da5; font-weight:500; font-size:18px;}
.buslistboxw .buslistbox-title span{width:30px; height:1px; background:#045793; margin-top:15px; display:block}
.buslistboxw .buslistbox{width:851px; float:right;border:1px solid #d7d7d7; box-sizing:border-box;}
.buslistboxw .buslistbox-list{overflow:hidden; cursor:pointer;  padding:0 10px 0 28px}
.buslistboxw .buslistbox-list:hover{background:#f6f6f6;box-sizing:border-box}
.buslistboxw .buslistbox-list .c1{background:url(../img/skin/dot_b.png) no-repeat left 20px; padding-left:15px; border-bottom:1px solid #d7d7d7; height:45px; line-height:45px; float:left; width:660px;}
.buslistboxw .buslistbox-list .c1 em{display: inline-block;    float: right;}
.buslistboxw .buslistbox-list:last-child .c1 {border-bottom:none;}
.buslistboxw .buslistbox-list .cmore{width:107px; height:28px; line-height:28px; box-sizing:border-box; border:1px solid #9195a0; background:url(../img/skin/pdf.png) no-repeat 80px center; padding-left:15px; float:right; color:#767676; font-size:14px; margin-top:10px; cursor:pointer}

.buslist{overflow:hidden; width:1160px; margin:70px auto 0; font-size:16px; line-height:180%;}
.buslist:last-child{margin-bottom:100px;}
.bus2018title{border-bottom:1px solid #535353; position:relative; height:58px; padding-left:15px;}
.bus2018title .bust1{font-size:32px; color:#010101; float:left; font-weight:600; padding-right:20px;}
.bus2018title .bust2{font-size:13px; color:#474747; float:left; line-height:130%; letter-spacing:0}
.bustoggle{position:absolute; width:130px; height:40px; line-height:40px; background:#ef4629 url(../img/skin/togglemin.png) no-repeat 90px center; color:rgba(255,255,255,1); font-size:16px; right:0; padding-left:20px; cursor:pointer; box-sizing: border-box;}
.bustoggleon {  background: url(../img/skin/toggleplus.png) no-repeat 90px center #ef4629}
.bustoggle span{width:130px; height:2px;  background:#ef4629; position:absolute; bottom:-19px; right:0; z-index:3}
.buslistboxw2018{ border-bottom:1px solid #c6c6c6; margin-top:20px; overflow:hidden}
.buslistbox-title2018{width:340px; float:left; padding-left:15px; box-sizing:border-box; color:#1d6da5; font-weight:500; font-size:20px;}
.buslistbox-title2018 span{width:30px; height:1px; background:#045793; margin-top:15px; display:block}
.buslistboxw2018 .cmore{ position:absolute; right:0; bottom:0;width:107px; height:28px; line-height:28px; box-sizing:border-box; border:1px solid #9195a0; background:url(../img/skin/pdf.png) no-repeat 80px center; padding-left:15px; float:right; color:#767676; font-size:14px; margin-top:10px; cursor:pointer}
.bus2108{border:1px solid #c6c6c6; position:relative;  padding:20px; box-sizing:border-box; float:left; width:820px; cursor:pointer; margin-bottom:25px; height:135px; box-sizing:border-box}
.bus2108:hover{background:#f6f6f6;box-sizing:border-box}
.bus2108-t{color:#000000; font-size:18px; padding-bottom:10px; font-weight:500; padding-left:5px; }
.bus2108-s{color:#6d6d6d; font-size:13px; line-height:140%; padding-bottom:40px; letter-spacing:-0.5px}
.bus2108-s p{background:url(../img/skin/line.png) no-repeat left 7px; padding-left:10px; padding-bottom:7px;}
.c50{width:400px; float:left}
.mr20{ margin-right:20px;}

.buslistbox2108-w{overflow:hidden;}
.h175{height:175px !important;}

.planbox{width:1010px; margin:0 auto 120px ; font-size:16px; line-height:180%;}
.planbox .h1-title{font-size:30px; position:relative; margin-bottom:60px;}
.planbox .h1-title span{width:25px; height:1px; display:block; background:#505050; margin-bottom:10px;}
.planbox-title{text-align:center; font-size:30px; margin-bottom:35px;  line-height:140%;}
.planbox-img{ background:url(../img/skin/plan_top.png) no-repeat 50px center; height:260px; width:100%; }
.planbox-img ul{overflow:hidden; padding-left:50px; padding-top:270px;}
.planbox-img ul li{float:left; width:150px; text-align:center; line-height:140%; font-weight:500}
.planbox-img2{padding-left:150px; padding-bottom:0px;}
.planboxbg{background:url(../img/skin/plan_bg.png) no-repeat; width:100%; height:437px; background-size:cover; text-align:center; color:rgba(255,255,255,1); padding-top:130px; box-sizing:border-box; margin-bottom:60px }
.planboxbg .line{width:60px; height:1px; background:#fff; display:block; margin:20px auto}
.planboxbg .bt1{font-size:24px; font-weight:600; margin-bottom:20px;}
.planboxbg .bt2{font-size:17px; font-weight:400; width:485px; margin:0 auto}

.nuBox .subreport ul.tabs li{float:none; margin-left:-3px; width:205px; padding-left:60px;}
.nu-view{text-align:center; margin-bottom:75px;}
.nu-view .nu-title{font-size:26px; color:#0f529d; font-weight:600; padding-top:50px; padding-bottom:35px; }
.nu-view .nu-title span{color:#143f70;}
.nu-view .nu-stitle{font-size:16px; color:#5a5a5a; line-height:160%; margin-bottom:25px;}
.home-link a{display:block; width:120px; height:35px; line-height:35px; background:url(../img/skin/homeico.png) no-repeat 80px center; border:1px solid #474e61; padding-left:18px; box-sizing:border-box; margin:0 auto; text-align:left; font-weight:500; font-size:15px}
.home-link a:hover{background:#0f529d url(../img/skin/homeico.png) no-repeat 80px center; color:rgba(255,255,255,1.00);  -webkit-transition: background-color 300ms linear;  -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear; border:1px solid #0f529d; }
.nubg{background:url(../img/skin/nuye_bg.png) no-repeat center center; height:460px; background-size:cover; color:rgba(255,255,255,1); text-align:center; font-size:20px; padding-top:170px; box-sizing:border-box}
.munbg{background:url(../img/skin/munbg.png) no-repeat center center;}
.nubg .line{width:25px; height:1px; background:#fff; display:block; margin:20px auto}
.nu-list{overflow:hidden; width:1160px; margin:65px auto 0;}
.nu-boxw{overflow:hidden;}
.nu-boxw .nu-box{border-bottom:1px solid #c9c9c9; float:left; margin-bottom:80px; width:540px; margin-right:65px; padding-left:120px; box-sizing:border-box} 
.nu-boxw .nu-box:nth-child(2){margin-right:0;}
.nu-boxw .nu01{ background:url(../img/skin/ico1.png) no-repeat left top;}
.nu-boxw .nu02{ background:url(../img/skin/ico2.png) no-repeat left top;}
.nu-boxw .nu03{ background:url(../img/skin/ico3.png) no-repeat left top;}
.nu-boxw .nu04{ background:url(../img/skin/ico4.png) no-repeat left top;}
.nu-boxw .nu05{ background:url(../img/skin/ico5.png) no-repeat left top;}
.nu-boxw .nu06{background:url(../img/skin/ico6.png) no-repeat left top;}
.nu-boxw .nu07{ background:url(../img/skin/ico7.png) no-repeat left top;}
.nu-boxw .nu08{background:url(../img/skin/ico8.png) no-repeat left top;}
.nu-boxw .nu09{ background:url(../img/skin/ico9.png) no-repeat left top;}
.nu-boxw .nu10{ background:url(../img/skin/ico10.png) no-repeat left top;}
.h230{height:230px;}
.h275{height:275px;}
.h340{height:340px;}
.h300{height:300px;}
.h200{height:200px;}
.h170{height:170px;}
.h130{height:130px;}

.nu-box-title{font-size:22px; color:#4a4a4a; padding-bottom:15px; font-weight:600}
.nu-box-stitle{font-size:15px; color:#4a4a4a; line-height:160%}
.nu-boxw-title{font-size:16px; line-height:180%; color:#4c4c4c; height:100px;}
.nu-boxw-stitle .nu-t{font-weight:500; font-size:16px; color:#4c4c4c; padding-bottom:10px;}
.nu-boxw-stitle .nu-s{font-size:14px; color:#4c4c4c; margin-bottom:7px;}
.nu-box-txt{margin-bottom:30px; letter-spacing:-0.5px;}
.nu-box-txt .nu-t{color:rgba(0,0,0,1); font-size:16px; padding-bottom:10px;  font-weight:500}
.gallery{width:1140px; margin:0 auto;}

.nu-list-map{overflow:hidden; width:830px; margin:100px auto; font-size:16px; line-height:180%;}
.nu-list-map .nu-box{width:380px; padding-left: 110px;}
.map{ border-bottom:1px solid #e6e6e6; padding-bottom:40px;}
.maptype{border-bottom:1px solid #e6e6e6; padding:15px 0; }
.maptype .maptitle{font-size:16px; color:rgba(0,0,0,1); font-weight:500; margin-bottom:10px;}
.maptype .bus li{float:left; padding-left:30px; height:40px; line-height:40px; width:50%; box-sizing:border-box}
.maptype .bus li.bus1{background:url(../img/skin/bus1.png) no-repeat left center; }
.maptype .bus li.bus2{background:url(../img/skin/bus2.png) no-repeat left center; }

.muns-title{width:310px; background:url(../img/skin/title-line.png) repeat-x; margin:0 auto; padding-bottom:35px; font-size:26px; font-weight:600; text-align:center;  }
.muns-title span{ display:inline-block; background:rgba(255,255,255,1); padding:0 20px; }
.muns-stitle{font-size:16px; color:#5a5a5a; text-align:center; margin-bottom:50px; line-height:160%}
.munbox{margin-top:20px;}
.munbox .h1-title{font-size:24px; margin-bottom:25px;}
.munbox .h1-title em{font-size:14px;}
.muntable{margin:0 20px;}
.org{text-align:center;}
.muntable2{margin-bottom:55px;}
.muntable2 td{ line-height:140%; padding:15px 0}
.muntable2 tr td:last-child{border-right:0}
.muntable th:last-child{border-right:0;}
.muntable .texleft{text-align:left; padding-left:30px; border-right:none}
.table-s{padding:25px 0 70px; font-size:16px;}
.table-s .ts1{background:url(../img/skin/dot_b.png) no-repeat left center; padding-left:15px; font-weight:500;}
.table-s .ts2{padding-left:20px; font-size:14px;}
.mun-caw{overflow:hidden; margin-bottom:140px}
.mun-caw .mun-caimg{float:left; margin-right:60px;}
.mun-caw .mun-catitle{float:left; width:420px;}
.mun-caw .mun-catitle .mun-ca{font-size:16px;background:url(../img/skin/dot_b.png) no-repeat left center; font-weight:600; padding-left:15px; margin-bottom:10px;}
.mun-caw .mun-catitle .mun-ca-list{font-size:14px; line-height:200%; padding-left:10px;}
.mun-caw .area-table{width:650px; float:right}

.vision-title{font-size:26px; text-align:center; font-weight:500; margin-top:70px; padding-bottom:85px;  }
.vision-title span{display:block; width:35px; height:1px; background:#000; margin:10px auto }
.areabg{background: url(../img/skin/culturebg.png) no-repeat center center;}
.areatxt{font-size:24px; font-weight:500; margin-bottom:10px;}
.areabox{width:1130px; margin:0 auto;}
.areabox .h1-title{margin-bottom:50px;}
.area-img{padding-left:70px; padding-top:10px;}

.ceoboxw{overflow:hidden; width:1130px; margin:0 auto 60px; color:#4c4c4c; font-size:16px; line-height:180%;}
.ceoboxw .ceobox{width:535px; float:left;}
.ceoboxw .ceobox:nth-child(2){float:right;}
.ceoimg{background:#efefee; text-align:center; margin-bottom:100px;}
.ceoboxw .ceobox-p{ padding-bottom:35px;}
.ceoboxw .ceobox-p .bold{font-size:16px;}


/*스킨뷰*/

.searchbox{ border-top:2px solid rgba(0,0,0,1); margin-top:35px;}
.searchbox  .search-B{padding:15px 0 10px 25px; box-sizing:border-box;  border:1px solid #dddddd; border-bottom:none}
.searchbox  .search-B .search-B-t{overflow:hidden;}
.searchbox  .search-B-b{overflow:hidden; color:#909090; padding:15px 0 15px 280px}
.searchbox  .search-B-b > div{float:left;}

.searchbox  .search-s{background:#fafafa; padding:15px 0 0px 25px;  box-sizing:border-box; border:1px solid #dddddd;  overflow:hidden; color:rgba(29,29,29,1.00) }
.searchbox  .search-s .search-s-cover{ overflow:hidden; }
.searchbox  .search-s .search-s-cover  .searchbox-title{/* border-bottom:1px solid #bbbbbb;*/ width:100px !important; margin-right: 17px;}
.searchbox .search-s .search-s-cover .searchbox-detail{ /*border-bottom:1px solid #dbdbdb;*/ width:1020px; float:left ; height:60px;  }
.searchbox  .search-s .search-s-cover-in{overflow:hidden; position:relative; display:none}
.search-section{ height:80px; line-height:80px; }
.search-section .searchbox-title{ border-bottom:1px solid #bbbbbb; width:110px !important; margin-right: 8px; padding-bottom:10px;}
.search-section .keysearch{position:absolute; bottom:7px; left:0; border:1px solid #b6b6b6; width:100px; height:35px; background:url(../img/skin/keysearch.png) no-repeat 75px center #fff; line-height:35px; font-size:14px; padding-left:7px; box-sizing:border-box; cursor:pointer}  
.search-section .searchbox-detail{ border-bottom:1px solid #dbdbdb; width:1000px; float:left; padding-bottom:10px; }
.search-section:last-child .searchbox-detail{border-bottom:none;}
.search-section01, .search-section02{font-size:14px; overflow:hidden; line-height: 120%;}
.search-section02 .searchbox-detail{padding-bottom:20px; padding-top:5px;}
.search-section01 .searchbox-detail{padding-bottom:20px; border-top: 1px solid #dbdbdb; padding-top:15px;}
.search-section01 .searchbox-title{border-top: 1px solid #bbbbbb; padding-bottom:10px; padding-top: 10px;}

.searchbox-custom  .search-B{overflow:hidden; border-bottom: 1px solid #dddddd;}
.searchbox-custom .search-B .search-B-t{float:left; width:950px;}
.searchbox-custom .search-plus{float:right; width:130px; margin-right:10px;}
.searchbox-custom  .select_box_t{width:610px !important;}


.group-check{display:inline-block; padding-top:10px; float:left }
.group-check label{cursor:pointer; margin-right:10px; font-size:13px; font-weight:500}
.group-check input[type="checkbox"] {    display:none;}
.group-check input[type="checkbox"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../img/skin/view_check_off.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check input[type="checkbox"]:checked + label span {    background:url(../img/skin/view_check_on.png) no-repeat; background-size:20px}
.group-check input[type="radio"] {display:none;}
.group-check input[type="radio"] + label span {    display:inline-block;    width:22px;    height:22px;    margin:0 6px 0 0;    vertical-align:middle;     background:url(../img/skin/view_check_on.png) no-repeat; background-size:20px;    cursor:pointer;}
.group-check ul{overflow:hidden; height:75px; overflow-y:scroll; box-sizing:border-box; }
.group-check ul li{float:left; width:25%; font-size:14px; margin-bottom:2px; }
.line-h{line-height:inherit !important;}
.line-h .searchbox-title{line-height:45px !important;}
.searchbox  .search-s .search-btn{width:880px; float:left;}
.searchbox  .search-s .search-btn li a{float:left; border:1px solid #d6d6d6; height:43px; line-height:43px; margin-right: 8px; cursor:pointer; padding:0 13px; display:block;}
.searchbox  .search-s .search-btn li a:hover{color: #0e7ac4;   border: 1px solid #0e7ac4;}
.searchbox  .search-s .search-btn li.active a{background:#0e7ac4; color:#FFF;  border: 1px solid #0e7ac4;}
.searchbox  .search-s .search-btn li.btn-all a{ padding:0px 30px;}
.search-plus{float:right; border:1px solid #007bcd; padding-left:15px; height:45px;   line-height:45px; box-sizing:border-box; cursor:pointer; color:#007bcd; background:rgba(255,255,255,1) url(../img/skin/plus-b.png) no-repeat 90% center; width:120px; box-sizing:border-box; font-size:14px; }
.search-plus:hover{transition: background-color 200ms linear;background: #0e7ac4 url(../img/skin/plus-b-w.png) no-repeat 90% center;   color: #FFF;    border: 1px solid #0e7ac4;}
.searchbox .searchbox-title{float:left; width:120px; font-size:18px; line-height:47px;}
.searchbox .searchbox-title span{font-weight:600; color:#111111}
.searchbox  .select_box{width:120px; float:left;  margin-right:5px}
.searchbox  .select_box select {width: 100%;  color:#333333;      border: none;    box-shadow: none;    background: transparent;    background-image: none;    -webkit-appearance: none;    outline: none;    cursor: pointer;    -moz-appearance: none;    text-indent:3px;    text-overflow: ellipsis;   font-size: 14px; height: 47px; letter-spacing:-1px; background: url(../img/skin/search-m-arr.png) 100% center no-repeat; box-sizing:border-box; font-weight:600; border:1px solid #356fe7; text-indent:10px;}
.searchbox .select_box_t {float:left;  width:195px; margin-right:5px;}
.searchbox .select_box_t input[type=text]{box-sizing:border-box;  border:1px solid #356fe7; font-size: 14px; letter-spacing:-1px;   height: 47px; line-height:47px;padding:0 15px; width:100%;}
.searchbox  .sebtn{width:85px; height:47px; line-height:47px; text-align:center; color:rgba(255,255,255,1); background:#10458d; font-size:16px; margin-right:5px; float:left; border:0;}
.searchbox  .sebtn:hover{transition: background-color 200ms linear; background:#082b5b}
.searchbox .resetbtn{width:105px; height:47px; line-height:47px; text-align:center; color:#c50233; background:#fff url(../img/skin/plus-p1.png) no-repeat 80px center; font-size:18px; float:right; border:1px solid #c50233; cursor:pointer; text-align:left; padding-left:25px; box-sizing:border-box}
.searching > div, .searching {float:left;}
.searching{font-size:14px; line-height:40px; float:right; }
.searching-title{font-size:16px; padding-right:10px;}
.mserchico{display:none;}


.daysearch{overflow:hidden; border-left:1px solid #0273c5}
.daysearch > div{float:left;}
.daysearch-title{font-weight:500; padding-left:15px; line-height:47px; padding-right:10px;}
.daysearch .day1, .daysearch .day2{border:1px solid #6b6b6b; width:140px; height:43px; line-height:43px;  position:relative; text-indent:5px;}
.daysearch .day3{padding:0 7px; line-height:47px;}
.daysearch  input{width:100px; height:35px; border:none;}
.daysearch .day{background:url(../img/skin/calenderico.png) no-repeat; width:22px; height:21px; display:inline-block; position:absolute; right: 5px; top: 10px; cursor:pointer}


.daybtn{width:95px; height:45px; line-height:45px; text-align:center; color:#fff; background:#5a5a5a ; font-size:18px; float:right; border:1px solid #5a5a5a; cursor:pointer;  box-sizing:border-box; float:left; margin-left:5px;}
.daybtn:hover{transition: background-color 200ms linear; background:#302e2e}

.list-contents{ width:100%; font-size:14px; box-sizing:border-box; padding-top:30px;}
.list-contents .list-total{border-bottom:2px solid #868686; padding-bottom:12px;  overflow:hidden; position:relative}
.list-contents .list-total .list-total-btn{overflow:hidden}
.list-contents .list-total .list-total-btn>div{float:left;}
.list-contents .list-total .list-total-btn .admB{}
.list-contents .list-total .admB{position:absolute; top:0; left:190px;}
.list-contents .list-total .list-total-btn .p-btn a{border:1px solid #b4b4b4; width:90px; height:35px; line-height:35px; box-sizing:border-box; background:url(../img/skin/plus-p3.png) no-repeat 64px center; cursor:pointer; margin-right:5px; display:block}
.list-contents .list-total .list-total-btn .p-btn  a:hover, .list-contents .list-total .list-total-btn .p-btn  a.active{transition: background-color 200ms linear;background: #0e7ac4 url(../img/skin/plus-b-w.png) no-repeat 90% center;   color: #FFF;    border: 1px solid #0e7ac4;}
.list-contents .list-total .list-total-btn .p-result {border-bottom:1px solid #a9a9a9; margin-left:10px; padding-top:7px; color:#8c8c8c;}

.list-contents .list-total .list-total-btn .list-view-w{float:right; margin:0}

.list-contents .list-total .list-total-btn .p-result span{color:rgba(0,0,0,1); font-weight:600}
.list-contents .list-total  .list-view-w{float:right; overflow:hidden; width:185px;}
.list-contents .list-total  .list-view-num{float:left; width:110px; height:35px;}
.list-contents .list-total  .list-view-num  select {width: 100%;  color:#505050;      box-shadow: none;    background: transparent;    background-image: none;    -webkit-appearance: none;    outline: none;    cursor: pointer;    -moz-appearance: none;    text-indent: 3px;    text-overflow: ellipsis;   font-size: 14px; height: 35px; letter-spacing:-1px; background: url(../img/skin/view-num.png)  85% center no-repeat; border:1px solid #cbcbcb; box-sizing:border-box; font-weight:600; text-indent:7px}

.list-contents .list-total-cnt{float:left;}
.list-contents .list-total-view{float:right; margin-bottom:7px; width:70px;}
.list-contents .list-total-view  li{float:left; cursor:pointer;}
.list-contents .listboxw{ overflow:hidden;}
.list-contents .list-junboxw{padding-top:30px;}
.list-contents .list-table{display:none;}

.listbox-page ul {  overflow: hidden;    width: 100%;   text-align:center;  padding:0; margin-top:100px; margin-bottom:130px}
.listbox-page ul li { float:none;    text-align: center;    line-height:normal;    margin-right: 5px;    font-size: 16px;    color: #9a9899;    width: 40px;
    height: 40px;      cursor: pointer;    display:inline-block; margin:0 auto; line-height:40px; vertical-align:middle; border:1px solid #d5d5d5}
.listbox-page  ul li.on, .listbox-page  ul li:hover{ color:#0e7ac4; border:1px solid #0e7ac4}
.listbox-page  ul li.prev{background:url(../img/skin/b_prev.jpg) no-repeat center center; border:1px solid #d7d7d7; margin-right:30px }
.listbox-page  ul li.next{background:url(../img/skin/b_next.jpg) no-repeat center center; border:1px solid #d7d7d7;  margin-left:30px}

.list-junbox{border-bottom:1px solid #a4a4a4; width:225px; float:left; margin-right:11px; margin-bottom:50px; padding-bottom:25px; height:530px; box-sizing:border-box; cursor:pointer; }
.list-junbox:hover{background:#e9e9e9;}
.list-junbox:hover .list-btn a{background:#2854b8 ; color:rgba(255,255,255,1);    transition: background-color 200ms linear; border:1px solid #2854b8}
.list-junbox-d1{position:relative; height:310px; overflow:hidden; }
.list-danbox .list-junbox-d1{height:180px;}

.list-junbox-d1 .thumb{display: inline-block;   width: 100%;   cursor: pointer;   
   /* max-height:320px;  */  height: auto;    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;}
.list-peobox{height:450px;}

.list-junbox-d2{height:40px; line-height:40px; text-align:center; background:#e8e8e8; border-top:1px solid rgba(255,255,255,1); font-weight:500; font-size:16px}
.list-junbox:hover .list-junbox-d2{background:#d4d4d4;}
.list-junbox-d2 span{display:block; width:20px; height:1px; background:rgba(0,0,0,1); margin:0 auto; position:relative; top:-8px;}
.list-junbox .book-cover{background:url(../img/skin/book-over.png) no-repeat center center rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:101%; left:0; z-index:2; text-align:center; font-size:15px; box-sizing:border-box}
.list-junbox .book-cover-sns{width:100%; height:100%; position:absolute; top:176%; left:0; z-index:2; text-align:center; font-size:15px; box-sizing:border-box}
.list-junbox .book-cover .book-cover-txt{position:absolute; color:rgba(255,255,255,1); text-align:center; font-size:16px;  top:50px; width:80%; left:10%}

.list-junbox .book-cover .book-cover-title{color:rgba(255,255,255,1); position:absolute; top:70px; text-align:center; font-weight:500; padding:0 25px;}



.book-cover-sns{ position:relative; top:260px; }
.book-cover-sns a{display:inline-block;text-align:center;width:37px; height:36px; vertical-align:middle;}

.book-cover-sns .snshare {border:1px solid #d0d0d0; height:35px; line-height:35px; margin-right:10px; width:115px; text-align:center; display:inline-block; font-size:13px}

.list-junboxw .juncation{width:85px; height:30px; line-height:30px; text-align:center; position:absolute; bottom:0px; left:50%; margin-left:-45px; color:rgba(255,255,255,1); font-size:14px; box-sizing:border-box; letter-spacing:0}
/*
.list-junboxw .jun-on{background:#1fce55;}
.list-junboxw .jun-ing{background:#1f54ce;}
.list-junboxw .jun-off{background:#6c6c6c;}
*/

.book-cover-sns a.btn-sns1 {background: url(../img/skin/nsns01.png) no-repeat 0 0;}
.book-cover-sns a.btn-sns2 {background: url(../img/skin/nsns02.png) no-repeat 0 0;}
.book-cover-sns a.btn-sns3 {background: url(../img/skin/nsns03.png) no-repeat 0 0;}

.list-junbox:nth-child(5n){margin-right:0;}
.list-btn a{width:90px; height:28px; line-height:28px; text-align:center;  margin:0 auto; border:1px solid #c1c1c1; background:rgba(255,255,255,1); font-size:14px; display:block; margin-top:10px}
.list-detail{padding:12px; box-sizing:border-box;}
.list-detail-title{height:60px; font-weight:500; line-height:120%; font-size:16px}
.list-day{font-size:12px; line-height:130%; color:#777777; letter-spacing:-0.5px}
.list-day span{color:rgba(51,51,51,1); font-weight:500;}

.list-bogo-lis-btn{text-align:center;}
.list-bogo-lis-btn a{border:1px solid #cd2600; width:130px; height:35px; line-height:35px; background:url(../img/skin/bogo_plus.png) no-repeat 100px center; color:#dc1414; padding-left:25px; font-size:15px; box-sizing:border-box; display:inline-block; margin-right:5px; text-align:left}
.list-bogo-lis-btn a:hover{background:#cd2600 url(../img/skin/bogo_plus_on.png) no-repeat 100px center;; color:rgba(255,255,255,1);   -webkit-transition: background-color 300ms linear;     -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}

.list-danbox{height:350px; width:280px; margin-right:15px; border-bottom: 1px solid #a4a4a4;  }
.list-danbox .list-detail-pname{font-size:18px; line-height:130%; height:50px; margin-bottom:10px;}
.list-danbox:nth-child(4n){margin-right: 0;}
.list-danbox:nth-child(5n){margin-right: 15px;}

.donation{ overflow: hidden; margin-top: 40px; }
.donation .donation-top{overflow:hidden; margin-bottom:50px}
.donation .donation-top .donation-top-title{float:left; width:280px; font-size:26px; color:#3a3a3a}
.donation .donation-top .donation-top-title span{width:25px; height:1px; display:block; background:rgba(51,51,51,1);}
.donation .donation-top .donation-top-stitle{float:right; width:870px; font-size:14px; color:#4d4d4d; line-height:160%}
.donation .donation-top .donation-top-stitle p{padding-bottom:10px;}
.donation-table .donation-table-title{font-size:18px; border-bottom:2px solid rgba(51,51,51,1); padding-bottom:5px}
.donation-table .donation-w{overflow:hidden; border-bottom:1px solid #e5e5e5;}
.donation-table .donation-div{float:left;}
.donation-table .div50{width:50%;}
.donation-table .div50:nth-child(2n) .donation-table-th{ border-left:1px solid #e5e5e5;}
.donation-table .donation-table-th{height:70px; line-height:70px; background:#fafafa; font-size:16px; width:170px; float:left; border-right:1px solid #e5e5e5; text-align: center; box-sizing:border-box}
.donation-table .donation-table-td{height:70px; line-height:70px; float:left;background:#fff; font-size:16px;   padding-left:20px; box-sizing:border-box }
.donation-table input, .donation-table select{height:35px; border:1px solid #aaaaaa; line-height:35px; padding:0 5px; box-sizing:border-box; margin-right:3px; margin-left:3px}
.donation-table  .donation-address .donation-table-th {height:170px; line-height:inherit; padding-top:20px;}
.donation-table  .donation-address .donation-table-td {height:170px; line-height:inherit; padding:25px 0 10px 20px}
.donation-table  .donation-address input{margin-bottom:10px; float:left}
.donation-table .addnum{background:#eeeeee; border:1px solid #dddddd; height:35px; line-height:35px; box-sizing:border-box; color:#333333; text-align:center; width:110px; display:block; cursor:pointer; float:left; margin-left:5px; font-size:14px;}
.w370{width:370px;}
.w70{width:70px;}
.w240{width:240px;}
.w630{width:630px;}

.donation-de{border-bottom:1px solid #e1e2e2; padding-bottom:15px;}
.donation-de .donation-de-title{font-size:18px; border-bottom:2px solid rgba(51,51,51,1); padding-bottom:5px; margin-top:20px; margin-bottom:15px;}
.donation-de  .donation-de-area{padding:0 15px;}
.donation-de  .donation-de-area textarea{width:100%; height:240px; box-sizing:border-box; border:1px solid #aaaaaa}
.donation-agree{padding-top:40px;}
.donation-agree .donation-agree-title{ border-bottom:2px solid rgba(51,51,51,1); color:#a87161; font-size:18px; padding-bottom:10px;}
.donation-agree .donation-agree-title span{float:right; font-size:13px; color:rgba(51,51,51,1);}
.donation-agree .donation-agree-stitle{height:50px; line-height:50px; font-size:15px}
.donation-agree .donation-agree-stitle span{float:right; font-size:13px; color:rgba(51,51,51,1);}
.donation-agree .argee-btn{overflow:hidden; text-align:center; margin-bottom:100px; padding-top:50px;}
.donation-agree .argee-btn > div{width:130px; height:60px; line-height:60px; text-align:center; font-size:14px; box-sizing:border-box; display:inline-block; cursor:pointer; margin-right:3px; }
.donation-agree .argee-btn .argee-btn-on{background:#8b4e3d; color:rgba(255,255,255,1); border:1px solid #8b4e3d}
.donation-agree .argee-btn .argee-btn-on:hover{background:#733c2d;  -webkit-transition: background-color 300ms linear; color:#FFF;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}
.donation-agree .argee-btn .argee-btn-gray{background:#fff; color:rgba(51,51,51,1); border:1px solid #cccccc}
.donation-agree .argee-btn a {display:inline-block; width:100%; } 

.agreein{ width:100%; height:160px; overflow-y:scroll; border:1px solid #e5e5e5; font-size:13px; margin-bottom:15px; padding:5px 25px; box-sizing:border-box; font-weight:normal; line-height:180%; color:rgb(102,102,102)}
.agreeokbtn{text-align:center; font-size:16px}



.listview{width:600px; height:610px; background:rgba(255,255,255,1); position:absolute; top:100px; left:50%; margin-left:-300px; z-index:4; padding:40px 25px; box-sizing:border-box; display:none}
.listview-title{border-bottom:1px solid #5973b7; font-size:24px; color:#043767; padding-bottom:20px; margin-bottom:40px}
.listview-list p{font-size:16px; margin-bottom:15px;}
.listview-close{position:absolute; top:30px; right:30px; cursor:pointer}
.listview-close span{font-size:16px; margin-right:10px; margin-top:5px; display:inline-block}


.list-table-th {height:50px; line-height:50px; background:#f8f8f8; border-bottom:1px solid #e9e7e7; position:relative}
.list-table-th ul li{float:left;  position:relative; font-weight:600; text-align:center;}
.list-table-th ul li:nth-child(1){width:12%;}
.list-table-th ul li:nth-child(2){width:43%;}
.list-table-th ul li:nth-child(3){width:15%;}
.list-table-th ul li:nth-child(4){width:10%;}
.list-table-th ul li:nth-child(5){width:10%;}
.list-table-th ul li:nth-child(6){width:10%;}
.list-table-th ul li:after{position:absolute; height:13px; background:#c6c6c6; width:1px; content:""; bottom:0; right:0}
.list-table-th ul li:nth-child(6):after{ width:0 !important;}





.list-table-td {height:65px; line-height:65px;  border-bottom:1px solid #e9e7e7; text-align:center; cursor:pointer}
.list-table-td:hover{background-color: #f0f0f0; cursor:pointer;    -webkit-transition: background-color 300ms linear;    -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}

.list-table-td ul li{float:left; color:#656565; min-height:1px;}
.list-table-td ul li:nth-child(1){width:12%; min-width:12%;}
.list-table-td ul li:nth-child(2){width:43%; text-align:left}
.list-table-td ul li:nth-child(3){width:15%;  letter-spacing:0}
.list-table-td ul li:nth-child(4){width:10%;  letter-spacing:0}
.list-table-td ul li:nth-child(5){width:10%; letter-spacing:0}
.list-table-td ul li:nth-child(6){width:10%; }
.list-table  .listboxbtn{display:inline-block; width:85px; height:35px; line-height:35px;  color:#fff; font-size:13px;  box-sizing:border-box; text-align:center}


.list-db-th  .list-table-th ul li:nth-child(1){width:12%;}
.list-db-th  .list-table-th ul li:nth-child(2){width:12%;}
.list-db-th  .list-table-th ul li:nth-child(3){width:12%;}
.list-db-th  .list-table-th ul li:nth-child(4){width:52%;}
.list-db-th  .list-table-th ul li:nth-child(5){width:12%;}

.list-db-th .list-table-th ul li:nth-child(5):after{background:none;}
.list-db-org .list-table-th ul li:nth-child(5):after{background:none;}

.list-db-th .list-table-td ul li:nth-child(1){width:12%;}
.list-db-th .list-table-td ul li:nth-child(2){width:12%; text-align:center}
.list-db-th .list-table-td ul li:nth-child(3){width:12%;}
.list-db-th .list-table-td  ul li:nth-child(4){width:52%; text-align:left; text-indent:20px;}
.list-db-th .list-table-td  ul li:nth-child(5){width:12%;  text-align:center;}

.list-db-org .list-table-th ul li:nth-child(1){width:12%;}
.list-db-org .list-table-th ul li:nth-child(2){width:10%;}
.list-db-org .list-table-th ul li:nth-child(3){width:18%;}
.list-db-org .list-table-th ul li:nth-child(4){width:42%;}
.list-db-org .list-table-th ul li:nth-child(5){width:18%;}

.list-db-org .list-table-td ul li:nth-child(1){width:12%;}
.list-db-org .list-table-td ul li:nth-child(2){width:10%; text-align:center}
.list-db-org .list-table-td ul li:nth-child(3){width:18%;}
.list-db-org .list-table-td ul li:nth-child(4){width:42%; text-align:left}
.list-db-org .list-table-td ul li:nth-child(5){width:18%;}


/*
.list-table  .listboxbtn-on{ background:#1fce55;}
.list-table  .listboxbtn-ing{ background:#1f54ce;}
.list-table  .listboxbtn-off{ background:#6c6c6c;}
*/
.list-table .linebox{border:1px solid #097ce4; width:75px; height:30px; line-height:30px; text-align:center; display:inline-block; color:#097ce4;}



.subreport .muninfotab ul.tabs{width:600px; margin:0 auto;}
.subreport .muninfotab  ul.tabs li{ width:200px; padding-left:60px; box-sizing:border-box; font-weight: 500;}

/*스킨*/
.letters3{letter-spacing:3px;}
.letters5{letter-spacing:5px;}
.letters10{letter-spacing:10px;}
.eduview-contentsw{overflow:hidden; padding-top:90px;}

.eduview-contents{width:870px; float:right; margin-bottom:100px;}
.eduview-leftnav{float:left;box-sizing:border-box; width:275px;}
.eduview-Bimg{margin-bottom:30px;}
.eduview-Bimg img{width:100%;}
.eudview-simg ul li{float:left; padding:8px 5px 0 0; width:87px; height:80px;}
.eudview-simg ul li img{width:100%;}
.eudview-simg ul li:nth-child(3n){padding-right:0;}

.edu-cation{text-align:right; padding-bottom:23px;} 
.edu-cation span{display:inline-block; border-bottom:1px solid #da1212; color:#da1212; margin-left:5px;}
#edulist .listbox-list{overflow:hidden; padding:20px 0 15px; border-bottom:1px solid #b8b8b8; border-top:2px solid #393939}

#edulist .edust{float:left; width:100px; padding:0; text-align:center; height:30px; font-size:16px; line-height:30px; color:#fff; margin-right:15px; }
#edulist .eudcate{float:left; width:100px; padding:0; text-align:center; height:30px; font-size:16px; line-height:30px; color:#1f54ce; border:1px solid #1f54ce; margin-right:15px; background:#fff }

/*
#edulist .eudoff{float:left; width:100px; padding:0; text-align:center; height:30px; font-size:16px; line-height:30px; color:#1f54ce; border:1px solid #1f54ce; margin-right:15px; background:#fff }
#edulist .eudon{float:left; width:100px; padding:0; text-align:center; height:30px; font-size:16px; line-height:30px; color:#fff; border:1px solid #1fce55; margin-right:15px; background:#1fce55 }
#edulist .euding{float:left; width:100px; padding:0; text-align:center; height:30px; font-size:16px; line-height:30px; color:#fff; border:1px solid #1f54ce; margin-right:15px; background:#1f54ce }
#edulist .eudoff{float:left; width:100px; padding:0; text-align:center; height:30px; font-size:16px; line-height:30px; color:#fff; border:1px solid #6c6c6c; margin-right:15px; background:#6c6c6c }
*/

#edulist .predu{color:#0442e8; border:1px solid #0442e8}
#edulist .lastedu{color:#5d5d5d; border:1px solid #5d5d5d}
#edulist .listbox-list .listbox-txtedu{float:left; width:700px; box-sizing:border-box;}
#edulist .listbox-list .listbox-more{float:right; width:160px}
#edulist .list-contents .listbox-title{font-weight:500; letter-spacing:-2px;}
#edulist { overflow:hidden;}
#edulist .listbox{float:left; border-bottom:1px solid #d8d8d8; padding:30px 20px 20px; cursor:pointer; width:100% }
#edulist  .listbox:hover{background-color: #f0f0f0; cursor:pointer;    -webkit-transition: background-color 200ms linear;    -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}
#edulist  .listbox-img{ float:left; width:150px; margin-right:35px}
#edulist  .listbox-img img{width:100%;}
#edulist  .listbox-subt{ float:left; width:830px; color:#8d8a8a; font-size:14px; font-weight:500}
#edulist .stitlebox{border:1px solid rgba(0,0,0,1); padding:0 15px; float:left; margin-right:10px}
#edulist .listbox-title{ font-size:22px; color:#000; float:left; width:635px; font-weight:500  }
#edulist .listbox-stitle{line-height:160%;}
#edulist .listbox-namew{overflow:hidden; padding-top:40px }
#edulist .listbox-txtedu{ font-size:15px; margin-bottom:20px;}
#edulist  .eduview-detail-listbtn{overflow:hidden; border-top: 1px solid #666666;}
#edulist .eduview-detail-listbtn a{ float: right; margin-top: 10px; /*display: block; width:80px; height:30px; line-height:30px; border: 1px solid #a1a1a1; text-align:center;*/ }

#edulist .listbox-name{color:#333333; overflow:hidden; height:50px; margin-left:10px;}
#edulist .listbox-name ul{float:left; overflow:hidden; width:50% }
#edulist .listbox-name ul li{float:left; margin-right:2%; border-bottom:1px solid #d0d0d0;padding-left:5px; padding-right:5px; height:50px; line-height:50px; box-sizing:border-box}
#edulist .listbox-name ul li:first-child{width:20%; text-align:center}
#edulist .listbox-name ul li:last-child{width:76%; margin-right:0}
#edulist .listbox-name ul li span{ font-weight:600;  padding-bottom:5px; }
#edulist .listbox-b{float:right;}
#edulist  .listbox-b a{display:inline-block; width:105px; height:30px; line-height:30px; background:#8b4e3d; color:#fff;font-size:13px;    text-align:center}
#edulist .listbox-b a:hover{background: #6a3627; cursor:pointer;    -webkit-transition: background-color 200ms linear; color:#FFF;    -ms-transition: background-color 200ms linear;    transition: background-color 200ms linear;}
#edulist .predubtn a{background:#3d7a8b;}
#edulist .predubtn a:hover{background:#2c606f;}
#edulist .lastedubtn a{background:#5e5e5e;}
#edulist .lastedubtn a:hover{background:#4d4c4c;}
#edulist  .edulist-detail{clear:both; line-height:160%; border-bottom:1px solid #c1c1c1; padding:35px 30px 25px; color:#333333; box-sizing:border-box; font-size:14px;}
#edulist .edulistbox{margin-bottom:55px;}
#edulist .eudview-list{overflow:hidden; padding:0px 0 15px; border-bottom:4px solid #666666; margin-bottom:20px; }
#edulist .eduviewbtn{float:none; text-align:center; margin-top:20px}
#edulist .viewbox-name ul{width:100%;}
#edulist .viewbox-name ul li:first-child{width:10%; text-align:center}
#edulist .viewbox-name ul li:last-child{width:87%; margin-right:0}
#edulist  .eduview-detail{border-bottom:1px solid #d1d1d1;  line-height:160%; position:relative;  margin-bottom:35px;}
#edulist  .eduview-sns{text-align:right; margin-bottom:10px; padding-top:10px; top:0}
#edulist  .eduview-sns a{padding:0 3px;}
#edulist  .eduview-detail-v{ color:#707070}
#edulist  .eduview-detail-t{padding:25px 0 40px; font-size:20px; color:#4f4e4e}
#edulist  .eduview-detail-s{line-height:220%; font-size:15px; padding-bottom:60px;}
#edulist  .eduview-detail-s p{padding-bottom:20px;}
#edulist  .eduview-detail-s p img{ width: 100%; }
.v-line{width:260px; height:2px; background:rgb(51,51,51); position:absolute; left:50%; margin-left:-130px; bottom:0}
#edulist .edulistbtn a{border:1px solid #dfdfdf; width:80px; height:40px; line-height:40px; text-align:center; float:right; display:block;     margin-top: 20px;}
#edulist .eduview-sns .snshare {border:1px solid #d0d0d0; height:35px; line-height:35px; margin-right:10px; width:115px; text-align:center; display:inline-block}
#edulist .subviewtab{margin-top:50px;  margin-bottom:70px;}
#edulist .subviewtab li{float:left; width:50%; height:60px;border-top:1px solid #dcdcdc; font-size:18px; box-sizing:border-box; text-align:center; line-height:60px; border-bottom:2px solid #000; cursor:pointer}
#edulist .subviewtab li.active{font-weight:600; font-size:20px; border:2px solid #000; border-bottom:none; border-bottom:none}

/*캘린더*/
.calendar_wrap {padding-top:85px;}
.calendar_wrap .cal_date{position: relative; padding: 20px  60px;  text-align: center; float:left; width:220px;}
.calendar_wrap  .i-conw{float:right; width:640px; }
.cal_datew .i-conw{padding-top:20px;}
.i-conw span em{width:18px; height:18px; display:inline-block; color:rgba(255,255,255,1); font-size:12px; font-weight:500; line-height:18px; text-align:center; margin-right:3px;}
.i-conw span{color:#7e7e7e; font-size:13px; padding-left:5px;}
.i-con1 em{background:#1d42bd;}
.i-con2 em{background:#1d5abd;}
.i-con3 em{background:#1d84bd;}
.i-con4 em{background:#1db0bd;}
.i-con5 em{background:#1dbd7f;}
.i-con6 em{background:#1dbd2c;}
.i-con7 em{background:#a3bd1d;}
.i-con8 em{background:#bda11d;}
.i-con9 em{background:#bd7b1d;}
.i-con10 em{background:#bd431d;}
.i-con11 em{background:#bd1d51;}
.i-con12 em{background:#bd1dbb;}

.calendar_wrap .cal_date .date_btn{position: absolute; top: 50%; margin-top: -18px; display: inline-block; width: 100px; height: 36px; background: url(../img/skin/cal_prev.png) no-repeat center top; text-indent: -9999px;}
.calendar_wrap .cal_date .date_btn.prev{left: 0px;}
.calendar_wrap .cal_date .date_btn.next{right: 0px; background-image: url(../img/skin/cal_next.png);}
.calendar_wrap .cal_date p{display: inline-block; font-size: 25px; font-weight: 700;}
.calendar_wrap .cal_info{position: relative; padding-top: 30px; margin-bottom: 50px;}
.calendar_wrap .cal_info:after{display: inline-block; clear: both; content:'';}
.calendar_wrap .cal_info dl{display: table; width: 50%; float: left;}
.calendar_wrap .cal_info dl dt, .calendar_wrap .cal_info dl dd{display: table-cell;}
.calendar_wrap .cal_info dl dt{width: 100px; padding-left: 15px; background: url(/images/sjcf/user/bull/bull_big_dot.jpg) 0 7px no-repeat; font-size: 18px; font-weight: 700;}
.calendar_wrap .cal_info dl dd .sort{display: inline-block; margin-bottom: 5px; padding-right: 10px;}
.calendar_wrap .sort{ padding: 0 0 0 5px; }
.calendar_wrap .tit{font-size:12px; font-weight:normal;}
.calendar_wrap .time{font-size:12px; font-weight:normal;}

.calendar_wrap .cal_info .bg{position: absolute; right: 0; top: 0;}
.calendar_wrap .pc_cal{width: 100%; border-collapse:separate; margin-bottom:100px;}
.calendar_wrap .pc_cal th{padding: 15px 0; background-color: #fff; border-bottom: 1px solid #a0a0a0; border-top:2px solid #585858 }

.calendar_wrap .pc_cal td{border-left: 1px solid #d2cdcc; color:#8b8b8b;vertical-align: top; font-size:13px; letter-spacing:0px; cursor:pointer; position:relative; height:170px;box-sizing:border-box; border-top: 1px solid #d2cdcc;     }
.calendar_wrap .pc_cal td:nth-child(2n){background:#faf7f7;}
.calendar_wrap .pc_cal td .over-blue{position:absolute; border:1px solid #0273c5; width:100%; height:100%; top:0; left:0}
.calendar_wrap .pc_cal td:hover{ background:#f3f3f3; }

.calendar_wrap .pc_cal td:hover > div .day{background:#f7f6f7;}


.calendar_wrap .pc_cal tr td:first-child{border-left:none;}
.calendar_wrap .pc_cal tr td:last-child{border-right:none;}
.calendar_wrap .pc_cal td > div .day{ border-bottom:1px solid #f3f3f3; font-size:13px; text-align:left; height:38px; line-height:38px; color:#333333; font-weight:600; padding-left:10px;}
.calendar_wrap .pc_cal td > div .sun{color:#ffb2d4;}
.calendar_wrap .pc_cal td > div .gray{color:#eee9e6}
.calendar_wrap .pc_cal td > div.con{display: block; padding-top: 10px; text-align: left; overflow:hidden; }

.calendar_wrap .pc_cal td > div.con .c-ico{float:left; width:30px; padding-left:7px; }
.calendar_wrap .pc_cal td > div.con .c-txt{float:left; width:125px; line-height:140%; border-bottom:1px solid #dbdbdb; margin-bottom:10px; padding-bottom:3px; color: #777;
    font-size: 14px;
    line-height: 15px;
    letter-spacing: -0.06em; font-weight: 300;}
.calendar_wrap .pc_cal td > div.con:last-child .c-txt{border-bottom:none;}
.calendar_wrap .pc_cal td:hover > div.con .c-txt{color:rgba(0,0,0,1);}
.calendar_wrap .pc_cal td > div .con .sort{ margin-bottom: 5px;  overflow: hidden; font-size: 14px;}
.calendar_wrap .pc_cal td > div .calenview{display:inline-block; background:url(../img/skin/caleview.png) no-repeat 7px center ; width:15px; height:14px; cursor:pointer; padding-left:10px;}

.calendar_wrap .pc_cal td > div .con .tit, .calendar_wrap .pc_cal td > div .con .time{max-height: 2.3em; min-height: 1.2em; padding-left: 25px; color: #999; font-size: 13px; line-height: 1.2em; overflow: hidden;}
.calendar_wrap .pc_cal td > div .con .time{color: #555;}
.m_cal{display:none;}

.carlender-pop{border:2px solid #4b4b4b; width:560px; padding:20px; box-sizing:border-box; overflow:hidden; position:absolute; display:none; background:rgba(255,255,255,1); top:90px; left:30px; z-index:10; color:rgba(0,0,0,1)}
.carlender-pop .car-pimg{float:left; width:160px;}
.carlender-pop .car-pimg img{width:100%;}
.carlender-pop .car-plist{width:340px; float:right;}
.carlender-pop  .car-plist-title{font-size:16px; border-bottom:2px solid #4b4b4b; font-weight:600; padding-bottom:10px; margin-bottom:10px;}
.carlender-pop  .pop_close{font-size:30px; position:absolute; top:-5px; right:10px;}
.carlender-pop .listbox-name ul li{float:left; margin-right:2%; border-bottom:1px solid #d0d0d0;padding-left:5px; padding-right:5px; height:30px; line-height:30px; box-sizing:border-box}
.carlender-pop .listbox-name{margin-bottom:20px;}
.carlender-pop .listbox-name ul li:first-child{width:20%; text-align:center}
.carlender-pop .listbox-name ul li:last-child{width:76%; margin-right:0}
.carlender-pop .listbox-name ul li span{ font-weight:600;  padding-bottom:5px; }
.carlender-pop .edust 		{float:left; width:80px; padding:0; text-align:center; height:28px; font-size:14px; line-height:28px; color:#fff; margin-right:15px; }
.carlender-pop .eudcate 	{float:left; width:80px; padding:0; text-align:center; height:28px; font-size:14px; line-height:28px; color:#1f54ce; border:1px solid #1f54ce; margin-right:15px; background:#fff }
.carlender-pop .eudcate:hover{transition: background-color 200ms linear; background:#1f54ce; color:rgba(255,255,255,1)}
.carlender-pop .eudviewbtn a 	{border:1px solid; width:85px; float:right; border:1px solid #c1c1c1; cursor:pointer; text-align:center;height:28px; font-size:14px; line-height:28px; display:block}
.carlender-pop .eudviewbtn a:hover{transition: background-color 200ms linear; background:rgba(238,238,238,1);}

.category {margin-bottom:20px; text-align: center; }
.category ul.tabs{ width:1170px; margin:0 auto; text-align: center; }
.category ul.tabs li{ float:left; display:inline-block; margin-left:-1px; height:48px; line-height:48px; font-size:15px; text-align:left; background:rgb(255,255,255); border:1px solid #dedee1; cursor:pointer; box-sizing:border-box; }
.category ul.tabs li:first-child{border-left:1px solid #cdd5be; }
.category ul.tabs li.active{ background:#1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; color:rgba(255,255,255,1);}
.category ul.tabs li:hover{background: #1a6cbf url(../img/images/gnbarr.png) no-repeat 92% center; cursor:pointer; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear; }
.category ul.tabs li a{ display:block; width:100%; height:100%; }
.category ul.tabs li {width: 235px; text-align:center }


/* 문화예술정보 상태 표시 버튼 색 */
.state_on 	{ background:#1fce55; border:1px solid #1fce55;}
.state_ing 	{ background:#1f54ce; border:1px solid #1f54ce;}
.state_off  { background:#6c6c6c; border:1px solid #6c6c6c;}



/*게시판*/
input[type="submit"]{ height: 38px; line-height: 38px; font-size: 16px; }
input[type="checkbox"]{ width: 17px; height: 17px; -webkit-appearance: checkbox; cursor: pointer; }
select{ min-width: 100px; height: 38px; line-height: 38px; font-size: 16px; background: url(../skin/style/img/selecticon.png) center right 8px no-repeat; text-indent:10px; }
label{ font-size: 16px; }
.boardtopbox{ float: left; margin: 0 auto; width: 100%; }
.labelhidden{ display: none; }

.CateGoriright{ float: left; }
.CateGoriright select{ cursor: pointer; }
.CateGoriright input{ margin-left: 1px; padding: 0 13px; font-size: 14px; border: 1px solid #bababa; background: #ffffff; cursor: pointer; }
.CateGoriright input:hover{ background: linear-gradient(#ffffff, #f5f5f5); }

/* 검색 */
.searchbar			{ float: right; position: relative; display: inline-block; text-align: right; margin-bottom: 0; }
.searchbar_left		{ z-index: 9999; float: left; position: relative; display: inline-block; text-align: right; margin-bottom: 0; }
.search				{ margin: 0; padding: 0; }
.search fieldset	{ margin: 0; padding: 0; border: 0; }
.search select		{ width: 135px; border: 1px solid #ccc; vertical-align: top; }
.search .item		{ display: inline-block; position: relative; /*width: 400px;*/ height: 38px; line-height: 38px; color: #333; }
.search .iLabel		{ position: absolute; top: 0; left: 0; width: 100%; text-indent: 5px; text-align: left; color: #767676; white-space: nowrap; cursor: text; font-weight:normal}
.search .iText		{ display: inline-block; width: 400px; height: 36px; color: #333; border: 1px solid #ccc; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; vertical-align: top; }
.search .btnSearch	{ display: inline-block; position: absolute; top: 8px; right: 10px; }

/* 버튼 */
.btnbox{ float: left; width: 100%; text-align: right; margin: 20px 0; }
.btnbox input[type="submit"]{ height: 40px; font-size: 14px;  }
input.btn{ height: 40px; line-height: 40px; }
.btn{ display: inline-block; vertical-align: top; padding: 0 25px; height: 38px; line-height: 38px; text-align: center; font-size: 14px !important; letter-spacing: 0; border: 1px solid transparent; }
.btn-default		{ color: #333; border: 1px solid #dfdfdf; border-bottom: 1px solid #c4c4c4; background: #fff; }
.btn-default:hover	{ color: #333; font-weight: 400; background: linear-gradient(#ffffff, #f5f5f5); }
.btn_apply			{ color: #fff; border: 1px solid #141414; border-bottom: 1px solid #000000; background: #141414; height:40px !important;  box-sizing:border-box }
.btn_apply:hover	{ color: #fff; font-weight: 400; border: 1px solid #414141; border-bottom: 1px solid #000000; background: #414141; }
.btn-enter{ color: #fff; background: #464e6b; border: 1px solid #036; }
.btn-enter:hover{ color: #fff; background: #000000; }
.btn-basic{ color: #fff; background: #666;border: 1px solid #555; }
.btn-basic:hover{ color: #fff; }
.btn-red{color: #fff; background: #F33; border: 1px solid #F00; }
.btn-red:hover{ color: #fff; }
.btn-right{ padding-left: 15px; padding-right: 15px; float: right; font-weight: normal; margin-bottom: 5px; }
.btnbox span input{ cursor: pointer; }
.btn_basic1{ float: left; width: auto; text-align: left; }
.btn_basic2{ float: right; width: auto; text-align: right; }


/* 페이지 */
.pagination			{ position: inherit; float: left; margin: 30px 0; width: 100%; text-align: center; font-family: 'Nanum Gothic', sans-serif; }
.pagination a		{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #666; font-size: 13px; text-align: center; vertical-align: middle; border: 1px solid #ccc; }
.pagination a:hover	{ color: #f011de; border: 1px solid #a8a8a8; border-radius: 2.5px; }
.pagination span	{ display: inline-block; margin: 0 -0.5px; width: 40px; height: 40px; line-height: 40px; color: #fff; font-size: 13px; text-align: center; vertical-align: middle; font-weight: bold; border: 1px solid #464e6b; background: #464e6b; }
.pagination .first	{ font-size: 0px; background: url(../skin/style/img/pagination_01.png) no-repeat center; }
.pagination .prev	{ font-size: 0px; background: url(../skin/style/img/pagination_02.png) no-repeat center; }
.pagination .last	{ font-size: 0px; background: url(../skin/style/img/pagination_04.png) no-repeat center; }
.pagination .next	{ font-size: 0px; background: url(../skin/style/img/pagination_03.png) no-repeat center; }

/* write */
.page_write					{ position:relative; float:left; width:100%; border-top:1px solid #393939; margin-bottom: 20px; }
.page_write input[type="checkbox"]{ margin-left: 5px; }
.page_write .subject		{ display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
.page_write .subject label	{ float: left; margin-right: 5px; width: 10%; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e0e0e0; background: #f5f5f5; }
.page_write .subject input	{ float: left; width: 88.3%; }
.page_write .noticheck		{ float: left; width: 100%; }
.page_write .noticheck p	{ float: right; padding: 15px; }

.page_write .nomember		{ position: relative; float: left; width: 100%; padding: 10px 0 10px 0; }
.page_write .nomember p		{ float: left; }
.page_write .nomember label	{ float: left; margin-right: 10px; padding: 0 0 0 8px; line-height: 38px; font-weight: 500; }
.page_write .nomember input	{ width: 100px; border: 1px solid #a9a9a9; }
.page_write .nomember strong{ display: inline-block; margin-right: 2px; padding: 0 8px; line-height: 40px; font-size: 18px; letter-spacing: 1px; background: #fad2d2; vertical-align: bottom; }
.page_write .nomember p.inname input{ border: 1px solid #eaeaea; }

/* 파일첨부 */
.thume						{ position:relative; float:left; width:100%; margin-top:20px; background-color:#F7F8F9; border-top:2px solid #F2F4F5; border-bottom:2px solid #F2F4F5;}
.guide						{ position:relative; float:left; padding:0 15px 10px 15px; font-size:13px; padding-left: 25px; text-indent: -8px; }
.insert						{ margin:20px;}
.insert ul					{ float:left; width:100%; margin-bottom:10px;}
.insert ul li				{ margin-bottom:5px; width:50%; float:left;}
.insert input[type="file"]	{ position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0,0,0,0);border: 0;}
.insert label				{ display: inline-block; width: 20%; padding: .45em 0; text-align: center; color: #999; font-size: inherit; line-height: normal; vertical-align: middle; cursor: pointer; color: #fff; background-color: #555; border-color: #444; border-radius: .25em; }
.insert .upload-name		{ display: inline-block; width: 70%; padding: .42em .75em;font-size: inherit;font-family: inherit;line-height: normal;vertical-align: middle;background-color: #fff;border: 1px solid #aaaaaa;border-bottom-color: #e2e2e2;border-radius: .25em;-webkit-appearance: none;-moz-appearance: none;appearance: none;}

/* view */
.page_view .titlebox{ float: left; width: 100%; }
.page_view .subject{ padding: 25px 15px 15px 15px; color: #141414; font-size: 22px; letter-spacing: -1px; font-weight: 500; border-bottom: 1px solid #c1c1c1 }
/*.page_view .subject{ padding: 25px 15px 23px 15px; color: #141414; font-size: 22px; letter-spacing: -1px; font-weight: 500; border-top: 2px solid #000000; border-bottom: 1px solid #e8e8e8; background: #f5f5f5; }*/
.page_view .subject .catetxt{ float: right; display: inline-block; padding: 0 10px; line-height: 32px; font-size: 15px; font-weight: 500;  border: 1px solid #dadada; background: #ffffff; border-radius: 3px; }
.page_view .datestat ul{ display: inline-block; margin: 12px; float: right; font-size: 13px; }
.page_view .datestat ul li{ float: left; }
.page_view .datestat ul li:first-child{ margin-right: 10px; padding-right: 10px; border-right: 1px solid #e8e8e8; }
.page_view .substance{ float: left; width: 100%; }
.page_view .smartOutput{ padding: 40px 15px 70px 15px; font-size:16px; }
.page_view .smartOutput a:hover{ color: #2470e6; }

.snsbtn{ float: left; width: 100%; padding-bottom: 15px; text-align: right; }
.snsbtn a{ display: inline-block; margin-left: 2px; }

#file{ position: relative; float: left; width: 100%; padding: 10px 0; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; background-color: #fafafa; }
#file div:first-child{ float: left; width: 16%; }
#file div:last-child{ float: left; width: 84%; }
#file div:first-child span{ display: inline-block; margin-left: 15px; min-width: 140px; font-size: 15px; font-weight: 700; text-indent: 57px; line-height: 40px; border: 1px solid #ccc; background: url(../skin/style/img/down.png) 22px 12px no-repeat; border-radius: 2px; }
#file div:first-child span.downlink{ display: inline-block; margin-left: 15px; min-width: 120px; font-size: 15px; font-weight: 700; text-indent: 27px; line-height: 40px; border: 1px solid #ccc; background: url(../skin/style/img/downlink.png) right 15px top 12px no-repeat; border-radius: 2px; }
.allfile span		{ float: left; display: inline-block; width: 50%; line-height: 40px; }
.allfile span img	{ vertical-align: middle; }
.allfile span a		{ display: inline-block; margin-left: 4px; line-height: 40px; color: #404040; font-size: 14px; letter-spacing: -0.5px; vertical-align: middle; }
.allfile span a:hover	{ color: #1f9bdb; }
.allfile span span{ float: right; margin-right: 20px;  width: auto; }
.allfile span span a{ padding: 0 5px; line-height: 26px; font-size: 12px; border: 1px solid #d4d4d4; background: #ffffff; border-radius: 2px; }

.bottom_list{ margin-bottom: 100px; width: 100%; float: left; border-top: 1px solid #999; }
.bottom_list ul li{ padding: 15px 0 13px 0; border-bottom: 1px solid #ddd; overflow: hidden; }
.bottom_list ul li a			{ display: block; color: #646464; overflow: hidden; }
.bottom_list ul li a strong	{ display: inline-block; margin: 0 15px 0 20px; padding-right: 20px; width: 85px; color: #333333; border-right: 1px solid #e8e8e8; }
.bottom_list ul li a:hover		{ color: #1089c7; }

/* 코멘트 */
#commentView{ float: left; position: relative; width: 100%; border-top: 2px solid #66575a; font-family: AppleSDGothicNeo-Regular,'Malgun Gothic','맑은 고딕',dotum,'돋움',sans-serif; letter-spacing: -0.05em; }
#commentView ul{ float: left; width: 100%; }
#commentView li{ padding: 0 0 20px 0; font-size: 14px; }
#commentView li.nocmt{ padding: 15px; }
#commentView .cominf{ float: left; width: 100%; line-height: 30px; font-size: 11px; font-weight: 400; background: #fafafa; }
#commentView .cominf dt{ float: left; }
#commentView .cominf dt span:first-child{ margin-left: 5px; padding-right: 20px; font-size: 12px; color: #396dba; font-weight: 700; }
#commentView .cominf dd{ float: right; }
#commentView .cominf dd span{ padding-left: 1px; }
#commentView .cominf dd span a{ display: inline-block; padding: 0 5px 0 4px; line-height: 16px; background: #ffffff; border: 1px solid #dcdcdc; border-radius: 2px; }
#commentView .cominf dd span a:hover{ color: #0b5feb; border: 1px solid #99d0ef; border-radius: 3px; }
#commentView .cominf dd span.cbutton{ margin-right: 5px; }
#commentView .commentTextArea{ float: left; width: 100%; }
#commentView .commentTextArea .commentText{ padding: 10px 10px 50px 15px; font-size: 13px; line-height: 1.5; letter-spacing: 0; word-wrap: break-word; word-break: keep-all; }

#commentallwrapper label{ margin: 0 5px; font-weight: 500; }
#commentallwrapper .commentwrite{ float: left; margin-top: 30px; padding: 12px 0 15px; width: 100%; border-top: 2px solid #e7e7e7; }
#commentallwrapper .commentwrite legend{ display: none; }
#commentallwrapper .commentwrite p.inname input{ border: 1px solid #eaeaea; }
#commentallwrapper .commentwriteinner{ float: left; margin-top: 30px; padding: 5px 0 15px; width: 100%; }
#commentallwrapper .commentwriteinner .commentBox{ margin-top: 10px; }

.writerinformation{ float: left; }
.regnum{ float: left; }
.regnum strong{ display: inline-block; padding: 0 8px; line-height: 38px; font-size: 16px; letter-spacing: 1px; background: #fad2d2; vertical-align: middle; }

.commentBox{ float: left; position: relative; margin: 0; padding: 0; width: 100%; }
.commentBox textarea{ float: left; width: 1130px; height: 48px; }
.commentBox .commententer { float: right; width: 50px; text-align: center; }

/* ask */
.askbox{ margin-top: 40px; width: 100%; text-align: center; }
.askbox p{ display: inline-block; margin: 0 auto; width: auto; padding: 40px; font-size: 20px; font-weight: 700; border: 1px solid #ccc; }
.askbox div{ width: 100%; padding: 40px 0 80px; }

/* basic list */
.page_list{ position: relative; float: left; width: 100%; border-top: 1px solid #393939; margin-top: 20px; }
.page_list table{ border-collapse: collapse; width: 100%; border: 0; }
.page_list table caption{ position: absolute; width: 0; height: 0; font-weight: 500; text-align: left; visibility: hidden; overflow: hidden; }
.page_list table caption em{ float: right; font-style: normal; font-weight: normal; color: #f60; }
.page_list table thead{ background: #f5f5f5; }
.page_list table thead th{ padding: 0 4px; line-height: 60px; font-weight: 500; color: #222; border-bottom: 1px solid #dfdfdf; }
.page_list table tfoot td{ font-weight: 500; background: #f8f8f8; }
.page_list table th{ padding: 0 4px; line-height: 60px; text-align: center; border-bottom: 1px solid #dfdfdf; }
.page_list table td{ padding: 28px 4px; text-align: center; border-bottom: 1px solid #dfdfdf; }
.page_list table th input{ float: left; margin: 20px 0 0 0; }
.page_list table td a{ line-height: 1.3; }
.page_list table td a:hover{ color: #185db2; }
.page_list table .left{ text-align: left; }
.page_list table .left span img{ vertical-align: middle; }
.page_list table td .cmtstat{ font-size: 13px; color: #0087ff; }
.page_list table th.mnom{ padding: 0 25px; font-size: 14px; font-weight: 500; }
.page_list table td.mview{ color: #828282; font-size: 12px; }
.pcmview{ display: none; }


/* tender notice list */
.cgubunA{ display: inline-block; padding: 0 10px 0 8px; line-height: 22px; font-size: 15px; color: #4672d7; border: 1px solid #4672d7; }
.cgubunB{ display: inline-block; padding: 0 10px 0 8px; line-height: 22px; font-size: 15px; color: #1abe3f; border: 1px solid #46d767; }
.cgubunC{ display: inline-block; padding: 0 10px 0 8px; line-height: 22px; font-size: 15px; color: #d74659; border: 1px solid #d74659; }
.cgubunD{ display: inline-block; padding: 0 10px 0 8px; line-height: 22px; font-size: 15px; color: #4114cd; border: 1px solid #6946d7; }

/* tender list */
.page_list table td.stout{ font-size: 13px; font-weight: 500; word-wrap: break-word; word-break: keep-all; }
.st_ing{ display: inline-block; padding: 0 12px 0 10px; line-height: 27px; color: #ffffff; background-color: #0d4292; border-radius: 2px; }
.st_end{ display: inline-block; padding: 0 12px 0 10px; line-height: 27px; color: #ffffff; background-color: #b1bbcb; border-radius: 2px; }
.st_start{ display: inline-block; padding: 0 12px 0 10px; line-height: 27px; color: #ffffff; background-color: #46d767; border-radius: 2px; }

/* tender view */
.page_view .subjectinfo{ padding: 10px 15px 10px 15px; color: #141414; font-size: 15px; letter-spacing: -1px; border-bottom: 1px solid #e8e8e8;  font-weight: 400; }
.page_view .subjectinfo ul li{ float: left; }
.page_view .subjectinfo ul li strong{ display: inline-block; margin-right: 20px; font-weight: 500; }
.page_view .subjectinfo ul li:first-child{ margin-right: 25px; padding-right: 25px; border-right: 1px solid #e8e8e8; }

/* tender write */
.page_write .tender_date{ display: inline-block; width: 100%; padding: 15px 0; border-bottom: 1px solid #dfdfdf; }
.page_write .tender_date label{ float: left; margin-right: 5px; width: 10%; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e0e0e0; background: #f5f5f5; }
.page_write .tender_date label:last-child{ float: none; background: none; border: 0; }
.page_write .tender_date input{ width: 225px; font-size: 16px; }
.page_write .tender_date input[type="checkbox"]{ width: 17px; height: 17px; }

/* event write */
.page_write .nobb{ padding: 3px 0; border-bottom: 0; }
.page_write .harf input{ width: 463px; }
.page_write .pt1{ padding-top: 15px; }
.page_write .bb1{ padding-bottom: 15px; border-bottom: 1px solid #dfdfdf; }

/* gallery basic list */
.gallery_page_list{ position: relative; float: left; width: 100%; margin-top: 50px; }
.gallery_page_list ul{ display: inline-block; margin: 0 auto; width: auto; }
.gallery_page_list ul li{ position: relative; float: left; width: 29.6%; margin: 0 20px 40px 20px; text-align: center; }
.gallery_page_list ul li input[type="checkbox"]{ position: absolute; top: 5px; right: 10px; }
.gallery_page_list ul li a{ display: block; margin: 0 auto; margin-bottom: 20px; text-align: center; overflow: hidden; }
.gallery_page_list ul li a img { margin: 0; width: 100%; height: auto; }
.gallery_page_list ul li div{ width: auto; margin: 3.5% 2.5%; border-top: 1px solid #e7e7e7; padding: 20px 20px; text-align: center; }
.gallery_page_list ul li div strong		{ display: block; overflow: hidden; margin-bottom: 10px; font-size: 17px; font-weight: 500; height: 60px; line-height: 1.4; }
.gallery_page_list ul li div p			{ overflow: hidden; margin-bottom: 10px; height: 90px; font-weight: 300; font-size: 12px; line-height: 1.6 }
.gallery_page_list ul li div p a		{ color: #777777; font-size: 95%; text-align: justify; word-wrap: break-word; word-break: break-all; }
.gallery_page_list ul li div a:hover{ color: #185db2; }
.gallery_page_list ul li div .wdate		{ font-size: 16px; font-weight: 500; color:#666; }

/* gallery list */
.gallery_list{ position: relative; float: left; width: 100%; margin-top: 50px; padding-top: 40px; border-top: 1px solid #393939; }
.gallery_list ul{ display: inline-block; margin: 0 auto; width: auto; }
.gallery_list ul li{ position: relative; float: left; width: 100%; margin: 0 0 40px 0; padding-bottom: 20px; text-align: center; border-bottom: 1px solid #d4d4d4; }
.gallery_list ul li input[type="checkbox"]{ position: absolute; top: 10px; left: 10px; }
.gallery_list ul li .gallerythump{ float: left; }
.gallery_list ul li a{ display: block; margin: 0 auto; margin-bottom: 20px; text-align: left; overflow: hidden; }
.gallery_list ul li a img { margin: 0; width: 100%; height: auto; }
.gallery_list ul li div{ float: right; width: 795px; margin: 0; padding: 0; text-align: left; }
.gallery_list ul li div strong{ display: block; overflow: hidden; font-size: 18px; font-weight: 500; height: 50px; line-height: 1.4; }
.gallery_list ul li div strong a{ display: inline-block; }
.gallery_list ul li div p{ overflow: hidden; margin-bottom: 10px; font-weight: 300; font-size: 12px; line-height: 1.6 }
.gallery_list ul li div p a{ color: #777777; font-size: 15px; text-align: justify; word-wrap: break-word; word-break: break-all; }
.gallery_list ul li div a:hover{ color: #185db2; }
.gallery_list ul li div .wdate{ float: right; font-size: 14px; font-weight: 300; color: #666; }
.gallery_list ul li div .catetxt{ display: inline-block; margin-bottom: 20px; padding: 0 10px; min-width: 40px; height: 27px; line-height: 27px; font-size: 13px; letter-spacing: -1px; color: #fff; text-align: center; background: #08164e; }

/* gallery box list */
.gallerybox_page_list{ position: relative; float: left; width: 100%; margin-top: 50px; }
.gallerybox_page_list ul{ display: inline-block; margin: 0 auto; width: auto; }
.gallerybox_page_list ul li{ position: relative; float: left; width: 30%; margin: 0 20px 40px 20px; text-align: center; }
.gallerybox_page_list ul li input[type="checkbox"]{ z-index: 999; position: absolute; top: 10px; right: 10px; }
.gallerybox_page_list ul li a{ display: block; position: relative; margin: 0 auto; text-align: center; overflow: hidden; border: 1px solid #c9c9c9; }
.gallerybox_page_list ul li span{ display: block; }
.gallerybox_page_list ul li a span.box-cover { display: none; }
.gallerybox_page_list ul li a:hover span.box-cover{ z-index: 2; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../skin/board/style/img/box-over.png) no-repeat center center rgba(0,0,0,0.7); }
.gallerybox_page_list ul li div{ width: auto; margin: 0 20px; padding: 30px 0; text-align: center; }
.gallerybox_page_list ul li div strong{ display: block; overflow: hidden; margin-bottom: 10px; text-align: left; font-size: 17px; font-weight: 500; height: 90px; line-height: 1.4; }
.gallerybox_page_list ul li div .wdate{ text-align: left; font-size: 12px; font-weight: 500; color: #888888; }

/* board nomdate list */
.nomdate{ border-top: 2px solid #393939; }
.nomdate table th.mnom{ padding: 25px 0; width: 166px; font-size: 15px; color: #666; font-weight: 300; letter-spacing: -0.5px; line-height: 120%; font-family: 'Montserrat'; }
.nomdate table th.mnom span{ display: block; font-size: 50px; color: #000; letter-spacing: -2.5px; font-weight: 500; line-height: 100%; }
.nomdate table td{ padding: 25px 0; color: #333; font-size: 17px; font-weight: 400; }
.nomdate table td.left div{ padding: 0 55px; min-height: 53px; border-left: 1px solid #e5e5e5; word-break: keep-all; }
.nomdate table td.left div input[type="checkbox"]{ vertical-align: top; }
.nomdate table td.left div img{ margin-top: 5px; vertical-align: top; }
.nomdate table td.left div a{ line-height: 100%; vertical-align: top; }
.nomdate table td.left div p{ font-size: 14px; color: #999; line-height: 180%; }
.nomdate table td.more{ width: 145px; text-align: right; padding-right: 60px; }
.nomdate table td a.btnmore{ overflow:hidden; display:inline-block; width:36px;height:38px;line-height:38px; border:1px solid #ddd; transition:all .4s; text-align:left; }
.nomdate table td a.btnmore:hover{ border:1px solid #c40f39; width:145px;transition:all .4s; }
.nomdate table td a.btnmore span{ display:inline-block; display:none; width:0px; padding-left:0px; font-size:15px;transition:all .4s; }
.nomdate table td a.btnmore:hover span{ display:inline-block; width:82px; padding-left:20px; color:#c40f39; transition:all .4s; }
.nomdate table td a.btnmore div{ display:inline-block;position:relative;width:14px;height:14px; margin:11px 11px 0; }
.nomdate table td a.btnmore div:before{ display:block;content:""; width:2px;height:100%; position:absolute;left:50%;top:0%; margin-left:-1px; background:#999; }
.nomdate table td a.btnmore div:after{ display:block;content:""; width:100%;height:2px; position:absolute;left:00%;top:50%; margin-top:-1px; background:#999; }

/* news view & list */
.boardtopbox img.golinkimg{ margin-left: 10px; width: 16px; vertical-align: top; margin-top: 5px; }
.boardtopbox a.viewadmin{ display: inline-block; float: right; padding: 0 10px; line-height: 20px; font-size: 12px; border: 1px solid #dfdfdf; background: #f8f8f8; }
.boardtopbox a.viewadmin:hover{ color: #2372bb; }

/* faq basic */
.faq{ position: relative; float: left; width: 100%; border-bottom: 1px solid #ddd; font-size: 17px; margin: 30px 0 5px 0; }
.faq .hide{overflow:hidden;position:relative;left:0;width:100%!important;height:100%!important;font-size:inherit !important;line-height:inherit !important;margin:inherit !important;padding:inherit !important}
.faq .adminCheck{ display: block; padding: 3px 0; }
.faq .adminCheck label{ display: inline-block; margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; }
.faq .hgroup{position:relative;margin:0 0 10px 0;*zoom:1}
.faq .hgroup .trigger{overflow:visible;position:absolute;top:50%;right:0;margin:-7px 0 0 0;padding:0;border:0;background:none;font-size: 17px; cursor: pointer; }
.faq ul{ float: left; margin: 10px 0 0 0; padding: 0; width: 100%; }
.faq .q{position:relative; float:left; margin:0 0 3px 0;width:100%;border-top:1px solid #ddd}
.faq .q input[type="checkbox"]{ float: left; margin: 5px 5px 0 0; }
.faq .q div{ display: block; padding: 10px 0; }
.faq .q div a{ display: inline-block; vertical-align: middle; }
.faq .q a.trigger{ display: inline-block; position:relative; float:left;padding: 10px 0; width: 100%;background:#fafafa;font-weight:500;color:#333;text-align:left;text-decoration:none !important;}
.faq .hide .q a.trigger{ font-weight: normal; background: none; }
.faq .q a.trigger:hover,
.faq .q a.trigger:active,
.faq .q a.trigger:focus{background:#f8f8f8;color:#000}
.faq .q img{ position: relative; float: left; margin: 7px 5px 0 0; vertical-align: middle; }
.faq .q img:first-child{ margin: 4px 30px; }
.faq .q img:last-child{ margin-left: 8px; }
.faq .q span{ position: relative; float: left; vertical-align: top; }
.faq .a{ position: relative; float: left; padding: 10px 0 30px 0;width: 100%; overflow: hidden; }
.faq .a img{ position: relative; float: left; margin: 4px 30px; vertical-align: middle; }
.faq .a div{position: relative; top: 0px; left: 0px; float: left; vertical-align: top; width: 90%; }
.faq .hgroup a{ position:relative; float:left;border:1px solid; }

/* faq onoff */
.onfaq{ position: relative; float: left; width: 100%; border-bottom: 1px solid #ddd; font-size: 17px; margin: -30px 0 5px 0; }
.onfaq .hide{ float: left; position: relative; left: 0; width: 100% !important; height: 100% !important; background: url(../skin/style/img/offfaq.png) no-repeat right 40px top 50px; font-size: 17px !important; }
.onfaq .show{ float: left; position: relative; left: 0; width: 100% !important; height: 100% !important; background: url(../skin/style/img/onfaq.png) no-repeat right 40px top 50px; }
.onfaq .show .q a.trigger{ color: #2372bb; height: 109px; }
.onfaq .adminCheck{ display: block; padding: 3px 0; }
.onfaq .adminCheck label{ display: inline-block; margin: 0 0 0 5px; vertical-align: middle; cursor: pointer; }
.onfaq .hgroup{ position: relative; margin: 0 0 10px 0;*zoom:1}
.onfaq .hgroup .trigger{ overflow: visible; position: absolute; top: 50%; right: 0; margin: -7px 0 0 0; padding: 0; border: 0; font-size: 17px; cursor: pointer; }
.onfaq ul{ float: left; margin: 45px 0 0 0; padding: 0; width: 100%; }
.onfaq .q{ position: relative; float:left; margin: 0; width: 100%; height: 109px; border-top: 1px solid #ddd; }
.onfaq li:first-child div.q{ border-top: 2px solid #333333; }
.onfaq .q input[type="checkbox"]{ float: left; margin: 15px 5px 0 0; }
.onfaq .q a.trigger{ display: inline-block; float:left; padding: 35px 0 10px 0; width: 100%; line-height: 46px; text-align: left; text-decoration: none !important; }
.onfaq .q .qfaq{ width: 60px; text-align: center; color: #2372bb; font-size: 40px; font-weight: 900;  }
.onfaq .q .catetxt{ padding: 0 20px; min-width: 100px; text-align: center; color: #7b7b7b; }
.onfaq .q img{ position: relative; float: left; margin: 17px 5px 0 0; vertical-align: middle; }
.onfaq .q img:last-child{ margin-left: 8px; }
.onfaq .q span{ position: relative; float: left; vertical-align: top; }
.onfaq .q a.viewadmin{ display: inline-block; position: absolute; bottom: 5px; right: 15px; padding: 0 10px; line-height: 20px; font-size: 12px; border: 1px solid #dfdfdf; background: #f8f8f8; }
.onfaq .q a.viewadmin:hover{ color: #2372bb; }
.onfaq .a{ position: relative; float: left; width: 100%; font-size: 14px; font-weight: 300; line-height: 1.8; border-top: 1px solid #2372bb; background: #f7f7f7; overflow: hidden; }
.onfaq .a div{ padding: 40px 70px; color: #666666; letter-spacing: -0.5px; word-wrap: break-word; word-break: keep-all; }
.faqopen{ display: inline-block; padding-right: 15px !important; width: 150px; text-align: center; line-height: 35px; color: #3573be; font-size: 15px !important; border: 1px solid #3573be !important; background: url(../img/skin/plus-b.png) right 13px top 11px no-repeat; }
.faqopen:hover{ color: #0c86f8; border: 1px solid #0c86f8 !important; }

/* repot */
.board_list-junboxw{ overflow: hidden; margin-top: 40px; }
.board_list-junboxw .board_list-junbox{border-bottom:1px solid #a4a4a4; width:250px; float:left; margin-right:50px; margin-bottom:50px; padding-bottom:25px;}
.board_list-junboxw .board_list-junbox:nth-child(3n){margin-right:0;}
.board_list-junboxw .board_list-junbox-d1{ width: 290px; height: 363px; cursor:pointer; position:relative; text-align: center; overflow: hidden; }
.board_list-junboxw .board_list-junbox-d1:hover .board_book-cover{background:url(../img/skin/book-over.png) no-repeat center center rgba(0,0,0,0.8); width:100%; height:100%; position:absolute; top:0; left:0; z-index:2}
.board_list-junboxw .board_list-junbox-t{position:absolute; left:0; bottom:0; width:95px; height:40px; line-height:40px; background:rgba(0,0,0,0.6) ; color:rgba(255,255,255,1); z-index:1; text-align:center; font-size:16px}
.board_list-junboxw .board_list-junbox-d2{padding-bottom:15px; font-size:16px; padding-top:20px;}
.board_list-junboxw .board_list-junbox-d3{padding-bottom:5px; font-size:14px; min-height:25px}
.board_list-junboxw .board_list-junbox-btn{ text-align:center; padding-top:15px;}
.board_list-junboxw .board_list-junbox-btn a{width:105px; height:32px; line-height:32px; text-align:center; color:rgba(255,255,255,1); font-size:14px; background:#8b4e3d; display:inline-block;}
.board_list-junboxw .board_list-junbox-btn a:hover{background: #743828; -webkit-transition: background-color 300ms linear; color:#FFF; -ms-transition: background-color 300ms linear; transition: background-color 300ms linear;}

.board_bogo-list .board_list-junbox{ position: relative; border-bottom:1px solid #a4a4a4; width:290px; height:510px; float:left; margin-right:125px; margin-bottom:30px; padding-bottom:25px; box-sizing:border-box}
.board_bogo-list .board_list-junbox input[type="checkbox"]{ z-index: 9999; position: absolute; top: 22px; left: 15px; }
.board_bogo-list .board_list-junbox-d2{text-align:center; width: 290px; height:60px; font-size: 17px; word-wrap: break-word; word-break: break-all; }
.board_bogo-list .board_list-junbox-d2:hover{ color: #1b7ad9; }
.board_bogo-list .board_list-bogo-lis-btn{text-align:center;}
.board_bogo-list .board_list-bogo-lis-btn a{border:1px solid #cd2600; width:130px; height: 40px; line-height: 40px; background:url(../img/skin/bogo_plus.png) no-repeat 100px center; color:#dc1414; padding-left:25px; font-size:15px; box-sizing:border-box; display:inline-block; margin-right:5px; text-align:left}
.board_bogo-list .board_list-bogo-lis-btn a:hover{background:#cd2600 url(../img/skin/bogo_plus_on.png) no-repeat 100px center;; color:rgba(255,255,255,1); -webkit-transition: background-color 300ms linear; -ms-transition: background-color 300ms linear;    transition: background-color 300ms linear;}

.board_bogo-list .board_list-bogo-lis-btn a:last-child{padding-left:40px;}
.board_bbsearch{overflow:hidden; padding:40px 0 100px; width:560px; margin:0 auto}
.board_bbsearch .board_select_box select{border:1px solid #cccccc; text-transform:inherit; height:35px; width:135px; margin-right:10px; padding-left:5px; box-sizing:border-box; margin-top:2px; float:left}
.board_bbsearch input { color: rgb(127, 127, 127); float: left; height: 35px; width: 400px; font-size: 14px; margin: 0px; border: 1px solid  rgb(214, 214, 214); padding:0 40px 0 15px; box-sizing:border-box}
.board_bbsearch button { cursor: pointer; height: 23px; text-indent: -99999em; width: 30px; position:absolute; right: 25px; top: 8px; background: url(../img/skin/bogo_search.png) right center no-repeat;}
.board_bbsearch .board_select_search{position:relative;}
.reportlink{ padding-left: 30px !important; }


/* 통합검색 common/archive_searchall */
.div_title					{ float: left; margin-top: 30px; width: 100%; text-align: center; }
.div_title ul				{ display: inline-block; margin: 0 auto; width: 100%; }
.div_title ul li			{ float: left; padding: 0; width: 25%; border: 1px solid #e1e1e1; border-right: 0; }
.div_title ul li:first-child{ width: 24% }
.div_title ul li:last-child	{ border-right: 1px solid #e1e1e1;  }
.div_title ul li a			{ color: #555555; font-size: 15px; font-weight: 300; line-height: 50px; }
.div_title ul li a:hover	{ color: #0b69c2; }
.div_title ul .dt_on		{ background: #0b69c2; }
.div_title ul .dt_on a		{ color: #f5f5f5; font-weight: 500; font-size: 16px; }
.div_title ul .dt_on a:hover{ color: #ffffff; }

/* search */
.allsearch				{ float: left; position: relative; margin-top: 40px; width: 100%; }
.allsearch li			{ float: left; padding: 0 0 15px 0; width:100%; }
.searchload				{ float: left; position: relative; width: 100%; text-indent: 15px; font-size: 16px; color: #0b69c2; font-weight: 400; line-height: 50px; background: #f6f6f6; }
.searchload a{ color: #0b69c2; }

.searchload .more{ float: right; margin-right: 10px }
.searchload a.btnmore{ overflow: hidden; display: inline-block; width: 30px; height: 30px; line-height: 30px; border: 1px solid #ddd; transition: all .4s; text-align: left; }
.searchload a.btnmore:hover{ border: 1px solid #c40f39; width: 150px; transition: all .4s; }
.searchload a.btnmore span{ display: block; display: none; padding: 0; font-size: 13px; text-align: center; transition: all .4s; }
.searchload a.btnmore:hover span{ display: block; 10px; margin-right: 15px; color: #c40f39; transition: all .4s; }
.searchload a.btnmore div{ display: block; position: relative; width: 12px; height: 12px; margin: 0 auto; margin-top: 25%; }
.searchload a.btnmore div:before{ display: block; content:""; width: 2px; height: 100%; position: absolute; left: 50%; top: 0; margin-left:-1px; background: #999; }
.searchload a.btnmore div:after{ display: block; content:""; width: 100%; height: 2px; position: absolute; left: 0; top: 50%; margin-top:-1px; background: #999; }

.searchresult			{ float: left; position: relative; width: 100%; padding: 20px 0 30px 15px; line-height: 10px; }
.searchresult a			{ color: #5a5a5a; font-size: 14px; font-weight: 300; padding-left: 10px; background: url(../img/bullet_result.png) left 8px no-repeat; }
.searchresult a:hover	{ color: #ed0711; }
.nosearch				{ float: left; position: relative; width: 100%; text-align: center; padding: 30px; }

.skin_search .searchresult li{ width: 50%; height: auto; }
.skin_search .searchresult li .thumb{ float: left; width: 225px; }
.skin_search .searchresult li .thumb img{ width: 210px; height: 136px; }
.skin_search .searchresult li .text{ float: left; width: 60%; }
.skin_search .searchresult li a{ padding:0; background:none; display:block; }
.skin_search .searchresult li a.title{ padding: 5px; line-height: 15px; font-size: 15px; font-weight: 500; }
.skin_search .searchresult li a.contents{ padding: 5px; line-height: 1.5; font-size: 12px; }
.skin_search .searchresult li.nosearch{ float: left; position: relative; width: 100%; text-align: center; padding: 0 0 15px 0; height:20px; }
.listbtn { float: right; width: 100%; text-align: right; }
.listbtn a{ clear: both; background: #0d2346; display: inline-block; color: #FFFFFF; width: 155px; height: 40px; line-height: 40px; text-align: center; }
.mcalendar_wrap{display:none;}
.n-map{padding-top:20px;}
.pfCalenda{background:#fcfcfc; padding:20px; box-sizing:border-box; font-size:13px;}
.pfCalenda ul li{float:left; width:24%;  padding:10px 10px; box-sizing:border-box;height:100px;margin-right:1%}
.pfCalenda ul li span{display:block;  }
.pfCalenda ul li span.s1{color:rgba(0,51,102,1); font-weight:500; font-size:14px; border-bottom:1px solid #e6e6e6; padding-bottom:5px; margin-bottom:7px; }
.pfCalenda ul li span.s2{padding-left:7px;}
.pfCalenda ul li span.s3{padding-left:7px;}
.pfCalenda-title{   font-size: 20px;  color: #3a3a3a;    font-weight: 600; padding-bottom:20px;}
.pfCalenda-title span{width:25px; height:1px; display:block; background:#12508a; margin-bottom:5px; }

 
@media only all and (max-width:1024px){
	
	.buslistboxw .buslistbox-list{border-bottom:1px solid #c6c6c6; padding-bottom:20px;}
	.buslistboxw .buslistbox-list:last-child{border-bottom:none;}
	.buslistxt{text-align:left;  padding:0 10px; line-height:160%}
	.buslist-title span:nth-child(1){width:23%;}
	.buslist-title span:nth-child(2){width:23%}
	.buslist-title span:nth-child(3){width:23%}
	.buslist-title span:nth-child(4){width:23%}	
	.buslistboxw .buslistbox-list .c1{width:100%; height:30px; white-space: nowrap;    overflow: hidden;    text-overflow: ellipsis; border-bottom:none}
	.buslistboxw .buslistbox{width:94%; padding:10px 20px ; margin:0 3%; box-sizing:border-box}
	.buslistboxw .buslistbox-title{width:100%;}
	.buslistboxw .buslistbox-list .cmore{width:100%; background-position:90% center }
	.buslistboxw .buslistbox-title{margin-bottom:15px;}
	
	.buslist{width:94%; margin: 0 3%}
	.buslistbox-title2018{width:100%;  font-size:20px;}
	.buslistbox-title2018 p{display:inline;}
	.c50{width:100%;}
	.h175{height:auto;}
	.bus2108{height:auto; width:100%}
	.bus2108-s{padding:0 0 20px 0;}
	.buslistbox2108-w{clear:both;}
	.bus2018title .bust2{padding-top:30px; padding-bottom:20px;}
	.buslistboxw2018{clear:both; margin-bottom:30px}
	.bus2018title .bust1{font-size:24px; padding-top:10px;}
	.buslist:last-child{margin-bottom:50px;}
	
	.planBoxw{min-height:650px;}
	.planbox{width:94%; margin: 0 3%}
	.planbox-title{font-size:24px; letter-spacing:-1px; margin-bottom:0}
	.planbox .h1-title{font-size:20px; margin-bottom:15px; background:url(../img/images/drag.png) no-repeat right 60px;}
	.planbox-img2{padding:0 0 50px 0;}
	.planbox-img2 img{width:100%;}
	.planbox-img{background-size:contain; background-position:left center; height:180px;}
	.planbox-img ul{padding-top:200px; padding-left:0; margin-left:20px;}
	.planbox-img ul li{width:100%; margin-bottom:10px; background:url(../img/skin/dot_b.png) no-repeat left center; text-align:left; padding-left:20px;}
	.planbox-img ul li p{display:inline;}
	.planboxbg{padding:20px; height:300px;}
	.planboxbg .bt2{width:100%; font-size:15px;}
	
	.nuBox .tabox1{width:80%; margin:0 10%;}
	.nuBox .subreport ul.tabs li{width:50%;}
	.nu-view{padding:20px; margin-bottom:20px}
	.nu-view .nu-title{padding:10px 0 20px;}
	.nu-view .nu-stitle{text-align:left; font-size:14px;}
	.nu-view .nu-stitle p{display:inline;}
	.nubg{padding-top:50px; height:230px;}
	.nu-boxw .nu-box{width:100%; box-sizing:border-box; margin-bottom:0; padding:120px 0 20px 0; background-position:center 20px; margin-right:0; height:auto}
	.nu-boxw .nu-box:last-child{/*border-bottom:none*/}
	.nu-box-title{font-size:18px; text-align:center}
	.nu-box-stitle .nu-box-txt:last-child{margin-bottom:0;}
	.gallery{width:100%;}
	.map img{width:100%;}
	.nu-list-map{width:100%;}
	.nu-list{width:92%; margin: 0 4%}
	
	.h230{height:auto}
	.h275{height:auto;}
	.h300{height:auto;}
	.h200{height:auto;}
	.h170{height:auto;}
	.h130{height:auto;}
	.muntable{margin:0; overflow-x:scroll;}
	.muntable table{width:700px; }
	.vision-title{padding-bottom:20px;}
	.table-s{padding-bottom:30px;}
	.munbox{margin-bottom:20px; padding-top: 20px;}
	.mun-caw .mun-caimg img{width:100%;}
	.mun-caw .mun-catitle{padding-top:20px; width:100%}
	.mun-caw{margin-bottom:10px;}
	.muns-title{font-size:20px; margin-top:20px; padding-bottom:20px;}
	.muns-stitle{text-align:left; font-size:14px;}
	.vision-stitle img{width:100%;}
	.nubg{font-size:16px; height:270px; padding: 20px 10px;}
	.ceoboxw .ceobox{width:100%;}
	.ceoboxw{width:92%; margin: 0 4%}
	.ceoimg img{width:100%;}
	.ceoboxw .ceobox-p p{display:inline;}
	.ceoimg{margin-bottom:50px;}
	
	.subreport .muninfotab ul.tabs{width:96%; margin:0 2%}
	.subreport .muninfotab ul.tabs li{width:33.4%; text-align:left; padding-left:10px;}
	/*.list-contents .list-total .list-total-btn .p-btn{width:33%; margin-right:1%; background: url(../img/skin/plus-p3.png) no-repeat 80% center;}
	.list-contents .list-total .list-total-btn .p-btn:last-child{margin-right:0; width:33%;}*/
	.list-contents .list-total .list-total-btn .admB{margin:0;}
	.list-contents .list-total .list-total-btn{width:98%; margin:0 0 10px 2%; float:left; }
	.list-contents .list-total .list-total-btn .p-btn a{width:75px;background: url(../img/skin/plus-p3.png) no-repeat 54px center; padding-left:10px;}
	.list-contents .list-total .list-view-num{width:95px; margin-right:5px;}
	.list-contents .list-total .list-total-btn .p-btn{margin-bottom:5px;}
	.list-junbox{width:49%; margin-right:1%; height:420px;}
	.list-junbox:nth-child(2n){margin-right:0;}
	.list-junbox-d1 img{width:100% !important; /*height:inherit !important*/ max-height:180px;}
	.list-junbox-db img{max-height:inherit; min-height:200px;}
	.list-junbox:nth-child(5n){margin-right:1%;}
	
	.list-peobox .list-junbox-d1 img{max-height:inherit;}
	
	.list-peobox{  height:auto;}
	.list-junbox .book-cover .book-cover-txt{font-size:13px;}
	
	.daysearch{width:100%; border-left:none}
	
	.searchbox{ width:96%; margin:2%;}
	.searchbox .search-s{display:none;}
	.searchbox .search-B{padding:0; border:none}
	.searchbox .select_box{width:48%; float:left}
	.searchbox .select_box_t{width:49%; float:right; margin-right:0}
	
	.searchbox-custom .search-B .search-B-t{width:100%;}
	.searchbox-custom  .select_box{width:40%;}
	.searchbox-custom .select_box_t{width:55% !important;}
	.searchbox-custom .search-plus{width:100%; margin-top:10px; box-sizing:border-box; margin-right: 0;}
	
	.daysearch .day1, .daysearch .day2{width:45%;}
	.daysearch .day2{ float:right;}
	.w1170{width:100%;}
	.list-contents .listboxw{margin:2% 3%;}
	.list-contents .list-total{padding-bottom:0; position:relative;}
	.list-junbox-d1{height:300px;}
	.list-junbox-db{height:200px;}
	.list-detail-title{height:50px; overflow:hidden; line-height:155%; margin-bottom:5px;}
	.list-btn a{margin-top:7px;}
	.book-cover-sns{top:150px;}
	
	.book-cover{overflow:hidden; display:block}
	.list-contents .list-total .list-view-w{width:auto; float:right; margin-right:8px; padding-right: 10px; position:absolute; right:0; top:0; margin-top:0}
	.searchbox .sebtn{width:100%; margin-right:0; margin-top:10px;}
	.daysearch-title{width:100%; box-sizing:border-box; padding:0; font-size:16px}
	.searchbox .searchbox-title{width:100%; }
	.daysearch input{width:60%;}
	.daysearch .daybtn{width:100%;  margin-left: 0; margin-right:0; margin-top:5px;}
	.daysearch > div:last-child{width:100%; margin-left: 0; margin-top:5px; }
	.daysearch > div.s-btn{float:none; margin-bottom:5px;}
	.listbox-page ul{margin:20px 0 50px;}
	.listbox-page ul li{width:30px;}
	.listbox-page ul li.prev{margin-right:5px;}
	.listbox-page ul li.next{margin-left:5px;}
	#edulist .eduview-sns{top:10px; text-align:left;}
	
	
	.bogo-list .list-junbox{height:auto;}
	.bbsearch{width:100%;}
	.bbsearch .select_box select{width:100%; margin-bottom:10px;}
	.bbsearch input{width:100%;}
	.bbsearch .select_search{clear:both;}
	.bbsearch button{right:15px;}
	.donation{padding-top:30px;}
	.donation .donation-top .donation-top-stitle{width:100%;}
	.donation .donation-top .donation-top-title{margin-bottom:15px; width:100%; font-size: 16px; }
	.donation .donation-top .donation-top-stitle{ width: 100%; font-size: 100%; word-wrap: break-word; word-break: keep-all; }
	.donation .donation-top .donation-top-stitle a{ vertical-align: baseline; }
	.donation-table .div50{width:100%;}
	.donation-table .donation-table-th{width:100%; height:auto; line-height:inherit; border-right:none; padding:10px 0}
	.donation-table .donation-table-td{width:100%; height:auto; line-height:inherit; border-right:none; padding:10px 0}
	.donation-table .div50:nth-child(2n) .donation-table-th{border:none; border-top: 1px solid #e5e5e5;}
	.donation-table-td select{ width: 30%; }
	.donation-table-td input{ width: 30%; }

	.w370{width:90%;}
	.w70{width:90%;}
	.w240{width:90%;}
	.donation-table input, .donation-table select{margin-bottom:5px; margin-right:0; margin-left:0}
	.donation-table .donation-address .donation-table-th{height:auto;     padding: 10px 0;}
	.donation-table .donation-address .donation-table-td{height:auto; padding:10px 0;}
	.donation-table .addnum{width:100px; }
	.donation-agree .argee-btn{margin-bottom:50px; padding-top:30px;}
	
	/*스킨*/
	.list-contents { width: 100% !important;}
	.edu-cation{padding-top:10px; text-align:left;}
	#edulist .listbox-title{width:100%; padding:30px 0 10px 0; font-size:16px}
	#edulist .eudview-list{margin-bottom:0; padding-bottom:0}
	#edulist .listbox-name ul{width:100%;}
	#edulist .listbox-name{height:inherit;}
	#edulist .edulist-detail{padding:10px;}
	
	.eduview-contents{width:100%; margin-top:10px;}
	.eduview-leftnav{width:100%; margin-left:0}
	.eduview-Bimg img{width:100%;}
	.eudview-simg ul li img{ height:100%}
	.eudview-simg ul li{width:48%; height:100px; float:left; margin-bottom:10px; padding-top:0}
	
	.eudview-simg ul li:nth-child(3n){padding-right:5px}
	#edulist .viewbox-name ul li:first-child{width:20%;}
	#edulist .viewbox-name ul li:last-child{width:76%;}
	#edulist .eduviewbtn{margin-bottom:50px;}
	#edulist .listbox-name ul li span{font-size:14px; }
	#edulist .listbox-name ul li:first-child{text-align:left; position:absolute; width:60px; padding:0}
	#edulist .listbox-name ul li:nth-child(2){padding-left:70px; width:100% }
	#edulist .eduview-sns a{padding:0;}
	.letters10{letter-spacing:0;}
	
	
	
	
	.eduview-contentsw{padding-top:10px; width:96%; margin:0 2%;}
	#edulist .eduview-detail-s img{width:100%;}
	.pc_cal{display:none;}
	.calendar_wrap .i-conw{width:96%; margin:0 2%; }
	.cal_datew .i-conw{border-bottom:1px solid #CCC; padding-bottom:5px; text-align:center}
	
	.m_cal{display:block;}
	.calendar_wrap .m_cal dl {display: table; width: 100%; padding:30px 20px; border-bottom: 1px dashed #d2cdcc; box-sizing:border-box}
	.calendar_wrap .m_cal dl dt{ position:absolute; width:100px; text-align:center; box-sizing:border-box;}
	.calendar_wrap .m_cal dl dt p{display:inline;}
	
	.calendar_wrap .m_cal dl dd{float:left; padding-left:100px; box-sizing:border-box; box-sizing:border-box}
	
	.calendar_wrap .m_cal dl dd .con{border-bottom:1px solid rgba(204,204,204,1); padding:20px 0 }
	
	.calendar_wrap .m_cal dl dd .con {padding:10px 0; width:100%; overflow:hidden;}
	.calendar_wrap .m_cal dl dd .con .c-txt:first-child{padding-top:0;}
	.calendar_wrap .m_cal dl dd .con:first-child{padding-top:0}
	.calendar_wrap .m_cal dl dd .con:last-child{ border-bottom:none}
	.calendar_wrap .time{font-size:16px; color:rgba(102,102,102,1)}
	.calendar_wrap .tit{font-size:16px; color:rgba(102,102,102,1)}
/*	.calendar_wrap .tit::before{content:'시간 : ';}
	.calendar_wrap .time::before{content:'장소 : ';}
	.calendar_wrap .year::before{content:'날짜 : ';}
	.calendar_wrap .sort::before{content:'내용 : ';}*/
	.calendar_wrap{padding-top:0; display:none}
	.calendar_wrap .sort{padding:0;}
	.con .i-conw{position:relative; float:left; width:35px;}
	.con .i-conw span{margin-bottom:7px; display:inline-block; position: absolute; left: 0px;     top:5px;}
	.con .c-txt{float:left; margin-left:35px; }
	.calendar_wrap .cal_date{box-sizing:border-box; padding:20px 0; width:100%; }
	.cal_datew .i-conw span{margin-bottom:7px; display:inline-block; font-size: 15px;}
	
	.list-table-td{height:auto; line-height:inherit; padding:10px;     position: relative; padding-left: 90px;}
	.list-table-th{display:none;}
	.list-table-td ul li{float:none; padding:3px 5px; text-align:left; font-size:16px;}
	.list-table-td ul li:nth-child(1){width:100%; min-width:100%;  position: absolute;    left: 0;    top: 10px;}
	.list-table-td ul li:nth-child(2){width:100%; min-width:100%;}
	.list-table-td ul li:nth-child(2)::before{content:'제목 : '; font-weight:500; color:rgba(0,0,0,1)}
	.list-table-td ul li:nth-child(3){width:100%; min-width:100%;}
	.list-table-td ul li:nth-child(3)::before{content:'일정 : ';font-weight:500; color:rgba(0,0,0,1)}
	.list-table-td ul li:nth-child(4){width:100%; min-width:100%;}
	.list-table-td ul li:nth-child(4)::before{content:'장소 : '; font-weight:500; color:rgba(0,0,0,1)}
	.list-table-td ul li:nth-child(5){width:100%; min-width:100%;}
	.list-table-td ul li:nth-child(5)::before{content:'문의 : '; font-weight:500; color:rgba(0,0,0,1)}
	
	
	.list-peo-th ul li:nth-child(2)::before{content:'세부분야 : '; font-weight:500; color:rgba(0,0,0,1); letter-spacing:0px}	
	.list-peo-th ul li:nth-child(3)::before{content:'인  물  명 : ';font-weight:500; color:rgba(0,0,0,1); white-space:pre}
	.list-peo-th ul li:nth-child(4)::before{content:'한줄소개 : '; font-weight:500; color:rgba(0,0,0,1)}
	.list-peo-th ul li:nth-child(5)::before{content:'활동지역 : '; font-weight:500; color:rgba(0,0,0,1)}
	
	
	
	.list-db-org ul li:nth-child(2)::before{content:'세부분야 : '; font-weight:500; color:rgba(0,0,0,1); letter-spacing:0px}	
	.list-db-org ul li:nth-child(3)::before{content:'기  관  명 : ';font-weight:500; color:rgba(0,0,0,1); white-space:pre}
	.list-db-org ul li:nth-child(4)::before{content:'주         소: '; font-weight:500; color:rgba(0,0,0,1); white-space:pre}
	.list-db-org ul li:nth-child(5)::before{content:'활동지역 : '; font-weight:500; color:rgba(0,0,0,1)}
	
	.list-db-org .list-table-td ul li:nth-child(2){text-align:left;}
	
    .list-db-th .list-table-td ul li:nth-child(2){text-align:left;}
	.list-db-th .list-table-td ul li:nth-child(4){text-indent:0;}
	.list-db-th .list-table-td ul li:nth-child(5){text-align:left;}
	
	.list-db-group ul li:nth-child(3)::before{content:'단  체  명 : ';font-weight:500; color:rgba(0,0,0,1; white-space:pre)}

  /*게시판*/

	.boardtopbox{ width: 96%; margin:0 auto; float:none }
	.boardtopbox img{ width: auto; }
	input[type="submit"],
	input[type="text"],
	input[type="password"]{ height: 28px; line-height: 28px; text-indent: 3px; width:46% }
	select{ height: 28px; line-height: 28px; font-size: 100%; }
	
	/* 검색 */
	.CateGoriright input{ font-size: 100%; }
	.searchbar{ position: relative; margin-top: 5px; width: 100%; }
	.search select{ width: 30%; float: left; font-size:13px; }
	.search .item{ width: 70%; float: right; }
	.search .iLabel{ width: 95%;; line-height: 28px; font-size: 13px; padding-left:10px;}
	.search .iText{ width: 98%; float: right; height: 28px; box-sizing: border-box;}
	.search .btnSearch{ top: 4px; right: 13px; }
	.search .btnSearch input[type="image"]{ width: 75%; }

	/* 버튼 */
	.btnbox{ text-align: center; }
	.btnbox input[type="submit"]{ padding: 0 9px; height: 30px; line-height: 30px; font-size: 97%; }
	.btnbox a.btn{ padding: 0 9px; height: 30px; line-height: 30px; font-size: 97%; }

	/* 페이지 */
	.pagination a{ width: 25px; line-height: 25px; height: 25px; font-size: 90%; }
	.pagination span{ width: 25px; line-height: 25px; height: 25px; font-size: 90%; }
	.pagination .first{ background-size: 50% 50%; }
	.pagination .prev{ background-size: 50% 50%; }
	.pagination .last{ background-size: 50% 50%; }
	.pagination .next{ background-size: 50% 50%; }

	/* 파일첨부 */
	.insert ul li{width:100%;}
	.insert label {width: 25%;}
	.insert .upload-name {width: 73%;}

	/* view */
	.page_view .subject{ float: left; width: 100%; padding: 10px 8px 10px 8px; font-size: 16px; box-sizing:border-box }
	.page_view .subject .catetxt{ padding: 0 6px; line-height: 26px; font-size: 14px; font-weight: 400; }
	.page_view .datestat ul{ margin: 12px 12px 30px; font-size: 13px }
	.page_view .smartOutput img{ max-width: 100%; min-width: 100%; height: auto; }

	.snsbtn a{ margin-left: -6px; } .snsbtn img{ width: 80%; }
	.infobox > div{height:inherit; width:auto}

	/* 첨부파일 */
	.allfile span a		{ font-size: 11px; }
	#file{ padding: 2px 0 5px 0; }
	#file div:first-child{ display: none; }
	#file div:last-child{ width: 100%; }
	#file div span{ margin: 0 10px; width: 100%; height: 25px; line-height: 25px; overflow: hidden; }
	#file div span a{ height: 25px; line-height: 25px; }
	.allfile span span{ display: none; }

	/* 하단 리스트 */
	.bottom_list ul li{ padding: 0; width: 100%; height: 27px; line-height: 27px; }
	.bottom_list ul li  a{ width: 100%; height: 27px; line-height: 27px; font-size: 12px; letter-spacing: -1px; }
	.bottom_list ul li  a strong{ margin: 0 10px; padding-right: 10px; width: 15%; }

	/* 코멘트 */
	#commentallwrapper label{ font-size: 14px; }
	#commentallwrapper input{ width: 35%; }
	.regnum{ padding-top: 10px; }
	.regnum strong{ padding: 0 15px; line-height: 28px; font-size: 14px; }
	.commentBox textarea{ width: 85%; font-size: 16px; }
	#commentallwrapper .commentBox .commententer input{ width: auto; }

	/* write */
	.page_write .subject{ padding: 5px 0; }
	.page_write .subject label{ width: 20%; font-size: 100%; height: 28px; line-height: 28px; }
	.page_write .subject input{ width: 75.3%; }
	.page_write .noticheck label{ font-size: 100%; }
	.page_write .noticheck p{ padding: 5px; }
	.page_write .nomember{ padding-top: 5px; }
	.page_write .nomember label{ font-size: 100%; height: 28px; line-height: 28px; }
	.page_write .nomember strong{ font-size: 100%; height: 28px; line-height: 28px; }
	.page_write .nomember p:last-child{ padding-top: 5px; width: 100%; }

	/* list */
	.category ul.tabs li { width: 20.2%; }
	.page_list{ margin-top: 0px; }
	.page_list thead{display:none;}
	.pcmview{ display: block; }
	.mview{ display: none; }
	.page_list table td{font-size:16px; padding:10px 0; line-height:inherit; }
	.page_list table td.mview{display:none;}
	/*.page_list table tr{border-bottom:1px solid rgba(153,153,153,1);}*/
	.page_list table th:nth-child(1){width:20%; display:none}
	.page_list table th:nth-child(2){width:80%;}
	.page_list table thead th{font-size:16px; line-height:50px;}
	.page_list table th.mnom{ padding:10px 0; line-height:inherit}

	/* tender list */
	.page_list table td.stout{ font-size: 90%; }
	.st_ing{ display: inline-block; padding: 0 6px 0 4px; line-height: 21px; color: #ffffff; background-color: #0d4292; border-radius: 2px; }
	.st_end{ display: inline-block; padding: 0 6px 0 4px; line-height: 21px; color: #ffffff; background-color: #b1bbcb; border-radius: 2px; }

	/* tender view */
	.page_view .subjectinfo{ float: left; margin-top: 0; padding: 10px 15px 10px 10px; width: 100%; font-size: 98%; }
	.page_view .subjectinfo ul li strong{ display: inline-block; margin-right: 10px; }
	.page_view .subjectinfo ul li:first-child{ margin-right: 15px; padding-right: 15px; border-right: 1px solid #e8e8e8; }

	/* tender write */
	.page_write .tender_date{ padding: 5px 0; }
	.page_write .tender_date label{ width: 20%; font-size: 100%; height: 28px; line-height: 28px; }
	.page_write .tender_date input{ width: 30%; }

	/* gallery list */
	.gallery_page_list ul li{ width: 100%; margin: 0; }
	.gallery_page_list ul li div strong{ font-size: 95%; }
	.gallery_page_list ul li div p{ display: none;  }

	/* gallery box list */
	.gallerybox_page_list ul li{ width: 100%; margin: 0 0 10px 0; }
	.gallerybox_page_list ul li div strong{ font-size: 95%; }

	/* board nomdate list */
	.nomdate table th.mnom{ padding: 10px; width: auto; font-size: 10px; }
	.nomdate table th.mnom span{ font-size: 20px; }
	.nomdate table td{ padding: 15px 0; font-size: 120%; }
	.nomdate table td.left div{ padding: 0 15px; min-height: 40px; word-break: break-all; }
	.nomdate table td.left div img{ margin-top: 2px; }
	.nomdate table td.left div p{ font-size: 11px; line-height: 120%; }

	/* faq basic */
	.faq .q img:first-child{ margin: 4px 3px; }
	.faq .q span{ line-height: 25px; font-size: 70%; }
	.faq .a img{ margin: 4px 3px; }
	.faq .a div{ font-size: 70%; }

	/* faq onoff */
	.onfaq{ font-size: 13px; }
	.onfaq .hide{ background: none; font-size:13px !important;}
	.onfaq .show{ background: none; }
	.onfaq .show .q a.trigger{ height: auto; }
	.onfaq .q{ height: auto; }
	.onfaq .q input[type="checkbox"]{ margin: 20px 5px 0 0; }
	.onfaq .q a.trigger{ padding: 0 0 0 0; line-height: 30px; }
	.onfaq .q .qfaq{ padding: 10px 5px; width: auto; text-align: left; font-size: 20px; position: absolute; }
	.onfaq .q .catetxt{ padding: 0 5px; min-width: auto; }
	.onfaq .q img{ position: relative; float: left; margin: 22px 5px 0 0; }
	.onfaq .q img:last-child{ margin-left: 8px; }
	.onfaq .q span{ display: inline-block; width: auto; overflow: hidden; padding-left:30px; box-sizing:border-box; padding-top:10px; padding-bottom:10px; }
	.onfaq .a{ font-size: 100%; line-height: 1.5; }
	.onfaq .a div{ padding: 10px 20px; }
	.boardtopbox .q a.viewadmin{ margin-top: -17px; padding: 0 5px; line-height: 15px; font-size: 11px; }
	
	.category ul.tabs{width:100%;}
	.category ul.tabs li{/*width:50%;*/ margin-bottom: -1px; height:40px; line-height:40px}
	.category ul.tabs li.active, .category ul.tabs li:hover{background-size:10px;}
	.gallery_list{margin-top:20px; padding:20px 20px 0 20px; box-sizing:border-box}
	.gallery_list ul li div .wdate {position:absolute; bottom:10px; right:0}
	.gallery_list ul li div{width:100%;}
	.gallery_list ul li a {width:100% !important;  height:auto !important}
	.gallery_list ul li a img{width:100% !important; }
	.gallery_list ul li:last-child{margin-bottom:0}
	.btn_box{margin-top:15px; margin-right:10px; text-align:center}


	.board_list-junboxw{margin-top:30px;}
	.board_list-junboxw .board_list-junbox{width:100%; margin-right:0}
	.board_list-junboxw .board_list-junbox .board_list-junbox-d1 img{width:100%;}

	.board_listbox-page ul{margin-bottom:50px;}
	.board_listbox-page ul li{width:25px; height:25px; line-height:25px; font-weight:normal; font-size:13px;}
	.board_bogo-list .board_list-junbox{height:auto;}
	.board_bbsearch{width:100%;}
	.board_bbsearch .board_select_box select{width:100%; margin-bottom:10px;}
	.board_bbsearch input{width:100%;}
	.board_bbsearch .board_select_search{clear:both;}
	.board_bbsearch button{top:3px;right:5px;}

	.list-danbox{height:340px;}
	.list-danbox .list-junbox-d1{height:180px; position:relative}
	.list-danbox .list-detail-pname{height:50px; font-size:16px;}
	#edulist .subviewtab{margin-bottom:30px;}
	.boldname{font-size:16px; font-weight:500}

	/*table*/
	.table_basic td{display:block; box-sizing:border-box; border-left:none; padding-right:10px; border-right:none}
	.table_basic .tleft{padding-left:10px; padding-right:10px;}
	.table_basic th{display:block;  box-sizing:border-box; text-align:left; text-indent:20px; border-right:none}
	.w500{width:100% !important;}
	.table_basic{width:97%; margin:0 1.5%;}
	.w330{width:100% !important;}

	.function{text-align:center;}
	.function2{width:96%; margin:0 2%;}
	.eduview-Bimg {width:100%; height:auto}

	.board_list-junboxw .board_list-junbox-d1{ margin: 0 auto; }
	.board_bogo-list .board_list-junbox-d2{ margin: 0 auto; }
	.boardtopbox img.golinkimg{ margin-left: 5px; width: 14px;  margin-top: 6px; }

	/*달력*/
	.mcalendar_wrap{display:block; margin:0 2%; width:96%}
	.calendar_top { position:relative; margin-top:20px; border-top:1px solid #d7dde1; border-left:1px solid #d7dde1; border-right:1px solid #d7dde1; height:50px; background:#f3f6f8; }
	.calendar_top .year_disp { position:relative; text-align:center; padding:9px; font-size:1.4em; color:#0a3b61; font-weight:600 }
	.calendar_top .mon_prev { position:absolute; left:10px; top:0; height:50px; background:url(../img/images/path_sel_at_on.png) no-repeat left center; background-size:10px 17px; font-size:0.9em;}
	.calendar_top .mon_prev a { display:block; padding:14px 9px 15px 15px; color:#666;}
	.calendar_top .mon_next { position:absolute; right:10px; top:0; height:50px; background:url(../img/images/path_sel_at_on1.png) no-repeat right center; background-size:10px 17px; font-size:0.9em;}
	.calendar_top .mon_next a { display:block; padding:14px 15px 15px 15px; color:#666; }
	.calendar_top .mon_prev a:hover, .calendar_top .mon_prev a:active,
	.calendar_top .mon_next a:hover, .calendar_top .mon_next a:active { color:#0e76bd }
	.calculator_tb { position:relative; border-top:1px solid #d7dde1; border-left:1px solid #d7dde1; }
	.calculator_tb ul li { position:relative; float:left; width:9.090909090909091%; }
	.calculator_tb ul li a { display:block; padding:12px 6px; height:40px; vertical-align:middle; text-align:center; border-right:1px solid #d7dde1; border-bottom:1px solid #d7dde1; font-size:0.7em; letter-spacing:-0.03em; color:#7f8a92; font-weight:600; transition:all 0.3s ease;}
	.calculator_tb ul li a.p_on { color:#fff; background:#0e76bd;}
	.calculator_tb ul li.today a { color:#333; background:#e8e8e8;}
	.calculator_tb ul li.today a.p_on { color:#fff; background:#0e76bd;}
	.calculator_tb ul li a.sunday { color:#f23333;}
	.calculator_tb:after {content:''; clear:both; display:block; overflow:hidden;}
	.perf_list { display:none; position:relative; border-bottom:1px solid #d7dde1; border-left:1px solid #d7dde1; border-right:1px solid #d7dde1; padding:18px 15px; transition:all 0.3s ease; overflow:hidden }
	.perf_list .perf_date { color:#0e76bd; font-size:1.05em; font-weight:700; }
	.perf_list ul { margin-top:8px; }
	.perf_list ul li { position:relative; background:url(../images/bullet2.gif) no-repeat 2px 8px; background-size:3px; padding-left:11px; margin-bottom:6px; font-size:0.95em; color:#333; line-height:1.35; letter-spacing:-0.03em;}
	.n-map img{width:100%;}
    .pfCalenda{display:none;}
	.pfCalenda-title{display:none;}
	.list-contents .list-total .admB{position:relative; left:7px ; top:-5px; margin-bottom:10px; }

}



@media screen and (max-width: 959px) {
	.skin_search .searchresult li { width:50%; }
}

@media screen and (max-width: 650px) {
	.skin_search .searchresult li { width:100%; }
}

@media screen and (max-width: 450px) {
	
	.list-contents .list-total .list-total-btn .p-btn a{width:100%; padding:0 10px; margin-right:2px; background-image:none}
	.list-contents .list-total .list-total-btn .p-btn a:hover, .list-contents .list-total .list-total-btn .p-btn a.active{background-image:none}
	.list-junbox-d1{height:200px; position:relative}
	.list-contents .list-total .list-total-btn .p-btn a:hover{ background-image:none}
	.list-junbox .book-cover .book-cover-title{top:30px;}
	.list-danbox{height:260px; margin-bottom:20px}
	.list-danbox .list-junbox-d1{height:110px;}
	.list-danbox .list-detail-pname{height:40px;}
	
	

	
}



@media screen and (max-width: 320px) {
	  .list-danbox{width:100%;}
	  .list-danbox{height:290px;}
	  .list-danbox .list-junbox-d1{height:150px;}
	
}
















