@charset "utf-8";

/* btn radius  */
.block{width: 100%;display: block;}
.block + .block{margin-top: 5px;}
.btn + .btn{margin-left:7px;}
.jaMo .btn + .btn{margin-left:2px;}
.sh .jaMo select{width:120px;}


.radius-sm {-moz-border-radius: 5px;-webkit-border-radius: 5px; border-radius: 5px;}
.radius {-moz-border-radius: 7px;-webkit-border-radius: 7px; border-radius: 7px;}
.radius-lg {-moz-border-radius: 30px;-webkit-border-radius: 30px; border-radius: 30px;}

[class*=b-]:before{font-family: FontAwesome;}
/* btn before */
.b-default{background:#fff;color:#000;border:1px solid #dadada;padding: 6px 10px;}
.btn .fa-download{margin-right: 16px;}
.b-title:before{content:"\f0cb  ";margin-right:16px;}
.b-photo:before{content:"\f1c5  ";margin-right:16px;}
.b-del:before{content:"\f014  "}
.b-cancel:after{content:" \f00d"}
.b-edit:before{content:"\f044  "}
.b-list:after{content:"\f0c9"; margin-left: 16px;}
.b-move:before{content:"\f047";}
.b-reply:before{content:"\f112  "}
.b-sh:before{}
.b-ok:before{content:"\f00c  "}
/*.b-down:before{content:"\f019  "}*/
.b-reset:before{content:"\f01e  "}
.b-add:before{content:"\f067  "}
.b-view:before{content:"\f06e  "}
.b-back:before{content:"\f060  "}
.b-save:before{content:"\f0c2  "}
.b-end:before{content:"\f011  "}
.b-set:before{content:"\f013  "}
.b-open:before{content:"\f08e  "}
.b-select:before{content:"\f00c  "}
.b-login:before{content:"\f011  "}
.b-pop:before{content:"\f08e  "}
.b-disabled:before{content:"\f2a8  "}
.b-unlock:before{content:"\f09c  "}
.b-hide:before{content:"\f070  "}

.ico-new{display:inline-block;width:15px;height:13px;background:url(/static/commons/img/ico_new.png) 0 0 no-repeat;}
.ico-re{display:inline-block;width:15px;height:13px;background:url(/static/commons/img/ico_re.png) right 0 no-repeat;}
.ico-comment{display:inline-block;padding-left:5px;}
.ico-comment:before{padding-right:3px;content: '\f27b';font-family:FontAwesome;}

.postSet{}
.postSet span{display:block;}
.postSet span+span{margin-top:5px;}

.blt_1, #content h2 { margin:30px 0 10px 1px; position: relative; clear: both;}
#content h2:before{content:"";width:3px;height: 20px;background-color: #1f9ed9;display:inline-block;margin-right:12px;}
#content h3 {position: relative;}
#content h3.bgn:before{content:"";margin-left:0;margin-right:0;vertical-align:bottom;}

#content h3.tit_01{background:url(/portal/images/contents/04/bu_01.gif) no-repeat left 45%;margin-left:20px;padding-left:15px}
#content h3.blt_2 { margin: 0 0 0 22px; padding: 1px 0 1px 17px; background: no-repeat 0 0; }
#content .h4.bull {position: relative;padding-left: 20px;line-height: 30px;clear: both;}
#content .h4.bull:before{content:"\f105";position: absolute;left:0;}

.blt_2 { padding: 1px 0 1px 17px; background: no-repeat 0 0; margin: 15px 0; }
#content h4{margin-left: 20px;margin-bottom: 5px;;}
#content h4:before{content:"\f10c";font-size:11px;margin-right:5px;vertical-align:bottom;}
#content .h5 { padding: 0 0 0 17px; background: no-repeat 0 0; clear: both; }
#content h5 { padding: 1px 0 1px 15px;margin-left: 20px;}
#content h5:before{content:"-";margin-right:5px;vertical-align:middle;}
#content h6 { padding: 1px 0 1px 15px;margin-left:25px; margin-top: 10px;}
#content h6:before{content:"· ";font-size: 20px;margin-right:2px;vertical-align:baseline;}
#content p{margin: 10px 0;}
#content p.info{margin: 0;}



/* ul, ol list */
ol.decimal{list-style-type: decimal;margin-left: 40px;clear: both;}
ol.decimal li{list-style-type: decimal;}

table .list{margin-left: 2%;width: 96%;}
table ul{text-align: left;}
.list { padding:0;float:left; width:100%; margin-left:20px; }
@media screen and (max-width:1023px) {
	.list{float: none;width: auto;}
}
.list ul, .list li{width: 100%;display: block;float: left;}
.list li,
table td>ul>li{position: relative;}
.list li:before,
table td>ul>li:before{position: absolute;}
.list>li,
table td>ul>li{ margin: 5px 0; padding: 0 0 0 12px;}
.list>li:before,
table td>ul>li:before{content: ""; width: 14px;height: 24px;background:url(/static/portal/img/common/bull.png) no-repeat 0 50%;display: inline-block;left: 0;}
.list>li>ul,
.list2 { padding: 0; margin-bottom: 15px; margin-left: 3px; }
.list>li>ul>li,
.list2>li,
.t2 { color: #595959; text-indent:0; line-height: 1.7em; padding-left: 12px; position: relative; }
.list>li>ul>li:before,
.list2>li:before,
.t2:before{content: ""; width: 14px;height: 20px;background:url(/static/portal/img/common/bullet.png) no-repeat -8px -138px;
	display: inline-block;position: absolute;left: 0;}
.list>li.bgn:before,
.list li.bgn:before,
.list2>li.bgn:before,
.list>li>ul>li.bgn:before{background: none;}
.list>li>ul>li>ul{margin-bottom: 0;}
.list>li>ul>li>ul>li { padding: 0px 0 0 10px; color: #595959; line-height: 1.3em; }
.list>li>ul>li>ul>li:before{content:"· ";vertical-align:middle;color:#000;left:0;}
.list p{margin: 0 0 0 13px;}
p.bull{position: relative;padding-left:14px;clear:both;margin-left:24px !important;}
p.bull:before{content:'•';position: absolute;left:0;font-size: 20px;line-height: 16px;}

.listimgR img{float: right;margin-left: 30px;margin-bottom: 20px;}
.listimgR li{float: none;}
.listArr li{position: relative;padding-left:20px;clear: both;}
.listArr li:before{position: absolute;content:"\f138";font-family: FontAwesome, serif;left:0;}

.t1 {margin: 5px 0;padding: 0px 0 0 28px;clear: both;}
.t1:before{content: "";width: 12px;height: 24px;background: url(/static/portal/img/common/bull.png) no-repeat 0 17px;display: inline-block;margin-left: -12px;}

/*bdViewNav*/
.bdViewNav{margin-top:20px;overflow:hidden;border:1px solid #d8d8d8;border-top:2px solid #000;display:table;width:100%;}
.bdViewNav dl{display:table-row;}
.bdViewNav dl>*{display:table-cell;vertical-align:middle;}
.bdViewNav dl dt{width:15%;text-align:center;font-weight:bold;background-color:#f9f9f9;padding:18px 0;border-right:1px solid #d8d8d8;}
.bdViewNav dl dd>span{display:block;padding:18px 20px;}
.bdViewNav dl:first-child>*{border-bottom:1px dotted #e1e1e1;}
.bdViewNav dl dt:after{content: ' â–¼'; display:inline; color:#535e65; }
.bdViewNav dl:first-child dt:after{content: ' â–²'; display:inline; color:#535e65; }
.bdViewNav a{overflow:hidden;display:block;padding:18px 0 18px 20px;}
.bdViewNav a span{float:right;width:17%;position:relative;text-align:center;}
.bdViewNav a span:after{content: '|';position:absolute;left:0;top:-1px;color:#d8d8d8;font-size:9px; }
.bdViewNav a span:first-child{float:left;width:83%;text-align:left;}
.bdViewNav a span:first-child:after{display:none}






/* default_list */
.sh>input[type=text]{vertical-align: top;height: 30px;border: 1px solid #ddd;border-radius: 3px;}
.sh select{width: 180px;margin-right:5px;}
.sh select.row2 {width:100px;}
.sh .spacer{display: inline-block;margin-left: 15px;margin-right: 15px;}
.sh .keyword{width:23%;margin-right: 7px;}
.sh .keyword2{width:30%;margin-right: 7px;}
.sh .b-sh{margin-right: 7px;background-color: #eb6565;}
/* .sh .b-sh:hover{margin-right: 7px;background-color: #104F6C;} */

.sh .row{margin-bottom: 10px;}
.sh .w100{width: 100px !important}
.sh .fa-minus{margin-left: 10px;margin-right: 10px;}
.sh label{margin-right: 20px;display: inline-block;}

@media screen and (max-width:767px) {
	.sh .keyword{width: 100%;margin:5px 0;}
	.sh .keyword2{width: 70%;}
	.sh select{width: 100%;}
	.sh label{display: block;margin: 0 !important;}
	.sh .b-sh{width: 49%;margin-right: 1%;float: left;}
	.sh .b-total{width: 49%;margin-left: 1%;float: left;}
	.catpchaText{font-size: 13px;}
}

.totalCount{text-align: right;margin-bottom:10px;}
.totalCount label{margin-left: 10px;margin-right: 10px;}


.bdList .table{margin: 0;width: 100%;}
.bdList{border-bottom: 1px solid #e5e5e5;margin-bottom: 30px;margin-top: 8px;float: left;width: 100%;}
.bdList > table > thead > tr > th,
.table thead>tr>th,
.table th,
.bdList table .th{ background: #f5f4f2;color: #3e3a30; text-align: center;padding: 13px 5px 12px 5px}
.bdList > table > tbody > tr > td{text-align: center;vertical-align: middle;}
.bdList table .th{border-radius: 8px}
.bdList table tbody tr:first-child td{border-top: none}
.bdList .table th, .bdList .table td{border-bottom:1px solid #dadada;}
.bdList table .title,
.bdList table .tit{text-align: left;}
.bdList .fa,
.view dl .fa{color:#1f9ed9;}

@media screen and (max-width:767px){
	.bdList tr{display: block;width: 100%;border-bottom: 1px solid #dadada; padding-top: 5px;padding-bottom: 5px;}
	.bdList tr:before, .bdList tr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.bdList table{overflow: hidden;}
	.bdList table td{display: inline;border: none !important;}
	.bdList tbody tr{padding-left: 15%;position: relative;}
	.bdList tbody tr:last-child{border: none !important;}
	.bdList tbody tr td.title{display:block;height: 100%;font-weight: bold;}
	.bdList tbody tr td:first-child{float: left;width: 15%;display: inline-block;}
	.bdList tbody tr td:first-child{position: absolute;top:50%;left: 0;width: 15%;text-align: center;margin-top: -16px;}
	.bdList thead{display: none;}
	.bdList table,
	.bdList tbody{display: block;width: 100%;}
	.bdList tbody td.tel{display: block;text-align: left;color: inherit;}
	.bdList tbody td.post{display: block;text-align: left;}
	.bdList tbody td.etc{display: block;text-align: left;padding: 0 !important;text-align: left;}
	.bdList tbody td.clearLeft{}
}
 @media (max-width: 459px) {
	.bdList tbody tr{padding-left: 25%;}
	.bdList tbody tr td:first-child{width: 25%;}
}


.bdView{border-top: 2px solid #47413e;margin-bottom: 30px;margin-top: 8px;float: left;width: 100%;}
.bdView .table{margin: 0;width: 100%;border:none;}
.bdView .table th,
.bdView table .th{ background: #f5f4f2;color: #3e3a30; text-align: center;padding: 13px 5px 12px 5px}
.bdView > table > tbody > tr > td{text-align: center;vertical-align: middle;}
.bdView table .th{border-radius: 8px}
.bdView table tbody tr:first-child td{border-top: none}
.bdView .table th, .bdView .table td{border-bottom:1px solid #dadada}
.bdView .table td{text-align: left;}
.bdView table .title,
.bdView table .tit{text-align: left;}
.reqInfor{clear: both;text-align: right;}


table .no{width: 80px;}
table .name{width: 90px;}
table .count{width: 80px;}
table .namelg{width: 120px;}
table .namexg{width: 140px;}
table .money{width: 120px;}
table .date{width: 110px;}
table .datekr{width: 130px;}
table .icoDown{width: 110px;}


.view{border-top: 2px solid #47413e;float: left;width: 100%;;}
.view .subject{font-size:18px;font-weight: 600;text-align:center;background-color:#f5f4f2;padding:18px 0 14px;margin:0 !important;line-height:1.94;border-bottom:1px solid #dadada;}
.view .subject span{font-size:14px;display:inline-block;width:73px;height:35px;margin-right:15px;text-align:center;background:url(/static/portal/img/common/survey-ing.png) 0 0 no-repeat;color:#fff;}
.view>dl{display: table;margin: 0;width: 100%;border-collapse: collapse;border-bottom: 1px solid #dadada;table-layout: fixed;}
.view>dl>dt,
.view>dl>dd{display: table-cell;padding: 5px 0;line-height: 38px;}
.view>dl>dt{width: 20%;text-align: center;background-color: #f5f4f2;}
.view>dl>dd{padding-left: 10px;padding-right: 10px;}
.view>dl.row>dt,
.view>dl.row>dd{display: block;width: 100%;}
.view>dl.imgAdd{margin-left: 50%;width: 50%;}
.view>div.imgAdd{float: left;border: 1px dotted gray;padding: 5px;margin: 10px;}
.view>dl.imgAdd>dt{width: 30%;}
.view>dl.imgAdd>dd{}
.view ul ul{margin-left: 16px;}
.view ul ul li{line-height: 150%;}

.boxGray{background: #f5f4f2;}
.view.boxGray{padding-bottom: 30px;padding-left: 20px;margin-bottom: 20px;}
.boxGray .subject{margin-bottom: 20px !important;}
.boxGray .desc{margin: 20px;}
.boxGray h2{text-align: center;border-bottom:1px solid #dadada;padding:13px 10px 14px 10px !important;margin:0 0 30px !important;}
.boxGray h2:before{background: none !important;}
.boxGray .img{display: inline-block;width: 302px;height: 240px; background:#fff url(/static/portal/img/common/thumbLogo.png) 50% 50% no-repeat;text-align: center;vertical-align: top;}
.boxGray .imglg{width: 100%;height: auto;float: left;}
.photolg>div{float: left;display: inline-block;}
.boxGray .imglg img{width: 100%;max-width: 475px;}

.photosm{position: relative;}
.photosm .ctrl button{position: absolute;top:50%; margin-top: -20px;}
.photosm .ctrl .prevphotosm{left:0;}
.photosm .ctrl .nextphotosm{right:0;}
.photosm .ctrl .playphotosm{right:0;top: 20px;display: none;}
.photosm .ctrl .stopphotosm{right:0;top: 20px;}

.photosm{clear: both;border:1px solid #dadada; padding:10px 50px;width: 100%;}
.photosm img{width:auto;max-height:100px;}
.photosm li{float: left;width: 180px;text-align: center;}
.photolg{width: 100%;}


.boxinline1{margin-top: 10px;}
.boxinline1>ul{margin: 0;padding: 0;border:1px solid #dadada}
.boxinline1>ul>li:last-child{border-left:1px solid #dadada;}
.boxinline1>ul>li>p{padding:15px 0 15px 15px;}
.boxinline1 .fa{width: 40px;height: 40px;float: left;text-align: center;line-height: 40px;margin-right:10px;font-size: 20px;}


.viewInfo {background: #f5f4f2;float: left;width: 100%;}
.viewInfo>div{border-bottom: 1px solid #dadada;float: left;width: 100%;padding: 0 3%;}
.viewInfo dl{line-height: 60px;}
.viewInfo dt{margin-right: 10px;}
.viewInfo dt,
.viewInfo dd{display: inline-block;}

.boxList4 li>div{border:1px solid #dadada;padding: 30px;float: left;width: 100%;}
.boxList4 li{margin-bottom: 20px;}
.boxList4 li span{display: block;}
.boxList4 li .fileTexto{padding-left: 21px;display: block;height: 48px;overflow: hidden;}
.boxList4 li .fileTexto:before{margin-left: -21px;}
.boxList4 li .date{font-size: 14px;font-weight: 300; margin: 5px 0 20px 0;}
.boxList4 li .b-down{float: right}

.user{color:#0095da;}
.user:before{content:"\f007";margin-right: 10px;font-family: FontAwesome, 'Noto Sans', serif;}
.req:after{content:"(*)";color:#c00000;}
.tel{color:#c00000;}
.tel:before{content:"\f095";margin-right:10px;font-family: FontAwesome, 'Noto Sans', serif;}
.fileTexto:before{content:"\f0f6";margin-right:10px;font-family: FontAwesome, 'Noto Sans', serif;}
.bar:after{content:"|";color:#dadada;margin-left: 20px;margin-right: 20px;}

.table{border-top: 2px solid #47413e;clear: both;}
.table.m1, .table.m2{margin-left: 2%;width: 98%;}
table{width: 100%;}
.table table th{padding: 11px 5px;background-color: #f5f4f2;color: #333;}
.table table tbody th.title{text-align: left;padding-left: 20px;background-color: #f9f9f9}
.table table td{padding: 11px 5px 10px 5px;}
.table table th,
.table table td{border-left:1px solid #dadada;border-bottom:1px solid #dadada;text-align: center;}
.table table th:last-child,.table table td:last-child{border-right:1px solid #dadada;}
.table p.heading{margin: 0 !important;padding: 0;border:1px solid #dadada;background-color: #f5f4f2;text-align: center;font-size:20px;line-height: 60px;font-weight: 500;}
.tdTal tbody td,
.tal tbody td{text-align: left;}

.ico_homepage{background: url(/portal/images/common/ico_homepage.gif) no-repeat 0 0;padding-left: 17px;}
.ico_note{background: url(/portal/images/common/ico_note.gif) no-repeat 0 0;padding-left: 17px;}

.table table.tbLink a:hover{text-decoration:underline}

/* steps */
.goStep{clear: both;width: 100%;margin-bottom: 10px;}
.goStep li{display: inline-block;border:2px solid #dadada;padding:10px;position: relative;margin-right: 20px;}
.goStep li:after{content:"\f054";position: absolute;right: -24px;font-family: FontAwesome, 'Noto Sans', serif;text-align: center;
	font-size: 12px;opacity:.2;width: 20px;height: 20px;color: #1f9ed9;border:1px solid #555;-webkit-border-radius: 20px;border-radius: 20px;}
.goStep li:last-child:after{display: none;}

/* mayorList */
.mayorList ol li{margin-bottom:30px;}
.mayorList .card{padding:0;}
.mayorList ul{padding-top: 20px;}
.mayorList ul li{color:#1081b5;}
.mayorList ul li:before{content:"• ";}
@media screen and (max-width:1023px) {
	.mayorList ol li{overflow: hidden;margin-bottom: 10px;}
	.mayorList ol li .w70p{padding-left: 10px;}
	.mayorList ol ul{padding-top: 10px;}
}

/* cts Backgroun */
.ctsHeader{}
.s200016{background: url(/static/portal/img/01/200016.gif) no-repeat 0 0;height: 162px;}

/* 동작의 하루 200191 */
.gallery4boxC li>div{margin:0 auto;width: 165px;height: 140px;}
.gallery4boxC>ul>li{margin-bottom: 20px;}
.gallery4boxC ul ul{padding-top: 95px;}

.view>dl>dt .eng{line-height: 100%; margin-bottom: 10px;}

/* arrow */
.arrY{display: inline-block;vertical-align:middle;width: 13px;height: 11px;background: url(/static/portal/img/03/arrY.gif) no-repeat;}

.ml1p{margin-left: 20px !important;}
.ml2p{margin-left: 30px !important;}
.border3{border:3px solid #cfcfcf;width: 100%;margin-bottom: 20px;}

.n200237{position: relative;}
.n200237 .ml1p{margin-left: 70px !important;}
.n200237 .ml2p{margin-left: 120px !important;}




.gallery{padding: 0 25px;border-top: 3px solid #686c6f;border-bottom: 1px solid #999999;overflow: hidden;background: url(/portal/images/board/line_bg1.gif) repeat-x 0 258px;}
.gallery_type2{background: url(/portal/images/board/line_bg1.gif) repeat-x 0 282px;}
.gallery ul{margin-left: -44px;position: relative;overflow: hidden; }
.gallery ul li{width: 144px;float:left;padding: 20px 0 18px 44px;}
.gallery ul li a{display:inline-block;}
.gallery ul li a:hover{text-decoration: none;}
.gallery ul li a span.img{padding: 1px 4px 4px 1px;background: url(/portal/images/board/photo_bg.gif) no-repeat 0 0;display: block;width: 139px;height: 170px;}
.gallery ul li a span.img img{padding: 0;background-image: none;}
.gallery ul li a img{padding: 1px 4px 4px 1px;background: url(/portal/images/board/photo_bg.gif) no-repeat 0 0;display: block;width: 139px;height: 170px;}
.gallery ul li a span{display: block; }
.gallery ul li a .tit{padding: 12px 0 0 5px;font-weight: bold;white-space:nowrap;overflow: hidden;}
.gallery ul li a:hover .tit{color: #68b221;text-decoration: underline;}
.gallery ul li a .date{padding: 3px 0 0 5px;}
.gallery ul li a:hover .date{}

.box{border:1px solid #dadada;float: left;width: 100%;}
.tabPhoto, .tabBoard{display: none;}
.tabPhoto.on, .tabBoard.on{display:block;}

.gallery2b{text-align: center;}
.gallery2b>ul>li>div{margin:5px;padding:5px;border:1px solid #dadada;}
.gallery2b img{width: 100%;}

.gallery3{border-top: 3px solid #686c6f;float: left;width: 100%;margin-top:20px;}
.gallery3 ul{margin-top: 36px;margin-bottom: 36px;}
.gallery3  li{overflow: hidden;}
.gallery3  li .img img{width: 100%;height:auto;}
.gallery3  li .img{display: block;margin: 5px;}
.gallery3  li .title{display: block;line-height: 30px;text-align: left;margin: 5px;}
.gallery3  li .title i{color:#1f9ed9;margin-right: 10px;}

/* step circle list */
.circleList{text-align: center;}
.circleList>ul>li{position: relative;list-style: none;display: inline-block; border:10px solid #3b90b0; width: 140px;height: 140px;margin-right:120px;vertical-align: top;
	-moz-border-radius: 200px;-webkit-border-radius: 200px; border-radius: 200px;
	-o-box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 5px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);}
.circleList>ul>li:after{content:"\f061";position: absolute;right: -90px;top: 37%;font-size:60px;font-family: FontAwesome, 'Noto Sans', serif;color:#bababa;}
.circleList>ul>li:last-child{margin-right: 0;}
.circleList>ul>li:last-child::after{content:"";}
.circleList .title{display: inline-block;margin-top: 30px;}
.circleList .desc{position: absolute;top:70%;left: 50%;width:220px;margin-left: -110px;padding: 5px;background-color: #fff;border:1px solid #dadada;font-size: 13px;text-align: left;}
.circleList .listbull, .circleList .bull{position: relative;padding-left: 10px;}
.circleList .listbull{margin-left: 5px;text-align: left;}
.circleList .listbull li:before,
.circleList .bull:before{position: absolute;left: 0;content:"\2022";margin-right: 3px;text-align: left;}
.circleList .bull{margin-left: 5px !important;}
.desc.colsm{width: 120px;margin-left: -60px;}
.desc.colmd{width: 160px;margin-left: -80px;}
.desc.colxg{width: 300px;margin-left: -150px;}
.desc.colxg .vhLine{border-right:1px solid #dadada}

/* common */
.border2.padding{padding: 10px 40px 15px;}
.border2{border:2px solid #dadada;margin-bottom: 20px;}
.border4{border:4px solid #dadada;}
.box1gray{clear: both;border:1px solid #dadada; background-color: #f5f4f2; width: 100%;padding:15px 20px;margin-bottom: 20px;}
.box1gray strong{color:#000;}
.btn.on{color:#ffffff;background-color:#d9534f;border-color:#d43f3a}

/* modal */
.modal{z-index: 2100;}
.modal-dialog{z-index:2350;width: 900px;}
.modal-content{z-index: 2500;}
.modal-header{background: #605651;color:#fff;}
#content .modal-header h4:before{content:"";}

.modal-content{-o-border-radius: 0;-moz-border-radius: 0;-webkit-border-radius: 0;border-radius: 0;
border:2px solid #605651;}
.modal-header .close{background-color: #fff;padding: 10px;opacity: 1;}

/* background */
.badge{font-size: 14px;}
.bg-primary{color:#fff;background-color:#337ab7}
a.bg-primary:hover, a.bg-primary:focus{background-color:#286090}
.bg-success{background-color:#dff0d8}
a.bg-success:hover, a.bg-success:focus{background-color:#c1e2b3}
.bg-info{background-color:#d9edf7}
a.bg-info:hover, a.bg-info:focus{background-color:#afd9ee}
.bg-warning{background-color:#fcf8e3}
a.bg-warning:hover, a.bg-warning:focus{background-color:#f7ecb5}
.bg-danger{background-color:#f2dede}
a.bg-danger:hover, a.bg-danger:focus{background-color:#e4b9b9}
.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eeeeee}


/*설문조사*/
.surveyList{padding:10px 20px;border:1px solid #ccc;border-radius:5px;clear: both;}
.surveyList dl{border-top:1px solid #ccc;padding:10px 0;}
.surveyList dl:first-child{border:none;}
.surveyList dt{float: left;width: 100%;font-weight: 500; border-bottom:1px dashed #eee;padding-bottom: 8px;margin-bottom: 8px;}



.panelList{clear:both;width: 100%;}
.panelList .box{position: relative;border:1px solid #dadada;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;overflow: hidden;margin-bottom: 10px;
-o-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);-moz-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);-webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.1);
box-shadow: 0px 5px 5px rgba(0,0,0,0.1);text-align: center;}
.panelList li{position: relative;}
.panelList li:after{content:"\f054";font-size: 20px;position: absolute;right:-13px;top:40%;width:20px;height:20px;color:#ddd;font-family:FontAwesome;}
.panelList li:last-child::after{display: none;}
.panelList .title{position: relative;background:#14648B;color:#fff;font-weight: 500;display: block;padding: 10px;margin-bottom: 10px;margin: 0 !important;}
.panelList .title:before{content:"\f13a";position: absolute;left: 50%;bottom: -10px;margin-left: -5px;width:20px;height:20px;color:#14648B;font-family:FontAwesome;}
.panelList .info{display: block;padding: 10px;}
.panelList ul li{text-align: left;}


.bx1{border-radius: 10px;border:1px solid #ddd;padding:10px 20px;}
.bx2{background:#f3e3fc;color:#805794;font-size:15px;border-radius: 10px;padding:20px;}
.boxs1{clear: both;float: left;width: 100%;background: url(/static/portal/img/common/boxs1.gif) no-repeat;min-height: 310px;margin-top: 15px;}
.boxs1 .boxsLt{float: left;width: 70%;padding: 30px 40px;}
.boxs1 .boxsLt p,
.boxs1 .boxsLt li{max-width: 460px}
.boxs1 .boxsRt{float: left;width: 30%;text-align: center;padding: 33px 10px;}
.boxs1 .boxsRt .btn{width:230px;}
.boxs1 .boxsRt .btn:after{content:"\f061";font-family:FontAwesome;margin-left: 20px;float: right;}
#content .boxs1 h3{margin-bottom: 0;padding-left: 20px;}
#content .boxs1 h3:before{content:"\f046";color:#1f9ed9;margin-left: -20px;}


.memberSet .pattern{display: inline-block;height: 415px;text-align: left;color:#fff;padding: 30px 50px;float: left;width: 100%;}
.memberSet .pattern1{background: url(/static/portal/img/member/pattern_01.gif)}
.memberSet .pattern2{background: url(/static/portal/img/member/pattern_02.gif)}
.memberSet .pattern3{background: url(/static/portal/img/member/pattern_03.gif)}
.memberSet .patternM{height: 485px;max-width: 348px;}


/* 로그인 member */
.loginSection {border:1px solid #ddd; border-radius:5px; box-sizing: border-box;}
.loginSection .h4Bl {margin-top:24px !important; text-align: center;}
.memberWrap:after {display:block; content:''; clear:left;}
.memeberLoginWrap input.textForm {width:100%; margin-bottom:8px;}
.memeberLoginWrap .btnLogin {width:100%; margin-top:15px; text-align:center;}
.joinWrap {color:#666;}
.joinWrap .btnWrap:after {display:block; content:''; clear:left;}
.joinWrap .btnWrap a{display:block;float:left; width:49%; padding-left:0; padding-right:0; text-align:center;}
.joinWrap .btnWrap a:first-child {margin-right:2%;}
.nonmemeberLoginWrap .termsWrap .termsTxt {background-color:#eee; height:150px;}
.nonmemeberLoginWrap.certifyWrap .kindsWrap {margin-top: 22px;}
.nonmemeberLoginWrap .titTxt {font-size:110%;}
.nonmemeberLoginWrap .subTxt {display:block; margin:5px 0 0 15px; color:#999;}

@media screen and (max-width:1200px) {
	.c700003 .fl{ -webkit-background-size: auto 250px !important;
		background-size: auto 250px !important;
		background-position: center 0 !important;
	}
}
@media screen and (max-width:1000px) {
	.sitemap>ul>li>a{width: 100%;}
	.sitemap>ul>li>ul{width: 100%;}
	.sitemap>ul>li>ul>li{width: 32%;}

}
@media screen and (max-width:767px) {
	.c700003 .fl{padding-top: 246px;-webkit-background-size: auto 250px !important;
		background-size: auto 250px !important;
		background-position: center 0 !important;
	}
	.sitemap>ul>li>ul>li{width: 49%;}
}


.jh-bt19{display:block; padding:5px 7px; text-align:center; font-size:15px; color:#fff; background:#1f9ed9;}

/*   2023/3/10   */
@media screen and (min-width: 1025px) {
.header-bm.n23 .menu-box{padding-right: 20px;}
.depth1{display: flex;  justify-content: space-evenly; align-items: center;}
.depth1 > li{float: none;  width: auto;}
.header-bm.n23  .depth1 > li > a{ padding: 8px 4px;}

.menu-sw img{vertical-align: top; margin-top: 2px;}
}
@media screen and (max-width: 1024px) {
.header-bm.n23  .depth1 > li > a{padding: 2px; height: 64px; line-height: 20px; word-break: keep-all; display: flex; flex-wrap: wrap; justify-content: center;  align-items: center;}
.n23-hd-search{display: block;}
}