@charset "utf-8"; /* Main #d09165 Mainbd #d09165 Sub1 #4cb2d4 Sub2 #56b949 Point #ee4035 Font #646464 N1 #736e72 N2 #616161 N3 #9e9e9e N4 #a9aeae N5 #c5bcc1 N6 #ebeceb N7 #f7f5f6 */ /* -------------------------------------------------------------------------------- Setting (font) ---------------------------------------- */ @import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css'); /* @font-face { font-family : 'VLADIMIR'; src : url(../fonts/VLADIMIR.TTF) } @font-face { font-family : 'Bell MT'; src : url(../fonts/BellMT.ttf) } */ /* -------------------------------------------------------------------------------- Setting ---------------------------------------- */ html{min-width:320px;} body{font-family: 'Pretendard'; word-break:keep-all;} /* -------------------------------------------------------------------------------- Custom :Dnew CSS -------------------------------------- */ .container{padding-left:15px;padding-right:15px;} @media screen and (min-width:768px) { .container{padding-left:15px;padding-right:15px;} } .mt-1{margin-top:5px;}.mt-2{margin-top:10px;}.mt-3{margin-top:13px;}.mt-4{margin-top:16px;}.mt-5{margin-top:20px;}.mt-6{margin-top:23px;}.mt-7{margin-top:26px;}.mt-8{margin-top:30px;}.mt-9{margin-top:30px;}.mt-10{margin-top:30px;}.mt-11{margin-top:40px;}.mt-12{margin-top:43px;}.mt-13{margin-top:46px;}.mt-14{margin-top:48px;}.mt-15{margin-top:50px;}.mt-20{margin-top:60px;} .mb-1{margin-bottom:5px;}.mb-2{margin-bottom:10px;}.mb-3{margin-bottom:13px;}.mb-4{margin-bottom:16px;}.mb-5{margin-bottom:20px;}.mb-6{margin-bottom:23px;}.mb-7{margin-bottom:26px;}.mb-8{margin-bottom:30px;}.mb-9{margin-bottom:30px;}.mb-10{margin-bottom:30px;}.mb-11{margin-bottom:40px;}.mb-12{margin-bottom:43px;}.mb-13{margin-bottom:46px;}.mb-14{margin-bottom:48px;}.mb-15{margin-bottom:50px;}.mb-20{margin-bottom:60px;} .pt-1{padding-top:5px;}.pt-2{padding-top:10px;}.pt-3{padding-top:13px;}.pt-4{padding-top:16px;}.pt-5{padding-top:20px;}.pt-6{padding-top:23px;}.pt-7{padding-top:26px;}.pt-8{padding-top:30px;}.pt-9{padding-top:30px;}.pt-10{padding-top:30px;}.pt-11{padding-top:40px;}.pt-12{padding-top:43px;}.pt-13{padding-top:46px;}.pt-14{padding-top:48px;}.pt-15{padding-top:50px;}.pt-20{padding-top:60px;} .pb-1{padding-bottom:5px;}.pb-2{padding-bottom:10px;}.pb-3{padding-bottom:13px;}.pb-4{padding-bottom:16px;}.pb-5{padding-bottom:20px;}.pb-6{padding-bottom:23px;}.pb-7{padding-bottom:26px;}.pb-8{padding-bottom:30px;}.pb-9{padding-bottom:33px;}.pb-10{padding-bottom:36px;}.pb-11{padding-bottom:40px;}.pb-12{padding-bottom:43px;}.pb-13{padding-bottom:46px;}.pb-14{padding-bottom:48px;}.pb-15{padding-bottom:50px;}.pb-20{padding-bottom:60px;} .padding-1{padding:10px;}.padding-2{padding:13px;}.padding-3{padding:16px;}.padding-4{padding:19px;}.padding-5{padding:22px;} .margin-1{padding:10px;}.margin-2{margin:13px;}.margin-3{margin:16px;}.margin-4{margin:19px;}.margin-5{margin:22px;} .box-1{padding:10px;border:1px solid #ebeceb;}.box-2{padding:13px;border:1px solid #ebeceb}.box-3{padding:16px;border:1px solid #ebeceb}.box-4{padding:19px;border:1px solid #ebeceb}.box-5{padding:22px;border:1px solid #ebeceb} .border-1,.border-2{border:1px solid #f6f6f6;}.border-3,.border-4{border:2px solid #f6f6f6;}.border-5,.border-6{border:3px solid #f6f6f6;}.border-7,.border-8{border:4px solid #f6f6f6;}.border-9,.border-10{border:5px solid #f6f6f6;} @media screen and (min-width:1024px) { .pc{display:initial;} .mobile{display:none;} } /* -------------------------------------------------------------------------------- Setting (Bootstrap) -------------------------------------- */ .navbar-fixed-bottom .navbar-collapse,.navbar-fixed-top .navbar-collapse{max-height:200px} .container-fluid>.navbar-collapse,.container-fluid>.navbar-header,.container>.navbar-collapse,.container>.navbar-header{margin-right:-15px;margin-left:-15px} .navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;-webkit-box-shadow:none;box-shadow:none} .navbar-nav .open .dropdown-menu .dropdown-header,.navbar-nav .open .dropdown-menu>li>a{padding:5px 15px 5px 25px} .navbar-nav .open .dropdown-menu>li>a{line-height:20px} .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-nav .open .dropdown-menu>li>a:hover{background-image:none} .navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777} .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover{color:#333;background-color:transparent} .navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover{color:#555;background-color:#e7e7e7} .navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#ccc;background-color:transparent} .navbar-default .navbar-link{color:#777} .navbar-default .navbar-link:hover{color:#333} .navbar-default .btn-link{color:#777} .navbar-default .btn-link:focus,.navbar-default .btn-link:hover{color:#333} .navbar-default .btn-link[disabled]:focus,.navbar-default .btn-link[disabled]:hover,fieldset[disabled] .navbar-default .btn-link:focus,fieldset[disabled] .navbar-default .btn-link:hover{color:#ccc} .navbar-inverse{background-color:#222;border-color:#080808} .navbar-inverse .navbar-brand{color:#9d9d9d} .navbar-inverse .navbar-brand:focus,.navbar-inverse .navbar-brand:hover{color:#fff;background-color:transparent} .navbar-inverse .navbar-text{color:#9d9d9d} .navbar-inverse .navbar-nav>li>a{color:#9d9d9d} .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{color:#fff;background-color:transparent} .navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:focus,.navbar-inverse .navbar-nav>.active>a:hover{color:#fff;background-color:#080808} .navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:focus,.navbar-inverse .navbar-nav>.disabled>a:hover{color:#444;background-color:transparent} .navbar-inverse .navbar-toggle{border-color:#333} .navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{background-color:#333} .navbar-inverse .navbar-toggle .icon-bar{background-color:#fff} .navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010} .navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover{color:#fff;background-color:#080808} .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808} .navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#080808} .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#9d9d9d} .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover{color:#fff;background-color:transparent} .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover{color:#fff;background-color:#080808} .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover{color:#444;background-color:transparent} .navbar-inverse .navbar-link{color:#9d9d9d} .navbar-inverse .navbar-link:hover{color:#fff} .navbar-inverse .btn-link{color:#9d9d9d} .navbar-inverse .btn-link:focus,.navbar-inverse .btn-link:hover{color:#fff} .navbar-inverse .btn-link[disabled]:focus,.navbar-inverse .btn-link[disabled]:hover,fieldset[disabled] .navbar-inverse .btn-link:focus,fieldset[disabled] .navbar-inverse .btn-link:hover{color:#444} .breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#56b949;border-radius:4px} .breadcrumb>li{display:inline-block} .breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"} .breadcrumb>.active{color:#777} .pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px} .pagination>li{display:inline} .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd} .pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px} .pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px} .pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#23527c;background-color:#eee;border-color:#ddd} .pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:2;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7} .pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd} .pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px} .pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px} .pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px} .pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px} .pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px} .pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px} .pager{padding-left:0;margin:20px 0;text-align:center;list-style:none} .pager li{display:inline} .pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px} .pager li>a:focus,.pager li>a:hover{text-decoration:none;background-color:#eee} .pager .next>a,.pager .next>span{float:right} .pager .previous>a,.pager .previous>span{float:left} .pager .disabled>a,.pager .disabled>a:focus,.pager .disabled>a:hover,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff} .label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em} a.label:focus,a.label:hover{color:#fff;text-decoration:none;cursor:pointer} .label:empty{display:none} .btn .label{position:relative;top:-1px} .label-default{background-color:#777} .label-default[href]:focus,.label-default[href]:hover{background-color:#5e5e5e} .label-primary{background-color:#337ab7} .label-primary[href]:focus,.label-primary[href]:hover{background-color:#286090} .label-success{background-color:#5cb85c} .label-success[href]:focus,.label-success[href]:hover{background-color:#449d44} .label-info{background-color:#5bc0de} .label-info[href]:focus,.label-info[href]:hover{background-color:#31b0d5} .label-warning{background-color:#f0ad4e} .label-warning[href]:focus,.label-warning[href]:hover{background-color:#ec971f} .label-danger{background-color:#d9534f} .label-danger[href]:focus,.label-danger[href]:hover{background-color:#c9302c} .badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#777;border-radius:10px} .badge:empty{display:none} .btn .badge{position:relative;top:-1px} .btn-xs .badge{top:0;padding:1px 5px} a.badge:focus,a.badge:hover{color:#fff;text-decoration:none;cursor:pointer} .list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#337ab7;background-color:#fff} .list-group-item>.badge{float:right} .list-group-item>.badge+.badge{margin-right:5px} .nav-pills>li>a>.badge{margin-left:3px} .jumbotron{padding:30px 15px;margin-bottom:30px;color:inherit;background-color:#eee} .jumbotron .h1,.jumbotron h1{color:inherit} .jumbotron p{margin-bottom:15px;font-size:21px;font-weight:200} .jumbotron>hr{border-top-color:#d5d5d5} .container .jumbotron,.container-fluid .jumbotron{border-radius:6px} .jumbotron .container{max-width:100%} table.visible-xs{display:table} tr.visible-xs{display:table-row!important} td.visible-xs,th.visible-xs{display:table-cell!important} .visible-xs{display:block!important} .visible-xs-block{display:block!important} .visible-xs-inline{display:inline!important} .visible-xs-inline-block{display:inline-block!important} @media (min-width:768px){.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}} @media (min-width:992px){.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}} @media (min-width:1200px){.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}} @media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}} @media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}} @media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}} @media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}} @media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}} @media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}} @media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}} @media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}} @media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}} @media (min-width:1200px){.visible-lg-block{display:block!important}} @media (min-width:1200px){.visible-lg-inline{display:inline!important}} @media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}} @media (max-width:768px){.hidden-xs{display:none!important}} @media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}} @media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}} @media (min-width:1200px){.hidden-lg{display:none!important}} /* -------------------------------------------------------------------------------- Setting (Gnuboard)---------------------------------------- */ h2#container_title{display:none;} /* 팝업 */ #hd_pop h2{display:none;} .mobile-popup{position: absolute;top:110px;z-index:9999;} .pop{position: absolute;z-index:999;text-align:center;line-height:0;} .pop .container{overflow: hidden;max-width:95%;padding:0;-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.1);} .pop img {width:100%;} .pop button{width:100%;padding:15px 0;border: none;background:#fff;font-size:0.9em;} .pop .pop-close{border-left:1px solid #eee;} .pop-rolling a{font-size:0.8em;} .pop-wide .pop{padding:0;} .pop-wide .container{max-width:100%;width:100%;padding:0;border:none;} /*로그인&사이드 메뉴 / side_menu*/ #side_menu{display:block;position:fixed;top:0;right:0;width:100%;height:100%;overflow:hidden;z-index:99999;margin:0;background-color: rgba( 0,0,0,0.5 );display:none} #side_menu:after{display:block;visibility:hidden;clear:both;content:""} #side_menu .side_wr{width:280px;height:100%;background:#fff;opacity:1;position:absolute;top:0;right:0;box-shadow:0 0 10px #616161;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch} #side_menu .side_wr.add_side_wr{} #side_menu .side_wr .side_inner_rel{position:relative;height:100%;display:block} #side_menu .side_wr .side_inner_abs{position:absolute;width:100%;display:block;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform:translateZ(0); -moz-transform:translateZ(0); -ms-transform:translateZ(0); -o-transform:translateZ(0); transform:translateZ(0); -webkit-touch-callout:none; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; -ms-text-size-adjust:none; -o-text-size-adjust:none; text-size-adjust:none} body.over_hidden{overflow:hidden} /* hidden 을 줌으로써 메뉴 스크롤시 메뉴만 스크롤 되게금 적용 */ #aside{padding:0px 0px 10px 0px} .side_hd:after{display:block;visibility:hidden;clear:both;content:""} .side_hd .shor_cut{border-top:1px solid #ececec} .side_hd .shor_cut ul{margin:0; padding:0} .side_hd .shor_cut li a{border-bottom:1px solid #ececec; width:139px; float:left; padding:10px 0; text-align:center; display:block;color:#d09165; font-weight:bold;background: #fff} .side_hd .shor_cut li:nth-child(even) a{width:140px;border-left:1px solid #ececec} .side_hd .shor_cut li:nth-child(odd) a{border-left:0} .side_menu ul{margin:0; padding:0} .side_menu ul .mu_title{float:left;line-height:35px;background:#f6f8fb; width:100%;border-bottom:1px solid #ececec} .side_menu ul .mu_title a{margin-left:10px;isplay:inline-block} .side_menu ul .mu_title button.sub_toggle{float:right;border:none;display:inline-block;width:30px; height:30px;text-indent:-999px;background:url('../img/common/more_op.png') 50% 65% no-repeat} .side_menu ul .mu_title button.sd_cl{float:right;border:none;display:inline-block; width:30px; height:30px;text-indent:-999px;background:url('../img/common/more_cl.png') 50% 65% no-repeat} .side_menu ul .mu_title ul{margin:0; padding:0; display: none} .side_menu ul .mu_title ul li{background:#dde4e9;line-height:35px;border-bottom:1px solid #f6f8fb !important; background:#dde4e9} .side_menu ul .mu_title ul li:last-child{border-bottom:0} .side_menu ul .mu_title ul li a{margin-left:10px; border:none !important} .side_close{position:absolute;top:10px;right:282px;margin:0;line-height:1em; } .side_close button{background:url('../img/common/si_close.png') 50% 50% no-repeat;border:none;font-size:0;text-indent:-9999;width:19px;height:19px;display:inline-block;margin-right:10px} #mamber_info{background:#d09165} #ol_before input[type=submit],#join a{background:#d09165; color:#fff} #ol_before fieldset{border:none;} #ol_after_ft a{background:#d09165} /*비밀번호 확인*/ .mb_confirm{max-width:90%;margin:0 auto;} /* 텍스트 크기 조절 */ #text_size{margin:0 0 10px;text-align:center; } #text_size button{margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle} .ts_up{font-size:1.167em !important} .ts_up2{font-size:1.3em !important} /* 하단 레이아웃 */ #ft{border-top:1px solid #dde4e9;background:#fff} #ft h1{width:0;height:0;font-size:0;line-height:0;overflow:hidden} #ft p{margin:0;padding:10px 0;line-height:1.8em} #ft_copy{padding:10px;background:#fff;color:#000;line-height:2em} #ft_copy #ft_company{text-align:center; border-bottom:1px solid #dde4e9} #ft_copy #ft_company a{display:inline-block;padding:5px; font-size:1em} #ft_copy b{color:inherit} #ft_copy a{color:inherit;text-decoration:none} #ft_copy address{text-align:center; font-style:normal; padding-top:10px; line-height:1.5em;font-size:0.5em} /* 게시물 선택복사 선택이동 */ #copymove{} .copymove_current{float:right;color:#d09165} .copymove_currentbg{background:#f4f4f4} /* 이미지 등비율 리사이징 */ .img_fix{width:100%;height:auto} /* 버튼 */ a.btn01{display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus,a.btn01:hover{text-decoration:none} button.btn01{display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02{display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus,.btn02:hover{text-decoration:none} button.btn02{display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm{margin-top:10px;margin-bottom:2em;text-align:center} /* 서식단계 진행 */ .btn_submit{padding:8px;border:0;background:#d09165;border-radius:5px;color:#fff;letter-spacing:-0.1em} fieldset .btn_submit{background-color: #d09165 !important;height: 50px !important;} a.btn_cancel{display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} button.btn_cancel{display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} a.btn_frmline,button.btn_frmline{display:inline-block;padding:0 5px;height:1.9em;border:0;background:#616161;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */ button.btn_frmline{font-size:1em} /* -------------------------------------------------------------------------------- board ---------------------------------------- */ /* 게시판용 버튼 */ a.btn_b01,a.btn_b02,a.btn_admin,.btn_bo_adm input{display:inline-block;padding:7px 4px;border-radius:3px;text-decoration:none;vertical-align:middle;color:#303231} a.btn_b01,.btn_bo_adm input{border:1px solid #c7c5c4;background:#fff;} a.btn_b01:hover,.btn_bo_adm input:hover{background:#edeeed;color:#000} a.btn_b02{border:1px solid #d09165;background:#d09165;color:#fff} a.btn_b02:hover{background:#d09165;} a.btn_admin{background:#ee4035;color:#fff} /* 기본테이블 */ .tbl_wrap{/*margin:0 10px 10px*/} .tbl_wrap table{width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption{padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left} .tbl_head01{font-size: 12px;} .tbl_head01 caption{padding:0 0 10px;color:#777;text-align:left} .tbl_head01 thead th{padding:12px 0;color:#646464;font-size:0.95em;text-align:center;letter-spacing:-0.1px} .tbl_head01 thead a{color:#383838} .tbl_head01 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th{border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head01 tfoot td{border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head01 tbody th{padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td{padding:5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;line-height:1.5em;word-break:break-all;} .tbl_head02{} .tbl_head02 caption{padding:0 0 10px;color:#777;text-align:left} .tbl_head02 thead th{padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a{color:#383838} .tbl_head02 thead th input{vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th{border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head02 tfoot td{border-color:#666;background:#484848;color:#fff;font-weight:bold;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_frm01{} .tbl_frm01 caption{visibility:hidden;height:0;} .tbl_frm01 th{padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left} .tbl_frm01 td{padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .tbl_frm01 textarea,.frm_input{padding:6px;border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none;} .tbl_frm01 textarea{width:100%;height:100px} .tbl_frm01 fieldset{border:0px} .tbl_frm01 a{text-decoration:none} .tbl_frm01 .frm_file{display:block;margin-bottom:5px;width:100%} .tbl_frm01 .frm_info{display:block;padding:5px 0 0;color:#666;line-height:1.3em} .tbl_frm01 #phone .first{padding-right:5px;} .tbl_frm01 #phone .last{padding-left:5px;} /* 검색 */ #bo_sch{width:90%;margin:10px auto 0 auto;padding:0;border:none} #bo_sch legend{overflow:none;width:0;height:0;font-size:0;} /* 게시판목록 */ .bo_fx{float:left;width:100%;margin-bottom:10px;} .btn_bo_adm{float:left;margin-top:5px;} .btn_bo_user{float:right;margin-top:5px;text-align:right;list-style-type:none;} /* 카테고리 */ #bo_cate h2{display:none;} #bo_cate_ul{} #bo_cate_ul li{display:inline-block;width:33.33% !important;} #bo_cate_ul li:first-child{width:100% ;} #bo_cate_ul li a{display:block;width:100%;padding:8px 0px !important;text-align:center;font-size: 12px;} #bo_cate_ul li:first-child a{border-left:1px solid #ebeceb;} #bo_cate_ul li #bo_cate_on{border:1px solid #d09165;background:#d09165;font-weight:bold;color:#fff;} /* 게시판 쓰기 */ #bo_w .tbl_frm01 textarea{border:1px solid #ccc;border-radius:5px;} #prv-agree{overflow:scroll;height:70px;padding:5px;border:1px solid #ccc;border-radius:5px;font-size:0.8em;} /* 캡챠 자동등록(입력)방지 기본 */ #captcha{display:inline-block;position:relative;width:100%;min-height:60px;} #captcha legend{position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden} #captcha audio{display:block;margin:0 0 5px;width:187px} #captcha #captcha_img{position:relative;max-width:115px;max-height:50px;border:1px solid #e9e9e9} #captcha #captcha_reload{margin:0;padding:0 5px;vertical-align:middle;overflow:hidden;cursor:pointer} #captcha #captcha_key{position:absolute;margin:0 0 0 4px;padding:0 5px;width:100px;border:1px solid #ccc;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;background:#f7f7f7;font-size:1.2em;font-weight:bold;text-align:center;line-height:2em} #captcha #captcha_info{display:block;position:absolute;top:42px;font-size:0.95em;letter-spacing:-0.1em} @media screen and (min-width:500px) { } /* 필수입력 */ .required,textarea.required{position:relative;background:url('../img/common/wrest.gif') #f7f7f7 top right no-repeat !important} /* 게시판 보기 */ #bo_v{margin: 0 auto !important;} #bo_v li{display:inline-block;margin:0;padding:0;list-style-type:none;} #bo_v_title{margin:0;padding:15px;border-top:2px solid #505452;font-size:1.2em;} #bo_v_info{padding:10px 15px;border-top:1px solid #c7c5c4;border-bottom:1px solid #c7c5c4;font-size:0.9em;} #bo_v_info strong{margin:0 15px 0 5px;} #bo_v_atc{padding:20px 0;} #bo_v_img img{width: 100%;} /* 댓글 */ #bo_vc{margin-top:20px;padding:15px;border:1px solid #f7f5f6;font-size:0.9em;} #bo_vc h2{margin-top:0;font-size:1.2em;} #bo_vc header{margin-bottom:5px;font-weight:bold;} #bo_vc .bo_vc_act{margin-top:5px;margin-bottom:20px;} #comment-area textarea {width:100%;height:100px;margin-top:5px;border:1px solid #f7f5f6;} /* 자료 없는 목록 */ .empty_table{padding:20px 0 !important;text-align:center} .empty_list{padding:20px 0 !important;text-align:center} /* 테이블 항목별 정의 */ .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:150px;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:#d09165} .txt_expired{color:#ccc} .txt_rdy{color:#8abc2a} /* 새창 기본 스타일 */ .new_win{} .new_win #win_title{margin:0 0 20px;padding:20px;border-top:3px solid #d09165;border-bottom:1px solid #e9e9e9;font-size:1.2em} .new_win #win_title .sv{font-size:0.75em;line-height:1.2em} .new_win .tbl_wrap{margin:0 20px} .new_win .win_ul{margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none} .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;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none} .new_win .win_desc{padding:10px 20px} .new_win .win_btn{clear:both;padding:20px;text-align:center} .new_win .win_btn a{display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em} .new_win .win_btn button{display:inline-block;padding:0 10px;height:2.5em;border:0;background:#d09165;color:#fff;text-decoration:none;line-height:2.5em} .new_win .win_btn input{padding:0 10px;height:2.5em;line-height:2.5em} /* 사이드뷰 */ .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;text-align:center; background: #fff} .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; padding-top:5px; margin:0 4px 0 0;background:#616161;font-size:1em;font-weight:normal;color:#fff;line-height:1em;} /* -------------------------------------------------------------------------------- ★병원명 (Header) ---------------------------------------- */ /* header */ #gnb {margin:0;text-align:center;} #gnb a{display:block;padding:10px 5px;} #header{position: absolute;top: 0;left: 0;width: 100%;height: 40px; z-index: 9999;box-shadow: 0 0 4px rgba(0,0,0,0);} #header .container{position: relative;max-width: 768px;} #header #h-logo{transition-duration: .5s;display: none;margin: 15px 0 0;} #header.active{position: fixed;top: 0;left: 0;width: 100%;height: 50px; background-color: rgba(255,255,255,1);box-shadow: 0 0 5px rgba(0,0,0,0.2);} #header.active #h-logo{display: block;width: 110px;} #header #h-blog{position:absolute;top:10px;right:10px} #header #h-number{background:#4f4350;padding: 10px 0;} #btn_side{position:absolute;top:0;right:0;z-index:9999} #btn_side #side_mn_btn{position:absolute;right:0px;top:13px;width:30px;height:24px;background:url('../img/mobile/hamburger.png') 50% 50% no-repeat; border: none } /* -------------------------------------------------------------------------------- ★병원명 (Footer) ---------------------------------------- */ .foot-btn-big{margin-top:20px;padding:10px 0;background:#4f4350;} .foot-btn-big li{max-width:250px;text-align:center;padding: 0;} .foot-btn-big a{font-weight:100;font-size:1em;color:#fff;white-space: nowrap;} .foot-btn-big span{display:block;width:40px;height:33px;margin:5px auto 10px auto;padding-bottom:10px} .foot-btn-big-counsel{background:url(../img/common/big_btn.png) no-repeat -0px 0} .foot-btn-big-bna{background:url(../img/common/big_btn.png) no-repeat -40px 0} .foot-btn-big-notice{background:url(../img/common/big_btn.png) no-repeat -80px 0} .foot-btn-big-event{background:url(../img/common/big_btn.png) no-repeat -120px 0} .foot-btn-big-price{background:url(../img/common/big_btn.png) no-repeat -160px 0} .foot-btn-big-reserve{background:url(../img/common/big_btn.png) no-repeat -200px 0} .foot-btn-big-review{background:url(../img/common/big_btn.png) no-repeat -240px 0} .foot-btn-big-video{background:url(../img/common/big_btn.png) no-repeat -280px 0} .foot-btn-big-media{background:url(../img/common/big_btn.png) no-repeat -320px 0} .foot-btn-big-blog{background:url(../img/common/big_btn.png) no-repeat -360px 0} .foot-btn-big-naver{background:url(../img/common/big_btn.png) no-repeat -400px 0} .foot-btn-big-kakao{background:url(../img/common/big_btn.png) no-repeat -440px 0} .foot-btn-big-youtube{background:url(../img/common/big_btn.png) no-repeat -480px 0} .foot-btn-big-insta{background:url(../img/common/big_btn.png) no-repeat -520px 0} .foot-btn-big-facebook{background:url(../img/common/big_btn.png) no-repeat -560px 0} .foot-btn-small{background:#fff;padding:1em 0;} .foot-btn-small li{padding:0;text-align:center} .foot-btn-small a{font-size:0.8em;font-weight:400;color:#616161} .foot-btn-small span{display:block;width:40px;height:40px;margin:0 auto 0 auto;padding-bottom:5px} .foot-btn-small-clinic{background:url(../img/common/small_btn.png) no-repeat 0 0} .foot-btn-small-interior{background:url(../img/common/small_btn.png) no-repeat -40px 0} .foot-btn-small-info{background:url(../img/common/small_btn.png) no-repeat -80px 0} .foot-btn-small-location{background:url(../img/common/small_btn.png) no-repeat -120px 0} .foot-btn-small-doctor{background:url(../img/common/small_btn.png) no-repeat -160px 0} .foot-btn-small-chart{background:url(../img/common/small_btn.png) no-repeat -200px 0} .foot-btn-small-equment{background:url(../img/common/small_btn.png) no-repeat -240px 0} #f-number{background:#fff;padding:0 1em 5px 1em} #f-number a{display:block;width:100%;padding:1em 0 1em 20px;border:1px solid #ccc;background:url(../img/common/f_btn_icon.png) no-repeat 65px 1em;text-align:center;vertical-align:middle} #f-kakao a{display:block;width:100%;padding:1em 0px;border:1px solid #f1da00;background:#fbe300;text-align:center;color:#97702f;vertical-align:middle;} #footer{margin-top:10px;padding:20px 0 85px;background:#FFF;border-top: 1px solid #ededed; text-align:center;} #footer ul{margin-bottom:10px;} #footer li{display:inline-block;margin-left:5px;margin-right:5px;padding:0;} #footer li a{font-size:0.9em;font-weight:600;color:#999} #footer footer{font-weight:200;color:#a9aeae;line-height:1.7em;word-break:keep-all;} #footer footer .copyright{color: #363636;} #footer footer small{font-size:0.7em;opacity:0.9;color:#a9aeae} /* -------------------------------------------------------------------------------- ★병원명 (Index) ---------------------------------------- */ #index .bx-controls-direction{display:none;} #index .bx-controls-auto{display:none;} @media screen and (min-width:768px) { } @media screen and (min-width:1024px) { } /* -------------------------------------------------------------------------------- ★병원명 (Content) ---------------------------------------- */ .pc{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} @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}} /* Layout */ /* common */ .container{max-width:768px;margin-right:auto;margin-left:auto} .container-xs{max-width:768px;margin-right:auto;margin-left:auto} .container-sm{max-width:992px;margin-right:auto;margin-left:auto} .container-md{max-width:1024px;margin-right:auto;margin-left:auto} .container-lg{max-width:1200px;margin-right:auto;margin-left:auto} .container-mobile{max-width:300px;margin:0 auto;} .container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .row{} .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,.col-md-w5,.col-sm-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,.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,.col-xs-w5,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;} .col-xs-w5,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left} .col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-w5{width:20%;} .col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-w5{right:20%}.col-xs-pull-0{right:auto} .col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-w5{left:20%}.col-xs-push-0{left:auto} .col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-w5{margin-left:20%}.col-xs-offset-0{margin-left:0} table.visible-xs{display:table} tr.visible-xs{display:table-row!important} td.visible-xs,th.visible-xs{display:table-cell!important} .visible-xs{display:block!important} .visible-xs-block{display:block!important} .visible-xs-inline{display:inline!important} .visible-xs-inline-block{display:inline-block!important} @media (min-width:768px){.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}} @media (min-width:992px){.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}} @media (min-width:1200px){.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}} @media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}} @media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}} @media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}} @media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}} @media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}} @media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}} @media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}} @media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}} @media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}} @media (min-width:1200px){.visible-lg-block{display:block!important}} @media (min-width:1200px){.visible-lg-inline{display:inline!important}} @media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}} @media (max-width:768px){.hidden-xs{display:none!important}} @media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}} @media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}} @media (min-width:1200px){.hidden-lg{display:none!important}} .btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "} .btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both} .center-block{display:block;margin-right:auto;margin-left:auto} .right-block{display:block;margin-right:0;margin-left:auto;} .pull-right{float:right!important} .pull-left{float:left!important} .hide{display:none!important} .show{display:block!important} .invisible{visibility:hidden} .text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} .hidden{display:none!important;visibility:hidden!important} .affix{position:fixed} .img-responsive{max-width:100%;} /* -------------------------------------------------------------------------------- Setting (Gnuboard)---------------------------------------- */ /* 팝업레이어 */ #hd_pop {z-index:1000;position:relative;margin:0 auto;width:100%;height:1px} #hd_pop h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .hd_pops {position:absolute;border:1px solid #e9e9e9;background:#fff; z-index: 999; width: 90%; left: 50% !important; margin-left: -45%; top: 80px !important;} .hd_pops_con { width: 100%;} .hd_pops_con a{ width: 100%; display: block;} .hd_pops_con img{ width: 100%;} .hd_pops_footer {padding:10px 0;background:#000;color:#fff;text-align:center} .hd_pops_footer button {padding:5px 4px;border:0;background:#393939;color:#fff; font-size: 14px;} .hd_pops_footer button strong{ font-size: 14px;} #hd_pops_1{ top: 80px !important;} /* 상단 레이아웃 */ #hd {position:relative;background:#fff} #hd:after {display:block;visibility:hidden;clear:both;content:""} #hd_h1 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden} .gnbWrap {width:290px; height:650px; padding:5% 0; overflow-y:scroll;position:absolute; top:60px; right:-290px;background:#393939; z-index:99999; transition:all 0.3s;} .full {width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; top:0; left:0;z-index:9998; display:none;} .g_w {width:100%;position:absolute;z-index:99999; top:0;} .gngimg {width:100%;} .gngimg img {width:100%;} .gnb {width:100%;} .g_li {width:100%; text-align:center;position:relative;} .arrow { display: block; width: 22px; height: 13px; position: absolute; top: 22px; right: 24px; background: url(../mobile/img/arrow_down.png)center center;} .arrow.view { background:url(../mobile/img/arrow_up.png)} .g_li{ font-size: 18px; color: #fff; line-height: 50px; line-height: 80px; font-size: 20px;} .g_li > a {font-size:18px; color:#fff;display:block; width:100%;height:50px; line-height:50px; border-top:2px solid #8d5731; text-align: left; padding: 0 26px; box-sizing: border-box;} .g_li:last-child > a {border-bottom:2px solid #8d5731;} .g_li_sub {width:100%; text-align:center;display:none;overflow:hidden} .g_li_sub li {width: 100%; text-align: left; /* position: relative; */} /* .g_li_sub li:after{ content:"+"; display: block; position: absolute; top: -15px; right: 28px;} */ .g_li_sub li a {display:block; width:100%; line-height:50px; padding: 0 24px; color: #fff; box-sizing:border-box; font-size: 16px;} .g_li_sub li a:hover {background:#8d5731; color:#fff;} .g_w a.ham{ position: absolute;top:10px; right:14px; display: inline-block; text-align: center;} .g_w a.ham img {width:100%;} .g_w a.ham p{ position: absolute; width: 100%; left: 50%; margin-left: -50%; bottom: -18px; color: #8d5731; font-size: 13px;} /* hambar */ .menu_btn{ width: 40px; height: 30px; position: relative; display: block; transform: rotate(0deg); transition: .5s ease-in-out; cursor: pointer; } .hambar{ width: 50%; height: 6px; display: block; position: absolute; background-color: #8d5731; transition: .3s; } .hambar1, .hambar3, .hambar5{ left: 0; border-radius: 5px 0px 0px 5px;} .hambar2, .hambar4, .hambar6{ right: 0; border-radius: 0px 5px 5px 0px;} .hambar1, .hambar2{ top: 0;} .hambar3, .hambar4{ top: 50%; margin-top: -3px;} .hambar5, .hambar6{ bottom: 0;} .menu_open .hambar{ background-color: #8d5731;} .menu_open .hambar1, .menu_open .hambar6{ transform: rotate(45deg); -ms-transform: rotate(45deg);} .menu_open .hambar2, .menu_open .hambar5{ transform: rotate(-45deg); -ms-transform: rotate(-45deg)} .menu_open .hambar3{ left: -8px; opacity: 0;} .menu_open .hambar4{ right: -8px; opacity: 0;} .menu_open .hambar1{ top: 6px; left: 4px;} .menu_open .hambar2{ top: 6px; right: 4px;} .menu_open .hambar3{ width: 20%;} .menu_open .hambar4{ width: 20%;} .menu_open .hambar5{ bottom: 6px; left: 4px;} .menu_open .hambar6{ bottom: 6px; right: 4px;} /* hambar end */ .gnb {width:84%; margin: 0 auto; padding-bottom: 180px;} #logo {width:100%;height:60px; text-align:center;background-color: rgba(255, 255, 255, .7); padding: 16px; box-sizing: border-box; border-bottom: 2px solid #8d5731;} #logo a{width: 180px; display: block;} #logo img {width:100%; float:left;} .tel {position:absolute; top: 26px; right: 9px; display: block; width: 30px;} .tel img {width:100%;} /* 중간 레이아웃 */ #wrapper {margin:0;} #wrapper:after {display:block;visibility:hidden;clear:both;content:""} #visual {} #index_wrapper {margin:60px 0 0px;} #index_wrapper:after {display:block;visibility:hidden;clear:both;content:""} #container {position:relative;} #container:after {display:block;visibility:hidden;clear:both;content:""} #container_title { display: none; margin:0 10px 20px;font-size:1.2em;font-weight:bold} #index_nb {margin-bottom:10px;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f6f6f6;} #index_nb ul {padding:0;margin:0;list-style:none;overflow:hidden;} #index_nb ul li {width:50%;text-align:center;float:left;} #index_nb ul li a {display:block;padding:10px 0;} #index_nb ul li a.first {border-right:1px solid #d6d6d6;} /* 텍스트 크기 조절 */ #text_size {display:none;margin:0 0 10px;text-align:center} #text_size button {margin:0;padding:2px 2px 1px;border:1px solid #c3c6ca;background:transparent;vertical-align:middle} .ts_up {font-size:1.167em !important} .ts_up2 {font-size:1.3em !important} /* 하단 레이아웃 */ #ft {background:#333;color:#fff; text-align:center;padding:20px 0;} #ft li {display:inline-block;} #ft li a{display:block;padding:10px;font-size:1.1em;color:#fff} #ft_logo{ width: 124px; margin: 0 auto 16px;} #ft_logo img{ width:100%;} #ft h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden} #ft p {margin:0;} #ft_company {text-align:center} #ft_company ul {padding:0;margin:0;list-style:none;overflow:hidden;} #ft_company ul li {width:33.33%;float:left;} #ft_company ul li a {display:block;width:100%;padding:15px 0;} #ft_copy {padding:10px;text-align:center;} /* 게시물 선택복사 선택이동 */ #copymove {} .copymove_current {float:right;color:#333} .copymove_currentbg {background:#f4f4f4} /* 화면낭독기 사용자용 */ #hd_login_msg {position:absolute;top:0;left:0;width:0;height:0;overflow:hidden} .msg_sound_only, .sound_only {display:inline-block;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;width:1px !important;height:1px !important;font-size:0 !important;line-height:0 !important;overflow:hidden} /* 본문 바로가기 */ .to_content a {z-index:100000;position:absolute;top:0;left:0;width:0;height:0;font-size:0;line-height:0;overflow:hidden} /* 이미지 등비율 리사이징 */ .img_fix {width:100%;height:auto} /* 캡챠 자동등록(입력)방지 기본 - PC */ #captcha {display:inline-block;position:relative;} #captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0} #captcha audio {display:block;margin:0 0 5px;width:187px} #captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;margin-right:32px;vertical-align:top} #captcha #captcha_reload {position:absolute;top:27px;left:280px;width:23px;height:23px;background:url('../../../img/captcha.png') no-repeat 0 -30px;border:none;border-top:1px solid #ccc;overflow:hidden;cursor:pointer;text-indent:-9999px;} #captcha #captcha_key {margin:0;padding:0 5px;width:70px;height:50px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:2.8em;vertical-align:top} #captcha #captcha_info {display:block;margin:15px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha #captcha_mp3 {position:absolute;top:0;left:280px;width:23px;height:22px;background:url('../../../img/captcha.png') no-repeat; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none} /* 캡챠 자동등록(입력)방지 기본 - mobile */ #captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0} #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;display:inline-block;margin-right:5px;} #captcha.m_captcha #captcha_reload {position: absolute;top: 0;left: 250px; width:23px;height:23px;background:none;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;} #captcha.m_captcha #captcha_key {position: relative; display: inline-block; margin:0;padding:0 5px;width:115px;height:50px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;top: 0;left: 0;} #captcha.m_captcha #captcha_info {position: absolute; display:block;margin:15px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {position: absolute;top: 27px;left: 250px; width:23px;height:22px;background:none; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none;} @media screen and (max-width:400px) { #captcha.m_captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;font-size:0} #captcha.m_captcha audio {display:block;margin:0 0 5px;width:187px} #captcha.m_captcha #captcha_img {width:160px;height:60px;border:1px solid #e9e9e9;margin-bottom:3px;display:block;margin-right:5px;} #captcha.m_captcha #captcha_reload {position: absolute;top: 53px;left: 125px; width:23px;height:23px;background:none;border:none;overflow:hidden;cursor:pointer;text-indent:-9999px;} #captcha.m_captcha #captcha_key {position: relative; display: block; margin:0;padding:0 5px;width:115px;height:50px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center;line-height:29px;top: 0;left: 0;} #captcha.m_captcha #captcha_info {position: absolute; display:block;margin:68px 0 0;font-size:0.95em;letter-spacing:-0.1em} #captcha.m_captcha #captcha_mp3 {position: absolute;top: 80px;left: 125px;bottom:0; width:23px;height:22px;background:none; vertical-align:top;overflow:hidden;cursor:pointer;text-indent:-9999px;border:none;} } /*단축키일람 */ .btn_cke_sc{background:#333;color:#fff;padding:5px;border:none;margin-bottom:5px} .cke_sc_def {margin:0 0 5px;padding:10px;border:1px solid #ccc;background:#f7f7f7;text-align:center} .cke_sc_def dl{margin:0 0 5px;text-align:left;zoom:1} .cke_sc_def dl:after {display:block;visibility:hidden;clear:both;content:""} .cke_sc_def dt, .cke_sc_def dd {float:left;margin:0;padding:5px 0;border-bottom:1px solid #e9e9e9} .cke_sc_def dt {width:50%;font-weight:bold} .cke_sc_def dd {width:50%} .btn_cke_sc_close{background:#333;padding:5px;border:none;color:#fff} /* 버튼 */ a.btn01 {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} a.btn01:focus, a.btn01:hover {text-decoration:none} button.btn01 {display:inline-block;margin:0;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none} a.btn02 {display:inline-block;padding:8px 7px 7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none;vertical-align:middle} a.btn02:focus, .btn02:hover {text-decoration:none} button.btn02 {display:inline-block;margin:0;padding:7px;border:1px solid #3b3c3f;background:#4b545e;color:#fff;text-decoration:none} .btn_confirm {text-align:center} /* 서식단계 진행 */ /* 211208 모바일 버튼 수정 */ .btn_submit {padding:8px;border:0; background:#333 !important; color:#fff;letter-spacing:-0.1em;} /*.btn_submit {padding:8px;border:0; background:#333; color:#fff;letter-spacing:-0.1em}*/ fieldset .btn_submit {padding:0 7px;height:24px;line-height:1em} a.btn_cancel {display:inline-block;padding:8px 7px 7px;border:1px solid #ccc;background:#fafafa;color:#000;text-decoration:none;vertical-align:middle} button.btn_cancel {display:inline-block;padding:7px;border:1px solid #ccc;background:#fafafa;color:#000;vertical-align:top;text-decoration:none} a.btn_frmline, button.btn_frmline {display:inline-block;padding:0 5px;height:1.9em;border:0;background:#333;color:#fff;letter-spacing:-0.1em;text-decoration:none;vertical-align:top;line-height:1.9em} /* 우편번호검색버튼 등 */ button.btn_frmline {font-size:1em} /* 게시판용 버튼 */ a.btn_b01 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #d9ded9;background:#f2f5f9;color:#000;text-decoration:none;vertical-align:middle} a.btn_b01:focus, .btn_b01:hover {text-decoration:none} a.btn_b02 {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;/* border:1px solid #3b3c3f;background:#4b545e; */color:#fff;text-decoration:none;vertical-align:middle} a.btn_b02:focus, .btn_b02:hover {text-decoration:none} a.btn_admin {display:inline-block;margin:0 0 3px;padding:8px 7px 7px;border:1px solid #8d5731;background:#8d5731;color:#fff;text-decoration:none;vertical-align:middle} /* 관리자 전용 버튼 */ a.btn_admin:focus, a.btn_admin:hover {text-decoration:none} /* 댓글 스타일 */ .cnt_cmt {display:inline-block;margin:0 0 0 3px;font-weight:bold} /* 기본테이블 */ .tbl_wrap {margin:0 10px 10px} .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0} .tbl_wrap caption {padding:10px 0;color:#4b8b99;font-weight:bold;text-align:left} .tbl_head01 {} .tbl_head01 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head01 thead th {padding:12px 0;border-top:1px solid #d6d6d6;border-bottom:1px solid #d6d6d6;background:#f6f6f6;color:#383838;font-size:1em;text-align:center;letter-spacing:-0.1em} .tbl_head01 thead a {color:#383838} .tbl_head01 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head01 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head01 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;text-align:center} .tbl_head01 tbody th {padding:5px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9} .tbl_head01 td {padding:10px 0px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;/* line-height:1.5em; */word-break:break-all} .tbl_head02 {} .tbl_head02 caption {padding:0 0 10px;color:#777;text-align:left} .tbl_head02 thead th {padding:5px 0;border-top:1px solid #d1dee2;border-bottom:1px solid #d1dee2;background:#e5ecef;color:#383838;font-size:0.95em;text-align:center;letter-spacing:-0.1em} .tbl_head02 thead a {color:#383838} .tbl_head02 thead th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */ .tbl_head02 tfoot th {border-top:1px solid #666;border-bottom:1px solid #666;background:#484848;color:#fff} .tbl_head02 tfoot td {border-color:#666;background:#484848;color:#fff;font-weight:bold;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_frm01 {} .tbl_frm01 th {padding:10px 0;width:90px;border:1px solid #e9e9e9;border-left:0;text-align:left} .tbl_frm01 td {padding:10px 5px;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;background:transparent} .tbl_frm01 textarea, .frm_input {border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;/* -webkit-appearance:none */} .tbl_frm01 textarea {width:100%;height:100px} .tbl_frm01 a {text-decoration:none} .tbl_frm01 .frm_file {display:block;margin-bottom:5px;width:100%} .tbl_frm01 .frm_info {display:block;padding:5px 0 0;color:#666;line-height:1.3em} /* 자료 없는 목록 */ .empty_table {padding:20px 0 !important;text-align:center} .empty_list {padding:20px 0 !important;text-align:center} /* 필수입력 */ .required, textarea.required {background:url('../img/wrest.gif') #f7f7f7 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:150px;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:#ff5897} .txt_expired {color:#ccc} .txt_rdy {color:#8abc2a} /* 새창 기본 스타일 */ .new_win {} .new_win #win_title {margin:0 0 20px;padding:20px;border-top:3px solid #4e5d60;border-bottom:1px solid #e9e9e9;font-size:1.2em} .new_win #win_title .sv {font-size:0.75em;line-height:1.2em} .new_win .tbl_wrap {margin:0 20px} .new_win .win_ul {margin:-20px 0 20px 0;padding:0 20px;border-bottom:1px solid #455255;background:#484848;list-style:none} .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;border-right:1px solid #455255;border-left:1px solid #455255;color:#fff;font-weight:bold;text-decoration:none} .new_win .win_desc {padding:10px 20px} .new_win .win_btn {clear:both;margin:20px;text-align:center} .new_win .win_btn a {display:inline-block;padding:0 10px;height:2.5em;background:#666;color:#fff;text-decoration:none;vertical-align:middle;line-height:2.5em} .new_win .win_btn button {display:inline-block;padding:0 10px;height:2.5em;border:0;background:#666;color:#fff;text-decoration:none;line-height:2.5em} .new_win .win_btn input {padding:0 10px;height:2.5em;line-height:2.5em} /* 검색결과 색상 */ .sch_word {color:#333} /* 사이드뷰 */ .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} /* PC화면으로 */ #device_change {display:block;margin:5px;padding:10px;border:1px solid #777;color:#999;font-size:1em;text-decoration:none;text-align:center} /*#################################*/ .hide{ position: absolute; top:0; left: -9999px; line-height: 0; text-indent: -9999px; font-size: 0; overflow:hidden;} .clear:after{ content:""; display: block; clear: cpth} li{list-style: none;} .wrap{ width: 100%; min-width: 320px;} .visual{overflow:hidden;width:100%;position:relative;} .visual img{ width: 100%;} /*.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{display:none;}*/ .bx-wrapper .bx-pager.bx-default-pager a{ width: 12px; height: 12px;} .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ width: 30px;} .main_btn{background: #f5f0f7;} .main_btn_ul{ width: 100%;} .main_btn_li{ width: 25%; float: left;} .main_btn_li a{ display: block;} .main_btn_li img{ width: 100%;} .main_box_menu{ width: 100%; padding: 4% 3% 1%; overflow: hidden; box-sizing: border-box;} .main_box_menu_li{ width: 31.3%; margin-right: 3%; float: left; margin-bottom: 3%;} .main_box_menu_li.last{ margin-right: 0;} .main_box_menu_li a{ display: block;} .main_box_menu_li img{ width: 100%;} .info_box{ width: 100%; overflow: hidden;} .info_box_ul{ width: 100%;} .info_box_li{ width: 100%; position: relative;} .info_box_li.min{ width: 50%; float: left;} .info_box_li.wide{ width: 94%; position: relative; overflow: hidden; border: 1px solid #d1d1d1; margin: 0 3% 3%; box-sizing: border-box; } .info_box_li a{ display: block;} .info_box_li a img{ width: 100%;} .info_box_tit { border-bottom: 1px solid #d1d1d1; padding: 3%; line-height: 1.6em; font-size: 1.3em; width: 86%; margin: 0 auto;} .info_box_li a span { line-height: 24px; display: block; padding: 2px 6px; border: 1px solid #ccc; text-align: center;} .info_box_more { position: absolute; font-size: 14px; top: /* 5% */3%; right: 7%;} .main_map{ width: 100%;} .main_map a{ display: block;} .main_map img{ width: 100%;} /* sub */ .sub_wrap{ width: 100%; margin-top: ;} .sub_wrap.sub_mb{ margin-bottom: 100px;} .sub_wrap img{ width: 100%;} .sub_content{ width: 100%; margin: 0 auto;} .sub_content.block{ width: 90%; margin: 0 auto;} /* sub02 */ .sub_content.call{ margin-bottom: ;} .sub02_online{ display: block; width: 100%;} .img-responsive {width:100%;} .center-block {display:block; margin-right:auto; margin-left:auto;} .bx-controls-auto {display:none;} #visual .bx-wrapper img {display:block; margin:0 auto;} #visual #bx-pager {display:block; width:100%; margin: 0 auto;} #visual #bx-pager a {display:block; float:left; background:#8e8d8d; text-align:center; width:33.3%; padding:10px 0; color:#fff;} #visual #bx-pager a:hover {text-decoration:none;} #visual #bx-pager a.active {background:#bfa8e7; font-weight:bold; text-decoration:none;} #visual .bx-controls-direction {display:none;} .event-tit img {width:50%; margin:15px auto;} #m-rolling .bx-controls-direction {display:none;} #m-rolling #bx-pager1 a {float:left; width:33.33%; text-align:center; padding:10px 0; background:#ececec;} #m-rolling #bx-pager1 a:hover {text-decoration:none;} #m-rolling #bx-pager1 a.active {background:#8d5731; font-weight:bold; text-decoration:none; color:#fff;} .m-btn {max-width:500px; margin:15px auto; padding:0 10px;} .m-btn a {width:100%;} .m-btn a img {width:100%;} .m-btn li {margin:0 3px; width:24%;} .m-btn ul {margin-top:20px; display:flex;} @media screen and (max-width:400px) { } .s_tab {margin:0 auto; text-align:center;} .s_tab li {display:inline-block;} .s_tab a {display:block; padding:10px; font-size:1.2em;} .s_tab a:hover {text-decoration:none;} .s_tab .active a {font-weight:bold; text-decoration:none;} #s40 .s_tab {border-bottom:2px solid #25bebc;} #s40 .s_tab .active a {color:#25bebc;} #spink .s_tab {border-bottom:2px solid #ff82ae;} #spink .s_tab .active a {color:#ff82ae;} #purple .s_tab {border-bottom:2px solid #6b5db3;} #purple .s_tab .active a {color:#6b5db3;} .bg-green {background:#25bebc;} .bg-pink {background:#ff82ae;} .bg-purple {background:#6b5db3;} .fc-f {color:#fff;} .st-tit {width:100% margin:0 auto; padding:10px; font-size:1.4em; text-align:center; font-weight:800; letter-spacing:-1px;} /* -------------------------------------------------------------------------------- 라뷰티 (Sub:201020~) ---------------------------------------- */ .new-sub{font-family:'NanumSquare', sans-serif,} /* s-visual */ .new-sub-visual{overflow:hidden;background:#fafafa center top no-repeat fixed;-webkit-background-size: cover;background-size: cover;text-align: ;} .new-sub-visual .container{position: relative;padding:2em 0;} .new-sub-visual .title{position: relative;z-index:10;margin-bottom:10px;font-size:3em;font-weight:900;color:#5f4239;line-height:1em;} .new-sub-visual .text{position: relative;z-index:10;font-size:1.2em;} .new-sub-visual .thumb{display: none;position: absolute;right:0px;bottom:-20px;width:150px;} .new-sub-visual .thumb::before{content:''} /* snb */ .snb{max-width:800px;margin:60px auto 0 auto;} .snb ul{position:relative;max-width:1500px;margin:0 auto;} .snb li{display: inline-block;width: 49%;} .snb li.first{display: none;} .snb li a{display:block;padding:5px 0;font-size:0.9rem;text-decoration: none;text-align: center;} .snb li.active a{background:#c9b5a7;font-weight:900;color:#2c1617} .snb:after{display: block;clear: both;} .ssnb{margin:1em 0;text-align: center;} .ssnb ul{position:relative;max-width:600px;margin:0 auto;} .ssnb li{display:inline-block;} .ssnb li.first{display: none;} .ssnb li a{display:block;padding:5px 10px;font-size:;text-decoration: none;} .ssnb li.active a{background:#8d5731;-webkit-border-radius: 10em;-moz-border-radius: 10em;border-radius:10em;font-weight:900;color:#fff} /* 서브네비 4depth */ .sssnb{display: flex;justify-content: center;padding: 20px 0;flex-wrap: wrap;width: 92%;max-width: 768px;margin: 0 auto;} .sssnb li{display: block;list-style-type:none;margin-right: 5px;} .sssnb li:last-child{margin-right: 0;} .sssnb li.on a{font-weight:700;color:#FFF;background-color: #d09165;} .sssnb li a{display:block;padding:8px;border-radius: 100px;} /* s-bar */ .new-sub-bar{padding:1em 0;background:#c9b5a7;text-align: center;color:#fff;} .new-sub-bar .text{margin-bottom:0.2em;font-size:1.1em;} .new-sub-bar .text-em{font-size:1.4em;font-weight: 700;line-height:1.4em;} /* s-explanation */ .new-hr{position: relative;display: block;height:1px;margin:0;padding: 0;border: none;background:#ddd;} .new-s-thumb{max-width:80%;margin:1em auto;} .new-sub-contents{margin-bottom:2em;text-align: center;} .new-sub-contents h2.title{margin:2em 0 1em 0;font-size:1.8em;} .new-sub-contents h2.title::after{content:'LABEAUTY';display: block;margin-top:5px;margin-left:1em;font-size:8px;letter-spacing:5px;} .new-sub-contents h2.title .fc-p{color:#8d5731} .new-sub-contents p,.new-sub-contents li{font-size:1.2em;line-height:1.8em;} .new-sub-contents p{text-align: left;} /* list */ .list{margin-top:1em;} .list-icon{display:;text-align: center;} .list-icon li{display:inline-block;position: relative;width:45%;height:115px;margin:0 3% 10px 0;padding:0px;border:1px solid #c9b5a7;border-bottom:5px solid #c9b5a7;background:#fff;font-size:1em;line-height:1.4em;vertical-align: middle;-ms-word-break: keep-all;word-break: keep-all;} .list-icon li img{width:30px;margin:15px auto 10px auto;} .list-icon li span{display: block;margin-top:5px;font-size: 1.1rem;font-weight: 900;color:#} .list-icon li {} .list-number{} .list-number li{position: relative;padding:1em 1em 1em 3em;background:#e7dbd3;text-align: left;} .list-number li:nth-child(odd){background: #c9b5a7;} .list-number li:nth-child(1)::before{content:'01';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(2)::before{content:'02';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(3)::before{content:'03';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(4)::before{content:'04';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(5)::before{content:'05';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(6)::before{content:'06';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(7)::before{content:'07';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(8)::before{content:'08';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-number li:nth-child(9)::before{content:'09';position: absolute;top:10px;left:-10px;font-size:2.5em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step{display:;} .list-step li{display:inline-block;position: relative;width:138px;height:138px;margin:0 2px 10px 2px;padding:0 10px;-webkit-border-radius:400px;-moz-border-radius:400px;border-radius:400px;background:#c9b5a7;line-height:1.4em;vertical-align: middle;-ms-word-break: keep-all;word-break: keep-all;} .list-step li:nth-child(odd){background: #e7dbd3;} .list-step li:nth-child(1)::before{content:'01';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(2)::before{content:'02';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(3)::before{content:'03';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(4)::before{content:'04';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(5)::before{content:'05';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(6)::before{content:'06';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(7)::before{content:'07';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(8)::before{content:'08';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-step li:nth-child(9)::before{content:'09';display: block;margin:20px 0 20px 0;font-size:2em;font-weight: 900;color:#fff;letter-spacing:-2px;} .list-line{border-top:3px solid #c9b5a7;border-bottom: 0px solid #c9b5a7;background: #fafafa;} .list-line li{padding:1em;border-bottom: 2px solid #fff;text-align: left;} .list-line li:before{content:'▶';padding-right:10px;font-size: 0.8em;color:#8d5731} /*울쎄라 서브페이지*/ .pc-only{display:none} #ulthera section{padding:50px 0;} #ulthera .ul-visual{position:relative;} #ulthera .ul-visual .visual-img{display:none} #ulthera .ul-retail{position:relative; background:#f9f9f9} #ulthera .ul-retail .ulthera{display:none} #ulthera .ul-effect {padding:0;} #ulthera .ul-effect .ul-effect-banner{position:relative; padding:30px 0; background:#572e20} #ulthera .ul-effect .ul-effect-banner::after{position:absolute; left:50%; bottom:-10px; content:''; display:block; width:20px; height:20px; background:#572e20; transform:rotate(45deg)} #ulthera .ul-effect .ul-effect-real{padding:30px 0;background:#fed964} #ulthera .ul-effect .ul-effect-real .tit{margin-bottom:30px;} #ulthera .ul-effect .ul-effect-real li{margin-bottom:16px;} #ulthera .ul-point{background:#fffcf5;} #ulthera .ul-point .point-box{margin-bottom:50px;} #ulthera .ul-point .point-box:last-child{margin-bottom:0;} #ulthera .ul-point .point-box .tit{margin:0 auto 30px; width:80%;} #ulthera .ul-point .point-box .cont{background:#fff; border:1px solid #ddd;} #ulthera .ul-point .point-box .cont .row{padding:20px;} #ulthera .ul-point .point-box:first-child .cont .row img{margin-bottom:40px;} #ulthera .ul-recomen{background:#f7aa6d;} #ulthera .ul-recomen img:first-child{display:none} #ulthera .ul-process{padding-bottom:0; background:#f2f4f5} #ulthera .ul-process .tit{width:80%; margin-bottom:30px;} #ulthera .ul-process .box{position:relative; padding:20px; background:#fff; box-shadow:10px 10px 10px 10px rgba(0,0,0,.1); z-index:9999;} #ulthera .ul-process .box li{margin-bottom:16px;} #ulthera .ul-process .banner{position:relative; top:-16px; background:#112e87} #ulthera .ul-part{padding-bottom:0; background:#f2f4f5;} #ulthera .ul-popular{padding-bottom:0;} #ulthera .ul-popular .row{display:flex; flex-wrap:wrap;} #ulthera .ul-popular img:nth-child(1){max-width:60%; order:1} #ulthera .ul-popular img:nth-child(2){max-width:90%; order:0;} /* 210915 피코하이 서브페이지 */ .mobile-ee {display: block;} /* -------------------------------------------------------------------------------- ★병원명 (Board) ---------------------------------------- */ /* -------------------------------------------------------------------------------- ★병원명 (Sub:Layout) ---------------------------------------- */ /* 서브네비 */ #snb{display:none} .snb{width:95%;margin:15px auto;} .snb li{} .snb li a{display:block;width:100%;padding:10px 0;border-bottom:1px solid #eaeaea;text-align:center;font-size:0.9em;} .snb li.on{background:#f0f0f0;} .snb li.on:first-child{width:100%;background:#c18d56;font-size:1.2em;font-weight:700;} .snb li.on:first-child a{;color:#fff} /* -------------------------------------------------------------------------------- ★병원명 (Sub:Basic Setting) ---------------------------------------- */ #s-title{margin:10px 0;padding:10px 0;border:5px solid #ebeceb;text-align:center;} #index .main_tit{text-align: center;font-weight: 900;font-family: 'Pretendard';} #index .main_txt{text-align: center;font-weight: 300;font-family: 'Pretendard';color:#4f4350;} #index .main_tit>a{color:#4f4350;} .contents{} .list_01{padding:0 10px;} .list_01 li{background:#fff;border-radius:3px;margin:10px 0;padding:10px 15px;border-bottom:1px solid #ccc;} .btn_top li {display:inline-block;} /* 모바일 상단 메뉴 */ .mb_drop_mn{display: none; position: relative; color: #222;background-color: #FFF;line-height: 18px;text-align: center;font-size: 15px;padding: 10px 5px;z-index: 10px;border-bottom:1px solid #CCC;} .mb_drop_mn a{color: #222;} .mb_drop_menu{left: 0;right: 0;top: 38px;} .mb_drop_menu>li{position: relative; background: #FFF;z-index: 999;font-size: 14px;line-height: 50px;} .mb_drop_menu>li a{color: #222;display: block;width: 90%;margin: 0 auto;border-top: 1px solid #ddd;} .mb_drop_menu>li:first-child{border-top:1px solid #CCC;} .mb_drop_menu>li:first-child a{border-top:none;} /* 모바일 로그인 */ #mb_login .h4{text-align: center;} /* 모바일 진료시간 */ .time_add_txt{font-size:16px;font-weight:400;text-align: center;line-height: 20px;} #la_contact .contact_wrap .right_info table{width: 100%;text-align: center;} #la_contact .contact_wrap .right_info table tr{display: flex;flex-wrap: wrap;} #la_contact .contact_wrap .right_info table tr th{width: 100%;font-size: 24px;margin:30px 0 5px;color: #4f4350;} #la_contact .contact_wrap .right_info table tr td{width: 100%;} #la_contact .contact_wrap .right_info table#labeauty_time{display: flex;justify-content: center;} #la_contact .contact_wrap .right_info table#labeauty_time tbody{width: 70%;margin-left: 5%;} #la_contact .contact_wrap .right_info table#labeauty_time td{width:60px;margin-left: 0;} #la_contact .contact_wrap .right_info table#labeauty_time td:nth-of-type(2){width:calc(100% - 70px);margin-left:10px;} @media screen and (max-width:500px) { #la_contact .contact_wrap .right_info table#labeauty_time tbody{width: 100%;margin-left: 0;} } @media screen and (min-width:768px) { #la_contact .contact_wrap .right_info table#labeauty_time td{width:30%;} #la_contact .contact_wrap .right_info table#labeauty_time td:nth-of-type(2){width:70%;margin-left: 0;} } #fwrite{padding:20px 0 !important;} /* #fwrite #ca_name, #fwrite #wr_name, #fwrite #wr_password, #fwrite #wr_homepage, #fwrite #wr_subject, #fwrite #wr_content{width: 200px !important;} */ /* .tbl_frm01_simple .simple_write_tbo{} .tbl_frm01_simple .simple_write_tbo tr{display: block;} .tbl_frm01_simple .simple_write_tbo tr th{width: 50px;} */ /* 프로그램 서브비주얼 */ .s-visual{padding:4em 0 3em;background: url(https://labeauty.kr/theme/labeauty/img/mainvisual_bg.png) no-repeat center / cover;text-align: center;color:#d09165;} .s-visual h2{font-size:3.5em;font-weight:700;letter-spacing:0;} .s-visual p{font-weight:400;} /* 프로그램 네비 */ .s-program .snb{display: block;} /* 프로그램 리스트 */ .s-program-title{padding:80px 0 20px 0;font-size:30px !important;font-weight:700 !important;text-align: center;color:#4f4350} .s-program-list{background:#fffcf8;;text-align: center;} .s-program-list .row{margin-left:-5px;margin-right:-5px;} .s-program-list .row>div{padding-left:5px;padding-right:5px;} .s-program-list .thumb{border:3px solid #fffcf8;transition:0.7s;} .s-program-list .thumb:hover{border:3px solid #e7c8b2;transition:0.7s;} .s-program-list .thumb:hover img{transform: scale(1.1);} .s-program-list .kr{padding-top:1rem;font-size:1.4em;font-weight:700;color: #222;} .s-program-list .eng{min-height:4em;font-size:0.8em;font-weight:400;line-height:1.2em;color:#996c33;text-transform: uppercase;} .s-program-list:last-child{padding-bottom: 50px; margin-bottom: 30px;} .mb_drop_mn{display: block;} /* 프로그램 컨텐츠 서브비주얼 */ .s-visual{position: relative; background: url(../img/program_con_bg.png) no-repeat center / cover;text-align: center;height: 260px;display: flex;justify-content: center;align-items: center;padding: 0;} .s-visual>.container{margin-top: 20px;} .s-visual .title .pro_sub_tit{font-family: 'Raleway Roman'; font-size:14px;font-weight:400;letter-spacing:0.26em;color:#c0ae95;} .s-visual .title .pro_tit{font-size:40px;font-weight:400;color:#d09c65;} .s-visual .title .pro_txt{font-size:18px;font-weight:300;color:#a39d93;} .s-visual .title .descr_point{background-color: #d09c65;color:#FFF; font-size: 14px;padding: 10px 30px;margin-top: 30px;} .s-program-con-sub-tit{font-family: 'Raleway Roman'; font-size:14px;font-weight:400;letter-spacing:0.26em;color:#d09165;text-align: center;width: 100%;margin-bottom: 8px;} .s-program-con-tit{font-size: 30px;font-weight: 300;color:#333;text-align: center;width: 100%;margin-bottom: 40px;line-height: 34px;} .s-program-con-bg{position: relative; background-color:#fffcf8;padding: 40px 0 100px;margin-bottom:30px;} /* 설명 */ .s-explan{position: relative; display: flex;justify-content: center;flex-wrap: wrap;} .s-explan .img_box{width: 80%;max-width: 400px;} .s-explan .img_box>img{} .s-explan .txt_box{width: 90%;} .txt_box{font-size: 14px;font-weight: 300;margin-top: 30px;text-align: left;} .s-explan .txt_box .point_txt_box{background-color: #f4efe8;font-size: 12px;padding: 20px;margin-top: 20px;} .s-explan .txt_box .icon_box{margin-top: 20px;display: flex;flex-wrap: wrap;justify-content:flex-start;text-align: left;justify-content: center;} .s-explan .txt_box .icon_box>li{display: flex;width: 230px;margin-top: 30px;} .s-explan .txt_box .icon_box>li>img{width: 50px;height: 50px; margin-right: 20px;box-shadow: 0 0 15px rgba(127,120,111,0.07);} .s-explan .txt_box .icon_box>li>p{font-size: 14px; font-weight: 300;margin-top: 4px;} .s-explan .txt_box .icon_box>li>p>span{font-size: 16px; font-weight: 700;color:#333;} /* 설명2 */ .s-explan-2{margin-top:100px;} .s-explan-2 .s-program-con-tit{margin-bottom:20px;} .s-explan-2 .txt_box{margin:0 auto;padding-top:1em;text-align: center;} /* 원리 */ .s-principle{position: relative;margin-top: 100px;} .s-principle .point_tit{font-size:16px;font-weight: 500;padding: 6px 0; background-color: #d09165;color:#FFF;text-align: center;} .s-principle .s-program-con-tit{margin-bottom: 20px;} .s-principle .s-principle-list{text-align: center;} .s-principle .s-principle-list>li{padding: 40px 15px 30px;} .s-principle .s-principle-list>li img{border-bottom: 2px solid #d09165;} .s-principle .s-principle-list>li p.list_tit, .swiper-slide .s-principle-list li .list_tit{font-size: 16px;line-height: 22px;color: #252525;font-weight: 500;} .s-principle .s-principle-list>li p, .swiper-slide .s-principle-list li .list_tit p{margin-top: 5px; font-size: 15px;line-height: 20px;color: #444;} .s-principle .s-principle-list>li p>span, .swiper-slide .s-principle-list li .list_tit>span{display: block;font-size: 16px;font-weight: 500;color: #d09165;margin: 20px 0 10px;} .s-principle .s-principle-list>li.on{background-color: #d09165;} .s-principle .s-principle-list>li.on p{color:#fafafa;} .s-principle .s-principle-list>li.on p>span{color: #FFF;} /* 효과 */ .s-effect{position: relative;margin-top: 100px;} .s-effect .s-program-con-tit{margin-bottom: 20px;} .s-effect .s-effect-list{position: relative;display: flex;flex-wrap: wrap;justify-content: center;} .s-effect .s-effect-list>li{position: relative;width: 90%;background-color: #FFF;box-shadow: 0 0 15px rgba(127,120,111,0.07);padding: 20px;border-radius: 30px;margin: 8px 0;} .s-effect .s-effect-list>li>p{font-size: 16px;font-weight: 300;color:#444;line-height: 24px;display: flex;} .s-effect .s-effect-list>li>p>span{display: inline-block;width: 24px;height: 24px;border-radius: 50%;background-color: #d09c66;text-align: center;line-height: 24px;font-weight: 400;color: #FFF;margin-right: 10px;} .s-effect .s-program-txt{font-size: 16px;font-weight: 400;color: #444;line-height: 24px; text-align: center;margin-top: 30px;} .s-effect .s-program-txt>span{color: #d09165;font-weight: 700;} /* 장점 */ .s-advantage{position: relative;margin-top: 100px;} .s-advantage .s-program-con-tit{margin-bottom: 20px;} .s-advantage .s-advantage-list{position: relative;display: flex;flex-wrap: wrap;justify-content: center;} .s-advantage .s-advantage-list>li{position: relative;width: 90%;background-color: #FFF;box-shadow: 0 0 15px rgba(127,120,111,0.07);padding: 15px 20px;margin: 8px 0;} .s-advantage .s-advantage-list>li>p{font-size: 16px;font-weight: 300;color:#444;display: flex;} .s-advantage .s-advantage-list>li>p>span{display: block;position: relative; color: #d09165;font-size: 18px; font-weight: 400;margin-right: 40px;height: 100%;} .s-advantage .s-advantage-list>li>p>span::after{content: '';display: block;position: absolute;top: 50%;right: -20px;transform: translateY(-50%); width: 1px;height: 20px;background-color: #e3cab9;} /* 배너 */ .s-banner{position: relative;overflow: hidden;background: url(../img/sub/pro_con_banner_bg.png) no-repeat center / cover;margin-top: 100px;text-align: center;} .s-banner .bannerSwiper{position: relative;padding: 40px 0 80px;} .s-banner .bannerSwiper .swiper-slide{padding: 0 30px;} .s-banner .bannerSwiper .s-program-con-sub-tit{} .s-banner .bannerSwiper .s-program-con-tit{margin-bottom: 40px;} .s-banner .point_tit{font-size:16px;font-weight: 500;padding: 6px; background-color: #d09165;color:#FFF;text-align: center;} .s-banner .bannerSwiper .txt_box{text-align: left;} .s-banner .bannerSwiper .add_txt_list{display: flex;margin-top: 20px;} .s-banner .bannerSwiper .add_txt_list>li{padding: 5px 10px;color:#FFF; background-color: #d09165; margin-right: 5px;font-size: 12px;} .s-banner .bannerSwiper .add_txt_list>li:last-child{margin-right: 0;} .s-banner .bannerSwiper .s-banner-txt{font-size: 14px;font-weight: 300;line-height: 24px;color:#444;width: 90%;max-width: 768px; margin: 0 auto;text-align: left;} .s-banner .bannerSwiper .swiper-pagination{bottom: 20px;} .s-banner .bannerSwiper .swiper-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 0.5;background-color: #FFF;} .s-banner .bannerSwiper .swiper-pagination .swiper-pagination-bullet-active{opacity: 1;background-color: #d09165;} .s-banner .bannerSwiper .swiper-button-prev{background: url(../img/sub/s-banner-prev.png) no-repeat center;width: 45px;height: 86px;display: none;} .s-banner .bannerSwiper .swiper-button-next{background: url(../img/sub/s-banner-next.png) no-repeat center;width: 45px;height: 86px;display: none;} /* 대상 */ .s-target{position: relative;margin-top: 100px;} .s-target .s-program-con-tit{margin-bottom: 40px;} .s-target .s-target-list{position: relative;display: flex;flex-wrap: wrap;justify-content: center;text-align: center;} .s-target .s-target-list>li{position: relative;border-radius: 10px; background-color: #FFF;box-shadow: 0 0 20px rgba(127,120,111,0.05);margin: 3px;display: flex;align-items: center;justify-content: center;padding: 15px;width: 100%;} .s-target .s-target-list>li>p{font-size: 16px;font-weight: 300;color:#444;line-height: 24px;letter-spacing: -0.04em;} /* 관리 */ .s-treatment{position: relative;margin-top: 100px;} .s-treatment .s-program-con-tit{margin-bottom: 40px;} .s-treatment .s-treatment-list{text-align: left;border-top: 1px solid #e4cdbd;width: 90%;margin: 0 auto;} .s-treatment .s-treatment-list>li{font-size: 14px;font-weight: 300;color:#444;border-bottom: 1px solid #f1eae0;line-height: 22px;padding: 12px;} /* 부위 */ .s-part{position: relative;margin-top: 100px;} .s-part .s-program-con-tit{margin-bottom: 20px;} .s-part .s-part-list{position: relative;display: flex;flex-wrap: wrap;justify-content: center;} .s-part .s-part-list>li{position: relative;background-color: #FFF;box-shadow: 0 0 15px rgba(127,120,111,0.07);padding: 15px 20px;margin: 5px;} .s-part .s-part-list>li>p{font-size: 16px;font-weight: 300;color:#444;} /* 250814 원리 style추가 */ .swiper-slide .s-principle-list{ width: 100% !important; margin: 0 auto; margin-top: 50px; } .swiper-slide .s-principle-list li{ width: 50%; } .swiper-slide .s-principle-list li:nth-of-type(3){ margin-top: 20px; } .ultherapy_slide .s-principle-list{ display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; } /*251110 티타늄 추가*/ .w-bg{ max-width: 768px; padding-left:15px !important; padding-right:15px !important; } .w-bg .t-h2{ font-size: 30px !important; } .mode1 .row{ flex-direction: column; max-width: 100% !important; } .mode1 .row .txt_box{ margin-left: 0 !important; margin-top: 1rem; gap:1rem; } .mode1 .row .txt_box strong{ font-size: 18px !important; } .mode1 .row .txt_box p{ font-size: 16px !important; } .mode2 .txt_box{ font-size: 16px !important; } .mode2 .img_box{ margin: 2rem 0 !important; } .mode2 .mode-box h4{ font-size: 16px !important; width: 75% !important; margin: 0 auto; } .mode2 .txt{ font-size: 14px !important; } .mode3 .txt_box{ font-size: 16px !important; } .mode3 .mode-box h4{ font-size: 16px !important; width: 80% !important; margin: 0 auto; } .mode3 .txt{ font-size: 14px !important; } .mode3 .img_box{ margin: 2rem 0 0; } .mode4 .mode-box .txt_box{ font-size: 18px !important; } .mode4 .mode-box .txt{ font-size: 16px !important; text-align: left; } .mode5{ margin: 100px auto !important; } .mode5 .mode-box .txt_box{ font-size: 18px !important; } .mode5 .mode-box .txt{ font-size: 16px !important; text-align: left; } .mode5 .row{ max-width: 100% !important; flex-direction: column; padding-top:0 !important; } .mode5 .row .txt_box{ margin-left: 0 !important; margin-top: 2rem !important; gap: 0.8rem !important; padding: 0 1rem !important; } .mode5 .row .txt_box .p1{ font-size: 18px !important; } .mode5 .row .txt_box strong{ font-size: 25px !important; } .mode5 .row .txt_box .p2{ font-size: 16px !important; line-height: 1.3 !important; } .mode5 .row:nth-of-type(2){ margin-top: 5rem; flex-direction: column !important; } /*이브 타이탄*/ .onlymobile{ display: block !important; } .onlypc{ display:none !important; } .lifting-section{ max-width: 768px !important; padding-left: 15px !important; padding-right: 15px !important; margin-bottom: 100px !important; } .lifting-section .headline{ font-size: 32px !important; } .lifting-section .point-mark{ font-size: 80px !important; } .lifting-section .divider-line{ height: 70px !important; } .lifting-section .sub-question{ margin-bottom: 15px !important; } .lifting-section .description{ font-size: 16px !important; line-height: 1.4; } .lifting-section .sub-headline{ margin-top:100px !important; } .lifting-section .sub-headline{ font-size: 32px !important; line-height: 1.2; margin-top:30px !important; } .lifting-section .procedure-intro{ font-size: 16px !important; line-height: 1.4; } .lifting-section .notice{ font-size: 14px !important; line-height: 1.4; } .lifting-section .keypoint-title{ font-size: 30px !important; } .ebv1 .slide-flex{ max-width: 100% !important; margin: 0; flex-direction: column; } .ebv1 .slide-flex .txt_box{ margin-left: 0 !important; } .ebv1 .slide-flex .txt_box .s-program-con-tit{ margin-bottom: 10px !important; font-size:21px !important; } .s-banner .bannerSwiper .s-banner-txt{ margin:0 !important; } .ebv2 .row{ font-size: 16px !important; gap: 0rem !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; } .ebv2 .row .col-xs-3{ width: 45% !important; } .ebv2 .img_box{ margin: 2rem 0 0 !important; } .lifting-zone-layout{ gap:20px !important; } .lifting-zone-layout { flex-direction: column; align-items: center; } .face-image { order: -1; margin-bottom: 20px; flex: 0 0 380px !important; } .zone-box{ height: 150px !important; } .zone-box p{ font-size: 14px !important; } .zone-box b{ font-size: 16px !important; } .zone-box span { display: inline-block !important; width: 24px !important; height: 24px !important; border-radius: 50% !important; background-color: #d09c66 !important; text-align: center !important; line-height: 24px !important; font-weight: 400 !important; color: #FFF !important; margin-right: 10px !important; } .zone-left, .zone-right { flex-direction: column; width: 100%; max-width: 100%; padding-right: 1rem; padding-left: 1rem; } .zone-left .zone-box:nth-child(1) { order: 1; } .zone-left .zone-box:nth-child(2) { order: 2; } .zone-right .zone-box:nth-child(1) { order: 3; } .zone-right .zone-box:nth-child(2) { order: 4; } .zone-right .zone-box:nth-child(3) { order: 5; } .mode5-2{ margin: 100px auto 0 !important; max-width: 768px !important; } .mode5-2 .row{ flex-direction: column !important; padding-top: 3rem !important; } .mode5-2 .row .txt_box{ margin-left: 0 !important; margin-right: 0 !important; gap: 1rem !important; margin-top: 2rem !important; padding: 0 1rem !important; } .mode5-2 .s-program-con-tit{ margin-bottom: 40px !important; } .mode5-2 .row .txt_box .p1,.mode5-2 .row .txt_box strong{ font-size: 30px !important; } .mode5-2 .row .txt_box .p1 span{ font-size: 21px !important; } .mode5-2 .row .txt_box .p2{ font-size: 14px !important; line-height: 1.8 !important; } .mode5-2 .row:nth-of-type(1){ padding-top:0rem !important; }