/*공통*/ .objectWr { position:relative; width:1200px; margin:0 auto; text-align:center;} .boxWr { width:100%; overflow:hidden; } .more { position:absolute; right:23px; top:23px; } a {font-family:'NanumSquareRound',nsr,'Nanum Barun Gothic';} /* Logo */ .header_bottom h1 { width:35%; padding-top:10px; padding-bottom:10px; position:relative; margin:0 auto; text-align:center; border:1px solid #00ff00; } .header_bottom h1 a img {margin:8px auto 8px auto;} /* 검색 */ .header_bottom .search_area { position:absolute; top:0px; right:0px; overflow:hidden; padding-top:40px; margin-right:10px; border:0px solid #00ff00; } /* .bigbanner_area 스타일은 slickslide 폴더의 style.css 파일에 정의되어있음 */ /* main slide area */ .main-slide-area {/*background:url(/images/main/slide/slide_basic_bg.jpg) no-repeat center center;*/ /*float:left;*/ width:100%; height:auto; display:inline-block; /*overflow:hidden;*/ margin:0 0 0 0; padding:0; z-index:1; border:0px solid #00ff00;} .margin-right-no {margin-right:0;} .ulk_100perArea {clear:both; float:left; width:100%; display:block; position:relative; margin:0 auto; text-align:center; z-index:1; font-weight:400; font-family:'NanumSquareRound',nsr, 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important; border-bottom:1px solid #ddd; } .middle100perArea {clear:both; position:relative; display:block; margin:0 auto; overflow:hidden; text-align:center; font-family:'NanumSquareRound', 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important;} .bordertop1px {border-top:1px solid #dddddd; } /* 변호사 찾기 */ .find-lawyer-wrap {position:absolute; bottom:0; width:40%; left:50%; margin-left:-20%; background:rgba(7,56,104,0.9); text-align:center; border-radius:70px 100px 0 0; padding:25px 46px; z-index:10;} .find-lawyer-wrap dl.innerwrap {width:100%; display:table; margin-top:10px; border-collapse:collapse;} .find-lawyer-wrap dl.innerwrap dt {width:130px; padding:4px 5px 0 50px; font-size:19px; font-weight:bold; color:#fff; line-height:1.2; vertical-align:top; display:table-cell; position:relative;} .find-lawyer-wrap dl.innerwrap dt:before {width:43px; height:53px; content:''; background:url(/images/main/find/ico-slide-find-lawyer.svg) no-repeat left 0px; background-size:cover; position:absolute; left:0; top:0px; z-index:11;} .find-lawyer-wrap dl.innerwrap dd.input-box {display:table-cell; width:; height:46px; padding:0; vertical-align:top;} .find-lawyer-wrap dl.innerwrap dd.input-box input.find-lawyer-textbox {width:100%; height:100%; padding:6px 12px; margin:5px 0 0 0; text-align:center; font-size:16px; border:1px solid #3289a8; background:#fff; } .find-lawyer-wrap dl.innerwrap dd.btn-box {display:table-cell; width:50px; height:46px; vertical-align:top; position:relative;} .find-lawyer-wrap dl.innerwrap dd.btn-box a {margin-top:4px; color:#fff; text-align:center; font-size:30px; vertical-align:middle; background:#043361; width:100%; height:100%; display:inline-block;} .find-lawyer-wrap dl.innerwrap dd.btn-box a i {margin-top:10px;} @media all and (max-width: 768px) { .find-lawyer-wrap {display: none;} } /* quic-nav-wrap */ .quic-nav-wrap {position:absolute; bottom:-90px; width:60%; left:50%; margin-left:-30%; background:rgba(255,255,255,1); text-align:center; border:4px solid #518fc1; border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px; padding:35px 40px 30px 40px; z-index:10; display:flex; justify-content: space-between; align-items: center; } .quic-nav-wrap dl.innerwrap {width:100%; display:flex; justify-content: center; align-items: center;} .quic-nav-wrap dl.innerwrap dd {width:100%;} .quic-nav-wrap dl.innerwrap dd a {display:block; text-align:center;} .quic-nav-wrap dl.innerwrap dd a span {text-align:center;} .quic-nav-wrap dl.innerwrap dd a span img {height:78px; transition: all 0.5s linear;} .quic-nav-wrap dl.innerwrap dd a:hover span img {transform: scale(1.1);} .quic-nav-wrap dl.innerwrap dd a p {padding-top:15px; font-size:15px; color:#000;} .quic-nav-wrap dl.innerwrap dd a p br {display:none;} @media all and (max-width: 1024px) and (min-width: 769px) { .quic-nav-wrap {width:80%; margin-left:-40%;} .quic-nav-wrap dl.innerwrap dd a span img {height:100%; max-height:60px; transition: all 0.5s linear;} .quic-nav-wrap dl.innerwrap dd a:hover span img {transform: scale(1.1);} .quic-nav-wrap dl.innerwrap dd a p {padding-top:13px; font-size:16px; letter-spacing:-1px; color:#000; line-height:1.3;} .quic-nav-wrap dl.innerwrap dd a p br {display:none;} } @media all and (max-width: 768px) and (min-width: 250px) { .quic-nav-wrap {position:relative; bottom:0; top:0; width:100%; left:0; margin-left:0; border-top:2px solid #518fc1; border-bottom:2px solid #518fc1; border-right:0; border-left:0; border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px; padding:25px 10px 20px 10px; } .quic-nav-wrap dl.innerwrap {width:100%; display:flex; justify-content: center; align-items: center;} .quic-nav-wrap dl.innerwrap dd {width:100%;} .quic-nav-wrap dl.innerwrap dd a {display:block; text-align:center;} .quic-nav-wrap dl.innerwrap dd a span {text-align:center;} .quic-nav-wrap dl.innerwrap dd a span img {height:100%; max-height:50px; transition: all 0.5s linear;} .quic-nav-wrap dl.innerwrap dd a:hover span img {transform: scale(1.1);} .quic-nav-wrap dl.innerwrap dd a p {padding-top:13px; font-size:12px; letter-spacing:-1px; color:#000; line-height:1.3;} .quic-nav-wrap dl.innerwrap dd a p br {display:inline-block;width:100%;} } /* main outlink banner */ #main_outlink_banner {width:100%; background:#f8f8f8; padding:20px 0; margin:0; display:block; position:relative; overflow:hidden;} #main_outlink_banner .banner-wrap {width:100%; max-width:1500px; margin:0 auto; padding:0; display:block; position:relative;} @media all and (max-width: 768px) { #main_outlink_banner {padding:5px 0;} } /* main 슬라이드 오른쪽 퀵링크 */ .main-sidetab {display: none; /*width:250px; height:605px; background:rgba(0,0,0,0.8); display:block; position:absolute; right:0; top:0px; z-index:500;*/ } /* main quick wrap */ .main-quick-wrap {/*background:#f4f4f4;*/ text-align:center; margin:0 auto; padding:30px 0 10px 0;} .main-quick-wrap .inner-wrap { width:100%; max-width:1100px; margin:0 auto; padding:20px; background:#fff; position:relative; border:1px solid #3f79a8; border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px; } .main-quick-wrap .inner-wrap .quickGo {display:flex; flex-wrap:wrap; width:100%; } .main-quick-wrap .inner-wrap .quickGo li {width:16.5%; max-width:180px; margin-bottom:0; padding:15px 5px; text-align:center; position:relative;} /* .main-quick-wrap .inner-wrap .quickGo li:after {content:""; border-right:1px solid #b9daf2; margin-right:-1px; position:absolute; right:0; top:28px; width:1px; height:70px;} .main-quick-wrap .inner-wrap .quickGo li:last-child:after {border-right:0;} */ .main-quick-wrap .inner-wrap .quickGo a {} .main-quick-wrap .inner-wrap .quickGo a img {width:auto; height:64px; transition: all 0.5s linear;} .main-quick-wrap .inner-wrap .quickGo a h2 {font-size:14px; padding-top:15px; text-align:center; font-weight:normal; color:#073868; line-height:1.4; word-break:keep-all;} .main-quick-wrap .inner-wrap .quickGo a h2 br {display: none;} .main-quick-wrap .inner-wrap .quickGo a:hover img {transform: translateY(-5px) scale(1.2);} .main-quick-wrap .inner-wrap .quickGo a:hover h2 {color:#0f45b3;} @media all and (max-width: 1024px) { .main-quick-wrap {padding:10px 0 10px 0;} .main-quick-wrap .inner-wrap .quickGo li {width:16.5%; max-width:180px; margin-bottom:0; padding:10px 5px;} .main-quick-wrap .inner-wrap .quickGo a h2 {font-size:13px; padding-top:13px; line-height:1.3;} .main-quick-wrap .inner-wrap .quickGo a img {height:50px;} } @media all and (max-width: 768px) { .main-quick-wrap {padding:5px 0 10px 0;} .main-quick-wrap .inner-wrap {padding:0; border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px; } .main-quick-wrap .inner-wrap .quickGo {display:flex; flex-wrap:wrap; width:100%; padding-top:15px;} .main-quick-wrap .inner-wrap .quickGo li {/*width:24.9%;*/ width:32.9%; max-width:180px; margin-bottom:3px; padding:0;} .main-quick-wrap .inner-wrap .quickGo li:after {content:""; margin-right:-1px; right:0; top:16px; height:30px;} .main-quick-wrap .inner-wrap .quickGo a {display:block;} .main-quick-wrap .inner-wrap .quickGo a img {width:auto; height:39px; transition: all 0.5s linear;} .main-quick-wrap .inner-wrap .quickGo a h2 {width:98%; margin:0 auto; font-size:12px; padding-top:10px; line-height:1.3;} .main-quick-wrap .inner-wrap .quickGo a:hover img {transform: translateY(-5px) scale(1.2);} .main-quick-wrap .inner-wrap .quickGo a:hover h2 {color:#0f45b3;} } /* 게시물불러오기 */ .area-board-include {width:546px; /*height:463px;*/ display:block; position:relative; padding:0; border:0px solid #cbcbcb; /*background:#f4f4f4; overflow:hidden; */} .area-board-include h4 {font-size:22px; color:#000;} .area-board-include h1 {font-size:33px; color:#0c3461; font-weight:700; padding-top:5px; margin-bottom:20px;} .area-board-include .boardtab {width:100%; position:relative; display:flex;} .area-board-include .boardtab li {/*float:left;*/ display:inline-block; border-right:1px solid #ddd; /*height:48px;*/ line-height:48px; width:20%; text-align:center; font-size:18px; letter-spacing: -0.5px; font-family:'ibm-kr'; font-weight:400; color:#777777; cursor: pointer; border:1px solid #ccc; border-right:0; border-collapse:collapse; /*background-color:#efeff0;*/ background-color:#fff; } .area-board-include .boardtab li:last-child {border-right:1px solid #ccc;} .area-board-include .boardtab li.on, .area-board-include .boardtab li.current, .area-board-include .boardtab li:hover{font-size:18px; color:#fff; font-weight:500; background: #fff; /*border-bottom:2px solid #18467b;*/ background: #518fc1; /* fallback for old browsers */ background: -webkit-linear-gradient(to left, #12a5b2, #349aba, #518fc1); /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to left, #12a5b2, #349aba, #518fc1); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ } .area-board-include .board_cont {display:none; border:0px solid #00ff00; font-family:NotoSanskr; font-size:15px; text-align:left; color:#333; /* position:absolute; right:1px;*/ padding:15px 15px 15px 10px; width:100%; /* height:313px; */ box-sizing:border-box; /*background-color:#fff;*/ } .area-board-include .board_cont.current {display:block;} .area-board-include .board_cont dl {display:block;} .area-board-include .board_cont dl dd {width:100%; /* background:url('/images/common/list-dot.png') no-repeat 6px 8px; */ border-bottom:1px solid #ddd; font-size:16px; padding:15px 0 15px 0; margin:0; line-height:1.5; display:flex; } .area-board-include .board_cont dl dd a {width:445px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .area-board-include .board_cont dl dd span {font-size:15px; width:90px; padding-left:5px; padding-right:2px; color:#585858;} .area-board-include .board_cont dl dd .icon-notice {font-size:13px; padding:4px 8px; line-height:1; color:#fff; background:#202020; display:inline-block; border-radius:12px;-webkit-border-radius:12px;-moz-border-radius:12px;} @media all and (max-width: 1400px) and (min-width: 1025px) { .area-board-include {width:100%; padding:0;} .area-board-include .boardtab li {height:45px; line-height:45px; font-size:17px;} .area-board-include .boardtab li.current, .area-board-include .boardtab li:hover{font-size:17px;} .area-board-include .board_cont dl dd {padding:11px 0; line-height:1.3;} .area-board-include .board_cont dl dd a {width:90%; font-size:15px;} .area-board-include .board_cont dl dd span {width:10%; min-width:90px; font-size:14px; text-align:right;} } @media all and (max-width: 1024px) and (min-width: 841px) { .area-board-include {width:100%; padding:0;} .area-board-include .boardtab li {height:45px; line-height:45px; font-size:15px;} .area-board-include .boardtab li.current, .area-board-include .boardtab li:hover{font-size:15px;} .area-board-include .board_cont dl dd {padding:11px 0; line-height:1.3;} .area-board-include .board_cont dl dd a {width:90%; font-size:14px;} .area-board-include .board_cont dl dd span {width:10%; min-width:90px; font-size:13px; text-align:right;} } @media all and (max-width: 840px) and (min-width: 200px) { .area-board-include {width:100%; height:auto; padding:0; display:block;} .area-board-include h4 {font-size:18px; text-align:center;} .area-board-include h1 {font-size:27px; text-align:center; padding-top:5px; margin-bottom:20px;} .area-board-include .boardtab li {height:45px; line-height:45px; font-size:15px; font-family:'NotoSanskr';} .area-board-include .boardtab li.current, .area-board-include .boardtab li:hover{font-size:15px; font-family:'NotoSanskr';} .area-board-include .board_cont {height: auto;} .area-board-include .board_cont dl dd {padding:11px 0; line-height:1.3;} .area-board-include .board_cont dl dd a {width:90%; font-size:14px;} .area-board-include .board_cont dl dd span {width:10%; min-width:90px; font-size:13px; text-align:right;} } @media all and (max-width: 480px) and (min-width: 200px) { .area-board-include h4 {font-size:13px; text-align:center;} .area-board-include h1 {font-size:22px; text-align:center; padding-top:5px; margin-bottom:20px;} .area-board-include .boardtab li {height:45px; line-height:45px; font-size:13px; font-family:'NotoSanskr';} .area-board-include .boardtab li.current, .area-board-include .boardtab li:hover{font-size:13px; font-weight:normal; font-family:'NotoSanskr';} .area-board-include .board_cont {background:rgba(255,255,255,0.8);} } /**/ .sec-board {width:100%; margin:0 auto; padding:80px 0; background:url('/images/main/sec-board/bg-dot.png') left top; /*background-size:cover;*/ vertical-align:top; position:relative; overflow:hidden;} .sec-board .bgitem1 {background:url('/images/main/sec-board/item1.png') no-repeat; width:685px; height:392px; background-size:cover; display:block; position:absolute; left:-10%; top:-150px; } .sec-board .bgitem2 {background:url('/images/main/sec-board/item2.png') no-repeat; width:673px; height:588px; background-size:cover; display:block; position:absolute; right:-10%; top:-190px; } .sec-board .board-inner {width:100%; max-width:1401px; margin:100px auto 0 auto; display:flex; flex-wrap:wrap; position:relative;} .sec-board .board-inner .boxwrap {position:relative; } .sec-board .board-inner .boxwrap h2 {font-size:24px; color:#0c3461; text-align:left; width:100%; font-weight:700; } .sec-board .board-inner .boxwrap h2 a {font-weight:700;} .sec-board .board-inner .boxwrap h2 a:hover {color:#035ba6;} .sec-board .board-inner .boxwrap dl > dd a:hover {color:#035ba6;} .sec-board .board-inner .area-bigL {width:595px; background:none;} .sec-board .board-inner .area-bigR {width:801px;} .sec-board .board-inner .area-bigR .f-inside-wrap {width:100%; display:flex; flex-wrap:wrap; } .sec-board .board-inner .area-bigR .f-inside-wrap .boxwrap {border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;} @media all and (max-width: 1400px) and (min-width: 1025px) { .sec-board {padding:10px 0 0 0;} .sec-board .board-inner {width:100%; margin:100px auto 50px auto; padding-left:2%; padding-right:0; display:flex; flex-wrap:wrap;} .sec-board .board-inner .area-bigL {width:48%; padding-right:2%;} .sec-board .board-inner .area-bigR {width:50%;} } @media all and (max-width: 1024px) and (min-width: 841px) { .sec-board {padding:10px 0 0 0;} .sec-board .board-inner {width:100%; margin:100px auto 50px auto; padding-left:2%; padding-right:0; display:flex; flex-wrap:wrap;} .sec-board .board-inner .area-bigL {width:48%; padding-right:2%;} .sec-board .board-inner .area-bigR {width:50%;} } @media all and (max-width: 840px) { .sec-board {padding:10px 0 0 0;} .sec-board .board-inner {width:98%; margin:100px auto 50px auto; display:flex; flex-wrap:wrap;} .sec-board .board-inner .area-bigL {width:100%; padding-right:0;} .sec-board .board-inner .area-bigR {width:100%;} .sec-board .board-inner .boxwrap {} .sec-board .board-inner .boxwrap h2 {font-size:20px;} .sec-board .board-inner .boxwrap h2 a {} .sec-board .board-inner .boxwrap h2 a:hover {} .sec-board .board-inner .boxwrap dl > dd a:hover {} } @media all and (max-width: 768px) { .sec-board {padding:10px 0 0 0;} .sec-board .board-inner {width:98%; margin:0 auto 0 auto; display:flex; flex-wrap:wrap;} .sec-board .board-inner .boxwrap {margin-bottom:5px;} .sec-board .board-inner .boxwrap h2 {font-size:20px;} .sec-board .board-inner .boxwrap h2 a {} .sec-board .board-inner .boxwrap h2 a:hover {} .sec-board .board-inner .boxwrap dl > dd a:hover {} .sec-board .board-inner .area-bigR .f-inside-wrap .boxwrap {border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;} } .sec-board .board-inner .f1 {width:260px; margin-right:10px; background:#4583b5; color:#fff;} .sec-board .board-inner .f1:hover {background:#266699;} .sec-board .board-inner .f1 a {display:block; width:100%; height:100%; padding:48px 0 34px 0;} .sec-board .board-inner .f1 h2 {color:#fff; font-size:24px; text-align:center; display:block;} .sec-board .board-inner .f1 h3 {color:#fff; font-size:13px; text-align:center; display:block; word-break:keep-all; padding:15px 0 10px 0; margin:0 auto; width:70%; line-height:1.5;} .sec-board .board-inner .f1 p {text-align:center; display:block; margin-top:15px;} .sec-board .board-inner .f1 p img {width:100%; max-width:68px;} @media all and (max-width: 1400px) and (min-width: 1025px) { .sec-board .board-inner .f1 {width:32%; margin-right:1%;} .sec-board .board-inner .f1:hover {} .sec-board .board-inner .f1 a {padding:30px 0 30px 0;} .sec-board .board-inner .f1 span {font-size:14px; padding-bottom:8px;} .sec-board .board-inner .f1 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .f1 p {margin-top:10px;} .sec-board .board-inner .f1 p img {width:100%; max-width:68px;} } @media all and (max-width: 1024px) { .sec-board .board-inner .f1 {width:32%; margin-right:1%;} .sec-board .board-inner .f1:hover {} .sec-board .board-inner .f1 a {padding:30px 0 30px 0;} .sec-board .board-inner .f1 span {font-size:14px; padding-bottom:8px;} .sec-board .board-inner .f1 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .f1 p {margin-top:10px;} .sec-board .board-inner .f1 p img {width:100%; max-width:68px;} } @media all and (max-width: 768px) { .sec-board .board-inner .f1 {width:32%;} .sec-board .board-inner .f1:hover {} .sec-board .board-inner .f1 a {padding:30px 0 30px 0;} .sec-board .board-inner .f1 span {font-size:14px; padding-bottom:8px;} .sec-board .board-inner .f1 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .f1 p {margin-top:30px;} .sec-board .board-inner .f1 p img {width:100%; max-width:68px;} } @media all and (max-width: 479px) { .sec-board .board-inner .f1 {width:100%; margin-right:0;} .sec-board .board-inner .f1:hover {} .sec-board .board-inner .f1 a {padding:20px 0 20px 0;} .sec-board .board-inner .f1 span { font-size:14px; padding-top:0px; padding-bottom:0px;} .sec-board .board-inner .f1 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .f1 h3 {font-size:13px; padding:5px 0 0 0; margin:0 auto; width:90%;} .sec-board .board-inner .f1 p {margin-top:15px;} .sec-board .board-inner .f1 p img {width:100%; max-width:68px;} } .sec-board .board-inner .s6 {width:260px; margin-right:10px; background:#6f358a; } .sec-board .board-inner .s6:hover {background:#632082;} .sec-board .board-inner .s6 a {display:block; width:100%; height:100%; padding:48px 0 34px 0;} .sec-board .board-inner .s6 span {color:#073868; font-size:18px; text-align:center; padding-bottom:8px; display:block;} .sec-board .board-inner .s6 h2 {color:#fff; font-size:24px; text-align:center; display:block;} .sec-board .board-inner .s6 h3 {color:#fff; font-size:13px; text-align:center; display:block; word-break:keep-all; padding:15px 0 10px 0; margin:0 auto; width:70%; line-height:1.5;} .sec-board .board-inner .s6 p {text-align:center; display:block; margin-top:10px;} .sec-board .board-inner .s6 p img {width:100%; max-width:65px;} .sec-board .board-inner .s6 span.btn-link {font-size:16px; color:#fff; margin-top:20px;} .sec-board .board-inner .s6 span.btn-arrow {position:absolute; bottom:45px; left:50%; margin-left:-15px; width:30px; height:7px; transform: translate(0%, 0%); transition: transform ease-in-out 100ms;} .sec-board .board-inner .s6 a:hover span.btn-arrow {transform: translate(50%, 0%);} @media all and (max-width: 1400px) and (min-width: 1025px) { .sec-board .board-inner .s6 {width:32%; margin-right:1%;} .sec-board .board-inner .s6:hover {} .sec-board .board-inner .s6 a {padding:30px 0 30px 0;} .sec-board .board-inner .s6 span {font-size:14px; padding-bottom:8px;} .sec-board .board-inner .s6 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s6 h3 {} .sec-board .board-inner .s6 p {margin-top:20px;} .sec-board .board-inner .s6 p img {max-width:60px;} .sec-board .board-inner .s6 span.btn-arrow {bottom:25px;} .sec-board .board-inner .s6 a:hover span.btn-arrow {} } @media all and (max-width: 1024px) { .sec-board .board-inner .s6 {width:32%; margin-right:1%;} .sec-board .board-inner .s6:hover {} .sec-board .board-inner .s6 a {padding:30px 0 30px 0;} .sec-board .board-inner .s6 span {font-size:14px; padding-bottom:8px;} .sec-board .board-inner .s6 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s6 h3 {} .sec-board .board-inner .s6 p {margin-top:20px;} .sec-board .board-inner .s6 p img {max-width:60px;} .sec-board .board-inner .s6 span.btn-arrow {bottom:25px;} .sec-board .board-inner .s6 a:hover span.btn-arrow {} } @media all and (max-width: 768px) { .sec-board .board-inner .s6 {width:32%;} .sec-board .board-inner .s6:hover {} .sec-board .board-inner .s6 a {padding:30px 0 30px 0;} .sec-board .board-inner .s6 span {font-size:14px; padding-bottom:0px;} .sec-board .board-inner .s6 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s6 h3 {} .sec-board .board-inner .s6 p {margin-top:20px;} .sec-board .board-inner .s6 p img {max-width:60px;} .sec-board .board-inner .s6 span.btn-link {font-size:14px; margin-top:10px;} .sec-board .board-inner .s6 span.btn-arrow {bottom:25px;} .sec-board .board-inner .s6 a:hover span.btn-arrow {} } @media all and (max-width: 479px) { .sec-board .board-inner .s6 {width:100%; margin-right:0;} .sec-board .board-inner .s6:hover {} .sec-board .board-inner .s6 a {padding:20px 0 20px 0;} .sec-board .board-inner .s6 span {font-size:14px; padding-top:0px; padding-bottom:0px;} .sec-board .board-inner .s6 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s6 h3 {font-size:13px; padding:5px 0 0 0} .sec-board .board-inner .s6 p {margin-top:5px;} .sec-board .board-inner .s6 p img {max-width:60px;} .sec-board .board-inner .s6 span.btn-link {font-size:14px; margin-top:10px;} .sec-board .board-inner .s6 span.btn-arrow {bottom:25px;} .sec-board .board-inner .s6 a:hover span.btn-arrow {} } .sec-board .board-inner .s3 {width:260px; /*background:url('/images/main/sec-board-s3-bg.jpg') no-repeat center center;*/ background:#185ea3; color:#fff;} .sec-board .board-inner .s3:hover {background:#0e4983;} .sec-board .board-inner .s3 a {display:block; width:100%; height:100%; padding:48px 0 34px 0;} .sec-board .board-inner .s3 span {color:#fff; font-size:15px; text-align:center; display:block; word-break:keep-all; padding:15px 0 10px 0; margin:0 auto; width:70%; line-height:1.5;} .sec-board .board-inner .s3 h2 {color:#fff; font-size:24px; text-align:center; display:block; } .sec-board .board-inner .s3 p {text-align:center; display:block; margin-top:10px;} .sec-board .board-inner .s3 p img {width:100%; max-width:90px;} @media all and (max-width: 1400px) and (min-width: 1025px) { .sec-board .board-inner .s3 {width:33%; margin-right:0; overflow:hidden;} .sec-board .board-inner .s3:hover {} .sec-board .board-inner .s3 a {padding:30px 0 20px 0;} .sec-board .board-inner .s3 span {font-size:14px; padding-bottom:8px; width:90%; line-height:1.3;} .sec-board .board-inner .s3 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s3 p {margin-top:30px;} .sec-board .board-inner .s3 p img {width:100%; max-width:80px;} } @media all and (max-width: 1024px) { .sec-board .board-inner .s3 {width:33%; margin-right:0; overflow:hidden;} .sec-board .board-inner .s3:hover {} .sec-board .board-inner .s3 a {padding:30px 0 20px 0;} .sec-board .board-inner .s3 span {font-size:14px; padding-bottom:8px; width:90%; line-height:1.3;} .sec-board .board-inner .s3 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s3 p {margin-top:30px;} .sec-board .board-inner .s3 p img {width:100%; max-width:80px;} } @media all and (max-width: 768px) { .sec-board .board-inner .s3 {width:33%;} .sec-board .board-inner .s3:hover {} .sec-board .board-inner .s3 a {padding:30px 0 30px 0;} .sec-board .board-inner .s3 span {font-size:14px; padding-bottom:8px;} .sec-board .board-inner .s3 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s3 p {margin-top:30px;} .sec-board .board-inner .s3 p img {width:100%; max-width:80px;} } @media all and (max-width: 479px) { .sec-board .board-inner .s3 {width:100%; margin-right:0;} .sec-board .board-inner .s3:hover {} .sec-board .board-inner .s3 a {padding:20px 0 20px 0;} .sec-board .board-inner .s3 span {font-size:14px; padding-top:5px; padding-bottom:0px;} .sec-board .board-inner .s3 h2 {font-size:18px; line-height:1.4;} .sec-board .board-inner .s3 h2 br {display:none;} .sec-board .board-inner .s3 p {margin-top:15px;} .sec-board .board-inner .s3 p img {width:100%; max-width:80px;} } /* .sec-board .board-inner .s1 {width:613px; background:#fff;} .sec-board .board-inner .s1 h2 {margin:47px 0 30px 47px; font-weight:700;} .sec-board .board-inner .s1 dl {width:85%; margin:30px auto 30px auto; padding:0;} .sec-board .board-inner .s1 dl > dd {text-align:left; line-height:1.4; padding-bottom:17px;} .sec-board .board-inner .s1 dl > dd:nth-child(5) {padding-bottom:0;} .sec-board .board-inner .s1 dl > dd a {width:78%; margin-right:1.5%; font-size:17px; color:#000; display:inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .sec-board .board-inner .s1 dl > dd span {width:19%; min-width:90px; color:#999; line-height:1.4; vertical-align:top; font-size:16px; display:inline-block;} @media all and (max-width: 1024px) and (min-width: 769px) { } @media all and (max-width: 768px) { .sec-board .board-inner .s1 {width:100%; max-width:613px;} .sec-board .board-inner .s1 h2 {width:90%; margin:25px auto 25px auto;} .sec-board .board-inner .s1 dl {width:90%; margin:30px auto 30px auto; padding:0;} .sec-board .board-inner .s1 dl > dd {line-height:1.3; padding-bottom:12px;} .sec-board .board-inner .s1 dl > dd:nth-child(5) {padding-bottom:0;} .sec-board .board-inner .s1 dl > dd a {width:78%; margin-right:1.5%; font-size:14px;} .sec-board .board-inner .s1 dl > dd span {width:13%; min-width:57px; line-height:1.3; font-size:12px; letter-spacing:-1px;} } .sec-board .board-inner .s2 {width:294px; background:#12a5b2; padding:70px 0 30px 0; text-align:center;} .sec-board .board-inner .s2 span {color:#f0f47f; font-size:18px; text-align:center; padding-bottom:8px; display:block;} .sec-board .board-inner .s2 h2 {color:#fff; font-size:24px; text-align:center; display:block;} .sec-board .board-inner .s2 h1 {width:80%; color:#fff; font-size:24px; text-align:center; display:block; background:#0b6275; padding:20px; margin:25px auto; border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px;} .sec-board .board-inner .s2 p {color:#fff; font-size:35px; font-weight:bold; text-align:center; display:block;} @media all and (max-width: 768px) { .sec-board .board-inner .s2 {width:100%; padding:30px 0 30px 0;} .sec-board .board-inner .s2 span {font-size:16px; padding-bottom:8px;} .sec-board .board-inner .s2 h2 {font-size:22px;} .sec-board .board-inner .s2 h1 {width:80%; font-size:22px; padding:15px; margin:15px auto; border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;} .sec-board .board-inner .s2 p {font-size:26px;} } .sec-board .board-inner .s4 {width:613px; background:#f4f4f4;} .sec-board .board-inner .s4 h2 {margin:47px 0 30px 47px; font-weight:700;} .sec-board .board-inner .s4 dl {width:85%; margin:30px auto 30px auto; padding:0;} .sec-board .board-inner .s4 dl > dd {text-align:left; line-height:1.4; padding-bottom:17px;} .sec-board .board-inner .s4 dl > dd:nth-child(5) {padding-bottom:0;} .sec-board .board-inner .s4 dl > dd a {width:78%; margin-right:1.5%; font-size:17px; color:#000; display:inline-block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .sec-board .board-inner .s4 dl > dd span {width:19%; min-width:90px; color:#999; line-height:1.4; vertical-align:top; font-size:16px; display:inline-block;} @media all and (max-width: 768px) { .sec-board .board-inner .s4 {width:100%; max-width:613px;} .sec-board .board-inner .s4 h2 {width:90%; margin:25px auto 25px auto;} .sec-board .board-inner .s4 dl {width:90%; margin:30px auto 30px auto; padding:0;} .sec-board .board-inner .s4 dl > dd {line-height:1.3; padding-bottom:12px;} .sec-board .board-inner .s4 dl > dd:nth-child(5) {padding-bottom:0;} .sec-board .board-inner .s4 dl > dd a {width:78%; margin-right:1.5%; font-size:14px;} .sec-board .board-inner .s4 dl > dd span {width:13%; min-width:57px; line-height:1.3; font-size:12px; letter-spacing:-1px;} } .sec-board .board-inner .s5 {width:197px; background:#fff;} .sec-board .board-inner .s5:hover {background:#d2e0eb;} .sec-board .board-inner .s5 a {display:block; width:100%; height:100%; padding:70px 0 30px 0;} .sec-board .board-inner .s5 h2 {color:#0c3461; font-size:24px; text-align:center; display:block;} .sec-board .board-inner .s5 p {text-align:center; display:block; margin-top:52px;} .sec-board .board-inner .s5 p img {width:100%; max-width:65px;} .sec-board .board-inner .s5 span.btn-arrow {position:absolute; bottom:45px; left:50%; margin-left:-15px; width:30px; height:7px; transform: translate(0%, 0%); transition: transform ease-in-out 100ms;} .sec-board .board-inner .s5 a:hover span.btn-arrow {transform: translate(50%, 0%);} @media all and (max-width: 768px) { .sec-board .board-inner .s5 {width:50%;} .sec-board .board-inner .s5:hover {} .sec-board .board-inner .s5 a {padding:30px 0 45px 0;} .sec-board .board-inner .s5 h2 {font-size:20px;} .sec-board .board-inner .s5 p {margin-top:40px;} .sec-board .board-inner .s5 p img {max-width:60px;} .sec-board .board-inner .s5 span.btn-arrow {bottom:25px;} .sec-board .board-inner .s5 a:hover span.btn-arrow {} } .sec-board .board-inner .s7 {width:197px; background:#ddedee;} .sec-board .board-inner .s7:hover {background:#d2e0eb;} .sec-board .board-inner .s7 a {display:block; width:100%; height:100%; padding:70px 0 30px 0;} .sec-board .board-inner .s7 h2 {color:#185ea3; font-size:24px; text-align:center; display:block;} .sec-board .board-inner .s7 p {text-align:center; display:block; margin-top:52px;} .sec-board .board-inner .s7 p img {width:100%; max-width:65px;} .sec-board .board-inner .s7 span.btn-arrow {position:absolute; bottom:45px; left:50%; margin-left:-15px; width:30px; height:7px; transform: translate(0%, 0%); transition: transform ease-in-out 100ms;} .sec-board .board-inner .s7 a:hover span.btn-arrow {transform: translate(50%, 0%);} @media all and (max-width: 768px) { .sec-board .board-inner .s7 {width:50%;} .sec-board .board-inner .s7:hover {} .sec-board .board-inner .s7 a {padding:30px 0 45px 0;} .sec-board .board-inner .s7 h2 {font-size:20px;} .sec-board .board-inner .s7 p {margin-top:40px;} .sec-board .board-inner .s7 p img {max-width:60px;} .sec-board .board-inner .s7 span.btn-arrow {bottom:25px;} .sec-board .board-inner .s7 a:hover span.btn-arrow {} } .sec-board .board-inner .s8 {width:197px; background:#ddedee;} .sec-board .board-inner .s8:hover {background:#d2e0eb;} .sec-board .board-inner .s8 a {display:block; width:100%; height:100%; padding:70px 0 30px 0;} .sec-board .board-inner .s8 h2 {color:#185ea3; font-size:24px; text-align:center; display:block;} .sec-board .board-inner .s8 p {text-align:center; display:block; margin-top:52px;} .sec-board .board-inner .s8 p img {width:100%; max-width:65px;} .sec-board .board-inner .s8 span.btn-arrow {position:absolute; bottom:45px; left:50%; margin-left:-15px; width:30px; height:7px; transform: translate(0%, 0%); transition: transform ease-in-out 100ms;} .sec-board .board-inner .s8 a:hover span.btn-arrow {transform: translate(50%, 0%);} @media all and (max-width: 768px) { .sec-board .board-inner .s8 {width:50%; background:#d2e0eb;} .sec-board .board-inner .s8:hover {} .sec-board .board-inner .s8 a {padding:30px 0 45px 0;} .sec-board .board-inner .s8 h2 {font-size:20px;} .sec-board .board-inner .s8 p {margin-top:40px;} .sec-board .board-inner .s8 p img {max-width:60px;} .sec-board .board-inner .s8 span.btn-arrow {bottom:25px;} .sec-board .board-inner .s8 a:hover span.btn-arrow {} } */ /*footer*/ #footerWr { position:relative; display:block; width:100%; font-size:12px; margin-top:0px; border-top:1px solid #d1d1d1; background:#132745; color:#f8f8f8; padding-top:0px; z-index: 1; } #footer-area { z-index:1; position:relative; width:1200px; overflow:hidden; margin:0px auto 0 auto; padding:10px 0 20px 0; border:0px solid #ff00ff; } #theme_footArea_black {width:100%; display:block; position:relative; vertical-align:top; text-align:left; margin:0 auto; padding:10px 0 30px 0;} #theme_footArea_black .fo_nav_wrap {background:#132745; vertical-align:top; text-align:left; margin:10px auto; padding:10px; width:100%; max-width:1500px; display:block; position:relative; } #theme_footArea_black .fo_nav_wrap .logo_area {display: none; /*width:18%; margin:20px 3% 5px 1%; text-align:left; display:inline-block; vertical-align:top; border:0px solid #00ff00;*/} #theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo {width:; display:inline-block; vertical-align:top;} #theme_footArea_black .fo_nav_wrap .logo_area a.fo_logo img {height:100%; min-height:46px; max-height:42px;} #theme_footArea_black .fo_nav_wrap .link_area {width:76%; margin:0 1% 0 0; vertical-align:top; text-align:left; display:inline-block; line-height:1;} #theme_footArea_black .fo_nav_wrap .link_area span {margin:5px 16px 0 0; vertical-align:top; display:inline-block; position:relative;} #theme_footArea_black .fo_nav_wrap .link_area span:after {position:absolute; right:-10px; top:3px; width:1px; height:10px; background:#132745; content:'';} #theme_footArea_black .fo_nav_wrap .link_area span:last-child:after {width:0;} #theme_footArea_black .fo_nav_wrap .link_area span a {color:#c2c2c2; font-size:15px; font-family:'Spoqa Han Sans', NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic'; display:block;} #theme_footArea_black .fo_nav_wrap .link_area span a:hover {color:#fff;} #theme_footArea_black .fo_nav_wrap .link_area_out {width:20%; margin:0 1% 0 1%; text-align:right; display:inline-block; vertical-align:top; border:0px solid #00ff00;} #theme_footArea_black .fo_info_wrap {background:#132745; vertical-align:top; text-align:left; display:block; position:relative; border-top:1px solid #3f5373; padding:20px; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #theme_footArea_black .fo_info_wrap * {font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic'; word-break:keep-all;} #theme_footArea_black .fo_info_wrap .con_A {width:100%; max-width:1500px; padding:0 0 0 0; margin:20px auto; display:block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 35px 0; font-size:15px; font-weight:bold; color:#333;} #theme_footArea_black .fo_info_wrap .con_A .add {min-height:90px; padding-bottom:10px; display:block; line-height:1.4; font-size:14px; color:#f8f8f8; text-align:left;} #theme_footArea_black .fo_info_wrap .con_A .add p {color:#f8f8f8; text-align:left; margin:0 1% 10px 1%; } #theme_footArea_black .fo_info_wrap .con_A .add p a {color:#f8f8f8;} #theme_footArea_black .fo_info_wrap .con_A .add.ver_eng {min-height:140px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#f8f8f8;} #theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; display:block; line-height:1.4; font-size:15px; color:#f8f8f8;} #theme_footArea_black .fo_info_wrap .con_A .number span {color:#6b6b6b; font-size:12px; padding-right:12px;} #theme_footArea_black .fo_info_wrap .con_A .number a {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_A .number a:link, #theme_footArea_black .fo_info_wrap .con_A .number a:active, #theme_footArea_black .fo_info_wrap .con_A .number a:visited {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_A .number a:hover {color:#fff;} #theme_footArea_black .fo_info_wrap .con_B {width:24%; padding:0 0 0 50px; margin:60px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 35px 0; font-size:15px;font-weight:bold; color:#f8f8f8;} #theme_footArea_black .fo_info_wrap .con_B .add {min-height:90px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_B .add.ver_eng {min-height:140px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_B .number {padding-bottom:5px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_B .number span {color:#6b6b6b; font-size:12px; padding-right:12px;} #theme_footArea_black .fo_info_wrap .con_B .number a {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_B .number a:link, #theme_footArea_black .fo_info_wrap .con_B .number a:active, #theme_footArea_black .fo_info_wrap .con_B .number a:visited {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_B .number a:hover {color:#fff;} #theme_footArea_black .fo_info_wrap .con_C {width:24%; padding:0 0 0 50px; margin:60px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 35px 0; font-size:15px;font-weight:bold; color:#f8f8f8;} #theme_footArea_black .fo_info_wrap .con_C .add {min-height:90px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_C .add.ver_eng {min-height:140px; padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_C .number {padding-bottom:5px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_C .number span {color:#6b6b6b; font-size:12px; padding-right:12px;} #theme_footArea_black .fo_info_wrap .con_C .number a {color:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_C .number a:link, #theme_footArea_black .fo_info_wrap .con_C .number a:active, #theme_footArea_black .fo_info_wrap .con_C .number a:visited {color:#f8f8f8;} #theme_footArea_black .fo_info_wrap .con_C .number a:hover {color:#000;} #theme_footArea_black .fo_info_wrap .con_D {width:23%; padding:0 0 0 50px; margin:60px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_D .iso {vertical-align:top; text-align:right;} #theme_footArea_black .fo_info_wrap .con_D .iso img {width:119px; display:inline-block;} #theme_footArea_black .container_COPY {color:#f8f8f8; padding:25px 0 25px 50px; vertical-align:top; text-align:left; border-top:1px solid #3c3c3c; display:block; position:relative; width:100%;} /* 카피라이트 외부링크용 셀렉트메뉴 */ details { position: relative; width: 98%; margin-right: 1rem; text-align:left; } details[open] { z-index: 1; } details summary { padding: 1rem; cursor: pointer; border-radius: 5px; background-color: #fff; list-style: none; } details summary::-webkit-details-marker { display: none; } details[open] summary:before { content: ''; display: block; width: 100vw; height: 100vh; background: transparent; position: fixed; top: 0; left: 0; } details summary:after { content: ''; display: inline-block; float: right; width: .5rem; height: .5rem; border-bottom: 1px solid currentColor; border-left: 1px solid currentColor; border-bottom-left-radius: 2px; transform: rotate(45deg) translate(50%, 0%); transform-origin: center center; transition: transform ease-in-out 100ms } details summary:focus { outline: none; } details[open] summary:after { transform: rotate(-45deg) translate(0%, 0%); } details ul { width: 100%; background: #ddd; position: absolute; top: calc(100% + .5rem); left: 0; padding: 1rem; margin: 0; box-sizing: border-box; border-radius: 5px; max-height: 150px; overflow-y: auto; } details li { margin: 0; padding: 1rem 0; border-bottom: 1px solid #ccc; } details li:first-child { padding-top: 0; } details li:last-child { padding-bottom: 0; border-bottom: none; } /* FAKE SELECT */ details summary.radios { counter-reset: radios; } details input[type=radio] { counter-increment: radios; appearance: none; display: none; } details input[type=radio]:checked { display: inline; } details input[type=radio]:after { content: attr(title); display: inline; font-size: 1rem; } details ul.list { counter-reset: labels; } details label { width: 100%; display: block; cursor: pointer; } /* 카피라이트 외부링크용 셀렉트메뉴 */ /* 카피라이트 외부링크 2 : S */ #getoutlink {position:relative; width:180px; line-height:25px; border:1px solid #d2d2d2; background:#fff;} #getoutlink dl {line-height:25px; z-index:100;} #getoutlink dt {padding-left:10px; cursor:pointer;} #getoutlink dd {display:none; position:absolute; bottom:27px; left:-1px; z-index:1000;} #getoutlink dd ul {width:180px; padding:0px 0px 5px 0px; border:1px solid #d2d2d2; background:#eee; box-sizing:border-box; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; max-height:250px; overflow-y:auto; z-index:1000; } #getoutlink dd li {padding:5px 0px 5px 16px; text-align:left; border-top:1px solid #d2d2d2; position:relative;} #getoutlink dd li:first-child {padding-top:8px; border-top:none;} #getoutlink dd li:last-child {padding-bottom:8px; border-bottom:none;} #getoutlink dd li:hover {background:#fff;} #getoutlink dd li:hover:after {font-family:"Font Awesome 5 Free"; font-size:11px; font-style:normal; font-weight:900; position:absolute; left:3px; top:2px; content:'\f0c1'; color:#333;} #getoutlink dd li:hover a {color:#000;} #getoutlink dd li a {display:block; font-size:12px; line-height:16px;} #getoutlink a.outopen {display:block; height:27px; float:none; padding-left:7px; line-height:25px; color:#666; font-size:12px; text-align: left; opacity:1;} #getoutlink a.outopen:after { /*background:url('') no-repeat right center; */ content: ''; display: inline-block; float: right; width: .5rem; height: .5rem; margin:10px 15px 10px 5px; border-bottom: 1px solid #4798f4; border-left: 1px solid #4798f4; border-bottom-left-radius: 2px; transform: rotate(-45deg) translate(50%, 0%); transform-origin: center center; transition: transform ease-in-out 100ms } /* 카피라이트 외부링크 2 : E */ .point{color:#000000;} .familySite{float: right; position:absolute; right:0; top:10px;} .addrBox{border-top:1px solid #ececeb; color:#a9a9a9; padding:22px 0 0 0; position:relative; height:100%;} .addrBox h2{float:left; font-family: "NanumGothic"} .addrInfo{float:left; margin-left:20px; } .addrInfo p{margin-bottom:3px;} .addrInfo p span{margin-right:8px; padding-right:9px; background: url('/images/front/bul_footer_bar.gif') no-repeat right 2px; float:left;} .ftMark{float:right;} .ftMark ul li{float:left;} .copyRight{width:100%; overflow:hidden; padding-top:12px; } .copyRight span{padding-left:126px; float:left; display:inline; color:#a9a9a9; font-size:9px; } /* #footer:after{clear:both; content:''; display:block;} */ /* 메인페이지 롤링배너 */ .outDiv {border:1px solid #ddd; width:385px; height:40px; border-radius:8px; padding:6px 1%; margin:15px 4px; display:block;} .box {width:385px; height:30px; border:0; padding:6px 3px; font-size:15px; font-weight:400; font-family:나눔고딕, 'Nanum Gothic', nsr, 돋움, 굴림; } ul.outUl{border:3px solid red; width:150px; height:150px; padding:0; margin:0;list-style:none;} ul.outUl li{padding:0; margin:0; list-style:none;} .pa100{ padding:100px} .rollingbanner_blank {width:100%; height:10px; display:block; position:relative;} .rollingbanner_blank2 {width:100%; height:10px; display:block; position:relative;} /* 메인페이지 롤링배너 */