<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

#subVisual{position:relative;height:172px;background-repeat:no-repeat;background-position:center bottom;}
#subVisual:after{display:block;content:'';position:absolute;top:0;left:0;right:0;height:3px;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;background-position: 0 100%;background-repeat: no-repeat;-webkit-background-size: 100% 3px;-moz-background-size: 100% 3px;
	background-size: 100% 3px;background-image: -webkit-linear-gradient(left, #911b2b 0%, #153b75 100%), -webkit-linear-gradient(left, #911b2b 0%, #153b75 100%);background-image: -moz-linear-gradient(left, #911b2b 0%, #153b75 100%), -webkit-linear-gradient(left, #911b2b 0%, #153b75 100%);background-image: -o-linear-gradient(left, #911b2b 0%, #153b75 100%), -webkit-linear-gradient(left, #911b2b 0%, #153b75 100%);	background-image: linear-gradient(to right, #911b2b 0%, #153b75 100%), linear-gradient(to right, #911b2b 0%, #153b75 100%);
}
#subVisual.bg1{background-image:url(/images/kor/sub/bg_subVisual1.jpg);}
#subVisual.bg2{background-image:url(/images/kor/sub/bg_subVisual2.jpg);}
#subVisual.bg3{background-image:url(/images/kor/sub/bg_subVisual3.jpg);}
#subVisual.bg4{background-image:url(/images/kor/sub/bg_subVisual4.jpg);}
#subVisual.bg5{background-image:url(/images/kor/sub/bg_subVisual5.jpg);}
#subVisual.bg6{background-image:url(/images/kor/sub/bg_subVisual6.jpg);}
#subVisual.bg7{background-image:url(/images/kor/sub/bg_subVisual7.jpg);}
#subVisual h2{padding-top:50px;font-size:32px;font-weight:bold;color:#fff;text-align:center;font-family:'NanumSquare';}
#subVisual &gt; .inner{position:absolute;bottom:-27.5px;left:50%;margin-left:-600px;height:55px;background:#fff;box-shadow:0px 4px 4px 0px #efefef;}
#subVisual .naviBar{margin-right:225px;}
#subVisual .naviBar:after{display:block;content:'';clear:both;}
#subVisual .naviBar &gt; li{display:block;float:left;position:relative;min-width:230px;line-height:55px;letter-spacing:-.5px;}
#subVisual .naviBar .home{min-width:inherit;width:55px;background:url(/images/kor/sub/bg_naviBar_home.gif) no-repeat center;text-align:center;}
#subVisual .naviBar .home img{display:inline-block;vertical-align:sub;}
#subVisual .naviBar &gt; li &gt; a{display:block;padding:0 40px 0 15px;background-image:url(/images/kor/sub/icon_naviBar_ar.png);background-repeat:no-repeat;background-position:92% center;border-right:1px solid #f2f2f2;line-height:55px;font-size:17px;}
#subVisual .naviBar &gt; li.active &gt; a{background-image:url(/images/kor/sub/icon_naviBar_ar_on.png);}
#subVisual .naviBar &gt; li &gt; ul{position:absolute;left:0;right:0;top:56px;background:#fff;;}
#subVisual .naviBar &gt; li.active &gt; a{border:1px solid #7087a7;border-bottom:0px none;color:#07244a;font-weight:bold;}
#subVisual .naviBar &gt; li &gt; ul{display:none;border:1px solid #7087a7;border-top:0px none;}
#subVisual .naviBar &gt; li.active{overflow:visible;}
#subVisual .naviBar &gt; li.active &gt; ul{display:block;transition-duration:.3s;z-index:5;}
#subVisual .naviBar &gt; li &gt; ul li a{display:block;padding:0 40px 0 15px;line-height:55px;font-size:17px;color:#999;}
#subVisual .naviBar &gt; li &gt; ul li a:hover{background:#e7e8ea;color:#07244a;font-weight:bold;}
#subVisual .rightArea{position:absolute;right:0;top:0;line-height:55px;}
#subVisual .zoomBtn{float:left;}
#subVisual .zoomBtn li{float:left;border-left:1px solid #fff;}
#subVisual .zoomBtn li a{display:block;width:55px;background:url(/images/kor/sub/bg_zoomBtn.gif) no-repeat;text-align:center;}
#subVisual .snsBtn{display:block;float:left;width:55px;border-left:1px solid #fff;background:url(/images/kor/sub/bg_snsBtn.gif) no-repeat;text-align:center;}
#subVisual .snsBox{display:none;z-index:2;position:absolute;top:54px;right:56px;padding:20px 30px;width:360px;box-sizing:border-box;background-color:#f5f5f5;box-shadow:2px 1px 10px #949494;border-radius:3px;line-height:100%;
	border-top: 2px solid #911b2b;
	border-bottom: 2px solid #153b75;
	-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;
	background-position: 0 0, 100% 0;background-repeat: no-repeat;
	-webkit-background-size: 2px 100%;-moz-background-size: 2px 100%;background-size: 2px  100%;
	background-image: -webkit-linear-gradient(top, #911b2b 0%, #153b75 100%), -webkit-linear-gradient(top, #911b2b 0%, #153b75 100%);background-image: -moz-linear-gradient(top, #911b2b 0%, #153b75 100%), -moz-linear-gradient(top, #911b2b 0%, #153b75 100%);background-image: -o-linear-gradient(top, #911b2b 0%, #153b75 100%), -o-linear-gradient(top, #911b2b 0%, #153b75 100%);background-image: linear-gradient(to bottom, #911b2b 0%, #153b75 100%), linear-gradient(to bottom, #911b2b 0%, #153b75 100%);
}
#subVisual .snsBox:before{display:block;content:'';position:absolute;top:-12px;right:18px;width:19px;height:12px;background:url(/images/kor/sub/icon_snsBox_ar.png) no-repeat;z-index:2;}
#subVisual .snsBox.active{display:block;}
#subVisual .snsBox ul{margin-bottom:10px;}
#subVisual .snsBox ul li{display:inline-block;vertical-align:middle;margin-right:4px;}
#subVisual .snsBox .urlShare{display:block;}
#subVisual .snsBox .urlShare input[type="text"]{display:inline-block;vertical-align:middle;padding:0 8px;width:222px;height:40px;box-sizing:border-box;border:1px solid #cfcfcf;border-right:0px none;background:#fff;font-size:16px;color:#666;}
#subVisual .snsBox .urlShare a{display:inline-block;vertical-align:middle;width:74px;height:40px;background:#818d9d;border-radius:2px;color:#fff;line-height:40px;text-align:center;font-size:15px;font-weight:bold;}
#subVisual .snsBox .snsBoxClose{display:block;position:absolute;top:-56px;right:0;width:55px;height:55px;background:#003974 url(/images/kor/sub/icon_snsBoxClose.png) no-repeat center;text-indent:-9999em;}
#subVisual .btnPrint{display:block;float:left;width:55px;border-left:1px solid #fff;background:url(/images/kor/sub/bg_snsBtn.gif) no-repeat;text-align:center;}
#subVisual .button-container {display: flex;justify-content: flex-end;}
#subVisual .btnBraille{display:block;float:left;width:55px;border-left:1px solid #fff;background:url(/images/kor/sub/bg_BrailleBtn.gif) no-repeat;text-align:center;}
#subContents{margin:0 auto;padding-top:65px;padding-bottom:50px;width:1200px;min-height:400px;word-break:break-all;}
#subContents h3{padding-bottom:40px;font-size:38px;text-align:center;font-weight:400;font-family:'NanumSquare';}
#subContents h4{margin:35px 0 40px;font-size:24px;color:#911b2b;}
#subContents h5{margin:0 0 15px;font-size:20px;color:#111;}
#subContents h5.type2{position:relative;clear:both;float:left;margin:0 0 15px;padding-top:15px;padding-right:20px;width:200px;font-size:20px;color:#111;line-height:135%;letter-spacing:-.5px;box-sizing:border-box;}
#subContents h5.type2:after{display:block;content:'';position:absolute;top:0;left:0;width:40px;border-top:1px solid #916d49;}
#subContents h5.type2.left{left:-200px;}
#subContentsInner{position:relative;padding-bottom:60px;}
#subContentsInner:after{display:block;content:'';clear:both;}
.h4Content{margin-bottom:35px;font-size:15px;color:#333;line-height:150%;letter-spacing:-.5px;word-break:keep-all;}
.h5Content{margin-bottom:35px;font-size:15px;color:#333;line-height:150%;letter-spacing:-.5px;word-break:keep-all;}
.h6Content{margin:auto;width: 700px;font-size:15px;color:#333;line-height:150%;letter-spacing:-.5px;word-break:keep-all;}
.h5Content.type2{float:left;padding-top:15px;width:1000px;margin-bottom:45px;font-size:15px;color:#333;line-height:150%;letter-spacing:-.5px;word-break:keep-all;}
.h5Content.type2:after{display:block;content:'';clear:both;}

.h4Content p + ul{margin-top:15px;}
.titleInfo{margin-bottom:40px;text-align:center;}
.titleInfo b{display:block;margin-bottom:5px;font-size:20px;color:#911b2b;line-height:130%;}
.titleInfo p{line-height:170%;}
.txtBlue{color:#044180 !important;}
.txtRed{color:#911b2b !important;}
.txtBlue2{color:#0f83c4 !important;}
.txtGreen{color:#368a0e !important;}
.txtItalic{font-style:italic;}

.h5ContentCol2:after{display:block;content:'';clear:both;}
.h5ContentCol2 &gt; div{width:48%;}
.h5ContentCol2 .leftCon{float:left;}
.h5ContentCol2 .rightCon{float:right;}


/* ======================================== 공통 ======================================== */

/* btn */
.btnArea{clear:both;}
.btnArea a{margin:1px;}
.btnDown{display:inline-block;vertical-align:middle;padding:0 22px 0 46px;height:32px;background:url(/images/kor/sub/icon_btnDown.gif) no-repeat 22px center;border:1px solid #e1e1e1;border-radius:16px;line-height:30px;box-sizing:border-box;}
.btnBlue{display:inline-block;vertical-align:middle;padding:0 22px 0 46px;height:32px;background:#003974 url(/images/kor/sub/icon_btnBlue_down.gif) no-repeat 22px center;border:1px solid #003974;border-radius:16px;color:#fff;line-height:30px;box-sizing:border-box;font-size:14px;}
.btnBlue.down{background:#003974 url(/images/kor/sub/icon_btnBlue_down.png) no-repeat 22px center;}
.btnBlue.video{background:#003974 url(/images/kor/sub/icon_btnBlue_video.png) no-repeat 20px center;}
.btn_l{min-width:160px;height:48px;border:1px solid #911b2b;border-radius:2px;color:#911b2b;line-height:48px;font-size:17px;}
.btn_l.on{background:#911b2b;border:1px solid #911b2b;color:#fff;}
.btn_l.w190{min-width:190px;width:auto;}
.btn_m{padding:0 15px;height:38px;min-width:70px;border:1px solid #555;border-radius:2px;line-height:36px;color:#555;font-size:15px;font-weight:bold;box-sizing:border-box;}
.btn_m.on{background:#555;}
.btn_m.red{background:#911b2b;border:1px solid #911b2b;color:#fff;}
.btn_m.red2{border: 1px solid #911b2b;color: #911b2b;padding-left: 15px;margin-top: 10px;background: url(/images/kor/sub/icon_videoList_btn.png) no-repeat left center;background-origin: content-box;font-size: 17px;}
.btn_m.red3{border: 1px solid #911b2b;color: #911b2b;padding-left: 15px;background: url(/images/kor/sub/icon_videoList_btn.png) no-repeat left center;background-origin: content-box;font-size: 14px;line-height: 1.3;width: 200px;height: 48px;word-break: break-all;padding-top: 5px;}
.paging + .btnArea{margin:-20px 0;}
.iconFile{display:inline-block;width:22px;height:25px;background:url(/images/kor/sub/icon_bbsFile.gif) no-repeat;text-indent:-9999em;}
.iconFile.type2{padding-left:32px;width:auto;background-position:left center;line-height:25px;text-indent:0;}
.iconFile.type2:hover{text-decoration:underline;}
.iconPdf{display:inline-block;width:25px;height:25px;background:url(/images/kor/sub/icon_bbsPdf.gif) no-repeat;text-indent:-9999em;}
.iconHwp{display:inline-block;width:25px;height:25px;background:url(/images/kor/sub/icon_bbsHwp.gif) no-repeat;text-indent:-9999em;}
.iconKor{display:inline-block;width:25px;height:25px;background:url(/images/kor/sub/icon_fileHwp.gif) no-repeat;text-indent:-9999em;}
/*파일 아이콘 추가 lsi*/
.iconExcel{display:inline-block;width:25px;height:25px;background:url(/images/kor/sub/icon_bbsExcel.png) no-repeat;text-indent:-9999em;}
.iconImg{display:inline-block;width:25px;height:25px;background:url(/images/kor/sub/icon_bbsImg.png) no-repeat;text-indent:-9999em;}
.iconMulti{display:inline-block;width:25px;height:25px;background:url(/images/kor/sub/icon_bbsMulti.png) no-repeat;text-indent:-9999em;}
.myWrite{display:inline-block;vertical-align:middle;padding:0 22px 0 46px;height:32px;background:url(/images/kor/sub/icon_btnMyWrite.gif) no-repeat 22px center;border:1px solid #e1e1e1;border-radius:16px;line-height:30px;box-sizing:border-box;font-size:14px;}
.fileDown{display:block;padding-left:20px;min-height:20px;background:url(/images/kor/sub/icon_fileDown.gif) no-repeat left top;line-height:20px;font-size:15px;color:#555;}
.fileDown:hover{text-decoration:underline;color:#911b2b;}
.btnGoLink{display:inline-block;padding-right:25px;background:url(/images/kor/sub/icon_btnGoLink.gif) no-repeat 98% center;font-size:15px;font-weight:bold;color:#911b2b;}
.btnGoLink:hover{text-decoration:underline;}
.btnBoxDown{display:inline-block;vertical-align:middle;width:43px;height:40px;background:url(/images/kor/sub/icon_btnBoxDown.png) no-repeat center;border:1px solid #911b2b;box-sizing:border-box;text-indent:-9999em;}
.btnBoxNew{display:inline-block;vertical-align:middle;width:43px;height:40px;background:url(/images/kor/sub/newWindowBg.png) no-repeat center;border:1px solid #911b2b;box-sizing:border-box;text-indent:-9999em;}
.btnBoxNew.type2{padding:0 45px 0 10px;width:auto;background-position:right 5px center;text-indent:0;font-size:15px;font-weight:bold;color:#911b2b;line-height:38px;}
.btnBoxDown.type2{padding:0 10px 0 32px;width:auto;background-position:10px center;text-indent:0;font-size:15px;font-weight:bold;color:#911b2b;line-height:38px;}
.btnBoxDown + .btnBoxDown{margin:0 5px;}
.btnRedBox{display:inline-block;vertical-align:middle;padding:0 10px;height:40px;border:1px solid #911b2b;box-sizing:border-box;font-size:15px;color:#911b2b;line-height:38px;}
p + .btn_l{margin-top:10px;}
.btnRedGoLink{display:inline-block;vertical-align:middle;padding:10px 98px 10px 40px;background:url(/images/kor/sub/btnRedGoLink_ar.gif) no-repeat 85% center;border:1px solid #911b2b;border-radius:2px;box-sizing:border-box;}
.btnRound{display:inline-block;vertical-align:middle;padding:0 25px;height:36px;background:#911b2b;border-radius:18px;line-height:36px;text-align:center;color:#fff;font-size:15px;font-weight:bold;}
.listCon li .btnRound{vertical-align:top;margin-left:30px;margin-top:-5px;}

/* tab */
.tabBar{position:relative;margin:-1px;margin-bottom:25px;}
.tabBar.hasAlltab{padding-left:107px;min-height:98px;}
.tabBar:after{display:block;content:'';clear:both;}
.tabBar &gt; li{display:block;float:left;box-sizing:border-box;}
.tabBar.col2 &gt; li{width:50%;}
.tabBar.col3 &gt; li{width:33.3333%;}
.tabBar.col4 &gt; li{width:25%;}
.tabBar.col5 &gt; li{width:20%;}
.tabBar.col6 &gt; li{width:16.6666%;}
.tabBar.col7 &gt; li{width:14%;}
.tabBar &gt; li &gt; a{display:block;margin-bottom:-1px;margin-right:-1px;padding:0 5px;height:50px;border:1px solid #dedede;line-height:50px;font-size:15px;color:#333;box-sizing:border-box;text-align:center;letter-spacing:-1px;}
.tabBar &gt; li.allTab{display:block;position:absolute;left:0;top:0;width:100px;}
.tabBar &gt; li.allTab &gt; a{display:block;padding:0;padding-top:50px;height:99px;background:url(/images/kor/sub/icon_tabBar_allTab.png) no-repeat center 25px;border:1px solid #dedede;text-align:center;font-size:16px;}
.tabBar &gt; li.allTab.active &gt; a{background:#911b2b url(/images/kor/sub/icon_tabBar_allTab_on.png) no-repeat center 25px}
.tabBar &gt; li.active &gt; a{background:#911b2b;border:1px solid #911b2b;color:#fff;font-weight:bold;}
.tabBar.type2:before{display:block;content:'';position:absolute;left:1px;right:0;bottom:0px;border-bottom:2px solid #911b2b;z-index:2;}
.tabBar.type2 &gt; li{margin-left:-1px;padding:0;width:auto;min-width:200px;}
.tabBar.type2 &gt; li &gt; a{position:relative;margin:0;padding:0 35px;height:50px;background:#f8f8f8;border:1px solid #e6e6e6;border-bottom:0px none;line-height:50px;font-size:17px;color:#666;}
.tabBar.type2 &gt; li.active &gt; a{background:#fff;border:1px solid #911b2b;font-weight:bold;color:#911b2b;border-bottom:0px none;z-index:3;font-weight:900;}
.tabBar.type2 &gt; li.active &gt; a:before{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid #911b2b;border-bottom:0px none;}
.tabBar.type2 &gt; li.active &gt; a:after{display:block;content:'';position:absolute;bottom:-1px;left:0;right:0;border-bottom:1px solid #fff;z-index:2;}
.tabBar.type3 &gt; li.active &gt; a{background:#003974;border:1px solid #003974;}

.listCon &gt; li{display:block;position:relative;font-size:15px;color:#333;line-height:150%;}
.listCon &gt; li:after{display:block;content:'';clear:both;}
.listCon.dot &gt; li{padding:2px 0 2px 13px;}
.listCon.dot &gt; li:before{display:block;content:'';position:absolute;top:11px;left:0;width:4px;height:4px;background:#333;}
.listCon.dot2 &gt; li{padding:3px 0 3px 10px;}
.listCon.dot2 &gt; li:before{display:block;content:'';position:absolute;top:12px;left:0;width:3px;height:3px;background:#333;}
.listCon.dot2.type2 &gt; li{padding-left:85px;}
.listCon.dot2.type2 &gt; li .head{display:block;position:absolute;left:10px;top:3px;width:60px;}
.listCon.dot2.type2 &gt; li .head:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-6px;height:12px;border-right:1px solid #ccc;}
.listCon.minus &gt; li{padding:2px 0 2px 10px;}
.listCon.minus &gt; li:before{display:block;content:'';position:absolute;left:0;top:10px;width:5px;height:1px;background:#a6a6a6;}
.listCon.em &gt; li{padding:3px 0 3px 24px;}
.listCon.em &gt; li &gt; em{display:block;position:absolute;left:0;top:3px;width:24px;text-align:center;}
.listCon.icon &gt; li{margin-bottom:18px;padding-left:15px;background:url(/images/kor/sub/icon_listCon_ar.gif) no-repeat left 4px;}
.listCon.icon &gt; li &gt; .head{display:block;margin-bottom:5px;font-size:16px;font-weight:bold;color:#044180;}
.listCon.head &gt; li{margin-bottom:5px;}
.listCon.head &gt; li &gt; .head{display:block;margin-bottom:2px;color:#044180;font-weight:bold;}
.listCon .listCon li{line-height:135%;}
table .listCon.dot2 &gt; li{padding:2px 0 2px 8px;}
table .listCon.dot2 &gt; li:before{top:10px;width:2px;height:2px;}
.topInfoBox{margin-bottom:20px;padding:25px 30px;border:1px solid #ddd;}
.topInfoBox .head{margin-bottom:0;padding:8px 0;font-size:20px;color:#911b2b;font-weight:bold;}
.topInfoBox .listCon &gt; li{font-size:16px;color:#666;}
.topInfoBox + h4,
.topInfoBox + h5{margin-top:40px !important;}
.topInfoBox + .bbsTitle{margin-top:35px;}

.thumbList{position:relative;border-top:2px solid #231f20;}
.thumbList:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #8e8e8e;}
.thumbList ul:after{display:block;content:'';clear:both;}
.thumbList ul li{display:block;float:left;padding:35px 20px;width:25%;box-sizing:border-box;}
.thumbList ul li a{display:block;}
.thumbList ul li .img{display:block;position:relative;margin-top:8px;margin-bottom:28px;width:100%;height:260px;}
.thumbList ul li a .img:before{display:block;position:absolute;content:'';top:-1px;left:-1px;right:-1px;bottom:-1px;border:2px solid #911b2b;opacity:0;}
.thumbList ul li a:hover .img:before{transition-duration:.5s;opacity:1;}
.thumbList ul li .img:after{display:block;position:absolute;content:'';right:-4px;top:4px;bottom:-4px;left:4px;width:100%;background:#f0f0f0;z-index:-1;}
.thumbList ul li .img img{width:100%;height:100%;}
.thumbList ul li .title{display:block;display:-webkit-box;margin-bottom:10px;height:44px;line-height:22px;font-size:17px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.thumbList ul li .caseInfo{display:block;margin:3px 0;font-size:14px;font-weight:bold;color:#911b2b;}
.thumbList ul li .caseInfo em{margin-right:8px;}
.thumbList ul li .desc{display:block;display:-webkit-box;height:44px;line-height:22px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;padding-top:10px;font-size:15px;color:#555;}
.thumbList.type2 ul li{padding:30px 20px;}
.thumbList.type2 ul li .img{height:180px;}
.thumbList.type2 ul li .img:after{display:none;}
.thumbList.type2 ul li .title{display:block;height:auto;line-height:135%;white-space:nowrap;}
.thumbList.type3 ul li{padding:30px;width:33.3333%;border-bottom:1px solid #dedede;}
.thumbList.type3 ul li .img{margin-bottom:12px;height:194px;}
.thumbList.type3 ul li .title,
.thumbList.type3 ul li .desc{height:auto;white-space:nowrap;}
.thumbList.type3 ul li .videoIcon{display:block;position:absolute;bottom:10px;right:10px;width:58px;height:58px;background:url(/images/kor/sub/icon_thumbList_play.png) no-repeat;}

.thumbView{border-top:2px solid #231f20;border-bottom:1px solid #8e8e8e;}
.thumbView .titleArea{padding:22px 35px;border-bottom:1px solid #8e8e8e;}
.thumbView .titleArea .title{font-size:20px;}
.thumbView .titleArea .caseInfo{display:block;margin-top:10px;font-size:15px;font-weight:bold;}
.thumbView .titleArea .caseInfo em{display:inline-block;vertical-align:inherit;margin:0 10px;width:9px;height:13px;color:#d6d6d6;font-weight:normal;}
.thumbView .titleArea .category{display:inline-block;margin-bottom:13px;padding:0 15px;height:25px;background:#fff;box-sizing:border-box;border:1px solid #911b2b;border-radius:12.5px;line-height:25px;font-size:15px;color:#911b2b;}
.thumbView .titleArea .caseNum{display:block;margin-bottom:5px;font-size:17px;font-weight:bold;}
.thumbView .titleArea .nickname{display:block;padding-top:8px;font-size:15px;color:#555;}
.thumbView .titleArea .quest{display:block;font-size:20px;font-weight:bold;}
.thumbView .titleArea .quest em{display:inline-block;margin-right:10px;color:#911b2b;font-weight:bold;}
.thumbView .titleArea.type2{position:relative;padding-right:350px;}
.thumbView .titleArea.type2 .caseInfo{position:absolute;display:block;right:35px;top:50%;margin-top:-8px;}
.thumbView .desc{position:relative;padding:22px 35px;border-bottom:1px solid #dedede;font-size:15px;color:#555;line-height:150%;}
.thumbView .desc:after{display:block;content:'';clear:both;}
.thumbView .desc .fileDown{float:left;}
.thumbView .desc .fileDown + .fileDown{float:none;clear:both;}
.thumbView .desc .filePage{display:block;float:right;}
.thumbView .viewCon{padding:50px 30px;min-height:300px;font-size:15px;line-height:175%;}
.thumbView .viewCon img{display:block;margin:10px auto;height:auto !important;}
.thumbView .viewCon + .desc{border-top:1px solid #dedede;}
.thumbView .desc + .moveList{margin-top:30px;}
.photoSlider{margin-bottom:40px;padding-top:20px;}
.photoSlider .bx-wrapper{margin:0 auto 20px;width:700px;}
.photoSlider ul li{text-align:center;}
.photoSlider ul li img{max-width:100%;}
.photoSlider .bx-controls-direction a{display:block;position:absolute;top:50%;margin-top:0;width:80px;height:21px;text-indent:-9999em;}
.photoSlider .bx-controls-direction .bx-prev{left:-100px;background:url(/images/kor/sub/icon_photoSlider_prev.gif) no-repeat;}
.photoSlider .bx-controls-direction .bx-prev:hover{background:url(/images/kor/sub/icon_photoSlider_prev_on.gif) no-repeat;}
.photoSlider .bx-controls-direction .bx-next{right:-100px;background:url(/images/kor/sub/icon_photoSlider_next.gif) no-repeat;}
.photoSlider .bx-controls-direction .bx-next:hover{background:url(/images/kor/sub/icon_photoSlider_next_on.gif) no-repeat;}
.photoSlider .bx-pager{text-align:center;}
.photoSlider .bx-pager a{display:inline-block;width:111px;height:77px;border:3px solid #fff;}
.photoSlider .bx-pager a.active{border:3px solid #911b2b;}
.photoSlider .bx-pager a img{width:100%;height:100%;opacity:0.6;}
.photoSlider .bx-pager a.active img{opacity:1;}
.photoSlider + .h5Content p + p{margin-top:15px;}

.cartoonSlider{margin-bottom:40px;padding-top:20px;}
.cartoonSlider .bx-wrapper{margin:0 auto 20px;width:700px;}
.cartoonSlider ul li{text-align:center;}
.cartoonSlider ul li img{max-width:100%;}
.cartoonSlider .bx-controls-direction a{display:block;position:absolute;top:50%;margin-top:0;width:80px;height:21px;text-indent:-9999em;}
/* 반복금지 버튼 비활성 클래스 안보이게 lsi */
.cartoonSlider .bx-controls-direction .disabled{display:none;}
.cartoonSlider .bx-controls-direction .bx-prev{left:-100px;background:url(/images/kor/sub/icon_photoSlider_prev.gif) no-repeat;}
.cartoonSlider .bx-controls-direction .bx-prev:hover{background:url(/images/kor/sub/icon_photoSlider_prev_on.gif) no-repeat;}
.cartoonSlider .bx-controls-direction .bx-next{right:-100px;background:url(/images/kor/sub/icon_photoSlider_next.gif) no-repeat;}
.cartoonSlider .bx-controls-direction .bx-next:hover{background:url(/images/kor/sub/icon_photoSlider_next_on.gif) no-repeat;}

.moveList{border-top:1px solid #8e8e8e;}
.moveList li{position:relative;padding:15px 35px 15px 165px;border-bottom:1px solid #dedede;font-size:15px;}
.moveList li:last-child{border-bottom:0px none;}
.moveList li b{display:block;position:absolute;left:38px;top:17px;padding-left:35px;}
.moveList li.prev b{background:url(/images/kor/sub/icon_moveList_prev.gif) no-repeat left center;}
.moveList li.next b{background:url(/images/kor/sub/icon_moveList_next.gif) no-repeat left center;}
.moveList li a{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.moveList li a:hover{text-decoration:underline;color:#911b2b;}

/* 테이블 */
.tableBox{position:relative;border-top:2px solid #231f20;}
.tableBox:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #8e8e8e;}
.tableBox table{border-left:0px none;font-size:15px;}
.tableBox table th{background:none;border-bottom:1px solid #8e8e8e;color:#000;font-size:16px;}
.tableBox table tbody tr:last-child th,
.tableBox table tr:last-child td{border-bottom:0px none;}
.tableBox table.list th{}
.tableBox table.list th, 
.tableBox table.list td{padding:12px 5px;height:50px;border-right:0px none;font-size:15px;line-height:140%;}
.tableBox table.list td a.caseNum:hover{color:#911b2b;text-decoration:underline;}
.tableBox table.list td .subject{display:block;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tableBox table.list td .subject:hover{color:#911b2b;text-decoration:underline;}
.tableBox table.list td .reply{padding-left:50px;background:url(/images/kor/sub/icon_table_reply.gif) no-repeat left 2px;}
.tableBox table.list td .labelTxt{display:block;position:relative;padding-left:48px;font-size:15px;}
.tableBox table.list td .labelTxt + .labelTxt{margin-top:6px;}
.tableBox table.list td .labelTxt a:hover{text-decoration:underline;}
.tableBox table.list td .labelTxt.type1 a{color:#044180;}
.tableBox table.list td .labelTxt.type2{color:#555;}
.tableBox table.list td .labelTxt.type3 a{color:#911b2b;}
.tableBox table.list td .labelTxt &gt; em{display:block;position:absolute;left:0;top:0;margin-right:5px;width:40px;height:20px;line-height:18px;text-align:center;font-size:13px;box-sizing:border-box;}
.tableBox table.list td .labelTxt.type1 &gt; em{border:1px solid #044180;color:#044180;}
.tableBox table.list td .labelTxt.type2 &gt; em{border:1px solid #959595;}
.tableBox table.list td .labelTxt.type3 &gt; em{background:#911b2b;border:1px solid #911b2b;color:#fff;}
.tableBox table.list td .labelTxt a{display:block;}
.tableBox table.list td.borderNone{border-bottom:0px none;}
.tableBox table.form{}
.tableBox table.form tbody th{padding-left:35px;border-bottom:1px solid #dedede;background:#f2f2f2;text-align:left;color:#333;}
.tableBox table.form th,
.tableBox table.form td{padding:5px 20px;height:50px;border-right:0px none;}
.tableBox table.form .req{display:inline-block;vertical-align:middle;margin-left:3px;color:#f74c4c;}
.tableBox table.form td label + input{margin-left:20px;}
.tableBox table.form td input + a{margin-left:3px;}
.tableBox table.form td input,
.tableBox table.form td select{margin:5px 0;}
.tableBox table.form td input[type="radio"]{width:20px;height:20px;}
.tableBox table.form td.formCon{padding:15px;}
.tableBox table.form td .txt{display:inline-block;vertical-align:middle;}
.tableBox table.form.type2 td{padding:5px 40px;height:50px;}
.tableBox table.form.type2 .formNone td{padding:30px 10px;text-align:center;}
.tableBox table.form.type2 .formNone td img{margin-right:12px;}
.tableBox table.form input[type="radio"] + label{margin-left:3px;}
.tableBox table.view{}
.tableBox table.view th{padding:10px 40px;background:#f2f2f2;text-align:left;font-size:15px;color:#333;}
.tableBox table.view th,
.tableBox table.view td{border-bottom:1px solid #dedede;border-right:0px none;}
.tableBox table.view td{padding:10px 15px;}
.tableBox table.view td.viewCon{padding:25px 40px;height:200px;font-size:15px;box-sizing:border-box;vertical-align:top;}
.tableBox table.info{}
.tableBox table.info th, 
.tableBox table.info td{padding:12px 15px;height:50px;font-size:15px;line-height:140%;}
.tableBox table.info th:last-child,
.tableBox table.info td:last-child{border-right:0px none;}
.tableBox table.info.type2{}
.tableBox table.info.type2 th,
.tableBox table.info.type2 td{padding:10px 15px;height:40px;}
.tableBox table.info.type2 td{font-size:13px;}
.tableBox table.info.type2 tbody th{background:#f6f6f6;border-bottom:1px solid #dedede;color:#044180;}
.tableBox table.info td ul li{font-size:14px;}
.tableBox table.info.type3{border-left:1px solid #dedede;}
.tableBox table.info.type3 thead th{background:#f9f2f2;color:#911b2b;}
.tableBox table.info.type3 tbody th{background:#fafafa;}
.tableBox table.info.type3 th,
.tableBox table.info.type3 td{border-bottom:1px solid #dedede;border-right:1px solid #dedede;padding:12px 3px;font-size:14px;}
.tableBox table.info.type3 .bgBlue th,
.tableBox table.info.type3 .bgBlue td{background:#f2f4f9 !important;color:#044180;font-weight:bold;}
.tableBox table th.borderGray{border-bottom:1px #e5e5e5 solid !important;}
.tableBox table .borderR{border-right:1px solid #dedede !important;}
.tableScroll{max-height:400px;overflow-y:auto;}
.required{margin-bottom:5px;text-align:right;}
.required em{display:inline-block;vertical-align:middle;margin-right:3px;color:#f74c4c;}
.h4Content &gt; .required,
.h5Content &gt; .required{margin-top:-25px;}
#for_inputFile input{width:400px;}
.for_fileBtn{width:72px;height:32px;border-radius:2px;line-height:32px;font-size:14px;color:#333;}
.inputInfo{display:inline-block;vertical-align:middle;line-height:32px;}
* + .inputInfo{margin-left:8px;}
.replyNoti ul li{padding:5px 0;}
.replyNoti ul li .head{display:inline-block;vertical-align:middle;width:85px;}
.replyNoti ul li .head em{font-size:15px;font-weight:bold;color:#f74c4c;}
.replyNoti ul li + li{}
.replyNoti ul li label + .head{margin-left:50px;}
.questProgress:after{display:block;content:'';clear:both;}
.questProgress li{display:block;position:relative;float:left;margin-right:20px;width:73px;height:24px;border-radius:12px;border:1px solid #d4d4d4;font-size:13px;color:#888;text-align:center;line-height:22px;box-sizing:border-box;}
.questProgress li:last-child{margin-right:0;}
.questProgress li:last-child:after{display:none;}
.questProgress li:after{display:block;content:'';position:absolute;right:-15px;top:50%;margin-top:-6px;width:8px;height:12px;background:url(/images/kor/sub/icon_questProgress_ar.gif) no-repeat right center;}
.questProgress li.active{border:2px solid #911b2b;color:#911b2b;line-height:22px;font-weight:bold;}

/* 페이징 */
.paging{margin-bottom:0;padding:30px 0;}
.paging a{display:inline-block;vertical-align:middle;width:45px;height:40px;border:1px solid #ddd;line-height:40px;box-sizing:border-box;font-size:12px;font-weight:bold;}
.paging a.num.active{background:#911b2b;border:1px solid #911b2b;color:#fff;}
.paging a.num{border:1px solid #fff;color:#353535;}
.paging &gt; a:hover{border:1px solid #911b2b;}
/* 20201118 mobilePaging 버튼도 css 적용 */
.paging &gt; a.first, .mobilePaging &gt; a.first{background:url(/images/kor/sub/btn_pageFirst.gif) no-repeat center;}
.paging &gt; a.prev, .mobilePaging &gt; a.prev{margin-right:8px;background:url(/images/kor/sub/btn_pagePrev.gif) no-repeat center;}
.paging &gt; a.next, .mobilePaging &gt; a.next{margin-left:8px;background:url(/images/kor/sub/btn_pageNext.gif) no-repeat center;}
.paging &gt; a.last, .mobilePaging &gt; a.last{background:url(/images/kor/sub/btn_pageLast.gif) no-repeat center;}
.mobilePaging &gt; a{text-indent:-9999px;}
.mobilePaging{display:none;}

/* 레이어팝업 */
.modalWrap{margin-left:-600px;width:1100px;height:0;border-radius:20px;overflow:hidden;}
.modalWrap.active{height:auto;}
.modalWrap .modalTitle{padding-right:50px;height:60px;background:#911b2b;}
.modalWrap .modalTitle h2{font-size:24px;text-align:center;line-height:60px;}
.modalWrap .modalContent{padding:40px;max-height:600px;overflow-y:auto;}
.modalWrap .modalContent .modalTable{max-height:520px;overflow-y:auto;}
.modalWrap .modalContent .modalTable.type2{margin-top:-30px;}
.modalWrap .modalContent .modalTable .tableBox{margin-bottom:0;}
.modalWrap .modalTitle .btn_modalClose{width:60px;height:60px;background:url(/images/kor/sub/btn_modalClose.png) no-repeat center center}
.modalWrap.small{margin-left:-200px;width:400px;}
.modalWrap.small .modalTitle h2{font-size:17px;text-align:left;}
.modalWrap.mid{margin-left:-350px;width:700px;}
.modalWrap.mid .modalContent{padding:30px;}
.modalWrap .modalContent .iconPrint{display:block;float:right;margin-top:-24px;width:20px;height:18px;background:url(/images/kor/sub/icon_pop_print.gif) no-repeat;text-indent:-9999em;}
.modalWrap .modalContent .btnArea{margin:20px 0;}
.modalWrap .modalContent .tableBox{border-top:1px solid #911b2b;}
.modalWrap .modalContent .tableBox.type2{border-top:2px solid #231f20;}
.modalWrap .modalContent .tableBox table.info.type2{border-left:1px #e5e5e5 solid;border-right:1px #e5e5e5 solid;}
.modalWrap .modalContent .tableBox table th,
.modalWrap .modalContent .tableBox table td{padding:10px 15px;height:45px;word-break:break-all;}
.modalWrap h5{margin:0 0 12px;padding-top:10px;padding-left:10px;font-size:20px;color:#111;}
.modalWrap .h5Content{margin-bottom:25px;}
.popPassword{padding:10px 0;text-align:center;}
.popPassword p{margin-bottom:15px;font-size:15px;}
.modalPopup .modalContent{font-size:16px;}
.modalPopup{padding-bottom:50px}
.modalBottom{position:absolute;bottom:0;left:0;padding:10px 40px;box-sizing:border-box;width:100%;background:#ddd;}
.modalBottom input,.modalBottom label{vertical-align:middle;}
.modalBottom a{float:right;}


/* 게시판 */
.bbsSearch{position:relative;margin-bottom:30px;padding:20px 35px;background:#f0f0f0;font-size:16px;}
.bbsSearch input[type='text'], 
.bbsSearch input[type='password'], 
.bbsSearch input[type='number'], 
.bbsSearch select{height:40px;min-width:120px;background-color:#fff;}
.bbsSearch ul{}
.bbsSearch ul li{display:inline-block;vertical-align:middle;margin:7px 35px 7px 0;}
.bbsSearch ul li:last-child{margin-right:0px;}
.bbsSearch .condiName{display:inline-block;vertical-align:middle;margin-right:8px;font-weight:bold;font-size:16px;}
.bbsSearch .condiForm{display:inline-block;vertical-align:middle;}
.bbsSearch .condiForm *{font-size:15px;}
.bbsSearch .condiForm.monthLink a{display:inline-block;vertical-align:middle;width:60px;height:40px;background:#fff;box-sizing:border-box;border:1px solid #d4d4d4;line-height:40px;text-align:center;font-size:14px;}
.bbsSearch .condiForm.monthLink .gray{background:#f0f0f0;}
.bbsSearch .condiForm.monthLink .active{background:#911b2b;border:1px solid #911b2b;color:#fff;font-weight:bold;}
.bbsSearch .condiForm label{margin-right:20px;}
.bbsSearch .condiForm input[type="radio"]{width:20px;height:20px;}
.bbsSearch .searchBox{min-width:350px;}
.bbsSearch .btnSearch{margin-left:7px;padding-left:35px;width:80px;height:40px;background:#3b3c3e url(/images/kor/sub/icon_bbsSearch_btnSearch.png) no-repeat 13px center !important;border:0px none;border-radius:2px;color:#fff !important;font-size:15px;line-height:40px;box-sizing:border-box;text-align:left;}
.bbsSearch &gt; .btnSearch{position:absolute;display:block;bottom:20px;right:35px;}
.bbsSearch .btnAll{display:inline-block;vertical-align:middle;width:75px;height:40px;border:1px solid #222;border-radius:2px;background:#fff;font-size:15px;line-height:40px;box-sizing:border-box;text-align:center;}
.bbsSearch.type2{text-align:center;}
.bbsSearch.type2 &gt; .btnSearch{position:static;display:inline-block;}
.bbsTotal{margin-bottom:12px;font-size:15px;font-weight:bold;color:#333;}
.bbsTotal:after{display:block;content:'';clear:both;}
.bbsTotal span{color:#911b2b;}
.bbsTotal em{display:inline-block;vertical-align:inherit;margin:0 10px;width:9px;height:13px;color:#d6d6d6;font-weight:normal;}
.bbsTotal .btnDown{float:right;margin-top:-10px;}
.bbsTotal .bbsTitle{font-size:20px;color:#000;}
.bbsTotal .date{display:block;float:right;margin-right:10px;color:#333;}
.bbsTotal .txt{float:left;display:block;margin-top:5px;color:#222;}

/* 덧글보기 */
.commentList{margin-top:40px;border-top:1px solid #000;}
.commentList .title{display:block;padding:16px 40px;border-bottom:1px solid #8e8e8e;}
.commentList .title b{display:inline-block;vertical-align:middle;min-height:20px;font-size:17px;font-weight:bold;}
.commentList .title .openComment{display:inline-block;vertical-align:middle;margin-left:12px;width:20px;height:20px;background:url(/images/kor/sub/icon_comment_open.gif) no-repeat;text-indent:-9999em;}
.commentList .title .openComment.active{background:url(/images/kor/sub/icon_comment_close.gif) no-repeat;content:'덧글보기 닫기';}
.toggleComment{display:none;}
.toggleComment.active{display:block;}
.toggleComment &gt; ul{margin-bottom:20px;}
.toggleComment &gt; ul &gt; li{clear:both;display:block;padding:18px 40px;border-bottom:1px dotted #dedede;}
.toggleComment &gt; ul &gt; li:after{display:block;content:'';clear:both;}
.toggleComment &gt; ul &gt; li p{float:left;font-size:15px;line-height:20px;}
.toggleComment &gt; ul &gt; li .commentRight{float:right;}
.toggleComment &gt; ul &gt; li .commentInfo{display:inline-block;vertical-align:middle;margin-right:10px;font-size:13px;line-height:20px;}
.toggleComment &gt; ul &gt; li .commentInfo .date{display:inline-block;margin-left:8px;}
.toggleComment &gt; ul &gt; li .commentRight a{display:inline-block;vertical-align:middle;padding-left:20px;width:47px;height:20px;box-sizing:border-box;border:1px solid #dedede;border-radius:2px;font-size:12px;line-height:20px;}
.toggleComment &gt; ul &gt; li .modify{background:url(/images/kor/sub/icon_comment_modify.gif) no-repeat 5px center;}
.toggleComment &gt; ul &gt; li .delete{background:url(/images/kor/sub/icon_comment_delete.gif) no-repeat 5px center;}
.commentWrite{padding:20px 40px;border:1px solid #dedede;background:#f9f9f9;}
.commentWrite ul li{display:block;position:relative;margin-bottom:5px;padding-left:80px;}
.commentWrite ul li .head{display:block;position:absolute;left:0;top:0;width:75px;line-height:32px;font-size:15px;}
.commentWrite ul li .head .req{display:inline-block;vertical-align:middle;margin-left:2px;color:#ce001c;}
.commentWrite ul li input{font-size:13px;}
.commentWrite ul li.hasBtn{padding-right:90px;}
.commentWrite ul li textarea{display:block;padding:8px;height:65px;resize:none;box-sizing:border-box;}
.commentWrite .btnComment{display:block;position:absolute;right:0;bottom:0;width:85px;height:65px;background:#555;border-radius:2px;font-size:15px;color:#fff;line-height:65px;text-align:center;}
.modifyArea{clear:both;position:relative;padding:10px 90px 10px 0;}
.modifyArea textarea{display:block;margin-right:90px;padding:8px;height:65px;resize:none;box-sizing:border-box;}
.modifyArea .btnComment{display:block;position:absolute;top:10px;right:0;width:85px;height:65px;background:#555;border-radius:2px;font-size:15px;color:#fff;line-height:65px;text-align:center;}


/* 선고변론사건 &gt; 선고사건 */
.caseAllList{border-top:2px solid #231f20;border-bottom:1px solid #8e8e8e;}
.caseAllList &gt; ul &gt; li{display:block;position:relative;padding:25px 25px 25px 280px;border-bottom:1px solid #dedede;}
.caseAllList &gt; ul &gt; li:nth-child(odd){background:#f9f9f9;}
.caseAllList &gt; ul &gt; li:last-child{border-bottom:0px none;}
.caseAllList &gt; ul &gt; li a{display:block;}
.caseAllList &gt; ul &gt; li .leftArea{position:absolute;left:25px;top:25px;bottom:25px;padding:0 12px;width:250px;box-sizing:border-box;}
.caseAllList &gt; ul &gt; li .caseNum{display:block;margin-bottom:15px;font-size:20px;font-weight:bold;}
.caseAllList &gt; ul &gt; li .caseInfo{display:block;margin-bottom:7px;font-size:15px;color:#911b2b;}
.caseAllList &gt; ul &gt; li .caseInfo em{display:inline-block;vertical-align:top;margin:0 6px;width:1px;height:12px;background:#ededed;text-indent:-9999em;}
.caseAllList &gt; ul &gt; li .title{display:block;margin-bottom:14px;font-size:17px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caseAllList &gt; ul &gt; li .subTitle{display:block;margin-top:-8px;margin-bottom:10px;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.caseAllList &gt; ul &gt; li .desc{display:-webkit-box;height:50px;line-height:23px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:5;-webkit-box-orient:vertical;word-wrap:break-word;font-size:15px;}
.caseAllList &gt; ul &gt; li .fileDown{margin-top:8px;}
.bbsTitle{margin-bottom:10px;}
.bbsTitle &gt; b{display:inline-block;font-size:20px;}
.btnArea + .bbsTitle{margin-top:40px;}
.bbsTopArea{margin-bottom:35px;border-top:2px solid #231f20;border-bottom:1px solid #ddd;}
.bbsTopArea ul:after{display:block;content:'';clear:both;}
.bbsTopArea ul li{display:block;float:left;position:relative;padding:22px 160px 22px 125px;width:50%;box-sizing:border-box;}
.bbsTopArea ul li:first-child{border-right:1px solid #ddd;}
.bbsTopArea ul.type2 li{float:none;width:auto;border-right:0px none;}
.bbsTopArea ul li .title{display:block;position:absolute;left:35px;top:20px;font-size:17px;}
.bbsTopArea ul li .exp{display:block;font-size:15px;}
.bbsTopArea ul li .btnBlue{position:absolute;right:35px;top:15px;background-color:#911b2b;border:1px solid #911b2b;}
/*.videoList{border-top:2px solid #231f20;}
.videoList ul:after{display:block;content:'';clear:both;}
.videoList ul li{display:table;table-layout:fixed;float:left;position:relative;padding:25px 250px 25px 40px;width:50%;height:100px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;box-sizing:border-box;}
.videoList ul li:nth-child(2n){border-right:0px none;}
.videoList ul li:nth-child(4n-1),
.videoList ul li:nth-child(4n){background:#fafafa;}
.videoList ul li .caseDate{display:table-cell;vertical-align:middle;font-size:18px;font-weight:bold;color:#044180;}
.videoList ul li .btnVideo{display:block;position:absolute;right:40px;top:50%;margin-top:-20px;padding:0 48px 0 20px;height:40px;background:#dedede url(/images/kor/sub/icon_videoList_btn.png) no-repeat 90% center;border-radius:20px;line-height:40px;font-size:15px;font-weight:bold;color:#111;}
.videoList ul li .caseInfo{display:table-row;}
.videoList ul li .caseNum{display:inline-block;margin-bottom:7px;padding-top:15px;border-bottom:1px solid #911b2b;font-size:16px;font-weight:bold;color:#911b2b;}
.videoList ul li .desc{display:block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.videoList.type2 ul li{padding-right:180px;}*/
.btnVideo{display:inline-block;padding:0 20px 0 25px;height:32px;background:url(/images/kor/sub/icon_videoList_btn.png) no-repeat left center;border-radius:16px;box-sizing:border-box;line-height:34px;font-weight:bold;color:#111;}
.btnVideo.type2{background:url(/images/kor/sub/icon_videoList_btn.png) no-repeat left center;}
.videoView{margin-bottom:50px;}
.videoView:after{display:block;content:'';clear:both;}
.videoView .title{display:block;padding:12px 40px;background:#911b2b;line-height:135%;font-size:20px;font-weight:bold;color:#fff;}
.videoView .title:after{display:block;content:'';clear:both;}
.videoView .title .videoInfo{display:block;float:right;font-size:15px;font-weight:normal;}
.videoView .title .videoInfo .space{display:inline-block;vertical-align:middle;padding:0 15px;}
.videoView .videoArea{float:left;width:730px;height:410px;}
.videoView .videoTxt{float:right;width:470px;height:410px;border-bottom:1px solid #dedede;}
.videoView .videoTxt textarea{padding:25px;width:100%;height:100%;resize:none;border:0px none;box-sizing:border-box;font-size:15px;line-height:175%;}
.videoView .videoTxt textarea .caseNum{text-decoration:underline;color:#911b2b;}
.videoView .videoCon{clear:both;padding:35px;border-bottom:1px solid #8e8e8e;font-size:15px;color:#555;line-height:175%;}
.caseAccordOpen{display:inline-block;padding:0 20px 0 45px;height:32px;background:url(/images/kor/sub/icon_caseAccordOpen.png) no-repeat 20px center;border-radius:16px;line-height:32px;box-sizing:border-box;text-align:left;font-weight:bold;font-size:14px;}
.caseAccordOpen.active{background:#911b2b url(/images/kor/sub/icon_caseAccordOpen_on.png) no-repeat 20px center;color:#fff;}
.caseAccord{display:none;}
.caseAccord.active{display:table-row;}
.caseAccord td{position:relative;padding:10px 50px !important;background:#f9f9f9;text-align:left;}
.caseAccord ul li{padding:20px;border-bottom:1px dashed #d7d7d7;}
.caseAccord ul li:last-child{border-bottom:0px none;}
.caseAccord ul li .caseNum{display:inline-block;vertical-align:middle;margin-right:25px;font-size:18px;font-weight:bold;color:#111;}
.caseAccord ul li .caseDate{display:inline-block;vertical-align:middle;margin-right:25px;font-size:15px;color:#911b2b;}
.caseAccord ul li .caseResult{display:inline-block;vertical-align:middle;font-size:15px;color:#911b2b;}
.caseAccord ul li .desc{margin-top:8px;}
.caseAccord ul.type2 li{position:relative;padding-left:150px;}
.caseAccord ul.type2 li .pageNum{display:block;position:absolute;left:0;top:20px;font-size:15px;font-weight:bold;}
.caseAccord .caseAccordClose{display:block;position:absolute;top:20px;right:20px;width:22px;height:22px;background:url(/images/kor/sub/icon_caseAccordClose.png) no-repeat;text-indent:-9999em;}

/* 판례통계법령 &gt; 발간자료 */
.fileIconInfo{margin-bottom:20px;}
.fileIconInfo &gt; span{display:block;margin-bottom:7px;font-size:14px;color:#555;line-height:22px;}
.fileIconInfo &gt; span img{margin-right:5px;vertical-align:top;}
.lawReportList{padding-bottom:80px; /*margin-bottom:48px;*/border-top:2px solid #231f20;position:relative;/* 위로 버튼 기준*/}
.lawReportList .topArea{position:relative;padding:32px 10px 32px 325px;min-height:250px;box-sizing:border-box;border-bottom:1px solid #8e8e8e;}
.lawReportList .topArea .img{display:block;position:absolute;left:0;top:0;width:325px;height:250px;line-height:250px;text-align:center;}
.lawReportList .topArea .img img{display:inline-block;}
.lawReportList .topArea .title{display:block;margin-bottom:12px;font-size:22px;color:#111;font-weight:bold;}
.lawReportList .topArea ul li{display:block;position:relative;padding:7px 0 7px 110px;line-height:140%;}
.lawReportList .topArea ul li .head{display:block;position:absolute;top:8px;left:0;padding-left:10px;width:110px;background:url(/images/kor/sub/icon_lawReport_ar.gif) no-repeat left center;font-weight:bold;color:#333;box-sizing:border-box;line-height:16px;}
.lawReportList .reportList ul:after{display:block;content:'';clear:both;}
@media print{
	.lawReportList {
		page-break-inside:avoid;
		page-break-after:auto;
	}
}
.lawReportList .reportList ul li {
	display: block;
	float: left;
	position: relative;
	padding: 0 130px 0 25px;
	width: 25%;
	height: 50px;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	box-sizing: border-box;
	line-height: 50px;
	font-size: 15px;
	color: #333;
}.lawReportList .reportList ul li:nth-child(4n){border-right:0px none;}
.lawReportList .reportList ul li .attach{display:block;position:absolute;right:25px;top:50%;margin-top:-12.5px;}
.lawReportList .reportList ul li .attach a{margin:0 3px;}
/* 연속간행물도 위로가기버튼 추가 20201126 */
.lawReportList .btnConTop{display:block;position:absolute;right:0;bottom:30px;padding-left:30px;width:70px;height:30px;background:url(/images/kor/sub/icon_btnConTop.gif) no-repeat 17px center;border:1px solid #dedede;border-radius:15px;line-height:28px;font-size:14px;box-sizing:border-box;}

/* 참여소통 &gt; faq */
.faqList .faqItem{margin-bottom:40px;border-bottom:1px solid #ddd;}
.faqList .faqItem .titleArea{display:inline-block;margin-bottom:10px;padding-left:70px;height:40px;background:url(/images/kor/sub/icon_faqItem_title.png) no-repeat 10px center;border-radius:20px;font-size:18px;font-weight:bold;line-height:40px;}
.faqList .faqItem .titleArea .num{display:inline-block;vertical-align:inherit;margin-left:16px;padding-left:16px;background:url(/images/kor/sub/icon_faqItemTitle.png) no-repeat left center;border-left:1px solid #d2d2d2;color:#911b2b;line-height:16px;}
.faqList .faqItem .titleArea + ul{border-top:2px solid #231f20;}
.faqList .faqItem &gt; ul &gt; li{border-bottom:1px solid #ddd;}
.faqList .faqItem &gt; ul &gt; li:last-child{border-bottom:0px none;}
.faqList .faqItem &gt; ul &gt; li &gt; a{display:block;padding:15px;font-size:15px;}
.faqList .faqItem &gt; ul &gt; li &gt; a em{display:inline-block;vertical-align:inherit;width:52px;font-size:17px;color:#911b2b;font-weight:bold;}
.faqList .faqItem .category{display:block;padding:0 15px;height:50px;border-top:2px solid #231f20;border-bottom:1px solid #8e8e8e;line-height:50px;font-size:17px;color:#911b2b;font-weight:bold;}
.faqList .faqItem &gt; ul + .category{border-top:1px solid #8e8e8e;}

/* 참여소통 &gt; 질문과답변 &gt; 이용동의 */
.agreeBox{border:1px solid #dedede;border-top:1px solid #911b2b;}
.agreeBox .agreeCon{background:#f9f9f9;}
.agreeBox .agreeCon textarea{padding:25px;width:100%;height:200px;background:none;resize:none;box-sizing:border-box;border:0px none;overflow-y:scroll;font-size:15px;line-height:140%;color:#555;}
.agreeBox .agreeInput{padding:15px 25px;border-top:1px solid #dedede;font-size:15px;line-height:24px;}
.agreeBox .agreeInput input{display:inline-block;vertical-align:top;width:24px;height:24px;}
.agreeBox .agreeInput input[type='radio']{display:inline-block;vertical-align:top;width:20px;height:20px;margin-top:3px;}
.certifyBox:after{display:block;content:'';clear:both;}
.certifyBox &gt; a{display:block;float:left;position:relative;margin-right:-1px;width:50%;padding:35px 10px;height:350px;box-sizing:border-box;border:1px solid #d4d4d4;text-align:center;}
.certifyBox &gt; a:hover{border:1px solid #911b2b;}
.certifyBox &gt; a:hover:after{display:block;content:'';position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:1px solid #911b2b;z-index:2;}
.certifyBox .title{display:block;margin-bottom:15px;font-size:28px;color:#111;}
.certifyBox .img{display:block;margin-bottom:15px;text-align:center;}
.certifyBox .subject{display:block;margin-bottom:8px;font-size:16px;color:#333;font-weight:bold;}
.certifyBox .desc{display:block;line-height:150%;color:#555;}
.certifyBox2:after{display:block;content:'';clear:both;}
.certifyBox2 &gt; a{display:block;float:left;position:relative;margin-right:-1px;width:33.3%;padding:35px 10px;height:350px;box-sizing:border-box;border:1px solid #d4d4d4;text-align:center;}
.certifyBox2 &gt; a:hover{border:1px solid #911b2b;}
.certifyBox2 &gt; a:hover:after{display:block;content:'';position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;border:1px solid #911b2b;z-index:2;}
.certifyBox2 .title{display:block;margin-bottom:15px;font-size:28px;color:#111;}
.certifyBox2 .img{display:block;margin-bottom:15px;text-align:center;}
.certifyBox2 .subject{display:block;margin-bottom:8px;font-size:16px;color:#333;font-weight:bold;}
.certifyBox2 .desc{display:block;line-height:150%;color:#555;}

/* 참여소통 &gt; 정보공개 */
.provision{padding:25px;background:#f8f8f8;border:1px solid #dedede;color:#555;font-size:14px;}
.provision &gt; p{margin-bottom:25px;}
.provision &gt; dl &gt; dt{margin:25px 0;font-size:17px;font-weight:bold;color:#111;}
.provision &gt; dl &gt; dd{margin-bottom:25px;font-size:14px !important;}
.provision &gt; dl &gt; dd:last-child{margin:0;}
.provision &gt; dl &gt; dd &gt; strong{color:#111;}
.provision &gt; dl &gt; dd &gt; p + ol{padding-top:10px;}
.provision li{font-size:14px;}
.provision.type2 dt{margin-bottom:0;font-size:14px;}
.relatedForm{position:relative;border-top:2px solid #231f20;}
.relatedForm:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #8e8e8e;}
.relatedForm &gt; ul:after{display:block;content:'';clear:both;}
.relatedForm &gt; ul &gt; li{display:block;float:left;position:relative;padding:25px 70px 25px 20px;width:50%;border-right:1px solid #dedede;border-bottom:1px solid #dedede;box-sizing:border-box;font-size:15px;color:#333;} 
.relatedForm &gt; ul &gt; li:nth-child(2n){border-right:0px none;}
.relatedForm &gt; ul &gt; li .btnSet{display:block;position:absolute;right:20px;top:50%;margin-top:-20px;}
.relatedForm &gt; ul &gt; li .btnSet a{margin:0 2px;}
.relatedForm.type2 &gt; ul &gt; li{float:none;padding:25px 40px;width:auto;border-right:0px none;}
.openapiTop{position:relative;margin-bottom:30px;padding:25px 0 25px 280px;border-top:1px solid #911b2b;border-bottom:1px solid #dedede;}
.openapiTop .title{display:block;position:absolute;left:0;top:0;bottom:0;padding:65px 0 100px;width:280px;background:#f8f8f8 url(/images/kor/sub/icon_openapiTop_title.jpg) no-repeat center 165px;font-size:28px;text-align:center;}
.openapiTop .title b{display:block;font-size:36px;color:#044180;font-weight:900;}
.openapiTop ul{padding-left:40px;}
.openapiTop ul li{display:block;position:relative;padding:12px 0 12px 110px;font-size:15px;}
.openapiTop ul li .head{display:block;position:absolute;left:0;top:12px;width:110px;font-size:17px;font-weight:bold;}
.iconProcess{margin:0 -18px 15px;}
.iconProcess:after{display:block;content:'';clear:both;}
.iconProcess &gt; li{display:block;float:left;position:relative;padding:0 18px;box-sizing:border-box;}
.iconProcess.col6 &gt; li{width:16.6666%;}
.iconProcess &gt; li:after{display:block;content:'';position:absolute;right:-10px;top:50%;margin-top:-15.5px;width:17px;height:31px;background:url(/images/kor/sub/icon_iconProcess_ar.gif) no-repeat;}
.iconProcess &gt; li:last-child:after{display:none;}
.iconProcess &gt; li &gt; div{padding:20px 5px;height:140px;border:1px solid #911b2b;border-radius:3px;box-sizing:border-box;text-align:center;}
.iconProcess &gt; li img{display:block;margin:0 auto;}
.iconProcess &gt; li .txt{display:block;padding-top:18px;font-size:16px;font-weight:bold;color:#911b2b;letter-spacing:-1px;}
.iconProcess &gt; li.row2 .txt{padding-top:8px;}

/* 헌법재판소소개 &gt; 조직도 */
.organChart{position:relative;padding-top:20px;background:url(/images/kor/sub/bg_organChart.gif) no-repeat 83px 215px;}
.organChart .imgZoom{display:none;position:absolute;right:0;top:0;width:36px;height:36px;background:url(/images/kor/sub/icon_organ_zoom.gif) no-repeat;text-indent:-9999em;}
.organChart .topImg{display:block;margin-bottom:40px;text-align:center;}
.organChart .organChartInfo{display:block;position:absolute;right:0;top:60px;padding-left:25px;background:url(/images/kor/sub/icon_organChartInfo.gif) no-repeat left center;line-height:19px;}
.organChart .item1{display:block;margin:0 auto;width:140px;height:140px;background:#fff;border-radius:50%;box-sizing:border-box;font-weight:900;font-size:20px;line-height:134px;}
.organChart .item1.type2{margin-bottom:20px;border:3px solid #911b2b;color:#911b2b;}
.organChart .item1.type3{margin-bottom:270px;border:3px solid #bf4555;color:#bf4555;}
.organChart .item2{width:220px;height:50px;background:#fff;box-sizing:border-box;border:2px solid #911b2b;border-radius:25px;line-height:50px;font-size:18px;font-weight:bold;color:#911b2b;}
.organChart .chief{position:relative;margin-bottom:50px;}
.organChart .chief .item1{background:#911b2b;border:3px solid #911b2b;color:#fff;}
.organChart .chief &gt; dd{position:absolute;left:40px;top:45px;}
.organChart .chief &gt; dd &gt; dl{margin-bottom:20px;width:340px;border:2px solid #911b2b;border-radius:28px;box-sizing:border-box;}
.organChart .chief &gt; dd &gt; dl dt{height:50px;background:#911b2b;border-radius:25px;font-size:18px;color:#fff;font-weight:bold;text-align:center;line-height:50px;}
.organChart .chief &gt; dd &gt; dl dd{padding:18px;}
.organChart .chief &gt; dd &gt; dl dd ul:after{display:block;content:'';clear:both;}
.organChart .chief &gt; dd &gt; dl dd ul li{display:block;float:left;padding:0 4px;width:33.3333%;border-right:1px solid #e4e4e4;box-sizing:border-box;}
.organChart .chief &gt; dd &gt; dl dd ul li:last-child{border-right:0px none;}
.organChart .chief &gt; dd &gt; dl dd ul li .redTop{display:block;margin-bottom:3px;text-align:center;font-size:15px;color:#911b2b;font-weight:bold;}
.organChart .chief &gt; dd &gt; dl dd ul li a{display:block;margin:2px 0;height:30px;border:1px solid #911b2b;box-sizing:border-box;line-height:30px;}
.organChart .chief &gt; dd &gt; ul &gt; li{margin-bottom:10px;}
.organChart .chief &gt; dd &gt; ul &gt; li a{margin:0 auto;}
.organChart .rightTop{position:absolute;right:0;top:190px;width:200px;}
.organChart .item2.type2{position:absolute;top:375px;right:240px;}
.organChart .rightItem1{display:block;position:absolute;right:0;top:644px;}
.organChart .rightItem1 a{width:200px;}
.organChart .leftItem1{display:block;position:absolute;left:100px;top:660px;}
.organChart .leftItem1 .item2{margin-bottom:20px;background:#b39759;border:2px solid #b39759;color:#fff;}
.organChart .leftItem1 dl{width:220px;}
.organChart .leftItem1 dl dt{height:50px;border:2px solid #b39759;border-radius:25px;}
.organChart .leftItem1 dl dt a{display:block;font-size:16px;font-weight:bold;color:#b39759;line-height:50px;}
.organChart .leftItem1 dl dd{padding:40px 5px 18px;margin-top:-20px;border:2px solid #b39759;border-top:0px none;border-bottom-left-radius:28px;border-bottom-right-radius:28px;}
.organChart .item3{display:block;width:220px;height:50px;background:#003974;box-sizing:border-box;border-radius:25px;line-height:50px;font-size:18px;font-weight:bold;color:#fff;}
.organChart ol{text-align:center;}
.organChart ol a{display:block;text-align:center;}
.organChart .bottomArea:after{display:block;content:'';clear:both;}
.organChart .departmentList{float:left;text-align:left;}
.organChart .departmentList:after{display:block;content:'';clear:both;}
.organChart .departmentList &gt; li{display:block;float:left;margin-right:10px;}
.organChart .departmentList &gt; li:last-child{margin-right:0px;}
.organChart .departmentList &gt; li.hasDepart &gt; dl{float:left;margin-right:10px;}
.organChart .departmentList &gt; li.hasDepart ol{float:left;margin-top:50px;margin-right:8px;}
.organChart .departmentList &gt; li.hasDepart ol dl{width:130px;background:#fff;border:2px solid #b89e64;border-radius:25px;}
.organChart .departmentList &gt; li.hasDepart ol dl dt{margin:-2px;height:50px;border:2px solid #b89e64;border-radius:25px;box-sizing:border-box;}
.organChart .departmentList &gt; li.hasDepart ol dl dt a{display:block;font-size:16px;font-weight:bold;color:#907333;line-height:50px;}
.organChart .departmentList &gt; li.hasDepart ol dl dd{margin:0 18px;border-bottom:1px solid #dedede;line-height:40px;}
.organChart .departmentList &gt; li &gt; dl{padding-bottom:5px;width:160px;background:#fff;border:2px solid #b89e64;border-radius:28px;box-sizing:border-box;}
.organChart .departmentList &gt; li &gt; dl dt{margin-bottom:5px;height:50px;border-radius:25px;background:#b39759;}
.organChart .departmentList &gt; li &gt; dl dt a{color:#fff;line-height:50px;font-size:18px;font-weight:bold;}
.organChart .departmentList &gt; li &gt; dl dd{margin:0 18px;border-bottom:1px solid #dedede;line-height:40px;}
.organChart .departmentList &gt; li &gt; dl dd:last-child{border-bottom:0px none;}
.organChart .rightItem2{float:right;}
.organChart .rightItem2 dl{width:200px !important;}
.organChart .middleItem{display:block;float:left;margin-top:50px;margin-left:18px;width:150px;height:50px;background:#fff;border:2px solid #b39759;border-radius:25px;box-sizing:border-box;color:#907333;font-size:16px;font-weight:bold;text-align:center;line-height:46px;}
.organPopCon:after{display:block;content:'';clear:both;}
.organPopCon .left{float:left;width:160px;}
.organPopCon .img{display:block;margin-bottom:10px;text-align:center;}
.organPopCon .name{display:block;margin-bottom:5px;font-size:20px;font-weight:bold;color:#111;text-align:center;letter-spacing:-1px;}
.organPopCon .birth{display:block;font-size:16px;color:#911b2b;font-weight:bold;text-align:center;}
.organPopCon .right{float:right;width:440px;}
.organPopCon .right ul{padding:15px 0;max-height:470px;overflow-y:scroll;border-top:1px solid #000;border-bottom:1px solid #dedede;}
.organPopCon .right ul li{display:block;position:relative;padding:5px 0 5px 53px;font-size:15px;line-height:150%;}
.organPopCon .right ul li span{display:block;position:absolute;left:0;}
.organTopCall{margin-bottom:8px;padding-left:42px;background:url(/images/kor/sub/icon_organTopCall.gif) no-repeat left center;font-size:22px;font-weight:bold;color:#911b2b;line-height:30px;}
.organInfoList{letter-spacing:-.5px;word-break:keep-all;}
.organInfoList dt{margin-bottom:10px;font-size:18px;font-weight:bold;color:#111;}
.organInfoList dd{margin-bottom:15px;font-size:15px;color:#333;line-height:170%;}
.organInfoList dd + dt{margin-top:35px;}
.organInfoList dd &gt; strong{display:block;margin-bottom:2px;padding-left:15px;background:url(/images/kor/sub/icon_listCon_ar.gif) no-repeat left center;font-size:16px;font-weight:bold;color:#044180;}
.organInfoList dd .desc{padding-left:15px;}
.organInfoList dd .desc a{color:#044180;text-decoration:underline;}

/* 헌법재판소소개 &gt; 조직 */
.organization{}
.organization &gt; div{}
.organization .head{display:block;position:absolute;left:0;top:30px;padding-left:40px;width:220px;font-size:24px;color:#111;font-weight:bold;box-sizing:border-box;}
.organization .topArea{margin-bottom:30px;padding-bottom:30px;text-align:center;}
.organization .topArea:after{display:block;content:'';clear:both;}
.organization .topArea .img{display:block;margin-bottom:10px;}
.organization .topArea .name{display:block;margin-bottom:10px;font-size:20px;}
.organization .topArea .name b{font-size:24px;}
.organization .memberInfo{display:inline-block;vertical-align:middle;}
.organization .memberInfo .name{display:block;margin-bottom:10px;font-size:20px;font-weight:bold;}
.organization .memberInfo a{display:block;margin:0 auto;padding-left:32px;width:100px;height:40px;background:url(/images/kor/sub/btn_memberInfo.gif) no-repeat 13px center;font-weight:bold;line-height:40px;box-sizing:border-box;border:1px solid #911b2b;font-size:15px;color:#911b2b;text-align:left;}
.organization .item{}
.organization .item ul{margin-bottom:30px;text-align:center;}
.organization .item ul:after{display:block;content:'';clear:both;}
.organization .item.type1 ul li{display:block;float:left;padding:0 5px 30px;width:12.5%;text-align:center;box-sizing:border-box;}
.organization .item.type2 ul li{display:inline-block;padding:0 5px;/*width:12.5%;*/box-sizing:border-box;margin-bottom: 20px;}
.organization .item ul li .name{display:block;margin-top:14px;font-size:17px;font-weight:bold;color:#111;}
/*.organization .item ul li .name a{display:inline-block;vertical-align:inherit;margin-left:10px;width:17px;height:16px;background:url(/images/kor/sub/btn_memberInfo.gif) no-repeat;text-indent:-9999em;}*/
.organization .item ul li .name a{display:block;margin:10px auto 0;padding-left:42px;width:120px;height:40px;background:url(/images/kor/sub/btn_memberInfo.gif) no-repeat 20px center;line-height:40px;box-sizing:border-box;border:1px solid #911b2b;font-size:15px;color:#911b2b;text-align:left;}
.organization .titleBox{margin-bottom:30px;height:55px;background:#044180;text-align:center;font-size:22px;font-weight:bold;color:#fff;line-height:55px;}
.organPopCon:after{display:block;content:'';clear:both;}
.organPopCon .img{display:block;margin-bottom:10px;}
.organPopCon .name{display:block;margin-bottom:5px;font-size:20px;font-weight:bold;color:#111;text-align:center;letter-spacing:-1px;}
.organPopCon .name em{font-weight:normal;}
.organPopCon .position{display:block;font-size:20px;font-weight:bold;color:#111;text-align:center;letter-spacing:-1px;}
.organPopCon .right ul{padding:15px 0;max-height:470px;overflow-y:scroll;border-top:1px solid #911b2b;border-bottom:1px solid #dedede;box-sizing:border-box;}
.organPopCon .right ul li{display:block;position:relative;padding:5px 0 5px 53px;font-size:15px;line-height:150%;}
.organPopCon .right ul li span{display:block;position:absolute;left:0;}


/* 헌법재판소소개 &gt; 둘러보기 */
.bookList{border-top:2px solid #231f20;}
.bookList ul:after{display:block;content:'';clear:both;}
.bookList ul li{display:block;float:left;position:relative;padding:20px 30px 20px 218px;width:50%;height:232px;box-sizing:border-box;border-bottom:1px solid #dedede;border-right:1px solid #dedede;}
.bookList ul li:nth-child(2n){border-right:0px none;}
.bookList ul li .img{display:block;position:absolute;left:30px;top:20px;width:150px;height:190px;border:1px solid #dcdcdc;}
.bookList ul li .img:after{display:block;content:'';position:absolute;top:5px;bottom:-4px;right:-4px;left:5px;border:3px solid #e5e5e5;z-index:-1;}
.bookList ul li .img img{width:100%;height:100%;}
.bookList ul li .title{display:block;padding:10px 0;font-size:17px;font-weight:bold;color:#111;}
.bookList ul li .bookInfo{display:block;margin-bottom:20px;font-size:14px;font-weight:bold;color:#911b2b;line-height:145%;}
.bookList ul li .desc{display:block;font-size:15px;color:#555;}
.bookList ul li .downBtn{position:absolute;right:30px;bottom:20px;}

/* 헌법재판소소개 &gt; 영상자료실 */
.thumbRowList{border-top:2px solid #231f20;border-bottom:1px solid #8e8e8e;}
.thumbRowList ul li{display:block;position:relative;padding:20px 220px 20px 280px;height:170px;border-bottom:1px solid #dedede;box-sizing:border-box;}
.thumbRowList ul li:last-child{border-bottom:0px none;}
.thumbRowList ul li .img{display:block;position:absolute;left:30px;top:20px;width:220px;height:125px;border:1px solid #dcdcdc;}
.thumbRowList ul li .img:after{display:block;content:'';position:absolute;top:5px;bottom:-4px;right:-4px;left:5px;border:3px solid #e5e5e5;z-index:-1;}
.thumbRowList ul li .img img{width:100%;height:100%;}
.thumbRowList ul li .title{display:block;padding:12px 0;font-size:17px;font-weight:bold;color:#111;}
.thumbRowList ul li .thumbInfo{display:block;margin-bottom:20px;font-size:14px;font-weight:bold;color:#911b2b;line-height:145%;}
.thumbRowList ul li .desc{display:block;font-size:15px;color:#555;}
.thumbRowList ul li .btnVideo{position:absolute;right:30px;top:50%;margin-top:-17px;}

/* 헌법재판소소개 &gt; 연설문 */
.speechList{position:relative;border-top:2px solid #231f20;}
.speechList:after{display:block;content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid #8e8e8e;}
.speechList ul:after{display:block;content:'';clear:both;}
.speechList ul li{display:block;float:left;padding:30px 20px;width:25%;box-sizing:border-box;border-bottom:1px solid #dedede;}
.speechList ul li a{display:block;position:relative;padding:10px;height:230px;background:#fff;border:1px solid #dedede;text-align:center;box-sizing:border-box;}
.speechList ul li a:hover{border:1px solid #911b2b;}
.speechList ul li a:after{display:block;position:absolute;content:'';right:-4px;top:4px;bottom:-4px;left:4px;width:100%;background:#f0f0f0;z-index:-1;opacity:0;}
.speechList ul li a:hover:after{transition-duration:.5s;opacity:1;}
.speechList ul li .title{display:block;display:-webkit-box;margin-top:40px;margin-bottom:35px;height:60px;line-height:30px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;font-size:20px;font-weight:bold;color:#111;}
.speechList ul li .date{display:block;margin-bottom:15px;font-size:15px;color:#911b2b;}
.speechList ul li .count{color:#333;font-size:14px;}


/* 알림소식 &gt; 뉴스레터 */
.newsletterBox{position:relative;margin-top:40px;padding:47px 0 47px 340px;border-top:2px solid #231f20;border-bottom:1px solid #dedede;}
.newsletterBox .leftInfo{position:absolute;left:0;top:0;bottom:0;padding-top:65px;width:340px;background:#f2f2f2 url(/images/kor/sub/icon_newsletterBox.png) no-repeat center 27px;border-right:1px solid #dedede;font-size:15px;line-height:150%;text-align:center;}
.newsletterBox .leftInfo span{display:block;margin-bottom:15px;font-size:22px;line-height:135%;}
.newsletterBox &gt; ul{margin:0 40px;}
.newsletterBox &gt; ul li{display:block;position:relative;padding:5px 0 5px 80px;}
.newsletterBox &gt; ul .head{display:block;position:absolute;left:0;top:5px;width:80px;font-weight:bold;font-size:15px;line-height:30px;}
.newsletterBox label + input{margin-left:20px;}
.radioSet label{line-height:32px;}

/* 이용안내 및 정책 */
.privacyCon{letter-spacing:-.5px;}
.privacyCon .topBox{padding:30px 35px;background:#f8f8f8;border:1px solid #f0f0f0;font-size:15px;line-height:170%;}
.privacyCon dl{padding:40px;}
.privacyCon dl dt{margin-bottom:10px;font-size:18px;font-weight:bold;color:#911b2b;}
.privacyCon dl dd{margin-bottom:50px;font-size:15px;line-height:130%;}
.privacyCon dl dd p + ul,
.privacyCon dl dd ul + p{margin-top:10px;}
.privacyCon dl dd .tableBox{margin-top:10px;border-top:1px solid #911b2b;}
.privacyCon dl dd ul li ul{margin-top:10px;}
.blueGoLink{color:#044180;text-decoration:underline;}
.blueGoLink:hover{font-weight:bold;text-decoration:underline;}
.iconGrayBox{position:relative;padding:30px 30px 30px 150px;min-height:140px;border:1px solid #f0f0f0;box-sizing:border-box;}
.iconGrayBox .icon{display:block;position:absolute;left:30px;top:50%;margin-top:-50px;}
.iconGrayBox p + p{margin-top:15px;}
.imgWrap{margin-bottom:40px;}
.goLinkBar{padding:30px 0;border-top:1px solid #911b2b;border-bottom:1px solid #dedede;text-align:center;}
.goLinkBar a{display:inline-block;vertical-align:middle;margin-right:40px;}
.goLinkBar a:last-child{margin-right:0;}
.relSiteList{border-top:2px solid #231f20;border-bottom:1px solid #8e8e8e;}
.relSiteList ul{padding:20px 0;}
.relSiteList ul:after{display:block;content:'';clear:both;}
.relSiteList li{display:block;float:left;padding:20px 40px;width:25%;box-sizing:border-box;text-align:center;}
.relSiteList li a{display:block;margin-bottom:10px;border:1px solid #dedede;}
.relSiteList li a:hover{border:1px solid #911b2b;}


/* 헌법재판안내 */
#conNavBar{padding:12px 40px;border-top:1px solid #911b2b;border-bottom:1px solid #911b2b;}
#conNavBar:after{display:block;content:'';clear:both;}
#conNavBar &gt; li{display:block;float:left;padding:6px 0;box-sizing:border-box;}
#conNavBar.col2 &gt; li{width:50%;} 
#conNavBar.col3 &gt; li{width:33.3333%;}
#conNavBar.col4 &gt; li{width:25%;} 
#conNavBar &gt; li &gt; a{display:block;padding-left:34px;background:url(/images/kor/sub/icon_conNavBar_ar.gif) no-repeat left top;line-height:23px;font-size:15px;}
#conNavBar &gt; li &gt; a:hover{background:url(/images/kor/sub/icon_conNavBar_ar_on.gif) no-repeat left top;color:#911b2b;}
.conNavBox{clear:both;position:relative;padding:40px;padding-bottom:70px;border-bottom:1px solid #dedede;}
.conNavBox:after{display:block;content:'';clear:both;}
.conNavBox .title{display:inline-block;margin-bottom:18px;padding:0 30px;height:40px;background:#911b2b;border-radius:20px;line-height:40px;color:#fff;text-align:center;font-size:17px;font-weight:bold;}
.conNavBox .btnConTop{display:block;position:absolute;right:40px;bottom:20px;padding-left:30px;width:70px;height:30px;background:url(/images/kor/sub/icon_btnConTop.gif) no-repeat 17px center;border:1px solid #dedede;border-radius:15px;line-height:28px;font-size:14px;box-sizing:border-box;}
.conNavBox .txtBox:after{display:block;content:'';clear:both;}
.conNavBox .txtBox p{line-height:175%;word-break:break-all;}
.conNavBox .txtBox p + p,
.conNavBox .txtBox .img + p,
.conNavBox .txtBox + .imgBox,
.conNavBox .txtBox p + ul,
.conNavBox .txtBox ul + p{margin-top:20px;}
.conNavBox .txtBox .img{display:block;float:right;}
.conNavBox .txtBox.type2 p{float:left;width:680px;}
.conNavBox .txtBox + dl{margin-top:25px;}
.conNavBox .txtBox.type3{float:right;width:75%;}
.conNavBox .leftImg{float:left;width:22%;}
.conNavBox dl{}
.conNavBox dl dt{display:block;margin-bottom:10px;font-size:17px;font-weight:bold;}
.conNavBox dl dd{margin-bottom:25px;font-size:15px;line-height:175%;}
.conNavBox dl dd p + p{margin-top:10px;}
.conNavBox .roundTxt{display:inline-block;vertical-align:inherit;margin:8px 3px;padding:0 18px;height:30px;background:#efefef;border-radius:15px;line-height:30px;font-size:15px;color:#911b2b;}
.conNavBox:last-child{border-bottom:0px none;}
.conNavBox.type2{padding:40px 0 0;border-bottom:0px none;}
.conNavTopImg{display:block;margin-top:40px;}
.grayTxtBox{margin-bottom:30px;padding:15px 20px;border:1px solid #dedede;line-height:175%;}
.yellowHead &gt; li{margin-bottom:25px;}
.yellowHead &gt; li &gt; .head{display:block;color:#a97400;}

/* 견학신청 */
.visitTime{margin-bottom:15px;color:#911b2b;font-size:18px;line-height:30px;}
.visitTime b{display:inline-block;vertical-align:top;margin-right:5px;padding:0 20px 0 40px;height:30px;background:#911b2b url(/images/kor/sub/icon_visitTime_clock.png) no-repeat 15px center;border-radius:15px;color:#fff;}
.visitVideo{position:relative;left:70%;}
.calenderWrap{position:relative;padding-top:15px;}
.calenderWrap .topControls{margin-bottom:20px;}
.calenderWrap .topControls .center{text-align:center;}
.calenderWrap .topControls .center .current{display:inline-block;vertical-align:middle;margin:0 25px;font-size:20px;font-weight:bold;line-height:100%;}
.calenderWrap .topControls .center .current b{display:inline-block;vertical-align:bottom;font-size:32px;}
.calenderWrap .topControls .center a{display:inline-block;vertical-align:top;margin-top:3px;width:30px;height:9px;text-indent:-9999em;}
.calenderWrap .topControls .center .prev{background:url(/images/kor/sub/icon_calendar_prev.gif) no-repeat;}
.calenderWrap .topControls .center .next{background:url(/images/kor/sub/icon_calendar_next.gif) no-repeat;}
.calenderWrap .topControls .right{position:absolute;right:0;top:3px;}
.calenderWrap .topControls .right select{width:100px;height:38px;box-sizing:border-box;border:1px solid #d4d4d4;}
.calenderWrap .topControls .right a{padding:0;min-width:auto;width:60px;}
.calendarTable{border-top:2px solid #231f20;border-left:1px solid #dedede;}
.calendarTable table{width:100%;} 
.calendarTable table th{border-bottom:1px solid #911b2b;font-size:15px;color:#911b2b;text-align:center;}
.calendarTable table th,
.calendarTable table td{padding:10px;border-right:1px solid #dedede;border-bottom:1px solid #dedede;}
.calendarTable table td{height:140px;box-sizing:border-box;vertical-align:top;}
.calendarTable table td .day{display:block;font-size:14px;color:#000;font-weight:bold;}
.calendarTable table .visitApply{padding:5px;}
.calendarTable table .visitApply li{margin:8px 0;line-height:22px;letter-spacing:-.5px;}
.calendarTable table .visitApply li.ing{color:#044180;}
.calendarTable table .visitApply li.end{color:#911b2b;}
.calendarTable table .visitApply li .applyBtn{display:inline-block;vertical-align:top;margin:0 5px;width:62px;height:22px;border-radius:11px;line-height:22px;color:#fff;text-align:center;font-size:13px;}
.calendarTable table .visitApply li.ing .applyBtn{background:#044180;}
.calendarTable table .visitApply li.end .applyBtn{background:#911b2b;}
.calendarTable table .visitApply .age{display:inline-block;vertical-align:top;width:22px;height:22px;border:1px solid #911b2b;border-radius:11px;color:#911b2b;text-align:center;line-height:22px;font-size:13px;font-weight:bold;box-sizing:border-box;}
.calendarTable table td.closed{position:relative;background:#f7f7f7;}
.calendarTable table td.closed .closedTxt{display:block;position:absolute;top:50%;left:50%;margin:-10px 0 0 -15px;text-align:center;font-size:16px;color:#666;font-weight:bold;}
.calenderWrap .ageList{margin-top:10px;text-align:right;}
.calenderWrap .ageList span{display:inline-block;vertical-align:middle;margin-right:14px;font-size:14px;}
.calenderWrap .ageList span em{display:inline-block;margin-right:4px;width:23px;height:23px;border:1px solid #686868;border-radius:11.5px;text-align:center;box-sizing:border-box;line-height:21px;font-size:13px;}
.visitTimeApply{padding:20px 25px;border-top:2px solid #231f20;border-bottom:1px solid #dedede;}
.visitTimeApply .date{display:inline-block;vertical-align:middle;margin-right:35px;font-size:22px;font-weight:bold;color:#111;}
.visitTimeApply input,
.visitTimeApply label{display:inline-block;vertical-align:middle;}
.visitTimeApply label{margin-right:20px;}
.visitTimeApply .disabled{color:#bebebe;}
.noteIcon{display:inline-block;vertical-align:middle;padding-left:22px;background:url(/images/kor/sub/icon_noteIcon.gif) no-repeat left center;color:#044180;font-size:14px;}
.txt + .noteIcon{margin-left:20px;}
p.noteIcon{display:block;margin-top:3px;}
.topImgInfo{position:relative;margin-bottom:40px;padding-top:55px;padding-left:680px;height:310px;background:#f4f2ef;box-sizing:border-box;}
.topImgInfo:after{display:block;content:'';clear:both;}
.topImgInfo .img{float:left;display:block;position:absolute;left:0;top:0;bottom:0;width:600px;}
.topImgInfo p{font-size:24px;line-height:145%;letter-spacing:-.5px;}
.topImgInfo .txtSmall{font-size:17px;}
.topImgInfo p + p{margin-top:20px;}
.topImgInfo p b{color:#911b2b;font-weight:bold;}
.topImgInfo.type2{padding:35px 20px 0 660px;}
.topImgInfo.type2 p{font-size:19px;}
.topImgInfo.type2 .txtSmall{font-size:15px;}
.topImgInfo.type2 p + p{margin-top:10px;}
.callBox{margin-bottom:15px;padding:20px 30px;height:70px;background:#fbf5f5;border-radius:35px;box-sizing:border-box;}
.callBox dl{text-align:center;}
.callBox dt{display:inline-block;position:relative;padding-left:42px;padding-right:23px;background:url(/images/kor/sub/icon_callBox_head.png) no-repeat left center;line-height:30px;font-size:18px;font-weight:bold;color:#911b2b;}
.callBox dt:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-10px;height:20px;border-right:1px solid #d7bbbe;}
.callBox dd{display:inline-block;margin-left:23px;color:#911b2b;font-size:17px;}
.callBox dd b{display:inline-block;vertical-align:top;font-size:22px;}
.courseTab{margin-bottom:45px;text-align:center;}
.courseTab li{display:block;position:relative;float:left;padding:0 5px;width:25%;box-sizing:border-box;text-align:center;}
.courseTab li:before{display:block;content:'';position:absolute;top:20px;left:0;right:50%;margin-right:28px;border-top:2px solid #ddd;}
.courseTab li:first-child:before{display:none;}
.courseTab li:after{display:block;content:'';position:absolute;top:20px;left:50%;right:0;margin-left:28px;border-top:2px solid #ddd;}
.courseTab li:last-child:after{display:none;}
.courseTab.col5 li{width:20%;}
.courseTab li a{display:block;height:auto;border:0px none !important;line-height:inherit;}
.courseTab li.active a{background:none;}
.courseTab li .num{display:block;margin:0 auto 15px;width:40px;height:40px;border-radius:50%;border:2px dashed #ddd;line-height:36px;font-size:19px;font-weight:900;color:#999;box-sizing:border-box;}
.courseTab li.active .num{background:#911b2b url(/images/kor/sub/icon_courseTab_active.png) no-repeat center;border:0px none;text-indent:-9999em;}
.courseTab li .desc{display:block;color:#666;font-size:17px;}
.courseTab li .desc b{display:block;}
.courseTab li.active .desc{color:#911b2b;}

/* 만족도 조사 */
#satisfyBox{padding:35px 65px;border:1px solid #ddd;border-top:1px solid #6c6c6c;background:#f8f8f8;}
#satisfyBox:after{display:block;content:'';clear:both;}
#satisfyBox .topTxt{margin-bottom:15px;font-size:16px;}
#satisfyBox .topTxt b{display:inline-block;vertical-align:inherit;position:relative;margin-right:16px;padding-right:16px;padding-left:25px;background:url(/images/kor/sub/icon_satisfyBox.png) no-repeat left center;font-weight:bold;color:#000;}
#satisfyBox .topTxt b:after{display:block;content:'';position:absolute;right:0;top:50%;margin-top:-6px;height:12px;border-right:1px solid #d8d8d8;}
#satisfyBox .satisfySelect{float:left;}
#satisfyBox .satisfySelect li{display:inline-block;margin-right:25px;font-size:16px;line-height:40px;}
#satisfyBox .opinion{display:block;float:right;}
#satisfyBox .opinion input[type="text"]{padding:0 12px;width:422px;height:40px;border:1px solid #d4d4d4;box-sizing:border-box;font-size:14px;}
#satisfyBox .opinion input[type="submit"]{width:70px;height:40px;background:#393939 !important;border:0px none;border-radius:2px;text-align:center;line-height:40px;font-size:16px;color:#fff !important;}

/* 헌법재판소소개 &gt; 상징소개 */
.insignBox{position:relative;padding:55px 0 55px 440px;border-top:1px solid #911b2b;border-bottom:1px solid #dedede;}
.insignBox .img{display:block;position:absolute;left:120px;top:50%;margin-top:-97.5px;}
.insignBox p{margin-bottom:25px;line-height:170%;}
.insignBox ul li{position:relative;margin-bottom:25px;padding-left:55px;}
.insignBox ul li .head{display:block;position:absolute;left:0;top:0;width:55px;font-size:18px;}
.insignColor:after{display:block;content:'';clear:both;}
.insignColor li{display:block;float:left;margin-bottom:20px;width:50%;}
.insignColor li .color{display:inline-block;vertical-align:middle;margin-right:20px;width:180px;height:100px;}
.insignColor li .color.red{background:#911b2b;}
.insignColor li .color.yellow{background:#e4b477;}
.insignColor li .color.blue{background:#0a58a5;}
.insignColor li .color.green{background:#33b36d;}
.insignColor li .color.skyblue{background:#66c6dd;}
.insignColor li .color.skyblue2{background:#99d9e8;}
.insignColor li .color.skyblue3{background:#ccecf4;}
.insignColor li .color.gray{background:#666;}
.insignColor li .desc{display:inline-block;vertical-align:middle;line-height:180%;}
.insignSize{padding:40px 0;border:1px solid #dedede;text-align:center;}

/* 헌법재판소소개 &gt; 헌법재판소소장 */
.greeting{letter-spacing:-.5px;}
.greetingTop{position:relative;margin-bottom:45px;padding-top:70px;padding-right:30%;}
/*.greetingTop:before{display:block;content:'';position:absolute;left:35%;top:-23px;margin-left:-60px;width:120px;height:46px;background:#fff url(/images/kor/sub/icon_greetingTop.gif) no-repeat center;}*/
.greetingTop .txtBox{padding-bottom:100px;border-bottom:2px solid #b39758;text-align:center;font-weight:bold;}
.greetingTop b{display:block;margin-bottom:40px;font-size:36px;line-height:130%;color:#911b2b;}
.greetingTop p{font-size:20px;line-height:180%;font-weight:bold;}
.greetingTop .img{display:block;position:absolute;right:0;bottom:-18px;}
.greeting &gt; p{margin-bottom:20px;padding-left:18px;font-size:17px;line-height:160%;}
.greeting &gt; .sign{text-align:right;}
.greeting &gt; .sign b{display:inline-block;margin-right:14px;font-size:20px;font-weight:bold;color:#911b2b;}
.profileCon{}
.profileTop{margin-bottom:70px;}
.profileTop:after{display:block;content:'';clear:both;}
.profileTop .txtBox{float:left;padding-top:20px;padding-left:210px;}
.profileTop .txtBox .title{display:block;position:absolute;top:0;left:0;width:161px;height:161px;background:url(/images/kor/sub/bg_profileTop_title.gif) no-repeat;font-size:26px;font-weight:bold;color:#fefefe;line-height:161px;text-align:center;}
.profileTop .txtBox .name{display:block;position:relative;margin-bottom:25px;padding-right:155px;padding-top:15px;background:url(/images/kor/sub/img_profileTop_chin.gif) no-repeat 60% 100%;font-size:40px;font-weight:bold;color:#222;}
.profileTop .txtBox .name:after{display:block;content:'';position:absolute;top:0;left:0;width:40px;height:2px;background:#916d49;}
.profileTop .profileList li{display:block;position:relative;margin-bottom:10px;padding-left:25px;font-size:18px;line-height:140%;}
.profileTop .profileList li:after{display:block;content:'';position:absolute;left:10px;top:10px;width:4px;height:4px;border-radius:50%;background:#b39758;}
.profileTop .img{display:block;float:right;}
.profileCon &gt; p{margin-bottom:20px;font-size:17px;line-height:180%;}
.profileCon &gt; .bottom{font-size:18px;}

/* 찾아오시는 길 */
.locationBox{position:relative;margin-bottom:50px;height:450px;border:1px solid #ddd;}
.locationInfo{position:absolute;right:0;bottom:0;padding:30px 35px;width:410px;height:185px;background:#911b2b;box-sizing:border-box;color:#fff;letter-spacing:-.5px;z-index:1;}
.locationInfo .title{display:block;position:relative;margin-bottom:20px;padding-bottom:15px;font-size:20px;}
.locationInfo .title:after{display:block;content:'';position:absolute;left:0;bottom:0;width:30px;border-bottom:1px solid #fff;}
.locationInfo &gt; p{margin:15px 0;padding-left:32px;font-size:16px;font-weight:bold;line-height:23px;}
.locationInfo .address{background:url(/images/kor/sub/icon_location_address.png) no-repeat left center;}
.locationInfo .callNum{background:url(/images/kor/sub/icon_location_callNum.png) no-repeat left center;}
#skipLocation{display:block;position:absolute;top:-999px;padding:8px 0;width:150px;text-align:center;color:#fff;background:#000;z-index:999999;}
#skipLocation:focus{left:0px;top:0px}

/* 연혁 */
.historyCon{background:url(/images/kor/sub/bg_historyCon.jpg) no-repeat left center;}
.historyCon &gt; ul{position:relative;margin-left:50%;width:50%;}
.historyCon &gt; ul:before{}
.historyCon &gt; ul:after{display:block;content:'';clear:both;}
.historyCon &gt; ul &gt; li{display:block;position:relative;clear:both;margin-bottom:30px;padding:22px 0;padding-left:60px;box-sizing:border-box;}
.historyCon &gt; ul &gt; li:after{display:block;content:'';position:absolute;left:0;top:0;bottom:-30px;margin-left:-2px;border-right:4px solid #ccc;z-index:-1;}
.historyCon &gt; ul &gt; li:last-child{margin-bottom:0;}
.historyCon &gt; ul &gt; li:last-child:after{display:none;}
.historyCon &gt; ul &gt; li .year{display:block;position:absolute;top:0;left:-35px;width:70px;height:70px;border-radius:50%;background:#ada0a2;line-height:70px;font-size:20px;color:#fff;font-weight:900;text-align:center;}
.historyCon &gt; ul &gt; li.decade .year{background:#911b2b;}
.historyCon &gt; ul &gt; li dl{position:relative;line-height:25px;}
.historyCon &gt; ul &gt; li dl dt{clear:both;display:block;float:left;width:85px;font-size:18px;color:#911b2b;font-weight:bold;text-align:right;letter-spacing:-.5px;}
.historyCon &gt; ul &gt; li dl dd{margin-left:112px;}
.historyCon &gt; ul &gt; li dl dd + dt,
.historyCon &gt; ul &gt; li dl dd + dt + dd{margin-top:12px;}
.historyCon &gt; ul &gt; li dl dd ul li{display:block;position:relative;padding:0 10px;}
.historyCon &gt; ul &gt; li dl dd ul li:after{display:block;content:'';position:absolute;left:0;top:10px;width:3px;height:3px;background:#666;}

/* 참여소통 &gt; 전시관관람신청 */
.progressList{margin:15px -28px 0;}
.progressList:after{display:block;content:'';clear:both;}
.progressList li{display:block;float:left;position:relative;padding:0 28px;width:33.3333%;box-sizing:border-box;}
.progressList li:after{display:block;content:'';position:absolute;right:-5px;top:50%;margin-top:-12px;width:13px;height:24px;background:url(/images/kor/sub/icon_progressList_ar.gif) no-repeat;}
.progressList li:last-child:after{display:none;}
.progressList li &gt; div{border:1px solid #7c92d1;border-radius:5px;overflow:hidden;}
.progressList li .title{display:table;width:100%;height:60px;background:#e2e8f4;text-align:center;}
.progressList li .title span{display:table-cell;vertical-align:middle;font-size:18px;font-weight:bold;color:#4562b3;line-height:36px;}
.progressList li .title .num{display:inline-block;margin-right:8px;width:36px;height:36px;border-radius:18px;background:#7c92d1;line-height:36px;color:#fff;font-weight:900;font-size:18px;}
.progressList li .desc{display:table;padding:0 20px;width:100%;height:80px;text-align:center;box-sizing:border-box;}
.progressList li .desc span{display:table-cell;vertical-align:middle;font-size:16px;color:#555;}
.calenderWrap:after{display:block;content:'';clear:both;}
.calenderWrap .leftArea{float:left;width:55%;}
.calenderWrap .leftArea .calendarTable table td{height:80px;}
.calenderWrap .leftArea .calendarTable table td.closed .closedTxt{font-size:15px;}
.calenderWrap .leftArea .calendarTable table td.active{background:#cfaf6a url(/images/kor/sub/icon_calendar_check.png) no-repeat center;}
.calenderWrap .leftArea .calendarTable table td.active .day{color:#fff;}
.calenderWrap .leftArea .calendarTable table td a{display:block;height:100%;}
.calenderWrap .rightArea{float:right;margin-top:-10px;padding:0 30px 30px;width:40%;box-sizing:border-box;background:#f8f8f8;border-radius:10px;}
.calenderWrap .rightArea .date{display:block;padding:20px 0 10px;text-align:center;font-size:20px;font-weight:bold;color:#911b2b;}
.calenderWrap .rightArea .tableBox{margin-bottom:0;background:#fff;}
.calenderWrap .rightArea table td a{margin-left:20px;vertical-align:inherit;}
.calenderWrap .rightArea table td .none{font-size:15px;color:#666;}

/* 판계통계법령 &gt; 헌법재판통계 */
.statTopBox{margin-bottom:15px;padding:25px 35px;border:1px solid #ddd;letter-spacing:-.5px;}
.statTopBox p{font-size:20px;line-height:135%;}
.statTopBox .botTxt{display:block;margin-top:8px;color:#666;font-size:16px;}
.statisList:after{display:block;content:'';clear:both;}
.statisList &gt; li{display:block;float:left;padding:35px;width:33.3333%;box-sizing:border-box;background-repeat:no-repeat;background-position:80% 105px;}
.statisList.col2 &gt; li{width:50%;}
.statisList &gt; li.icon1{background-image:url(/images/kor/sub/icon_statisList1.jpg);}
.statisList &gt; li.icon2{background-image:url(/images/kor/sub/icon_statisList2.jpg);}
.statisList &gt; li.icon3{background-image:url(/images/kor/sub/icon_statisList3.jpg);}
.statisList &gt; li.icon4{background-image:url(/images/kor/sub/icon_statisList4.jpg);}
.statisList &gt; li.icon5{background-image:url(/images/kor/sub/icon_statisList5.jpg);}
.statisList &gt; li.icon6{background-image:url(/images/kor/sub/icon_statisList6.jpg);}
.statisList &gt; li.icon7{background-image:url(/images/kor/sub/icon_statisList7.jpg);}
.statisList &gt; li.icon8{background-image:url(/images/kor/sub/icon_statisList8.jpg);}
.statisList &gt; li.icon9{background-image:url(/images/kor/sub/icon_statisList9.jpg);}
.statisList &gt; li.icon10{background-image:url(/images/kor/sub/icon_statisList10.jpg);}
.statisList &gt; li.icon11{background-image:url(/images/kor/sub/icon_statisList11.jpg);}
.statisList &gt; li.icon12{background-image:url(/images/kor/sub/icon_statisList12.jpg);}
.statisList &gt; li.icon13{background-image:url(/images/kor/sub/icon_statisList13.jpg);}
.statisList &gt; li a{display:block;position:relative;}
.statisList &gt; li a:after{display:block;content:'';position:absolute;top:-35px;bottom:-35px;left:-25px;right:-25px;border:2px solid #911b2b;border-radius:15px;opacity:0;box-shadow:1px 2px 8px 0px #8e8e8e;}
.statisList &gt; li a:hover:after{opacity:1;transition-duration:.3s;}
.statisList &gt; li a:before{content:'';position:absolute;right:0;top:-10px;width:40px;height:40px;background:url(/images/kor/sub/icon_statisList_check.gif) no-repeat;opacity:0;}
.statisList &gt; li a:hover:before{opacity:1;transition-duration:.3s;}
.statisList &gt; li .title{display:block;position:relative;margin-bottom:150px;padding-top:20px;font-size:24px;font-weight:bold;color:#222;line-height:135%;}
.statisList &gt; li .title:after{display:block;content:'';position:absolute;left:0;top:0;width:40px;border-top:2px solid #000;}
.statisList &gt; li ul:after{display:block;content:'';clear:both;}
.statisList &gt; li ul li{display:table;width:100%;height:110px;border-radius:10px;text-align:center;}
.statisList &gt; li ul.col2 li{float:left;margin:0 1%;width:48%;}
.statisList &gt; li ul.type2 li{height:140px;}
.statisList &gt; li ul li:first-child{background:#f4eee9;}
.statisList &gt; li ul li:nth-child(2){background:#e7f0f4;}
.statisList &gt; li ul li &gt; div{display:table-cell;vertical-align:middle;}
.statisList &gt; li ul li .num{display:block;margin-bottom:5px;font-size:18px;}
.statisList &gt; li ul li.minus{background:#e7f0f4;}
.statisList &gt; li ul li.minus b{color:#044180 !important;}
.statisList &gt; li ul li.plus b{color:#911c2b !important;}
.statisList &gt; li ul li.minus .num,
.statisList &gt; li ul li.plus .num{display:inline-block;padding-left:40px;}
.statisList &gt; li ul li.plus .num{background:url(/images/kor/sub/icon_statisList_plus.png) no-repeat left center;}
.statisList &gt; li ul li.minus .num{background:url(/images/kor/sub/icon_statisList_minus.png) no-repeat left center;}
.statisList &gt; li ul li .num b{font-size:30px;}
.statisList &gt; li ul.col1 li .num{font-size:24px;}
.statisList &gt; li ul.col1 li .num b{font-size:34px;}
.statisList &gt; li ul li:first-child .num b{color:#911c2b;}
.statisList &gt; li ul li:nth-child(2) .num b{color:#044180;}
.statisList &gt; li ul li .desc{display:block;font-size:16px;font-weight:bold;}
.statisList &gt; li ul li .desc .value{margin-left:10px;}
.statisList &gt; li ul.type2 li .desc{margin-bottom:15px;}
.statisList .value{display:inline-block;padding-left:22px;font-size:18px;font-weight:bold;background-position:left center;background-repeat:no-repeat;}
.statisList .value.up{background-image:url(/images/kor/sub/icon_statisList_up.png);color:#911b2b;}
.statisList .value.down{background-image:url(/images/kor/sub/icon_statisList_down.png);color:#044180;}
.statisPop .img{display:block;margin-bottom:25px;text-align:center;}
.statisPop .topTxt{margin-bottom:25px;font-size:20px;font-weight:bold;color:#000;line-height:130%;text-align:center;}
.statisPop .botDesc{margin:0 -30px -30px;padding:25px;background:#f7f7f7;border-top:1px dashed #ddd;}
.statisPop .botDesc p{font-size:16px;line-height:150%;}
.statisPop .botDesc p + p{margin-top:25px;}
.statisPop .botDesc.type2{padding:25px 0;}
.statisPop a{display:inline-block;padding:0 55px 0 25px;height:40px;background:#911b2b url(/images/kor/sub/icon_statisPop_btn.png) no-repeat 88% center;border-radius:20px;line-height:40px;color:#fff;font-size:16px;font-weight:bold;text-align:center;}
.statisPop .btnPop{padding:0;background:none;color:#911c2b;font-weight:normal;}
.statisPop .btnPop:hover{text-decoration:underline;}
.statisList.type2 &gt; li{padding:15px;}
.statisList.type2 &gt; li &gt; a{padding-top:215px;height:370px;border:1px solid #e0e0e0;border-radius:15px;box-sizing:border-box;text-align:center;overflow:hidden;}
.statisList.type2 &gt; li &gt; a:after{top:0;right:0;bottom:0;left:0;}
.statisList &gt; li a:before{top:20px;right:20px;}
.statisList.type2 &gt; li .img{display:block;position:absolute;top:10px;left:0;right:0;}
.statisList.type2 &gt; li .quest{display:block;font-size:24px;font-weight:bold;}
.statisList.type2 &gt; li .answer{display:table;position:absolute;bottom:0;left:0;right:0;width:100%;height:90px;background:#f7f7f7;border-top:1px dashed #ddd;}
.statisList.type2 &gt; li .answer p{display:table-cell;font-size:22px;font-weight:bold;color:#911b2b;vertical-align:middle;}
.statisList.type2 &gt; li .answer .num{margin-left:10px;font-size:28px;}
.statisList.type2 &gt; li .answer .num b{font-size:40px;}
p + .caseHead{margin-top:15px;}
.caseHead li{display:block;position:relative;padding:14px 0 14px 185px;font-size:16px;word-break:break-all;line-height:130%;}
.caseHead li.active{background:#fff;}
.caseHead li.active:after{display:block;content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:3px solid #911b2b;z-index:0;}
.caseHead li .head{display:block;position:absolute;left:0;top:0;padding-left:45px;width:140px;box-sizing:border-box;color:#911b2b;font-weight:bold;line-height:45px;}
.c3 svg{font-size:14px !important;}
.c3-line{stroke-width:5px !important;}

.popupPrintArea{position:relative;}
.popupPrintArea .rightArea{position:absolute;right:40px;top:20px;text-align:right;}

/* 윈도우 팝업 */
#windowPopCon{padding:20px;}
#windowPopCon h4{margin:0 0 20px;font-size:24px;color:#911b2b;}

/* justices */
h4.box { background: #293754; color: #fff; font-size: 600; font-size: 24px; text-align: center; line-height: 22px; padding: 29px 0; margin-bottom: 50px; }
*+h4.box { margin-top: 50px; }
.justices figure {float: left;margin-right: 30px;margin-bottom: 15px;margin-top: 0px;margin-left: 0px;}
.justices a{display:block;margin:0 auto;padding-left:32px;width:100px;height:40px;background:url(/images/kor/sub/btn_memberInfo.gif) no-repeat 13px center;font-weight:bold;line-height:40px;box-sizing:border-box;border:1px solid #911b2b;font-size:15px;color:#911b2b;text-align:left;margin-top:10px; }
dl.profile { overflow: hidden; margin-bottom: 36px; margin-right: 5px; margin-top: 10px;}
dl.profile dt { font-size: 40px; font-weight: 300; line-height: 40px; margin-bottom: 24px; margin-top: 5px;}
dl.profile dd.message { color: #911b2b; margin-bottom: 24px; line-height: 1.5;}
dl.profile dd.cv { font-size: 14px; color: #999; font-weight: 600; line-height: 1.5em; }
dl.profile dd.cv li { padding-left: 14px; position: relative; }
dl.profile dd.cv li:before { content: ''; position: absolute; display: block; width: 4px; height: 4px; background: #ccc; border-radius: 50%; left: 0; top: 9px; }
dl.profile dd.cv li+li { margin-top: 9px; }
.story p+p { margin-top: 3em; }
.justices.thumb:after { content: ''; display: block; clear: both; height: 1px; background: #e5e5e5; }
.justices.thumb li { float: left; width: calc((100% - 8px * 7) / 8); }
.justices.thumb li+li { margin-left: 8px; }
.justices.thumb li dl.profile { margin-bottom: 0; }
.justices.thumb img { display: block; max-width: 100%; margin-bottom: 18px; }
.justices.thumb button { font-weight: 600; font-size: 14px; padding: 0 0 18px; display: block; width: 100%; border: none;background: none;}
.justices.detail&gt;li { padding: 40px 0; }
.justices.detail&gt;li:after { content: ''; display: block; clear: both; }
.justices.detail&gt;li+li { border-top: 1px solid #e5e5e5; }

/* ======================================== sub ======================================== */
@media all and (min-width:1200px) and (max-width:1660px){
#container{padding-right:105px;}
#subContents{padding-left:2%;padding-right:2%;max-width:1095px;width:auto;}
#subVisual &gt; .inner{margin-left:-545px;padding:0;width:1090px;}
#subContents h5.type2,
.h5Content.type2{float:none;width:auto;}
.h5Content.type2{padding-top:0;}
#satisfyBox{margin:0 auto;padding:35px;max-width:1080px;box-sizing:border-box;}
.conNavBox .txtBox.type2 p{float:none;width:auto;}
.conNavBox .txtBox .img{float:none;}
.conNavBox .txtBox.type2 p + .img{margin-top:10px;}
.videoView .videoArea{width:65%;}
.videoView .videoTxt{width:35%;}
.calendarTable table th, 
.calendarTable table td{padding:10px 5px;}
.calendarTable table .visitApply li .applyBtn{margin:0 2px;}
#subContents h5.type2.left{left:inherit;}
.thumbList.type2 ul li{padding:30px 8px;}
}
@media all and (max-width:1200px){
#subVisual &gt; .inner{left:2%;right:2%;margin:0;padding:0;}
#subVisual .naviBar{margin:0 0 0 55px;}
#subVisual .naviBar &gt; li{min-width:auto;width:33.3333%;}
#subVisual .naviBar &gt; li &gt; a{font-size:15px;}
#subVisual .rightArea{display:none;}
#subVisual .naviBar .home{position:absolute;left:0;top:0;}
#subContents{word-break:break-word;}
#subContents h3{font-size:32px;}
#subContents h5{margin-bottom:10px;font-size:18px;}
.h5Content,.h6Content,
.agreeBox .agreeCon textarea{font-size:14px;width: 100%;}
.agreeBox .agreeInput input{width:15px;height:15px;vertical-align:text-top;}
#subContents{padding:65px 2% 50px;width:auto;}
#satisfyBox{padding:35px;}
#satisfyBox .topTxt{margin-bottom:5px;font-size:15px;line-height:135%;}
#satisfyBox .topTxt b{display:block;margin-bottom:8px;}
#satisfyBox .satisfySelect{float:none;margin-bottom:10px;}
#satisfyBox .satisfySelect li{line-height:30px;font-size:15px;}
#satisfyBox .opinion{float:none;}
#satisfyBox .opinion input[type="submit"]{font-size:15px;}
.bbsSearch{padding:20px 5%;}
.bbsSearch ul li{display:block;margin:0 0 15px;}
.bbsSearch ul li:last-child{margin-bottom:0;}
.bbsSearch .condiName{display:block;margin:0 0 5px;}
.bbsSearch .condiName,
.bbsSearch .condiForm *{font-size:15px;}
.bbsSearch .condiForm.monthLink a{margin:2px 0;}
.bbsSearch &gt; .btnSearch{position:static;margin-top:10px;}
.bbsSearch.type2{text-align:left;}
.topInfoBox .listCon &gt; li{font-size:15px;}
.listCon.dot &gt; li:before{top:10px;}
.bbsTopArea ul li{float:none;width:auto;}
.bbsTopArea ul li:first-child{border:0px none;}
.tableBox table.list th, 
.tableBox table.list td{font-size:14px;letter-spacing:-.5px;word-break:break-all;}
.thumbList ul li{width:50%;}
.thumbView .titleArea{padding:15px 3%;}
.thumbView .titleArea .title{font-size:17px;line-height:135%;}
.thumbView .titleArea .caseInfo{font-size:14px;}
.thumbView .desc{padding:15px 3%;font-size:14px;}
.btn_l{min-width:130px;height:40px;line-height:40px;font-size:15px;}
.caseAccordOpen,
.btnVideo{text-indent:-9999em;}
.caseAccordOpen,
.btnVideo,
.btnVideo.type2{padding:0;width:30px;background-position:center;}
.caseAccordOpen.active,
.btnVideo.active,
.btnVideo.type2.active{background-position:center;}
.videoView .videoArea{float:none;width:auto;}
.videoView .videoArea img{width:100%;}
.videoView .videoTxt{float:none;width:auto;}
.modalWrap:not(.small){left:3%;right:3%;margin:0 !important;width:auto !important;}
.modalWrap .modalContent{max-height:none;}
.tabBar &gt; li &gt; a{padding:0 10px;font-size:14px !important;}
#conNavBar.col4 &gt; li{width:50%;}
.conNavBox dl dt{margin-bottom:15px;}
.questProgress li{margin:2px 20px 2px 0;}
.certifyBox .desc{font-size:14px;}
.certifyBox .desc br{display:none;}
.certifyBox2 .desc{font-size:14px;}
.certifyBox2 .desc br{display:none;}
.tableBox table{word-break:break-word;}
.relatedForm &gt; ul &gt; li{float:none;width:auto;border-right:0px none;}
.iconProcess{margin-right:0;}
.iconProcess &gt; li:after{right:0;width:12px;background-position:right center;}
.newsletterBox{padding:0;}
.newsletterBox .leftInfo{position:static;padding:65px 10px 20px;width:auto;}
.newsletterBox .leftInfo br{display:none;}
.newsletterBox &gt; ul{margin:20px;}
.modalWrap .modalContent .iconPrint{display:none;}
.calenderWrap .topControls .center .current b{font-size:25px;}
.calenderWrap .topControls .right{position:static;margin-top:15px;text-align:right;}
.calendarTable table .visitApply li{font-size:14px;}
.visitTimeApply .noteIcon{display:block;margin-top:5px;background-position:left 2px;}
.bookList ul li{float:none;width:auto;border-right:0px none;}
.topImgInfo{padding:0 !important;height:auto;}
.topImgInfo .img{float:none;position:static;width:auto;height:250px;}
.topImgInfo .img img{width:100%;height:100%;}
.topImgInfo p{padding:15px 10px;font-size:15px;}
.topImgInfo .txtSmall{font-size:14px;}
.topImgInfo p br{display:none;}
.topImgInfo p + p{margin-top:0;padding-top:0;}
#subContents h5.type2{float:none;width:auto;}
.h5Content.type2{float:none;margin-bottom:25px;padding-top:0;width:auto;}
.callBox{height:auto;}
.callBox dt{display:block;margin-bottom:8px;text-align:left;}
.callBox dt:after{display:none;}
.callBox dd{display:block;margin-left:0;font-size:15px;text-align:left;}
.callBox dd b{font-size:17px;}
.greetingTop{padding-top:0;padding-right:0;}
.greetingTop:before{left:50%;}
.greetingTop .txtBox{padding:300px 0 30px;}
.greetingTop b{margin-bottom:15px;font-size:25px;}
.greetingTop b br{display:none;}
.greetingTop p{padding:0 5%;font-size:16px;}
.greetingTop .img{left:50%;margin-left:-125px;top:-20px;bottom:inherit;right:inherit;width:250px;}
.profileTop .txtBox{padding:0;}
.profileTop .txtBox .name{font-size:30px;}
.profileTop .txtBox .title{position:static;margin:0 auto 20px;width:120px;height:120px;background-size:100% auto;line-height:120px;font-size:22px;}
.profileTop .profileList li{font-size:15px;}
.historyCon{background:none;}
.historyCon &gt; ul{margin-left:35px;width:auto;}
.calenderWrap .leftArea,
.calenderWrap .rightArea{float:none;width:auto;}
.calenderWrap .rightArea{margin-top:20px;}
.tabBar.type2 &gt; li{min-width:auto;}
.statTopBox p{font-size:18px;}
.statisList &gt; li{padding:20px 10px;width:50%;}
.statisList &gt; li .title{font-size:20px;}
.statisList &gt; li ul li .num,
.statisList &gt; li ul.col1 li .num{font-size:16px;}
.statisList &gt; li ul li .num b,
.statisList &gt; li ul.col1 li .num b{font-size:24px;}
.statisList &gt; li ul li .desc{font-sizE:14px;}
.statisList &gt; li a:after{display:none !important;}
.statisPop .topTxt{font-size:16px;word-break:break-word;}
.statisPop .topTxt br{display:none;}
.statisPop .botDesc{margin:0;padding:15px;}
.statisPop .botDesc p{font-size:14px;}
.tabBar &gt; li &gt; a{margin-bottom:0;}
.tabBar.hasAlltab{padding-left:0;}
.tabBar &gt; li.allTab{position:static;display:table-cell;}
.tabBar &gt; li.allTab &gt; a{padding:0 10px 0 50px;height:50px;background-position:10px center !important;}
.conNavBox .txtBox.type2 p{float:none;width:auto;}
.conNavBox .txtBox .img{float:none;}
.conNavBox .txtBox.type2 p + .img{margin-top:10px;}
.thumbList.type2 ul li .img{margin:0 auto 20px;width:260px;}
.organPopCon .left{margin-right:20px;}
.organPopCon .right{float:left;}
.topImgInfo.type2 .txtSmall br{display:block;}
}

/* Tablet */
@media all and (min-width:640px) and (max-width:1200px){
#subContents h4{margin:35px 0 20px;}
.bbsSearch .searchBox.w500{min-width:auto;width:300px;}
.bbsSearch.type2 &gt; .btnSearch{margin-top:0;}
.topInfoBox .head{font-size:18px;}
.tabBar.col3 &gt; li,
.tabBar.col4 &gt; li{width:50%;}
.tabBar.col6 &gt; li{width:33.3333%;}
#conNavBar.col3 &gt; li{width:50%;}
.photoSlider .bx-wrapper{width:400px;}
.cartoonSlider .bx-wrapper{width:400px;}
.tableBox table.form th, 
.tableBox table.form td,
.tableBox table.form tbody th{padding:5px 8px;}
.tableBox table.form tbody th{font-size:15px;}
.tableBox table.view th{padding:10px;}
.tabBar.col5 &gt; li{width:25%;}
.iconProcess.col6 &gt; li{margin-bottom:5px;width:33.3333%;}
.thumbList.type3 ul li{padding:30px 10px;}
.videoView .title{padding:12px;font-size:18px;}
.relSiteList li{padding:20px 10px;width:33.3333%;font-size:14px;}
.calendarTable table .visitApply li .applyBtn{display:block;margin:5px 0;}
.calendarTable table .visitApply .age{display:block;margin:5px 0;}
.speechList ul li{padding:20px 10px;width:33.3333%;}
.organization .item{padding:0 20px;}
.organization .item.type1 ul li{width:25%;}
.organization .item.type2 ul li{width:25%;}
.courseTab li .desc{font-size:15px;}
.tabBar{width:100%;overflow-x:auto;}
.tabBar &gt; li{float:none !important;display:table-cell;width:auto !important;white-space:nowrap;}
.photoSlider .bx-pager a{width:80px;height:60px;}
.modalWrap.mid{left:50% !important;right:inherit !important;margin-left:-350px !important;width:700px !important;}

}
/* Phone */
@media all and (max-width:639px){
#subVisual{height:110px;}
#subVisual h2{padding-top:30px;font-size:22px;line-height:130%;}
#subVisual &gt; .inner{left:3%;right:3%;height:50px;}
#subVisual .naviBar{margin:0;}
#subVisual .naviBar &gt; li{display:none;line-height:50px;}
#subVisual .naviBar &gt; li:last-child{display:block;width:100%;}
#subVisual .naviBar &gt; li &gt; a{padding-right:60px;background:url(/images/kor/sub/icon_naviBar_ar_mobile.gif) no-repeat right center;border:0px none;line-height:50px;font-weight:bold;font-size:16px;color:#07244a;}
#subVisual .naviBar &gt; li.active &gt; a{background:url(/images/kor/sub/icon_naviBar_ar_on_mobile.gif) no-repeat right center;}
#subVisual .naviBar &gt; li &gt; ul{top:51px;}
#subVisual .naviBar &gt; li &gt; ul &gt; li{border-bottom:1px solid #f0f0f0;}
#subVisual .naviBar &gt; li &gt; ul li a{padding:0 15px;font-size:16px;text-align:center;}
#subContents{padding:55px 3%;}
#subContents h3{font-size:24px;font-weight:bold;letter-spacing:-1px;}
#subContents h4{margin:30px 0 20px;font-size:20px;}
#subContents h5{font-size:17px;}
#satisfyBox{padding:20px 5%;}
#satisfyBox .satisfySelect li{margin-right:10px;font-size:14px;}
#satisfyBox .opinion input[type="text"]{width:220px;}

.bbsSearch .searchBox{min-width:auto;width:220px;}
.bbsSearch.type2 &gt; *{margin:2px 0;}
.bbsSearch.type2 .btnSearch,
.bbsSearch.type2 .btnAll{margin-top:5px;}
.bbsTotal{font-size:14px;}
.bbsTotal .btnDown{margin:10px 0;}
.caseAllList{clear:both;}
.caseAllList &gt; ul &gt; li{padding:20px 5%;}
.caseAllList &gt; ul &gt; li .leftArea{position:static;padding:0;width:auto;}
.caseAllList &gt; ul &gt; li .caseNum{margin-bottom:10px;font-size:18px;}
.caseAllList &gt; ul &gt; li .caseInfo{display:inline-block;margin-right:20px;font-size:14px;font-weight:bold;}
.caseAllList &gt; ul &gt; li .title{font-size:15px;}
.caseAllList &gt; ul &gt; li .subTitle,
.caseAllList &gt; ul &gt; li .desc{font-size:14px;}
.paging a{width:36px;height:36px;line-height:36px;}
/*.paging .num{display:none;}*/
/* mobilePaging만 보이도록.. next last.. 버튼 안보이게 수정 20201118 lsi */
.paging &gt; a.next, .paging &gt; a.last, .paging &gt; a.first, .paging &gt; a.prev{display:none;}
.mobilePaging{display:inline-block;vertical-align:middle;margin:0 10px;font-size:14px;line-height:36px;}
.mobilePaging .curr{display:inline-block;width:36px;height:36px;background:#911b2b;color:#fff;font-weight:normal;}
.mobilePaging em{display:inline-block;padding:0 5px;}
.topInfoBox{padding:15px 5%;}
.topInfoBox .listCon &gt; li{font-size:14px;}
.listCon.dot &gt; li:before{top:9px;}
.bbsTopArea ul li{padding:15px 5%;}
.bbsTopArea ul li .title{position:static;margin-bottom:5px;font-size:16px;}
.bbsTopArea ul li .exp{margin-bottom:5px;}
.bbsTopArea ul li .btnBlue{position:static;}
.bbsTitle &gt; b{font-size:17px;}
.tableBox{clear:both;}
.tableBox table.list{}
.tableBox table.list .mHide{display:none;}
.iconFile{background-size:18px auto;}
.thumbList ul li{float:none;padding:20px 5%;width:auto;border-bottom:1px solid #d7d7d7;}
.thumbList ul li:last-child{border:0px none;}
.thumbList ul li .title{font-size:16px;}
.thumbList ul li .caseInfo{font-size:13px;}
.thumbList ul li .desc{font-size:14px;}
.thumbView .titleArea .caseInfo{float:none;display:block;margin-top:8px;}
.moveList li{padding:15px 15px 15px 100px;}
.moveList li b{left:15px;padding-left:30px;}
.caseAccord td{padding:10px 5% !important;}
.caseAccord ul li{padding:15px 10px;}
.caseAccord ul li .caseNum{display:block;margin-bottom:5px;font-size:16px;}
.caseAccord ul li .caseDate,
.caseAccord ul li .caseResult{font-size:14px;}
.videoView .title{padding:12px 5%;font-size:17px;}
.videoView .videoArea{height:200px;}
.videoView .videoTxt{height:200px;}
.videoView .videoTxt textarea{padding:20px 5%;font-size:14px;}
.topInfoBox .head{font-size:16px;line-height:140%;}
.caseAccord ul.type2 li{padding-left:10px;}
.caseAccord ul.type2 li .pageNum{position:static;}
/* tab scrollbar none 20210202 */
.tabBar{-ms-overflow-style:none;scrollbar-width:none;}
.tabBar::-webkit-scrollbar{display:none;}
.tabBar.hasAlltab{padding-left:0;min-height:auto;}
.tabBar{width:100%;overflow-x:auto;}
.tabBar.type2{border-bottom:1px solid #dedede;}
.tabBar.type2:before{border-bottom:0px none;}
.tabBar.type2 &gt; li &gt; a{padding:0 10px;background:none;border:0px none !important;}
.tabBar.type2 &gt; li.active &gt; a:before{display:none;}
.tabBar.type2 &gt; li.active &gt; a:after{bottom:0;border-bottom:3px solid #911b2b;}
.tabBar &gt; li{float:none !important;display:table-cell;width:auto !important;white-space:nowrap;}
.tabBar &gt; li &gt; a{padding:0 10px;}
.thumbView .titleArea.type2{padding-right:3%;}
.thumbView .titleArea .category,
.thumbView .titleArea .nickname{font-size:14px;}
.thumbView .titleArea .caseNum{font-size:16px;}
.thumbView .titleArea.type2 .caseInfo{position:static;margin-top:5px;}
.fileDown{font-size:14px;}
.thumbView .viewCon{padding:20px 5%;font-size:14px;}
.lawReportList .topArea{padding:20px 10px;min-height:auto;}
.lawReportList .topArea .img{position:static;width:auto;}
.lawReportList .topArea .title{font-size:19px;}
.lawReportList .reportList ul li{float:none;width:Auto;border-right:0px none;}
.tableBox table.list td .labelTxt{font-size:14px;}
.faqList .faqItem .titleArea{padding:10px 0 10px 70px;height:auto;font-size:16px;line-height:150%;}
.faqList .faqItem .category{padding:15px;height:auto;line-height:140%;font-size:15px;}
.faqList .faqItem &gt; ul &gt; li &gt; a em{display:block;margin-bottom:5px;font-size:15px;}
.faqList .faqItem &gt; ul &gt; li &gt; a{font-size:14px;}
.thumbView .titleArea .category{padding:3px 15px;height:auto;line-height:135%;}
.thumbView .titleArea .quest{font-size:18px;line-height:135%;}
#conNavBar{padding:12px 5%;}
#conNavBar &gt; li{float:none !important;width:auto !important;}
.conNavBox{padding:20px 5%;}
.conNavBox .title{margin-bottom:12px;padding:8px 20px;height:auto;line-height:140%;font-size:15px;}
.conNavBox .txtBox p{float:none !important;width:auto !important;font-size:14px;}
.conNavBox .txtBox p + .img{margin-top:10px;}
.conNavBox .txtBox .img{float:none;}
.conNavBox .btnConTop{position:static;float:right;margin-top:8px;}
.conNavBox dl dt{font-size:15px;}
.conNavBox dl dd{font-size:14px;}
.conNavBox .roundTxt{margin:5px 3px;padding:4px 15px;height:auto;line-height:135%;font-size:14px;}
.btnGoLink{font-size:14px;}
.conNavBox .leftImg{display:block;float:none;width:auto;text-align:center;}
.conNavBox .txtBox.type3{float:none;margin-top:10px;width:auto;}
.photoSlider .bx-wrapper{width:200px;}
.photoSlider .bx-controls-direction a{width:50px;}
.photoSlider .bx-controls-direction .bx-prev{left:-60px;}
.photoSlider .bx-controls-direction .bx-next{right:-60px;background-position:right center !important;}
.cartoonSlider .bx-wrapper{width:200px;}
.cartoonSlider .bx-controls-direction a{width:50px;}
.cartoonSlider .bx-controls-direction .bx-prev{left:-60px;}
.cartoonSlider .bx-controls-direction .bx-next{right:-60px;background-position:right center !important;}

.listCon &gt; li{font-size:14px;}
.tableBox table.form th, 
.tableBox table.form td{padding:10px 8px;font-size:14px;}
.tableBox table.form tbody th{padding-left:5px;font-size:14px;}
.tableBox table.form td input[type="radio"]{width:15px;height:15px;}
.inputInfo{line-height:150%;font-size:14px;}
.required,
.tableBox table.form td *{font-size:14px;}
.replyNoti ul li{padding:15px 0;border-bottom:1px solid #ddd;}
.replyNoti ul li:last-child{border-bottom:0px none;}
.replyNoti ul li .head{display:block;width:auto;font-weight:bold;}
.replyNoti ul li label + .head{margin:10px 0 0;}
.btn_l{padding:0 12px;min-width:80px;font-size:14px;}
.tableBox table.view th,
.tableBox table.view td{padding:10px 5px;font-size:14px;}
.tableBox table.view td.viewCon{padding:20px 5%;font-size:14px;}
.certifyBox &gt; a{float:none;margin-top:-1px;padding:20px 10px;width:auto;height:auto;}
.certifyBox .title{font-size:20px;}
.certifyBox .subject{font-size:15px;}
.certifyBox2 &gt; a{float:none;margin-top:-1px;padding:20px 10px;width:auto;height:auto;}
.certifyBox2 .title{font-size:20px;}
.certifyBox2 .subject{font-size:15px;}
.agreeBox .agreeInput{font-size:14px;}
.agreeBox .agreeCon textarea{padding:20px 5%;}
.commentList .title{padding:15px 10px;}
.toggleComment &gt; ul &gt; li p{float:none;font-size:14px;}
.toggleComment &gt; ul &gt; li .commentRight{float:none;margin-top:5px;}
.toggleComment &gt; ul &gt; li{padding:15px 10px;}
.modifyArea textarea,
.commentWrite ul li .head,
.commentWrite ul li textarea{font-size:14px;}
.commentList .title b{font-size:16px;}
.commentWrite ul li{margin-bottom:15px;padding-left:0}
.commentWrite ul li .head{position:static;width:auto;line-height:135%;font-weight:bold;}
.commentWrite{padding:20px 10px;}
.tableBox table.form td .h300{height:150px;}
.paging{padding:20px 0;}
.paging + .btnArea{margin:0;}
.tableBox table.info th, 
.tableBox table.info td{padding:10px 5px;font-size:14px;}
.tableBox table.info.type2 th, 
.tableBox table.info.type2 td{padding:10px 5px;}
.relatedForm &gt; ul &gt; li{padding:20px 130px 20px 10px;font-size:14px;}
.relatedForm &gt; ul &gt; li .btnSet{right:10px;}
.openapiTop{padding:0;}
.openapiTop .title{position:static;padding:30px 0 100px;width:auto;background-position:center 100px;}
.openapiTop ul{padding:10px 0 10px;}
.openapiTop ul li{line-height:130%;}
.iconProcess.col6 &gt; li{margin-bottom:5px;width:50%;}
.openapiTop ul li{padding:5px 0 5px 110px;font-size:14px;}
.openapiTop ul li .head{font-size:15px;}
.iconProcess &gt; li .txt{font-size:14px;}
.thumbView .desc .fileDown{float:none;}
.thumbView .desc .fileDown + .fileDown{margin-top:5px;}
.newsletterBox .leftInfo span{font-size:19px;}
.newsletterBox &gt; ul .head{top:12px;}
.newsletterBox &gt; ul li input[type="text"],
.newsletterBox &gt; ul li select{margin:2px 0;}
.newsletterBox .radioSet{padding-top:8px;}
.newsletterBox .radioSet:after{display:block;content:'';clear:both;}
.newsletterBox .radioSet input{clear:both;float:left;margin-top:8px;}
.newsletterBox .radioSet label{float:left;}
.newsletterBox label + input{margin-left:0;}
.thumbList.type3 ul li{padding:15px 10px;width:auto;}
.videoView .title .videoInfo{margin-top:5px;float:none !important;}
.videoView .videoCon{padding:20px 5%;font-size:14px;}
.privacyCon .topBox{padding:20px 5%;font-size:14px;}
.privacyCon dl{padding:20px 5%;font-size:14px;line-height:150%;}
.privacyCon dl dt{font-size:16px;}
.privacyCon dl dd{margin-bottom:25px;font-size:14px;line-height:150%;}
.modalWrap.active{top:63px;bottom:60px;overflow-y:auto;}
.modalWrap .modalTitle h2{font-size:18px;}
.modalWrap.small{left:3%;right:3%;margin:0 !important;width:auto !important;}
.modalWrap.mid .modalContent{padding:30px 5%;}
.organPopCon .left,
.organPopCon .right{float:none;width:auto;}
.organPopCon .left{margin-bottom:10px;}
.organPopCon .img{text-align:center;}
.organPopCon .right ul li{font-size:14px;}
.organTopCall{font-size:18px;}
.organChart .imgZoom{display:block;}
.iconGrayBox{padding:20px 3% 20px 80px;}
.iconGrayBox .icon{top:20px;left:3%;margin-top:0;width:60px;}
.goLinkBar{padding:20px 10px;text-align:left;}
.relatedForm.type2 &gt; ul &gt; li{padding:20px 70px 20px 10px;}
.relSiteList li{float:none;padding:10px;width:auto;font-size:14px;}
.visitTime{font-size:16px;line-height:140%;}
.visitTime b{display:block;margin-bottom:5px;width:100px;line-height:30px;}
.visitVideo{position:relative;left:0%;}
.calenderWrap .topControls{margin-bottom:10px;}
.calendarTable table .visitApply{padding-bottom:0;}
.calendarTable table .visitApply li.end{margin-bottom:0;}
.calendarTable colgroup,
.calendarTable thead th,
.calendarTable tbody &gt; tr &gt; td.none{display:none;}
.calendarTable tbody &gt; tr &gt; td{display:block;height:auto !important;text-align:left;border:1px solid #ddd !important;border-top:0px none !important;word-break:break-all;} 
.calendarTable tbody &gt; tr &gt; td .day{top:5px;left:2px;font-weight:bold;font-size:14px;}
.calendarTable tbody &gt; tr &gt; td.webOnly{display:none;}
.calendarTable tbody &gt; tr &gt; td span::after{position:absolute;margin-left:3px;display:inline-block;width:25px;}
.calendarTable tbody &gt; tr &gt; td:nth-child(1) span.day::after{content:'(일)';}
.calendarTable tbody &gt; tr &gt; td:nth-child(2) span.day::after{content:'(월)';}
.calendarTable tbody &gt; tr &gt; td:nth-child(3) span.day::after{content:'(화)';}
.calendarTable tbody &gt; tr &gt; td:nth-child(4) span.day::after{content:'(수)';}
.calendarTable tbody &gt; tr &gt; td:nth-child(5) span.day::after{content:'(목)';}
.calendarTable tbody &gt; tr &gt; td:nth-child(6) span.day::after{content:'(금)';}
.calendarTable tbody &gt; tr &gt; td:nth-child(7) span.day::after{content:'(토)';}
.calendarTable tbody &gt; tr &gt; td.m_active{display:none;}
.calendarTable tbody &gt; tr &gt; td::after{display:block;content:'';clear:both;}
.calendarTable table td.closed .closedTxt{font-size:14px;}
.calenderWrap .ageList span{margin:2px 10px 2px 0;font-size:13px;}
.modalWrap .modalContent{padding:20px 5%;}
.modalWrap h5{font-size:18px;}
.visitTimeApply{padding:15px 5%;}
.visitTimeApply .date{display:block;font-size:18px;}
.speechList ul li{padding:20px 10px;float:none;width:auto;}
.speechList ul li .title{margin:10px 0;height:50px;line-height:25px;font-size:17px;}
.speechList ul li a{height:150px;}
.organization .topArea .img{display:block;margin:0;}
.organization .memberInfo .name{margin:10px 0;font-size:18px;}
.organization .memberInfo a{margin:0 auto;}
.organization .item{padding:0 5%;}
.organization .item.type1 ul li{width:50%;}
.organization .item.type2 ul li{width:50%;}
.organization .item ul li .name{font-size:15px;}
.bookList ul li{padding:20px 10px;height:auto;}
.bookList ul li .img{position:relative;top:inherit;left:inherit;margin:0 auto 10px;}
.bookList ul li .title{font-size:16px;}
.bookList ul li .bookInfo{margin-bottom:10px;}
.bookList ul li .downBtn{position:static;}
.bookList ul li .desc{margin-bottom:15px;}
.h4Content &gt; .required, 
.h5Content &gt; .required{margin-top:0;}
.tableBox table.form.type2 td{padding:5px;}
#subContents h5.type2{font-size:18px}
#subContents h5.type2.left{left:inherit;}
.courseTab{margin-bottom:20px;}
.courseTab li{float:left !important;margin-bottom:15px;width:50% !important;height: 110px;}
.courseTab li:after,
.courseTab li:before{display:none;}
.courseTab li .desc{font-size:14px;}
.photoSlider .bx-controls-direction a{margin-top:-15px;}
.cartoonSlider .bx-controls-direction a{margin-top:-15px;}
.insignBox{padding:30px 0;}
.insignBox .img{position:static;margin:0 0 10px;text-align:center;}
.btnBoxDown.type2{margin:2px 0;font-size:14px;}
.insignColor li{float:none;margin-bottom:10px;width:auto;}
.insignSize{padding:20px 5px;}
.listCon.icon &gt; li &gt; .head{font-size:15px;}
.greetingTop{margin-bottom:25px;}
.greetingTop b{font-size:22px;}
.greeting &gt; p{padding:0 5px;font-size:15px;}
.greeting &gt; .sign b{font-size:17px;}
.profileTop{margin-bottom:30px;}
.profileTop .txtBox .name{padding-right:0;background-position:80px top;background-size:auto 100%;font-size:25px;}
.profileTop .txtBox,
.profileTop .img{float:none;}
.profileCon &gt; p{font-size:15px;}
.profileCon &gt; .bottom{font-size:16px;}
.locationInfo{left:0;padding:20px 10px;width:auto;height:150px;}
.locationInfo .title{font-size:18px;}
.locationInfo &gt; p{font-size:15px;}
.historyCon &gt; ul &gt; li{padding-left:45px;}
.historyCon &gt; ul &gt; li dl dt{width:75px;font-size:16px;}
.progressList li{float:none;margin-bottom:8px;width:auto;}
.progressList li:after{display:none;}
.listCon li .btnRound{margin-top:5px;font-size:14px;}
.callBox dt{font-size:16px;}
.calendarTable{border-left:0px none;}
.calenderWrap .leftArea .calendarTable table td{height:50px !important;}
.calenderWrap .rightArea{padding:20px 10px;}
.calenderWrap .rightArea .date{padding:0 0 10px;}
.calenderWrap .rightArea table td .none{font-size:14px;}
.btn_m{height:32px;line-height:32px;font-size:14px;}
.btn_m.red2{border: 1px solid #911b2b;color: #911b2b;padding-left: 15px;margin-top: 10px;background: url(/images/kor/sub/icon_videoList_btn.png) no-repeat left center;background-origin: content-box;font-size: 14px;}
.btn_m.red3{border: 1px solid #911b2b;color: #911b2b;padding-left: 15px;background: url(/images/kor/sub/icon_videoList_btn.png) no-repeat left center;background-origin: content-box;font-size: 13px;line-height: 1.3;width: 200px;height: 40px;word-break: break-all;padding-top: 3px;}
.statTopBox{padding:20px 5%;}
.statTopBox p{font-size:16px;}
.statTopBox .botTxt{font-size:14px;}
.statisList &gt; li{float:none;width:auto;}
.statisList &gt; li .title{font-size:18px;}
.statisPop a{font-size:14px;}
.modalWrap .modalTitle{padding:18px 50px 18px 20px;height:auto;}
.modalWrap .modalTitle h2{line-height:135%;}
.modalWrap .modalContent .tableBox table th, 
.modalWrap .modalContent .tableBox table td{padding:10px 5px;}
.statisList.type2 &gt; li &gt; a{height:auto;}
.statisList.type2 &gt; li .quest{margin-bottom:10px;font-size:18px;line-height:135%;}
.statisList.type2 &gt; li .answer{position:static;}
.statisList.type2 &gt; li .answer p{font-size:18px;line-height:135%;}
.statisList.type2 &gt; li .answer .num{font-size:20px;}
.statisList.type2 &gt; li .answer .num b{font-size:25px;}
.statisPop .botDesc.type2{padding:10px 0;}
.caseHead li{padding:10px;font-size:14px;}
.caseHead li .head{position:static;padding-left:0;width:auto;line-height:140%;font-size:15px;}
.calenderWrap .topControls .right select{height:32px;}
.photoSlider .bx-pager a{width:45px;height:35px;}
.popupPrintArea .rightArea{right:5%;top:10px;}
.h5ContentCol2 &gt; div{float:none !important;width:auto;}

/* Justices */
@media (max-width: 599px) {
    .justices figure { float: none; margin-bottom: 24px; margin-left: 25%; margin-right:0px;}
    .justices a{display:block;margin:0 auto;padding-left:32px;width:100px;height:40px;background:url(/images/kor/sub/btn_memberInfo.gif) no-repeat 13px center;font-weight:bold;line-height:40px;box-sizing:border-box;border:1px solid #911b2b;font-size:15px;color:#911b2b;text-align:left;margin-top:10px; margin-left:50px;}
    .justices dl { display: inline; }
    .justices dd { clear: both; }
}
@media (max-width: 569px) {
    .justices figure img { margin-left: auto; margin-right: auto; }    
    .justices dt { text-align: center; }
}
@media (max-width: 859px) {
    .justices.thumb { margin-left: -8px; }
    .justices.thumb li { width: calc(25% - 8px); margin-left: 8px; }
    .justices.thumb li:nth-child(4)~li { margin-top: 12px; }
}
}
</pre></body></html>