@charset "utf-8"; /*@import url( "/css/nanumgothic.css" );*/ /*@import url( "/css/nanumsquare.css" );*/ /* @import url( "/css/NotoSansKR-Hestia.css" ); */ /*@import url( "//cdn.rawgit.com/theeluwin/NotoSansKR-Hestia/master/stylesheets/NotoSansKR-Hestia.css" );*/ @import url( "//cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css" ); /* Main #007dc6 Mainbd #256cb4 Sub1 #012147 Sub2 #56b949 Point #ee4035 Font #646464 N1 #736e72 N2 #616161 N3 #9e9e9e N4 #a9aeae N5 #c5bcc1 N6 #ebeceb N7 #f7f5f6 */ /* -------------------------------------------------------------------------------- Setting (html) ---------------------------------------- */ html{} body{font-family:"Pretendard", sans-serif;word-break:keep-all;} html,body{min-width:1250px;} .bg-m{background-color: #007dc6;} /* -------------------------------------------------------------------------------- Setting (Dnew) ---------------------------------------- */ .mobile{display:none;} /* 여백부여 */ .mt-1{margin-top:10px;}.mt-2{margin-top:20px;}.mt-3{margin-top:30px;}.mt-4{margin-top:40px;}.mt-5{margin-top:50px;}.mt-6{margin-top:60px;}.mt-7{margin-top:70px;}.mt-8{margin-top:80px;}.mt-9{margin-top:90px;}.mt-10{margin-top:100px;}.mt-11{margin-top:110px;}.mt-12{margin-top:120px;}.mt-13{margin-top:130px;}.mt-14{margin-top:140px;}.mt-15{margin-top:150px;}.mt-20{margin-top:200px;} .mb-1{margin-bottom:10px;}.mb-2{margin-bottom:20px;}.mb-3{margin-bottom:30px;}.mb-4{margin-bottom:40px;}.mb-5{margin-bottom:50px;}.mb-6{margin-bottom:60px;}.mb-7{margin-bottom:70px;}.mb-8{margin-bottom:80px;}.mb-9{margin-bottom:90px;}.mb-10{margin-bottom:100px;}.mb-11{margin-bottom:110px;}.mb-12{margin-bottom:120px;}.mb-13{margin-bottom:130px;}.mb-14{margin-bottom:140px;}.mb-15{margin-bottom:150px;}.mb-20{margin-bottom:200px;} .pt-1{padding-top:10px;}.pt-2{padding-top:20px;}.pt-3{padding-top:30px;}.pt-4{padding-top:40px;}.pt-5{padding-top:50px;}.pt-6{padding-top:60px;}.pt-7{padding-top:70px;}.pt-8{padding-top:80px;}.pt-9{padding-top:90px;}.pt-10{padding-top:100px;}.pt-11{padding-top:110px;}.pt-12{padding-top:120px;}.pt-13{padding-top:130px;}.pt-14{padding-top:140px;}.pt-15{padding-top:150px;}.pt-20{padding-top:200px;} .pb-1{padding-bottom:10px;}.pb-2{padding-bottom:20px;}.pb-3{padding-bottom:30px;}.pb-4{padding-bottom:40px;}.pb-5{padding-bottom:50px;}.pb-6{padding-bottom:60px;}.pb-7{padding-bottom:70px;}.pb-8{padding-bottom:80px;}.pb-9{padding-bottom:90px;}.pb-10{padding-bottom:100px;}.pb-10{padding-bottom:100px;}.pb-11{padding-bottom:110px;}.pb-12{padding-bottom:120px;}.pb-13{padding-bottom:130px;}.pb-14{padding-bottom:140px;}.pb-15{padding-bottom:150px;}.pb-20{padding-bottom:200px;} .padding-1{padding:10px;}.padding-2{padding:20px;}.padding-3{padding:30px;}.padding-4{padding:40px;}.padding-5{padding:50px;} .margin-1{padding:10px;}.margin-2{margin:20px;}.margin-3{margin:30px;}.margin-4{margin:40px;}.margin-5{margin:50px;} .box-1{padding:10px;border:1px solid #ebeceb;}.box-2{padding:20px;border:1px solid #ebeceb}.box-3{padding:30px;border:1px solid #ebeceb}.box-4{padding:40px;border:1px solid #ebeceb}.box-5{padding:50px;border:1px solid #ebeceb} .border-1{border:1px solid #ebeceb;}.border-2{border:2px solid #ebeceb;}.border-3{border:3px solid #ebeceb;}.border-4{border:4px solid #ebeceb;}.border-5{border:5px solid #ebeceb;}.border-6{border:6px solid #ebeceb;}.border-7{border:7px solid #ebeceb;}.border-8{border:8px solid #ebeceb;}.border-9{border:9px solid #ebeceb;}.border-10{border:10px solid #ebeceb;} /* 마우스오버 */ .over-zoom{overflow:hidden;} .over-zoom img { -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1); -webkit-transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; transition:.3s; } .over-zoom:hover img { -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); transform:scale(1.2); } .over-dark {background:#000;} .over-dark img{opacity:1;transition:all 0.5s} .over-dark:hover img{opacity:0.9;transition:all 0.5s} .over-light {background:#fff;} .over-light img{opacity:1;transition:all 0.5s} .over-light:hover img{opacity:0.9;transition:all 0.5s} .over-gray img{-webkit-filter: gray(100%);filter:gray;transition:all 0.5s} .over-gray:hover img{-webkit-filter: grayscale(100%);filter: none;transition:all 0.5s} .over-blur img{-webkit-filter:blur(3px);filter:blur(3px);transition:all 0.5s} .over-blur:hover img{-webkit-filter:none;filter:none;transition:all 0.5s} .over-color img{-webkit-filter:none;filter:none;transition:all 0.5s} .over-color:hover img{-webkit-filter:saturate(3);filter:saturate(3);transition:all 0.5s} /* 기타 */ .ee{display:block;height:1px;} .thumb img::before{display: block;line-height: 100px;content:'이미지 준비중';text-align: center;opacity: .3;font-size: 2em;} /* -------------------------------------------------------------------------------- Setting (Bootstrap) -------------------------------------- */ .lead{font-size:21px} .dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px} .container{max-width:1200px} @media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:15px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>td,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>thead>tr>th{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}} @media screen and (-webkit-min-device-pixel-ratio:0){input[type=date],input[type=time],input[type=datetime-local],input[type=month]{line-height:34px}.input-group-sm input[type=date],.input-group-sm input[type=time],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],input[type=date].input-sm,input[type=time].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm{line-height:30px}.input-group-lg input[type=date],.input-group-lg input[type=time],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],input[type=date].input-lg,input[type=time].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg{line-height:46px}} .form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{position:relative;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0} .form-horizontal .control-label{padding-top:7px;margin-bottom:0;text-align:right} .form-horizontal .form-group-lg .control-label{padding-top:14.33px} .form-horizontal .form-group-sm .control-label{padding-top:6px} .navbar-right .dropdown-menu{right:0;left:auto}.navbar-right .dropdown-menu-left{right:auto;left:0} .nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0} .nav-tabs.nav-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:focus,.nav-tabs.nav-justified>.active>a:hover{border-bottom-color:#fff} .nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0} .nav-tabs-justified>li>a{border-bottom:1px solid #ddd;border-radius:4px 4px 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:focus,.nav-tabs-justified>.active>a:hover{border-bottom-color:#fff} .navbar{border-radius:4px} .navbar-header{float:left} .navbar-collapse{width:auto;border-top:0;-webkit-box-shadow:none;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse{padding-right:0;padding-left:0} .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:0;margin-left:0} .navbar-static-top{border-radius:0} .navbar-fixed-bottom,.navbar-fixed-top{border-radius:0} .navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px} .navbar-toggle{display:none} .navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px} .navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .form-control-static{display:inline-block}.navbar-form .input-group{display:inline-table;vertical-align:middle}.navbar-form .input-group .form-control,.navbar-form .input-group .input-group-addon,.navbar-form .input-group .input-group-btn{width:auto}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .checkbox,.navbar-form .radio{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle}.navbar-form .checkbox label,.navbar-form .radio label{padding-left:0}.navbar-form .checkbox input[type=checkbox],.navbar-form .radio input[type=radio]{position:relative;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0} .navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none} .navbar-text{float:left;margin-right:15px;margin-left:15px} .navbar-left{float:left!important}.navbar-right{float:right!important;margin-right:-15px}.navbar-right~.navbar-right{margin-right:0} @media screen and (min-width:768px){.jumbotron{padding:48px 0}.container .jumbotron,.container-fluid .jumbotron{padding-right:60px;padding-left:60px}.jumbotron .h1,.jumbotron h1{font-size:63px}} .modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px} @media (min-width:992px){.modal-lg{width:900px}} @media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}} @media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-15px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-15px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-15px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}} .col-sm-w5,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-w5{width:20%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-w5{right:20%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-w5{margin-left:20%}.col-sm-offset-0{margin-left:0} .col-md-w5,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-w5{width:20%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-w5{right:20%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-w5{margin-left:20%}.col-md-offset-0{margin-left:0} .col-lg-w5,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-w5{width:20%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-w5{right:20%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-w5{margin-left:20%}.col-lg-offset-0{margin-left:0} .visible-xs,.visible-sm,.visible-md{display:none;} .hidden-lg{display:none!important} /* -------------------------------------------------------------------------------- Setting (Gnuboard)---------------------------------------- */ /* ie6 이미지 너비 지정 */ .img_fix{width:100%;height:auto} /* Mobile화면으로 */ /* #device_change{display: block;left:0;top:0px;width:100vw;padding:5vw;font-size:6vw;text-align:center;} */ #device_change{position: fixed; display: block;left:50%;bottom:20px;transform: translateX(-50%); width:90vw;padding:2vw;font-size:20px;text-align:center;z-index: 999999;color:#FFF;border: 1px solid #FFF;border-radius: 10px;box-shadow: 3px 3px 5px rgba(0,0,0,0.15);font-weight: 700;letter-spacing: -0.05em;} @media (min-width:1024px){ #device_change{display:none;} } /* 팝업 */ #hd_pop{/*z-index:1000;position:relative;margin:0 auto;height:0; y:bottom 기준이 적용되지 않아서 숨김처리함 220919 */} #hd_pop h2{position:absolute;font-size:0;line-height:0;overflow:hidden} .hd_pops{/*position:absolute;*/z-index:20;min-width:300px;} .hd_pops_con img {width:100%;} .hd_pops_footer{margin-top:-5px;padding:10px;border-radius:5px;background:#303231;font-size:0.9em;color:#fff;opacity:0.9;} .hd_pops_footer input {margin-right:5px;} .hd_pops_footer .hd_pops_close{border:none;background:none;} .hd_pops_bg{position:fixed;top:0px;left:0px;z-index:1000;width:100%;height:100%;background:#000;opacity:0.8; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)';/* IE 8 */ filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);/* IE 7 and olders */} /* 댓글 스타일 */ .cnt_cmt{display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 기본테이블 */ .tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption{padding:10px 0;font-weight:bold;text-align:left} .tbl_head01{margin:0 0 10px} .tbl_head01 caption{padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th{padding:12px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f7f7f7;color:#383838;font-size:0.95em;text-align:center;} .tbl_head01 thead a{color:#383838} .tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th,.tbl_head01 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th{padding:8px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td{padding:8px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all} .tbl_head01 a{} .tbl_head02{margin:0 0 10px} .tbl_head02 caption{padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head02 thead th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:#f7f7f7;color:#383838;font-size:0.95em;text-align:center;} .tbl_head02 thead a{color:#383838} .tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th,.tbl_head02 tfoot td{padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head02 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head02 td{padding:5px 3px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.4em;word-break:break-all} .tbl_head02 a{} /* 폼 테이블 */ .tbl_frm01{margin:0 0 20px} .tbl_frm01 table{width:100%;border-collapse:collapse;border-spacing:0;} .tbl_frm01 th{width:150px;padding:10px 13px;border-bottom:1px solid #e9e9e9;text-align:left} .tbl_frm01 td{padding:10px 10px;border-bottom:1px solid #e9e9e9;} .tbl_frm01 textarea,.frm_input{border:1px solid #e4eaec;background:#f7f7f7;color:#000;vertical-align:middle;line-height:2em} .tbl_frm01 textarea{padding:2px 2px 3px;width:100%;height:100px} .tbl_frm01 fieldset{border:0px;} .tbl_frm01 select{pospadding:5px 10px;} .frm_input{padding:3px;} .tbl_frm01 a{text-decoration:none} .tbl_frm01 .frm_file{display:block;margin-bottom:5px} .tbl_frm01 .frm_info{display:block;padding:0 0 5px;line-height:1.4em} /* 자료 없는 목록 */ .empty_table{padding:50px 0 !important;text-align:center} .empty_list{padding:20px 0 !important;text-align:center} /* 필수입력 */ .required,textarea.required{background:url('../img/wrest.gif') top right no-repeat !important} /* 테이블 항목별 정의 */ .td_board{width:120px;text-align:center} .td_category{width:80px;text-align:center} .td_chk{width:30px;text-align:center} .td_date{width:60px;text-align:center} .td_datetime{width:110px;text-align:center} .td_group{width:100px;text-align:center} .td_mb_id{width:100px;text-align:center} .td_mng{width:80px;text-align:center} .td_name{width:100px;text-align:left} .td_nick{width:100px;text-align:center} .td_num{width:50px;text-align:center} .td_numbig{width:80px;text-align:center} .td_stat{width:60px;text-align:center} .txt_active{color:#5d910b} .txt_done{color:#e8180c} .txt_expired{color:#aaa} .txt_rdy{color:#8abc2a} /* 새창 기본 스타일 */ .new_win{} .new_win .tbl_wrap{margin:0 20px} .new_win #win_title{margin:0 0 10px;padding:20px;border-top:3px solid #333;border-bottom:1px solid #dde4e9;background:#fff;font-size:1.2em} .new_win #win_title .sv{font-size:0.75em;line-height:1.2em} .new_win .win_ul{margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none;zoom:1} .new_win .win_ul:after{display:block;visibility:hidden;clear:both;content:""} .new_win .win_ul li{float:left;margin-left:-1px} .new_win .win_ul a{display:block;padding:10px 10px 8px;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-family:dotum;font-weight:bold;text-decoration:none} .new_win .win_desc{padding:20px} .new_win .win_btn{clear:both;padding:20px;text-align:center} /* 새창용 */ .new_win .win_btn button{display:inline-block;padding:0 10px;height:30px;border:0;background:#007dc6;color:#fff;line-height:2em;cursor:pointer} .new_win .win_btn input{padding:0 10px;height:30px;line-height:2em} .new_win .win_btn a{display:inline-block;padding:0 10px;height:30px;background:#007dc6;color:#fff;vertical-align:middle;line-height:2.4em} .new_win .win_btn a:focus,.new_win .win_btn a:hover{text-decoration:none} /* 검색결과 색상 */ .sch_word{color:#007dc6} /* 자바스크립트 alert 대안 */ #validation_check{margin:100px auto;width:500px} #validation_check h1{margin-bottom:20px;font-size:1.3em} #validation_check p{margin-bottom:20px;padding:30px 20px;border:1px solid #e9e9e9;background:#fff} /* 사이드뷰 */ .sv_wrap{display:inline-block;position:relative;font-weight:normal} .sv_wrap .sv{z-index:1000;display:none;margin:5px 0 0;border:1px solid #283646} .sv_wrap .sv a{display:inline-block;margin:0;padding:3px;width:94px;border-bottom:1px solid #283646;background:#111;color:#fff !important} .sv_wrap a:focus,.sv_wrap a:hover,.sv_wrap a:active{text-decoration:none} .sv_on{display:block !important;position:absolute;top:10px;left:20px;width:auto;height:auto} .sv_nojs .sv{display:block} /* 페이징 */ .pg_wrap{clear:both;margin:0 0 20px;padding:20px 0 0;text-align:center} .pg{} .pg_page,.pg_current{display:inline-block;padding:0 8px;height:25px;color:#000;letter-spacing:0;line-height:2.2em;vertical-align:middle} .pg a:focus,.pg a:hover{text-decoration:none} .pg_page{background:#e4eaec;text-decoration:none} .pg_start,.pg_prev{/* 이전 */} .pg_end,.pg_next{/* 다음 */} .pg_current{display:inline-block;margin:0 4px 0 0;background:#333;color:#fff;font-weight:normal} /* 게시판 일괄적용 */ #bo_v_atc_title{position:absolute;width:0;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #container_title{display:none;} #bo_v_act{display:none;} /* 게시판용 버튼 */ a.btn_b01,a.btn_b02,a.btn_admin,.btn_bo_adm input{display:inline-block;padding:7px 10px;border-radius:3px;text-decoration:none;vertical-align:middle;color:#303231} a.btn_b01,.btn_bo_adm input{border:1px solid #ebeceb;background:#fff;} a.btn_b01:hover,.btn_bo_adm input:hover{background:#edeeed;color:#000;transition:all 0.3s} a.btn_b02{border:1px solid #256cb4;background:#007dc6;color:#fff} a.btn_b02:hover{background:#256cb4;transition:all 0.3s} a.btn_admin{border:1px solid #f3b15f;background:#f1c161;color:#fff} a.btn_admin:hover{background:#f3b15f;transition:all 0.3s} /* 게시물 선택복사 선택이동 */ #copymove{} .btn_bo_adm {float:left;width:auto;} .copymove_current{float:right;color:#007dc6} .copymove_currentbg{background:#007dc6} /* 게시판 리스트 */ #bo_list_total{display:none;float:left;width:auto;margin:13px 0 10px 0;font-size:0.9em;} /*게시물수*/ .bo_fx ul{margin:0 0 7px 0;padding:0;} /*버튼줄*/ .bo_fx li{display:inline-block;margin:0 1px;padding:0;list-style-type:none;} .btn_bo_user{float:right;width:auto;} #bo_list thead th{padding:15px 0;background:none;} /*테이블*/ #bo_list .td_cnt {width:100px;border-radius:3px;text-align:center;color:#fff;} #bo_list .td_cnt span {display:block;width:100%;padding:5px 0;} #bo_list .td_name{text-align:center;} #bo_sch{width:100%;text-align:center;}/* 검색 */ /* 카테고리 */ #bo_cate h2{position:absolute;top:0;left:0;overflow:hidden;height:0;}/*카테고리*/ #bo_cate_ul{width:auto;margin:2em auto 0 auto;} #bo_cate_ul li{display:inline-block;} #bo_cate_ul li a{display:block;width:100%;padding:0 10px;border-right:1px solid #ebeceb;border-top:1px solid #ebeceb;} #bo_cate_ul li:first-child a{border-left:1px solid #ebeceb;} /*#bo_cate_ul #bo_cate_on{border:1px solid #256cb4;background:#007dc6;color:#fff}*/ /* 게시판 쓰기 */ /* 임시저장 */ #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:right} #autosave_pop button {margin:0;padding:0;border:0;background:transparent} #autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right} .autosave_close {cursor:pointer} .autosave_content {display:none} #btn_autosave{margin-top:5px;} /* ckeditor 단축키 */ .cke_sc{display:none;} /* 기타 */ .margin-auto{margin:0 auto;} /* 게시판 보기 */ #bo_v{} /* 게시판 댓글 */ #bo_vc {margin:0 0 10px;padding:20px 20px 10px;border:1px solid #ebeceb;background:#fdfdfd} #bo_vc h4 {margin-bottom:1em;font-size:1.2em;} #bo_vc section {padding:0 0 10px;border-top:1px solid #ebeceb} #bo_vc header {position:relative;padding:15px 0 5px} /*작성자이름*/ #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:bold} #bo_vc .bo_vc_hdinfo {display:none;inline-block;margin:0 15px 0 5px} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:none} #bo_vc_empty {margin:0;padding:20px !important;text-align:center} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc .bo_vc_act {float:right;margin:0;list-style:none;zoom:1} #bo_vc .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc .bo_vc_act li {float:left;margin-left:5px;font-size:0.8em;opacity:0.9;} /*댓글쓰기*/ #bo_vc_w {position:relative;margin:0 0 10px;} #bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc_w #char_cnt {display:block;margin:0 0 5px} #bo_vc_w .tbl_frm01{margin:0;} #bo_vc_w th,#bo_vc_w td{padding:10px 0;border-bottom:none;} #bo_vc_w .btn_confirm{margin:0;text-align:right;} #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 20px 0 0} #bo_vc_sns input {margin:0 0 0 5px} /* -------------------------------------------------------------------------------- ★병원명 (Header) ---------------------------------------- */ #listTopMenu{text-align:right;} #listTopMenu li{display:inline-block;font-size:0.9em;} #listTopMenu li a{display:block;width:auto;padding:5px 8px;} #header{padding:25px 0;-webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);-moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);box-shadow: 0 3px 10px rgba(0,0,0,0.1)} #header .container{position: relative;} #header .logo {display: inline-block;position: relative;z-index:999;width:250px;} #header .logo img{max-width:200px;} #header .number{display: inline-block;position: absolute;top:0px;right:0px;z-index:9;width:250px;text-align:right;font-size:23px;font-weight:900;color:#007dc6;line-height:40px;vertical-align: top;} #header .number img{position: relative;top:2px} /* GNB */ #gnb{position:absolute;top:0px;left:0px;z-index:994;width:100%;text-align: center;vertical-align: top;} #gnb .gnb_wrap{margin:0 auto;position:relative} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb #gnb_1dul {text-align: center;zoom:1;} .gnb_1dli{display: inline-block;position:relative;} .gnb_1dli:hover{background:#;} .gnb_1dli .bg{display:none;overflow:hidden;width:10px;height:10px;text-indent:-999px} .gnb_1dli, #gnb .gnb_menu_btn, #gnb .gnb_close_btn{height:40px;line-height:40px;} #gnb .gnb_close_btn{top:-60px;} .gnb_1da {display: block;padding: 0 10px;font-size:18px;font-weight:500;} .gnb_1dli_over .gnb_1da {color:#007dc6;} .gnb_2dli{line-height: 40px;} .gnb_2dul {display:none;position:absolute;min-width:180px;margin-top: -5px;padding:5px 0;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;background:#fff;-webkit-box-shadow: n;-moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);box-shadow: 0 1px 10px rgba(0,0,0,0.1);} .gnb_1dli_over .gnb_2dul {display:block;left:50%;margin-left: -90px;} .gnb_2da {display:block;padding:0px 10px;font-size: 15px;color:#;text-align:center;text-decoration:none;opacity: 0.8;} .gnb_2da:focus, .gnb_2da:hover {opacity: 1;} .gnb_wrap .gnb_empty {padding:10px 0;width:100%;text-align:center;line-height:2em;color:#} .gnb_wrap .gnb_empty a{color:#;text-decoration:underline} .gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555} #gnb .gnb_menu_btn{position: absolute;top: 0px;left: 0;width:50px;line-height:50px;border:0;background:#fff;color:#000;vertical-align:top;font-size:18px} #gnb .gnb_close_btn{position:absolute;top:0px;left:0;z-index: 2;width:50px;line-height:50px;border:0;background:#007dc6;color:#fff;vertical-align:top;font-size:18px;} #gnb_all{display:none;position:absolute;width:100%;z-index:99;} #gnb_all .gnb_al_ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb_all .gnb_al_ul{position: absolute;width: 100%;z-index: 3;background:#fff;padding:10px 10px 30px 10px;} #gnb_all .gnb_al_li{background:#fff;float:left;} #gnb_all .gnb_al_li .gnb_al_a{padding:10px 20px;display:block;position:relative;margin-bottom:10px;border-bottom: 1px solid #ccc;font-weight: bold;color:#007dc6} #gnb_all .gnb_al_li li {padding-left:10px;line-height:2em} #gnb_all .gnb_al_li li i{color:#007dc6} #gnb_all .gnb_al_li li a{color:#} #gnb_all .bg-cover{position: fixed;top:0%;left:0px;z-index: 1;width: 100%;height: 200%;background: #000;opacity: 0.7;} .quick_wrap{position: fixed;top: 120px;right: 20px;text-align: center;z-index: 9999;} .quick_wrap>ul{position: relative; width: 90px;height: 390px;} .quick_wrap>ul .quick_tit{height: 60px;background-color: #374053;font-size: 15px;line-height: 60px;color: #FFF;border: none;} .quick_wrap>ul>li{height: 75px;border: 1px solid #d9d9d9;background-color: #FFF;} .quick_wrap>ul>li a{display: block;width: 100%;height: 100%;} .quick_wrap>ul>li a img{margin-top: 12px;} .quick_wrap>ul>li span{display: block; font-size: 13px;color: #888;margin-top: 2px;} .quick_wrap>ul .quick_top{position: relative; height: 30px;font-size: 12px;color: #f2f2f2;cursor: pointer;line-height: 30px;background-color: #717171;border: none;} .quick_wrap>ul .quick_top img{position: absolute;top: 10px;left: 23px;} @media (max-width:1024px){ .quick_wrap{display: none;} } /* -------------------------------------------------------------------------------- ★병원명 (Footer) ---------------------------------------- */ #fnb{} #fnb .container>*>ul{float: left;width: 14%;vertical-align: top;} #fnb .container>*>ul>li a{display: block;width: 100%;padding: 5px 0;} #fnb .container .fnb_depth1 ul a{padding-bottom: 20px;font-weight: 600;} #fnb .container .fnb_depth2 ul a{} #footer{padding-bottom: 20px;background:#FFF;color:#333;text-align: center;} #footer .list-inline{display: flex;width: 100%;justify-content: center;border-top: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;} #footer .list-inline a{color: #333;font-weight: 300; font-size: 15px;letter-spacing: -0.05em;padding: 10px 20px !important;} #footer ul{} #footer li a{display:inline-block;padding:5px 10px;color:#fff} #footer li:first-child a{padding-left:0;} .f_address{color: #333;font-weight: 500; font-size: 16px;letter-spacing: -0.05em;padding-top: 20px;} .f_address small{color: #999;font-weight: 300; font-size: 15px;letter-spacing: -0.04em;padding-top: 10px;} #quick{display:none;} @media (min-width:1024px){ #quick{display:initial;} } /* -------------------------------------------------------------------------------- ★병원명 (Index) ---------------------------------------- */ @font-face { font-family: 'Pretendard-Light'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Light.woff') format('woff'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Pretendard-Regular'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Pretendard-Bold'; src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff'); font-weight: 700; font-style: normal; } @font-face { font-family: 'GmarketSansMedium'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal; } @font-face { font-family: 'GmarketSansLight'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff') format('woff'); font-weight: normal; font-style: normal; } .bxslider,.bxslider>div {height: 100%;} #main_banner{position: relative;margin: 0; height: 840px;} .main_tit{font-size: 56px;letter-spacing: -0.05em;text-align: center;padding-top: 200px;font-family: 'Pretendard-Light';color: #333;line-height: 72px;font-weight: 300;} .main_tit_style1{color: #007dc6;font-family: 'Pretendard-Bold';} .main_tit_style2{color: #02a0bb;font-family: 'Pretendard-Bold';} .main_list{position: relative;height: 100%;} .main_list>li{display: none;position: absolute;width: 100%;height: 100%;} .main_list>li:nth-child(1){display: block;background-image: url(../img/main_banner_bg1.png);background-size: cover;background-position: center;} /* .main_list>li:nth-child(2){background-image: url(../img/main_banner_bg2.png);background-size: cover;background-position: center;} */ .main_list>li:nth-child(2){background-image: url(../img/main_banner_bg3.png);background-size: cover;background-position: center;} .main_list>li:nth-child(2) .main_tit{color: #FFF;font-size: 46px;padding-top: 320px;} .main_list>li:nth-child(2) .main_tit_style1{color: #ffe62f;font-family: 'Pretendard-Bold';} .main_controls{ position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); display: flex;} .main_controls>li{position: relative; font-size: 18px;letter-spacing: -0.05em;color: #a0b4c7;padding: 10px 0;margin-left: 30px;font-weight: 500;flex-grow: 1;width: 200px;text-align: center;cursor: pointer;} .main_controls>li:first-child{margin-left: 0;} .main_controls>li.active{color: #02a0bb;} .main_controls>li::after{ display: block; content: ''; width: 200px; height: 2px; background-color: #a0b4c7; position: absolute; bottom: -5px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .main_controls>li.active::after{background-color: #02a0bb;} #pain{position: relative;} .pain_sub_tit{font-family: 'GmarketSansLight';font-size: 15px;letter-spacing: 0.2em;color: #888;text-align: center;} .pain_sub_tit span{font-family: 'GmarketSansMedium';} .pain_tit{font-weight: 700;color: #333;font-size: 46px;line-height: 70px;letter-spacing: -0.05em;text-align: center;} .pain_list{width: 1400px;margin: 40px auto 0;height: 440px;} .pain_list::after{display: block;content: '';clear: both;} .pain_list>li{float: left; border: 1px solid #e4e4e4;background-repeat: no-repeat;background-position: top right;width: 350px;height: 220px;border-right: none;border-bottom: none;transition-duration: 0.4s;} .pain_list>li:hover{background-color: #f7f7f7;} .pain_list>li:nth-child(1){background-image: url(../img/pain_bg1.png);background-position: bottom right;height: 440px;border-bottom: 1px solid #e4e4e4;} .pain_list>li:nth-child(2){background-image: url(../img/pain_bg2.png);} .pain_list>li:nth-child(3){background-image: url(../img/pain_bg3.png);} .pain_list>li:nth-child(4){background-image: url(../img/pain_bg4.png);border-right: 1px solid #e4e4e4;} .pain_list>li:nth-child(5){background-image: url(../img/pain_bg5.png);align-self: flex-end;border-bottom: 1px solid #e4e4e4;} .pain_list>li:nth-child(6){background-image: url(../img/pain_bg6.png);align-self: flex-end;border-bottom: 1px solid #e4e4e4;} .pain_list>li:nth-child(7){background-image: url(../img/pain_bg7.png);align-self: flex-end;border-right: 1px solid #e4e4e4;border-bottom: 1px solid #e4e4e4;} .pain_list>li a{display: block;width: 100%;height: 100%;padding: 35px 25px;} .pain_list_tit{font-weight: 700;color: #222;font-size: 24px;letter-spacing: -0.05em;} .pain_list_text{font-weight: 300;color: #666;font-size: 16px;line-height: 24px;letter-spacing: -0.05em;} .pain_list>li>a img{margin-top: 20px;} #cure{position: relative;} .cure_sub_tit{font-weight: 300; font-size: 20px;color: #444;letter-spacing: -0.05em;text-align: center;} .cure_sub_tit span{font-weight: 700;color: #333;} .cure_tit{font-weight: 700;color: #333;font-size: 46px;line-height: 70px;letter-spacing: -0.05em;text-align: center;} .cure_tit span{color: #007dc6;} .cure_list{width: 1400px;margin: 40px auto 0;height: 600px;} .cure_list::after{display: block;content: '';clear: both;} .cure_list>li{position: relative; float: left; background-repeat: no-repeat;width: 450px;height: 290px;margin-right: 20px;margin-bottom: 20px;overflow: hidden;} .cure_list>li a span{ transition-duration: 0.4s; display: block; width: 100%; height: 100%; transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); } .cure_list>li a:hover span{ transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); } .cure_list>li:nth-child(1){height: 600px;} .cure_list>li:nth-child(2){margin-bottom: 0;} .cure_list>li:nth-child(3){margin-right: 0;} .cure_list>li:nth-child(4){margin-bottom: 0;} .cure_list>li:nth-child(5){margin-bottom: 0;margin-right: 0;} .cure_list>li:nth-child(1) span{background-image: url(../img/cure_bg1.png);} .cure_list>li:nth-child(2) span{background-image: url(../img/cure_bg2.png);} .cure_list>li:nth-child(3) span{background-image: url(../img/cure_bg3.png);} .cure_list>li:nth-child(4) span{background-image: url(../img/cure_bg4.png);} .cure_list>li:nth-child(5) span{background-image: url(../img/cure_bg5.png);} .cure_list>li a{position: relative; display: block;width: 100%;height: 100%;} .cure_list_tit{position: absolute;bottom: 45px;left: 20px; font-weight: 700;color: #FFF;font-size: 28px;letter-spacing: -0.05em;} .cure_list_text{position: absolute;bottom: 20px;left: 20px; font-weight: 300;color: #FFF;font-size: 18px;letter-spacing: -0.05em;} #middle_banner{position: relative;height: 260px; background-image: url(../img/middle_banner_bg.png);background-repeat: no-repeat;background-size: cover;background-position: center;} .middle_banner_tit{font-weight: 300;color: #FFF;font-size: 34px;letter-spacing: -0.05em; padding-top: 105px;text-align: center;} .middle_banner_tit span{font-weight: 700;color: #ffe5bb;} #information{position: relative;} .info_list{width: 1400px;margin: 0 auto;display: flex;} .info_list>li{position: relative; width: 32%;} .info_list>li:nth-of-type(2){margin: 0 1%;} .info_list>li:nth-of-type(2)::after{ display: block; content: ''; position: absolute; width: 100%; height: 70%; top: 50%; border: 1px solid #e4e4e4; border-top: none; border-bottom: none; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);} .icon_circle{ width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; background-color: #007dc6;margin: 0 auto;} .icon_circle img{padding-top: 30px;} .info_tit{position: relative; font-weight: 700;font-size: 28px;color: #007dc6;text-align: center;margin-top: 20px;} .info_tit span{font-weight: 300;color: #222;} .info_tit::after{ display: block; content: ''; position: relative; bottom: -20px;margin-bottom: 20px; left: 50%; transform: translateX(-50%); width: 30%; border-bottom: 1px dashed #dcdcdc; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); } .counsel_text{font-weight: 300;font-size: 16px;color: #666;line-height: 24px;padding-top: 20px;text-align: center;margin-bottom: 20px;} .counsel_tel{text-align: center;font-weight: 700;color: #222;font-size: 26px;line-height: 38px;letter-spacing: -0.05em;} .counsel_tel_style1{color: #007dc6;margin-right: 15px;} .counsel_tel_style2{color: #02a0bb;margin-right: 15px;} .counsel_tel>li img{vertical-align: middle;margin-right: 10px;} .time_list{text-align: center;padding-top: 20px;letter-spacing: -0.05em;} .time_list>li{font-size: 18px;color: #222;font-weight: 700;margin-top: 10px;} .time_list>li:first-child{margin-top: 0;} .time_list_tit{font-weight: 500;margin-right: 15px;} .time_small{font-size: 15px;color: #999;font-weight: 300;} .time_add_text{text-align: center;font-weight: 500;font-size: 18px; color: #444;margin-top: 20px;line-height: 28px;} .add_text_style1{color: #007dc6;} .add_text_style2{color: #ff3f3f;} .doctor_inner{display: flex;justify-content: center;padding-top: 20px;} .doctor_right{margin-left: 10px;} .doctor_medical{padding-top: 20px;font-weight: 700;color: #007dc6;font-size: 20px;line-height: 28px;letter-spacing: -0.05em;} .doctor_name{font-weight: 700;color: #222;font-size: 20px;line-height: 28px;letter-spacing: -0.05em;} .doctor_click_btn{display: flex;margin-top: 10px;} .doctor_click_btn>li{cursor: pointer;} .doctor_quick_btn{width: 150px;height: 40px;background-color: #007dc6;text-align: center;margin-top: 29px;} .doctor_quick_btn>a{display: block;line-height: 40px;color: #FFF;font-size: 16px;font-weight: 300;} #location{position: relative;display: flex;height: 500px;margin-top: 100px;margin-bottom: 0 !important;} .location_img{width: 50%;height: 500px; background-image: url(../img/location_map.png);background-size: cover;background-position: right center;} .location_map{width: 50%;height: 500px;} .root_daum_roughmap{width: 100% !important;} .map_border{display: none !important;} /* ------------------------------------------------ 일동탄 정형외과 (Sub:Setting) ---------------------------------------- */ #content{margin-bottom:80px;} #content #s-title{margin-bottom:1em;padding:15px 0;border-bottom:1px solid #ebeceb;font-family:"Nanum Square";font-size:2em;text-align:center;} #content .container{max-width:1000px;line-height: 1.8em;} #content #contents ol,#content #contents ul{margin: 0 0 20px 20px;} #content #contents li{list-style-type: disc;list-style-position: inside;} #content #contents h4{margin:10px 0 5px 0;font-size: 1.2em;} #board{margin-bottom:100px;} .full_input {width: 100%;} .bd-box {box-sizing:border-box; border:10px solid #f7f7f7; padding:20px 30px;} /* ------------------------------------------------ 일동탄정형외과 (Sub:Setting) ---------------------------------------- */ /* _SUB_ 폰트설정 */ .sub h2,.sub h3,.sub h4,.sub h5{font-weight:400; letter-spacing:-0.02em; line-height:1.4em; text-align:center; color:#000} .sub h2{margin-bottom: 40px;font-size:33px; } .sub h3{margin-bottom:60px;font-size:48px; } .sub h3 .bold{font-weight: 700;} .sub h4{font-size:42px;} .sub h5{font-size:1.6em;} .sub h6{font-size:1.2em;} .sub p{margin-bottom:20px;} /* s-visual */ .sub-visual{overflow: hidden; position: relative; height:320px; width:100%;/* background:url('../img/sub/sv_bg.png') center top no-repeat;*/background-color:#e6f1fb; background-size:cover; -webkit-background-size:cover; text-align: center; text-align:left; } .sub-visual .container{position:relative; width:1200px!important; z-index:10; padding:60px 0 70px; color:#111;} .sub-visual .sv-subtit{margin-bottom:13px;font-size:26px;color:#49423b;} .sub-visual .depth3{position:relative; margin:8px 0 ; font-size:62px;letter-spacing: -4px;line-height: 1em; color:#0174b8} .sub-visual .depth3::before{display:block; position:absolute; left:-150px; top:-24px; content:''; width:140px; height:140px; background:url('../img/sub/sv_medal.png') center top no-repeat;} .sub-visual hr{margin-left:0; width:64%; border:1px solid #b5cdd4;} .sub-visual p{font-size:18px;} .sub-visual .bg{position: absolute;top:0px; right:0; width:100%; height:400px; z-index: 1;} #s-a0 .sub-visual {background:#e6f1fb} #s-2030 .sub-visual .depth3 {font-size:52px} #s-2040 .sub-visual .depth3 {font-size:44px} /* 서브네비 */ .snb {border-bottom: 1px solid #ddd;text-align: center;} .snb li{display: inline-block;list-style-type:none;} .snb li a{display:block;padding:15px 20px;font-size:18px;} .snb li.on a{border-bottom: 0px solid #007dc6;font-weight:700;color:#007dc6; border-bottom: 3px solid #007dc6;} .ssnb{margin-top:30px;text-align: center;} .ssnb li{display: inline-block;} .ssnb li a{display:block;margin: 0 -3px;padding:10px 40px;border: 1px solid #ccc;background: #fff;font-size: 18px;} .ssnb li.on a{border:1px solid #007dc6;background: #007dc6;color:#fff} /* -------------------------------------------- 일동탄정형외과 (Sub:Page) ---------------------------------------- */ .sub-tit{margin-bottom:40px; text-align:center} .sub-tit h5{display:inline-block; margin-bottom:12px; padding:.2em .5em; font-size:28px; font-weight:600; background:#007dc6; color:#fff;} .sub-tit h3{position:relative;} .sub-tit h3::after{display:inline-block; width:100%; position:absolute; left:0; bottom:-20px; content:'ILDONGTAN ORTHOPEDICS'; font-size:15px; line-height:1em; font-style:italic; color:#999; letter-spacing:1px;} /*a0 병원소개*/ .width{color:#777; font-size:.9rem} .introduce .tit{text-align:center;} .introduce .tit p.mafo{display:inline-block; font-size:26px; margin-top:24px; background:#ededed; padding:2px 20px; border-radius:4px; border:1px solid #d8d8d8} .introduce .tit p{font-size:1.2em;} .special{background:url('../img/sub/special_box_bg.png') center no-repeat} .special-box{ padding-top:24px; padding-bottom:62px;} .special-box h6{font-size:46px; margin-bottom:8px; color:#ddd; } .special-box h3{margin-bottom:20px; font-size:32px; font-weight:600; color:#496490;} .special-box p{font-size:21px;} .special-box:nth-child(odd){text-align:right; padding-right:200px;} .special-box:nth-child(odd) h3{text-align:right;} .special-box:nth-child(even){text-align:left; padding-left:200px;} .special-box:nth-child(even) h3{text-align:left;} .point-box{overflow:hidden;} .point .tit h4 .big{font-size:62px; color:#007dc6; font-weight:bold; position:relative;} .point .tit h4 .big::before{display:block; content:''; width:6px; height:6px; border-radius:50%; background:#007dc6; position:absolute; top:0px; left:50%; margin-left:-3px;} .point .point-box img{width:100%;} .point-box .text{padding:70px 40px; height:340px; background:#f6f6f6;} .point-box .text h6{font-size:18px; letter-spacing:0; opacity:.5;} .point-box .text h3{margin-top:12px; margin-bottom:0; text-align:left; letter-spacing:-1.4px; font-size:34px; font-weight:600;} .point-box .text h3 .fc-m{color:#007dc6; font-weight:500; } .point-box .text p{font-size:21px; margin-top:32px;} .point-box.right .text,.point-box.right .text h3{text-align:right;} .step .tit h4 .big{font-size:46px; color:#007dc6; font-weight:bold; position:relative;} #a0-step{padding:100px 0 160px; background:#f7f7f7;} #a0-step .tit h4 { font-size:48px; font-weight:400;} #a0-step .tit h4 .big{position:relative; font-size:72px; color:#007dc6; font-weight:bold; position:relative;} #a0-step .tit h4 .big::before{content:'·';position:absolute; left:48%; top:-24px; font-size:42px;} #a0-step .step-box{width:24%; margin:0 .5%; padding-left:0; padding-right:0; box-shadow:1px 12px 12px 0 rgba(0,0,0,.3)} #a0-step .step .col-lg-3{padding-right:0px; padding-left:0px; margin-left:1%;} #a0-step .step-box h6{width:100%; padding:.6em; background:#0f2795; font-size:17px; letter-spacing:0; text-align:center; color:#fff;} #a0-step .step-box .text{padding:20px; text-align:center; color:#111} #a0-step .step-box .text h3{position:relative; padding-bottom:20px; margin-bottom:20px; font-size:28px; line-height:1.4em; font-weight:700; letter-spacing:-1px;} #a0-step .step-box .text h3::after{content:''; position:absolute; left:50%; bottom:0; display:block; width:32px; height:2px; background:#0f2795; margin-left:-12px;} #a0-step .step-box .text p{font-size:17px; } #a0-step .step-box img{width:100%;} /*의료진소개*/ .doc-name{font-size:32px;} .doc-paper .tit{width:100%; padding:8px 30px; background:#ededed; border:1px solid #ddd; border-radius: 4px; font-size:24px; margin-bottom:30px; margin-top:20px;} .doc-paper .small{display:block; color:#888;} #new.doc-history .doc-img{position:relative; padding-top:10px; min-height:740px; background:#f4f7ff;} #new.doc-history .doc-img img{position:absolute; bottom:0; left:0;} #new.doc-history .row:first-child{margin-top: 0;} #new.doc-history .row:nth-of-type(2n) .doc-img img{position:absolute; bottom:0; left:0px;} #new.doc-history .doc-cont{height:740px;padding-top:40px; padding-bottom:40px;color:#fff;background-color: #007dc6;} #new .list.list-disc li:before{position: relative; top: -2px; padding-right: 10px; font-size: 0.00001em; color: #fff; content: '■';} #new .list.list-disc li{margin-bottom:6px; font-size:19px; font-weight:300} #new .doc-name{padding-bottom:16px; border-bottom:1px solid rgba(255,255,255,.5); letter-spacing:-.02em;} #new .doc-name .serif{font-size:1.4em;} #new .doc-name .specialist{display:block; margin-bottom:18px;font-size:.7em;} /*오시는길*/ #location{margin-bottom:100px;} .location .tit{text-align:center; margin-bottom:50px;} .location .tit p{display:inline-block; font-size:24px; line-height:150%; margin-top:24px; background:#ededed; padding:2px 20px;border-radius:4px; border:1px solid #d8d8d8} .notice{width:100%; margin-top:50px; padding:16px 0; border:4px solid #e4e4e3; font-size:24px; line-height:180%; text-align:center; letter-spacing:-0.04em;} /*보유장비*/ .gms-equ .tit{margin-bottom:12px; font-size:26px; font-weight:600;} .gms-equ .row>div:first-child {margin-left:16px;} .gms-equ .box {overflow:hidden; margin-bottom:80px; border:1px solid #ddd; border-radius:18px; text-align:center;} .gms-equ .cont{background:#007dc6} .gms-equ .box .tit{position:relative; left:0; top:-18px; display:inline-block; padding:2px 18px; background:#fff; border:2px solid #007dc6; font-size:21px; color:#007dc6;} .gms-equ .box .txt{padding:8px 20px 20px; min-height:120px; color:#fff; font-size:18px; font-weight:400;} .sub .gms-equ p{margin-bottom:0} .gms-equ .row div:nth-child(5) .cont, .gms-equ .row div:nth-child(6) .cont, .gms-equ .row div:nth-child(7) .cont, .gms-equ .row div:nth-child(11) .cont, .gms-equ .row div:nth-child(12) .cont, .gms-equ .row div:nth-child(13) .cont {background:#108081} .gms-equ .row div:nth-child(5) .cont .tit, .gms-equ .row div:nth-child(6) .cont .tit, .gms-equ .row div:nth-child(7) .cont .tit, .gms-equ .row div:nth-child(11) .cont .tit, .gms-equ .row div:nth-child(12) .cont .tit, .gms-equ .row div:nth-child(13) .cont .tit {border:2px solid #108081; color:#108081} /* -------------------------------------------- 일동탄정형외과 (Sub:#new) ---------------------------------------- */ /* 정의 */ #new .sub-explanation{position:relative; margin-top:80px;text-align:left;} #new .sub-explanation:before{position:absolute; left:-40px; top:-40px; content:''; width:180px; height:180px; background:url('../img/sub/deco_top.png') left top no-repeat;} /* #new .sub-explanation:after{position:absolute; right:-12px; bottom:-15px; content:''; width:180px; height:180px; background:url('../img/sub/deco_bottom.png') left top no-repeat;} */ #new .sub-explanation .row{overflow:hidden; position:relative; margin-right:0; margin-left:0; border:4px solid #eef1f5; display: flex;} #new .sub-explanation .col-xs-12, .sub-explanation .col-sm-6{padding-right:0; padding-left:0;} #new .sub-explanation .row .img{right: 0;} #new .sub-explanation .row .text{justify-self: flex-start;float: none;padding: 50px 20px 50px 40px;} #new .sub-explanation .img{position:absolute; width:46%; height:100%;} #new .sub-explanation .img img{width:100%; height:100%;} #new .sub-explanation .thumb img{border:none;} #new .sub-explanation .thumb img::before{display: block;line-height: 100px;content:'이미지 준비중';text-align: center;opacity: .3;font-size: 2em;} #new .sub-explanation .text{width:50%; float:right; margin-top:0; padding:50px 0; padding-left:20px; padding-right:30px; min-height:400px;} #new .sub-explanation h3{margin-bottom:28px; line-height:1.4em; text-align:left} #new .sub-explanation h3 .small{display:block; margin-top:10px; font-size:15px; letter-spacing:0;} #new .sub-explanation h5{margin-bottom:28px; font-size:24px; font-weight:500; line-height:1.6em; text-align:left;} #new .sub-explanation h5 strong{font-size:1.2em; font-weight:700; color:#0174b8; } #new .sub-explanation p{font-size:20px; line-height:180%;} #new .sub-explanation p strong{padding:0 .2em; background:#fde6b7; font-size:1.1em;} #new .sub-explanation p .small{display:block; font-size:17px; opacity:.7;} #new .sub-explanation .thumb{margin-top:30px;} #new .program-view {margin:80px auto; text-align:center} #new .program-view .btn{padding: 1em 2em;-webkit-border-radius: 100px;-moz-border-radius:100px ;border-radius: 100px;font-size: 1.1em;text-align: center;} /*영양주사*/ .sub-title{margin-top:80px; text-align:center;} .sub-title h6{display: inline-block; border-bottom: 1px solid #9d9d9d; font-size:15px; font-weight:400; color:#9d9d9d; margin-bottom:12px; letter-spacing:1px;} .sub-title h3{margin-bottom:20px; font-weight:600; } .sub-title p{display:inline-block; padding:3px 16px; border-radius:4px; background:#5ac1c2; font-size:19px; font-weight:400;color:#fff;} #new .sub-injection{position:relative;margin-top:80px;text-align:left;} #new .sub-injection .row{overflow:hidden; margin-right:0; margin-left:0; height:380px; border:1px solid #eef1f5; } #new .sub-injection .col-xs-12, .sub-explanation .col-sm-6{padding-right:0; padding-left:0;} #new .container .sub-injection .text{padding:40px 80px; } #new .sub-injection h5{margin-bottom:16px;text-align:left; font-size:28px; font-weight:600; letter-spacing:-2px; color:#21aaab} #new .sub-injection h3{display:inline-block; margin-bottom:20px; font-weight:600; text-align:left; color:#315657} #new .sub-injection h3>p{display:inline-block; } #new .sub-injection p{font-size:18px; line-height:140%;text-align:left; vertical-align: middle;} #new .sub-injection p .icon-clock{width:24px; margin-right:4px; vertical-align:sub} #new .sub-injection ul.point{margin-top:50px;} #new .sub-injection ul.point li {display:inline-block; float:left; width:100px; height:100px; padding-top: 23px; font-size:18px; line-height:1.4em; font-weight:400; text-align:center; color:#fff;} #new .sub-injection ul.point li:nth-child(odd){background:#21aaab;} #new .sub-injection ul.point li:nth-child(even){background:#5ac1c2;} #new .sub-injection .tit{border:1px solid #fff; text-align:center;margin:30px auto;vertical-align: middle;width:340px; height:320px; color:#fff; background:rgba(255,255,255,.4)} #new .sub-injection .tit h3{margin-top:40px; font-size:35px; line-height:140%; text-align:center; color:#111;} #new .sub-injection .tit h3 .small{display: block;margin-top:20px;padding:5px ;background:#ffffffb0;font-size:.5em;font-weight: bold;color:#c93c12} #new .sub-injection .tit p{text-align:center; color:#111; font-weight:500} #new .sub-ingredient{position:relative;margin-top:40px; margin-bottom:100px; text-align:left;} #new .sub-ingredient .row{margin-right:0; margin-left:0; margin-bottom:8px; padding:24px 12px; border:1px solid #802239; } .sub-ingredient .col-sm-4{width:28%; border-right:1px solid #802239; font-size:21px; font-weight:500; color:#802239;} .sub-ingredient .num{font-weight:400; opacity:.5} .sub-ingredient .col-sm-8{padding-left:32px;} /*4딘계 진행*/ #new .sub-step{} #new .step-box { padding:0; border:1px solid #dee1e6; margin:0 0.4%; width:24.2%; } #new .step-box .text{position:relative; border:0; background:#007dc6; color:#fff; } #new .step-box .text h5{position:absolute; top:-16px; left:50%; margin-left:-47px; padding:2px 6px 4px; font-weight:600; font-size:27px; background:#fff; border:2px solid #0174B8; color:#0174B8;} #new .step-box .text p{ margin-bottom:0; padding:34px 8px 28px; min-height: 152px; font-size:21px; text-align:center;} /*비교 테이블*/ .sub-compare{margin-top:80px;} .sub-compare table{width:100%; box-sizing:border-box; border:1px solid #ddd; text-align:center; } .sub-compare table tr{border-bottom:1px solid #ddd;} .sub-compare thead th,.sub-compare tbody td{padding:16px 4px; border-right:1px solid #ddd;} .sub-compare thead th{} .sub-compare thead th:last-child{border-top:4px solid #862b41;border-left:4px solid #862b41;border-right:4px solid #862b41;} .sub-compare tbody td:last-child{border-left:4px solid #862b41;border-right:4px solid #862b41;} .sub-compare tbody tr:last-child td:last-child{border-bottom:4px solid #862b41;} .bg-dg{background:#424242; color:#fff;} .bg-yellow{background:#fcf8c5} .bg-mint{background:#ddf5f1} .big{font-size:1.2em;} /* 증상 */ #new .sub-symptom{overflow:hidden; background:#f6f6f6;} #new .sub-symptom .container{padding:50px 0 0px;background:none !important;} #new .sub-symptom h3{position:relative; margin-bottom:40px; z-index:9} #new .list-check{text-align: center;} #new .sub-symptom img{margin-top:-160px;} #s-102030 .sub-symptom img{margin-top:-40px;} #new .sub-symptom .symptom-img {display:block; width:50%; float:left;} #new .sub-symptom ul{ float:left; width:50%;} #new .list-check li{position: relative; display: block; margin-bottom:5px; margin-left:0; margin-right:0; padding: 20px 20px 20px 90px; text-align:left; border: 5px solid #efefef; background: #fff; font-size:21px; list-style-type: none;} #new .list-check li:nth-child(even){} #new .list-check li::before{content:"◎";position: absolute;width:70px;height: 100%;left:0px;top:0px;padding: 20px;border-right: 5px solid #f6f6f6;font-family:"";font-size: 1.2em;font-weight: 900;color:#ccc;line-height: 100%;} /*종류*/ #new .sub-sort{overflow:hidden; background:#f7f7f7;} #new .sub-sort .container{padding:50px 0 ;background: none !important;} #new .sub-sort h3{position:relative; margin-bottom:40px; z-index:9} #new .sub-sort dl{padding:10px 30px; font-size:16px; line-height:160%;} #new .sub-sort dl dt{font-size:1.6em; font-weight:400; margin-bottom:14px;} #new .sub-sort dl dd{font-size:1.1em; line-height:180%;} #new .sub-sort .thumb{overflow:hidden; background:#fff; border:1px solid #ddd; width:380px; height:220px;} /* 원인 */ #new .sub-cause .row{margin-left:-2%; margin-right:-2%;} #new .sub-cause .hidden-xs{min-height: 200px;} #new .sub-cause h3{margin-bottom: 40px;} #new .sub-cause p{margin-left:.5%; margin-right:.5%; margin-top:20px; background:#007dc6; padding:18px 0; font-size:21px; text-align:center;color:#fff;} #new .sub-cause .col-sm-6{width: 100%;} #new .list-table{overflow:hidden; margin-top:2em;text-align: center;} #new .list-table li{float:left; display: block; width:24%; height:200px; margin:0 .5%; padding:20px 18px 0 18px; border:6px solid #ededed;font-size:22px; font-weight:500; letter-spacing:-1px; text-align:left;color:#111; list-style-type: none; vertical-align: top;} #new .list-table li::before{display: block;margin-bottom:15px;font-size:2em;font-weight:800; text-align: right;line-height: 1em;opacity:.1;} #new .list-table li:nth-child(1)::before{content:"01";} #new .list-table li:nth-child(2)::before{content:"02";} #new .list-table li:nth-child(3)::before{content:"03";} #new .list-table li:nth-child(4)::before{content:"04";} #new .list-table li:nth-child(5)::before{content:"05";} /*질문*/ #new .qna_a {display:none;} #new .s-qna {margin-top:30px;} #new .s-qna-con {font-size:12pt !important;} #new .s-qna-box li {position:relative;float:left; height:450px; width:100%; margin-right:10px; border:1px solid #e6e6e6;} #new .s-qna-box li:last-child {margin-right:0;} #new .s-qna-box li a {position:absolute; display:block; left:31px;bottom:45px; width:120px; text-align:center;line-height:40px;color:#007dc6;border:3px solid #007dc6;font-size:17px; font-weight:bold;} #new #new .s-qna-box li .qa {display:none;color:#555;border:1px solid #555;} .qna_q{margin: auto; padding:50px 30px; font-size:21px; line-height:200%; letter-spacing:-1px; font-weight:400;} #new .qna_a{margin: auto; padding:18px 30px; position: absolute; word-break: keep-all; white-space: pre-line; font-size:18px; line-height:28px; font-weight:400; line-height:200%;} /*효과*/ .sub-effect-list{background:#f7f7f7; padding:100px 0;} .sub-effect-list ul{ float:left; width:100%;} .list-check li{position: relative;display: block;margin-bottom:5px;padding: 20px 20px 20px 90px; text-align:left; border: 5px solid #efefef;background: #fff;font-size: 1.3em;text-align: ;list-style-type: none;} .list-check li:nth-child(even){} .list-check li::before{content:"\f00c";position: absolute;width:70px;height: 100%;left:0px;top:0px;padding: 20px;border-right: 5px solid #f6f6f6;font-family:"Font Awesome 5 Free";font-size: 1.6em;font-weight: 900;color:#ccc;line-height: 100%;} .list-check li strong{padding:0 .2em; background:#ffef2eb5} .sub-effect{margin:100px 0;} .sub-effect dl{height:280px; padding:52px 20px; background:#007dc6; font-size:15px; text-align:center; color:#fff; transition:all .4s ease; transition:color 0 ease} .sub-effect dl:nth-child(1){background:#43baba;} .sub-effect dl:nth-child(2){background:#2ea5a5} .sub-effect dl:nth-child(3){background:#2ea5a5; } .sub-effect dl:nth-child(4){background:#43baba;} .sub-effect dl dt{font-size:2.2em; font-weight:600; margin-bottom:20px; color:#f3e976} .sub-effect dl dd{font-size:1.2em; line-height:160%; font-weight:400;} .sub-effect dl:hover{padding-top:44px; box-shadow:1px 10px 10px rgba(0,0,0,.2); background:#1d8484; cursor:pointer; z-index:999} .sub-effect-list img{width:100%; border:1px solid #ddd;} .sub-effect-list .small{display:block;} /*치료부위*/ .sub-part{margin-top:100px; padding:80px 20px; background:#f7f7f7;} .sub-part .row-0{overflow:inherit;} .sub-part h3{text-align:left;} .part-left ul {width:400px; margin-top:50px;} .part-left ul li {display:block; width:100%; padding:16px 8px; border-bottom:1px solid #ddd; color:#111; cursor:pointer;} .part-left ul li .arrow{display:inline-block; float:right; margin-right:8px; writing-mode: vertical-lr; transition:all .4s ease;} .part-right{position:relative;margin-top:-20px; } .part-right img{max-width: 320px; } .part-right h6{display:block; position:absolute; cursor:pointer} .part-right h6 .point{display:inline-block; position:relative; width:8px; height:8px; margin-right:8px; border-radius:50%; background:#fff} .part-right h6 .point:before{position:absolute; left:-4px; top:-4px; display:block; content:''; width:16px; height:16px; border-radius:50%; border:2px solid #fff;} .part-right h6 .text{ padding:1px 4px; border-radius:2px; font-weight: 500; background:#0d76d9; color:#fff; opacity:0; transition:all .4s ease} .part-right h6.neck {right:202px; top:56px;} .part-right h6.shoulder {right:160px; top:90px;} .part-right h6.elbow {right:80px; top:136px;} .part-right h6.waist {right:120px; top:194px;} .part-right h6.pelvis {right:118px; top:240px;} .part-right h6.knee {right:238px; bottom:214px;} .part-right h6.foot {right:4px; bottom:60px;} .part-left ul li.active{background:#eae8e8; color:#1666c9; font-weight:500;} .part-left ul li.active .arrow{color:#1666c9; font-weight:500; margin-right:0px;} .part-right h6.active .point{background:#eefc73} .part-right h6.active .text{opacity:1} /* s-10 비수술적 치료법 */ .sub-treatment{margin-bottom:100px;} .sub-treatment h3::before{content:'일동탄정형외과'; display:block;margin-bottom:5px; text-align: center; font-size:.5em; color:#00a1e9; letter-spacing:0; opacity:.8;} .list-circle{text-align:center;} .list-circle li {overflow:hidden; display:inline-block; margin:0 5px; width: 240px;height: 240px;padding:60px 15px; -webkit-border-radius: 500px;-moz-border-radius: 500px;border-radius: 500px;font-size: 1.1em;text-align: ;list-style-type: none;} .list-circle li a{display:block;height:240px; width:240px;padding-top:102px; margin-left: -22px; margin-top: -100px;} .list-circle li .text{margin-top:-6px; transition:all .2s ease} .list-circle li:nth-child(7) .text{margin-top:-26px;} .list-circle li .txt{margin-bottom: 5px;font-size:19px; letter-spacing:-1px; opacity:.8;} .list-circle li .tit{font-size: 1.3em;letter-spacing: -0.05em;line-height: 1.4em;} .list-circle li:nth-child(1){border:8px solid #0f66aa;} .list-circle li:nth-child(2){border:8px solid #218ed3;} .list-circle li:nth-child(3){border:8px solid #0eb7b0;} .list-circle li:nth-child(4){border:8px solid #90ca6d;} .list-circle li:nth-child(5){border:8px solid #9fd600;} .list-circle li:nth-child(6){border:8px solid #cce618;} .list-circle li:nth-child(7){border:8px solid #febd30;} .list-circle li:nth-child(1):hover{background: #0f66aa;} .list-circle li:nth-child(2):hover{background: #218ed3;} .list-circle li:nth-child(3):hover{background: #0eb7b0;} .list-circle li:nth-child(4):hover{background: #90ca6d;} .list-circle li:nth-child(5):hover{background: #9fd600;} .list-circle li:nth-child(6):hover{background: #cce618;} .list-circle li:nth-child(7):hover{background: #febd30;} .list-circle li:hover a .text{color:#fff; margin-top:-10px;} .list-circle li:nth-child(7):hover a .text{margin-top:-30px;} .list-circle li .thumb{display:none;} .sub-treatment-new .container{width:1200px;} .sub-treatment-new .row{margin-left:0; margin-right:0;} .sub-treatment-new .row h4{margin-top:20px; font-size:30px; font-weight:600;} .sub-treatment-new .row h4 a{color: #006769;} .sub-treatment-new .row p{min-height:100px; line-height: 1.6em;} .sub-treatment-new .cont{margin-bottom:40px; text-align:center} .sub-treatment-new .cont div:nth-child(2){padding:0 20px; background:#fff;} .sub-treatment-new .cont h4{margin-top:0; margin-bottom:0; padding:.2em 0; font-size:28px; font-weight:600; background:#0174b8; color:#fff; text-align:Center} .sub-treatment-new .cont img{border:1px solid #ddd; width:100%;} .sub-treatment-new .cont div:nth-child(2) h5{display:inline-block; margin-top:20px; margin-bottom:8px; padding:.4em 1em; background:#fff; border:2px solid #ddd; border-radius:30px; font-size:1.1em; line-height:1em; font-weight:500; color:#333; text-align:center} .sub-treatment-new .cont ul{overflow:hidden; padding:20px 0; text-align:center; } .sub-treatment-new .cont ul li{position:relative; float:left; width:48%; margin:1%; padding:16px 8px; border-radius:12px; background:#376a9e; font-size:19px; color:#fff;} .sub-treatment-new .cont ul.line{height:100%; background:#fff;} .sub-treatment-new .cont ul.line li{ background:#fff; border:3px solid #376a9e; color:#111;} .sub-treatment-new .cont p{margin-top:20px; text-align:left} .sub-treatment-new img{border:1px solid #ddd;} /* s-20 치료 프로그램 종류 */ .sub-program{margin-bottom:80px; } .sub-program .row{} .sub-program .row {} .sub-program .row .thumb {overflow: hidden;max-height:300px;} .sub-program .row .thumb img{position: relative;top:-50px} .sub-program .row .thumb img::before{display: block;line-height: 100px;content:'이미지 준비중';text-align: center;opacity: .3;font-size: 1.6em;} .sub-program .row .text{margin: 15px 0} .sub-program .row .text .txt{display: none;} .sub-program .row .text .tit{position: relative;font-size: 1.6em;} .sub-program .row .text .tit::after{content:"\f105";position: absolute;top:1px;right:10px;font-family:"Font Awesome 5 Free";font-size: 1.2em;font-weight: 900;color:#ccc} .sub-program .row p{} .sub-program hr{margin-top: 50px;margin-bottom: 50px;} /* s-30 치료과정 */ .sub-process{margin-bottom:100px;} .sub-process h4{margin-top:1em;margin-bottom:10px;padding:6px 0; font-size:32px; font-weight:600; text-align: left; color:#0174b8;} .sub-process .row p{font-size:21px; line-height:1.8em;} .sub-process img{border:1px solid #ededed;} /* s-30, s-a030 치료대상 */ .sub-target{margin-bottom:80px;} .sub-target{} .s-pagenb{padding-top: 30px;} .s-pagenb dt{display: inline-block;width: 15%;} .s-pagenb dd{display: inline-block;width: 20%;margin: 0 4px;} .s-pagenb dt a{font-size: 1.2em;} .s-pagenb dd a{display: block;padding: 15px 15px;border: 1px solid #ddd;font-size: 1.2em;} .s-pagenb dd a:hover{background: #f9f9f9;} .s-pagenb dd a::before{content:"\f105";position: relative;top:1px;padding-right: 10px;font-family:"Font Awesome 5 Free";font-size: 1.2em;font-weight: 900;color:#90c31f} /*수술 꼭 해야할가요?*/ #new .sub-nonsurgery{position:relative; padding:100px 0; color:#fff;} #new .sub-nonsurgery::before{display:block; position:absolute; left:0; top:150px; content:''; width:56%; height:1px; background:#fff;opacity:.5} #new .sub-nonsurgery .text>div{font-size:46px;} #new .sub-nonsurgery .text h6 {margin:30px 0; font-size:30px; line-height:140%;} #new .sub-nonsurgery .text h6 .fc-yellow{font-size:1.2em;} #new .sub-nonsurgery .text p{font-size:21px; line-height:1.8em;} /*서브하단 비수술치료*/ #s-a010 .sub-point{margin-top:0} .sub-point a{display:block; position:relative; padding:80px 0 60px; background:url('../img/sub/sub_point_left.png') left top no-repeat #0b3359; background-size:cover; color:#fff; text-align:center} .sub-point .point-right{position:absolute; right:10%; top:0;} .sub-point .tit{display:inline-block; position:relative; color:#fff;} .sub-point .tit:before{position:absolute; left:-100px; top:0; content:''; width:100px; height:200px; background:url('../img/sub/deco_left.png') left top no-repeat;} .sub-point .tit:after{position:absolute; right:-100px; top:0; content:''; width:100px; height:200px; background:url('../img/sub/deco_right.png') left top no-repeat;} .sub-point .tit h5{font-size:32px; line-height:180%; color:#fff;} .sub-point .tit h2{margin-bottom:20px; font-size:46px; color:#fff;} .sub-point p{margin-bottom:20px; font-size:18px;} .sub-point .view-btn{ font-size:13px; font-weight:300; opacity:.7;} /* ---------------------------------------------------- 도수/물리치료 수정 ------------------------------------------------------*/ /*도수치료*/ #manual-point{padding:100px 0 60px; background:#3a434e; background-size:cover;} #manual-point .tit{text-align:center} #manual-point .tit h3{margin-bottom:20px; font-size:54px; line-height:1.4em; font-weight:700; color:#fff;} #manual-point .tit h3 strong{color:#fdb126;} #manual-point .tit h3 .big{font-size:1.2em;} #manual-point .tit p{display:inline-block; padding:.3em .5em; background:#0174b8; color:#fff; font-size:1.4em; text-align:center;} #manual-point ul.menu{overflow:hidden; margin-top:40px; margin-bottom:40px; } #manual-point ul.menu li{display:block; float:left; width:48%; margin:1%; padding:.8em; background:#fff; font-size:28px; font-weight:600; text-align:left; color:#198cc5;} #manual-point ul.menu li span.num{display:inline-block; width:32px; height:32px; line-height:32px; background:#198cc5; border-radius:50%; font-size:21px; font-weight:500; text-align:center; color:#fff;} #manual-point ul.menu li a{display:block; } #manual-point .cont {text-align:center} #manual-point .cont .thumb {display:inline-block; margin:20px auto; padding:20px 60px; border:4px solid #0174b8; background:#fff; } #s-3040 #manual-point .cont .thumb {border:0;} #manual-point .cont .thumb img{} #manual-point .cont p{text-align:center; color:#fff; opacity:.7} #manual-point-cont{margin:80px 0;} #manual-point-cont .box{position:relative; margin:0 auto 40px;padding:100px 0 100px 60px; background:#ededed; border:1px solid #ddd;} #manual-point-cont .box .num{position:absolute; left:0; top:0; padding:20px; background:#111; color:#fff;} #manual-point-cont .box h3{position:relative; font-size:55px; line-height:1.4em; font-weight:600; color:#1c75b7} #manual-point-cont .box h3 img{position:absolute;} #manual-point-cont .box h3 img.left{lefT:80px; top:10px;} #manual-point-cont .box h3 img.right{right:80px; top:10px;} #manual-point-cont .box .text{padding-top:20px; padding-bottom:40px;} #manual-point-cont .box .text p{font-size:21px; line-height:1.8em;} #manual-point-cont .box .text p strong{display:inline-block; padding:0 .2em; background:#f5d89d; font-size:1.2em;} #manual-point-cont .box .history{margin-left:0; margin-right:0; padding:20px; background:#3b4450; color:#fff;} #manual-point-cont .box .history ul{} #manual-point-cont .box .history ul li{padding:0 .5em; font-size:18px; line-height:1.8em;} #manual-point-cont .box .history .col-sm-4{width:31.333%; margin:1%;} #manual-point-cont .box .history .col-sm-6{width:48%; margin:1%;} #manual-point-cont .box .history img{width:100%; padding-left:0; padding-right:0;} #manual-point-cont .box#point4{padding-bottom:20px;} #manual-point-cont .box#point1{background:#ecf7ff} #manual-point-cont .box#point2{background:#f0f6ff} #manual-point-cont .box#point3{background:#ecf7ff} #manual-point-cont .box#point4{background:#f0f6ff} /*효과*/ #sub-effect-list{background:url('../img/sub/surgery_effect_bg_4020.jpg') left top no-repeat #f7f7f7; padding:80px 0; background-size:cover; background-attachment:fixed;} #sub-effect-list h3{margin-bottom:20px;} #sub-effect-list h3.bold{font-size:48px; font-weight:600; line-height:1.4em; letter-spacing:-1px; color:#fff;} #sub-effect-list h3 strong{font-size:1.2em; letter-spacing:-4px; color:#fff} #sub-effect-list .p{ padding:.3em; font-size:36px; line-height:1em; font-weight:600;color:#ffe62f; text-align:center} #sub-effect-list ul{overflow:hidden;} #sub-effect-list .list-check li{position: relative; float:left; display:block; width:48%; margin:1%; min-height:360px; padding: 40px 80px; text-align:left; border:0; border-radius:200px; border:10px solid #ea8515; background:transparent; font-size:22px; line-height:1.4em; list-style-type:none; color:#fff;} #sub-effect-list .list-check li h4{margin-bottom:20px; padding-left: 12px; font-size:38px; font-weight:600; line-height:1em; color:#ea8515; text-align:left;} #sub-effect-list .list-check li::before{display:none; border-right:0; font-size:24px; color:#fff;} #sub-effect-list .list-check li strong{color:#ffe62f;} #sub-effect-list .list-check li .small{display:block; margin-top:20px; font-size:19px; line-height:1.4em; opacity:.8;} /*체외충격파 효과*/ #new-non-surgery-effect{margin-top:80px; background:url('../img/sub/surgery_effect_bg_4020.jpg') left top no-repeat #f7f7f7; padding:80px 0; background-size:cover; background-attachment:fixed;} #new-non-surgery-effect .sub-tit h3{margin-bottom:20px; font-size:48px; font-weight:600; line-height:1.4em; letter-spacing:-1px; color:#fff; } #new-non-surgery-effect h3 strong{font-size:1.2em; letter-spacing:-2px; } #new-non-surgery-effect .sub-tit p{display:inline-block; padding:.3em; font-size:36px; line-height:1em; font-weight:600;color:#ffe62f;} #new-non-surgery-effect .sub-tit h3::after{display:none;} #new-non-surgery-effect .cont{} #new-non-surgery-effect .cont .box{width:46%; margin:0 2%; padding:40px 80px; border:10px solid #ea8515; border-radius:200px; } #new-non-surgery-effect .cont .box img{width:100%; margin-bottom:10px;} #new-non-surgery-effect .cont .box h4{margin:12px 0 20px ; padding-left:12px; font-size:38px; font-weight:600; line-height:1em; color:#ea8515; text-align:left;} #new-non-surgery-effect .cont .box p{font-size:22px; line-height:1.6em; min-height:180px; color:#fff;} /*체외충격파 과정*/ #step-3020{margin-top:80px; margin-bottom:80px;} #step-3020 .sub-tit h3{font-size:52px;} #step-3020 .sub-tit p{display:inline-block; padding: .4em 1em; background:#0174b8; font-size:1.4em; line-height:1em; color:#fff;} #step-3020 .cont{overflow:hidden;} #step-3020 .cont .box{} #step-3020 .cont .box h6{position:relative; margin-bottom:12px; padding:8px 0; font-size:26px; font-weight:600; text-align:center; color:#fd7f26;} #step-3020 .cont .box h6::before{content:''; position:absolute; lefT:0; bottom:0px; width:100%; height:2px; background:#fd7f26; } #step-3020 .cont .box .cont{min-height:180px;} #step-3020 .cont .box h5{margin-top:10px; font-size:21px; line-height:1.6em; font-weight:400; text-align:left} #step-3020 .cont .box .small{font-size:15px; line-height:1.2em; color:#777;} #step-3020 .cont .box img{border:1px solid #ddd;} /*체외충격파 논문인용*/ #paper-effect{padding-top:80px; padding-bottom:80px; background:#efefef;} #paper-effect .box{margin-bottom:40px; padding:40px; background:#fff; box-shadow:1px 1px 8px 0 rgba(0,0,0,.2); border:1px solid #ddd;} #paper-effect .box p{font-size:19px; line-height:2em; letter-spacing:0;} #paper-effect .box p strong{background:#fde6b7; } #paper-effect .box h5{margin-top:20px; padding:.5em 1em; background:#d4d4d4; color:#676767; font-size:17px;} /*효과*/ #sub-effect{margin-top:80px; margin-bottom:80px; width:1200px;} #sub-effect .box{padding-left:0px; padding-right:0px;} #sub-effect .box:nth-child(2) h3.bg-p{height:441px; line-height:413px; background:#d0d0d0;} #sub-effect .box:nth-child(2) ol.squre-li-w3{border-left:0; border-right:0;} #sub-effect .box:nth-child(2) ol.squre-li-w3 li{background:#ededed; border-bottom:1px dotted #777;} #sub-effect .box:nth-child(2) ol.squre-li-w3 li:last-child{border-bottom:0;} #sub-effect .box img{min-height:378px;} #sub-effect h3.bg-p{margin-bottom:0; padding:.5em; font-size:26px; font-weight:600; background:#31bab3; color:#fff; text-align:center} #sub-effect .text{padding:20px; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center} #sub-effect .text h4{display:inline-block; margin-bottom:8px; padding:.3em 1em; background:#fff; border:2px solid #dae1fc; border-radius:40px; font-size:1.1rem; color:#3b4361; } #sub-effect .text:last-child{border-bottom:0;} #sub-effect .bd-box{margin-top:40px; padding:20px; text-align:center; background:#3a434e; font-size:24px; line-height:1.6em; border:0; color:#fff;} #sub-effect .bd-box .fc-yellow{font-size:1.1em; font-weight:600; color:#ffe62f} #sub-effect ol.squre-li{overflow:hidden;} #sub-effect ol.squre-li li{display:block; float:left; width:48%; margin:1%; padding:12px; background:#31bab3; border-radius:12px; font-size:1.2rem; line-height:1.5em; font-weight:500; text-align:center; color:#fff} #sub-effect .text:last-child ol.squre-li li{background:#fff; border:4px solid #31bab3; color:#111; } #sub-effect ol.squre-li-w3{border:2px solid #ddd;} #sub-effect ol.squre-li-w3 li{display:block; width:100%; padding:12px; border-bottom:1px dotted #ddd; background:#f7f7f7; font-size:19px; line-height:1.5em; font-weight:500; text-align:center; color:#111} #sub-effect ol.squre-li-w3 li:last-child{border-bottom:0!important} #sub-effect ol.squre-li-w3 li strong{font-weight:700; color:#ea3215;} /* 체외충격파 질환*/ #m-part{overflow:hidden; padding:80px 0; background:url('../img/sub/m_part_bg.png') center; background-size:cover;} #m-part .container{width:1400px;} #m-part .cont{position:relative;height:800px;background:url('../img/sub/human_body.png') no-repeat top center;} #m-part .part-left{} #m-part .part-left nav{display:inline-block;width:16%;margin:40px 0;font-size:1.1rem;vertical-align: top;text-align: center;} #m-part .part-left dl{} #m-part .part-left dl dt{width:100%; padding:.6em 0; font-size:19px; font-weight:600;} #m-part .part-left dl dt span{margin-right:8px;} #m-part .part-left dl dd{width:100%; margin: 0 4px 6px 0;} #m-part .part-left dl dd a{display:block;padding:.6em 0; background:#fff; border:1px solid #ddd; font-size:17px; transition:all .2s} #m-part .part-left dl dd a.active{border:1px solid #90c31f; color:#6e990f;} #m-part .part-left dl dd a:hover{cursor:inherit} #m-part .part-left dl dd.head a.active, #m-part .part-left dl dd.stomach a.active{border:1px solid #006784; color:#006784} #m-part .part-right{position:absolute;left:50%;top:24px;margin-left:-90px;} #m-part .part-right h6{position:relative; font-size:1.4rem; line-height:1em; vertical-align:middle} #m-part .part-right h6 span{vertical-align: middle;} #m-part .part-right h6.head{right:10px ; top:10px ;} #m-part .part-right h6.neck{right:-48px ; top:70px;} #m-part .part-right h6.shoulder {right:-80px; top:80px;} #m-part .part-right h6.elbow {right:-180px ; top:100px ;} #m-part .part-right h6.hand {right:42px; top:140px ;} #m-part .part-right h6.waist {right:-130px; top:150px ;} #m-part .part-right h6.stomach {right:-108px; top:188px ;} #m-part .part-right h6.knee {right:30px ; top:320px ;} #m-part .part-right h6.foot {right:-260px ; top:480px ;} .part-right h6 .point{display:inline-block; position:relative; width:8px; height: 8px; margin-right:12px; border-radius: 50%; background: #e83e27; transition:all .1s} .part-right h6 .point:before {position: absolute; left: -4px; top: -4px; display: block; content: ''; width: 16px; height: 16px; border-radius:50%; border: 2px solid #e83e27; transition:all .1s} .part-right h6.head .point,.part-right h6.stomach .point{background:#006784;} .part-right h6.head .point:before,.part-right h6.stomach .point:before {border: 2px solid #006784;} .part-right h6 .text{visibility: hidden; padding:.1em .4em; border-radius:4px; background:#167bda; color:#fff;} .part-right h6.active .text{visibility:visible;} .part-right h6.active .point{width:10px; height:10px;} .part-right h6.active .point:before {left: -5px; top: -5px; width:20px; height:20px;} #s-3020 .sub-target{display:none} /*질문과 답변*/ #s-qna {margin-top:80px; margin-bottom:80px;} #s-qna .row{margin-left:0; margin-right:0; } #s-qna .row>div{width:960px; margin:0 atuo;} #s-qna dl dt{padding:.5em 1em; background:#e8e8e8; border:1px solid #ddd; border-radius:8px; font-size:24px; text-align:left; font-weight:500; color:#777;} #s-qna dl dd{ display:none; margin-top:18px; margin-bottom:50px; padding:0 60px; font-size:23px; line-height:1.8em;} #s-qna dl dd strong{background:#f5d89d; font-size:1.1em;} /*서브 배너*/ #sub-banner {display: block; position: relative; background: url(../img/sub/sub_point.png) left top no-repeat #19548f; opacity : 0.8; background-size: cover;color: #fff; text-align: center; padding:60px 0 80px;} /*서브 타입*/ #sub-type{margin-top:80px; margin-bottom:80px;} #sub-type .cont .box{margin-bottom:20px;} /* ---------------------------------------- 일동탄정형외과 병원소개 (Sub:Page) ---------------------------------------- */ /* 병원소개 */ .sub-special .tit-point {font-size:1.7em; font-weight:200;} .sub-special .tit {margin-bottom:15px; font-size:2em; font-weight:600; letter-spacing:-2px;} .sub-special .txt {font-size:1.2em; font-weight:400; line-height:1.8em; word-break:keep-all;} .sub-special .txt-con {padding:46px 40px; } .sub-special .sm-tit {color:#5ab6df; letter-spacing:5px; font-size:10px;} .sub-special h2 {letter-spacing:-2px;} .sub-special h3 {font-size:26px; text-align:left !important; line-height:40px; font-weight:300;} .sub-special .sp-tit {border-left:3px solid #007dc6; padding-left:30px;} .list-polygon {text-align:center;} .list-polygon li {position:relative; display:inline-block; padding:20px 30px; font-size:16px; text-align:center; width:auto;} .bold {font-weight:bold;} .bg-sky {background:#eef8ff;} .sbg-gray {background:#e9eced;} .sbg-gray .txt-con{padding:73px 90px;} .sbg-gray .container {width:100%;} .bd-top {margin:20px 0; display:block; width:40px; height:2px; background:#007dc6;} .a020 .tit {font-size:2em; font-weight:600; letter-spacing:-2px;padding-right:10px;} .a020 .tit-mid {font-size:1.7em; font-weight:500; letter-spacing:-1px;} .a020 .txt {font-size:1.2em; font-weight:400; line-height:1.8em; word-break:keep-all;} .a020 h2 {text-align:left !important;} .s-doc .container {width:1030px;} .dlist {padding:50px 0 20px 0; font-size:20px; line-height:50px; letter-spacing:-0.5px;} .dlist dt {float:left; margin-right:10px; width:40%; text-align:center;} .a040 h2 {text-align:left !important;} .a040 .txt-con {padding:40px 20px;} .treat-object{padding-top:100px; padding-bottom:100px; background:#ededed;} .treat-object .sub-tit h3{text-align:left; color:#fff;} .treat-object .text{border:1px solid #ddd; background:#fff;} .treat-object .text li{position:relative; padding:.8em 2em; border-bottom:1px dotted #ddd; font-size:21px;} .treat-object .text li::before{content:''; width:40px; height:40px; position:absolute; left:0; top:12px; background:url('../img/icon_check.png') center no-repeat; } #sub-info{padding-top:100px; padding-bottom:100px; border-bottom: 2px solid #137892;} #sub-info .container{padding:40px 0; background:#fff; border:8px solid #e6f1fb;} #sub-info .container .row{margin-left:0; margin-left:0;} #sub-info .box{text-align:center} #sub-info .box h5{margin-top:12px; font-size:19px; font-weight:400;} #sub-info .box p{font-size:21px; font-weight:600;} #sub-info .box p .small{display:block; line-height:1.4em;} #notice-list{padding-top:100px; padding-bottom:100px; background:#f9f9f9 } #notice-list .container-sm{max-width:1000px;} #notice-list .sub-tit{} #notice-list .sub-tit h3{font-size:48px; line-height:1.3em; letter-spacing:-1px;} #notice-list .sub-tit h3::after{display:none;} #notice-list .cont{} #notice-list .cont ul{border:8px solid #ededed; background:#fff; } #notice-list .cont ul li{position:relative; display:block; padding:20px 40px 20px 70px; border-bottom:3px dotted #ddd; font-size:21px; line-height:1.6em; font-weight:500; } #notice-list .cont ul li .small{display:block; margin-top:12px; font-weight:500; color:#b1b1b1; } #notice-list .cont ul li:last-child{border-bottom:0;} #notice-list .cont ul li::before{content:'0'; position:absolute; left:32px; top:20px; font-size:28px; text-align:center; color:#b5b5b5;} #notice-list .cont ul li span.fc-p{color:#111; background:#fff7d0;} #notice-list .cont ul li:nth-child(1)::before{content:'1';} #notice-list .cont ul li:nth-child(2)::before{content:'2';} #notice-list .cont ul li:nth-child(3)::before{content:'3';} #notice-list .cont ul li:nth-child(4)::before{content:'4';} #notice-list .cont ul li:nth-child(5)::before{content:'5';} #notice-list .cont ul li:nth-child(6)::before{content:'6';} #notice-list .box p{margin-top:40px; padding:20px; background:#31bab3; font-size:21px; line-height:170%; font-weight:400; text-align:center; color:#fff;} #notice-list .box p strong{margin-top:18px; font-size:24px; text-decoration:underline; font-weight:500; color:#fff935} #sub-care-new{padding-top:100px; padding-bottom:100px;background:#353e4a} #sub-care-new .sub-tit{color:#fff;} #sub-care-new .sub-tit h3{color:#fff;} #sub-care-new .sub-tit p{font-size:20px;} #sub-care-new .sub-tit .fc-p{font-weight:600; color:#fbb413;} #sub-care-new .box{max-width:640px; margin:0 auto; background:#fff; text-align:center} #sub-care-new .box img{width:100%; } #sub-care-new .box p{background:#31bab3; padding:1em; font-size:32px; text-align:center; font-weight:600; letter-spacing:0; line-height:1.4em; color:#fff; } #sub-care-new .box {background:none; max-width:1100px;} #sub-care-new .box ul {} #sub-care-new .box ul li{float:left; width:31.33333%; color:#fff; border:6px solid #ea8515; margin:1%; padding:1em; border-radius:50px; font-size:21px; font-weight:600;} #point-bn{} #point-bn .banner{padding:100px; } #point-bn .banner .container-sm{text-align:center} #point-bn img.banner-img {margin:30px auto; max-width:860px;} #point-bn .banner .center{padding:80px; border:2px solid #31bab3; background:#fff; text-align:center;} #point-bn .banner .left{text-align:left;} #point-bn .banner .text .logo{margin-bottom:20px;} #point-bn .banner .text h5{font-size:28px; font-weight:600;} #point-bn .banner .text h2{padding:20px 0; background:#31bab3; font-size:72px; line-height:1em; color:#fff;} #point-bn .banner .text h3{margin-bottom:40px; line-height:1.4em; font-size:52px; font-weight:600;} #s-3050 #point-bn .banner .text h3{font-size:56px; letter-spacing:-3px; font-weight:300; color:#396b6b} #s-3050 #point-bn .banner .text h3 .bold{font-weight:700;} #s-4030 #point-bn .banner .text h3{font-size:42px;} #point-bn .banner .text h5{margin-bottom:14px; font-size:32px; font-weight:600; color:#ff4700; text-align:center} #point-bn .banner .text h5 strong{padding:0 .4em; color:#ff4700; font-size:1.1em; background:#fff; font-weight:700;} #point-bn .banner .text p{font-size:22px; line-height:1.8em; font-weight:400;} #point-bn-explain{margin-top:100px;} #point-bn-explain .banner{overflow:hidden; position:relative; padding:100px 100px 120px; border:1px solid #ddd;} #point-bn-explain .banner .center{padding:80px; border:2px solid #82d1ff; background:#fff; text-align:center; color:#} #point-bn-explain .banner .left{text-align:left;} #point-bn-explain .banner .text .logo{margin-bottom:20px; } #point-bn-explain .banner .text h2{padding:20px 0; background:#3c4c86; font-size:72px; line-height:1em; color:#fff; text-align:left;} #point-bn-explain .banner .text h3{margin-bottom:40px; line-height:1.4em; font-size:52px; font-weight:600; text-align:left;} #point-bn-explain .banner .text h3 .small{display:block; font-size:18px; line-height: 2.4em; font-weight:600; text-align:left;} #point-bn-explain .banner .text h5{font-size:28px; font-weight:400; text-align:left;} #point-bn-explain .banner .text h5 strong{color:#ff4700; font-size:1.1em; background:#fff; font-weight:700; text-align:left;} #point-bn-explain .banner .right{position:absolute; right:0; bottom:0;} #point-bn-explain-new{} #point-bn-explain-new .banner{overflow:hidden; position:relative; padding:200px 100px 200px; } #point-bn-explain-new .banner .text{} #point-bn-explain-new .banner .text h3{position:relative; margin-bottom:160px; line-height:1.4em; font-size:52px; font-weight:600; text-align:center; color:#fff;} #point-bn-explain-new .banner .text h3::after{content:''; position:absolute; left:50%; bottom:-120px; display:block; width:3px; height:80px; background:#fff;} #point-bn-explain-new .banner .text h3 .small{display:block; font-size:18px; line-height: 2.4em; font-weight:600; text-align:center;} #point-bn-explain-new .banner .text h5{font-size:34px; line-height:1.8em; font-weight:400; text-align:center; color:#fff;} #point-bn-explain-new .banner .text h5 strong{font-size:1.2em; font-weight:700; text-align:center;} #point-bn-explain-new .define{padding:80px; background:#e6f1fb; text-align:center} #point-bn-explain-new .define h5{margin-bottom:40px; font-size:48px; color:#0174b8} #point-bn-explain-new .define p{font-size:24px; line-height:1.6em;} #point-bn-explain-new .define p strong{padding:0 .2em; background:#58c5c5; font-size:1.1em; font-weight:700; color:#fff;} #cryo-point{padding: 100px 0 100px; background:#f7f7f7; background-size: cover; } #cryo-point .sub-tit{text-align:center;} #cryo-point .sub-tit h3{font-size:38px; color:#f9370b} #cryo-point .text{position:relative;} #cryo-point .text p{ margin-top: 40px; margin-bottom:40px; font-size:24px; line-height:1.6em; letter-spacing:0; font-weight:400; text-align:center; color:#777;} #cryo-point .text p strong{opacity:1; color:#333;} #cryo-point .text .top, #cryo-point .text .bottom{text-align:center} #cryo-point .text .top{} #cryo-point .text .bottom{} #sub-care-new .box .effect>li{width: 23%;} #sub-care-new .effect_sub_tit{color:#FFF;font-size:28px;font-weight: 500;text-align:left;} #sub-care-new .effect_sub_text{color:#EEE;font-size:18px;} @media screen and (max-width: 768px) { .flex{display:block;} .row-wide{margin-right:5px; margin-left:5px;} } #bo_gall {margin:100px auto 80px; max-width:1200px; width:100%;} #bo_list {margin-top:100px;}