/* ---------------------------------------------------------------------------------------------------- Site :FAXTIME Version : 2017.02 ---------------------------------------------------------------------------------------------------- */ .mainWrap{ position:relative;min-width:1109px;min-height:393px;height:100%!important ; overflow:hidden;top:-28px; z-index:11 } .mainWrap .mwrap{ width:1109px; margin:auto} .mwrap .main_mlink{ position:absolute; width:178px; height:393px; background:url(../../images/main/main_mlink_bg.png); z-index:70;; padding:25px 5px 5px 15px; margin-left:910px} .mwrap .main_mlink a{ width:165px; height:67px;font-size:15px; font-weight:bold; color:#fff; display:inline-block;opacity: none; z-index:90 ; margin:auto } .mwrap .main_mlink a:hover{ color:#505153; } .mwrap .main_mlink a span{width:80px; line-height:20px; margin-top:10px; margin-left:80px; display:inline-block} .mwrap .main_mlink a span:hover{background:url(../../images/main/main_mlink_arr.png) no-repeat right center} .mwrap .main_mlink .dilne{width:162px; height:2px; background:url(../../images/main/main_mlink_dine.png) no-repeat center 0; display:inline-block; margin:11px 0 11px 0} .mwrap .main_mlink .mlink01{ background:url(../../images/main/main_mlink.png) no-repeat 0 0;} .mwrap .main_mlink .mlink01:hover{ background:url(../../images/main/main_mlink.png) no-repeat 0 -501px;} .mwrap .main_mlink .mlink02{ background:url(../../images/main/main_mlink.png) no-repeat 0 -101px;} .mwrap .main_mlink .mlink02:hover{ background:url(../../images/main/main_mlink.png) no-repeat 0 -602px;} .mwrap .main_mlink .mlink03{ background:url(../../images/main/main_mlink.png) no-repeat 0 -225px;} .mwrap .main_mlink .mlink03:hover{ background:url(../../images/main/main_mlink.png) no-repeat 0 -726px;} .mwrap .main_mlink .mlink04{ background:url(../../images/main/main_mlink.png) no-repeat 0 -368px;} .mwrap .main_mlink .mlink04:hover{ background:url(../../images/main/main_mlink.png) no-repeat 0 -869px;} .sectionWrap{ position:absolute; left:0; top:0px; width: 100%;} .section{ position:relative;} .section .sectionCon{ position:absolute;left:50%;top:50%;width:1109px; height: 393px;margin:-200px 0 0 -550px; } .small .section .sectionCon{height: 393px; } .section00{ } .section00 .section00Wrap{ overflow: hidden;width:100%;height:100% ; position: relative;} .section00 .section00Wrap ul{ width: 1000000px;height:100%;} .section00 .section00Wrap ul li{ float: left;height:393px; } .section00 .section00Wrap ul li.bg1{background:url(../../images/main/visual_img_01.gif) no-repeat center center;} .section00 .section00Wrap ul li.bg2{background:url(../../images/main/main_fall_banner.jpg) no-repeat center center;} .section00 .section00Wrap ul li.bg3{background:#17729e} .section00 .section00Wrap ul li.bg4{background:url(../../images/main/main_summer_back.jpg) no-repeat center center;} .section00 .bg1 .sectionCon{ background: url(../../images/main/main_img_01.jpg) no-repeat 0 center} /*.section00 .bg2 .sectionCon{ background: url(../../images/main/main_img_02.jpg) no-repeat 0 center}*/ .section00 .bg3 .sectionCon{ background: url(../../images/main/main_img_03.jpg) no-repeat 0 center} .section00 .txt{ display: none;} .section00 .btn_main_down{ display: block; position: absolute; left: 50%;bottom:40px;margin:0 0 0 -45px;} .section00 .btn_prev{ display:block; position:absolute;left:50%;top:50%;margin:-45px 0 0 -585px;} .section00 .btn_next{ display:block; position:absolute;right:50%;top:50%;margin:-45px -585px 0 0px;} .section00 .mainBtnArea{ position: absolute;left:-500px;top:325px;width:100%; text-align:center;} .section00 .mainBtnArea .paging{ display:inline-block;} .section00 .mainBtnArea .paging a{ display:block; float:left; background:url(../../images/main/mainDotSet.png) no-repeat; overflow:hidden; text-indent:-9999px; width:10px;height:10px; background-position:-25px 0;margin:0 7px; border:0} .section00 .mainBtnArea .paging a.on{background-position:0 0;} .section00 .mainBtnArea .btn_play{ display:inline-block; background:url(../../images/main/mainDotSet.png) no-repeat; overflow:hidden; text-indent:-9999px; width:10px;height:10px; background-position:-63px 0;margin:0 7px;} .section00 .mainBtnArea .btn_play.on{background-position:-50px 0;} .section00 .mainBtnArea .btn_play a{ display:block;width:100%;height:100%;} /*myfaxtime*/ .myfaxtime_wrap{width:100%; height:96px; text-align:center; } .myfaxtime{ width:1109px; margin:auto;display:inline-block; text-align:left} .myfaxtime.popset{ width:100%; margin:auto;display:inline-block;} .myfaxtime ul{ width:100%; margin-top:15px } .myfaxtime ul.setall{ width:610px; display:inline-block; } .myfaxtime ul li{ width:158px; float:left; margin-right:20px} .myfaxtime ul li.mset{ width:140px; float:left; } .myfaxtime ul li.ftit{ width:140px;font-size:20px; color:#121212; margin-right:0 } .myfaxtime ul li.ftit a.setting{ width:54px; height:18px; background: url(../../images/main/myf_setting.gif) no-repeat 0 0; display:inline-block; margin-top:5px; border:none;border-radius:0px;} .myfaxtime ul li.ftit a.setting:hover{background: url(../../images/main/myf_setting.gif) no-repeat 0 -42px;} .myfaxtime ul li a {width:155px; height:85px;color:#88898e;display:inline-block;border:solid 1px #d3d3d3; border-radius:5px; } .myfaxtime ul li a:hover{ color:#F90;border:solid 1px #eea201;} .myfaxtime ul li a.mainset{ border:none; margin-top:-10px} .myfaxtime ul li a.mainset:hover{border:none} .myfaxtime ul li a.on { color:#F90;border:solid 1px #eea201;} .myfaxtime ul li a span{ margin:25px 0 0 82px ;font-size:14px; font-weight:600; display:inline-block; line-height:18px} .myfaxtime ul li a span.tex01{margin:35px 0 0 82px } .myfaxtime ul li a span.tex02{margin:25px 0 0 75px } .myfaxtime ul li a.send_fax{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px 12px; } .myfaxtime ul li a.send_fax:hover, .myfaxtime ul li a.send_fax.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px 12px; } .myfaxtime ul li a.send_sms{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -107px; } .myfaxtime ul li a.send_sms:hover,.myfaxtime ul li a.send_sms.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -107px; } .myfaxtime ul li a.send_kkao{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -240px; } .myfaxtime ul li a.send_kkao:hover,.myfaxtime ul li a.send_kkao.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -240px; } .myfaxtime ul li a.result_sms{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -477px; } .myfaxtime ul li a.result_sms:hover,.myfaxtime ul li a.result_sms.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -477px; } .myfaxtime ul li a.result_fax{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -596px; } .myfaxtime ul li a.result_fax:hover,.myfaxtime ul li a.result_fax.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -596px; } .myfaxtime ul li a.rec_fax{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -729px; } .myfaxtime ul li a.rec_fax:hover,.myfaxtime ul li a.rec_fax.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -729px; } .myfaxtime ul li a.address_group{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -848px; } .myfaxtime ul li a.address_group:hover,.myfaxtime ul li a.address_group.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -848px; } .myfaxtime ul li a.address_person{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -980px; } .myfaxtime ul li a.address_person:hover,.myfaxtime ul li a.address_person.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -980px; } .myfaxtime ul li a.refill{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -1099px; } .myfaxtime ul li a.refill:hover,.myfaxtime ul li a.refill.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -1099px; } .myfaxtime ul li a.remote{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 15px -1232px; } .myfaxtime ul li a.remote:hover,.myfaxtime ul li a.remote.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 15px -1232px; } .myfaxtime ul li a.timestamp{ background:url(../../images/main/myfaxtine_icon.gif) no-repeat 10px -1351px; } .myfaxtime ul li a.timestamp:hover,.myfaxtime ul li a.timestamp.on{ background:url(../../images/main/myfaxtine_icon_on.gif) no-repeat 10px -1351px; } /* faxtime_setting */ .popup_myfaxtime{ width:630px; height:680px;position: absolute; left: 50%; top: 34px; display: none;z-index:30;margin: -480px 0 0 -320px; background:#fff; } .popup_myfaxtime .myfaxtme_warp{ width:90%; padding:5%; margin:0 0 0 26px} .popup_myfaxtime .btnClose{ position:absolute; right:15px; top:15px;} .popup_myfaxtime .mtit{width:100%; height:40px; font-size:35px; color:#000; text-align:center; margin:20px 0 25px -26px} .popup_myfaxtime .btn_w{width:100%;text-align:center; margin:20px 0 0 -26px} .popup_myfaxtime .btn_ok{ font-size:16px; background-color:#53575b; color:#fff !important; font-weight:600; padding:12px 35px 12px 35px; display:inline-block; border-radius:3px } .popup_myfaxtime .btn_ok:hover{ background-color:#18191a} /*배너/공지사항*/ .main_cont2_wrap{width:100%; height:222px; text-align:center; background:url(../../images/main/main_bg01.gif); border-top: solid 1px #d1d1d1;border-bottom: solid 1px #d1d1d1} .main_cont2{width:1109px; margin:auto;display:inline-block; text-align:left} .main_cont2 .mbanner{width:641px; height:197px; border:solid 1px #cecece; background:url(../../images/main/main_ba01.gif) no-repeat; margin-top:10px; float:left} .main_cont2 .mnotice{width:447px; height:197px; border:solid 1px #cecece; margin:10px 0 0 15px;float:left; background-color:#fff} .main_cont2 .mnotice ul{ display:inline-block; margin:28px 0 0 35px} .main_cont2 .mnotice li{ width:390px; height:28px;} .main_cont2 .mnotice li img{ vertical-align:middle; margin:-2px 0 0 5px;} .main_cont2 .mnotice li.tit{ font-size:18px; font-weight:800; color:#000; margin-bottom:9px} .main_cont2 .mnotice li span{ color:#a1a7aa; float:right; display:inline-block} .main_cont2 .mnotice li a{ width:300px; font-size:14px; color:#53595d; line-height:27px; } .main_cont2 .mnotice li a:hover{ color:#000; text-decoration:underline; font-weight:600} .main_cont2 .mnotice .m_more{ width:20px; height:20px; background:url(../../images/main/m_more.gif) no-repeat 0 0; display:inline-block; float:right} .main_cont2 .mnotice .m_more:hover{ background-position:0 -56px} .main_cont2 .mnotice li.nlist a{ width:300px; font-size:14px; color:#53595d; line-height:27px; } .main_cont2 .mnotice li.nlist a:hover{ color:#000; text-decoration:underline; font-weight:600} .main_cont2 .mnotice li.ndate{width:80px; display:inline-block; float:right; color:#aeafaf; text-align:right} /*전화번호안내/요금안내*/ .main_cont3_wrap{width:100%; height:226px; text-align:center; } .main_cont3{width:1109px; margin:auto;display:inline-block; text-align:left} .mbtitle{ color:#179e99; font-size:18px; font-weight:800;} .main_cont3 .info_call{width:433px; height:200px; border:solid 1px #cecece;float:left; display:inline-block; margin-top:10px} .main_cont3 .info_call ul{display:inline-block; margin:28px 0 0 45px} .main_cont3 .info_call li{width:380px; height:28px;} .main_cont3 .info_call li.telnum{ height:44px; line-height:38px; font-size:33px; color:#179e99; font-weight:800; background:url(../../images/main/ico_call.gif) no-repeat 20px 0; padding-left:60px; margin:15px 0 10px 0} .main_cont3 .info_call li.txt01{line-height:16px; margin-bottom:10px; color:#606466} .main_cont3 .info_call li.txt02{ font-size:12px; color:#85888b} .main_cont3 .ba_link_wrap{width:207px; height:200px; border:solid 1px #cecece; border-left:none;float:left; display:inline-block; margin-top:10px} .main_cont3 .ba_link_wrap a{width:207px; height:66px; line-height:66px; font-size:16px; font-weight:600; color:#565859; display:inline-block;border-bottom:solid 1px #cecece; padding-left:60px} .main_cont3 .ba_link_wrap a:hover{ color:#ee7c01} .main_cont3 .ba_link_wrap a.ba_link01{ background:url(../../images/main/main_ba_icon02.gif) no-repeat 15px 13px;} .main_cont3 .ba_link_wrap a.ba_link01:hover{ background-position:-205px 13px} .main_cont3 .ba_link_wrap a.ba_link02{ background:url(../../images/main/main_ba_icon02.gif) no-repeat 15px -88px;} .main_cont3 .ba_link_wrap a.ba_link02:hover{ background-position:-205px -88px} .main_cont3 .ba_link_wrap a.ba_link03{ background:url(../../images/main/main_ba_icon02.gif) no-repeat 15px -185px; border:none} .main_cont3 .ba_link_wrap a.ba_link03:hover{ background-position:-205px -185px} .main_cont3 .info_fare{width:445px; height:200px; border:solid 1px #cecece;float:left; display:inline-block; margin:10px 0 0 17px; background:url(../../images/main/fare_info.gif) no-repeat 310px 74px #e2e9f8} .main_cont3 .info_fare ul{display:inline-block; margin:28px 0 0 35px} .main_cont3 .info_fare li{width:390px; height:28px;} .main_cont3 .info_fare li.tit{ font-size:18px; font-weight:800; color:#000; margin-bottom:15px} .main_cont3 .info_fare li.txt01{ color:#656573} .main_cont3 .info_fare li.txt02{ font-size:24px; font-weight:800; color:#5e5e63; line-height:34px; margin-top:3px} .main_cont3 .info_fare li.txt02 span{ color:#179e99} .main_cont3 .info_fare .m_more{ width:20px; height:20px; background:url(../../images/main/m_more.gif) no-repeat 0 0; display:inline-block; float:right} .main_cont3 .info_fare .m_more:hover{ background-position:0 -56px} .btn_detailv{ width:100px; height:30px; position:absolute; top:270px; left:2px; display:inline-block; background:url(../../images/main/btn_detailv.png) no-repeat } .btn_detailv_v2 {width:100px; height:30px; position:absolute; top:270px; left:2px; display:inline-block; background:url(../../images/main/btn_detailv_v2.png) no-repeat} /*MMS CARD*/ .mms_card li{ float: left; } .mms_card li a{ display: inline-block; background: url(../../images/common/gr_dot.png) no-repeat left center; line-height:23px; font-size: 13px; color: #666666; padding-left: 9px;} .mms_card tbody tr td a{ display: inline-block; background: url(../../images/common/gr_dot.png) no-repeat left center; ine-height:23px; font-size: 13px; color: #666666; padding-left: 9px; }