/* 공통 */ @import url("//cdn.rawgit.com/innks/nanumsquareround/master/nanumsquareround.min.css"); body {background-repeat:no-repeat; background-position:50% 0px;} * {margin:0px; padding:0px;letter-spacing:0px;font-family:'nanumsquareround', '나눔스퀘어라운드';} ul,ol,li{list-style:none outside;font-family:'nanumsquareround', '나눔스퀘어라운드';} img { border:0px; } .blind {position:absolute; left:-8000px} .blind2 {position:absolute; left:-8000px; display:none;} #skip-navi {position:absolute; left:-8000px} #popup1,#popup2,#popup3,#popup4,#popup5,#popup6,#popup7,#popup8,#popup9,#popup10 {position:absolute; top:200px; left:300px; z-index:100; border:1px solid #000} .layerpopup img {vertical-align:top} .popup_close {background-color:#000; position:relative; padding:8px} .popup_close #check label {color:#fff} .popup_close #close {margin:auto; position:absolute; right:10px; bottom:8px} .popup_close #close a {color:#fff; cursor:pointer} #prtform {display:none} .js-weblog {display:none} .header_logo{display:block; padding:44px 0 0 30px; width:fit-content;} .clear{*zoom:1;} .clear:after{display:block; clear:both; content:" ";} .tab_new{position:relative; width:100%; height:80px; margin:10px 0;overflow:hidden;} .tab_new li{float:left; width:48%; margin-right:1%; text-align:center; border:1px solid #e1e1e1;font-size:16px;} .tab_new li a{display:block; padding:15px 0;text-decoration:none;} .tab_new li.on{display:block;border:1px solid #166fda;color:#166fda;box-shadow:1px 15px 20px #ddd;-webkit-box-shadow:1px 15px 20px #ddd;-moz-box-shadow:1px 15px 20px #ddd;} .tab_new2{position:relative; width:100%; height:150px; margin:10px 0;overflow:hidden;} .tab_new2 li{float:left; width:23%; margin-right:1%; margin-bottom:2%; text-align:center; border:1px solid #e1e1e1;font-size:15px;} .tab_new2 li a{display:block; padding:15px 0;text-decoration:none;} .tab_new2 li.on{display:block;border:1px solid #166fda;color:#166fda;box-shadow:1px 15px 20px #ddd;-webkit-box-shadow:1px 15px 20px #ddd;-moz-box-shadow:1px 15px 20px #ddd;} /*///////////////////////////////////////////////////////////////////////////////////*/ #mainimg{position:relative;} #mainimg .anythingSlider {} #mainimg .wrapper {max-width:1375px; width:98%; margin:0 auto; } #mainimg .wrapper img{width:100%} #mainimg .wrapper .visual_wr{position:relative; } #mainimg .wrapper .visual_wr .text_wr{position:absolute; top:70px;left:0; width:100%;text-align:left} #mainimg .wrapper .visual_wr .tit_gray{display:block; padding-top:0; font-size:2.143em; line-height:1.3em; color:#111; } #mainimg .wrapper .visual_wr .tit_blue{display:block; font-size:3.429em; line-height:1.3em; color:#0087d2; } #mainimg .wrapper .visual_wr .sub_tit{display:block; font-size:1.143em; line-height:1.3em; color:#747474; } #mainimg .wrapper .visual_wr .box_text{display:inline-block; margin-top:20px; margin-left:5px; padding:0 10px; background:#0b1a55; font-size:2.143em; line-height:1.5em; color:#fff; } #mainimg .wrapper .visual_wr .box_text .fb{font-size:1em; line-height:1.5em; color:#fff; font-weight:700} .manimg_bot{width:100%; height:225px; margin-top:-13%; background:url('/renew/img/main/mainimg_bot.jpg')50% 0px;} @media all and (max-width: 1300px) { #mainimg .wrapper .visual_wr .text_wr{font-size:0.9em} .manimg_bot{height:190px; background-size:auto 190px; background-position:40% 0;} } @media all and (max-width: 960px) { #mainimg .wrapper img{padding-top:30px; } #mainimg .wrapper .visual_wr .text_wr{top:40px;font-size:0.85em} .manimg_bot{height:170px; margin-top:-8%; background-size:auto 170px; background-position:20% 0;} } @media all and (max-width: 650px) { #mainimg .wrapper img{padding-top:80px; } #mainimg .wrapper .visual_wr .text_wr{width:95%; top:35px; margin-left:10px;font-size:0.75em} .manimg_bot{height:170px; margin-top:-15%; background-size:auto 170px; background-position:20% 0;} } @media all and (max-width: 560px) { .header_logo img{width:110px;} #mainimg .wrapper img{padding-top:100px; } #mainimg .wrapper .visual_wr .tit_gray{font-size:1.8em;} #mainimg .wrapper .visual_wr .tit_blue{font-size:3em;} #mainimg .wrapper .visual_wr .box_text{margin-left:2px;font-size:1.8em;} .manimg_bot{height:150px; background-size:auto 150px; background-position:20% 0;} } @media all and (max-width: 450px) { #mainimg .wrapper img{padding-top:18%;} #mainimg .wrapper .visual_wr .tit_blue{font-size:2.6em;} .manimg_bot{width:99%; margin:-5% auto 0 auto; height:130px; background-size:auto 130px; background-position:20% 0;} } /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////PC1 1480이상/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media all and (min-width: 1480px) { #wrab { position:relative; width:94.5%; border:0px solid #f00;padding-top:155px; margin:0 auto; z-index:100} #top_wrab { position:absolute; top:0px; left:0px; background-color:#fff; width:100%;height:155px; z-index:10000;border:0px solid #f00;} #top-none {width: 1400px; margin:0 auto; height:0px; position:relative; z-index:20000} #top-none h1 {position:absolute; top:40px; left:15px; z-index:100; margin:0px; padding:0px; border:0px solid #F00;} #top-none h1 .header_logo{display:block; width:230px; height:75px; background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; transition:all 0.3s; text-indent:-9999px} /* #top-none h1 .header_logo{display:block; width:230px; height:55px; background:url(/renew/img/comm/header_logo.jpg) no-repeat 0 50%; background-size:230px auto; transition:all 0.3s; text-indent:-9999px} #top-none h1 .header_logo:hover{background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; background-size:230px auto } */ #top-none h1 img {vertical-align:top;} #top_m2{position:absolute;background-image:url('/renew/img/comm/top_icon_bg.gif');top:58px; right:0px; width:204px; height:58px;} #top_m2 li a {font-size:14px} #top_m3{position:absolute;top:45px; right:5px; width:185px; height:35px;} #top_m2 li{ float:left; text-align:center; width:94px; margin-top:7px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #top {position:relative; max-width:1400px; margin:0 auto; width:100%; z-index:100;border:0px solid #F00;} #top_m { position:relative; margin:0 auto; width:400px; height:35px; float:right; margin-right:20px; z-index:3; border:0px solid #F00;} #top_m li{ float:left; border:0px solid #F00; padding:0px 10px 5px 10px; background:url('/renew/img/comm/top_device.gif')100% 30% no-repeat; margin-top:20px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; } #top_m li a{font-size:13px;color:#878787;} #top_m li.home-btn {padding-left:10px;} #top_m li.estate-btn {background-color:#fff;} #top_m li.estate-btn a {color:#000000} /**#top_m li:nth-child(2) {width: 790px;}**/ #m_wrab {position:relative; width:100%; height:auto; z-index:1; border:0px solid #F00; } #m_wrab {position:relative; width:100%; height:auto; z-index:1; border:0px solid #F00;} /* #mainimg {position:relative; width:100%; height:672px; z-index:1;border:0px solid #F00;background:url('/renew/img/main/mainimg2.jpg');} #mainimg ul {position:relative; width:1350px; height:600px; float:left; margin-left:50px; border:0px solid #f00;} */ /* 컨텐츠 1 */ #m_contents { position:relative; width:100%; z-index:5; border:0px solid #000; } #m_contents #m1 {position:relative;width:100%; height:100px; z-index:1; background:#00c2dc url('/renew/img/main/m1_con_bg.png')no-repeat center center; border:0px solid #F00;overflow:hidden;} #m_contents #m1_con { margin:0 auto;margin-top:25px;width:1225px; } #m_contents #m1_con li{text-align:center; color:#fff;font-weight:thin;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; float:left;} #m_contents #m1_con li.m1_con_text {font-size:21px;margin-top:10px;width:750px;text-align:right;} #m_contents #m1_con li.m1_con_text .cus_tel{margin-top:5px;font-size:18px;color:#fff;} #m_contents #m1_con .m1_con_btn1 {display:inline-block; border-radius:5px;border:1px solid #fff; margin-left:30px;height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn1 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn1 span {font-size:15px; color:#fff} #m_contents #m1_con .m1_con_btn2 {display:inline-block; border-radius:5px;border:1px solid #fff; margin-left:10px;height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn2 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn2 span {font-size:15px; color:#fff} #m_contents #m2 {position:relative;width:100%; z-index:1; background-color:#efefef; border:0px solid #F00;overflow:hidden;padding-bottom:50px;} #m_contents #m2_con1 .m2_h1{padding-top:20px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;font-size:40px;line-height:130%;text-align:left;padding-left:30px;float:left} #m_contents #m2_con1 { margin:0 auto;margin-top:50px;width:1400px; border:0px solid #F00;height:250px;} #m_contents #m2_con1 li{text-align:center; float:left;padding:0 25px; } #m_contents #m2_con1 li:nth-child(2){padding:0 5px; } #m_contents #m2_con1 #m2_con11 { float:left;margin-left:60px;margin-top:50px;} #m_contents #m2_con1 #m2_con11 li a:hover{text-align:center;color:#1565d5;} #m_contents #m2_con1 #m2_con11 p{padding-top:20px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;font-size:16px;} #m_contents #m2_con1 #m2_con11 li div{border-radius:100px;width:108px;height:108px;background:#fff; margin:0 auto;} #m_contents #m2_con1 #m2_con11 li div a{display:block;width:108px;height:80px;padding-top:28px;} #m_contents #m2_con1 #m2_con11 li div a:hover{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 #m2_con11 li div .on{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 .more{display:none; position:absolute;top:80px;right:20px;} a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} a.on img {border-width:0px;display:none;background:#0c4da2;} a.on img.over{display:inline;} a.on:hover {border:0px;} a.on:hover img {display:none;} a.on:hover img.over{display:inline;} #m_contents #m2_con2 {position:relative; margin:0 auto;margin-top:40px;width:1400px; border:0px solid #F00;height:200px;} #m_contents #m2_con21 {position:relative;width:685px; float:left;background:#fff;height:200px;} #m_contents #m2_con21 li{width:262px; float:left; border-right:1px solid #dbdbdb;height:100px;} #m_contents #m2_con21 li span{font-size:18px;color:#000;} #m_contents #m2_con21 li p{font-size:14px;color:#666;padding-top:20px;line-height:150%;} #m_contents #m2_con21 li.bg1{padding:50px 40px;background:url('/renew/img/main/m2_bg1_icon.gif')no-repeat 90% 80%;} #m_contents #m2_con21 li.bg2{padding:50px 40px;background:url('/renew/img/main/m2_bg2_icon.gif')no-repeat 90% 80%;border-right:0px;} #m_contents #m2_con22 {position:relative;width:299px; float:left;height:200px;margin-left:10px;} #m_contents #m2_con22 li{width:50%; float:left;font-size:14px;height:200px;} #m_contents #m2_con22 li p{font-size:16px;color:#000;padding-top:140px;text-align:center;} #m_contents #m2_con22 li.bg3{background:#0b1a55 url('/renew/img/main/m2_bg3_icon.png')no-repeat 50% 40%;} #m_contents #m2_con22 li.bg4{background:#fdb813 url('/renew/img/main/m2_bg4_icon.png')no-repeat 50% 40%;} #m_contents #m2_con23 {position:relative;width:405px; border:0px solid #F00;background:#fff; float:left;height:200px;} #m_contents #m2_con23 li{ text-align:center; float:left;border:0px solid #f00;} #m_contents #m2_con23 li.m2_con23_left {margin-top:150px;margin-left:30px;width:11px;} #m_contents #m2_con23 li.m2_con23_center {width:318px;height:150px; margin-top:30px; border:0px solid #000;} #m_contents #m2_con23 li.m2_con23_right {margin-top:150px;margin-right:30px;width:11px;z-index:99999;} /** 서비스 **/ .svbnr_container { position:relative;width:318px; height:180px; border:0px solid #f00;overflow:hidden;} .svbnr_container div.bnrs {position:absolute; border:0px solid #f00; overflow:hidden; display:none; width:318px; height:180px; box-sizing:border-box;} .svbnr_container div.btn_on {background-color:#fff; color:#000} .svbnr_container div .icon1 {width:313px; height:115px; background:url(/img/main/service_icon1.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon2 {width:313px; height:115px; background:url(/img/main/service_icon2.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon3 {width:313px; height:115px; background:url(/img/main/service_icon3.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon4 {width:313px; height:115px; background:url(/img/main/service_icon4.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon5 {width:313px; height:115px; background:url(/img/main/service_icon5.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon6 {width:313px; height:115px; background:url(/img/main/service_icon6.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon7 {width:313px; height:115px; background:url(/img/main/service_icon7.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon8 {width:313px; height:115px; background:url(/img/main/service_icon8.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon9 {width:313px; height:115px; background:url(/img/main/service_icon9.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon10 {width:313px; height:115px; background:url(/img/main/service_icon10.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon11 {width:313px; height:115px; background:url(/img/main/service_icon11.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon12 {width:313px; height:115px; background:url(/img/main/service_icon12.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon13 {width:313px; height:115px; background:url(/img/main/service_icon13.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} #SVBNR_slidesw_left, #SVBNR_slidesw_right {cursor:pointer} #m_contents #m3 {position:relative;width:100%; z-index:1; border:0px solid #F00;overflow:hidden;} #m_contents #m3 #m3_con {position:relative; margin:0 auto;margin-top:50px;width:1400px; border:0px solid #F00;height:260px;overflow:hidden;} #m_contents #m3 #m3_con:after {clear:both; display:block; content:"";} #m_contents #m3 #m3_con .line {border-top:2px solid #818793; width:auto;} #m_contents #m3 #m3_con #notice {position:relative;width:1400px; height:80px; background:#ebeef3;overflow:hidden;} #m_contents #m3 #m3_con #notice .n_title{background:#45484d url('/renew/img/main/notice_icon.png')no-repeat 20px 50%;float:left;width:228px;height:80px;} #m_contents #m3 #m3_con #notice .n_title p{font-size:16px;color:#fff;padding-left:50px;line-height:80px;} #m_contents #m3 #m3_con #notice #notice_m{width:500px; height:60px; border:0px solid #F00;float:left;padding-top:15px;} #m_contents #m3 #m3_con #notice #notice_m li{height:80px; margin:10px; color:#808080;padding-left:30px;} #m_contents #m3 #m3_con #notice #notice_m li div {padding:0px; margin:0px} #m_contents #m3 #m3_con #notice #notice_m li a{font-size:15px; color:#808080; text-decoration:none;} #m_contents #m3 #m3_con #notice #notice_m li a.subject {font-weight:bold} #m_contents #m3 #m3_con #notice #notice_m li.more {position:absolute;left:620px;top:25px;width:55px; height:30px; border:0px solid #F00; background:url(/img/main/bulet_tri.gif) no-repeat 90% 20%} #m_contents #m3 #m3_con #notice #account {width:600px; height:45px; border:0px solid #F00;float:left;padding-top:35px;margin-left:70px;} #m_contents #m3 #m3_con #notice #account li{float:left;margin-right:20px;font-size:16px;} #m_contents #m3 #m3_con #notice #account li.fs13{font-size:16px; margin-right:0px;} #m_contents #m3 #m3_con #guide {position:relative;width:1400px;margin-top:50px;overflow:hidden;} #m_contents #m3 #m3_con #guide .m3_h1{padding-top:20px;width:250px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;font-size:30px;line-height:120%;text-align:left;padding-left:30px;float:left} #m_contents #m3 #m3_con #guide #guide_m{width:1120px; border:0px solid #F00;float:left;overflow:hidden;} #m_contents #m3 #m3_con #guide #guide_m li{float:left;margin-right:3%;margin-bottom:6px; border-bottom:1px solid #d0d0d0;width:15%;height:40px; line-height:40px;} #m_contents #m3 #m3_con #guide #guide_m li a{font-size:14px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;color:#333} #m_contents #m3 #m3_con #guide #guide_m li.g_bg1{padding:10px 20px;background:url('/renew/img/main/guide_icon1.png')no-repeat 8% 40%;padding-left:60px;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg2{padding:10px 20px;background:url('/renew/img/main/guide_icon2.png')no-repeat 8% 40%;padding-left:60px;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg3{padding:10px 20px;background:url('/renew/img/main/guide_icon3.png')no-repeat 8% 40%;padding-left:60px;margin-right:0px} #m_contents #m3 #m3_con #guide #guide_m li.g_bg4{padding:10px 20px;background:url('/renew/img/main/guide_icon4.png')no-repeat 8% 40%;padding-left:60px;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg5{padding:10px 20px;background:url('/renew/img/main/guide_icon5.png')no-repeat 8% 40%;padding-left:60px;margin-right:0px} #m_contents #m4 {position:relative;width:100%; height:486px; z-index:1; margin-top:80px;border:0px solid #F00;overflow:hidden; background:url('/renew/img/main/banner_bg.jpg');} #m_contents #m4 #m4_con {position:relative; margin:0 auto;width:1400px; border:0px solid #F00;height:286px;padding-top:200px;text-align:center; overflow:hidden;} #m_contents #m4 #m4_con .t1{color:#fff;font-size:36px;line-height:100%;text-align:center;} #m_contents #m4 #m4_con .t2{color:#fff;font-size:44px;line-height:150%;text-align:center;} #m_contents #m4 #m4_con .t3{color:#fff;font-size:30px;line-height:100%;} #m_contents #m4 #m4_con .r_banner{position:absolute; top:0px;right:20px;width:210px; height:210px;padding:40px; border:0px solid #F00;box-shadow:0px 0px 15px #16224d;text-align:center; background:#000; overflow:hidden;} #m_contents #m4 #m4_con .r_banner p{color:#fff;font-size:17px;line-height:150%;padding-top:10px;text-align:left;} .bs1 {background-image:url(/renew/img/main/mainbanner1.jpg); background-repeat:no-repeat; background-position:center; overflow:hidden; position:relative} .bs2 {background-image:url(/renew/img/main/mainbanner2.jpg); background-repeat:no-repeat; background-position:center; overflow:hidden; position:relative} .bs3 {background-image:url(/renew/img/main/mainbanner3.jpg); background-repeat:no-repeat; background-position:center; overflow:hidden; position:relative} .bs4 {background-image:url(/renew/img/main/mainbanner4.jpg); background-repeat:no-repeat; background-position:center; overflow:hidden; position:relative} .bs5 {background-image:url(/renew/img/main/mainbanner5.jpg); background-repeat:no-repeat; background-position:center; overflow:hidden; position:relative} .slider-text {position:absolute; top:-200px; right:1000px} .text1 {position:absolute; color:#333333; font-size:19px; font-weight:normal; top:33px; left:18px} .text2 {position:absolute; color:#4460a7; font-size:22px; font-weight:normal; top:55px; left:18px; line-height:120%} .text3 {position:absolute; color:#555555; font-size:14px; font-weight:; top:120px; left:20px; line-height:120%; letter-spacing:0px} .text4 {position:absolute; color:#555555; font-size:14px; font-weight:; top:150px; left:20px; line-height:120%; letter-spacing:0px} /** 검은색 배경 **/ .body-back {position:fixed; top:0px; left:0px; border:0px solid #f00; width:100%; height:100%; z-index:89000; background-color:#000; display:none;} /* 공통 카피라이트 */ #copyright {position:relative; width:100%; min-width:1400px; height:auto; z-index:2; padding-bottom:10px; background:url('/renew/img/comm/bottom_bg.gif');} #bottom {position:relative; width:auto; height:auto; z-index:2; border:0px solid #333; padding-bottom:10px} #bottom-m-box {width:auto; margin:0 auto;} #bottom-m-box #bottom_m{position:relative; border:0px solid #F00; width:1400px; margin:0 auto; /* background:url('/renew/img/comm/copy_logo.png') no-repeat 90% 100%; */ background:url('https://www.fcms.co.kr/new/img/main/logo_240507_menu.png') no-repeat 90% 0; } #bottom-m-box #bottom_m ul{position:relative; padding:20px 0px; z-index:2; border:0px solid #F00; width:950px;overflow:hidden;float:left;} #bottom-m-box #bottom_m:after {clear:both; display:block; content:"";} #bottom-m-box #bottom_m li{float:left; padding:0px 15px; font-size:14px; background-image:url("/renew/img/comm/bottom_line.gif");background-position:100% 4px;background-repeat:no-repeat;color:#fff; border:0px solid #F00;} #bottom-m-box #bottom_m li a{color:#fff; border:0px solid #F00;} #copy-box {padding-top:30px; width:auto; padding-bottom:10px; margin-bottom:15px; position:relative;} #copy-box #copy {position:relative; width:1400px; margin:0 auto; color:#fff;font-size:14px; z-index:2; text-align:left;line-height:160%;} #b_icon_box {width:1350px; margin:0 auto; border:0px solid #f00; position:relative;} #b_icon_box #b_icon {position:absolute; bottom:35px; right:10px; width:100px; height:22px; z-index:2; border:0px solid #f00;} #b_icon_box #b_icon li{float:left; padding:0px 3px; } .copy-bottom {position:relative; width:1400px;height:30px; margin:0 auto; font-size:14px;color:#888888;} #cms-banner {position:absolute; top:0px; right:10px; z-index:2; width:150px; height:49px; text-indent:-1000px; background:url(/img/logo_partner2.gif); overflow:hidden;} #sitemap_wrab {position:relative; background-color:#3d4049; width:100%; height:auto; min-width:1400px; z-index:5; border:0px solid #F00;} #sitemap_wrab #sitemap {position:relative; margin:0 auto; width:1400px; height:auto; padding-top:35px; padding-bottom:35px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 {position:relative; width:235px; padding-left:45px; background-image:url("/renew/img/main/sitemap_line.gif"); background-position:100% 5px;background-repeat:no-repeat;float:left;} #sitemap_wrab #sitemap .sitemap_1 h1 { margin-bottom:20px;font-size:22px; } #sitemap_wrab #sitemap .sitemap_1 h2 a{color:#fff;padding-bottom:20px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 li h2 a{color:#999;padding-bottom:0px; border:0px solid #F00; display:block; font-size:17px} #sitemap_wrab #sitemap .sitemap_1 li{padding-bottom:7px;font-size:12px;} #sitemap_wrab #sitemap .sitemap_1 li a{color:#7b7b7b; font-size:13px; } #sitemap_wrab #sitemap .sitemap_1 h3{font-size:1.46em} /** 210722 추가**/ #sitemap_wrab #sitemap .sitemap_1 li a{color:#7b7b7b; font-size:13px; font-weight:bold;} #sitemap_wrab #sitemap .sitemap_1 li a.title{color:#999;padding-bottom:3px; border:0px solid #F00; display:block; font-size:14px;font-weight:bold;} #sitemap_wrab #sitemap #telephone{position:relative; width:200px; height:151px;float:left;margin-left: 45px;} #sitemap_wrab #sitemap #telephone .tel1{color:#fff;font-size:28px;height:40px; border-bottom:1px solid #3a4653; } #sitemap_wrab #sitemap #telephone .tel2{color:#838e9b;font-size:16px; padding:10px 0px;} #sitemap_wrab #sitemap #telephone .tel3{color:#838e9b;font-size:14px;} /* 서브 */ #sub_wrab { position:relative; width:1400px; margin:0 auto; z-index:1;border:0px solid #F00; background-color:#fff;} #location { position:absolute; top:65px; width:1110px; right:0px; height:38px; z-index:20; border:0px solid #F00;} #location #smenu {position:relative; margin:0 auto; width:1100px; overflow:hidden; height:48px; border:0px solid #F00;} #location #smenu #smenu_con{position:relative; overflow:hidden; border:0px solid #F00;float:left;} #location #smenu #smenu_con li{float:left; padding:10px 20px; font-size:14px;background:url('/renew/img/sub/sns_line.gif')no-repeat 0px 12px; } #location #smenu #smenu_con ul ul { margin-top:5px; display:none; position:absolute; background-color:#ffffff; border:1px solid #dddee0; -moz-border-radius-bottom-left: 5px; -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottom-right: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } #location #smenu #smenu_con ul li:hover ul { display: block;color:#D4F4FA;} #location #smenu #smenu_con ul ul li { float:none;} #sns{position:relative; height:38px;margin-top:10px; float:right; z-index:100; border:0px solid #F00;overflow:hidden;} #sns li{float:left; padding:0px 12px;background-image:url("/renew/img/sub/sns_line.gif");background-position:100% 4px;background-repeat:no-repeat;text-align:center;font-size:13px; } #s_contents {position:relative; width:100%; margin:0 auto; overflow:hidden; z-index:1; border:0px solid #F00;} #left { position:relative; width:230px; float:left; z-index:3; border:0px solid #F00;} #left h2{color:#fff; width:190px; height:142px; font-size:23px;padding:50px 0px 0px 40px;text-align:left;background:url('/renew/img/sub/sub_lefttitle_bg.gif');line-height:130%;} #left span{color:#fff;font-size:14px;opacity:.55; filter:alpha(opacity=55);font-weight:bold;} #leftmenu li{position:relative; width:230px; height:45px; background-color:#f0f1f6; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede;font-size:14px;z-index:3; } #leftmenu li a{display:block;width:199px; height:30px; padding-top:15px; padding-left:30px; } #leftOver {color:#000; font-weight:bold; z-index:5; border:0px solid #F00;background:url('/renew/img/sub/leftmenu_over.png')no-repeat 90% 50%; } #leftmenu A:hover {text-decoration:none;color:#4563a1;} #leftmenu A:active {text-decoration:none;color:#4563a1;} #left .left_banner{width:190px; margin-top:15px; padding:20px; z-index:3; border:1px solid #dedede;} #left .left_banner .tel{font-size:24px;color:#333;} #left .left_banner p{font-size:14px;color:#777;padding-top:10px;line-height:160%;} #right { position:relative; width:1100px; height:100%; z-index:3; border:0px solid #F00; float:right;} .bz_svc{position:relative;width:100%;border:1px solid #ddd;overflow:hidden;} .bz_svc li{float:left;width:7%;margin:2% 0;padding:1% 2%; border-right:1px solid #eee;text-align:center;} } /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////공통/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ .buga {position:relative;width:100%;display:flex; flex-wrap:wrap;} .buga dl{width:39%; padding:5%; text-align:center; font-size:15px;border:1px solid #e1e1e1;} .buga dt{padding:5% 0;} .buga dd{padding:1% 5%;} #leftmenu li.lms a{color:#777;background:#f9f9f9;} #leftmenu .lms a{color:#777;} #leftmenu .lms a:active{color:#0b63ba;} #leftmenu A:hover {text-decoration:none;color:#4563a1;} #leftmenu .lms #leftOver{color:#0b63ba;} /*#right h2 {position:relative; color:#333; font-size:35px; line-height:200%; padding-left:5px;}*/ #right .page_title {position:relative; color:#333; font-size:35px; line-height:200%; padding-left:5px;} #right #b01tab { margin:0px auto; border-collapse:collapse; margin-top:30px;} #right #b01tab td.onst { padding:15px; text-align:center; font-size:18px; background-color:#fff; border-bottom:none; } #right #b01tab td.onst a { color:#1365af; } #right #b01tab td { padding:15px; text-align:center; font-size:18px; background-color:#f3f3f3; border:1px solid #dedede; } #right #b01tab td a { color:#333; } #right #b01tab td a:hover { text-decoration:none; } #right #right_con .stit01 { font-size:28px; color:#000; line-height:35px; margin-top:60px; margin-bottom:20px; font-weight:400;} #right #right_con .stit02 { font-size:24px; color:#000; line-height:35px; margin-top:40px; margin-bottom:10px; font-weight:400;} #right #right_con .sdott {position:relative; color:#333; font-size:16px; line-height:180%; } #right #right_con .box2 { margin-top:17px; padding:24px; border:1px solid #dfdfdf; } #right #right_con .box2 .tit { position:relative; font-size:20px; margin-bottom:10px; font-size:16px; color:#000; font-weight:bold; z-index:10; overflow:hidden;} #right #right_con #about { width:870px; overflow:hidden; margin-top:40px; margin-left:20px; border:0px solid #F00;} #right #right_con #about li {width:20%; float:left; margin-bottom:5px; } #right #right_con .b01t1 { display:block; margin:0px auto; border-collapse:collapse; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; } #right #right_con .b01t1 .b01t1th { background-color:#f3f3f3; font-size:14px; color:#1365af; padding:15px 0; border-bottom:1px solid #dfdfdf; border-right:1px solid #dfdfdf;} #right #right_con .b01t1 td { padding:20px 30px; border-right:1px solid #dfdfdf; } #right #right_con .b01t1 li { line-height:150%; color:#777; } #right #right_con{ position:relative; padding:40px; margin-top:35px ;margin-bottom:20px; width:auto; z-index:3; border:1px solid #d7d7d7;} #right #right_con .title {position:relative; color:#333; font-size:29px; line-height:140%;margin-top:40px; font-weight:400;} #right #right_con .title2 {position:relative; color:#333; font-size:24px; line-height:140%;margin-top:40px; font-weight:400;} #right #right_con .title3 {position:relative; color:#333; font-size:20px; line-height:140%;margin-top:40px; padding-left:20px; background:url('/img/sub/h3bg02.png')0 5px no-repeat;} #right #right_con .title4 {position:relative; color:#333; font-size:18px; line-height:140%;margin-top:40px; } #right #right_con .title5 {position:relative;color:#333; font-size:36px;margin-top:40px; font-weight:400;} #right #right_con p{ position:relative;color:#777; font-size:14px; line-height:22px; z-index:3; border:0px solid #F00; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con p img.resp-img {width: 100%; height:auto} #right #right_con p img.company-img1 {max-width: 798px; } #right #right_con p img.company-img2 {max-width: 881px; } .input{height:28px; border:1px solid #c9c9c9;} /*효성FMS소개*/ #right #right_con #s01{ position:relative; width:100%; z-index:3;overflow:hidden;} #right #right_con .s01_aa {position:relative; margin-top:40px;border:0px solid #f00; overflow:hidden;} #right #right_con .s01_aa li{ float:left; width:31%;margin-top:30px;margin-right:30px;} #right #right_con .s01_aa li span{width:250px;height:30px;border-radius:20px;background-color:#5057f4;color:#fff;padding:8px;font-size:14px;text-align:center;border:1px solid #5057f4;} /*효성cms장점*/ #right #right_con #s01_1{ position:relative; width:100%; z-index:3;overflow:hidden;} #right #right_con #s01_1 .s01_11{ position:relative; border:1px solid #ddd;background:#f7f7f7; padding:20px;margin-top:5px;overflow:hidden;} #right #right_con #s01_1 .s01_11 li{ border:0px solid #F00;} #right #right_con #s01_1 .s01_11 li span{font-size:25px;line-height:180%;color:#4563a1;} #right #right_con #s01_1 .s01_11 li li{ background-image:url("/renew/img/sub/bulet_gray.gif");background-position:3px 5px;background-repeat:no-repeat;padding-left:10px;padding-bottom:3px;color:#777;} #right #right_con #s01_21{ position:relative; padding-top:10px;overflow:hidden;} #right #right_con #s01_21 li{ padding:20px; width:326px; margin-right:15px; float:left; border:1px solid #e5e5e5;text-align:center;font-size:14px;margin-top:15px;color:#999; box-sizing: border-box;} #right #right_con #s01_21 li span{font-size:22px;line-height:180%;color:#333;} #right #right_con .s01_4{ position:relative; padding-top:10px;overflow:hidden;} #right #right_con .s01_4 li{position:relative; float:left; width:24.5%; padding:20px 0px; z-index:1; text-align:center; border-left:1px solid #ddd; border-top:1px solid #ddd;} #right #right_con .s02_1 li{ background-image:url("/renew/img/sub/bulet_gray.gif");background-position:3px 5px;background-repeat:no-repeat; padding-left:10px;padding-bottom:3px;color:#777;font-size:13px;} #right #right_con .s02_1 li span{color:#066ad0;} /*간편동의*/ .stit{width:200px;border-radius:20px;background-color:#296dba;color:#fff;padding:10px 30px;font-size:16px;text-align:center;border:1px solid #296dba;margin-top:10px;} #right #right_con .s03_top{position:relative;width:100%; overflow:hidden;margin-top:-40px;} #right #right_con .s03_top .s03_btn1{background-image:url("/renew/img/sub/03_btn_bg1.gif");background-repeat:no-repeat; padding:20px 0px 0px 30px;width:95px; height:35px;float:left;margin-top:20px;} #right #right_con .s03_top .s03_btn1 a{color:#fff;font-size:14px;} #right #right_con .s03_top .s03_btn2{background-image:url("/renew/img/sub/03_btn_bg2.gif");background-repeat:no-repeat; padding:20px 0px 0px 30px;width:95px; height:35px;float:left;margin-left:5px;margin-top:20px;} #right #right_con .s03_top .s03_btn2 a{color:#fff;font-size:14px;} #right #right_con .s03_top .s03_img{position:absolute;right:50px;top:30px;} #right #right_con .s03_top .s03_img2{position:absolute;right:50px;top:400px;} #right #right_con .s03_top .s03-btn {position:relative;padding-top:20px; border:0px solid #f00} #right #right_con .s03_top .s03-btn:after {clear:both; display:block; content:"";} #right #right_con .s03_top .s03-btn li {float:left; border:0px solid #f00; height:55px; max-width:125px; position:relative; margin-right:5px; width:125px; overflow:hidden;} #right #right_con .s03_top .s03-btn li span {position:absolute; height:100%; border:0px solid #f00; top:0px; left:0px; width:5px;} #right #right_con .s03_top .s03-btn li a {color:#fff; text-align:center; letter-spacing:0px; display:block; padding-right:20px; width:auto; height:100%; padding-top:18px; z-index:5; position:relative; text-decoration:none; font-size:14px; box-sizing:border-box; -moz-box-sizing:border-box;} #right #right_con .s03_top .s03-btn li.s03btn1 {background:#4f7ada url('/img/sub/btn_arrow2.png')90% 50% no-repeat;border:1px solid #3e6bc4;border-radius:5px;} #right #right_con .s03_top .s03-btn li.s03btn2 {background:#b6b6b6 url('/img/sub/btn_arrow2.png')90% 50% no-repeat;border:1px solid #a6a6a6;border-radius:5px;} #right #right_con .s03_top .s03-btn li.btn_guide a{background:url('/img/sub/btn_arrow3.png')90% 50% no-repeat;border:1px solid #ccc;border-radius:5px;color:#000;padding-left:15px;} /*가입절차 및 구비서류*/ #right #right_con #s04_1 {position:relative;width:100%; margin-top:20px;overflow:hidden;} #right #right_con #s04_1 li {float:left; position:relative; border:1px solid #cbcccc; border-radius:10px; padding:0px; margin-left:11px; width:236px; height:220px; margin-bottom:15px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; color:#777; overflow:hidden;} #right #right_con #s04_1 li dt{margin:30px auto;text-align:center;} #right #right_con #s04_1 li dd{text-align:center;} #right #right_con #s04_1 li dd span {text-align:center;padding-top:20px; font-size:18px;color:#000; } #right #right_con #s04_1 li dd p {text-align:center; font-size:13px;padding:10px 30px;} /*#right #right_con #s04_1 li:nth-child(1) {margin-left: 15px !important;} #right #right_con #s04_1 li:nth-child(5) {margin-left: 15px !important;} */ #right #right_con #s05_sucess {position:relative;width:950px; overflow:hidden;border-top:2px solid #313131; height:269px;} #right #right_con #s05_sucess li{float:left; width:117px; height:200px;padding:30px 20px 20px 20px; text-align:center; background-color:#fff; border-bottom:1px solid #d6d6d6;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;color:#777;font-size:12px;} #right #right_con #s05_sucess .on{position:relative; height:269px; width:120px; background-image:url("/renew/img/sub/sub05_6tab_on.gif"); background-repeat:no-repeat; } #right #right_con #s05_sucess a{color:#555;font-weight:normal; text-align:center;} #right #right_con #s05_sucess li span{font-size:16px;line-height:200%;color:#333;font-weight:normal; text-align:center;} /* 회원사로그인 */ #right #right_con .s06_8{ position:relative; padding-top:10px;overflow:hidden;border:0px solid #f00;} #right #right_con .s06_8 li{position:relative; float:left; width:45%; margin-right:20px; margin-bottom:20px;padding:20px 0px 20px 30px;z-index:1; border:1px solid #ddd;} #right #right_con .s06_8 span{font-size:22px;line-height:180%;color:#333;} /* 고객 성공 스토리 보기 */ #right #right_con .cont_heading .title5{font-size:31px;line-height:200%;color:#0a4aa2;font-weight:400;} #right #right_con .view_heading .title6{font-size:18px;line-height:200%;color:#0a4aa2;font-weight:400;} .view_heading{height:46px; line-height:46px; padding-left:15px; border-top:2px solid #535353; overflow:hidden;} .view_heading>h5{float:left; font-size:14px; color:#2686c8;} .view_heading .customer{overflow:hidden; float:right;} .view_heading .customer .name{float:left;} .view_heading .customer .group{float:left;} .sector .question{padding-left:15px; font-size:14px; color:#333; height:39px; line-height:39px; border-top:1px solid #e0e1e2; border-bottom:1px solid #e0e1e2; background:#f4f4f4; font-weight:bold;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} .sector .answer{padding:24px 16px 74px 16px; text-align:justify;} .sector .answer .para_margin{margin-bottom:23px;} .sector .answer .photo{margin-top:74px; text-align:center;} /** 로그인 **/ #right #right_con #login {position:relative; background-image:url("/renew/img/sub/sub06_login_bg.gif");background-repeat:no-repeat; width:620px; height:273px; overflow:hidden; z-index:10;} #right #right_con #login table{position:relative; margin-top:185px; margin-right:285px; overflow:hidden; z-index:10;} #right #right_con #login_text {position:relative; width:610px; margin-top:35px; overflow:hidden; z-index:10; border:1px solid #e6e6e6;background-color:#fbfbfb;} #right #right_con #login_text p{position:relative; margin-top:30px; margin-bottom:25px; margin-left:120px; overflow:hidden; z-index:10;} /** 책갈피 **/ #right #right_con #tab1{position:relative; width:100%; height:43px; margin:30px 0px;} #right #right_con #tab1 .on{position:relative; height:33px; color:#000; background-color:#fff; border-top:1px solid #555555; border-bottom:0px solid #555555;border-left:1px solid #555555; border-right:1px solid #555555;font-weight:bold;} #right #right_con #tab1 li{float:left; height:29px; width:49%; padding-top:10px; text-align:center; background-color:#f7f7f7; border-top:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-left:1px solid #d9d9d9; border-bottom:1px solid #555555;font-weight:bold;} #right #right_con #tab1 a{color:#555;font-weight:bold;font-size:14px;} #right #right_con .table1 {border-top:1px solid #666666; border-right:1px solid #f0f0f0;} #right #right_con .table1 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:13px;} #right #right_con .table1 th {text-align:center; font-weight:bold; color:#000; background-color:#f6f6f6; font-size:13px; border-bottom:1px solid #cccccc;padding:15px 0px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table1 td {border-left:1px solid #f0f0f0; font-size:13px; border-bottom:1px solid #cccccc;padding:20px 10px 20px 20px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;color:#777;line-height:180%;} #right #right_con .table1 li{background-image:url("/renew/img/sub/bulet_gray.gif");background-repeat:no-repeat; background-position:0px 12px; padding:2px 2px 2px 10px;color:#777;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;line-height:160%;} #right #right_con .table1-re {border-top:1px solid #666666; border-right:1px solid #f0f0f0;} #right #right_con .table1-re th {text-align:center; font-weight:bold; color:#000; background-color:#f6f6f6; font-size:13px; border-bottom:1px solid #cccccc;padding:15px 0px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table1-re td {border-left:1px solid #f0f0f0; font-size:13px; border-bottom:1px solid #cccccc; padding:0px; vertical-align:top; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;color:#777;line-height:180%;} #right #right_con .table1-re td ul {padding:20px 10px 20px 20px;} #right #right_con .table1-re li{background-image:url("/renew/img/sub/bulet_gray.gif");background-repeat:no-repeat; background-position:0px 10px; padding:2px 2px 2px 10px;color:#777;font-font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table1-re td .t-title {text-align:center; font-weight:bold; color:#000; background-color:#f6f6f6; font-size:13px; border-bottom:1px solid #cccccc;padding:13px 0px;} #right #right_con .table2 {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;} #right #right_con .table2 th.none, .table2 td.none {border-left:0px solid #f0f0f0;font-size:13px;} #right #right_con .table2 th {font-weight:bold; color:#333; font-size:15px; border-bottom:1px solid #ededed; border-right:1px solid #dcdcdc; padding:10px 20px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td {font-size:12px; color:#777; border-right:1px solid #dcdcdc; border-bottom:1px solid #ededed;padding:10px 20px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;vertical-align:top;} #right #right_con .table2 span {font-weight:bold; color:#333; font-size:15px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td .phone{font-weight:bold; color:#ee4f57;font-size:30px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;padding-top:30px; padding-bottom:10px; text-align:center;} #right #right_con .table2 li{background-image:url("/renew/img/sub/bulet_orange.gif");background-repeat:no-repeat; background-position:10px 11px; padding:2px 2px 5px 20px;color:#777;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td .tt{color:#4563a1;font-size:13px;font-weight:normal;} #right #right_con .table2 dt{float:left;margin-top:10px;} #right #right_con .table2 dd{float:left;margin-top:10px;margin-left:15px;} #right #right_con .table2-new td {font-size:12px; color:#777; border-right:1px solid #dcdcdc; border-bottom:1px solid #ededed;padding:0px !important; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;vertical-align:top;} #right #right_con .table2-new th:nth-child(2) {border-right:0px none} #right #right_con .table2-new td:nth-child(2) {border-right:0px none} #right #right_con .table2-new td .tb-title {font-weight:bold; color:#333; font-size:15px; border-bottom:1px solid #ededed; padding:10px; text-align:center;} #right #right_con .table2-new td ul {padding:10px 20px;} #right #right_con .cust-info {display:none; border-bottom:1px solid #eee; padding-top:10px; padding-bottom:10px; background-color:#fafafa; background-image:url(/renew/img/sub/sub03_icon_phone.gif); background-repeat:no-repeat; background-position:10px 10px} #right #right_con .cust-info p {padding-left:50px; } #right #right_con .cust-info .phone{font-weight:bold; color:#ee4f57;font-size:30px;padding-top:10px; padding-bottom:5px; text-align:left;} #right #right_con #table3 {margin-left:8px;} #right #right_con #table3 td {border-left:1px solid #cccccc; border-bottom:1px solid #cccccc;font-size:13px;} #right #right_con #table4 {border-top:1px solid #666666; margin-left:8px;font-size:14px;} #right #right_con #table4 th.none, #table1 td.none {border-left:0px solid #f0f0f0;font-size:14px;} #right #right_con #table4 th {text-align:center; font-weight:bold; color:#000; background-color:#f8f8f8; font-size:14px;border-left:1px solid #f0f0f0; border-bottom:1px solid #cccccc;} #right #right_con #table4 td {text-align:center; border-left:1px solid #f0f0f0; font-size:14px; border-bottom:1px solid #cccccc;} #line {position:relative; margin-top:25px; margin-bottom:25px; width:596px; height:1px; background-color:#e7e7e7; overflow:hidden; z-index:10; } #smenu { position:relative; margin-left:5px; overflow:hidden; z-index:10;} #smenu li{float:left;} .ss {position:relative; width:675px; margin-left:24px; overflow:hidden;z-index:10; line-height:18px; border:0px solid #a3aebc;} .box { position:relative; width:auto; margin:0 auto; background-color:#f6f6f6; padding:50px; z-index:10; border:1px solid #dfdfdf;} .box2 { position:relative; width:auto; border:1px solid #dcdcdc; padding:30px; z-index:10; overflow:hidden;} .box2 .box2_1{width:100%;margin-bottom:50px; overflow:hidden;} .box2 .box2_1 > li{float:left;width:48%;margin-right:30px;} .box2 .box2_1 > li span{color:#89a80d;font-size:16px;font-weight:normal;padding:10px 0px;} .tt2{color:#043b93;font-size:14px;font-weight:normal;padding:10px 0px;} .tt3{color:#333;font-size:14px;font-weight:normal;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} .tt4{color:#043b93;font-size:18px;font-weight:normal;padding:10px 0px;} .box_brnd{border:2px solid #388dee; border-radius:20px;padding:8px 20px;color:#1d62be;font-size:16px;margin-bottom:10px;} .box3 { position:relative; width:910px; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; background-color:#fafafa; padding:20px; z-index:10;} .box3 li {position:relative; background-image:url("/renew/img/sub/bulet_orange.gif");background-repeat:no-repeat; background-position:0px 50%; padding:7px 2px 2px 13px; color:#555; font-size:13px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} .box4 {position:relative;width:100%; margin:0 auto; border:1px solid #ddd; background-color:#fafafa; z-index:10; text-align:center;padding:50px 0px;} .s03_btn{position:relative;border:1px solid #999; padding:10px 30px; width:70px; margin:30px 0px 0px 50px; overflow:hidden; background-image:url("/renew/img/sub/btn_arrow.gif");background-repeat:no-repeat; background-position:90px 13px;float:left; } .s03_btn a{font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;font-size:14px; text-align:center;} .s03_btn3{position:relative;border:1px solid #999; padding:10px 0px; width:130px; margin-top:30px; overflow:hidden; background-image:url("/renew/img/sub/btn_arrow.gif");background-repeat:no-repeat; background-position:100px 13px; } .s03_btn3 a{font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;font-size:14px; text-align:center;} .s05_btn{position:relative;border:1px solid #999; padding:10px 30px; width:70px; margin:30px 0px 0px 10px; overflow:hidden; background-image:url("/renew/img/sub/btn_arrow.gif");background-repeat:no-repeat; background-position:90px 13px;float:left; } .s05_btn a{font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;font-size:14px; text-align:center;} .btn_ok{position:relative;background-color:#3366cc;width:80px;height:30px;text-align:center;padding-top:10px;font-size:14px;overflow:hidden;} .btn_ok a{color:#ffffff;} .btn_cancel{position:relative;background-color:#aaa;width:80px;height:30px;text-align:center;padding-top:10px;font-size:14px;overflow:hidden;} .btn_cancel a{color:#ffffff;} .btn_ok_new {background-color:#3366cc; text-align:center; padding:10px 25px; font-size:14px; border:0px none; color:#fff} .btn_cancel_new{background-color:#aaa; text-align:center; padding:10px 25px; font-size:14px; border:0px none;} /*사이트맵*/ #sitemap-menu1, #sitemap-menu2 {width:100%;margin:0 auto; border:0px solid #F00;} #sitemap-menu1 h2, #sitemap-menu2 h2 {padding:10px;background-color:#f6f6f6; border:1px solid #e0e0e0;} #sitemap-menu1:after, #sitemap-menu2:after {clear:both; display:block; content:"";} #sitemap-menu1 .menu, #sitemap-menu2 .menu {float:left; width:29%;overflow:hidden;} #sitemap-menu1 ul, #sitemap-menu2 ul{ border:0px solid #cccccc;margin:8px 0px 30px 0px;} #sitemap-menu1 li, #sitemap-menu2 li{ padding-top:8px;padding-left:20px;padding-bottom:10px;text-align:left;} #sitemap-menu1 #menu1 li,#sitemap-menu1 #menu2 li, #sitemap-menu1 #menu3 li, #sitemap-menu2 #menu4 li, #sitemap-menu2 #menu5 li {font-size:13px; color:#000;background-image:url("/renew/img/sub/bul_arrow.gif"); background-repeat:no-repeat; background-position:10px 50%;text-align:left; border-bottom:1px solid #e0e0e0;} #sitemap-menu1 table{font-size:11px; color:#9a9a9a;margin-top:8px;width:200px;} #sitemap-menu1 table a, #sitemap-menu2 table a{font-size:11px; color:#b3b3b3;} /*사이트맵*/ .quick { display: none; position:relative; margin-left:45px; width:87px; height:100%; z-index:3; border:1px solid #dfdfdf; margin-top:60px; float:left; overflow:hidden;} .quick li{width:87px; border-bottom:1px solid #dfdfdf;font-size:11px;text-align:center;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} .mobile-btns {display:none} .mobile-btns .icon1 {width:66px; height:66px; background:url(/renew/img/main/counsel_icon11.png); margin:0 auto} .mobile-btns .icon2 {width:66px; height:66px; background:url(/renew/img/main/counsel_icon2.png); margin:0 auto} .mobile-btns .icon3 {width:66px; height:66px; background:url(/renew/img/main/counsel_icon33.png); margin:0 auto} .menu-open {display:none} .menu-close {display:none; position:absolute; top:0px; right:0px; z-index:90001; cursor:pointer;} .fav-menu {color:#cbcbcb;padding-top:7px;font-size:11px;} /** 상단 탭 슬라이드 **/ .topSlider {width:100%; height:250px; overflow:hidden; border-bottom:1px solid #fff; display:none; background-image:url(/made/image/mainimg_bg.jpg);} .sl_container {width:100%; overflow:hidden; height:50px; position:relative; border:0px solid #f00; border-bottom:1px solid #eee} .sl_container div.sld {position:absolute; border:0px solid #f00; cursor:pointer; overflow:hidden; display:none; width:33.3%; height:auto; box-sizing:border-box; height:50px; padding-top:15px; font-size:16px; background-color:#666; color:#fff; font-weight:bold; text-align:center} .sl_container div.btn_on {background-color:#fff; color:#000} .sl_container_img {width:100%; overflow:hidden; height:200px; border:0px solid #00f; position:relative;} .sl_container_img .sld_img {position:absolute; width:100%; height:200px; display:none; background-image:url(/made/image/mainimg_bg.jpg);} /** 제휴사 **/ .bnr_container {width:520px;overflow:hidden;margin-top:10px;height:52px; overflow:hidden; position:relative; border:0px solid #f00;} .bnr_container div.bnrs {position:absolute; border:0px solid #f00; overflow:hidden; display:none; width:129px; height:52; box-sizing:border-box;} .bnr_container div.btn_on {background-color:#fff; color:#000} #BNR_slidesw_left, #BNR_slidesw_right {cursor:pointer} .mobilebview {display:none} .blind480 {display:block} .view480 {display:none} .scroll-top {bottom: 150px; display:none; position: fixed; right: 55px; text-align: center; z-index: 9999999;} .scroll-top a {background-color: #666; color:#fff !important; text-decoration:none !important; opacity:0.7; font-weight:bold; display:block; font-size: 14px; width: 50px; height: 50px; line-height: 50px;} .scroll-top a:hover {background-color: #0087d2;} .mb-slidemenu {display:none} .mb-mainimg {display:none} .schedule-text {color:#758ec4; font-size:18px; padding:0px 0px 10px 5px;} .schedule-result {border:2px solid #e6e6e6; border-radius:2px} .schedule-result:after {clear:both; display:block; content:"";} .schedule-result li {float:left; font-size:16px; min-width:280px} .schedule-result li * {font-size:16px} .schedule-result li.d-day {width:43%; padding:10px 0px 10px 10px;} .schedule-result li.d-day span {} .schedule-result li.d-day-plus {width:50%; padding:10px 0px 10px 10px;} .schedule-result li.d-day-plus span {color:#f00; font-weight:bold} .schedule-result.hpmode li {font-size:16px;} .schedule-result.hpmode li.d-day {padding-bottom:0px;} .calendar-date {width:100%; margin-top:15px; text-align:center; font-weight:bold; font-size:17px;} .calendar-date span {font-weight:bold; font-size:17px; padding:0 5px;} .calendar-date img {width:20px; vertical-align:top; cursor:pointer} .calendar-table {width:100%; margin-top:3px; margin-bottom:20px; border-collapse:collapse; border-spacing:0; border:0 none;} .calendar-table th {background-color:#687c94; padding:5px 0px; font-weight:normal; font-size:12px; border:1px solid #55657c; width:14.2%; color:#fff; background: -moz-linear-gradient(top, #7387a0 0%, #62768f 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7387a0), color-stop(100%,#62768f)); background: -webkit-linear-gradient(top, #7387a0 0%,#62768f 100%); background: -o-linear-gradient(top, #7387a0 0%,#62768f 100%); background: -ms-linear-gradient(top, #7387a0 0%,#62768f 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7387a0', endColorstr='#62768f',GradientType=0 ); background: linear-gradient(to bottom, #7387a0 0%,#62768f 100%); } .calendar-table td {padding:3px 0px 0px 3px; height:50px; border:1px solid #eee; text-align:left; vertical-align:top; font-size:14px} .calendar-table td p {font-size:15px; padding-top:1px;} .calendar-table .sun {color:#f00} .calendar-table .sat {color:#00f} .calendar-table .holiday {color:#f00} .calendar-table .select-day {background-color:#ffffd9} .calendar-table .select-day p {color:#3846b1} .calendar-table .cal-day {background-color:#ffc7d2} #right #right_con .calendar-table .cal-day p {color:#ff0d01} .calendar-table .day-click {cursor:pointer} .pay-day1, .pay-day2, .pay-day3, .pay-text1, .pay-text2 {display:none} /** 신청하기 **/ #btn-div {display:none} #right #right_con .table1-new {} #right #right_con .table1-new th {width:12%; box-sizing:border-box; } #right #right_con .table1-new td {width:38%; box-sizing:border-box; } /* #popup1 {display:none} */ /*#popup2 {display:none}*/ /* #popup3 {display:none} */ #right #right_con .ft25 {font-size:25px;} #right #right_con .ft30 {font-size:30px;} #right #right_con .ft32 {font-size:32px;color:#000} #right #right_con .lpd53 {padding-left:53px} #right #right_con .lpd63 {padding-left:63px} #right #right_con .lpd10 {padding-left:10px} #right #right_con .lpd110 {padding-left:110px} #right #right_con .sub1-3-table td .title2 {display:block; padding:0px; margin:0px; text-align:left;} /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////PC 2 1024~1479//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media all and (min-width: 1024px) and (max-width : 1479px) { #wrab { position:relative; width:100%; border:0px solid #f00; padding-top:155px; z-index:100} /* 메인 */ #top_wrab { position:absolute; top:0px; left:0px; background-color:#fff; width:100%;height:155px; z-index:10000;border:0px solid #f00;} #top-none {width: 100%; margin:0 auto; height:0px; position:relative; z-index:20000} #top-none h1 {position:absolute; width:25%; top:40px; left:15px; z-index:100; margin:0px; padding:0px;border:0px solid #F00;} #top-none h1 .header_logo{display:block; width:230px; height:75px; background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; transition:all 0.3s; text-indent:-9999px} /* #top-none h1 .header_logo{display:block; width:230px; height:55px; background:url(/renew/img/comm/header_logo.jpg) no-repeat 0 50%; background-size:230px auto; transition:all 0.3s; text-indent:-9999px} #top-none h1 .header_logo:hover{background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; background-size:230px auto } */ #top-none h1 img {vertical-align:top;width:78%;} #top_m2{position:absolute;background-image:url('/renew/img/comm/top_icon_bg.gif');top:58px; right:0px; width:204px; height:58px;} #top_m2 li{float:left;text-align:center;width:94px;margin-top:7px;font-family:'nanumsquareround', '나눔스퀘어라운드'} #top_m2 li a {font-size:14px} #top_m3{position:absolute;top:45px; right:5px; width:185px; height:35px;} #top {position:relative; width:100%; z-index:100;border:0px solid #F00;} #top_m { position:relative; margin:0 auto; width:400px; height:35px; float:right; margin-right:20px; z-index:3; border:0px solid #F00;} #top_m li{float:left; border:0px solid #F00; padding:0px 10px 5px 10px;background:url('/renew/img/comm/top_device.gif')100% 30% no-repeat;font-family:'nanumsquareround', '나눔스퀘어라운드';margin-top:20px;} #top_m li a{font-size:13px;color:#878787;} #top_m li.home-btn {padding-left:10px;} #top_m li.estate-btn {background-color:#fff;} #top_m li.estate-btn a {color:#000000} /**#top_m li:nth-child(2) {width: 790px;}**/ #m_wrab {position:relative; width:100%; height:auto; z-index:1; border:0px solid #F00;} /* #mainimg {position:relative; width:100%; height:590px; z-index:1;border:0px solid #F00;background:url('/renew/img/main/mainimg2.jpg')50% 0px;background-size:120%;} #mainimg ul {position:relative; width:100%; height:590px; float:left; margin-left:50px; border:0px solid #f00;} */ /* 컨텐츠 1 */ #m_contents { position:relative; width:100%; z-index:5; border:0px solid #000; } #m_contents #m1 {position:relative;width:100%; height:100px; margin-top:0; z-index:1; background:#00c2dc url('/renew/img/main/m1_con_bg.png')no-repeat center center; border:0px solid #F00;overflow:hidden;} #m_contents #m1_con { margin:0 auto;margin-top:25px;width:100%;} #m_contents #m1_con li{text-align:center; color:#fff;font-weight:thin;font-family:'nanumsquareround', '나눔스퀘어라운드';float:left;} #m_contents #m1_con li.m1_con_text {font-size:21px;margin-top:10px;width:750px;text-align:right;} #m_contents #m1_con li.m1_con_text .cus_tel{margin-top:5px;font-size:18px;color:#fff;} #m_contents #m1_con .m1_con_btn1 {display:inline-block; border-radius:5px;border:1px solid #fff; margin-left:30px;height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn1 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn1 span {font-size:15px; color:#fff} #m_contents #m1_con .m1_con_btn2 {display:inline-block; border-radius:5px;border:1px solid #fff; margin-left:10px;height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn2 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn2 span {font-size:15px; color:#fff} #m_contents #m2 {position:relative;width:100%; z-index:1; background-color:#efefef; border:0px solid #F00;overflow:hidden;padding-bottom:50px;} #m_contents #m2_con1 { margin:0 auto;margin-top:50px;width:100%; border:0px solid #F00;height:250px;} #m_contents #m2_con1 > li{text-align:center; float:left;border:0px solid #F00;} #m_contents #m2_con1 .m2_h1{padding-top:20px;font-family:'nanumsquareround', '나눔스퀘어라운드';font-size:40px;line-height:130%;text-align:left;padding-left:2%; float:left;width:16%;border:0px solid #f00;} #m_contents #m2_con1 #m2_con11 {width:100%; height:170px; float:left;margin-top:50px;overflow:hidden;} #m_contents #m2_con1 #m2_con11 li{float:left;width:11%;text-align:center;padding:0px 0.5%;margin-bottom:50px;} #m_contents #m2_con1 #m2_con11 li a:hover{text-align:center;color:#1565d5;} #m_contents #m2_con1 #m2_con11 p{padding-top:20px;font-family:'nanumsquareround', '나눔스퀘어라운드';font-size:15px;} #m_contents #m2_con1 #m2_con11 li div{border-radius:100px;width:108px;height:108px; margin:0 auto; background:#fff;} #m_contents #m2_con1 #m2_con11 li div a{display:block;width:108px;height:80px;padding-top:28px; } #m_contents #m2_con1 #m2_con11 li div a:hover{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 #m2_con11 li div .on{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 .more{display:none; position:absolute;top:150px;right:10px;} a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} a.on img {border-width:0px;display:none;background:#0c4da2;} a.on img.over{display:inline;} a.on:hover {border:0px;} a.on:hover img {display:none;} a.on:hover img.over{display:inline;} #m_contents #m2_con2 {position:relative; margin:0 auto;margin-top:40px;width:100%; border:0px solid #F00;height:200px;} #m_contents #m2_con21 {position:relative;width:40%; float:left;background:#fff;height:200px;} #m_contents #m2_con21 li{width:39.5%; float:left; border-right:1px solid #dbdbdb;height:100px;} #m_contents #m2_con21 li span{font-size:18px;color:#000;} #m_contents #m2_con21 li p{font-size:14px;color:#666;padding-top:20px;line-height:150%;} #m_contents #m2_con21 li.bg1{padding:50px 5%;background:url('/renew/img/main/m2_bg1_icon.gif')no-repeat 90% 80%;} #m_contents #m2_con21 li.bg2{padding:50px 5%;background:url('/renew/img/main/m2_bg2_icon.gif')no-repeat 90% 80%;border-right:0px;} #m_contents #m2_con22 {position:relative;width:20%; float:left;height:200px;margin-left:1%;} #m_contents #m2_con22 li{width:50%; float:left;font-size:14px;height:200px;} #m_contents #m2_con22 li p{font-size:16px;color:#000;padding-top:140px;text-align:center;} #m_contents #m2_con22 li.bg3{background:#0b1a55 url('/renew/img/main/m2_bg3_icon.png')no-repeat 50% 40%;} #m_contents #m2_con22 li.bg4{background:#fdb813 url('/renew/img/main/m2_bg4_icon.png')no-repeat 50% 40%;} #m_contents #m2_con23 {position:relative;width:39%; border:0px solid #F00;background:#fff; float:left;height:200px;} #m_contents #m2_con23 li{text-align:center;} #m_contents #m2_con23 li.m2_con23_left {position:absolute; top:50%; left:0; margin-top:-6px;margin-left:30px;width:11px;} #m_contents #m2_con23 li.m2_con23_center {width:320px;margin:15px auto; border:0px solid #000;} #m_contents #m2_con23 li.m2_con23_right {position:absolute; top:50%; right:0; margin-top:-6px;margin-right:30px;width:11px;} /** 서비스 **/ .svbnr_container { position:relative;width:318px; height:180px; border:0px solid #f00;overflow:hidden;} .svbnr_container div.bnrs {position:absolute; border:0px solid #f00; overflow:hidden; display:none; width:318px; height:180; box-sizing:border-box;} .svbnr_container div.btn_on {background-color:#fff; color:#000} .svbnr_container div .icon1 {width:313px; height:115px; background:url(/renew/img/main/service_icon1.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon2 {width:313px; height:115px; background:url(/renew/img/main/service_icon2.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon3 {width:313px; height:115px; background:url(/renew/img/main/service_icon3.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon4 {width:313px; height:115px; background:url(/renew/img/main/service_icon4.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon5 {width:313px; height:115px; background:url(/renew/img/main/service_icon5.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon6 {width:313px; height:115px; background:url(/renew/img/main/service_icon6.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon7 {width:313px; height:115px; background:url(/renew/img/main/service_icon7.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon8 {width:313px; height:115px; background:url(/renew/img/main/service_icon8.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon9 {width:313px; height:115px; background:url(/renew/img/main/service_icon9.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon10 {width:313px; height:115px; background:url(/renew/img/main/service_icon10.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon11 {width:313px; height:115px; background:url(/renew/img/main/service_icon11.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon12 {width:313px; height:115px; background:url(/renew/img/main/service_icon12.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon13 {width:313px; height:115px; background:url(/renew/img/main/service_icon13.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} #SVBNR_slidesw_left, #SVBNR_slidesw_right {cursor:pointer} #m_contents #m3 {position:relative;width:100%; z-index:1; border:0px solid #F00;} #m_contents #m3 #m3_con {position:relative; margin:0 auto;margin-top:50px;width:98%; border:0px solid #F00;overflow:hidden;} #m_contents #m3 #m3_con:after {clear:both; display:block; content:"";} #m_contents #m3 #m3_con .line {border-top:2px solid #818793; width:auto;} #m_contents #m3 #m3_con #notice {position:relative;width:100%; height:80px; background:#ebeef3;} #m_contents #m3 #m3_con #notice .n_title{background:#45484d url('/renew/img/main/notice_icon.png')no-repeat 20px 50%;float:left;width:16%;height:100%; display:flex; align-items:center;} #m_contents #m3 #m3_con #notice .n_title p{font-size:16px;color:#fff;padding-left:50px;line-height:21px; word-break:keep-all;} #m_contents #m3 #m3_con #notice #notice_m{width:39%; border:0px solid #F00;float:left;padding-top:15px;} #m_contents #m3 #m3_con #notice #notice_m li{height:80px; margin:10px; color:#808080;padding-left:5%;} #m_contents #m3 #m3_con #notice #notice_m li div {padding:0px; margin:0px} #m_contents #m3 #m3_con #notice #notice_m li a{font-size:15px; color:#808080; text-decoration:none;} #m_contents #m3 #m3_con #notice #notice_m li a.subject {font-weight:bold} #m_contents #m3 #m3_con #notice #notice_m li.more {position:absolute;left:430px;top:25px;width:55px; height:30px; border:0px solid #F00; background:url(/img/main/bulet_tri.gif) no-repeat 90% 20%} #m_contents #m3 #m3_con #notice #account{width:45%; border:0px solid #F00;float:right;padding-top:35px;} #m_contents #m3 #m3_con #notice #account li{float:left;margin-right:20px;font-size:16px;} #m_contents #m3 #m3_con #notice #account li.fs13{font-size:12px;} #m_contents #m3 #m3_con #guide {position:relative;margin-top:50px;border:0px solid #f00;} #m_contents #m3 #m3_con #guide .m3_h1{padding-top:20px;width:18%; font-size:30px;line-height:120%;text-align:left;padding-left:1%;float:left} #m_contents #m3 #m3_con #guide #guide_m{width:80%;float:left;border:0px solid #f00;overflow:hidden;} #m_contents #m3 #m3_con #guide #guide_m li{float:left;margin-right:3%; margin-bottom:6px; border-bottom:1px solid #d0d0d0;width:23%;height:40px; line-height:40px;} #m_contents #m3 #m3_con #guide #guide_m li a{font-size:14px; font-family:'nanumsquareround', '나눔스퀘어라운드';color:#333} #m_contents #m3 #m3_con #guide #guide_m li.g_bg1{padding:0.5% 0px 0px 7%;background:url('/renew/img/main/guide_icon1.png')no-repeat 8% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg2{padding:0.5% 0px 0px 7%;background:url('/renew/img/main/guide_icon2.png')no-repeat 8% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg3{padding:0.5% 0px 0px 7%;background:url('/renew/img/main/guide_icon3.png')no-repeat 8% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg4{padding:0.5% 0px 0px 7%;background:url('/renew/img/main/guide_icon4.png')no-repeat 8% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg5{padding:0.5% 0px 0px 7%;background:url('/renew/img/main/guide_icon5.png')no-repeat 8% 40%;} #m_contents #m4 {position:relative;width:100%; height:486px; z-index:1; margin-top:80px;border:0px solid #F00;overflow:hidden; background:url('/renew/img/main/banner_bg.jpg');} #m_contents #m4 #m4_con {position:relative; margin:0 auto;width:100%; border:0px solid #F00;height:286px;padding-top:200px;text-align:center; overflow:hidden;} #m_contents #m4 #m4_con .t1{color:#fff;font-size:36px;line-height:100%;text-align:center;} #m_contents #m4 #m4_con .t2{color:#fff;font-size:44px;line-height:150%;text-align:center;} #m_contents #m4 #m4_con .t3{color:#fff;font-size:30px;line-height:100%;} #m_contents #m4 #m4_con .r_banner{position:absolute; top:0px;right:20px;width:204px; height:160px;padding:40px; border:0px solid #F00;box-shadow:0px 0px 15px #16224d;text-align:center; background:#000; overflow:hidden;} #m_contents #m4 #m4_con .r_banner p{color:#fff;font-size:17px;line-height:150%;padding-top:10px;text-align:left;} /** 검은색 배경 **/ .body-back {position:fixed; top:0px; left:0px; border:0px solid #f00; width:100%; height:100%; z-index:89000; background-color:#000; display:none;} #sitemap_wrab {position:relative; background-color:#3d4049; width:100%; z-index:5; border:0px solid #F00;} #sitemap_wrab #sitemap {position:relative; margin:0 auto; width:100%; height:auto; padding-top:35px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 {position:relative; width:17.5%; padding-left:25px; background-image:url("/renew/img/main/sitemap_line.gif"); background-position:100% 5px;background-repeat:no-repeat;float:left;} #sitemap_wrab #sitemap .sitemap_1 h1 { margin-bottom:15px; } #sitemap_wrab #sitemap .sitemap_1 h2 a{color:#fff;padding-bottom:20px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 li h2 a{color:#999;padding-bottom:3px; border:0px solid #F00; display:block; font-size:14px} #sitemap_wrab #sitemap .sitemap_1 li{padding-bottom:7px;font-size:14px;} #sitemap_wrab #sitemap .sitemap_1 li a{color:#7b7b7b; font-size:0.8em; } /*#869bae;*/ /** 210722 추가**/ #sitemap_wrab #sitemap .sitemap_1 li a{color:#7b7b7b; font-size:13px; font-weight:bold;} #sitemap_wrab #sitemap .sitemap_1 li a.title{color:#999;padding-bottom:3px; border:0px solid #F00; display:block; font-size:14px;font-weight:bold;} /* 공통 카피라이트 */ #copyright {position:relative; width:100%; height:auto; z-index:2; padding-bottom:10px; background:url('/renew/img/comm/bottom_bg.gif');border:0px solid #f00;} #bottom {position:relative; width:100%; height:auto; z-index:2; border:0px solid #333; padding-bottom:10px} #bottom-m-box {width:auto; margin:0 auto;} #bottom-m-box #bottom_m{position:relative; border:0px solid #F00; width:100%; margin:0 auto; background:url('/renew/img/comm/copy_logo.png') no-repeat 90% 100%;} #bottom-m-box #bottom_m ul{position:relative; padding:15px 0px; z-index:2; border:0px solid #F00; overflow:hidden;float:left;} #bottom-m-box #bottom_m:after {clear:both; display:block; content:"";} #bottom-m-box #bottom_m li{float:left; padding:0px 15px; font-size:14px; background-image:url("/renew/img/comm/bottom_line.gif");background-position:100% 4px;background-repeat:no-repeat;color:#fff; border:0px solid #F00;} #bottom-m-box #bottom_m li a{color:#fff; border:0px solid #F00;} #copy-box {position:relative;padding-top:30px; width:auto; padding-bottom:10px; margin-bottom:15px; } #copy-box #copy {position:relative; width:98%; margin:0 auto; color:#fff;font-size:14px; z-index:2; text-align:left;line-height:160%;} #b_icon_box {width:98%; margin:0 auto; border:0px solid #f00; position:relative;} #b_icon_box #b_icon {position:absolute; bottom:35px; right:150px; width:90px; height:22px; z-index:2; border:0px solid #f00;} #b_icon_box #b_icon li{float:left; padding:0px 3px; } .copy-bottom {position:relative; width:98%;height:30px; margin:0 auto; font-size:14px;color:#888888;} /* 서브 */ #sub_wrab { position:relative; width:100%px; margin:0 auto; z-index:1;border:0px solid #F00; background-color:#fff;} #s_contents {position:relative; width:100%; margin:0 auto; overflow:hidden; z-index:1; border:0px solid #F00;} #left { position:relative; width:230px; float:left; z-index:3; border:0px solid #F00;} #left h2{color:#fff; width:190px; height:142px; font-size:23px;padding:50px 0px 0px 40px;text-align:left;background:url('/renew/img/sub/sub_lefttitle_bg.gif');line-height:130%;} #left span{color:#fff;font-size:14px;opacity:.55; filter:alpha(opacity=55);font-weight:bold;} #leftmenu li{position:relative; width:230px; height:45px; background-color:#f0f1f6; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede;font-size:14px;z-index:3; } #leftmenu li a{display:block;width:199px; height:30px; padding-top:15px; padding-left:30px; } #leftOver {color:#000; font-weight:bold; z-index:5; border:0px solid #F00;background:url('/renew/img/sub/leftmenu_over.png')no-repeat 90% 50%; } #leftmenu A:hover {text-decoration:none;color:#4563a1;} #leftmenu A:active {text-decoration:none;color:#4563a1;} #left .left_banner{width:190px; margin-top:15px; padding:20px; z-index:3; border:1px solid #dedede;} #left .left_banner .tel{font-size:24px;color:#333;} #left .left_banner p{font-size:14px;color:#777;padding-top:10px;line-height:160%;} #right { position:relative; width:75%; height:100%; z-index:3; border:0px solid #F00; float:left;margin-left:4%;} /*#right h2{position:relative; color:#333; font-size:35px; line-height:200%; padding-left:5px;border:0px solid #f00;}*/ #right .page_title {position:relative; color:#333; font-size:35px; line-height:200%; padding-left:5px;border:0px solid #f00;} #location { position:absolute; top:60px; left:-10px; width:100%; height:38px; z-index:20; border:0px solid #F00;} #location #smenu {position:relative; margin:0 auto; width:100%; overflow:hidden; height:48px; border:0px solid #F00;} #location #smenu #smenu_con{position:relative; overflow:hidden; border:0px solid #F00;float:left;} #location #smenu #smenu_con li{float:left; padding:10px 20px; font-size:14px;background:url('/renew/img/sub/sns_line.gif')no-repeat 0px 12px; } #location #smenu #smenu_con ul ul { margin-top:5px; display:none; position:absolute; background-color:#ffffff; border:1px solid #dddee0; -moz-border-radius-bottom-left: 5px; -khtml-border-bottom-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottom-right: 5px; -khtml-border-bottom-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; } #location #smenu #smenu_con ul li:hover ul { display: block;color:#D4F4FA;} #location #smenu #smenu_con ul ul li { float:none;} #sns{position:relative; height:38px;margin-top:10px; float:right; z-index:100; border:0px solid #F00;overflow:hidden;} #sns li{float:left; padding:0px 12px;background-image:url("/renew/img/sub/sns_line.gif");background-position:100% 4px;background-repeat:no-repeat;text-align:center;font-size:13px; } #right #right_con{ position:relative; width:90%; padding:5%; ;margin-bottom:20px; width:auto; z-index:3; border:1px solid #d7d7d7;} .bz_svc{position:relative;width:100%;border:1px solid #ddd;overflow:hidden;} .bz_svc li{float:left;width:10%;margin:2% 0;padding:1% 2%; border-right:1px solid #eee;text-align:center;} } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*/////////////////////////////////////////////////////////////////태블릿 800~ 1023//////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media all and (min-width: 800px) and (max-width: 1023px) { #wrab {width:100%;min-width:800px; border:0px solid #f00; padding-top:0px} #top_wrab #top-none #top_m2 {display: none;} #top_wrab {height: 190px; width: 100%; min-width:889px; position:relative;} #top #top_m li.m-blank {width: 400px;} /**#top #top_m li:nth-child(2) {width: 400px;}**/ #top-none h1 {position:absolute; top:25px; left:15px; z-index:100; margin:0px; padding:0px;border:0px solid #F00;} #top-none h1 .header_logo{display:block; width:230px; height:75px; background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; transition:all 0.3s; text-indent:-9999px} /* #top-none h1 .header_logo{display:block; width:230px; height:55px; background:url(/renew/img/comm/header_logo.jpg) no-repeat 0 50%; background-size:230px auto; transition:all 0.3s; text-indent:-9999px} #top-none h1 .header_logo:hover{background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; background-size:230px auto } */ #top-none h1 img {vertical-align:top;} #top {position:relative; width:100%; z-index:100;border:0px solid #F00;} #top_m { position:relative; width:400px; height:35px; float:right; margin-right:20px; z-index:3; border:0px solid #F00;} #top_m li{float:left; border:0px solid #F00; padding:0px 10px 5px 10px;background:url('/renew/img/comm/top_device.gif')100% 30% no-repeat;font-family:'nanumsquareround', '나눔스퀘어라운드';margin-top:20px;} #top_m li a{font-size:13px;color:#878787;} #top_m li.home-btn {padding-left:10px;} #top_m li.estate-btn {background-color:#fff;} #top_m li.estate-btn a {color:#000000} /**#top_m li:nth-child(2) {width: 790px;}**/ #m_wrab {position:relative; width:100%; height:auto; z-index:1; border:0px solid #F00;} #top_wrab #mainMenu {} #top_wrab #mainMenu ul {padding-left:0px; width:700px;} #top_wrab #mainMenu ul .s5 {width:80px} /* 컨텐츠 1 */ #m_contents { position:relative; width:100%; z-index:5; border:0px solid #000; } #m_contents #m1 {position:relative;width:100%; z-index:1; background:#00c2dc url('/renew/img/main/m1_con_bg.png')no-repeat 50% 60%; background-size:120%; border:0px solid #F00;overflow:hidden;} #m_contents #m1_con { margin:25px auto;margin-top:25px;width:80%;text-align:center; } #m_contents #m1_con li{display:block; width:100%; text-align:center; color:#fff;font-weight:thin;font-family:'nanumsquareround', '나눔스퀘어라운드';} #m_contents #m1_con li.m1_con_text {font-size:21px;margin-top:10px;} #m_contents #m1_con li.m1_con_text .cus_tel{margin-top:5px;font-size:18px;color:#fff;} #m_contents #m1_con li.m1_con_btn_wrap {margin-top:10px;} #m_contents #m1_con .m1_con_btn1 {display:inline-block; border-radius:5px;border:1px solid #fff;height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn1 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn1 span {font-size:15px; color:#fff} #m_contents #m1_con .m1_con_btn2 {display:inline-block; border-radius:5px;border:1px solid #fff; margin-left:10px;height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn2 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn2 span {font-size:15px; color:#fff} #m_contents #m2 {position:relative;width:100%; z-index:1; background-color:#efefef; padding-bottom:30px; border:0px solid #F00;overflow:hidden;} #m_contents #m2_con1 { margin:0 auto;margin-top:50px;width:100%; border:0px solid #F00;overflow:hidden;} #m_contents #m2_con1 > li{text-align:center; float:left;border:0px solid #F00;} #m_contents #m2_con1 .m2_h1{font-family:'nanumsquareround', '나눔스퀘어라운드';font-size:40px;line-height:130%;text-align:left;padding-left:20px;width:30%;border:0px solid #f00;} #m_contents #m2_con1 #m2_con11 {width:98%; margin:30px auto 0;overflow:hidden;} #m_contents #m2_con1 #m2_con11 li{float:left;width:21%;text-align:center;padding:0px 1.5%; margin-bottom:20px; } #m_contents #m2_con1 #m2_con11 li a:hover{text-align:center;color:#1565d5;} #m_contents #m2_con1 #m2_con11 p{padding-top:20px;} #m_contents #m2_con1 #m2_con11 li div{border-radius:100px;width:108px;height:108px; margin:0px auto; background:#fff;} #m_contents #m2_con1 #m2_con11 li div a{display:block;width:108px;height:80px;padding-top:28px;} #m_contents #m2_con1 #m2_con11 li div a:hover{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 #m2_con11 li div .on{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 .more{display:none; position:absolute;top:150px;right:10px;} a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} a.on img {border-width:0px;display:none;background:#0c4da2;} a.on img.over{display:inline;} a.on:hover {border:0px;} a.on:hover img {display:none;} a.on:hover img.over{display:inline;} #m_contents #m2_con2 {position:relative; width:99%;margin: 0 auto;margin-top:40px; border:0px solid #F00;} #m_contents #m2_con21 {position:relative;height:200px;} #m_contents #m2_con21 li{width:41.8%; float:left; margin:0 0.1%; height:100px;} #m_contents #m2_con21 li span{font-size:18px;color:#000;} #m_contents #m2_con21 li p{font-size:14px;color:#666;padding-top:20px;line-height:150%;} #m_contents #m2_con21 li.bg1{padding:50px 4%;background:#fff url('/renew/img/main/m2_bg1_icon.gif')no-repeat 90% 80%;} #m_contents #m2_con21 li.bg2{padding:50px 4%;background:#fff url('/renew/img/main/m2_bg2_icon.gif')no-repeat 90% 80%;border-right:0px;} #m_contents #m2_con22 {position:relative;width:49.8%; margin:0 0.1%; float:left;height:200px;margin-top:2px;} #m_contents #m2_con22 li{width:50%; float:left;font-size:14px;height:200px;} #m_contents #m2_con22 li p{font-size:16px;color:#000;padding-top:140px;text-align:center;} #m_contents #m2_con22 li.bg3{background:#0b1a55 url('/renew/img/main/m2_bg3_icon.png')no-repeat 50% 40%;} #m_contents #m2_con22 li.bg4{background:#fdb813 url('/renew/img/main/m2_bg4_icon.png')no-repeat 50% 40%;} #m_contents #m2_con23 {position:relative;width:49.8%;margin:0 0.1%; border:0px solid #F00;background:#fff; float:right;height:200px;margin-top:2px;} #m_contents #m2_con23 li{text-align:center;} #m_contents #m2_con23 li.m2_con23_left {position:absolute; top:50%; left:0; margin-top:-6px;margin-left:30px;width:11px;} #m_contents #m2_con23 li.m2_con23_center {width:320px;margin:15px auto; border:0px solid #000;} #m_contents #m2_con23 li.m2_con23_right {position:absolute; top:50%; right:0; margin-top:-6px;margin-right:30px;width:11px;} /** 서비스 **/ .svbnr_container { position:relative;width:318px; height:180px; border:0px solid #f00;overflow:hidden;} .svbnr_container div.bnrs {position:absolute; border:0px solid #f00; overflow:hidden; display:none; width:318px; height:180; box-sizing:border-box;} .svbnr_container div.btn_on {background-color:#fff; color:#000} .svbnr_container div .icon1 {width:313px; height:115px; background:url(/renew/img/main/service_icon1.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon2 {width:313px; height:115px; background:url(/renew/img/main/service_icon2.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon3 {width:313px; height:115px; background:url(/renew/img/main/service_icon3.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon4 {width:313px; height:115px; background:url(/renew/img/main/service_icon4.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon5 {width:313px; height:115px; background:url(/renew/img/main/service_icon5.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon6 {width:313px; height:115px; background:url(/renew/img/main/service_icon6.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon7 {width:313px; height:115px; background:url(/renew/img/main/service_icon7.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon8 {width:313px; height:115px; background:url(/renew/img/main/service_icon8.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon9 {width:313px; height:115px; background:url(/renew/img/main/service_icon9.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon10 {width:313px; height:115px; background:url(/renew/img/main/service_icon10.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon11 {width:313px; height:115px; background:url(/renew/img/main/service_icon11.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon12 {width:313px; height:115px; background:url(/renew/img/main/service_icon12.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} .svbnr_container div .icon13 {width:313px; height:115px; background:url(/renew/img/main/service_icon13.jpg); background-size:96%; margin:0 auto; margin-bottom:18px} #SVBNR_slidesw_left, #SVBNR_slidesw_right {cursor:pointer} #m_contents #m3 {position:relative;width:100%; z-index:1; border:0px solid #F00;} #m_contents #m3 #m3_con {position:relative; margin:0 auto;margin-top:50px;width:98%; border:0px solid #F00;overflow:hidden;} #m_contents #m3 #m3_con:after {clear:both; display:block; content:"";} #m_contents #m3 #m3_con .line {border-top:2px solid #818793; width:auto;} #m_contents #m3 #m3_con #notice {position:relative;width:100%; height:80px; background:#ebeef3;} #m_contents #m3 #m3_con #notice .n_title{background:#45484d url('/renew/img/main/notice_icon.png')no-repeat 20px 50%;float:left;width:20%;height:100%; display:flex; align-items:center;} #m_contents #m3 #m3_con #notice .n_title p{font-size:16px;color:#fff;padding-left:50px; word-break:keep-all;} #m_contents #m3 #m3_con #notice #notice_m{width:40%; border:0px solid #F00;float:left;padding-top:15px;} #m_contents #m3 #m3_con #notice #notice_m li{height:80px; margin:10px; color:#808080;padding-left:5%;} #m_contents #m3 #m3_con #notice #notice_m li div {padding:0px; margin:0px} #m_contents #m3 #m3_con #notice #notice_m li a{font-size:15px; color:#808080; text-decoration:none;} #m_contents #m3 #m3_con #notice #notice_m li a.subject {font-weight:bold} #m_contents #m3 #m3_con #notice #notice_m li.more {position:absolute;left:430px;top:25px;width:55px; height:30px; border:0px solid #F00; background:url(/img/main/bulet_tri.gif) no-repeat 90% 20%} #m_contents #m3 #m3_con #notice #account{width:38%; border:0px solid #F00;float:right;padding-top:20px;margin-left:2%;} #m_contents #m3 #m3_con #notice #account li{float:left;margin-left:20px;font-size:16px;} #m_contents #m3 #m3_con #notice #account li:first-child{margin-left:0} #m_contents #m3 #m3_con #notice #account li.fs13{font-size:12px;} #m_contents #m3 #m3_con #guide {position:relative;margin-top:50px;border:0px solid #f00;} #m_contents #m3 #m3_con #guide .m3_h1{padding-top:20px;width:22%; font-size:30px;line-height:120%;text-align:left;padding-left:1%;float:left} #m_contents #m3 #m3_con #guide #guide_m{width:77%;float:left;border:0px solid #f00;overflow:hidden;} #m_contents #m3 #m3_con #guide #guide_m li{float:left;margin-right:1%; margin-bottom:6px; border-bottom:1px solid #d0d0d0;width:26%;height:40px; line-height:40px;} #m_contents #m3 #m3_con #guide #guide_m li a{font-size:14px; font-family:'nanumsquareround', '나눔스퀘어라운드';color:#333} #m_contents #m3 #m3_con #guide #guide_m li.g_bg1{padding:0.5% 0px 0px 5%;background:url('/renew/img/main/guide_icon1.png')no-repeat 1% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg2{padding:0.5% 0px 0px 5%;background:url('/renew/img/main/guide_icon2.png')no-repeat 1% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg3{padding:0.5% 0px 0px 5%;background:url('/renew/img/main/guide_icon3.png')no-repeat 1% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg4{padding:0.5% 0px 0px 5%;background:url('/renew/img/main/guide_icon4.png')no-repeat 1% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg5{padding:0.5% 0px 0px 5%;background:url('/renew/img/main/guide_icon5.png')no-repeat 1% 40%;} #m_contents #m4 {position:relative;width:100%; height:500px; z-index:1; margin-top:80px;border:0px solid #F00; overflow:hidden; background:url('/renew/img/main/banner_bg.jpg') no-repeat 50% 100%;} #m_contents #m4 #m4_con {position:relative; margin:0 auto;width:100%; border:0px solid #F00;height:286px;padding-top:260px;text-align:center; overflow:hidden;} #m_contents #m4 #m4_con .t1{color:#fff;font-size:36px;line-height:100%;text-align:center;} #m_contents #m4 #m4_con .t2{color:#fff;font-size:44px;line-height:150%;text-align:center;} #m_contents #m4 #m4_con .t3{color:#fff;font-size:30px;line-height:100%;} #m_contents #m4 #m4_con .r_banner{position:absolute; top:0px;right:20px;width:204px; height:180px;padding:40px; border:0px solid #F00;box-shadow:0px 0px 15px #16224d;text-align:center; background:#000; overflow:hidden;} #m_contents #m4 #m4_con .r_banner p{color:#fff;font-size:17px;line-height:150%;padding-top:10px;text-align:left;} /** 검은색 배경 **/ .body-back {position:fixed; top:0px; left:0px; border:0px solid #f00; width:100%; height:100%; z-index:89000; background-color:#000; display:none;} #sitemap_wrab {position:relative; background-color:#3d4049; width:100%; z-index:5; border:0px solid #F00;} #sitemap_wrab #sitemap {position:relative; margin:0 auto; width:100%; height:auto; padding-top:35px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 {position:relative; width:17.5%; padding-left:20px; background-image:url("/renew/img/main/sitemap_line.gif"); background-position:100% 5px;background-repeat:no-repeat;float:left;} #sitemap_wrab #sitemap .sitemap_1 h1 { margin-bottom:15px; } #sitemap_wrab #sitemap .sitemap_1 h2 a{color:#fff;padding-bottom:20px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 h2 a{color:#fff;padding-bottom:20px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 li h2 a{color:#999;padding-bottom:0px; border:0px solid #F00; display:block; font-size:13px} #sitemap_wrab #sitemap .sitemap_1 li{padding-bottom:7px;font-size:14px;} #sitemap_wrab #sitemap .sitemap_1 li a{ color:#7b7b7b; font-size:0.6em; } /*color:#869bae;*/ /* 공통 카피라이트 */ #copyright {position:relative; width:100%; height:auto; z-index:2; padding-bottom:10px; background:url('/renew/img/comm/bottom_bg.gif');border:0px solid #f00;} #bottom {position:relative; width:100%; height:auto; z-index:2; border:0px solid #333; padding-bottom:10px} #bottom-m-box {width:auto; margin:0 auto;} #bottom-m-box #bottom_m{position:relative; border:0px solid #F00; width:100%; margin:0 auto; background:url('/renew/img/comm/copy_logo.png') no-repeat 100% 100%;} #bottom-m-box #bottom_m ul{position:relative; padding:15px 0px; z-index:2; border:0px solid #F00; overflow:hidden;float:left;} #bottom-m-box #bottom_m:after {clear:both; display:block; content:"";} #bottom-m-box #bottom_m li{float:left; padding:0px 13px; font-size:14px; background-image:url("/renew/img/comm/bottom_line.gif");background-position:100% 4px;background-repeat:no-repeat;color:#fff; border:0px solid #F00;} #bottom-m-box #bottom_m li a{color:#fff; border:0px solid #F00;} #copy-box {position:relative;padding-top:30px; width:auto; padding-bottom:10px; margin-bottom:15px;} #copy-box #copy {position:relative; width:98%; margin:0 auto; color:#fff;font-size:13px; z-index:2; text-align:left;line-height:160%;} #b_icon_box {position:absolute; top:130px; right:120px; width:90px; height:25px; border:0px solid #f00;} #b_icon_box #b_icon { height:25px; z-index:2; border:0px solid #f00;} #b_icon_box #b_icon li{float:left; padding:0px 3px; } .copy-bottom {position:relative; width:98%;height:30px; margin:0 auto; font-size:14px;color:#888888;} /* 서브 */ .resp-img {width:100%; height:auto} #sub_wrab { position:relative; width:889px; z-index:1; border:0px solid #F00; background-color:#fff;} #location { display:none} #s_contents {position:relative; width:auto; margin:0 auto; overflow:hidden; z-index:1; border:0px solid #F00; padding-left:220px} #left { position:absolute; width:200px; z-index:3; border:0px solid #F00; left:0px; top:20px; margin-top:0px;} #left h2{color:#fff; width:160px; height:142px; font-size:23px;padding:50px 0px 0px 40px;text-align:left;background:url('/renew/img/sub/sub_lefttitle_bg.gif');line-height:130%;} #left span{color:#fff;font-size:14px;opacity:.55; filter:alpha(opacity=55);font-weight:bold;} #leftmenu li{position:relative; width:auto; height:40px; padding-top:10px;padding-left:10px; background-color:#f0f1f6; border-bottom:1px solid #dedede; border-left:1px solid #dedede; border-right:1px solid #dedede;font-size:14px;z-index:3; } #leftmenu li a{display:block;width:199px; height:40px; padding-top:10px; padding-left:30px; } #leftOver {color:#000; font-weight:bold; z-index:5; border:0px solid #F00;background:url('/renew/img/sub/leftmenu_over.png')no-repeat 75% 35%; } #leftmenu A:hover {text-decoration:none;color:#4563a1;} #leftmenu A:active {text-decoration:none;color:#4563a1;} #left .left_banner{width:180px; margin-top:15px; padding:20px 10px; z-index:3; border:1px solid #dedede;} #left .left_banner .tel{font-size:24px;color:#333;} #left .left_banner p{font-size:14px;color:#777;padding-top:10px;line-height:160%;} #right { position:relative; width:100%; height:100%; z-index:3; border:0px solid #F00; margin-left:0px; margin-top:10px;} /*#right h2{position:relative; width:auto; color:#333; font-size:35px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;}*/ #right .page_title {position:relative; width:auto; color:#333; font-size:35px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;} #right #right_con{ position:relative; padding:0px; margin-bottom:20px; width:auto; padding-left:5px; padding-right:5px; z-index:3; border:0px none; border-top:1px solid #d7d7d7; padding-top:20px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .title {position:relative;color:#333; font-size:29px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:0px; font-weight:400;} #right #right_con .title2 {position:relative;color:#333; font-size:24px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:40px; font-weight:400;} #right #right_con .title3 {position:relative;color:#333; font-size:18px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:40px; background:url('/img/sub/h3bg02.png')no-repeat;} #right #right_con .title5 {position:relative;color:#333; font-size:33px;margin-top:40px; font-weight:400;} .quick {display:none} #right #right_con #s04_1 {position:relative; width:auto;} #right #right_con #s04_1:after {clear:both; display:block; content:"";} #right #right_con #s04_1 li{width:206px} #right #right_con #s04_1 li dd span{} #right #right_con #s04_1 li dd p{} .box { position:relative; width:auto; margin:0 auto; background-color:#f6f6f6; padding:20px; z-index:10; border:1px solid #dfdfdf;} .box2 { position:relative; width:auto; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:20px; z-index:10;} #right #right_con #s01_1{ position:relative; background-image:url();background-repeat:no-repeat; width:auto; height:auto; z-index:3; overflow:auto; margin-bottom:30px;} #right #right_con #s01_1 #s01_11{ position:relative; padding-top:20px;} #right #right_con #s01_1 #s01_11:after {clear:both; display:block; content:"";} #right #right_con #s01_1 #s01_11 li{ width:48%; float:left; margin-right:2%; box-sizing:border-box; margin-top:10px !important; border:1px solid #dddddd; background-color:#eeeeee; padding:0px !important; padding:10px 8px !important} #right #right_con #s01_1 #s01_11 li span{font-size:25px;line-height:180%;color:#4563a1;} #right #right_con #s01_1 #s01_11 li li{ background-image:url("/renew/img/sub/bulet_gray.gif"); float:none; width:auto; border:0px none; margin:0px !important; padding:0px !important; padding-left:10px !important; background-position:3px 5px;background-repeat:no-repeat; padding-bottom:3px !important; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;color:#777;} #right #right_con #s01_21{ position:relative; padding-top:0px; overflow:none;} #right #right_con #s01_21:after {clear:both; display:block; content:"";} #right #right_con #s01_21 li{ padding:30px 10px; width:48%; margin-right:2% !important; float:left; box-sizing:border-box; border:1px solid #e5e5e5; text-align:center; margin-top:0px; ;margin-bottom:15px;color:#999;} #right #right_con #s01_21 li span{font-size:22px;line-height:180%;color:#333;} #right #right_con .sub1-3-table {} #right #right_con .sub1-3-table td {vertical-align:top} #right #right_con .sub1-3-table .img-td {width:30%;} #right #right_con .sub1-3-table .img-td img {width:100%; height:auto} #right #right_con .s01_4{ position:relative; padding-top:0px; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:20px;} #right #right_con .s01_4:after {clear:both; display:block; content:"";} #right #right_con .s01_4 li{position:relative; float:left; box-sizing:border-box; width:33.3%; padding:20px 0px; z-index:1; text-align:center; border:0px none !important; border-right:1px solid #ddd !important; border-bottom:1px solid #ddd !important;} /** 신청하기 **/ #btn-div {display:none} #right #right_con .table1-new {} #right #right_con .table1-new th {float:left; width:20%;box-sizing:border-box; padding:0px; height:50px; padding-top:15px} #right #right_con .table1-new td {float:left; width:80%;box-sizing:border-box; padding:0px; height:50px; padding-top:8px; padding-left:5px} #right #right_con .tform {height:auto} #right #right_con .s03_top{position:relative;width:100%; overflow:hidden;margin-top:-40px;} #right #right_con .s03_top p {padding-right:255px} #right #right_con .s03_top .s03_img{position:absolute;right:5px; top:40px;} #right #right_con .s03_top .s03_img2{position:absolute;right:5px; top:40px;} #right #right_con .sub3-table td {box-sizing:border-box; float:left; display:block; width:50% !important} #right #right_con .sub3-table td {box-sizing:border-box; float:left; display:block; width:50% !important} #right #right_con .sub3-table td:nth-child(2) {border-right:0px none} #right #right_con .sub3-table td:nth-child(3) {border-bottom:0px none} #right #right_con .sub3-table td:nth-child(4) {border-bottom:0px none} #right #right_con .sub3-table td dt {margin-top:0px} #right #right_con .table2 {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; position:relative;} #right #right_con .table2 th.none, .table2 td.none {border-left:0px solid #f0f0f0;font-size:13px;} #right #right_con .table2 th {font-weight:bold; color:#333; font-size:15px; border-bottom:1px solid #ededed; border-right:1px solid #dcdcdc; padding:10px 20px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td {font-size:12px; color:#777; border-right:1px solid #dcdcdc; border-bottom:1px solid #ededed;padding:10px 20px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;vertical-align:top;} #right #right_con .table2 span {font-weight:bold; color:#333; font-size:15px;} #right #right_con .table2 td .phone{font-weight:bold; color:#ee4f57;font-size:30px;padding-top:30px;padding-bottom:10px; text-align:center;} #right #right_con .table2 li{background-image:url("/renew/img/sub/bulet_orange.gif");background-repeat:no-repeat; background-position:10px 11px; padding:2px 2px 2px 20px;color:#777;} #right #right_con .table2 td .tt{color:#4563a1;font-size:13px;font-weight:normal;} #right #right_con .table2 dt{float:none;margin-top:10px; border:0px solid #f00; text-align:center;} #right #right_con .table2 dd{float:none;margin-top:10px; margin-left:0px; text-align:center;} #right #right_con .sub3-table2 {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; position:relative;} #right #right_con .sub3-table2 td {color:#777; border-right:0px solid #dcdcdc; border-bottom:1px solid #ededed;padding:10px 20px;vertical-align:top;} #right #right_con .sub3-table2 dl {position:relative;} #right #right_con .sub3-table2 dt{position:absolute; left:0px; left:0px; margin:0px; border:0px solid #f00; text-align:center;} #right #right_con .sub3-table2 dd{padding-left:90px; margin-top:10px; min-height:100px; margin-left:0px; text-align:left;} #right #right_con #s05_sucess {position:relative; width:auto; border-top:2px solid #313131; overflow:auto; height:auto; border-left:1px solid #d6d6d6; } #right #right_con #s05_sucess li{float:left; border:0px none !important; box-sizing:border-box; width:50%; height:190px; border:0px solid #f00; position:relative; padding:20px 10px; text-align:center; background-color:#fff; color:#777;font-size:12px; border-bottom:1px solid #d6d6d6 !important; border-right:1px solid #d6d6d6 !important} #right #right_con #s05_sucess .on{position:relative;box-sizing:border-box; height:190px; width:50%; background-color:#f5f5f5; background-image:url(); border-right:1px solid #838383 !important; border-bottom:1px solid #838383 !important; } #right #right_con #s05_sucess a{color:#555;font-weight:normal; text-align:center;} #right #right_con #s05_sucess li span{font-size:16px;line-height:200%;color:#333;font-weight:normal; text-align:center;} .view_heading{height:auto; line-height:46px; padding-left:15px; border-top:2px solid #535353; overflow:hidden;} .view_heading>h5{float:left; font-size:14px; color:#2686c8;} .view_heading .customer{overflow:hidden; float:right;} .view_heading .customer .name{float:left;} .view_heading .customer .group{float:left;} #right #right_con .s06_8{ position:relative; padding-top:10px; border:0px solid #f00; width:100%;} #right #right_con .s06_8 li {position:relative; float:left; width:46%; height:130px; margin-bottom:20px;padding:20px 0px 20px 2%; z-index:1; border:1px solid #ddd; background-position:98% 25px !important;} #right #right_con .s06_8 li span{font-size:22px;line-height:180%;color:#333;} .s05_btn{position:relative;border:1px solid #999; padding:10px 30px; width:70px; margin:10px 10px 0px 0px; overflow:hidden; background-image:url("/renew/img/sub/btn_arrow.gif");background-repeat:no-repeat; background-position:90px 13px;float:left; } .s05_btn a{font-size:14px; text-align:center;} .bz_svc{position:relative;width:100%;border:1px solid #ddd;overflow:hidden;} .bz_svc li{float:left;width:15%;margin:2% 0;padding:1% 2%; border-right:1px solid #eee;text-align:center;} } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*//////////////////////////////////////////////////////////태블릿/모바일2 481 ~ 799/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media all and (min-width: 481px) and (max-width: 799px) { #bbs-wrap .bbs-read .bbs-read-body img {width:100%} #top-none h1 {position:absolute; top:35px; left:15px; z-index:100; margin:0px; padding:0px;border:0px solid #F00;} #top-none h1 .header_logo{display:block; width:230px; height:75px; background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; transition:all 0.3s; text-indent:-9999px} /* #top-none h1 .header_logo{display:block; width:230px; height:55px; background:url(/renew/img/comm/header_logo.jpg) no-repeat 0 50%; background-size:230px auto; transition:all 0.3s; text-indent:-9999px} #top-none h1 .header_logo:hover{background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; background-size:230px auto } */ #top-none h1 img {vertical-align:top;} #top {position:relative; width:100%; z-index:100;height:110px;border:0px solid #F00;} /**#top_m li:nth-child(2) {width: 790px;}**/ #chusuk_popup {display:none} #wrab {width:100%;min-width:300px; padding-top:0px;border:0px solid #f00;} #top-none {width: 100%;} #top_m { position:relative; height:35px; float:left; margin-right:20px; z-index:3; border:0px solid #F00;} #top_m li{float:left; border:0px solid #F00; padding:0px 10px 5px 10px;background:url('/renew/img/comm/top_device.gif')100% 30% no-repeat;margin-top:10px;} #top_m li a{font-size:13px;color:#878787;} #top_m li:nth-child(2) {display: none;} #top_m li:nth-child(3) {} #top_m li:nth-child(4) {} #top_m li:nth-child(5) {display: none;} #top_m li:nth-child(6) {display: none;} #top_wrab {margin:0 auto; position:relative; width:100%; min-width:200px;height:110px;border:0px solid #F00;} #top_wrab #top-none #top_m2 {display: none;} .mobileblind {display:none} .mobilebview {display:block} .slide480 {display:none} .slide800 {height:300px} .slide800 .stext {position:absolute; top:60px; left:0px; z-index:10} .slide800 .simg {position:absolute; bottom:0px; right:0px} .slide800 .amore {position:absolute; bottom:30px; left:10px; cursor:pointer} .menu-open {display:block; position:absolute; right:10px; top:60px; z-index:88000; color:#000; cursor:pointer} .menu-close {display:block; position:absolute; z-index:999000} .fav-menu {color:#cbcbcb;padding-top:7px;font-size:13px;} .fav-menu a {font-size:13px !important;} .back-img {display:none} /* 메인 메뉴 */ #top_wrab #mainMenu {height:auto; position:fixed; top:0px; z-index:90000 !important; overflow:auto; width:250px; top:0px; left:-210px; background-color:#333; border:0px solid #f00; padding-top:10px; padding-left:} #top_wrab #mainMenu ul {width:auto; padding:0px; margin:0px; height:auto; position:relative; z-index:990000;} #top_wrab #mainMenu ul li {float:none; height:auto; position:relative; left:auto; top:auto; width:auto;} #top_wrab #mainMenu ul li a { color:#fff; padding:5px; font-size:15px; display:block; padding-left:15px; font-weight:bold; border:0px solid #f00} #top_wrab #mainMenu ul li ul { padding-left:20px; padding-bottom:15px;} #top_wrab #mainMenu ul li ul a {font-size:14px; font-weight:normal;} #top_wrab #mainMenu ul li.s1 {border:0px solid #f00} #top_wrab #mainMenu ul li.s1 ul {position:relative; height:8em} #top_wrab #mainMenu ul li.s2 ul {position:relative; height:26.4em} #top_wrab #mainMenu ul li.s3 ul {position:relative; height:28.6em;} #top_wrab #mainMenu ul li.s4 ul {position:relative; height:4.4em} #top_wrab #mainMenu ul li.s5 ul {position:relative; height:17.6em} #top_wrab #mainMenu ul li.s5 ul .step7 {top:11em} #top_wrab #mainMenu ul li.s5 ul .step8 {top:13.2em} #top_wrab #mainMenu ul li.s5 ul .step9 {top:15.4em} #top_wrab #mainMenu ul li ul li {position:absolute; left:20px} #top_wrab #mainMenu ul li ul .step1 {top:0em} #top_wrab #mainMenu ul li ul .step2 {top:2.2em} #top_wrab #mainMenu ul li ul .step3 {top:4.4em} #top_wrab #mainMenu ul li ul .step4 {top:6.6em} #top_wrab #mainMenu ul li ul .step5 {top:8.8em} #top_wrab #mainMenu ul li ul .step6 {top:11em} #top_wrab #mainMenu ul li ul .step7 {top:13.2em} #top_wrab #mainMenu ul li ul .step8 {top:15.4em} #top_wrab #mainMenu ul li ul .step9 {top:17.6em} #top_wrab #mainMenu ul li ul .step10 {top:19.8em} #top_wrab #mainMenu ul li ul .step11 {top:22em} #top_wrab #mainMenu ul li ul .step12 {top:24.2em} #top_wrab #mainMenu ul li ul .step13 {top:26.4em} #top_wrab #mainMenu ul li ul .step14 {top:28.4em} /** 상단 탭 슬라이드 **/ .topSlider {display:block; width:100%; height:350px; } .sl_container_img {height:300px;} .sl_container_img .sld_img { height:300px;} #m_wrab {padding-bottom: 0px; width: 100%; height:auto; padding-top:0px;} #m_contents {width: 100%; border: 0px; height:auto} #m_contents #m_left {width: 100%; float: none; display:none} #m_contents #m_right {width: 100%; float: none; height: 390px;} #m_wrab {position:relative; width:100%; height:auto; z-index:1; border:0px solid #F00;} /****/ /* 컨텐츠 1 */ #m_contents { position:relative; width:100%; margin:0 auto; z-index:5; border:0px solid #000; } #m_contents #m1 {position:relative;width:100%; z-index:1; background:#00c2dc url('/renew/img/main/m1_con_bg.png')no-repeat 50% 60%; background-size:130%; border:0px solid #F00;overflow:hidden;} #m_contents #m1_con { margin:20px auto;width:100%;} #m_contents #m1_con li{text-align:center; color:#fff;font-weight:thin;font-family:'nanumsquareround', '나눔스퀘어라운드';} #m_contents #m1_con li.m1_con_text {font-size:18px;margin-top:10px;text-align:center;} #m_contents #m1_con li.m1_con_text .cus_tel{display:block;margin-top:5px;font-size:18px;color:#fff;} #m_contents #m1_con li.m1_con_btn_wrap {margin-top:5px;} #m_contents #m1_con .m1_con_btn1 {display:inline-block; border-radius:5px;border:1px solid #fff; height:35px;line-height:35px;font-size:14px;margin-top:10px;} #m_contents #m1_con .m1_con_btn1 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn1 span {font-size:15px; color:#fff} #m_contents #m1_con .m1_con_btn2 {display:inline-block; border-radius:5px;border:1px solid #fff; margin-left:10px;height:35px;line-height:35px;font-size:14px;margin-top:10px;} #m_contents #m1_con .m1_con_btn2 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn2 span {font-size:15px; color:#fff} #m_contents #m2 {position:relative;width:100%; z-index:1; background-color:#efefef; padding-bottom:30px; border:0px solid #F00;overflow:hidden;} #m_contents #m2_con1 { margin:0 auto;margin-top:50px;width:100%; border:0px solid #F00;overflow:hidden;} #m_contents #m2_con1 > li{text-align:center; float:left;border:0px solid #F00;} #m_contents #m2_con1 .m2_h1{padding-top:20px;font-family:'nanumsquareround', '나눔스퀘어라운드';font-size:40px;line-height:130%;text-align:left;padding-left:20px;border:0px solid #f00;} #m_contents #m2_con1 #m2_con11 {width:98%; margin:30px auto;overflow:hidden;} #m_contents #m2_con1 #m2_con11 li{float:left;width:20%;text-align:center;padding:0px 1.5%;} #m_contents #m2_con1 #m2_con11 li a:hover{text-align:center;color:#1565d5;} #m_contents #m2_con1 #m2_con11 p{height:40px; padding-top:20px;font-size:16px; line-height:20px; } #m_contents #m2_con1 #m2_con11 li div{border-radius:100px;width:108px;height:108px;margin:0 auto;background:#fff;} #m_contents #m2_con1 #m2_con11 li div a{display:block;width:108px;height:80px;padding-top:28px;} #m_contents #m2_con1 #m2_con11 li div a:hover{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 #m2_con11 li div .on{border-radius:100px;width:108px;height:80px;padding-top:28px;background:#0c4da2;} #m_contents #m2_con1 .more{position:absolute;top:150px;left:210px;} a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} a.on img {border-width:0px;display:none;background:#0c4da2;} a.on img.over{display:inline;} a.on:hover {border:0px;} a.on:hover img {display:none;} a.on:hover img.over{display:inline;} #m_contents #m2_con2 {position:relative; margin:0 auto;margin-top:40px;width:100%; border:0px solid #F00;} #m_contents #m2_con21 {position:relative;width:100%;margin:0 auto;} #m_contents #m2_con21 li{width:43.8%; margin:0 0.1%; float:left; height:100px;} #m_contents #m2_con21 li span{font-size:18px;color:#000;} #m_contents #m2_con21 li p{font-size:14px;color:#666;padding-top:20px;line-height:150%;} #m_contents #m2_con21 li.bg1{padding:7% 3%;background:#fff url('/renew/img/main/m2_bg1_icon.gif')no-repeat 90% 80%;} #m_contents #m2_con21 li.bg2{padding:7% 3%;background:#fff url('/renew/img/main/m2_bg2_icon.gif')no-repeat 90% 80%;} #m_contents #m2_con22 {position:relative;width:100%; height:200px;} #m_contents #m2_con22 li{width:49.8%; margin:0 0.1%; float:left;font-size:14px;height:200px;} #m_contents #m2_con22 li p{font-size:16px;color:#000;padding-top:140px;text-align:center;} #m_contents #m2_con22 li.bg3{background:#0b1a55 url('/renew/img/main/m2_bg3_icon.png')no-repeat 50% 40%;} #m_contents #m2_con22 li.bg4{background:#fdb813 url('/renew/img/main/m2_bg4_icon.png')no-repeat 50% 40%;} #m_contents #m2_con23 {position:relative;width:100%; border:0px solid #F00;background:#fff; height:200px;margin-top:2px;padding-top:20px;margin:0 auto;text-align:center;} #m_contents #m2_con23 li{text-align:center; display:inline-block;} #m_contents #m2_con23 li.m2_con23_left {position:absolute; top:50%; left:0; margin-top:-6px;margin-left:30px;width:11px;} #m_contents #m2_con23 li.m2_con23_center {border:0px solid #000;margin:0 auto;text-align:center;} #m_contents #m2_con23 li.m2_con23_right {position:absolute; top:50%; right:0; margin-top:-6px;margin-right:30px;width:11px;} /** 서비스 **/ .svbnr_container { position:relative;width:318px; height:180px; border:0px solid #f00;overflow:hidden;} .svbnr_container div.bnrs {position:absolute; border:0px solid #f00; overflow:hidden; display:none; width:318px; height:180px; box-sizing:border-box;} .svbnr_container div.btn_on {background-color:#fff; color:#000} .svbnr_container div .icon1 {width:313px; height:115px; background:url(/renew/img/main/service_icon1.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon2 {width:313px; height:115px; background:url(/renew/img/main/service_icon2.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon3 {width:313px; height:115px; background:url(/renew/img/main/service_icon3.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon4 {width:313px; height:115px; background:url(/renew/img/main/service_icon4.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon5 {width:313px; height:115px; background:url(/renew/img/main/service_icon5.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon6 {width:313px; height:115px; background:url(/renew/img/main/service_icon6.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon7 {width:313px; height:115px; background:url(/renew/img/main/service_icon7.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon8 {width:313px; height:115px; background:url(/renew/img/main/service_icon8.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon9 {width:313px; height:115px; background:url(/renew/img/main/service_icon9.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon10 {width:313px; height:115px; background:url(/renew/img/main/service_icon10.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon11 {width:313px; height:115px; background:url(/renew/img/main/service_icon11.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon12 {width:313px; height:115px; background:url(/renew/img/main/service_icon12.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon13 {width:313px; height:115px; background:url(/renew/img/main/service_icon13.jpg); margin:0 auto; margin-bottom:18px} #SVBNR_slidesw_left, #SVBNR_slidesw_right {cursor:pointer} #m_contents #m3 {position:relative;width:100%; z-index:1; border:0px solid #F00;} #m_contents #m3 #m3_con {position:relative; margin:0 auto;margin-top:20px;width:98%; border:0px solid #F00;overflow:hidden;} #m_contents #m3 #m3_con:after {clear:both; display:block; content:"";} #m_contents #m3 #m3_con .line {border-top:2px solid #818793; width:auto;} #m_contents #m3 #m3_con #notice {position:relative;width:100%; height:130px; background:#ebeef3;} #m_contents #m3 #m3_con #notice .n_title{position:absolute; top:5px; left:5px; background:#45484d url('/renew/img/main/notice_icon.png')no-repeat 20px 50%;float:left;width:100%;height:60px;} #m_contents #m3 #m3_con #notice .n_title p{font-size:16px;color:#fff;padding-left:50px;line-height:60px;} #m_contents #m3 #m3_con #notice #notice_m{width:100%; height:60px; border:0px solid #F00;float:left;padding-top:70px;} #m_contents #m3 #m3_con #notice #notice_m li{height:80px; margin:10px; color:#808080;} #m_contents #m3 #m3_con #notice #notice_m li div {padding:0px; margin:0px} #m_contents #m3 #m3_con #notice #notice_m li a{font-size:15px; color:#808080; text-decoration:none;} #m_contents #m3 #m3_con #notice #notice_m li a.subject {font-weight:bold} #m_contents #m3 #m3_con #notice #notice_m li.more {position:absolute;right:10px;top:75px;width:55px; height:30px; border:0px solid #F00; background:url(/img/main/bulet_tri.gif) no-repeat 90% 20%} #m_contents #m3 #m3_con #notice #account{display:none;width:40%; height:45px; border:0px solid #F00;float:right;padding-top:35px;margin-right:1%;} #m_contents #m3 #m3_con #notice #account li{float:left;margin-right:20px;font-size:16px;} #m_contents #m3 #m3_con #notice #account li.fs13{font-size:12px;} #m_contents #m3 #m3_con #guide {position:relative;width:98%;margin-top:30px;border:0px solid #f00;} #m_contents #m3 #m3_con #guide .m3_h1{padding:20px 0 30px; font-size:30px;line-height:120%;text-align:center;padding-left:2%;} #m_contents #m3 #m3_con #guide #guide_m{width:98%;margin:0 auto;border:0px solid #f00;overflow:hidden;} #m_contents #m3 #m3_con #guide #guide_m li{float:left;border:1px solid #d0d0d0;width:37.5%;height:40px; margin:0.5%; line-height:40px;} #m_contents #m3 #m3_con #guide #guide_m li a{font-size:14px; font-family:'nanumsquareround', '나눔스퀘어라운드';color:#333} #m_contents #m3 #m3_con #guide #guide_m li.g_bg1{padding:1% 0px 1% 11%;background:url('/renew/img/main/guide_icon1.png')no-repeat 6.5% 45%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg2{padding:1% 0px 1% 11%;background:url('/renew/img/main/guide_icon2.png')no-repeat 6.5% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg3{padding:1% 0px 1% 11%;background:url('/renew/img/main/guide_icon3.png')no-repeat 6.5% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg4{padding:1% 0px 1% 11%;background:url('/renew/img/main/guide_icon4.png')no-repeat 6.5% 40%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg5{padding:1% 0px 1% 11%;background:url('/renew/img/main/guide_icon5.png')no-repeat 6.5% 40%;} #m_contents #m4 {position:relative;width:100%; height:486px; z-index:1;border:0px solid #F00;overflow:hidden; background:url('/renew/img/main/banner_bg.jpg');} #m_contents #m4 #m4_con {position:relative; margin:0 auto;width:100%; border:0px solid #F00;height:336px;padding-top:150px;text-align:center; overflow:hidden;} #m_contents #m4 #m4_con .t1{color:#fff;font-size:30px;line-height:100%;text-align:center;} #m_contents #m4 #m4_con .t2{color:#fff;font-size:36px;line-height:150%;text-align:center;} #m_contents #m4 #m4_con .t3{color:#fff;font-size:24px;line-height:100%;} #m_contents #m4 #m4_con .r_banner{position:relative; width:100%;height:220px;padding:20px;margin-top:80px; border:0px solid #F00;text-align:center; background:#000; overflow:hidden;} #m_contents #m4 #m4_con .r_banner p{color:#fff;font-size:17px;line-height:150%;padding-top:10px;text-align:center;} /** 검은색 배경 **/ .body-back {position:fixed; top:0px; left:0px; border:0px solid #f00; width:100%; height:100%; z-index:89000; background-color:#000; display:none;} #sitemap_wrab {position:relative; background-color:#142a42; width:100%; height:410px; z-index:5; border:0px solid #F00;} #sitemap_wrab #sitemap {position:relative; margin:0 auto; width:100%; height:auto; padding-top:35px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 {position:relative; width:14%; height:278px; padding-left:45px; background-image:url("/renew/img/main/sitemap_line.gif"); background-position:100% 5px;background-repeat:no-repeat;float:left;} #sitemap_wrab #sitemap .sitemap_1 h2 a{color:#fff;padding-bottom:20px; border:0px solid #F00;} #sitemap_wrab #sitemap .sitemap_1 li h2 a{color:#999;padding-bottom:13px; border:0px solid #F00; display:block; font-size:16px} #sitemap_wrab #sitemap .sitemap_1 li{padding-bottom:7px;font-size:14px;} #sitemap_wrab #sitemap .sitemap_1 li a{color:#869bae;} #counsel {width: 100%; display:none} #sitemap_wrab {display: none;} .mobile-btns {background-color:#d9dce4; display:block} .mobile-btns:after {clear:both; display:block; content:"";} .mobile-btns li {float:left; width:33.3%; border-right:1px solid #fff;box-sizing:border-box; text-align:center} .mobile-btns li:nth-child(3) {border-right:0px} .mobile-btns li a {display:block; font-size:15px; padding:20px 0px; color:#000; text-decoration:none} .mobile-btns li a p {font-size:15px; color:#000; padding-top:5px} #bottom {width: 100%;} #bottom #b_icon {float: right; margin-top: 0px;} #wrab #copyright {width: 100%;} #m_contents #m_right { width: 100%; margin-top:0px;}; #m_contents { position:relative; margin:0 auto; width:1497px; height:595px; z-index:5; border:1px solid #d7d7d7; background-color:#fff;} #m_contents #m_right {position:relative;width:100%; float:left;} #m_contents #m_right #service{position:relative;width:auto; height:392px; margin-right:245px; border:0px solid #f00} #m_contents #m_right #service li{box-sizing:border-box; width:33.3%; height:auto; border-right:1px solid #5b75a9;text-align:center; padding:13px 0px 12px 0px;} #m_contents #m_right #service li a{color:#fff;font-size:11px;} #m_contents #m_right #mainbanner {position:absolute;width:245px; right:0px; top:0px; height:392px; border:0px solid #F00;overflow:hidden;} #counsel {position:relative;width:100%;} #counsel li {border-right:1px solid #fff;float:left;text-align:center;padding:37px 0px;width:33%;background-color:#d9dce4;} #counsel li a{color:#929292;} /* 공통 카피라이트 */ #copyright {position:relative; width:100%; height:auto; z-index:2; padding-bottom:10px; background:url('/renew/img/comm/bottom_bg.gif');border:0px solid #f00;} #bottom {position:relative; width:100%; height:auto; z-index:2; border:0px solid #333; padding-bottom:10px} #bottom-m-box {width:auto; margin:0 auto;} #bottom-m-box #bottom_m{position:relative; border:0px solid #F00; width:100%; margin:0 auto; background:url('/renew/img/comm/copy_logo.png') no-repeat 100% 100%;} #bottom-m-box #bottom_m ul{position:relative; padding:15px 0px; z-index:2; border:0px solid #F00; overflow:hidden;float:left;} #bottom-m-box #bottom_m:after {clear:both; display:block; content:"";} #bottom-m-box #bottom_m li{float:left; padding:0px 15px; font-size:14px; background-image:url("/renew/img/comm/bottom_line.gif");background-position:100% 4px;background-repeat:no-repeat;color:#fff; border:0px solid #F00;} #bottom-m-box #bottom_m li a{color:#fff; border:0px solid #F00;} #copy-box {position:relative;padding-top:30px; width:auto; padding-bottom:10px; margin-bottom:15px;} #copy-box #copy {position:relative; width:98%; margin:0 auto; color:#fff;font-size:13px; z-index:2; text-align:left;line-height:160%;} #b_icon_box {position:absolute; top:170px; right:20px; width:140px; height:25px; border:0px solid #f00;} #b_icon_box #b_icon { height:25px; z-index:2; border:0px solid #f00;} #b_icon_box #b_icon li{float:left; padding:0px 3px; } .copy-bottom {position:relative; width:98%;height:30px; margin:0 auto; font-size:14px;color:#888888;} .scroll-top { background: #555 none repeat scroll 0 0; bottom: 15px; color: #fff; display:block; font-size: 20px; position: fixed; right: 20px; text-align: center; opacity:0.9; z-index: 9999999;} .scroll-top a { color:#fff !important; text-decoration:none !important; width:40px; height:40px; line-height: 40px; display:block;} /* 서브 */ .resp-img {width:100%; height:auto} #sub_wrab { position:relative; width:100%; z-index:1; border:0px solid #F00; background-color:#fff;} #location { display:none} #s_contents {position:relative; width:auto; margin:0 auto; overflow:hidden; z-index:1; border:0px solid #F00; padding-left:5px; padding-right:5px; font-size:14px} #left { display:none; width:200px; z-index:3; border:0px solid #F00; left:0px; top:20px; margin-top:0px;} #right { position:relative; width:100%; height:100%; z-index:3; border:0px solid #F00; margin-left:0px; margin-top:10px;} /*#right h2{position:relative; width:auto; color:#333; font-size:30px; line-height:200%;}*/ #right .page_title {position:relative; width:auto; color:#333; font-size:30px; line-height:200%;} #right #right_con{ position:relative; padding:0px; margin-bottom:20px; width:auto; padding-left:5px; padding-right:5px; z-index:3; border:0px none; border-top:1px solid #d7d7d7; padding-top:20px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; font-size:14px} #right #right_con .title {position:relative; color:#333; font-size:25px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:15px; font-weight:400;} #right #right_con .title2 {position:relative; color:#333; font-size:22px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:40px; font-weight:400;} #right #right_con .title3 {position:relative; color:#333; font-size:18px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:40px; background:url('/img/sub/h3bg02.png')no-repeat;} #right #right_con .title5 {position:relative;color:#333; font-size:28px;margin-top:40px; font-weight:400;} #right #right_con p{ position:relative;color:#777; font-size:14px; line-height:22px; z-index:3; border:0px solid #F00; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} .quick {display:none} #right #right_con #s04_1 {position:relative; width:auto;} #right #right_con #s04_1:after {clear:both; display:block; content:"";} #right #right_con #s04_1 li{width:47%} #right #right_con #s04_1 li span{} #right #right_con #s04_1 li p{} .box { position:relative; width:auto; margin:0 auto; background-color:#f6f6f6; padding:20px; z-index:10; border:1px solid #dfdfdf;} .box2 { position:relative; width:auto; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:10px; z-index:10;} .box3 { position:relative; width:auto; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; background-color:#fafafa; padding:10px; z-index:10;} .box3 li {position:relative; background-image:url("/renew/img/sub/bulet_orange.gif");background-repeat:no-repeat; background-position:0px 50%; padding:7px 2px 2px 13px; color:#555; font-size:13px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con #s01_1{ position:relative; background-image:url();background-repeat:no-repeat; width:auto; height:auto; z-index:3; overflow:auto; margin-bottom:30px;} #right #right_con #s01_1 #s01_11{ position:relative; padding-top:0px;} #right #right_con #s01_1 #s01_11:after {clear:both; display:block; content:"";} #right #right_con #s01_1 #s01_11 li{ width:auto; float:none; margin-right:2%; box-sizing:border-box; margin-top:10px !important; border:1px solid #dddddd; background-color:#eeeeee; padding:0px !important; padding:10px 8px !important} #right #right_con #s01_1 #s01_11 li span{font-size:25px;line-height:180%;color:#4563a1;} #right #right_con #s01_1 #s01_11 li li{ background-image:url("/renew/img/sub/bulet_gray.gif"); float:none; width:auto; border:0px none; margin:0px !important; padding:0px !important; padding-left:10px !important; background-position:3px 5px;background-repeat:no-repeat; padding-bottom:3px !important; color:#777;} #right #right_con #s01_21{ position:relative; padding-top:0px; overflow:none;} #right #right_con #s01_21:after {clear:both; display:block; content:"";} #right #right_con #s01_21 li{ padding:10px 10px 10px 120px; width:auto; min-height:130px; float:none; position:relative; margin-right:0px !important; box-sizing:border-box; border:1px solid #e5e5e5;text-align:left; margin-top:0px; ;margin-bottom:15px;color:#999;} #right #right_con #s01_21 p {position:absolute; left:10px; top:10px;} #right #right_con #s01_21 li span{font-size:22px;line-height:180%;color:#333;} /** 서비스 안내 도입효과 **/ #right #right_con .sub2-table {border-top:1px solid #666666; border-right:1px solid #f0f0f0;} #right #right_con .sub2-table th {text-align:center; border-bottom:1px solid #cccccc;padding:10px 0px; width:20px} #right #right_con .sub2-table td {border-left:1px solid #f0f0f0; font-size:13px; border-bottom:1px solid #cccccc; padding:7px; color:#777; line-height:180%; vertical-align:top} #right #right_con .sub2-table li {background-image:url("/renew/img/sub/bulet_gray.gif");background-repeat:no-repeat; background-position:0px 12px; padding:2px 2px 2px 10px;color:#777;} /** 신청하기 **/ #btn-div {display:none} #right #right_con .table1-new {} #right #right_con .table1-new th {float:left; width:20%;box-sizing:border-box; padding:0px; height:50px; padding-top:15px} #right #right_con .table1-new td {float:left; width:80%;box-sizing:border-box; padding:0px; height:50px; padding-top:8px; padding-left:5px} #right #right_con .tform {height:auto} #right #right_con .sub1-3-table {} #right #right_con .sub1-3-table td {vertical-align:top; padding:10px;} #right #right_con .sub1-3-table .img-td {width:30%;} #right #right_con .sub1-3-table .img-td img {width:100%; height:auto} #right #right_con .s01_4{ position:relative; padding-top:0px; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:20px;} #right #right_con .s01_4:after {clear:both; display:block; content:"";} #right #right_con .s01_4 li{position:relative; float:left; box-sizing:border-box; width:50%; padding:20px 0px; z-index:1; text-align:center; border:0px none !important; border-right:1px solid #ddd !important; border-bottom:1px solid #ddd !important;} #right #right_con .s03_top{position:relative;width:100%; overflow:hidden;margin-top:-40px;} #right #right_con .s03_top p {} #right #right_con .s03_top .s03_img{display:none} #right #right_con .s03_top .s03_img2{display:none} #right #right_con .table2 {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; position:relative;} #right #right_con .table2 th.none, .table2 td.none {border-left:0px solid #f0f0f0;font-size:13px;} #right #right_con .table2 th {font-weight:bold; color:#333; font-size:15px; border-bottom:1px solid #ededed; border-right:1px solid #dcdcdc; padding:10px 10px;} #right #right_con .table2 td {font-size:12px; color:#777; border-right:1px solid #dcdcdc; border-bottom:1px solid #ededed;padding:10px 10px; vertical-align:top;} #right #right_con .table2 span {font-weight:bold; color:#333; font-size:15px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td .phone{font-weight:bold; color:#ee4f57;font-size:30px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;padding-top:30px; padding-bottom:10px; text-align:center;} #right #right_con .table2 li{background-image:url("/renew/img/sub/bulet_orange.gif");background-repeat:no-repeat; background-position:10px 11px; padding:2px 2px 2px 20px;color:#777;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td .tt{color:#4563a1;font-size:13px;font-weight:normal;} #right #right_con .table2 dt{float:none;margin-top:10px; border:0px solid #f00; text-align:center;} #right #right_con .table2 dd{float:none;margin-top:10px; margin-left:0px; text-align:center;} #right #right_con .sub3-table td {box-sizing:border-box; float:left; display:block; width:50% !important} #right #right_con .sub3-table td {box-sizing:border-box; float:left; display:block; width:50% !important} #right #right_con .sub3-table td:nth-child(2) {border-right:0px none} #right #right_con .sub3-table td:nth-child(3) {border-bottom:0px none} #right #right_con .sub3-table td:nth-child(4) {border-bottom:0px none} #right #right_con .sub3-table td dt {margin-top:0px} #right #right_con .sub3-table2 {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; position:relative;} #right #right_con .sub3-table2 td {color:#777; border-right:0px solid #dcdcdc; border-bottom:1px solid #ededed;padding:10px 20px;vertical-align:top;} #right #right_con .sub3-table2 dl {position:relative;} #right #right_con .sub3-table2 dt{position:absolute; left:0px; left:0px; margin:0px; border:0px solid #f00; text-align:center;} #right #right_con .sub3-table2 dd{padding-left:90px; margin-top:10px; min-height:100px; margin-left:0px; text-align:left;} .view_heading{height:auto; line-height:46px; padding-left:15px; border-top:2px solid #535353; overflow:hidden;} .view_heading>h5{float:left; font-size:14px; color:#2686c8;} .view_heading .customer{overflow:hidden; float:right;} .view_heading .customer .name{float:left;} .view_heading .customer .group{float:left;} #right #right_con #s05_sucess {position:relative;width:auto; border-top:2px solid #313131; height:auto; border-left:1px solid #d6d6d6} #right #right_con #s05_sucess li{float:left; box-sizing:border-box; width:33.3%; height:50px; border:0px solid #f00 !important; position:relative; padding:0px; text-align:center; background-color:#fff; color:#777; border-right:1px solid #d6d6d6 !important; border-bottom:1px solid #d6d6d6 !important} #right #right_con #s05_sucess li span {border:0px solid #f00; width:100%; display:block; position:absolute; top:0px; padding:9px 0px} #right #right_con #s05_sucess li div {display:none} #right #right_con #s05_sucess li img {display:none} #right #right_con #s05_sucess .on{position:relative;box-sizing:border-box;height:50px; width:33.3%; background-image:url(); background-color:#eee; background-repeat:no-repeat; } #right #right_con #s05_sucess a{color:#555;font-weight:normal; text-align:center;} #right #right_con #s05_sucess li span{font-size:16px;line-height:200%;color:#333;font-weight:normal; text-align:center;} #right #right_con .s06_8{ position:relative; padding-top:10px; border:0px solid #f00; width:100%;} #right #right_con .s06_8 li {position:relative; float:none; width:auto; height:130px; margin-right:0px; margin-bottom:20px; padding:10px 0px 20px 20px; z-index:1; border:1px solid #ddd; background-position:98% 25px !important;} #right #right_con .s06_8 li span{font-size:22px;line-height:180%;color:#333;} .s05_btn{position:relative;border:1px solid #999; background-color:#fff; padding:10px 30px; width:70px; margin:10px 10px 0px 0px; overflow:hidden; background-image:url("/renew/img/sub/btn_arrow.gif");background-repeat:no-repeat; background-position:90px 13px;float:left; } .s05_btn a{font-size:14px; text-align:center;} .bz_svc{position:relative;width:100%;border:1px solid #ddd;overflow:hidden;} .bz_svc li{float:left;width:15%;margin:2% 0;padding:1% 2%; border-right:1px solid #eee;text-align:center;} } /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*////////////////////////////////////////////////////////////모바일///////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ /*///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*/ @media all and (max-width: 480px) { #chusuk_popup {display:none} body .view-480 {display:inline;} #wrab {width:100%;min-width:300px; padding-top:0;border:0px solid #f00;} #top-none {width: 100%; height:35px; float:right; margin-right:20px; z-index:3; border:0px solid #F00; } #top {position:relative; width:100%; height:110px; z-index:100;border:0px solid #F00;} #top #top_m {width: 95%; margin-top:0px;} #top_m li:nth-child(2) {display: none;} #top_m li:nth-child(3) {} #top_m li:nth-child(4) {} #top_m li:nth-child(5) {display: none;} #top_m li:nth-child(6) {display: none;} #top_m li{float:left; border:0px solid #F00; padding:0px 10px 5px 10px;background:url('/renew/img/comm/top_device.gif')100% 30% no-repeat;margin-top:-15px;} #top_m li a{font-size:13px;color:#878787;} #top_m li.home-btn {padding-left:10px;} #top_wrab {margin:0 auto; position:relative; width:100%; min-width:200px;} #top_wrab #top-none #top_m2 {display: none;} #top_wrab #top-none #top_m3 {} #top_wrab #top-none #top_m3 img{width:60%;padding-left:30px;} #top-none h1 {position:absolute; top:35px; left:15px; z-index:101; margin:0px; padding:0px;border:0px solid #F00;} #top-none h1 .header_logo{display:block; width:230px; height:75px; background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; transition:all 0.3s; text-indent:-9999px} /* #top-none h1 .header_logo{display:block; width:230px; height:55px; background:url(/renew/img/comm/header_logo.jpg) no-repeat 0 50%; background-size:230px auto; transition:all 0.3s; text-indent:-9999px} #top-none h1 .header_logo:hover{background:url(/renew/img/comm/header_logo_hover.jpg) no-repeat 0 50%; background-size:230px auto } */ #top-none h1 img {vertical-align:top;} /**#top_m li:nth-child(2) {width: 790px;}**/ .mobileblind {display:none} .mobileblind2 {display:none} .mobilebview {display:block} .blind480 {display:none} .view480 {display:block} .topSlider {display:none;} .slide800 {display:none} .slide480 {position:relative; height:200px} .slide480 .stext {position:absolute; top:40px; left:0px; z-index:10} .slide480 .simg {position:absolute; bottom:0px; right:-20px} .slide480 .amore {position:absolute; bottom:30px; left:10px; cursor:pointer} .menu-open {display:block; position:absolute; right:10px; top:60px; z-index:88000; color:#000; cursor:pointer} .menu-close {display:block; position:absolute;} .fav-menu {color:#cbcbcb;padding-top:7px;font-size:13px;} .fav-menu a {font-size:13px !important;} .back-img {display:none} /* 메인 메뉴 */ #top_wrab #mainMenu {position:fixed; top:0px; z-index:90000 !important; overflow:scroll; width:250px; top:0px; left:-210px; background-color:#333; border:0px solid #f00; padding-top:10px;} #top_wrab #mainMenu ul {width:auto; padding:0px; margin:0px; height:auto; position:relative; z-index:90000;} #top_wrab #mainMenu ul li {float:none; height:auto; position:relative; left:auto; top:auto; width:auto;} #top_wrab #mainMenu ul li a { color:#fff; padding:5px; font-size:15px; display:block; padding-left:15px; font-weight:bold;} #top_wrab #mainMenu ul li ul { padding-left:20px; padding-bottom:15px} #top_wrab #mainMenu ul li ul a {font-size:14px; font-weight:normal;} #top_wrab #mainMenu ul li.s1 {border:0px solid #f00} #top_wrab #mainMenu ul li.s1 ul {position:relative; height:9em} #top_wrab #mainMenu ul li.s2 ul {position:relative; height:17.5em} #top_wrab #mainMenu ul li.s3 ul {position:relative; height:19.5em} #top_wrab #mainMenu ul li.s4 ul {position:relative; height:4.4em} #top_wrab #mainMenu ul li.s5 ul {position:relative; height:18em} #top_wrab #mainMenu ul li.s5 ul .step7 {top:11em} #top_wrab #mainMenu ul li.s5 ul .step8 {top:13.2em} #top_wrab #mainMenu ul li.s5 ul .step9 {top:15.4em} #top_wrab #mainMenu ul li ul li {position:absolute; left:20px} #top_wrab #mainMenu ul li ul .step1 {top:0em} #top_wrab #mainMenu ul li ul .step2 {top:2.2em} #top_wrab #mainMenu ul li ul .step3 {top:4.4em} #top_wrab #mainMenu ul li ul .step4 {top:6.6em} #top_wrab #mainMenu ul li ul .step5 {top:8.8em} #top_wrab #mainMenu ul li ul .step6 {top:11em} #top_wrab #mainMenu ul li ul .step7 {top:13.2em} #top_wrab #mainMenu ul li ul .step8 {top:15.4em} #top_wrab #mainMenu ul li ul .step9 {top:17.6em} #top_wrab #mainMenu ul li ul .step10 {top:19.8em} #top_wrab #mainMenu ul li ul .step11 {top:22em} #top_wrab #mainMenu ul li ul .step12 {top:24.2em} #top_wrab #mainMenu ul li ul .step13 {top:26.4em} #top_wrab #mainMenu ul li ul .step14 {top:28.4em} /** 상단 슬라이드메뉴 **/ .mb-slidemenu {display:none;border:0px solid #f00; width:auto; height:auto; display:block;z-index:10000;} .mb-slidemenu {display:none;position:relative; border-bottom:1px solid #abb5bd; width:auto; overflow:hidden; height:42px; box-sizing:border-box; -moz-box-sizing:border-box;} .mb-slidemenu ul {width:99999px; left:0px; top:0px; position:absolute; } .mb-slidemenu ul:after {clear:both; display:block; content:'';} .mb-slidemenu ul li {float:left;} .mb-slidemenu ul li a {display:block;height:42px; padding:13px 11px 0px 11px; color:#555; margin:0px 0px; font-weight:bold; font-size:15px; border:0px solid #f00; text-decoration:none; box-sizing:border-box; -moz-box-sizing:border-box;} .mb-slidemenu ul li.mf a {padding-left:15px} .mb-slidemenu ul li.ml a {padding-right:15px} .mb-slidemenu ul li a.subon {color:#000; border-bottom:3px solid #008bdc} .mb-slidemenu .leftar {position:absolute; height:42px; width:20px; top:0px; left:0px; z-index:5; overflow:hidden; display:block} .mb-slidemenu .leftar img {width:100%; height:100%} .mb-slidemenu .rightar {position:absolute; height:42px; width:20px; top:0px; right:0px; z-index:5; overflow:hidden; display:block} .mb-slidemenu .rightar img {width:100%; height:100%} .mb-submenu {padding:5px 3px; border-bottom:0px solid #ccc;margin:0 auto;} .mb-submenu:after {clear:both; display:block; content:'';} .mb-submenu li {float:left;border:1px solid #008bdc; width:31%;margin:3px;text-align:center;display:block; border-radius:3px} .mb-submenu li a {color:#555;display:block; padding:0px; padding:8px 5px;height:15px; text-decoration:none; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden} .mb-submenu li a.on {color:#008bdc;background-color:#e9f6fe;height:15px; padding:8px 5px;} /** 모바일 메인이미지 **/ .mb-mainimg {display:block; border:0px solid #f00; width:auto; height:500px; overflow:hidden;border:0px solid #f00;} #m_wrab {position:relative; width:100%; height:auto; z-index:1; border:0px solid #F00;} /*#m_left {display: none;} /*메인 슬라이드 사진 임시 display:none;*/ #m_contents {width: 100%; border: 0px;} #m_contents #m_left {width: 100%; float: none; display:none} #m_contents #m_right {width: 100%; float: none; height: auto;} /* 컨텐츠 1 */ #m_contents { position:relative; width:99%; margin:0 auto; z-index:5; border:0px solid #000; } #m_contents #m1 {position:relative;width:100%; z-index:1; background:#00c2dc url('/renew/img/main/m1_con_bg.png')no-repeat 50% 40%; background-size:140%; border:0px solid #F00;overflow:hidden;} #m_contents #m1_con { margin:10px auto;width:89%;} #m_contents #m1_con li{text-align:center; color:#fff;font-weight:thin;font-family:'nanumsquareround', '나눔스퀘어라운드';line-height:160%;} #m_contents #m1_con li.m1_con_text {font-size:18px;margin-top:10px;text-align:center;} #m_contents #m1_con li.m1_con_text .cus_tel{display:block;margin-top:2px;font-size:18px;color:#fff;} #m_contents #m1_con li.m1_con_btn_wrap{margin-top:10px; } #m_contents #m1_con .m1_con_btn1 {display:inline-block; border-radius:5px;border:1px solid #fff; height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn1 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn1 span {font-size:15px; color:#fff} #m_contents #m1_con .m1_con_btn2 {display:inline-block; border-radius:5px;border:1px solid #fff; margin-left:10px;height:35px;line-height:35px;font-size:14px;} #m_contents #m1_con .m1_con_btn2 a {display:block; text-decoration:none; padding:0px 13px} #m_contents #m1_con .m1_con_btn2 span {font-size:15px; color:#fff} #m_contents #m2 {position:relative;width:100%; z-index:1; background-color:#efefef; padding-bottom:10px; border:0px solid #F00;overflow:hidden;} #m_contents #m2_con1 { margin:0 auto;margin-top:20px;width:100%; border:0px solid #F00;overflow:hidden;} #m_contents #m2_con1 > li{text-align:center; float:left;border:0px solid #F00;} #m_contents #m2_con1 .m2_h1{padding-top:20px;font-family:'nanumsquareround', '나눔스퀘어라운드';font-size:30px;line-height:130%;text-align:left;padding-left:20px;border:0px solid #f00;} #m_contents #m2_con1 #m2_con11 {width:100%;margin:20px auto;overflow:hidden;} #m_contents #m2_con1 #m2_con11 li{float:left;width:24%;text-align:center;padding:0px 0.5%;margin-bottom:20px;} #m_contents #m2_con1 #m2_con11 li a:hover{text-align:center;color:#1565d5;} #m_contents #m2_con1 #m2_con11 li img{width:50%;} #m_contents #m2_con1 #m2_con11 p{height:20px; padding-top:20px;font-size:14px; line-height:18px;} #m_contents #m2_con1 #m2_con11 li div{border-radius:100px;width:80px;height:80px;margin:0 auto;background:#fff;} #m_contents #m2_con1 #m2_con11 li div a{display:block;width:80px;height:60px;padding-top:20px;} #m_contents #m2_con1 #m2_con11 li div a:hover{border-radius:100px;width:80px;height:60px;padding-top:20px;background:#0c4da2;} #m_contents #m2_con1 #m2_con11 li div .on{border-radius:100px;width:80px;height:60px;padding-top:20px;background:#0c4da2;} #m_contents #m2_con1 .more{position:absolute;top:120px;left:170px;} a.rollover img {border-width:0px;display:inline;} a.rollover img.over{display:none;} a.rollover:hover {border:0px;} a.rollover:hover img {display:none;} a.rollover:hover img.over{display:inline;} a.on img {border-width:0px;display:none;background:#0c4da2;} a.on img.over{display:inline;} a.on:hover {border:0px;} a.on:hover img {display:none;} a.on:hover img.over{display:inline;} #m_contents #m2_con2 {position:relative; margin:0 auto;width:100%; border:0px solid #F00;} #m_contents #m2_con21 {position:relative;width:100%;margin:0 auto;background-color:#fff;height:150px;} #m_contents #m2_con21 li{width:43.5%; float:left; border-right:1px solid #dbdbdb;height:95px;text-align:center;} #m_contents #m2_con21 li span{font-size:18px;color:#000;} #m_contents #m2_con21 li p{font-size:14px;color:#666;padding-top:20px;line-height:150%;} #m_contents #m2_con21 li.bg1{padding:7% 3%;background:url('')no-repeat 90% 80%;background-size:20%;} #m_contents #m2_con21 li.bg2{padding:7% 3%;background:url('')no-repeat 90% 80%;border-right:0px;} #m_contents #m2_con22 {position:relative;width:100%; height:150px;} #m_contents #m2_con22 li{width:50%; float:left;font-size:14px;height:150px;} #m_contents #m2_con22 li p{font-size:16px;color:#000;padding-top:100px;text-align:center;} #m_contents #m2_con22 li.bg3{background:#0b1a55 url('/renew/img/main/m2_bg3_icon.png')no-repeat 50% 35%;} #m_contents #m2_con22 li.bg4{background:#fdb813 url('/renew/img/main/m2_bg4_icon.png')no-repeat 50% 35%;} #m_contents #m2_con23 {position:relative;width:100%; border:0px solid #F00;background:#fff; height:170px;margin-top:2px;padding-top:20px;margin:0 auto;text-align:center;} #m_contents #m2_con23 li{text-align:center; display:inline-block;} #m_contents #m2_con23 li.m2_con23_left {position:absolute; top:50%; left:0; margin-top:-6px;margin-left:10px;width:11px;} #m_contents #m2_con23 li.m2_con23_center {width:320px;margin:15px auto; border:0px solid #000;} #m_contents #m2_con23 li.m2_con23_right {position:absolute; top:50%; right:0; margin-top:-6px;margin-right:10px;width:11px;} /** 서비스 **/ .svbnr_container { position:relative;width:318px; height:180px; border:0px solid #f00;overflow:hidden;} .svbnr_container div.bnrs {position:absolute; border:0px solid #f00; overflow:hidden; display:none; width:318px; height:180; box-sizing:border-box;} .svbnr_container div.btn_on {background-color:#fff; color:#000} .svbnr_container div .icon1 {width:313px; height:115px; background:url(/img/main/service_icon1.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon2 {width:313px; height:115px; background:url(/img/main/service_icon2.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon3 {width:313px; height:115px; background:url(/img/main/service_icon3.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon4 {width:313px; height:115px; background:url(/img/main/service_icon4.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon5 {width:313px; height:115px; background:url(/img/main/service_icon5.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon6 {width:313px; height:115px; background:url(/img/main/service_icon6.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon7 {width:313px; height:115px; background:url(/img/main/service_icon7.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon8 {width:313px; height:115px; background:url(/img/main/service_icon8.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon9 {width:313px; height:115px; background:url(/img/main/service_icon9.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon10 {width:313px; height:115px; background:url(/img/main/service_icon10.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon11 {width:313px; height:115px; background:url(/img/main/service_icon11.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon12 {width:313px; height:115px; background:url(/img/main/service_icon12.jpg); margin:0 auto; margin-bottom:18px} .svbnr_container div .icon13 {width:313px; height:115px; background:url(/img/main/service_icon13.jpg); margin:0 auto; margin-bottom:18px} #SVBNR_slidesw_left, #SVBNR_slidesw_right {cursor:pointer} #m_contents #m3 {position:relative;width:100%; z-index:1; border:0px solid #F00;} #m_contents #m3 #m3_con {position:relative; margin:0 auto;margin-top:20px;width:98%; border:0px solid #F00;overflow:hidden;} #m_contents #m3 #m3_con:after {clear:both; display:block; content:"";} #m_contents #m3 #m3_con .line {border-top:2px solid #818793; width:auto;} #m_contents #m3 #m3_con #notice {position:relative;width:100%; height:130px; background:#ebeef3;} #m_contents #m3 #m3_con #notice .n_title{position:absolute; top:5px; left:5px; background:#45484d url('/renew/img/main/notice_icon.png')no-repeat 20px 50%;float:left;width:100%;height:50px;} #m_contents #m3 #m3_con #notice .n_title p{font-size:16px;color:#fff;text-align:left;padding-left:50px;padding-top:15px;} #m_contents #m3 #m3_con #notice #notice_m{width:100%; height:60px; border:0px solid #F00;float:left;padding-top:70px;} #m_contents #m3 #m3_con #notice #notice_m li{height:80px; margin:10px; color:#808080;} #m_contents #m3 #m3_con #notice #notice_m li div {padding:0px; margin:0px} #m_contents #m3 #m3_con #notice #notice_m li a{font-size:15px; color:#808080; text-decoration:none;} #m_contents #m3 #m3_con #notice #notice_m li a.subject {font-weight:bold} #m_contents #m3 #m3_con #notice #notice_m li.more {position:absolute;right:0;top:75px;width:55px; height:30px; border:0px solid #F00; background:url(/img/main/bulet_tri.gif) no-repeat 90% 20%} #m_contents #m3 #m3_con #notice #account{display:none;width:40%; height:45px; border:0px solid #F00;float:right;padding-top:35px;margin-right:1%;} #m_contents #m3 #m3_con #notice #account li{float:left;margin-right:20px;font-size:16px;} #m_contents #m3 #m3_con #notice #account li.fs13{font-size:12px;} #m_contents #m3 #m3_con #guide {position:relative;width:98%;margin-top:10px;border:0px solid #f00;} #m_contents #m3 #m3_con #guide .m3_h1{padding-top:20px; font-size:30px;line-height:120%;text-align:center;padding-bottom:10px;} #m_contents #m3 #m3_con #guide #guide_m{width:99%;float:left;border:0px solid #f00;overflow:hidden;} #m_contents #m3 #m3_con #guide #guide_m li{float:left;margin:0px 3%; margin-bottom:6px; border:1px solid #d0d0d0;width:68%;height:40px; line-height:40px;} #m_contents #m3 #m3_con #guide #guide_m li a{font-size:14px; font-family:'nanumsquareround', '나눔스퀘어라운드';color:#333} #m_contents #m3 #m3_con #guide #guide_m li.g_bg1{padding:2% 0px 0px 27%;background:url('/renew/img/main/guide_icon1.png')no-repeat 15% 45%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg2{padding:2% 0px 0px 27%;background:url('/renew/img/main/guide_icon2.png')no-repeat 15% 45%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg3{padding:2% 0px 0px 27%;background:url('/renew/img/main/guide_icon3.png')no-repeat 15% 45%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg4{padding:2% 0px 0px 27%;background:url('/renew/img/main/guide_icon4.png')no-repeat 15% 45%;} #m_contents #m3 #m3_con #guide #guide_m li.g_bg5{padding:2% 0px 0px 27%;background:url('/renew/img/main/guide_icon5.png')no-repeat 15% 45%;} #m_contents #m4 {position:relative;width:100%; height:166px; z-index:1;margin-top:20px; border:0px solid #F00;overflow:} #m_contents #m4 #m4_con {position:relative; margin:0 auto;width:100%; border:0px solid #F00;height:166px;text-align:center; overflow:hidden;} #m_contents #m4 #m4_con .t1{color:#fff;font-size:24px;line-height:100%;text-align:center;} #m_contents #m4 #m4_con .t2{color:#fff;font-size:30px;line-height:150%;text-align:center;} #m_contents #m4 #m4_con .t3{color:#fff;font-size:24px;line-height:100%;} #m_contents #m4 #m4_con .r_banner{position:absolute;top:0px; width:94%;padding:4% 3%;border:0px solid #F00;text-align:center; background:#000; overflow:hidden;} #m_contents #m4 #m4_con .r_banner p{color:#fff;font-size:17px;line-height:150%;padding-top:10px;text-align:center;} .mobile-btns {background-color:#d9dce4; display:block} .mobile-btns:after {clear:both; display:block; content:"";} .mobile-btns li {float:left; width:33.3%; border-right:1px solid #fff; box-sizing:border-box; text-align:center} .mobile-btns li:nth-child(3) {border-right:0px} .mobile-btns li a {display:block; font-size:15px; color:#000; text-decoration:none; padding:10px 0px;} .mobile-btns li a p {font-size:15px; color:#000; padding-top:5px} #sitemap_wrab {display: none;} /* 공통 카피라이트 */ #copyright {position:relative; width:100%; height:auto; z-index:2; padding-bottom:10px; background:url('/renew/img/comm/bottom_bg.gif');border:0px solid #f00;} #bottom {position:relative; width:100%; height:auto; z-index:2; border:0px solid #333; padding-bottom:10px} #bottom-m-box {width:auto; margin:0 auto;} #bottom-m-box #bottom_m{position:relative; border:0px solid #F00; width:100%; margin:0 auto; padding-bottom:50px; background:url('/renew/img/comm/copy_logo.png') no-repeat 0% 100%;} #bottom-m-box #bottom_m ul{position:relative; padding:15px 0px; z-index:2; border:0px solid #F00; overflow:hidden;float:left;} #bottom-m-box #bottom_m:after {clear:both; display:block; content:"";} #bottom-m-box #bottom_m li{float:left; padding:0px 7px; font-size:13px; background-image:url("/renew/img/comm/bottom_line.gif");background-position:100% 4px;background-repeat:no-repeat;color:#fff; border:0px solid #F00;} #bottom-m-box #bottom_m li a{color:#fff; border:0px solid #F00;} #copy-box {position:relative;padding-top:30px; width:auto; padding-bottom:10px; margin-bottom:15px;} #copy-box #copy {position:relative; width:98%; margin:0 auto; color:#fff;font-size:13px; z-index:2; text-align:left;line-height:160%;} #b_icon_box {position:absolute; top:180px; right:20px; width:140px; height:25px; border:0px solid #f00;} #b_icon_box #b_icon { height:25px; z-index:2; border:0px solid #f00;} #b_icon_box #b_icon li{float:left; padding:0px 3px; } .copy-bottom {position:relative; width:98%;height:30px; margin:0 auto; font-size:14px;color:#888888;} .scroll-top { background: #fff none repeat scroll 0 0; bottom: 130px; display:block; font-size: 14px; position: fixed; right: 20px; text-align: center; opacity:0.9; z-index: 9999999;} .scroll-top a { color:#000; text-decoration:none !important; width:40px; height:40px; line-height: 40px; display:block;} .bs1 {background-image:url(/renew/img/main/mainimg1_m.jpg); background-position:} .bs2 {background-image:url(/renew/img/main/mainimg2_m.jpg); background-position:} .bs3 {background-image:url(/renew/img/main/mainimg3_m.jpg); background-position:} .bs4 {background-image:url(/renew/img/main/mainimg4_m.jpg); background-position:} .bs5 {background-image:url(/renew/img/main/mainimg5_m.jpg); background-position:} .text1 {position:absolute; color:#68686a; font-size:18px; font-weight:; top:30px; left:16px} .text2 {position:absolute; color:#6470aa; font-size:27px; font-weight:bold; top:55px; left:16px; line-height:120%} .text3 {position:absolute; color:#555555; font-size:14px; font-weight:400; top:125px; left:20px; line-height:120%; letter-spacing:0px} .text4 {position:absolute; color:#555555; font-size:14px; font-weight:400; top:155px; left:20px; line-height:120%; letter-spacing:0px} #telephone{position:relative; padding:30px; background-color:#fff;} .tel1{color:#000;font-size:28px;height:40px; border-bottom:1px solid #3a4653;line-height:140%; } .tel3{color:#838e9b;font-size:14px; padding:10px 0px;line-height:140%;} /* 서브 */ .buga {position:relative;width:100%;display:flex; flex-wrap:wrap;} .buga dl{width:89%; padding:5%; text-align:center; font-size:15px;border:1px solid #e1e1e1;} .buga dt{padding:5% 0;} .buga dd{padding:1% 5%;} .tab_new2{position:relative; width:100%; height:230px; margin:10px 0;overflow:hidden;border:0px solid #f00;} .tab_new2 li{float:left; width:47%; margin-right:1%; margin-bottom:2%; text-align:center; border:1px solid #e1e1e1;font-size:14px;} .tab_new2 li a{display:block; padding:15px 0;text-decoration:none;} .tab_new2 li.on{display:block;border:1px solid #166fda;color:166fda;box-shadow:1px 15px 20px #ddd;-webkit-box-shadow:1px 15px 20px #ddd;-moz-box-shadow:1px 15px 20px #ddd;} .bz_img{margin-top:50px;width:100%;} .bz_img img{width:100%;} #right #right_con .ft25 {font-size:20px;} #right #right_con .ft30 {font-size:20px;} #right #right_con .ft32 {font-size:25px; color:#3366cc} #right #right_con .cont_heading .title5{font-size:25px;line-height:140%;color:#0a4aa2;font-weight:400;} #right #right_con .view_heading .title6{font-size:18px;line-height:140%;color:#0a4aa2;font-weight:400; padding-top:15px} .resp-img {width:100%; height:auto} #sub_wrab { position:relative; width:100%; z-index:1; border:0px solid #F00; background-color:#fff;} #location { display:none} #s_contents {position:relative; width:auto; margin:0 auto; overflow:hidden; z-index:1; border:0px solid #F00; padding-left:5px; padding-right:5px; font-size:14px} #left { display:none; width:200px; z-index:3; border:0px solid #F00; left:0px; top:20px; margin-top:0px;} #right { position:relative; width:100%; height:100%; z-index:3; border:0px solid #F00; margin-left:0px; margin-top:10px;} /*#right h2{position:relative; width:auto; color:#333; font-size:23px; line-height:200%;}*/ #right .page_title {position:relative; width:auto; color:#333; font-size:23px; line-height:200%;} #right #right_con{ position:relative; padding:0px; margin-bottom:20px; width:auto; padding-left:5px; padding-right:5px; z-index:3; border:0px none; border-top:1px solid #d7d7d7; padding-top:20px; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; font-size:14px} #right #right_con #s01 img {width:100%;} #right #right_con .title {position:relative; color:#333; font-size:20px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:15px; font-weight:400;} #right #right_con .title2 {position:relative; color:#333; font-size:22px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:40px; font-weight:400;} #right #right_con .title3 {position:relative; color:#333; font-size:18px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif; line-height:200%;margin-top:40px; background:url('/img/sub/h3bg02.png')no-repeat;} #right #right_con .title5 {position:relative;color:#333; font-size:24px;margin-top:40px; font-weight:400;} #right #right_con p{ position:relative;color:#777; font-size:14px; line-height:22px; z-index:3; border:0px solid #F00; font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} .quick {display:none} .img_100 img {width:100%;} #right #right_con table.table2-new {border:0px none} #right #right_con table.table2-new td {display:block; border:1px solid #dfdfdf; background-color:#f6f6f6; margin-bottom:15px;} #right #right_con table.table2-new td .tb-title {font-weight:bold; color:#333; border:0px none; padding:15px 0px 0px 20px; text-align:left; font-size:18px} #right #right_con table.table2-new td ul {padding:10px 20px;} #right #right_con table.table2-new td ul.sv-list {} #right #right_con table.table2-new td ul.sv-list:after {clear:both; display:block; content:"";} #right #right_con table.table2-new td ul.sv-list li {float:left; background:url(); padding:0px; padding-right:10px; color:#333} #right #right_con .table1-re {border-top:1px solid #666666; border-right:1px solid #f0f0f0;} #right #right_con .table1-re td {display:block;} #right #right_con .table1-re td ul {padding:20px 10px 20px 20px;} #right #right_con .table1-re li{background-image:url("/renew/img/sub/bulet_gray.gif");background-repeat:no-repeat; background-position:0px 10px; padding:2px 2px 2px 10px;color:#777;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table1-re td .t-title {text-align:center; font-weight:bold; color:#000; background-color:#f6f6f6; font-size:13px; border-bottom:1px solid #cccccc;padding:13px 0px;} #right #right_con #s04_1 {position:relative; width:auto;} #right #right_con #s04_1:after {clear:both; display:block; content:"";} #right #right_con #s04_1 li{width:93%;} #right #right_con #s04_1 li span {padding-top:15px;padding-bottom:15px;} #right #right_con #s04_1 li p {padding-top:15px;} #right #right_con #s04_1 li .ar-icon {top:80px;} #right #right_con .s01_aa {position:relative; margin-top:0px;overflow:hidden;} #right #right_con .s01_aa li{ float:none; width:auto; margin-right:0px; margin-top:15px;} #right #right_con .s01_aa li span{width:250px;height:30px;border-radius:20px;background-color:#5057f4;color:#fff;padding:10px;font-size:14px;text-align:center;border:1px solid #5057f4;} #right #right_con .s01_aa li div {padding:10px !important; height:auto !important} #right #right_con .s01_aa li p {padding:5px !important;} .box { position:relative; width:auto; margin:0 auto; background-color:#f6f6f6; padding:20px; z-index:10; border:1px solid #dfdfdf;} .box2 { position:relative; width:auto; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; padding:10px; z-index:10;} .box2 li img {width:100%; max-width:28px;} .box3 { position:relative; width:auto; border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; background-color:#fafafa; padding:10px; z-index:10;} .box3 li {position:relative; background-image:url("/renew/img/sub/bulet_orange.gif");background-repeat:no-repeat; background-position:0px 50%; padding:7px 2px 2px 13px; color:#555; font-size:13px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con #s01_1{ position:relative; background-image:url();background-repeat:no-repeat; width:auto; height:auto; z-index:3; overflow:auto; margin-bottom:30px;} #right #right_con #s01_1 #s01_11{ position:relative; padding-top:0px;} #right #right_con #s01_1 #s01_11:after {clear:both; display:block; content:"";} #right #right_con #s01_1 #s01_11 li{ width:auto; float:none; margin-right:2%; box-sizing:border-box; margin-top:10px !important; border:1px solid #dddddd; background-color:#eeeeee; padding:0px !important; padding:10px 8px !important} #right #right_con #s01_1 #s01_11 li span{font-size:18px;line-height:180%;color:#4563a1;} #right #right_con #s01_1 #s01_11 li li{ background-image:url("/renew/img/sub/bulet_gray.gif"); float:none; width:auto; border:0px none; margin:0px !important; padding:0px !important; padding-left:10px !important; background-position:3px 5px;background-repeat:no-repeat; padding-bottom:3px !important; color:#777;} #right #right_con #s01_21{ position:relative; padding-top:0px; overflow:none;} #right #right_con #s01_21:after {clear:both; display:block; content:"";} #right #right_con #s01_21 li{ padding:10px 10px 10px 120px; width:auto; min-height:130px; float:none; position:relative; margin-right:0px !important; box-sizing:border-box; border:1px solid #e5e5e5;text-align:left; margin-top:0px; ;margin-bottom:15px;color:#999;} #right #right_con #s01_21 p {position:absolute; left:10px; top:10px;} #right #right_con #s01_21 li span{font-size:16px;line-height:180%;color:#333;} /** 서비스 안내 도입효과 **/ #right #right_con .sub2-table {border-top:1px solid #666666; border-right:1px solid #f0f0f0;} #right #right_con .sub2-table th {text-align:center; border-bottom:1px solid #cccccc;padding:10px 0px; width:20px} #right #right_con .sub2-table td {border-left:1px solid #f0f0f0; font-size:13px; border-bottom:1px solid #cccccc; padding:7px; color:#777;line-height:180%; vertical-align:top} #right #right_con .sub2-table li {background-image:url("/renew/img/sub/bulet_gray.gif");background-repeat:no-repeat; background-position:0px 12px; padding:2px 2px 2px 10px;color:#777;} /** 신청하기 **/ #btn-div {display:none} #right #right_con .table1-new {} #right #right_con .table1-new th {float:left; width:100%; box-sizing:border-box; text-align:left; padding:0px; background-color:#fff; border-bottom:0px none; border-left:1px solid #f0f0f0; padding-left:10px; padding-top:5px } #right #right_con .table1-new td {float:left; width:100%; box-sizing:border-box; padding:0px; padding-top:3px; padding-left:5px; padding-bottom:5px} #right #right_con .tform {height:auto} #right #right_con .sub1-3-table {border:0px none;} #right #right_con .sub1-3-table td {vertical-align:top; padding:10px; padding-top:5px; padding-left:25px; color:#555; background-color:#f6f6f6; display:block; margin-bottom:10px; border:1px solid #dfdfdf; border-top:1px solid #333} #right #right_con .sub1-3-table .img-td {width:30%; display:none} #right #right_con .sub1-3-table .img-td img {width:100%; height:auto} #right #right_con .sub1-3-table td .title2 {display:block; padding:0px; margin:0px; text-align:center; line-height:100%; padding-top:15px; margin-bottom:10px;} #right #right_con .sub1-3-table td b {background:url("/renew/img/sub/bulet_orange.gif") no-repeat 0 10px; padding-left:10px; display:block; color:#555; margin-left:-10px;} #right #right_con .sub1-3-table td .lpd53 {padding:0px} #right #right_con .sub1-3-table td .lpd110 {padding:0px} #right #right_con .sub1-3-table td .s-ttle {margin-left:-5px} #right #right_con .s01_4{ position:relative; padding-top:0px; border-top:1px solid #ddd; border-left:1px solid #ddd; margin-bottom:20px;} #right #right_con .s01_4:after {clear:both; display:block; content:"";} #right #right_con .s01_4 li{position:relative; float:left; box-sizing:border-box; width:50%; padding:20px 0px; z-index:1; text-align:center; border:0px none !important; border-right:1px solid #ddd !important; border-bottom:1px solid #ddd !important;} #right #right_con .s03_top{position:relative;width:100%; overflow:hidden;margin-top:-40px;} #right #right_con .s03_top p {} #right #right_con .s03_top .s03_img{display:none} #right #right_con .s03_top .s03_img2{display:none} #right #right_con .s03_top .s03-btn {position:relative;width:100%;} #right #right_con .s03_top .s03-btn li {margin-right:2%; width:49%;margin-bottom:1%;} #right #right_con .table2 {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; position:relative;} #right #right_con .table2 th.none, .table2 td.none {border-left:0px solid #f0f0f0;font-size:13px;} #right #right_con .table2 .ttle {width:100px} #right #right_con .table2 .ttle2 {width:125px} #right #right_con .table2 th {font-weight:bold; color:#333; font-size:15px; border-bottom:1px solid #ededed; border-right:1px solid #dcdcdc; padding:10px 0px;} #right #right_con .table2 td {font-size:12px; color:#777; border-right:1px solid #dcdcdc; border-bottom:1px solid #ededed;padding:5px 3px; vertical-align:top;} #right #right_con .table2 span {font-weight:bold; color:#333; font-size:15px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td .phone{font-weight:bold; color:#ee4f57;font-size:30px;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;padding-top:30px; padding-bottom:10px; text-align:center;} #right #right_con .table2 li{background-image:url("/renew/img/sub/bulet_orange.gif");background-repeat:no-repeat; background-position:2px 8px; padding:2px 2px 2px 10px;color:#777;font-family: system-ui, -apple-system, "Apple SD Gothic Neo", "Malgun Gothic", Arial, sans-serif;} #right #right_con .table2 td .tt{color:#4563a1;font-size:13px;font-weight:normal;} #right #right_con .table2 dt{float:none;margin-top:10px; border:0px solid #f00; text-align:center;} #right #right_con .table2 dd{float:none;margin-top:10px; margin-left:0px; text-align:center;} #right #right_con .table2 dt img {width:100%; max-width:77px;} #right #right_con .sub3-table td {box-sizing:border-box; float:left; display:block; width:50% !important} #right #right_con .sub3-table td {box-sizing:border-box; float:left; display:block; width:50% !important} #right #right_con .sub3-table td:nth-child(2) {border-right:0px none} #right #right_con .sub3-table td:nth-child(3) {border-bottom:0px none} #right #right_con .sub3-table td:nth-child(4) {border-bottom:0px none} #right #right_con .sub3-table td dt {margin-top:0px} #right #right_con .sub3-table2 {border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc; position:relative;} #right #right_con .sub3-table2 td {color:#777; border-right:0px solid #dcdcdc; border-bottom:1px solid #ededed;padding:10px 20px;vertical-align:top;} #right #right_con .sub3-table2 dl {position:relative;} #right #right_con .sub3-table2 dt{position:absolute; left:0px; left:0px; margin:0px; border:0px solid #f00; text-align:center;} #right #right_con .sub3-table2 dd{padding-left:90px; margin-top:10px; min-height:100px; margin-left:0px; text-align:left;} .view_heading{height:auto; line-height:46px; padding-left:15px; border-top:2px solid #535353; overflow:hidden;} .view_heading>h5{float:left; font-size:14px; color:#2686c8;} .view_heading .customer{overflow:hidden; float:right;} .view_heading .customer .name{float:left;} .view_heading .customer .group{float:left;} #right #right_con #s05_sucess {position:relative;width:auto; border-top:2px solid #313131; height:auto; border-left:1px solid #d6d6d6} #right #right_con #s05_sucess li{float:left; box-sizing:border-box; width:33.3%; height:50px; border:0px solid #f00 !important; position:relative; padding:0px; text-align:center; background-color:#fff; color:#777; border-right:1px solid #d6d6d6 !important; border-bottom:1px solid #d6d6d6 !important} #right #right_con #s05_sucess li span {border:0px solid #f00; width:100%; display:block; position:absolute; top:0px; padding:9px 0px} #right #right_con #s05_sucess li div {display:none} #right #right_con #s05_sucess li img {display:none} #right #right_con #s05_sucess .on{position:relative;box-sizing:border-box;height:50px; width:33.3%; background-image:url(); background-color:#eee; background-repeat:no-repeat; } #right #right_con #s05_sucess a{color:#555;font-weight:normal; text-align:center;} #right #right_con #s05_sucess li span{font-size:16px;line-height:200%;color:#333;font-weight:normal; text-align:center;} #right #right_con .s06_8{ position:relative; padding-top:10px; border:0px solid #f00; width:100%;} #right #right_con .s06_8 li {position:relative; float:none; width:auto; height:130px; margin-right:0px; margin-bottom:20px; padding:10px 0px 20px 20px; z-index:1; border:1px solid #ddd; background-position:98% 25px !important;background-size:30%;} #right #right_con .s06_8 li span{font-size:22px;line-height:180%;color:#333;} #right #right_con .s06_8 div {background-size:25%;} .s05_btn{position:relative;border:1px solid #999; background-color:#fff; padding:10px 30px; width:70px; margin:10px 10px 0px 0px; overflow:hidden; background-image:url("/renew/img/sub/btn_arrow.gif");background-repeat:no-repeat; background-position:90px 13px;float:left; background-size:10%;} .s05_btn a{font-size:14px; text-align:center;} #bbs-wrap .bbs-read .bbs-read-body img {width:100%} .bz_svc{position:relative;width:100%;border:1px solid #ddd;overflow:hidden;} .bz_svc li{float:left;width:25%;margin:2% 0;padding:1% 3%; border-right:1px solid #eee;text-align:center;} } #sitemap_wrab2 {position:relative; width:100%; height:360px; min-width:1400px; z-index:5; border:1px solid #c2c2c2;} #sitemap_wrab2 #sitemap {position:relative; margin:0 auto; width:1200px; height:360px; padding-top:35px; border:0px solid #F00;} #sitemap_wrab2 #sitemap .sitemap_1 {position:relative; width:185px; height:278px; padding-left:45px; border-right:1px solid #ebecee; float:left;} #sitemap_wrab2 #sitemap .sitemap_1 h2 a{color:#000;padding-bottom:20px; border:0px solid #F00;} #sitemap_wrab2 #sitemap .sitemap_1 li{padding-bottom:5px;font-size:13px;} #sitemap_wrab2 #sitemap .sitemap_1 li a{color:#777;} #sitemap li a {font-size:1.17em;} /* ===== m4 전용 새 CSS ===== */ #m4 { padding: 70px 0; } /* m4 전체 래퍼: 좌우 2열 정렬 */ #m4_con.m4-wrap { max-width: 1200px; margin: 0 auto; padding: 0 40px; box-sizing: border-box; display: flex !important; justify-content: space-between; align-items: center; text-align: left !important; } /* 왼쪽 텍스트 영역 */ #m4_con.m4-wrap .m4-text { flex: 1 1 auto; margin-right: 40px; color: #ffffff !important; } #m4_con.m4-wrap .m4-text-1 { margin: 0 0 12px; font-size: 24px; font-weight: 400; } #m4_con.m4-wrap .m4-text-2 { margin: 0; font-size: 36px; font-weight: 600; line-height: 1.4; } /* 오른쪽 상담 박스 */ #m4_con.m4-wrap .m4-box { flex: 0 0 380px; /* 박스 넓이 크게 고정 */ padding: 26px 32px; background: #000000; color: #ffffff !important; border-radius: 6px; box-sizing: border-box; text-align: left; position: relative !important; top: auto !important; right: auto !important; margin: 0 !important; } /* 박스 안 텍스트 정렬 */ #m4_con.m4-wrap .m4-box-title { margin: 0 0 10px; font-size: 22px; font-weight: 600; line-height: 1.4; white-space: nowrap; /* '효성CMS 상담센터' 한 줄 */ } #m4_con.m4-wrap .m4-box-tel { margin: 0 0 8px; font-size: 26px; font-weight: 700; white-space: nowrap; /* 1599-1524 한 줄 */ } #m4_con.m4-wrap .m4-box-desc { margin: 0; font-size: 14px; line-height: 1.5; } /* 태블릿/모바일: 위/아래로 쌓이게 */ @media (max-width: 1024px) { #m4_con.m4-wrap { flex-direction: column; align-items: flex-start; padding: 40px 20px; } #m4_con.m4-wrap .m4-text { margin-right: 0; margin-bottom: 20px; } #m4_con.m4-wrap .m4-box { width: 100%; } } /* ===== m4 영역 최종 오버라이드 (hsx 메인) ===== */ #m_contents #m4 { height: auto; margin-top: 80px; padding: 80px 0; overflow: hidden; } #m_contents #m4 #m4_con { position: relative; margin: 0 auto; width: 1200px; padding: 0 40px; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; text-align: left; color: #fff; } /* 왼쪽 텍스트 */ #m_contents #m4 #m4_con .m4-text { flex: 1 1 auto; } #m_contents #m4 #m4_con .m4-text-1 { margin: 0 0 10px; font-size: 24px; font-weight: 400; } #m_contents #m4 #m4_con .m4-text-2 { margin: 0; font-size: 36px; font-weight: 600; line-height: 1.4; } /* 오른쪽 상담 박스 */ #m_contents #m4 #m4_con .m4-box { flex: 0 0 360px; padding: 24px 30px; background: #000; border-radius: 6px; box-shadow: 0 0 15px #16224d; box-sizing: border-box; text-align: left; } /* 박스 내부 텍스트 */ #m_contents #m4 #m4_con .m4-box-title { margin: 0 0 10px; font-size: 22px; font-weight: 600; line-height: 1.4; white-space: nowrap; } #m_contents #m4 #m4_con .m4-box-tel { margin: 0 0 8px; font-size: 28px; font-weight: 700; white-space: nowrap; } #m_contents #m4 #m4_con .m4-box-desc { margin: 0; font-size: 14px; line-height: 1.6; } /* 태블릿/모바일 대응 */ @media (max-width: 1024px) { #m_contents #m4 { padding: 50px 0; } #m_contents #m4 #m4_con { width: 100%; padding: 0 20px; flex-direction: column; align-items: flex-start; } #m_contents #m4 #m4_con .m4-text { margin-bottom: 20px; } #m_contents #m4 #m4_con .m4-box { width: 100%; } } /* ===== m4 영역 오버라이드 끝 ===== */ #m_contents #m4 * { color: #ffffff !important; }