/* 메인 비주얼 이미지 */ .mainVisual_outer_wrap { width:100%; height:350px; background:#d7d7d7; } .mainVisual_inner_wrap { width:95%; max-width:1240px; height:100%; margin:0 auto; } .mainVisual_inner_wrap > div { float:left; height:100%;} .mainVisual_outer_wrap_mv { width:100%; height:350px; background:#d7d7d7; } .mainVisual_inner_wrap_mv { width:95%; max-width:1240px; height:100%; margin:0 auto; } .mainVisual_inner_wrap_mv > div { float:left; height:100%;} .mainVisual_img_wrap { position:relative; width:54.83%; height:350px; overflow:hidden;} .mainVisual { position:relative; width:100%; height:100%; overflow: hidden; } .mainVisual_img { position:relative; width:100%; max-width:100%; height:350px; background-size:cover; } .mainVisual_txt_wrap { position:absolute; bottom:0; width:100%; height:45px; line-height:40px; background:url(/common_img/mainVisual_txt_bg.png); z-index:10; } .mainVisual_txt { display:inline-block; width: 81.76%; max-width:590px; color:#fff; padding:0 10px 0 20px; line-height:45px; font-size:18px; font-family: "ngB"; overflow:hidden; text-overflow:ellipsis; } .mainVisual_txt a { color:inherit; } .mainVisual_txt .txtRegular { font-weight:normal; } .mainVisual_txt .txtBrown { color:#e19e3b; } .mainVisual_txt_wrap .txtRight { float:right; color:#999; font-family:"굴림"; font-size: 15px; padding:3px 10px 0 0; } .mainVisual_inner_wrap > ul::after { clear:both; content:""; display:block;} /* 메인 이미지 컨트롤러 */ .mainControl { clear:both; position:absolute; bottom:11px; right:15px; width:75px; height:24px; border-radius:2px; background:#595959; border:1px solid #272727; z-index:100; box-sizing:border-box; } .mainControl .prev { float:left; width:24px; height:22px; background:url(/common_img/mainControl_prev.png) no-repeat; text-indent:-9999px; cursor:pointer; } .mainControl .pause { float:left; width:24px; height:22px; background:url(/common_img/mainControl_pause.png) no-repeat; text-indent:-9999px; cursor:pointer; ;} .mainControl .play { float:left; width:24px; height:22px; background:url(/common_img/mainControl_play.png) no-repeat; text-indent:-9999px; cursor:pointer; } .mainControl .next { float:left; width:23px; height:22px; background:url(/common_img/mainControl_next.png) no-repeat; text-indent:-9999px; cursor:pointer; } .mobileArrow { display:none; } .mainControl_dgg { clear:both; position:absolute; bottom:11px; right:15px; width:50px; height:24px; border-radius:2px; background:#595959; border:1px solid #272727; z-index:100; box-sizing:border-box; } .mainControl_dgg .prev { float:left; width:24px; height:22px; background:url(/common_img/mainControl_prev.png) no-repeat; text-indent:-9999px; cursor:pointer; } .mainControl_dgg .pause { float:left; width:24px; height:22px; background:url(/common_img/mainControl_pause.png) no-repeat; text-indent:-9999px; cursor:pointer; ;} .mainControl_dgg .play { float:left; width:24px; height:22px; background:url(/common_img/mainControl_play.png) no-repeat; text-indent:-9999px; cursor:pointer; } .mainControl_dgg .next { float:left; width:23px; height:22px; background:url(/common_img/mainControl_next.png) no-repeat; text-indent:-9999px; cursor:pointer; } /* 메인 아이콘 메뉴 */ .mainMidmenu { float:left; width:22.58%; height:350px; margin-right:0.8064%; z-index:100; } .mainMidmenu > ul { width:100%; height:100%; } .mainMidmenu > ul > li { position:relative; display:inline-block; width:50%; height:95px; float:left;} .mainMidmenu > ul > li > a { display:block; width:100%; height:100%; color:#fff; } .mainMidMenu > ul:after { clear:both; content:""; display:block; } .midMenuTxt { position:absolute; width:100%; bottom:10px; color:#fff; text-align:center; font-family: "ngB"; white-space:nowrap; } .mainMidmenu > ul > li.wid {width:100% !important;} .mainMidmenu > ul > li.wid .midMenuTxt {position:relative; left:105px; top:25px;} /* 메인 아이콘 메뉴-교육원 */ .mainMidmenuEdu { float:left; width:22.58%; height:350px; margin-right:0.8064%; z-index:100; } .mainMidmenuEdu > ul { width:100%; height:100%; } .mainMidmenuEdu > ul > li { position:relative; display:inline-block; width:50%; height:33.33%; float:left;} .mainMidmenuEdu > ul > li > a { display:block; width:100%; height:100%; color:#fff; } .mainMidMenuEdu > ul:after { clear:both; content:""; display:block; } .midMenuTxtEdu { position:absolute; width:100%; bottom:18px; color:#fff; text-align:center; font-family: "ngB"; white-space:nowrap; } /* 메인 아이콘 메뉴-인천가정 */ .mainMidmenu8 { float:left; width:22.58%; height:350px; margin-right:0.8064%; z-index:100; } .mainMidmenu8 > ul { width:100%; height:100%; } .mainMidmenu8 > ul > li { position:relative; display:inline-block; width:50%; height:88px; float:left;} /* 20210414 수정 */ .mainMidmenu8 > ul > li > a { display:block; width:100%; height:100%; color:#fff; font-size:14px;} /* 20210414 수정 */ .mainMidMenu8 > ul:after { clear:both; content:""; display:block; } .midMenuTxt8 { position:absolute; width:100%; bottom:8px; color:#fff; text-align:center; font-family: "ngB"; white-space:nowrap; } /* 20210414 수정 */ .mainMidmenu8 > ul > li.wid {width:100% !important;} .mainMidmenu8 > ul > li.wid .midMenuTxt {position:relative; left:105px; top:25px;} /* slide banner */ .mainSlideBannerWrap { position:relative; width:21.77%; max-width:270px; height:350px; z-index:10; background:#f7f7f7 url(/common_img/mainSlideBanner_bg.png) no-repeat ; overflow:hidden; } .mainSlideBanner { position:relative; width:100%; max-width:270px; height:350px; margin:0 auto; overflow: hidden; } .mainSlideBanner > div, .mainSlideBanner li { float:left; position:absolute; top:0; display:block; width:100%; height:100%; overflow: hidden; } .mainSlideBanner > div img, .mainSlideBanner li img { width:270px; height:350px; border:none; } .mainSlideBanner li a { display:inline-block; width:100%; height:100%; } .mainSlideBanner .more { position:absolute; top: 14px; right:14px; display:block; width:25px; height:25px; line-height:25px; border:1px solid #fff; color:#fff; background:#555; text-align: center; cursor:pointer; z-index:10; color:#fff; text-indent:-9999px;} .mainSlideBanner .more:before { position: absolute; top: 6px; left: 11px; width: 1px; height: 11px; background: #fff; content: ""; } .mainSlideBanner .more:after { position: absolute; top: 11px; left: 6px; width: 11px; height: 1px; background: #fff; content: ""; } .mainSlideBanner .mainSlideBanner_bg, .mainSlideBanner > li > div > img { width:100%; max-width:270px; height:350px; border:none; z-index:5; } .mainSlideBanner .mainSlideBanner_txt { position:absolute; top:0; left:0; width:100%; height:100%; } .mainSlideBanner .title { font-family:"ngB"; font-size:30px; margin:43px 0 20px 24px; width:74.07%; line-height: 37px; letter-spacing:-1.5px; color:#3a64d3; z-index:10; word-break:keep-all; } .mainSlideBanner .title .txtRegular { display:block; font-family:"ng"; padding-top:5px; } .mainSlideBanner .desc { padding-left:24px; width:200px; font-family:"Dotum"; font-size: 14px; line-height:20px; color:#000; z-index:10; } /* slide banner panel */ .controlPanelWrap { position:absolute; width:100%; bottom:0; z-index:10; } .controlPanelWrap .controlPanel { position:relative; text-align:center; height:15px; margin-bottom:15px; } .controlPanelWrap .controlPanel > div { text-align: center; margin:0; padding:0; } .controlPanelWrap .controlPanel > div > span { display:inline-block; margin:0 10px 0 0; padding:0; width:12px; height:12px; border-radius:12px; background:#fff; text-align:center; } .controlPanelWrap .controlPanel > div > span:.last-child { margint:0; } .controlPanelWrap .controlPanel > div > span.on { background:#ff674f; } /* layer popup */ .pop-layer .pop-container { padding: 20px 25px; } .pop-layer p.ctxt { color: #666; line-height: 25px;} .pop-layer .btn-r { width: 100%; margin: 10px 0 20px; padding-top: 10px; border-top: 1px solid #DDD; text-align: right; } .pop-layer { display: none; position: absolute; top: 50%; left: 50%; width: 410px; height: auto; background-color: #fff; border: 1px solid #295ea4; z-index: 99999; } .dim-layer { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999 } .dim-layer .dimBg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: .5; filter: alpha(opacity=50); } .dim-layer .pop-layer {display: block; } a.btn-layerClose { display: inline-block; height: 25px; padding: 0 14px 0;border: 1px solid #304a8a;background-color: #3f5a9d;font-size: 13px;color: #fff;line-height: 25px;} a.btn-layerClose:hover {border: 1px solid #091940;background-color: #1f326a;color: #fff;} .mid01 { background:#7693dd url(../common_img/mainMidMenu_img_01.png) no-repeat center 13px;} .mid02 { background:#e3746c url(../common_img/mainMidMenu_img_02.png) no-repeat center 17px;} .mid03 { background:#d08311 url(../common_img/mainMidMenu_img_03.png) no-repeat center 17px;} .mid04 { background:#4b9ec5 url(../common_img/mainMidMenu_img_04.png) no-repeat center 14px;} .mid05 { background:#43a276 url(../common_img/mainMidMenu_img_05.png) no-repeat center 17px;} .mid06 { background:#949494 url(../common_img/mainMidMenu_img_06.png) no-repeat center 16px;} .mid07 { background:#8a6cb6 url(../common_img/mainMidMenu_img_07.png) no-repeat 48px 17px;} .mid07Icf { background:#8a6cb6 url(../common_img/mainMidMenu_img_07.png) no-repeat center 15px;} /* 20210414 수정 */ .mid08Icf { background:#dbc039 url(../common_img/mainMidMenu_img_08.png) no-repeat center 11px;} /* 20210414 추가 */ .mid08 { background:#dbc039 url(../common_img/mainMidMenu_img_09.png) no-repeat center 11px;} /* 20220124 추가 */ /* contents */ #content { position:relative; width:100%; margin:0 auto; background:#fff; } #content .mainSectionBg { position:absolute; top:350px; width:100%; height:280px; z-index:1; background:#f8f8f8 !important;} #content .mainSectionBg2{position:absolute; top:350px; width:100%; height:340px; z-index:1; background:#f8f8f8 !important;} #content .mainSectionBg3{position:absolute; top:350px; width:100%; height:290px; z-index:1; background:#f8f8f8 !important;} /*2025.08.25 add */ #content .contentsOuter { position:relative; width:100%; margin:0 auto; background:#fff; } #content .contentsInner { position:relative; width:95%; max-width:1240px; margin:0 auto; background:#fff;} #content .contentsInner .mainSectionEdu { position:relative; float:left; width:66.66%; margin: 0; padding:0; border-right:1px solid #e7e7e7; z-index:10; background: transparent; } #content .contentsInner .mainSection { position:relative; float:left; display:inline-block; width:33%; margin: 0; padding:0; border-right:1px solid #e7e7e7; z-index:10; background: transparent; } #content .contentsInner .mainSection.section3{ padding-right:0; border-right:0; } #content .contentsInner .mainSection.section6{ padding-right:0; border-right:0; } #content .contentsInner .mainSection.section9{ padding-right:0; border-right:0; } #content .contentsInner .mainSection.section4, .section5, .section6{ height:280px; } #content .contentsInner:after { clear:both; content:""; display:block; } #content .mainSection > div { position:relative; margin:0 auto; padding:35px 30px; vertical-align: middle; } #content .mainSection.section3 > div, .mainSection.section6 > div, .mainSection.section9 > div { padding-right:20px !important; } /* #content .mainSection.section3 > div { padding-right:0px !important; } */ #content .mainSection .firstColumn { padding-left:20px; } #content .mainSection .title { position:relative; font-size:24px; letter-spacing:-1px; color:#222; font-family: "ngB"; } #content .mainSection .title span{font-size:18px;} /* 2025.02.03 add */ /* title */ #content .mainSection .titleWrap { position:relative; width:100%; display:inline-block; height:24px; margin-bottom:30px; } #content .mainSection .titleWrap .title { float:left; position:relative; font-size:24px; letter-spacing:-1px; color:#222; font-family: "ngB";} .titleWrap > a{float:right;} .titleWrap > a:focus{border:1px dashed #555;} .more { position:relative; float:right; width:25px; height:25px; padding:0; color:#a1a1a1; text-align:center; border:1px solid #a1a1a1; text-indent:-9999px; background:url(/common_img/btnMore.png) no-repeat center center; } /* .more:before { position: absolute; top: 6px; left: 11px; width: 1px; height: 11px; background: #a1a1a1; content: ""; } .more:after { position: absolute; top: 11px; left: 6px; width: 11px; height: 1px; background: #a1a1a1; content: ""; } */ /* 서울남부 메인변경 추가 20191209 */ #content .contentsInner .mainSection2 { position:relative; float:left; display:inline-block; width:49%; margin: 0; padding:0; border-right:1px solid #e7e7e7; z-index:10; background: transparent; } #content .contentsInner .mainSection2.section8{ padding-right:0; border-right:0; } #content .mainSection2 > div { position:relative; margin:0 auto; padding:35px 30px; vertical-align: middle; } #content .mainSection2 .title { position:relative; font-size:24px; letter-spacing:-1px; color:#222; font-family: "ngB"; } #content .mainSection2 .title span{font-size:18px;} /* 2025.02.03 add */ /* 새소식 */ #content .infoContents { width:100%; font-family: "ngB"; } #content .info_headLine { border-bottom:1px dashed #d7d7d7; } #content .info_headLine > dt { width:90%; color:#555; font-size:18px; font-family: "ngB"; padding:0; white-space: nowrap; text-overflow:ellipsis; letter-spacing: -1px; overflow:hidden; } #content .info_headLine > dt > a {color:#555; font-size:18px; font-family: "ngB"; } #content .info_headLine > dd { width:90%; height:73px; padding:15px 0 20px 0; color:#777; font-size:14px; line-height:1.2em;} #content .info_headLine > dd > a { display:block; height:38px; line-height:19px; color:#777; font-size:14px; font-family:"ng"; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; } #content .info_headLine > dd > a * {line-height:19px !important; color:#777 !important; font-size:14px !important; font-family:"ng" !important; vertical-align: middle;} #content .infoContents .info_list { margin:10px 0; } #content .infoContents .info_list > li { position:relative; width:100%; padding:10px 0; color:#555; font-family: "ngB"; letter-spacing:-1px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } #content .infoContents .info_list > li > a { color:#555; font-family: "ngB"; letter-spacing:-1px; } #content .info_list2 { margin:0 0 15px 0; } #content .info_list2 > li {position:relative; margin:0 0 25px 0;} #content .info_list2 > li:last-child { margin:0; } #content .info_list2 > li > a {display:inline-block; width:72%; color:#555; font-size:15px; font-family: "ng"; letter-spacing:-1px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; vertical-align:middle;} /* #content .infoContents .info_list2 > li time {display:inline-block; width:12%; font-size:12px; color:#888; text-align:right; vertical-align:middle; margin-left:10px; } */ #content .infoContents .info_list2 > li time { position:absolute; right:10px; display:inline-block; width:14%; font-size:12px; color:#888; text-align:right; vertical-align:middle; margin-left:10px; } #content .infoContents .info_list2 > li .time {position:absolute; top:2px; right:10px; display:inline-block; width:14%; font-size:12px; color:#888; text-align:right; vertical-align:middle; margin-left:10px; font-family:'ng'; } #content .infoContents .info_list2.type1 > li > a { width:90%; } #content .infoContents .new { display:inline-block; width:15px; height:14px; margin-left:10px; background:url(../common_img/new.png) no-repeat center center; color:#fff; z-index:10; vertical-align:middle; } #content .section3, .section6, .section9 { border-right:0; } .newsWrap { position:relative; height:350px; padding:40px 30px 0 23px; } /* 우리법원 주요판결 */ .majorRuling { position:relative; height:350px; padding:40px 30px 0 30px; } /* 나의 사건 검색 */ #content .mainSection .myIncident { height:350px; margin:0 auto; } /* #content .mainSection .myIncident > .titleWrap { margin-bottom:24px; } */ #content .mainSection .myIncident_txt { padding-top:1px; color:#888; font-size: 14px; word-break:break-all; white-space:nowrap; letter-spacing:-1px; } /* .myIncidentWrap { margin:6px 0 0 0; height:228px; padding:0; } */ /* .myIncidentWrap li > label { display:inline-block; font-family: "ngB"; vertical-align:middle; margin-right:5px; } .myIncidentWrap li { margin:5px 0; white-space: nowrap; } .myIncidentWrap .selectCourtLarge { width:52.57%; max-width: 184px; height:32px; line-height:34px; padding:0 0 0 15px; color:#555; font-size:14px; font-family: "ng"; background:#fff url(../common_img/selectBg_arrow.png) no-repeat right center; border:1px solid #e1e1e1; box-sizing: border-box;} .myIncidentWrap .selectCourt { width:25%; max-width: 90px; height:32px; line-height:32px; padding:0 0 0 15px; color:#555; letter-spacing: -1.5px; font-size:14px; font-family: "ng"; background:#fff url(../common_img/selectBg_arrow.png) no-repeat right center; border:1px solid #e1e1e1; box-sizing: border-box;} .myIncidentWrap .selectCourt.last { max-width:88px; margin:0 3px; } .myIncidentWrap .selectLocal { width:30%; height:34px; line-height:34px; padding:0 0 0 5px; background:#fff url(../common_img/selectBg_arrow.png) no-repeat right center; border:1px solid #e1e1e1;} .noBorder { border:0; } .myIncidentWrap .example { display:inline-block; color:#136bcd; font-size:15px; font-family:"ng"; border-bottom: 1px solid #136bcd; padding-bottom:1px; margin-left:10px; } .myIncidentWrap .myIncidentNumber, .myIncidentWrap .sa_serial { width:30%; max-width:101px; height:32px !important; line-height:32px; color:#555; font-size:14px; font-family:"ng"; padding:2px; border:1px solid #dfdfdf; box-sizing: border-box; } .myIncidentWrap .myIncidentName { width:81%; max-width:278px; height:31px; line-height:31px; border:1px solid #dfdfdf; color:#555; background:#fff; } .myIncidentWrap .btnSearch { border: none; width:30%; max-width: 97px; height: 32px; margin-left: 5px; vertical-align: middle; text-align: center; color: #fff; background:#555; font-size:14px; font-family:"ngB"; } .captchaWrap { width:100%; margin:7px 0 9px 0 ; } .captchaWrap > p.type1 { display:inline-block; } .captchaWrap .captcha { display:inline-block; width:129px; height: 47px; line-height: 47px; text-align:center; background:#fff; border:1px solid #dfdfdf; margin:-1px 5px 0 0; vertical-align: middle; } .captchaWrap #captcha > img { display:inline-block; width:100%; max-width:129px; height: 47px; line-height: 47px; text-align:center; background:#fff; border:1px solid #dfdfdf; margin:-1px 5px 0 0; vertical-align: middle; } .myIncidentWrap .btn_type1 { display:block; width:127px; height:35px; line-height:35px; text-align:center; background:#fff; border:1px solid #dfdfdf; font-family:"Nanum GothicB"; font-size:15px; color:#737373; } .myIncidentWrap .btn_type2 { display:block; width:100%; height:35px; line-height:35px; text-align:center; color:#555; background:#fff; border:1px solid #dfdfdf; font-family:"Nanum Gothic"; font-size:15px; } .myIncidentWrap .captchaWrap span:last-child { margin-top:-1px; } .answerTxt { width:67.14%; max-width: 235px; border:1px solid #dfdfdf; background:#fff; height:31px; line-height:31px; font-family:"ng"; font-size:15px; letter-spacing:-1px; color:#555; } @media \0screen{.myIncidentWrap .selectCourtLarge, .myIncidentWrap .selectCourt {padding:4px 0 4px 14px;} } */ .myIncidentWrap { position:relative; width:100%; margin-top:4px; } .myIncidentWrap li > label { display:inline-block; font-family: "ngB"; vertical-align:middle; margin-right:3px; font-size:14px; letter-spacing:-1px; } .myIncidentWrap li { margin:6px 0 0 0; white-space: nowrap; } .myIncidentWrap .selectCourtLarge { width:49.5%; max-width: 182px; height:32px; padding:0 0 0 5px; color:#555; font-size:14px; font-family: "ng"; border:1px solid #e1e1e1; box-sizing: border-box;} .myIncidentWrap .selectCourt { width:24.39%; max-width:89px; height:32px; line-height:32px; padding:0 0 0 5px; color:#555; letter-spacing: -1.5px; font-size:14px; font-family: "ng"; border:1px solid #e1e1e1; box-sizing: border-box;} .myIncidentWrap .selectCourt.last { max-width:88px; margin:0 3px; } .myIncidentWrap .selectLocal { width:29%; height:32px; line-height:32px; padding:0 0 0 5px; border:1px solid #e1e1e1; } .myIncidentWrap .example { display:inline-block; color:#136bcd; font-size:14px; font-family:"ng"; border-bottom: 1px solid #136bcd; padding-bottom:1px; margin-left:5px; letter-spacing:-1.5px; } .myIncidentWrap .myIncidentNumber, .myIncidentWrap .sa_serial { width:26%; max-width:100px; height:32px !important; line-height:32px; color:#555; font-size:14px; font-family:"ng"; padding:2px; border:1px solid #dfdfdf; box-sizing: border-box; } .myIncidentWrap .myIncidentName { /* width:73.71%; */ width:75%; max-width:272px; height:32px; line-height:30px; border:1px solid #dfdfdf; color:#555; background:#fff; font-size:14px; } .myIncidentWrap .btnSearch { border: none; width:25%; max-width: 90px; height: 32px; margin-left: 4px; vertical-align: middle; text-align: center; color: #fff; background:#555; font-size:14px; font-family:"ngB"; } .captchaWrap { width:100%; margin:9px 0 0 0 ; } .captchaWrap > p.type1 { display:inline-block; } .captchaWrap .captcha { display:inline-block; width:129px; height: 47px; line-height: 47px; text-align:center; background:#fff; border:1px solid #dfdfdf; margin:-1px 5px 0 0; vertical-align: middle; } .captchaWrap #captcha > img { display:inline-block; width:100%; max-width:129px; height: 47px; line-height: 47px; text-align:center; background:#fff; border:1px solid #dfdfdf; margin:0 10px 0 0; vertical-align: middle; } .myIncidentWrap .btn_type1 { display:block; width:127px; height:35px; line-height:35px; text-align:center; background:#fff; border:1px solid #dfdfdf; font-family:"ngB"; font-size:15px; color:#737373; } .myIncidentWrap .btn_type2 { display:block; width:100%; height:35px; line-height:35px; text-align:center; color:#555; background:#fff; border:1px solid #dfdfdf; font-size:15px; } .myIncidentWrap .captchaWrap span:last-child { margin-top:-1px; } .answerTxt { width:62.14%; max-width: 230px; border:1px solid #dfdfdf; background:#fff; height:31px; line-height:31px; font-family:"ng"; font-size:14px; letter-spacing:-1px; color:#555; } @media \0screen{.myIncidentWrap .selectCourtLarge, .myIncidentWrap .selectCourt {padding:4px 0 4px 14px;} } /* 법원에 바란다 */ #content .mainSection .wishListWrap { position:relative; } #content .mainSection .wishList > li { position:relative; width:100%; padding:16px 0; border-bottom:1px dashed #d7d7d7; box-sizing: border-box;} #content .mainSection .wishList > li:first-child { padding-top:0; } #content .mainSection .wishList > li.last { border:0; } #content .mainSection .wishList .wishList_txt { width:70%; max-width: 270px; font-size:22px; padding-bottom:10px; color:#333; font-family:"ngB"; overflow:hidden; text-overflow:ellipsis; } #content .mainSection .wishList .goBtn { position:absolute; bottom:18px; right:0; width:86px; height:31px; line-height:31px; text-align:center; background:#949494; color:#fff; font-size:15px; font-family:"ng"; border-radius:2px; box-shadow:-1px 1px 0px rgba(0,0,0,.42);} #content .mainSection .wishList .small_txt { display:block; width:70%; height:14px; max-width:270px; color:#656565; font-size:13px; letter-spacing: -1px; word-break: keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* 법원에 바란다-특허용 2020.03.30 */ #content .mainSection .wishList2 > li { position:relative; width:100%; padding:6px 0; border-bottom:1px dashed #d7d7d7; box-sizing: border-box;} #content .mainSection .wishList2 > li:first-child { padding-top:0; } #content .mainSection .wishList2 > li.last { border:0; } #content .mainSection .wishList2 .wishList_txt { width:70%; max-width: 270px; font-size:22px; padding-bottom:10px; color:#333; font-family:"ngB"; overflow:hidden; text-overflow:ellipsis; } #content .mainSection .wishList2 .goBtn { position:absolute; bottom:18px; right:0; width:86px; height:31px; line-height:31px; text-align:center; background:#949494; color:#fff; font-size:15px; font-family:"ng"; border-radius:2px; box-shadow:-1px 1px 0px rgba(0,0,0,.42);} #content .mainSection .wishList2 .small_txt { display:block; width:70%; height:14px; max-width:270px; color:#656565; font-size:13px; letter-spacing: -1px; word-break: keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* 법원에 바란다-swfamily 2023.05.24 */ #content .mainSection .wishList2 .wishList_txt2 { width:70%; max-width: 270px; font-size:22px; padding-bottom:5px; color:#333; font-family:"ngB"; overflow:hidden; text-overflow:ellipsis; } #content .mainSection .wishList2 .goBtn2 { position:absolute; bottom:10px; right:0; width:86px; height:31px; line-height:31px; text-align:center; background:#949494; color:#fff; font-size:15px; font-family:"ng"; border-radius:2px; box-shadow:-1px 1px 0px rgba(0,0,0,.42);} /* 2024.03.20 추가 - 부산회생 */ #content .mainSection .wishList4 > li { position:relative; width:100%; padding:10px 0; border-bottom:1px dashed #d7d7d7; box-sizing: border-box;} #content .mainSection .wishList4 > li:first-child { padding-top:0; } #content .mainSection .wishList4 > li.last { border:0; } #content .mainSection .wishList4 .wishList_txt { width:70%; max-width: 270px; font-size:22px; padding-bottom:10px; color:#333; font-family:"ngB"; overflow:hidden; text-overflow:ellipsis; } #content .mainSection .wishList4 .goBtn { position:absolute; bottom:18px; right:0; width:86px; height:31px; line-height:31px; text-align:center; background:#949494; color:#fff; font-size:15px; font-family:"ng"; border-radius:2px; box-shadow:-1px 1px 0px rgba(0,0,0,.42);} #content .mainSection .wishList4 .small_txt { display:block; width:70%; height:14px; max-width:270px; color:#656565; font-size:13px; letter-spacing: -1px; word-break: keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } /* 생활속에 있는 법원 */ .courtInLife ul, .courtWith ul{ margin-top:26px; } .courtInLife ul.type2 { margin-top:0px;} .courtInLife ul li { width:100%; height:53px; line-height: 53px; border-bottom:1px dashed #d7d7d7; vertical-align: middle; padding-left:76px; font-family: "ngB"; color:#555; } .courtInLife ul li > a { font-family: inherit; color:inherit; } .courtInLife ul li.first { background:url(../common_img/mainlLifeIcon01.png) no-repeat 22px center; border-top:1px dashed #d7d7d7; } .courtInLife ul li.middle{ background:url(../common_img/mainlLifeIcon02.png) no-repeat 25px center; } .courtInLife ul li.boardIcon{ background:url(../common_img/boardIcon.png) no-repeat 19px center; } .courtInLife ul li.last { background:url(../common_img/mainlLifeIcon03.png) no-repeat 25px center; } .noTitle { padding:0 30px !important;} .noTitle ul { margin:35px 0 !important; } .noTitle ul li { height:70px; line-height: 70px; padding-left:85px; font-size:18px; } .noTitle ul li:first-child { border-top: 1px dashed #d7d7d7; } .section4 .noTitle { padding:0 30px 0 20px !important; } .courtInLife ul.column_4 li { height:40px; line-height: 40px; } .courtInLife ul li:first-child { border-top: 1px dashed #d7d7d7; } .courtInLife ul.column_4 li.first { background:url(../common_img/courtInLifeIcon01.png) no-repeat 16px center; } .courtInLife ul.column_4 li.second { background:url(../common_img/courtInLifeIcon02.png) no-repeat 16px center; } .courtInLife ul.column_4 li.third { background:url(../common_img/courtInLifeIcon03.png) no-repeat 16px center; } .courtInLife ul.column_4 li.last { background:url(../common_img/courtInLifeIcon04.png) no-repeat 16px center; } .announceIcon { background:url(../common_img/announceIcon.png) no-repeat 16px center; } .listIcon { background:url(../common_img/listIcon.png) no-repeat 16px center; } .cycleIcon { background:url(../common_img/cycleIcon.png) no-repeat 16px center; } .pencilIcon { background:url(../common_img/pencilIcon.png) no-repeat 16px center; } .micIcon { background:url(../common_img/micIcon.png) no-repeat 25px center; } .globalIcon { background:url(../common_img/globalIcon.png) no-repeat 25px center; } .reservationlIcon { background:url(../common_img/reservationIcon.png) no-repeat 25px center; } .starIcon { background:url(../common_img/starIcon.png) no-repeat 16px center; } .contestIcon { background:url(../common_img/contestIcon.png) no-repeat 16px center; } .phoneIcon { background:url(../common_img/phoneIcon.png) no-repeat 16px center; } .height70 { height:70px !important; line-height:70px !important; } .height80 { height:80px !important; line-height:80px !important; } /* 2018.05.28 */ .toppad_50{padding-top:50px !important;} /* 국민곁에 있는 법원 */ .courtWith ul li { width:100%; height:53px; line-height: 53px; border-bottom:1px dashed #d7d7d7; vertical-align: middle; padding-left:87px; font-family: "ngB"; color:#555; font-size:18px; } .courtWith ul li > a { font-family: inherit; color:inherit; font-size:inherit; } .courtWith ul li:first-child { border-top:1px dashed #d7d7d7; } .courtWith ul li.first { background:url(../common_img/mainWithIcon01.png) no-repeat 25px center; } .courtWith ul li.middle{ background:url(../common_img/mainWithIcon02.png) no-repeat 25px center; } .courtWith ul li.last{ background:url(../common_img/mainWithIcon03.png) no-repeat 25px center; } .videoIcon { background:url(../common_img/trialMovieIcon.png) no-repeat 25px center; } .facebookIcon { background:url(../common_img/facebookIcon.png) no-repeat 25px center; } .blogIcon { background:url(../common_img/mainlLifeIcon03.png) no-repeat 25px center; } .coffeeIcon { background:url(../common_img/coffeeIcon.png) no-repeat 25px center; } .cartoonIcon { background:url(../common_img/cartoonIcon.png) no-repeat 22px center; } .foreigerIcon { background:url(../common_img/foreigerIcon.png) no-repeat 22px center; } .talkIcon { background:url(../common_img/talkIcon.png) no-repeat 25px center; } /* 2020.09.28 */ .scaleIcon { background:url(../common_img/scaleIcon.png) no-repeat 16px center; } /* 세계속의 특허법원 */ .patentList { position:relative; } .patentList ul { position:relative; display:block; margin-top:27px; } .patentList ul li { position:relative; width:100%; height:53px; line-height: 53px; padding:0 5px; border-bottom:1px dashed #d7d7d7; vertical-align: middle; font-family: "ngB"; color:#555; font-size:18px; } .patentList ul li:first-child { border-top:1px dashed #d7d7d7; } .patentList ul li > a { position:relative; display:block; font-family: "ngB"; color:#555; font-size:18px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; } .patentList ul li > a > span.goBtn { position:absolute; bottom:10px; right:0; } .patentList ul li > a > span.down { position:absolute; bottom:10px; right:0; width: 86px; height: 31px; line-height: 31px; padding-left:10px; background: #002e73 url(/common_img/btnBlueDownIcon.png) no-repeat center right; color: #fff; font-size: 15px; font-family: "ng"; border-radius: 4px; box-shadow: -1px 1px 0px rgba(0,0,0,.42);} /* 언어별 소개 책자 */ .languageGuideWrap { position:relative; height:100%; } .languageGuideWrap .languageGuide { position:relative; width:100%;} .languageGuideWrap .languageGuide > li { position:relative; float:left; width:50%; padding:20px 0 0 20px; background:#fff; border:1px solid #dcdcdc; height:104px; } .languageGuideWrap .languageGuide > li+li { border-left:0; ; } .languageGuideWrap .languageGuide > li+li+li { border-top:0; border-left:1px solid #dcdcdc;} .languageGuideWrap .languageGuide > li+li+li+li { border-left:0; ; border-top:0; } .languageGuideWrap .languageGuide > li .circle { display:inline-block; float:left; width:71px; height:71px; text-align:center; background:#dcdcdc; -moz-border-radius:70px; -o-border-radius:70px; -webkit-border-radius:70px; -ms-border-radius:70px; border-radius:70px; behavior:url(/js/pie.htc); } .languageGuideWrap .languageGuide > li .circle img { max-width:100%; width:70px; height:70px; } .languageGuideWrap .languageGuide > li a .languageTxt { position:absolute; top: 32px; left:100px; } .languageGuideWrap .languageGuide > li a .languageTitle { font-family:"ngEB"; font-size:17px; color:#555; word-break:keep-all; } .languageGuideWrap .languageGuide > li a .desc { display:block; color:#555; font-family:"ngB"; font-size:17px; margin-top:5px; word-break:break-all; } /* 포토뉴스 */ .photoNews { position:relative; padding-bottom:25px !important; } .photoNews ul { /* margin-top:20px; */ } .photoNews ul:after { clear:both; content:""; display:block; } .photoNews ul li { width:48%; float:left; text-align:center;} .photoNews ul li:first-child { margin-right:4%; } .photoNews ul li a { position:relative; display:block; width:100%; height:100%; } .photoNews ul li a > img { display:block; position:relative; width:100%; /* min-width:160px; */ height:115px; } .photoNews ul li span { display:block; height:50px; text-align:center; color:#555; padding:15px 5px 6px 5px; font-family:"ngB"; line-height: 18px; overflow:hidden; text-overflow:ellipsis; } /* 포토뉴스-가정법원용 */ .photoNews_family { position:relative; padding-bottom:25px !important; } .photoNews_family ul { /* margin-top:20px; */ } .photoNews_family ul:after { clear:both; content:""; display:block; } .photoNews_family ul li { margin-right:4%;width:30%; float:left; text-align:center;} /*.photoNews_family ul li:first-child { margin-right:4%; }*/ .photoNews_family ul li.last { margin-right:0; } .photoNews_family ul li a { position:relative; display:block; width:100%; height:100%; } .photoNews_family ul li a > img { display:block; position:relative; width:100%; /* min-width:160px; */ height:90px; } .photoNews_family ul li span { display:block; height:85px; text-align:center; color:#555; padding:15px 5px 6px 5px; font-family:"ngB"; line-height: 18px; overflow:hidden; text-overflow:ellipsis; } .photoNews_family .playButton { position:absolute; top:18%; left:21%; width:55px; height:40px; background:url(../common_img/playButton.png) no-repeat center center; background-color:rgba(62,62,62,.53); border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; text-indent:-9999px; behavior:url(/js/pie.htc);} /* 2020.11.06 사이버홍보관 2*2 가정법원용 */ .photoNews_family2 { position:relative; padding-bottom:25px !important; } .photoNews_family2 ul:after { clear:both; content:""; display:block; } .photoNews_family2 ul li { margin-right:7%;width:46%; float:left; text-align:center;} .photoNews_family2 ul li.last { margin-right:0; } .photoNews_family2 ul li a { position:relative; display:block; width:100%; height:100%; } .photoNews_family2 ul li a > img { display:block; position:relative; width:100%; /* min-width:160px; */ height:75px; } .photoNews_family2 ul li span { display:block; text-align:center; color:#555; padding:5px; font-family:"ngB"; font-size:14px; line-height: 18px; overflow:hidden; text-overflow:ellipsis; } .photoNews_family2 .playButton { position:absolute; top:18%; left:31%; width:55px; height:40px; background:url(../common_img/playButton.png) no-repeat center center; background-color:rgba(62,62,62,.53); border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; text-indent:-9999px; behavior:url(/js/pie.htc);} /* 2021.01.25 사이버홍보관 1*5 가정법원용 */ .cyber_pr ul{margin-top:-10px;} .cyber_pr ul li { width:100%; height:46px; line-height: 46px; border-bottom:1px dashed #d7d7d7; vertical-align: middle; padding:4px 8px; font-family: "ngB"; color:#555; } .cyber_pr ul li:first-child { border-top: 1px dashed #d7d7d7; } .cyber_pr ul li > a { font-family: inherit; color:inherit; } .cyber_pr ul li span {padding:0 0 0 5px;} /* 사이버 홍보관 */ .videoWrap { position:relative; width:50%; } .videoWrap img { max-width:100%; } .playButton { position:absolute; top:21.73%; left:29.19%; width:67px; height:46px; background:url(../common_img/playButton.png) no-repeat center center; background-color:rgba(62,62,62,.53); border-radius:4px; -webkit-border-radius:4px; -o-border-radius:4px; -ms-border-radius:4px; -moz-border-radius:4px; text-indent:-9999px; behavior:url(/js/pie.htc);} /* 재판안내 가이드 */ .guideBox { width:161px; height:115px; padding:15px 0; background:#fff; border:1px solid #dfdfdf; vertical-align:middle; text-align:center; } .guideBox > img { max-width:100%; } .guideBox > span { margin-top:20px;} /* 자주묻는질문 */ .faq { position:relative; } .faq ul { margin-top:25px; } .faq .titleWrap+ul { margin-top:-4px; } .faq ul li { height:40px; line-height:40px; border-bottom:1px dashed #d7d7d7; padding:0 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .faq ul li:first-child { border-top:1px dashed #d7d7d7; } .faq ul li a { display:block; font-family:"ngB"; color:#555; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* 위원회 */ .freeBoxWrap { position:relative; } .freeBoxWrap .freeBox { width:100%; height:209px; padding:30px 20px; background:#fff; border: 1px solid #dcdcdc; } .freeBoxWrap .freeBox .freeBoxContent { position:relative; width:100%; height:156px; background:#fff url("../common_img/debate_bg.png") no-repeat right bottom; } .freeBoxWrap .freeBox .precedent { background:#fff url("../common_img/precedent_bg.png") no-repeat right bottom; } .freeBoxWrap .freeBox .committee { background:#fff url("../common_img/committee_bg.png") no-repeat right bottom; } .freeBoxWrap .freeBox .committee_gjgodung { background:#fff url("../common_img/committee_bg_gjgodung.png") no-repeat right bottom; } .freeBoxWrap .freeBox .witness { background:#fff url("../common_img/witness_bg.png") no-repeat right 90%; } .freeBoxWrap .freeBox .volunteer { background:#fff url("../common_img/volunteer_bg.png") no-repeat right 90%; } .freeBoxWrap .freeBox .civil { background:#fff url("../common_img/civil_bg.png") no-repeat right bottom; } .freeBoxWrap .freeBox .academy { background:#fff url("../common_img/banner/mainBanner_11_img.png") no-repeat right bottom; } .freeBoxWrap .freeBox .freeBoxContent .desc { width:62%; height:60px; overflow-y:hidden; text-overflow:ellipsis; margin-top:20px; line-height: 20px; color:#555; word-break:keep-all; } .freeBoxWrap .freeBox .freeBoxContent .orangeBold { color:#ff6c00; font-family: "ngB"; } .freeBoxWrap .freeBox .building {position:relative;margin: 15px 0 0 0;width:100%;height: 120px;background:#fff url("../common_img/building_bg.png") no-repeat right bottom;} /* 2023.09.27 bsgodung building */ .goBtn { display:inline-block; width: 86px; height: 31px; margin-top:15px; line-height: 31px; text-align: center; background: #949494; color: #fff; font-size: 15px; font-family: "ng"; border-radius: 2px; box-shadow: -1px 1px 0px rgba(0,0,0,.42);} .witness .goBtn { margin-top:30px; } .freeBoxWrap .freeBox .freeBoxContent .goBtn { position:absolute; bottom:0; } /* 수원 사법접근센터 */ .freeBoxWrap .freeBox2 { width:100%; height:209px; padding:30px 50px; background:#6b91f4; border: 1px solid #dcdcdc; } .freeBoxWrap .freeBox2 .freeBoxContent { position:relative; width:100%; height:156px; background:#6b91f4; } .freeBoxWrap .freeBox2 .freeBoxContent .desc { width:100%; height:60px; overflow-y:hidden; text-overflow:ellipsis; margin-top:20px; line-height: 26px; color:#fff; word-break:keep-all; text-align:center; font-size:18px;} .freeBoxWrap .freeBox2 .freeBoxContent .orangeBold { color:#fff; font-family: "ngB"; } .freeBoxWrap .freeBox2 .freeBoxContent .goBtn { position:relative; float:left; margin:10px 80px; box-shadow:none;} /* 울산 사법접근센터 */ .freeBoxWrap .fl{float:left;} .freeBoxWrap .fr{float:right;} .freeBoxWrap .freeBox5{width:49%;height:209px;padding:20px 15px;background:#fff;border:1px solid #dcdcdc;} .freeBoxWrap .freeBox5 .freeBoxContent{position:relative;width:100%;height:165px;} .freeBoxWrap .freeBox5 .freeBoxContent .desc{width:100%;height:50px;margin-top:15px;line-height:20px;color:#555;word-break:keep-all;} .freeBoxWrap .freeBox5 .freeBoxContent .orangeBold{color:#ff6c00;font-family:"ngB";} .freeBoxWrap .freeBox5 .freeBoxContent .btn{position:absolute;bottom:0;} /* 이혼부모에 대한 교육 동영상 */ .divorceBox { position:relative; } .divorceBox > img { float:right; } .divorceBox .videoTitle { width:50%; color:#ee7906; margin-bottom:10px; font-size:19px; font-family:"ngB"; line-height:24px; word-break:keep-all; } .divorceBox .desc { width:160px; line-height:20px; padding-right:20px; word-break:keep-all; } /*재판안내 가이드 */ .guideWrap { position:relative; } .guideWrap ul li { float:left; width:50%; } .guideWrap ul li:first-child { margin-right:20px; } /* 주요재판영상 */ .trialMovie { position:relative; } .trialMovie ul { margin-top:27px; } .trialMovie ul li:first-child { border-top: 1px dashed #d7d7d7;} .trialMovie ul li { height: 53px; line-height: 53px; background:url(../common_img/trialMovieIcon.png) no-repeat 26px center; border-bottom: 1px dashed #d7d7d7; vertical-align: middle; padding-left: 87px; font-family: "ngB"; color: #555; font-size: 18px; } .trialMovie ul li a { font-family:"ngB"; } /* 전자민원센터 */ .eminwonWrap { position:relative; display:block; } .eminwon { position:relative; width:100%; margin:0 auto; margin-top:28px;} .eminwon:after { clear:both; content:""; display:block; } .eminwon > li { float:left; width:33.33%; text-align: center;} .eminwon > li:last-child { margin-right:0; } .eminwon > li > a { display:block; width:100%; text-align:center; margin:0 auto; } .eminwon:after { clear:both; content:""; display:block; } .eminwon .eminwon_img { width:102px; height:102px; border-radius:100px; -ms-border-radius:100px; behavior:url(/js/PIE.htc); background:#6b91f4; text-align:center; margin:0 auto; text-indent: -9999px;} .eminwon .eminwon_img .eminwon_img_01 { width:100%; height:100%; background:url(../common_img/eminwon_img_01.png) no-repeat center center; } .eminwon .eminwon_img .eminwon_img_02 { width:100%; height:100%; background:url(../common_img/eminwon_img_02.png) no-repeat center center; } .eminwon .eminwon_img .eminwon_img_03 { width:100%; height:100%; background:url(../common_img/eminwon_img_03.png) no-repeat center center; } .eminwon_img > img { margin-top:18px; } .eminwon_txt { display:block; width:100%; height:44px; margin-top:22px; font-size:18px; line-height: 22px; color:#555; text-align:center; font-family: "ngB"; word-break:keep-all; } /* 2019.12.26 전자민원센터 - 서울남부 */ .eminwonWrap2 { position:relative; display:block; } .eminwon2 { position:relative; width:100%; margin:0 auto; margin-top:28px;} .eminwon2:after { clear:both; content:""; display:block; } .eminwon2 > li { float:left;padding:5px 30px 0 0;} .eminwon2 > li:last-child { margin-right:0; padding:5px 0 0 0;} .eminwon2 > li > a { display:block; width:100%;margin:0 auto; } .eminwon2:after { clear:both; content:""; display:block; } .eminwon2 .eminwon_img {float:left;width:75px; height:75px; border-radius:100px; -ms-border-radius:100px; behavior:url(/js/PIE.htc); background:#6b91f4; text-align:center; margin:0 auto; text-indent: -9999px;} .eminwon2 .eminwon_img .eminwon_img_01 { width:100%; height:100%; background:url(../common_img/eminwon_img_01_1.png) no-repeat center center; } .eminwon2 .eminwon_img .eminwon_img_02 { width:100%; height:100%; background:url(../common_img/eminwon_img_02_1.png) no-repeat center center; } .eminwon2 .eminwon_img .eminwon_img_03 { width:100%; height:100%; background:url(../common_img/eminwon_img_03_1.png) no-repeat center center; } .eminwon_txt2 {float:left;display:table;margin:0 0 0 10px;height:75px;font-size:18px; line-height: 22px; color:#555; text-align:left;font-family: "ngB";} .eminwon_txtin {display:table-cell;vertical-align:middle;} /* 법원 서비스 */ .courtServiceWrap { position:relative; } .courtService { padding-top:16px;} .courtService li { position:relative; float:left; width:45%; height:60px; line-height: 60px; color:#555; font-size: 18px; font-family: "ngB"; letter-spacing: -2px; border-bottom:1px dashed #ddd; background:url(../common_img/main_goBtn.png) no-repeat right center; white-space:nowrap; } /* 2025.02.03 modify width 40->45 */ .courtService li > a { display:block; width:100%; height:60px; color:#555; font-size: 18px; font-family: "ngB"; letter-spacing: -2px; } .courtService li.second { padding-left:6%; width:55%; } /* 2025.02.03 width 60->55 modify*/ .courtService:after { clear:both; content:""; display:block; } /* 2019.12.26 법원 서비스 - 서울남부 */ .courtService2 { padding-top:16px;} .courtService2 li { position:relative; float:left; width:36%; height:50px; line-height: 50px; color:#555; font-size: 18px; font-family: "ngB"; letter-spacing: -2px; border-bottom:1px dashed #ddd; background:url(https://slnambu.scourt.go.kr/common_img/main_goBtn.png) no-repeat right center; white-space:nowrap; } .courtService2 li > a { display:block; width:100%; height:50px; color:#555; font-size: 18px; font-family: "ngB"; letter-spacing: -2px; } .courtService2 li.second {padding-left:4%;width:28%;} .courtService2 li.third {padding-left:4%;} .courtService2:after { clear:both; content:""; display:block; } /* 법원 컬럼 */ .columnWrap { position:relative; } .column { width:90%; } .column dt { font-size: 20px; font-weight:600; color:#555; } .column dd { width:100%; height:85px; margin:20px 0; line-height:1.2em; letter-spacing: -1px; text-overflow: ellipsis; overflow:hidden; } .column .date { font-size:16px; margin-top:10px; color:#888;} /* 메인 배너 */ .mainBannerWrap { position:relative; } .mainBannerWrap .mainBanner { position:relative; width:100%; margin:0 auto;} .mainBannerWrap .mainBanner > li { display:block; width:100%; max-width:369px; height:100px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); } .mainBannerWrap .mainBanner > li:first-child { margin-bottom:10px; } .mainBannerWrap .mainBanner > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden; } .mainBannerWrap .mainBanner .mainBanner_orange2 { background-color:/* #f3af42 */ #4b9ec5; } .mainBannerWrap .mainBanner .mainBanner_orange3 { background-color:/* #ffa758 */ #d87726; } /* 광주고등 */ .mainBannerWrap .mainBanner .mainBanner_orange4 { background-color:/* #ffac0d */ #d87726; } .mainBannerWrap .mainBanner .mainBanner_orange5 { background-color:/* #f4b044 */ #ca861a; } .mainBannerWrap .mainBanner .mainBanner_orange6 { background-color:/* #fea352 */#d87726; } .mainBannerWrap .mainBanner .mainBanner_pink { background-color:/* #f87f77 */ #e3746c; } .mainBannerWrap .mainBanner .mainBanner_green { background-color:/* #4ec8a1 */ #32A679; } .mainBannerWrap .mainBanner .mainBanner_green2 { background-color:/* #0cc6b7 */ #32A679; } .mainBannerWrap .mainBanner .mainBanner_green3 { background-color:/* #4ec295 */ #32A679; } .mainBannerWrap .mainBanner .mainBanner_green4 { background-color:/* #0cc0ac */ #32A679; } .mainBannerWrap .mainBanner .mainBanner_mint { background-color:/* #4ec8d7 */ #32A679; } .mainBannerWrap .mainBanner .mainBanner_mint2 { background-color:/* #4eb6c3 */ #329aa6 ; } .mainBannerWrap .mainBanner .mainBanner_mint3 { background-color:#4ec2cc; } .mainBannerWrap .mainBanner .mainBanner_blue { background-color:/* #4fc4d5; */ #329aa6; } .mainBannerWrap .mainBanner .mainBanner_blue2 { background-color:#6b91f4; } .mainBannerWrap .mainBanner .mainBanner_blue3 { background-color:#8ed3f8; } /* 2023.05.11. slgodung */ .mainBannerWrap .mainBanner .mainBanner_yellow { background-color:#ffef99; } /* 2023.05.11. slgodung */ .mainBannerWrap .mainBanner .mainBanner_01 { background-image:url(/common_img/banner/mainBanner_01_img.png); background-position:25px center; } .mainBannerWrap .mainBanner .mainBanner_02 { background-image:url(/common_img/banner/mainBanner_02_1_img.png); background-position:30px center; } .mainBannerWrap .mainBanner .mainBanner_03 { background-image:url(/common_img/banner/mainBanner_03_img.png); background-position:19px center; background-size:74px; } .mainBannerWrap .mainBanner .mainBanner_04 { background-image:url(/common_img/banner/mainBanner_04_img.png); background-position:25px center; background-size:65px; } .mainBannerWrap .mainBanner .mainBanner_05 { background-image:url(/common_img/banner/mainBanner_05_img.png); background-position:20px center; background-size:74px; } .mainBannerWrap .mainBanner .mainBanner_06 { background-image:url(/common_img/banner/mainBanner_06_img.png); background-position:20px center; background-size:68px; } .mainBannerWrap .mainBanner .mainBanner_07 { background-image:url(/common_img/banner/mainBanner_07_img.png); background-position:19px center; background-size:74px; } .mainBannerWrap .mainBanner .mainBanner_08 { background-image:url(/common_img/banner/mainBanner_08_img.png); background-position:18px center; } .mainBannerWrap .mainBanner .mainBanner_09 { background-image:url(/common_img/banner/mainBanner_09_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner_10 { background-image:url(/common_img/banner/mainBanner_10_img.png); background-position:16px center; background-size:74px; } .mainBannerWrap .mainBanner .mainBanner_11 { background-image:url(/common_img/banner/mainBanner_11_img.png); background-position:16px center; background-size:74px; } .mainBannerWrap .mainBanner .mainBanner_12 { background-image:url(/common_img/banner/mainBanner_12_img.png); background-position:16px center; } .mainBannerWrap .mainBanner .mainBanner_13 { background-image:url(/common_img/banner/mainBanner_13_img.png); background-position:19px center; } .mainBannerWrap .mainBanner .mainBanner_14 { background-image:url(/common_img/banner/mainBanner_14_img.png); background-position:24px center; } .mainBannerWrap .mainBanner .mainBanner_15 { background-image:url(/common_img/banner/mainBanner_15_img.png); background-position:24px center; } .mainBannerWrap .mainBanner .mainBanner_16 { background-image:url(/common_img/banner/mainBanner_16_img.png); background-position:18px center; background-size:84px; } .mainBannerWrap .mainBanner .mainBanner_17 { background-image:url(/common_img/banner/mainBanner_17_img.png); background-position:left bottom; } .mainBannerWrap .mainBanner .mainBanner_18 { background-image:url(/common_img/banner/mainBanner_10_img.png); background-position:24px center; } .mainBannerWrap .mainBanner .mainBanner_19 { background-image:url(/common_img/banner/mainBanner_19_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner_20 { background-image:url(/common_img/banner/mainBanner_20_img.png); background-position:18px center; } .mainBannerWrap .mainBanner .mainBanner_21 { background-image:url(/common_img/banner/mainBanner_21_img.png); background-position:29px center; } .mainBannerWrap .mainBanner .mainBanner_22 { background-image:url(/common_img/banner/mainBanner_22_img.png); background-position:28px center; } .mainBannerWrap .mainBanner .mainBanner_23 { background-image:url(/common_img/banner/mainBanner_23_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner_24 { background-image:url(/common_img/banner/mainBanner_02_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner_25 { background-image:url(/common_img/banner/mainBanner_25_img.png); background-position:left bottom; } .mainBannerWrap .mainBanner .mainBanner_26 { background-image:url(/common_img/banner/mainBanner_26_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner_27 { background-image:url(/common_img/banner/mainBanner_27_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner_29 { background-image:url(/common_img/banner/mainBanner_29_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner_30 { background-image:url(/common_img/banner/mainBanner_30_img.png); background-position:27px center; } .mainBannerWrap .mainBanner .mainBanner a { position:relative; display:block; width:100%; height:100%; color:#fff; cursor:pointer; } .mainBannerWrap .mainBanner .mainBanner_text_wrap { position:absolute; display:block; /*left:29.26%;*/ left:110px; top:16px; vertical-align: middle; } .mainBannerWrap .mainBanner .mainBanner_text_wrap.type2 { left:120px; } .mainBannerWrap .mainBanner .mainBanner_text_wrap .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;} .mainBannerWrap .mainBanner .mainBanner_text_wrap .type_1 { padding-top:8px; } .mainBannerWrap .mainBanner .mainBanner_text_wrap .type_2 { padding-top:6px; line-height:27px;} .mainBannerWrap .mainBanner .mainBanner_text_wrap .mainBanner_desc { width:90%; line-height:16px; color:#fff; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner .mainBanner_10 .mainBanner_text_wrap, .mainBannerWrap .mainBanner .mainBanner_11 .mainBanner_text_wrap { left:100px !important; /* width:260px; */} .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_1 {color:#f7f4cb; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_2 { color:#fff; } /* #bcecfe */ .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_3 { color:#bcf5fd !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_4 { color:#fff; } /* #b9efdf */ .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_5 { color:#dbebf3 !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_6 { color:rgba(255,255,255,.8); } /* #fed2c8 */ .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_7 { color:#fff99c !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_8 { color:#cbf7f2 !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_9 { color:#fee4bc !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_10 { color:#fffa8a !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_11 { color:#b9efed !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_12 { color:#ffe1e0 !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_13 { color:#bceffe !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_14 { color:#b9efde !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_15 { color:#fee9bd !important; } .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_16 { color:#013652 !important; } /* 2023.05.11. slgodung */ .mainBannerWrap .mainBanner .mainBanner_desc.desc_type_17 { color:#5d2406 !important; } /* 2023.05.11. slgodung */ .mainBannerWrap .mainBanner .smallTxt { font-size:15px; } .bannerViewIcon { display:inline-block; width:43px; height:14px; background:url(/common_img/bannerViewIcon.png) no-repeat; text-indent:-9999px; margin-left:9px; } /* 2018.05.28 */ .mainBannerWrap .mainBanner2 { position:relative; width:100%; margin:17px auto;} .mainBannerWrap .mainBanner2 > li { display:block; width:100%; max-width:369px; height:155px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); } .mainBannerWrap .mainBanner2 > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner2 .mainBanner_green { background-color:/* #4ec8a1 */ #32A679; } .mainBannerWrap .mainBanner2 .mainBanner_02 { background-image:url(/common_img/banner/mainBanner_02_2_img.png); background-position:89% 70%; } .mainBannerWrap .mainBanner2 .mainBanner_text_wrap .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;} .mainBannerWrap .mainBanner2 .mainBanner_text_wrap .type_2 { padding:30px 0 0 25px; line-height:27px;} /* 2019.07.16 */ .mainBannerWrap .mainBanner_slf { position:relative; width:100%; margin-top:-20px; } .mainBannerWrap .mainBanner_slf > li { display:block; width:100%; max-width:369px; height:50px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); margin:10px 0; }/*2023.08.31 수정*/ .mainBannerWrap .mainBanner_slf > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner_slf .mainBanner_green5 { background-color:/* #0cc0ac */ #b9bb16 ; } .mainBannerWrap .mainBanner_slf .mainBanner_pink { background-color:/* #f87f77 */ #e3746c; } .mainBannerWrap .mainBanner_slf .mainBanner_blue { background-color:/* #4fc4d5; */ #329aa6; } .mainBannerWrap .mainBanner_slf .mainBanner_orange { background-color:#ea8427; } /* 2023.08.31 추가 */ /* 2023.08.31 수정 */ /*.mainBannerWrap .mainBanner_slf .mainBanner_24s { background-image:url(/common_img/banner/mainBanner_seoul1.png); background-position:30px center; }*/ .mainBannerWrap .mainBanner_slf .mainBanner_24s { background-image:url(/common_img/banner/mainBanner_24s_img1.png); background-position:30px center; background-size:10%;} .mainBannerWrap .mainBanner_slf .mainBanner_13s { background-image:url(/common_img/banner/mainBanner_13s_img.png); background-position:30px center; background-size:10%;} /* 2023.08.31 수정 */ .mainBannerWrap .mainBanner_slf .mainBanner_14s { background-image:url(/common_img/banner/mainBanner_14s_img.png); background-position:30px center; background-size:10%;} /* 2023.08.31 수정 */ .mainBannerWrap .mainBanner_slf .mainBanner_text_wrap { position:absolute; display:block; /*left:29.26%;*/ left:110px; top:16px; vertical-align: middle; } .mainBannerWrap .mainBanner_slf .mainBanner_text_wrap2 { position:absolute; display:block; /*left:29.26%;*/ left:110px; top:5px; vertical-align: middle; } .mainBannerWrap .mainBanner_slf .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:20px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;}/* 2023.08.31 수정*/ .mainBannerWrap .mainBanner_slf .type_1 { padding-top:8px; } .mainBannerWrap .mainBanner_slf .mainBanner_desc { width:90%; line-height:16px; color:#fff; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner_slf .mainBanner_desc.desc_type_5 { color:#dbebf3 !important; } .mainBannerWrap .mainBanner_slf .mainBanner_desc.desc_type_6 { color:rgba(255,255,255,.8); } /* #fed2c8 */ /* 2021.06.17 */ .mainBannerWrap .mainBanner_slf .mainBanner_12s { background-image:url(/common_img/banner/mainBanner_12s_img.png); background-position:30px center; } /* 2022.02.03 */ .mainBannerWrap .mainBanner_slf .mainBanner_25s { background-image:url(/common_img/banner/mainBanner_25s_img.png); background-position:30px center; background-size:10%;} /* 2023.08.31 수정 */ /* 2020.09.04 + 2023.08.30 */ .mainBannerWrap .mainBanner_seoul1 {position:relative; width:100%; max-width:369px; margin:0 auto 10px auto;background:#32A679;height:100px;} /* 2024.11.01 modify */ .mainBannerWrap .mainBanner_seoul1 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background:url(/common_img/banner/mainBanner_seoul1.png) no-repeat 90% center;} .mainBannerWrap .mainBanner_seoul1 .mainban_title {color:#fff; font-family:"ngB"; font-size:20px; vertical-align: middle; letter-spacing: -1px; word-break:keep-all;} /* 2024.11.01 modify */ .mainBannerWrap .mainBanner_seoul1 a {display: inline-block;position: relative;left: 7%;top: 35%;} /* 2024.11.01 add */ .mainBannerWrap .mainBanner_seoul2 {position:relative; width:100%; max-width:369px; margin:0 auto 10px auto;background:#fea95e;height:100px;} /* 2024.11.01 modify */ .mainBannerWrap .mainBanner_seoul2 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background:url(/common_img/banner/mainBanner_seoul2.png) no-repeat 90% center;} .mainBannerWrap .mainBanner_seoul2 a {display:block;padding: 15px 0;} /* 2024.11.01 modify */ .mainBannerWrap .mainBanner_seoul2 .mainban_title {display:block; width:100%;padding:0 0 0 25px;color:#fff; font-family:"ngB"; font-size:20px; vertical-align: middle; letter-spacing: -1px; word-break:keep-all;} .mainBannerWrap .mainBanner_seoul2 .line {display:block;width:60%;height:1px;margin:0 0 0 20px;background:#ffdec0;} .mainBannerWrap .mainBanner_seoul3 {position:relative; width:100%; max-width:369px;margin:0 auto 10px auto;background:#75afbd;height:100px;} /* 2024.11.01 modify */ .mainBannerWrap .mainBanner_seoul3 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background:url(/common_img/banner/mainBanner_seoul3.png) no-repeat 9% center;} /* 2024.11.01 modify */ .mainBannerWrap .mainBanner_seoul3 .mainban_title {color:#fff; font-family:"ngB";font-size:18px;vertical-align: middle;letter-spacing: -1px; word-break:keep-all;line-height:24px;} /* 2024.11.01 modify */ .mainBannerWrap .mainBanner_seoul3 a {display: inline-block;position: relative;left: 28%;top: 25%;} /* 2024.11.01 add */ /* 2024.11.01 add */ .mainBannerWrap .mainBanner_seoul4 {position:relative; width:100%;height:100px;max-width:369px;margin:0 auto 10px auto;background:#d87d2c;} .mainBannerWrap .mainBanner_seoul4 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background: url(/common_img/banner/mainBanner_30_img.png) no-repeat 9% center;background-size: 55px;} .mainBannerWrap .mainBanner_seoul4 a {display: inline-block;position: relative;left: 28%;top: 35%;} .mainBannerWrap .mainBanner_seoul4 .mainban_title {color:#fff; font-family:"ngB";font-size:18px;vertical-align: middle;letter-spacing: -1px; word-break:keep-all;line-height:24px;} /* 2022.02.03 */ .mainBannerWrap .mainBanner_icf { position:relative; width:100%; margin:0 auto;} .mainBannerWrap .mainBanner_icf > li { display:block; width:100%; max-width:369px; height:70px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); margin-bottom:10px;} .mainBannerWrap .mainBanner_icf > li:first-child { } .mainBannerWrap .mainBanner_icf > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner_icf .mainBanner_blue { background-color:#329aa6; } .mainBannerWrap .mainBanner_icf .mainBanner_pink { background-color:#e3746c; } .mainBannerWrap .mainBanner_icf .mainBanner_12 { background-image:url(/common_img/banner/nmainBanner1.png); background-position:16px center; } .mainBannerWrap .mainBanner_icf .mainBanner_13 { background-image:url(/common_img/banner/nmainBanner2.png); background-position:19px center; } .mainBannerWrap .mainBanner_icf .mainBanner_text_wrap { position:absolute; display:block; /*left:29.26%;*/ left:110px; top:5px; vertical-align: middle; } .mainBannerWrap .mainBanner_icf .mainBanner_text_wrap .mainBanner_desc { width:90%; color:#fff; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner_icf .mainBanner_yellow{background-color:#b08647;} .mainBannerWrap .mainBanner_icf .mainBanner_14{background-image:url(/common_img/banner/nmainBanner3.png); background-position:20px center; } .mainBannerWrap .mainBanner_icf .mainBanner_text_wrap .type_3{padding-top:15px} .mainBannerWrap .mainBanner_icf .mainBanner_text_wrap .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;} /* 2023.08.31 서울가정과 공유하였던 대전가정 분리 */ .mainBannerWrap .mainBanner_djf { position:relative; width:100%; margin-top:-20px; } .mainBannerWrap .mainBanner_djf > li { display:block; width:100%; max-width:369px; height:70px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); margin:10px 0; } .mainBannerWrap .mainBanner_djf > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner_djf .mainBanner_green5 { background-color:/* #0cc0ac */ #b9bb16 ; } .mainBannerWrap .mainBanner_djf .mainBanner_pink { background-color:/* #f87f77 */ #e3746c; } .mainBannerWrap .mainBanner_djf .mainBanner_blue { background-color:/* #4fc4d5; */ #329aa6; } .mainBannerWrap .mainBanner_djf .mainBanner_24s { background-image:url(/common_img/banner/mainBanner_seoul1.png); background-position:30px center; } .mainBannerWrap .mainBanner_djf .mainBanner_12s { background-image:url(/common_img/banner/mainBanner_12s_img.png); background-position:30px center; } .mainBannerWrap .mainBanner_djf .mainBanner_13s { background-image:url(/common_img/banner/mainBanner_13s_img.png); background-position:30px center;} .mainBannerWrap .mainBanner_djf .mainBanner_text_wrap { position:absolute; display:block; /*left:29.26%;*/ left:110px; top:16px; vertical-align: middle; } .mainBannerWrap .mainBanner_djf .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;} .mainBannerWrap .mainBanner_djf .type_1 { padding-top:8px; } .mainBannerWrap .mainBanner_djf .mainBanner_desc { width:90%; line-height:16px; color:#fff; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner_djf .mainBanner_desc.desc_type_6 { color:rgba(255,255,255,.8); } /* #fed2c8 */ /* 2023.10.13 부산, 2025.09.19 수정 */ /* .mainBannerWrap .mainBanner_bs { position:relative; width:100%; margin-top:-10px; } .mainBannerWrap .mainBanner_bs > li { display:block; width:100%; max-width:369px; height:70px; background-color:#d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); margin:0 0 10px 0; } .mainBannerWrap .mainBanner_bs > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner_bs .mainBanner_orange3 { background-color: #d87726; } .mainBannerWrap .mainBanner_bs .mainBanner_green2 { background-color: #32A679; } .mainBannerWrap .mainBanner_bs .mainBanner_orange2 { background-color: #4b9ec5; } .mainBannerWrap .mainBanner_bs .mainBanner_10s { background-image:url(/common_img/banner/mainBanner_10s_img.png); background-position:24px center; } .mainBannerWrap .mainBanner_bs .mainBanner_19s { background-image:url(/common_img/banner/mainBanner_19s_img.png); background-position:27px center; } .mainBannerWrap .mainBanner_bs .mainBanner_07s { background-image:url(/common_img/banner/mainBanner_07s_img.png); background-position:25px center; } .mainBannerWrap .mainBanner_bs .mainBanner_text_wrap { position:absolute; display:block; left:100px; top:8px; vertical-align: middle; } .mainBannerWrap .mainBanner_bs .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:18px; vertical-align: middle; letter-spacing: -2px; word-break:keep-all;} .mainBannerWrap .mainBanner_bs .type_1 { padding-top:8px; } .mainBannerWrap .mainBanner_bs .mainBanner_desc { width:90%; line-height:16px; color:#fff; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner_bs .mainBanner_desc.desc_type_15 { color:#fee9bd !important; } .mainBannerWrap .mainBanner_bs .mainBanner_desc.desc_type_3 { color:#bcf5fd !important; } .mainBannerWrap .mainBanner_bs .mainBanner_desc.desc_type_18 { color:#dbf2fa !important; } */ .mainBannerWrap .mainBanner_bs{position:relative;width:100%;margin-top:-10px;} .mainBannerWrap .mainBanner_bs > li{display:block;padding:0;width:100%;max-width:369px;height:70px;background-color:#d87726;background-image:url(/common_img/banner/mainBanner_pattern.png);margin:0 0 10px 0;} .mainBannerWrap .mainBanner_bs > li > a{ position:relative;display:block;max-width:100%;height:100%;background-repeat:no-repeat;overflow:hidden;} .mainBannerWrap .mainBanner_bs .bg_yellow{background-color:#d8c35c;} .mainBannerWrap .mainBanner_bs .bg_green{background-color:#32A679;} .mainBannerWrap .mainBanner_bs .bg_blue{background-color:#4b9ec5;} .mainBannerWrap .mainBanner_bs .bgicon_07s{background-image:url(/common_img/banner/mainBanner_07s_img.png);background-position:25px center;} .mainBannerWrap .mainBanner_bs .bgicon_19s{background-image:url(/common_img/banner/mainBanner_19s_img.png);background-position:27px center;} .mainBannerWrap .mainBanner_bs .bgicon_31s{background-image:url(/common_img/banner/mainBanner_31s_img.png);background-position:27px center;} .mainBannerWrap .mainBanner_bs .mainBanner_text_wrap{position:absolute;display:block;left:100px;top:15px;vertical-align:middle;} .mainBannerWrap .mainBanner_bs .mainBanner_title{display:block;width:100%;margin-bottom:5px;color:#fff;font-family:"ngB";font-size:18px;vertical-align:middle;letter-spacing:-2px;word-break:keep-all;} .mainBannerWrap .mainBanner_bs .mainBanner_desc{width:90%;line-height:16px;color:#fff;font-family:"ngB";font-size:14px;vertical-align:middle;text-overflow:ellipsis;word-break:keep-all;opacity:0.8;} /* 2022.03.18 */ .mainBanner_us{position:relative;margin:0 auto;padding:20px 30px !important;vertical-align: middle;} .mainBanner_us li{display:block;width:100%;max-width:369px;height:115px;padding:12px 15px;} .mainBanner_us li:first-child{margin-bottom:10px;} .mainBanner_us li.orange{background:#e17a24;} .mainBanner_us li.green{background:#32A679;} .mainBanner_us li h4{display:block;margin-bottom:8px;color:#fff;font-family:"ngB";font-size:22px;letter-spacing:-1px;word-break:keep-all;} .mainBanner_us li p.det{width:100%;padding:0 0 5px 0;color:#fff;font-size:16px;border-bottom:1px solid #fff;} .mainBanner_us li p.det span{color:#2d51ad;} .mainBanner_us li .goBtn{display:inline-block;width:85px;height:30px;margin-top:10px;line-height:30px;text-align:center;background:#949494;color:#fff;font-size:15px;font-family:"ng";border-radius:2px;box-shadow:-1px 1px 0px rgba(0,0,0,.42);} /* 2024.03.07 */ .mainBannerWrap .mainBanner_ujb { position:relative; width:100%; margin-top:-20px; } .mainBannerWrap .mainBanner_ujb > li { display:block; width:100%; max-width:369px; height:70px; background-color:#d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); margin:10px 0; } .mainBannerWrap .mainBanner_ujb > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner_ujb .mainBanner_pink { background-color:/* #f87f77 */ #e3746c; } .mainBannerWrap .mainBanner_ujb .mainBanner_blue { background-color:/* #4fc4d5; */ #329aa6; } .mainBannerWrap .mainBanner_ujb .mainBanner_12s { background-image:url(/common_img/banner/mainBanner_12s_img.png); background-position:30px center; } .mainBannerWrap .mainBanner_ujb .mainBanner_13s { background-image:url(/common_img/banner/mainBanner_13s_img.png); background-position:30px center;} .mainBannerWrap .mainBanner_ujb .mainBanner_text_wrap { position:absolute; display:block; /*left:29.26%;*/ left:110px; top:5px; vertical-align: middle; } .mainBannerWrap .mainBanner_ujb .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;} .mainBannerWrap .mainBanner_ujb .type_1 { padding-top:8px; } .mainBannerWrap .mainBanner_ujb .mainBanner_desc { width:90%; line-height:16px; color:#fff; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner_ujb .mainBanner_desc.desc_type_6 { color:rgba(255,255,255,.8); } /* #fed2c8 */ .mainBannerWrap .mainBanner_ujb .freeBox3 {background:#6b91f4;} .mainBannerWrap .mainBanner_ujb .freeBox3 .fleft {float:left;width:60%; } .mainBannerWrap .mainBanner_ujb .freeBox3 h4{margin:22px 0 0 -12px;width:100%;text-align:center;font-size:24px;letter-spacing:-1px;color:#fff;} .mainBannerWrap .mainBanner_ujb .freeBox3 .fright{float:right; margin:5px 30px 0 0;} .mainBannerWrap .mainBanner_ujb .freeBox3 .goBtn {box-shadow:none;} /* 2024.03.20 추가 - 부산회생 */ .mainBannerWrap .mainBanner_bsb { position:relative; width:100%; margin:0 auto;} .mainBannerWrap .mainBanner_bsb > li { display:block; width:100%; max-width:369px; height:70px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); } .mainBannerWrap .mainBanner_bsb > li:first-child { margin-bottom:10px; } .mainBannerWrap .mainBanner_bsb > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden; } .mainBannerWrap .mainBanner_bsb .mainBanner_blue { background-color:#4a9dc4; } .mainBannerWrap .mainBanner_bsb .mainBanner_orange { background-color:#d87d2c; } .mainBannerWrap .mainBanner_bsb .mainBanner_text_wrap { position:absolute; display:block; left:100px; top:12px; vertical-align: middle; } .mainBannerWrap .mainBanner_bsb .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;} .mainBannerWrap .mainBanner_bsb .mainBanner_desc_blue { width:90%; line-height:16px; color:#dbf2fa; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner_bsb .mainBanner_desc_orange { width:90%; line-height:16px; color:#f9fa8e; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } /* 2025.03.27 추가 - 제주 */ .mainBannerWrap .mainBanner_ujb h4{margin:22px 0 0 105px;width:100%;font-size:24px;letter-spacing:-1px;color:#fff;} .mainBannerWrap .mainBanner_ujb h4.two{margin:14px 0 0 105px;width:100%;font-size:20px;letter-spacing:-1px;color:#fff;line-height:1.2;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju1{background: #e6b60b;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju1 a{background-image: url(/common_img/banner/mainBanner_jeju1_img.png);background-position: 30px center;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju2{background: #3198a5;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju2 a{background-image: url(/common_img/banner/mainBanner_jeju2_img.png);background-position: 30px center;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju3{background: #d47c2d;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju3 a{background-image: url(/common_img/banner/mainBanner_jeju3_img.png);background-position: 30px center;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju4{background: #75afbd;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju4 a{background-image: url(/common_img/banner/mainBanner_jeju4_img.png);background-position: 30px center;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju5{background: #a1a3d1;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju5 a{background-image: url(/common_img/banner/mainBanner_jeju5_img.png);background-position: 30px center;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju6{background: #53b186;} .mainBannerWrap .mainBanner_ujb .mainbanner_jeju6 a{background-image: url(/common_img/banner/mainBanner_jeju6_img.png);background-position: 30px center;} /* 2025.05.30 추가 - 특허 */ .mainBannerWrap .mainBanner_ujb .mainbanner_patent1{background: #e6b60b;} .mainBannerWrap .mainBanner_ujb .mainbanner_patent2{background: #3198a5;} .mainBannerWrap .mainBanner_ujb .mainbanner_patent3{background: #d47c2d;} .mainBannerWrap .mainBanner_ujb h4.patent{margin-left:35px;width:100%;font-size:24px;letter-spacing:-1px;color:#fff;} /* 2025.08.22 추가 - 창원 */ .mainBannerWrap .mainBanner_changwon { position:relative; width:100%;margin-top:-20px;} .mainBannerWrap .mainBanner_changwon > li { display:block; width:100%; max-width:369px;height: 70px; background-color:#329aa6;background-image: url(/common_img/banner/mainBanner_pattern.png); margin:10px 0;} .mainBannerWrap .mainBanner_changwon > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner_changwon .mainBanner_02s { background-image:url(/common_img/banner/mainBanner_02_img.png); background-position:30px center;background-size:13%;} .mainBannerWrap .mainBanner_changwon .mainBanner_text_wrap { position:absolute; display:block;left:110px;top: 25px;vertical-align: middle;} .mainBannerWrap .mainBanner_changwon .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:20px; vertical-align: middle; letter-spacing: -1px; word-break:keep-all;} /* 2026.02.20 추가 - 대전회생 */ .mainBannerWrap .mainBanner_djb { position:relative; width:100%; margin:0 auto;} .mainBannerWrap .mainBanner_djb > li { display:block; width:100%; max-width:369px; height:100px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); } .mainBannerWrap .mainBanner_djb > li:first-child { margin-bottom:10px; } .mainBannerWrap .mainBanner_djb > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden; } .mainBannerWrap .mainBanner_djb .mainBanner_blue { background-color:#4a9dc4; } .mainBannerWrap .mainBanner_djb .mainBanner_orange { background-color:#d87d2c; } .mainBannerWrap .mainBanner_djb .mainBanner_text_wrap { position:absolute; display:block; left:100px; top:27px; vertical-align: middle; } .mainBannerWrap .mainBanner_djb .mainBanner_title { display:block; width:100%; margin-bottom:5px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; /* text-overflow: ellipsis; white-space:nowrap; overflow:hidden; */ word-break:keep-all;} .mainBannerWrap .mainBanner_djb .mainBanner_desc_blue { width:90%; line-height:16px; color:#dbf2fa; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } .mainBannerWrap .mainBanner_djb .mainBanner_desc_orange { width:90%; line-height:16px; color:#f9fa8e; font-family:"ngB"; font-size:14px; vertical-align: middle; text-overflow: ellipsis; word-break:keep-all; } /* 2022.08.23 */ .goBtn_cc { display:inline-block; width: 86px; height: 31px; line-height: 31px; text-align: center; background: #949494; color: #fff; font-size: 15px; font-family: "ng"; border-radius: 2px; box-shadow: -1px 1px 0px rgba(0,0,0,.42);} /* 사이버 학교 배너 */ .cyberSchoolWrap { position:relative; margin:35px 0; } .cyberSchoolWrap img { max-width:100%; height:100%; border:1px solid #dcdcdc; } /* 가정법원 배너 */ .halfBannerlWrap { position:relative; margin:35px 0;} .halfBannerWrap ul li:first-child { margin-bottom: 11px; } .halfBanner { width:100%; max-width:356px; height:100px; padding:20px; background:url(/common_img/bookIcon.png) no-repeat right center; background-color:#fff; border:1px solid #dcdcdc; } .checkList { background:url(/common_img/checkListIcon.png) no-repeat right center; background-color:#fff; } .halfBanner .bannerTitle { color:#333; font-family:"ngB"; font-size:22px; margin-bottom:10px; } .halfBanner .desc { width:225px; font-size:13px; color:#656565; } /* 회생법원 */ /* support */ #content .mainSection .support { position:relative; margin:0 auto; } #content .mainSection .support .title { font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #content .mainSection .support ul { width:100%; max-width:351px; background:#f6f6f6; margin-top:10px;} #content .mainSection .support ul:after { clear:both; content:""; display:block; } #content .mainSection .support ul li { float:left; display:inline-block; width:50%; max-width:175px; height:48px; line-height:48px; background:#fbfbfb; text-align:center; vertical-align:middle; border:1px solid #d7d7d7; margin: -1px 0 0 -1px; padding:10px 0 0 0; box-sizing:border-box; } #content .mainSection .support ul li.last { padding-top:5px;} /* #content .mainSection .support ul li:last-child, #content .mainSection .support ul li+li+li+li+li { border:none !important; } */ #content .mainSection .support ul li a { display:block; height:100%; line-height:0; text-align:center; } #content .mainSection .support ul li a img{ display:inline-block; max-width:100%; vertical-align:middle; } /* support - for slnambu 2025.06.04 */ #content .mainSection .support_slnambu { position:relative; margin:0 auto; } #content .mainSection .support_slnambu .title { font-size:22px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-top:-10px;} #content .mainSection .support_slnambu ul { width:100%; max-width:351px; background:#f6f6f6; margin-top:20px;} /* 2025.09.02 modify */ #content .mainSection .support_slnambu ul:after { clear:both; content:""; display:block; } #content .mainSection .support_slnambu ul li { float:left; display:inline-block; width:50%; max-width:175px; height:45px; line-height:45px; background:#fbfbfb; text-align:center; vertical-align:middle; border:1px solid #d7d7d7; margin: -1px 0 0 -1px; padding:10px 0 0 0; box-sizing:border-box; } /* 2025.09.02 modify */ #content .mainSection .support_slnambu ul li a { display:block; height:100%; line-height:0; text-align:center; } #content .mainSection .support_slnambu ul li a img{ display:inline-block; max-width:100%; vertical-align:middle; } /* trialDates */ #content .mainSection .trialDatesWrap { position:relative; margin:0 auto; } #content .mainSection .trialDatesWrap .titleWrap { margin-bottom:5px !important; } #content .mainSection .trialDatesWrap > .trialDates { height: 190px;} #content .mainSection .trialDatesWrap > ul > li > h4 { color:#555; font-family:"ngB"; font-size:18px; padding:16px 0 10px 0; } #content .mainSection .trialDatesWrap > ul > li > h4 > a { display:inline-block; width:100%; color:#555; font-family:"ngB"; font-size:18px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; } #content .mainSection .trialDatesWrap > ul > li:first-child { border-bottom: 1px dashed #d7d7d7; padding-bottom: 12px; } #content .mainSection .trialDatesWrap > ul > li > ul > li { padding: 4px 0; color:#777; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; height:95px; line-height:30px;} #content .mainSection .trialDatesWrap > ul > li > ul > li > a {} /* wishList*/ #content .mainSection .wishListWrap { position:relative; } #content .mainSection .wishList > li { position:relative; width:100%; padding:16px 0; border-bottom:1px dashed #d7d7d7; box-sizing: border-box;} #content .mainSection .wishList > li:first-child { padding-top:0; } #content .mainSection .wishList > li.last { border:0; } #content .mainSection .wishList .wishList_txt { width:80%; font-size:22px; padding-bottom:10px; color:#333; font-family:"ngB"; } #content .mainSection .wishList .goBtn { position:absolute; bottom:18px; right:0; width:86px; height:31px; line-height:31px; text-align:center; background:#959595; color:#fff; font-size:15px; font-family:"ng"; border-radius:2px; box-shadow:-1px 1px 0px rgba(0,0,0,.42); } #content .mainSection .wishList .small_txt { display:block; color:#656565; font-size:13px; letter-spacing: -1px; } /* wishList - for patent 2020.03.30 */ #content .mainSection .wishList2 > li { position:relative; width:100%; padding:6px 0; border-bottom:1px dashed #d7d7d7; box-sizing: border-box;} #content .mainSection .wishList2 > li:first-child { padding-top:0; } #content .mainSection .wishList2 > li.last { border:0; } #content .mainSection .wishList2 .wishList_txt { width:80%; font-size:22px; padding-bottom:10px; color:#333; font-family:"ngB"; } #content .mainSection .wishList2 .goBtn { position:absolute; bottom:18px; right:0; width:86px; height:31px; line-height:31px; text-align:center; background:#959595; color:#fff; font-size:15px; font-family:"ng"; border-radius:2px; box-shadow:-1px 1px 0px rgba(0,0,0,.42); } #content .mainSection .wishList2 .small_txt { display:block; color:#656565; font-size:13px; letter-spacing: -1px; } /* wishList - bsb 2024.03.20 */ #content .mainSection .wishList4 > li { position:relative; width:100%; padding:6px 0; border-bottom:1px dashed #d7d7d7; box-sizing: border-box;} #content .mainSection .wishList4 > li:first-child { padding-top:0; } #content .mainSection .wishList4 > li.last { border:0; } #content .mainSection .wishList4 .wishList_txt { width:80%; font-size:22px; padding-bottom:10px; color:#333; font-family:"ngB"; } #content .mainSection .wishList4 .goBtn { position:absolute; bottom:18px; right:0; width:86px; height:31px; line-height:31px; text-align:center; background:#959595; color:#fff; font-size:15px; font-family:"ng"; border-radius:2px; box-shadow:-1px 1px 0px rgba(0,0,0,.42); } #content .mainSection .wishList4 .small_txt { display:block; color:#656565; font-size:13px; letter-spacing: -1px; } /* courtInLife */ .courtInLife.type1 ul li { padding-left:0; height:52.5px; line-height: 52.5px; color:#555; font-size:16px; font-family:"ngB"; border-bottom: 1px dashed #d7d7d7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .courtInLife.type1 ul li > a { padding-left:75px; color:#555; font-size:16px; font-family:"ngB"; } .courtInLife.type1 ul li:first-child { border-top: 1px dashed #d7d7d7; } .courtInLife.type1 ul li.first { background:url(/rel/common/images/mainWithIcon01.png) no-repeat 16px center; } .courtInLife.type1 ul li.second { background:url(/rel/common/images/mainWithIcon02.png) no-repeat 16px center; } .courtInLife.type1 ul li.third { background:url(/rel/common/images/mainWithIcon03.png) no-repeat 16px center; } .courtInLife.type1 ul li.last { background:url(/rel/common/images/mainWithIcon04.png) no-repeat 16px center; } /* 2021.04.12 add */ .courtInLife.type3 ul{margin:0px;} .courtInLife.type3 ul li { padding-left:0; height:40px; line-height:40px; color:#555; font-size:16px; font-family:"ngB"; border-bottom: 1px dashed #d7d7d7; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .courtInLife.type3 ul li > a { padding-left:75px; color:#555; font-size:16px; font-family:"ngB"; } .courtInLife.type3 ul li:first-child { border-top: 1px dashed #d7d7d7; } .courtInLife.type3 ul li.nicon1 { background:url(/rel/common/images/mainWithNIcon01.png) no-repeat 20px center; } .courtInLife.type3 ul li.nicon2 { background:url(/rel/common/images/mainWithNIcon02.png) no-repeat 20px center; } .courtInLife.type3 ul li.nicon3 { background:url(/rel/common/images/mainWithNIcon03.png) no-repeat 20px center; } .courtInLife.type3 ul li.nicon4 { background:url(/rel/common/images/mainWithNIcon04.png) no-repeat 20px center; } .courtInLife.type3 ul li.nicon5 { background:url(/rel/common/images/mainWithNIcon05.png) no-repeat 20px center; } .courtInLife.type3 ul li.nicon6 { background:url(/rel/common/images/mainWithNIcon06.png) no-repeat 20px center; } .courtInLife.type3 ul li.nicon7 { background:url(/rel/common/images/mainWithNIcon07.png) no-repeat 20px center; } /* courtService*/ .courtService.type1 { padding-top:16px;} .courtService.type1 li { position:relative; float:left; width:40%; height:60px; line-height: 60px; color:#555; font-size: 18px; font-family: "ngB"; letter-spacing: -2px; border-bottom:1px dashed #ddd; background:url(/common_img/main_goBtn.png) no-repeat right center; } .courtService.type1 li > a { display:block; width:100%; height:60px; color:#555; font-size: 18px; font-family: "ngB"; letter-spacing: -2px; } .courtService.type1 li.second { padding-left:5%; width:60%; } .courtService.type1 li.last { width:100% !important; } /* .courtService:after { clear:both; content:""; display:block; } */ /* mainBanner */ .mainBannerWrap .mainBanner.type1 { position:relative; width:100%; margin:0 auto;} .mainBannerWrap .mainBanner.type1 > li { display:block; width:100%; max-width:369px; height:100px; background-color:#d87d2c; background-image: url(/rel/common/images/mainBanner_pattern.png); } .mainBannerWrap .mainBanner.type1 > li:first-child { margin-bottom:10px; background-color:#4a9dc4; } .mainBannerWrap .mainBanner.type1 > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden; padding-right:10px; } .mainBannerWrap .mainBanner.type1 > li.slb04 { background-color:#ef7979; } /* 2025.10.01 add */ .mainBannerWrap .mainBanner.type1 .mainBanner_01 { background-image:url(/rel/common/images/mainBanner_01_img.png); /* background-position:6.9% center; */ background-size:21.13%; word-break:break-all; } .mainBannerWrap .mainBanner.type1 .mainBanner_02 { background-image:url(/rel/common/images/mainBanner_02_img.png); /* background-position:6.9% center; */ background-size:21.13%; word-break:break-all; ;} .mainBannerWrap .mainBanner.type1 .mainBanner_04 { background-image:url(/rel/common/images/mainBanner_04_img.png); /* background-position:6.9% center; */ background-size:21.13%; word-break:break-all; ;} /* 2025.10.01 add */ .mainBannerWrap .mainBanner.type1 .mainBanner a { position:relative; display:block; width:100%; height:100%; color:#fff; cursor:pointer; } .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap { position:absolute; display:block; left:30%; top:25px; vertical-align: middle; } .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap.swn1 { left:33%;} /* 2024.03.05 add */ .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap.swn2 { left:33%; top:37%;} /* 2024.03.05 add */ .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap.slb1 { left:35%;} /* 2025.10.01 add */ .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap .mainBanner_title { display:inline-block; width:90%; margin-bottom:10px; color:#fff; font-family:"ngB"; font-size:22px; vertical-align: middle; letter-spacing: -1px; text-overflow: ellipsis; white-space:nowrap; overflow:hidden; } .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap .mainBanner_title.slgodung1 { color:#013652;} /* 2023.05.11. slgodung */ .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap .mainBanner_title.slgodung2 { color:#5d2406;} /* 2023.05.11. slgodung */ .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap .mainBanner_title.slb1 { width:100%;} /* 2025.10.01 add */ .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap .mainBanner_desc { display:inline-block; width:90%; line-height:16px; font-family:"ngB"; font-size:14px; color:#f9fa8e; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; letter-spacing:-1px; word-break:keep-all; } .mainBannerWrap .mainBanner.type1 > li:first-child .mainBanner_text_wrap .mainBanner_desc {; color:#dbf2fa; } .blue { color:#136bcd; } /*************************************************/ /* WEB */ /*************************************************/ @media all and (min-width:1024px) { .mainMidmenu { float:left; width:22.58%; height:350px;z-index:100; } } /*************************************************/ /* Tablet */ /*************************************************/ @media all and (min-width:768px) and (max-width:1023px) { .mainVisual_outer_wrap { height:426px; } .mainVisual_img { height:310px; } .mainSlideBannerWrap { display:none; } .mainVisual_inner_wrap { width:100%; height:auto; } .mainVisual_outer_wrap_mv { height:426px; } .mainVisual_inner_wrap_mv { width:100%; height:auto; } .mainVisual_img_wrap { position:relative; display:block; width:100%; height:310px !important; border-top:1px solid #bfbfbf; } .mainMidmenu { width:100%; height:116px !important; margin-right:0; } .mainMidmenu > ul { width:100%; max-width:100%; height:116px; } .mainMidmenu > ul > li { width:14.3%; height:116px; } .mainMidmenu > ul > li > a { display:block; width:100%; height:116px; z-index:99; } .mainMidmenu > ul > li.wid { width:14.2% !important; height:95px; } .mainMidmenu > ul > li.wid .midMenuTxt {position:absolute; left:0; top:80px;} .midMenuTxt{bottom:20px;} .mainMidmenu8 { width:100%; height:116px !important; margin-right:0; } .mainMidmenu8 > ul { width:100%; max-width:100%; height:116px; } .mainMidmenu8 > ul > li { width:12.5%; height:116px; } .mainMidmenu8 > ul > li > a { display:block; width:100%; height:116px; z-index:99; } .mainMidmenu8 > ul > li.wid { width:14.2% !important; height:95px; } .mainMidmenu8 > ul > li.wid .midMenuTxt {position:absolute; left:0; top:80px;} .midMenuTxt8{bottom:20px;} .mid01 { background:#7693dd url(../common_img/mainMidMenu_img_01.png) no-repeat center 23px;} .mid02 { background:#e3746c url(../common_img/mainMidMenu_img_02.png) no-repeat center 25px;} .mid03 { background:#d08311 url(../common_img/mainMidMenu_img_03.png) no-repeat center 25px;} .mid04 { background:#4b9ec5 url(../common_img/mainMidMenu_img_04.png) no-repeat center 24px;} .mid05 { background:#43a276 url(../common_img/mainMidMenu_img_05.png) no-repeat center 24px;} .mid06 { background:#949494 url(../common_img/mainMidMenu_img_06.png) no-repeat center 23px;} .mid07 { background:#8a6cb6 url(../common_img/mainMidMenu_img_07.png) no-repeat center 27px;} .mid07Icf { background:#8a6cb6 url(../common_img/mainMidMenu_img_07.png) no-repeat center 27px;} .mid08Icf { background:#dbc039 url(../common_img/mainMidMenu_img_08.png) no-repeat center 27px;} .mid08 { background:#dbc039 url(../common_img/mainMidMenu_img_09.png) no-repeat center 27px;} /* 교육원 */ .mainMidmenuEdu { width:100%; height:116px !important; margin-right:0; } .mainMidmenuEdu > ul { width:100%; max-width:100%; height:116px; } .mainMidmenuEdu > ul > li { width:16.66%; height:116px; } .mainMidmenuEdu > ul > li > a { display:block; width:100%; height:116px; z-index:99; } #content .mainSectionBg { display:none; } #content .contentsOuter { width:100%; margin:0; padding:0; } #content .contentsInner { width:100%; background: #ecedef; padding:7.5px 0; border:1px solid #ecedef; } #content .contentsInner .mainSection { width:49.9%; margin:7.5px 0; padding:0; border-right:1px solid #e5e5e5; background:#fff; box-sizing:border-box;} #content .contentsInner .mainSectionEdu { width:100%; margin:15px 0; padding:0; border-right:1px solid #e5e5e5; background:#fff; } #content .contentsInner .mainSection:nth-child(2n) { border-right:0; } #content .contentsInner .mainSection > div { height:auto; vertical-align: middle; margin:0 auto; padding:20px 15px; box-sizing:border-box;} #content .contentsInner .mainSection.sectionEdu { height:310px; } #content .contentsInner .mainSection.section1 { height:310px; } #content .contentsInner .mainSection.section2 { height:310px; } #content .contentsInner .mainSection.section3 { height:390px; border-right:1px solid #e5e5e5;} #content .contentsInner .mainSection.section4 { height:250px; } #content .contentsInner .mainSection.section5 { height:250px; } #content .contentsInner .mainSection.section6 { height:255px; border-right:1px solid #e5e5e5;} #content .contentsInner .mainSection.section7 { height:255px; } #content .contentsInner .mainSection.section8 { height:260px; } #content .contentsInner .mainSection.section9 { height:260px; border-right:1px solid #e5e5e5;} #content .contentsInner .mainSection.section10 { height:390px; } #content .infoContents .info_list2 > ul { margin:0; } #content .infoContents .info_list > li { margin: 15px 0 0 0; } #content .infoContents .info_list2 > li { margin:0 0 24px 0; } /* 서울남부 2019.12.30 */ #content .contentsInner .mainSection2 { width:49.9%; margin:7.5px 0; padding:0; border-right:1px solid #e5e5e5; background:#fff; box-sizing:border-box;} #content .contentsInner .mainSection2:nth-child(2n) { border-right:0; } #content .contentsInner .mainSection2 > div { height:auto; vertical-align: middle; margin:0 auto; padding:20px 15px; box-sizing:border-box;} #content .contentsInner .mainSection2.section7 { height:255px; } #content .contentsInner .mainSection2.section8 { height:260px; } /*나의 사건검색 */ .myIncidentWrap { margin:30px auto; } .myIncidentWrap li, .captchaWrap { margin:15px 0; } /* #content .myIncidentWrap .titleWrap { margin-bottom:0; background:transparent; } #content .mainSection .myIncident_txt { margin-bottom:20px; } #content .myIncidentWrap .infoContents { padding:5px 10px; } #content .infoContents { padding:0; margin:0; } #content .mainSection .infoContents > li h5 { padding:20px 0 13px 0; } #content .mainSection .myIncidentNumber { display:block; margin-top:10px; width:62.43%; min-width:240px; color:#777; } #content .mainSection .myIncidentName { width:58.43%; min-width:230px; } #content .searchCourtWrap { height:264px; } #content .courtService { padding-top:8px; } */ /* 새소식 */ #content .mainSection .titleWrap { margin-bottom:20px; } #content .info_headLine > dd { padding:10px 0; } #content .infoContents .info_list { margin:0; } #content .infoContents .info_list > li { padding-top:20px; } /* 포토뉴스 */ .photoNews ul { margin:0; height:auto; } .guideBox { width:100%; } .cyberSchoolWrap { margin:0 auto; text-align:center; } .noTitle ul { margin:22px 0 !important; } .halfBanner { max-width:100%; } /* 바란다 */ #content .mainSection .wishListWrap { padding: 20px 15px 0 15px; } #content .mainSection .wishList { margin:5px 0; } /* 바란다 - 특허법원용 2020.03.30 */ #content .mainSection .wishList2 { margin:5px 0; } /* 2024.03.20 - bsb */ #content .mainSection .wishList4 { margin:5px 0; } /* 메인 배너 */ .mainBannerWrap .mainBanner { max-width:356px; margin:0 auto; } /* 슬라이드 배너 */ #content .m_mainSlideBannerWrap .m_mainSlideBanner { width:100%; height:350px; margin:0 auto; margin-top:10px; vertical-align: top; } .m_mainSlideBannerWrap .mainControl { bottom:31px; left: 60%; } #content .contentsInner .mainSection.section10 .title { width:74.07%; font-family:"ngB"; font-size:30px; margin:43px 0 20px 24px; line-height: 37px; letter-spacing:-1.5px; color:#3a64d3; z-index:10; word-break:keep-all; } /* 회생법원 */ /* support */ .support { max-width: 480px;} #content .mainSection .support ul { margin-top: 23px; background:#fff; max-width:480px; } #content .mainSection .support ul li { background:#fff; max-width:240px;} /* mainBanner */ .mainBannerWrap .mainBanner.type1 { width:95%; max-width:356px; margin:0 auto; } /* 2019.07.16 */ .mainBannerWrap .mainBanner_slf { max-width:356px; margin:0 auto; margin-top:-20px; } } /* Mobile */ @media all and (min-width:1px) and (max-width:767px) { #wrap { font-size:12px; } .mainSlideBannerWrap { display:none; } .mainVisual_outer_wrap { width:100%; height:160px; background:#f2f2f2; } .mainVisual_inner_wrap { width:100%; height:155px; border-bottom:1px solid #cecece; vertical-align:middle; } .mainVisual_img_wrap { width:100%; height:100%; } .mainVisual_outer_wrap_mv { width:100%; height:300px; background:#f2f2f2; } .mainVisual_inner_wrap_mv { width:100%; height:295px; border-bottom:1px solid #cecece; vertical-align:middle; } #rollingBanner, #rollingBanner div, #rollingBanner div img { width:100%; height:100%; } .mainVisual { height:100%;} .mainMidmenu { display:none; } .mainMidmenu8 { display:none; } .mainVisual_txt_wrap { height:30px; } .mainVisual_txt { padding:8px 10px; line-height:1; font-size:13px;} .mainControl { width: 55px; height:17px; bottom: 6px; right: 10px; } .mainControl .prev { width:16px; height:16px; background:url(/common_img/m_mainControl_prev.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mainControl .pause { width:16.5px; height:16px; background:url(/common_img/m_mainControl_pause.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mainControl .play { width:16.5px; height:16px; background:url(/common_img/m_mainControl_play.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mainControl .next { width:16px; height:16px; background:url(/common_img/m_mainControl_next.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mainControl_dgg { width: 36.6px; height:17px; bottom: 6px; right: 10px; } .mainControl_dgg .prev { width:16px; height:16px; background:url(/common_img/m_mainControl_prev.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mainControl_dgg .pause { width:16.5px; height:16px; background:url(/common_img/m_mainControl_pause.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mainControl_dgg .play { width:16.5px; height:16px; background:url(/common_img/m_mainControl_play.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mainControl_dgg .next { width:16px; height:16px; background:url(/common_img/m_mainControl_next.png) no-repeat; background-size:contain; -ms-behavior:url(/css/backgroundsize.htc);} .mobileArrow { display:block; position:absolute; top: 50%; margin-top:-22px; width:100%; z-index:100; } .mobileArrow .prev { position:absolute; left:10px; width:22px; height:22px; border-radius:22px; background:rgba(27,27,27,.18) url(/common_img/mainArr_prev.png) no-repeat center center; background-size:8px; text-indent:-9999px; cursor:pointer; } .mobileArrow .next { position:absolute; right:10px; width:22px; height:22px; border-radius:22px; background:rgba(27,27,27,.18) url(/common_img/mainArr_next.png) no-repeat center center; background-size:8px; text-indent:-9999px; cursor:pointer;} #content .mainSectionBg { display:none; } #content .contentsOuter { width:100%; margin:0; padding:0; } #content .contentsInner { padding:0; width:100%; background: #f2f2f2;} #content .contentsInner .mainSection { width:100%; padding:0; margin:0 0 5px 0; background:#fff; border-top:1px solid #cecece; border-bottom:1px solid #cecece; border-right:0;} #content .contentsInner .mainSectionEdu { width:100%; padding:0; margin:5px auto; background:#fff; border-top:1px solid #cecece; border-bottom:1px solid #cecece; border-right:0;} #content .mainSection.section3 > div, .mainSection.section6 > div, .mainSection.section9 > div { height:auto; padding:0 !important; } #content .mainSection > div { width:100%; margin:16px auto 0 auto; padding:0 15px; } #content .contentsInner .mainSection.sectionEdu { border-right:0; } #content .contentsInner .mainSection.section2 { border-right:0; } #content .contentsInner .mainSection.section3 { background:#f8f8f8; height:auto; } #content .contentsInner .mainSection.section4 { border-right:0; } #content .contentsInner .mainSection.section9 { border-right:0;} #content .contentsInner .mainSection.section10 { background:#f8f8f8;} #content .contentsInner .mainSection.section4, .section5, .section6{ height:auto; } #content .mainSection .firstColumn { padding:0; } /* 서울남부 - 2019.12.30 */ #content .contentsInner .mainSection2 { width:100%; padding:0; margin:0 0 5px 0; background:#fff; border-top:1px solid #cecece; border-bottom:1px solid #cecece; border-right:0;} #content .mainSection2 > div { width:100%; margin:16px auto 0 auto; padding:0 15px; } #content .mainSection2 .firstColumn { padding:0; } #content .mainSection2 .title { font-size:16px; line-height:20px; } #content .mainSection2 .title span{font-size:12px;} /* 2025.02.03 add */ #content .mainSection .myIncident > .titleWrap { height:16px; margin-bottom:10px; padding:15px; } #content .mainSection .newsWrap { height:auto; padding:0; } #content .mainSection .majorRuling { height:auto; padding:0; } #content .mainSection .titleWrap { margin-bottom: 0; padding:0 15px; } #content .mainSection .titleWrap .title { font-size:16px; } #content .mainSection .title { font-size:16px; line-height:20px; } #content .mainSection .title span{font-size:12px;} /* 2025.02.03 add */ #content .mainSection .newsWrap > .titleWrap, #content .mainSection .majorRuling > .titleWrap { padding: 0 15px; margin-bottom:8px; } #content .info_headLine > dd { height:auto; padding:12px 0 15px 0; font-size:12px; line-height:24px; color:#777; } #content .info_headLine > dt > a { font-size:13px; } #content .info_headLine > dd > a { font-size:12px; } #content .info_headLine > dd > a * { font-size:12px !important;} .more { width:17px; height:17px; background:none; } .more:before { position: absolute; top: 3px; left: 7px; width: 1px; height: 9px; background: #777; content: ""; } .more:after { position: absolute; top: 7px; left: 3px; width: 9px; height: 1px; background: #777; content: ""; } #content .infoContents { width:100%; margin:0 0 10px 0; } #content .mainSection .info_headLine { padding: 0 15px; } #content .infoContents .info_list > li { padding:0 15px; } #content .infoContents .info_list2 > li { padding:0 15px; margin:0 0 6px 0;} #content .infoContents .info_list2 > li .time { width:17%; right:15px; top:0; } #content .infoContents .info_list2 > li time { right:15px;} #content .info_headLine { border-bottom: 1px solid #d7d7d7} #content .infoContents .info_list { width:100%; margin:5px 0; } #content .infoContents .info_list2 > li > a { font-size:12px;} #content .infoContents .new { background-size:10px; } /* 나의 사건 검색 */ .myIncident { margin:0 auto; } #content .mainSection .myIncident_txt { margin:0 15px; } .myIncidentWrap { height:auto; margin:0; padding:0 15px;} .myIncidentWrap li{ margin:5px 15px; } .captchaWrap { margin:0px; } .myIncidentWrap .myIncidentName { width:84%; max-width:290px; } .answerTxt { width:61%; max-width:219px; } #content .mainSection .myIncident_txt { font-size:12px; } /* #content .mainSection .myIncident { margin:0 auto; height:auto; padding:0 15px 15px 15px !important; font-size:12px; } #content .mainSection .myIncident .myIncidentWrap { margin:0 15px;} #content .mainSection .myIncident .infoContents { padding:0 15px 15px 15px; } #content .mainSection .myIncident .example { color:#fd654e; border-bottom:1px solid #fd654e; font-size:12px; } #content .mainSection .myIncident .btnSearch { width: 77.5px; font-size:12px; height:27px; line-height:0; background:#ff674f; } #content .mainSection .myIncident_txt { display:none; } #content .mainSection .myIncidentNumber { display:none; } #content .mainSection .selectCourtLarge, #content .mainSection .selectCourt { width: 92px; height:27px; line-height:27px; font-size:12px; border:1px solid #cfcfcf; } #content .mainSection .selectCourt+.last { margin-left:10px; } #content .mainSection .myIncidentName { display:inline-block; width: 42.34%; min-width:135.5px; height:27px; border:1px solid #cfcfcf; } #content .mainSection .infoContents > li h5 { display:inline-block; margin-right: 15px; } */ /* 생활속의 법이야기 */ #content .mainSection .courtInLife { width:100%; margin:0 auto; padding:0;} #content .mainSection .courtInLife .title { margin:15px 0 0 14px; } #content .mainSection .courtInLife ul li { border-bottom:1px solid #d3d3d3;} #content .mainSection .courtInLife ul li:first-child { border-top:none; /* background-size:20px; background-position:22px center !important; */} #content .mainSection .courtInLife ul li:last-child { border-bottom: none; } #content .mainSection .courtInLife ul li { background-position:20px center !important; background-size: 22px; -ms-behavior:url(/css/backgroundsize.htc); height:35px; line-height:32px; vertical-align:middle; } #content .mainSection .courtInLife ul li.pencilIcon{ background-size: 20px;} .courtInLife ul li > a { font-size: 13px; } .section4 .noTitle { padding:0 !important; } .noTitle { padding: 0 !important; } .noTitle ul { margin:0 !important; } .noTitle ul li { padding-left:62px; } .noTitle ul li.facebookIcon { background-size: 16px !important; -ms-behavior:url(/css/backgroundsize.htc); } /* 국민곁에 있는 법원 */ #content .mainSection .courtWith .title { margin:15px 0 0 14px; } .courtWith { margin:0 auto !important; padding:0 !important; } .courtInLife ul, .courtWith ul { margin-top:9px; } #content .mainSection .courtWith ul li { background-position:20px center !important; background-size: 20px; -ms-behavior:url(/css/backgroundsize.htc);height:35px; line-height:32px; border-bottom:1px solid #d3d3d3; padding-left:60px; } #content .mainSection .courtWith ul li:first-child { border-top:none; } #content .mainSection .courtWith ul li:last-child { border-bottom: none;} .courtWith ul li > a { font-size: 13px; } .height70 { height:35px !important; line-height:32px !important; } /* 생활속의 법원 */ .courtInLife ul li { padding-left:60px; } .coffeeIcon { background-size: 20px !important; -ms-behavior:url(/css/backgroundsize.htc);} /* .facebookIcon { background-size: 16px !important; } */ .micIcon { background-size: 16px !important; -ms-behavior:url(/css/backgroundsize.htc);background-position:24px center !important;} /* 2018.05.28 */ .toppad_50{padding:0 !important;} /* 자주묻는질문 */ .faq { padding: 0 !important; } .faq .titleWrap { padding: 0 15px; } /* .faq .more { display:none; } */ .faq ul { margin-top:0; } .faq ul li { border-bottom:1px solid #d3d3d3; } .faq ul li:first-child { border-top:none; } .faq ul li:last-child { border-bottom:none; } .faq ul li > a { margin-right:10px; padding: 0 15px; } /* 포토뉴스 */ .photoNews { padding:0 !important; } .photoNews ul { display:block; margin:0 auto; padding:10px 15px; height:auto; } .photoNews ul li { text-align:left; } .photoNews ul li a > img { position:relative; width:100%; height:auto; /*height:90px;*/ } .photoNews ul li span { /*width:135px;*/ height:auto; font-size:13px; font-family:"ng"; line-height:16px; padding:11px 0 15px 0; } .playButton { width:40px; height:27px !important; top:23.5%; left:40%; background-size: 13px; } .guideBox { width:100%; height:79px; padding:10px 0; } .guideBox > img { width:38px; } .guideBox > span { margin:0; padding:8px 0 15px 0; } /* 사이버 홍보관 */ .videoWrap { width:auto; } .videoWrap img { width: 113px; height:82px; } .videoWrap .playButton { width:40px; height:27px; background-size: 13px; } .freeBoxWrap { width:95%; margin-bottom:16px !important; } .freeBoxWrap .freeBox { border:none; height:auto; padding:0; } .freeBoxWrap .freeBox .freeBoxContent { padding:0 15px; height:auto; background-position:95% bottom; background-size:90px; -ms-behavior:url(/css/backgroundsize.htc); } .freeBoxWrap .freeBox .freeBoxContent.type2 { background-size:70px; } .freeBoxWrap .freeBox .freeBoxContent .desc { margin-top:12px; width:190px; line-height:16px; } .freeBoxWrap .freeBox .witness { background-position:92% 88%; background-size:75px; -ms-behavior:url(/css/backgroundsize.htc); } .freeBoxWrap .freeBox .volunteer { background-size:79px; } .freeBoxWrap .freeBox .civil { padding:0 15px; background-size:75px; background-position:95% bottom; } .freeBoxWrap .freeBox .precedent { background-size:60px; } .divorceBox { padding:0; } .divorceBox .videoTitle { width:60%; } .divorceBox .desc { line-height:16px; } .goBtn { width:78px; height:27px; line-height:25px; line-height:23px\0/IE8+9;; font-size:12px; box-shadow:none; margin-top:5px; } .witness .goBtn { margin-top:20px; } .freeBoxWrap .freeBox .freeBoxContent .goBtn { /* position:relative; */ height:23px; line-height:20px; margin-top:0; } .freeBoxWrap .freeBox .freeBoxContent .goBtn.type2 { position:relative; display:inline-block; } .divorceBox .videoTitle { font-size:15px; margin-bottom:0; line-height:18px; } .videoWrap.m-t-5 { margin-top:0 !important;;} .halfBannerWrap { margin:0 auto !important; } .halfBannerWrap ul li:first-child { margin:0; border-bottom:1px solid #d3d3d3; } .halfBannerWrap ul li img { width:100%; } .halfBanner { max-width:99%; border:none; padding:15px; height:auto; background-size:47px; -ms-behavior:url(/css/backgroundsize.htc);background-position:right 65%;} .checkList { background-size:49px; -ms-behavior:url(/css/backgroundsize.htc);} .halfBanner .bannerTitle { font-size: 15px; } /* 각급법원에 바란다 */ #content .mainSection .wishListWrap { width:100%; height:auto; padding:0; margin:0; } #content .mainSection .wishList { width:100%; margin:0 auto; padding:0; } #content .mainSection .wishList > li { position:relative; height:57px; line-height:57px; border-bottom:1px solid #d3d3d3; padding:0 10px 0 20px; } #content .mainSection .wishList .goBtn { width:77.5px; height:27px; line-height:27px; bottom:15px; right:15px; vertical-align: middle; font-size:12px; padding:0; box-shadow:none; } #content .mainSection .wishList .wishList_txt { font-size:15px; } #content .mainSection .wishList .small_txt { display:none; } /* 각급법원에 바란다-특허법원용 2020.03.30 */ #content .mainSection .wishList2 { width:100%; margin:0 auto; padding:0; } #content .mainSection .wishList2 > li { position:relative; height:57px; line-height:57px; border-bottom:1px solid #d3d3d3; padding:0 10px 0 20px; } #content .mainSection .wishList2 .goBtn { width:77.5px; height:27px; line-height:27px; bottom:15px; right:15px; vertical-align: middle; font-size:12px; padding:0; box-shadow:none; } #content .mainSection .wishList2 .wishList_txt { font-size:15px; } #content .mainSection .wishList2 .small_txt { display:none; } /* 2024.03.20 - bsb */ #content .mainSection .wishList4 { width:100%; margin:0 auto; padding:0; } #content .mainSection .wishList4 > li { position:relative; line-height:57px; border-bottom:1px solid #d3d3d3; padding:0 10px 0 20px; } #content .mainSection .wishList4 .goBtn { width:77.5px; height:27px; line-height:27px; bottom:15px; right:15px; vertical-align: middle; font-size:12px; padding:0; box-shadow:none; } #content .mainSection .wishList4 .wishList_txt { font-size:15px; } #content .mainSection .wishList4 .small_txt { display:none; } /* 주요재판영상 */ .trialMovie { padding:0 !important; } .trialMovie .title { padding:0 15px; } .trialMovie ul { margin-top:10px; } .trialMovie ul li { padding-left:62.5px; height: 27px; line-height: 27px; font-size:12px; background-size:16px; -ms-behavior:url(/css/backgroundsize.htc);border-bottom:1px solid #d3d3d3; } .trialMovie ul li:first-child { border-top:none; } .trialMovie ul li:last-child { border-bottom:none; } /* 법원 서비스 */ #content .mainSection .courtServiceWrap { width:100%; margin:0 auto; padding:0; } #content .mainSection .courtServiceWrap .title { margin:15px 0 0 14px; } #content .mainSection .courtService { padding-top:9px; } #content .mainSection .courtService li { background-position: 92% center; background-size: 16px; -ms-behavior:url(/css/backgroundsize.htc);height:35px; line-height:35px; border-bottom: 1px solid #d3d3d3; width:50%; } #content .mainSection .courtService.type1 li.last { background-position: 96% center !important; } #content .mainSection .courtService li > a { display:block; width:100%; height:auto; padding: 0 0 0 20px; font-size:13px; box-sizing:border-box; } #content .mainSection .courtService li.second { padding:0; width:50%; } #content .mainSection .courtService li:nth-child(5n) { border-bottom:0; } #content .mainSection .courtService li:nth-child(6n) { border-bottom:0; } /* 전자민원센터 */ .eminwon { margin:18px 0 0 0; } .eminwon .eminwon_img { width:88px; height:88px; } .eminwon .eminwon_img .eminwon_img_01, .eminwon .eminwon_img .eminwon_img_02 { background-size:50px; } .eminwon .eminwon_img .eminwon_img_03 { background-size:42px; } .eminwon_txt { font-size:13px; line-height:16px; margin-top:11px; } /* 법원 서비스 - 서울남부, 2019.12.30 */ #content .mainSection2 .courtServiceWrap2 { width:100%; margin:0 auto; padding:0; } #content .mainSection2 .courtServiceWrap2 .title { margin:15px 0 0 14px; } #content .mainSection2 .courtService2 { padding-top:9px; } #content .mainSection2 .courtService2 li { background-position: 92% center; background-size: 16px; -ms-behavior:url(/css/backgroundsize.htc);height:35px; line-height:35px; border-bottom: 1px solid #d3d3d3; width:50%; } #content .mainSection2 .courtService2.type1 li.last { background-position: 96% center !important; } #content .mainSection2 .courtService2 li > a { display:block; width:100%; height:auto; padding: 0 0 0 20px; font-size:13px; box-sizing:border-box; } #content .mainSection2 .courtService2 li.second { padding:0; width:50%; } #content .mainSection2 .courtService2 li.third { padding:0; width:50%; } #content .mainSection2 .courtService2 li:nth-child(5n) { border-bottom:0; } #content .mainSection2 .courtService2 li:nth-child(6n) { border-bottom:0; } /* 전자민원센터 - 서울남부, 2019.12.30 */ .eminwon2 { margin:18px 0 0 0; } .eminwon2 .eminwon_img { width:88px; height:88px; } .eminwon2 .eminwon_img .eminwon_img_01, .eminwon2 .eminwon_img .eminwon_img_02 { background-size:50px; } .eminwon2 .eminwon_img .eminwon_img_03 { background-size:42px; } .eminwon_txt2 { font-size:13px; line-height:16px; margin-top:11px; } /* 메인배너 */ /* 2018.05.28 #content .mainSection .mainBannerWrap { width:100%; padding:0; margin:0; height:120px; } */ #content .mainSection .mainBannerWrap { width:100%; padding:0; margin:0;} #content .mainSection .mainBannerWrap .mainBanner > li { margin-bottom:0; max-width:100%; height:60px; background-image: none; } .mainBannerWrap .mainBanner > li > a { margin:0 auto; } .mainBanner > li img { display:none; } .mainBannerWrap .mainBanner .mainBanner_01 { background-size:40px; -ms-behavior:url(/css/backgroundsize.htc);background-position:24px; } .mainBannerWrap .mainBanner .mainBanner_02 { background-size:35px; -ms-behavior:url(/css/backgroundsize.htc);background-position:25px; } .mainBannerWrap .mainBanner .mainBanner_03 { background-size:50px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_04 { background-size:42px; -ms-behavior:url(/css/backgroundsize.htc);background-position:20px; } .mainBannerWrap .mainBanner .mainBanner_05 { background-size:42px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_06 { background-size:42px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_07 { background-size:42px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_09 { background-size:45px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_10 { background-size:50px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_11 { background-size:42px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_12 { background-size:50px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_13 { background-size:42px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_14 { background-size:40px; -ms-behavior:url(/css/backgroundsize.htc);background-position:20px center; } .mainBannerWrap .mainBanner .mainBanner_15 { background-size:45px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_16 { background-size:50px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_17 { background-size:54px; -ms-behavior:url(/css/backgroundsize.htc);background-position:15px center; } .mainBannerWrap .mainBanner .mainBanner_18 { background-size:50px; -ms-behavior:url(/css/backgroundsize.htc);background-position:15px center; } .mainBannerWrap .mainBanner .mainBanner_19 { background-size:44px; -ms-behavior:url(/css/backgroundsize.htc);background-position:15px center; } .mainBannerWrap .mainBanner .mainBanner_21 { background-size:42.5px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_22 { background-size:33.5px; -ms-behavior:url(/css/backgroundsize.htc);background-position:25px center;} .mainBannerWrap .mainBanner .mainBanner_23 { background-size:33.5px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_24 { background-size:33.5px; -ms-behavior:url(/css/backgroundsize.htc);} .mainBannerWrap .mainBanner .mainBanner_25 { background-size:54px; -ms-behavior:url(/css/backgroundsize.htc);background-position:15px center; } .mainBannerWrap .mainBanner .mainBanner_26 { background-size:33.5px; -ms-behavior:url(/css/backgroundsize.htc); } .mainBannerWrap .mainBanner .mainBanner_27 { background-size:33.5px; -ms-behavior:url(/css/backgroundsize.htc); } .mainBannerWrap .mainBanner .mainBanner_text_wrap { left:80px; top:8px; padding:0; } .mainBannerWrap .mainBanner .mainBanner_text_wrap .mainBanner_title { font-size: 15px; margin-bottom:0; } .mainBannerWrap .mainBanner .mainBanner_text_wrap .mainBanner_title.type_2{ padding-top:2px; line-height:20px;} .mainBannerWrap .mainBanner .mainBanner_text_wrap .mainBanner_desc { display:inline-block; width:100%; font-size:12px; line-height:12px; } .mainBannerWrap .mainBanner .mainBanner_text_wrap .type_1 { padding-top:3px; } .mainBannerWrap .mainBanner .mainBanner_10 .mainBanner_text_wrap, .mainBannerWrap .mainBanner .mainBanner_11 .mainBanner_text_wrap { left:76px !important; } .bannerViewIcon { display:none; } /* 2018.05.28 */ .mainBannerWrap .mainBanner2 { position:relative; width:100%; margin:0 auto;} .mainBannerWrap .mainBanner2 > li { display:block; width:100%; max-width:100%; height:70px; background-color:/* #fea85c */ #d87726; background-image: url(/common_img/banner/mainBanner_pattern.png); } .mainBannerWrap .mainBanner2 > li > a { position:relative; display:block; max-width:100%; height:100%; background-repeat: no-repeat; overflow:hidden;} .mainBannerWrap .mainBanner2 .mainBanner_02 { background-image:url(/common_img/banner/mainBanner_02_1_img.png); background-position:95% center;} .mainBannerWrap .mainBanner2 .mainBanner_text_wrap .mainBanner_title {font-size:15px; margin-bottom:0;} .mainBannerWrap .mainBanner2 .mainBanner_text_wrap .type_2 { padding-top:15px; line-height:20px;} /* 2019.07.16 */ .mainBannerWrap .mainBanner_slf { position:relative; width:100%; margin:0 auto;} .mainBannerWrap .mainBanner_slf > li { display:block; width:100%; margin-bottom:0; max-width:100%; height:60px; background-image: none; margin:0; } .mainBannerWrap .mainBanner_slf .mainBanner_24s { background-size:40px; -ms-behavior:url(/css/backgroundsize.htc); background-position:20px center; } .mainBannerWrap .mainBanner_slf .mainBanner_13s { background-size:42px; -ms-behavior:url(/css/backgroundsize.htc); background-position:20px center;} .mainBannerWrap .mainBanner_slf .mainBanner_14s { background-size:40px; -ms-behavior:url(/css/backgroundsize.htc); background-position:20px center; } .mainBannerWrap .mainBanner_slf .mainBanner_text_wrap { left:80px; top:18px; padding:0; } .mainBannerWrap .mainBanner_slf .mainBanner_text_wrap2 { left:80px; top:8px; padding:0; } .mainBannerWrap .mainBanner_slf .mainBanner_title { font-size: 15px; margin-bottom:0; } .mainBannerWrap .mainBanner_slf .mainBanner_title.type_2{ padding-top:2px; line-height:20px;} .mainBannerWrap .mainBanner_slf .mainBanner_desc { display:inline-block; width:100%; font-size:12px; line-height:12px; } .mainBannerWrap .mainBanner_slf .type_1 { padding-top:3px; } /* 2022.02.03 */ .mainBannerWrap .mainBanner_slf .mainBanner_25s { background-size:40px; -ms-behavior:url(/css/backgroundsize.htc); background-position:20px center; } /* 2024.03.20 - bsb */ .mainBannerWrap .mainBanner_bsb .mainBanner_text_wrap { top:-5px;} .mainBannerWrap .mainBanner_bsb .mainBanner_title { height:22px; } /* 2024.11.01 - seoul */ .mainBannerWrap .mainBanner_seoul1 {position:relative; width:100%; background:#32A679; height:60px; max-width:100%; margin:0;} .mainBannerWrap .mainBanner_seoul1 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background:url(/common_img/banner/mainBanner_seoul1.png) no-repeat 90% center;background-size: 45px;} .mainBannerWrap .mainBanner_seoul2 {position:relative; width:100%; background:#fea95e; height:60px; max-width:100%; margin:0;} .mainBannerWrap .mainBanner_seoul2 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background:url(/common_img/banner/mainBanner_seoul2.png) no-repeat 90% center;background-size: 45px;} .mainBannerWrap .mainBanner_seoul2 a {display:block;padding: 5px 0;} .mainBannerWrap .mainBanner_seoul3 {position:relative; width:100%; background:#75afbd; height:60px; max-width:100%; margin:0;} .mainBannerWrap .mainBanner_seoul3 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background:url(/common_img/banner/mainBanner_seoul3.png) no-repeat 9% center;background-size: 40px;} .mainBannerWrap .mainBanner_seoul3 a {display: inline-block;position: relative;left: 28%;top: 10%;} .mainBannerWrap .mainBanner_seoul4 {position:relative; width:100%; background:#d87d2c; height:60px; max-width:100%; margin:0;} .mainBannerWrap .mainBanner_seoul4 .bg {position:relative; display:block; max-width:100%; height:100%;overflow:hidden;background: url(/common_img/banner/mainBanner_30_img.png) no-repeat 9% center;background-size: 40px;} /* 2025.08.22 추가 - 창원 */ .mainBannerWrap .mainBanner_changwon { position:relative; width:100%;margin-top:0px;} .mainBannerWrap .mainBanner_changwon > li { display:block; width:100%; max-width:100%; height:60px; background-color:#329aa6;background-image: url(/common_img/banner/mainBanner_pattern.png); margin:10px 0;} .mainBannerWrap .mainBanner_changwon .mainBanner_02s { background-image:url(/common_img/banner/mainBanner_02_img.png); background-position:30px center;background-size:5%;} /* 2025.09.19 추가 - busan */ .mainBannerWrap .mainBanner_bs {margin-top:10px;} .mainBannerWrap .mainBanner_bs > li{max-width:100%;} /* 대학생기자단 블로그 */ .cyberSchoolWrap { height:130px !important; margin-top:0 !important; text-align:center; padding:0 !important; } .cyberSchoolWrap > a { display:block; height:inherit; } .cyberSchoolWrap img { display:none; } .cyberSchoolWrap.type1 { background: #75e6f8 url(/common_img/banner/cyberSchool_m.png) no-repeat; background-size:100% 100%; } .cyberSchoolWrap.type2 { background: linear-gradient(#e4f7fe, #fff); background-image:url(/common_img/banner/daejeonBlog_m.png); background-repeat: no-repeat; background-size:100% 100%; } .cyberSchoolWrap.type3 { background: #e9f1fc url(/common_img/banner/webtoon_m.png) no-repeat; background-size:100% 100%; } .cyberSchoolWrap.type4 { background:#eafefd url(/common_img/banner/parentsBook_m.png) no-repeat; background-size:100% 100%; } .cyberSchoolWrap.type5 { background: #edd7c4 url(/common_img/banner/cheongjuBlog_m.png) no-repeat; background-size:100% 100%; } /* 세계속의 특허법원 */ .patentList { padding:0 !important; } .patentList .title { padding:0 15px; } .patentList ul { margin-top:10px; } .patentList ul li { padding:0 15px; height: 35px; line-height: 35px;border-bottom:1px solid #d7d7d7 } .patentList ul li:first-child { border-top:none; } .patentList ul li:last-child { border-bottom:none; } .patentList ul li > a { height:inherit; font-size:12px; } .patentList ul li > a > span.goBtn { width:69px; height:24px; line-height:20px; font-size:12px; bottom: 5px; } .patentList ul li > a > span.down { width:69px; height:24px; line-height:23px; font-size:12px; bottom: 5px; padding-left:5px; } /* 언어별 소개 책자 */ .languageGuideWrap { margin:0 !important;; } .languageGuideWrap .languageGuide > li { height:60px; padding: 10px 0 0 10px; } .languageGuideWrap .languageGuide > li .circle { width:44px; height:44px; } .languageGuideWrap .languageGuide > li .circle img { width:44px; height:44px; } .languageGuideWrap .languageGuide > li a .languageTxt { padding:0; top:12px; left:70px; } .languageGuideWrap .languageGuide > li a .languageTitle { font-size:13px; } .languageGuideWrap .languageGuide > li a .desc { font-size:12px; margin-top:0; } .languageGuideWrap .languageGuide > li:first-child, .languageGuideWrap .languageGuide > li:first-child+li { border-top:none; } .languageGuideWrap .languageGuide > li:first-child+li+li, .languageGuideWrap .languageGuide > li:first-child+li+li+li{ border-bottom:none; } /* 슬라이드 배너 */ .m_mainSlideBannerWrap { display:block; position:relative; padding:0; margin-bottom:16px !important; } /* .mainSlideBanner { width:135px; height:175px;} */ .mainSlideBanner { width:180px; height:245px; } #content .contentsInner .mainSection.section10 .title { margin: 20px 17px 10px 13px; color:#3a64d3; } .mainSlideBanner .more { width:12.5px; height:12.5px; text-indent:-9999px; color:#fff; background:none; } .mainSlideBanner .more:before { position: absolute; top: 3px; left: 5px; width: 1px; height: 5px; background: #fff; content: ""; } .mainSlideBanner .more:after { position: absolute; top: 5px; left: 3px; width: 5.5px; height: 1px; background: #fff; content: ""; } .mainSlideBanner .mainSlideBanner_bg, .mainSlideBanner > li > div > img { max-width:100%; /* height:175px; */ height:245px; } .mainSlideBanner .desc { width:95%; font-size:12px; line-height:14px; padding-left:12px; } .m_mainSlideBannerWrap .mainControl { top:0; right:15px; } /* 회생법원 */ /* /* support */ #content .mainSection .support { background:#f8f8f8; padding-bottom:15px; } #content .mainSection .support .title { padding:10px 0; font-size:16px; } #content .mainSection .support ul { max-width:100%; margin-top:0; } #content .mainSection .support ul li { max-width:50%; padding-top:0px; } #content .mainSection .support ul li.last { padding-top:0px; } #content .mainSection .support ul li a { height:100%; line-height:40px; } @media \0screen{#content .mainSection .support ul li a {line-height:0;}} #content .mainSection .support ul li a img { vertical-align:middle; max-width:55%; } /* support - for slnambu 2025.06.04*/ #content .mainSection .support_slnambu { background:#f8f8f8; padding-bottom:15px; } #content .mainSection .support_slnambu .title { padding:10px 0; font-size:16px; } #content .mainSection .support_slnambu ul { max-width:100%; margin-top:0; } #content .mainSection .support_slnambu ul li { max-width:50%; padding-top:0px; } #content .mainSection .support_slnambu ul li.last { padding-top:0px; } #content .mainSection .support_slnambu ul li a { height:100%; line-height:40px; } @media \0screen{#content .mainSection .support_slnambu ul li a {line-height:0;}} #content .mainSection .support_slnambu ul li a img { vertical-align:middle; max-width:55%; } #content .mainSection .trialDatesWrap { padding:0; } #content .mainSection .trialDatesWrap .titleWrap { padding:15px; } #content .mainSection .trialDatesWrap > ul > li { padding:0 15px 15px 15px; } #content .mainSection .trialDatesWrap > ul > li:first-child { border-bottom:1px solid #d3d3d3; } #content .mainSection .trialDatesWrap > ul > li > h4 > a { font-size:13px; } #content .mainSection .trialDatesWrap > .trialDates { height:auto; } /*#content .mainSection .courtService.type1 li:last-child { width:100%; border-bottom:none; background-position:95% center; }*//*2026.02.20 modify */ .courtInLife.type1 ul li > a { padding-left:60px; font-size:13px; } /* banner */ .mainBannerWrap .mainBanner.type1 .mainBanner_01 { background-size:40px !important; } .mainBannerWrap .mainBanner.type1 .mainBanner_02 { background-size:40px !important; } .mainBannerWrap .mainBanner.type1 .mainBanner_04 { background-size:40px !important; } /* 2025.10.01 add */ .mainBannerWrap .type1.mainBanner .mainBanner_text_wrap { top:12px; left:80px; width:100%; padding:0; margin:0; height:120px; } .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap.slb1{ top:12px; left:80px; width:100%; padding:0; margin:0; height:50px;} /* 2025.10.01 add */ .mainBannerWrap .type1.mainBanner .mainBanner_text_wrap .mainBanner_title {font-size: 15px; margin-bottom:0; } .mainBannerWrap .mainBanner.type1 .mainBanner_text_wrap .mainBanner_title.slb1{font-size: 15px; margin:0;} /* 2025.10.01 add */ } @media all and (min-width:1024px) and (max-width:1270px) { .mainVisual_outer_wrap { overflow:hidden; } .mainVisual_outer_wrap_mv { overflow:hidden; } .midMenuTxt { font-size:15px; } .eminwon { margin-bottom:12px; } .eminwon .eminwon_img { width:85px; height:85px; } .eminwon_img_01, .eminwon_img_02 { margin-right:5px; } .courtService li { background-size:14px; } .courtService li > a { font-size:16px; } .eminwon_txt { font-size:16px; margin-top:24px; } .divorceBox .desc { font-size:13px; line-height:15px; } .mainBannerWrap .mainBanner .mainBanner_text_wrap .mainBanner_title { font-size:18px; } .mainBannerWrap .mainBanner .smallTxt { font-size:14px; } .mainBannerWrap .mainBanner > li > a { background-size: 55px; } .mainBannerWrap .mainBanner .mainBanner_17 { background-position: 10px center; } .mainBannerWrap .mainBanner .mainBanner_text_wrap { left: 95px;} #content .mainSection .wishList .goBtn, .patentList ul li > a > span.goBtn { width:68px; } #content .mainSection .wishList2 .goBtn, .patentList ul li > a > span.goBtn { width:68px; } /* 특허법원 */ #content .mainSection .wishList4 .goBtn, .patentList ul li > a > span.goBtn { width:68px; } /* 2024.03.20 - bsb */ .mainBannerWrap .mainBanner .mainBanner_text_wrap .type_1.mType1 { padding-top:3px; } .guideBox { max-width:130px; } /* 특허법원 */ .patentList ul li > a { font-size:16px; } .languageGuideWrap .languageGuide > li { padding: 25px 0 0 13px; } .languageGuideWrap .languageGuide > li a .languageTxt { left:72px; } .languageGuideWrap .languageGuide > li .circle, .languageGuideWrap .languageGuide > li .circle img { width:55px; height:55px; } .languageGuideWrap .languageGuide > li a .languageTitle { font-size:16px; } .languageGuideWrap .languageGuide > li a .desc { font-size:15px; } /* 회생법원 */ #content .mainSection .support .title { font-size:18px; } #content .mainSection .support img { width:80%; } } /* 2021.04.16 면접교섭센터 추가*/ .freeBoxWrap .freeBox3 {width:100%; height:100px; padding:20px 30px; background:#6b91f4;} .freeBoxWrap .freeBox3 .fleft {float:left;width:60%; } .freeBoxWrap .freeBox3 h4{margin:0 0 10px 0;width:100%;text-align:center;font-size:24px;letter-spacing:-1px;color:#fff;} .freeBoxWrap .freeBox3 span {display:inline-block;width:100%;text-align:center;color:#23262d;font-size:18px;line-height:22px;} .freeBoxWrap .freeBox3 .fright{float:right;} .freeBoxWrap .freeBox3 .goBtn {box-shadow:none;} .freeBoxWrap .freeBox4 {width:100%; height:100px; padding:15px 30px; background:#d28511;} .freeBoxWrap .freeBox4 .fleft {float:left;width:60%; } .freeBoxWrap .freeBox4 h4{margin:0 0 10px 0;width:100%;text-align:center;font-size:24px;letter-spacing:-1px;color:#fff;} .freeBoxWrap .freeBox4 span {display:inline-block;width:100%;text-align:center;color:#23262d;font-size:18px;line-height:22px;} .freeBoxWrap .freeBox4 .fright{float:right;} .freeBoxWrap .freeBox4 .goBtn {box-shadow:none;}