/* layout.css */ /*************************************************/ /* default */ /*************************************************/ /* metro ***************************************************************************************/ /* .metro { padding-top: 30px; } .metro:after { content:""; display:block; clear:both; } .metro .intro { float: left; width:40%; background:#b7b3ab; position:relative; } .metro .intro .intro_main { max-width:510px; width:100%; } .metro .intro .subCopy { color:#fff; position:absolute; left:50px; top:50px; font-size:28px; text-decoration:underline; } .metro .intro .mainCopy { color:#fff; position:absolute; left:50px; top:100px; font-size:50px; } .metro .square { float: left; width:55%; border:1px solid #d0d0d0; } .metro .square > div { display:inline-block; color:#000; } .metro .square .metro1 {float:left; width:40%; height:200px; background:url("/judiciary/common/images/metro_01.jpg") right bottom no-repeat; } .metro .square .metro2 {float:left; width:40%; height:250px; background:url("/judiciary/common/images/metro_02.jpg") right bottom no-repeat; } .metro .square .metro3 { width:40%; height:250px; background:url("/judiciary/common/images/metro_03.jpg") right bottom no-repeat; } .metro .square .metro4 { float:left; width:20%; height:450px; background:url("/judiciary/common/images/metro_04.jpg") right bottom no-repeat; } .metro .square .metro5 { width:20%; height:200px; background:url("/judiciary/common/images/metro_05.jpg") right bottom no-repeat; } .metro .square .metro6 { width:20%; height:200px; ackground:url("/judiciary/common/images/metro_06.jpg") right bottom no-repeat; } .metro .square .metro7 { width:20%; height:200px; background:url("/judiciary/common/images/metro_07.jpg") right bottom no-repeat; } */ .subContainerOut .subContainer.noBg { background:none; } .subContainerOut .mainFrame.noBg { background:none; margin:0; padding:0; max-width:1160px; margin-top:30px; padding-bottom:30px; } .metro > div {display:inline-block; float:left; } .metro > div img { width:100%; } .metro .main_left { width:44%; } .metro .main_right { width:56%; } /* text *****************************************************************************************/ .contentIn .blue { color:#42689c;} .contentIn .red { color:#e74e3f; } .contentIn .linkText { color:#892305; text-decoration:underline; } .contentIn a:hover { color:#892305; text-decoration:underline; } .bold { font-weight:bold; } .contentIn .vis { display:block; } .contentIn .unVis { display:none; } label { overflow:hidden; z-index:1; font-size:0px;} caption {overflow:hidden; z-index:1; font-size:0px;} img { max-width:100%; width:inherit; } .contentIn .fl { float:left; } .contentIn .fr { float:right; } .f12 { font-size:12px; } .textAlignL { text-align:left;} .textAlignR { text-align:right;} .textAlignC { text-align:center;} .contentIn .tableVer .verticalAlignT { vertical-align:top; } .marginAuto { margin:0 auto; } .mt10 { margin-top:10px; } .mt20 { margin-top:20px; } .mt30 { margin-top:30px; } .mt40 { margin-top:40px; } .mt50 { margin-top:50px; } .mr10 { margin-right:10px; } .mr20 { margin-right:20px; } .mr30 { margin-right:30px; } .mr40 { margin-right:40px; } .mr50 { margin-right:50px; } .mb10 { margin-bottom:10px; } .mb20 { margin-bottom:20px; } .mb30 { margin-bottom:30px; } .mb40 { margin-bottom:40px; } .mb50 { margin-bottom:50px; } .ml10 { margin-left:10px; } .ml20 { margin-left:20px; } .ml30 { margin-left:30px; } .ml40 { margin-left:40px; } .ml50 { margin-left:50px; } .pt5 { padding-top:5px; } .pt10 { padding-top:10px; } .pt20 { padding-top:20px; } .pt25 { padding-top:25px; } .pt30 { padding-top:30px; } .pt40 { padding-top:40px; } .pt50 { padding-top:50px; } .pr5 { padding-right:5px; } .pr10 { padding-right:10px; } .pr20 { padding-right:20px; } .pr30 { padding-right:30px; } .pr40 { padding-right:40px; } .pr50 { padding-right:50px; } .pb5 { padding-bottom:5px; } .pb10 { padding-bottom:10px; } .pb20 { padding-bottom:20px; } .pb30 { padding-bottom:30px; } .pb40 { padding-bottom:40px; } .pb50 { padding-bottom:50px; } .pl5 { padding-left:5px; } .pl10 { padding-left:10px; } .pl20 { padding-left:20px; } .pl30 { padding-left:30px; } .pl40 { padding-left:40px; } .pl50 { padding-left:50px; } .w10 { width:10%; } .w20 { width:20%; } .w30 { width:30%; } .w40 { width:40%; } .w50 { width:50%; } .w60 { width:60%; } .w70 { width:70%; } .w80 { width:80%; } .w90 { width:90%; } .w100 { width:100%; } .w100p { width:100px; } .pt10 { padding-top:10px;} .pt20 { padding-top:20px; } .pl10 { padding-left:10px; } .clear { clear:both; } .hide { float:left; z-index:1; font-size:0px;} h1 {-webkit-margin-before: 0;-webkit-margin-after: 0; float:left;} h2 { float:left; z-index:1; font-size:0px;} h3 { float:left; z-index:1; font-size:0px;} .popup { padding:10px; } .pop_header { border-top:14px solid #1f4160; height:70px; border-bottom:1px solid #c7c7c7; } .pop_header .logo { margin:3px 0px 0px 20px; float:left;} .pop_header .close { float:right;} .pop_header_eng { border-top:14px solid #1f4160; height:80px; border-bottom:1px solid #c7c7c7; } .pop_header_eng .logo { margin:3px 0px 0px 20px; float:left;} .pop_header_eng .close { float:right;} .postTitle { font-size:30px; color:#474747; margin-top:20px; margin-left:20px;} .popup { border-bottom:40px solid #132431; } /* accessibility */ .access {overflow:hidden; position:relative; width:100%; z-index:2;} .access a {display:block; font-size:0; height: 1px; line-height:0; margin:0 -1px -1px 0; overflow:hidden;text-align:center; width:1px;} .access a:focus,.accessibility a:hover,.accessibility a:active {background:#ffdabc; color:#333333; font-size:12px; font-weight:bold; margin:0; height:20px; line-height:1; margin:0; padding:8px 0 0 15px; width:auto; border:1px solid red;} /* image *****************************************************************************************/ .contentIn .image01 { width:inherit; max-width:100%; } .contentIn .image03 { width:inherit; max-width:100%; } .contentIn .image04 { width:inherit; max-width:100%; margin-top:20px;} .contentIn .image05 { width:inherit; max-width:100%; margin-top:20px;} .contentIn .image06 { width:inherit; max-width:100%;} .guide { padding:10px; color:#fff; background:#000; font-size:16px; margin:40px 0px 10px 0px;} /* form *******************************************************************************************************/ /* btn *******************************************************************************************************/ .btnCategory { display:inline-block; margin:13px 3px 0 0; color: #c9d7ff !important; background:#3b5998; font-size:16px; border:1px solid #536da5; padding:0 22px; height:42px; line-height:42px; } .btnCategory.btnSelected { color:#ffffff !important; background:#4d68a1; border:2px solid #99a8c9;font-weight:bold;} // 2025.10.30 modify a.btnGo { display:inline-block; color:#ffffff; font-size:18px; border:1px solid #ffffff; height:36px; line-height:36px; padding:0px 56px 0px 20px; background:#183354 url("/judiciary/common/images/btnGoBg.png") no-repeat right top; margin: 15px 0px 30px 0px; } a.btnGray { font-size:14px; display:inline-block; color:#ffffff; border:1px solid #ffffff; height:36px; line-height:36px; padding:0px 10px; background:#464646; text-align:center; } a.btnRed { font-size:14px; display:inline-block; color:#ffffff; border:1px solid #ffffff; height:36px; line-height:36px; padding:0px 10px; background:#871517; text-align:center; } a:link, a:hover, a:visited, a:active { cursor:pointer; } .certi .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .contentIn .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .contentIn .blueBtn:hover { color:#fff; text-decoration: none; } .contentIn .redBtn { display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .contentIn .redBtn:hover { color:#fff; text-decoration: none; } .contentIn .downloadBtn { display:inline-block; background:#1d7ea0 url("/judiciary/common/images/downloadicon.png") right 6px no-repeat; padding: 8px 50px 8px 10px; font-size:14px; color:#fff; margin:5px; } .contentIn .downloadBtn:hover { color:#fff; text-decoration:none; } .contentIn .detailViewBtn { display:inline-block; background:#892305; color:#fff; font-size:13px; padding:2px 10px; margin-left:3px; } .contentIn .detailViewBtn:hover { color:#fff; text-decoration:none;} .top_btn {position:fixed; bottom:5px; right:5px; z-index:100; display:none;} /* infoBox */ .infoBox { background:#fff; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px;} .infoBox:after { content:""; display:block; clear:both; } .infoBoxGray { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px;} .infoBoxRed { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#e74e3f; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px; } .infoBoxWhite {line-height:20px; font-size:13px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:5px; overflow-y:scroll; height:70px;} /* form */ .contentIn .tableResult .result { float:left; margin-top:15px; font-weight:bold; color:#222222; } .graySelect { height:30px; border: 1px solid #d0d0d0; vertical-align:top; color:#666; } .grayInput { height:26px; border: 1px solid #d0d0d0; margin-left:5px; line-height:23px;} input[type=text] { -webkit-ime-mode:active; -moz-ime-mode:active; -ms-ime-mode:active; ime-mode:active; } .formBox { background:#f7f8fc; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px; } .formBox .formBoxTxt { display:inline-block; padding-top:10px; } .formBox .breakDiv { display:inline-block; vertical-align:top; } .formBox .breakDiv .formBoxTxt { padding-top:8px; } .formBox .graySelect, .formBox .grayInput { margin-left:5px;} /* title */ .titleH2 {display:block; font-size:20px; color:#3b5998; margin-top:30px; padding-top:12px; padding-bottom:10px; background:url("/judiciary/common/images/titleH2Bg.gif") left top no-repeat;} .titleH3 {display:block; font-size:16px; color:#222222; margin-top:15px; } /* conText */ .contentIn .normalText { line-height:20px; color:#36536a; } .conText { font-size:14px; color:#565656; padding:5px; line-height:22px; } .conTextBul { font-size:14px; color:#565656; background:url("/judiciary/common/images/conTextBul.png") left 8px no-repeat; padding:0px 10px 0px 10px; line-height:22px; margin-top:5px; } .useStep01 { max-width:100%; width:inherit; } .useStep03 { max-width:100%; width:inherit; } .breakDiv { display:inline-block; margin:2px;} /* width *******************************************************************************************************/ .w80 { width:80px; } .w100 { width:100px; } .w120 { width:120px; } .w130 { width:130px; } .w190 { width:190px; } .w100p { width:100%; } .mt8 { margin-top:8px; } .mt20 { margin-top:20px; } .step01 { width:inherit; max-width:100%; } /* container *******************************************************************************************************/ .container { width:100%; height: 100%; } /* top *******************************************************************************************************/ .topOuter { background: #3b5998; height:67px; width:100%;} .topOuter .topInner { max-width:1160px; margin:0 auto; } .topOuter .topInner .category { float:left; } .topOuter .topInner .utilMenu { float:right; margin-right:10px;} .topOuter .topInner .topLink { float:right; height: 14px; margin-top:30px; } .topOuter .topInner .topLink ul li { float:left; } .topOuter .topInner .topLink ul li a { margin:0px 17px; color:#d9e8ed;} .topOuter .topInner .topLink ul li a.last { margin-right:0px; } .topOuter .topInner .topLink ul li span { color: #d9e8ed; } /* gnbOuter *******************************************************************************************************/ .gnbOuter { width:100%; background: url("/judiciary/common/images/gnb_bg.gif") repeat-x; } .gnbInner { max-width: 1160px; min-width:1024px; margin:0 auto; position:relative;} .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo { float: left; } .gnbInner .logo a {float:left } .gnbInner .logo img { max-width:none; } .gnbInner .logo .fl{ float: left;} .gnbInner .allMenu .sns_m { display:none; } .gnbInner .allMenu .topLink_m { display:none; } /* menu gnbMenu */ .gnbInner .gnbMenu { float: right; font-size: 18px; margin-right:120px; } .gnbInner .gnbMenu:after { content:""; display:block; clear:both; } .gnbInner .gnbMenu .dep1 > li { float: left; position:relative; } .gnbInner .gnbMenu .dep1 > li > a { font-size:16px; display:inline-block; height: 75px; margin:0px 3px; padding:0 5px; line-height: 75px; color:#000000; } .gnbInner .gnbMenu .dep1 > li > a:hover { color:#3b5998; } .gnbInner .gnbMenu .dep1 > li > a.selDep1 { background:url("/judiciary/common/images/menuSelBg.png") center 70px repeat-x; } .gnbInner .gnbMenu .dep1 > li > a.selDep1, .gnbInner .gnbMenu .dep1 > li > a.selDep1:hover { color:#3b5998; } .gnbInner .gnbMenu .dep1 > li .dep2 { z-index:900; display:none; position:absolute; padding-bottom:20px; left:0px; top:74px; height:auto; border:1px solid #15528e; background:#fff; } .gnbInner .gnbMenu .dep1 > li.st1 .dep2 { width:800px; left:8px; } .gnbInner .gnbMenu .dep1 > li.st1 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st2 .dep2 { width:800px; left:-83px; } .gnbInner .gnbMenu .dep1 > li.st2 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st3 .dep2 { width:800px; left:-189px; } .gnbInner .gnbMenu .dep1 > li.st3 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st4 .dep2 { width:800px; left:-279px; } .gnbInner .gnbMenu .dep1 > li.st4 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st5 .dep2 { width:600px; left:-189px; } .gnbInner .gnbMenu .dep1 > li.st5 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st6 .dep2 { width:400px; left:-87px; } .gnbInner .gnbMenu .dep1 > li.st6 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li.st7 .dep2 { width:600px; left:-381px; } .gnbInner .gnbMenu .dep1 > li.st7 .dep2 > li { } .gnbInner .gnbMenu .dep1 > li .dep2 { display:none; position:absolute; padding:20px 0px; left:0px; top:74px; /* min-width:1080px; width:100%; */ height:auto; border:1px solid #cccccc; background:#f2f0ea; z-index:10; } .gnbInner .gnbMenu .dep1 .dep2.visDep2 { display:block; } .gnbInner .gnbMenu .dep1 .dep2 .dep1title { display:none; } .gnbInner .gnbMenu .dep1 .dep2 > li { float:left; width:190px; padding-left:10px; font-size:16px; color:#441932; min-height:50px; /* border-right:1px solid #cccccc; background:url("/judiciary/common/images/menuLine.gif") right top repeat-y; */ } .gnbInner .gnbMenu .dep1 .dep2 > li.last { background:none; border-right:none;} .gnbInner .gnbMenu .dep1 .dep2 > li > a { display:inline-block; padding:0px 10px; color:#15528e; font-weight:bold; } .gnbInner .gnbMenu .dep1 .dep2 .dep3 { margin-top:20px; } .gnbInner .gnbMenu .dep1 .dep2 .dep3 li a { display:inline-block; height: 25px; font-size:13px; padding-left: 10px; line-height: 20px; color:#293135; background:url("/judiciary/common/images/dep3dot.gif") 5px 8px no-repeat; } .gnbInner .gnbMenu .dep1 .dep2 .dep3 li a:hover { color:#9a2d06; text-decoration:underline; } /* menu allMenu */ .gnbInner .btnMenuAll_m { display:none; } .gnbInner .allMenu.unVis { display:none; } .gnbInner .allMenu .subMenuView a { position:absolute; right:10px; top:10px; font-size:14px; color:#e74e3f; } .gnbInner .allMenu { background:#f2f0ea; width:100%; position:absolute; left:0px; top:74px; z-index:20; } .gnbInner .allMenu:after { content:""; display:block; clear:both; } .gnbInner .allMenu .dep1 {} .gnbInner .allMenu .dep1 > li { float:left; padding-bottom:20px;padding-top:20px; width:16.6%; } .gnbInner .allMenu .dep1 > li.last { background:none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#3b5998; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li > a { display:inline-block; color:#3b5998; font-size:14px; padding:10px 5px 3px 20px;} .gnbInner .allMenu .dep2 .mPlus { background:none; } .gnbInner .allMenu .dep2 .mMinus { background:none; } .gnbInner .allMenu .dep3 > li > a { display:inline-block; color:#293135; padding:7px 5px 3px 30px; background:url("/judiciary/common/images/allMenuD3Dot.png") 16px 11px no-repeat; } .gnbInner .dep3.unVis { display:none; } .back { } .back.layerPopBg { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/judiciary/common/images/black.png") repeat; z-index:19; } .menuSubBtn { position:absolute; right:0;} .menuSubBtn:after { content:""; float: right; } .menuSubBtn > a { display:inline-block; width:37px; line-height: 75px; margin: 18px 0 0 4px; } .menuSubBtn > a.btnMenuAll { width:37px; height:37px; background:url("/judiciary/common/images/btn_menuAll.gif") left top no-repeat; text-indent:-999px; overflow:hidden; } .menuSubBtn > a.btnMenuAll.menuClose { background:url("/judiciary/common/images/btn_menuAll_Close.gif") left top no-repeat; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#09080a; } .mainImageInner { margin:0 auto; max-width:1160px; background:url("/judiciary/common/images/mainImageBg.jpg") repeat-y left top; height:auto; } .mainImageInner .mainimage img { width: 100%; } .mainImageInner .article { float:left; padding:80px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; } .mainImageInner .title a { font-size:33px; color:#ffffff; } .mainImageInner .summary a { padding-top:20px; font-size:20px; line-height:30px; color:#ffffff; } /* quick close */ .mainImageInner .quickMenu.close { position:relative; left:20px; margin-left:20px; /*width:430px;*/ width:37%; height: 192px; background:url("/judiciary/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.close .btnOpen { position:absolute; left:0px; top:80px; } .quickMenu.close .btnOpen .tit { display:none; } .quickMenu.close .title { display:none; } .quickMenu.close .list ul { margin-left:50px; } .quickMenu.close .list ul li { float:left; background:url("/judiciary/common/images/quickListBg.png") no-repeat right -20px; text-align:center; margin-left:5px; width:23%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:block; /* width:90px; */ height:90px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li a span { display:inline-block; margin-top: 55px; line-height: 15px; } .quickMenu.close .list ul li.hid { display:none; } .quickMenu.close .list ul li a.q1 { background:url("/judiciary/common/images/quick01.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q2 { background:url("/judiciary/common/images/quick02.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q3 { background:url("/judiciary/common/images/quick03.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q4 { background:url("/judiciary/common/images/quick04.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q5 { background:url("/judiciary/common/images/quick05.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q6 { background:url("/judiciary/common/images/quick06.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q7 { background:url("/judiciary/common/images/quick07.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q8 { background:url("/judiciary/common/images/quick08.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q9 { background:url("/judiciary/common/images/quick09.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q7 { background:url("/judiciary/common/images/quick10.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q11 { background:url("/judiciary/common/images/quick11.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q12 { background:url("/judiciary/common/images/quick12.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q13 { background:url("/judiciary/common/images/quick13.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q14 { background:url("/judiciary/common/images/quick14.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q15 { background:url("/judiciary/common/images/quick15.png") no-repeat center 7px; } .quickMenu.close .list ul li a.q16 { background:url("/judiciary/common/images/quick16.png") no-repeat center 7px; } .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:absolute; left:0px; top:286px; margin-left:0px; /*width:430px;*/ width:100%; height: 192px; background:url("/judiciary/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.open .btnOpen { display:none; } .quickMenu.open .btnOpen .tit { display:none; } .quickMenu.open .title { display:block; background:url("/judiciary/common/images/quickTitleBg.jpg") no-repeat left top; float:left; height:192px; width:16%; } .quickMenu.open .title span { display:block; font-size:18px; color:#1ca4e6; margin: 80px 0px 0px 20px; } .quickMenu.open .list ul { margin-left:50px; } .quickMenu.open .list ul li { float:left; background:url("/judiciary/common/images/quickListBg.png") no-repeat right -20px; text-align:center; margin-left:5px; width:10%;} .quickMenu.open .list ul li.last { background:none; } .quickMenu.open .list ul li a { display:block; /* width:90px; */ height:90px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.open .list ul li a span { display:inline-block; margin-top: 55px; line-height: 15px;} .quickMenu.open .list ul li.hid { display:block; } .quickMenu.open .list ul li a.q1 { background:url("/judiciary/common/images/quick01.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q2 { background:url("/judiciary/common/images/quick02.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q3 { background:url("/judiciary/common/images/quick03.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q4 { background:url("/judiciary/common/images/quick04.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q5 { background:url("/judiciary/common/images/quick05.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q6 { background:url("/judiciary/common/images/quick06.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q7 { background:url("/judiciary/common/images/quick07.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q8 { background:url("/judiciary/common/images/quick08.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q9 { background:url("/judiciary/common/images/quick09.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q10 { background:url("/judiciary/common/images/quick10.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q11 { background:url("/judiciary/common/images/quick11.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q12 { background:url("/judiciary/common/images/quick12.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q12 span { margin-top:50px; } .quickMenu.open .list ul li a.q13 { background:url("/judiciary/common/images/quick13.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q13 span { margin-top:50px; } .quickMenu.open .list ul li a.q14 { background:url("/judiciary/common/images/quick14.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q14 span { margin-top:50px; } .quickMenu.open .list ul li a.q15 { background:url("/judiciary/common/images/quick15.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q16 { background:url("/judiciary/common/images/quick16.png") no-repeat center 7px; } .quickMenu.open .quickClose { position:absolute; right:0px; top:0px; } /* search */ .search { position:absolute; left:0px; top:74px; background:url("/portal/common/images/searchBg.png") left top repeat; width:100%; height:84px; z-index:20; text-align:center; } .search .searchSelect { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:35px; line-height:35px; padding:0px 3px; vertical-align:top; margin-top:20px;} .search .searchInput { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:33px; line-height:35px; padding:0px 3px; vertical-align:top; margin-top:20px; width:50%; margin-left:10px; } .search .searchBtn { display:inline-block; background:#c94839 url("/portal/common/images/searchIcon.png") 18px 6px no-repeat; border:1px solid #cccccc; width:60px; height:33px; margin-top:20px; margin-left:5px; } .search.unVis { display:none; } .search .search_close_m{position: absolute;right: 10px;bottom: 5px;} /* 2023.11.07 add */ /* newsArea *******************************************************************************************************/ .newsAreaOut { width:100%; background:#eeecec url("/judiciary/common/images/newsAreaBg.gif") left top repeat; } .newsArea { max-width:1160px; margin:0 auto; padding-top:20px;} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:29%; height:auto; margin-left:20px; padding:35px 10px; } .newsArea .news { margin-left:0px; } .newsArea .titleBox { border-bottom:1px solid #c48c79; padding-bottom:10px; } .newsArea .titleBox:after { content:""; display:block; clear:both; } .newsArea .titleBox .boardName { float:left; font-size:22px; color:#e74e3f; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article { margin-top: 30px; } .newsArea .article .title { font-size:24px; font-weight:bold; color:#474747; line-height:28px; height:45px;} .newsArea .article .summary {position:relative; height:290px; background:#fff; margin-top:20px; padding:20px 10px; font-size: 16px; color:#484848; line-height:28px; overflow:hidden;} .newsArea .article .summary .redBtn {position:absolute; right:15px; bottom:15px; display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; line-height:30px; } /* actionZone *******************************************************************************************************/ .actionZoneOuter { width:100%; height:400px; background:#f4f4f4 url("/judiciary/common/images/actionZoneBg.gif") left top repeat; padding:20px 0px;} .actionZone { max-width:1160px; margin:0 auto; } .actionZone:after { content:""; display:block; clear:both; } .actionZone > div { float:left; width:29%; height:auto; margin-left:10px; } .actionZone .movie { padding: 60px 0px 0px 20px; } .actionZone .sanggoBanner { margin-top:32px; padding:0px 15px; text-align:center;} .sanggoBtnBox { margin-top:40px; } .detailBtn { font-size:18px; color:#fff !important; padding:10px 20px; background:#241b20; margin:0px 10px;} .toonBtn { font-size:18px; color:#241b20 !important; padding:9px 19px; border:1px solid #241b20; margin:0px 10px;} .actionZone .banner { margin-top:31px; padding:10px; } .actionZone .banner > div { text-align:left; padding:20px 0px 20px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .actionZone .banner .bannerBox1 { background:url("/judiciary/common/images/banner1Bg.png") 10px 7px no-repeat; } .actionZone .banner .bannerBox2 { background:url("/judiciary/common/images/banner2Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerBox3 { background:url("/judiciary/common/images/banner3Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .actionZone .banner .bannerTitle a { color:#000; } .actionZone .banner .bannerCont { font-size:14px; color:#000000; } /* board *******************************************************************************************************/ .boardOut { background:url("/judiciary/common/images/boardBg.gif") left top repeat; } .boardOut .titPhoto { text-align:center; height:90px; background:url("/judiciary/common/images/photoBg.png") left top repeat-x; } .boardOut .titPhoto .titPhotoIn { background:none;} .board { max-width:1160px; margin:0 auto; } .board:after { content:""; display:block; clear:both; } .board > div { float:left; width:29%; height:auto; margin-left:20px; padding:35px 10px; } .board .photo { text-align:center;} .board .photoTitle { font-size:15px; border-bottom:1px solid #d4d4d4; margin-top:20px; padding-bottom:5px;} .board .photoTitle a { color:#000; } .board .photoArticle { font-size:13px; color:#646464; margin-top:20px; line-height:18px;} /* footer *******************************************************************************************************/ .footerOut { width:100%; position:relative; margin-top:0px;} /* linkLine */ .linkLineOut { height:42px; width:100%; background:#464646; border-bottom:1px solid #5c5c5c; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:5px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:25px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/judiciary/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/judiciary/common/images/icon_facebook.gif") left -25px no-repeat; } .linkLineIn .footsns .twitter { background:url("/judiciary/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/judiciary/common/images/icon_twitter.gif") left -25px no-repeat; } .linkLineIn .footsns .youtube { background:url("/judiciary/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/judiciary/common/images/icon_youtube.gif") left -25px no-repeat; } .linkLineIn .footsns .instagram { background:url("/judiciary/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/judiciary/common/images/icon_insta.gif") left -25px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/judiciary/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/judiciary/common/images/icon_naver.gif") left -25px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/judiciary/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/judiciary/common/images/icon_daum.gif") left -25px no-repeat; } .linkLineIn .footsns .kakao { background:url("/judiciary/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/judiciary/common/images/icon_kakao.gif") left -25px no-repeat; } .footLink:after { content:""; display:block; clear:both; } .footLink ul { float:right; } .footLink ul li { float:left; } .footLink ul li a { display:inline-block; line-height:42px; color:#fff; padding:0px 30px 0px 60px; border-left:1px solid #5d5d5d; } .footLink ul li a.link1 { background:url("/judiciary/common/images/link1.png") 20px 8px no-repeat; } .footLink ul li a.link2 { background:url("/judiciary/common/images/link2.png") 20px 8px no-repeat; } .footLink ul li a.link3 { background:url("/judiciary/common/images/link3.png") 20px 10px no-repeat; border-right:1px solid #5d5d5d;} .sitemapOut { background:#464646; clear:both; padding-bottom:20px; } .sitemapOut:after { content:""; display:block; clear:both; } .sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; padding:20px 0px;} .sitemapOut .dep1 > li { float:left; width:16%; } .sitemapOut .dep1 > li > a { font-size:16px; color:#d2b09d; } .sitemapOut .dep2 > li { margin-top:20px; } .sitemapOut .dep2 > li > a { font-size:15px; color:#ffffff; } .sitemapOut .dep3 > li { margin:5px 0px;} .sitemapOut .dep3 > li > a { font-size:12px; color:#aaa; } /* // linkLine */ /* footer */ .footerOut { background:#464646; } .footerOut .footLine { border-top:1px solid #5c5c5c; } .footerOut .footerIn { max-width:1160px; margin:0 auto; padding:20px 0px; } .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { float:left; width:190px; } .footerIn .copybox { float:left; width:70%; } .footerIn .certi { float:left; } /* copybox */ .footerIn .copybox { margin-left:20px; } .footerIn .copybox .footerLink:after { content:""; display:block; clear:both; } .footerIn .copybox .footerLink ul li { float:left; } .footerIn .copybox .footerLink ul li a { font-size:13px; color:#fff;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#fff; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#fff; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#fff; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#fff; margin-top:2px; } .footerIn .certi { float:right; } .footerIn .certi img { margin-right:20px;} /* sub **************************************************************************************************/ /* subContainer */ .subContainerOut { background:#fff; } .subContainer { max-width:1160px; margin:0 auto; background:url("/judiciary/common/images/leftFrameBg.jpg") left top repeat-y; } .subContainer:after { content:""; display:block; clear:both; } .subContainer .mainFrame { margin-left:3%; padding-right:3%; padding-bottom:40px; max-width:1104px; background:url("/judiciary/common/images/rightFrameBg.jpg") right top repeat-y; } .subContainer .mainFrame:after { content:""; display:block; clear:both; } /* titleBox */ .titleBox:after { content:""; display:block; clear:both; } .titleBox .conTitle { display:inline-block; float:left; font-size:30px; color:#474747; padding:48px 0px 10px 0px; display:none;} .titleBox .navibox { display:inline-block; float:right; } .navibox { float:right; margin-top:20px;} .navibox div { float:left; } .navibox div span { padding-right:10px; } .navibox .home { display:inline-block; font-size:14px; line-height:40px; color:#656565; background:url("/judiciary/common/images/homeIcon.png") left 15px no-repeat; padding-left:25px; padding-right:10px; } .navibox .midNavi { display:inline-block; font-size:14px; line-height:40px; color:#656565; padding-right:10px; } .navibox .spot { display:inline-block; font-weight:bold; line-height:40px; font-size:14px; color:#3b5998; padding-right:30px; } .navibox .sns > a {margin-top:5px; margin-right:5px; display:inline-block; text-indent:-999px; padding:0px; overflow:hidden; width:30px; height:29px; border:1px solid #cccccc; background:#f3f3f3 url("/judiciary/common/images/snsIconOff.png") 5px 6px no-repeat;} .navibox .sns.on > a {background:#0d3151 url("/portal/common/images/snsIconOn.png") 5px 6px no-repeat;} .navibox .print > a { margin-top:5px; margin-right:5px; display:inline-block; text-indent:-999px; padding:0px; overflow:hidden; width:30px; height:29px; border:1px solid #cccccc; background:#f3f3f3 url("/judiciary/common/images/printIcon.png") 5px 6px no-repeat; } .snsBox { display:none; } .snsBox.on { display:block; position:absolute; right:85px; top:200px; z-index:10; padding:4px; background:url("/portal/common/images/snsBoxBg.gif") left top repeat; } .snsBox.on .snsBoxIn { background:#fff; padding:15px; } .snsBox.on .snsBoxIn > span { display:inline-block; font-size:14px; color:#0d3151; vertical-align:top; margin:7px 5px 0px 0px;} .snsBox.on .snsBoxIn > a { margin-left:3px; } /* subMenu */ .subMenu { background:#f4f9fd; border-top:3px solid #9a9297; border-bottom:1px solid #9a9297; text-align:center; } .subMenu ul { display:inline-block; } .subMenu ul:after { content:""; display:block; clear:both; } .subMenu ul li { float:left; } .subMenu ul li a { display:inline-block; padding: 10px 0px; font-size:16px; color:#241b20; background:url("/judiciary/common/images/subMenuDot.gif") left 15px no-repeat; padding-left:12px; margin:0 20px; } .subMenu ul li a.selected { text-decoration:underline; color:#d65d03; } /* content */ .subContainer .content { } /* conTitle */ .content .conTitle { margin:0 auto; text-align:center; margin:40px 0px; } .content .conTitle .title {line-height:32px; font-size:24px; color:#241b20; display:inline-block; height:56px; background:url("/judiciary/common/images/titleDot.png") left top no-repeat; padding-left: 80px; padding-top:10px; text-align:left; } /* contentIn */ .contentIn { font-size:16px; color:#222222; line-height:24px; } .contentIn:after { content:""; display:block; clear:both; } /* chief */ .chief .con_image { display:inline-block; float:left; width:30%; } .chief .con_text { display:inline-block; float:right; width:65%; } /* history */ .his_img { text-align:center; margin-top:20px; } .his_img img { max-width:100%; width:inherit; } /* organ */ .organ_01 { max-width:100%; width:inherit; } .organ_02 { max-width:100%; width:inherit; } .organ_03 { max-width:100%; width:inherit; } .academy01 { max-width:100%; width:inherit; } .organ_i1 { padding-left:30px; background:url("/judiciary/common/images/organ_i1.png") left top no-repeat; margin:5px 0px;} .organ_i2 { padding-left:30px; background:url("/judiciary/common/images/organ_i2.png") left top no-repeat; margin:5px 0px;} .organ_i3 { padding-left:30px; background:url("/judiciary/common/images/organ_i3.png") left top no-repeat; margin:5px 0px;} .organ_i4 { padding-left:30px; background:url("/judiciary/common/images/organ_i4.png") left top no-repeat; margin:5px 0px;} .organ_i5 { padding-left:30px; background:url("/judiciary/common/images/organ_i5.png") left top no-repeat; margin:5px 0px;} /* 청사안내 */ .building01 { max-width:100%; width:inherit; } .building02 { max-width:100%; width:inherit; } /* sangso */ .sangso { max-width:100%; width:inherit; } .minsa { max-width:100%; width:inherit; } .hyongsa { max-width:100%; width:inherit; } /* result */ .contentIn .tableResult { padding-top:20px; } .contentIn .tableResult:after { content:""; display:block; clear:both; } .contentIn .tableResult .result { float:left; margin-top:15px; font-weight:bold; color:#222222; } .contentIn .tableResult .tableSearch { float:right; } .contentIn .tableResult .tableSearch span { padding:0px 2px 0px 5px;} /* tableHor */ .contentIn .tableHor { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableHor th { background:#f3f3f3; font-size:14px; border-bottom:1px solid #dbdbdb; padding:15px; vertical-align:middle;} .contentIn .tableHor tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHor tr td { text-align:center; font-size:14px; padding:15px 5px; background:#fff; vertical-align:middle; } .contentIn .tableHor tr td.subTitle { background:#f3f3f3; } .contentIn .tableHor tr td.tit { text-align:left; padding-left:20px; } .contentIn .tableHor tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableHor tr td.attach { vertical-align:middle; } .contentIn .tableHor tr td .cover { display:inline-block; hegiht:100px; } .contentIn .tableHor tr td .cover img { width:100px; } .contentIn .tableHor tr td.bg { background:#ebebeb; } /* tableHorV */ .contentIn .tableHorV { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableHorV th { background:#edf3f8; font-size:14px; border:1px solid #dbdbdb; padding:15px; vertical-align:middle; text-align:center;} .contentIn .tableHorV tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHorV tr td { text-align:center; font-size:14px; padding:15px 5px; border:1px solid #dbdbdb; vertical-align:middle; background:#fff; } .contentIn .tableHorV tr td.textAlignL { text-align:left; } .contentIn .tableHorV tr td.subTitle { background:#f3f3f3; } .contentIn .tableHorV tr td.tit { text-align:left; padding-left:20px; } .contentIn .tableHorV tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableHorV tr td.attach { vertical-align:middle; } /* tableVer */ .contentIn .tableVer { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableVer th { background:#f3f3f3; border-bottom:1px solid #dbdbdb; padding:15px; vertical-align:middle; min-width:80px; } .contentIn .tableVer td { border-bottom:1px solid #dbdbdb; padding:15px 5px; background:#fff; vertical-align:middle;} .contentIn .tableVer td.attTxt a { color:#e84c3d; text-decoration:underline; } .contentIn .tableVer td.contArea { line-height: 24px; } .contentIn .tableVer th.t_prev { background:#f3f3f3 url("/judiciary/common/images/t_prev.gif") right center no-repeat; padding-right:40px; } .contentIn .tableVer th.t_next { background:#f3f3f3 url("/judiciary/common/images/t_next.gif") right center no-repeat; padding-right:40px; } .contentIn .tableVer tr td.subTitle { background:#f3f3f3; } .contentIn .tableVer tr td.tit a:hover, .content .boardView tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableVer tr td span { padding: 0px 5px; } /* viewBox */ .contentIn .viewBox { border:1px solid #d1d4da; border-top:3px solid #535353; margin-top:20px; } .contentIn .viewBox .titleBox { background:url("/judiciary/common/images/titleBoxBg.gif") left top repeat; padding:20px; } .contentIn .viewbox .titleBox .titleBoxIn:after { content:""; display:block; clear:both; } .contentIn .viewBox .titleBox .titleBoxIn .title { font-size:22px; color:#383838; float:left;} .contentIn .viewBox .titleBox .titleBoxIn .file { float:right; padding-top:10px; } .contentIn .viewBox .titleBox .titleBoxIn .file a { display:inline-block; height:20px; line-height:20px; font-size:12px; color:#e84c3d; text-decoration:underline; background:url("/judiciary/common/images/attfile.gif") left top no-repeat; padding-left:25px; } .contentIn .viewBox .titleBox .subTitle { clear:both; padding-top: 20px; } .contentIn .viewBox .titleBox .subTitle .date { background:url("/judiciary/common/images/iconCal.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; } .contentIn .viewBox .titleBox .subTitle .writer { background:url("/judiciary/common/images/iconWriter.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; margin-left:20px; } .contentIn .viewBox .contentBox { padding:20px; font-size:14px; color:#222222; line-height:18px; } .contentIn .viewBox img { padding:10px; width:inherit; max-width:100%; } /* nextPhotoList */ .contentIn .nextPhotoList { margin-top:40px; border-top:1px solid #535353; border-bottom:1px solid #d1d4da; } .contentIn .nextPhotoList ul { margin:15px 0px; width:100%; text-align:center;} /* .content .nextPhotoList ul:after { content:""; display:block; clear:both; } */ .contentIn .nextPhotoList ul li { display:inline-block; border:1px solid #d1d4da; padding:1%; margin:0px 1%; width:20%; } .contentIn .nextPhotoList ul li img { width:100%; } .contentIn .nextPhotoList ul li .title { text-align:left; margin:10px 0px; overflow:hidden;} .contentIn .nextPhotoList ul li .title a { font-size:13px; color:#222222; } .contentIn .nextPhotoList ul li .date { text-align:left; font-size:12px; color:#666; } .contentIn .nextPhotoList ul li .date a { font-size:12px; color:#6b7174; } /* gallery */ .contentIn .gallery { border-bottom:1px solid #d1d4da; margin-top:40px; padding-bottom:25px; } .contentIn .gallery ul { text-align:center; } .contentIn .gallery ul:after { content:""; display:block; clear:both; } .contentIn .gallery ul li { display:inline-block; border:1px solid #d1d4da; width:15%; padding:8px; margin:15px 8px; } .contentIn .gallery ul li .galleryImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .gallery ul li .galleryImg img { width:100%; } .contentIn .gallery ul li .title { display:inline-block; font-size:14px; color:#222222; float:left; margin-top:5px; } .contentIn .gallery ul li .pdf { display:inline-block; float:right; width:100%; max-width:50px; } /* photo */ .contentIn .photo { margin-top:40px; padding-bottom:10px; } .contentIn .photo ul { text-align:center; } .contentIn .photo ul:after { content:""; display:block; clear:both; } .contentIn .photo ul li { display:inline-block; border:1px solid #d1d4da; width:20%; padding:8px; margin:15px 8px; } .contentIn .photo ul li .photoImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .photo ul li .photoImg img { width:100%; } .contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; } .contentIn .photo ul li .date { font-size:12px; color:#6b7174; } /* bookGallery */ .contentIn .bookGallery { border-bottom:1px solid #d1d4da; margin-top:30px; padding-bottom:25px; } .contentIn .bookGallery ul { text-align:center; } .contentIn .bookGallery ul:after { content:""; display:block; clear:both; } .contentIn .bookGallery ul li { display:inline-block; width:18%; padding:8px; margin:15px 1%; text-align:center; } .contentIn .bookGallery ul li .galleryImg { display:inline-block; margin:0 auto; background:url("/judiciary/common/images/bookbg.png") left top no-repeat; } .contentIn .bookGallery ul li .galleryImg img { margin:5px; width:100%; max-width:120px; } .contentIn .bookGallery ul li .title { display:block; font-size:14px; color:#222222; text-align:center; margin-top:5px; line-height:18px; } /* tab */ .contentIn .tab { margin-top: 20px; } .contentIn .tab .tabTitle { background:url("/judiciary/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .tab .tabTitle:after { content:""; display:block; clear:both; } .contentIn .tab .tabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .tab .tabTitle li { float:left; cursor:pointer; padding:15px 40px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; } .contentIn .tab .tabTitle li.active { color:#892305; border-top:2px solid #892305; background:#fff; border-bottom:none; } .contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .tab .tabContents .tabContent { display:none; } .contentIn .tab .tabContents .tabContent.active { display:block; } /* tabSec */ .contentIn .tabSec { margin-top: 20px; } .contentIn .tabSec .tabTitle { background:url("/judiciary/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .tabSec .tabTitle:after { content:""; display:block; clear:both; } .contentIn .tabSec .tabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .tabSec .tabTitle li { float:left; cursor:pointer; padding:15px 40px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; } .contentIn .tabSec .tabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; } .contentIn .tabSec .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .tabSec .tabContents .tabContent { display:none; } .contentIn .tabSec .tabContents .tabContent.active { display:block; } /* calendar */ .contentIn .calendar { margin-top:20px; } .contentIn .calendar .top { background:url("/judiciary/common/images/calBg.gif") left top repeat; color:#fff; text-align:center; padding: 8px; position:relative; } .contentIn .calendar .top .year { display:inline-block; font-size:18px; vertical-align:middle; margin-top:3px; margin-right: 5px; } .contentIn .calendar .top .month { display:inline-block; font-size:24px; } .contentIn .calendar .top .calL { position:absolute; left: 15px; top: 10px; display:block; width:13px; height:18px; background:url("/judiciary/common/images/cal_left.png") left top no-repeat; text-indent:-999px; overflow:hidden; } .contentIn .calendar .top .calR { position:absolute; right:15px; top: 10px; display:block; width:13px; height:18px; background:url("/judiciary/common/images/cal_right.png") left top no-repeat; text-indent:-999px; overflow:hidden; } .contentIn .calendar table { width:100%; } .contentIn .calendar table th { border:1px solid #dbdbdb; width:14%; background:#dfe8f0; text-align:center; padding:15px 0px; font-size:14; color:#222222;} .contentIn .calendar table td { border:1px solid #dbdbdb; padding:5px 10px; height:100px; font-size:14px; } .contentIn .calendar table td p { padding-top:3px;} .contentIn .calendar table td p span { display:inline-block; padding-right:5px; font-size:13px; } .contentIn .calendar table td .red { color:#e74e3f; } .contentIn .calendar table td .blue { color:#0897ca; } /* btnBox */ .contentIn .btnBox { margin-top:20px; text-align:right; } /* pagelist */ .contentIn .pagelist { width:100%; text-align:center; margin-top:30px; } .contentIn .pagelist a.next2 { padding:0; border:1px solid #bdbdbd; background:url("/judiciary/common/images/plistNext2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.next { padding:0; border:1px solid #bdbdbd; background:url("/judiciary/common/images/plistNext.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev { padding:0; border:1px solid #bdbdbd; background:url("/judiciary/common/images/plistPrev2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev2 { padding:0; border:1px solid #bdbdbd; background:url("/judiciary/common/images/plistPrev.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a { display:inline-block; padding:0 7px; height:26px; line-height:28px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; } .contentIn .pagelist a.selected { background:#535353; color:#fff; } .contentIn .pagelist a.selected:hover { color:#fff; } .contentIn .pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;} /* map */ .contentIn .map { border:1px solid #bdbdbd; margin-top:10px; } .contentIn .map:after { display:block; content:""; clear:both; } .contentIn .map div.mapView { float:left; } .contentIn .map .mapView { width:439px; height:458px; position:relative; background:url("/judiciary/common/images/map_bg.jpg") left top no-repeat;} .contentIn .map .mapView ul li { position:absolute; } .contentIn .map .mapView ul li a { display:block; width:36px; height:19px; overflow:hidden; text-indent:-999px;} .contentIn .map .mapView li.Uijeongbu {left:147px; top:62px; background:url("/judiciary/common/images/icon_notiDisclose_Uijeongbu_off.png") left top no-repeat;} .contentIn .map .mapView li.Uijeongbu:hover {background:url("/judiciary/common/images/icon_notiDisclose_Uijeongbu_on.png") left top no-repeat;} .contentIn .map .mapView li.Incheon {left:98px; top:91px; background:url("/judiciary/common/images/icon_notiDisclose_Incheon_off.png") left top no-repeat;} .contentIn .map .mapView li.Incheon:hover {background:url("/judiciary/common/images/icon_notiDisclose_Incheon_on.png") left top no-repeat;} .contentIn .map .mapView li.Seoul {left:165px; top:96px; background:url("/judiciary/common/images/icon_notiDisclose_Seoul_off.png") left top no-repeat;} .contentIn .map .mapView li.Seoul:hover {background:url("/judiciary/common/images/icon_notiDisclose_Seoul_on.png") left top no-repeat;} .contentIn .map .mapView li.Chuncheon {left:212px; top:75px; background:url("/judiciary/common/images/icon_notiDisclose_Chuncheon_off.png") left top no-repeat;} .contentIn .map .mapView li.Chuncheon:hover {background:url("/judiciary/common/images/icon_notiDisclose_Chuncheon_on.png") left top no-repeat;} .contentIn .map .mapView li.Suwon {left:157px; top:126px; background:url("/judiciary/common/images/icon_notiDisclose_Suwon_off.png") left top no-repeat;} .contentIn .map .mapView li.Suwon:hover {background:url("/judiciary/common/images/icon_notiDisclose_Suwon_on.png") left top no-repeat;} .contentIn .map .mapView li.Daejeon {left:153px; top:194px; background:url("/judiciary/common/images/icon_notiDisclose_Daejeon_off.png") left top no-repeat;} .contentIn .map .mapView li.Daejeon:hover {background:url("/judiciary/common/images/icon_notiDisclose_Daejeon_on.png") left top no-repeat;} .contentIn .map .mapView li.Cheongju {left:208px; top:180px; background:url("/judiciary/common/images/icon_notiDisclose_Cheongju_off.png") left top no-repeat;} .contentIn .map .mapView li.Cheongju:hover {background:url("/judiciary/common/images/icon_notiDisclose_Cheongju_on.png") left top no-repeat;} .contentIn .map .mapView li.Jeonju {left:159px; top:243px; background:url("/judiciary/common/images/icon_notiDisclose_Jeonju_off.png") left top no-repeat;} .contentIn .map .mapView li.Jeonju:hover {background:url("/judiciary/common/images/icon_notiDisclose_Jeonju_on.png") left top no-repeat;} .contentIn .map .mapView li.Changwon {left:229px; top:264px; background:url("/judiciary/common/images/icon_notiDisclose_Changwon_off.png") left top no-repeat;} .contentIn .map .mapView li.Changwon:hover {background:url("/judiciary/common/images/icon_notiDisclose_Changwon_on.png") left top no-repeat;} .contentIn .map .mapView li.Daegu {left:260px; top:221px; background:url("/judiciary/common/images/icon_notiDisclose_Daegu_off.png") left top no-repeat;} .contentIn .map .mapView li.Daegu:hover {background:url("/judiciary/common/images/icon_notiDisclose_Daegu_on.png") left top no-repeat;} .contentIn .map .mapView li.Gwangju {left:148px; top:299px; background:url("/judiciary/common/images/icon_notiDisclose_Gwangju_off.png") left top no-repeat;} .contentIn .map .mapView li.Gwangju:hover {background:url("/judiciary/common/images/icon_notiDisclose_Gwangju_on.png") left top no-repeat;} .contentIn .map .mapView li.Pusan {left:273px; top:297px; background:url("/judiciary/common/images/icon_notiDisclose_Pusan_off.png") left top no-repeat;} .contentIn .map .mapView li.Pusan:hover {background:url("/judiciary/common/images/icon_notiDisclose_Pusan_on.png") left top no-repeat;} .contentIn .map .mapView li.Ulsan {left:304px; top:255px; background:url("/judiciary/common/images/icon_notiDisclose_Ulsan_off.png") left top no-repeat;} .contentIn .map .mapView li.Ulsan:hover {background:url("/judiciary/common/images/icon_notiDisclose_Ulsan_on.png") left top no-repeat;} .contentIn .map .mapView li.Jaeju {left:147px; top:400px; background:url("/judiciary/common/images/icon_notiDisclose_Jaeju_off.png") left top no-repeat;} .contentIn .map .mapView li.Jaeju:hover {background:url("/judiciary/common/images/icon_notiDisclose_Jaeju_on.png") left top no-repeat;} .contentIn .map div.listView { float:right; width:38%; border-left:1px solid #bdbdbd;} .contentIn .map .listView .mapTitle { background:#e1e1e1; font-size:18px; color:#333; text-align:center; padding:10px; } .contentIn .map .listView ul { overflow-y:scroll; height:421px; background:#e1e1e1; } .contentIn .map .listView ul li { float:none; border-bottom:1px solid #bdbdbd; padding-left:10px; background:#fff;} .contentIn .map .listView ul li a { display:block; padding:10px 5px; font-size:14px; } /* bannerHor2 */ .contentIn .bannerHor2 ul { margin:10px auto; } .contentIn .bannerHor2 ul:after { content:""; display:block; clear:both; } .contentIn .bannerHor2 ul li { float: left; margin:0px 1%; width:46%; } .contentIn .bannerHor2 ul li img { width:100%; max-width:430px;} /* slideCont */ .contentIn .slideCont { margin-top:20px; } .contentIn .slideCont ul li { border-bottom:1px solid #d1d4da; } .contentIn .slideCont .tit {display:block; background:url("/judiciary/common/images/slide_bul_n.png") 10px 8px no-repeat; padding:10px 5px 10px 40px; font-size:14px; } .contentIn .slideCont .tit.open { color:#42689c; background:url("/judiciary/common/images/slide_bul_o.png") 10px 8px no-repeat; } .contentIn .slideCont ul li div { display:none; padding:10px;} .contentIn .slideCont ul li div.sub { display:block; } /* programBox */ .contentIn .programBox { border: 10px solid #87919c; padding: 10px; min-height:180px; float:left; width:40%; margin:0px 2%; margin-top:15px; } .contentIn .programTitle { border-bottom: 1px solid #486d92; padding-bottom:10px; font-size:18px; color:#1a7290; } .contentIn .programBox:after { content:""; display:block; clear:both;} /* banner */ .contentIn .bannerPage { position:relative; width:590px; height:235px; margin-top:25px;} .contentIn .bannerPage .linkImg { position:absolute; width:215px; height:155px; left:20px; top:60px; } .contentIn .bannerPage .linktext { position:absolute; width:285px; height: 80px; left:256px; top:60px; } .contentIn .bannerPage .link1 { position:absolute; width:52px; height:48px; left:256px; top:152px; } .contentIn .bannerPage .link2 { position:absolute; width:52px; height:48px; left:333px; top:152px; } .contentIn .bannerPage .link3 { position:absolute; width:52px; height:48px; left:410px; top:152px; } .contentIn .bannerPage .link4 { position:absolute; width:52px; height:48px; left:487px; top:152px; } /* layer */ .proceeding { margin-left:3%; margin-right:3%; } .proceeding li { float:left; border:1px solid #c7b6a6; padding:5px; margin-bottom:40px; margin-left:7%; } .proceeding li .name { text-align:center; padding-top:10px; } .proceeding li .name a { font-size:16px; color:#222; } .proceeding li .name a:hover { color:#892305; } .contentIn .layer { position:absolute; left:0; top:0; width:80%; margin:10% 8%; background:#fff; border-top: 14px solid #2f1e28; border-bottom:38px solid #2f1e28; padding-bottom: 50px; clear:both; z-index:21; } .contentIn .layer:after { content:""; display:block; clear:both; } .contentIn .layerHeader { background:#f8f4ed; height:57px; border-bottom:1px solid #9f9c9b; } .contentIn .layerHeader > img { margin-top:7px; margin-left:20px;} .contentIn .layerHeader > a { float:right; margin:20px 20px 0px 0px;} .contentIn .layerCon > div { float:left; } .contentIn .layerCon .photo { display:inline-block; padding:5px; border:1px solid #c7b6a6; margin-top:20px; margin-right:30px; margin-left:10px; } .contentIn .layerCon .photo .name { text-align:center; padding-top:5px; } .contentIn .layerCon .career { display:inline-block; width:95%; margin-top:30px; margin-left:10px; } .contentIn .layerCon .career .title {display:block; font-size:24px; color:#222222; margin-bottom:20px; } .contentIn .layerCon .career .subTit { display:block; font-size:18px; color:#892305; } /* 조직도 */ .organ { } .organ:after { content:""; display:block; clear:both;} .contentIn .level01 { display:inline-block; color:#fff; font-size:20px; background:#52839b; padding:10px 80px; border:1px solid #305e7f; } .contentIn .level01:hover { color:#fff; } .contentIn .level02 { display:block; color:#fff; font-size:16px; background:#4d7dc1; padding:3px 10px; margin:0px 2px; border:1px solid #3164b8; } .contentIn .level02:hover { color:#fff; } .contentIn .level03 { display:block; color:#565656; font-size:14px; background:#f1f1f1; padding:3px 5px; margin:4px 2px 0px 2px; border:1px solid #bababa; } .contentIn .level03:hover { color:#565656; } .contentIn .level04 { display:block; color:#565656; font-size:13px; background:#fff; padding:3px 5px; margin:0px 2px; border:1px solid #bababa; border-top:none; } .contentIn .level04:hover { color:#565656; } .contentIn .levelS { display:block; color:#368197; font-size:14px; background:#fff; padding:1px 10px; margin:1px 2px; border:1px solid #c2c7d0; text-align:center;} .contentIn .levelS:hover { color:#368197; } .contentIn .levelS.bgs { background:#e8f3f8; } .contentIn .bg2 { background:#f4f4f4; } .contentIn .w50p { width:50%; } .contentIn .w25p { width:25%; } .contentIn .w15p { width:14.28%; } .contentIn .w80p { width:80%; } .contentIn .borderT { border-top:1px solid #727273; } .contentIn .borderL { background:url("/judiciary/common/images/mapLine.png") left top repeat-y; } .contentIn .borderR { background:url("/judiciary/common/images/mapLine.png") right top repeat-y; } .contentIn .borderB { border-bottom:1px solid #727273; } /* img */ .contentIn img { max-width:100%; width:inherit; } .img01 { max-width:100%; width:inherit; } .img02 { max-width:100%; width:inherit; } .img03 { max-width:100%; width:inherit; } .img04 { max-width:100%; width:inherit; } .img05 { max-width:100%; width:inherit; } .img06 { max-width:100%; width:inherit; } .img07 { max-width:100%; width:inherit; } .img08 { max-width:100%; width:inherit; } .img09 { max-width:100%; width:inherit; } .img10 { max-width:100%; width:inherit; } .img11 { max-width:100%; width:inherit; } .img22 { max-width:100%; width:inherit; } .img23 { max-width:100%; width:inherit; } .img24 { max-width:100%; width:inherit; } .img25 { max-width:100%; width:inherit; } .img26 { max-width:100%; width:inherit; } .img27 { max-width:100%; width:inherit; } .img28 { max-width:100%; width:inherit; } .img29 { max-width:100%; width:inherit; } .img30 { max-width:100%; width:inherit; } .img31 { max-width:100%; width:inherit; } .img32 { max-width:100%; width:inherit; } .img33 { max-width:100%; width:inherit; } .img34 { max-width:100%; width:inherit; } .img35 { max-width:100%; width:inherit; } .img36 { max-width:100%; width:inherit; } .img37 { max-width:100%; width:inherit; } .img38 { max-width:100%; width:inherit; } .img39 { max-width:100%; width:inherit; } .img40 { max-width:100%; width:inherit; } .img41 { max-width:100%; width:inherit; } .img42 { max-width:100%; width:inherit; } .img43 { max-width:100%; width:inherit; } .img44 { max-width:100%; width:inherit; } .img45 { max-width:100%; width:inherit; } .img46 { max-width:100%; width:inherit; } .img47 { max-width:100%; width:inherit; } .div20 { width:20%; } .div75 { width:75%; font-size:20px; color:#222222; line-height:32px; } .div_inline { display:block; font-size:16px; } .contentIn .img48 { float:left; margin-right:20px; width:90px;} .img49 { } .img50 { max-width:100%; width:inherit; } .img51 { max-width:100%; width:inherit; } .img52 { max-width:100%; width:inherit; } .img53 { max-width:100%; width:inherit; } .img54 { max-width:100%; width:inherit; } .booksam { width:120px; } .contentIn .tableHorV.div60 { width:60%; } /* //subContainer */ /* 2026.06.30 add */ .org-chart .row { display:flex; align-items:center; gap:60px; justify-content:center; } .org-chart .row .col { width:200px; height:48px; line-height:48px; white-space:nowrap; text-align:center; border-radius:8px; font-size:16px; color:#fff; font-weight:600; position:relative; } .org-chart .row .col::before, .org-chart .row .col::after { display:block; content:""; position:absolute; background:#ddd; } .org-chart .row1 .col2 { background:#4a4c9e; } .org-chart .row1 .col2::after { width:1px; height:40px; left:50%; transform:translateX(-50%); top:100%; } .org-chart .row2 { margin-top:40px; } .org-chart .row2 .col2 { background:#005496; } .org-chart .row2 .col2::after { width:1px; height:88px; left:50%; transform:translateX(-50%); top:100%; } .org-chart .row3 { margin-top:20px; } .org-chart .row3 .col1, .org-chart .row3 .col3 { background:#0076d2; } .org-chart .row3 .col1::after { width:200%; height:1px; left:100%; top:50%; transform:translateY(-50%); } .org-chart .row4 { margin-top:20px; } .org-chart .row4 .col2 { background:#4f799c; } .org-chart .row4 .col2::after { width:1px; height:70px; left:50%; transform:translateX(-50%); top:100%; } .org-chart .row5 { margin-top:70px; } .org-chart .row5 .col { background:#098275; } .org-chart .row5 .col2::after { width:1px; height:40px; left:50%; transform:translateX(-50%); top:100%; } /* */ .org-chart .row5 .col1::before { width: 1px; height: 35px; top:-35px; left:50%; transform:translateX(-50%); } .org-chart .row5 .col1::after { width: 50%; height: 1px; top:-35px; left:50%; } .org-chart .row5 .col2::before { width: calc(100% + 120px); height: 1px; top:-35px; left:50%; transform:translateX(-50%); } .org-chart .row5 .col3::before { width: 1px; height: 35px; top:-35px; left:50%; transform:translateX(-50%); } .org-chart .row5 .col3::after { width: 50%; height: 1px; top:-35px; right:50%; } .org-chart .row6 { margin-top:40px; } .org-chart .row6 .col2{ background:#c05305; } /* // sub **************************************************************************************************/ /*************************************************/ /* Mobile Device */ /*************************************************/ @media screen and (min-width:1px) and (max-width:1100px) { .hidlogo { display:none; } } @media screen and (min-width:401px) { .pt140 { padding-top:120px; } } @media screen and (min-width:1px) and (max-width: 320px) { .pt140 { padding-top:170px; } .gnbInner .gnbMenu { display:none;} } @media screen and (min-width:321px) and (max-width: 360px) { .pt140 { padding-top:170px; } .gnbInner .gnbMenu { display:none;} } @media screen and (min-width:361px) and (max-width: 400px) { .pt140 { padding-top:150px; } .gnbInner .gnbMenu { display:none;} } @media screen and (min-width:1px) and (max-width: 730px) { .top_btn {display:block} .contentIn .mhid { display:none; } .btnCategory { display:inline-block; margin:13px 3px 0 0; color: #c9d7ff !important; background:#3b5998; font-size:16px; border:1px solid #536da5; padding:0 3px; height:42px; line-height:42px; } .btnCategory.withpeople { display:none; } .metro .main_left { width:100%; } .metro .main_right { width:100%; } .sns {display:none;} .print {display:none;} /* top *******************************************************************************************************/ .topOuter { background: #3b5998; height:67px; width:100%;} .topOuter .topInner { max-width:1160px; margin:0 auto; } .topOuter .topInner .category { float:left; } .topOuter .topInner .utilMenu { float:right; width:250px; } .topOuter .topInner .topLink { float:right; height: 14px; margin-top:20px; display:none; } .topOuter .topInner .topLink ul li { float:left; } .topOuter .topInner .topLink ul li a { margin:0px 17px; color:#a3a7ab;} .topOuter .topInner .topLink ul li a.last { margin-right:0px; } .topOuter .topInner .topLink ul li span { color: #848e97; } /* gnbOuter */ .gnbOuter { width:100%; background: url("/judiciary/common/images/gnb_bg.gif") repeat-x; } .gnbInner { max-width: 1024px; min-width:300px; margin:0 auto; } .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo { float: left;} .gnbInner .logo .hidlogo { width:103px; display:none;} .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } /* menu allMenu */ .gnbInner .allMenu.unVis { display:none; } .gnbInner .allMenu .subMenuView { display:none; } .gnbInner .allMenu { background:none; width:100%; position:absolute; right:0px; top:-67px; z-index:20; } .gnbInner .allMenu:after { content:""; display:block; clear:both; } .gnbInner .allMenu .top_m { display:block; width:80%; background:#fff; height:50px; float:right; } .gnbInner .allMenu .top_m:after { content:""; display:block; clear:none; } .gnbInner .allMenu .sns_m { display:none; margin-left:10px; } .gnbInner .allMenu .sns_m ul { } .gnbInner .allMenu .sns_m ul li { float:left; padding:13px 8px 5px 0px; } .gnbInner .allMenu .sns_m ul li a { display:block; } .gnbInner .btnMenuAll_m { display:block; width:37px; height:37px; float:right; background:#ff6600; text-indent:-999px;} .gnbInner .btnMenuAll_m.menu_close_m { background:url("/judiciary/common/images/btn_menuAll_Close.gif") left top no-repeat; margin:7px 10px 0px 0px;} .gnbInner .allMenu .topLink_m { display:block; background:#3b5998; height: 50px; width:80%; float:right; border-bottom:1px solid #6f8fd3; } .gnbInner .allMenu .topLink_m ul { float:right;} .gnbInner .allMenu .topLink_m ul li { float:left; } .gnbInner .allMenu .topLink_m ul li span { vertical-align:bottom; } .gnbInner .allMenu .topLink_m ul li a { display:inline-block; padding:20px 10px 0px 10px; color:#a3a7ab;} .gnbInner .allMenu .topLink_m ul li a.last { margin-right:0px; } .gnbInner .allMenu .topLink_m ul li span { color: #848e97; } .gnbInner .allMenu .dep1 { display:block; width:80%; float:right; } .gnbInner .allMenu .dep1 > li { float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px; background:#233f7a none; } .gnbInner .allMenu .dep1 > li.last { background:#152a4b none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#fff; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li { background:#f2f0ea; border-bottom:1px solid #aca6aa; } .gnbInner .allMenu .dep2 > li > a { display:block; color:#441932; font-size:18px; padding:15px 5px 15px 40px; } .gnbInner .allMenu .dep2 .mPlus { background:url("/judiciary/common/images/menuPlus.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/judiciary/common/images/menuMinus.png") right 15px no-repeat; } .gnbInner .allMenu .dep3 > li > a { display:block; color:#152a4b; font-size:18px; padding:15px 0px 15px 60px; background:#fff none; border-bottom:1px solid #ced0d2; } .gnbInner .dep3.unVis { display:none; } .back { } .back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/judiciary/common/images/black.png") repeat; z-index:19; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#09080a; } .mainImageInner { margin:0 auto; max-width:1160px; background:url("/judiciary/common/images/mainImageBg.jpg") repeat-y left top; height:auto; } .mainImageInner .mainimage img { width: 100%; } .mainImageInner .article { float:left; padding:80px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; } .mainImageInner .title a { font-size:33px; color:#ffffff; } .mainImageInner .summary a { padding-top:20px; font-size:20px; line-height:30px; color:#ffffff; } /* search */ .search { position:absolute; left:0px; top:74px; background:url("/portal/common/images/searchBg.png") left top repeat; width:100%; height:84px; z-index:20; text-align:center; } .search .searchSelect { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:35px; padding:0px 3px; vertical-align:top; margin-top:20px;} .search .searchInput { font-size:14px; color:#444444; background:#ffffff; border: 1px solid #cccccc; height:33px; padding:0px 3px; vertical-align:top; margin-top:20px; width:30%; margin-left:10px; } .search .searchBtn { display:inline-block; background:#c94839 url("/portal/common/images/searchIcon.png") 18px 6px no-repeat; border:1px solid #cccccc; width:60px; height:33px; margin-top:20px; margin-left:5px; } .search.unVis { display:none; } /* quick close */ .mainImageInner .quickMenu.close { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:40px; background:url("/judiciary/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.close .btnOpen { position:static; display:block; } .quickMenu.close .btnOpen img { display:none; } .quickMenu.close .btnOpen .tit { display:block; color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;} .quickMenu.close .btnOpen .tit.flag { background: url("/judiciary/common/images/quickFlag.png") no-repeat right 15px; } .quickMenu.close .title { display:none; } .quickMenu.close .list ul { margin-left:0px; } .quickMenu.close .list ul li { float:none; background:none; text-align:left; margin-left:5px; width:100%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.close .list ul li.hid { display:block;} .quickMenu.close .list ul li.hid a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li.hid a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.close .list ul li a.q1 { background:none; } .quickMenu.close .list ul li a.q2 { background:none; } .quickMenu.close .list ul li a.q3 { background:none; } .quickMenu.close .list ul li a.q4 { background:none; } .quickMenu.close .list ul li a.q5 { background:none; } .quickMenu.close .list ul li a.q6 { background:none; } .quickMenu.close .list ul li a.q7 { background:none; } .quickMenu.close .list ul li a.q8 { background:none; } .quickMenu.close .list ul li a.q9 { background:none; } .quickMenu.close .list ul li a.q10 { background:none;} .quickMenu.close .list ul li a.q11 { background:none; } .quickMenu.close .list ul li a.q12 { background:none;} .quickMenu.close .list ul li a.q12 span { margin-top:0px; } .quickMenu.close .list ul li a.q13 { background:none; } .quickMenu.close .list ul li a.q13 span { margin-top:0px; } .quickMenu.close .list ul li a.q14 { background:none; } .quickMenu.close .list ul li a.q14 span { margin-top:0px; } .quickMenu.close .list ul li a.q15 { background:none; } .quickMenu.close .list ul li a.q16 { background:none; } .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:auto; background:url("/judiciary/common/images/quickMenuBg.png") repeat left top;} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.open .btnOpen { position:static; display:block; } .quickMenu.open .btnOpen img { display:none; } .quickMenu.open .btnOpen .tit { display:block; color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;} .quickMenu.open .btnOpen .tit.flag { background: #041c31 url("/judiciary/common/images/quickFlag2.png") no-repeat right 15px; } .quickMenu.open .title { display:none; } .quickMenu.open .list ul { margin-left:0px; margin-top:10px; } .quickMenu.open .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;} .quickMenu.open .list ul li.last { background:none; } .quickMenu.open .list ul li a { display:inline-block; width:96%; height:20px; font-size:13px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #1d4f78; } .quickMenu.open .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.open .list ul li.hid { display:block; } .quickMenu.open .list ul li a.q1 { background:none; } .quickMenu.open .list ul li a.q2 { background:none; } .quickMenu.open .list ul li a.q3 { background:none; } .quickMenu.open .list ul li a.q4 { background:none; } .quickMenu.open .list ul li a.q5 { background:none; } .quickMenu.open .list ul li a.q6 { background:none; } .quickMenu.open .list ul li a.q7 { background:none; } .quickMenu.open .list ul li a.q8 { background:none; } .quickMenu.open .list ul li a.q9 { background:none; } .quickMenu.open .list ul li a.q10 { background:none;} .quickMenu.open .list ul li a.q11 { background:none;} .quickMenu.open .list ul li a.q12 { background:none;} .quickMenu.open .list ul li a.q12 span { margin-top:0px; } .quickMenu.open .list ul li a.q13 { background:none; } .quickMenu.open .list ul li a.q13 span { margin-top:0px; } .quickMenu.open .list ul li a.q14 { background:none; } .quickMenu.open .list ul li a.q14 span { margin-top:0px; } .quickMenu.open .list ul li a.q15 { background:none; } .quickMenu.open .list ul li a.q16 { background:none; } .quickMenu.open .quickClose { display:none; } /* newsArea *******************************************************************************************************/ .newsAreaOut { width:100%; background:#eeecec url("/judiciary/common/images/newsAreaBg.gif") left top repeat; } .newsArea { max-width:1160px; margin:0 auto; padding-top:20px;} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:97%; height:auto; margin-left:0px; padding:35px 10px; } .newsArea .news { margin-left:0px; } .newsArea .titleBox { border-bottom:1px solid #c48c79; padding-bottom:10px; } .newsArea .titleBox:after { content:""; display:block; clear:both; } .newsArea .titleBox .boardName { font-size:22px; color:#e74e3f; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article { margin-top: 30px; } .newsArea .article .title { font-size:24px; font-weight:bold; color:#474747; line-height:28px; height:45px;} .newsArea .article .summary {position:relative; height:200px; background:#fff; margin-top:20px; padding:20px 10px; font-size: 16px; color:#484848; line-height:28px; overflow:hidden;} .newsArea .article .summary .redBtn {position:absolute; right:15px; bottom:15px; display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; line-height:30px; } /* actionZone *******************************************************************************************************/ .actionZoneOuter { width:100%; background:#f4f4f4 url("/judiciary/common/images/actionZoneBg.gif") left top repeat; padding:20px 0px; height:auto;} .actionZone { max-width:1160px; margin:0 auto; } .actionZone:after { content:""; display:block; clear:both; } .actionZone > div { clear:both; width:97%; height:auto; margin-left:0px; } .actionZone .movie { padding: 60px 0px 0px 20px; text-align:center; } .actionZone .sanggoBanner { margin-top:32px; padding:0px 15px; text-align:center;} .sanggoBtnBox { margin-top:40px; } .detailBtn { font-size:18px; color:#fff !important; padding:10px 20px; background:#241b20; margin:0px 10px;} .toonBtn { font-size:18px; color:#241b20 !important; padding:9px 19px; border:1px solid #241b20; margin:0px 10px;} .actionZone .banner { margin-top:31px; padding:10px; } .actionZone .banner > div { text-align:left; padding:20px 0px 20px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .actionZone .banner .bannerBox1 { background:url("/judiciary/common/images/banner1Bg.png") 10px 7px no-repeat; } .actionZone .banner .bannerBox2 { background:url("/judiciary/common/images/banner2Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerBox3 { background:url("/judiciary/common/images/banner3Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .actionZone .banner .bannerTitle a { color:#000; } .actionZone .banner .bannerCont { font-size:14px; color:#000000; } /* board *******************************************************************************************************/ .board { max-width:1160px; margin:0 auto; margin-top: 20px; } .board:after { content:""; display:block; clear:both; } .board > div { width:90%; height:auto; padding:35px 10px; margin-left:5%; } .board .newsletter { padding:0px; } .prime .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .prime .titlebox:after { content:""; display:block; clear:both; } .prime .titlebox .title { float:left; font-size:22px; color:#3d3d3d; width:190px; } .prime .titlebox .more { float:right; width:30px;} .prime .article { margin-top:20px; background:#f5f5f5; padding:20px 10px; font-size:18px; color:#575757; line-height:26px; height:auto;} .prime .article:after { content:""; display:block; clear:both; } .prime .article .black { color:#000; } .prime .article .date { display:block; float:right; font-size:16px; } .prime .article .moreArticle { display:block; float:right; text-align:center; width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .courtNews .titlebox:after { content:""; display:block; clear:both; } .courtNews .titlebox .title { float:left; font-size:22px; color:#3d3d3d; width:190px; } .courtNews .titlebox .more { float:right; width:30px;} .courtNews .article { height:420px; line-height:26px; } .courtNews .article:after { content:""; display:block; clear:both; } .courtNews .article .photo { width:100%; margin:0 auto; margin-top:20px;} .courtNews .article .photo img { width:100%; height:100%; } .courtNews .article .textbox { margin-top:10px; } .courtNews .article .textbox .title { float:left; font-size:18px; color:#000; } .courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; } .courtNews .article .textbox .text { font-size:16px; color:#575757; clear:both; padding-top:5px;} .courtNews .article .moreArticle { display:block; text-align:center; width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .newsletter { text-align:center; margin-top:5px; padding:0px; } /* sub **************************************************************************************************/ /* lnb */ .subContainer .lnb { display:none } /* content */ .subContainer .content { float:none; width:96%; padding:0 2%; } .titleBox .navibox {float:right; } /* chief */ .chief .con_image { display:block; text-align:center; float:left; width:100%; } .chief .con_text { display:block; float:right; width:100%; margin-top:30px; } /* conTitle */ .content .conTitle { margin:0 auto; text-align:center; margin:40px 0px; } .content .conTitle .title {line-height:28px; font-size:24px; color:#241b20; display:inline-block; height:56px; background:url("/judiciary/common/images/titleDot.png") left top no-repeat; padding-left: 70px; padding-top:10px; text-align:left; } /* bookGallery */ .contentIn .bookGallery { border-bottom:1px solid #d1d4da; margin-top:30px; padding-bottom:25px; } .contentIn .bookGallery ul { text-align:center; } .contentIn .bookGallery ul:after { content:""; display:block; clear:both; } .contentIn .bookGallery ul li { display:inline-block; width:18%; padding:8px; margin:15px 1%; text-align:center; } .contentIn .bookGallery ul li .galleryImg { display:inline-block; margin:0 auto; background:none; } .contentIn .bookGallery ul li .galleryImg img { margin:5px; width:100%; max-width:120px; } .contentIn .bookGallery ul li .title { display:block; font-size:14px; color:#222222; text-align:center; margin-top:5px; } /* infoBox */ .infoBox { background:#f7f8fc; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px;} .infoBoxGray { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px;} .infoBoxRed { background:#f4f4f4 ; line-height:20px; font-size:14px; color:#e74e3f; border:1px solid #d1d4da; padding:10px 20px; margin-top:10px; } .infoBoxWhite {line-height:20px; font-size:13px; color:#36536a; border:1px solid #d1d4da; padding:10px 20px; margin-top:5px; overflow-y:scroll; height:70px;} .infoBoxIcon01 { background:#f7f8fc url("/jsp/portal/common/images/icon01.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon02 { background:#f7f8fc url("/jsp/portal/common/images/icon08.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon03 { background:#f7f8fc url("/jsp/portal/common/images/icon09.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon04 { background:#f7f8fc url("/jsp/portal/common/images/icon10.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } .infoBoxIcon05 { background:#f7f8fc url("/jsp/portal/common/images/icon11.png") 10px center no-repeat; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px 10px 130px; margin-top:10px; } /* gallery */ .contentIn .gallery { border-bottom:1px solid #d1d4da; margin-top:40px; padding-bottom:25px; } .contentIn .gallery ul { text-align:center; } .contentIn .gallery ul:after { content:""; display:block; clear:both; } .contentIn .gallery ul li { display:inline-block; border:1px solid #d1d4da; width:15%; padding:2px; margin:12px 2px; } .contentIn .gallery ul li .galleryImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .gallery ul li .galleryImg img { width:100%; } .contentIn .gallery ul li .title { display:inline-block; font-size:12px; color:#222222; float:left; margin-top:5px; } .contentIn .gallery ul li .pdf { display:inline-block; float:right; width:100%; max-width:50px; } /* photo */ .contentIn .photo { margin-top:40px; padding-bottom:10px; } .contentIn .photo ul { text-align:center; } .contentIn .photo ul:after { content:""; display:block; clear:both; } .contentIn .photo ul li { display:inline-block; border:1px solid #d1d4da; width:18%; padding:4px; margin:15px 2px; } .contentIn .photo ul li .photoImg { display:block; text-align:center; padding-bottom:8px; } .contentIn .photo ul li .photoImg img { width:100%; } .contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; } .contentIn .photo ul li .date { font-size:12px; color:#6b7174; } /* nextPhotoList */ .contentIn .nextPhotoList { margin-top:40px; border-top:1px solid #535353; border-bottom:1px solid #d1d4da; } .contentIn .nextPhotoList ul { margin:15px 0px; width:100%; text-align:center;} .contentIn .nextPhotoList ul li { display:inline-block; border:1px solid #d1d4da; padding:1%; margin:0px 1%; width:18%; } .contentIn .nextPhotoList ul li img { width:100%; } .contentIn .nextPhotoList ul li .title { text-align:left; margin:10px 0px; height:20px; overflow:hidden;} .contentIn .nextPhotoList ul li .title a { font-size:12px; color:#222222; } .contentIn .nextPhotoList ul li .date { text-align:left; font-size:10px; color:#6b7174; } /* pagelist */ .contentIn .pagelist { width:100%; text-align:center; margin-top:30px; } .contentIn .pagelist a.next2 { padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext2.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a.next {padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a.prev { padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev2.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a.prev2 { padding:0; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev.gif") 6px 7px no-repeat; width:20px; height:20px;} .contentIn .pagelist a { display:inline-block; padding:0 7px; height:20px; line-height:22px; text-align:center; font-size:12px; border:1px solid #bdbdbd; vertical-align:top; } .contentIn .pagelist a.selected { background:#535353; color:#fff; } .contentIn .pagelist a.selected:hover { color:#fff; } .contentIn .pagelist a:hover, .content .pagelist a:active { color:#0057a1; font-weight:bold; text-decoration:underline;} /* tab */ .contentIn .tab { margin-top: 20px; } .contentIn .tab .tabTitle { background:url("/judiciary/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .tab .tabTitle:after { content:""; display:block; clear:both; } .contentIn .tab .tabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .tab .tabTitle li { float:left; cursor:pointer; padding:15px 20px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; } .contentIn .tab .tabTitle li.active { color:#892305; border-top:1px solid #892305; background:#fff; border-bottom:1px solid #c9c9c9;} .contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .tab .tabContents .tabContent { display:none; } .contentIn .tab .tabContents .tabContent.active { display:block; } /* map ******************************************************************************************************/ .contentIn .map .mapView { width:340px; height:458px; position:relative; background:url("/jsp/portal/common/images/map_bg.jpg") left top no-repeat;} .contentIn .map div.listView { clear:both; width:100%; border-left:none; border-top:1px solid #bdbdbd;} /* footer *******************************************************************************************************/ .footerOut { width:100%; position:relative; margin-top:0px;} /* linkLine */ .linkLineOut { height:42px; width:100%; background:#464646; border-bottom:1px solid #5c5c5c; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:5px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:25px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/judiciary/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/judiciary/common/images/icon_facebook.gif") left -24px no-repeat; } .linkLineIn .footsns .twitter { background:url("/judiciary/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/judiciary/common/images/icon_twitter.gif") left -24px no-repeat; } .linkLineIn .footsns .youtube { background:url("/judiciary/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/judiciary/common/images/icon_youtube.gif") left -24px no-repeat; } .linkLineIn .footsns .instagram { background:url("/judiciary/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/judiciary/common/images/icon_insta.gif") left -24px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/judiciary/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/judiciary/common/images/icon_naver.gif") left -24px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/judiciary/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/judiciary/common/images/icon_daum.gif") left -24px no-repeat; } .linkLineIn .footsns .kakao { background:url("/judiciary/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/judiciary/common/images/icon_kakao.gif") left -24px no-repeat; } .sitemapOut { background:#464646; clear:both; display:none; } .sitemapOut:after { content:""; display:block; clear:both; } .sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; } .sitemapOut .sitemapIn ul { float:left; width:16%; padding:10px 0px 20px 0px;} .sitemapOut .sitemapIn ul div { padding:10px; font-size:14px; color:#8dabc3; } .sitemapOut .sitemapIn ul li { padding:5px 10px 5px 10px;} .sitemapOut .sitemapIn ul li a { color:#cfd1d2; font-size:13px; } /* // linkLine */ /* footer *******************************************************************************************************/ .footerOut { width:100%; position:relative; margin-top:0px;} /* linkLine */ .linkLineOut { height:42px; width:100%; background:#464646; border-bottom:1px solid #5c5c5c; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:5px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:25px; overflow:hidden;} .linkLineIn { display:block; } .sitemapOut { background:#464646; clear:both; display:none; } .sitemapOut:after { content:""; display:block; clear:both; } .sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; } .sitemapOut .sitemapIn ul { float:left; width:16%; padding:10px 0px 20px 0px;} .sitemapOut .sitemapIn ul div { padding:10px; font-size:14px; color:#8dabc3; } .sitemapOut .sitemapIn ul li { padding:5px 10px 5px 10px;} .sitemapOut .sitemapIn ul li a { color:#cfd1d2; font-size:13px; } /* // linkLine */ /* footer */ .footerOut { background:#464646; } .footerOut .linkLineOut { display:block; } .footerOut .footLine { border-top:1px solid #5c5c5c; } .footerOut .footerIn { max-width:1160px; margin:0 auto; padding:20px 0px; } .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { display:none; float:left; width:190px; } .footerIn .copybox { float:left; width:90%; line-height: 16px;} .footerIn .certi { float:left; } /* copybox */ .footerIn .copybox { margin-left:20px; } .footerIn .copybox .footerLink:after { content:""; display:block; clear:both; } .footerIn .copybox .footerLink ul li { clear:both; } .footerIn .copybox .footerLink ul li a { font-size:13px; color:#fff;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#fff; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#fff; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#fff; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#fff; margin-top:2px; } .footerIn .certi { float:right; display:none; } .footerIn .certi img { margin-right:20px; } /* sub *******************************************************************************************************/ /* programBox */ .contentIn .programBox { border: 10px solid #87919c; padding: 10px; min-height:180px; float:left; width:90%; margin-top:15px; margin-right:0%;} .contentIn .programTitle { border-bottom: 1px solid #486d92; padding-bottom:10px; font-size:18px; color:#1a7290; } .contentIn .programBox:after { content:""; display:block; clear:both;} .contentIn .tableHorV.div60 { width:100%; } /* 2026.06.30 add */ .org-chart .row { gap:20px; } .org-chart .row .col { flex:1; width:auto; font-size:13px; } .org-chart .row5 .col2::before { width: calc(100% + 40px); } } /*************************************************/ /* Tablet Device */ /*************************************************/ @media screen and (min-width:731px) and (max-width:1023px) { /* top *******************************************************************************************************/ .topOuter { background: #3b5998; height:67px; width:100%;} .topOuter .topInner { max-width:1160px; margin:0 auto; } .topOuter .topInner .category { float:left; } .topOuter .topInner .utilMenu { float:right; width:250px; } .topOuter .topInner .topLink { float:right; height: 14px; margin-top:20px; display:none; } .topOuter .topInner .topLink ul li { float:left; } .topOuter .topInner .topLink ul li a { margin:0px 17px; color:#a3a7ab;} .topOuter .topInner .topLink ul li a.last { margin-right:0px; } .topOuter .topInner .topLink ul li span { color: #848e97; } /* gnbOuter */ .gnbOuter { width:100%; background: url("/judiciary/common/images/gnb_bg.gif") repeat-x; position:relative; } .gnbInner { max-width: 1024px; min-width:769px; margin:0 auto; } .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo { float: left;} .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } .gnbInner .gnbMenu { display:none;} .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } /* menu allMenu */ .gnbInner .allMenu.unVis { display:none; } .gnbInner .allMenu .subMenuView { display:none; } .gnbInner .allMenu { background:none; width:100%; position:absolute; right:0px; top:-67px; z-index:20; } .gnbInner .allMenu:after { content:""; display:block; clear:both; } .gnbInner .allMenu .top_m { display:block; width:80%; background:#fff; height:50px; float:right; } .gnbInner .allMenu .top_m:after { content:""; display:block; clear:none; } .gnbInner .allMenu .sns_m { display:none; margin-left:10px; } .gnbInner .allMenu .sns_m ul { } .gnbInner .allMenu .sns_m ul li { float:left; padding:13px 8px 5px 0px; } .gnbInner .allMenu .sns_m ul li a { display:block; } .gnbInner .btnMenuAll_m { display:block; width:37px; height:37px; float:right; background:#ff6600; text-indent:-999px;} .gnbInner .btnMenuAll_m.menu_close_m { background:url("/judiciary/common/images/btn_menuAll_Close.gif") left top no-repeat; margin:7px 10px 0px 0px;} .gnbInner .allMenu .topLink_m { display:block; background:#3b5998; height: 50px; width:80%; float:right; border-bottom:1px solid #6f8fd3; } .gnbInner .allMenu .topLink_m ul { float:right;} .gnbInner .allMenu .topLink_m ul li { float:left; } .gnbInner .allMenu .topLink_m ul li span { vertical-align:bottom; } .gnbInner .allMenu .topLink_m ul li a { display:inline-block; padding:20px 10px 0px 10px; color:#a3a7ab;} .gnbInner .allMenu .topLink_m ul li a.last { margin-right:0px; } .gnbInner .allMenu .topLink_m ul li span { color: #848e97; } .gnbInner .allMenu .dep1 { display:block; width:80%; float:right; } .gnbInner .allMenu .dep1 > li { float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px; background:#233f7a none; } .gnbInner .allMenu .dep1 > li.last { background:#152a4b none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#fff; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li { background:#f2f0ea; border-bottom:1px solid #aca6aa; } .gnbInner .allMenu .dep2 > li > a { display:block; color:#441932; font-size:18px; padding:15px 5px 15px 40px; } .gnbInner .allMenu .dep2 .mPlus { background:url("/judiciary/common/images/menuPlus.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/judiciary/common/images/menuMinus.png") right 15px no-repeat; } .gnbInner .allMenu .dep3 > li > a { display:block; color:#152a4b; font-size:18px; padding:15px 0px 15px 60px; background:#fff none; border-bottom:1px solid #ced0d2; } .gnbInner .dep3.unVis { display:none; } .back { } .back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/judiciary/common/images/black.png") repeat; z-index:19; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#09080a; } .mainImageInner { margin:0 auto; max-width:1160px; background:url("/judiciary/common/images/mainImageBg.jpg") repeat-y left top; height:auto; } .mainImageInner .mainimage img { width: 100%; } .mainImageInner .article { float:left; padding:80px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; } .mainImageInner .title a { font-size:33px; color:#ffffff; } .mainImageInner .summary a { padding-top:20px; font-size:20px; line-height:30px; color:#ffffff; } /* quick close */ .mainImageInner .quickMenu.close { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:40px; background:url("/judiciary/common/images/quickMenuBg.png") repeat left top; overflow:hidden} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.close .btnOpen { position:static; display:block; } .quickMenu.close .btnOpen img { display:none; } .quickMenu.close .btnOpen .tit { display:block; color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;} .quickMenu.close .btnOpen .tit.flag { background: url("/judiciary/common/images/quickFlag.png") no-repeat right 15px; } .quickMenu.close .title { display:none; } .quickMenu.close .list ul { margin-left:0px; } .quickMenu.close .list ul li { float:none; background:none; text-align:left; margin-left:5px; width:100%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.close .list ul li.hid { display:block;} .quickMenu.close .list ul li.hid a { display:block; width:100%; height:20px; font-size:13px; color:#fff; margin-bottom:5px;} .quickMenu.close .list ul li.hid a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.close .list ul li a.q1 { background:none; } .quickMenu.close .list ul li a.q2 { background:none; } .quickMenu.close .list ul li a.q3 { background:none; } .quickMenu.close .list ul li a.q4 { background:none; } .quickMenu.close .list ul li a.q5 { background:none; } .quickMenu.close .list ul li a.q6 { background:none; } .quickMenu.close .list ul li a.q7 { background:none; } .quickMenu.close .list ul li a.q8 { background:none; } .quickMenu.close .list ul li a.q9 { background:none; } .quickMenu.close .list ul li a.q10 { background:none;} .quickMenu.close .list ul li a.q11 { background:none; } .quickMenu.close .list ul li a.q12 { background:none;} .quickMenu.close .list ul li a.q12 span { margin-top:0px; } .quickMenu.close .list ul li a.q13 { background:none; } .quickMenu.close .list ul li a.q13 span { margin-top:0px; } .quickMenu.close .list ul li a.q14 { background:none; } .quickMenu.close .list ul li a.q14 span { margin-top:0px; } .quickMenu.close .list ul li a.q15 { background:none; } .quickMenu.close .list ul li a.q16 { background:none; } .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:auto; background:url("/judiciary/common/images/quickMenuBg.png") repeat left top;} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu.open .btnOpen { position:static; display:block; } .quickMenu.open .btnOpen img { display:none; } .quickMenu.open .btnOpen .tit { display:block; color:#fff; font-size:13px; margin-left:0px; height:40px; line-height:40px; text-align:center;} .quickMenu.open .btnOpen .tit.flag { background: #041c31 url("/judiciary/common/images/quickFlag2.png") no-repeat right 15px; } .quickMenu.open .title { display:none; } .quickMenu.open .list ul { margin-left:0px; margin-top:10px; } .quickMenu.open .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;} .quickMenu.open .list ul li.last { background:none; } .quickMenu.open .list ul li a { display:inline-block; width:48%; height:20px; font-size:13px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #1d4f78; } .quickMenu.open .list ul li a span { display:inline-block; margin-top: 0px; line-height: 15px; } .quickMenu.open .list ul li.hid { display:block; } .quickMenu.open .list ul li a.q1 { background:none; } .quickMenu.open .list ul li a.q2 { background:none; } .quickMenu.open .list ul li a.q3 { background:none; } .quickMenu.open .list ul li a.q4 { background:none; } .quickMenu.open .list ul li a.q5 { background:none; } .quickMenu.open .list ul li a.q6 { background:none; } .quickMenu.open .list ul li a.q7 { background:none; } .quickMenu.open .list ul li a.q8 { background:none; } .quickMenu.open .list ul li a.q9 { background:none; } .quickMenu.open .list ul li a.q10 { background:none;} .quickMenu.open .list ul li a.q11 { background:none;} .quickMenu.open .list ul li a.q12 { background:none;} .quickMenu.open .list ul li a.q12 span { margin-top:0px; } .quickMenu.open .list ul li a.q13 { background:none; } .quickMenu.open .list ul li a.q13 span { margin-top:0px; } .quickMenu.open .list ul li a.q14 { background:none; } .quickMenu.open .list ul li a.q14 span { margin-top:0px; } .quickMenu.open .list ul li a.q15 { background:none; } .quickMenu.open .list ul li a.q16 { background:none; } .quickMenu.open .quickClose { display:none; } /* newsArea *******************************************************************************************************/ .newsAreaOut { width:100%; background:#eeecec url("/judiciary/common/images/newsAreaBg.gif") left top repeat; } .newsArea { max-width:1160px; margin:0 auto; padding-top:20px;} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:97%; height:auto; margin-left:0px; padding:35px 10px; } .newsArea .news { margin-left:0px; } .newsArea .titleBox { border-bottom:1px solid #c48c79; padding-bottom:10px; } .newsArea .titleBox:after { content:""; display:block; clear:both; } .newsArea .titleBox .boardName { font-size:22px; color:#e74e3f; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article { margin-top: 30px; } .newsArea .article .title { font-size:24px; font-weight:bold; color:#474747; line-height:28px; height:45px;} .newsArea .article .summary {position:relative; height:200px; background:#fff; margin-top:20px; padding:20px 10px; font-size: 16px; color:#484848; line-height:28px; overflow:hidden;} .newsArea .article .summary .redBtn {position:absolute; right:15px; bottom:15px; display:inline-block; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; line-height:30px; } /* actionZone *******************************************************************************************************/ .actionZoneOuter { width:100%; background:#f4f4f4 url("/judiciary/common/images/actionZoneBg.gif") left top repeat; padding:20px 0px; height:auto;} .actionZone { max-width:1160px; margin:0 auto; } .actionZone:after { content:""; display:block; clear:both; } .actionZone > div { clear:both; width:97%; height:auto; margin-left:0px; } .actionZone .movie { padding: 60px 0px 0px 20px; text-align:center; } .actionZone .sanggoBanner { margin-top:32px; padding:0px 15px; text-align:center;} .sanggoBtnBox { margin-top:40px; } .detailBtn { font-size:18px; color:#fff !important; padding:10px 20px; background:#241b20; margin:0px 10px;} .toonBtn { font-size:18px; color:#241b20 !important; padding:9px 19px; border:1px solid #241b20; margin:0px 10px;} .actionZone .banner { margin-top:31px; padding:10px; } .actionZone .banner > div { text-align:left; padding:20px 0px 20px 80px; border-bottom:1px solid #ab8679; margin-top:15px;} .actionZone .banner .bannerBox1 { background:url("/judiciary/common/images/banner1Bg.png") 10px 7px no-repeat; } .actionZone .banner .bannerBox2 { background:url("/judiciary/common/images/banner2Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerBox3 { background:url("/judiciary/common/images/banner3Bg.png") 10px 10px no-repeat; } .actionZone .banner .bannerTitle { font-size:18px; padding-bottom:5px; } .actionZone .banner .bannerTitle a { color:#000; } .actionZone .banner .bannerCont { font-size:14px; color:#000000; } /* board *******************************************************************************************************/ .board { max-width:1160px; margin:0 auto; margin-top: 20px; } .board:after { content:""; display:block; clear:both; } .board > div { width:90%; height:auto; padding:35px 10px; margin-left:5%; } .prime .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .prime .titlebox:after { content:""; display:block; clear:both; } .prime .titlebox .title { float:left; font-size:22px; color:#3d3d3d; width:190px; } .prime .titlebox .more { float:right; width:30px;} .prime .article { margin-top:20px; background:#f5f5f5; padding:20px 10px; font-size:18px; color:#575757; line-height:26px; height:auto;} .prime .article:after { content:""; display:block; clear:both; } .prime .article .black { color:#000; } .prime .article .date { display:block; float:right; font-size:16px; } .prime .article .moreArticle { display:block; float:right; text-align:center; width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .courtNews .titlebox:after { content:""; display:block; clear:both; } .courtNews .titlebox .title { float:left; font-size:22px; color:#3d3d3d; width:190px; } .courtNews .titlebox .more { float:right; width:30px;} .courtNews .article { height:420px; line-height:26px; } .courtNews .article:after { content:""; display:block; clear:both; } .courtNews .article .photo { width:100%; margin:0 auto; margin-top:20px;} .courtNews .article .photo img { width:100%; height:100%; } .courtNews .article .textbox { margin-top:10px; } .courtNews .article .textbox .title { float:left; font-size:18px; color:#000; } .courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; } .courtNews .article .textbox .text { font-size:16px; color:#575757; clear:both; padding-top:5px;} .courtNews .article .moreArticle { display:block; text-align:center; width:78px; background:#871517; height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .newsletter { text-align:center; margin-top:5px; } /* sub **************************************************************************************************/ /* lnb */ .subContainer .lnb { display:none } /* content */ .subContainer .content { float:none; width:96%; padding:0 2%; } /* chief */ .chief .con_image { display:block; text-align:center; float:left; width:100%; } .chief .con_text { display:block; float:right; width:100%; margin-top:30px; } /* programBox */ .contentIn .programBox { border: 10px solid #87919c; padding: 10px; min-height:180px; float:left; width:90%; margin-top:15px; margin-right:0%;} .contentIn .programTitle { border-bottom: 1px solid #486d92; padding-bottom:10px; font-size:18px; color:#1a7290; } .contentIn .programBox:after { content:""; display:block; clear:both;} /* footer *******************************************************************************************************/ .footerOut { width:100%; position:relative; margin-top:0px;} /* linkLine */ .linkLineOut { height:42px; width:100%; background:#464646; border-bottom:1px solid #5c5c5c; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:5px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:25px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/judiciary/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/judiciary/common/images/icon_facebook.gif") left -24px no-repeat; } .linkLineIn .footsns .twitter { background:url("/judiciary/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/judiciary/common/images/icon_twitter.gif") left -24px no-repeat; } .linkLineIn .footsns .youtube { background:url("/judiciary/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/judiciary/common/images/icon_youtube.gif") left -24px no-repeat; } .linkLineIn .footsns .instagram { background:url("/judiciary/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/judiciary/common/images/icon_insta.gif") left -24px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/judiciary/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/judiciary/common/images/icon_naver.gif") left -24px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/judiciary/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/judiciary/common/images/icon_daum.gif") left -24px no-repeat; } .linkLineIn .footsns .kakao { background:url("/judiciary/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/judiciary/common/images/icon_kakao.gif") left -24px no-repeat; } .sitemapOut { background:#464646; clear:both; display:none; } .sitemapOut:after { content:""; display:block; clear:both; } .sitemapOut .sitemapIn { max-width:1160px; margin:0 auto; } .sitemapOut .sitemapIn ul { float:left; width:16%; padding:10px 0px 20px 0px;} .sitemapOut .sitemapIn ul div { padding:10px; font-size:14px; color:#8dabc3; } .sitemapOut .sitemapIn ul li { padding:5px 10px 5px 10px;} .sitemapOut .sitemapIn ul li a { color:#cfd1d2; font-size:13px; } /* // linkLine */ /* footer */ .footerOut { background:#464646; } .footerOut .footLine { border-top:1px solid #5c5c5c; } .footerOut .footerIn { max-width:1160px; margin:0 auto; padding:20px 0px; } .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { float:left; width:190px; } .footerIn .copybox { float:left; width:70%; } .footerIn .certi { float:left; } /* copybox */ .footerIn .copybox { margin-left:20px; } .footerIn .copybox .footerLink:after { content:""; display:block; clear:both; } .footerIn .copybox .footerLink ul li { float:left; } .footerIn .copybox .footerLink ul li a { font-size:13px; color:#fff;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#fff; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#fff; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#fff; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#fff; margin-top:2px; } .footerIn .certi { float:right; display:none; } .footerIn .certi img { margin-right:20px;} /* 2026.06.30 add */ .org-chart .row .col { width:150px; font-size:15px; } /*************************************************/ /* Desktop Device */ /*************************************************/ @media screen and (min-width:1280px) { }