/* CSS Document */ .text_hidden{visibility:hidden;} h1 a span, h2 a span, h3 a span, li h2 a span{display:inline-block; width:100%; height:100%; text-indent:-1000px; } .gnbwrap li a span{display:inline-block; width:100%; height:100%; text-indent:-1000px; } #wrap{width:100%; display:inline-block; position:relative;} .blind{display:none;} /*######################################################*/ /*######### header ###################*/ /*######################################################*/ /*visual */ .temp_index{width:100%; margin:300px 0; text-align:center; font-size:24px; font-weight:bold;} .temp_index2{width:100%; margin:300px 0; text-align:center; font-size:24px; font-weight:bold;} .temp_under{width:100%; margin:0px 0; text-align:center; font-size:24px; font-weight:bold;} .main_visual{width:100%; height:auto; display:inline-block; text-align:center;} #header{width:100%; min-width:1400px; position:fixed; top:0px; background:url(/images/bg_header2.png) repeat-x; z-index:10;} .header{wdith:100%; height:88px; background-color: #201f1e; position: relative;background-color: rgba(0, 0, 0, 0)} .header.mheader{position:relative !important;} .header .logo{width:160px; position:absolute; top:0px; left:100px;} .header .gnbwrap{width:990px; height:88px; margin:0 auto; display:block;} .gnbwrap .gnb{display:inline-block; position:relative;} .header .gnbwrap .snav_btbar{position:absolute; width:75px; height:8px; bottom:0px; left:0px; display:block; background-color:#a48f59;} .gnbwrap .gnb li{} @media (max-width:1550px){ .header .logo{left:2%; transition:all 0.2s;} } @media (max-width:1220px){ .header .gnbwrap{margin-left:200px; transition:all 0.2s;} } .navbar .container .navbar-header{margin-right:57px;} #nav_top{width:100%; height:20px; position:fixed; top:20px; margin:0 auto; text-align:right; font-family: 'Century Gothic','Noto Sans Georgian','Nanum Gothic', sans-serif; color:#fff; z-index:11;} #nav_top ul li{float:right; } #nav_top ul li.dot{width:30px; text-align:center;} #nav_top ul li.last{margin-right:10%;} #nav_top ul li a{color:#fff;} .gnb .nav{float:left; margin:36px 20px 0 0; height:20px; background:url(/images/sp_gnb.png) no-repeat; display:block;} .gnb .nav a span{text-indent:-1000px; overflow:hidden;} .gnb .nav_11{width:83px; background-position:0 0;} .gnb .nav_12{width:103px; background-position:0 -20px;} .gnb .nav_13{width:55px; background-position:0 -40px;} .gnb .nav_14{width:55px; background-position:0 -60px;} .gnb .nav_15{width:83px; background-position:0 -80px;} .gnb .nav_16{width:83px; background-position:0 -100px;} .gnb .nav_17{width:83px; background-position:0 -120px;} .gnb .nav_18{width:83px; background-position:0 -140px;} .gnb .nav_19{width:83px; background-position:0 -160px;} .gnb .nav_20{width:69px; background-position:0 -180px;} .gnb .nav_21{width:83px; background-position:0 -200px;} .gnb .nav_11:hover, .gnb .nav_11.on{background-position:-120px 0;} .gnb .nav_12:hover, .gnb .nav_12.on{background-position:-120px -20px;} .gnb .nav_13:hover, .gnb .nav_13.on{background-position:-120px -40px;} .gnb .nav_14:hover, .gnb .nav_14.on{background-position:-120px -60px;} .gnb .nav_15:hover, .gnb .nav_15.on{background-position:-120px -80px;} .gnb .nav_16:hover, .gnb .nav_16.on{background-position:-120px -100px;} .gnb .nav_17:hover, .gnb .nav_17.on{background-position:-120px -120px;} .gnb .nav_18:hover, .gnb .nav_18.on{background-position:-120px -140px;} .gnb .nav_19:hover, .gnb .nav_19.on{background-position:-120px -160px;} .gnb .nav_20:hover, .gnb .nav_20.on{background-position:-120px -180px;} .gnb .nav_21:hover, .gnb .nav_21.on{background-position:-120px -200px;} .gnbwrap .gnb .nav .snav{width:990px; height:20px; left:0px; position:absolute; top:114px; display:none;} .gnbwrap .gnb .nav .snav li{float:left; height:15px; display:inline-block; margin-right:20px; background:url(/images/sp_gnb.png) no-repeat;} .gnbwrap .gnb .nav .snav li a{width:100%; height:100%; display:block;} .gnbwrap .gnb .nav .snav li span{width:100%; height:100%; display:block; text-indent:-1000px; overflow:hidden;} .gnbwrap .gnb .nav .snav11{padding-left:30px;} /* 성형외과 소개 */ .gnbwrap .gnb .nav .snav li.snav11_1{width:64px; margin-left:-30px; background-position:-300px -0px;} .gnbwrap .gnb .nav .snav li.snav11_2{width:52px; background-position:-300px -20px;} .gnbwrap .gnb .nav .snav li.snav11_3{width:77px; background-position:-300px -40px;} .gnbwrap .gnb .nav .snav li.snav11_4{width:52px; background-position:-300px -60px;} .gnbwrap .gnb .nav .snav li.snav11_5{width:52px; background-position:-300px -80px;} .gnbwrap .gnb .nav .snav li.snav11_6{width:52px; background-position:-300px -100px;} .gnbwrap .gnb .nav .snav li.snav11_1.on, .gnbwrap .gnb .nav .snav li.snav11_1:hover{width:64px; margin-left:-30px; background-position:-300px -200px;} .gnbwrap .gnb .nav .snav li.snav11_2.on, .gnbwrap .gnb .nav .snav li.snav11_2:hover{width:52px; background-position:-300px -220px;} .gnbwrap .gnb .nav .snav li.snav11_3.on, .gnbwrap .gnb .nav .snav li.snav11_3:hover{width:77px; background-position:-300px -240px;} .gnbwrap .gnb .nav .snav li.snav11_4.on, .gnbwrap .gnb .nav .snav li.snav11_4:hover{width:52px; background-position:-300px -260px;} .gnbwrap .gnb .nav .snav li.snav11_5.on, .gnbwrap .gnb .nav .snav li.snav11_5:hover{width:52px; background-position:-300px -280px;} .gnbwrap .gnb .nav .snav li.snav11_6.on, .gnbwrap .gnb .nav .snav li.snav11_6:hover{width:52px; background-position:-300px -300px;} .gnbwrap .gnb .nav .snav12{padding-left:35px;} /* 온라인상담/후기 */ .gnbwrap .gnb .nav .snav li.snav12_1{width:64px; background-position:-400px -0px;} .gnbwrap .gnb .nav .snav li.snav12_2{width:52px; background-position:-400px -20px;} .gnbwrap .gnb .nav .snav li.snav12_3{width:64px; background-position:-400px -40px;} .gnbwrap .gnb .nav .snav li.snav12_1.on, .gnbwrap .gnb .nav .snav li.snav12_1:hover{width:64px; background-position:-400px -200px;} .gnbwrap .gnb .nav .snav li.snav12_2.on, .gnbwrap .gnb .nav .snav li.snav12_2:hover{width:52px; background-position:-400px -220px;} .gnbwrap .gnb .nav .snav li.snav12_3.on, .gnbwrap .gnb .nav .snav li.snav12_3:hover{width:64px; background-position:-400px -240px;} .gnbwrap .gnb .nav .snav13{padding-left:0px;} /* 수술전후 */ .gnbwrap .gnb .nav .snav li.snav13_1{width:52px; background-position:-500px -0px;} .gnbwrap .gnb .nav .snav li.snav13_2{width:52px; background-position:-500px -20px;} .gnbwrap .gnb .nav .snav li.snav13_3{width:39px; background-position:-500px -40px;} .gnbwrap .gnb .nav .snav li.snav13_4{width:39px; background-position:-500px -60px;} .gnbwrap .gnb .nav .snav li.snav13_5{width:52px; background-position:-500px -80px;} .gnbwrap .gnb .nav .snav li.snav13_6{width:52px; background-position:-500px -100px;} .gnbwrap .gnb .nav .snav li.snav13_7{width:63px; background-position:-500px -120px;} .gnbwrap .gnb .nav .snav li.snav13_8{width:39px; background-position:-500px -140px;} .gnbwrap .gnb .nav .snav li.snav13_9{width:52px; background-position:-500px -160px;} .gnbwrap .gnb .nav .snav li.snav13_10{width:52px; background-position:-500px -180px;} .gnbwrap .gnb .nav .snav li.snav13_1.on, .gnbwrap .gnb .nav .snav li.snav13_1:hover{background-position:-500px -200px;} .gnbwrap .gnb .nav .snav li.snav13_2.on, .gnbwrap .gnb .nav .snav li.snav13_2:hover{background-position:-500px -220px;} .gnbwrap .gnb .nav .snav li.snav13_3.on, .gnbwrap .gnb .nav .snav li.snav13_3:hover{background-position:-500px -240px;} .gnbwrap .gnb .nav .snav li.snav13_4.on, .gnbwrap .gnb .nav .snav li.snav13_4:hover{background-position:-500px -260px;} .gnbwrap .gnb .nav .snav li.snav13_5.on, .gnbwrap .gnb .nav .snav li.snav13_5:hover{background-position:-500px -280px;} .gnbwrap .gnb .nav .snav li.snav13_6.on, .gnbwrap .gnb .nav .snav li.snav13_6:hover{background-position:-500px -300px;} .gnbwrap .gnb .nav .snav li.snav13_7.on, .gnbwrap .gnb .nav .snav li.snav13_7:hover{background-position:-500px -320px;} .gnbwrap .gnb .nav .snav li.snav13_8.on, .gnbwrap .gnb .nav .snav li.snav13_8:hover{background-position:-500px -340px;} .gnbwrap .gnb .nav .snav li.snav13_9.on, .gnbwrap .gnb .nav .snav li.snav13_9:hover{background-position:-500px -360px;} .gnbwrap .gnb .nav .snav li.snav13_10.on, .gnbwrap .gnb .nav .snav li.snav13_10:hover{background-position:-500px -380px;} .gnbwrap .gnb .nav .snav14{padding-left:170px;}/* 성형센터 */ .gnbwrap .gnb .nav .snav li.snav14_1{width:64px; background-position:-600px -0px;} .gnbwrap .gnb .nav .snav li.snav14_2{width:64px; background-position:-600px -20px;} .gnbwrap .gnb .nav .snav li.snav14_3{width:77px; background-position:-600px -40px;} .gnbwrap .gnb .nav .snav li.snav14_4{width:77px; background-position:-600px -60px;} .gnbwrap .gnb .nav .snav li.snav14_1.on, .gnbwrap .gnb .nav .snav li.snav14_1:hover{width:64px; background-position:-600px -200px;} .gnbwrap .gnb .nav .snav li.snav14_2.on, .gnbwrap .gnb .nav .snav li.snav14_2:hover{width:64px; background-position:-600px -220px;} .gnbwrap .gnb .nav .snav li.snav14_3.on, .gnbwrap .gnb .nav .snav li.snav14_3:hover{width:77px; background-position:-600px -240px;} .gnbwrap .gnb .nav .snav li.snav14_4.on, .gnbwrap .gnb .nav .snav li.snav14_4:hover{width:77px; background-position:-600px -260px;} .gnbwrap .gnb .nav .snav15{padding-left:370px;} /* 남성성형센터 */ .gnbwrap .gnb .nav .snav li.snav15_1{width:39px; background-position:-700px -0px;} .gnbwrap .gnb .nav .snav li.snav15_2{width:39px; background-position:-700px -20px;} .gnbwrap .gnb .nav .snav li.snav15_1{width:39px; background-position:-700px -0px;} .gnbwrap .gnb .nav .snav li.snav15_2{width:39px; background-position:-700px -20px;} .gnbwrap .gnb .nav .snav16{padding-left:200px;} /* 체형성형센터 */ .gnbwrap .gnb .nav .snav li.snav16_1{width:51px; background-position:-800px -0px;} .gnbwrap .gnb .nav .snav li.snav16_2{width:77px; background-position:-800px -20px;} .gnbwrap .gnb .nav .snav li.snav16_3{width:64px; background-position:-800px -40px;} .gnbwrap .gnb .nav .snav li.snav16_4{width:51px; background-position:-800px -60px;} .gnbwrap .gnb .nav .snav li.snav16_5{width:51px; background-position:-800px -80px;} .gnbwrap .gnb .nav .snav li.snav16_6{width:26px; background-position:-800px -100px;} .gnbwrap .gnb .nav .snav li.snav16_7{width:39px; background-position:-800px -120px;} .gnbwrap .gnb .nav .snav li.snav16_8{width:51px; background-position:-800px -140px;} .gnbwrap .gnb .nav .snav li.snav16_9{width:77px; background-position:-800px -160px;} .gnbwrap .gnb .nav .snav li.snav16_1.on, .gnbwrap .gnb .nav .snav li.snav16_1:hover{width:51px; background-position:-800px -200px;} .gnbwrap .gnb .nav .snav li.snav16_2.on, .gnbwrap .gnb .nav .snav li.snav16_2:hover{width:77px; background-position:-800px -220px;} .gnbwrap .gnb .nav .snav li.snav16_3.on, .gnbwrap .gnb .nav .snav li.snav16_3:hover{width:64px; background-position:-800px -240px;} .gnbwrap .gnb .nav .snav li.snav16_4.on, .gnbwrap .gnb .nav .snav li.snav16_4:hover{width:51px; background-position:-800px -260px;} .gnbwrap .gnb .nav .snav li.snav16_5.on, .gnbwrap .gnb .nav .snav li.snav16_5:hover{width:51px; background-position:-800px -280px;} .gnbwrap .gnb .nav .snav li.snav16_6.on, .gnbwrap .gnb .nav .snav li.snav16_6:hover{width:26px; background-position:-800px -300px;} .gnbwrap .gnb .nav .snav li.snav16_7.on, .gnbwrap .gnb .nav .snav li.snav16_7:hover{width:39px; background-position:-800px -320px;} .gnbwrap .gnb .nav .snav li.snav16_8.on, .gnbwrap .gnb .nav .snav li.snav16_8:hover{width:51px; background-position:-800px -340px;} .gnbwrap .gnb .nav .snav li.snav16_9.on, .gnbwrap .gnb .nav .snav li.snav16_9:hover{width:77px; background-position:-800px -360px;} .gnbwrap .gnb .nav .snav17{padding-left:370px;} /* 동안성형센터 */ .gnbwrap .gnb .nav .snav li.snav17_1{width:64px; background-position:-900px -00px;} .gnbwrap .gnb .nav .snav li.snav17_2{width:64px; background-position:-900px -20px;} .gnbwrap .gnb .nav .snav li.snav17_3{width:51px; background-position:-900px -40px;} .gnbwrap .gnb .nav .snav li.snav17_4{width:51px; background-position:-900px -60px;} .gnbwrap .gnb .nav .snav li.snav17_5{width:51px; background-position:-900px -80px;} .gnbwrap .gnb .nav .snav li.snav17_6{width:39px; background-position:-900px -100px;} .gnbwrap .gnb .nav .snav li.snav17_7{width:64px; background-position:-900px -120px;} .gnbwrap .gnb .nav .snav li.snav17_1.on, .gnbwrap .gnb .nav .snav li.snav17_1:hover{width:64px; background-position:-900px -200px;} .gnbwrap .gnb .nav .snav li.snav17_2.on, .gnbwrap .gnb .nav .snav li.snav17_2:hover{width:64px; background-position:-900px -220px;} .gnbwrap .gnb .nav .snav li.snav17_3.on, .gnbwrap .gnb .nav .snav li.snav17_3:hover{width:51px; background-position:-900px -240px;} .gnbwrap .gnb .nav .snav li.snav17_4.on, .gnbwrap .gnb .nav .snav li.snav17_4:hover{width:51px; background-position:-900px -260px;} .gnbwrap .gnb .nav .snav li.snav17_5.on, .gnbwrap .gnb .nav .snav li.snav17_5:hover{width:51px; background-position:-900px -280px;} .gnbwrap .gnb .nav .snav li.snav17_6.on, .gnbwrap .gnb .nav .snav li.snav17_6:hover{width:39px; background-position:-900px -300px;} .gnbwrap .gnb .nav .snav li.snav17_7.on, .gnbwrap .gnb .nav .snav li.snav17_7:hover{width:64px; background-position:-900px -320px;} .gnbwrap .gnb .nav .snav18{padding-left:560px;} /* 피부성형센터 */ .gnbwrap .gnb .nav .snav li.snav18_1{width:28px; background-position:-1000px -0px;} .gnbwrap .gnb .nav .snav li.snav18_2{width:66px; background-position:-1000px -20px;} .gnbwrap .gnb .nav .snav li.snav18_3{width:28px; background-position:-1000px -40px;} .gnbwrap .gnb .nav .snav li.snav18_4{width:28px; background-position:-1000px -60px;} .gnbwrap .gnb .nav .snav li.snav18_5{width:51px; background-position:-1000px -80px;} .gnbwrap .gnb .nav .snav li.snav18_6{width:51px; background-position:-1000px -100px;} .gnbwrap .gnb .nav .snav li.snav18_1.on, .gnbwrap .gnb .nav .snav li.snav18_1:hover{background-position:-1000px -200px;} .gnbwrap .gnb .nav .snav li.snav18_2.on, .gnbwrap .gnb .nav .snav li.snav18_2:hover{background-position:-1000px -220px;} .gnbwrap .gnb .nav .snav li.snav18_3.on, .gnbwrap .gnb .nav .snav li.snav18_3:hover{background-position:-1000px -240px;} .gnbwrap .gnb .nav .snav li.snav18_4.on, .gnbwrap .gnb .nav .snav li.snav18_4:hover{background-position:-1000px -260px;} .gnbwrap .gnb .nav .snav li.snav18_5.on, .gnbwrap .gnb .nav .snav li.snav18_5:hover{background-position:-1000px -280px;} .gnbwrap .gnb .nav .snav li.snav18_6.on, .gnbwrap .gnb .nav .snav li.snav18_6:hover{background-position:-1000px -300px;} .gnbwrap .gnb .nav .snav19{padding-left:610px;} /* 모발이식 */ .gnbwrap .gnb .nav .snav li.snav19_1{width:51px; background-position:-1100px -0px;} .gnbwrap .gnb .nav .snav li.snav19_2{width:26px; background-position:-1100px -20px;} .gnbwrap .gnb .nav .snav li.snav19_3{width:51px; background-position:-1100px -40px;} .gnbwrap .gnb .nav .snav li.snav19_4{width:97px; background-position:-1100px -60px;} .gnbwrap .gnb .nav .snav li.snav19_5{width:39px; background-position:-1100px -80px;} .gnbwrap .gnb .nav .snav li.snav19_1.on, .gnbwrap .gnb .nav .snav li.snav19_1:hover{width:51px; background-position:-1100px -200px;} .gnbwrap .gnb .nav .snav li.snav19_2.on, .gnbwrap .gnb .nav .snav li.snav19_2:hover{width:26px; background-position:-1100px -220px;} .gnbwrap .gnb .nav .snav li.snav19_3.on, .gnbwrap .gnb .nav .snav li.snav19_3:hover{width:51px; background-position:-1100px -240px;} .gnbwrap .gnb .nav .snav li.snav19_4.on, .gnbwrap .gnb .nav .snav li.snav19_4:hover{width:97px; background-position:-1100px -260px;} .gnbwrap .gnb .nav .snav li.snav19_5.on, .gnbwrap .gnb .nav .snav li.snav19_5:hover{width:39px; background-position:-1100px -280px;} .gnbwrap .gnb .nav .snav20{padding-left:680px;} /* 반영구 */ .gnbwrap .gnb .nav .snav li.snav20_1{width:51px; background-position:-1200px -0px;} .gnbwrap .gnb .nav .snav li.snav20_2{width:51px; background-position:-1200px -20px;} .gnbwrap .gnb .nav .snav li.snav20_3{width:26px; background-position:-1200px -40px;} .gnbwrap .gnb .nav .snav li.snav20_4{width:26px; background-position:-1200px -60px;} .gnbwrap .gnb .nav .snav li.snav20_5{width:26px; background-position:-1200px -80px;} .gnbwrap .gnb .nav .snav li.snav20_1.on, .gnbwrap .gnb .nav .snav li.snav20_1:hover{width:51px; background-position:-1200px -200px;} .gnbwrap .gnb .nav .snav li.snav20_2.on, .gnbwrap .gnb .nav .snav li.snav20_2:hover{width:51px; background-position:-1200px -220px;} .gnbwrap .gnb .nav .snav li.snav20_3.on, .gnbwrap .gnb .nav .snav li.snav20_3:hover{width:26px; background-position:-1200px -240px;} .gnbwrap .gnb .nav .snav li.snav20_4.on, .gnbwrap .gnb .nav .snav li.snav20_4:hover{width:26px; background-position:-1200px -260px;} .gnbwrap .gnb .nav .snav li.snav20_5.on, .gnbwrap .gnb .nav .snav li.snav20_5:hover{width:26px; background-position:-1200px -280px;} .gnbwrap .gnb .nav .snav21{padding-left:690px;} /* 여성성형센터 */ .gnbwrap .gnb .nav .snav li.snav21_1{width:41px; background-position:-1260px -0px;} .gnbwrap .gnb .nav .snav li.snav21_2{width:51px; background-position:-1260px -20px;} .gnbwrap .gnb .nav .snav li.snav21_3{width:51px; background-position:-1260px -40px;} .gnbwrap .gnb .nav .snav li.snav21_4{width:63px; background-position:-1260px -60px;} .gnbwrap .gnb .nav .snav li.snav21_1.on, .gnbwrap .gnb .nav .snav li.snav21_1:hover{background-position:-1260px -200px;} .gnbwrap .gnb .nav .snav li.snav21_2.on, .gnbwrap .gnb .nav .snav li.snav21_2:hover{background-position:-1260px -220px;} .gnbwrap .gnb .nav .snav li.snav21_3.on, .gnbwrap .gnb .nav .snav li.snav21_3:hover{background-position:-1260px -240px;} .gnbwrap .gnb .nav .snav li.snav21_4.on, .gnbwrap .gnb .nav .snav li.snav21_4:hover{background-position:-1260px -260px;} /*######################################################*/ /*######################################################*/ /*######################################################*/ /*######################################################*/ /* 메인 */ /* jssor slider arrow navigator skin 20 css */ /* .jssora20l (normal) .jssora20r (normal) .jssora20l:hover (normal mouseover) .jssora20r:hover (normal mouseover) .jssora20l.jssora20ldn (mousedown) .jssora20r.jssora20rdn (mousedown) */ .jssora20l, .jssora20r { display: block; position: absolute; /* size of arrow element */ width: 55px; height: 55px; cursor: pointer; background: url(../img/a20.png) no-repeat; overflow: hidden; } .btn_msleft { background-position: -3px -33px; } .btn_msright { background-position: -63px -33px; } .btn_msleft:hover { background-position: -123px -33px; } .btn_msright:hover { background-position: -183px -33px; } .btn_msleft.btn_msleftdn { background-position: -243px -33px; } .btn_msright.btn_msrightdn { background-position: -303px -33px; } .container.content{width:100%; min-width:1200px; display:inline-block; text-align:center; position:relative; z-index:8;} .container.subcontent{margin-top:180px;} /* main */ .title{width:100%; text-align:center;} .title.main{margin:0 auto; margin-top:30px;} .section{width:100%; margin:0 auto; display:inline-block; margin-top:50px;} .section.mconsec2{margin-top:30px;} .section .conwrap{clear:both; width:1200px; margin:0 auto; text-align:center; display:inline-block;} .section .conleft, .section .conright{float:left; display:inline-block;} .section .conleft .article, .section .conright .article{display:inline-block;} .section .article .tabgroup li{float:left;} .section .main_intro{height:717px; margin-top:30px;} .section .intro_img{display:block; width:1200px; height:649px; margin-top:30px; clear:both;} /* 메인 동영상 */ .main_intro .intro_mv{float:left; width:771px; height:338px; margin-right:34px; overflow:hidden;} .main_intro .intro_mv iframe{overflow:hidden; z-index:1;} .main_intro .intro_img_right{float:left; height:338px;} .mcon1{width:771px; margin-right:34px;} .mcon1 .m_btn_set{margin-top:60px;} .tabgroup.maingoto li{margin-left:5px;} .tabgroup.maingoto li:first-child{margin-left:0px;} .tabgroup.maingoto .mbtn{width:253px; height:242px; position:relative;} .tabgroup.maingoto .mbtn a span{width:253px; height:242px; display:block; background:url(/images/main/sp_main_btn.png) no-repeat; position:absolute; top:0; left:0;} .tabgroup.maingoto .mbtn a span.on{z-index:20; } .tabgroup.maingoto .mbtn a span.off{z-index:10;} .tabgroup.maingoto .mbtn.btn_01 a span.off{ background-position:0px -0px;} .tabgroup.maingoto .mbtn.btn_02 a span.off{ background-position:-259px -0px;} .tabgroup.maingoto .mbtn.btn_03 a span.off{ background-position:-518px -0px;} .tabgroup.maingoto .mbtn.btn_01 a span.on{background-position:0px -260px;} .tabgroup.maingoto .mbtn.btn_02 a span.on{background-position:-259px -260px;} .tabgroup.maingoto .mbtn.btn_03 a span.on{background-position:-518px -260px;} .mcon2{width:395px;} /* ################################### */ /* sub 공통 */ /* ################################### */ .wrapbox{width:100%; height:auto; display:inline-block;} .tab li h2, .tab li h3{width:100%; height:100%; display:block;} .tab li h2 a{height:100%;display:block;} .subtab li h2, .subtab li h3{width:100%; height:100%; display:block;} .subtab li h2 a span , .subtab li h3 a span{width:100%; height:100%; display:block; text-indent:-1000px;} .subwrap > h1{margin-top:55px;} .subwrap .section{margin-top:50px;} .subwrap>h1{margin-top:55px;} .subwrap>h2{margin-top:150px;} .subwrap>h2.first{margin-top:140px;} .subwrap.info >h2.first{margin-top:90px;} .section.tab{width:100%; display:inline-block; text-align:center;} .section.tab ul{width:1200px; margin:0 auto; } .section.tab ul li{float:left;} .section.subtab{width:1200px; height:40px; margin:0 auto; margin-top:27px; background:url(/images/bg_subtab.gif) repeat-x center; clear:both;} .subtab ul{float:right; position:relative; left:-50%;} .subtab ul li{float:left; position:relative; left:50%; margin-left:94px;} .subtab ul li:first-child{margin-left:0px;} .section .sec_bar{float:left;} .section .bar1px{width:100%; height:58px; display:inline-block; border-bottom:1px solid #eeefef;} .section.text_ident{text-indent:-6000px; overflow:hidden;} .section.subvisual{position:relative; margin-top:18px;} .section .info_bar{width:100%; height:107px; position:absolute; bottom:0px;} .section .vimg{width:100%; display:inline-block;} /* ################################### */ /* 남성성형센터 */ /* ################################### */ .tab .men_tab{margin-top:35px;} .men_tab li{width:600px; height:58px; background:url(/images/men/sp_men_tab.gif) no-repeat; overflow:hidden;} .men_tab li.tab11{background-position:0 0;} .men_tab li.tab12{background-position:0 -58px;} .men_tab li.tab11.on, .men_tab li.tab11:hover{background-position:-600px 0;} .men_tab li.tab12.on, .men_tab li.tab12:hover{background-position:-600px -58px;} /* 남성성형센터 */ /* 남성성형센터 */ /* 남성성형센터 */ .section.men_01{margin-top:30px} .section.men_01 .vimg{height:677px; position:relative; background:url(/images/men/vimg_men_ophthalmo_01.jpg) no-repeat center;} .section.men_01 .vimg .info_bar{background:url(/images/men/bar_men_surgery_info.png) no-repeat center;} .section.men_02 .vimg{height:1093px; background:url(/images/men/vimg_men_ophthalmo_02.jpg) no-repeat center;} .section.men_03 .vimg{height:543px; background:url(/images/men/vimg_men_ophthalmo_03.jpg) no-repeat center;} .section.men_04 .vimg{height:880px; background:url(/images/men/vimg_men_ophthalmo_04.jpg) no-repeat center;} .section.men_05 .vimg{height:965px; background:url(/images/men/vimg_men_ophthalmo_05.jpg) no-repeat center;} .section.men_06 .vimg{height:916px; background:url(/images/men/vimg_men_ophthalmo_06.jpg) no-repeat center;} .section.men_11{margin-top:30px} .section.men_11 .vimg{height:678px; position:relative; background:url(/images/men/vimg_men_rhino_01.jpg) no-repeat center;} .section.men_11 .vimg .info_bar{background:url(/images/men/bar_men_surgery_info.png) no-repeat center;} .section.men_12 .vimg{height:1093px; background:url(/images/men/vimg_men_rhino_02.jpg) no-repeat center;} .section.men_13 .vimg{height:1031px; background:url(/images/men/vimg_men_rhino_03.jpg) no-repeat center;} .section.men_14 .vimg{height:772px; background:url(/images/men/vimg_men_rhino_04.jpg) no-repeat center;} .section.men_15 .vimg{height:931px; background:url(/images/men/vimg_men_rhino_05.jpg) no-repeat center;} .section.men_16 .vimg{height:916px; background:url(/images/men/vimg_men_rhino_06.jpg) no-repeat center;} /* ################################### */ /* info */ /* ################################### */ legend{display:none;} .tab .info_tab{margin-top:35px;} .info_tab li{width:200px; height:58px; background:url(/images/info/sp_tab_info.png) no-repeat; overflow:hidden;} .info_tab li.tab11{background-position:0 0;} .info_tab li.tab12{background-position:-200px 0px;} .info_tab li.tab13{background-position:-400px -0px;} .info_tab li.tab14{background-position:-600px -0px;} .info_tab li.tab15{background-position:-800px -0px;} .info_tab li.tab16{background-position:-1000px -0px;} .info_tab li.tab11.on, .info_tab li.tab11:hover{background-position:0 -60px;} .info_tab li.tab12.on, .info_tab li.tab12:hover{background-position:-200px -60px;} .info_tab li.tab13.on, .info_tab li.tab13:hover{background-position:-400px -60px;} .info_tab li.tab14.on, .info_tab li.tab14:hover{background-position:-600px -60px;} .info_tab li.tab15.on, .info_tab li.tab15:hover{background-position:-800px -60px;} .info_tab li.tab16.on, .info_tab li.tab16:hover{background-position:-1000px -60px;} /* 성형외과소개 */ /* 성형외과소개 */ /* 의료진소개 .section.info_12{margin-top:30px} .section.info_12 .vimg{height:677px; position:relative; background:url(/images/info/vimg_info_12_01.jpg) no-repeat center;} .section.info_12 .vimg .info_bar{background:url(/images/info/bar_info_11.png) no-repeat center;} */ .info .section{position:relative;} .section .vimg .btn_viewdoctor{width:1200px; height:743px; margin:0 auto; text-align:right;} .section .vimg .btn_viewdoctor a{width:400px; height:500px; float:right; margin:120px 50px 0 0;} .section .vimg .btn_viewdoctor.v2 a{width:400px; height:500px; float:left; margin:120px 50px 0 0;} .section .vimg .btn_viewdoctor a span{width:100%; height:100%; display:none; overflow:hidden;} .section.info_11_01 .vimg{height:743px; background:url(/images/info/vimg_info_11_01.jpg) no-repeat center;} .section.info_11_02 .vimg{height:743px; background:url(/images/info/vimg_info_11_02.jpg) no-repeat center;} .section.info_11_03 .vimg{height:743px; background:url(/images/info/vimg_info_11_03.jpg) no-repeat center;} .section.info_11_04 .vimg{height:743px; background:url(/images/info/vimg_info_11_04.jpg) no-repeat center;} /* .section.info_11_01{height:743px; background:url(/images/info/vimg_info_11_01.jpg) no-repeat center;} .section.info_11_02{height:743px; background:url(/images/info/vimg_info_11_02.jpg) no-repeat center;} .section.info_11_03{height:743px; background:url(/images/info/vimg_info_11_03.jpg) no-repeat center;} */ .doctor_area .contents{} .modal_mask {width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:50; display:none/*none===>*/;} .modal_mask > .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:black; opacity:0.8; z-index:50;} .modal_mask > div {width:1200px; height:590px; position:relative; margin:0 auto; z-index:9999;} .modal_mask > div > .dr_con {position:relative; width:100%; height:100%; overflow:hidden;} .modal_mask > div > .dr_con > ul {width:100%; height:100%; position:relative;} .modal_mask > div > .dr_con > ul > li {width:100%; height:100%; position:absolute; top:0;} .modal_mask > div > .dr_con > ul > li.dr_01 {background:url('/images/info/dr_info_11_01.jpg') 0 0 no-repeat; left:0;} .modal_mask > div > .dr_con > ul > li.dr_02 {background:url('/images/info/dr_info_11_02.jpg') 0 0 no-repeat; left:0;} .modal_mask > div > .dr_con > ul > li.dr_03 {background:url('/images/info/dr_info_11_03.jpg') 0 0 no-repeat; left:0;} .modal_mask > div > .dr_con > ul > li.dr_04 {background:url('/images/info/dr_info_11_04.jpg') 0 0 no-repeat; left:0;} .modal_mask > div > .dr_con > ul > li > div {width:685px; position:absolute; top:225px; left:58px;} .modal_mask > div > .control_bar {width:100%; height:50px; position:absolute; bottom:0; overflow:hidden;} .modal_mask > div > .control_bar > li {float:left; border-right:1px solid #c6c8cd; position:relative; z-index:9995;} .modal_mask > div > .control_bar > li.btb_03 {float:right; border:none;} .modal_mask > div > .control_bar > li.bg {width:100%; height:50px; background:#fff; z-index:9990; opacity:0.7; position:absolute; top:0;} .modal_mask > div.mv_area {width:910px; height:540px; position:relative; margin:0 auto; z-index:51; padding:10px;} .modal_mask > div.mv_area > .control_bar {width:890px; height:50px; position:absolute; bottom:0; overflow:hidden; background:#fff;} .modal_mask > div.mv_area > .mv_con {position:relative; width:100%; height:100%; z-index:52; overflow:hidden;} .section.info_12_02 .vimg{height:743px; background:url(/images/info/vimg_info_12_02.jpg) no-repeat center;} .section.info_12_03{width:1200px; margin:0 auto; margin-top:111px;} .section.info_12_03 .sec_bar{width:264px; height:431px; background:url(/images/info/vimg_info_12_03.jpg) no-repeat; overflow:hidden; margin-left:111px;} .section.info_12_03 .bar_1{background-position:0 0;} .section.info_12_03 .bar_1 a{width:100%; height:100%; display:block;} .section.info_12_03 .bar_2{width:295px; height:482px; background-position:-373px 0;} .section.info_12_03 .bar_3{background-position:-748px 0;} .section.info_14_02 .vimg{height:1006px; background:url(/images/info/vimg_info_14_02.png) no-repeat center;} .section.info_14_03 ul li.txt{height:32px; overflow:hidden;} .section.info_14_04 .vimg{height:407px; background:url(/images/info/vimg_info_14_04.jpg) no-repeat center;} .section.info_14_05 .vimg{height:1389px; background:url(/images/info/vimg_info_14_05.jpg) no-repeat center; margin-top:80px;} .section.info_14_06 .vimg{height:580px; background:url(/images/info/vimg_info_14_06.jpg) no-repeat center; margin-top:80px;} /* ################################### */ /* 게시판 */ /* ################################### */ /* 온라인상담 */ .tab .counsel_tab{margin-top:35px;} .counsel_tab li{width:400px; height:58px; background:url(/images/counsel/sp_tab_counsel.png) no-repeat; overflow:hidden;} .counsel_tab li.tab11{background-position:0 0;} .counsel_tab li.tab12{background-position:-400px -0px;} .counsel_tab li.tab13{background-position:-800px -0px;} .counsel_tab li.tab11.on, .counsel_tab li.tab11:hover{background-position:-0px -60px;} .counsel_tab li.tab12.on, .counsel_tab li.tab12:hover{background-position:-400px -60px;} .counsel_tab li.tab13.on, .counsel_tab li.tab13:hover{background-position:-800px -60px;} .bbswrap{width:1200px; margin:0 auto; display:inline-block; text-align:justify;} .bbswrap > h1{margin-top:55px; text-align:center;} .bbswrap .bbs_txt{text-align:left; margin-top:90px;} .bbswrap .conwrap{width:100%; margin-top:40px; clear:both; display:inline-block;} .tbl{width:100%;} .tbl_head{border-top:2px solid #000; border-bottom:1px solid #000;} .tbl_head th{padding:4px 0px 3px 0px; text-align:center; border-left:1px solid #ccc;} .tbl_head th:first-child{border:none;} .tbl_list td{padding:13px 0; border-bottom:1px solid #e0e0e0;} .tbl th.no{width:100px;} .tbl th.ca{width:100px;} .tbl th.tit{width:700px;} .tbl th.tit.v2{width:600px;} .tbl th.wr{width:150px;} .tbl th.dt{width:150px;} .tbl td{ text-align:center;} .tbl td.no{width:120px;} .tbl td.ca{width:120px;} .tbl td.tit{width:700px; text-align:left; padding-left:20px;} .tbl td.tit.v2{width:580px; text-align:left; padding-left:20px;} .tbl td.wr{width:170px;} .tbl td.dt{width:170px;} .tbl.chk .no{width:100px;} .tbl.chk .check{width:30px;} .tbl.chk .tit{width:630px;} .tbl.chk .wr{width:150px;} .tbl.chk .dt{width:150px;} .tbl.chk td.no{width:120px;} .tbl.chk td.check{width:50px;} .tbl.chk td.tit{width:650px;} .tbl.chk td.wr{width:170px;} .tbl.chk td.dt{width:170px;} .tbl.tbl_counsel{width:100%;} .tbl.tbl_counsel td{ text-align:center;} .tbl.tbl_counsel td.no{width:100px;} .tbl.tbl_counsel td.ca{width:100px;} .tbl.tbl_counsel td.tit{width:560px; text-align:left; padding-left:20px;} .tbl.tbl_counsel td.wr{width:125px;} .tbl.tbl_counsel td.sta{width:125px;} .tbl.tbl_counsel td.dt{width:125px;} .tbl.tbl_counsel th{ text-align:center;} .tbl.tbl_counsel th.no{width:90px;} .tbl.tbl_counsel th.ca{width:100px;} .tbl.tbl_counsel th.tit{width:590px; text-align:left; padding-left:20px;} .tbl.tbl_counsel th.wr{width:130px;} .tbl.tbl_counsel th.sta{width:130px;} .tbl.tbl_counsel th.dt{width:130px;} .ico_statu{border-radius:1px; width:68px; height:18px; text-align:center; line-height:18px; color:#fff; background-color:#aeaeae; font-size:12px; display:block; margin:0 auto;} .ico_statu.counsel_T{background-color:#ce3e74;} .conwrapper{width:100%; background:url(/images/bg_wr_conwrapper.png) repeat-y;} .conwrapper.head{ border-top:2px solid #201f1e;} .conwrapper.con{height:auto; display:inline-block; border-top:1px solid #201f1e;} .conwrapper.con.counsel{border-top:none;} .conwrapper ul{width:100%; display:inline-block;} .conwrapper ul.noborder{border-bottom:none !important;} .conwrapper ul.filelist{border-bottom:1px solid #e6e6e6;} .conwrapper ul.filelist li{border-bottom:none;} .conwrapper ul.ulborder{border-bottom:1px solid #e6e6e6;} .conwrapper ul.ulborder li{border-bottom:none;} .conwrapper.head ul{width:100%; line-height:50px; } .conwrapper ul li{float:left; height:auto; min-height:41px; line-height:41px; padding-top:10px; border-bottom:1px solid #e6e6e6;} .conwrapper ul li.headtxt{width:150px; font-weight:bold;text-align:center; background-color:#f7f7f7;} .conwrapper ul li.contxt{width:1030px; padding-left:20px;} .conwrapper ul li.contxt img.spacer{float:left; width:1px; height:100%; display:block;} .conwrapper ul li.contxt.only{width:1000px;} .conwrapper ul li.contxt.wr{width:360px;} .conwrapper ul li.contxt.dt{width:500px;} .conwrapper ul li.contxt .filewrap{margin:10px;} /* //select 효과 */ .conwrapper ul li.contxt .cate{ position: relative; width: 150px; height: 30px; background: url(/images/select_arrow.png) 130px center no-repeat; border: 1px solid #d4d4d4; margin:8px 0 10px;} .conwrapper ul li.contxt .cate label{position: absolute; font-size: 14px; color: #828282; top:-8px; left: 12px; letter-spacing: 1px;} .conwrapper ul li.contxt .cate select#ca_code1 {width: 100%; height: 30px; min-height: 40px; line-height: 30px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ background-color:rgba(255,255,255,1);} .conwrapper ul li.contxt .cate.selectwrap{margin-top:0px; height:28px;} .conwrapper ul li.contxt .cate.selectwrap label{} .conwrapper ul li.contxt .cate.selectwrap select#ca_code1 {} /* select 효과// */ /* //select 효과 전체*/ .selectwrap{float:left; position: relative; width: 100px; height: 25px; background: url(/images/select_arrow.png) 80px center no-repeat; border: 1px solid #d4d4d4; margin:4px 0 10px;} .selectwrap label{position: absolute; font-size: 14px; color: #828282; top:-10px; left: 12px; letter-spacing: 1px;} .selectwrap select.selector {width: 100%; height: 30px; min-height: 40px; line-height: 30px; padding: 0 10px; opacity: 0; filter: alpha(opacity=0); /* IE 8 */ background-color:rgba(255,255,255,1);} /* select 효과// 전체 */ .conwrapper ul.txta{height:100%; min-height:200px;} .conwrapper ul.txta li{height:100%; line-height:20px;} .conwrapper ul.txta li.headtxt{height:auto; min-height:245px; display:block;} .conwrapper ul.txta li.contxt{width:1000px; padding:25px;} .conwrapper ul.txta li.contxt .txta{width:1000px; height:150px;} .fld_input{width:90%; font-size:13px; font-weight:bold; color:#666; padding:5px; border:1px solid #e9e9e9;} .fld_input.w50{width:50px;} .fld_input.w30p{width:30%;} .fld_input.w50p{width:50%;} .fld_input.name{width:100px;} .list_tab{width:100%; margin:20px 0; display:inline-block;} .list_tab ul li{float:left; box-sizing:border-box; } .list_tab ul li span{width:100%; height:100%; display:block; text-indent:0;} .list_tab ul.press li{width:103px; height:47px; line-height:47px; text-align:center; font-size:14px; border:1px solid #bababa; margin-left:6px;} .list_tab ul.press li:first-child{width:110px;margin-left:0px;} .list_tab ul.press li a{color:#000;} .list_tab ul.press li:hover, .list_tab ul.press li.on{border-color:#343434; background-color:#343434;} .list_tab ul.press li:hover a, .list_tab ul.press li.on a{color:#fff;} .nonlist{width:100%; line-height:50px; font-weight:bold; font-size:14px; text-align:center;} #write_content{width:1100px; padding:30px 50px; text-align:justify !important; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; }/*background-color:#f1f1f1; */ #write_content .ex_img{width:100%; height:auto; display:inline-block; text-align:center; margin:0px 0px 20px 0px;} #write_content .ex_img img{max-width:90%; padding:10px; border:1px solid #dfdfdf;} #counsel_content{width:1100px; padding:30px 50px; text-align:justify !important; background-color:#fff; border-top:1px solid #e6e6e6;} #re_content{width:1050px; padding:40px 75px; text-align:justify !important; background-color:#f1f1f1; border-top:1px solid #e6e6e6; position:relative;} #re_content h3{width:100%; height:50px; font-size:24px; color:#1959b1; font-weight:normal;} #re_content h3 .fb{font-weight:bold;} #attach_filelist{width:100%; display:inline-block;} #attach_filelist ul{float:left; width:200px; position:relative; text-align:center; border:1px solid #e6e6e6; margin-right:20px;} #attach_filelist ul li{padding:10px;} #attach_filelist ul li:first-child{border-bottom:1px solid #e6e6e6;} /* ################################### */ /* 보도자료 */ /* ################################### */ .listset:before, .listset:after {content:""; display:table; height:0;} .listset:after {clear:both;} /* For IE 6/7 (trigger hasLayout) */ .listset {zoom:1; *zoom: expression(this.runtimeStyle.zoom="1", this.appendChild(document.createElement("br")).style.cssText="clear:both;font:0/0 serif");} .listset > div > dl > dt > div > img{max-width:277px; } /* portfolio */ #presslist{} #presslist > div{float: left; width: 100%; margin-top:45px;} #presslist > div.first{margin-top:20px;} #presslist > div:first-child{ padding-top: 0;border-top: none;} #presslist dl{ position: relative; float: left; width: 277px; height: 254px;margin: 0 0 10px 30px; overflow: hidden; box-sizing:border-box; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} #presslist dl:hover{background: #c0d3e7; -webkit-box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.2);} #presslist dl:first-child{margin: 0;} #presslist dl dt{width: 277px; height: 254px; text-align: center;background: #fff; position:relative;} #presslist dl dt div.img{position:absolute; top:0px; opacity: 1; filter: alpha(opacity=1); vertical-align:top;} #presslist dl dt div.tit{position:absolute; bottom:0px !important; width:247px; height:25px; padding:10px 15px; font-weight:bold; background-color:#fff; opacity: 0.9; filter: alpha(opacity=0.9);} #presslist dl div.chkbox{position:absolute; top:0px; z-index:10; width:20px; height:20px; background-color:#fff;} #presslist dl dd{position: absolute; top: 130px; left: 0px; width: 277px; height: 130px; background: #171717; text-align:center; color:#fff; opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease;} #presslist dl:hover dd{left: 0px; opacity: 0.9;} #presslist dl dd h3{width:120px; margin:0 auto; padding:15px 5px 20px 5px; text-transform: uppercase; border-bottom: #afafaf 1px solid; color:#af8d35;} #presslist dl dd h4{width:250px; margin:0 auto; margin-top: 20px; font-size: 14px;} #presslist dl .ribon_best{position:absolute; top:0px; left:10px; z-index:10;} /* ################################### */ /* 수술전후 */ /* ################################### */ /* 리스트 뷰 */ #bnfviewwrap{position:relative; width:983px; height:620px; margin:35px auto; overflow:hidden; padding:30px; border:1px solid #e7e7e7;} .beforenafter{position:relative; width:100%;} #rolling{clear:both; position:relative; width:100%; height:auto; min-height:620px; margin:0 auto; border:1px solid #e7e7e7;}/* overflow:hidden; */ #rolling .wrap{position:absolute; left:1px; top:1px;} #rolling .wrap li{float:left; position:relative;} #rolling .wrap li img{width:980px; height:auto;} #rolling .wrap li .slide_txt{width:100%; height:50px; position:absolute; left:0; bottom:1px; background:url(/images/bg_rolling_txt.png); text-align:center; line-height:50px; color:#fff; font-weight:bold; z-index:11;} #bnfviewwrap .btn_roll{position:absolute; bottom:55px; left:50%; text-align:center; border:none; z-index:10;} #bnfviewwrap .btn_roll ul {display: inline-block; margin: 0 auto; width:auto;} #bnfviewwrap .btn_roll ul li{float:left; position:relative; right:50%; margin-right:1px;} #bnfviewwrap .btn_roll ul li a{display:block; padding:24px 20px;} #bnfviewwrap .btn_roll ul li a.basic_c{background:#888b90; color:#fff;} #bnfviewwrap .btn_roll ul li a.basic_c.on_view { background:#b0d323; color:#fff;} #bar_box{width:1050px; height:18px; border-top:1px solid #e7e7e7; margin:0 auto; margin-top:3px; clear:both;} /* 리스트 */ #bnflist{width:1200px;} #bnflist > div{width:1045px; height:auto; margin:0 auto; position:relative;} #bnflist > div.first{margin-top:20px;} #bnflist > div:first-child{ padding-top: 0;border-top: none;} #bnflist > div > dl{ position: relative; float: left; width: 335px; height:270px; margin: 0 0 10px 20px; overflow: hidden; box-sizing:border-box; border:1px solid #e7e7e7; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease;} #bnflist dl:first-child{margin: 0;} #bnflist dl dt{width: 323px; height: 270px; text-align: center;background: #fff; position:relative;} #bnflist dl dt div.img{position:absolute; top:0px; opacity: 1; filter: alpha(opacity=1); vertical-align:top;} #bnflist dl dt div.img img{width:323px; padding:5px;} #bnflist dl dt div.tit{position:absolute; width:333px; height:20px; bottom:0px !important;padding:10px 15px; font-weight:bold; background-color:#fff; opacity: 0.9; filter: alpha(opacity=0.9);} #bnflist dl div.chkbox{position:absolute; top:0px; z-index:10; width:20px; height:20px; background-color:#fff;} #bnflist dl dd{position: absolute; left: 0px; bottom:0; width: 333px; height: 80px; background: #171717; text-align:center; color:#fff; opacity: 0; -webkit-transition: opacity .5s ease; -moz-transition: opacity .5s ease; -o-transition: opacity .5s ease; transition: opacity .5s ease;} #bnflist dl:hover dd{left: 0px; opacity: 0.9;} #bnflist dl dd h3{width:250px; margin:0 auto; padding:3px; text-transform: uppercase; border-bottom: #afafaf 1px solid; color:#af8d35;} #bnflist dl dd h4{width:300px; margin:0 auto; margin-top: 20px; font-size: 14px;} #bnflist dl .ribon_best{position:absolute; top:0px; left:10px; z-index:10;} /* ################################### */ /* 회원관련 */ /* ################################### */ /* 탭 */ .memwrap > h1{margin-top:55px;} .memwrap>h2{margin-top:150px;} /* 6개탭 */ .tab .member_tab{margin-top:35px;} .member_tab li{width:200px; height:58px; background:url(/images/member/sp_tab_member.png) no-repeat; overflow:hidden;} .member_tab li.tab11{width:200px; background-position:0 0;} .member_tab li.tab12{width:200px; background-position:-200px 0px;} .member_tab li.tab13{width:200px; background-position:-400px -0px;} .member_tab li.tab14{width:200px; background-position:-600px -0px;} .member_tab li.tab15{width:200px; background-position:-800px -0px;} .member_tab li.tab16{width:200px; background-position:-1000px -0px;} .member_tab li.tab11.on, .member_tab li.tab11:hover{background-position:0 -60px;} .member_tab li.tab12.on, .member_tab li.tab12:hover{background-position:-200px -60px;} .member_tab li.tab13.on, .member_tab li.tab13:hover{background-position:-400px -60px;} .member_tab li.tab14.on, .member_tab li.tab14:hover{background-position:-600px -60px;} .member_tab li.tab15.on, .member_tab li.tab15:hover{background-position:-800px -60px;} .member_tab li.tab16.on, .member_tab li.tab16:hover{background-position:-1000px -60px;} li.titlesec.nonstyle{list-style:none !important;} .section.login{width:380px; margin:0 auto; display:inline-block; padding:20px 40px; background-color:#f7f7f7; margin-top:30px; position:relative;} .section.login ul{width:100%; clear:both; display:inline-block;} .section.login ul li{float:left; text-align:left; height:28px;} .section.login ul li.titlesec{width:70px; padding-left:10px; list-style:disc; padding-top:5px;} .section.login ul li.fldsec{width:183px;} .section.login ul li.fldsec input{width:100%;} .section.login .btn_login_wrap{position:absolute; top:20px; right:40px;} .section.login .btn_login{width:80px; height:57px; border-radius:5px; border:1px solid #292929; background-color:#474747; color:#fff;} .section.login ul.check{margin-top:-5px;} .section.login ul.check .fldsec input{float:left; width:15px;} .section.login ul.check .fldsec label{float:left; margin-top:-5px; padding-left:2px;} .section.findbox{width:580px; margin:0 auto; display:inline-block; padding:20px 40px; background-color:#f7f7f7; margin-top:30px; position:relative;} .section.findbox ul{clear:both;} .section.findbox ul li{float:left; text-align:left; height:28px;} .section.findbox ul.captcha li{float:left; text-align:left; height:110px;} .section.findbox ul li.titlesec{width:170px; padding-left:10px; list-style:disc; padding-top:5px;} .section.findbox ul li.fldsec{width:400px;} .section.findbox ul li.fldsec input{width:100%;} .section.findbox .btn_login_wrap{position:absolute; top:20px; right:40px;} .section.findbox .btn_login{width:80px; height:57px; border-radius:5px; border:1px solid #292929; background-color:#474747; color:#fff;} .bar_sec{width:352px; border-bottom:1px solid #e5e5e5; margin:40px auto; clear:both; display:block;} .section.login_other{width:400px; margin:0 auto; display:inline-block; padding:0px 10px 0 20px; margin-top:30px; position:relative;} .section.login_other ul{clear:both; display:inline-block;} .section.login_other ul li{float:left; text-align:left; height:28px;} .section.login_other ul li.titlesec{width:260px; padding-top:7px; font-weight:bold;} .section.login_other ul li.btnsec{width:135px;} .section.pwd{width:420px; height:100px; margin:0 auto; display:block; padding:20px 40px; background-color:#f7f7f7; margin-top:30px; position:relative;} .section.pwd ul{clear:both; display:inline-block;} .section.pwd ul li{float:left; text-align:left; height:28px;} .section.pwd ul li.titlesec{width:70px; padding-left:10px; list-style:disc; padding-top:5px;} .section.pwd ul li.fldsec{width:283px;} .section.userid{width:420px; height:30px; margin:0 auto; display:block; padding:20px 40px; background-color:#f7f7f7; margin-top:30px; position:relative;} .section.userid ul{clear:both; display:inline-block;} .section.userid ul li{float:left; text-align:left; height:28px;} .section.userid ul li.titlesec{width:70px; padding-left:10px; list-style:disc; padding-top:5px;} .section.userid ul li.fldsec{width:283px;} .section.join_rules{width:1075px; height:auto; display:inline-block; padding:25px; border:1px solid #e1e3e4;} .section.join_rules .rules_sec{width:1035px; height:auto; display:inline-block; padding:25px 20px; background-color:#f5f5f5; text-align:left;} .section.join_rules .rules_sec h5{font-weight:bold; font-size:14px !important; margin-bottom:10px;} .section.join_rules .rules_sec h5.v2{margin-top:50px;} .section.join_rules .rules_sec ul li{width:100%;} .section.join_rules .rules_sec ul li textarea{width:1036px; height:110px; font-size:12px; color:#626262; line-height:25px;} .section.join_rules .rules_sec ul li.agree_sec{text-align:right;} .section.join_rules .rules_sec.v2 ul li textarea{width:1010px; height:480px; font-size:12px; color:#7c7c7c; line-height:25px; padding-left:20px; border:1px solid #dddddd;} .memwrap{width:1200px; height:auto; margin:0 auto;} .memwrap .joinwrap{width:900px; height:auto; margin:0 auto; margin-top:40px;} .memwrap .joinwrap .conwrapper{width:100%; background:url(/images/bg_wr_conwrapper.png) repeat-y;} .memwrap .joinwrap .conwrapper ul li.headtxt{width:150px; font-weight:bold;text-align:center; background-color:#f7f7f7;} .memwrap .joinwrap .conwrapper ul li.contxt{width:730px; padding-left:20px; text-align:left;} .memwrap .resultbox{width:1075px; height:auto; display:inline-block; padding:25px; border:1px solid #e1e3e4;} .memwrap .resultbox .txt_box{width:1035px; height:auto; display:inline-block; padding:25px 20px; background-color:#f5f5f5; text-align:left; margin-top:30px;} .memwrap .resultbox .txt_box .lead{width:90%; margin:0 auto; font-size:14px; line-height:30px;} .text_success{color:#3c763d} .page_head{width:100%; padding-top:20px; border-top:2px solid #201f1e;} .popwrap{padding:20px;} .popwrap .list{margin-top:20px;} .popwrap .list li{line-height:35px;} /* ################################### */ /* 퀵메뉴 */ /* ################################### */ /* 퀵 */ #quickwrap{width:100px; height:570px; position:fixed; right:0px; top:50%; margin:-320px 0 0 0; z-index:100; overflow:hidden;} #quickwrap .quick_menu{width:100%; position:relative;} #quickwrap .quick_menu li{width:100px; height:85px; position:relative; margin-top:10px;} #quickwrap .quick_menu li a{width:100%; height:100%; display:block;} #quickwrap .quick_menu li a span{width:100%; height:100%; display:block; background:url(/images/sp_quick_menu.png) no-repeat; position:absolute; top:0; left:0;} #quickwrap .quick_menu li a span.on{z-index:102; opacity:0;} #quickwrap .quick_menu li a span.off{z-index:101;} #quickwrap .quick_menu li.quick1 a span.off{background-position:0 0;} #quickwrap .quick_menu li.quick2 a span.off{background-position:0 -85px;} #quickwrap .quick_menu li.quick3 a span.off{background-position:0 -170px;} #quickwrap .quick_menu li.quick4 a span.off{background-position:0 -255px;} #quickwrap .quick_menu li.quick5 a span.off{background-position:0 -340px;} #quickwrap .quick_menu li.quick6 a span.off{background-position:0 -425px;} #quickwrap .quick_menu li.quick1 a span.on{background-position:-100px 0;} #quickwrap .quick_menu li.quick2 a span.on{background-position:-100px -85px;} #quickwrap .quick_menu li.quick3 a span.on{background-position:-100px -170px;} #quickwrap .quick_menu li.quick4 a span.on{background-position:-100px -255px;} #quickwrap .quick_menu li.quick5 a span.on{background-position:-100px -340px;} #quickwrap .quick_menu li.quick6 a span.on{background-position:-100px -425px;} /* footer */ .footer{width:100%; height:281px; background:url(/images/bg_footer.png) repeat-x; margin-top:100px;} .footer .section{width:1090px; margin:0 auto; display:block; color:#fff; font-weight:bold;text-align:justify; text-justify:distribute-all-lines; clear:both;} .footer .section.fhead{height:85px;} .footer .section.fhead h3{display:none;} .footer .section.fhead dd{float:left; height:24px; text-indent:-500px; background:url(/images/sp_fnb.png) no-repeat; overflow:hidden; margin-top:32px; margin-right:237px;} .footer .section.fhead dd a span{width:100%; height:100%; display:block;} .footer .section.fhead dd.nav_t11{width:116px; background-position:0 0;} .footer .section.fhead dd.nav_t12{width:64px; background-position:0 -40px;} .footer .section.fhead dd.nav_t13{width:129px; background-position:0 -80px;} .footer .section.fhead dd.nav_t14{width:63px; margin-right:0px; background-position:0 -120px; margin-right:0px;} .footer .section.fhead dd.nav_t11.on, .footer .section.fhead dd.nav_t11:hover{ background-position:-140px 0;} .footer .section.fhead dd.nav_t12.on, .footer .section.fhead dd.nav_t12:hover{background-position:-140px -40px;} .footer .section.fhead dd.nav_t13.on, .footer .section.fhead dd.nav_t13:hover{background-position:-140px -80px;} .footer .section.fhead dd.nav_t14.on, .footer .section.fhead dd.nav_t14:hover{background-position:-140px -120px;} /* 하단 사이트 fnb */ .footer .section.fnb{width:750px; height:50px; padding-top:33px; margin:0 auto;} .footer .section.fnb dd{float:left; width:76px; height:20px; background:url(/images/sp_fnb.png) no-repeat; text-indent:-500px; overflow:hidden; margin-left:25px;} .footer .section.fnb dd a span{width:100%; height:100%; display:block;} .footer .section.fnb dd.nav_11{background-position:-300px -0px; margin-left:0px;} .footer .section.fnb dd.nav_12{background-position:-300px -20px; width:52px;} .footer .section.fnb dd.nav_13{background-position:-300px -40px;} .footer .section.fnb dd.nav_14{background-position:-300px -60px;} .footer .section.fnb dd.nav_15{background-position:-300px -80px;} .footer .section.fnb dd.nav_16{background-position:-300px -100px;} .footer .section.fnb dd.nav_17{background-position:-300px -120px;} .footer .section.fnb dd.nav_18{background-position:-300px -140px; width:64px;} .footer .section.fnb dd.nav_11.on, .footer .section.fnb dd.nav_11:hover{background-position:-400px -0px; margin-left:0px;} .footer .section.fnb dd.nav_12.on, .footer .section.fnb dd.nav_12:hover{background-position:-400px -20px; width:52px;} .footer .section.fnb dd.nav_13.on, .footer .section.fnb dd.nav_13:hover{background-position:-400px -40px;} .footer .section.fnb dd.nav_14.on, .footer .section.fnb dd.nav_14:hover{background-position:-400px -60px;} .footer .section.fnb dd.nav_15.on, .footer .section.fnb dd.nav_15:hover{background-position:-400px -80px;} .footer .section.fnb dd.nav_16.on, .footer .section.fnb dd.nav_16:hover{background-position:-400px -100px;} .footer .section.fnb dd.nav_17.on, .footer .section.fnb dd.nav_17:hover{background-position:-400px -120px;} .footer .section.fnb dd.nav_18.on, .footer .section.fnb dd.nav_18:hover{background-position:-400px -140px; width:64px;} .footer .section.copyright{width:700px; margin:0 auto;} .footer .section.copyright .flogo{float:left; width:125px; padding-top:21px;} .footer .section.copyright .copytxt{float:left; width:560px; padding-top:35px; font-weight:normal; font-size:12px; color:#959595; } .footer .section.copyright .copytxt ul li{height:17px; letter-spacing:0px;}