/*공통*/ .objectWr { position:relative; width:1200px; margin:0 auto; text-align:center;} .boxWr { width:100%; overflow:hidden; } .more { position:absolute; right:23px; top:23px; } a {} /* 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 {display:block; margin-top:114px; position:relative; width:100%; height:auto; padding:0; overflow:hidden;} /* 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 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;} .bordertop1px {border-top:1px solid #dddddd; } /* 바로가기 */ #goto_catelinkArea {margin:-100px auto 0 auto; border:0px solid #00ff00; vertical-align:top; text-align:center; display:block; position:relative;} #goto_catelinkArea .cbox {width:453px; height:596px; margin:0 auto; padding:0; vertical-align:top; text-align:left; display:inline-block; position:relative; border-radius:20px 0 20px 0; -moz-border-radius:20px 0 20px 0; -webkit-border-radius:20px 0 20px 0; overflow:hidden; transition-duration:0.6s; } #goto_catelinkArea .cbox:hover {box-shadow:5px 5px 10px #666; transform: scale(1.1); z-index:10;} #goto_catelinkArea .cbox div.t1 { margin:35px 20px 10px auto; padding:6px 16px 0 0; font-size:31px; font-family:'Poppins', nsr, sans-serif; font-weight:700; text-align:right; vertical-align:top; color:#fff; background:url("/images/main/leaf.png") no-repeat right 0px; display:block; position:relative; z-index:3;} #goto_catelinkArea .cbox p { margin:0 20px 20px auto; padding:6px 16px 0 0; font-size:17px; font-family:'hwan', NotosansKr, nsr, sans-serif; line-height:1.6; font-weight:normal; text-align:right; vertical-align:top; color:#fff; display:block; position:relative; z-index:3;} #goto_catelinkArea .pbg1 {background:url("/images/main/pbg1.jpg") no-repeat center 0; background-size:cover;} #goto_catelinkArea .pbg2 {background:url("/images/main/pbg2.jpg") no-repeat center 0; background-size:cover;} #goto_catelinkArea .pbg3 {background:url("/images/main/pbg3.jpg") no-repeat center 0; background-size:cover;} #goto_catelinkArea .btn_more {width:169px; height:20px; vertical-align:top; text-align:left; color:#fff; font-size:16px; position:absolute; bottom:40px; left:20px; background:url('/images/main/more_arrow.png') no-repeat left bottom;} #goto_catelinkArea .cover {position:absolute; top:0; left:0; background:url("/images/main/cover.png") repeat-x center 0; z-index:2; width:100%; height:100%; overflow:hidden; display:block;} .goto_textline1 {margin:30px auto 0 auto; padding:0; font-size:27px; font-weight:400; color:#1d1d1d; text-align:center; line-height:1.6; font-family:'Poppins', nsr, sans-serif; } .goto_textline2 {margin:0px auto 30px auto; padding:0; font-size:43px; font-weight:700; color:#437fc1; text-align:center; line-height:1.6; font-family:'Poppins', nsr, sans-serif; } /* sec_01*/ #main_sec_01 {clear:both; width:100%; margin:0 auto; padding:50px 0 50px 0; text-align:center; position:relative; display:block; overflow:hidden; background:url(/images/main/bg_quick.jpg) no-repeat center 100%; background-attachment : fixed; } #main_sec_01 .headtit_01 {clear:both; width:100%; font-size:42px; color:#1b1b1b; font-weight:700; margin:50px 10px 10px 10px; font-family:나눔명조,font_nmr,nsr; text-align:center; display:inline-block; position:relative;} #main_sec_01 .headtit_01 span {color:#2d63b0; font-weight: 700; font-family:나눔명조,font_nmr,nsr; } #main_sec_01 .headtit_02 {clear:both; width:100%; font-size:14px; color:#e5e5e5; font-weight:400; margin:0; padding:0; font-family:NotoSanskr,nsr; text-align:center; display:inline-block; position:relative;} #main_sec_01 .headtit_02 span {background:#2d63b0; margin:10px 0; padding:6px; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic'; } #main_sec_01 .boxgo_area {width:1200px; padding:30px 0; margin:0 auto; display:block;} /* #main_sec_01 .boxgo_area .thebox {width:24.5%; padding:0; margin:0 0px; vertical-align:top; text-align:center; position:relative; display:inline-block;} #main_sec_01 .boxgo_area .thebox a {font-size:20px; line-height:1.4; display:block; } #main_sec_01 .boxgo_area .thebox span {width:100%; display:block; padding:5px 0 0 5px; margin:0 0 0 8px; font-size:20px; line-height:1.4; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic';} */ #main_sec_01 .boxgo_area .thebox img {width:100%; max-width:320px; position:relative; z-index:1; transition: transform .8s ease;} #main_sec_01 .boxgo_area .thebox img:hover {position:relative;} .boxgo_area {overflow:hidden; margin-left:-1%} .boxgo_area .thebox {overflow:hidden; /*float:left; width:23%; margin-left:1%; */ width:24%; height:400px; margin:0; vertical-align:top; /* background-color:#fff; background-repeat:no-repeat; background-position:50% 0; */ position:relative; display:inline-block; background-size:cover;} /* .boxgo_area .thebox.agc_link1{ background-image:url('/wp-content/uploads/2016/12/linimg1.jpg');} .boxgo_area .thebox.agc_link2{ background-image:url('/wp-content/uploads/2016/12/linimg2.jpg');} .boxgo_area .thebox.agc_link3{ background-image:url('/wp-content/uploads/2016/12/linimg3.jpg');} .boxgo_area .thebox.agc_link4{ background-image:url('/wp-content/uploads/2016/12/linimg4.jpg');} */ .boxgo_area .thebox .cap {position:absolute; top:400px; left:0; right:0; padding:30px 20px 30px 20px; font-size:15px; background-color:rgba(45,99,176,0); transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; z-index:10; } .boxgo_area .thebox a span.goname {background-color:rgba(255,255,255,0.9); width:100%; display:block; padding:18px 0 15px 5px; margin:0; font-size:19px; color:#000; line-height:1.3; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic'; transition:all 0.4s ease; -webkit-transition:all 0.4s ease; -moz-transition:all 0.4s ease; -o-transition:all 0.4s ease; } .boxgo_area .thebox .cap h1 {display:none; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic';} .boxgo_area .thebox .cap h2 {display:none; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic';} .boxgo_area .thebox .cap .btnmore {display:none; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic';} .boxgo_area .thebox:hover {background-color:rgba(45,99,176,1.0);} .boxgo_area .thebox:hover .cap {top:150px; height:100%; color:#fff; background-color:rgba(45,99,176,0.8); line-height:1.3; overflow:hidden; /* 삼각형 회전 */ /* transform:rotate(225deg); -ms-transform:rotate(225deg); -webkit-transform:rotate(225deg); -moz-transform:rotate(225deg); -o-transform:rotate(225deg); */ } .boxgo_area .thebox:hover .cap h1 {display:block; font-size:18px; font-weight:700; color:#fff; padding:0 0 15px 0; text-align:center; position:relative;} .boxgo_area .thebox:hover .cap h2 {display:block; font-size:15px; font-weight:400; color:#fff; padding:0 0 15px 0; text-align:center; position:relative;} .boxgo_area .thebox:hover .cap span.btnmore {display:block; font-size:13px; font-weight:400; color:#fff; margin:10px auto 0 auto; padding:10px 10px; text-align:center; background-color:#153e77; border:1px solid #0d3266; position:relative;} .boxgo_area .thebox:hover .cap span.btnmore:hover {background-color:#fff; color:#004791;} .boxgo_area .thebox:hover a span.goname {display:none;} .boxgo_area .thebox:hover img {transform: scale(1.5);} /* 150% zoom */ #main_sec_02 {clear:both; width:100%; margin:0 auto; padding:90px 0 90px 0; text-align:center; position:relative; display:block; overflow:hidden; background-color: #efefef; } #main_sec_02 .board_area {width:1300px; margin:0 auto; display:block; vertical-align:top; position:relative; } #main_sec_02 .main_notice_area {width:100%; max-width:1140px; margin:0 1%; padding:0; vertical-align:top; display:inline-block; position:relative;} #main_sec_02 .main_notice_area h1 {font-size:32px; color:#fff; text-align:left; vertical-align:top; font-weight:700; background:url("/images/main/bg_news.jpg") repeat-y; border-bottom:1px solid #ddd; width:100%; padding:10px 10px 10px 70px; margin:0 0; position:relative; display:block; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic'; } #main_sec_02 .main_notice_area h1 a {color:#fff; font-family:NotoSanskr,nsr,나눔고딕,'Malgun Gothic';} #main_sec_02 .main_notice_area ul.noticelist {width:100%; margin:20px 0 0 0; position:relative; display:block; list-style:none;} #main_sec_02 .main_notice_area ul.noticelist li { padding:0 0 0 2px; margin:0 0 0 0; font-size:15px; line-height:1.5; text-align:left; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic'; position:relative; display:block; list-style:none; border-bottom:1px solid #ddd; } #main_sec_02 .main_notice_area ul.noticelist li a {color:#1d1d1d; width:98%; padding:10px 0 10px 0; margin:0 1% 0 0; position:relative; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_notice_area ul.noticelist li:hover {background:#fff;} #main_sec_02 .main_notice_area ul.noticelist li span.bo_cate {width:100%; padding:0 0 8px 0; color:#4480c1; font-size:13px; font-weight:400; display:block; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_notice_area ul.noticelist li span.bo_subject {width:100%; padding:0 0 0 0; margin:0 0 5px 0; color:#333; font-size:21px; font-weight:400; display:block; position:relative; font-family:'hwan', NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_notice_area ul.noticelist li p.bo_cont {width:100%; padding:0; margin:0 0 9px 0; color:#999; font-size:16px; font-weight:400; display:block; position:relative; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_notice_area ul.noticelist li span.date {clear:both; color:#a6a6a6; font-size:15px; width:99%; margin:0; position:relative; display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_boardtab_area {width:48%; margin:0 1%; vertical-align:top; position:relative; display:inline-block; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_boardtab_area a {font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_boardtab_area ul.noticelist {width:100%; margin:20px 0 0 0; position:relative; display:block; list-style:none;} #main_sec_02 .main_boardtab_area ul.noticelist li { background:url(/images/common/ico_list.png) no-repeat 3px 12px; padding:4px 0 5px 21px; margin:7px 0 0 0; font-size:15px; line-height:1.5; text-align:left; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic'; position:relative; display:block; list-style:none; } #main_sec_02 .main_boardtab_area ul.noticelist li a {color:#1d1d1d; width:80%; margin:0 2% 0 0; position:relative; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_boardtab_area ul.noticelist li span {color:#6a6a6a; width:15%; margin:0 1%; position:relative; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_sec_02 .main_notice_area ul.noticelist li a:link, #main_sec_02 .main_notice_area ul.noticelist li a:visited, #main_sec_02 .main_notice_area ul.noticelist li a:active {color:#1d1d1d;} #main_sec_02 .main_notice_area ul.noticelist li a:hover {color:#1464ad;} #main_sec_02 .main_boardtab_area ul.noticelist li a:link, #main_sec_02 .main_boardtab_area ul.noticelist li a:visited, #main_sec_02 .main_boardtab_area ul.noticelist li a:active {color:#1d1d1d;} #main_sec_02 .main_boardtab_area ul.noticelist li a:hover {color:#1464ad;} #main_sec_03 {clear:both; width:100%; margin:0 auto; padding:30px 0 30px 0; text-align:center; position:relative; display:block; overflow:hidden; background-color: #f1f1f1; } #main_sec_03 .mainbanner_area {width:1300px; margin:0 auto; display:block; position:relative;} #main_sec_03 .mainbanner_area .webzine {width:602px; height:110px; margin:0 1%; background:#31498f; text-align:left; display:inline-block; position:relative; overflow:hidden;} #main_sec_03 .mainbanner_area .webzine .webzine_book {position:absolute; left:-110px; top:-40px; display:block; z-index:1;} #main_sec_03 .mainbanner_area .webzine .webzine_bg {position:absolute; right:0; top:40px; display:block; z-index:1;} #main_sec_03 .mainbanner_area .webzine .webzine_human {position:absolute; right:0; top:-10px; display:block; z-index:2;} #main_sec_03 .mainbanner_area .webzine .webzine_tit {position:absolute; left:100px; top:23px; display:block; z-index:3;} #main_sec_03 .mainbanner_area .webzine .webzine_go {position:absolute; right:0; bottom:0; display:block; z-index:4;} #main_sec_03 .mainbanner_area .onlinesystem {width:602px; height:110px; margin:0 1%; background:#cf4878; text-align:left; display:inline-block; position:relative; overflow:hidden;} #main_sec_03 .mainbanner_area .onlinesystem .onlinesystem_tit {position:absolute; left:50px; top:23px; display:block;} #main_sec_03 .mainbanner_area .onlinesystem .onlinesystem_go {position:absolute; right:0; bottom:0; display:block; z-index:4;} #main_sec_04 {clear:both; width:100%; margin:0 auto; padding:30px 0 10px 0; text-align:center; position:relative; display:block; overflow:hidden; background-color: #fff; } #main_sec_04 .main_outlink_area {width:1300px; margin:0 auto; display:block; position:relative; text-align:center;} #main_sec_04 .main_outlink_area a {padding:0; margin:2%;} #main_sec_04 .pd_slider {width:100%; max-width:1300px; margin:0 auto; padding:0; vertical-align:top; text-align:center; display:block; position:relative; overflow:hidden;} /* main 지도 */ #main_company_location {width:100%; padding:0; margin:0; display:block; position:relative; overflow:hidden;} #main_company_location .title_area {padding:70px 0; background:url("/images/main/map_head_bg.jpg") no-repeat center top; vertical-align:top; text-align:center; position:relative; display:block;} #main_company_location .title_area p {vertical-align:top; text-align:center; position:relative; display:block; font-family:Poppins, NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_company_location .title_area p.t1 {font-size:27px; color:#1d1d1d; font-weight:400;} #main_company_location .title_area p.t2 {font-size:43px; color:#437fc1; font-weight:700;} #main_company_location .map_area {vertical-align:top; text-align:center; position:relative; display:block;} /* main 제품 */ #main_pd_list {width:100%; padding:0; margin:0 0 40px 0; display:block; position:relative; overflow:hidden;} #main_pd_list .title_area {padding:70px 0; vertical-align:top; text-align:center; position:relative; display:block;} #main_pd_list .title_area p {vertical-align:top; text-align:center; position:relative; display:block; font-weight:400; font-family:NotoSanskr, nsr, 'Malgun Gothic';} #main_pd_list .title_area p.t1 {font-size:23px; color:#d4d0c1; font-weight:400; padding-bottom:10px;} #main_pd_list .title_area p.t2 {font-size:38px; color:#305db0; font-weight:700;} #main_pd_list .product_area {vertical-align:top; text-align:center; position:relative; display:block;} #main_pd_list .product_area .pd_box {width:21%; display:inline-block; text-align:center; vertical-align:top;} #main_pd_list .product_area .pd_box a {display:block; width:100%; max-width:275px; margin:0 auto; overflow:hidden; position:relative;} #main_pd_list .product_area .pd_box a img {width:100%; max-width:275px; border:1px solid #dfdfdf;} #main_pd_list .product_area .pd_box a h4 {font-size:17px; text-align:left; color:#3c3c3c; line-height:1.5; padding:10px 0;} #main_pd_list .product_area .pd_box a p {font-size:15px; text-align:left; color:#5b5b5b; line-height:1.5;} /* main 공장설비 */ .sj_main_facility {background:#f6f9fe;} .facility_area {width:100%; max-width:1300px; margin:0 auto; vertical-align:top; text-align:center;} #main_pd_list .bxslider_sct {width:100%; height:100%; margin:0; position:relative; display:block; list-style:none;} #main_pd_list .bxslider_sct .area_p {width:47%; margin:0 0 0 2%; display:inline-block; vertical-align:top; text-align:left; overflow:hidden;} #main_pd_list .bxslider_sct .area_p img {width:100%; max-width:577px; border:1px solid #d3d3d3;} #main_pd_list .bxslider_sct .area_t {width:50%; margin:0; padding-top:30px; display:inline-block; vertical-align:top; text-align:left;} #main_pd_list .bxslider_sct .area_t ul.sct_list {width:90%; display:block; vertical-align:top; text-align:left; list-style:none;} #main_pd_list .bxslider_sct .area_t ul.sct_list li {text-align:left; vertical-align:top; font-size:15px; line-height:1.5; list-style:none; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #main_pd_list .bxslider_sct .area_t ul.sct_list li.subject {font-size:28px; color:#000; font-weight:700; padding:1px 0 15px;} #main_pd_list .bxslider_sct .area_t ul.sct_list li.cont {font-size:15px; color:#6d6b6b; font-weight:400; padding:0 0 10px 0; line-height:1.5;} #main_pd_list .bxslider_sct .area_t ul.sct_list li.date {padding:25px 0 0 0; text-align:left;} #main_pd_list .bxslider_sct .area_t ul.sct_list li.date span {border:1px solid #d3d3d3; background:#fff; padding:10px 15px; font-size:13px; color:#5f5f5f; font-weight:400;} #main_pd_list .bxslider_sct a {display:inline-block; position:relative;} #main_pd_list .bxslider_sct ul.sct_list li.subject a:hover {color:#1464ad;} #main_pd_list .bxslider_sct ul.sct_list li.cont a:hover {color:#333;} #main_pd_list .bxslider_sct ul.sct_list li.date a:hover span {background:#367dd9; color:#fff;} #main_cs_wrap {width:100%; background:#FFF; padding:0; margin:0 0 40px 0; display:block; position:relative; overflow:hidden;} #main_cs_wrap .cs_outer {width:100%; max-width:1300px; margin:0 auto; vertical-align:top; text-align:left; display:block; position:relative; overflow:hidden;} #main_cs_wrap .cs_outer .headtxt {font-size:22px; color:#000; font-weight:700; padding:0 0 20px 0; text-align:left; width:100%;} #main_cs_wrap .cs_outer .cs_area1 {width:40%; display:inline-block; position:relative; vertical-align:top; text-align:left;} #main_cs_wrap .cs_outer .cs_area1:before {position:absolute; top:0; right:-1px; width:1px; height:120px; background:#cdcfcd; content: ''; display:inline-block;} #main_cs_wrap .cs_outer .cs_area1 ul.noticelist li a {color:#1d1d1d; width:98%; padding:5px 0 5px 0; margin:0; position:relative; display:inline-block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #main_cs_wrap .cs_outer .cs_area1 ul.noticelist li:hover {background:#fff;} #main_cs_wrap .cs_outer .cs_area1 ul.noticelist li span.bo_subject {width:100%; padding:0 0 0 0; margin:0 0 5px 0; color:#333; font-size:15px; font-weight:400; display:block; position:relative;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} #main_cs_wrap .cs_outer .cs_area2 {width:35%; padding:0 1.5%; display:inline-block; position:relative; vertical-align:top; text-align:left; } #main_cs_wrap .cs_outer .cs_area2 .sub {font-size:14px; color:#727272; line-height:1.5; vertical-align:top; padding:0; letter-spacing:-1px;} #main_cs_wrap .cs_outer .cs_area2:before {position:absolute; top:0; right:-1px; width:1px; height:120px; background:#cdcfcd; content: ''; display:inline-block;} #main_cs_wrap .cs_outer .cs_area2 .tel {font-size:37px; vertical-align:top; padding:0; display:block; position:relative;} #main_cs_wrap .cs_outer .cs_area2 .tel a {padding:0 0 0 40px; font-size:37px; color:#1a68bd; font-weight:700; line-height:1.5;} #main_cs_wrap .cs_outer .cs_area2 .mail {font-size:19px; vertical-align:top; padding:0; display:block; position:relative;} #main_cs_wrap .cs_outer .cs_area2 .mail a {padding:0 0 0 40px; font-size:19px; color:#3e3e3e; line-height:1.5;} #main_cs_wrap .cs_outer .cs_area2 .tel i {font-size:16px; position:absolute; left:3px; top:23px; color:#999; font-family:"Font Awesome5 Free"; font-weight:900;} #main_cs_wrap .cs_outer .cs_area2 .mail i {font-size:16px; position:absolute; left:3px; top:9px; color:#999; font-family:"Font Awesome5 Free"; font-weight:900;} #main_cs_wrap .cs_outer .cs_area3 {width:20%; padding:0 1.5%; display:inline-block; position:relative; vertical-align:top; text-align:left; } #main_cs_wrap .cs_outer .cs_area3 .sub {font-size:14px; color:#727272; line-height:1.5; vertical-align:top; padding:0; letter-spacing:-1px;} #main_cs_wrap .cs_outer .cs_area3 .btnarea {padding:15px 0 0 8px;} #main_website_banner {width:100%; background:#eeeeee; padding:30px 0; margin:0 0 0 0; display:block; position:relative; overflow:hidden;} #main_website_banner .banner_wrap {width:100%; max-width:1300px; margin:0 auto; vertical-align:top; text-align:center; display:block; position:relative; overflow:hidden;} #main_website_banner .banner_wrap a {display:inline-block; margin:0 80px; padding:14px 14px 12px 14px; background:#fff; width:216px; border:1px solid #ddd; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; overflow:hidden; text-align:center;} #main_website_banner .banner_wrap a img {width:100%; max-width:216px;} /*footer*/ #footerWr { position:relative; display:block; width:100%; font-size:12px; margin-top:0px; border-top:1px solid #d1d1d1; background:#ffffff; color:#000; padding-top:0px;} #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:0;} #theme_footArea_black .fo_nav_wrap {background:#222222; vertical-align:top; text-align:left; margin:0 auto; padding:0; width:100%; display:block; position:relative; } #theme_footArea_black .fo_nav_wrap .logo_area {width:24%; margin:20px 3% 0 0; text-align:left; display:inline-block; vertical-align:top;} #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%; max-height:42px;} #theme_footArea_black .fo_nav_wrap .link_area {width:60%; margin:20px 2% 20px 40px; text-align:left; display:inline-block; vertical-align:top;} #theme_footArea_black .fo_nav_wrap .link_area span {padding:20px 15px; vertical-align:top; display:inline-block; position:relative; overflow:hidden;} #theme_footArea_black .fo_nav_wrap .link_area span:before {position:absolute; top:20px; right:0px; width:1px; height:15px; background:#4d4b4b; content: ''; display:inline-block;} #theme_footArea_black .fo_nav_wrap .link_area span:last-child:before {display:none;} #theme_footArea_black .fo_nav_wrap .link_area span a {color:#ececec; font-size:14px; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #theme_footArea_black .fo_nav_wrap .link_area span a:hover {color:#0088ce;} #theme_footArea_black .fo_nav_wrap .qna_area {position:absolute; right:25px; top:27px; width:; display:inline-block; vertical-align:top;} #theme_footArea_black .fo_nav_wrap .qna_area a {display:block; position:relative; background:#0057ce; text-align:right; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; font-size:14px; color:#fff; padding:10px 20px 10px 40px;} #theme_footArea_black .fo_nav_wrap .qna_area a:hover {background:#0088ce;} #theme_footArea_black .fo_nav_wrap .qna_area i {color:#fff; position:absolute; top:10px; left:15px; font-size:16px; font-family:"Font Awesome5 Free"; font-weight:900;} #theme_footArea_black .fo_info_wrap {background:#282828; vertical-align:top; text-align:left; display:block; position:relative; font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #theme_footArea_black .fo_info_wrap * {font-family:NotoSanskr, nsr, 나눔고딕, 'Malgun Gothic';} #theme_footArea_black .fo_info_wrap .con_A {width:30%; padding:0 0 0 50px; margin:40px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_A h1 {padding:0 0 25px 0; font-size:15px;font-weight:bold; color:#e9e9e9;} #theme_footArea_black .fo_info_wrap .con_A .add {padding-bottom:10px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #theme_footArea_black .fo_info_wrap .con_A .number {padding-bottom:5px; display:block; line-height:1.4; font-size:15px; color:#acacac;} #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:40px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_B h1 {padding:0 0 25px 0; font-size:15px;font-weight:bold; color:#e9e9e9;} #theme_footArea_black .fo_info_wrap .con_B .add {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:30%; padding:0 0 0 50px; margin:40px auto; display:inline-block; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_C h1 {padding:0 0 25px 0; font-size:15px;font-weight:bold; color:#e9e9e9;} #theme_footArea_black .fo_info_wrap .con_C .add {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:#c3c3c3;} #theme_footArea_black .fo_info_wrap .con_C .number a:hover {color:#fff;} .catalog_area {width:100%; display:block; position:relative;} .catalog_area .img {width:90px; text-align:left; vertical-align:top; display:inline-block; position:relative;} .catalog_area .img img {width:100%; max-width:75px;} .catalog_area .linkbox {width:120px; text-align:left; vertical-align:top; display:inline-block; position:relative;} .catalog_area .linkbox a {width:100%; padding:10px 0 10px 5px; text-align:left; vertical-align:top; font-size:14px; color:#ddd; display:block; position:relative; border-bottom:1px dashed #4b4b4b;} .catalog_area .linkbox a:hover {color:#fff;} .catalog_area .linkbox a i {position:absolute; top:8px; right:4px; color:#c3c3c3; font-family:"Font Awesome5 Free" !important; font-weight:900; font-size:17px;} .catalog_area .linkbox a:hover i {color:#fff;} #theme_footArea_black .fo_info_wrap .con_D {float:right; width:23%; padding:0 0 0 50px; margin:40px auto; display:inline-block; text-align:right; vertical-align:top; overflow:hidden;} #theme_footArea_black .fo_info_wrap .con_D .logo_area {padding-right:25px;} #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:#c3c3c3; padding:25px 0 25px 50px; vertical-align:top; text-align:left; border-top:1px solid #3c3c3c; display:block; position:relative; width:100%;} .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;} /* 메인페이지 롤링배너 */