@charset "utf-8"; @import url( "/css/NotoSansKR-Hestia.css" ); /* Main #192a68 Mainbd #0e1e59 Sub1 #6e86e1 Sub2 #62bee3 Point #ea8515 Font #000001 N1 #736e72 N2 #616161 N3 #9e9e9e N4 #a9aeae N5 #c5bcc1 N6 #ebeceb N7 #f7f5f6 */ /* ------------------------------------------------- Setting ---------------------------------------- */ body{min-width:1350px; font-family:"Noto Sans Korean", sans-serif;word-break:keep-all;} @media screen and (min-width:1350px){html{overflow-x: hidden;}} .fregister_agree{border-top:2px solid #ececec;} .mobile-only{display:none} .pc-only{display:block} .pc-ee{display:block} .ee {display: block;} .mobile-ee{display:none} .mobile{display:none;} .container{max-width:1300px; margin:0 auto;} .container-lg{max-width:1600px; margin:0 auto;} .container-sm { position: relative; width: 1100px; margin: 0 auto;} .container-xs { position: relative; width:640px; margin: 0 auto;} hr{margin-top:40px;margin-bottom:40px;} .fc-p-fz{color: #ea8515; font-weight: bold; font-size: 17px;} /* -------------------------------------------------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} @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-2s{width:19.3%;}.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} /* ------------------------------------------------- Gnuboard ---------------------------------------- */ /* ie6 이미지 너비 지정 */ .img_fix{width:100%;height:auto} /* 팝업 */ #hd_pop{z-index:1000;position:relative;margin:0 auto;height:0} #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 p{padding: 10px 0;background: #fff;} .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 */} /* Mobile화면으로 */ #device_change{position:fixed;top: 0;left: 0; display:block;width:100%;margin:0;padding:1em;border:5px solid #aaa;font-size:1.1em;font-weight:600;text-align:center;background-color: #FFF;z-index: 9999;} @media (min-width:1200px){#device_change{display:none;}} /* ------------------------------------------------- Board ---------------------------------------- */ /* 댓글 스타일 */ .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;} .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('http://center.gssamsung.co.kr/theme/center/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:#192a68;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:#192a68;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:#192a68} /* 자바스크립트 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} /* ------------------------------------------------- Borad ---------------------------------------- */ /* 게시판 일괄적용 */ #bo_v_title {font-size:2em;} #bo_v_con {min-height:300px; padding:20px;} #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;} #board .container {margin-bottom:30px;} /* 게시판용 버튼 */ 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 #0e1e59;background:#192a68;color:#fff} a.btn_b02:hover{background:#0e1e59;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:#192a68} .copymove_currentbg{background:#192a68} /* 게시판 리스트 */ #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 #0e1e59;background:#192a68;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} /* ------------------------------------------------- Custom :Dnew CSS ---------------------------------------- */ .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:2px 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} /* -------------------------------------------------Header(헤더) ---------------------------------------- */ /*헤더*/ #header{border-top:4px solid #0058b4; padding: 25px 0 20px 0;} #header .h-number .small{padding-top: 3px;font-size: 10px;color:#999} #header .h-number .number{font-size: 20px;font-weight: 700;color:#192a68} /*메뉴*/ #gnb{position:relative;z-index: 999;} #gnb .gnb_wrap{margin:0 auto;position:relative} #gnb ul:after {display:block;visibility:hidden;clear:both;content:""} #gnb #gnb_1dul {margin-top:5px; text-align: center;zoom:1; float:right;} .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_1da {display:inline-block; padding:0 32px; font-size:19px; text-decoration:none; line-height: 45px; letter-spacing:-1px;} .gnb_2dli{line-height: 40px; text-align:center} /*.gnb_2dul {display:none;position:absolute;min-width:200px;margin-top: -5px;padding: 15px 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_2dul {display:none;position:absolute;width:100%;margin-top: 5px;padding: 15px 0;} .gnb_2da {display:block;padding:0 0 0 20px;text-align:left;text-decoration:none;opacity: 0.8;} .gnb_2dli a {line-height:40px; font-size:15px; letter-spacing:-1px; text-align:center} .gnb_2dli a:hover {color: #0058b4;} .gnb_2da:focus, .gnb_2da:hover {opacity: 1;} .gnb_1dli_over .gnb_2dul {display:block;left:0} .gnb_1dli_over2 .gnb_2dul {display:block;right:0} .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:#192a68;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:#192a68} #gnb_all .gnb_al_li li {padding-left:10px;line-height:2em} #gnb_all .gnb_al_li li i{color:#192a68} #gnb_all .bg-cover{position: fixed;top:0%;left:0px;z-index: 1;width: 100%;height: 200%;background: #000;opacity: 0.7;} /*관리자*/ #listTopMenu{position: absolute;top:-20px;right: 30px;z-index: 1000;text-align:right;} #listTopMenu li{display:inline-block;font-size:0.9em;} #listTopMenu li a{display:block;width:auto;padding:5px 3px;font-size: 11px;font-weight: 300;color:#ccc} .hd-container {float:left; width:520px;} /* ------------------------------------------------- Footer(푸터) ---------------------------------------- */ /*병원정보*/ #f-info {margin:60px 0 30px 0;} #f-info .container{border:10px solid #f3f3f3;background: #f3f3f3;} #f-info .f-i-notice{padding:40px 40px;background: #fff;} #f-info .f-i-notice .tit{margin-bottom: 20px;font-size: 18px;font-weight: 700;} #f-info .f-i-notice .tit img{position: relative; top: 5px;} #sub-f-time{margin-top:80px; margin-bottom:100px; font-size:24px;} #sub-f-time h3{font-weight:700;} #sub-f-time .box{padding:20px 60px; border:8px solid #ededed; } #sub-f-time dl{margin:8px 0;} #sub-f-time .day{display:inline-block; width:210px;} #sub-f-time .time{display:inline-block;} #sub-f-time ul {margin-top:20px;} #sub-f-time ul li{line-height:1.8em; font-weight:400; color:#888;} #f-interior{overflow: hidden;margin-bottom: 50px;} #footer{padding:40px 0;background:#2e2e2e;color:#fff;font-weight: 100;} #footer ul{} #footer li a{display:inline-block;padding:5px 10px;color:#fff} #footer li:first-child a{padding-left:0;} #footer small {display: block;margin-top: 10px;opacity: 0.3;} #footer ul {text-align: right;font-size: 0.9em;opacity: 0.3;} #quick{display:none;} @media (min-width:1024px){#quick{display:initial;}} /* ------------------------------------------------- Index(메인) ---------------------------------------- */ .bxslider,.bxslider>div {height: 100%;} .mark-white{display: inline-block;width: auto;padding: 5px 25px;background: #fff;font-size: 0.8em;color:#b9babb;letter-spacing: 5px;opacity: 0.6;} .maincopy{margin-top: 30px;font-size: 56px;font-weight: 100;letter-spacing: -3px;} .subcopy{margin-top: 30px;font-size: 17px;} .tit h3 {font-size:48px; line-height: 1.4em; font-weight: 300; letter-spacing: -2px;} /*메인비쥬얼*/ #m-visual{position: relative;} #m-visual .container{padding-top:90px; text-align:center} #m-visual .titname {display: inline-block; margin: 0 auto 10px auto; padding: 4px 12px; background: #fff; font-size:26px; color: #8ba4eb; text-transform: uppercase; font-weight: 500; letter-spacing: -0.05px;} #m-visual .tit {display:block; font-size:62px; font-weight: 200; line-height:130%; letter-spacing: -0.1em;} #m-visual .tit b {font-weight: 700; color:#292c35;} #m-visual .txtbar {display: inline-block; margin:30px auto; padding:20px 40px; background:#8ba4eb; -webkit-border-radius: 200px; -moz-border-radius:200px; border-radius:200px; font-size:28px; font-weight:500; color: #fff;} #m-visual p {font-size:28px; font-weight: 400; line-height: 1.6em; letter-spacing: -0.02em;} #m-visual .bx-controls{position: absolute;bottom:0px;width: 100%;} #m-visual .bx-controls .bx-pager{width: 100%;} #m-visual .bx-controls .bx-pager a{height: 8px;padding: 0 20px;background: #fff;border: none;border-radius:0} #m-visual .bx-controls .bx-pager a.active{background: #b6ebfd;} /*메인배너*/ #m-bn{position: relative; margin-top:80px; margin-bottom:80px; } #m-bn .tit{margin-bottom:40px; font-size:18px; font-weight: 700; text-align: center;} #m-bn .tit img{position:relative; right:-8px; top:-3px;} #m-bn .cont {} #m-bn .cont .box{width:48%; margin:1%; padding:0;} #m-bn .cont .box a{overflow:hidden; display:block; position:relative; height:280px; background:#111; text-align:center} #m-bn .cont .box .tit {position: absolute; left:0px; top:90px; width:100%; color: #fff; z-index:10;} #m-bn .cont .box .tit p {font-size:18px; font-weight:500;} #m-bn .cont .box .tit h3 {margin-top:4px; font-size:46px; font-weight: 600; letter-spacing:0;} #m-bn .cont .box img {width:100%; opacity: 0.5; transition: all 0.5s;} #m-bn .cont .box a:hover img {opacity: 0.8;} /*메인 진료원칙*/ #m-gs{margin-top:100px; margin-bottom:100px; } #m-gs .tit {border-left:6px solid #1c2d6b;} #m-gs ul.text li {margin: 16px 0; font-size: 21px; list-style: disc;} /*메인 공지사항*/ #m-board{padding:80px 0; background: #7b8ed9; font-size:1.2em; font-weight:300; color:#fff;} #m-board a{color:#fff;} #m-board .tit a {padding-left:14px; font-size:46px; line-height:105px; font-weight:400;} /*메인 안심방문 */ #m-rolling {overflow: hidden; margin-top:80px; padding-bottom:80px; letter-spacing: -1px;} #m-rolling .bx-pager.bx-default-pager {left:25px; bottom:45px !important; width:100px;} #m-rolling .text h5 {margin-bottom: 8px; font-size: 28px; line-height: 1.4em; font-weight: 400; letter-spacing: -2px;} #m-rolling .text h6 {margin-bottom: 40px; font-size:21px; letter-spacing: 0;} #m-rolling .text ul li {margin-bottom: 8px; font-size:24px; font-weight: 500; color:#0058b4;} #m-rolling .text .tit {margin-bottom:50px;} #m-rolling .thumb {position: relative; padding-left: 0; padding-right: 0;} #m-rolling .thumb::after {content: ' '; position: absolute;right: -10px; bottom: -10px; z-index: -1; width: 80%; height: 80%; background: linear-gradient(to bottom right, #4458b9, #51c3b5);} /* 메인 3point */ #m-point{position:relative; padding-top:100px; padding-bottom:40px; background:#edf1f5; z-index:-1;} #m-point::before{content:''; position:absolute; display:block; width:100%; height:100%; background:url('http://center.gssamsung.co.kr/theme/center/img/bg_name.png') right top no-repeat} #m-point .tit{margin-bottom:60px; text-align:center} #m-point .tit .bold{color:#234672;} #m-point .thumb img{box-shadow:-6px 4px 24px 0px rgb(0 0 0 / 18%);} #m-point .text {padding:30px 0; text-align:center; color:#fff} #m-point .text h5{font-size:30px; line-height:1.4em; font-weight:500;} #m-point .text h5 .fc-sky{color:#7be1ff} #m-point .text .dot{display:inline-block; margin:20px 0; width:8px; height:8px; border-radius:50%; background:#fff; text-align:center; opacity:.5;} #m-point .text p{font-size:21px; font-weight:400} #m-point::after{position:absolute; bottom:0px; left:0; display:block; width:100%; height:400px; content:'';background:url('http://center.gssamsung.co.kr/theme/center/img/m_2doctor_bg.png') repeat-y right bottom #234672; z-index:-1} #m-icon{text-align: center;} #m-icon .title{padding: 10px 0 40px 0;font-size: 16px;font-weight: 600;} #m-icon li{display: inline-block;width: 12%;text-align: center;} #m-icon li a{display: block;width: 100%;padding: 110px 0 15px 0;background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_bg.png) no-repeat left 10px;font-size: 15px;} #m-icon li:first-child a{background: none;} #m-icon li.mi-1{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_01.png) no-repeat center top;} #m-icon li.mi-2{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_02.png) no-repeat center top;} #m-icon li.mi-3{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_03.png) no-repeat center top;} #m-icon li.mi-4{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_04.png) no-repeat center top;} #m-icon li.mi-5{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_05.png) no-repeat center top;} #m-icon li.mi-6{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_06.png) no-repeat center top;} #m-icon li.mi-7{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_07.png) no-repeat center top;} #m-icon li.mi-8{background: url(http://center.gssamsung.co.kr/theme/center/img//m_icon_08.png) no-repeat center top;} /* 푸터 지도*/ #f-map{margin-top:140px;} #f-map .address {position:relative; bottom:-20px; text-align:center; z-index:99} #f-map .address a {display:inline-block; padding:.4em 1.5em; background:#3b7dce; font-size:1.6em; font-weight: 300; text-align: center; color: #fff;} #f-map .tit {margin-bottom:20px; text-align: center; font-weight:bold;} #f-info .info-box a {display: block; /* border-right: 1px dotted #ddd; */ transition: all .2s;} #f-info{position:relative; top:-100px; background:#fff; z-index:99} #f-info .row{overflow:visible} #f-info .info-box{padding-left:0; padding-right:0; } #f-info .info-box a{display:block; border-right:1px dotted #ddd; transition:all .2s} #f-info .info-box:last-child a{border-right:0;} #f-info .info-box a:hover{ box-shadow:-6px 4px 24px 0px rgb(0 0 0 / 18%);} /* ------------------------------------------------- Sub (디자인시스템) ---------------------------------------- */ .sub{} .sub h1{} .sub h2{font-size:42px; letter-spacing: -2px;} .sub h3{margin-bottom:10px;font-size:28px;font-weight: 400; letter-spacing:-1px;} .sub p, .sub li{font-size:21px; font-weight:400;line-height:1.8em; letter-spacing:-0.5px;} .sub p span{font-weight: 700;} .sub-tit{position:relative; margin-bottom:40px; text-align:center;} .sub-tit::before{content:'GANGSEO SAMSUNG'; display:block; margin-bottom:10px; font-size:15px; font-weight:400; letter-spacing:2px; text-align:center; color:#b4b4b4} .sub-tit h3{position:relative; font-size:48px !Important; font-weight:600; } .sub-tit h5{display:inline-block; margin-bottom:8px;padding:.2em 1em; background:#6578bf; color:#fff; font-size:1.4rem;} .sub-tit p{margin-top:20px; font-weight:500;} ul.dot-list {padding-left:30px;} .dot-list li {list-style:circle; } .p-txt {margin-top:30px; padding:15px; box-sizing:border-box; background:#f2f2f2; border:1px solid #e8e8e8; border-radius:10px; font-size:18px; letter-spacing:-0.5px;} .bb-1-0 {display:block; margin:40px auto 50px auto; width:50px; border-bottom:3px solid #000; } /* ------------------------------------------------- Sub (비쥬얼+네비) ---------------------------------------- */ /*서브네비*/ .snb{border-bottom: 1px solid #ccc;text-align: center;} .snb li{display: inline-block;padding: ;list-style-type:none;line-height: 50px;} .snb li a{display:block;padding:10px 20px;text-align:center; font-size:19px;} .snb li a:hover{background:#ebeceb;color:#000;transition:all 0.3s} .snb li.on a{border-bottom: 3px solid #192a68;font-weight:700;color:#192a68;} /*.snb li.on:first-child a{display: none;}*/ .ssnb{margin-top:40px;border-bottom: 1px solid #ccc;text-align: center;} .ssnb li{display: inline-block;padding: ;list-style-type:none;line-height: 30px;} .ssnb li a{display:block;padding:10px 20px;text-align:center; font-size:16px;} .ssnb li a:hover{background:#ebeceb;color:#000;transition:all 0.3s} .ssnb li.on a{border-bottom: 3px solid #6578bf;background: url(http://center.gssamsung.co.kr/theme/center/img/sub/ssnb_icon.jpg) no-repeat center bottom;font-weight:700;color:#6578bf;} .pege-title p{margin-top: 70px;text-align: center;font-size: 11px;color:#ddd;letter-spacing: 2px;} .pege-title h1{font-size:47px;font-weight: ;text-align: center;letter-spacing: -2px;} /*서브비쥬얼*/ #s-visual{background: #6578bf;color:#fff} #s-visual .text{padding:80px 0px 84px 50px} #s-visual .text .parent{margin-left:2px; font-size:21px; font-weight:500; letter-spacing:0.5px; opacity:.8;} #s-visual .text .me{font-size: 47px;letter-spacing: -2px; font-weight:600; margin-bottom:25px;} #s-visual .text p{font-size:19px; font-weight:400;} #s-30 .pege-title,#s-40 .pege-title {display:none} #s-30 .ssnb {display:none;} /* ------------------------------------------------- Content ---------------------------------------- */ #content{padding: 30px 0; border-top:1px solid #ececec; } #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 ol,#content ul{margin: 0 0 20px 20px;} #content li{list-style-type: disc;list-style-position: inside;} #content h4{margin:10px 0 5px 0;font-size: 1.2em;} .contents { margin:0 auto;} .s-list-bd {margin:40px auto;} .s-list-bd .container {padding-bottom:50px; box-sizing:border-box; border:8px solid #ececec;} .s-list-bd .txt {padding:55px 60px 0 60px;} .list-thumb{text-align: center;} .list-thumb li{display: inline-block;margin-left: 5px;margin-right: 5px;} .s-treatment{margin-top: 100px;padding-bottom: 120px;background: #f9f9f9;} .s-treatment h3{margin-top: 5px;} .s-treatment h3:before{position: relative;top:-5px;left:0px;padding-right: 5px;font-size: 8px;color:#6578bf;content:'▶ ';} .list-box-round-inline{} .list-box-round-inline>li{display: inline-block;width: auto;margin-right: 5px;margin-bottom: 10px;padding: 5px 30px;-webkit-border-radius: 50px;-moz-border-radius: 50px;border-radius: 50px;background: #6578bf;font-size: 16px;color:#fff;list-style-type: none;} .list-check{} .list-check li{margin-bottom: 10px;padding-left: 35px;background: url(http://center.gssamsung.co.kr/theme/center/img/sub/list_check.jpg) no-repeat 0px 5px;} .list-checked li{margin-bottom: 10px;padding-left: 35px;background: url('http://center.gssamsung.co.kr/theme/center/img/sub/list_checked.jpg') no-repeat 0px 5px;} .list-checked-gray li{margin-bottom: 10px;padding-left: 35px;background: url('http://center.gssamsung.co.kr/theme/center/img/sub/list_checked_gray.jpg') no-repeat 0px 5px;} .list-border {text-align: center;} .list-border li{display: inline-block;margin-right: 15px;padding: 20px 35px;border: 5px solid #e2e2e2;} .bd-dl {margin-top:30px; font-size:16px;} .bd-dl dt {padding: 5px 0; border-bottom:2px solid #000; font-size:120%; font-weight:bold;} .bd-dl dd {margin-top:10px;} .f-right {float:right;} .f-right img {float:right; margin:0;} .bd-con {box-sizing:border-box; border:10px solid #f7f7f7; } .qna_a {display:none;} .s-symptom h2 {margin-bottom:10px; padding:0 60px;} .s-symptom .container {margin-bottom:15px; } .s-symptom .bd-box {box-sizing:border-box; border:1px solid #ececec; margin-top:20px;} .s-symptom p {padding:15px; letter-spacing:-1px; text-align:center; background:#ea8515; color:#fff; font-weight:400;} .bg-sky {padding:20px 0; margin:15px auto 0 auto; background:#eaf9ff;} .dl-list {padding:0 70px; font-size:17px; line-height:45px; font-weight:300;} .dl-list dt {text-align:right; font-size:120%; color:#3d3d3d;} .dl-list dd {color:#3d3d3d; font-weight:400;} .f-circle:before {padding: 0 10px; content:'◎'; font-size:60%; vertical-align:5px;} .f-circle {margin-top:15px; padding:10px; background:#f2f2f2; border:1px solid #e8e8e8; border-radius:10px; box-sizing:border-box;} /* ------------------------------------------------- Sub(a0) ---------------------------------------- */ /*a0*/ #s-a0 .ssnb {display:none;} #s-a0 .a010-point {font-size:26px; text-align:center; font-weight:400;} #s-a0 .s-a010-bg {max-width:1300px; margin:30px auto 70px auto; padding:370px 0 70px 0; background: url('http://center.gssamsung.co.kr/theme/center/img/sub/s_a010_bg.png') no-repeat;} #s-a0 .s-a010-txt {text-align:center; padding-bottom:80px;} #s-a030 .sub .text{margin-top:40px; margin-bottom:80px; text-align:center} #s-a030 .text h2{margin-bottom:20px; } #s-a030 .text h2 span.bg-m{display:inline-block; padding:0 .4em;} #s-a040 .sub{margin-bottom:80px;} #s-a040 .bus{margin-bottom:100px;} #s-a060 .sub .container{margin-bottom:80px;} #s-a040 .location{display:inline-block; margin-bottom:8px; padding:.2em .5em; background:#40465d; color:#fff;} .s-doc {margin:60px auto;} .s-doc .doc-tit {margin-bottom:30px; font-size:40px; letter-spacing:-1px;} .s-doc .doc-2 {margin-top:50px;} .doc-txt {margin:50px auto; padding:60px 20px; box-sizing:border-box; border:10px solid #bfc8e7; text-align:center; background: url('http://center.gssamsung.co.kr/theme/center/img/sub/doc_txt_bg.jpg') no-repeat bottom;} .doc-line {margin-top:50px; width:100%; height:10px; background:#6578bf} .dp-block {display:inline-flex; font-weight:bold;} .dp-block img {margin-top:-15px;} /* ------------------------------------------------- Sub(서브페이지) ---------------------------------------- */ /*질문답변 */ .m-slogan {padding:100px 0;background-color: rgba(101, 120, 191, 0.5); background:url('/sub/s_thumb__1.jpg') left top #f1fbff; background-size:cover; text-align:center;transition:all 1s;} .bd-dlist dt {padding: 10px; margin-bottom: 15px; font-size: 1.5em; border: 1px dotted #a2b0e1; background-color: #6578bf; color: #fff;font-weight: bold; } .bd-dlist dd {padding: 7px 15px; font-size: 1.3em; line-height: 27px;} /*서브 설명*/ #sub-description{background:#fff} #sub-description .txt {padding:100px 50px;} #sub-description .txt h2{margin-bottom:40px; } #sub-description .txt h2 .small{display:block; margin-bottom:20px; font-size:15px; font-weight:400; color:#888;} #sub-description .txt p{margin-bottom:18px;} /*서브 특징*/ #sub-list{margin-top:80px; margin-bottom:80px; max-width:1000px;} #sub-list ul li::last-child{border-bottom:0;} /*서브 특별한 이유*/ #sub-reason{margin-top:80px;} #sub-reason .sub-tit h3{padding-bottom:46px;} #sub-reason .sub-tit h3::after{content:''; display:block; position:absolute; lefT:50%; bottom:0; margin-left:-20px; width:40px; height:4px; background:#111;} #sub-reason .cont{text-align:center; color:#fff;} #sub-reason .cont .box{position:relative; width:50%; padding:80px 8px 100px; } #sub-reason .cont .box::after{content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,.3); position:absolute; left:0; top:0; } #sub-reason .cont .box .text{position:relative; z-index:99;} #sub-reason .cont .box .num{display:inline-block; width:50px; height:50px; margin-bottom:10px; border-radius:50%; background:rgba(0,0,0,.7); line-height:50px; text-align:center} #sub-reason .cont .box h2{margin-bottom:12px; font-size:48px; font-weight:700; line-height:1.4em; letter-spacing:.1px; color:#ff921a;} #sub-reason .cont .box p{font-size:26px; line-height:1.5em; font-weight:500;} /*서브 과정*/ #sub-step{padding-top:80px; padding-bottom:80px; background:#e4effb;} #sub-step .cont .box img{margin-bottom:10px; border:1px solid #ddd;} #sub-step .cont .box .fc-p{font-size:28px; font-weight:600; color:#0058b4; } #sub-step .cont .box p{line-height:150%; font-weight:500;} /*서브 과정 ver2*/ #sub-step-box{margin-top:100px; margin-bottom:100px; text-align:center} #sub-step-box .box{position:relative;} #sub-step-box .box::after{content:'▶'; position:absolute; right:-26px; top:50%; margin-top:-36px; display:inline-block; font-size:40px; color:#fff; text-shadow: -3px 0 #ea8515, 0 3px #ea8515, 3px 0 #ea8515, 0 -3px #ea8515; z-index:99} #sub-step-box .box:nth-child(4)::after, #sub-step-box .box:last-child::after{display:none} #sub-step-box .row>div:last-child p{border:6px solid #333c5e; background:#fff; color:#333c5e; font-weight:600;} #sub-step-box p{padding:1.4em 0; font-size:24px; line-height:1.4em; font-weight:500;} #sub-step-box .bg-m{border:6px solid #ea8515; background:#ea8515} .bd-1{border:4px solid #fff;} /*서브 배너*/ #sub-banner {display: block; position: relative; background: url(http://center.gssamsung.co.kr/theme/center/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-banner img{min-width:700px;} /*서브 통증*/ #sub-care {margin-top:100px; margin-bottom:100px;} #sub-care .bd-1{box-sizing:border-box; border:1px solid #ececec; text-align:center;} #s-40 #sub-care .col-md-2{width:20%!important} #sub-care-new{padding-top:100px; padding-bottom:100px; background:#4c5367;} #sub-care-new .sub-tit{color:#fff;} #sub-care-new .sub-tit .fc-p{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:#ea852f; 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;} #s-4050 #sub-care-new .box {width: 640px} #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;} #s-4050 #sub-care-new .box ul li{float:none; width:100%; margin: 20px 0; background:#fff; border: 4px solid #ea8515; color:#333} /*서브 종류*/ #sub-sort{padding:80px 0; margin-bottom:80px; background:#f7f7f7;} #sub-sort .box{display:table; width:100%; padding:40px; background:#fff; border-bottom:2px dotted #ddd;} #sub-sort .box:last-child{border-bottom:0;} #sub-sort .box h3{display:table-cell; width:24%;font-weight:600;} #sub-sort .box p{display:table-cell; width:76%;} /*서브 장점*/ #sub-good{margin-top:80px; margin-bottom:80px;} #sub-good h2{margin-bottom:20px;} /*서브 프로그램*/ #sub-program{padding-top:80px; padding-bottom:80px; background:#f7f7f7;} #sub-program .cont .box{margin:16px 0; text-align:center} #sub-program .cont .box:nth-child(1) .tag{padding-top:100px;} #sub-program .cont .box:nth-child(3) .tag{padding-top:100px;} #sub-program .cont .box:nth-child(4) .tag{padding-top:100px;} #sub-program .cont .box h3{padding:.4em; background:#192a68; color:#efd5b8} #sub-program .cont .box-bg{height:350px;background:#fff; border:1px solid #ededed;} #sub-program .cont .box-bg ul.tag{display:table; margin:0; padding:20px; } #sub-program .cont .box-bg ul.tag li{display:table-cell; vertical-align:middle;} #sub-program .cont .box-bg ul.tag li.w-2{width:48%} #sub-program .cont .box-bg ul.tag li.w-3{with:30%;} #sub-program .cont .box-bg ul.tag li a{display:block;} #sub-program .cont .box-bg ul.tag .plus{width:2%; padding:12px; font-size:32px; font-weight:500; color:#777;} #sub-program .cont .box-bg ul.tag img{ width:100%;} #sub-program .cont .box-bg h5{display:inline-block; width:40px; height:40px; font-size:1.4rem; line-height:39px; background:#ddd; border-radius:50%; text-align:center; color:#777;} /*효과*/ #sub-effect .container{} #sub-effect .box{margin-bottom:80px; padding-left:40px; padding-right:40px;} #sub-effect h3.bg-p{margin-bottom:0; padding:.2em; background:#6578bf; font-weight:600; 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{padding:40px 0; text-align:center; background:#333c5e; /*border:8px solid #ededed;*/ font-size:24px; line-height:1.6em; color:#fff;} #sub-effect ol.squre-li{overflow:hidden;} #sub-effect ol.squre-li li{display:block; float:left; width:48%; margin:1%; padding:12px 0; background:#8bb5f9; border-radius:12px; font-size:22px; line-height:1.4em; font-weight:500; text-align:center; color:#fff} #sub-effect .text:last-child ol.squre-li li{background:#fff; border:4px solid #8bb5f9; color:#111; } #sub-effect ol.squre-li-w3{border:2px solid #8bb5f9;} #sub-effect ol.squre-li-w3 li{display:block; width:100%; padding:12px; border-bottom:1px dotted #8bb5f9; background:#e4eeff; font-size:1.3rem; line-height:1.5em; font-weight:500; text-align:center; color:#111} #sub-effect ol.squre-li-w3 li:last-child{border:0;} /*효과*/ #sub-effect{margin-top:100px; margin-bottom:100px; width:1200px;} #sub-effect .box{margin-bottom:80px; 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:#6578bf; 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{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;} /*효과*/ #sub-effect-new .container-sm{width:1200px;} #sub-effect-new h3.bg-p{margin-bottom:0; padding:.2em; background:#6578bf; font-weight:600; text-align:center} #sub-effect-new .text{padding:20px; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center} #sub-effect-new .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-new .text:last-child{border-bottom:0;} #sub-effect-new .bd-box{padding:40px 0; text-align:center; background:#333c5e; /*border:8px solid #ededed;*/ font-size:24px; line-height:1.6em; color:#fff;} #sub-effect-new ol.squre-li{overflow:hidden;} #sub-effect-new ol.squre-li li{display:block; float:left; width:48%; margin:1%; padding:12px 0; background:#8bb5f9; border-radius:12px; font-size:22px; line-height:1.4em; font-weight:500; text-align:center; color:#fff} #sub-effect-new .text:last-child ol.squre-li li{background:#fff; border:4px solid #8bb5f9; color:#111; } #sub-effect-new ol.squre-li-w3{border:2px solid #8bb5f9;} #sub-effect-new ol.squre-li-w3 li{display:block; width:100%; padding:12px; border-bottom:1px dotted #8bb5f9; background:#e4eeff; font-size:1.3rem; line-height:1.5em; font-weight:500; text-align:center; color:#111} #sub-effect-new ol.squre-li-w3 li:last-child{border:0;} #sub-effect-new{margin-top:100px; margin-bottom:100px;} #sub-effect-new .box{margin-bottom:40px;} #sub-effect-new .box img{min-height:378px;} #sub-effect-new h3.bg-p{margin-bottom:0; padding:.5em; font-size:26px; font-weight:600; background:#6578bf; color:#fff; text-align:center} #sub-effect-new .text{padding:20px; background:#f7f7f7; border-bottom:1px solid #ddd; text-align:center} #sub-effect-new .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-new .text:last-child{border-bottom:0;} #sub-effect-new .bd-box{padding:20px; text-align:center; background:#3a434e; font-size:24px; line-height:1.6em; border:0; color:#fff;} #sub-effect-new .bd-box .fc-yellow{font-size:1.1em; font-weight:600; color:#ffe62f} /*효과*/ .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:"●";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:#38c7c8; 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;} /*비수술 효과*/ #non-surgery-effect{margin-top:80px; padding:80px; background:#fff8f1;} #non-surgery-effect .cont{} #non-surgery-effect .cont .box{} #non-surgery-effect .cont .box img{width:100%; margin-bottom:10px;} #non-surgery-effect .cont .box h4{margin:12px 0 8px ; padding-left:12px; border-left:4px solid #ea8515; font-size:1.4rem; line-height:1em} #non-surgery-effect .cont .box p{font-size:18px;} /*비수술 효과*/ #new-non-surgery-effect{padding:100px; background:url('http://center.gssamsung.co.kr/theme/center/img/sub/surgery_effect_bg_4020.jpg') center no-repeat #fff8f1; background-size:cover; background-attachment:fixed; color:#fff;} #new-non-surgery-effect .sub-tit p{font-size:36px; font-weight:600; color:#ffe62f} #new-non-surgery-effect .cont{} #new-non-surgery-effect .cont .box{width:48%; margin:1%; padding:60px 60px; border:9px solid #ea8515; border-radius:200px; } #new-non-surgery-effect .cont .box img{width:100%; margin-bottom:10px;} #new-non-surgery-effect .cont .box h4{padding-left:12px; font-size:40px; line-height:1em; letter-spacing: -2px; color:#ea8515;} #new-non-surgery-effect .cont .box p{padding:20px 16px; font-size:22px; line-height:1.6em; min-height:140px;} #new-non-surgery-effect .cont .box p .small{display:block; margin-top:12px; font-weight:400; font-size:18px; line-height:1.4em;} /*서브 타입*/ #sub-type{margin-top:100px;} #sub-type .cont .box{margin-bottom:20px;} /*질문과 답변*/ #s-qna {margin-top:100px; margin-bottom:100px; max-width:1000px;} #s-qna dl dt{margin-top:30px; font-size:24px; } #s-qna dl dd{font-size:21px; line-height:1.6em;} /*도수치료 포인트*/ #spine-point{padding-top:100px; padding-bottom:100px; background:#cedeff;} #spine-point .sub-tit{} #spine-point .sub-tit::before{color:#181d62;} #spine-point .sub-tit h3{display:inline-block; padding:.2em .4em; font-size:56px; line-height:1em; background:#f97709; color:#fff;} #spine-point .sub-tit p{} #spine-point .sub-tit p span.fc-m{font-size:1.4rem;} #spine-point .cont{} #spine-point .cont .box{margin:0 auto 40px; max-width:1100px; border:2px solid #2b2e61; background:#fff;} #spine-point .cont .box h5{display:block; width:100%; padding:.4em 0; background:#2b2e61; font-size:32px; line-height:1em; font-weight:500; text-align:center; color:#fff;} #spine-point .cont .box h5 img{margin-right:10px; margin-top:3px; max-width:28px; vertical-align:top} #spine-point .cont .box .row{padding:80px 40px 100px; } #spine-point .cont .box .img img{display:none} #spine-point .cont .box .text{padding-left:80px;} #spine-point .cont .box .text h4{margin-bottom:40px; font-size:46px; font-weight:600; letter-spacing:-.06em; color:#111;} #spine-point .cont .box .text h4 span.fc-m{font-weight:600; color:#325cc6;} #spine-point .cont .box .text p{font-weight:500;} #spine-point .doc-say{text-align:center;} #spine-point .doc-say h3{display:inline-block; margin-top:40px; padding:1em; background:#6578bf; font-size:3rem; line-height:1.4em; letter-spacing:-.08em; font-weight:500; color:#fff;} #spine-point .doc-say h3 span.fc-m{color:#ffef61;} .dot{position:relative;} .dot::before{content:''; position:absolute; left:50%; margin-left:-3px; display:inline-block; width:6px; height:6px; background:#ffef61; border-radius:50%;} /* .s-qna-box li {position:relative;float:left; height:300px; width:100%; margin-right:10px; border:1px solid #e6e6e6;} .s-qna-box li:last-child {margin-right:0;}2021-05-28 .s-qna-box li a {position:absolute; display:block; left:31px;bottom:45px; width:120px; text-align:center;line-height:40px;color:#6578bf;border:3px solid #6578bf;font-size:14px; font-weight:bold;} .s-qna-box li .qa {display:none;color:#555;border:1px solid #555;} .qna_q{margin: auto; padding: 80px; font-size:18px; letter-spacing:-1px; font-weight:300;} .qna_a{margin: auto; padding: 30px; position: absolute; word-break: keep-all; white-space: pre-line; font-size:16px; line-height:28px;} */ /*영양수액 서브페이지*/ #s-5010 hr{margin-top:100px; margin-bottom:100px;} #injection{margin-bottom:100px;} #sub-injection{position:relative;margin-top:80px;text-align:left;} #sub-injection .row{overflow:hidden; margin-right:0; margin-left:0; height:480px; border:1px solid #eef1f5; background-size:cover} #sub-injection .col-xs-12, .sub-explanation .col-sm-6{padding-right:0; padding-left:0;} .container #sub-injection .text{padding:40px 80px; } #sub-injection h5{margin-bottom:16px;text-align:left; font-size:40px; font-weight:600; letter-spacing:-2px; color:#4a50a3} #sub-injection h3{display:inline-block; margin-bottom:40px; font-weight:600; text-align:left; color:#315657} #sub-injection h3>p{display:inline-block; } #sub-injection p{font-size:19px; line-height:160%;text-align:left; vertical-align: middle;} #sub-injection p .icon-clock{width:24px; margin-right:4px; vertical-align:sub} #sub-injection ul.point{margin-top:30px;} #sub-injection ul.point li {display:inline-block; float:left; width:118px; height:110px; padding-top: 23px; font-size:21px; line-height:1.4em; font-weight:400; text-align:center; color:#fff;} #sub-injection ul.point li:nth-child(odd){background:#6578bf;} #sub-injection ul.point li:nth-child(even){background:#4a50a3;} #sub-injection .tit{border:1px solid #fff; margin:30px auto;width:380px; height:400px; background:rgba(255,255,255,.4); vertical-align: middle; text-align:center; color:#fff;} #sub-injection .tit h3{margin-top:100px; font-size:48px; line-height:140%; text-align:center; color:#111;} #sub-injection .tit h3 .small{font-size:.5em; color:#111} #sub-injection .tit p{font-size:24px; text-align:center; color:#111; font-weight:500} .sub-bd-box{padding:50px 0; font-size:1.4rem; line-height:1.8em; text-align:center;} /* s-3010 추천 치료프로그램 */ .treat-program{margin-top:5em;padding:5em 0;text-align: center;} .treat-program .col-box{overflow:hidden;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#fff;} .treat-program .col-box:hover{-webkit-box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2); box-shadow: 5px 5px 15px 5px rgba(0,0,0,0.2);} .treat-program .ul-box{padding:20px;} .treat-program .ul-box.first{height:300px;padding-top:80px;} .treat-program .ul-box.first.row3{padding-top:20px;} .treat-program h3{} .treat-program h4{padding:1em;background:#181d62;font-size:1.4em;color:#fff} .treat-program ul{} .treat-program ul li{display: inline-block;margin:10px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius: 10px;background:#ffc067;font-size:1.2em;font-weight:500;} .treat-program ul li:hover{background:#ffb246;} .treat-program ul li a{display: block;padding:5px 15px 15px 15px;} .treat-program ul li img{position: relative;top:10px;max-width:55px;margin-right:10px;padding:10px;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background: #fff;} .treat-program ul li.plus{border-radius:300px;padding:10px 5px !important;background:none;} .treat-program ul li.or{margin:0;padding:5px 15px !important;-webkit-border-radius:300px;-moz-border-radius:300px;border-radius:300px;background:#ddd;} /*.treat-program ul li.or{margin:0;-webkit-border-radius:300px;-moz-border-radius:300px;padding:5px 15px !important;background:#ddd;}*/ .treat-program ul.big{} .treat-program ul.big li a{padding-left:55px;padding-right:55px;} /* s-4020 체외충격파 */ #m-part{overflow:hidden; padding:100px 0;background:url('http://center.gssamsung.co.kr/theme/center/img/sub/m_part_bg.png') center; background-size:cover;} #m-part .cont{position:relative;height:800px;background:url('http://center.gssamsung.co.kr/theme/center/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{padding:.6em 0; font-weight:600;} #m-part .part-left dl dt span{margin-right:8px;} #m-part .part-left dl dd{margin: 0 4px 6px 0;} #m-part .part-left dl dd a{display:block;padding:.6em 0; background:#fff; border:1px solid #ddd; 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:20px;margin-left:-80px;} #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:110px ;} #m-part .part-right h6.hand {right:42px; top:150px ;} #m-part .part-right h6.waist {right:-130px; top:150px ;} #m-part .part-right h6.stomach {right:-88px; top:158px ;} #m-part .part-right h6.knee {right:30px ; top:300px ;} #m-part .part-right h6.foot {right:-250px ; top:500px ;} .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;} /*안전한치료입니다.*/ #manual-point{margin-top:100px; padding:100px 0; 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:#20afb0; color:#fff; font-size:1.5em; 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 #20afb0; background:#fff; } #manual-point .cont .thumb img{} #manual-point .cont p{text-align:center; color:#fff; opacity:.7} #sub-info{padding-top:100px; padding-bottom:100px; border-bottom: 2px solid #6578bf; background: #f5f5f5;} #sub-info .container{padding:40px 0; background:#fff; border:8px solid #d8d8d8;} #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;} #point-bn-explain{} #point-bn-explain .banner{overflow:hidden; position:relative; padding:100px 100px; } #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;} #point-bn-explain .banner .text h3{margin-bottom:40px; line-height:1.4em; font-size:33px; font-weight:600;} #point-bn-explain .banner .text h3 .small{display:block; font-size:18px; line-height: 2.4em; font-weight:600;} #point-bn-explain .banner .text h5{font-size:20px; font-weight:400;} #point-bn-explain .banner .text h5 strong{color:#ff4700; font-size:1.1em; background:#fff; font-weight:700;} #point-bn-explain .banner .right{position:absolute; right:0; bottom:0;} .sub-explain{padding:40px; background:#6578bf; text-align:center; color:#fff;} .sub-explain p{font-size:22px;} .sub-explain p strong{color:#fff81f;} #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 #82d1ff; background:#fff; text-align:center; color:#} #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:#3c4c86; 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-4030 #point-bn .banner .text h3{font-size:56px; letter-spacing:-3px; font-weight:300; color:#122369} #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-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:2px; 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:28px; font-weight:400; text-align:center; color:#fff;} #point-bn-explain-new .banner .text h5 strong{font-size:1.1em; font-weight:700; text-align:center;} #point-bn-explain-new .define{padding:80px; background:#ecf3fb; text-align:center} #point-bn-explain-new .define h5{margin-bottom:40px; font-size:48px; color:#6578bf} #point-bn-explain-new .define p{font-size:24px; line-height:1.6em;} #point-bn-explain-new .define p strong{font-weight:700;} /*치료방법*/ .sub-treatment{padding-bottom:80px;} .sub-treatment .container{width:1200px;} .sub-treatment .row{margin-left:0; margin-right:0;} .sub-treatment .row h4{margin-top:20px; font-size:30px; font-weight:600;} .sub-treatment .row h4 a{color: #006769;} .sub-treatment .row p{min-height:100px; line-height: 1.6em;} .sub-treatment .cont{margin-bottom:40px; text-align:center} .sub-treatment .cont div:nth-child(2){padding:0 20px; background:#fff;} .sub-treatment .cont h4{margin-top:0; margin-bottom:0; padding:.2em 0; font-size:28px; font-weight:600; background:#ff870b; color:#fff; text-align:Center} .sub-treatment .cont img{border:1px solid #ddd; width:100%;} .sub-treatment .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 .cont ul{overflow:hidden; padding:20px 0; text-align:center; } .sub-treatment .cont ul li{position:relative; float:left; width:48%; margin:1%; padding:16px 8px; border-radius:12px; background:#49517b; font-size:19px; color:#fff;} .sub-treatment .cont ul.line{height:100%; background:#fff;} .sub-treatment .cont ul.line li{ background:#fff; border:3px solid #49517b; color:#111;} .sub-treatment .cont p{margin-top:20px; text-align:left} .sub-treatment img{border:1px solid #ddd;} #notice-list{padding-top:100px; padding-bottom:100px; margin-bottom:100px; background:#f9f9f9 } #notice-list .container-sm{max-width:1000px;} #notice-list .sub-tit{} #notice-list .sub-tit h3{font-size:48px; letter-spacing:-1px;} #notice-list .cont{} #notice-list .cont ul{border:8px solid #ededed; background:#fff; } #notice-list .cont ul li{position:relative; display:block; margin:12px 0; padding:20px 40px 20px 70px; border-bottom:3px dotted #ddd; font-size:21px; font-weight:500; } #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 .cont ul li .small{display:block; font-weight:500;} #notice-list .box p{margin-top:40px; padding:20px; background:#6578bf; 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} #s-4050 #notice-list .box {margin-top:40px;} #s-4050 #notice-list .box img{width:100%;} #s-4050 #notice-list .box p{margin-top:0px;} #non-sub-step{padding-top:80px; padding-bottom:80px; border-bottom:3px dotted #ddd;} #non-sub-step .container-lg{max-width:1480px;} #non-sub-step img{width:100%;} #non-sub-step h5{padding:.5em 0; background:#ea8515; font-size:24px; line-height:1em; text-align:center; color:#fff;} #non-sub-step p{margin-top:12px; line-height:1.5em;} /*체외충격파 과정*/ #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:#20afb0; 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:350px;} #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;} /* ------------------------------------------------- Board ---------------------------------------- */ #gallery{margin-bottom:80px;} #bo_list{margin-top:80px; } #bo_gall {margin:30px auto;} #board{} .full_input {width: 100%;} /*메인: 롤링팝업*/ #m-notice{position:relative; width:92%; max-width:1600px; margin:40px auto 100px} #m-notice .tit{margin-bottom: 40px; font-size: 18px; font-weight: 700; text-align: center;} #m-notice #notice-pager{overflow:hidden; position:absolute; right:0; top:0;} #m-notice #notice-pager div{float:left; opacity:.4; transition:all .2s;} #m-notice #notice-pager div:hover{opacity:.7;} #m-notice .pop a{display:block;} #m-notice .pop img{display:block; width:100%;} #sub-difference {padding:80px 0; background:url('http://center.gssamsung.co.kr/theme/center/img/sub/4050_difference_bg.png') center no-repeat #222834; color:#fff; text-align:center; color:#fff;} #sub-difference .sub-tit {} #sub-difference .sub-tit h5 {display:inline-block; margin-bottom:0; width:700px; background:none; font-size:28px; font-weight:500;} #sub-difference .sub-tit h5.q {background:#fff; color:#333;} #sub-difference .sub-tit h5.a {background:#6578bf; color:#fff;} #sub-difference .sub-tit h2 {margin:16px 0; font-size:48px; } #sub-difference .sub-tit h2 .fc-p {color:#91a8ff;} #sub-difference .sub-tit p {font-weight:400;} #sub-difference .cont {padding-top:80px;} #sub-difference .cont h5 {display:inline-block; border-radius:100px; padding:4px 20px; background:#fff; font-size:26px; color:#4d5fa3; } #sub-difference .cont ul {display:table; overflow:hidden; margin:40px auto 0; max-width:820px;} #sub-difference .cont ul li {display:table-cell; width:200px; height:200px; background:#ddd; border-radius:50%; border: 8px solid #222834; text-align:center; color:#333;} #sub-difference .cont ul li img{display:block; margin:32px auto 4px;} #sub-newstep {padding:80px 0;} #sub-newstep .cont{} #sub-newstep .cont .row{} #sub-newstep .cont .row .box {background:#ddd; margin:.5%; padding:20px 0 32px; width:24%; text-align:center} #sub-newstep .cont .row .box h5{display:inline-block; width: 28px; height:28px; line-height: 28px; border-radius:50%; margin-bottom:12px; background:#4c5367; color:#fff;} #sub-newstep .cont .row .box p{font-size:19px; line-height:1.4em;} /* 줄기세포 추가 hsss */ .hs_non_flex{display:flex;justify-content: space-between;align-items:center;} .hs_non_flex img{width:35%;} .hs_non_flex .sub-tit::before{text-align:left;} .hs_non_flex .sub-tit{width:55%;text-align:left;} .hs_non_flex .sub-tit p{border:1px solid #fff;padding:20px;text-align:center;margin-bottom:10px;} .hs_non_flex .sub-tit strong{text-align:left;margin-top:30px;font-size:20px;display:block;line-height:38px;font-weight:500;} .hs_non_flex .sub_p_wrap{margin-top:20px;} .mb_block{display:none;} .hs_non_block{padding-bottom:100px;} .hs_non_block img{width:800px;margin:0 auto;display:block;} .hs_process{display:flex;justify-content: space-between;width:800px;margin:0 auto;margin-top:25px;} .hs_process img{display:block;width:50px;height:50px;margin-bottom:10px;} .hs_process p{font-size:20px;font-weight:bold;} .hs-box ul li{width:48% !important} #hs_sub_care{background: #f8f8f8;padding: 100px 0;position:Relative;z-index: 0;} #hs_sub_care:before{z-index:-1;position:absolute;top:0;left:0;width:35%;height:100%;background:#eee;content:"";} .bna_flex{display:flex;justify-content: space-between;} .bna_flex img{width:48%;}