/*============================================================================== 서브공통사용 ================================================================================*/ /*아이폰 기본 속성 제거*/ * {letter-spacing: -0.5px;} input, textarea, select {-webkit-border-radius:0; -webkit-appearance:none; } .wrap {overflow: hidden; min-width:1900px;} #sub_container h2 {font-size: 51px;} #sub_container h3 {font-size: 45px; letter-spacing: -1px;} #sub_container h4 {font-size: 40px;} #sub_container h5 {font-size: 35px;} #sub_container h6 {font-size: 27px;} select {border:0; font-size: 13px; box-sizing:border-box; padding: 0 10px; -webkit-appearance:none; -moz-appearance:none; appearance:none; background:url(/common/img/icon/list-open.svg) no-repeat 98% 50%; background-size:30px; background-color: #fff;} select option {font-size:13px; line-height:40px; vertical-align:middle; color:#141414;} select::-ms-expand {display:none;} /*버튼*/ .btn_wrap {width: 100%; text-align: center; margin-bottom: 100px;} .btn_wrap a {width: 300px; box-sizing: border-box; height: 70px; line-height: 70px; display: inline-block; color: #fff; background: #000; transition: .3s; font-size: 17px;} .btn_wrap a:hover {background: #0075bf;} @media screen and (max-width:1200px){ #sub_container .contents {width: 100%; box-sizing: border-box;} } @media screen and (max-width:980px){ #sub_container h2 {font-size: 41px;} #sub_container h3 {font-size: 35px;} #sub_container h4 {font-size: 31px;} #sub_container h5 {font-size: 25px;} #sub_container h6 {font-size: 21px;} } @media screen and (max-width:768px){ #sub_container h2 {font-size: 35px;} #sub_container h3 {font-size: 31px;} #sub_container h4 {font-size: 25px;} #sub_container h5 {font-size: 21px;} #sub_container h6 {font-size: 19px;} } #sub_container {} #sub_mainContainer {padding: 70px 0 0 0; min-height: 600px;} #sub_mainContainer.ver2 {padding-bottom: 0} .sub_title {margin-bottom: 80px;} .sub_title h3 {color: #212121; text-align: center; font-weight: 300;} .sub_title h3 strong {font-weight: 500;} .sub_title h3 span {position: relative;} .sub_title h3 span::after {position: absolute; top: -10px; right: -25px; width: 25px; height: 25px; background: url(/common/img/icon/title_bl.png) no-repeat center; content: '';} .sub_title p {text-align: center;} .sub_title .deco-text {font-size: 14px; letter-spacing: 10px; color: #8f0000; text-transform: uppercase; padding-top: 15px;} /*============================================================================== 서브비주얼 ================================================================================*/ .sub_visual {width: 100%; /*height: calc(100vh);*/ height: 600px; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: cover; display: table;} .sub_visual#sub01 {background-image: url(/common/img/sub/sub_visual_01.jpg);} .sub_visual#sub02 {background-image: url(/common/img/sub/sub_visual_02.jpg);} .sub_visual#sub03 {background-image: url(/common/img/sub/sub_visual_03.jpg);} .sub_visual#sub04 {background-image: url(/common/img/sub/sub_visual_04.jpg);} .sub_visual#sub05 {background-image: url(/common/img/sub/sub_visual_05.jpg);} .sub_visual#sub06 {background-image: url(/common/img/sub/sub_visual_06.jpg);} .sub_visual#sub07 {background-image: url(/common/img/sub/sub_visual_07.jpg);} .sub_visual#sub08 {background-image: url(/common/img/sub/sub_visual_08.jpg);} #sub_visualText_wrap {width: 100%; box-sizing: border-box; text-align: center; height: 100%; display: table-cell; vertical-align: middle;} #sub_visualText_wrap p {font-size: 19px; color: #fff; text-align: center; line-height: 1.6; text-shadow: 0 0 10px rgba(0,0,0,0.5);} #sub_visualText_wrap h2 {color: #fff; text-align: center; line-height: 1.1; font-weight: 500; vertical-align: middle; position: relative; padding-bottom: 25px; margin-bottom: 25px; text-shadow: 0 0 10px rgba(0,0,0,0.5);} #sub_visualText_wrap h2::after {position: absolute; bottom: 0; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: #fff; opacity: 0.5; content: '';} #sub_visualText_wrap h2 strong {font-weight: 500; vertical-align: unset;} /*드롭다운메뉴*/ #sub_locationDrop {width: 100%; box-sizing: border-box; padding: 0 100px; height: 80px; position: relative; margin: 0 auto; margin-top: -80px; z-index: 1;} #sub_locationDrop .contents {width: 100%; height: 100%; background: #fff;} #sub_locationDrop #home {float:left; width:80px; height:100%; background: #8f0000;} #sub_locationDrop #home a {display:block; width:100%; height:100%; background:url(/common/img/icon/home.png) no-repeat center; background-size:20px; text-indent:-9999px;} #sub_locationDrop ul.dropdown-menu {float:left; height:100%;} #sub_locationDrop ul.dropdown-menu>li {position:relative; float:left; min-width:300px; height:100%; box-sizing:border-box; transition:0.3s;} #sub_locationDrop ul.dropdown-menu>li::after {position: absolute; top: 32px; right: 0; width: 1px; height: 18px; background: #ddd; content: '';} #sub_locationDrop ul.dropdown-menu li:hover {background:#fafafa;} #sub_locationDrop ul.dropdown-menu li span {position:relative; display:block; width:100%; height:100%; color:#111; font-size:17px; box-sizing:border-box; padding:0 30px; cursor:pointer; line-height:80px;} #sub_locationDrop ul.dropdown-menu li span::after {position:absolute; right:20px; top:50%; margin-top:-11px; width:23px; height:24px; background-image:url(/common/img/icon/list-open.svg); background-size:100%; background-repeat:no-repeat; content:'';} #sub_locationDrop ul.dropdown-menu li.on span::after {background-image:url(/_img/resource/arrow-up.png);} #sub_locationDrop ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:17px; box-sizing:border-box; padding:5px 20px; text-decoration:none;} #sub_locationDrop ul.dropdown-menu li:hover, #sub_locationDrop ul.dropdown-menu li:focus {background-color:#fafafa;} #sub_locationDrop ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; box-sizing:border-box; padding:10px 0} #sub_locationDrop ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;} #sub_locationDrop ul.dropdown-menu li ul li:hover {background:none;} #sub_locationDrop ul.dropdown-menu li ul li:hover a {color:#c49c66;} #sub_locationDrop ul.dropdown-menu li ul li a { color: #333; font-size:17px;} #sub_locationDrop ul.dropdown-menu li ul li ul { left: 100%; top: 0;} /*서브메인컨텐츠*/ .mb0 {margin-bottom: 0 !important} #sub_main_Contents {} #sub_main_Contents .contents {width: 1400px; margin: 0 auto;} .sub_section {margin: 130px 0;} .sub_section:last-of-type {margin-bottom: 0} .sub_section .section_title {margin-bottom: 70px;} .sub_section .section_title h3 {text-align: center; color: #212121; font-weight: 500; font-size: 43px;} .sub_section .section_title h3 strong {font-weight: 700;} .sub_section .section_title p {text-align: center; font-size: 25px; color: #212121; margin-top: 20px;} .imgWrap {width: 100%; position: relative;} .imgWrap img {left: 50%; position: relative; transform: translate(-50%, 0); max-width: none;} /*============================================================================== 내부둘러보기 ================================================================================*/ .interior-top {width: 200%; margin-left: -50% !important; margin-bottom: 40px;} .interior-top .swiper-slide img, .interior-thumbs .swiper-slide img {width: 100%; cursor: pointer;} .interior-top p {position: absolute; bottom: 0; left: 0; width: 100%; background: rgba(0,0,0,0.7); color: #fff; text-align: center; font-size: 18px; padding: 15px 0} .interior-thumbs .swiper-slide {background: #000} .interior-thumbs .swiper-slide img {opacity: 0.3;} .interior-thumbs .swiper-slide-thumb-active img {opacity: 1;} .interior_slider-pagination {position: relative !important; width: 100%; height: 4px; border-radius: 10px; overflow:hidden; background: #f9f9f9 !important; margin-top:40px; } .interior_slider-pagination span {background: #8f0000 !important; border-radius: 10px;} .interior_slider-btn {} .interior_slider-btn {position: absolute; top: 50%; margin-top: -45px; left: 50%; width: 60px; height: 60px; z-index: 1; text-indent: -99999999px; cursor: pointer; overflow: hidden;} .interior_slider-btn::before {position: absolute; top: 0; left: 0; width: 60px; height: 60px; display: block; background: #000; border-radius: 100%; content: ''; background-repeat: no-repeat; background-position: center; background-size: 40%;} .interior_slider-btn.interior_slider-next {margin-left: 740px;} .interior_slider-btn.interior_slider-prev {margin-left: -800px;} .interior_slider-btn.interior_slider-next::before {background-image: url(/images/next.png);} .interior_slider-btn.interior_slider-prev::before {background-image: url(/images/prev.png);} .root_daum_roughmap {width: 100% !important} .reserve_btn_wrap {position: absolute; top: 90px; left: 50%; margin-left: 50px; z-index: 1; display:flex; flex-wrap: wrap;} .reserve_btn_wrap .reserve_btn {margin: 0 40px;} /*자주묻는질문*/ ul.faq_list {width: 100%; overflow: hidden; box-sizing: border-box; background: #fff; border-top: 2px solid #000;} ul.faq_list li {border-bottom: 1px solid #ddd;} ul.faq_list li .acc_head {position: relative; padding: 35px 0; display: table; width: 100%; padding-left: 120px} ul.faq_list li .acc_head .category {font-size: 17px; font-weight: 500; color: #0075bf; display: table-cell; width: 200px; text-align: center;} ul.faq_list li .acc_head .subject {font-size: 19px; color: #212529; display: table-cell;} ul.faq_list li .acc_content {position: relative; background: #333; padding: 15px 50px 15px 120px;} ul.faq_list li .acc_content p {margin: 15px 0; font-size: 19px; color: #fff;} ul.faq_list li .acc_head::before, ul.faq_list li .acc_content::before {position: absolute; top:37px; left: 50px; width: 20px; height: 20px; display:inline-block; content: '';background-position: center; flex: none; background-repeat: no-repeat;} ul.faq_list li .acc_head::before {background-image: url(/common/img/icon/faq-q.svg);} ul.faq_list li .acc_content::before {background-image: url(/common/img/icon/faq-a.svg);} ul.faq_list li .acc_head::after {position: absolute; right: 50px; top: 30px; width: 40px; height: 40px; background: url(/common/img/icon/list-open.svg) no-repeat center; content: ''; transition: transform 0.2s;} ul.faq_list li.acc_active .acc_head::after {transform:rotateZ(180deg);} @media screen and (max-width: 1200px) { ul.faq_list li .acc_head {padding-left: 70px;} ul.faq_list li .acc_head::before, ul.faq_list li .acc_content::before {left: 30px;} ul.faq_list li .acc_head::after {right: 30px;} ul.faq_list li .acc_head .category {width: 130px;} ul.faq_list li .acc_head .subject {font-size: 17px;} ul.faq_list li .acc_content {padding-left: 105px;} } @media screen and (max-width: 980px) { ul.faq_list li .acc_head {padding: 25px 0; padding-left: 50px;} ul.faq_list li .acc_head::before, ul.faq_list li .acc_content::before {top: 30px; left: 20px; width: 15px; height: 15px; background-size: 100%;} ul.faq_list li .acc_head::after {right: 20px; top:25px; width: 30px; height: 30px; background-size: 100%;} ul.faq_list li .acc_head .category {width: 100px; font-size: 15px;} ul.faq_list li .acc_head .subject {font-size: 15px;} ul.faq_list li .acc_content {padding-left: 70px;} } @media screen and (max-width: 768px) { ul.faq_list li .acc_head {display:flex; flex-wrap: wrap; justify-content: flex-start; padding:20px 45px;} ul.faq_list li .acc_head::before, ul.faq_list li .acc_content::before {left: 15px; top: 22px;} ul.faq_list li .acc_head::after {right: 10px; top: 17px;} ul.faq_list li .acc_head .category {display: block; width: auto; font-size: 14px; padding-right: 10px} ul.faq_list li .acc_head .subject {display: block; font-size: 14px;} ul.faq_list li .acc_content {padding-left: 45px; padding-top: 10px; padding-bottom: 10px; padding-right: 25px;} } #sub02_04_sec02 {background: #fafafa; padding: 100px 0; margin-bottom: 0} #sub04_05_sec02 {background: #fafafa; padding: 100px 0; margin-bottom: 0} /*기본 게시판*/ #bbs_wrapper {width: 100%;} .bbs_list {width: 100%; border-top: 1px solid #ddd;} .bbs_list .bbsBox {width: 100%; display: table; border-bottom: 1px solid #ddd; table-layout: fixed;} .bbs_list .bbsBox div {display: table-cell; padding: 40px 0; font-size: 16px; color: #747474; text-align: center; vertical-align: middle;} .bbs_list .bbsBox .num {width: 10%} .bbs_list .bbsBox .category {font-weight: 600; color: #8f0000; width: 10%; font-size: 19px;} .bbs_list .bbsBox .title {text-align: left; width: 65%; box-sizing: border-box; padding-left: 30px; font-size: 19px;} .bbs_list .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;} .bbs_list .bbsBox .title a:hover {color: #8f0000;} .bbs_list .bbsBox .date {width: 15%} .bbs_list .bbsBox.notice {} .bbs_list .bbsBox.notice .num {font-weight: 600; color: #8f0000;} .bbs_list .bbsBox.notice .title {font-weight: 600;} .bbs_list.has_writer {} .bbs_list.has_writer .bbsBox .title {width:50%} .bbs_list.has_writer .bbsBox .name {width: 15%} .bbs_list.has_writer .bbsBox .date {width: 15%} .bbs_list.qna .bbsBox .title {width:65%} .bbs_list.qna .bbsBox .name {width: 10%} .bbs_list.qna .bbsBox.reply {background: #fafafa;} .bbs_list.qna .bbsBox.reply .num img {width: 25px} .bbs_list.qna .bbsBox.reply .title {font-weight: 600} .bbs_list.has_doctor {} .bbs_list.has_doctor .bbsBox .num {width:7%} .bbs_list.has_doctor .bbsBox .title {width:50%} .bbs_list.has_doctor .bbsBox .name {width: 10%} .bbs_list.has_doctor .bbsBox .date {width: 10%} .bbs_list.has_doctor .bbsBox .doctor {width: 10%} @media screen and (max-width: 980px) { .bbs_list .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;} .bbs_list .bbsBox div { padding: 0;} .bbs_list .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px; display: block;} .bbs_list .bbsBox .title {padding-left: 0; width: 100%; font-size: 16px;} .bbs_list .bbsBox .category {width: auto; text-align: left; font-size: 16px; padding-right: 10px; font-weight: 500;} .bbs_list .bbsBox .date {width: auto; text-align:left; display: block;} .bbs_list.has_writer .bbsBox .title {width: auto;} .bbs_list.has_writer .bbsBox .name {width: auto; display: block; float: left; font-size: 14px; padding-right: 10px;} .bbs_list.has_writer .bbsBox .date {width: auto; float: left; font-size: 14px;} .bbs_list.qna .bbsBox.reply .num img {width: 17px;} } @media screen and (max-width: 768px) { .bbs_list .bbsBox {padding-left: 55px; padding-top: 10px; padding-bottom: 10px;} .bbs_list .bbsBox div {display: block;} .bbs_list .bbsBox .num {font-size: 15px; width: 55px;} .bbs_list .bbsBox .title {font-size: 14px;} .bbs_list .bbsBox .category {font-size: 13px;} .bbs_list .bbsBox .date {font-size: 13px;} .bbs_list .bbsBox .name {font-size: 13px;} } /*갤러리형게시판*/ .gallery_list_wrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid #000; padding: 60px 0 40px 0; border-bottom: 1px solid #ddd;} .gallery_list_wrap .gallery_box {width: 48%; margin-bottom: 2em; } .gallery_list_wrap .gallery_box .pics {width: 100%; height: 300px; border-radius: 10px; overflow: hidden; position: relative; transition: .3s;} .gallery_list_wrap .gallery_box .pics img {width: 100%; height: 100%; object-fit: cover;} .gallery_list_wrap .gallery_box .info {width: 100%; padding: 25px 0;} .gallery_list_wrap .gallery_box .info p {} .gallery_list_wrap .gallery_box .info p.title {font-size: 21px !important; font-weight: 600; color: #212529 !important; transition: .3s;} .gallery_list_wrap .gallery_box .info p.date {font-size: 15px !important; color: #747474; margin-top: 10px;} .gallery_list_wrap .gallery_box .info p.date span {color: #212529; font-weight: 500; padding-right: 15px;} .gallery_list_wrap .gallery_box:hover .pics {box-shadow: 0 0 10px rgba(0,0,0,0.5);} .gallery_list_wrap .gallery_box:hover .info p.title {color: #8f0000 !important;} @media screen and (max-width: 980px) { .gallery_list_wrap .gallery_box {width: 49%;} .gallery_list_wrap .gallery_box .pics {height: 240px;} .gallery_list_wrap .gallery_box .info {padding: 20px 0} .gallery_list_wrap .gallery_box .info p.title {font-size: 17px !important; } .gallery_list_wrap .gallery_box .info p.date {margin-top: 2px;} } @media screen and (max-width: 768px) { .gallery_list_wrap .gallery_box {width: 100%; margin-left: 0} .gallery_list_wrap .gallery_box .pics {min-height: 200px; max-height: 230px; height: auto;} .gallery_list_wrap .gallery_box .info {padding: 15px 0} .gallery_list_wrap .gallery_box .info p.date {font-size: 14px !important;} } /*페이징*/ #paging {width: 100%; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap;} #paging a {display:block; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; font-size: 15px; color: #212529; margin: 0 5px;} #paging a.on {background: #8f0000; color: #fff;} #paging a.btn {text-indent: -99999px; border: 1px solid #ddd; background-position: center; background-repeat: no-repeat;} #paging a.btn.first {background-image: url("/common/img/icon/bbs_paging_first.jpg");} #paging a.btn.prev {background-image: url("/common/img/icon/bbs_paging_prev.jpg");} #paging a.btn.next {background-image: url("/common/img/icon/bbs_paging_next.jpg");} #paging a.btn.last {background-image: url("/common/img/icon/bbs_paging_last.jpg");} @media screen and (max-width: 980px) { #paging {margin: 30px 0 60px 0} #paging a {width: 25px; height: 25px; line-height: 25px; margin: 0 2px; font-size: 14px;} #paging a.btn {background-size: 45%;} } @media screen and (max-width: 768px) { #paging a {font-size: 13px;} } #search_ver2 {width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px;} #search_ver2 #resutl_shop_num {margin-bottom: 0; padding-top: 25px; background-position: top 27px left;} #search_ver2 #search {width: 360px; position: relative;} #search_ver2 #search input[type="text"] {width: 100%; height: 60px; background: #f5f5f5; border-radius: 5px; border: 0; font-size: 16px; padding: 0 10px; box-sizing: border-box; padding-right: 70px;} #search_ver2 #search button {position: absolute; top: 0; right: 0; width: 60px; height: 60px; background:url("/common/img/icon/search.png") no-repeat center; background-size: 25px; text-indent: -99999px;} #resutl_shop_num {font-size: 17px; color: #6b7786; margin-bottom: 15px;} #resutl_shop_num strong {color: #8f0000;} .promo_wrap {display: flex; flex-wrap: wrap;} .promo_wrap .promoBox {position: relative; text-align: center; border: 1px solid #d3d3d3; box-sizing: border-box; overflow: hidden; width: 32%; margin-left: 2%; margin-bottom: 40px; } .promo_wrap .promoBox:first-of-type, .promo_wrap .promoBox:nth-of-type(3n+1) {margin-left: 0;} .promo_wrap .promoBox .thumb {width: 100%; height: 280px; overflow: hidden; position: relative;} .promo_wrap .promoBox .thumb img {position: relative; top: 0; left: 0; object-fit: cover; width: 100%; height: 100%; transition: .3s;} .promo_wrap .promoBox:hover .thumb img {transform: scale(1.1,1.1);} .promo_wrap .promoBox .promotion-txt {width: 100%; padding: 40px 40px;} .promo_wrap .promoBox .promotion-txt span { display: inline-block; text-align: center; position: relative; padding: 2px 7px; font-size: 14px; color: #fff; } .i-type01 { background-color: #000; } .i-type02 { background-color: #e41c00; } .promo_wrap .promoBox .promotion-txt strong { display: block; font-size: 30px; margin: 12px 0; color: #000; font-weight: 600; } .promo_wrap .promoBox .promotion-txt p { display: block; font-size: 16px; margin: 12px 0; color: #3f3f3f; font-weight: 300; } .promo_wrap .promoBox .promotion-txt a { margin-top: 50px; } #sub03_03-sec01 {padding: 130px 0; background: url(/images/sub/prd_sect5_img3.jpg) no-repeat center; background-size: cover; background-attachment: fixed;} #sub03_03-sec02 {margin-bottom: 0} #real_story {padding-top: 130px; margin-bottom: 0; background-color:#f1f2f4; position: relative;} #real_story .section_title p {font-weight: 600; color: #8f0100;} #real_story::before {position: absolute; left: 0; top: -180px; width: 1903px; height: 230px; background: url(/images/sub/realstory_deco.png) no-repeat center; content: '';} #real_story .realstory_slider {} #real_story .realstory_slider .swiper-slide {text-align: center; overflow: hidden; background: #f1f2f4;} #real_story .realstory_slider .swiper-slide img {max-width:none;} #real_story .realstory_slider .realstory_slider-btn {position: absolute; top: 50%; margin-top: 170px; left: 50%; width: 60px; height: 60px; z-index: 1; text-indent: -99999999px; cursor: pointer; overflow: hidden;} #real_story .realstory_slider .realstory_slider-btn::before {position: absolute; top: 0; left: 0; width: 60px; height: 60px; display: block; background: #000; border-radius: 100%; content: ''; background-repeat: no-repeat; background-position: center; background-size: 40%;} #real_story .realstory_slider .realstory_slider-btn#realstory_slider-next {margin-left: 375px;} #real_story .realstory_slider .realstory_slider-btn#realstory_slider-prev {margin-left: -435px;} #real_story .realstory_slider .realstory_slider-btn#realstory_slider-next::before {background-image: url(/images/next.png);} #real_story .realstory_slider .realstory_slider-btn#realstory_slider-prev::before {background-image: url(/images/prev.png);} .notice_line {text-align: center; font-size: 16px; padding: 20px 0; width: 100%; margin-top: -25px; position: relative;z-index: 1;} .notice_line.back_red {color: #fff; background: #8f0100;} #why_boston {background: #f4f5fa; padding: 130px 0 100px 0; position: relative; } #why_boston .section_title h3 {text-align: center;} #why_boston .why_boston_slider {margin-top: 30px; position:relative} #why_boston .why_boston_slider::after {position: absolute; bottom: -110px; left: 0; width: 734px; height: 360px; background: url(/images/sub/new-sub02_01-6.png) no-repeat center; content: ''; z-index: 3;} #why_boston .why_boston_slider .swiper-slide {text-align: center; overflow: hidden; background: #f4f5fa;} #why_boston .why_boston_slider .swiper-slide img {max-width:none;} #why_boston .why_boston_slider .why_boston_slider-btn {position: absolute; top: 50%; margin-top: 50px; left: 50%; width: 60px; height: 60px; background: #000; background-color: #000; background-position: center; background-size: 40%; border-radius: 100%; background-repeat: no-repeat; z-index: 1; text-indent: -99999999px; cursor: pointer;} #why_boston .why_boston_slider .why_boston_slider-btn#why_boston_slider-next {background-image: url(/images/next.png); margin-left: 650px;} #why_boston .why_boston_slider .why_boston_slider-btn#why_boston_slider-prev {background-image: url(/images/prev.png); margin-left: -710px;} /*기본 게시판*/ #bbs_wrapper {width: 100%;} .bbs_list {width: 100%; border-top: 1px solid #ddd;} .bbs_list .bbsBox {width: 100%; display: table; border-bottom: 1px solid #ddd; table-layout: fixed;} .bbs_list .bbsBox div {display: table-cell; padding: 40px 0; font-size: 16px; color: #747474; text-align: center; vertical-align: middle;} .bbs_list .bbsBox .num {width: 10%} .bbs_list .bbsBox .category {font-weight: 600; color: #8f0000; width: 10%; font-size: 19px;} .bbs_list .bbsBox .title {text-align: left; width: 65%; box-sizing: border-box; padding-left: 30px; font-size: 19px;} .bbs_list .bbsBox .title a {color: #212529; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;} .bbs_list .bbsBox .title a:hover {color: #8f0000;} .bbs_list .bbsBox .date {width: 15%} .bbs_list .bbsBox.notice {} .bbs_list .bbsBox.notice .num {font-weight: 600; color: #8f0000;} .bbs_list .bbsBox.notice .title {font-weight: 600;} .bbs_list.has_writer {} .bbs_list.has_writer .bbsBox .title {width:50%} .bbs_list.has_writer .bbsBox .name {width: 15%} .bbs_list.has_writer .bbsBox .date {width: 15%} .bbs_list.qna .bbsBox .title {width:65%} .bbs_list.qna .bbsBox .name {width: 10%} .bbs_list.qna .bbsBox.reply {background: #fafafa;} .bbs_list.qna .bbsBox.reply .num img {width: 25px} .bbs_list.qna .bbsBox.reply .title {font-weight: 600} .bbs_list.has_doctor {} .bbs_list.has_doctor .bbsBox .num {width:7%} .bbs_list.has_doctor .bbsBox .title {width:50%} .bbs_list.has_doctor .bbsBox .name {width: 10%} .bbs_list.has_doctor .bbsBox .date {width: 10%} .bbs_list.has_doctor .bbsBox .doctor {width: 10%} @media screen and (max-width: 980px) { .bbs_list .bbsBox {display: block; position: relative; box-sizing: border-box; padding-left: 70px; padding-top: 20px; padding-bottom: 20px; overflow: hidden;} .bbs_list .bbsBox div { padding: 0;} .bbs_list .bbsBox .num {position: absolute; top: 50%; margin-top: -12px; left: 0; width: 70px; display: block;} .bbs_list .bbsBox .title {padding-left: 0; width: 100%; font-size: 16px;} .bbs_list .bbsBox .category {width: auto; text-align: left; font-size: 16px; padding-right: 10px; font-weight: 500;} .bbs_list .bbsBox .date {width: auto; text-align:left; display: block;} .bbs_list.has_writer .bbsBox .title {width: auto;} .bbs_list.has_writer .bbsBox .name {width: auto; display: block; float: left; font-size: 14px; padding-right: 10px;} .bbs_list.has_writer .bbsBox .date {width: auto; float: left; font-size: 14px;} .bbs_list.qna .bbsBox.reply .num img {width: 17px;} } @media screen and (max-width: 768px) { .bbs_list .bbsBox {padding-left: 55px; padding-top: 10px; padding-bottom: 10px;} .bbs_list .bbsBox div {display: block;} .bbs_list .bbsBox .num {font-size: 15px; width: 55px;} .bbs_list .bbsBox .title {font-size: 14px;} .bbs_list .bbsBox .category {font-size: 13px;} .bbs_list .bbsBox .date {font-size: 13px;} .bbs_list .bbsBox .name {font-size: 13px;} } /*갤러리형게시판*/ .gallery_list_wrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; border-top: 2px solid #000; padding: 60px 0 40px 0; border-bottom: 1px solid #ddd;} .gallery_list_wrap .gallery_box {width: 48%; margin-bottom: 2em; } .gallery_list_wrap .gallery_box .pics {width: 100%; height: 300px; border-radius: 10px; overflow: hidden; position: relative; transition: .3s;} .gallery_list_wrap .gallery_box .pics img {width: 100%; height: 100%; object-fit: cover;} .gallery_list_wrap .gallery_box .info {width: 100%; padding: 25px 0;} .gallery_list_wrap .gallery_box .info p {} .gallery_list_wrap .gallery_box .info p.title {font-size: 21px !important; font-weight: 600; color: #212529 !important; transition: .3s;} .gallery_list_wrap .gallery_box .info p.date {font-size: 15px !important; color: #747474; margin-top: 10px;} .gallery_list_wrap .gallery_box .info p.date span {color: #212529; font-weight: 500; padding-right: 15px;} .gallery_list_wrap .gallery_box:hover .pics {box-shadow: 0 0 10px rgba(0,0,0,0.5);} .gallery_list_wrap .gallery_box:hover .info p.title {color: #8f0000 !important;} @media screen and (max-width: 980px) { .gallery_list_wrap .gallery_box {width: 49%;} .gallery_list_wrap .gallery_box .pics {height: 240px;} .gallery_list_wrap .gallery_box .info {padding: 20px 0} .gallery_list_wrap .gallery_box .info p.title {font-size: 17px !important; } .gallery_list_wrap .gallery_box .info p.date {margin-top: 2px;} } @media screen and (max-width: 768px) { .gallery_list_wrap .gallery_box {width: 100%; margin-left: 0} .gallery_list_wrap .gallery_box .pics {min-height: 200px; max-height: 230px; height: auto;} .gallery_list_wrap .gallery_box .info {padding: 15px 0} .gallery_list_wrap .gallery_box .info p.date {font-size: 14px !important;} } /*페이징*/ #paging {width: 100%; display: flex; justify-content: center; margin-top: 50px; flex-wrap: wrap;} #paging a {display:block; width: 35px; height: 35px; border-radius: 100%; text-align: center; line-height: 35px; font-size: 15px; color: #212529; margin: 0 5px;} #paging a.on {background: #8f0000; color: #fff;} #paging a.btn {text-indent: -99999px; border: 1px solid #ddd; background-position: center; background-repeat: no-repeat;} #paging a.btn.first {background-image: url("/images/bbs_paging_first.jpg");} #paging a.btn.prev {background-image: url("/images/bbs_paging_prev.jpg");} #paging a.btn.next {background-image: url("/images/bbs_paging_next.jpg");} #paging a.btn.last {background-image: url("/images/bbs_paging_last.jpg");} @media screen and (max-width: 980px) { #paging {margin: 30px 0 60px 0} #paging a {width: 25px; height: 25px; line-height: 25px; margin: 0 2px; font-size: 14px;} #paging a.btn {background-size: 45%;} } @media screen and (max-width: 768px) { #paging a {font-size: 13px;} } #search_ver2 {width: 100%; display: flex; justify-content: space-between; margin-bottom: 25px;} #search_ver2 #resutl_shop_num {margin-bottom: 0; padding-top: 25px; background-position: top 27px left;} #search_ver2 #search {width: 360px; position: relative;} #search_ver2 #search input[type="text"] {width: 100%; height: 60px; background: #f5f5f5; border-radius: 5px; border: 0; font-size: 16px; padding: 0 10px; box-sizing: border-box; padding-right: 70px;} #search_ver2 #search button {position: absolute; top: 0; right: 0; width: 60px; height: 60px; background:url("/images/search.png") no-repeat center; background-size: 25px; text-indent: -99999px;} #resutl_shop_num {font-size: 17px; color: #6b7786; margin-bottom: 15px;} #resutl_shop_num strong {color: #8f0000;} /*온라인상담*/ .modify_wrapper {width:100%; overflow: hidden; max-width: 1200px; margin: 0 auto; margin-bottom: 30px;} .modify_wrapper>p {font-size: 14px; padding-top: 20px;} .modify_wrapper p.modify_list_title {font-size: 17px!important; font-weight: 700; color:#212121; margin-bottom: 14px;} .modify_wrapper ul.modify_list {width:100%; overflow: hidden; font-size: 17px; border:1px solid #e0e0e0; box-sizing:border-box;} .modify_wrapper ul.modify_list li {position:relative; box-sizing: border-box; overflow: hidden;} .modify_wrapper ul.modify_list>li {padding-left: 205px; border-bottom: 1px solid #e0e0e0;} .modify_wrapper ul.modify_list li ul {box-sizing: border-box; width: 100%;} .modify_wrapper ul.modify_list li ul li {border-bottom: 1px solid #f1f1f1;} .modify_wrapper ul.modify_list li:last-of-type {border-bottom: 0} .modify_wrapper ul.modify_list li.fixed-box {background:#fafafa; height:70px; padding: 0 35px !important;} .modify_wrapper ul.modify_list li.fixed-box p {color:#212121; font-size: 15px; line-height: 70px;} .modify_wrapper ul.modify_list li.fixed-box p span {color:#999; font-size: 12px; padding-left: 10px;} .modify_wrapper ul.modify_list li.fixed-box p strong {font-size:16px; color:#212121;} .modify_wrapper ul.modify_list li.fixed-box.ver2 input[type='text'] {background: #fafafa; width: 100%; padding: 0} .modify_wrapper ul.modify_list li .list_title {width:235px; box-sizing: border-box; padding: 0 35px; position: absolute; top: 50%; margin-top: -10px; left: 0;} .modify_wrapper ul.modify_list li .list_title span {color:#8f0000; font-weight: 600; padding-right: 5px;} .modify_wrapper ul.modify_list li input[type='text'], .modify_wrapper ul.modify_list li input[type='file'] {width:100%; height:70px; border:0; font-size: 17px; box-sizing:border-box; padding: 0 15px; font-weight: 500} .modify_wrapper ul.modify_list li input[type='file'] {padding: 25px 15px} .modify_wrapper ul.modify_list li input[type='password'] {width: 100%; height:70px; border:0; font-size: 15px; box-sizing:border-box; padding: 0 15px;} .modify_wrapper ul.modify_list li select {height:70px; border: 0; width: 98%; font-size: 17px; color: #555} .modify_wrapper ul.modify_list button {width:135px; height: 45px; border-radius: 5px; border: 0; font-size: 14px; position: absolute; top: 12px; right: 15px; background: #b0b8c0; color: #fff;} .modify_wrapper ul.modify_list textarea {width: 100%; height: 300px; border:0; font-size: 17px; padding:30px 35px;} .modify_wrapper ul.modify_list li .check_my {position:absolute; /*right: 25px;*/ top: 23px;} .modify_wrapper ul.modify_list li .num {width: 198px !important; border-left:1px solid #f1f1f1 !important} .modify_wrapper ul.modify_list li .mail {width: 190px !important; float: left;} .modify_wrapper ul.modify_list li .at {float: left; line-height: 60px; padding: 0 10px;} .modify_wrapper ul.modify_list li .service {width: 190px !important;} .modify_wrapper ul.modify_list li .mail:first-of-type, .modify_wrapper ul.modify_list li select.mail {border-left:1px solid #f1f1f1 !important;} .modify_wrapper ul.modify_list li .addr { border-left:1px solid #f1f1f1 !important; padding-right: 165px;} .modify_wrapper ul.modify_list li .addr2 { border-left:1px solid #f1f1f1 !important;} .modify_wrapper ul.modify_list>li.fill {padding-left: 0} .modify_wrapper ul.modify_list li em {float: left; width: 3%; font-size: 12px; line-height: 70px; height: 70px; text-align: center;/*display: none;*/} .modify_wrapper ul.modify_list li .type_list {width: 100%; padding: 25px 0; overflow: hidden;} .modify_wrapper ul.modify_list li .type_list .single {float: left; margin-right: 25px;} button.submit {width: 235px; height: 60px; box-sizing: border-box; border: 0; background: #333; font-size: 17px; color: #fff; margin: 50px auto 0 auto; display: block; border-radius: 5px; margin-bottom: 90px;} button.submit:hover {background: #8f0000} @media screen and (max-width: 980px) { .modify_wrapper ul.modify_list {font-size: 14px;} .modify_wrapper ul.modify_list>li {padding-left: 95px;} .modify_wrapper ul.modify_list li input[type='text'], .modify_wrapper ul.modify_list li input[type='file'] {height: 50px; font-size: 14px;} .modify_wrapper ul.modify_list li select {font-size: 14px; height: 50px;} .modify_wrapper ul.modify_list li .list_title {padding: 0 20px;} .modify_wrapper ul.modify_list li.fixed-box {height: 50px; padding: 0 20px !important;} .modify_wrapper ul.modify_list textarea {font-size: 14px; padding: 20px;} .modify_wrapper ul.modify_list li.fixed-box p {line-height: 50px;} .modify_wrapper ul.modify_list li .check_my {top: 13px; font-size: 14px;} .modify_wrapper ul.modify_list li .check_my .single input[type=checkbox] + label {font-size: 14px;} button.submit {height: 55px; width: 200px;} } @media screen and (max-width: 768px) { } /*== 싱글 체크박스 ==*/ .single input[type=checkbox] {display:none;} .single input[type=checkbox] + label {position:relative; display:inline-block; cursor:pointer; padding-left:30px; font-size:15px; line-height: 20px; color: #333;} .single input[type=checkbox] + label:before {position:absolute; left:0; top:0; display:inline-block; width:20px; height:20px; overflow: hidden; background-position: center; background-repeat: no-repeat; content: ''; background-size: 60%; background-image: url("/images/checked.png"); background-color: #efefef} .single input[type=checkbox]:checked + label:before {background-color:#fea500;} .review_list {width: 100%; display: flex; flex-wrap: wrap;} .reviewBox {width: 32%; margin-left: 2%; float: left; margin-bottom: 2%; border: 1px solid #ededed; box-sizing: border-box;} .reviewBox:first-of-type, .reviewBox:nth-of-type(3n+1) {margin-left: 0} .reviewBox .thumb {width: 100%; height: 250px; overflow: hidden;} .reviewBox .text{width: 100%; height: 60px; background: #fafafa; color: #333; font-size: 17px; box-sizing: border-box; padding:0 25px; line-height: 60px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*에코시스템*/ #eco_system {background: #333; padding: 70px 0; text-align: center; margin: 0} #eco_system .sub_title {margin-bottom: 50px;} #eco_system .sub_title h3 {color: #fff;} #eco_system video {max-width: 1200px; margin: 0 auto;} /*고난이도임플란트 전후*/ #highLevel_implant {background: #333; padding: 70px 0; text-align: center; margin: 0; position: relative;} #highLevel_implant .sub_title {margin-bottom: 50px;} #highLevel_implant .sub_title h3 {color: #fff;} #highLevel_implant .sub_title p {font-size: 18px; color: #fff; line-height: 1.6; opacity: 0.7; margin: 20px 0} #highLevel_implant ul.tabs {display: flex; flex-wrap:wrap; justify-content: center; margin: 20px 0;} #highLevel_implant ul.tabs li {color: #fff; font-size: 19px; margin: 0 40px; cursor: pointer; opacity: 0.3;} #highLevel_implant ul.tabs li.active {opacity: 1} #highLevel_implant .highLevel_implant_slider {width: 100%; max-width: 1260px; margin: 0 auto; overflow: hidden;} #highLevel_implant .highLevel_implant_slider-btn {position: absolute; top: 50%; margin-top: 90px; left: 50%; width: 60px; height: 60px; z-index: 1; text-indent: -99999999px; cursor: pointer; overflow: hidden;} #highLevel_implant .highLevel_implant_slider-btn::before {position: absolute; top: 0; left: 0; width: 60px; height: 60px; display: block; background: #000; border-radius: 100%; content: ''; background-repeat: no-repeat; background-position: center; background-size: 40%;} #highLevel_implant .highLevel_implant_slider-btn#highLevel_implant_slider-next {margin-left: 650px;} #highLevel_implant .highLevel_implant_slider-btn#highLevel_implant_slider-prev {margin-left: -710px;} #highLevel_implant .highLevel_implant_slider-btn#highLevel_implant_slider-next::before {background-image: url(/images/next.png);} #highLevel_implant .highLevel_implant_slider-btn#highLevel_implant_slider-prev::before {background-image: url(/images/prev.png);}