@charset "utf-8"; /* Common */ /* // Common */ .clearfix:before, .clearfix:after {content:" ";display:table;} .clearfix:after {clear:both;} .clearfix {*zoom:1;} .container{position:relative;width:1100px;margin:0 auto;} #header{;} #header .logo{padding:12px 0} #header .gnb{position:absolute;top:0;right:0} #header .gnb ul{;} #header .gnb ul li{float:left;} #header .gnb ul li a{margin-left:-7px} #header .language{position:absolute;top:37px;left:177px} #header .language ul{;} #header .language ul li{float:left;width:38px;margin-right:3px} #header .member{position:absolute;top:35px;left:367px} #footer{font-size:13px;color:#eee;} #footer hr{height:2px;border:0;background-color:#ef4c84} #footer .nav_footer{padding:18px 0;background-color:#666;} #footer .nav_footer h2{float:left} #footer .nav_footer ul{float:left;} #footer .nav_footer ul li{float:left} #footer .nav_footer ul li a{margin:10px;color:#fff} #footer .store{padding:18px 0;color:#a2a2a2} #footer .store ul{;} #footer .store ul li{float:left;position:relative;} #footer .store ul li a{margin:0 4px;padding-left:1px; letter-spacing:0px;} #footer .store ul li .map{display:none;position:absolute;left:0;top:-181px;-webkit-transition:1s;z-index:1001;} #footer .store ul li:hover .map{display:block} #footer .address{height:118px;background:url(/img/common/bg_footer_address.jpg)} #footer .shop{height:157px;padding:23px 0 50px;background:#f0f0f0} #footer .shop .item{height:157px;background:url(/img/common/bg_footer_shop.png) center top no-repeat} #footer .nettxt { font-size: 12px; letter-spacing:-2px; } #footer .nettxt li { font-size: 12px; letter-spacing:-2px; } #footer .nettxt a{ font-size: 12px; letter-spacing:-2px; } #menu{background:url(/img/common/bg_nav.png)} #menu ul{position:relative;display:block;z-index:100;background:url(/img/common/bg_nav_line.png) repeat-y} #menu ul li{float:left;width:14.285%} #menu ul li:hover{background-color:rgba(0,0,0,0.2)} #menu ul li.event{background:url(/img/common/bg_nav_event.png)} #menu ul li.event a:hover{background-color:rgba(0,0,0,0.2)} #menu ul li .menu-item{position:relative;display:block;width:100%;height:40px;background:url(/img/common/menu.png) 0 0 no-repeat;} #menu ul li .menu-item .ic-new{position:absolute;right:35px;top:12px} #menu ul li .menu-item-01{background-position:0 0} #menu ul li .menu-item-02{background-position:0 -40px} #menu ul li .menu-item-03{background-position:0 -80px} #menu ul li .menu-item-04{background-position:0 -120px} #menu ul li .menu-item-05{background-position:0 -160px} #menu ul li .menu-item-06{background-position:0 -200px} #menu ul li .menu-item-07{background-position:0 -240px} #menu .sub{display:none;position:absolute;top:100%;right:0;z-index:20} #menu .sub span{float:left} #menu-sub{border-bottom:1px solid #555764} #menu-sub ul{;} #menu-sub ul li{position:relative;float:left;width:14.258%} #menu-sub ul li .menu{display:block;width:150px;height:40px;background:url(/img/common/menu_sub.png) 0 0 no-repeat;} #menu-sub ul li .menu:hover{background-image:url(/img/common/menu_sub_ov.png)} #menu-sub ul li .menu-item-01{background-position:0 0} #menu-sub ul li .menu-item-02{background-position:0 -40px} #menu-sub ul li .menu-item-03{background-position:0 -80px} #menu-sub ul li .menu-item-04{background-position:0 -120px} #menu-sub ul li .menu-item-05{background-position:0 -160px} #menu-sub ul li .menu-item-06{background-position:0 -200px} #menu-sub ul li .menu-item-07{background-position:0 -240px} #menu-sub ul li .sub{display:none} #menu-sub ul li:hover .sub{display:block} #menu-sub ul li ul{;} #menu-sub ul li ul li{width:auto} #menu-sub .sub{display:none;position:absolute;top:100px;left:0;width:1100px;height:242px;background:url(/img/common/bg_sub_nav.png) no-repeat;z-index:10} #menu-sub .sub ul{;} #menu-sub .sub ul li{float:left;width:137px;margin:8px 0 0 20px} #menu-sub .sub ul li .menu{display:block;width:110px;height:20px;} #menu-sub .sub ul li .menu-01{background:url(/img/common/menu/menu_sub_01.png) no-repeat} #menu-sub .sub ul li .menu-02{background:url(/img/common/menu/menu_sub_02.png) no-repeat} #menu-sub .sub ul li .menu-03{background:url(/img/common/menu/menu_sub_03.png) no-repeat} #menu-sub .sub ul li .menu-04{background:url(/img/common/menu/menu_sub_04.png) no-repeat} #menu-sub .sub ul li .menu-05{background:url(/img/common/menu/menu_sub_05.png) no-repeat} #menu-sub .sub ul li .menu-06{background:url(/img/common/menu/menu_sub_06.png) no-repeat} #menu-sub .sub ul li .menu-07{background:url(/img/common/menu/menu_sub_07.png) no-repeat} #menu-sub .sub ul li .menu-01:hover{background-image:url(/img/common/menu/menu_sub_01_ov.png)} #menu-sub .sub ul li .menu-02:hover{background-image:url(/img/common/menu/menu_sub_02_ov.png)} #menu-sub .sub ul li .menu-03:hover{background-image:url(/img/common/menu/menu_sub_03_ov.png)} #menu-sub .sub ul li .menu-04:hover{background-image:url(/img/common/menu/menu_sub_04_ov.png)} #menu-sub .sub ul li .menu-05:hover{background-image:url(/img/common/menu/menu_sub_05_ov.png)} #menu-sub .sub ul li .menu-06:hover{background-image:url(/img/common/menu/menu_sub_06_ov.png)} #menu-sub .sub ul li .menu-07:hover{background-image:url(/img/common/menu/menu_sub_07_ov.png)} #menu-sub .sub ul li .menu-item-01{background-position:0 0} #menu-sub .sub ul li .menu-item-02{background-position:0 -20px} #menu-sub .sub ul li .menu-item-03{background-position:0 -40px} #menu-sub .sub ul li .menu-item-04{background-position:0 -60px} #menu-sub .sub ul li .menu-item-05{background-position:0 -80px} #menu-sub .sub ul li .menu-item-06{background-position:0 -100px} #menu-sub .sub ul li .menu-item-07{background-position:0 -120px} #menu-sub .sub ul li .menu-item-08{background-position:0 -140px} #menu-sub .sub ul li .menu-item-09{background-position:0 -160px} #menu-sub .sub ul li .menu-item-10{background-position:0 -180px} #menu-sub .sub ul li .menu-item-11{background-position:0 -200px} #menu-sub .sub ul li .menu-item-12{background-position:0 -220px} #container{/* width:1100px; margin:40px auto; */} /* margin:40px auto; */ #container .header{position:relative;margin-bottom:30px} #container .header .hx{;} #container .header .path{position:absolute;top:15px;right:0;font-size:12px;} #container .footer{;} #container .footer .btn_group{overflow:hidden;} #container .footer .btn_group a{float:left;display:block;width:25%;text-align:center} #container .menu{margin-bottom:50px;} #container .menu ul{overflow:hidden;} #container .menu ul li{float:left;width:220px} #container .menu .snb{display:block;width:220px;height:81px} #container .menu-5 ul li{float:left;width:183px} #container .menu-5 .snb{display:block;width:183px;height:83px} #container .menu .snb-01{background:url(/img/common/snb_01.png) no-repeat} #container .menu .snb-01:hover, #container .menu .snb-01.active{background-image:url(/img/common/snb_01_ov.png)} #container .menu .snb-02{background:url(/common/assets/images/common/snb_02.png) no-repeat} #container .menu .snb-02:hover, #container .menu .snb-02.active{background-image:url(/common/assets/images/common/snb_02_ov.png)} #container .menu .snb-03{background:url(/common/assets/images/common/snb_03.png) no-repeat} #container .menu .snb-03:hover, #container .menu .snb-03.active{background-image:url(/common/assets/images/common/snb_03_ov.png)} #container .menu .snb-04{background:url(/common/assets/images/common/snb_04.png) no-repeat} #container .menu .snb-04:hover, #container .menu .snb-04.active{background-image:url(/common/assets/images/common/snb_04_ov.png)} #container .menu .snb-05{background:url(/common/assets/images/common/snb_05.png) no-repeat} #container .menu .snb-05:hover, #container .menu .snb-05.active{background-image:url(/common/assets/images/common/snb_05_ov.png)} #container .menu .snb-06{background:url(/common/assets/images/common/snb_06.png) no-repeat} #container .menu .snb-06:hover, #container .menu .snb-06.active{background-image:url(/common/assets/images/common/snb_06_ov.png)} #container .menu .snb-07{background:url(/common/assets/images/common/snb_07.png) no-repeat} #container .menu .snb-07:hover, #container .menu .snb-07.active{background-image:url(/common/assets/images/common/snb_07_ov.png)} #container .menu .snb-08{background:url(/common/assets/images/common/snb_08.png) no-repeat} #container .menu .snb-08:hover, #container .menu .snb-08.active{background-image:url(/common/assets/images/common/snb_08_ov.png)} #container .menu .snb-09{background:url(/img/common/snb_09.png) no-repeat} #container .menu .snb-09:hover, #container .menu .snb-09.active{background-image:url(/img/common/snb_09_ovcb75.png?v=170322)} #container .menu .snb-10{background:url(/img/common/snb_10cb75.png?v=170322) no-repeat} #container .menu .snb-10:hover, #container .menu .snb-10.active{background-image:url(/img/common/snb_10_ov.png)} #container .menu .snb-11{background:url(/img/common/snb_11.png) no-repeat} #container .menu .snb-11:hover, #container .menu .snb-11.active{background-image:url(/img/common/snb_11_ov.png)} #container .menu .snb-procedure a{display:block;width:220px;height:30px;background:url(/img/common/snb_procedure.png)} #container .menu .snb-procedure a:hover, #container .menu .snb-procedure a.active{background-image:url(/img/common/snb_procedure_ov.png)} #container .menu .menu-item-01{background-position:0 0} #container .menu .menu-item-02{background-position:-220px 0} #container .menu .menu-item-03{background-position:-440px 0} #container .menu .menu-item-04{background-position:-660px 0} #container .menu .menu-item-05{background-position:-880px 0} #container .menu .menu-item-06{background-position:0 -81px} #container .menu .menu-item-07{background-position:-220px -81px} #container .menu .menu-item-08{background-position:-440px -81px} #container .menu .menu-item-09{background-position:-660px -81px} #container .menu .menu-item-10{background-position:-880px -81px} #container .menu .menu-item-11{background-position:0 -162px} #container .menu .menu-item-12{background-position:-220px -162px} #container .menu .menu-item-13{background-position:-440px -162px} #container .menu .menu-item-14{background-position:-660px -162px} #container .menu .menu-item-15{background-position:-880px -162px} #container .menu .snb-procedure .menu-item-01, #container .menu .snb-procedure .menu-item-06, #container .menu .snb-procedure .menu-item-11, #container .menu .snb-procedure .menu-item-16, #container .menu .snb-procedure .menu-item-20{height:62px} #container .menu .snb-procedure .menu-item-01{background-position:0 0} #container .menu .snb-procedure .menu-item-02{background-position:0 -62px} #container .menu .snb-procedure .menu-item-03{background-position:0 -92px} #container .menu .snb-procedure .menu-item-04{background-position:0 -122px} #container .menu .snb-procedure .menu-item-05{background-position:0 -152px} #container .menu .snb-procedure .menu-item-06{background-position:-220px 0} #container .menu .snb-procedure .menu-item-07{background-position:-220px -62px} #container .menu .snb-procedure .menu-item-08{background-position:-220px -92px} #container .menu .snb-procedure .menu-item-09{background-position:-220px -122px} #container .menu .snb-procedure .menu-item-10{background-position:-220px -152px} #container .menu .snb-procedure .menu-item-11{background-position:-440px 0} #container .menu .snb-procedure .menu-item-12{background-position:-440px -62px} #container .menu .snb-procedure .menu-item-13{background-position:-440px -92px} #container .menu .snb-procedure .menu-item-14{background-position:-440px -122px} #container .menu .snb-procedure .menu-item-15{background-position:-440px -152px} #container .menu .snb-procedure .menu-item-16{background-position:-660px 0} #container .menu .snb-procedure .menu-item-17{background-position:-660px -62px} #container .menu .snb-procedure .menu-item-18{background-position:-660px -92px} #container .menu .snb-procedure .menu-item-19{background-position:-660px -122px} #container .menu .snb-procedure .menu-item-20{background-position:-880px 0} #container .menu .snb-procedure .menu-item-21{background-position:-880px -62px} #container .menu .snb-procedure .menu-item-22{background-position:-880px -92px} #container .menu .snb-procedure .menu-item-23{background-position:-880px -122px} #container .menu .snb-procedure .menu-item-24{background-position:-880px -152px} #container .menu-5 .menu-item-01{background-position:0 0} #container .menu-5 .menu-item-02{background-position:-183px 0} #container .menu-5 .menu-item-03{background-position:-366px 0} #container .menu-5 .menu-item-04{background-position:-550px 0} #container .menu-5 .menu-item-05{background-position:-733px 0} #container .menu-5 .menu-item-06{background-position:-916px 0} #container .procedure{position:relative;margin-bottom:50px;} #container .procedure .title{height:80px} #container .procedure .btn{position:absolute;top:0;right:0} #container .banner{position:relative;width:1100px;height:127px;margin-bottom:80px;background:url(/img/common/bg_content_banner.png) no-repeat} #container .banner .btn-01{position:absolute;top:28px;left:672px;} #container .banner .btn-02{position:absolute;top:28px;left:874px;} #container .banner2{position:relative;width:1100px;height:198px;margin-bottom:80px;background:url(/img/common/bg_content_banner2.jpg) no-repeat} #container .banner2 .btn-01{position:absolute;top:84px;left:51px;} #container .banner2 .btn-02{position:absolute;top:84px;left:391px;} #container .banner2 .btn-03{position:absolute;top:84px;left:733px;} #container .banner3{position:relative;width:1100px;height:198px;margin-bottom:80px;background:url(/img/common/bg_content_banner2.jpg) no-repeat} #container .banner3 .btn-01{position:absolute;top:84px;left:38px;} #container .banner3 .btn-02{position:absolute;top:84px;left:298px;} #container .banner3 .btn-03{position:absolute;top:84px;left:558px;} #container .banner3 .btn-04{position:absolute;top:84px;left:818px;} #sub_tab {width:100%; } #sub_tab ul{ background:#FF0004;} #sub_tab li{float:left;padding-bottom:30px;} #content{margin-bottom:50px;}{text-align:center;} #content .spot{margin-bottom:50px} #content .back{background-color:#f3eaed;text-align:center} #content .back ul{padding-left:205px;padding-bottom:110px;} #content .back ul li{float:left;padding:10px 20px} #spot{position:relative;height:555px;} #spot .list{position:relative;height:555px} #spot .list .item{position:absolute;top:0;left:0;width:100%;height:555px;text-align:center;background-position:center;} #spot .nav{position:absolute;left:50%;bottom:30px;z-index:1000;margin-left:-50px;} #spot .nav ul{;} #spot .nav ul li{float:left;width:17px;height:17px;margin-right:5px;background:url(/img/main/ico_bullet.png) no-repeat;cursor:pointer} #spot .nav ul li.active{background-image:url(/img/main/ico_bullet_ov.png)} #main{padding:10px 0;background-color:#f0f0f0;} #main .before-after{padding:26px 0 10px;background-color:#fff} #main .before-after .hx{position:relative;margin-bottom:21px;} #main .before-after .hx .btn-more{position:absolute;top:10px;right:0} #main .before-after .item{float:left;width:16.666%} #main .menu{height:103px;margin:29px auto 23px;} #main .menu ul{;} #main .menu ul li{float:left} #main .rowgroup{background:url(/img/main/bg_main.gif) no-repeat} #main .rowgroup .row-01{position:relative;width:1100px;height:355px} #main .rowgroup .row-01 .col-01{position:relative;float:left;width:491px;height:354px;margin:1px 1px 0 1px;background:url(/img/main/bg_map.png)} #main .rowgroup .row-01 .col-01 .list-shop{position:absolute;top:294px;left:24px;} #main .rowgroup .row-01 .col-01 .list-shop ul{;} #main .rowgroup .row-01 .col-01 .list-shop ul li{float:left;margin-right:7px;margin-bottom:5px;} #main .rowgroup .row-01 .col-01 .list-shop ul li a{display:block;width:50px;height:20px;background:url(/img/main/spr_shop_name.png) no-repeat} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-01{background-position:0 0} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-02{background-position:0 -20px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-03{background-position:0 -40px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-04{background-position:0 -60px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-05{background-position:0 -80px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-06{background-position:0 -100px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-07{background-position:0 -120px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-08{background-position:0 -140px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-09{background-position:0 -160px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-10{background-position:0 -180px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-11{background-position:0 -200px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-12{background-position:0 -220px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-13{background-position:0 -240px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-14{background-position:0 -260px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-15{background-position:0 -280px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-16{background-position:0 -300px} #main .rowgroup .row-01 .col-01 .list-shop ul li .item-17{background-position:0 -320px} #main .rowgroup .row-01 .col-01 .shop-icon{position:absolute;top:0;left:0;width:28px;height:33px;background:url(/img/main/spr_shop_icon.png) no-repeat;} #main .rowgroup .row-01 .col-01 .shop-icon-01{top:204px;left:316px;background-position:0 0} #main .rowgroup .row-01 .col-01 .shop-icon-02{top:200px;left:262px;background-position:0 -33px} #main .rowgroup .row-01 .col-01 .shop-icon-03{top:059px;left:314px;background-position:0 -66px} #main .rowgroup .row-01 .col-01 .shop-icon-04{top:148px;left:366px;background-position:0 -99px} #main .rowgroup .row-01 .col-01 .shop-icon-05{top:231px;left:195px;background-position:0 -132px} #main .rowgroup .row-01 .col-01 .shop-icon-06{top:213px;left:208px;background-position:0 -165px} #main .rowgroup .row-01 .col-01 .shop-icon-07{top:162px;left:114px;background-position:0 -198px} #main .rowgroup .row-01 .col-01 .shop-icon-08{top:174px;left:153px;background-position:0 -231px} #main .rowgroup .row-01 .col-01 .shop-icon-09{top:173px;left:289px;background-position:0 -264px} #main .rowgroup .row-01 .col-01 .shop-icon-10{top:048px;left:283px;background-position:0 -297px} #main .rowgroup .row-01 .col-01 .shop-icon-11{top:123px;left:209px;background-position:0 -330px} #main .rowgroup .row-01 .col-01 .shop-icon-12{top:182px;left:190px;background-position:0 -363px} #main .rowgroup .row-01 .col-01 .shop-icon-13{top:234px;left:370px;background-position:0 -396px} #main .rowgroup .row-01 .col-01 .shop-icon-14{top:193px;left:096px;background-position:0 -429px} #main .rowgroup .row-01 .col-01 .shop-icon-15{top:130px;left:241px;background-position:0 -462px} #main .rowgroup .row-01 .col-01 .shop-icon-16{top:075px;left:173px;background-position:0 -496px} #main .rowgroup .row-01 .col-01 .shop-icon-17{top:215px;left:143px;background-position:0 -528px} #main .rowgroup .row-01 .col-02{position:relative;float:left;margin:1px 0 0 0} #main .rowgroup .row-01 .col-02 .with-star{;} #main .rowgroup .row-01 .col-02 .with-star .list{position:relative;margin:43px 0 0 10px} #main .rowgroup .row-01 .col-02 .with-star .list .item{display:none;position:absolute;top:0;left:0;} #main .rowgroup .row-02{margin-bottom:10px;} #main .rowgroup .row-02 .item{float:left} #main .rowgroup .row-02 .col-01{;} #main .rowgroup .row-02 .col-02{;} #main .rowgroup .row-02 .col-03{;} #main .rowgroup .row-03{;} #main .tab-box {;} #main .tab-box .tab{;} #main .tab-box .tab ul{;} #main .tab-box .tab ul li{float:left;width:150px;} #main .tab-box .tab ul li a{display:block;padding:9px 0;background-color:#f5f5f5;text-align:center;border-right:1px solid #d1d1d1;border-bottom:1px solid #d1d1d1;text-decoration:none;font-weight:bold} #main .tab-box .tab ul li a.on{background-color:#fff;border-bottom:1px solid #fff} #main .tab-box .cont{display:none;padding:20px 10px} #main .tab-box .cont.on{display:block} #main .tab-box .cont ul{margin:0 5px;} #main .tab-box .cont ul li{position:relative;margin-bottom:2px;font-size:11px;font-family:Dotum;} #main .tab-box .cont ul li a{color:#868585} #main .tab-box .cont ul li a .div{display:inline-flex;width:90px;white-space:nowrap;color:#ef4c84;font-weight:bold;overflow:hidden} #main .tab-box .cont ul li .date{position:absolute;top:0;right:0;color:#868585} .board_list .list_best {} /* background: url(/common/assets/images/board/bg_best_postscript.png) no-repeat */ .bnf.board{font:13px} .bnf.board .btn-both{width:100%;margin-bottom:10px;text-align:center;} .bnf.board .list_best{width:100%;margin-bottom:30px; border-bottom:2px solid #2d61c1} /* background:url(/common/assets/images/board/bg_best_photo.png) no-repeat; */ .bnf.board .list_best ul{width:1077px;margin:0 auto;} .bnf.board .list_best ul li{float:left;width:321px;margin:0 19px 18px} .bnf.board .list_best ul li a{;} .bnf.board .list_best ul li .img {width:321px;height:151px} .bnf.board .list_best ul li .thumb{display:block;margin-bottom:22px} .bnf.board .list_best ul li p{text-align:center} .bnf.board .award{margin-bottom:40px} .bnf.board .list{border-top:1px solid #c2c2c2} .bnf.board .list table, .bnf.board .list th, .bnf.board .list td{border:0} .bnf.board .list table{width:100%;table-layout:fixed;font-size:12px} .bnf.board .list th, .bnf.board .list td{border-bottom:1px solid #c2c2c2} .bnf.board .list .even{background-color:#f8f8f8} .bnf.board .list .title{margin-bottom:14px;color:#f06eaa} .bnf.board .paginate{padding:10px 0;text-align:center} .bnf .best{;} .bnf .menu{width:1100px;height:184px;background:url(/img/common/snb_procedure.png);} .cont-branch{position:relative;background:#ececec; padding-bottom:80px;font-size:12px} .cont-branch .tab{;} /* .cont-branch .tab a{display:block;width:77px;height:38px;background:url(/img/sub/tab_branch.png) no-repeat;} */ .cont-branch .tab a{display:block;width:90px;height:38px;background:url(/img/common/n_tab_txt.png) no-repeat;} .cont-branch .tab ul{overflow:hidden} .cont-branch .tab ul li{float:left} .cont-branch .tab-01{margin-left:65px;} .cont-branch .tab-02{margin:10px 0 0 65px} .cont-branch .tab-03{margin:10px 0 0 65px} .cont-branch .tab-04{margin:10px 0 0 65px} .cont-branch .tab-05{margin:10px 0 0 65px} .cont-branch .tab a:hover, /* .cont-branch .tab a.active{background-image:url(http://www.mipretty.co.kr/img/common/n_tab_txt_ov.png)} .cont-branch .tab .item-01{background-position:0 0} .cont-branch .tab .item-02{background-position:-77px 0} .cont-branch .tab .item-03{background-position:-154px 0} .cont-branch .tab .item-04{background-position:-231px 0} .cont-branch .tab .item-05{background-position:-308px 0} .cont-branch .tab .item-06{background-position:-385px 0} .cont-branch .tab .item-07{background-position:-462px 0} .cont-branch .tab .item-08{background-position:-539px 0} .cont-branch .tab .item-09{background-position:-616px 0} .cont-branch .tab .item-10{background-position:-693px 0} .cont-branch .tab .item-11{background-position:-770px 0} .cont-branch .tab .item-12{background-position:-847px 0} .cont-branch .tab .item-13{background-position:-924px 0} .cont-branch .tab .item-14{background-position:-1001px 0} .cont-branch .tab .item-15{background-position:-1078px 0} .cont-branch .tab .item-16{background-position:-1155px 0} .cont-branch .tab .item-17{background-position:-1232px 0} .cont-branch .tab .item-18{background-position:-1309px 0} .cont-branch .tab .item-19{background-position:-1386px 0} .cont-branch .tab .item-20{background-position:-1463px 0} */ .cont-branch .tab a.active{background-image:url(/img/common/n_tab_txt_ov.png)} .cont-branch .tab .item-01{background-position:0 0} .cont-branch .tab .item-02{background-position:-95px 0} .cont-branch .tab .item-03{background-position:-190px 0} .cont-branch .tab .item-04{background-position:-285px 0} .cont-branch .tab .item-05{background-position:-380px 0} .cont-branch .tab .item-06{background-position:-475px 0} .cont-branch .tab .item-07{background-position:-570px 0} .cont-branch .tab .item-08{background-position:-665px 0} .cont-branch .tab .item-09{background-position:-760px 0} .cont-branch .tab .item-10{background-position:-855px 0} .cont-branch .tab .item-11{background-position:-950px 0} .cont-branch .tab .item-12{background-position:-1045px 0} .cont-branch .tab .item-13{background-position:-1140px 0} .cont-branch .tab .item-14{background-position:-1235px 0} .cont-branch .tab .item-15{background-position:-1330px 0} .cont-branch .tab .item-16{background-position:-1425px 0} .cont-branch .tab .item-17{background-position:-1520px 0} .cont-branch .tab .item-18{background-position:-1615px 0} .cont-branch .tab .item-19{background-position:-1710px 0} .cont-branch .tab .item-20{background-position:-1805px 0} .cont-branch .tab .item-21{background-position:-1900px 0} .cont-branch .tab .item-22{background-position:-1995px 0} .cont-branch .branch{margin:30px 65px} .cont-branch .branch .img{margin-bottom:30px} .cont-branch .branch .kakao{margin-bottom:30px} .cont-branch .branch .column{position:relative;margin-bottom:30px;padding:35px 40px;background:#fff} .cont-branch .branch .column .title { padding-bottom:20px;} .cont-branch .branch .column .doctor { position:absolute; top:21px; right:40px; } .cont-branch .branch .column .textbox { background:url(/img/sub/column_bg.jpg) repeat; padding:30px; font-size:12px; line-height:20px;} .cont-branch .branch .gallery{margin-bottom:30px} .cont-branch .branch .bbs_group{width:970px;margin-bottom:30px;overflow:hidden} .cont-branch .branch .bbs_group .bbs{float:left;width:465px;margin:0 10px} .cont-branch .branch .bbs_group .bbs .hx{padding:20px 0} .cont-branch .branch .bbs_group .bbs .tx{padding:20px;overflow:hidden;background-color:#fff} .cont-branch .branch .bbs_group .bbs .tx .thumb{float:left;width:134px;margin-right:20px} .cont-branch .branch .bbs_group .bbs .list{height:115px;overflow:hidden} .cont-branch .branch .bbs_group .bbs .list ul{;} .cont-branch .branch .bbs_group .bbs .list ul li{padding-left:17px;margin-bottom:2px;vertical-align:top;background:url(/img/sub/bbs_icon.gif) 5px 6px no-repeat;} .cont-branch .branch .bbs_group .bbs .list ul li a{display:inline-block;width:90%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .cont-branch .branch .bbs_group .bbs .list ul li span{margin-right:2px;color:#e8447e;} .cont-branch .branch .bbs_group .bbs .list ul li img{margin-right:4px;vertical-align:middle} .cont-branch .branch .interior{margin-bottom:30px} .cont-branch .branch .interior .cont{background-color:#fff} .cont-branch .branch .location{margin-bottom:30px} .cont-branch .branch .location .cont{padding:40px;background-color:#fff} .cont-recruit{background-color:#ececec} .cont-recruit .header{position:relative;height:381px;background:url(/img/sub/sub_recruit_01.jpg) no-repeat} .cont-recruit .header .nav{position:absolute;top:224px;left:65px} .cont-recruit .cont{margin:0 65px;padding:50px 0;background-color:#fff} .cont-recruit .cont .btn{padding:50px 0;text-align:center} .cont-recruit .list{padding:35px;margin-bottom:50px} .cont-recruit .list .tbl{width:100%;table-layout:fixed;border-top:2px solid #f7b8c0} .cont-recruit .list .tbl th, .cont-recruit .list .tbl td{padding:8px 0} .cont-recruit .list .tbl th{border-bottom:1px solid #f7b8c0} .cont-recruit .list .tbl td{border-bottom:1px solid #e7e7e7} .cont-recruit .view dl{margin-bottom:10px;border-top:2px solid #999} .cont-recruit .view dt, .cont-recruit .view dd{height:12px;padding:8px 5px;border-bottom:1px solid #ccc} .cont-recruit .view dt{float:left;width:105px;padding:8px 5px;font-weight:bold;background-color:#f5f5f5} .cont-recruit .view dd{margin-left:10px} .cont-recruit .view dd:after{display:block;clear:both;content:""} .tbl{border-top:4px solid #f7b8c0} .tbl th, .tbl td{padding:4px;border-bottom:1px solid #e7e7e7;} .tbl th{background-color:#f5eff1;text-align:justify;} .award{position:relative;}{padding:30px;background:#f8f8f8;border:1px solid #e3e3e3} .award .list{position:relative;width:1040px;height:85px;border-top:0 !important;overflow:hidden;} .award .list .item{position:absolute;top:0;left:0;float:left;} #quick{position:absolute;width:93px;height:414px;top:180px;left:50%;margin-left:560px;z-index:1000} #quick .close{display:none} #quick .btn-open{float:right} #request-tbl{position:fixed;width:1100px;bottom:0;z-index:2999;left:50%;margin-left:-550px;} #request-tbl ul{} #request-tbl ul li{float:left;width:25%;margin:0;padding:0;list-style:none} #request-tbl ul li img{width:100%} .tab-notice{;} .tab-notice ul{margin-bottom:20px;overflow:hidden;} .tab-notice ul li{float:left;margin-right:10px} .tab-notice ul li a{display:block;width:213px;height:56px;background:url(/img/sub/tab_notice.png) no-repeat;} .tab-notice .tab-01{background-position:0 0} .tab-notice .tab-02{background-position:-213px 0} .tab-notice .tab-03{background-position:-426px 0} .tab-notice .tab-04{background-position:-639px 0} .tab-notice .tab-01.on{background-position:0 -56px} .tab-notice .tab-02.on{background-position:-213px -56px} .tab-notice .tab-03.on{background-position:-426px -56px} .tab-notice .tab-04.on{background-position:-639px -56px} .tab-event{;} .tab-event ul{margin-bottom:20px;overflow:hidden;} .tab-event ul li{float:left;margin-right:10px} .tab-event ul li a{display:block;width:213px;height:56px;background:url(/img/sub/tab_event.png) no-repeat;} .tab-event .tab-01{background-position:0 0} .tab-event .tab-02{background-position:-213px 0} .tab-event .tab-03{background-position:-426px 0} .tab-event .tab-04{background-position:-639px 0} .tab-event .tab-01.on{background-position:0 -56px} .tab-event .tab-02.on{background-position:-213px -56px} .tab-event .tab-03.on{background-position:-426px -56px} .tab-event .tab-04.on{background-position:-639px -56px} #top-event{padding:5px;text-align:center} #top-event img{max-width:100%} .popup{display:none;position:absolute;left:50%;margin-left:410px;top:170px;width:300px;z-index:3000;color:#fff} .popup .cont{} .popup .cont img{} .popup .foot{font-size:11px;line-height:30px;background:#333;border:0;padding:5px 10px;letter-spacing:-1px} .popup .foot a{color:#fff} .popup .foot .close{float:right;font-weight:bold} .benefit{position:relative;width:1100px;margin:0 auto;overflow:hidden;background-color:#394c98} .benefit h2.total{font-size:16px;margin-bottom:5px;padding:10px 0 10px 20px;border-left:5px solid #ef4c84;background:#fff} .benefit h2.total .note{font-weight:normal;color:#8c8c8c;font-size:0.9em;letter-spacing:-2px} .benefit .title{float:left;margin:10px 15px 0} .benefit .title img{height:110px} .benefit .cont{float:left;margin:10px 15px 0} .benefit .cont ul{;} .benefit .cont ul li{padding:1px 0;color:#fff;font-size:16px;letter-spacing:-0.5px} .benefit .cont ul li span{padding-right:5px} /* display:inline-block; */ /* .benefit .cont ul li span:first-child{width:60px} */ .benefit .cont ul li span.subject{width:470px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;vertical-align:bottom} .benefit .cont .bx-viewport{background:#394c98} .benefit .btn{float:right;margin:10px 15px 0} .benefit .btn img{height:110px} .benefit-tbl{position:relative;width:834px !important;margin:10px auto;table-layout:fixed;font-size:13px;padding:6px} .benefit-tbl td{padding:0 6px;font-size:1em;text-align:center;border-bottom:1px dotted #ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .benefit-tbl td.subject{text-align:left} .benefit-tbl .btn{text-align:center;display:inline-block;padding:6px 8px;border:1px solid transparent;vertical-align:middle;cursor:pointer;} .benefit-tbl .btn-primary{background:#f38a3d;color:#fff} #event{;} #event h2{padding-left:10px;margin:20px;10px;border-left:5px solid #ef4c84} #event h2 .note{font-weight:normal;color:#8c8c8c;font-size:0.9em;letter-spacing:-2px} #event .tbl-event{width:100%;padding:20px 6px;border-top: 2px solid #ef4c84;table-layout:fixed;font-size:12px;font-family:'Nanum Gothic', Gulim, AppleGothic, sans-serif;} #event .tbl-event th, #event .tbl-event td{border:0;width:inherit;padding:6px 8px;font-size:0.95em;text-align:left} #event .tbl-event td.selected{padding:5px} #event .tbl-event td.selected span{display:inline-block;padding:4px 6px;border:1px solid #ef4c84;margin:3px 4px 0 0} #event .tbl-event td.selected .btn-x{margin-left:6px;font-size:inherit;font-weight:bold} #event .tbl-event td .i_text{padding:5px;border:1px solid #d7d7d7;font-size:12px;} #event .tbl-event td .i_select{padding:4px 2px;border:1px solid #d7d7d7;font-size:12px;} #event .tbl-event td .i_textarea{padding:4px 2px;width:97%;border:1px solid #d7d7d7} #event .tbl-event td .i_radio, #event .tbl-event td .i_check{margin:0 3px;vertical-align:middle} #event .tbl-event td button{border:0;margin:0;padding:0;background:none;outline:none;cursor:pointer;} #event .tbl-benefit{position:relative;width:100%;margin:10px auto 0;table-layout:fixed;font-size:13px;padding:6px} #event .tbl-benefit th{border-top:2px solid #ef4c84;padding:10px 0} #event .tbl-benefit td{padding:0 6px;font-size:1em;text-align:center;border-bottom:1px dotted #ddd;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} #event .tbl-benefit td.subject{text-align:left} #event .tbl-benefit .btn{text-align:center;display:inline-block;padding:6px 8px;border:1px solid transparent;vertical-align:middle;cursor:pointer;} #event .tbl-benefit .btn-orange{background:#f38a3d;color:#fff;} #event .pagenate{padding-bottom:10px;border-bottom:2px solid #ef4c84;} #event .landing{margin:20px auto;text-align:center;} /* 2016.12.23 */ #event .message{padding:9px;font-size:13px;background:url(/common/assets/images/board/event_bg.png);} #event .tab-menu{padding:0;} /* background:url(/common/assets/images/board/event_bg.png); 배경뺌20180213 */ /*#event .tab-menu .event_text{padding:10px 10px 0 20px}*/ #event .tab-menu ul{overflow:hidden;padding:10px} #event .tab-menu ul li{float:left;width:25%;border:3px solid transparent;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #event .tab-menu ul li.active{border-color:#ef4c84} #event .tab-menu ul li img{width:263px; height:153px;} /* max-width:100%; */ #event .tab-cont{position:relative} #event .tab-cont img{max-width:100%} #event .tab-cont .nav{;} #event .tab-cont .nav.swiper-button-disabled{display:none} #event .tab-cont .nav a{position:absolute;top:170px;opacity:.4;z-index:10} #event .tab-cont .nav .prev{left:0} #event .tab-cont .nav .next{right:0} #event .tab-btn{overflow:hidden;background:url(/common/assets/images/board/event_bg.png);} #event .tab-btn ul{width:100%;margin:0 auto;overflow:hidden} #event .tab-btn ul li{float:left} #event .request-tbl{width:100%;background:#f5f6f8;padding:20px 40px;table-layout:fixed;font-size:12px;font-family:'Nanum Gothic', Gulim, AppleGothic, sans-serif;} #event .request-tbl th, #event .request-tbl td{border:0;width:inherit;padding:5px 8px;font-size:1.1em;text-align:left} #event .request-tbl small{font-weight:bold} #event .request-tbl td{font-size:0.95em} #event .request-tbl td.selected span{display:inline-block;background:#fff;margin:3px;padding:10px 8px;border:1px solid #ef4c84} #event .request-tbl td.selected .btn-x{margin-left:6px;font-size:1.2em;font-weight:bold} #event .request-tbl .item{position:relative;margin:-4px 0} #event .request-tbl .item label{top:6px;left:10px;margin-right:10px;font-size:0.95em} #event .request-tbl .item .i_check, #event .request-tbl .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle} #event .request-tbl .item .i_text{position:relative;margin:3px;padding:8px 12px;border:1px solid #b7b7b7;border-radius:1px;outline:none;width:90%} #event .request-tbl .item .i_text:disabled{background-color:#f0f0f0;border:1px solid #aaa} #event .request-tbl .item .i_text:hover, #event .request-tbl .item .i_text:focus, #event .request-tbl .item .i_text:active, #event .request-tbl .item .i_text.active{border-color:#ef4c84} #event .request-tbl .item .i_select{position:relative;margin:3px;padding:8px 12px;border:1px solid #b7b7b7;border-radius:1px;outline:none;width:97.5%} #event .request-tbl .item .i_select:disabled{background-color:#f0f0f0;border:1px solid #aaa} #event .request-tbl .item .i_select:hover, #event .request-tbl .item .i_select:focus, #event .request-tbl .item .i_select:active{border-color:#ef4c84} #event .request-tbl .item .i_radio{;} #event .request-tbl .item .i_radio input{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle} #event .request-tbl .item textarea{width:100%;box-sizing:border-box;border:1px solid #b7b7b7;} #event .request-tbl .btn-both{text-align:right} #event .request-tbl .btn-both:after{display:block;clear:both;content:''} #event .request-tbl .btn-both .btn{border:0;margin:0;padding:0;background:none;outline:none;cursor:pointer;vertical-align:top;position:relative;} #event .request-tbl .btn-both .btn .price{position:absolute;display:inline-block;width:100%;text-indent:inherit;font-size:18px;font-weight:bold;color:#fff;text-align:center;top:15px;letter-spacing:-1px} #event .request-tbl .btn-both .btn .price strong{font-family:Verdana, Geneva, sans-serif;font-size:26px;letter-spacing:-3px} /* 2016.12.23 */ /* 2017.08.04 */ .explanation { float: left; margin-left: 20px;} .explanation .tel {font-size: 25px; font-weight: 900; letter-spacing: -1px; color: #000} .cont-schedule{position:relative;background:#ececec url(/img/sub/bg_cont_schedule.png) top} .cont-schedule .tab{position:absolute;left:265px;} .cont-schedule .tab a{display:block;width:77px;height:38px;background:url(/img/sub/tab_branch.png) no-repeat;} .cont-schedule .tab ul{overflow:hidden} .cont-schedule .tab ul li{float:left} .cont-schedule .tab-01{position:absolute;top:674px;left:265px} .cont-schedule .tab-02{position:absolute;top:722px;left:265px} .cont-schedule .tab a:hover, .cont-schedule .tab a.active{background-image:url(/img/sub/tab_branch_ov.png)} .cont-schedule .tab .item-01{background-position:0 0} .cont-schedule .tab .item-02{background-position:-77px 0} .cont-schedule .tab .item-03{background-position:-154px 0} .cont-schedule .tab .item-04{background-position:-231px 0} .cont-schedule .tab .item-05{background-position:-308px 0} .cont-schedule .tab .item-06{background-position:-385px 0} .cont-schedule .tab .item-07{background-position:-462px 0} .cont-schedule .tab .item-08{background-position:-539px 0} .cont-schedule .tab .item-09{background-position:-616px 0} .cont-schedule .tab .item-10{background-position:-693px 0} .cont-schedule .tab .item-11{background-position:-770px 0} .cont-schedule .tab .item-12{background-position:-847px 0} .cont-schedule .tab .item-13{background-position:-924px 0} .cont-schedule .tab .item-14{background-position:-1001px 0} .cont-schedule .tab .item-15{background-position:-1078px 0} .cont-schedule .branch{display:none;position:absolute;top:784px;left:65px} .cont-schedule .branch.on{display:block} .cont-doctor{position:relative;background-color:#ececec;} .cont-doctor .list{ width:970px; margin:0 auto; padding-bottom:50px; padding-left:2px;} .cont-doctor .list ul{padding:0 5px 40px 25px; background-color:#fff;} .cont-doctor .list ul li{float:left;width:49%;padding:33px 0 0 0px;text-align:center;background-color:#fff;} .cont-doctor .layer{display:none;position:absolute;top:0;left:0;z-index:100} .layer{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1200} .layer .bg{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:.4} .layer .fg{position:absolute;top:50%;left:50%;margin:-250px 0 0 -450px} .cont-networks-form{width:1100px;height:1914px;background:url(/img/sub/sub_networks_form.jpg) no-repeat} .cont-networks-form .form{padding:1450px 105px 0} .cont-networks-form .form table{width:100%;border-top:4px solid #e8447e;text-align:left;font:normal 12px Gulim} .cont-networks-form .form th, .cont-networks-form .form td{padding:8px;border-bottom:1px solid #cccccc;font-weight:normal;text-align:left;color:#333} .cont-networks-form .form img{;} .cont-networks-form .form .i_text{padding:2px} .cont-networks-form .form .center{padding:10px 0;text-align:center} .benefit, .benefit .cont .bx-viewport {background-color:#ffffff;} .benefit .header, .benefit .cont ul li, .benefit .cont li div {height: 42px} .benefit .cont ul li {color:#000000; font-size:14px; height:42px} .benefit .cont .bx-wrapper li {border-bottom-color:rgb(128,128,128); border-bottom-style: dotted; border-bottom-width: 0.5px;} .benefit .cont {width: 100%; margin: 0;} .benefit .cont li div {display: table-cell; padding: 6px;vertical-align: middle;} .benefit .name {width:100px; text-align:center} .benefit .phone {width:140px; text-align:center} .benefit .date {width:140px; text-align:center} .benefit .state {width:100px; text-align:center} .benefit .header .title {text-align:center} .benefit .header {font-weight:600; border-top:2px solid #ef4c84} .benefit .title {float: none; margin: 0; overflow:hidden; width: 550px} .benefit .btn-orange{ background:#f38a3d; color:#fff; text-align:center; display:inline-block; padding:6px 8px; border:1px solid transparent;vertical-align:middle;cursor:pointer; margin:0} .benefit .more {font-size: 14px; text-align:center; padding: 10px; background-color:#eaeaea; font-weight: 600} .list_best{;} .list_best ul{;} .list_best ul li{;} .list_best ul li a{padding:10px;} .list_best ul li a img{max-width:100%} .select_div{;} .select_div .select_type{float:left;} .select_div .div_type{margin:2px} .select_div2 span{display:inline-block;margin:3px 4px 0 0;padding:4px;color:#222;border:1px solid #cbe6ff;} .select_div2 span .ex{display:inline;margin-left:4px} .div_sub{display:none;margin:0 0 0 150px} .privacy{;} .privacy h3{margin-bottom:10px} .privacy h4{margin-bottom:8px} .privacy textarea{width:1068px;height:150px;margin-bottom:20px;padding:10px;} .privacy .client_ch{font-size:12px;} .privacy .client_ch label{;} .privacy .client_ch label input{margin:2px} .tbl_online th, .tbl_online td, .tbl_online{border:0} .tbl_online{width:100%;border-top:4px solid #f7b8c0} .tbl_online th, .tbl_online td{padding:8px;border-bottom:1px solid #e7e7e7} .tbl_online th{color:#555} .tbl_online td{;} .tbl_online p{margin:2px} .tbl_online .item{position:relative;margin:2px} .tbl_online .item .i_text{margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;font-size:13px} .tbl_online .item select{margin:2px;} .tbl_online .item label{margin:0 10px 0 0;cursor:pointer} .tbl_online .item h4{float:left;width:90px;padding:4px 8px;border-left:4px solid #f33} .tbl_online .item .i_help{position:absolute;top:4px;right:0} .tbl_online .item .i_label{top:6px; left:10px} .tbl_online .item .i_dsc{margin:2px 0} .tbl_online .item .i_check, .tbl_online .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle} .tbl_online .item-br{margin-bottom:8px} .tbl_online .item-br label{display:inline-block;width:92px;font-weight:bold;} .counsel_banner, .men-5 {margin-bottom: 20px;} .page_information {margin-bottom: 20px; font-size:20px;} .sub_point { position:relative; overflow:hidden; padding:15px; margin-bottom: 40px; background:#ededed; } .sub_point h4{ width:100%; text-align:center; } .sub_point ul { padding:15px; margin:0px; overflow:hidden;} .sub_point ul li{ float:left; padding:8px; } .tab{margin-bottom:20px;} .tab ul{overflow:hidden;} .tab ul li{float:left;} .tab ul li a{display:block;width:367px;height:75px;background:#fff url(/img/sub/tab_ko.png) 0 0 no-repeat;} .tab ul li .tab-01{background-position:0 0} .tab ul li .tab-01.active{background-position:0 -75px} .tab ul li .tab-02{background-position:-367px 0} .tab ul li .tab-02.active{background-position:-367px -75px} .tab ul li .tab-03{background-position:-733px 0} .tab ul li .tab-03.active{background-position:-733px -75px} .cont{display:none;} .cont.on{display:block} .select_div{;} .select_div .select_type{float:left;} .select_div .div_type{margin:2px} .select_div2 span{display:inline-block;margin:3px 4px 0 0;padding:4px;color:#222;border:1px solid #cbe6ff;} .select_div2 span .ex{display:inline;margin-left:4px} .div_sub{display:none;margin:0 0 0 150px} .privacy{;} .privacy h3{margin-bottom:10px} .privacy h4{margin-bottom:8px} .privacy textarea{width:1068px;height:150px;margin-bottom:20px;padding:10px;} .privacy .client_ch{ font-size:12px; } .privacy .client_ch label{;} .privacy .client_ch label input{margin:2px} .tbl_online th, .tbl_online td, .tbl_online{border:0} .tbl_online { width:100%; border-top:4px solid #f7b8c0; margin-bottom: 20px;} .tbl_online th, .tbl_online td{padding:8px;border-bottom:1px solid #e7e7e7} .tbl_online th{color:#555} .tbl_online td{;} .tbl_online p{margin:2px} .tbl_online .item{position:relative;margin:2px} .tbl_online .item .i_text, .tempTel{margin:2px;padding:3px 4px;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;font-size:13px} .tbl_online .item select{margin:2px;} .tbl_online .item label{margin:0 10px 0 0;cursor:pointer} label input {margin-right: 5px} .tbl_online .item h4{float:left;width:90px;padding:4px 8px;border-left:4px solid #f33} .tbl_online .item .i_help{position:absolute;top:4px;right:0} .tbl_online .item .i_label{top:6px; left:10px} .tbl_online .item .i_dsc{margin:2px 0} .tbl_online .item .i_check, .tbl_online .item .i_radio{width:13px;height:13px;margin:2px 5px 2px 0;padding:0;vertical-align:middle} .tbl_online .item-br{margin-bottom:8px} .tbl_online .item-br label{display:inline-block;width:100px;font-weight:bold;} .reserve {margin-bottom: 10px; padding: 10px; font-size: 13px; color: #fff; text-align: center; background: #161616;} .reserve strong { color: #ffc000; font-size: 14px; } .new_ok { margin-top: 20px; } /* ============================================================================================================ */ /* 20170901이후추가된 스타일 */ /* [공통] */ .inner_min{width:100%; min-width:1120px;} .Clear{content:""; clear:both; display:block; height:0px;} /* [공통]헤더영역 */ .Header{} /* 헤더GNB */ .Header_GNB{content:""; clear:both; display:block; height:85px;} /* 로고 */ h1.Header_Logo{width:100%; text-align:center; } h1.Header_Logo a{} h1.Header_Logo a img{} /* 20180502 지점은크기줄여출력 */ /* 다국어와회원메뉴 */ .Header_MemberBox{position:relative; margin-top:10px;} /* 다국어 */ .Header_Languages{float:left;} .Header_Languages li{float:left; font-size:11px; color:#494949; margin-right:15px;} .Header_Languages li img{margin-right:3px;} .Header_Languages li:after{content:""; clear:both; display:block;} /* 회원로그인 */ .Header_Member {float:right; margin-right:100px;} .Header_Member li {float:left; padding-left:24px;background:url(/common/assets/images/main/top_bar.png) no-repeat 12px 1px;} .Header_Member li a {font-size:13px; color:#494949;} /* 헤더최상단배너 */ .TopBanner{content:""; clear:both; display:block; position:relative; width:100%; height:80px; text-align:center; background:url(/img/common/TopBanner.jpg) no-repeat center; background-color:#d0d0d0; background-size: cover;} .TopBanner img{max-width:100%;} .TopBanner_Btn {display:block; position:absolute; top:-15px; right:0px;} .Header_MemberBox:after{content:""; clear:both; display:block;} /* 헤더Nav */ .Header_Nav{content:""; clear:both; display:block; border-bottom:3px solid #e4e4e4;} .Header_Nav .inner{} .Header_Nav ul{} .Header_Nav ul li{float:left; width:14.28571%; padding-top:10px; padding-bottom:10px; _width:14%; } .Header_Nav ul li a{display:block; width:100%; cursor:pointer; text-align:center; } .Header_Nav ul li a span{display:inline-block; width:100%; height:16px; border-left:1px solid #cccccc; background-repeat:no-repeat; background-image:url(/img/common/Header_Nav.png); } .Header_Nav ul li a span b{opacity:0; display:none; text-indent:-10000px;} /* opacity:0; display:block; text-indent:-10000px; IE8에서 첫라인문제로 display:none;로 교체 */ .Header_Nav01 a span{background-position:center 0px; } .Header_Nav02 a span{background-position:center -25px; } .Header_Nav03 a span{background-position:center -50px; } .Header_Nav04 a span{background-position:center -75px; } .Header_Nav05 a span{background-position:center -100px; } .Header_Nav06 a span{background-position:center -125px; } .Header_Nav07 a span{background-position:center -150px; border-right:1px solid #cccccc;} .Header_Nav ul:after{content:""; clear:both; display:block;} .Header_Nav:after{content:""; clear:both; display:block;} /* 헤더NavSoub */ .Header_NavSub{position:relative; } ul.Header_NavSubMenu{} ul.Header_NavSubMenu li{float:left; width:14.28571%; left:0px; top:0px; _width:14%;} /* 상위메뉴 */ .HighMenu{} .HighMenu a{display:block; width:100%; cursor:pointer; text-align:center; padding-top:10px; padding-bottom:10px;} .HighMenu a span{display:inline-block; width:100%; height:16px; border-left:1px solid #cccccc; background-repeat:no-repeat;} .HighMenu a span b{opacity:0; display:block; text-indent:-10000px;} .Header_NavSubC00001 a span{ background-image:url(/img/common/Header_NavSub_C00001.png);} .Header_NavSubC00002 a span{ background-image:url(/img/common/Header_NavSub_C00002.png);} .Header_NavSubC00003 a span{ background-image:url(/img/common/Header_NavSub_C00003.png);} .Header_NavSubMenu1 .HighMenu a span{background-position:center 0px;} .Header_NavSubMenu2 .HighMenu a span{background-position:center -25px; } .Header_NavSubMenu3 .HighMenu a span{background-position:center -50px; } .Header_NavSubMenu4 .HighMenu a span{background-position:center -75px; } .Header_NavSubMenu5 .HighMenu a span{background-position:center -100px; } .Header_NavSubMenu6 .HighMenu a span{background-position:center -125px; } .Header_NavSubMenu7 .HighMenu a span{background-position:center -150px; border-right:1px solid #cccccc;} /* 하위메뉴 헤더의여백을뺀만큼TOP값도조정해줘야함 */ .LowMenu{position:absolute; left:0; top:35px; width:1120px; height:135px; background-position:left; background-repeat:no-repeat; overflow:hidden; z-index:1001; display:none; } .LowMenu dl{display:inline-table; margin-left:470px; margin-top:20px; } /* */ .LowMenu dl dd{float:left; width:130px;} .LowMenu dl dd a{display:block; color:#303030; border-left:1px solid #bebdbf; padding-left:10px; margin-bottom:12px;} .LowMenu dl dd a:active, .LowMenu dl dd a:hover{font-weight:bold;} .LowMenu dl:after{content:""; clear:both; display:block;} .LowMenuBg{position:absolute; left:0px; top:35px; width:100%; height:135px; border-top:1px solid #e1e1e1; background:#ffffff; opacity:0.95; z-index:1000; display:none; } .LowMenuC1_01{background-image:url(/img/menu/MenuTopSub_C00001_01.png);} .LowMenuC1_02{background-image:url(/img/menu/MenuTopSub_C00001_02.png);} .LowMenuC1_03{background-image:url(/img/menu/MenuTopSub_C00001_03.png);} .LowMenuC1_04{background-image:url(/img/menu/MenuTopSub_C00001_04.png);} .LowMenuC1_05{background-image:url(/img/menu/MenuTopSub_C00001_05.png);} .LowMenuC1_06{background-image:url(/img/menu/MenuTopSub_C00001_06.png);} .LowMenuC1_07{background-image:url(/img/menu/MenuTopSub_C00001_07.png);} .LowMenuC2_01{background-image:url(/img/menu/MenuTopSub_C00002_01.png);} .LowMenuC2_02{background-image:url(/img/menu/MenuTopSub_C00002_02.png);} .LowMenuC2_03{background-image:url(/img/menu/MenuTopSub_C00002_03.png);} .LowMenuC2_04{background-image:url(/img/menu/MenuTopSub_C00002_04.png);} .LowMenuC2_05{background-image:url(/img/menu/MenuTopSub_C00002_05.png);} .LowMenuC2_06{background-image:url(/img/menu/MenuTopSub_C00002_06.png);} .LowMenuC2_07{background-image:url(/img/menu/MenuTopSub_C00002_07.png);} .LowMenuC3_01{background-image:url(/img/menu/MenuTopSub_C00003_01.png);} .LowMenuC3_02{background-image:url(/img/menu/MenuTopSub_C00003_02.png);} .LowMenuC3_03{background-image:url(/img/menu/MenuTopSub_C00003_03.png);} .LowMenuC3_04{background-image:url(/img/menu/MenuTopSub_C00003_04.png);} .LowMenuC3_05{background-image:url(/img/menu/MenuTopSub_C00003_05.png);} .LowMenuC3_06{background-image:url(/img/menu/MenuTopSub_C00003_06.png);} .LowMenuC3_07{background-image:url(/img/menu/MenuTopSub_C00003_07.png);} .Header_NavSub:after{display:block;clear:both;content:''} /* [공통] 퀵메뉴 */ .QuickArea{width:95px; position:absolute; top:180px; left: 50%; margin-left: 560px; z-index:999999;} .QuickArea .QuickBtn{} .QuickArea .QuickBtn .Quick_Btn_Close{} .QuickArea .QuickClose{display:none;} .QuickArea .QuickClose .Quick_Btn_Open{float: left;} /* 배경을이용한메뉴(세로) */ .Menu_UseBgText{content: ""; clear:both; display:block;} .Menu_UseBgText ul{} .Menu_UseBgText ul li{float:left; width:20%; height:30px;} .Menu_UseBgText ul li a, .Menu_UseBgText ul li a:hover, .Menu_UseBgText ul li a:active, .Menu_UseBgText ul li a:focus{display:block; width:100%; height:inherit; text-indent:-10000px; background-repeat:no-repeat;} .Menu_UseBgText ul li a.Title{height:60px;} /* 이미지지정하기 */ .Menu_UseBgText.Menu_UseBgimg_bnf_C1, .Menu_UseBgText.Menu_UseBgimg_bnf_C2, .Menu_UseBgText.Menu_UseBgimg_bnf_C3 {height:180px; margin-bottom:50px;} .Menu_UseBgText.Menu_UseBgimg_bnf_C1 ul li a{background:url(/img/menu/Menu_UseBgimg_bnf_C1.png);} .Menu_UseBgText.Menu_UseBgimg_bnf_C1 ul li a:hover, .Menu_UseBgText.Menu_UseBgimg_bnf_C1 ul li a.Action{background:url(/img/menu/Menu_UseBgimg_bnf_C1_over.png);} .Menu_UseBgText.Menu_UseBgimg_bnf_C2 ul li a{background:url(/img/menu/Menu_UseBgimg_bnf_C2.png);} .Menu_UseBgText.Menu_UseBgimg_bnf_C2 ul li a:hover, .Menu_UseBgText.Menu_UseBgimg_bnf_C2 ul li a.Action{background:url(/img/menu/Menu_UseBgimg_bnf_C2_over.png);} .Menu_UseBgText.Menu_UseBgimg_bnf_C3 ul li a{background:url(/img/menu/Menu_UseBgimg_bnf_C3.png);} .Menu_UseBgText.Menu_UseBgimg_bnf_C3 ul li a:hover, .Menu_UseBgText.Menu_UseBgimg_bnf_C3 ul li a.Action{background:url(/img/menu/Menu_UseBgimg_bnf_C3_over.png);} /* 배경포커스지정*/ .Menu_UseBgText li.Bglink_line1 a.Bglink01, .Menu_UseBgText li.Bglink_line1 a.Bglink01:hover{background-position:0 0;} .Menu_UseBgText li.Bglink_line1 a.Bglink02, .Menu_UseBgText li.Bglink_line1 a.Bglink02:hover{background-position:0 -60px;} .Menu_UseBgText li.Bglink_line1 a.Bglink03, .Menu_UseBgText li.Bglink_line1 a.Bglink03:hover{background-position:0 -90px ;} .Menu_UseBgText li.Bglink_line1 a.Bglink04, .Menu_UseBgText li.Bglink_line1 a.Bglink04:hover{background-position:0 -120px;} .Menu_UseBgText li.Bglink_line1 a.Bglink05, .Menu_UseBgText li.Bglink_line1 a.Bglink05:hover{background-position:0 -150px;} .Menu_UseBgText li.Bglink_line2 a.Bglink01, .Menu_UseBgText li.Bglink_line2 a.Bglink01:hover{background-position:-220px 0;} .Menu_UseBgText li.Bglink_line2 a.Bglink02, .Menu_UseBgText li.Bglink_line2 a.Bglink02:hover{background-position:-220px -60px;} .Menu_UseBgText li.Bglink_line2 a.Bglink03, .Menu_UseBgText li.Bglink_line2 a.Bglink03:hover{background-position:-220px -90px ;} .Menu_UseBgText li.Bglink_line2 a.Bglink04, .Menu_UseBgText li.Bglink_line2 a.Bglink04:hover{background-position:-220px -120px;} .Menu_UseBgText li.Bglink_line2 a.Bglink05, .Menu_UseBgText li.Bglink_line2 a.Bglink05:hover{background-position:-220px -150px;} .Menu_UseBgText li.Bglink_line3 a.Bglink01, .Menu_UseBgText li.Bglink_line3 a.Bglink01:hover{background-position:-440px 0;} .Menu_UseBgText li.Bglink_line3 a.Bglink02, .Menu_UseBgText li.Bglink_line3 a.Bglink02:hover{background-position:-440px -60px;} .Menu_UseBgText li.Bglink_line3 a.Bglink03, .Menu_UseBgText li.Bglink_line3 a.Bglink03:hover{background-position:-440px -90px ;} .Menu_UseBgText li.Bglink_line3 a.Bglink04, .Menu_UseBgText li.Bglink_line3 a.Bglink04:hover{background-position:-440px -120px;} .Menu_UseBgText li.Bglink_line3 a.Bglink05, .Menu_UseBgText li.Bglink_line3 a.Bglink05:hover{background-position:-440px -150px;} .Menu_UseBgText li.Bglink_line4 a.Bglink01, .Menu_UseBgText li.Bglink_line4 a.Bglink01:hover{background-position:-660px 0;} .Menu_UseBgText li.Bglink_line4 a.Bglink02, .Menu_UseBgText li.Bglink_line4 a.Bglink02:hover{background-position:-660px -60px;} .Menu_UseBgText li.Bglink_line4 a.Bglink03, .Menu_UseBgText li.Bglink_line4 a.Bglink03:hover{background-position:-660px -90px ;} .Menu_UseBgText li.Bglink_line4 a.Bglink04, .Menu_UseBgText li.Bglink_line4 a.Bglink04:hover{background-position:-660px -120px;} .Menu_UseBgText li.Bglink_line4 a.Bglink05, .Menu_UseBgText li.Bglink_line4 a.Bglink05:hover{background-position:-660px -150px;} .Menu_UseBgText li.Bglink_line5 a.Bglink01, .Menu_UseBgText li.Bglink_line5 a.Bglink01:hover{background-position:-880px 0;} .Menu_UseBgText li.Bglink_line5 a.Bglink02, .Menu_UseBgText li.Bglink_line5 a.Bglink02:hover{background-position:-880px -60px;} .Menu_UseBgText li.Bglink_line5 a.Bglink03, .Menu_UseBgText li.Bglink_line5 a.Bglink03:hover{background-position:-880px -90px ;} .Menu_UseBgText li.Bglink_line5 a.Bglink04, .Menu_UseBgText li.Bglink_line5 a.Bglink04:hover{background-position:-880px -120px;} .Menu_UseBgText li.Bglink_line5 a.Bglink05, .Menu_UseBgText li.Bglink_line5 a.Bglink05:hover{background-position:-880px -150px;} .Menu_UseBgText:after{content: ""; clear:both; display:block;} /* 배경을이용한메뉴(가로) */ .Menu_UseBg{content: ""; display:block; clear:both; margin-bottom:30px;} .Menu_UseBg ul{} .Menu_UseBg ul li{} .Menu_UseBg ul li a, .Menu_UseBg ul li a:hover, .Menu_UseBg ul li a:active, .Menu_UseBg ul li a:focus{display:block; width:100%; height:inherit; text-indent:-10000px; background-repeat:no-repeat;} .Menu_UseBg.Menu_UseBgType4 ul li a{float:left; width:25%; height:80px;} .Menu_UseBg.Menu_UseBgType5 ul li a{float:left; width:20%; height:80px;} .Menu_UseBg.Menu_UseBgType6 ul li a{float:left; width:183px; height:80px;} /* 시술전후사진*/ .Menu_UseBg.Menu_UseBgimg_contact ul li a{background:url(/img/menu/Menu_UseBgimg_contact.png);} .Menu_UseBg.Menu_UseBgimg_contact ul li a:hover, .Menu_UseBg.Menu_UseBgimg_contact ul li a.Action{background:url(/img/menu/Menu_UseBgimg_contact_over.png);} /* 소개 미디어 */ .Menu_UseBg.Menu_UseBgimg_about ul li a{background:url(/img/menu/Menu_UseBgimg_about.png);} .Menu_UseBg.Menu_UseBgimg_about ul li a:hover, .Menu_UseBg.Menu_UseBgimg_about ul li a.Action{background:url(/img/menu/Menu_UseBgimg_about_over.png);} .Menu_UseBg.Menu_UseBgimg_media ul li a{background:url(/img/menu/Menu_UseBgimg_media.png);} .Menu_UseBg.Menu_UseBgimg_media ul li a:hover, .Menu_UseBg.Menu_UseBgimg_media ul li a.Action{background:url(/img/menu/Menu_UseBgimg_media_over.png);} /* 미뷰티 */ .Menu_UseBg.C1_Menu_UseBgimg01 ul li a{background:url(/img/menu/C1_Menu_UseBgimg01.png);} .Menu_UseBg.C1_Menu_UseBgimg01 ul li a:hover, .Menu_UseBg.C1_Menu_UseBgimg01 ul li a.Action{background:url(/img/menu/C1_Menu_UseBgimg01_over.png);} .Menu_UseBg.C1_Menu_UseBgimg02 ul li a{background:url(/img/menu/C1_Menu_UseBgimg02.png);} .Menu_UseBg.C1_Menu_UseBgimg02 ul li a:hover, .Menu_UseBg.C1_Menu_UseBgimg02 ul li a.Action{background:url(/img/menu/C1_Menu_UseBgimg02_over.png);} .Menu_UseBg.C1_Menu_UseBgimg03 ul li a{background:url(/img/menu/C1_Menu_UseBgimg03.png);} .Menu_UseBg.C1_Menu_UseBgimg03 ul li a:hover, .Menu_UseBg.C1_Menu_UseBgimg03 ul li a.Action{background:url(/img/menu/C1_Menu_UseBgimg03_over.png);} .Menu_UseBg.C1_Menu_UseBgimg04 ul li a{background:url(/img/menu/C1_Menu_UseBgimg04.png);} .Menu_UseBg.C1_Menu_UseBgimg04 ul li a:hover, .Menu_UseBg.C1_Menu_UseBgimg04 ul li a.Action{background:url(/img/menu/C1_Menu_UseBgimg04_over.png);} .Menu_UseBg.C1_Menu_UseBgimg05 ul li a{background:url(/img/menu/C1_Menu_UseBgimg05.png);} .Menu_UseBg.C1_Menu_UseBgimg05 ul li a:hover, .Menu_UseBg.C1_Menu_UseBgimg05 ul li a.Action{background:url(/img/menu/C1_Menu_UseBgimg05_over.png);} .Menu_UseBg.C1_Menu_UseBgimg06 ul li a{background:url(/img/menu/C1_Menu_UseBgimg06.png);} .Menu_UseBg.C1_Menu_UseBgimg06 ul li a:hover, .Menu_UseBg.C1_Menu_UseBgimg06 ul li a.Action{background:url(/img/menu/C1_Menu_UseBgimg06_over.png);} .Menu_UseBg.C1_Menu_UseBgimg07 ul li a{background:url(/img/menu/C1_Menu_UseBgimg07.png);} .Menu_UseBg.C1_Menu_UseBgimg07 ul li a:hover, .Menu_UseBg.C1_Menu_UseBgimg07 ul li a.Action{background:url(/img/menu/C1_Menu_UseBgimg07_over.png);} /* 미미미 */ .Menu_UseBg.C2_Menu_UseBgimg01 ul li a{background:url(/img/menu/C2_Menu_UseBgimg01.png);} .Menu_UseBg.C2_Menu_UseBgimg01 ul li a:hover, .Menu_UseBg.C2_Menu_UseBgimg01 ul li a.Action{background:url(/img/menu/C2_Menu_UseBgimg01_over.png);} .Menu_UseBg.C2_Menu_UseBgimg02 ul li a{background:url(/img/menu/C2_Menu_UseBgimg02.png);} .Menu_UseBg.C2_Menu_UseBgimg02 ul li a:hover, .Menu_UseBg.C2_Menu_UseBgimg02 ul li a.Action{background:url(/img/menu/C2_Menu_UseBgimg02_over.png);} .Menu_UseBg.C2_Menu_UseBgimg03 ul li a{background:url(/img/menu/C2_Menu_UseBgimg03.png);} .Menu_UseBg.C2_Menu_UseBgimg03 ul li a:hover, .Menu_UseBg.C2_Menu_UseBgimg03 ul li a.Action{background:url(/img/menu/C2_Menu_UseBgimg03_over.png);} .Menu_UseBg.C2_Menu_UseBgimg04 ul li a{background:url(/img/menu/C2_Menu_UseBgimg04.png);} .Menu_UseBg.C2_Menu_UseBgimg04 ul li a:hover, .Menu_UseBg.C2_Menu_UseBgimg04 ul li a.Action{background:url(/img/menu/C2_Menu_UseBgimg04_over.png);} .Menu_UseBg.C2_Menu_UseBgimg05 ul li a{background:url(/img/menu/C2_Menu_UseBgimg05.png);} .Menu_UseBg.C2_Menu_UseBgimg05 ul li a:hover, .Menu_UseBg.C2_Menu_UseBgimg05 ul li a.Action{background:url(/img/menu/C2_Menu_UseBgimg05_over.png);} .Menu_UseBg.C2_Menu_UseBgimg06 ul li a{background:url(/img/menu/C2_Menu_UseBgimg06.png);} .Menu_UseBg.C2_Menu_UseBgimg06 ul li a:hover, .Menu_UseBg.C2_Menu_UseBgimg06 ul li a.Action{background:url(/img/menu/C2_Menu_UseBgimg06_over.png);} .Menu_UseBg.C2_Menu_UseBgimg07 ul li a{background:url(/img/menu/C2_Menu_UseBgimg07.png);} .Menu_UseBg.C2_Menu_UseBgimg07 ul li a:hover, .Menu_UseBg.C2_Menu_UseBgimg07 ul li a.Action{background:url(/img/menu/C2_Menu_UseBgimg07_over.png);} /* 미라인 */ .Menu_UseBg.C3_Menu_UseBgimg01 ul li a{background:url(/img/menu/C3_Menu_UseBgimg01.png);} .Menu_UseBg.C3_Menu_UseBgimg01 ul li a:hover, .Menu_UseBg.C3_Menu_UseBgimg01 ul li a.Action{background:url(/img/menu/C3_Menu_UseBgimg01_over.png);} .Menu_UseBg.C3_Menu_UseBgimg02 ul li a{background:url(/img/menu/C3_Menu_UseBgimg02.png);} .Menu_UseBg.C3_Menu_UseBgimg02 ul li a:hover, .Menu_UseBg.C3_Menu_UseBgimg02 ul li a.Action{background:url(/img/menu/C3_Menu_UseBgimg02_over.png);} .Menu_UseBg.C3_Menu_UseBgimg03 ul li a{background:url(/img/menu/C3_Menu_UseBgimg03.png);} .Menu_UseBg.C3_Menu_UseBgimg03 ul li a:hover, .Menu_UseBg.C3_Menu_UseBgimg03 ul li a.Action{background:url(/img/menu/C3_Menu_UseBgimg03_over.png);} .Menu_UseBg.C3_Menu_UseBgimg04 ul li a{background:url(/img/menu/C3_Menu_UseBgimg04.png);} .Menu_UseBg.C3_Menu_UseBgimg04 ul li a:hover, .Menu_UseBg.C3_Menu_UseBgimg04 ul li a.Action{background:url(/img/menu/C3_Menu_UseBgimg04_over.png);} .Menu_UseBg.C3_Menu_UseBgimg05 ul li a{background:url(/img/menu/C3_Menu_UseBgimg05.png);} .Menu_UseBg.C3_Menu_UseBgimg05 ul li a:hover, .Menu_UseBg.C3_Menu_UseBgimg05 ul li a.Action{background:url(/img/menu/C3_Menu_UseBgimg05_over.png);} .Menu_UseBg.C3_Menu_UseBgimg06 ul li a{background:url(/img/menu/C3_Menu_UseBgimg06.png);} .Menu_UseBg.C3_Menu_UseBgimg06 ul li a:hover, .Menu_UseBg.C3_Menu_UseBgimg06 ul li a.Action{background:url(/img/menu/C3_Menu_UseBgimg06_over.png);} .Menu_UseBg.C3_Menu_UseBgimg07 ul li a{background:url(/img/menu/C3_Menu_UseBgimg07.png);} .Menu_UseBg.C3_Menu_UseBgimg07 ul li a:hover, .Menu_UseBg.C3_Menu_UseBgimg07 ul li a.Action{background:url(/img/menu/C3_Menu_UseBgimg07_over.png);} /* 배경포커스지정 : 4개타입 */ .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink01, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink01:hover{background-position:0 0;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink02, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink02:hover{background-position:-275px 0;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink03, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink03:hover{background-position:-550px 0;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink04, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line1 a.Bglink04:hover{background-position:-825px 0;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink01, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink01:hover{background-position:0 -80px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink02, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink02:hover{background-position:-275px -80px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink03, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink03:hover{background-position:-550px -80px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink04, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line2 a.Bglink04:hover{background-position:-825px -80px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink01, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink01:hover{background-position:0 -160px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink02, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink02:hover{background-position:-275px -160px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink03, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink03:hover{background-position:-550px -160px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink04, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink04:hover{background-position:-660px -160px;} .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink05, .Menu_UseBg.Menu_UseBgType4 ul li.Bglink_line3 a.Bglink05:hover{background-position:-825px -160px;} /* 베걍포커스지정 : 5개타입 */ .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink01, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink01:hover{background-position:0 0;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink02, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink02:hover{background-position:-220px 0;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink03, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink03:hover{background-position:-440px 0;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink04, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink04:hover{background-position:-660px 0;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink05, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line1 a.Bglink05:hover{background-position:-880px 0;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink01, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink01:hover{background-position:0 -80px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink02, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink02:hover{background-position:-220px -80px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink03, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink03:hover{background-position:-440px -80px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink04, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink04:hover{background-position:-660px -80px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink05, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line2 a.Bglink05:hover{background-position:-880px -80px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink01, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink01:hover{background-position:0 -160px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink02, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink02:hover{background-position:-220px -160px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink03, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink03:hover{background-position:-440px -160px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink04, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink04:hover{background-position:-660px -160px;} .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink05, .Menu_UseBg.Menu_UseBgType5 ul li.Bglink_line3 a.Bglink05:hover{background-position:-880px -160px;} /* 배경포커스지정 : 6개타입 */ .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink01, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink01:hover{background-position:0 0;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink02, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink02:hover{background-position:-183px 0;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink03, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink03:hover{background-position:-366px 0;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink04, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink04:hover{background-position:-549px 0;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink05, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink05:hover{background-position:-732px 0;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink06, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line1 a.Bglink06:hover{background-position:-915px 0;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink01, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink01:hover{background-position:0 -80px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink02, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink02:hover{background-position:-183px -80px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink03, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink03:hover{background-position:-366px -80px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink04, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink04:hover{background-position:-549px -80px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink05, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink05:hover{background-position:-732px -80px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink06, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line2 a.Bglink06:hover{background-position:-915px -80px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink01, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink01:hover{background-position:0 -160px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink02, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink02:hover{background-position:-183px -160px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink03, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink03:hover{background-position:-366px -160px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink04, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink04:hover{background-position:-549px -160px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink05, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink05:hover{background-position:-732px -160px;} .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink06, .Menu_UseBg.Menu_UseBgType6 ul li.Bglink_line3 a.Bglink06:hover{background-position:-915px -160px;} .Menu_UseBg:after{content: ""; display:block; clear:both; } /* 게시판의베스트 */ .BoardList_Best{content: ""; display:block; clear:both; } .BoardList_Best dl{} .BoardList_Best dl dt{display:block; width:100%; height:100px; overflow:hidden;} .BoardList_Best dl dt img{overflow:hidden;} .BoardList_Best dl dd{float:left; width:30%; margin-bottom:60px; margin-left:3%; } .BoardList_Best dl dd a{text-align:center;} .BoardList_Best dl dd a .Thum{margin-bottom:10px;} .BoardList_Best dl dd a .Thum img{width:100%;} .BoardList_Best dl dd a .Title{height:40px; overflow:hidden;} .BoardList_Best dl dd a .Title span{display:block; font-weight:bold; margin-bottom:10px;} .BoardList_Best dl dd a .Title b{display:block; margin-bottom:5px;} .BoardList_Best dl dd a .Title p{display:inline-block; width:60%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; } .BoardList_Best:after{content: ""; display:block; clear:both; } /* 미앤미소개_채용 */ .About_Recruit{} .About_Recruit .cont-recruit{} .About_Recruit .Body{text-align:center; background-color:#ffffff; margin:0px 65px 0px 65px; padding-bottom:50px;} .About_Recruit .Body thead th{text-align:center;} /* [공통]최하단비요문의퀵(픽스) */ .Request_Fix{position:fixed; bottom:0; z-index:2999;} /* left:50%; margin-left:-560px; */ .Request_Fix .inner{} .Request_Fix .BtnClub a{float:left; 25%; margin:0px; padding:0px;} .Request_Fix .BtnClub a img{width:100%;} .Request_Fix .Buy{} .Request_Fix .Buy a{} .Request_Fix .Buy a img{width:100%;} /* 이벤트전용 .FrontQuickEvent{position:fixed; bottom:0; left:0px; z-index:2999;} .FrontQuickEvent .inner{} .EventFormPop{display:none;} .EventFormPop_Close{text-align:center;} .EventFormPop_Form{background-color:#f5f5f5; border:1px solid #2a2a2a; border-bottom:none;} .EventFormPop_Open{} */ /* [공통] 서브메뉴(바메뉴) */ .SubMenuArea{content:""; clear:both; display:block;} .SubMenu{width:100%; box-shadow:1px 2px 10px #dfdfdf; border:1px solid #e1e1e1; margin-bottom:10px;} .SubMenu a{float:left;} .SubMenu a img{width:100%;} .SubMenu a.Empty{cursor:default;} .SubMenu:after{content:""; clear:both; display:block;} /* [공통] 하단푸터지점네트워크(20171219) */ .FooterArea{font-family: 'Noto Sans KR', sans-serif; background: url(/common/assets/images/main/footer_bg.png);} .FooterArea img.Title{margin:15px 0px 15px 0px;} /* 지점명리스트 */ .FooterNetwork{} .FooterNetwork dl{} .FooterNetwork dl dt, .FooterNetwork dl dd{display: inline-block; margin-right: 5px;margin-bottom: 5px;} .FooterNetwork dl dt a{display: block; width:130px; height: 35px; font-size:18px; line-height: 30px; color: #fff; text-align:left; box-sizing: border-box; border: 1px solid #6d5b62; background-color: #836e76; padding-left: 15px; cursor: default;} .FooterNetwork dl dt a.Empty{border:none; background:none;} .FooterNetwork dl dt a span{float: right; display: block; width:30px; color:#ffcd9c; font-size: 9px; text-align:center; border-left: 1px solid #6d5b62;} .FooterNetwork dl dd a{display: block; width:130px; height: 35px; font-size:16px; line-height: 30px; color: #4e4e4e; text-align:center; box-sizing: border-box; border: 1px solid #e1e1e1; background-color: #fff; } .FooterNetwork dl dd a.Active{color: #fff; background-color:#ff7bad; border: 1px solid #e56e9b;} /* 지점정보 */ .FooterNetworkInfo{padding-top:15px;} /* 대표원장님 */ .FooterNetworkInfo_Img{float:left; width:380px; margin-right:20px;} /* 지도 */ .FooterNetworkInfo_Map{float:left; width:450px;} .FooterNetworkInfo_Map .AddInfo{font-size:13px; background-color:#fff; line-height:20px; letter-spacing: -1px; padding:5px;} .FooterNetworkInfo_Map #map{width:100%; height:240px;} /* 진료시간및링크 */ .FooterNetworkInfo_Link{float:right; width:250px;} .FooterNetworkInfo_Link img.Title{margin:0px;} .FooterNetworkInfo_Link ul li{margin-top:4px; } .FooterNetworkInfo_Link ul li img{height:28px; margin-right:5px;} .FooterNetworkInfo_Link ul li span{font-size:15px; line-height:30px;} .FooterNetworkInfo_Link ul li.Call span{font-size:23px; font-weight:bold;} .FooterNetworkInfo_Time{} .FooterNetworkInfo_Time b{font-size:14pt;} .FooterNetworkInfo_Time pre{display:block; color:#606060; font-size:11.5pt; line-height:18px; letter-spacing:1px; font-family: 'Nanum Gothic', sans-serif; vertical-align: top; margin:0px;} /* 시술페이지 서브버튼 */ .header { display: none; } .ff11nav ul { width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 40px; font-family: 'Noto Sans KR', sans-serif; letter-spacing: normal; } .ff11nav ul li { width: 100%; height: auto; overflow: hidden; clear: both; border-top: 1px solid #ddd; border-left: 1px solid #ddd; } .ff11nav ul li a { position: relative; display: inline-block; float: left; width: 220px; height: 60px; border-right: 1px solid #ddd; box-sizing: border-box; color: #333; cursor: pointer; } .ff11nav ul li a.action { color:#e8447e !important; } .ff11nav ul li a:hover { color:#e8447e; } .ff11nav ul li p { font-size: 16px; font-weight: bold; line-height: 60px; margin-left: 20px; } .ff11nav ul li span { position: absolute; right: 0px; top: 0px; width: 75px; height: 60px; overflow: hidden; } .ff11nav1 ul li span { background: url(/img/menu/ff11_HOT_icon.png) no-repeat; } .ff11nav2 ul li span { background: url(/img/menu/ff11_filler_icon.png) no-repeat; } .ff11nav3 ul li span { background: url(/img/menu/ff11_IPL_icon.png) no-repeat; } .ff11nav4 ul li span { background: url(/img/menu/ff11_pimple_icon.png) no-repeat; } .ff11nav5 ul li span { background: url(/img/menu/ff11_sculptra_icon.png) no-repeat; } .ff11nav6 ul li span { background: url(/img/menu/ff11_barbie_icon.png) no-repeat; } .ff11nav7 ul li span { background: url(/img/menu/ff11_acen_icon.png) no-repeat; } .ff11nav11 ul li span { background: url(/img/menu/ff11_IPL2_icon.png) no-repeat; } .ff11nav12 ul li span { background: url(/img/menu/ff11_acen2_icon.png) no-repeat; } .ff11nav13 ul li span { background: url(/img/menu/ff11_acen3_icon.png) no-repeat; } .ff11nav14 ul li span { background: url(/img/menu/ff11_chloasma_icon.png) no-repeat; } .ff11nav15 ul li span { background: url(/img/menu/ff11_jemoclinic_icon.png) no-repeat; } .ff11nav16 ul li span { background: url(/img/menu/ff11_acen4_icon.png) no-repeat; } .ff11nav17 ul li span { background: url(/img/menu/ff11_laser_icon.png) no-repeat; } .ff11nav21 ul li span { background: url(/img/menu/ff11_barbie2_icon.png) no-repeat; } .ff11nav22 ul li span { background: url(/img/menu/ff11_barbie3_icon.png) no-repeat; } .ff11nav23 ul li span { background: url(/img/menu/ff11_barbie4_icon.png) no-repeat; } .ff11nav24 ul li span { background: url(/img/menu/ff11_barbie5_icon.png) no-repeat; } .ff11nav25 ul li span { background: url(/img/menu/ff11_diet_icon.png) no-repeat; } .ff11nav26 ul li span { background: url(/img/menu/ff11_diet2_icon.png) no-repeat; } .ff11nav27 ul li span { background: url(/img/menu/ff11_diet3_icon.png) no-repeat; } .ff11_link { position:relative; } .ff11_link::after { transition:width 0.3s ease-in-out, background-color 0.3s ease-in-out; left: 0px; bottom:0px; width: 100%; height: 2px; position: absolute; content: ""; background-color: rgb(232, 68, 126);} .ff11_link::after { width: 0px;} .ff11_link:hover::after { width: 100%;} .ff11_link.action:after { width: 100%;} .linkbg1 { background-position: 0px 0px !important; } .linkbg2 { background-position: -75px 0px !important; } .linkbg3 { background-position: -150px 0px !important; } .linkbg4 { background-position: -225px 0px !important; } .linkbg5 { background-position: -300px 0px !important; } .linkbg6 { background-position: 0px -60px !important; } .linkbg7 { background-position: -75px -60px !important; } .linkbg8 { background-position: -150px -60px !important; } .linkbg9 { background-position: -225px -60px !important; } .linkbg10 { background-position: -300px -60px !important; } .linkbg11 { background-position: 0px -120px !important; } .linkbg12 { background-position: -75px -120px !important; } .linkbg13 { background-position: -150px -120px !important; } .linkbg14 { background-position: -225px -120px !important; } .linkbg15 { background-position: -300px -120px !important; }