2023-10-31@charset "utf-8"; @font-face{ font-family:ng; src:url('/font/NanumGothic.woff'); src:local(※), url('/font/NanumGothic.woff') format(‘woff’) } @font-face { font-family:'NanumGothicWeb'; font-style:normal; src: url('http://webfonts-cdn.mobilis.co.kr/webfonts/Nanum/NanumGothicCompact.eot'); } /* CSS reset */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; background:transparent; list-style:none; } *{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none;} body, input {background:#fff; font-family:'나눔고딕', 'NanumGothic', ng, sans-serif; font-size:12px; line-height:1.2; color:#666; } html {overflow-y:scroll;} article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {display:block;} /* common */ .blind {position:absolute;overflow:hidden;background:none !important;width:0;height:0;margin:0 !important;padding:0 !important;font-size:0;visibility:visible;} .irCont{position: relative;} .irCont img{position: relative; z-index: 10;} .irCont .irTxt{position:absolute; top:0; left:0; z-index: -1; font-size:11px; letter-spacing:-1px;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:'';content:none;} a {margin:0; padding:0; outline:0; vertical-align:baseline; background:transparent; font-family:'나눔고딕', 'NanumGothic', ng, sans-serif;} input[type=image] {margin:0; padding:0; vertical-align:middle;} input[type=text], input[type=password] {background:#fff; margin:0; padding:2px 7px 2px; *padding:3px 7px 4px; border:1px solid #cfcfcf; vertical-align:middle;} input[type=file] {background:0 none; margin:0; padding:0px 7px 0px; *padding:4px 7px 4px; vertical-align:middle;} input[type=checkbox], input[type=radio] {width:13px; height:13px; margin:0; padding:0; vertical-align:middle;} table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;border:0;} table th, table td{vertical-align:middle;} caption{visibility:hidden;width:0;height:0;font-size:0;line-height:0;zoom:1;} fieldset{margin:0;padding:0;border:0 none;} legend{display:none; overflow:hidden; width:0; height:0; font-size:0; visibility:visible; line-height:0;} hr {display:none; height:1px; border:0; border-top:1px solid #cccccc; margin:1em 0; padding:0;} select, img {vertical-align:middle;} a {color:#727272; text-decoration:none;cursor:pointer;} a:hover {text-decoration:none; color:#8F1270;} button {background:none; margin:0; padding:0; border:0 none; cursor:pointer;} h1, h2, h3, h4, h5, h6{color:#727272; line-height:18px; font-weight:900;} /*img, object, embed, video{max-width:100%;}*/ img {border:none; -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop')"; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',sizingMethod='crop');} em, address{font-style:normal;} #skipnavi a{position:absolute; top:0; text-align:center;width:200px;display:block;background:#2c2c2c;padding:5px 0;color:#fff;left:-9999px;} #skipnavi a:hover{z-index:999999;margin-left:-100px;left:50%;} #skipnavi a:focus{z-index:999999;margin-left:-100px;left:50%;} #skipnavi a:active{z-index:999999;margin-left:-100px;left:50%;} /***** MODULE *****/ /* 정보입력시 기호 */ .op {margin:0 -5px 0 -3px; padding:0;} /* blt */ .list3x3 {} .list3x3 li {background:url(../../images/common/blt_3x3.gif) 0 50% no-repeat; padding-left:7px;} /* 페이징 */ .paging{margin-top:30px; text-align:center;} .paging a {display:inline-block; width:25px; padding:3px 0 4px 0; margin-left:1px; border:1px solid #e2e2e2; text-align:center; vertical-align:top;} .paging a:first-child{margin-left:0;} .paging a.on{background:#fff; border:1px solid #50a7dd; color:#a0a0a0;} .paging a.prev{background:url(../../images/btn/bg_paging_prev.gif) 50% 50% no-repeat; width:auto; padding:11px 8px 10px 22px; vertical-align:2px; *vertical-align:top;} .paging a.next{background:url(../../images/btn/bg_paging_next.gif) 50% 50% no-repeat; width:auto; padding:11px 22px 10px 8px; vertical-align:2px; *vertical-align:top;} .paging a.prev2{background:url(../../images/btn/bg_paging_prev2.gif) 8px 50% no-repeat; width:auto; padding:11px 8px 10px 22px; vertical-align:2px; *vertical-align:top;} .paging a.next2{background:url(../../images/btn/bg_paging_next2.gif) 12px 50% no-repeat; width:auto; padding:11px 22px 10px 8px; vertical-align:2px; *vertical-align:top;} /* 일반 게시판 테이블 */ .board {border-top:1px solid #2e2e2e; } .board table {} .board th {padding:12px 0 9px 0; color:#666666; border-bottom:1px solid #2e2e2e} .board td {padding:12px 0; border-bottom:1px solid #e7e7e7; word-break:break-word; color:#666666; text-align:center} .board td.sbj {padding-left:10px; text-align:left} .alignC {text-align:center} .alignL {text-align:left} .alignR {text-align:right} /* layout */ #overlay {display:none; position:fixed; top:0; left:0; background:url(../../images/common/bg_modal.png) 0 0 repeat; width:100%; min-width:1920px; min-height:100%; height:100%; margin:0; z-index:100; } /* 임신진단 팝업 */ .main_pop_20200819 { width:315px; //영역의 가로값 height:428px; //영역의 세로값 background:#FF1B7A; //영역의 배경색 color:#FFF; //영역안의 텍스트색 position:relative; top:1000px; left:0px; //팝업창을 띄울 위치 text-align:center; border:0px solid #000000; display: ; //margin-bottom: -500px; z-index:9699999999 ; } #wrap {position:relative; /*overflow:hidden; */width:100%;} #header {position:fixed; top:0; left:0; background:#fff; width:100%; z-index: 1000;} #Mainheader {position:absolute; top:0; left:0; background:#fff; width:100%; z-index: 1000; min-width:1200px} header .top_wrap {position:relative; width:100%} header .top_wrap .top_wrap2 {position:relative; margin:0 auto; width:1200px; height:106px;} header .top_wrap .top_wrap2 .{width:360px; padding-top:25px; display:inline-block; float:left} header .top_wrap .top_wrap2 ul:after {display:block; content:''; clear:both;} header .top_wrap .top_wrap2 ul.topIco {float:left; position:relative} header .top_wrap .top_wrap2 ul.topIco a {position:absolute; bottom:18px; left:130px; background:#6f478e; display:inline-block; width:66px; height:18px; font-size:11px; font-weight:600; color:#fff; text-align:center; line-height:18px; z-index:100} header .top_wrap .top_wrap2 ul.topLogo {width:330px; text-align:center; position:absolute; left:50%; margin-left:-165px} header .top_wrap .top_wrap2 .topLogo li {display:inline-block; } header .top_wrap .top_wrap2 .topLogo .mainTopImg {display:block !important; position:absolute; top:59px; margin-top:14px; text-align:center} header .top_wrap .top_wrap2 .topLogo h1 {} /* header .top_wrap .top_wrap2 .topLogo h1 img {padding-top:15px} */ header .top_wrap .top_wrap2 .topLogo a img {padding-top:15px} header .top_wrap .top_wrap2 ul.topLogo li.mainTopWrap {margin-top:14px} header .top_wrap .top_wrap2 ul.topLogo li.mainTopWrap img {} #h1 {margin:0;padding:0;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden;position:relative} /* header .top_wrap .top_wrap2 ul.topSearch {float:right; margin-top:35px; position:relative;} */ header .top_wrap .top_wrap2 ul.topSearch {float:right;position:relative;} header .top_wrap .top_wrap2 ul.topSearch .call_number {display:inline-block; font-size:14px; position:absolute; top:-27px; right:0; } header .top_wrap .top_wrap2 .topSearch li {float:right} header .top_wrap .top_wrap2 .topSearch input {color:#d0d0d0; height:34px; width:240px; border:2px solid #dedede; padding:0 10px} header .top_wrap .top_wrap2 .topSearch button {float:right; width:41px; margin-top:-1px} header .top_wrap .top_wrap2 .topSearch button img {} header .top_wrap .top_wrap2 .topSearch p {display:inline-block; font-size:13px; color:#666; letter-spacing:-0.06em; line-height:30px} header .top_wrap .top_wrap2 .topSearch p a {margin-left:15px} header .top_wrap .top_wrap2 .topSearch p a:first-child {margin-left:0} header .topBanner {background:#f2f2f2} header .topBanner .topBanner2 {width:1200px; margin:0 auto; zoom:1; } header .topBanner .topBanner2:after {display:block; content:''; clear:both;} header .topBanner .topBanner2 ul {zoom:1;} header .topBanner .topBanner2 ul:after {display:block; content:''; clear:both;} header .topBanner .topBanner2 .topBranch {float:left; line-height:36px} header .topBanner .topBanner2 .topBranch li.on {background:#fff} header .topBanner .topBanner2 .topBranch li.on a {background:url(../../images/ico/ico_home_top.png) 18px center no-repeat; font-weight:600; color:#971C68; padding:9px 20px 9px 33px} header .topBanner .topBanner2 .topBranch li {float:left; } header .topBanner .topBanner2 .topBranch li:first-child {width:140px; border-left:1px solid #e7e3e0} header .topBanner .topBanner2 .topBranch li {float:left; min-width:100px; border-right:1px solid #e7e3e0; text-align:center} header .topBanner .topBanner2 .topBranch > li > a {color:#666; font-size:14px; text-align:center; padding:9px 10px} header .topBanner.Line {background:none; text-indent:-999px; border-top:1px solid #e7e3e0; width:100%; height:0; margin-top:-1px} header .topBanner .topBanner2 .topMenu {float:right; line-height:36px} header .topBanner .topBanner2 .topMenu > li {float:left; padding:0 0 0 10px } header .topBanner .topBanner2 .topMenu > li > a {color:#666; font-size:13px; } header .topBanner .topBanner2 .topMenu .cn {} header .topBanner .topBanner2 .topMenu .cn a {background:#fff; display:inline-block; width:47px; height:20px; border:2px solid #deb6d0; font-size:11px; color:#971C68; line-height:20px; text-align:center} header .gnbArea {/* width:100%; */overflow:hidden; border-top:1px solid #e7e3e1; border-bottom:1px solid #e7e3e1; height:63px} header .gnbTopGrid {} header .gnbTotal {position:relative; margin:0 auto; width:1200px; z-index:10} header .gnbTotal p {position:absolute; top:1px; left:0; } header .gnbTotal .btn_totalM {} header .gnbArea .gnb {width:100%; border-bottom:1px solid #bcbcbc;} header .gnbArea .gnb > ul {width:1201px; margin:0 auto; zoom:1; padding-left:1px} header .gnbArea .gnb > ul:after {display:block; content:''; clear:both;} header .gnbArea .gnb > ul > li {float:left; } header .gnbArea .gnb > ul > li > a {position:relative; display:block; padding:21px 0 22px; font-size:17px; font-weight:600; color:#3f3f3f; text-align:center; letter-spacing:-0.05em} header .gnbArea .gnbList {overflow:hidden; background:#fff; padding-top:17px; /* border-bottom:1px solid #c8c8c8; */} header .gnbArea .gnb > ul > li > a i {display:none; position:absolute; bottom:0; left:0%; background:#882c66; width:109px; height:5px} header .gnbArea .gnb > ul > li > a i.i03 {width:95px;} header .gnbArea .gnb > ul > li.on > a i {display:block;} header .gnbArea .gnb ul li.depli01 {width:130px} header .gnbArea .gnb ul li.depli02 {width:110px} header .gnbArea .gnb ul li.depli03 {width:100px} header .gnbArea .gnb ul li.depli04 {width:130px} header .gnbArea .gnb ul li.depli05 {width:140px} header .gnbArea .gnb ul li.depli06 {width:130px} header .gnbArea .gnb ul li.depli07 {width:138px} header .gnbArea .gnb ul li.depli08 {width:114px} header .gnbArea .gnb ul li.depli12 {width:138px} /* 2020.09.04 - secret메뉴 삭제로 조정 - 원래원본 header .gnbArea .gnb ul li.depli01 {width:122px} header .gnbArea .gnb ul li.depli02 {width:102px} header .gnbArea .gnb ul li.depli03 {width:92px} header .gnbArea .gnb ul li.depli04 {width:122px} header .gnbArea .gnb ul li.depli05 {width:130px} header .gnbArea .gnb ul li.depli06 {width:122px} header .gnbArea .gnb ul li.depli07 {width:128px} header .gnbArea .gnb ul li.depli08 {width:106px} header .gnbArea .gnb > ul > li.depli09 {width:120px; border-left:1px solid #e7e3e1} */ header .gnbArea .gnb > ul > li.depli09 {width:141px; border-right:1px solid #e7e3e1;} /*header .gnbArea .gnb > ul > li.depli09 a.subDep9 {padding:21px 0 22px}*/ header .gnbArea .gnb > ul > li.depli09 a.subDep9 {padding:0;} /*header .gnbArea .gnb > ul > li.depli10 {} header .gnbArea .gnb > ul > li.depli10 a {padding:0} */ /* 2020.09.04 - secret메뉴 삭제로 조정 - 원래원본 header .gnbArea .gnb ul li.depli99 {width:117px} */ header .gnbArea .gnb ul li.depli99 {width:138px} header .gnbArea .gnbList .dep2 { width:1201px; margin:0 auto; /* padding-left:120px; padding-bottom:19px; */zoom:1;} header .gnbArea .gnbList .dep2:after {display:block; content:''; clear:both;} header .gnbArea .gnbList .dep2 .unit.first {border-left:0;} header .gnbArea .gnbList .dep2 .unit {float:left; min-height:240px; /* border-left:1px solid #dadada; */ } header .gnbArea .gnbList .dep2 .unit > li {margin-top:9px;} header .gnbArea .gnbList .dep2 .unit > li:first-child {margin-top:4px;} header .gnbArea .gnbList .dep2 .unit > li > a {display:block; width:110px; background:url(../../images/common/blt_3x1.gif ) 14px 7px no-repeat; padding-left:15px; font-size:13px; color:#787878;} header .gnbArea .gnbList .dep2 .unit > li > a:hover {color:#fd774d; text-decoration:underline;} /* 1202 */ header .gnbTit {position:absolute; top:-65px; right:500px; display:inline-block; width:115px;} header .gnbTit p {text-align:center; font-size:17px; border-left:1px solid #e7e3e1; border-right:1px solid #e7e3e1; height:65px; line-height:65px} header .gnbTit p a{color:#3f3f3f} header .gnbSecret {position:absolute; top:-65px; right:350px; display:inline-block; width:140px; height:65px; line-height:65px } header .gnbSecret p {text-align:center; font-size:17px; font-weight:600} header .gnbSecret p a{color:#642051} /* header .gnbTit {position:absolute; top:145px; right:500px; display:inline-block; width:115px;} header .gnbTit p {text-align:center; font-size:17px; border-left:1px solid #e7e3e1; border-right:1px solid #e7e3e1; height:65px; line-height:65px} header .gnbTit p a{color:#3f3f3f} header .gnbSecret {position:absolute; top:145px; right:350px; display:inline-block; width:140px; height:65px; line-height:65px } header .gnbSecret p {text-align:center; font-size:17px; font-weight:600} header .gnbSecret p a{color:#642051}*/ /* header .gnbTit {position:relative; margin:0 auto; width:1200px} header .gnbTit .gnbTit2 {position:absolute; top:0px; } header .gnbTit p {text-align:center; width:115px; font-size:17px; border-left:1px solid #e7e3e1; border-right:1px solid #e7e3e1; height:65px; line-height:65px} header .gnbTit p a{color:#3f3f3f} header .gnbSecret {position:absolute; top:0px; right:350px; display:inline-block; width:140px; height:65px; line-height:65px } header .gnbSecret p {text-align:center; font-size:17px; font-weight:600} header .gnbSecret p a{color:#642051}*/ #cts {position:relative; /*overflow:hidden; */ width:100%; z-index:1;} #cts.main {margin:auto 0; padding-top:235px; } /* 메인이미지 */ .mainImg {position:relative; margin-bottom:40px; width:1200px; margin:0 auto} .main .mainTop {width:1200px; margin:0 auto; height:110px;} .main .mainTop ul:after {display:block; content:''; clear:both;} .main .mainTop ul li {float:left} .main .mainTop .topGuide {width:300px; height:107px; background:#6f1b59} .main .mainTop .topGuide p {text-align:center; padding-top:20px} .main .mainTop .topGuide select {background:#6f1b59; border:1px solid #c7a3bd; color:#fff; height:35px; text-align:center; margin:10px 0 0 50px} .main .mainTop .topGuide span img{margin:10px 0 0 6px} .main .mainTop ul li.Tab06 {background:#ad2982; width:300px; height:107px} .main .mainTop ul li.Tab06 .Tit {font-size:18px; color:#fff; letter-spacing:-0.05em; text-shadow:0 2px 2px #000; padding:20px 0 0 10px} .main .mainTop ul li.Tab06 .Btn {float:left} .main .mainTop ul li.Tab06 .Btn a {display:inline-block; background:#edd2e5; width:122px; height:34px; font-size:13px; font-weight:600; color:#6f1456; letter-spacing:-0.05em; line-height:32px; text-align:center; box-shadow:0 1px 1px #000; margin:10px 0 0 10px} .main .mainTop ul li.Tab06 .CalBtn {float:left; width:37px; height:35px; margin:10px 0 0 10px} .main .mainTop ul li.Tab06 .CalBtn a {} .bnrMiddle {margin-top:15px; } .bnrMiddle .bnrMiddleImg {width:1200px; margin:0 auto; height:1008px; border:1px solid #ddd} .bnrMiddle .bnrMiddleImg ul:after {display:block; content:''; clear:both;} .bnrMiddle .bnrMiddleImg ul li {float:left} .bnrMiddle .bnrMiddleImg .main01 {float:left; width:299px; height:236px; background:url(../../images/main/main01.jpg) no-repeat; border-bottom:1px solid #ddd} .bnrMiddle .bnrMiddleImg p.p01{margin:20px 20px 10px 20px; font-weight:600; font-size:24px; color:#000} .bnrMiddle .bnrMiddleImg p.p02{margin-left:20px; font-size:14px; color:#989898} .bnrMiddle .bnrMiddleImg p.p03{padding-top:20px; margin:0 20px 10px 20px; font-weight:600; font-size:24px; color:#000} .bnrMiddle .bnrMiddleImg p.p04{margin:20px 0 10px 20px; font-weight:600; font-size:24px; color:#000} .bnrMiddle .bnrMiddleImg .main02 {float:left; width:299px; height:266px; border-left:1px solid #ddd; border-bottom:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main03 {float:left; width:299px; height:302px; border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main04 {float:left; width:299px; height:302px; border-bottom:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main05 {background:url(../../images/main/main05.jpg) no-repeat;position:absolute; top:1032px; float:left; width:299px; height:336px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .bnrMiddle .bnrMiddleImg .main06 {background:url(../../images/main/main06.jpg) no-repeat; margin-left:300px; position:absolute; top:1062px; float:left; width:299px; height:266px; border-bottom:1px solid #ddd; border-right:1px solid #ddd;} .bnrMiddle .bnrMiddleImg .main06 ul {padding-left:185px} .bnrMiddle .bnrMiddleImg .main06 ul:after {display:block; content:''; clear:both;} .bnrMiddle .bnrMiddleImg .main06 ul li {font-size:13px; list-style:disc; clear:both; color:#666; padding:13px 0 3px 0} .bnrMiddle .bnrMiddleImg .main07 {background:url(../../images/main/main07.jpg) no-repeat; margin-left:599px; float:left; width:299px; height:243px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd;} .bnrMiddle .bnrMiddleImg .main07 p.pIco {margin-left:20px; margin-top:150px; color:#707070; font-size:14px} .bnrMiddle .bnrMiddleImg .main08 {height:280px; background:url(../../images/main/main08.jpg) no-repeat; float:left; width:299px;border-bottom:1px solid #ddd;} .bnrMiddle .bnrMiddleImg .main08 .main08Btn {margin-left:28px; margin-top:120px} .bnrMiddle .bnrMiddleImg .main09 {width:299px; height:206px; background:url(../../images/main/main09.jpg) no-repeat; position:absolute; top:1370px; float:left; border-bottom:1px solid #ddd;} .bnrMiddle .bnrMiddleImg .main10 {width:299px; height:236px; background:url(../../images/main/main10.jpg) no-repeat; position:absolute; top:1335px; margin-left:299px; border-bottom:1px solid #ddd; border-left:1px solid #ddd; border-right:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main11 {background:url(../../images/main/main11.jpg) no-repeat; width:299px; height:193px; position:absolute; top:1342px; margin-left:600px; border-bottom:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main11 .main11Btn {cursor:pointer; margin-left:20px; margin-top:15px} .bnrMiddle .bnrMiddleImg .main12 {float:left; background:url(../../images/main/main12.jpg) no-repeat; width:299px; height:166px; margin-left:899px; border-bottom:1px solid #ddd; border-left:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main13 {margin-top:30px; float:left; border-bottom:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main14 {margin-top:21px; float:left; border-left:1px solid #ddd} .bnrMiddle .bnrMiddleImg .main15 {background:url(../../images/main/main15.jpg) no-repeat; width:299px; height:266px; position:absolute; top:1537px; margin-left:599px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;} .bnrMiddle .bnrMiddleImg .main16 {margin-left:899px; border-bottom:1px solid #ddd; border-left:1px solid #ddd;} /* 병원소개 */ .bnrLast {margin:50px 0 0; zoom:1; border-top:1px solid #e6e6e6 ;height:235px} .bnrLast:after {display:block; content:''; clear:both;} .bnrBoard {width:1200px; margin:0 auto} .bnrBoard .infoCnt {margin:0 30px; float:left; width:340px;} .bnrBoard .infoCnt h3 {margin-top:30px} .bnrBoard .infoCnt ul {margin-top:30px;} .bnrBoard .infoCnt ul li {padding:5px 0; zoom:1;} .bnrBoard .infoCnt ul li:after {display:block; content:''; clear:both;} .bnrBoard .infoCnt ul li:first-child {padding-top:0;} .bnrBoard .infoCnt ul li a {display:block; float:left; overflow:hidden; width:220px; margin-right:10px; padding-right:10px; color:#666666; font-size:13px; letter-spacing: -0.03em; text-overflow: ellipsis; white-space:nowrap;} .bnrBoard .infoCnt ul li a.new {background:url(../../images/ico/ico_new.gif) 100% 2.5px no-repeat;} .bnrBoard .infoCnt ul li a:hover {color:#fd774d; text-decoration:underline;} .bnrBoard .infoCnt ul li span {float:right;} footer.sub {margin-top:0;} footer {position:relative; /* margin-top:35px; */} footer .footDiv {border-top:1px solid #e9e9e9;} footer .footDivBranch {height:38px; line-height:38px} footer .footDivBranch .footBranch {width:1200px; margin:0 auto; zoom:1; } footer .footDivBranch .footBranch:after {display:block; content:''; clear:both;} footer .footDivBranch .footBranch ul {zoom:1;} footer .footDivBranch .footBranch ul:after {display:block; content:''; clear:both;} footer .footDivBranch .footBranch .footerTab {float:left; height:38px; cursor:pointer} footer .footDivBranch .footBranch .footerTab > li {float:left; height:38px; width:80px; text-align:center; border-right:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; color:#3f3f3f; font-size:13px; box-sizing:border-box;} /* width:91 */ /*footer .footDivBranch .footBranch .footerTab > li:nth-child(1), footer .footDivBranch .footBranch .footerTab > li:nth-child(2){width:92px;} footer .footDivBranch .footBranch .footerTab > li.on {background:#971c68; color:#fff color:#3f3f3f;} footer .footDivBranch .footBranch .footerTab > li.on > a {color:#3f3f3f; font-weight:600;} */ footer .footDivBranch .footBranch .footerTab > li:first-child {border-left:1px solid #e6e6e6} footer .footDivBranch .footBranch .footerTab > li a {height:38px; width:80px; display:inline-block; box-sizing:border-box;} footer .footDivBranch .footBranch .footerTab li a:hover {/* color:#fd774d; */ color:#fff;} footer .footDivBranch .footBranch .footerTab li:hover {background:#971c68; color:#fff; } footer .footDivSns {background:#e6e6e6;} footer .footDivSns .footSns {width:1200px; margin:0 auto; zoom:1; } footer .footDivSns .footSns:after {display:block; content:''; clear:both;} footer .footDivSns .footSns ul {zoom:1;} footer .footDivSns .footSns ul:after {display:block; content:''; clear:both;} footer .footDivSns .footSns .footerMenu {float:left; padding-top: 10px; padding-bottom: 8px;} footer .footDivSns .footSns .footerMenu > li:first-child {margin-left:0} footer .footDivSns .footSns .footerMenu > li {float:left; margin-left:32px;} footer .footDivSns .footSns .footerMenu > li > a {color:#3f3f3f; font-size:13px;} footer .footDivSns .footSns .footerMenu > li > a:hover {color:#fd774d; text-decoration:underline;} footer .footDivSns .footSns .snsLst {float:right;} footer .footDivSns .footSns .snsLst > li {float:left;} footer .footDivSns .footSns .snsLst > li:first-child {border-left:1px solid #e9e9e9;} footer .footDiv .footListDiv {margin-bottom:125px} footer .footDiv .footListDiv .footList {width:1200px; margin:0 auto; padding:50px 0; zoom:1;} footer .footDiv .footListDiv .footList:after {display:block; content:''; clear:both;} footer .footDiv .footListDiv .footList dl {float:left; width:130px;} footer .footDiv .footListDiv .footList dl:nth-child(2) {width:130px} footer .footDiv .footListDiv .footList dl:nth-child(3) {width:130px} footer .footDiv .footListDiv .footList dl:nth-child(4) {width:130px} footer .footDiv .footListDiv .footList dl dt {line-height:22px; color:#000; font-size:13px; font-weight:600; padding:10px 0} footer .footDiv .footListDiv .footList dl dd {color:#787878; font-size:12px; line-height:22px;} footer .footDiv .footListDiv .footList dl dd a:hover {color:#fd774d; text-decoration:underline;} footer .footAdd {margin:auto 0; padding-bottom:130px; } footer .footAdd .copy {font-size:13px; color:#787878;} #footMenu2 {background:none; height:auto} #footMenu2 ul {} #footMenu2 ul li {float:left} #footMenu2 ul li.Fir {float:left} #footMenu2 ul li.Social {float:right} #footMenu2 ul li.Social span a {float:left; display:inline-block} #footMenu2 ul li.Social .Facebook a {border:1px solid #cacaca; border-right:none} #footMenu2 ul li.Social .Twitter a {border:1px solid #cacaca; border-right:none} #footMenu2 ul li.Social .Kakao a {border:1px solid #cacaca; border-right:none} #footMenu2 ul li.Social .Google a {border:1px solid #cacaca} #footMenu2 ul li.ScrollTop a {} footer .footBottom {background:#2e1745; width:100%; height:130px; position:fixed; bottom:0px; z-index:99999} footer .footBottom .footBottom2 {width:1200px; margin:0 auto; } footer .footBottom .footBottom2 ul:after {display:block; content:''; clear:both;} footer .footBottom .footBottom2 ul li {float:left} footer .footBottom .footBottom2 map:click {outline:0} footer .footBottom .footBottom2 .CallBox {height:130px; border-right:1px solid #1d0e2c} footer .footBottom .footBottom2 .footTel {position:relative; width:380px} footer .footBottom .footBottom2 .footTel .telTit {padding:0px 0 0 30px; color:#fff} footer .footBottom .footBottom2 .footTel span.sp01 {font-size:18px} footer .footBottom .footBottom2 .footTel span.sp02 {font-size:13px; opacity:0.4} footer .footBottom .footBottom2 .footTel .counselName {margin:5px 0 5px 30px} footer .footBottom .footBottom2 .footTel .counselName label {color:#fff; font-size:13px; opacity:0.6} footer .footBottom .footBottom2 .footTel .counselName input{margin-left:30px; height:18px; width:130px; border:1px solid #9a9a9a; background:none; color:#fff} footer .footBottom .footBottom2 .footTel .counselTel {margin:5px 0 5px 30px} footer .footBottom .footBottom2 .footTel .counselTel label {color:#fff; font-size:13px; opacity:0.6} footer .footBottom .footBottom2 .footTel .counselTel input{height:18px; width:30px; border:1px solid #9a9a9a; background:none; color:#fff} footer .footBottom .footBottom2 .footTel .counselSel {margin:0px 0 5px 30px} footer .footBottom .footBottom2 .footTel .counselSel label {color:#fff; font-size:13px; opacity:0.6} footer .footBottom .footBottom2 .footTel .counselSel select {width:146px; height:20px; margin:0 1px} footer .footBottom .footBottom2 .footTel .counselSel select#c_branch_gnb {background:#2E1745; border:1px solid #9A9A9A; color:#fff} footer .footBottom .footBottom2 .footTel .counBtn {position:relative} footer .footBottom .footBottom2 .footTel .counBtn a {position:absolute; top:-83px; left:240px; display:inline-block; background:#59456a; border-bottom:3px solid #3e304a; width:67px; height:75px; font-size:12px; color:#c7c3cc; line-height:75px; text-align:center} footer .footBottom .footBottom2 .footTel .counChk {position:absolute; top:48px; right:15px} footer .footBottom .footBottom2 .footTel .counChk input[type=checkbox] {border:1px solid #9a9a9a; background:#262626} footer .footBottom .footBottom2 .footTel .counChk span {color:#fff; opacity:0.6} footer .footBottom .footBottom2 .NumBox {background:#f5d13c; width:270px; height:130px; border-left:1px solid #4e2c65; border-right:1px solid #1d0e2c} footer .footBottom .footBottom2 .NumBox .Tit {font-size:18px; color:#1f1f21; letter-spacing:-0.05em; padding:20px 0 0 30px} footer .footBottom .footBottom2 .NumBox .Number {font-size:40px; font-weight:600; color:#1f1f21; letter-spacing:0.01em; text-align:center} footer .footBottom .footBottom2 .NumBox .Txt {font-size:16px; font-weight:600; color:#1f1f21; letter-spacing:-0.025em; text-align:center} footer .footBottom .footBottom2 .SimpleTab {border-left:1px solid #4e2c65; border-right:1px solid #4e2c65} footer .footBottom .footBottom2 .SimpleTab li {} footer .footBottom .footBottom2 .SimpleTab li a {display:inline-block; width:106px; height:65px; font-size:14px; color:#fff; letter-spacing:-0.01em} footer .footBottom .footBottom2 .SimpleTab li a:hover {opacity:0.7} footer .footBottom .footBottom2 .SimpleTab li a img {float:left} footer .footBottom .footBottom2 .SimpleTab li a p {height:33px; padding:16px 0} footer .footBottom .footBottom2 .SimpleTab li.Tab1 a {border-right:1px solid #1d0e2c; border-bottom:1px solid #1d0e2c} footer .footBottom .footBottom2 .SimpleTab li.Tab2 a {border-left:1px solid #4e2c65; border-bottom:1px solid #1d0e2c; border-right:1px solid #1d0e2c} footer .footBottom .footBottom2 .SimpleTab li.Tab3 a {border-left:1px solid #4e2c65; border-bottom:1px solid #1d0e2c; border-right:1px solid #1d0e2c} footer .footBottom .footBottom2 .SimpleTab li.Tab4 a {border-top:1px solid #4e2c65; border-right:1px solid #1d0e2c} footer .footBottom .footBottom2 .SimpleTab li.Tab5 a {border-top:1px solid #4e2c65; border-right:1px solid #1d0e2c; border-left:1px solid #4e2c65;} footer .footBottom .footBottom2 .SimpleTab li.Tab6 a {border-top:1px solid #4e2c65; border-right:1px solid #1d0e2c; border-left:1px solid #4e2c65;} /* NEW */ footer .footBottom .footBottom2 .CallBox01 {height:130px; border-right:1px solid #1d0e2c} footer .footBottom .footBottom2 .CallBox01 .CallBoxGrid {float:left} footer .footBottom .footBottom2 .CallBox01 .CallBoxGrid01 {margin-left:20px} footer .footBottom .footBottom2 .CallBox01 .CallBoxGrid02 {float:right; margin-right:20px} footer .footBottom .footBottom2 .CallBox01 .footTel {position:relative; width:380px} footer .footBottom .footBottom2 .CallBox01 .footTel .telTit {float:left; padding:10px 0 0 20px; color:#fff;} footer .footBottom .footBottom2 .CallBox01 .footTel span.sp01 {font-size:14px; padding-right:5px} footer .footBottom .footBottom2 .CallBox01 .footTel span.sp02 {font-size:12px; opacity:0.4} footer .footBottom .footBottom2 .CallBox01 .footTel .counselTel {margin:0 0 10px} footer .footBottom .footBottom2 .CallBox01 .footTel .counselTel input {height:18px; width:30px; border:1px solid #9a9a9a; background:none; color:#fff} footer .footBottom .footBottom2 .CallBox01 .footTel .counselSel {margin:0 0 10px 0;} footer .footBottom .footBottom2 .CallBox01 .footTel .counselSel select {width:146px; height:24px; background:#2E1745; border:1px solid #9A9A9A; font-size:12px; font-family:'나눔고딕', 'NanumGothic', ng, sans-serif; color:#fff} footer .footBottom .footBottom2 .CallBox01 .footTel .counselTxt {} footer .footBottom .footBottom2 .CallBox01 .footTel .counselTxt textarea {resize:none; width:150px; background:none; font-size:12px; color:#fff; border:1px solid #9a9a9a; margin:0; height:44px; padding:6px 12px} footer .footBottom .footBottom2 .CallBox01 .footTel .counBtn01 {float:right; padding:5px 20px 0 0} footer .footBottom .footBottom2 .CallBox01 .footTel .counBtn01 a {display:inline-block; background:#59456a; border-bottom:3px solid #3e304a; width:75px; height:25px; font-size:12px; color:#c7c3cc; line-height:23px; text-align:center} .w95 {width:95px;} .w110 {width:110px;} .w120 {width:120px;} @media screen and (min-width:0\0) { header .gnbArea .gnb > ul > li.depli09 a.subDep9 {padding:21px 0 22px 9px\9} /* backslash-9 removes ie11+ & old Safari 4 */ } *::-ms-backdrop, header .gnbArea .gnb > ul > li.depli09 a.subDep9 {padding:21px 0 22px} /* IE11 */ *::-ms-backdrop, header .top_wrap .top_wrap2 .topSearch button {margin-top:0} /* 심의모드에서도 서브메뉴 hover 정상 동작하도록 고정 */ .gnb .dep2, .gnbMenu .dep2 { /* dep2 이름은 파일에서 확인한 뒤 맞춰줘 */ position: absolute !important; top: 100% !important; left: 0; z-index: 9999 !important; display: none; } /* hover 시 나타나는 규칙 강제 */ .gnb li:hover .dep2, .gnbMenu li:hover .dep2 { display: block !important; }