﻿

/* list */
ul.txtList{margin-top:20px;}
ul.txtList > li{margin-top:5px;padding:0 0 0 13px;background:url('../image/blt_list.png') no-repeat 0 8px;color:#666666;}
ul.txtList > li:first-child{margin-top:0 !important;}

p{color:#666666;}
p.txt{padding:0 0 0 13px;background:url('../image/blt_list.png') no-repeat 0 8px;color:#666666;}
p.mttxt{font-size:15px;}

.ui-m ul.txtList > li{margin-top:7px;background:url('../image/blt_list_m.png') no-repeat 0 8px;background-size:3px;}
.ui-m p.txt{background:url('../image/blt_list_m.png') no-repeat 0 8px;background-size:3px;}

ul.noteList{}
ul.noteList li{position:relative;margin-top:5px;padding:0 0 0 10px;color:#888888;}
ul.noteList li:before{content:'*';display:inline-block;position:absolute;top:2px;left:0;font-size:14px;line-height:20px;color:#888888;}
ul.noteList li:first-child{margin-top:0;}

p.note{position:relative;padding:0 0 0 10px;color:#888888;}
p.note:before{content:'*';display:inline-block;position:absolute;top:2px;left:0;font-size:14px;line-height:20px;color:#888888;}

p.noteS{position:relative;padding:0 0 0 10px;color:#666666;}
p.noteS:before{content:'*';display:inline-block;position:absolute;top:2px;left:0;font-size:14px;line-height:20px;color:#013e68;}

p.noti{position:relative;padding:0 0 0 16px;color:#666666;}
p.noti:before{content:'※';display:inline-block;position:absolute;top:-1px;left:0;font-size:14px;line-height:20px;color:#666666;}

p.txtT{position:relative;padding:0 0 0 25px;margin-bottom:20px;}
p.txtT:before{overflow:hidden;content:'';display:inline-block;position:absolute;top:2px;left:0;width:16px;height:16px;background:url('../image/blt_txtT.png') no-repeat left top;}

p.txtB{position:relative;margin-top:20px;padding:0 0 0 25px;}
p.txtB:before{overflow:hidden;content:'';display:inline-block;position:absolute;top:2px;left:0;width:16px;height:16px;background:url('../image/blt_txtB.png') no-repeat left top;}
p.txtB a{text-decoration:underline;}

p.err{position:relative;padding:0 0 0 22px;color:#941c05;}
p.err:before{content:'';display:inline-block;position:absolute;top:3px;left:0;width:16px;height:16px;background:url('../image/blt_err.png') no-repeat left top;background-size:16px 16px;}

p.desc{position:relative;padding:0 0 0 10px;color:#666666;}
p.desc:before{content:'-';display:inline-block;position:absolute;top:0px;left:0;font-size:14px;line-height:20px;color:#666666;}

p.subtit{font-size:16px;color:#333333;line-height:22px;}

p + p{margin-top:20px;}
p.desc + p.noti,
ul.txtList + p,
ul.txtList ul,
ul.txtList p{margin-top:5px;}
strong.tCont + h4{margin-top:0;}

.ui-m p.subtit{font-size:15px;line-height:20px;}


/* table */
.tblArea{}
.tblArea table{width:100%;}
.tblArea table{border-top:2px solid #333333;}
.tblArea thead th{padding:13px 0 12px 0;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;background:#f5f5f5;text-align:center;}
.tblArea thead th:first-child{border-left:0;}
.tblArea thead th.ths{border-left:1px solid #dddddd;color:#333333;}
.tblArea tbody td{padding:17px 20px 16px 20px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.tblArea tbody th{padding:17px 20px 16px 20px;border-left:1px solid #dddddd;border-bottom:1px solid #dddddd;text-align:center;}
.tblArea tbody th.nor{font-weight:normal;}
.tblArea tbody .th{background:#fbfbfb;}
.tblArea tbody tr td:first-child,
.tblArea tbody tr th:first-child{border-left:0;}
.tblArea tbody tr th{border-right:1px solid #dddddd;}

.tblArea.row tbody th{padding-left:35px;padding-right:35px;background:#f5f5f5;text-align:left;}
.tblArea.row tbody td{}

.tblArea.center tbody th{text-align:center;}
.tblArea.center tbody td{text-align:center;}

.tblArea.scroll{margin-top:25px;}

.ui-m .tblArea{}
.ui-m .tblArea.row tbody th{width:30% !important;padding:0 15px;}

.ui-m .tblArea.scroll{overflow-x:auto;margin-right:-15px;}
.ui-m .tblArea.scroll table{width:800px;}


/* 검색 */
.searchWrap{margin-bottom:40px;}
.searchWrap .searchBox{padding:20px 0;border:1px solid #dddddd;background:#eeeeee;text-align:center;font-size:0;line-height:0;}
.searchWrap .searchBox input[type="text"]{width:300px;margin-right:10px;}
.searchWrap .sel{display:inline-block;}
.searchWrap .sch{display:inline;vertical-align:top;}/*ie9*/

.ui-w .searchWrap .sel{margin-right:5px;}
.ui-w .searchWrap .selectBox{margin-right:10px;}

.ui-m .searchWrap{}
.ui-m .searchWrap input[type="text"]{width:100% !important;}
.ui-m .searchWrap .selectBox{width:100% !important;margin-bottom:10px;}
.ui-m .searchWrap .searchBox{padding:20px;border:0;background:#efefef;text-align:left;}
.ui-m .searchWrap .searchBox input[type="text"]{margin-right:0;}
.ui-m .searchWrap .sel{display:block;margin-bottom:10px;}
.ui-m .searchWrap .sch{display:block;position:relative;padding-right:130px;}
.ui-m .searchWrap .sch input[type="text"],
.ui-m .searchWrap .sch select{width:100%;}
.ui-m .searchWrap .sch .search{position:absolute;top:0;right:0;}


/* 게시판 */
.brdTop{margin-bottom:20px;}
.brdTop span{display:inline-block;color:#666666;font-size:17px;line-height:1;}
.brdTop span:before{content:'';display:inline-block;width:1px;height:16px;margin:0 10px;background-color:#cccccc;vertical-align:top;}
.brdTop span:first-child:before{display:none;}
.brdTop span em{display:inline-block;margin-left:5px;color:#015a91;font-weight:700;}
.brdTop span strong{display:inline-block;margin-left:5px;color:#333333;}
.brdTop .txt{font-size:16px;color:#666;}
.brdTop .txt b{color:#005a94;}

.ui-m .brdTop{}
.ui-m .brdTop span{font-size:15px;line-height:1;}
.ui-m .brdTop span:before{height:14px;margin:0 12px;}
.ui-m .brdTop .txt{font-size:15px;}

.ui-w .brdView{border-top:2px solid #333333;}
.ui-w .brdView dl.view{position:relative;width:100%;}
.ui-w .brdView dl.view dt{border-bottom:1px solid #c0c0c0;}
.ui-w .brdView dl.view dt:after{display:block;content:'';clear:both;}
.ui-w .brdView dl.view dt .title{display:block;float:left;padding:17px 10px 17px 30px;font-size:16px;line-height:20px;}
.ui-w .brdView dl.view dt .etc{display:block;float:right;padding:17px 30px;text-align:right;}
.ui-w .brdView dl.view dd{clear:both;}
.ui-w .brdView dl.view dd .etc{position:absolute;top:20px;right:30px;text-align:right;}
.ui-w .brdView dl.view .etc span{display:inline-block;position:relative;word-break:nowrap;white-space:nowrap;}
.ui-w .brdView dl.view .etc span:before{content:'';display:inline-block;width:1px;height:13px;margin:3px 12px 0 8px;background-color:#cccccc;vertical-align:top;}
.ui-w .brdView dl.view .etc span:first-child:before{display:none;}
.ui-w .brdView dl.view .etc .part,
.ui-w .brdView dl.view .etc .pros,
.ui-w .brdView dl.view .etc .type,
.ui-w .brdView dl.view .etc .year,
.ui-w .brdView dl.view .etc .state,
.ui-w .brdView dl.view .etc .writer,
.ui-w .brdView dl.view .etc .state,
.ui-w .brdView dl.view .etc .email,
.ui-w .brdView dl.view .etc .way,
.ui-w .brdView dl.view .etc .about,
.ui-w .brdView dl.view .etc .call{font-weight:700;}
.ui-w .brdView dl.view dd .file{min-height:51px;padding:10px 30px;border-bottom:1px solid #dddddd;background:#ededed;}
.ui-w .brdView dl.view dd .file:after{display:block;content:'';clear:both;}
.ui-w .brdView dl.view dd .file a{display:block;float:left;margin:5px 40px 5px 0;max-width:100%;box-sizing:border-box;}
.ui-w .brdView dl.view dd .file a span{max-width:100%;box-sizing:border-box;word-break:break-all;}
.ui-w .brdView dl.view dd .contTop{padding:20px 30px;border-bottom:1px solid #dddddd;background:#f5f5f5;}
.ui-w .brdView dl.view dd .cont{padding:40px 30px;border-bottom:1px solid #c0c0c0;color:#666666;}
.ui-w .brdView dl.view dd .box_image_view,
.ui-w .brdView dl.view dd .contImg{display:block;margin-bottom:20px;text-align:center;}
.ui-w .brdView dl.view dd .cont img{max-width:100%;}
.ui-w .brdView dl.view dd .stateIng{position:relative;padding-left:23px;font-weight:700;color:#346d94;}
.ui-w .brdView dl.view dd .stateEnd{position:relative;padding-left:23px;font-weight:700;color:#333333;}
.ui-w .brdView dl.view dd .stateIng:before{display:block;content:'';position:absolute;top:-2px;left:0;width:16px;height:18px;background:url('../image/ico_state_ing.png') no-repeat left top;background-size:16px 18px;}
.ui-w .brdView dl.view dd .stateEnd:before{display:block;content:'';position:absolute;top:-2px;left:0;width:16px;height:18px;background:url('../image/ico_state_end.png') no-repeat left top;background-size:16px 18px;}

.ui-m .brdView{margin:0 -15px;border-top:1px solid #333333;}
.ui-m .brdView dl.view dt{}
.ui-m .brdView dl.view dt .title{display:block;padding:18px 15px 12px 15px;font-size:17px;line-height:23px;font-weight:700;}
.ui-m .brdView dl.view .etc{padding:0 15px 15px 15px;border-bottom:1px solid #c0c0c0;}
.ui-m .brdView dl.view .etc{padding:0 15px 15px 15px;border-bottom:1px solid #c0c0c0;}
.ui-m .brdView dl.view .etc:after{content:'';display:block;clear:both;}
.ui-m .brdView dl.view .etc span{margin-right:15px;color:#666666;}
.ui-m .brdView dl.view .etc span:before{display:none;}
.ui-m .brdView dl.view .etc .part,
.ui-m .brdView dl.view .etc .pros,
.ui-m .brdView dl.view .etc .type,
.ui-m .brdView dl.view .etc .year,
.ui-m .brdView dl.view .etc .state,
.ui-m .brdView dl.view .etc .writer,
.ui-m .brdView dl.view .etc .email,
.ui-m .brdView dl.view .etc .way,
.ui-m .brdView dl.view .etc .about,
.ui-m .brdView dl.view .etc .call{font-weight:normal;}
.ui-m .brdView dl.view .etc .hit{float:right;margin-right:0;}
.ui-m .brdView dl.view dd .file{padding:20px 15px;border-bottom:1px solid #dddddd;background:#eeeeee;}
.ui-m .brdView dl.view dd .file a{display:block;margin-top:15px;}
.ui-m .brdView dl.view dd .file a:first-child{margin-top:0;}
.ui-m .brdView dl.view dd .stateIng{position:relative;padding-left:23px;font-weight:700;color:#346d94;}
.ui-m .brdView dl.view dd .stateEnd{position:relative;padding-left:23px;font-weight:700;color:#333333;}
.ui-m .brdView dl.view dd .stateIng:before{display:block;content:'';position:absolute;top:-2px;left:0;width:16px;height:18px;background:url('../image/ico_state_ing.png') no-repeat left top;background-size:16px 18px;}
.ui-m .brdView dl.view dd .stateEnd:before{display:block;content:'';position:absolute;top:-2px;left:0;width:16px;height:18px;background:url('../image/ico_state_end.png') no-repeat left top;background-size:16px 18px;}
.ui-m .brdView dl.view dd .cont{padding:35px 15px;border-bottom:1px solid #c0c0c0;}
.ui-m .brdView dl.view dd .contTop{padding:20px 15px;border-bottom:1px solid #dddddd;background:#f5f5f5;}
.ui-m .brdView dl.view dd .box_image_view,
.ui-m .brdView dl.view dd .contImg{display:block;margin-bottom:20px;text-align:center;}
.ui-m .brdView dl.view dd .cont img{max-width:100%;margin-bottom:20px;}

.ui-m .brdView .contTxt{padding:0 15px;}

.brdView .jump{width:100%;}
.brdView .jump dl{display:table;width:100%;table-layout:fixed;}
.brdView .jump dt,
.brdView .jump dd{display:table-cell;vertical-align:middle;}
.brdView .jump dt{font-weight:700;}
.brdView .jump dd{}
.brdView .jump dd a{overflow:hidden;display:block;width:100%;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;}
.brdView .jump dl.prev{border-bottom:1px solid #dddddd;}
.brdView .jump dl.next{border-bottom:1px solid #c0c0c0;}
.brdView .jump dl.nothing{color:#888888;}

.ui-w .brdView .jump dt,
.ui-w .brdView .jump dd{height:50px;font-size:16px;}
.ui-w .brdView .jump dt{width:145px;padding-left:55px;}
.ui-w .brdView .jump dd{width:685px;}
.ui-w .brdView .jump dd a{padding-right:30px;}
.ui-w .brdView .jump dl.prev dt{background:url('../image/bg_jump.png') no-repeat 30px 0;}
.ui-w .brdView .jump dl.next dt{background:url('../image/bg_jump.png') no-repeat 30px -100px;}
.ui-w .brdView .jump dl.nothing.prev dt{background:url('../image/bg_jump.png') no-repeat 30px -50px;}
.ui-w .brdView .jump dl.nothing.next dt{background:url('../image/bg_jump.png') no-repeat 30px -150px;}

.ui-m .brdView .jump dt,
.ui-m .brdView .jump dd{height:55px;font-size:15px;}
.ui-m .brdView .jump dt{width:115px;padding-left:35px;}
.ui-m .brdView .jump dd{/*width:calc(100% - 35px);*/width:100%;}
.ui-m .brdView .jump dd a{height:55px;padding-right:15px;line-height:55px;}
.ui-m .brdView .jump dl.prev dt{background:url('../image/bg_jump_m.png') no-repeat 15px 0;background-size:13px 220px;}
.ui-m .brdView .jump dl.next dt{background:url('../image/bg_jump_m.png') no-repeat 15px -110px;background-size:13px 220px;}
.ui-m .brdView .jump dl.nothing.prev dt{background-position:15px -55px;background-size:13px 220px;}
.ui-m .brdView .jump dl.nothing.next dt{background-position:15px -165px;background-size:13px 220px;}

.ui-w .brdList{width:100%;margin:0 auto;border-top:2px solid #333333;border-bottom:1px solid #bfbfbf;}
.ui-w .brdList li{overflow:hidden;display:inline-block;width:100%;vertical-align:top;}
.ui-w .brdList dl{overflow:hidden;float:left;border-top:1px solid #dddddd;}
.ui-w .brdList dl:first-child{border-left:none;}
.ui-w .brdList dl dt{display:none;font-weight:700;border-bottom:1px solid #bfbfbf;}
.ui-w .brdList li:first-child dl{border-top:none;}
.ui-w .brdList li:first-child dl dt{display:block;}
.ui-w .brdList dl dt{height:46px;line-height:46px;text-align:center;}
.ui-w .brdList dl dd{height:45px;/*padding:0 5px;*/line-height:45px;text-align:center;color:#666666;}
.ui-w .brdList dl.title dd{position:relative;text-align:left;}
.ui-w .brdList dl.title dd a{overflow:hidden;display:inline-block;;line-height:45px;color:#666666;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;}
.ui-w .brdList dl.title.w25 dd a{max-width:180px;}
.ui-w .brdList dl.title.w30 dd a{max-width:220px;}
.ui-w .brdList dl.title.w35 dd a{max-width:260px;}
.ui-w .brdList dl.title.w40 dd a{max-width:300px;}
.ui-w .brdList dl.title.w45 dd a,
.ui-w .brdList dl.title.w50 dd a,
.ui-w .brdList dl.title.w55 dd a,
.ui-w .brdList dl.title.w60 dd a{max-width:90%;}
.ui-w .brdList dl.title.w70 dd a,
.ui-w .brdList dl.title.w80 dd a{max-width:95%;}
.ui-w .brdList dl.title.w45 dd .replyCol a,
.ui-w .brdList dl.title.w50 dd .replyCol a,
.ui-w .brdList dl.title.w55 dd .replyCol a{max-width:90%;}
.ui-w .brdList dl.title dd a:hover,
.ui-w .brdList dl.title dd a:focus{color:#074a73;text-decoration:underline;}

.ui-w .brdList dl.w5{width:5%;}
.ui-w .brdList dl.w10{width:10%;}
.ui-w .brdList dl.w15{width:15%;}
.ui-w .brdList dl.w20{width:20%;}
.ui-w .brdList dl.w25{width:25%;}
.ui-w .brdList dl.w30{width:30%;}
.ui-w .brdList dl.w35{width:35%;}
.ui-w .brdList dl.w40{width:40%;}
.ui-w .brdList dl.w45{width:45%;}
.ui-w .brdList dl.w50{width:50%;}
.ui-w .brdList dl.w55{width:55%;}
.ui-w .brdList dl.w60{width:60%;}
.ui-w .brdList dl.w70{width:70%;}
.ui-w .brdList dl.w80{width:80%;}
.ui-w .brdList li:hover dl dd,
.ui-w .brdList li:hover dl dd a,
.ui-w .brdList li:hover dl dd span{color:#333333;}
.ui-w .brdList .reply{overflow:hidden;position:absolute;top:11px;left:0;display:inline-block;width:10px;height:10px;background:url('../image/blt_reply.png') no-repeat left top;background-size:10px 10px;text-indent:-999px;vertical-align:top;}
.ui-w .brdList .replyCol{padding-left:20px;}
.ui-w .brdNothing{padding:50px 0;border-top:2px solid #333333;border-bottom:1px solid #c0c0c0;text-align:center;}
.ui-w .brdNothing p{font-size:16px;}
.ui-w .brdNothing p:before{content:'';display:block;height:36px;margin-bottom:20px;background:url('../image/ico_brdnothing.png') no-repeat top center;}

.ui-m .brdList{margin:0 -15px;border-top:1px solid #333333;border-bottom:1px solid #c0c0c0;}
.ui-m .brdList li{overflow:hidden;position:relative;width:100%;padding:15px;border-top:1px solid #dddddd;}
.ui-m .brdList li:first-child{border:0;}
.ui-m .brdList dl{display:inline-block;color:#666666;}
.ui-m .brdList dl dt{display:none !important;}
.ui-m .brdList dl dd{display:inline-block;padding:0 10px 0 0;}
.ui-m .brdList dl.title{width:100% !important;margin-bottom:15px;}
.ui-m .brdList dl.title dd{display:block;position:relative;width:100%;padding:0 30px 0 0;}
.ui-m .brdList dl.title dd a{font-size:17px;line-height:23px;font-weight:700;}
.ui-m .brdList dl.w10,
.ui-m .brdList dl.w15,
.ui-m .brdList dl.w20,
.ui-m .brdList dl.w25,
.ui-m .brdList dl.w35,
.ui-m .brdList dl.w50{width:auto;}
.ui-m .brdList dl.no{display:none;margin-bottom:3px;color:#333333;}
.ui-m .brdList dl.file{position:absolute;top:20px;right:15px;}
.ui-m .brdList dl.file dd{padding:0;}
.ui-m .brdList dl.hit{float:right;}
.ui-m .brdList dl.hit dd{padding:0;}
.ui-m .brdList .reply{overflow:hidden;position:absolute;top:0;left:0;display:inline-block;width:10px;height:10px;background:url('../image/blt_reply.png') no-repeat left top;background-size:10px 10px;text-indent:-999px;vertical-align:top;}
.ui-m .brdList .replyCol{padding-left:20px;}
.ui-m .brdNothing{margin:0 -15px;padding:40px 0;border-top:1px solid #333333;border-bottom:1px solid #c0c0c0;text-align:center;}
.ui-m .brdNothing p{font-size:15px;color:#666666;}
.ui-m .brdNothing p:before{content:'';display:block;height:35px;margin-bottom:15px;background:url('../image/ico_brdnothing_m.png') no-repeat top center;background-size:32px 35px;}

.ui-w .brdList dl.title dd span.new{margin-top:14px;}
.ui-m .brdList dl.title dd span.new{margin-top:3px;}

span.new{overflow:hidden;display:inline-block !important;width:16px;height:16px;margin:0 0 0 10px;background:url('../image/ico_new.png') no-repeat top left;background-size:16px 16px;text-indent:-999px;vertical-align:top;}

.cardList ul:after{content:'';display:block;clear:both;}
.cardList ul,
.cardList ul li,
.cardList a{display:block;position:relative;background:#fff;}
.cardList a .thum{overflow:hidden;text-align:center;background:#000;}
.cardList a .thum img{width:100%;height:100%;}
.cardList a .info .title{width:100%;font-weight:normal;}
.cardList a .info .title span.new{margin-top:2px;}
.cardList a .info .desc{overflow:hidden;display:block;color:#666;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.cardList a .info .date{display:block;padding-top:15px;color:#333;}
.cardList a .info .hit{display:block;position:absolute;bottom:20px;right:25px;color:#333;}
.cardList a:hover .title,
.cardList a:hover .desc{text-decoration:underline;}
.cardList a:focus:after,
.cardList a:hover:after{display:block;content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #345d94;}

.ui-w .cardList{margin-top:-13px;}
.ui-w .cardList li{float:left;width:268px;margin:13px 0 0 13px;}
.ui-w .cardList li:first-child,
.ui-w .cardList li:nth-child(3n+1){margin-left:0;}
.ui-w .cardList a{padding:30px 25px 0;border:1px solid #dddddd;}
.ui-w .cardList a .thum{overflow:hidden;display:block;position:relative;width:100%;height:135px;min-height:135px;background:#c8cccf url('../image/bg_noimage.png') center center no-repeat;}
.ui-w .cardList a .info{display:block;padding:15px 0 20px;}
.ui-w .cardList a .info .title{overflow:hidden;display:inline-block;height:50px;font-size:20px;line-height:24px;word-break:keep-all;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.ui-w .cardList a .info .title span.new{margin-left:0 !important;margin-right:10px !important;}
.ui-w .cardList a .info .desc{height:60px;margin-top:3px;}

.ui-m .cardList{margin:0 -15px;border-bottom:1px solid #c0c0c0;text-align:left;}
.ui-m .cardList li{padding-top:10px;border-top:1px solid #dddddd;background:#eee;}
.ui-m .cardList li:first-child{padding-top:0;border:0;}
.ui-m .cardList a .thum{overflow:hidden;display:block;position:relative;width:100%;height:56.25vw;background:#c8cccf;text-align:center;}
.ui-m .cardList a .thum:after{content:'';display:inline-block;position:absolute;top:50%;left:0;right:0;width:10.41vw;height:9.72vw;margin:-4.86vw auto 0 auto;background:url('../image/bg_noimage.png') center center no-repeat;background-size:100%;}
.ui-m .cardList a .thum img{position:relative;z-index:1;}
.ui-m .cardList a .info{display:block;padding:20px 15px;height:auto;}
.ui-m .cardList a .info .title{line-height:22px;font-size:17px;color:#333;}
.ui-m .cardList a .info .title span.new{margin-left:0 !important;margin-right:10px !important;}
.ui-m .cardList a .info .desc{max-height:60px;margin-top:10px;}
.ui-m .cardList a:hover:after{left:0;right:0;z-index:1;}

/*paging*/
.pagingBox{position:relative;z-index:1;/*display:table;*/width:100%;margin-top:30px;margin-bottom:40px;font-size:0;line-height:0;text-align:center;}
.pagingBox a{display:inline-block;overflow:hidden;vertical-align:top;}
.pagingBox .btnPaging{width:35px;height:35px;border:1px solid #c0c0c0;background:url('../image/btn_paging_m.png') no-repeat top left;background-size:66px 132px;text-indent:-9999px;vertical-align:top;}

.pagingBox .btnFirst{background-position:0 0;}
.pagingBox .btnLast{background-position:0 -33px;}
.pagingBox .btnPrev{margin-left:-1px;margin-right:15px;background-position:0 -66px;}
.pagingBox .btnNext{margin-right:-1px;margin-left:15px;background-position:0 -99px;}

.pagingBox .btnFirst:focus,
.pagingBox .btnFirst:hover{background-position:-33px 0;}
.pagingBox .btnLast:focus,
.pagingBox .btnLast:hover{background-position:-33px -33px;}
.pagingBox .btnPrev:focus,
.pagingBox .btnPrev:hover{background-position:-33px -66px;}
.pagingBox .btnNext:focus,
.pagingBox .btnNext:hover{background-position:-33px -99px;}

.pagingBox .number{position:relative;min-width:37px;height:35px;padding:0 7px;font-size:16px;line-height:35px;color:#888888;vertical-align:top;text-align:center;}
.pagingBox .number span{overflow:hidden;position:absolute;left:-9999em;width:1px;height:1px;margin:0;padding:0;text-indent:-9999em;clip:rect(1px 1px 1px 1px);}/*blind*/
.pagingBox .number:before{content:'';display:inline-block;position:absolute;top:11px;left:0;width:1px;height:12px;background-color:#dddddd;}
.pagingBox .number:hover,
.pagingBox .number:focus,
.pagingBox .number.on{font-weight:bold;color:#333333}
.pagingBox .number:first-child:before,
.pagingBox .number.first:before{display:none;}

.pagingBox.total{display:none;}

.ui-m .pagingBox{display:none;}
.ui-m .pagingBox.total{overflow:hidden;display:block;padding:0 15px;}
.ui-m .pagingBox.total span{display:inline-block;font-size:15px;line-height:35px;color:#888888;vertical-align:top;}
.ui-m .pagingBox.total span:before{content:'/';padding:0 5px;;color:#888888;}
.ui-m .pagingBox.total span span{overflow:hidden;position:absolute;left:-9999em;width:0;height:0;margin:0;padding:0;text-indent:-9999em;}
.ui-m .pagingBox.total span.on{font-weight:bold;color:#333333}
.ui-m .pagingBox.total span.on:before{display:none;}
.ui-m .pagingBox .btnPrev{margin-right:30px;}
.ui-m .pagingBox .btnNext{margin-left:30px;}


/* error */
.errorWrap{display:table;width:100%;height:100%;word-break:keep-all;}
.errorMid{display:table-cell;width:100%;vertical-align:middle;text-align:center;}
#error{width:800px;height:444px;margin:0 auto;}
#error strong{display:block;line-height:34px;font-size:24px;color:#111111;letter-spacing:-1px;}
#error .eBox{margin-top:35px;padding:145px 45px 45px;background:#e7edf1 url('../image/ico_error.png') no-repeat center 50px;line-height:24px;font-size:16px;color:#333333;}
#error .btnArea{margin-top:40px;}

.ui-m .errorWrap{padding:0 15px;}
.ui-m #error{width:100%;height:auto;padding:25px 0;}
.ui-m #error strong{padding:0 15px;line-height:28px;font-size:20px;}
.ui-m #error .eBox{line-height:20px;font-size:13px;}

/* 컨텐츠 상단 */
.contopArea{text-align:center;}
.contopArea dt{position:relative;padding-bottom:18px;margin-bottom:13px;}
.contopArea dt span.title{display:block;font-size:26px;color:#074a73;line-height:30px;}
.contopArea dt span.title:after{display:block;content:"";position:absolute;bottom:0;left:50%;margin-left:-15px;width:30px;height:2px;background:#074a73;}
.contopArea dd .msg{position:relative;margin-bottom:48px;font-size:16px;color:#111111;line-height:24px;}

.ui-m .contopArea dt{padding-bottom:7px;margin-bottom:5px;}
.ui-m .contopArea dt span.title{display:block;font-size:18px;;line-height:22px;}
.ui-m .contopArea dt span.title:after{height:1px;}
.ui-m .contopArea dd .msg{margin-bottom:40px;font-size:14px;line-height:20px;}

/* 상단 안내 박스 */
.cmdBox{position:relative;padding:36px 40px;background:#e7edf1;}
.cmdBox:after{content:'';display:block;clear:both;}
.cmdBox .imgDeco{float:right;margin-left:10px;}
.cmdBox .imgDeco img{width:125px;height:auto;}
.cmdBox .title{display:block;line-height:24px;font-size:18px;color:#074a73;}
.cmdBox .cmd{line-height:24px;font-size:16px;}
.cmdBox .cmdBtn{display:none;}

.ui-m .cmdBox{position:relative;margin:0 -15px;padding:26px 15px;}
.ui-m .cmdBox .imgDeco{margin-bottom:10px;}
.ui-m .cmdBox .imgDeco img{width:110px;height:auto;}
.ui-m .cmdBox .cmd{font-size:15px;}

/* 이미지 확대보기 */
.configArea{position:relative;margin-bottom:50px;text-align:center;}
.configArea .btnZoom{display:none;}
.configArea .balloon{position:relative;width:730px;margin:38px auto 0;font-size:16px;color:#333333;line-height:24px;}
.configArea .balloon:before{display:block;content:'';width:22px;height:19px;background:url('../image/bg_balloon_left.png') no-repeat;position:absolute;top:0;left:10px;}
.configArea .balloon:after{display:block;content:'';width:22px;height:19px;background:url('../image/bg_balloon_right.png') no-repeat;position:absolute;bottom:0;right:0;}
p + .configArea{margin-top:50px;}

.configArea .balloon.term{display:inline-block;width:auto !important;}
.configArea .balloon.term:before{left:-30px !important;}
.configArea .balloon.term:after{right:-30px !important;}

.ui-m .configArea{margin-bottom:40px;}
.ui-m .configArea .imgConfig img{max-width:380px;}
.ui-m .configArea .btnZoom{display:block;text-indent:-9999px;width:40px;height:40px;background:url('../image/btn_zoom.png') no-repeat;background-size:40px;position:absolute;top:0;right:0;}
.ui-m .configArea .balloon{font-size:14px;line-height:20px;}
.ui-m .configArea .balloon{width:320px;}
.ui-m .configArea .balloon:before{left:-10px;}
.ui-m .configArea .balloon:after{right:10px;}
.ui-m .configArea.contopArea .btnZoom{top:auto;bottom:0;left:0;}
.ui-m p + .configArea{margin-top:40px;}

.numberList li{margin-top:25px;text-align:left;}
.numberList li:first-child{margin-top:0;}
.numberList li:after{content:'';display:block;clear:both;}
.numberList li .num{position:relative;display:inline-block;font-weight:bold;font-size:18px;color:#074a73;padding-bottom:10px;float:left}
.numberList li .num:after{display:block;content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:#5d92af;}
.numberList li .txt{display:table;font-size:15px;padding-left:17px;}
.numberList li .txt .desc{color:#333;}

.numberList.space{padding-left:40px;}

.ui-m .numberList li{text-align:center;margin-top:20px;padding-top:25px;border-top:1px solid #ddd;}
.ui-m .numberList li:first-child{margin-top:0;padding-top:0;border-top:0;}
.ui-m .numberList li .num{float:none;margin-bottom:10px;}
.ui-m .numberList li .txt{display:block;padding-left:0;}

/* 장식 이미지 */
.colWrap{margin-top:25px;}
.colWrap:after{content:'';display:block;clear:both;}
.colWrap .imgArea{float:left;margin-right:60px;}
.colWrap .txtArea{float:left;width:470px;}
.colWrap .txtArea h4.cont{line-height:26px;}
.colWrap .txtArea .txtBox:first-child h4.cont,
.colWrap .txtArea .txtBox:first-child h5.cont{margin-top:0;}
.colWrap .txtArea .txtBox .numberList{margin-top:25px;}
.colWrap.leftTxt .imgArea{float:right;margin-right:0;}

.ui-m .colWrap .imgArea{float:none;margin-right:0;}
.ui-m .colWrap .txtArea{float:none;width:100%;}
.ui-m .colWrap .txtArea .txtBox:first-child h4.cont{margin-top:40px;}
.ui-m .colWrap .txtArea .txtBox:first-child h5.cont{margin-top:22px;}


/* Meet the Prosecutor General */
.greetingAll{position:relative;background:#ededed;padding-bottom:50px;}
.greetingAll:after{display:block;content:'';width:166px;height:161px;background:url('../image/bg_greeting_logo.png') no-repeat;position:absolute;right:55px;bottom:50px;}
.greetingAll .greetingVis{background:#6f91ac;}
.greetingAll .greetingVis:after{content:'';display:block;clear:both;}
.greetingAll .greetingVis .msg{float:left;padding:73px 0 0 25px;}
.greetingAll .greetingVis .photo{float:right;width:281px;}
.greetingAll .greeingTxt{position:relative;background:#fff;width:549px;box-shadow:0 15px 20px rgba(0, 0, 0, 0.1);margin-top:-128px;padding:36px 10px 80px 40px;}
.greetingAll .greeingTxt .msg{font-size:16px;line-height:22px;color:#333333;margin-top:22px;word-spacing:-.7px;}
.greetingAll .greeingTxt .msg:first-child{margin-top:0;}
.greetingAll .greeingTxt .msg.big{font-size:20px;}

.ui-m .greetingAll{margin-left:-15px;margin-right:-15px;padding-bottom:25px;overflow:hidden;}
.ui-m .greetingAll:after{display:none;}
.ui-m .greetingAll .greetingVis{display:table;width:100%;}
.ui-m .greetingAll .greetingVis .msg{display:table-cell;float:none;vertical-align:middle;padding:0 5px 0 15px;}
.ui-m .greetingAll .greetingVis .msg img{width:186px;}
.ui-m .greetingAll .greetingVis .photo{width:150px;}
.ui-m .greetingAll .greeingTxt{width:76.4%;margin-top:0;padding:35px 15px;}
.ui-m .greetingAll .greeingTxt .msg{margin-top:23px;font-size:13px;line-height:20px;}
.ui-m .greetingAll .greeingTxt .msg:first-child{margin-top:0;}
.ui-m .greetingAll .greeingTxt .msg.big{font-size:17px;}

/* History */
.historyWrap{margin-left:100px;}
.historyWrap dl{position:relative;padding-left:60px;}
.historyWrap dl:before{display:block;content:'';position:absolute;left:8px;top:2px;width:2px;height:100%;background:#dddddd;}
.historyWrap dl:last-child:before{}
.historyWrap dl:after{display:block;content:'';position:absolute;left:0;top:2px;width:18px;height:18px;background:#ffffff;border:4px solid #5d92af;border-radius:50%;box-sizing:border-box;}
.historyWrap dl dt{position:relative;margin-bottom:16px;padding-bottom:8px;font-size:18px;font-weight:700;color:#004975;}
.historyWrap dl dt:after{display:block;content:'';position:absolute;left:0;bottom:0;width:42px;height:1px;background:#3593b2;}
.historyWrap dl dd{padding-bottom:43px;}
.historyWrap dl dd ul.txtList{margin-top:0;}
.historyWrap dl:last-child dd{padding-bottom:0;}

.ui-m .historyWrap{margin-left:25px;}
.ui-m .historyWrap dl{position:relative;padding-left:34px;}
.ui-m .historyWrap dl:before{width:1px;}
.ui-m .historyWrap dl:after{width:16px;height:16px;}
.ui-m .historyWrap dl dt{margin-bottom:10px;padding-bottom:2px;font-size:15px;}
.ui-m .historyWrap dl dt:after{width:35px;}
.ui-m .historyWrap dl dd{padding-bottom:40px;}
.ui-m .historyWrap dl:last-child dd{padding-bottom:0;}

/* CI,CM*/
.ciWrap .txtBox:first-child h4.tCont{margin-top:0;}
.ciWrap .imgArea{margin-right:30px;}
.cmWrap ul:after{content:'';display:block;clear:both;}
.cmWrap ul li{float:left;width:260px;margin-left:25px;}
.cmWrap ul li:first-child{margin-left:0;}

.ui-m .ciWrap .imgArea{margin:25px 0 50px;text-align:center;}
.ui-m .ciWrap .imgArea img{max-width:160px;}
.ui-m .cmWrap ul li{position:relative;float:none;margin:20px 0 0 0;width:100%;height:200px;text-align:center;}
.ui-m .cmWrap ul li:first-child{margin-top:0;}
.ui-m .cmWrap ul li .img{display:block;width:100%;height:200px;border:1px solid #dddddd;background:url('../image/bg_cm.png') repeat;background-size:7px auto;}
.ui-m .cmWrap ul li .img img{position:absolute;left:50%;top:50%;margin:-70px 0 0 -70px;max-width:140px;}

/* 찾아오시는길 */
.mapBox{position:relative;border:1px solid #dcdcdc;}
.mapBox .btnZoom{display: none;}
.typeLine{position:relative;color:#013e68;padding-bottom:15px;margin-bottom:17px;font-size:20px;font-weight:bold;}
.typeLine:after{display:block;content:'';position:absolute;left:0;bottom:0;width:30px;height:2px;background-color:#346d94;}

.locationInfo{margin-top:35px;}
.locationInfo li{position:relative;display:table;width:100%;font-size:16px;color:#363636;padding-left:27px;margin-top:10px;}
.locationInfo li:first-child{margin-top:0;}
.locationInfo li:after{display:block;clear:both;}
.locationInfo li:before{display:block;content:'';position:absolute;top:0;left:2px;width:20px;height:20px;}
.locationInfo li.tel:before{background: url('../image/blt_tel.png') no-repeat center center;background-size: 20px auto;}
.locationInfo li.mail:before{background: url('../image/ico_mail02.png') no-repeat center center;}
.locationInfo li.mail a{color:#013e68;}
.locationInfo li.address:before{background:url('../image/blt_address.png') no-repeat center center;background-size: 20px auto;}
.locationInfo li strong{position:relative;font-weight:normal;width:84px;display:table-cell;vertical-align:top;}
.locationInfo li strong:after{display:block;content:'';width:1px;height:14px;background:#d5d5d5;position:absolute;top:2px;right:0;}
.locationInfo li span{float:left;padding-left:20px;}

.ui-m .mapBox .btnZoom{display:block;text-indent:-9999px;width:40px;height:40px;background:url('../image/btn_zoom.png') no-repeat;background-size:40px;position:absolute;top:-1px;right:-1px;}
.ui-m .typeLine{font-size:18px;}
.ui-m .typeLine:after{height:1px;}
.ui-m .locationInfo li{font-size:14px;margin-top:15px;}
.ui-m .locationInfo li:first-child{margin-top:0;}
.ui-m .locationInfo li strong{display:none;}
.ui-m .locationInfo li span{float:none;padding-left:0;}

/* 담당부서 */
.departWrap{margin-top:30px;padding:15px 20px;background:#e8edf1;}
.departWrap em{position:relative;padding-left:8px;margin-left:6px;}
.departWrap em:before{display:block;content:'';width:1px;height:13px;background:#7c7d7e;position:absolute;top:1px;left:0;}
.ui-m .departWrap{margin-top:20px;padding:5px 15px;}

@media screen and (max-width:359px){
	.ui-m .configArea .balloon{width:250px;}
	.ui-m .configArea .balloon:before{left:-10px;}
	.ui-m .configArea .balloon:after{right:-10px;}

	.ui-m .greetingAll .greetingVis .photo .nameSign{right:5px;}
}

@media screen and (min-width:768px) and (max-width:1024px){
	.ui-m .tblArea.scroll table{width:100%;}

	.ui-m .pagingBox{display:block;}
	.ui-m .pagingBox.total{display:none;}

	.ui-m .cardList{margin:0;border:0;}
	.ui-m .cardList li{float:left;width:calc(33.33% - 5px);margin:0 0 0 10px;padding:0;border:0;}
	.ui-m .cardList li:first-child,
	.ui-m .cardList li:nth-child(3n+1){width:calc(33.34% - 10px);margin-left:0;}
	.ui-m .cardList a{}
	.ui-m .cardList a .thum{overflow:hidden;text-align:center;display:block;position:relative;width:100%;height:135px;min-height:135px;}
	.ui-m .cardList a .info .title{overflow:hidden;display:inline-block;height:40px;font-size:15px;line-height:20px;word-break:keep-all;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
	.ui-m .cardList a .info .desc{height:60px;}

	.ui-m .configArea .balloon{width:640px;}
	.ui-m .configArea .balloon .wHide{display:none;}
	.ui-m .configArea .balloon:before{left:-20px;}
	.ui-m .configArea .balloon:after{right:-20px;}

	.ui-m .greetingAll .greetingVis .photo .nameSign img{width:100px;}

	.ui-m .cmWrap ul li{float:left;width:calc(33.33% - 5px);margin:0 0 0 10px;}
	.ui-m .cmWrap ul li:first-child{width:calc(33.34% - 10px);margin-left:0;}
}

/**/
.brdView dl.view dt .title{word-break:break-all;}