/* rel, layout.css */ /*************************************************/ /* default */ /*************************************************/ body { font-size:14px; position:relative; min-width:320px;} #contants{min-height:337px} /*background*/ .newsArea > .backg{ border:0px/*1px solid transparent*/} /*absolute*/ .portalAb{position:absolute;top:1013px;left:10; width:100%; height:413px; z-index:-1; background-color:#e8ebf3} /* accessibility */ .access { } .access a { position:absolute; background:#000; color:#fff; display:inline-block; width:100%; line-height:30px; text-align:center; top:-30px; } /* basic *****************************************************************************************/ .contentIn{margin-top:15px; min-height:500px; margin-bottom:40px;} .contentIn .blue { color:#42689c;} .contentIn .red { color:#e74e3f; } .contentIn .linkText { color:#42689c; text-decoration:underline; } .contentIn a:hover { color:#42689c; text-decoration:underline; } .contentIn .thid { } .contentIn .mhid { } .bold { font-weight:bold; } label { overflow:hidden; z-index:1; font-size:0px;} caption {overflow:hidden; z-index:1; font-size:0px;} .contentIn .wordBreak { word-break:break-all; } .inlineDiv { display:inline-block; } .top_bg_div{background-color:#fff; width:100%;height:468px;position:absolute;top:135px;z-index:11;border-bottom:1px solid #204B7E} .top_right_li{} .dHid{display:none} .hide { float:left; z-index:1; font-size:0px;} .clear { clear:both; } h1 {-webkit-margin-before: 0;-webkit-margin-after: 0; float:left; margin-top:-2px} h2 { float:left; z-index:1; font-size:0px;} h3 { float:left; z-index:1; font-size:0px;} img { max-width:100%; width:inherit;} img[usemap] {border: none;height: auto;max-width: 100%;width: auto;} input[type=text] { -webkit-ime-mode:active;-moz-ime-mode:active;-ms-ime-mode:active;ime-mode:active; } .vSub{vertical-align:sub} .fl { float:left; } .fr { float:right; } .back.blackOn { background:none } .textAlignL { text-align:left;} .textAlignR { text-align:right;} .textAlignC { text-align:center;} .textAlignCImg { text-align:center;margin-top:10px;margin-bottom:10px;} .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; } .mb15 { margin-bottom:15px; } .mb20 { margin-bottom:20px; } .mb25 { margin-bottom:25px; } .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; } .pt10 { padding-top:10px; } .pt20 { padding-top:20px; } .pt30 { padding-top:30px; } .pt40 { padding-top:40px; } .pt50 { padding-top:50px; } .pr10 { padding-right:10px; } .pr20 { padding-right:20px; } .pr30 { padding-right:30px; } .pr40 { padding-right:40px; } .pr50 { padding-right:50px; } .pb10 { padding-bottom:10px; } .pb20 { padding-bottom:20px; } .pb30 { padding-bottom:30px; } .pb40 { padding-bottom:40px; } .pb50 { padding-bottom:50px; } .pt10 { padding-top:10px;} .pt20 { padding-top:20px; } .pl10 { padding-left:10px; } .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%; } .w120 { width:120px; } .w130 { width:130px; } .w190 { width:190px; } .w100p { width:100%; } .indent{text-indent:15px;} /* popup */ .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; } /* container *******************************************************************************************************/ .container { width:100%; height: 100%;} /* 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%;} /*btn *******************************************************************************************************/ .content .blueBtn { display:inline-block; background:#36536a; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .content .blueBtn:hover { color:#fff; } .btnCategory { display:inline-block; margin:14px 3px 0 0; color: #89a0ba !important; background:#204B7E; font-size:16px; border:1px solid #89a0ba; padding:0 15px; height:30px; line-height:32px; }/*JHL*/ .btnCategory.btnSelected { color:#89a0ba !important; background:#204B7E; border:1px solid #89a0ba;} a.btnGo { width:54px; display:inline-block; color:#ffffff; font-size:15px; height:36px; line-height:36px; padding:3px 37px 0px 21px; background: url("/rel/common/images/go_btn.png") no-repeat right top; margin: 26px 0px 45px 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:#797a7c; 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 22px; 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 .grayBtn { display:inline-block; float:right; background:#871517; color:#fff; font-size:14px; height:30px; padding:0px 25px; margin-left:3px; line-height:30px; } .contentIn .grayBtn:hover { color:#fff; text-decoration: none; } .contentIn .downloadBtn { display:inline-block; background:#1d7ea0 url("/portal/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:#36536a; 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:#f7f8fc; line-height:20px; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; margin-top:10px;} .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;} .infoBoxIcon01 { background:#f7f8fc url("/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("/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; } .infoBoxIcon04 { background:#f7f8fc url("/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("/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; } /* form */ .contentIn .tableResult .result { float:left; margin-top:15px; font-weight:bold; color:#222222; } .graySelect { height:30px; border: 1px solid #d0d0d0; vertical-align:middle; color:#666; } .grayInput { height:26px; border: 1px solid #d0d0d0; line-height:26px; margin-left:5px; } .formBox { background:#f7f8fc; font-size:14px; color:#36536a; border:1px solid #d1d4da; padding:10px 40px; } .formBoxTxt { display:inline-block; line-height:34px; } /* .formBox .breakDiv .formBoxTxt { padding-top:8px; } */ .formBox .graySelect, .formBox .grayInput { margin-left:5px; } /* title */ .titleH2 {display:block; font-size:20px; color:#0057a1; margin-top:30px; padding-top:12px; padding-bottom:10px; background:url("/portal/common/images/titleH2Bg.gif") left top no-repeat;} .titleH2:after { content:""; display:block; clear:both; } .titleH3 {display:block; font-size:16px; color:#222222; margin-top:15px; } /* conText */ .contentIn .normalText { line-height:20px; color:#36536a; font-size:14px; } .conText { font-size:14px; color:#565656; padding:5px; line-height:22px; } .conText2 { font-size:14px; color:#565656; padding:5px; line-height:22px; margin-left:7px;} a.resultlink { font-weight:bold; color:#595959; } .conText b { font-weight:bold; color:#e74e3f; } .conTextTit{background:url('/rel/common/images/bullet_03.gif') no-repeat; padding: 0px 10px 0px 21px; font-size:17px;font-weight:bold;color:#2d64a7; margin-top:25px; margin-bottom:5px;} .conTextBul{font-size:14px; color:#565656; background:url("/portal/common/images/conTextBul.png") left 12px no-repeat; padding:5px 10px 0px 10px; line-height:22px; margin-top:5px; margin-left:5px;} .conTextCul{padding-left:15px;line-height:18px} .conTextAst{font-size:14px; color:#565656; background:url("/rel/common/images/star.png") left 12px no-repeat; padding:5px 10px 0px 10px; line-height:22px; margin-top:5px; margin-left:10px; } .useStep01 { max-width:100%; width:inherit; } .useStep03 { max-width:100%; width:inherit; } .breakDiv { display:inline-block; margin:2px; padding:0px;} .contentIn select, .contentIn input { margin:1px; } .contentIn .searchTitle { display:block; margin-top:30px; margin-bottom:20px; padding-top:12px; padding-bottom:10px; border-bottom:1px solid #535353;} .contentIn .searchTitle .title { font-size:20px; color:#0057a1; } .contentIn .searchTitle .subtitle { font-size:14px; color:#565656; } .contentIn .searchSubTit { font-size:14px; margin-top:20px; font-weight:bold; color:#222222; padding:5px 0px;} /* top *******************************************************************************************************/ .topOuter { background: #204B7E; height:60px; 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:#a3a7ab; font-size:12px; } .topOuter .topInner .topLink ul li a.last { margin-right:0px; } .topOuter .topInner .topLink ul li span { color: #848e97; } .topOuter .topInner .top_right{float:right;margin:14px 3px 0 0;} .topOuter .topInner .top_right .btns_line1{float:left;margin:0 0 0 10px;} .topOuter .topInner .top_right .btns_line1 .a_1{display:inline-block;color:#fff;border:1px solid #5993BB;padding:10px 15px 8px 15px;background:#305E8F;} .topOuter .topInner .top_right .btns_line1 .a_2{display:none} .topOuter .topInner .top_right .btns_line2{float:left;} .topOuter .topInner .top_right .btns_line2 .a_1{display:inline-block;color:#fff;border:1px solid #5993BB;padding:3px 15px 1px 15px;width:220px;background:#305E8F;text-align:center;} .topOuter .topInner .top_right .btns_line2 .a_2{display:none} /* gnbOuter *******************************************************************************************************/ .gnbOuter { width:100%; background: url("/portal/common/images/gnb_bg.gif") repeat-x; height:75px;} .gnbInner { max-width: 1160px; min-width:1024px; margin:0 auto; position:relative; } .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo img { float: left; height:53px} .gnbInner .logo .hidlogo { width:103px;} .gnbInner .allMenu .sns_m { display:none; } .gnbInner .allMenu .topLink_m { display:none; } /* menu gnbMenu top_deps_2_menu */ .gnbInner .gnbMenu { float: right; font-size: 18px; margin-right:47px; } .gnbInner .gnbMenu:after { content:""; display:block; clear:both; } .gnbInner .gnbMenu .dep1 > li { float: left; position:relative; } .gnbInner .gnbMenu .dep1 > li > a { display:inline-block; height:75px; margin:0px; line-height: 75px; color:#000000; text-align:center;} /* JHL*/ .gnbInner .gnbMenu .dep1 > li > a:hover { color:#006dd8; } .gnbInner .gnbMenu .dep1 > li > a.selDep1 { background:url("/portal/common/images/menuSelBg.png") center 70px repeat-x; } .gnbInner .gnbMenu .dep1 > li > a.selDep1, .gnbInner .gnbMenu .dep1 > li > a.selDep1:hover { color:#006dd8; } .gnbInner .gnbMenu .dep1 > li .dep2 { z-index:900; display:none; position:absolute; padding-bottom:20px; left:0px; top:74px; height:449px; } .gnbInner .gnbMenu .dep1 > li.st1 .dep2 { width:133px; z-index:17;left:-1px; border-right:1px solid #dcdcdc; background:#fff; } .gnbInner .gnbMenu .dep1 > li.st1 > a {width:133px;} .gnbInner .gnbMenu .dep1 > li.st2 .dep2 { width:133px; z-index:16;left:0px;border-right:1px solid #dcdcdc; background:#fff;} /* width:430px; left:-97px;*/ .gnbInner .gnbMenu .dep1 > li.st2 > a {width:133px;} .gnbInner .gnbMenu .dep1 > li.st3 .dep2 { width:133px; z-index:15;left:0px;border-right:1px solid #dcdcdc; background:#fff;} .gnbInner .gnbMenu .dep1 > li.st3 > a {width:133px;} .gnbInner .gnbMenu .dep1 > li.st4 .dep2 { width:133px; z-index:14;left:0px;border-right:1px solid #dcdcdc; background:#fff;} .gnbInner .gnbMenu .dep1 > li.st4 > a {width:133px;} .gnbInner .gnbMenu .dep1 > li.st5 .dep2 { width:133px; z-index:13;left:0px;border-right:1px solid #dcdcdc; background:#fff;} .gnbInner .gnbMenu .dep1 > li.st5 > a {width:133px;} .gnbInner .gnbMenu .dep1 > li.st6 .dep2 { width:133px; z-index:12;left:0px; background:#fff;} .gnbInner .gnbMenu .dep1 > li.st6 > a {width:133px; } .gnbInner .gnbMenu .dep1 .dep2.visDep2 { display:block; } .gnbInner .gnbMenu .dep1 .dep2 .dep1title { display:none; } .gnbInner .gnbMenu .dep1 .dep2 > li { float:left; font-size:14px; color:#15528e;width:95%; padding-left:6px; height:auto; /* background:url("/portal/common/images/menuLine.gif") right top repeat-y; */ } .gnbInner .gnbMenu .dep1 li.h30 .dep2 > li { min-height:40px; } .gnbInner .gnbMenu .dep1 .dep2 > li > a { display:inline-block; padding:20px 9px 5px 10px; color:#15528e; } .gnbInner .gnbMenu .dep1 .dep2 .dep3 li a { display:inline-block; height: 20px; font-size:13px; padding-left: 20px; line-height: 20px; color:#293135; background:url("/portal/common/images/dep3dot.gif") 10px 8px no-repeat; } .gnbInner .gnbMenu .dep1 .dep2 .dep3 li a:hover { color:#e74e3f; } /* 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:#F3F7FA; width:100%; position:absolute; left:0px; top:75px; z-index:20; min-height:450px; border: 1px solid #7A95B2; } .gnbInner .allMenu:after { content:""; display:block; clear:both; } .gnbInner .allMenu .dep1 > li { height:615px; float:left; padding-top:10px; padding-bottom:20px; width:16.6%; background:url("/rel/common/images/allmenuLine.gif") right top repeat-y; } .gnbInner .allMenu .dep1 > li.last { background:none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#006CD8; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li > a { display:inline-block; color:#1E4C7E; font-size:13px; padding:10px 5px 3px 20px;line-height:1.1em; font-weight:bold} .gnbInner .allMenu .dep2 .mPlus { background:none; } .gnbInner .allMenu .dep2 .mMinus { background:none; } .gnbInner .allMenu .dep3 > li > a { display:inline-block; color:#1E6196; font-size:12px; padding:7px 5px 3px 30px; background:url("/portal/common/images/allMenuD3Dot.png") 16px 11px no-repeat; } .gnbInner .allMenu .dep3 > li > .last{border-bottom: 0px} .gnbInner .dep3.unVis { display:block; } .back { } .menuSubBtn { position:absolute; right:2px; top:0px; } /* .menuSubBtn:after { content:""; float: right; width:100px;} */ .menuSubBtn > a { float:left; display:inline-block; width:37px; line-height: 75px; margin: 18px 0 0 4px; } .menuSubBtn > a.btnMenuAll { display:none;width:37px; height:37px; background:url("/portal/common/images/btn_menuAll.gif") left top no-repeat; text-indent:-999px; overflow:hidden; } .menuSubBtn > a.btnMenuAll.menuClose { background:url("/portal/common/images/btn_menuAll_Close.gif") left top no-repeat; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%; background:#334249;background: url(/rel/common/images/bg_topall.png) repeat left top; } .mainImageInner { position:relative; margin:0 auto; max-width:1160px; height:auto; min-height:450px; /*background: url(/rel/common/images/bg_topall.png) repeat-y left top; */} .mainImageInner:after { content:""; display:block; clear:both;} .mainImageInner .anc {position:absolute; width:100%; top: 40%;} .mainImageInner .anc .ancL {position:absolute; left:0px; z-index:10} .mainImageInner .anc .ancR {position:absolute; right:0px; z-index:10} .mainImageInner .photo { float:left; width:60%; position:relative; left:0px; height:auto; overflow:hidden;} .mainImageInner .photo .mainimg { width:100%; height:467px; } .mainImageInner .photo .slider{ height:auto; overflow:hidden;} .mainImageInner .photo .ul{height:400px;} .mainImageInner .aaa {width:60%;} .mainImageInner .article { float:left; padding:30px 0px 0px 20px; width:38%; overflow:hidden; color:#ffffff; } .mainImageInner .article .title{} .mainImageInner .title a { font-size:18px; color:#fff; } .mainImageInner .summary a { display:inline-block; padding-top:20px; font-size:15px; height:55px; line-height:24px; color:#ffffff; padding-bottom:25px; } /* quick close */ .mainImageInner .quickMenu.close { float:left; position:relative; left:20px; top:32px; width:38%; height: 156px; overflow:hidden; background-color:#354554} .mainImageInner .quickMenu:after { content:""; display:block; clear:both; } .quickMenu .pcadd {background:url('/portal/common/images/pc.png') no-repeat 100px;} .quickMenu.close .btnOpen { position:absolute; left:0px; top:80px; height:32px; } .quickMenu.close .btnOpen .tit .quTit { display:none; } .quickMenu.close .title { display:none; } .quickMenu.close .list ul { /*margin-left:50px;*/ } .quickMenu.close .list ul li { float:left; text-align:left; width:33.3%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:block; height:77px; font-size:13px; color:#fff; } .quickMenu.close .list ul li a span {display: inline-block;margin-top: 18px; line-height: 15px;float: left;margin-left: 15px;font-size: 14px; } .quickMenu.close .list ul li.hid { display:none; } .quickMenu.close .list ul li a img {margin-left:72%} .quickMenu.close .list ul li a.q1 {border-bottom: 1px solid #56626E; border-right:1px solid #56626E} .quickMenu.close .list ul li a.last {border-right:0px} .quickMenu.close .list ul li a.bb0{border-bottom:0px } .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:absolute; left:0px; top:300px; margin-left:0px; /*width:430px;*/ width:100%; height: 192px; background:url("/portal/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:none; background:url("/portal/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("/portal/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("/portal/common/images/quick01.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q2 { background:url("/portal/common/images/quick02.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q3 { background:url("/portal/common/images/quick03.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q4 { background:url("/portal/common/images/quick04.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q5 { background:url("/portal/common/images/quick05.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q6 { background:url("/portal/common/images/quick06.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q7 { background:url("/portal/common/images/quick07.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q8 { background:url("/portal/common/images/quick08.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q9 { background:url("/portal/common/images/quick09.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q10 { background:url("/portal/common/images/quick10.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q11 { background:url("/portal/common/images/quick11.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q12 { background:url("/portal/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("/portal/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("/portal/common/images/quick14.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q14 span { } .quickMenu.open .list ul li a.q15 { background:url("/portal/common/images/quick15.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q16 { background:url("/portal/common/images/quick16.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q17 { background:url("/portal/common/images/quick17.png") no-repeat center 7px; } .quickMenu.open .list ul li a.q18 { background:url("/portal/common/images/quick18.png") no-repeat center 7px; } .quickMenu.open .quickClose { position:absolute; right:0px; top:0px; } /* å ìŽˆëœ†ï¿½ì‡½ì˜™å ï¿½ JHL*/ /* newsArea *******************************************************************************************************/ .newsArea { max-width:1160px; margin:0 auto;} .newsArea:after { content:""; display:block; clear:both; } .newsArea > div { float:left; width:30.5%; border-right:1px solid #cfcfcf; padding:18px 1.9%} .newsArea .news {max-height:376px; min-height:376px; padding-left:0} .newsArea .pan {max-height:376px; min-height:376px; } .newsArea .banner {max-height:376px; min-height:376px; border-right:0px;padding-right:0} .banner .banner_sub{ padding:10px; background-color:#fff; border:1px solid #cfcfcf; margin-top:10px} .banner .banner_div{ } .banner .titleBox:after { content:""; display:block; clear:both; } .banner .titleBox .title { float:left; font-size:22px; color:#3d3d3d; padding-top:5px; } .banner .titleBox .control { float:right; width: 200px; text-align:right;} .banner .titleBox .control .num { font-size:18px; color:#595959; vertical-align:top; padding-right:10px; line-height:30px;} .banner .control .pause { display:inline-block; width:25px; height:26px; background:url("/rel/common/images/ad_btnM.gif") left top no-repeat; } .banner .control .pause.stop { background:url("/portal/common/images/conPlay.gif") left top no-repeat; } .banner .bannerBox { text-align:center; overflow:hidden;} .bannerBox .bannerWin { width:100%; height:293px; position:relative; margin:0 auto; overflow:hidden; } .bannerBox .bannerWin .bannerContainer { width:100%; height:281px; position:absolute; } .bannerBox .bannerWin .bannerContainer img { height:292px; } .bannerBox .bannerWin .bannerContainer ul li { } .newsArea .plus_a {position: absolute;top: 30px;right: 15px;} .newsArea .right_0{right:0} .newsArea .searchCourt {max-height:376px; min-height:376px; padding-left:0} .newsArea .searchIncident {max-height:376px; min-height:376px;} .newsArea .banner {max-height:376px; min-height:376px;} .newsArea .courtNews {max-height:450px;min-height:460px;} .newsArea .prime {max-height:460px;min-height:460px;} .newsArea .newsletter {max-height:460px;min-height:460px;} .newsArea .broad0 {margin-right: 0px;max-height: 376px;min-height: 376px;border-right: 0px;padding-right:0px;} .newsArea .broad0 .six_margin {margin-top:8px;} .newsArea .broad1 {max-height:376px; min-height:376px; padding-left:0; border-right:1px solid #fff} .newsArea .broad1 .broad_div{height:365px;margin-top:2px;border:2px solid #A0B9CD;} .newsArea .broad1 .broad_div ul li div{font-size:18px; color:#2E689A; margin-bottom:3px;font-weight:bold} .newsArea .broad1 .broad_div ul li span{font-size:13px; width:185px; display:block} .newsArea .broad1 .broad_div ul .li_1{height:87px; border-bottom:1px solid #C8DAE8;padding:32px 17px 2px 29px; line-height:1.3;background: url(/rel/common/images/icon_16.png) 90% 27px no-repeat; } .newsArea .broad1 .broad_div ul .li_2{height:87px; border-bottom:1px solid #C8DAE8;padding:32px 17px 2px 29px; line-height:1.3;background: url(/rel/common/images/icon_17.png) 90% 27px no-repeat; } .newsArea .broad1 .broad_div ul .li_3{height:87px; padding:32px 17px 2px 29px; line-height:1.3;background: url(/rel/common/images/icon_18.png) 90% 27px no-repeat;} .newsArea .broad2 a{top:38px;right:32px} .newsArea .broad2 .rel3_list ul{height:287px;} .newsArea .broad2 .rel3_list ul li{border-top:1px solid #e4e4e4; padding:17px; height:68px;line-height:1.4} .newsArea .broad2 {max-height:376px; min-height:376px; border-right:1px solid #fff;position:relative} .newsArea .broad3 {max-height:376px; min-height:376px; border-right:0px;padding-right:0} .newsArea .broad3 .broad_div{height:365px;margin-top:2px;border:2px solid #A0B9CD; background-color:#F0F5F9} .newsArea .broad3 .broad_div .wrap_div{border-bottom:1px solid #C8DAE8;float:left;width:100%; height:122px} .newsArea .broad3 .broad_div .wrap_div .div_1{width:49.5%; border-right:1px solid #C8DAE8; float:left; height:122px; background: url(/rel/common/images/icon_19.png) 15px 15px no-repeat; background-size:58px;} .newsArea .broad3 .broad_div .wrap_div .div_2{width:49.5%; float:left; height:122px; background: url(/rel/common/images/icon_20.png) 15px 15px no-repeat; background-size:58px;} .newsArea .broad3 .broad_div .wrap_div .div_3{width:49.5%; border-right:1px solid #C8DAE8; float:left; height:122px; background: url(/rel/common/images/icon_22.png) 15px 15px no-repeat; background-size:58px;} .newsArea .broad3 .broad_div .wrap_div .div_4{width:49.5%; float:left; height:122px; background: url(/rel/common/images/icon_21.png) 15px 15px no-repeat; background-size:58px;} .newsArea .broad3 .broad_div .wrap_div .div_5{width:49.5%; border-right:1px solid #C8DAE8; float:left; height:122px; background: url(/rel/common/images/icon_23.png) 15px 15px no-repeat; background-size:58px;} .newsArea .broad3 .broad_div .wrap_div .div_6{width:49.5%; float:left; height:122px; background: url(/rel/common/images/icon_24.png) 15px 15px no-repeat; background-size:58px;} .newsArea .broad3 .broad_div .wrap_div .span_bottom{float:right;margin:71px 8px 0px 0px; font-weight:bold; font-size:15px} .newsArea .broad2 .broad_div{margin:2px 0px; border:2px solid #A2B8CD; height:365px;} .newsArea .broad2 .broad_div .titleBox{margin: 20px 10px 7px 15px;min-height: 30px;} .newsArea .endRightPc {margin-right:0px; padding-right:0} .newsArea .logoDiv{border: 1px solid transparent; display:none} .newsArea .logoDivImg{width:90%; margin-top:10px} .newsArea .titleBox { margin-bottom:15px; min-height:30px;margin-top:10px } .newsArea .titleBox .boardName { float:left; font-size:20px; color:#111; max-width:270px; /*font-weight:bold*/ } .newsArea .titleBox .more { float:right; } .newsArea .thumb { text-align:center; } .newsArea .thumb img{ width:100%; height:85px;} .newsArea .article { min-height:130px; margin-top: 15px;} .newsArea .article .title { font-size:16px; font-weight:bold; color:#474747; min-height:25px; margin:13px 0px; line-height:22px; } .newsArea .article .summary { font-size: 14px; color:#595959; line-height:24px; min-height:72px;} .newsArea .article .min { min-height:140px;} .newsArea .list{border-right:1px solid #ececec; background-color:#f5f5f5; padding: 13px 10px 3px 10px;min-height:69px} .newsArea .list .title{float:left;margin-bottom:2px;width:80%} .newsArea .list .title div{float:left;height:14px; line-height:16px;overflow:hidden} .newsArea .list ul li { padding-bottom:10px; height:13px;} .newsArea .list ul li .rel_div{max-width:73%; overflow:hidden; float:left; height:14px} .newsArea .list ul li .rel_div a { color:#595959; font-size:14px; } .newsArea .list ul li .date { display:inline-block; float:right; color:#8e8e8e; font-size:13px; line-height:18px; } .newsArea .searchIncident .searchMargin {position:position:relative;margin-top:33px;} .newsArea .searchIncident .myIncident {padding-bottom:15px;} /* actionZone *******************************************************************************************************/ .searchCourt { margin-left:0px; height:450px;} .searchCourt { height:390px; padding: 20px 9px 0px 9px; } .searchCourt .title { margin-top:90px; height:85px; color:#3d3d3d; font-size:22px; text-align:center; background:url("/portal/common/images/searchCourtTitleBg.png") no-repeat center top; line-height:140px;} .searchCourt .description { display:none; height:120px; text-align:center; font-size:16px; color:#000000; margin-top:40px; line-height:26px;} .searchCourt .courtForm { margin-top:40px; text-align:center; } .searchCourt .selCap { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:190px; } .searchCourt .selCourt { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px;} .searchCourt .courtGo { display:inline-block; width:65px; height:35px; background:#871517; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top; margin-top:5px; } .searchCourt .searchIncident {padding:0px 15px;} .searchCourt .searchIncident .myIncident { margin-top:10px } .searchCourt .searchIncident img { width:100%; max-width:369px; } .searchCourt .searchIncident .formCollect { margin-top:50px;} /** rel_list public *******************************************************/ .contents #zz {font-size:12px; color:#b6d0dd; font-weight:normal; line-height:1.4em; } .ab_img {height:57px; border-bottom:1px solid #e2e2e2} .ab_img:last-child {border:none;} .ab_img img {margin-top:13px; max-width:none; width:140px;} /* .newsArea .icon_banner { display:none;max-width:1160px; width:96%; border:none; padding:0px; height:140px; position:relative; margin:0 auto;} */ .icon_bb {height:80px; padding:30px 0px} .searchCourt .four_margin {margin-top:8px;} .rel4_list #sagun_search {background:url('/rel/common/images/bg_main01.gif') repeat; min-height:110px; margin-bottom:15px;} .rel4_list #sagun_search .articles{ min-height:110px; background:url("/rel/common/images/icon_07.png") 40px 30px no-repeat; width:100%; margin-top:8px} .rel4_list #sagun_search .contents{color:#ffffff; font-size:18px; margin-left:36%; padding-top:18px; line-height:2em;} .rel4_list #sosong {background:url('/rel/common/images/bg_main02.gif'); min-height:110px; margin-bottom:15px;} .rel4_list #sosong .articles{ min-height:110px; background:url("/rel/common/images/icon_08.png") 40px 30px no-repeat; width:100%} .rel4_list #sosong .contents{color:#ffffff; font-size:18px; margin-left:36%; padding-top:18px; line-height:2em;} .rel4_list #moum {background:url('/rel/common/images/bg_main03.gif'); min-height:110px; } .rel4_list #moum .articles{ min-height:111px; background:url("/rel/common/images/icon_09.png") 40px 30px no-repeat; width:100%} .rel4_list #moum .contents{color:#ffffff; font-size:18px; margin-left:36%; padding-top:18px; line-height:2em;} .searchIncident .six_margin {margin-top:8px;} .searchIncident .six_margin .searchIncident_cont {min-height:361px; max-height:361px; background:#ffffff;} .searchIncident .six_margin .searchIncident_cont .ad_main {padding:20px 10px 10px 10px; min-height:333px;} .searchIncident_cont .ad_main .ad_title {color:#323232; font-weight:bold; font-size:18px; width:270px; padding-left:15px;} .searchIncident_cont .ad_main .ad_cont {background:#f5f5f5; margin-top:20px; min-height:293px; text-align:center; border:1px solid #e2e2e2;} .searchIncident_cont .ad_main .ad_cont .title_ad{margin-top: 20px;font-size: 15px;color: #111;font-weight: bold;} .ad_main .ad_cont .ad_img {height:58px; border-bottom:1px solid #e2e2e2} .ad_main .ad_cont .last {border:none;} .ad_main .ad_cont .ad_img img {margin-top:13px; max-width:none; width:140px;} /*** rel_list6 ******/ .endRightPc .six_margin {margin-top:8px;} .rel6_list #m_a {background:url('/rel/common/images/bg_main02.gif'); min-height:110px; margin-bottom:15px;} .rel6_list #m_a .articles{ min-height:110px; background:url("/rel/common/images/icon_14.png") 40px 30px no-repeat; width:100%} .rel6_list #m_a .contents{color:#ffffff; font-size:18px; margin-left:36%; padding-top:18px; line-height:2em;} .rel6_list #gongo {background:url('/rel/common/images/bg_main03.gif'); min-height:110px; margin-bottom:15px; margin-top:8px} .rel6_list #gongo .articles{ min-height:110px; background:url("/rel/common/images/icon_13.png") 40px 30px no-repeat; width:100%} .rel6_list #gongo .contents{color:#ffffff; font-size:18px; margin-left:36%; padding-top:18px; line-height:2em;} .rel6_list #info_ {background:url('/rel/common/images/bg_main01.gif'); min-height:110px; } .rel6_list #info_ .articles{ min-height:111px; background:url("/rel/common/images/icon_15.png") 40px 30px no-repeat; width:100%} .rel6_list #info_ .contents{color:#ffffff; font-size:18px; margin-left:36%; padding-top:18px; line-height:1.4;max-width:210px} .rel6_list #info_ .contents .span6{display:block; margin-bottom:5px} .contents .contents_sub {font-size:12px; color:#b6d0dd; font-weight:normal; line-height:1.4em;} /*** ******/ .newsArea .icon_banner { display:none;max-width:1160px; width:99.7%; border:none; padding:0px; height:140px; position:relative; margin:0 auto;} .icon_banner .icon_banner_sub {height:80px; padding:30px 0px} .icon_banner .footsns { float:left; width:100%;} .icon_banner .footsns ul { padding:0px; margin:0px; } .icon_banner .footsns ul:after { content:""; display:block; clear:both; } .icon_banner .footsns ul li { float:left;} .icon_banner .footsns ul li a{display:block; float:left; height:72px;} .icon_banner .footsns ul li span { display:inline-block; text-align:left; font-size:15px; font-weight:bold; color:#4f4f4f; margin-left:82px; margin-top:20px; line-height:1.5em; letter-spacing:-2px;} .icon_banner .footsns #icon_one{ background:url('/rel/common/images/icon_19.png') 0px 0px no-repeat; width:18%} .icon_banner .footsns #icon_two{ background:url('/rel/common/images/icon_20.png') 0px 0px no-repeat; width:17.5%} .icon_banner .footsns #icon_three{ background:url('/rel/common/images/icon_22.png') 0px 0px no-repeat; width:17%} .icon_banner .footsns #icon_four{ background:url('/rel/common/images/icon_21.png') 0px 0px no-repeat; width:16.5%} .icon_banner .footsns #icon_five{ background:url('/rel/common/images/icon_23.png') 0px 0px no-repeat; width:15.5% } .icon_banner .footsns #icon_six{ background:url('/rel/common/images/icon_24.png') 0px 0px no-repeat; width:15%;float:right} .icon_banner_two{display:none;} .icon_banner { display:block;} /* board *******************************************************************************************************/ .board { max-width:1160px; margin:0 auto; margin-top: 20px; } .board:after { content:""; display:block; clear:both; } .board > div { float:left; width:29%; height:auto; margin-left:20px; padding:35px 0px 35px 20px; } .courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .courtNews .titlebox p { margin:0px; padding:0px; } .courtNews .titlebox:after { content:""; display:block; clear:both; } .courtNews .titlebox .title { float:left; font-size:20px; color:#3d3d3d; width:190px; } .courtNews .titlebox .more { float:right; width:30px;} .courtNews .article { line-height:20px; } .courtNews .article:after { content:""; display:block; clear:both; } .courtNews .article .photo { width:100%; margin:0 auto; } .courtNews .article .photo img { width:100%; height:100%; } .courtNews .article .textbox { margin-top:20px; } .courtNews .article .textbox .title { float:left; font-size:16px; color:#666; font-weight:bold; margin:0px !important} .courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; } .courtNews .article .textbox .text { font-size:14px; color:#575757; clear:both; padding-top:5px; height:76px; overflow:hidden; } .courtNews .article .moreArticle { display:block; float:right; text-align:center; width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:5px; font-size:12px; color:#fff; } .newsletter { text-align:center; height:450px; } .newsletter a { display:block; margin-bottom:20px; } .prime .titlebox { border-bottom:1px solid #e0e0e0; padding-bottom:5px;} .prime .titlebox p { margin:0px; padding:0px; } .prime .titlebox:after { content:""; display:block; clear:both; } .prime .titlebox .title { float:left; font-size:20px; color:#3d3d3d; width:190px; } .prime .titlebox .more { float:right; width:30px;} /*.prime .article { margin-top:20px; background:#f5f5f5; padding:20px 10px; font-size:14px; color:#575757; line-height:26px; height:auto; max-height:420px } */ .prime .article { min-height:395px; padding:10px 10px 20px 10px;} .prime .article .title {font-size:16px;font-weight:bold} .prime .article .topDiv {line-height:1.6; min-height:100px;} .prime .article:after { content:""; display:block; clear:both; } .prime .article .black { color:#000; } /* .prime .article .list .dotLine { width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top; margin:25px 0px; } .prime .article .list ul li { padding-bottom:15px; } .prime .article .list ul li a { color:#595959; font-size:14px; } .prime .article .list ul li .date { display:inline-block; float:right; color:#8e8e8e; font-size:12px; } */ .prime .moreArticle { display:block; float:right; text-align:center; width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:5px; font-size:12px; color:#fff; } /* sub **************************************************************************************************/ /* sns */ .naviOut { width:100%; height:45px; border-bottom:1px solid #ebebeb; } .naviIn { max-width:1160px; position:relative; margin:0 auto; } .naviIn:after { content:""; display:block; clear:both; } .navibox { height:44px; float:right; } .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("/portal/common/images/homeIcon.png") left 15px no-repeat; padding-left:25px; padding-right:10px; height:44px; } .navibox .midNavi { display:inline-block; font-size:14px; line-height:40px; color:#656565; padding-right:10px; height:44px; } .navibox .spot { display:inline-block; font-size:14px; line-height:40px; color:#15528e; padding-right:30px; height:44px; } .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("/portal/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("/portal/common/images/printIcon.png") 5px 6px no-repeat; } .snsBox { display:none; } .snsBox.on { display:block; position:absolute; right:0px; top:45px; 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; } /* linkLine */ .linkLineOut { height:42px; width:100%; background:#494E52; border-bottom:1px solid #606569; clear:both; } .linkLineIn { max-width:1160px; margin:0 auto; position:relative; } .linkLineIn:after { content:""; display:block; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding:0px; margin:0px; margin-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:7px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:24px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/supreme/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/supreme/common/images/icon_facebook.gif") left -25px no-repeat; } .linkLineIn .footsns .twitter { background:url("/supreme/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/supreme/common/images/icon_twitter.gif") left -25px no-repeat; } .linkLineIn .footsns .youtube { background:url("/supreme/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/supreme/common/images/icon_youtube.gif") left -25px no-repeat; } .linkLineIn .footsns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -25px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/supreme/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/supreme/common/images/icon_naver.gif") left -25px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/supreme/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/supreme/common/images/icon_daum.gif") left -25px no-repeat; } .linkLineIn .footsns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/supreme/common/images/icon_kakao.gif") left -25px no-repeat; } .linkLineIn .linkCourt { float:right; margin-right:133px;} .linkLineIn .linkCourt > a { display:inline-block; border-left:1px solid #606569; color:#fff; font-size:14px; line-height:42px; height:42px; padding-left:20px; padding-right:45px; background:#494E52 url("/portal/common/images/down.png") right 15px no-repeat; } .linkLineIn .linkCourt > a.on { background:#575b5f url("/portal/common/images/up.png") right 15px no-repeat; } .linkContentOut { background:#575b5f; clear:both; } .linkContentOut .courtList { max-width:1160px; margin:0 auto; display:none; text-align:center;} .linkContentOut .courtList.vis { display:block; zoom:1} .linkContentOut .courtList:after { content:""; display:block; clear:both; } .linkContentOut .courtList ul { float:left; width:16%; border-left:1px solid #606569; padding:10px 0px; height:100%;} .linkContentOut .courtList ul:after { content:""; display:block; clear:both; } .linkContentOut .courtList ul li { padding:5px 20px 5px 30px; text-align:left; } .linkContentOut .courtList ul li a { color:#d1d4d6; } .linkLineIn .linkSystem { position:absolute; right:0; top:0; border-left:1px solid #606569 } .linkLineIn .linkSystem > a { display:inline-block; border-right:1px solid #606569; color:#fff; font-size:14px; line-height:42px; height:42px; padding-left:24px; padding-right:45px; background:#494E52 url("/portal/common/images/down.png") right 15px no-repeat; } .linkLineIn .linkSystem > a.on { background:#575B5F url("/portal/common/images/up.png") right 15px no-repeat; } .linkLineIn .linkSystem .linkList { display:none; } .linkContentOut {/* background:#1b2934; clear:both; */ postion:relative} .linkContentOut .systemList { max-width:1160px; margin:0 auto; display:none; text-align:center;} .linkContentOut .systemList.vis { display:block; } .linkContentOut .systemList:after { content:""; display:block; clear:both;} .linkContentOut .systemList ul { float:left; width:19%; border-left:1px solid #606569; padding:10px 0px; height:100%;} .linkContentOut .systemList ul:after { content:""; display:block; clear:both; } .linkContentOut .systemList ul li { padding:5px 20px 5px 30px; text-align:left; } .linkContentOut .systemList ul li a { color:#d1d4d6; } .sitemapOut { background:#494E52; clear:both; } .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 li div { padding:10px 0px; font-size:14px; color:#8dabc3; text-align:left; } .sitemapOut .sitemapIn ul li { padding:5px 10px 5px 10px; text-align:left;} .sitemapOut .sitemapIn ul li a { color:#cfd1d2; font-size:13px; } /* // linkLine */ .footerOut { width:100%; padding-bottom:20px; position:relative; background-color:#575b5f; height:230px} .footerOut .footerIn { max-width:1160px; margin:0 auto; padding-top:20px; clear:both;} .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { float:left; width:178px; margin-right:25px; } .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:#0d1820;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#0d1820; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#0d1820; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#0d1820; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#0d1820; margin-top:2px; } .footerIn .certi { float:right; } .footerIn .certi img { margin-right:20px;} .footerIn .certi .selCou { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px; } .footerIn .certi .siteGo { display:inline-block; padding:0 5px; height:37px; background:#36536a; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top; margin-top:5px; margin-left:3px; } /* sub **************************************************************************************************/ /* sns */ .naviOut { width:100%; height:45px; border-bottom:1px solid #ebebeb; } .naviIn { max-width:1160px; position:relative; margin:0 auto; } .naviIn:after { content:""; display:block; clear:both; } .navibox { height:44px; /*float:right;*/ position:absolute; right:0px } .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("/portal/common/images/homeIcon.png") left 15px no-repeat; padding-left:25px; padding-right:10px; height:44px; } .navibox .midNavi { display:inline-block; font-size:14px; line-height:40px; color:#656565; padding-right:10px; height:44px; } .navibox .spot { display:inline-block; font-size:14px; line-height:40px; color:#15528e; padding-right:30px; height:44px; } .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("/portal/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("/portal/common/images/printIcon.png") 5px 6px no-repeat; } .snsBox { display:none; } .snsBox.on { display:block; position:absolute; right:0px; top:45px; 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; } /* subContainer */ .subContainer { max-width:1160px; margin:0 auto; } .subContainer:after { content:""; display:block; clear:both; } .subContainer > div { } .subContainer > div:after { content:""; display:block; clear:both; } /* subleft_lnb */ .subContainer .lnb {float:left; background:#f8f8f8; /* width:225px; */ width:20%; margin-bottom:50px} .lnb .lnbTitle { font-size:23px; color:#fff; height:75px; background:url("/rel/common/images/bg_subTitle.gif") repeat } .lnb .lnbTitle > span { display:block; /*padding:23px 0px 0px 40px;*/ text-align:center; display:inherit; padding-top:27px} .lnb .lnbTitle > span.confrnc { display:block; /*padding:23px 0px 0px 40px;*/ text-align:center; display:inherit; padding-top:10px; font-size:18px;} .lnb .dep2{overflow:hidden; border-right:1px solid #d6dce3} .lnb .dep2 > li > a { display:block; color:#636363; font-size:16px; padding:15px 3px 15px 20px; border-bottom:1px solid #d6dce3; border-left:1px solid #d6dce3; } .lnb .dep2 > li > a.selected { color:#fff; background:#193e63; border-bottom:1px solid #d6dce3; border-left:1px solid #d6dce3;} .lnb .dep2 > li > a.hasDep3 { background:url("/portal/common/images/lnbPlus.png") right 18px no-repeat; ;min-width:145px;} .lnb .dep2 > li > a.hasDep3.selected { background:#193e63 url("/portal/common/images/lnbMinus.png") right 18px no-repeat; } .lnb .dep2 > li > a.hasDep3.open { background: url("/portal/common/images/lnbMinus2.png") right 18px no-repeat; } .lnb .dep3 { display:none; border-right:1px solid #d6dce3; border-left:1px solid #d6dce3; border-bottom:1px solid #d6dce3; padding:15px 0; } .lnb .dep3 > li > a { display:block; font-size:14px; color:#555555; padding:8px 0px 8px 40px; background:url("/portal/common/images/lnbDep3Dot.png") left 13px no-repeat;} .lnb .dep3 > li > a.selected { color:#e74e3f; } .lnb .dep3.vis { display:block; background-color:#fff} /* content */ .subContainer .content { float:right; width:77%; padding-left:3%; } .subContainer .content.content100p { width:100%; } .content .conTitle { font-size:30px; color:#474747; padding:18px 0px; border-bottom:1px solid #e7e7e7; } .content .peruse_a{position:absolute;width:100%;background-color:#fff;z-index:2;} .content .peruse_a_iframe{position:absolute;top:17px} /* 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:15px; border-bottom:1px solid #dbdbdb; padding:13px; vertical-align:middle;} .contentIn .tableHor tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHor tr td { text-align:center; font-size:14px; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px; } .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 .tw15{width:15%} /* tableHorV */ .contentIn .tableHorV { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableHorV th { background:#edf3f8; font-size:15px; border:1px solid #dbdbdb; padding:13px; 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:13px 5px; border:1px solid #dbdbdb; vertical-align:middle; background:#fff; line-height:18px; } .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; } /* tableHorH */ .contentIn .tableHorH { width:100%; margin-top:10px; border-top:3px solid #535353; font-size:14px;} .contentIn .tableHorH th { background:#edf3f8; font-size:15px; border:1px solid #dbdbdb; padding:13px; vertical-align:middle; text-align:center;} .contentIn .tableHorH tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHorH tr td { text-align:left; font-size:14px; padding:13px 20px; border:1px solid #dbdbdb; vertical-align:middle; background:#fff; line-height:18px; } .contentIn .tableHorH tr td.subTitle { background:#f3f3f3; } .contentIn .tableHorH tr td.tit { text-align:left; padding-left:20px; } .contentIn .tableHorH tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableHorH 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:13px; vertical-align:middle; min-width:80px; } .contentIn .tableVer td { border-bottom:1px solid #dbdbdb; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px;} .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("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; width:28% } .contentIn .tableVer th.t_next { background:#f3f3f3 url("/portal/common/images/t_next.gif") right center no-repeat; padding-right:40px; width:28%} .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("/portal/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; line-height:28px;} .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("/portal/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("/portal/common/images/iconCal.png") left top no-repeat; font-size:14px; color:#6b7174; padding-left: 20px; } .contentIn .viewBox .titleBox .subTitle .writer { background:url("/portal/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:100%; max-width:570px; } /* 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:20%; } .contentIn .nextPhotoList ul li img { width:100%; } .contentIn .nextPhotoList ul li .title { text-align:left; margin:10px 0px; height:13px; 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:#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 6px; } .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:block; font-size:12px; color:#222222; margin-top:5px; } .contentIn .gallery ul li .pdf { display:block; width:50px; margin:0 auto; margin-top:5px; } /* 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("/portal/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("/portal/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:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; } .contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:15px; } .contentIn .tab .tabContents .tabContent { display:none; } .contentIn .tab .tabContents .tabContent.active { display:block; } /* subTab */ .contentIn .subTab { margin-top: 20px; } .contentIn .subTab .subTabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .subTab .subTabTitle:after { content:""; display:block; clear:both; } .contentIn .subTab .subTabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .subTab .subTabTitle 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 .subTab .subTabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; } .contentIn .subTab .subTabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .subTab .subTabContents .subTabContent { display:none; } .contentIn .subTab .subTabContents .subTabContent.active { display:block; } /* tabSec */ .contentIn .tabSec { margin-top: 20px; } .contentIn .tabSec .tabTitle { background:url("/portal/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("/portal/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("/portal/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("/portal/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:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.next { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistNext.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev { padding:0px; border:1px solid #bdbdbd; background:url("/portal/common/images/plistPrev2.gif") 10px 10px no-repeat; width:26px; height:26px;} .contentIn .pagelist a.prev2 { padding:0px; border:1px solid #bdbdbd; background:url("/portal/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:265px; height:458px; position:relative; background:url("/portal/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:67px; top:62px; background:url("/portal/common/images/icon_notiDisclose_Uijeongbu_off.png") left top no-repeat;} .contentIn .map .mapView li.Uijeongbu:hover {background:url("/portal/common/images/icon_notiDisclose_Uijeongbu_on.png") left top no-repeat;} .contentIn .map .mapView li.Incheon {left:18px; top:91px; background:url("/portal/common/images/icon_notiDisclose_Incheon_off.png") left top no-repeat;} .contentIn .map .mapView li.Incheon:hover {background:url("/portal/common/images/icon_notiDisclose_Incheon_on.png") left top no-repeat;} .contentIn .map .mapView li.Seoul {left:85px; top:96px; background:url("/portal/common/images/icon_notiDisclose_Seoul_off.png") left top no-repeat;} .contentIn .map .mapView li.Seoul:hover {background:url("/portal/common/images/icon_notiDisclose_Seoul_on.png") left top no-repeat;} .contentIn .map .mapView li.Chuncheon {left:132px; top:75px; background:url("/portal/common/images/icon_notiDisclose_Chuncheon_off.png") left top no-repeat;} .contentIn .map .mapView li.Chuncheon:hover {background:url("/portal/common/images/icon_notiDisclose_Chuncheon_on.png") left top no-repeat;} .contentIn .map .mapView li.Suwon {left:77px; top:126px; background:url("/portal/common/images/icon_notiDisclose_Suwon_off.png") left top no-repeat;} .contentIn .map .mapView li.Suwon:hover {background:url("/portal/common/images/icon_notiDisclose_Suwon_on.png") left top no-repeat;} .contentIn .map .mapView li.Daejeon {left:73px; top:194px; background:url("/portal/common/images/icon_notiDisclose_Daejeon_off.png") left top no-repeat;} .contentIn .map .mapView li.Daejeon:hover {background:url("/portal/common/images/icon_notiDisclose_Daejeon_on.png") left top no-repeat;} .contentIn .map .mapView li.Cheongju {left:128px; top:180px; background:url("/portal/common/images/icon_notiDisclose_Cheongju_off.png") left top no-repeat;} .contentIn .map .mapView li.Cheongju:hover {background:url("/portal/common/images/icon_notiDisclose_Cheongju_on.png") left top no-repeat;} .contentIn .map .mapView li.Jeonju {left:79px; top:243px; background:url("/portal/common/images/icon_notiDisclose_Jeonju_off.png") left top no-repeat;} .contentIn .map .mapView li.Jeonju:hover {background:url("/portal/common/images/icon_notiDisclose_Jeonju_on.png") left top no-repeat;} .contentIn .map .mapView li.Changwon {left:169px; top:264px; background:url("/portal/common/images/icon_notiDisclose_Changwon_off.png") left top no-repeat;} .contentIn .map .mapView li.Changwon:hover {background:url("/portal/common/images/icon_notiDisclose_Changwon_on.png") left top no-repeat;} .contentIn .map .mapView li.Daegu {left:180px; top:221px; background:url("/portal/common/images/icon_notiDisclose_Daegu_off.png") left top no-repeat;} .contentIn .map .mapView li.Daegu:hover {background:url("/portal/common/images/icon_notiDisclose_Daegu_on.png") left top no-repeat;} .contentIn .map .mapView li.Gwangju {left:68px; top:299px; background:url("/portal/common/images/icon_notiDisclose_Gwangju_off.png") left top no-repeat;} .contentIn .map .mapView li.Gwangju:hover {background:url("/portal/common/images/icon_notiDisclose_Gwangju_on.png") left top no-repeat;} .contentIn .map .mapView li.Pusan {left:193px; top:297px; background:url("/portal/common/images/icon_notiDisclose_Pusan_off.png") left top no-repeat;} .contentIn .map .mapView li.Pusan:hover {background:url("/portal/common/images/icon_notiDisclose_Pusan_on.png") left top no-repeat;} .contentIn .map .mapView li.Ulsan {left:224px; top:255px; background:url("/portal/common/images/icon_notiDisclose_Ulsan_off.png") left top no-repeat;} .contentIn .map .mapView li.Ulsan:hover {background:url("/portal/common/images/icon_notiDisclose_Ulsan_on.png") left top no-repeat;} .contentIn .map .mapView li.Jaeju {left:67px; top:400px; background:url("/portal/common/images/icon_notiDisclose_Jaeju_off.png") left top no-repeat;} .contentIn .map .mapView li.Jaeju:hover {background:url("/portal/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:inherit; max-width:100%;} /* slideCont */ .contentIn .slideCont { margin-top:20px; } .contentIn .slideCont ul li { border-bottom:1px solid #d1d4da; } .contentIn .slideCont .tit {display:block; background:url("/portal/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("/portal/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 .programCon { text-align:left; } .contentIn .programBox { position:relative; float:left; display:inline-block; border: 1px solid #b9b9b9; height: 300px; min-height:180px; width:30%; margin:0px 1%; margin-top:15px; } .contentIn .programTitle01 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle01.jpg") right top no-repeat; } .contentIn .programTitle01 a { font-size:18px; color:#fff; } .contentIn .programTitle02 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle02.jpg") right top no-repeat; } .contentIn .programTitle02 a { font-size:18px; color:#fff; } .contentIn .programTitle03 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle03.jpg") right top no-repeat; } .contentIn .programTitle03 a { font-size:18px; color:#fff; } .contentIn .programTitle04 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle04.jpg") right top no-repeat; } .contentIn .programTitle04 a { font-size:18px; color:#fff; } .contentIn .programTitle05 { height:99px; line-height:99px; padding-left:10px; font-size:18px; color:#fff; background:url("/portal/common/images/programTitle05.jpg") right top no-repeat; } .contentIn .programTitle05 a { font-size:18px; color:#fff; } .contentIn .programBox .detailViewBtn {display:block; position:absolute; right:0px; bottom:0px;} /* photo */ .contentIn .photo { 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:19%; 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%; max-width:170px; max-height:114px; } .contentIn .photo ul li .title { display:block; font-size:14px; color:#222222; margin-top:5px; height:20px; overflow:hidden; line-height:20px; } .contentIn .photo ul li .date { font-size:12px; color:#6b7174; height:20px; overflow:hidden; line-height:20px;} /* 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; } /* searchResult */ .searchResult { width:100%; } .searchResult .conTitle { font-size:30px; color:#474747; padding:23px 0px; border-bottom:1px solid #e7e7e7; } .searchResult .titleBox { font-size:18px; color:#565656; border-bottom:1px solid #535353; margin:20px 0px 10px 0px; padding-bottom:5px; } .searchResult .titleBox .cate { font-size:20px; color:#0057a1; } .searchResult .subTitle { font-size:14px; color:#222222; padding:20px 0px 10px 0px;} .searchResult .searchCont { font-size:14px; color:#565656; line-height:20px; } .useStep01 { max-width:100%; width:inherit; } .verTop { vertical-align:top; } .verMiddle { vertical-align:middle; } .verBottom { vertical-align:bottom; } .lineHeight30 { line-height:30px;} /* 甕곕벡�앾옙��뻣 > 鈺곌퀣彛� 獄쏉옙 å ìŽ„ì‘µï¿½ëº ë¦°ï¿½ë”†ê¹ˆ > ********************************/ .contentIn .departmentTop{border:1px solid #bacad3; padding:10px; background-color:#edf2f6} .contentIn .departmentTop .sub1{height:40px; border-bottom:1px solid #d3dbe0} .contentIn .departmentTop .sub1_div{width:29%; float:left} .contentIn .departmentTop .select1{width:80%; padding:5px 0px} .contentIn .departmentTop .span1{width:20%;font-weight:bold;vertical-align:text-top;font-size:15px} .contentIn .departmentTop .sub2{text-align:center} /* ç–«ê¿¸í€¡ï¿½ï¿½ì˜™ï¿½ï¿½ëµ ï¿½ëµì˜™ */ .contentIn .tableJH { width:100%; margin-top:10px; border-top:3px solid #204B7E; font-size:14px;} .contentIn .tableJH th { background:#edf3f8; font-size:14px; border:1px solid #dbdbdb; padding:13px; vertical-align:middle; text-align:center;} .contentIn .tableJH .left{text-align:left;padding:12px 18px} .contentIn .tableJH tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableJH tr td { text-align:center; font-size:14px; padding:13px 5px; border:1px solid #dbdbdb; vertical-align:middle; background:#fff; line-height:18px; } .contentIn .tableJH tr td.subTitle { background:#f3f3f3; } .contentIn .tableJH tr td.tit { text-align:left; padding-left:20px; } .contentIn .tableJH tr td.tit a:hover, .content .boardList tr td.tit a:active { color:#0057a1; text-decoration:underline; font-weight:bold; } .contentIn .tableJH tr td.attach { vertical-align:middle; } .history_list {border:1px solid #274D7A; border-width:2px 0 1px; border-bottom:1px solid #cfcfcf} .history_list li {/*border-top:1px solid #0B89D2;*/ border-top:1px solid #2f5f98; min-height:38px; ;border-bottom} .history_list li.first {border:0 none; margin-bottom:30px} .history_list li ul {padding:10px 0; border-top:1px solid #ccc;} .history_list li ul li {border-top:#274D7A; padding-left:16px; line-height:20px;} .history_list .title {font-size:15px;position:relative; display:block; padding:15px 114px 15px 22px; line-height:16px; color:#2d4158; background:#f3f3f3;} .history_list .title .date {position:absolute; top:50%; right:22px; line-height:14px; height:14px; margin-top:-7px;} .history_list .title .date span {font-size:14px; } .history_list .s_title {display:inline-block; width:73px; vertical-align:top; padding-left:7px; background: url("/seoul/images/common/blt/bl_gray_2x2.gif") no-repeat 0 8px;} .history_list .s_con {display:inline-block; width:604px; vertical-align:top; } .contentIn .introduce_title{width:17%; float:left; height:100%;min-width:125px;} .contentIn .introduce_content{width:79%; padding:2%; background-color:#f7f7f7; float:left; height:100%;line-height:1.5} .contentIn .introduce_content .front_title{font-size:17px; font-weight:bold} .contentIn .introduce_content .back_title{float:right;font-size:16px; font-weight:bold} /*************************************************/ /* Mobile Device */ /*************************************************/ @media all and (min-width:1px) and (max-width:767px) { .top_right_li{margin-top:16px} .linkContentOut .courtList { display:none !important;} .contentIn .grayBtn {float:left} .menuSubBtn > a.btnMenuAll{display:block} .gnbInner .allMenu { display:block;} .history_list .title .date span {font-size:13px; } .history_list li.first {margin-bottom:15px} .newsArea .searchCourt {padding:5px 2% 5px 2%;} .newsArea .endRightPc {padding:5px 2% 5px 2%;} /* organzation top ********************************/ .contentIn .departmentTop .sub1{height:80px;} .contentIn .departmentTop .sub1_div{width:48%;} .contentIn .departmentTop .select1{width:74%} /*** rel_list4 ******/ .newsArea .searchCourt {padding-left:2%; min-height:376px;} .rel4_list #sagun_search .contents{margin-left:110px; padding-top:18px;} .rel4_list #sosong .contents{margin-left:110px; padding-top:18px;} .rel4_list #moum .contents{margin-left:110px; padding-top:18px;} /*** rel_list5 ******/ .rel6_list #m_a .contents{margin-left:110px; padding-top:18px;} .rel6_list #gongo .contents{margin-left:110px; padding-top:18px;} .rel6_list #gongo .contents .lh14{ /*line-height:1.4;*/} .rel6_list #info_ .contents{margin-left:110px; padding-top:15px;} /*** rel_list6 ******/ .newsArea .endRightPc {padding-right:2%; border-right:1px solid #cfcfcf !important; } .rel6_list #m_a .contents{margin-left:110px; padding-top:18px;} .rel6_list #gongo .contents{margin-left:110px; padding-top:16px;} .rel6_list #info_ .contents{margin-left:110px; padding-top:18px;} /*** icon_banner ******/ .newsArea .icon_banner_two { height:170px; padding:2%;} .icon_banner { /*display:none;*/ display:block} /* .icon_banner_two .footsns {width:100%;} .icon_banner_two .footsns ul {text-align:center;} .icon_banner_two .footsns ul li a {display:inline-block; width:46.5%; font-size:14px; border:none; color:#ffffff; margin-left:0; margin-bottom:10px; background:#202429; line-height:1.2em} .icon_banner_two .footsns ul li a:nth-child(odd) { margin-right:5px;} .icon_banner_two {display:block; padding:5px 2% 5px 2%;} .icon_banner_two #li_one a{height:40px; padding-top:10px;} .icon_banner_two #li_three a{height:33px; padding-top:17px;} .icon_banner_two #li_five a{height:33px; padding-top:17px;} */ .newsArea .icon_banner { display:block;max-width:1160px; width:99.7%; border:none; padding:0px; height:206px; position:relative; margin:0 auto;} .icon_banner .icon_banner_sub {height:185px; padding:10px 0px 10px 3%; background-color:#F0F5F9} .icon_banner .footsns { float:left; width:100%;} .icon_banner .footsns ul { padding:0px; margin:0px; } .icon_banner .footsns ul:after { content:""; display:block; clear:both; } .icon_banner .footsns ul li { float:left;} .icon_banner .footsns ul li a{display:block; float:left; height:50px; } .icon_banner .footsns ul li span { display:inline-block; text-align:left; font-size:15px; font-weight:bold; color:#4f4f4f; margin-left:60px; margin-top:4px; line-height:1.5em; letter-spacing:-2px;} .icon_banner .footsns #icon_one{ background:url('/rel/common/images/icon_19.png') 0px 0px no-repeat; background-size:44px} .icon_banner .footsns #icon_two{ background:url('/rel/common/images/icon_20.png') 0px 0px no-repeat; background-size:44px} .icon_banner .footsns #icon_three{ background:url('/rel/common/images/icon_22.png') 0px 0px no-repeat; background-size:44px} .icon_banner .footsns #icon_four{ background:url('/rel/common/images/icon_21.png') 0px 0px no-repeat; background-size:44px} .icon_banner .footsns #icon_five{ background:url('/rel/common/images/icon_23.png') 0px 0px no-repeat; background-size:44px} .icon_banner .footsns #icon_six{ background:url('/rel/common/images/icon_24.png') 0px 0px no-repeat; background-size:44px} .icon_banner .footsns #icon_one{ width:50%; padding-right:5% ;height:67px;} .icon_banner .footsns #icon_two{width:45%; float:right ;height:67px;} .icon_banner .footsns #icon_three{ width:50%; padding-right:5% ;height:67px; } .icon_banner .footsns #icon_four{width:45%; float:right ;height:67px; } .icon_banner .footsns #icon_five{ width:50%; padding-right:5% ;height:67px;} .icon_banner .footsns #icon_six{ width:45%; float:right ;height:67px;} .icon_banner_two {display:none;} .icon_banner { display:block;} .top_btn {display:block} /*background*/ .newsArea > .backg{background: url(/portal/common/images/actionZoneBg.gif) repeat left top; border:1px solid #cfcfcf;} .mainImageInner .anc {display:none;} /*absolute*/ .portalAb{display:none} .searchCourt{/*display:none*/} .formCollect{display:none} .searchIncident{/*display:none*/} a.btnGo{display:none} .thumb {display:none} .contentIn .thid { display:none; } .contentIn .mhid { display:none; } .mhid { display:none; } .hidlogo { display:none; } .naviOut { display:none; } .navibox .home, .navibox .midNavi, .navibox .spot { display:none; } .contentIn .result { display:none; } .contentIn .m_wid140 { width:140px; } .contentIn .m_wid100 { width:100px; } .contentIn .m_wid70 { width:70px; } .contentIn .m_wid60 { width:60px; } img { max-width:100%; width:inherit; } /* top *******************************************************************************************************/ .btnCategory { display:inline-block; margin:14px 1px 0 1px; font-size:16px; padding:0 3px; } .btnCategory.btnSelected {} .topOuter .topInner .category { float:left; } .topOuter .topInner .utilMenu { float:right; width:250px; } .topOuter .topInner .top_right .a_1{display:none} .topOuter .topInner .top_right .a_2{display:block;color:#fff;border:1px solid #5993BB;padding:2px 9px;height:26px;line-height:13px;background:#305E8F;} .topOuter { background: #204B7E; height:130px; width:100%;} /* gnbOuter */ .gnbOuter { width:100%; background: url("/portal/common/images/gnb_bg.gif") repeat-x; } .gnbInner { max-width: 1024px; min-width:90%; 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; } .menuAllBtn > a { display:inline-block; height:74px; width:38px; background:#ff6600; line-height: 74px; } /* menu allMenu */ .gnbInner .allMenu {border:0px} .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%; float:right; margin-right:4px} .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("/rel/common/images/btn_menuAll_Close.png") left top no-repeat; position:absolute;top:85px;right:2px;} #0c0f13 #2a2c2f .gnbInner .allMenu .topLink_m { display:block; background:#172a3a; height: 50px; width:80%; float:right; border-bottom:1px solid #2a4568; } .gnbInner .allMenu .topLink_m ul { float:right;} .gnbInner .allMenu .topLink_m ul li { float:left; } .gnbInner .allMenu .topLink_m ul li a { display:inline-block; padding:20px 4px 0px 4px; color:#a3a7ab;} .gnbInner .allMenu .topLink_m ul li a.last { margin-right:0px; } .gnbInner .allMenu .topLink_m ul li span { display:inline-block; color: #848e97; padding-top:20px;} .gnbInner .allMenu .dep1 { display:block; width:80%; float:right; margin-top:76px; } .gnbInner .allMenu .dep1 > li {margin:0px; float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px; background:#487db5 none; /*background:#152a4b none;*/ height:auto;} .gnbInner .allMenu .dep1 > li.last { background:#487db5 none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#ffffff; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li { background:#f3f3f3; /*background:#244a6e;*/ border-bottom:1px solid #c8d4de; } .gnbInner .allMenu .dep2 > li > a { display:block; color:#1f2123; font-size:17px; padding:15px 5px 15px 40px; font-weight:normal} .gnbInner .allMenu .dep2 .mPlus { background:url("/rel/common/images/menuPlus2.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/rel/common/images/menuMinus2.png") right 15px no-repeat; } .gnbInner .allMenu .dep3 > li > a { display:block; color:#3d619a; font-size:16px; padding:15px 0px 15px 60px; background:#e8e3e3 none; border-bottom:1px solid #c3c3c3; } .back { width:100%; height:100%; } .back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/portal/common/images/black.png") repeat; z-index:19; } .gnbInner .dep3.unVis { display:none; } /* 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; } /* mainImage */ .mainImageOuter { width:100%; } .mainImageInner { margin:0 auto; min-height:340px; height:auto; } .mainImageInner:after { content:""; display:block; clear:both; } /* .mainImageInner .photo { float:none;padding-top:40px; margin:0px auto;width: 100%;max-height:464px;max-width:768px; text-align:center; position:relative; height:auto; overflow:hidden;} .mainImageInner .photo .mainimg{width:100%; height:100% !important;} */ .mainImageInner .photo { width: 100%; height:auto } .mainImageInner .photo .mainimg{ width: 100% ; height:auto } .mainImageInner .article { float:left; padding:20px 0px 0px 10px; width:95%; overflow:hidden; color:#ffffff; } .mainImageInner .article .title {height:auto;} .mainImageInner .article .summary {} .mainImageInner .title a { font-size:20px; color:#ffffff;} .mainImageInner .summary a { padding-top:20px; font-size:16px; color:#ffffff; line-height:24px; padding-bottom:15px;height:auto;} /* .mainImageInner .quickMenu { display: none; } */ /* quick close */ .mainImageInner .quickMenu.close { position:static; margin-left:0px; width:100%; height:140px; background-color:#354554 } .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: #041c31 url("/portal/common/images/quickFlag.png") no-repeat right 15px; } .quickMenu.close .btnOpen .tit.flag .quTit { display:block; height:40px;} .quickMenu.close .list ul { margin-left:0px; margin-top:18px; } .quickMenu.close .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:inline-block; width:48%; height:20px; font-size:13px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:2px; border:1px solid #56626E; } .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; border-bottom:1px solid #56626E; border-right:1px solid #56626E; } .quickMenu.close .list ul li a.last { border-right:1px solid #56626E;} .quickMenu.close .list ul li a img {display:none} .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:auto; background:url("/portal/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("/portal/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; 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.dl{width:40%;} .quickMenu.open .list ul li a.dr{width:50%;} .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 .list ul li a.q17 { background:none; } .quickMenu.open .list ul li a.q18 { background:none; } .quickMenu.open .quickClose { display:none; } /* newsArea *******************************************************************************************************/ .newsArea { max-width:1160px; margin:0 auto; margin-top:25px;position: relative; z-index: 5;} .newsArea .news {padding-left:2%; min-height:100px;} .newsArea > div {margin: 40px 0 1.5% 0; float:left; width:90%; border:0px; border:1px solid #cfcfcf; height:auto; padding:2%; margin:0 3%; margin-bottom:20px } .newsArea .news {max-height:390px;} .newsArea .pan {min-height:100px;} .newsArea .banner {max-height:390px; } .newsArea .broad {max-height:390px;padding-left:2%;padding-right:2%;border-right:1px solid #cfcfcf} .newsArea .plus_a {top:15px;right:2%} .newsArea .searchCourt {max-height:460px;padding-left:2%} .newsArea .searchIncident {max-height:460px;} .newsArea .banner {max-height:460px; border-right:1px solid #cfcfcf !important; padding-right:2% !important} .newsArea .courtNews {max-height:760px; } .newsArea .prime {max-height:460px;min-height:350px;} .newsArea .newsletter {max-height:460px;} .newsArea .broad0 {padding-right:1.9%; border-right:1px solid #cfcfcf} .newsArea .broad1 {max-height:390px; padding-left:2%; border-right:1px solid #cfcfcf} .newsArea .broad1 .broad_div{border:0px;} .newsArea .broad1 .broad_div ul .li_1{background-size:60px; background: url(/rel/common/images/icon_16.png) 97% 27px no-repeat; padding:32px 17px 2px 17px} .newsArea .broad1 .broad_div ul .li_2{background-size:60px; background: url(/rel/common/images/icon_17.png) 97% 27px no-repeat; padding:32px 17px 2px 17px} .newsArea .broad1 .broad_div ul .li_3{background-size:60px; background: url(/rel/common/images/icon_18.png) 97% 27px no-repeat; padding:32px 17px 2px 17px} .newsArea .broad2 {max-height:390px; min-height:268px; border-right:1px solid #cfcfcf} .newsArea .broad2 .plus_a {top:27px;right:10px} .newsArea .broad2 .broad_div{border:0px;} .newsArea .broad2 .rel3_list ul{height:266px;} .newsArea .broad2 .rel3_list ul li{border-top:1px solid #e4e4e4; padding:10px; height:33%; line-height:1.4} .newsArea .broad3 {display:none;max-height:390px;padding-left:2%;padding-right:2%;border-right:1px solid #cfcfcf} .newsArea .titleBox{ padding-top:10px } .newsArea .titleBox { padding-top:0px } .newsArea .titleBox .boardName { float:left; font-size:18px; color:#e74e3f; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article { margin-top: 30px;} .newsArea .article .title { font-size:16px; font-weight:bold; color:#474747; min-height:20px; overflow:hidden; line-height:20px} .newsArea .article .summary { margin-top:10px; font-size: 14px; color:#595959; line-height:22px; min-height:40px; overflow:hidden; } .newsArea .list .dotLine { width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top; margin:10px 0px; } .newsArea .list ul li { padding-bottom:10px; } .newsArea .list ul li a { color:#595959; font-size:13px; } .newsArea .list ul li .date { float:right; color:#8e8e8e; font-size:12px;} .prime .article {min-height:300px;} /* actionZone *******************************************************************************************************/ .searchCourt { margin-left:0px; } .searchCourt { height:330px; padding: 20px 10px 0px 10px; margin-top:40ox} .searchCourt .title { height:85px; color:#3d3d3d; font-size:22px; text-align:center; background:url("/portal/common/images/searchCourtTitleBg.png") no-repeat center top; line-height:140px;} .searchCourt .description { height:120px; text-align:center; font-size:16px; color:#000000; margin-top:40px; line-height:26px;} .searchCourt .courtForm { text-align:center; } .searchCourt .selCap { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:190px; } .searchCourt .selCourt { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px;} .searchCourt .courtGo { display:inline-block; width:65px; height:35px; background:#871517; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top; margin-top:5px; } .searchIncident { margin-top:32px; padding:0px 15px;} .searchIncident .myIncident { width:95%; text-align:center;} .searchIncident .formCollect { margin-top:20px; width:95%; text-align:center;} .banner { padding:0px; background:#fff; border:1px solid #cfcfcf; margin-top:20px; } .banner .banner_div{ border:0px} .banner .banner_sub{ background-color:#fff; border:0px; padding:0px; margin-top:20px} .banner .titleBox { margin-top:10px;} .banner .titleBox:after { content:""; display:block; clear:both; } .banner .titleBox .title { float:left; font-size:22px; color:#3d3d3d; padding-top:5px; } .banner .titleBox .control { float:right; } .banner .titleBox .control .num { font-size:18px; color:#595959; vertical-align:top; padding-right:10px; line-height:30px;} .banner .bannerBox { text-align:center; padding:5px 0px 14px 0px;} /* board *******************************************************************************************************/ .newsletter {margin-left:6% } .courtNews {margin-left:6%} .courtNews img {float:left !important} .courtNews .titlebox { border-bottom:1px solid #e0e0e0; padding:20px 0px 5px 0px;} .courtNews .titlebox:after { content:""; display:block; clear:both; } .courtNews .titlebox .title { float:left; font-size:20px; color:#3d3d3d; width:190px; } .courtNews .titlebox .more { float:right; width:30px;} .courtNews .article { min-height:300px; 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:16px; color:#000; padding-top:15px; line-height:1 } .courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; } .courtNews .article .textbox .text { font-size:14px; color:#575757; clear:both; padding-top:5px;} .courtNews .moreArticle { display:block; text-align:center; width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .prime .titlebox { border-bottom:1px solid #e0e0e0; padding:20px 0px 5px 0px;} .prime .titlebox:after { content:""; display:block; clear:both; } .prime .titlebox .title { float:left; font-size:20px; color:#3d3d3d; width:190px; } .prime .titlebox .more { float:right; width:30px;} .prime .article { margin-top:20px; background:#f5f5f5; padding:20px 10px; font-size:14px; color:#575757; height:auto;} .prime .article:after { content:""; display:block; clear:both; } .prime .article .black { color:#000; } .prime .article .list .dotLine { width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top; margin:10px 0px; } .prime .article .list ul li { padding-bottom:10px; } .prime .article .moreArticle { display:block; float:right; text-align:center; width:78px; background:#871517; height:26px; line-height:26px; padding:0 10px; margin-top:10px; font-size:12px; color:#fff; } .newsletter { text-align:center; margin-top:5px; padding-top:15px !important } /* sub **************************************************************************************************/ /* lnb */ .subContainer .lnb { display:none } /* content */ .subContainer .content { float:none; width:96%; padding:0 2%; min-height:600px} /* 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:inherit; max-width:100%; } .contentIn .bookGallery ul li .title { display:block; font-size:14px; color:#222222; text-align:center; margin-top:5px; } /* tab */ .contentIn .tab { margin-top: 20px; } .contentIn .tab .tabTitle { background:url("/portal/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:#285ea3; border-top:1px solid #23496d; background:#fff; border-bottom:1px solid #c9c9c9; } .contentIn .tab .tabContents { border:1px solid #c9c9c9; border-top:none; padding:15px; } .contentIn .tab .tabContents .tabContent { display:none; } .contentIn .tab .tabContents .tabContent.active { display:block; } /* subTab */ .contentIn .subTab { margin-top: 20px; } .contentIn .subTab .subTabTitle { background:url("/portal/common/images/tabBg.gif") left bottom repeat-x; } .contentIn .subTab .subTabTitle:after { content:""; display:block; clear:both; } .contentIn .subTab .subTabTitle li.first { border-left:1px solid #c9c9c9; } .contentIn .subTab .subTabTitle li { float:left; cursor:pointer; padding:15px 5px; font-size:14px; background:#f2f2f2; border-top:1px solid #c9c9c9; border-right:1px solid #c9c9c9; border-bottom:1px solid #c9c9c9; } .contentIn .subTab .subTabTitle li.active { color:#285ea3; border-top:2px solid #23496d; background:#fff; border-bottom:none; } .contentIn .subTab .subTabContents { border:1px solid #c9c9c9; border-top:none; padding:20px; } .contentIn .subTab .subTabContents .subTabContent { display:none; } .contentIn .subTab .subTabContents .subTabContent.active { display:block; } /* tabSec */ .contentIn .tabSec { margin-top: 20px; } .contentIn .tabSec .tabTitle { background:url("/portal/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 2px; 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; } /* 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:13px; vertical-align:middle;} .contentIn .tableHor tr { border-bottom:1px solid #dbdbdb; } .contentIn .tableHor tr td { text-align:center; font-size:14px; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px; } .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 .tw15{width:30%} /* 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:13px; 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:13px 5px; border:1px solid #dbdbdb; vertical-align:middle; background:#fff; line-height:18px; } .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:13px 5px; vertical-align:middle; min-width:50px; } .contentIn .tableVer td { border-bottom:1px solid #dbdbdb; padding:13px 5px; background:#fff; vertical-align:middle; line-height:18px;} .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("/portal/common/images/t_prev.gif") right center no-repeat; padding-right:40px; } .contentIn .tableVer th.t_next { background:#f3f3f3 url("/portal/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; } /* 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("/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("/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("/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("/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("/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; } /* 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;} /* 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:100%; padding:4px; margin:12px 2px 12px 1px; } .contentIn .gallery ul li .galleryImg { float:left; display:block; width:20%; text-align:left; padding-bottom:8px; } .contentIn .gallery ul li .galleryImg img { } .contentIn .gallery ul li .title { display:block; float:left; width:70%; font-size:12px; color:#222222; margin-top:5px; text-align:left; margin-left:10px;} .contentIn .gallery ul li .pdf { display:block; float:left; width:70%; margin-top:5px; text-align:left; margin-left:10px; } .contentIn .gallery ul li .pdf img { width:50px;} /* photo */ .contentIn .photo { padding-bottom:10px; } .contentIn .photo ul { text-align:center; } .contentIn .photo ul:after { content:""; display:block; clear:both; } .contentIn .photo ul li { display:block; border:1px solid #d1d4da; width:100%; padding:4px; margin:15px 2px; text-align:left;} .contentIn .photo ul li:after { content:""; display:block; clear:both; } .contentIn .photo ul li .photoImg { float:left; text-align:left; padding-bottom:3px; width:20%; margin-right:6px;} .contentIn .photo ul li .photoImg img { } .contentIn .photo ul li .title { float:left; display:block; width:70%; font-size:14px; color:#222222; margin-top:5px; } .contentIn .photo ul li .date { float:left; display:block; width:70%; 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:13px; overflow:hidden;} .contentIn .nextPhotoList ul li .title a { font-size:13px; color:#222222; } .contentIn .nextPhotoList ul li .date { text-align:left; font-size:10px; color:#6b7174; } /* footer *******************************************************************************************************/ .sitemapOut { display:none; background:#0d1820; clear:both; } .linkLineIn .footsns { float:left; } .linkLineIn .footsns ul { padding:0px; margin:0px; margin-top:8px; } .linkLineIn .footsns ul:after { content:""; display:block; clear:both; } .linkLineIn .footsns ul li { float:left; margin-right:7px;} .linkLineIn .footsns ul li a { display:inline-block; width:24px; height:24px; overflow:hidden;} .linkLineIn .footsns .facebook { background:url("/supreme/common/images/icon_facebook.gif") left top no-repeat; } .linkLineIn .footsns .facebook:hover { background:url("/supreme/common/images/icon_facebook.gif") left -25px no-repeat; } .linkLineIn .footsns .twitter { background:url("/supreme/common/images/icon_twitter.gif") left top no-repeat; } .linkLineIn .footsns .twitter:hover { background:url("/supreme/common/images/icon_twitter.gif") left -25px no-repeat; } .linkLineIn .footsns .youtube { background:url("/supreme/common/images/icon_youtube.gif") left top no-repeat; } .linkLineIn .footsns .youtube:hover { background:url("/supreme/common/images/icon_youtube.gif") left -25px no-repeat; } .linkLineIn .footsns .instagram { background:url("/supreme/common/images/icon_insta.gif") left top no-repeat; } .linkLineIn .footsns .instagram:hover { background:url("/supreme/common/images/icon_insta.gif") left -25px no-repeat; } .linkLineIn .footsns .naverblog { background:url("/supreme/common/images/icon_naver.gif") left top no-repeat; } .linkLineIn .footsns .naverblog:hover { background:url("/supreme/common/images/icon_naver.gif") left -25px no-repeat; } .linkLineIn .footsns .daumblog { background:url("/supreme/common/images/icon_daum.gif") left top no-repeat; } .linkLineIn .footsns .daumblog:hover { background:url("/supreme/common/images/icon_daum.gif") left -25px no-repeat; } .linkLineIn .footsns .kakao { background:url("/supreme/common/images/icon_kakao.gif") left top no-repeat; } .linkLineIn .footsns .kakao:hover { background:url("/supreme/common/images/icon_kakao.gif") left -25px no-repeat; } .linkLineIn .footsns { display:block; } .linkLineIn .linkCourt { display:none; } .linkLineIn .linkSystem { display:none; } .footerOut {background-color:#fff; height:40px;} .footerOut .footerIn { max-width:1160px; margin:0 auto; padding-top:20px; clear:both; background-color:#494E52;line-height:14px} .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { float:left; width:190px; display:none; } .footerIn .copybox { float:left; width:90%; } .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:#dedede;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#eee; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#dedede; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#dedede; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#dedede; margin-top:2px; } .footerIn .certi { display:none; } .footerIn .certi img { margin-right:10px; } .footerIn .certi .selCou { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px; } .footerIn .certi .siteGo { display:inline-block; padding:0 5px; height:37px; background:#36536a; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top; margin-top:5px; margin-left:3px; } .contentIn .introduce_title{width:20%; float:left; height:100%} .contentIn .introduce_content{width:96%; float:left; height:100%;line-height:1.5; margin-bottom: 15px; margin-top:8px;} } /*************************************************/ /* Tablet Device */ /*************************************************/ @media all and (min-width:768px) and (max-width:1023px) { .portalAb{display:none} .top_right_li{margin-top:15px} .menuSubBtn > a.btnMenuAll{display:block} .gnbInner .allMenu { display:block;} .icon_banner .footsns #icon_six{ float:left} /* lnb */ .subContainer .lnb { display:none } /* content */ .subContainer .content { float:none; width:96%; padding:0 2%; min-height:600px} .newsArea .thumb img{ max-width:353.8px} a.btnGo { margin: 0px 0px 30px 0px; } /*** icon_banner ******/ .newsArea .icon_banner { display:block;max-width:1160px; width:99.7%; border:none; padding:0px; height:180px; position:relative; margin:0 auto;} .icon_banner .icon_banner_sub {height:160px; padding:10px 0px 10px 30px; background-color:#F0F5F9} .icon_banner .footsns { float:left; width:100%;} .icon_banner .footsns ul { padding:0px; margin:0px; } .icon_banner .footsns ul:after { content:""; display:block; clear:both; } .icon_banner .footsns ul li { float:left;} .icon_banner .footsns ul li a{display:block; float:left; height:72px;} .icon_banner .footsns ul li span { display:inline-block; text-align:left; font-size:15px; font-weight:bold; color:#4f4f4f; margin-left:85px; margin-top:11px; line-height:1.5em; letter-spacing:-2px;} .icon_banner .footsns #icon_one{ width:25%; padding-right:15%;} .icon_banner .footsns #icon_two{width:25%; padding-right:12%;} .icon_banner .footsns #icon_three{ width:22.5%; padding:0;} .icon_banner .footsns #icon_four{width:25%; padding-right:15%;} .icon_banner .footsns #icon_five{ width:25%; padding-right:12%;} .icon_banner .footsns #icon_six{ width:22.5%; padding:0;} .icon_banner_two {display:none;} .icon_banner { display:block;} /* top *******************************************************************************************************/ /* gnbOuter */ .gnbOuter { width:100%; background: url("/portal/common/images/gnb_bg.gif") repeat-x; position:relative; } .gnbInner { max-width: 1024px; min-width:749px; margin:0 auto; } .gnbInner:after { content:""; display:block; clear:both; } .gnbInner .logo { float: left; width:300px; } .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%; float:right; margin-right:4px;} .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("/rel/common/images/btn_menuAll_Close.png") left top no-repeat; position:absolute;top:85px;right:2px;} .gnbInner .allMenu .topLink_m { display:block; background:#172a3a; height: 50px; width:80%; float:right; border-bottom:1px solid #2a4568; } .gnbInner .allMenu .topLink_m ul { float:right;} .gnbInner .allMenu .topLink_m ul li { float:left; } .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 {border:0px} .gnbInner .allMenu .dep1 { display:block; width:80%; float:right; margin-top:61px;} .gnbInner .allMenu .dep1 > li { marign:0px;float:none; width:100%; padding-top:0px; min-height:auto; padding-bottom:0px; background:#487db5 none; height:auto} .gnbInner .allMenu .dep1 > li.last { background:#487db5 none; } .gnbInner .allMenu .dep1 > li > a { display:inline-block; color:#ffffff; font-size:18px; padding:20px 20px 15px 20px;} .gnbInner .allMenu .dep2 > li { background: #f3f3f3; border-bottom: 1px solid #c8d4de; } .gnbInner .allMenu .dep2 > li > a { display:block; color:#1f2123; font-size:17px; padding:15px 5px 15px 40px; font-weight:normal } .gnbInner .allMenu .dep2 .mPlus { background:url("/rel/common/images/menuPlus2.png") right 15px no-repeat; } .gnbInner .allMenu .dep2 .mMinus { background:url("/rel/common/images/menuMinus2.png") right 15px no-repeat; } .gnbInner .allMenu .dep3 > li > a { display:block; color:#3d619a; font-size:16px; padding:15px 0px 15px 60px; background:#e8e3e3 none; border-bottom:1px solid #c3c3c3; } .gnbInner .allMenu .dep3 > li > .last{border-bottom: 0px} .gnbInner .dep3.unVis { display:none; } .back { width:100%; height:100%; } .back.blackOn { position:fixed; left:0px; top:0px; width:100%; height:100%; background:url("/portal/common/images/black.png") repeat; z-index:19; } /* mainImage *******************************************************************************************************/ .mainImageOuter { width: 100%;} .mainImageInner { margin:0 auto; height:auto;overflow:hidden; } .mainImageInner:after { content:""; display:block; clear:both; } .mainImageInner .anc {position:absolute; width:100%; top: 37%; display:none} .mainImageInner .photo { float:none;padding-top:40px; margin:0px auto;width: 100%;max-height:464px;max-width:768px; text-align:center; position:relative; height:auto; overflow:hidden;} .mainImageInner .photo .mainimg{width:100%; height:100% !important;} .mainImageInner .article { padding:20px 0px 0px 20px; max-width:768px;margin:0px auto; float:none; width:95%; overflow:hidden; color:#ffffff; } .mainImageInner .article .title {height:auto;} .mainImageInner .title a { font-size:20px; color:#ffffff; font-weight:bold;} .mainImageInner .summary a { padding-top:20px; font-size:16px; color:#ffffff; line-height:24px; } /* .mainImageInner .quickMenu { display: none; } */ /* quick close */ .mainImageInner .quickMenu.close { position:static; margin-left:0px; width:100%; height:140px; } .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: #041c31 url("/portal/common/images/quickFlag.png") no-repeat right 15px; } .quickMenu.close .btnOpen .tit.flag .quTit { display:block; height:40px;} .quickMenu.close .list ul { margin-left:0px; margin-top:18px; } .quickMenu.close .list ul li { float:none; background:none; text-align:left; margin-left:0px; width:100%;} .quickMenu.close .list ul li.last { background:none; } .quickMenu.close .list ul li a { display:inline-block; width:48%; height:20px; font-size:12px; color:#fff; margin-bottom:5px; padding-top:8px; padding-left:5px; margin-left:5px; border:1px solid #56626E; } .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; border-bottom:1px solid #56626E; border-right:1px solid #56626E; } .quickMenu.close .list ul li a.last { border-right:1px solid #56626E;} .quickMenu.close .list ul li a img {display:none} .quickMenu.close .quickClose { display:none; } .quickMenu.close .quickClose { display:none; } /* quick open */ .mainImageInner .quickMenu.open { position:static; margin-left:0px; /*width:430px;*/ width:100%; height:auto; background:url("/portal/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("/portal/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 .list ul li a.q17 { background:none; } .quickMenu.open .list ul li a.q18 { background:none; } .quickMenu.open .quickClose { display:none; } /* newsArea tablet *******************************************************************************************************/ .newsArea { max-width:1160px; margin:0 auto;} .newsArea > div {/*margin: 10px 0 0 2.5%;*/ float:left; width:46% ;border-bottom:1px solid #cfcfcf;} .newsArea .logoDiv{border: 1px solid transparent; display:none;} .newsArea .news {max-height:390px; padding-left:13px;margin-left:3px} .newsArea .pan {max-height:390px; borer-right:0px; border-right:0px} .newsArea .banner {max-height:375px;padding-left:16px;padding-right:1.9%;} .newsArea .banner .right_0{right:15px;} .banner .banner_sub {border:0px;} .newsArea .searchCourt {max-height:376px;min-height:376px;border-right:0px;padding-left:1.9%;background-color:#e8ebf3} .newsArea .searchIncident {max-height:390px;/*display:none;*/padding-left:13px;margin-left:3px; border-right:1px solid #cfcfcf;background-color:#e8ebf3} .newsArea .courtNews {max-height:390px;background-color:#e8ebf3} .newsArea .prime {max-height:390px;} .newsArea .newsletter {max-height:390px;} .newsArea .broad0 {padding-right:1.9%;background-color: #e8ebf3} .newsArea .broad1 {max-height:390px; padding-left:13px;margin-left:3px; border-right:1px solid #cfcfcf} .newsArea .broad2 {max-height:390px; border-right:0px; } .newsArea .broad3 {display:none;max-height:390px;padding-left:13px;padding-right:1.9%;border-right:1px solid #cfcfcf ;margin-left:3px} .newsArea .titleBox { } .newsArea .titleBox .boardName { float:left; font-size:21px; max-width:270px; } .newsArea .titleBox .more { float:right; } .newsArea .article { margin-top: 30px;} .newsArea .article .title { font-size:16px; font-weight:bold; color:#474747; } .newsArea .article .summary { font-size: 14px; color:#595959; line-height:22px; } .newsArea .list .dotLine { width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top; margin:5px 0px; } .newsArea .list ul li { padding-bottom:10px; } .newsArea .list ul li a { color:#595959; font-size:14px; } .newsArea .list ul li .date { display:inline-block; float:right; color:#8e8e8e; font-size:14px;} .newsArea .searchIncident .searchMargin {position:position:relative;margin-top:5%;margin-left:3%;} /* 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; 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 .list .dotLine { width:100%; height:11px; background:url("/portal/common/images/dotLineBg.png") no-repeat right top; margin:10px 0px 10px 0px; } .prime .article .list ul li { padding-bottom:0px; } .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{margin-left:6%} .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 { max-width:100%; } .courtNews .article .textbox { margin-top:10px; } .courtNews .article .textbox .title { float:left; font-size:16px; color:#000; } .courtNews .article .textbox .date { float: right; font-size:14px; color:#646464; } .courtNews .article .textbox .text { font-size:15px; 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-left:6% } .newsletter_img1 {/*width:65% !important*} .newsletter_img2 {/*width:50% !important*/} /* footer *******************************************************************************************************/ .footerOut .footerIn { max-width:1160px; margin:0 auto; padding-top:20px; clear:both;} .footerOut .footerIn:after { content:""; display:block; clear:both; } .footerIn .footerLogo { float:left; width:180px; } .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:#0d1820;} .footerIn .copybox .footerLink ul li span { font-size:13px; color:#eee; padding: 0 10px; } .footerIn .copybox .address { font-size:12px; color:#0d1820; margin-top:10px;} .footerIn .copybox .tel { font-size:12px; color:#0d1820; margin-top:5px; } .footerIn .copybox .copyright { font-size:12px; color:#0d1820; margin-top:2px; } .footerIn .certi { display:none; } .footerIn .certi img { margin-right:10px; } .footerIn .certi .selCou { background:#ffffff; border: 1px solid #cccccc; height:37px; vertical-align:top; padding:0px 3px; width:120px; vertical-align:top; margin-top:4px; } .footerIn .certi .siteGo { display:inline-block; padding:0 5px; height:37px; background:#36536a; text-align:center; line-height:37px; color:#fff; font-size:14px; vertical-align:top; margin-top:5px; margin-left:3px; } }