/*공통*/ .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:NotoSanskr, nsr,'NanumSquareRound','Nanum Barun Gothic';} .header_bottom {display:none; position:relative; /*max-width:1200px;*/ width:100%; margin:0 auto; background:#fff; overflow:hidden; border-bottom:1px solid #dadada; } .header_bottom .snsbtn_area { float:left; width:31%; position:relative; } .header_bottom .snsbtn_area ul { padding-top:70px; margin-left:10px; /* li 를 한줄로 출력할때 li 사이의 공백을 없애기 위해 사용한다. 다른 방법으로 마이너스마진을 주기도함. 아님 그냥 float:left 를 쓰던지..이건 여기서 사용할꺼는 아니니까....*/ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (거의 대부분 동작) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .header_bottom .snsbtn_area ul li {float:left; } .header_bottom .snsbtn_area ul li i:link {color:#a59f9b;} .header_bottom .snsbtn_area ul li i:active {color:#a59f9b;} .header_bottom .snsbtn_area ul li i:visited {color:#a59f9b;} .header_bottom .snsbtn_area ul li i:hover {color:#666;} .header_bottom .snsbtn_area ul li i {font-size:22px; margin-right:14px; color:#a59f9b;} .yellowid {width:20px;height:20px; margin-right:14px; margin-top:1px; } /* 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; } .serachArea_wrapper { position:relative; overflow:hidden; width:295px;height:65px;} .serachArea_wrapper .pad{padding:0 32px 0 20px} .serachArea_wrapper .pad a.sr_btn{ font-size:18px; position: absolute; top: 9px; right: 1px; display: block; width:31px;height:28px; /* background: url(/images/main/common/btn_search_bg.jpg); background-repeat: no-repeat; -webkit-background-size:31px 28px ; background-size: 31px 28px; background-position:100% 50%; */ } .serachArea_wrapper .searcharea_table {float:left; width:295px; height:63px;position:relative;display:block; border-collapse:collapse; } .serachArea_wrapper .searcharea_table .searcharea_head {display:block;width:295px; height:24px; text-align:right;} .serachArea_wrapper .searcharea_table ul {width:100%;display:block;position:relative;} .serachArea_wrapper .searcharea_table ul li {float:left;} .serachArea_wrapper .searcharea_table ul li.searcharea_L {width:13px;height:39px;background:url(/images/common/search/search-L.png) no-repeat bottom left; padding:0;} .serachArea_wrapper .searcharea_table ul li.searcharea_text {width:59px;height:39px;background:url(/images/common/search/search-txt.png) no-repeat; text-align:left; padding-top:12px; font-size:12px; font-weight:400; color:#797979; border:0px solid #00ff00;} .serachArea_wrapper .searcharea_table ul li.searcharea_put {width:169px; height:39px; background:url(/images/common/search/search-area.png) repeat-x; padding-top:2px; vertical-align:top; color:#0969b3; font-size:12px; border:0px solid #00ff00;} .serachArea_wrapper .searcharea_table ul li.searcharea_btn {width:54px;height:39px;vertical-align:bottom; border:0px solid #00ff00;} .serachArea_wrapper .sr_input{width:100%; max-width:160px; height: 34px; color:#0969b3; font-size:13px; padding-left:5px; border: 0;} /* main slide area */ .mainslidelayout {margin:90px 0 0 0;} .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; padding:0; z-index:1; border:0px solid #00ff00; /* width:100%; height:auto; display:inline-block; overflow:hidden; margin-top:0px; margin-bottom:25px; padding-top:20px; padding-bottom:20px; 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 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 Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important;} .hw100perArea { font-family:'NanumSquareRound',nsr,'Nanum Barun Gothic', 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important;} .hw-middleArea a {font-family:'NanumSquareRound',nsr,'Nanum Barun Gothic';} .hw-middleArea1 {clear:both; position:relative; display:block; margin:0 auto; padding-top:30px; padding-bottom:20px; background:#ffffff; overflow:hidden; text-align:center; z-index:2; font-family:'NanumSquareRound',nsr,Nanum Barun Gothic, 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important;} .hw-middleArea1 ul {width:100%; max-width:1200px; margin:0 auto; } .hw-middleArea1 ul li {float:left; width:150px; display:list-item; margin-bottom:40px;} .hw-middleArea1 ul li a {display:inline-block; vertical-align: middle; text-align:center; width:108px; height:150px; cursor:auto;} .hw-middleArea1 ul li a:link {background:url(/images/main/bg-cir-out.png) no-repeat center bottom; } .hw-middleArea1 ul li a:hover {background:url(/images/main/bg-cir-over.png) no-repeat center bottom; color:#07b0b0; } .hw-middleArea1 ul li a span {display:list-item; } .hw-middleArea1 ul li a span.cirtxt {width:108px; text-align:center; padding-bottom:22px; font-size:16px; color:#333;} .hw-middleArea1 ul li a span.cirtxt:hover {color:#07b0b0;} .hw-middleArea1 ul li a span:hover {color:#07b0b0;} .hw-middleArea1 ul li a span.cirbg {width:108px; height:108px; padding-top:23px; text-align:center; vertical-align:top; } .msfs_mainbanner {display:inline-block; position:relative; width:100%; max-width:230px; text-align:center; margin:0; vertical-align:top; } .msfs_mainbanner ul {padding:0;margin:0;list-style:none;} .msfs_mainbanner ul li {padding:0;margin:0;list-style:none;} .msfs_mainbanner .msfs_mainbanner_title {width:100%; max-width:230px; text-align:center; padding:5px 5px 10px 5px; font-size:18px; font-weight:700; color:#333; line-height:150%; font-family:'NanumSquareRound',NotoSanskr, nsr, 나눔스퀘어, 나눔바른고딕, "Nanum Gothic", 나눔고딕, 돋움;} .msfs_mainbanner .msfs_mainbanner_img {width:100%; max-width:230px; text-align:center; padding:10px 0 10px 0; } .msfs_mainbanner .msfs_mainbanner_body {width:100%; max-width:230px; text-align:justify; padding:15px 0px 10px 0px; font-size:14px; font-weight:400; color:#333; line-height:150%; font-family:'NanumSquareRound',NotoSanskr, nsr, 나눔스퀘어, 나눔바른고딕, "Nanum Gothic", 나눔고딕, 돋움;} .msfs_blank_support { float:left; width:150px; height:280px; border:0px solid #00ff00; } .sup1 {margin-left:50px;} .sup2 {margin-left:140px;} .sup3 {margin-left:140px;} .ulk_mainImport_A {clear:both; float:left; width:100%; display:block; position:relative; margin:0 auto; text-align:center; font-weight:400; font-family:'NanumSquareRound',nsr, Nanum Barun Gothic, 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important; border-bottom:1px solid #ddd; } .ulk_mainArea_gallery1 {clear:both; display:block; position:relative; margin:0 auto; padding:15px 0 15px 0; width:100%; max-width:1200px;} .ulk_mainArea_gallery1 .gbox1 {float:left; display:block; position:relative; text-align:left; margin:10px 20px;} .ulk_mainArea_gallery1 .gbox1 ul {width:100%; max-width:250px; margin-bottom:10px;} .ulk_mainArea_gallery1 .gbox1 ul.headtext li {width:100%; color:#242424; font-size:13px; font-weight:400; text-align:left; padding-bottom:4px;} .ulk_mainArea_gallery1 .gbox1 ul.headtext li.t1 {width:100%; color:#242424; font-size:13px;font-weight:400; text-align:left; padding-bottom:4px;} .ulk_mainArea_gallery1 .gbox1 ul.headtext li.t2 {width:100%; color:#455f9b; font-size:20px;font-weight:400; text-align:left; padding-bottom:4px;} .ulk_mainArea_gallery1 .gbox1 .imgbox {width:100%; max-width:250px; margin-bottom:15px;} .ulk_mainArea_gallery1 .gbox1 .imgbox img {width:100%; max-width:250px;} .ulk_mainArea_gallery1 .gbox1 ul.bodytext li {width:100%; color:#242424; font-size:13px; font-weight:400; text-align:left; padding-bottom:4px;} .ulk_mainArea_gallery1 .gbox1 ul.bodytext li.tit {width:100%; color:#242424; font-size:13px;font-weight:400; text-align:left; padding-bottom:6px;} .ulk_mainArea_gallery1 .gbox1 ul.bodytext li.cont {width:100%; color:#666666; font-size:13px;font-weight:400; text-align:left; padding-bottom:4px; line-height:150%;} .ulk_mainbannerArea {clear:both; display:block; position:relative; width:100%; margin:0 auto; text-align:center; } .ulk_mainbannerArea .mainbannerbox {clear:both; display:block; margin:10px auto; padding:0; max-width:1200px; text-align:center;} .ulk_mainbannerArea .mainbannerbox ul {display:inline-block; margin:10px auto;} .ulk_mainbannerArea .mainbannerbox ul li {display:inline-block; margin-left:0px; padding-left:25px; padding-right:25px; } .ulk_mainbannerArea .mainbannerbox ul li img {border:1px solid #ddd;} .bordertop1px {border-top:1px solid #dddddd; } .ulk_mainImport_B {clear:both; float:left; width:100%; display:block; position:relative; margin:0 auto; text-align:center; font-weight:400; font-family:'NanumSquareRound',nsr, Nanum Barun Gothic, 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important; border-bottom:1px solid #ddd; } .ulk_mainArea_board1 {clear:both; display:block; position:relative; margin:0 auto; padding:15px 0 15px 0; width:100%; max-width:1200px;} .boardtype_notice {width:100%; max-width:356px; float:left; display:block; position:relative; vertical-align:top; text-align:left; margin:10px 20px; } .boardtype_notice div.title_area {float:left; position:relative; display:block; vertical-align:top; overflow:hidden; width:100%; padding-bottom:8px; border-bottom:1px solid #dadada; } .boardtype_notice div.title_area a.tit {float:left; position:relative; color:#242424; height:27px; font-size:17px;font-weight:400; text-align:left; } .boardtype_notice div.title_area a.more {position:absolute; right:10px; top:10px; width:15px; height:15px; background:url(/images/main/btn_more_out.gif) no-repeat;} .boardtype_notice div.title_area a.more:hover {background:url(/images/main/btn_more_over.gif);} .boardtype_notice table {border:0px solid #00ff00;} .boardtype_notice table.main-news-table { float:left; margin:10px 4px 10px 2px; } .boardtype_notice table.main-news-table td {color:#666;font-size:14px; padding-top:5px; padding-bottom:5px; padding-left:13px; text-align:left;font-family:nsr,'Nanum Barun Gothic'; background:url(/images/main/icon-list-dot1.png) no-repeat left 10px;} .boardtype_notice table.main-news-table td a {color:#666;font-size:14px; font-weight:400; font-family:nsr,'Nanum Barun Gothic'; line-height:160%; } .boardtype_notice table.main-news-table td a:link, .boardtype_notice table.main-news-table td a:visited, .boardtype_notice table.main-news-table td a:active {color:#666; font-weight:400; font-family:nsr,'Nanum Barun Gothic';} .boardtype_notice table.main-news-table td a:hover {color:#0c367a; font-weight:400; font-family:nsr,'Nanum Barun Gothic';} .boardtype_notice table.main-news-table td {color:#d59d57; font-size:15px;} .ulk_quick_area_A {float:left; display:block; position:relative; background:#55bac5; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; width:100%; max-width:300px; vertical-align:top; text-align:left; margin:10px 20px; } a.cir_quick_box {float:left; text-align:center; width:48%; margin-top:5px; margin-bottom:12px; cursor:pointer;} a.cir_quick_box ul {margin:0 auto; cursor:pointer;} a.cir_quick_box ul li {float:left; width:100%; display:list-item; margin-bottom:0px; display:block; vertical-align: middle; text-align:center; cursor:pointer;} a.cir_quick_box ul li {display:list-item; } a.cir_quick_box ul li.cirtxt {width:100%; text-align:center; padding-top:5px; padding-bottom:4px; font-size:16px; color:#333;} a.cir_quick_box ul li.cirtxt:hover {color:#ffffff;} a.cir_quick_box ul li:hover {color:#0c367a;} a.cir_quick_box ul li.cirbg { padding-top:10px; padding-bottom:5px; text-align:center; vertical-align:top; } a.cir_quick_box:link ul li { /*background:url(/images/main/bg-cir-out.png) no-repeat center bottom; */ font-size:13px; font-weight:bold; } a.cir_quick_box:hover ul li { /*background:url(/images/main/bg-cir-over.png) no-repeat center bottom; */ font-size:13px; color:#ffffff; font-weight:bold; } .ulk_mainImport_C {clear:both; float:left; width:100%; display:block; position:relative; margin:auto; text-align:center; font-weight:400; font-family:nsr, Nanum Barun Gothic, 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important; border-bottom:1px solid #ddd; } .ulk_mainArea_blogA {clear:both; display:block; position:relative; margin:0 auto; padding:15px 0 15px 0; width:100%; max-width:1200px;} a .boardtype_mainblog {color:#090909;} a .boardtype_mainblog:link, a .boardtype_mainblog:visited, a .boardtype_mainblog:active {color:#090909;} a .boardtype_mainblog:hover ul li {color:#000000;} .boardtype_mainblog {width:32%; /*max-width:317px;*/ border:1px solid #eeeeee; padding:0; margin:10px 0.6%; float:left; display:block; position:relative; vertical-align:top; text-align:left; } .boardtype_mainblog .area_img {width:100%; text-align:center; } .boardtype_mainblog .area_img img {width:100%; /*max-width:317px;*/} .boardtype_mainblog ul {width:100%; margin-top:15px;} .boardtype_mainblog ul li {width:100%; font-size:14px; color:#6f6f6f; font-family:inherit; padding-left:7px; padding-right:7px;} .boardtype_mainblog ul li.cate {padding-bottom:4px;line-height:160%;} .boardtype_mainblog ul li.tit {font-size:16px; color:#090909;padding-bottom:8px;line-height:160%;} .boardtype_mainblog ul li.cont {font-size:13px; color:#6b6a6a;padding-bottom:8px;line-height:160%;} .backimg_sample1 {background:url(/images/main/background_sample1.jpg); } .ulk_mainArea_quick_basic {width:100%; max-width:1200px; clear:both; margin:0 auto; padding-top:15px; padding-bottom:15px; overflow:hidden; text-align:center; z-index:2; font-family:nsr,Nanum Barun Gothic, 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important;} .ulk_mainArea_quick_basic a {float:left; text-align:center; width:16.5%; cursor:auto;} .ulk_mainArea_quick_basic a ul {margin:0 auto; } .ulk_mainArea_quick_basic a ul li {float:left; width:100%; display:list-item; margin-bottom:10px; display:block; vertical-align: middle; text-align:center; cursor:auto;} .ulk_mainArea_quick_basic a ul li {display:list-item; } .ulk_mainArea_quick_basic a ul li.cirtxt {width:100%; text-align:center; padding-bottom:15px; font-size:16px; color:#333;} .ulk_mainArea_quick_basic a ul li.cirtxt:hover {color:#0c367a;} .ulk_mainArea_quick_basic a ul li:hover {color:#0c367a;} .ulk_mainArea_quick_basic a ul li.cirbg { padding-top:23px; text-align:center; vertical-align:top; } .ulk_mainArea_quick_basic a:link ul li { /*background:url(/images/main/bg-cir-out.png) no-repeat center bottom; */ font-size:13px; font-weight:bold; } .ulk_mainArea_quick_basic a:hover ul li { /*background:url(/images/main/bg-cir-over.png) no-repeat center bottom; */ font-size:13px; color:#025bc6; font-weight:bold; } .ulk_mainImport_Z {clear:both; width:100%; display:block; position:relative; /* top:-52px; left:0; */ margin:0 auto 0px auto; padding-top:10px; padding-bottom:0px; text-align:center; font-weight:400; font-family:nsr, Nanum Barun Gothic, 'Nanum Barun Gothic', 나눔바른고딕, 나눔고딕, 'Nanum Gothic', "sans-serif", "AppleGothic", "굴림", "Gulim", "Arial", "verdana", "Helvetica" !important; border-bottom:0px solid #ddd; overflow:hidden; /*background:#f8f8f8;*/ z-index:2; } .main_bg_quick { padding:0; margin-top:-20px; background:#599610;} /* 바로가기 둥근원 */ .main_goblock_area {width:1200px; margin:0 auto; padding:0; display:block; position:relative; } .main_goblock_area .goblock_box {float:left; width:19.5%; padding:0; margin:20px 0 20px 0; display:inline-block; position:relative; text-align:center; } /*.main_goblock_area .goblock_box a { width:100%; max-width:380px; margin:0 8px 20px 8px; padding:0px; height:278px; display:inline-block; position:relative; overflow:hidden; text-align:center; }*/ .main_goblock_area .goblock_box a { margin:0; padding:0; display:inline-block; position:relative; overflow:hidden; text-align:center; } .main_goblock_area .goblock_box a.cir-maingo { vertical-align:top; } /* .main_goblock_area .goblock_box a .image {background:#677382; margin:0 auto; width:100%; max-width:124px; max-height:124px; text-align:center; vertical-align:top; display:block; position:relative; border-radius:62px; } .main_goblock_area .goblock_box a .image img {margin:30px; width:100%; height:100%; max-width:65px; max-height:65px; text-align:center; vertical-align:middle; position:relative; } */ .main_goblock_area .goblock_box a:link .image, .main_goblock_area .goblock_box a:visited .image, .main_goblock_area .goblock_box a:active .image {background:#677382;} .main_goblock_area .goblock_box a:hover .image {background:#5cae4e;} .main_goblock_area div.goblock_box a .txt {color:#3a3b3d; font-size:15px; font-family:'NanumSquareRound', nsr, 나눔고딕, 나눔명조, 'Roboto', 'Spoqa Han Sans'; width:100%; margin:0 auto; padding:5px 5px 5px 5px; display:block; position:relative; overflow:hidden; vertical-align:top; text-align:center;} .main_goblock_area div.goblock_box a:hover .txt {color:#000;} .main_goblock_area .goblock_box a div.icon {width:110px; height:110px; margin:0; padding:25px 0px 0 0px; text-align:center; vertical-align:top; border-radius:50%; background:#e9ebe8;} .main_goblock_area .goblock_box a:hover div.icon {width:110px; height:110px; margin:0; padding:25px 0px 0 0px; text-align:center; vertical-align:top; border-radius:50%; background:#c2dee5;} .main_goblock_area .goblock_box a div.t-big {padding:15px 0 5px 0; font-size:15px; color:#fff; font-weight:normal; vertical-align:top; text-align:center; font-family:'NanumSquareRound', nsr, 나눔고딕, 'Nanum Gothic', 맑은고딕, 돋움, 굴림; } .main_goblock_area .goblock_box a:hover div.t-big {color:#fff;} /* 바로가기 둥근원 */ /* 메인 갤러리 : S */ .boardtype_gallery_100per {float:left; width:100%; max-width:1200px; display:block; position:relative; vertical-align:top; text-align:left; margin:10px 0; } .boardtype_gallery_100per .headtitle {text-align:center; color:#3e3e3e; font-size:30px; font-weight:400; font-family:'NanumSquareRound', nsr, 나눔바른고딕, 나눔고딕, 'Nanum Gothic', 맑은고딕, 돋움, 굴림; float:left; width:100%; max-width:1200px; display:block; position:relative; overflow:hidden;} .boardtype_gallery_100per .headtitle span {text-align:center; color:#2fb118; font-size:30px; font-weight:400; font-family:'NanumSquareRound', nsr, 나눔바른고딕, 나눔고딕, 'Nanum Gothic', 맑은고딕, 돋움, 굴림; } .boardtype_gallery_100per .photo_morebtn {display:block; position:absolute; right:10px; top:10px; font-size:13px; font-weight:300; border:1px solid #ddd; padding:5px; font-family:'NanumSquareRound', nsr, 나눔바른고딕, 나눔고딕, 'Nanum Gothic', 맑은고딕, 돋움, 굴림; } .boardtype_gallery_100per .photo_morebtn a:hover {color:#2fb118;} .boardtype_gallery_100per .photogallery_box { float:left; width:100%; max-width:1200px; display:block; position:relative; overflow:hidden; margin:20px auto 0 auto; padding:0; } .boardtype_gallery_100per .photogallery_box a {float:left; width:100%; max-width:180px; display:block; position:relative; overflow:hidden; margin:0 9px 20px 10px; padding:0; } .boardtype_gallery_100per .photogallery_box a ul.list {width:100%; padding:0; margin:0; text-align:center; } .boardtype_gallery_100per .photogallery_box a ul.list li {text-align:center; width:100%; list-style:none;} .boardtype_gallery_100per .photogallery_box a ul.list li.photo {width:100%; max-width:180px; height:100%; max-height:130px; border-radius:8px; overflow:hidden; } .boardtype_gallery_100per .photogallery_box a ul.list li.photo img { height:100%; max-height:130px;} .boardtype_gallery_100per .photogallery_box a ul.list li.txt {padding:12px 5px 0 5px; font-size:14px; color:#3e3e3e; font-weight:400; font-family:'NanumSquareRound', nsr, 나눔바른고딕, 나눔고딕, 'Nanum Gothic', 맑은고딕, 돋움, 굴림; } .boardtype_gallery_100per .photogallery_box a:hover ul.list li.txt {color:#2fb118;} .boardtype_gallery_100per .photogallery_box2 { float:left; width:100%; max-width:1200px; display:block; position:relative; overflow:hidden; margin:20px auto 0 auto; padding:0; } .boardtype_gallery_100per .photogallery_box2 a {float:left; width:100%; max-width:280px; display:block; position:relative; overflow:hidden; margin:0 9px 20px 10px; padding:0; } .boardtype_gallery_100per .photogallery_box2 a ul.list {width:100%; padding:0; margin:0; text-align:center; } .boardtype_gallery_100per .photogallery_box2 a ul.list li {text-align:center; width:100%; list-style:none;} .boardtype_gallery_100per .photogallery_box2 a ul.list li.photo {width:280px; height:100%; max-height:170px; border:1px solid #ddd; border-radius:0px; overflow:hidden; } .boardtype_gallery_100per .photogallery_box2 a ul.list li.photo img { width:100%; height:100%; max-height:170px;} .boardtype_gallery_100per .photogallery_box2 a ul.list li.txt {padding:12px 5px 0 5px; font-size:14px; color:#3e3e3e; font-weight:400; font-family:'NanumSquareRound', nsr, 나눔바른고딕, 나눔고딕, 'Nanum Gothic', 맑은고딕, 돋움, 굴림; } .boardtype_gallery_100per .photogallery_box2 a:hover ul.list li.txt {color:#2fb118;} /* 메인 갤러리 : E */ /* 메인 아이프레임 .iframe_main_programs_pc {width:98%; height:250px; margin:0 1%; padding:0;} .iframe_main_programs_mobile {display:none;} */ .iframe_main_programs_pc {width:98%; height:250px; margin:0 1%; padding:0;} .iframe_main_programs_mobile {display:block; width:100%; height:250px; margin:0; padding:0; border:1px solid #fff;} /* 메인 일정표 : S */ .main_month_area { float:left; width:570px; padding:0 0 10px 0; margin:0; position:relative; display:inline-block; background:#fff; overflow:hidden; } .main_month_area .calendar_area {width:268px; padding:0; margin:0 10px; position:relative; float:left; } .main_month_area .calendar_area .year_area {width:100%; display:block; padding:0; margin:15px auto 12px auto; list-style:none; } .main_month_area .calendar_area .year_area li {display:inline-block; vertical-align:top; } .main_month_area .calendar_area .year_area li.arrow {font-size:20px; color:#666; width:20%; padding-top:6px;} .main_month_area .calendar_area .year_area li.year {text-align:center; width:55%; } .main_month_area .calendar_area .year_area li.year .thismonth_area {width:100%;padding:0;margin-top:6px; } .main_month_area .calendar_area .year_area li.year .thismonth_area li {vertical-align:top; line-height:150%; font-size:18px; font-weight:bold; color:#444; font-family:'NanumSquareRound', nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans', 나눔명조;} .main_month_area .calendar_area .year_area li.year .thismonth_area .t1 { padding:0; font-size:15px; display:inline-block;} .main_month_area .calendar_area .year_area li.year .thismonth_area .t2 { padding:0 0 0 8px; font-size:15px; display:inline-block;} .main_month_area .calendar_area .year_area li.year .thismonth_area .t3 { padding:0; font-size:15px; display:inline-block;} .main_month_area .calendar_area .year_area li a {color:#747579;} .main_month_area .calendar_area .year_area li a:link, .main_month_area .calendar_area .year_area li a:visited, .main_month_area .calendar_area .year_area li a:active {color:#747579;} .main_month_area .calendar_area .year_area li a:hover {color:#000;} .main_month_area .calendar_area .calendar_box {float:left; width:100%; display:block; padding:15px; margin:0 auto 0 auto; } .main_month_area .calendar_area .calendar_box table.calendar {width:100%; background:#6eb437;} .main_month_area .calendar_area .calendar_box table.calendar td {display:table-cell; width:28px; height:28px; padding:3px 2px; font-size:13px; font-weight:400; font-family:nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans'; color:#f0f0f0; text-align:center; border:1px dotted #5e9d2c; } .main_month_area .calendar_area .calendar_box table.calendar td.day {font-size:11px; font-family:돋움; background:#639c11; } .main_month_area .calendar_area .calendar_box table.calendar td a:link, .main_month_area .calendar_area .calendar_box table.calendar td a:visited, .main_month_area .calendar_area .calendar_box table.calendar td a:active {padding:4px; display:block;width:100%; height:100%; font-size:13px; font-weight:400; font-family:nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans'; color:#f0f0f0;} .main_month_area .calendar_area .calendar_box table.calendar td a:hover {color:#fff; background:#4c4c4c;} .main_month_area .calendar_list_area {width:260px; padding:0; margin:0 0 0 15px; position:relative; float:left; } .main_month_area .calendar_list_area p { padding-top:23px; padding-bottom:20px; color:#444; text-align:left; font-size:17px; font-weight:bold; font-family:nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} .main_month_area .calendar_list_area ul.cal_list_ul {width:100%; float:left; display:block; position:relative; } .main_month_area .calendar_list_area ul.cal_list_ul li {clear:both; text-align:left; font-size:14px; color:#444; padding:5px 0; width:100%; display:block; float:left; } .main_month_area .calendar_list_area ul.cal_list_ul li a:link, .main_month_area .calendar_list_area ul.cal_list_ul li a:visited, .main_month_area .calendar_list_area ul.cal_list_ul li a:active {color:#444; font-size:14px;} .main_month_area .calendar_list_area ul.cal_list_ul li a:hover {color:#000;} /* 메인 일정표 : E */ /* 메인 공지사항 : S */ .boardtype_notice2 {float:left; width:100%; max-width:395px; display:block; position:relative; vertical-align:top; text-align:left; margin:0; } .boardtype_notice2 .main_board_area2 {float:left; width:100%; max-width:395px; display:block; position:relative; overflow:hidden;} .boardtype_notice2 .bg1 {background:#ffffff; min-height:275px; } .boardtype_notice2 .bg2 {background:#676767; min-height:275px; } .boardtype_notice2 .bg3 {background:#e37d1d; min-height:275px; } .boardtype_notice2 .main_board_area2 .title_boxarea { background:#f6f9f2; float:left; width:98%; padding:5px; margin:1%; display:block; position:relative; overflow:hidden;} .boardtype_notice2 .main_board_area2 .title_boxarea div.t1 { padding:10px 0 6px 12px; font-size:19px; font-weight:400; color:#333; font-family:'NanumSquareRound', nsr, 나눔고딕, 'Nanum Gothic', 돋움; position:relative; float:left; display:block;} .boardtype_notice2 .main_board_area2 .title_boxarea div.t1 p.line1 { padding:0 0 3px 0; font-size:12px; font-weight:400; color:#677382; font-family:'NanumSquareRound', nsr, 나눔고딕, 'Nanum Gothic', 돋움; position:relative; display:block;} .boardtype_notice2 .main_board_area2 .title_boxarea div.t1 p.line2 { padding:0 0 0 0; font-size:19px; font-weight:500; color:#000; font-family:'NanumSquareRound', nsr, 나눔고딕, 'Nanum Gothic', 돋움; position:relative; display:block;} .boardtype_notice2 .main_board_area2 .title_boxarea div.morebtn { margin-top:10px; margin-right:20px; padding:0; float:right; position:relative; display:block;} .boardtype_notice2 .main_board_area2 .title_boxarea div.morebtn a {color:#666; text-align:left; vertical-align:top; font-size:14px; padding:2px 5px 2px 5px; margin:0; font-weight:bold; background:#fff; } .boardtype_notice2 .main_board_area2 .title_boxarea div.morebtn a:hover {color:#fff;background:#489c06;} .boardtype_notice2 .main_board_area2 ul.listb {float:left; margin:10px 23px 15px 20px; display:block; position:relative; width:100%;} .boardtype_notice2 .main_board_area2 ul.listb li {line-height:150%; font-size:14px; color:#fff; background:url(/images/main/icon_list.jpg) no-repeat left 9px; padding:3px 0 6px 13px; vertical-align:top; display:block; position:relative; font-family:nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} .boardtype_notice2 .main_board_area2 ul.listb li a {color:#333; font-family:'NanumSquareRound', nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} .boardtype_notice2 .main_board_area2 ul.listb li a:hover {text-decoration:underline;} /* 메인 공지사항 : E */ /* 메인 공지사항3 : S */ .boardtype_notice3 {float:left; width:48%; display:block; position:relative; vertical-align:top; text-align:left; margin:0 1% 15px 1%;} .boardtype_notice3 .main_board_area3 {float:left; width:100%; display:block; position:relative; overflow:hidden;} .boardtype_notice3 .bg1 {background:#ffffff; } .boardtype_notice3 .bg2 {background:#676767; min-height:275px; } .boardtype_notice3 .bg3 {background:#e37d1d; min-height:275px; } .boardtype_notice3 .min-h275 {min-height:275px; } .boardtype_notice3 .bg-no {background:none;} .boardtype_notice3 .main_board_area3 .title_boxarea { float:left; width:100%; padding:5px 0 0 5px; margin:0; display:block; position:relative; overflow:hidden;} .boardtype_notice3 .main_board_area3 .title_boxarea div.t1 { padding:10px 0 0 15px; font-size:19px; font-weight:400; color:#333; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 돋움; position:relative; float:left; display:block;} .boardtype_notice3 .main_board_area3 .title_boxarea div.t1 p.line1 { padding:0 0 3px 0; font-size:12px; font-weight:400; color:#677382; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 돋움; position:relative; display:block;} .boardtype_notice3 .main_board_area3 .title_boxarea div.t1 p.line2 { padding:0 0 10px 0; font-size:25px; font-weight:400; color:#000; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 돋움; position:relative; display:block; border-bottom:0px solid #71bf43;} .boardtype_notice3 .main_board_area3 .title_boxarea div.morebtn { margin-top:20px; margin-right:5px; padding:0; float:right; position:relative; display:block;} .boardtype_notice3 .main_board_area3 .title_boxarea div.morebtn a {width:20px; height:20px; padding:0; margin:0; background:url(/images/main/btn_more2.gif) no-repeat; display:block;} .boardtype_notice3 .main_board_area3 .title_boxarea div.morebtn a:hover {background:url(/images/main/btn_more2_over.gif) no-repeat;} .boardtype_notice3 .main_board_area3 .list-outlinebox {border:1px solid #ddd; border-radius:10px; display:block; position:relative;width:100%; padding:20px 0 20px 0; margin:0; position:relative; overflow:hidden;} .boardtype_notice3 .main_board_area3 ul.listb {float:left; margin:9px 20px 9px 20px; padding:0; display:block; position:relative; width:100%;} .boardtype_notice3 .main_board_area3 ul.listb li {padding:0 0 0 0; margin:0; line-height:120%; font-size:15px; color:#000; background:url(/images/main/icon-mainlist.jpg) no-repeat left 9px; vertical-align:top; display:inline-block; position:relative; font-family: 나눔고딕, 'Nanum Gothic', nsr, 'Roboto', 'Spoqa Han Sans'; } .boardtype_notice3 .main_board_area3 ul.listb li.subject {width:78%;} .boardtype_notice3 .main_board_area3 ul.listb li.date {width:14%; text-align:right; color:#a9a9a9; font-size:13px; background:none;} .boardtype_notice3 .main_board_area3 ul.listb li a {padding:0 0 0 15px; margin:0; color:#000; font-family:'NanumSquareRound', NotoSanskr, 나눔고딕, 'Nanum Gothic', nsr, 'Roboto', 'Spoqa Han Sans';} .boardtype_notice3 .main_board_area3 ul.listb li a:hover {text-decoration:underline;} /* 메인 공지사항 : E */ .main_board_ml {/*margin-left:20px;*/} /* 메인 갤러리 : S */ .boardtype_notice2 .photogallery_area {float:left; width:100%; max-width:400px; display:block; position:relative; overflow:hidden;} .boardtype_notice2 .photogallery_area .title_boxarea {float:left; width:100%; padding:10px 0 0 0; margin:0; display:block; position:relative; overflow:hidden;} .boardtype_notice2 .photogallery_area .title_boxarea div.t1 { padding:15px 0 15px 20px; font-size:19px; font-weight:600; color:#fff; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Nanum Gothic', 돋움; position:relative; float:left; display:block;} .boardtype_notice2 .photogallery_area .title_boxarea div.morebtn { margin-top:10px; margin-right:20px; padding:0; float:right; position:relative; display:block;} .boardtype_notice2 .photogallery_area .title_boxarea div.morebtn a {color:#666; text-align:left; vertical-align:top; font-size:14px; padding:2px 5px 2px 5px; margin:0; font-weight:bold; background:#fff; } .boardtype_notice2 .photogallery_area .title_boxarea div.morebtn a:hover {color:#fff;background:#489c06;} .boardtype_notice2 .photogallery_area ul.listb {float:left; margin:10px 23px 15px 23px; display:block; position:relative; width:100%;} .boardtype_notice2 .photogallery_area ul.listb li {line-height:150%; font-size:14px; color:#fff; background:url(/images/main/icon_b_list.png) no-repeat left 12px; padding:3px 0 6px 10px; vertical-align:top; display:block; position:relative; font-family:nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} .boardtype_notice2 .photogallery_area ul.listb li a {color:#fff; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} .boardtype_notice2 .photogallery_area ul.listb li a:hover {text-decoration:underline;} .boardtype_notice2 .photogallery_area .gallery_area { overflow:hidden; margin:0 auto; width:100%; padding:0; max-width:420px; display:block; position:relative; text-align:center; } .boardtype_notice2 .photogallery_area .gallery_area ul {margin:0 auto; width:100%; max-width:360px; display:block; position:relative; list-style:none;} .boardtype_notice2 .photogallery_area .gallery_area ul li { padding:0 0 10px 0; margin:0; width:50%; display:inline-block; float:left; position:relative; background:none; text-align:left; vertical-align:top;} .boardtype_notice2 .photogallery_area .gallery_area ul li img {width:100%; max-width:140px; height:100%; max-height:95px;} /* 메인 갤러리 : E */ /* 롤링효과 갤러리 불러오기 */ .boardtype_notice3 .main_board_area3 .title_boxarea div.morebtn.arrbtn {margin-top:2px; margin-right:5px; padding:0; float:right; position:relative; display:inline-block;} .boardtype_notice3 .main_board_area3 .title_boxarea div.morebtn.arrbtn span {text-align:right; display:inline-block; } .boardtype_notice3 .main_board_area3 .title_boxarea div.morebtn.arrbtn a {width:auto; height:auto; padding:0; margin:0; display:block;} #slidesPhoto { width:950px; margin:0 auto; padding:0; display:block; position:relative;} #slidesPhoto a {display:block; padding:0 1%; margin:0; vertical-align:top; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} #slidesPhoto a dl { width:100%; position:relative; display:block; } #slidesPhoto a dl dt.photo { display:inline-block; width:260px; height:182px; background-color:#d8d8d8; text-align:left; vertical-align:top;} #slidesPhoto a dl dd.con {margin:0 0 0 1%; display:inline-block; width:290px; height:182px; background-color:#fff; text-align:left; vertical-align:top;} #slidesPhoto a dl dd.con dl dd.date { width:100%; padding:5px 0 0 0; display:block; font-size:13px; color:#4f4f4f; line-height:160%; display:inline-block; text-align:left; vertical-align:top; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} #slidesPhoto a dl dd.con dl dd.title { width:100%; padding:0 0 10px 0; display:block; font-size:18px; color:#000; line-height:160%; display:inline-block; text-align:left; vertical-align:top; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} #slidesPhoto a dl dd.con dl dd.txt { width:100%; display:block; font-size:15px; color:#666; line-height:140%; display:inline-block; text-align:left; vertical-align:top; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} /* 메인 해피빈 : S */ .main_board_happybean {float:left; width:100%; max-width:395px; display:block; position:relative; margin:0 7px; overflow:hidden;} .main_board_happybean img {width:100%; max-width:395px; display:block;} /* 메인 하단 배너*/ .kai_mainbanner_area {width:100%; max-width:1200px; text-align:center; overflow:hidden; display:block; position:relative; margin:0 auto 30px auto; } .kai_mainbanner_area ul {width:100%; text-align:center; overflow:hidden; display:block; margin:0; padding:0;} .kai_mainbanner_area ul li {width:280px; text-align:center; overflow:hidden; display:inline-block; margin:0 7px; padding:0;} .kai_mainbanner_area ul li img {width:100%; max-width:280px;} /* 센터일정 */ .mental_month_area {width:100%; max-width:310px; text-align:center; overflow:hidden; display:block; position:relative; margin:0 1% 10px 1%; } .mental_month_area h2 {text-align:center; display:block; margin:0 auto 20px auto; font-size:20px; color:#666; font-weight:bold; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans';} #mental-cal {width:auto; border-collapse:collapse; empty-cells:show; padding:0; margin:0 auto; } #mental-cal th {padding:9px 9px; text-align:center; line-height:100%; font-size:15px; font-weight:700; color:#666; display:table-cell; border-top:1px solid #d0d0d0; border-bottom:1px solid #d0d0d0; } #mental-cal td {padding:9px 9px; text-align:center; line-height:100%; font-size:14px; font-weight:400; color:#666; display:table-cell; } #mental-cal td.bgcap {background:#5799ac; color:#f4f4f4; } /* 바로가기요 */ .mental_ga_area {width:100%; max-width:840px; text-align:center; overflow:hidden; display:block; position:relative; margin:0 1% 10px 1%; } .mental_ga_area a.gogosing { width:18%; display:inline-block; margin:5px auto 0 auto; position:relative; vertical-align:top; } .mental_ga_area a.gogosing ul li.photo {width:100%; text-align:center;} .mental_ga_area a.gogosing ul li.photo img {width:68px;} .mental_ga_area a.gogosing ul li.txt {width:100%; text-align:center; padding:10px 0 0 0; margin:0; font-size:14px; color:#666; line-height:150%; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans'; } .mental_ga_area a.gogosing:hover {color:#000; text-decoration:underline; } .mental_ga_area a.gogosing:hover ul li.txt {color:#3c90e4;} .mental_ga_area div.gogosing { width:18%; display:inline-block; margin:10px auto 0 auto; position:relative; vertical-align:top; } .mental_ga_area div.gogosing ul li.photo {width:100%; text-align:center;} .mental_ga_area div.gogosing ul li.photo img {width:68px;} .mental_ga_area div.gogosing ul li.txt {width:100%; text-align:center; padding:10px 0 0 0; margin:0; font-size:14px; color:#666; line-height:150%; font-family:'NanumSquareRound', NotoSanskr, nsr, 나눔고딕, 'Roboto', 'Spoqa Han Sans'; } .mental_ga_area div.gogosing ul li.txt span {border:1px solid #ddd; border-radius:8px; margin:5px 0 0 0; padding:3px 6px; text-align:center; font-size:13px; display:inline-block; width:auto; } .mental_ga_area div.gogosing:hover ul li.txt span {background:#fff; border:1px solid #65a3e1; color:#65a3e1; } /* 메인 롤링 센터이모저모 */ #mainRollingCenterPhoto {border:1px solid #ddd; display:block; position:relative; width:100%; padding:15px 0; margin:10px 0 0 0; position:relative; overflow:hidden;} #rollphoto {width:100%; margin:0; padding:0; display:inline-block; position:relative; overflow:hidden; border:0px solid #00ff00;} #rollphoto .rollphoto_list {width:1716px; left: -1716px; display:block; list-style:none; padding:0; margin:0 auto; overflow:hidden;} #rollphoto .rollphoto_list li {display:block; width:185px; float:left; text-align:center; margin:0 5px;} #rollphoto .rollphoto_list li a {display:block; padding-top:0; font-size:13px; color:#333;} #rollphoto .rollphoto_list li a div.photo {display:block; padding:0; margin:0; text-align:center; vertical-align:top;} #rollphoto .rollphoto_list li a div.t {font-size:13px; color:#666; display:block; padding:0; margin:12px 0 0 0; text-align:left; vertical-align:top;} #rollphoto .rollphoto_list li a img {display:block; width:100%;} /* #rollphoto .rollphoto_list li a span {display:block; margin:0; padding:0; text-indent:-999px; height:1px;} */ #mainRollingCenterPhoto .arrowL {width:18px; height:30px; position:absolute; top:35%; left:20px; display:block;} #mainRollingCenterPhoto .arrowR {width:18px; height:30px; position:absolute; top:35%; right:20px; display:block;} /* 메인 롤링 배너 버튼화살표 움직임 */ #rolling-banner-area {border:0px solid #ddd; display:block; position:relative; width:100%; padding:15px 0; margin:10px 0 0 0; position:relative; overflow:hidden;} #mainRollingBanner {width:100%; margin:0; padding:0; display:inline-block; position:relative; overflow:hidden; border:0px solid #00ff00;} #mainRollingBanner .mainRollingBanner_list {width:1716px; left: -1116px; display:block; list-style:none; padding:0; margin:0 auto; overflow:hidden;} #mainRollingBanner .mainRollingBanner_list li {display:block; width:143px; float:left; text-align:center; margin:0 15px;} #mainRollingBanner .mainRollingBanner_list li a {display:inline-block; padding-top:0; font-size:13px; color:#333;} #mainRollingBanner .mainRollingBanner_list li a img {display:block; width:100%;} #mainRollingBanner .mainRollingBanner_list li a span {display:block; margin:0; padding:0; text-indent:-999px; height:1px;} #rolling-banner-area .arrowL {width:18px; height:30px; position:absolute; top:35%; left:20px; display:block;} #rolling-banner-area .arrowR {width:18px; height:30px; position:absolute; top:35%; right:20px; display:block;} /*footer*/ #footerWr { position:relative; display:block; width:100%; font-size:12px; margin-top:0; border-top:1px solid #d1d1d1; background:#fff; padding-top:10px;} #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; text-align:left; } #footer-area .footer-logo2 { float:left; display:block; width:130px; height:auto; margin-left:0px; margin-right:10px; margin-bottom:15px; padding-top:6px; text-align:left; } #footer-area .footer-logo2 img { max-width:115px; border:0px solid #000000; } #footer-area .foot-area { float:left; display:block; overflow:hidden; height:auto; border:0px solid #ff00ff; text-align:left; } #footer-area .foot-area .foot-tel { float:left; display:block; width:300px; padding-bottom:10px; } #footer-area .foot-area .foot-tel .telnum { padding-left:14px; font-size:16px; font-family: 나눔고딕, 'Nanum Gothic'; color:#4f4f4f; font-weight:600; } #footer-area .foot-area .foot-time { float:right; display:block; text-align:right; width:600px; padding-right:5px; padding-bottom:10px; border:0px solid #0000ff; } #footer-area .foot-area .foot-time ul { float:right; list-style:none; margin-left:0; padding-left:0; font-weight:bold; } #footer-area .foot-area .foot-time ul li {float: left; margin-left:0px; padding-left:12px; padding-right:15px; background:url('/images/copyright/fnav_bg.gif') no-repeat -8px 0px; } #footer-area .foot-area .foot-time ul li.first {float: left; margin-left:0px; padding-left:0px; padding-right:15px; background:none; } #footer-area .foot-area .foot-nav { float:left; display:block; width:480px; padding-top:10px; padding-bottom:0px; } #footer-area .foot-area .foot-banner { float:right; display:block; width:auto; text-align:right; padding-left:15px; padding-bottom:0px; } #footer-area .foot-area .foot-address { font-size:13px; float:left; display:block; width:600px; padding-bottom:17px; line-height:180%; font-family:나눔고딕,'Nanum Gothic'; } #footer-area .foot-area .foot-address p { float:left; display:block; width:100%; padding-bottom:6px; list-style:none; font-family:나눔고딕,'Nanum Gothic'; } #footer-area .foot-area .foot-address a { font-family:나눔고딕,'Nanum Gothic';} #footer-area .foot-area .foot-address a:link, #footer-area .foot-area .foot-address a:visited, #footer-area .foot-area .foot-address a:active { color:#2b2b2b; font-family:나눔고딕,'Nanum Gothic';} #footer-area .foot-area .foot-address a:hover { color:#000000; font-family:나눔고딕,'Nanum Gothic';} .pxline1 { border-top:1px solid #e8e8e8; padding-bottom:10px; width:100%; height:auto; margin:0; float:left; display:block; } .foot-nav-area { position:relative; display:block; width:100%; font-size:12px; background:#fff; border-bottom:1px dashed #b0b0b0; } .foot-nav-area .foot-nav {width:1200px; margin:0 auto; padding:0px 0 0px 0; vertical-align:top; background:#ffffff; text-align:left; display:block; position:relative; overflow:hidden;} .foot-nav-area .foot-nav .copyright_logo {width:15%; display:inline-block; padding:0; margin:4px 50px 0 0; position:relative; overflow:hidden; text-align:left; vertical-align:top;} .foot-nav-area .foot-nav .copyright_logo img {padding:0; margin:0 0 0 0; vertical-align:top;} .foot-nav-area .foot-nav .banner_kdesign {float:right; display:inline-block; padding:0; margin:0 0 0 0; position:relative; overflow:hidden; } .foot-nav-area .foot-nav .banner_request {float:right; display:inline-block; padding:0; margin:0 10px 10px 0; position:relative; overflow:hidden; } .foot-nav-area .foot-nav .banner_kdesign_m {display:none;} .foot-nav-area .foot-nav .banner_request_m {display:none;} .foot-nav-area .foot-nav ul { width:80%; display:inline-block; list-style:none; margin:10px 0 0 0; padding:0; /*margin-left:0; padding-left:0;*/ vertical-align:bottom; font-weight:bold; text-align:left; } .foot-nav-area .foot-nav ul li { width:auto; display:inline-block; text-align:center; vertical-align:top; margin-left:0px; padding:0 15px 13px 12px; } .foot-nav-area .foot-nav ul li.first {margin-left:0px; padding-left:0px; padding-right:15px; background:none;} .foot-nav-area .foot-nav ul li a {color:#2b2b2b;} .foot-nav-area .foot-nav ul li a:link, .foot-nav-area .foot-nav ul li a:visited, .foot-nav-area .foot-nav ul li a:active { color:#2b2b2b; } .foot-nav-area .foot-nav ul li a:hover { color:#000000; } .foot-nav-area .foot-nav ul li.foot-nav-blk {width:1%; display:inline-block; padding-left:0; padding-right:0;} .foot-nav-area .foot-nav ul li a.filedown {height:30px; line-height:1.5; background-color:#d6d6d6; background:url('/images/copyright/ico_docu.png') no-repeat 7px 8px; display:block; padding:6px 8px 6px 22px; margin:-8px 0 0 0; border:1px solid #cac5c5; border-radius:10px; cursor:pointer;} .foot-nav-area .foot-nav ul li a.filedown img {padding:5px 6px 0 0; display:inline-block; border:0; opacity:0.7;} .foot-nav-area .foot-nav ul li a.filedown div {font-size:14px; display:inline-block; padding:0; margin:0;} .foot-nav-area .foot-nav ul li a.filedown div span {font-size:11px; padding-left:2px; font-family: 'Roboto', Helvetica, Helvetica Neue, Arial;} .foot-nav-area .foot-nav ul li a.filedown:hover div {color:#000;} .foot-nav-area .foot-nav ul li a.filedown:hover img {opacity:1;} .foot-nav-area .foot-nav ul li a.filedown:hover {border:1px solid #2a8a49;} .foot-nav-area .foot-area .foot-banner ul { float:left; list-style:none; margin-left:0; padding-left:0; height:30px; font-weight:bold;} .foot-nav-area .foot-area .foot-banner ul li {float: left; margin-left:0px; padding-left:0px; padding-right:15px; } .foot-nav-area ul.copyright_sns_area {float:right;} .foot-nav-area ul.copyright_sns_area_m {display:none;} .foot-nav-area ul.copyright_admin_menu {clear:both; float:right; margin-top:30px; margin-bottom:30px; } .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;} /* 메인페이지 롤링배너 */