@charset "utf-8";

/****************************************/
/* Name: DESIGN WAVE
/* PART: CONTENTS STYLE
/* Version: 1.0
/* Author: Kim Bo Reum
/****************************************/

*:lang(ch) {font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif"}

/*=============================================================
                        영상인트로페이지
=============================================================*/
#intro_wrap {position: relative; width: 100%; height: 100vh; overflow: hidden; }
#intro_wrap h1 {position:absolute; top: 50px; left: 50%; transform: translate(-50%,0); width: 270px; z-index: 999}
#intro_wrap h1 img {width: 100%;}
#intro_wrap .video { width: 100%; height: 100vh; position: absolute; top: 0; left: 50%; transform: translate(-50%,0);}
#intro_wrap a {position: absolute; bottom: 50px; left: 50%; margin-left: -30px; text-align: center; color: #fff; z-index: 999; font-size: 18px; font-weight: 600;}
#intro_wrap a span {width: 120px; height: 120px; border-radius: 100%; border:2px solid #fff; display: block; line-height: 120px; margin-bottom: 10px; transition: 0.3s;}
#intro_wrap a span:hover {background: rgba(255,255,255,0.5);}

.video-container {position:relative; padding-bottom:56.25%; height:0; overflow:hidden;}
.video-container iframe,.video-container object,.video-container embed , .video-container video {position:absolute; top:0; left:0; width:100%; height:100%;}


@media screen and (max-width:980px){
    #intro_wrap h1 {top: 20px; width: 150px;}
    #intro_wrap a {bottom: 20px;}
    #intro_wrap .video {width: 300%}
}




/*=============================================================
                           컨텐츠 공통
=============================================================*/
@font-face {
    font-family: 'Eulyoo1945-SemiBold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2102-01@1.0/Eulyoo1945-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.show-680 {display: none;}

.alert_text {font-size: 14px; font-family: 'Noto Sans KR'; opacity: 0.5;}

#mainContents_container {overflow: hidden;}
#mainContents_container .contents {position: relative; width: 1100px; margin: 0 auto;}

.contents_layout_section {position: relative; padding: 70px 0;}
.contents_layout_section.first {padding-top: 0}
.contents_layout_section.sub {padding-top: 0}
.contents_layout_section.gray {background: rgba(127,178,219,0.5);}
.contents_layout_section.deep {background: #7a7d96;}
.contents_layout_section.gray2 {background: #f7f8f9;}

.inner_section {width: 100%; margin-top: 50px;}
.inner_section:first-of-type {margin-top: 0}
.section_title {margin-bottom: 60px;}
.section_title h2 {color: #363c5a; font-weight: 600; text-align: center; letter-spacing: -1px;}
.section_title h2 span {color: #0054a6; font-weight: 400}
.section_title p {font-size: 18px; color: #8f8f8f; text-align: center; margin-top: 10px;}

.inner_title {margin-bottom: 40px;}
.inner_title h4 {position: relative; text-align: center; color: #363c5a; font-weight: 800; line-height: 1.3;}
.inner_title h6 {color: #363c5a; font-weight: 800; position: relative; padding-left: 25px;}
.inner_title h6::before {position: absolute; top: 0; left: 0; width: 20px; height: 20px; border-radius: 100%; border: 5px solid #78cced; content: ''; box-sizing: border-box;}
.inner_title p {font-size: 18px; color: #636363; text-align: center; margin-top: 10px; line-height: 1.67;}
.inner_title p:first-of-type {margin-top: 20px;}
.inner_title p.h6_desc {margin-top: 10px !important}
.inner_title.subject {margin-bottom: 15px;}
.inner_title.subject p {text-align: left; margin-top: 10px !important}
.inner_title.txt-left h4 {text-align: left;}
.inner_title.txt-left h4 span {position: relative;}
.inner_title.txt-left h4 span::after {display: block; position: absolute; top: 50%; margin-top: -1px; right: -50px; width: 40px; height: 2px; background: #78cced; content: '';}
.inner_title.bg_white h6 {color: #363c5a !important}

.gray .contents>.inner_title h4, .gray .inner_title h6, .gray .contents>.inner_title p, .inner_title.gray p, .gray .contents .tab_contents .inner_title h4, .gray .contents .tab_contents .inner_title p {color: #fff;}
.deep .contents>.inner_title h4, .deep .inner_title h6, .deep .contents>.inner_title p {color: #fff;}

.deep .contents .check_list_wrap .inner_title h4, .deep .check_list_wrap .inner_title  h6, .deep .contents .check_list_wrap .inner_title p {color: #363c5a;}


.tab_contents>.inner_title {margin-top: 80px;}


.main_desc {width: 100%; font-size: 19px; text-align: center; padding: 30px; box-sizing: border-box; line-height: 1.8; margin: 30px 0; background: #363c5a; color: #fff;}
.deep .main_desc, .gray .main_desc {border:1px solid #fff; color: #78cced; }


#main_contents {min-height: 500px;}
#subPage_title { margin: 90px 0 50px 0;}
#subPage_title h2 {font-weight: 800; color: #363c5a; text-align: center;}

.wide_img {width: 100%; position: relative; overflow: hidden;}
.wide_img img {left: 50%; position: relative; margin-left: -951px;}


@media screen and (max-width:980px){
    .main_desc {font-size: 19px; line-height: 1.5;}
}

@media screen and (max-width:768px){
    .main_desc {font-size: 16px; padding: 20px}
    .main_desc br {display: none;}
    
    .hide-768 {display: none;}
    
    .alert_text {font-size: 12px;}
}

@media screen and (max-width:680px){
    .show-680 {display: block;}
}


/*탭메뉴*/
ul.tabs {width: 100%; text-align: center; font-size: 0; overflow: hidden; margin-bottom: 40px; display: flex; flex-wrap: wrap; justify-content:flex-start}
ul.tabs li {display: inline-block; font-size: 17px; color: #363c5a; background: #f4f5f9; border: 1px solid #dedede; box-sizing: border-box; width: 19%; text-align: center; padding: 20px 0; cursor: pointer; margin-right: 0.5%; margin-bottom: 0.5%; border-radius: 5px;}
ul.tabs li a {color: #363c5a;}
ul.tabs li:first-of-type {margin-left: 0}
ul.tabs li.active {background: #84bae5 !important; border-color:#84bae5; color: #fff;}
ul.tabs li.active a {color: #fff;}

ul.tabs.leng2 li {width: 49%; background: #f4f5f9;}
ul.tabs.leng3 li {width: 32.5%; background: #f4f5f9;}
ul.tabs.leng4 li {width: 24%; background: #f4f5f9;}
ul.tabs.leng6 li {width: 16%; background: #f4f5f9;}

.gray ul.tabs li {border: 0;}
.gray ul.tabs li.active {background: #363c5a !important;}

/*3차메뉴*/
ul.dep3_snb {width: 100%; text-align: center; font-size: 0; overflow: hidden; margin-bottom: 80px; display: flex; flex-wrap: wrap; justify-content: space-between}
ul.dep3_snb li {display: inline-block; font-size: 17px; background: #f4f5f9; border: 1px solid #dedede; box-sizing: border-box; width: 49%; text-align: center; cursor: pointer;}
ul.dep3_snb li a {color: #363c5a; padding: 20px 0; display: block;}
ul.dep3_snb li:first-of-type {margin-left: 0}
ul.dep3_snb li.on {background: #84bae5 !important; border-color:#84bae5;}
ul.dep3_snb li.on a {color: #fff;}
ul.dep3_snb.leng3 li {width: 31.5%}
ul.dep3_snb.leng4 li {width: 24%}

/*4차메뉴*/
ul.dep4_snb {width: 100%; display: flex; flex-wrap: wrap; justify-content:center; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
ul.dep4_snb li {position: relative; font-size: 17px; text-align: center; padding: 0 35px;}
ul.dep4_snb li a {position: relative; color: #555;}
ul.dep4_snb li.on {font-weight: 800}
ul.dep4_snb li.on a {color: #363c5a;}
ul.dep4_snb li a::after {content: ''; width: 10px; height: 10px; background:#84bae5; position: absolute; right: -13px; top: 50%; margin-top: -14px; border-radius: 100px; display: none;}
ul.dep4_snb li.on a::after {display: block; }


.section_visual_pic {position: relative;}
.section_visual_pic img {width: 100%; }
.section_visual_pic.bor {border: 10px solid #ddd; box-sizing: border-box;}
.section_visual_pic.ma {margin: 30px 0}
.section_visual_pic.half {display: flex; flex-wrap: wrap; justify-content: space-between;}
.section_visual_pic.half .pics {position: relative; width: 49%; overflow: hidden; box-sizing: border-box;}
.section_visual_pic.half .pics.bor {border: 10px solid #ddd;}
.section_visual_pic.half .pics img {width: 100%;}

.section_visual_pic.half.auto p {text-align: center; font-size: 16px; color: #fff; background: #333; padding: 10px;}
.section_visual_pic.half.auto {height: auto;}
.section_visual_pic.half.auto img {position: relative; height: auto;}


@media screen and (min-width:1200px) {
    .section_visual_pic {height: 350px; overflow: hidden;}
    .section_visual_pic.height-500 {height: 500px;}
    .section_visual_pic.height-220 {height: 220px;}
    .section_visual_pic img {height: 100%; top: 0; left: 0; position: absolute; object-fit: cover;}
}

@media screen and (max-width:1200px) {
    #mainContents_container .contents  {width: 100%; box-sizing: border-box; padding: 0 20px;}
    
}

@media screen and (max-width:980px) {  
    .section_visual_pic.bor {border-width: 5px}
    
    .section_visual_pic.half {display: block;}
    .section_visual_pic.half .pics {width: 100%; height: auto; margin: 20px 0}
    .section_visual_pic.half .pics.bor {border-width: 7px;}
    
    .section_visual_pic.half.auto p {font-size: 14px;}
    
    #subPage_title {margin: 60px 0 50px 0}
    .contents_layout_section {padding: 50px 0}
    
    .section_title {margin-bottom: 30px;}
    .section_title p {font-size: 16px;}
    
    .inner_title {margin-bottom: 30px;}
    .inner_title p {font-size: 16px; margin-top: 7px;}
    .inner_title p br {display: none;}
    .inner_title p:first-of-type {margin-top: 20px;}
    
    
    ul.tabs li {font-size: 16px; padding: 15px 0}

    ul.dep3_snb {margin-bottom: 60px;}
    ul.dep3_snb li {font-size: 16px;}
    ul.dep3_snb li a {padding: 15px 0}
    
    ul.dep4_snb li {font-size: 16px;}
}


@media screen and (max-width:768px) { 
    #subPage_title {margin: 50px 0 40px 0}
    .inner_title {margin-bottom: 20px;}
    .inner_title p {font-size: 14px;}
    .inner_title p:first-of-type {margin-top: 10px;}
    
    ul.tabs {margin-bottom: 30px;}
    ul.tabs li {font-size: 14px; padding: 12px 0}
    ul.tabs.leng6 li {width: 32.5%; margin-bottom: 1%;}
    ul.tabs.leng5 li {width: 49.5%}
    
    .tab_contents>.inner_title {margin-top: 50px;}
    
    ul.dep3_snb {margin-bottom: 50px;}
    ul.dep3_snb li {font-size: 15px;}
    ul.dep3_snb li a {padding: 13px 0}
    
    ul.dep4_snb li {font-size: 15px; padding: 0 25px;}
}


/*=============================================================
                        메인컨텐츠
=============================================================*/
/*메인비주얼*/
.main_visual_slider {position: relative; width: 100%; height: 620px; overflow: hidden;}
.main_visual_slider .swiper-slide {position: relative; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover;}
.main_visual_slider .swiper-slide.mv01 {background-image: url("/_img/contents/main_visual1.jpg");}
.main_visual_slider .swiper-slide.mv05 {background-image: url("/_img/contents/main_visual5.jpg?ver=230914");}
.main_visual_slider .swiper-slide.mv02 {background-image: url("/_img/contents/main_visual2.jpg");}
.main_visual_slider .swiper-slide.mv02-1 {background-image: url("/_img/contents/main_visual2-1.jpg");}
.main_visual_slider .swiper-slide.mv03 {background-image: url("/_img/contents/main_visual3.jpg");}
.main_visual_slider .swiper-slide.mv04 {background-image: url("/_img/contents/main_visual4.jpg");}
.main_visual_slider .swiper-slide.mv04::after {width: 819px; height: 568px; display: block; background: url(/_img/contents/deco_doctor.png) no-repeat center; background-size: 100%; content: ''; position: absolute; bottom: 0; right: 0; z-index: 1;}
.main_visual_slider .visual_text {text-align: center; vertical-align: middle; position: absolute; top: 0; left: 0; width: 100%; z-index: 1;}
.main_visual_slider .visual_text.vt_wrap {width: 100%; height: 100%; display: table;}
.main_visual_slider .visual_text.vt_wrap .vt_inner {width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.main_visual_slider .visual_text.vt_wrap .vt_inner img {padding-top: 100px; opacity: 0; transition: 0.7s;}
.main_visual_slider .visual_text.vt_wrap .vt_inner h2 {color: #fff; text-align: center; font-size: 65px; font-family: 'Eulyoo1945-SemiBold'}
.main_visual_slider .visual_text.vt_wrap .vt_inner p {text-align: center; color: #fff; font-size: 21px; padding-top: 30px;}
.main_visual_slider .visual_text.vt_wrap .vt_inner .btns {width: 1100px; display: flex; flex-wrap: wrap; justify-content: space-between;  margin: 90px auto 0 auto;}
.main_visual_slider .visual_text.vt_wrap .vt_inner .btns a {font-size: 18px; color: #fff; font-weight: 500; text-align: center; width: 32%; position: relative; padding:20px 0; box-sizing: border-box; border: 1px solid #fff; transition: 0.3s;}
.main_visual_slider .visual_text.vt_wrap .vt_inner .btns a:hover {background: #fff; color: #363c5a; font-weight: 500;}

.main_visual_slider .swiper-slide.swiper-slide-active .visual_text.vt_wrap .vt_inner img  {opacity: 1; padding-top: 0}


.res-img {display: none}

/*메인비주얼버튼*/
.main_visual_slider-btn {position: absolute; top: 50%; margin-top: -30px; left: 50%; background-position: center; background-repeat: no-repeat; text-indent: -9999px; background-size: 100%; z-index: 1
; background-image: url("/_img/resource/prev.png"); width: 55px; height: 55px; cursor: pointer;}
#main_visual_slider-next { margin-left: 620px; transform: rotate(180deg)}
#main_visual_slider-prev {margin-left: -700px;}


@media screen and (max-width:1200px) {
    
    .main_visual_slider .swiper-slide .visual_text.vt_wrap .vt_inner img {width: 80%;}
    .main_visual_slider-btn {left: auto; width: 50px; background-size: 100%;}
    #main_visual_slider-next {margin-left: 0; right: 20px;}
    #main_visual_slider-prev {margin-left: 0; left: 20px;}
}


@media screen and (max-width:1100px) {
    
    .main_visual_slider .visual_text.vt_wrap .vt_inner .btns {width: 100%; box-sizing: border-box; padding: 0 20px;}
    .main_visual_slider .visual_text.vt_wrap .vt_inner .btns a {font-size: 15px; padding: 15px 0;;}
}

@media screen and (max-width:980px) {
    .main_visual_slider {height: 100vh;}
    .main_visual_slider .visual_text.vt_wrap .vt_inner .btns {display: none;}
    .main_visual_slider .visual_text.vt_wrap .vt_inner h2 {font-size: 39px; line-height: 1.3;}
    .main_visual_slider .visual_text.vt_wrap .vt_inner p {font-size: 16px; padding-top: 50px; position: relative;}
    .main_visual_slider .visual_text.vt_wrap .vt_inner p::before {position: absolute; top: 0; left: 50%; width: 1px; height: 40px; background: #fff; opacity: 0.7; content: '';}
    .main_visual_slider-btn {display: none;}
    
    
}


@media screen and (max-width:780px){
    .ori-img {display: none}
    .res-img {display: block}
    .main_visual_slider .swiper-slide .visual_text.vt_wrap .vt_inner {box-sizing: border-box; padding: 0 20px;}
    .main_visual_slider .swiper-slide .visual_text.vt_wrap .vt_inner img {width: 100%;}
    .main_visual_slider .swiper-slide.mv01 {background-image: url("/_img/contents/res-main_visual1.jpg");}
    .main_visual_slider .swiper-slide.mv05 {background-image: url("/_img/contents/res-main_visual5.jpg?ver=230914");}
    .main_visual_slider .swiper-slide.mv02 {background-image: url("/_img/contents/res-main_visual2.jpg");}
    .main_visual_slider .swiper-slide.mv02-1 {background-image: url("/_img/contents/res-main_visual2-1.jpg");}
    .main_visual_slider .swiper-slide.mv02-1 .visual_text.vt_wrap .vt_inner img {margin-top: -120px;}
    .main_visual_slider .swiper-slide.mv03 {background-image: url("/_img/contents/res-main_visual3.jpg");}
    .main_visual_slider .swiper-slide.mv04 {background-image: url("/_img/contents/res-main_visual4.jpg");}
    .main_visual_slider .swiper-slide.mv04::after {width: 420px; height: 290px; right: -50px;}
}

/*메인컨텐츠*/ 
#main_section01 {background: #e7eaee;}
.banners_wrap {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.banners {width: 49%; height: 375px; overflow: hidden; box-sizing: border-box;}
.banners#cs_info {position: relative; overflow: initial; background: url("/_img/contents/bn_bg.jpg") no-repeat bottom right, #4864bd; padding:33px 30px;}
.banners#cs_info .banner_title {display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 10px; align-items: center;}
.banners#cs_info .banner_title h5 {color: #fff;}
.banners#cs_info .banner_title h5 span {font-size: 15px; margin-right: 10px;}
.banners#cs_info .banner_title h6 {color: #fff; background: url("/_img/resource/banner_ico.jpg") no-repeat top left; padding-left: 50px;margin-top: 10px;}
.banners#cs_info .banner_title h6 span {font-size: 13px; font-family: 'Noto Sans KR'; color:#94b4e0; display: block; padding-top: 3px;}
.banners#cs_info dl {width: 100%; position: relative; box-sizing: border-box; padding:8px 0 8px 120px; border-bottom: 1px solid rgba(255,255,255,0.3);}
.banners#cs_info dl dt, .banners#cs_info dl dd {font-size: 17px; color: #fff}
.banners#cs_info dl dt {font-weight: 600; position: absolute; top: 12px; left: 0; text-align: justify; text-align-last: justify; text-justify:inter-cluster; display: inline-block; width: 120px;}
.banners#cs_info dl dt::after {content: ''; display: inline-block; width: 100%; text-align-last: justify; text-justify:inter-cluster;}
.banners#cs_info dl dd {margin: 5px 0}
.banners#cs_info p {color: #fff; position: absolute; top: -10px; left: 50%; transform: translate(-50%,0); font-size: 21px;}
.banners#cs_info p span {padding:10px 20px; background: #ff3535; border-radius: 50px; font-weight: 800;}
.banners#map .root_daum_roughmap {width: 100% !important;}

@media screen and (max-width:1200px) {
    .banners#cs_info {padding: 30px}
    .banners#cs_info .banner_title {margin-bottom: 10px;}
    .banners#cs_info .banner_title h6 {margin-bottom: 10px; background-size: 30px; padding-left: 35px; padding-top: 5px; padding-bottom: 5px;}
    .banners#cs_info .banner_title h6 span {display: inline-block; padding-left: 10px;}
}

@media screen and (max-width:980px) {
    .banners {width: 100%;}
    .banners#cs_info {height: auto;}
    .banners#cs_info dl {}
    .banners#cs_info dl dt, .banners#cs_info dl dd {font-size: 15px;}
    .banners#cs_info {padding: 20px;}
    .banners#cs_info .banner_title h6 {background-size: 25px; padding-left: 30px;}
}

ul.clinic_list {display: flex; }
ul.clinic_list li {position: relative; width: 33.3%; max-height: 480px; overflow: hidden; box-sizing: border-box;transition: .3s;}
ul.clinic_list li a {display: block; width: 100%; height: 100%; box-sizing: border-box;}
ul.clinic_list li a img {width:100%; position: relative; top: 0; left: 0; height: 100%; object-fit: cover;}
ul.clinic_list li .text {position: absolute; top: 0; left: 0; width: 100%; padding: 60px 10px; box-sizing: border-box; z-index: 1;}
ul.clinic_list li .text h4 {color: #fff; font-weight: 700; text-align: center;}
ul.clinic_list li .text p {font-size: 17px; text-align: center; opacity: 0.6; padding-top: 15px; color: #fff;}


@media screen and (min-width:1200px) {
    ul.clinic_list li:hover {width: 40%;}
}
@media screen and (max-width:1200px) {
}

@media screen and (max-width:980px) {
    #main_section02 .contents {padding: 0;}
    ul.clinic_list {flex-wrap: wrap;}
    ul.clinic_list li {width: 100%; max-height: 260px}
    ul.clinic_list li .text {padding: 40px 20px;}
    ul.clinic_list li .text p  {font-size:15px;}
}



/*=============================================================
                        서브컨텐츠
=============================================================*/

/*서브비주얼*/
.sub_visual {position: relative; width: 100%; height: 350px; overflow: hidden; display: table; background-position: center; background-repeat: no-repeat; background-size: cover;}
.sub_visual #visual_text {width: 100%; height: 100%; display: table-cell; vertical-align: middle;}
.sub_visual #visual_text h2 {position: relative; font-size: 55px; text-align: center; color: #fff; margin: 10px 0 25px 0; padding-bottom: 20px; letter-spacing: 0; font-weight: 600;}
.sub_visual #visual_text h2::after {position: absolute; bottom: 0; left: 50%; margin-left: -25px; width: 50px; height: 2px; background: rgba(255,255,255,0.3); content: '';}
.sub_visual #visual_text p {font-size: 17px; color: #fff; text-align: center;}
.sub_visual #visual_text p span {font-size: 14px; font-weight: 500; font-family: 'Noto Sans Kr'; margin-bottom: 15px; display:inline-block; background: #363c5a; color: #fff; padding: 3px 10px}

.sub_visual#sub01 {background-image: url("/_img/contents/sub_visual1.jpg");}
.sub_visual#sub02 {background-image: url("/_img/contents/sub_visual2.jpg");}
.sub_visual#sub03 {background-image: url("/_img/contents/sub_visual3.jpg");}
.sub_visual#sub04 {background-image: url("/_img/contents/sub_visual4.jpg");}
.sub_visual#sub05 {background-image: url("/_img/contents/sub_visual5.jpg");}

@media screen and (max-width:980px) {
    .sub_visual {height: 70vw;}
    .sub_visual #visual_text {padding-top: 30px;}
    .sub_visual #visual_text h2 {font-size: 35px; margin-bottom: 10px;}
    .sub_visual #visual_text p span {font-size: 11px; margin-bottom: 7px;}
    .sub_visual #visual_text p {font-size: 15px;}
}


/*서브메뉴*/
.snb_list {width: 100%; margin-top: -36px}
.snb_list #home {width: 73px; height: 73px; background-color:#fff; position: absolute; top: 0; left: 0; z-index: 1;}
.snb_list #home a {display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat; background-image: url("/_img/resource/home"); border: 1px solid #dedede; text-align: center; text-indent: -999999999999px;}
.snb_list ul#snb {width: 100%; box-sizing: border-box; padding-left: 73px; text-align: center; font-size: 0; border: 1px solid #dedede; background: #fff}
.snb_list ul#snb li {display: inline-block; font-size: 17px; position: relative; height: 73px; box-sizing: border-box; padding: 27px 20px; font-weight: 500;}
.snb_list ul#snb li::after {position:absolute; top: 25px; left: 0; width:1px; height: 18px; background: #ededed; content: '';}
.snb_list ul#snb li:first-of-type::after {display: none;}
.snb_list ul#snb li a {position: relative; color: #636363;}
.snb_list ul#snb li a::after {content: ''; width: 10px; height: 10px; background:#84bae5; position: absolute; right: -13px; top: 50%; margin-top: -14px; border-radius: 100px; display: none;}
.snb_list ul#snb li a span {z-index: 1; position: relative;}
.snb_list ul#snb li.on {}
.snb_list ul#snb li.on a {font-weight: 600;}
.snb_list ul#snb li.on a::after {display: block;}


/*반응형 드롭다운메뉴*/
.snb_list #sub_locationDrop {position:relative; width:100%; height:50px; background:#fff; z-index:30; box-sizing:border-box; display: none;}
ul.dropdown-menu {width:100%; height:50px; background:#fff; box-sizing: border-box; border-bottom: 1px solid #dedede;}
ul.dropdown-menu li {position:relative; float:left; width:50%; height:100%; box-sizing:border-box; line-height:50px;}
ul.dropdown-menu li:first-of-type {border-right:1px solid #ddd;}
ul.dropdown-menu li span {position:relative; display:block; width:100%; height:100%; color:#636363; font-size:15px; box-sizing:border-box; padding:0 10px; cursor:pointer; font-weight: 500;}
ul.dropdown-menu li span::after {position:absolute; right:10px; top:50%; margin-top:-12px; width:24px; height:24px; background-image:url("/_img/resource/btn_unfold.png"); background-size:15px; background-repeat:no-repeat; background-position:center; content:''; }
ul.dropdown-menu li.on span::after {background-image:url("/_img/resource/btn_fold.png");}
ul.dropdown-menu li a {display:block; width:100%; height:100%; color:#636363; font-size:14px; font-weight: 500; box-sizing:border-box; padding:0 10px; text-decoration:none;}

ul.dropdown-menu li ul {display:none; position:absolute; left:0; top:100%; width:100%; background:#fafafa; border:1px solid #e0e0e0; box-sizing:border-box; padding:10px 0}
ul.dropdown-menu li ul li {float:none; width:100% !important; border-left:0; line-height:40px;}
ul.dropdown-menu li ul li a { color: #636363; }
ul.dropdown-menu li ul li ul { left: 100%; top: 0;}

@media screen and (max-width:980px) {
    .snb_list {margin-top: 0; box-sizing: border-box; padding-left: 50px;}
    .snb_list  .contents {padding: 0 !important;}
    .snb_list #home {height: 50px; width: 50px; left: -50px; box-sizing: border-box; line-height: 50px; background-color: #84bae5;}
    .snb_list #home a {background-image: url("/_img/resource/home-w.png"); background-size: 15px;  border: 0;}
    .snb_list ul#snb {display: none;}
    .snb_list #sub_locationDrop {display: block;}
    
}


/*층별안내*/
.interior-top, .interior-thumbs {width:100%; overflow: hidden;}
.interior-top .swiper-slide img, .interior-thumbs .swiper-slide img {width: 100%;}
.interior-top {margin-bottom: 20px;}
.interior-top .swiper-slide p {position:absolute; bottom: 0; left: 0; width: 100%; padding: 15px 10px; box-sizing: border-box; background: rgba(0,0,0,0.7); text-align: center; font-size: 17px; color: #fff;}
.interior-thumbs .swiper-slide {background: #000; cursor: pointer;}
.interior-thumbs .swiper-slide img {opacity: 0.3;}
.interior-thumbs .swiper-slide-thumb-active img {opacity: 1;}
.interior-slider_control {width:50px; height: 50px; border-radius: 100%; background-position:center; background-size:10px; background-repeat:no-repeat; position:absolute; top:50%; cursor:pointer; background-color:#fafafa; box-sizing: border-box; border: 1px solid #eee; z-index: 1;}
.interior-slider_control.interior-slider_control-next {right:-70px; background-image:url(/_img/resource/best_slider-next.png);}
.interior-slider_control.interior-slider_control-prev {left:-70px; background-image:url(/_img/resource/best_slider-prev.png);}

.floor_detail {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; background: #fafafa; padding: 20px 0; box-sizing: border-box; border: 1px solid #dedede; margin-bottom: 30px;}
.floor_detail h6 {font-weight: 600; color: #363c5a; position: relative;}
.floor_detail h6::after {width: 2px; height: 21px; background: #ddd; content: ''; display: inline-block; vertical-align: middle; margin: 0 10px;}
.floor_detail p {font-size: 17px; color: #363c5a;}

@media all and (max-width:980px){
    .floor_detail p {font-size: 15px;}
    .interior-top {margin-bottom: 10px;}
    .interior-top .swiper-slide p {font-size: 15px;}
    .interior-slider_control {width: 40px; height: 40px; margin-top: 40px; background-size: 20%}
    .interior-slider_control.interior-slider_control-next {right:5px;}
    .interior-slider_control.interior-slider_control-prev {left:5px;}

}



/*오시는길*/
#map_info_wrap {display: flex; flex-wrap: wrap; justify-content: space-between}
.real_maps .root_daum_roughmap {width: 100% !important;}
.contactBox {width: 100%; overflow: hidden; border: 1px solid #dedede; background: #fff; display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; padding:60px 0;}
.contactBox .icon {width: 20%; position: relative; text-align: center; font-size: 19px; color: #363c5a; box-sizing: border-box; font-weight: 700;}
.contactBox .icon::before {display: block; width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-size: 100%; content: ''; margin:0 auto 20px auto;}
.contactBox .icon.car::before {background-image: url("/_img/resource/icon_car.png");}
.contactBox .icon.bus::before {background-image: url("/_img/resource/icon_bus.png");}
.contactBox .icon.subway::before {background-image: url("/_img/resource/icon_subway.png");}

.contactBox .desc {width: 80%; box-sizing: border-box; padding-right: 60px;}
.contactBox .desc dl {width: 100%; overflow: hidden; margin: 30px 0;}
.contactBox .desc dl:first-of-type {margin-top: 0}
.contactBox .desc dl dt {font-size: 17px; font-weight: 700; color:#363c5a; display: block; margin-bottom: 5px;}
.contactBox .desc dl dd {font-size: 17px; color: #555; line-height: 1.6; }


@media all and (max-width:980px){
    .contactBox {position: relative;  padding:25px 15px;  width: 100%; overflow: hidden; border: 1px solid #dedede; box-sizing: border-box; background: #fff;}
    .contactBox .icon {font-size: 19px; color: #363c5a; font-weight: 700; box-sizing: border-box; width: 100%; text-align: left; padding-left: 45px; line-height: 40px;}
    .contactBox .icon::before {margin: 0; width: 40px; height: 40px; position: absolute; top: 0; left: 0; }
    .contactBox .icon img {width:40px; padding-right: 5px;}
    .contactBox .desc {float: left; box-sizing: border-box; padding-left: 0; width: 100%; padding-right: 0}
    .contactBox .desc dl {width: 100%; overflow: hidden; margin-top:20px;}
    .contactBox .desc dl:first-of-type {margin-top: 15px;}
    .contactBox .desc dl dt {font-size: 15px; font-weight: 700; color:#363c5a; display: block; margin-bottom: 5px;}
    .contactBox .desc dl dd {font-size: 15px; color: #555; line-height: 1.6; font-weight: 500;}

}

/*내과진료*/
.virus_list {display: flex; flex-wrap: wrap;}
.virus_list .virusBox {width: 49%; box-sizing: border-box; padding:40px 30px; margin-left: 2%; margin-bottom: 2%; border-radius: 10px; background: #363c5a;}
.virus_list .virusBox:first-of-type {margin-left: 0}
.virus_list .virusBox h6 {color: #fff; font-weight: 700; text-align: center; margin-bottom: 20px;}
.virus_list .virusBox h6 span {color: #78cced; padding-right: 5px;}
.virus_list .virusBox ul {width: 100%; border-radius: 5px; box-sizing: border-box; padding: 10px 20px; background: #fff;}
.virus_list .virusBox ul li {font-size: 15px; font-family: 'Noto Sans Kr'; color: #555; position: relative; box-sizing:border-box; padding-left: 70px; margin: 10px 0}
.virus_list .virusBox ul li span {font-weight: 700; color: #363c5a; position: absolute; top: 0; left: 0; padding-right: 20px;}
.virus_list .virusBox ul li span::after {position: absolute; top: 2px; right: 0; width: 1px; height: 15px; background: #ddd; content: '';}
/*.virus_list .virusBox:nth-of-type(odd) {background: #0e2760;}
.virus_list .virusBox:nth-of-type(even) {background: #363c5a;}*/

@media screen and (min-width:980px) {
    .virus_list .virusBox:nth-of-type(2n+1) {margin-left: 0}
    
}
@media screen and (max-width:980px) {
    .virus_list .virusBox {width: 49%; padding: 30px 20px;}
    .virus_list .virusBox:nth-of-type(2n+1) {margin-left: 0}
    .virus_list .virusBox ul {padding: 10px 20px;}
    .virus_list .virusBox ul li {font-size: 16px; padding-left: 55px;}
    .virus_list .virusBox ul li span {padding-right: 15px;}
    
    
}

@media screen and (max-width:768px) {
    .virus_list .virusBox {width: 100%; margin-left: 0}
    .virus_list .virusBox ul li {font-size: 14px; padding-left: 40px; }
    .virus_list .virusBox ul li span {padding-right: 8px;}
    
}


/* 반응형 테이블 안내창 */
.scroll-info {position:relative;width:100%;text-align:center;font-size:14px;margin-bottom:10px;padding:10px 0;}
.scroll-info span:before, .scroll-info span:after {content:"";display:inline-block;vertical-align:middle;width:23px;height:9px;background:url(/_img/resource/tbl_rsv_arr.png) no-repeat;margin-top:-2px}
.scroll-info span:before {background-position:0 0;margin-right:30px}
.scroll-info span:after {background-position:-32px 0;margin-left:30px}
.scroll-info br {display:none}
.gray .scroll-info span {color: #fff;}


@media all and (min-width:768px){
    .scroll-info {display: none;}
    .scroll-info * {vertical-align:middle}
	.scroll-info span {display:inline-block;height:20px;padding-top:15px;padding-bottom:15px}
}
@media all and (max-width:399px){
	.scroll-info {line-height:1.4}
	.scroll-info br {display:block}
    
    .scroll-info span:before, .scroll-info span:after {position:absolute;top:50%}
	.scroll-info span:before {left:10px}
	.scroll-info span:after {right:10px}
}

.table_wrap {width: 100%;}
table.comm_basic_table {width: 100%; table-layout: fixed; border-left: 1px solid #dedede; background: #fff; min-width: 768px; border-top: 1px solid #dedede;}
table.comm_basic_table tr {}
table.comm_basic_table tr th, table.comm_basic_table tr td { padding:15px 20px; box-sizing: border-box; text-align: center; font-size: 17px; border-bottom: 1px solid #dedede; border-right: 1px solid #dedede; color:#636363; line-height: 1.6; word-break: keep-all;}
table.comm_basic_table tr th {font-weight: 600}
table.comm_basic_table tr td {font-weight: 500;}
table.comm_basic_table tr td.align-top{vertical-align: top;}
table.comm_basic_table tr td ul {}
table.comm_basic_table tr td ul li {position: relative; text-align: left; margin: 10px 0; padding-left: 13px; box-sizing: border-box;}
table.comm_basic_table tr td ul li::after {position: absolute; top: 10px; left: 0; width: 7px; height: 2px; background: #ddd; content: '';}
table.comm_basic_table tr td ul li ul li {margin: 6px 0; font-size: 15px;}
table.comm_basic_table tr th img {width: 40px;}
table.comm_basic_table thead tr th { color: #636363; background: #f4f5f9 ; font-weight: 600;}
table.comm_basic_table tr td ul.leng2 {display: flex; flex-wrap: wrap;}
table.comm_basic_table tr td ul.leng2>li {width:50%; float: left;}
table.comm_basic_table .txt-left {text-align: left} 

table.comm_basic_table .basic {background: #9c0; color: #fff}
table.comm_basic_table .silver {background: #f60; color: #fff}
table.comm_basic_table .gold {background: #0099cc; color: #fff}

table.comm_basic_table.non-roof {}
table.comm_basic_table.non-roof tr th {background: #f4f5f9 ; color: #636363;}

table.comm_basic_table tr td.plus {position: relative; padding-top: 30px;}
table.comm_basic_table tr td.plus::before {position: absolute; top: -20px; left: 50%; margin-left: -20px; width: 40px; height: 40px; border-radius: 100%; background: #111; color: #fff; content: '+'; line-height: 40px; font-size: 25px;}


@media all and (max-width:768px){
    .table_wrap {overflow-x: scroll;}
    
    table.comm_basic_table tr th, table.comm_basic_table tr td {font-size: 14px; padding: 13px 15px}
}


.notice_text {margin-top: 15px; font-family: 'Noto Sans Kr';}
.notice_text p {font-size: 15px; color: #555;}
.notice_text p::before {background: url("/_img/resource/icon_notice-g.png") no-repeat left top; background-size: 20px; content: ''; }
.notice_text ul {position: relative; box-sizing: border-box; padding-left: 30px;}
.notice_text ul::before {background: url("/_img/resource/icon_notice.png") no-repeat left top; background-size: 100%; width: 20px; height: 20px; content: ''; display: block; position: absolute; top:0; left: 0; }
.notice_text ul li {position: relative; font-size: 15px; padding-left: 13px; margin-bottom: 5px;}
.notice_text ul li::before {position: absolute; top: 9px; left: 0; width: 7px; height: 2px; background: #ddd; content: '';}




@media all and (max-width:768px){
    .notice_text ul {padding-left: 20px;}
    .notice_text ul::before {width: 15px; top: 2px;}
    .notice_text ul li {font-size: 13px; padding-left: 11px;}
}

.check_list_wrap {width:100%; box-sizing: border-box; padding: 60px 50px; background: #fff; border-radius: 5px;}
.gray .check_list_wrap .inner_title h4 {color: #363c5a !important}
.gray .check_list_wrap .inner_title p {color: #636363 !important}
.check_list_wrap.gray { border: 10px solid #ddd;}
.check_list_wrap.nomal_box {padding: 50px; margin-top: 40px;}
.check_list_wrap.nomal_box p:first-of-type {margin-top: 0}

ul.check_list {}
ul.check_list>li {position: relative; box-sizing: border-box; padding-left: 73px; margin-top: 30px; width: 100%;}
ul.check_list>li:first-of-type {margin-top: 0}
ul.check_list>li>span {display: block; width: 40px; height: 40px; color: #fff; line-height: 40px; font-weight: 900; text-align: center; position: absolute; top: -10px; left: 0; background: #84bae5; font-size: 22px; border-radius: 100%;}
ul.check_list>li>span::after {position: absolute; top: 50%; left: 40px; width: 20px; height: 1px; background: #84bae5; content: '';}
ul.check_list>li p {font-size: 18px; color: #636363; margin-top: 10px; line-height: 1.67;}
ul.check_list>li h6 {font-weight: 800; color: #363c5a;}

ul.nomal_list {margin-top: 10px;}
ul.nomal_list li {position: relative; padding-left: 18px; font-size: 18px; line-height: 1.7; color: #636363; margin: 7px 0; box-sizing: border-box;}
ul.nomal_list li::after {position: absolute; top: 13px; left: 0; width: 8px; height: 2px; background: #aaa; content: '';}
ul.check_list.col2>li>span, ul.check_list.col2>li>span::after {background: #363c5a;}


@media all and (max-width:980px){
    .check_list_wrap {padding: 60px 40px}
    ul.check_list>li {padding-left: 80px;}
    ul.check_list>li p {font-size: 16px;}
    ul.check_list>li>span {width: 45px; height: 45px; line-height: 45px; font-size: 25px; top: -14px;}
    ul.check_list>li>span::after {left: 45px; width: 25px;}
    
    ul.check_list>li ul.nomal_list {margin-top: 10px;}
    ul.check_list>li ul.nomal_list li {font-size: 16px; padding-left: 13px;}
    ul.check_list>li ul.nomal_list li::after { top: 11px; width: 7px; height: 2px; }

    
}

@media all and (max-width:768px){
    .check_list_wrap {padding: 35px 20px}
    ul.check_list>li {padding-left: 31px; margin-top: 20px;}
    ul.check_list>li p {font-size: 14px; margin-top: 5px;}
    ul.check_list>li h6 {font-weight: 600; line-height: 1.4;}
    ul.check_list>li>span {width: 25px; height: 25px; line-height: 25px; font-size: 15px; top: -1px;}
    ul.check_list>li>span::after {left: 20px; width: 15px; display: none;}
    
    ul.check_list>li ul.nomal_list li {font-size: 14px;}
    
}




ul.circle_numList {margin-top: 15px; display: flex; flex-wrap: wrap;}
ul.circle_numList li {font-size: 17px; color: #636363; margin: 7px 0; float: left; position: relative; padding-left: 34px; box-sizing:border-box; width: 100%; line-height: 1.7;}
ul.circle_numList li span {position: absolute; top: 2px; left: 0; width: 25px; height: 25px; background: #f4f5f9; color: #636363; content: ''; font-size: 14px; font-weight: 600; text-align: center; line-height: 25px; border-radius: 100%}
ul.circle_numList li ul li {padding-left:18px;}
ul.circle_numList li ul li::after {position: absolute; top: 13px; left: 0; width: 10px; height: 2px; background: #ddd; content: '';}
ul.circle_numList.leng2 li {width:50%}
ul.circle_numList.leng3 li {width:33.3%}

ul.check_list.ver2 {border-top: 1px solid #ddd;}
ul.check_list.ver2 li {padding-left: 43px; font-size: 17px; color: #363c5a; margin:0; padding-bottom: 25px; padding-top: 25px; border-bottom: 1px solid #ddd; line-height: 1.4;}
ul.check_list.ver2 li span {width: 30px; height: 30px; font-size: 15px; line-height: 30px; top: 22px; border-radius: 0; background: #f4f5f9; color: #363c5a;}
ul.check_list.ver2 li span::after {display:none}
ul.check_list.ver2.col-b li span {background: #84bae5; color: #fff;}
ul.check_list.ver2.col-d li span {background: #363c5a; color: #fff;}

ul.check_list.leng2 {display: flex; flex-wrap: wrap;}
ul.check_list.leng2 li {width: 50%;}


@media all and (max-width:980px){
    ul.check_list.ver2 li {font-size: 16px;}
    
    ul.circle_numList li {font-size: 16px;}
}


@media all and (max-width:768px){
    ul.check_list.ver2 li {font-size: 14px; padding-top: 15px; padding-bottom: 15px; padding-left: 33px;}
    ul.check_list.ver2 li span {width: 25px;  height: 25px; line-height: 25px; font-size: 12px; top: 12px;}
    
    ul.circle_numList {margin-top: 10px; margin-left: -27px;}
    ul.circle_numList.ver3 {margin-left: 0 !important}
    ul.circle_numList li {font-size: 14px; padding-left: 30px;}
    ul.circle_numList.leng2 li {width: 100%}
    ul.circle_numList.leng3 li {width: 50%}
    .empty_hide-768 {display: none;}
}

@media all and (max-width:640px){
    ul.circle_numList li {margin: 4px 0}
    ul.circle_numList.leng3 li {width: 100%; padding-left: 27px;} 
    ul.circle_numList li span {top: 1px; width: 20px; height: 20px; line-height: 20px; font-size: 13px;}
    
    ul.check_list.leng2 li {width: 100%;}
    
}




/*자주묻는질문*/
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 120px; display: table; width: 100%; box-sizing: border-box; line-height: 1.6;}
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: 17px; color: #212529; display: table-cell;}
ul.faq_list li .acc_content {position: relative; background: #f8f8f8; padding: 15px 50px 15px 120px;}
ul.faq_list li .acc_content  p {margin: 15px 0; font-size: 17px; color: #636363; line-height: 1.67;}
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("/_img/resource/faq-q.svg");}
ul.faq_list li .acc_content::before {background-image: url("/_img/resource/faq-a.svg");}
ul.faq_list li .acc_head::after {position: absolute; right: 50px; top: 30px; width: 40px; height: 40px; background: url("/_img/resource/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; padding-right: 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 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: 16px;}
	ul.faq_list li .acc_head .subject {font-size: 16px;}
	ul.faq_list li .acc_content {padding-left: 70px;}
    ul.faq_list li .acc_content p {font-size: 16px;}
}

@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;}
    ul.faq_list li .acc_content p {font-size: 14px;}
}


/*기본 게시판*/
#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: 30px 0; font-size: 15px; color: #747474; text-align: center; vertical-align: middle;}
.bbs_list .bbsBox .num {width: 10%}
.bbs_list .bbsBox .category {font-weight: 600; color: #0075bf; width: 10%;  font-size: 17px;}
.bbs_list .bbsBox .title {text-align: left; width: 65%; box-sizing: border-box; padding-left: 30px;  font-size: 17px;}
.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: #0075bf;}
.bbs_list .bbsBox .date {width: 15%}
.bbs_list .bbsBox.notice {}
.bbs_list .bbsBox.notice .num {font-weight: 600; color: #0075bf;}
.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 .title span {font-size: 12px; font-family: 'Noto Sans Kr'; color: #fff; background: #363c5a; border-radius: 3px; display: inline-block; padding: 3px 10px; margin-left: 10px;}
.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}


@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: 700;}
	.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 .name {width: auto; padding-right: 15px; float: left;}
    .bbs_list.qna .bbsBox .date {width: auto; float: left;}
	
	.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; border-top: 2px solid #000; padding: 60px 0 40px 0; border-bottom: 1px solid #ddd;}
.gallery_list_wrap .gallery_box {width: 31%; margin-bottom: 2em; float: left; margin-left: 3%}
.gallery_list_wrap .gallery_box:first-of-type {margin-left: 0; }
.gallery_list_wrap .gallery_box .pics {width: 100%; height: 230px; 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: 15px 0;}
.gallery_list_wrap .gallery_box .info p {}
.gallery_list_wrap .gallery_box .info p.title {font-size: 17px !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: 5px;}
.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: #0054a6 !important;}

@media screen and (min-width: 980px) {
    .gallery_list_wrap .gallery_box:nth-of-type(3n+1) {margin-left: 0}
}

@media screen and (max-width: 980px) {
	.gallery_list_wrap .gallery_box {width: 49%; margin-left: 2%;}
    .gallery_list_wrap .gallery_box:nth-of-type(2n+1) {margin-left: 0}
	.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; box-sizing: border-box;}
#paging a.on {background: #0054a6; 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("/_img/resource/bbs_paging_first.jpg");}
#paging a.btn.prev {background-image: url("/_img/resource/bbs_paging_prev.jpg");}
#paging a.btn.next {background-image: url("/_img/resource/bbs_paging_next.jpg");}
#paging a.btn.last {background-image: url("/_img/resource/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("/_img/resource/search.png") no-repeat center; background-size: 25px; text-indent: -99999px; border: 0;}
#resutl_shop_num {font-size: 17px; color: #6b7786; margin-bottom: 15px;}
#resutl_shop_num strong {color: #0054a6;}

@media screen and (max-width:980px){ 
	
	#search_ver2 #search input[type="text"] {height: 55px; line-height: 55px; font-size: 15px;}
	#search_ver2 #search button {width: 55px; height: 55px;}
}


@media screen and (max-width:768px){ 
	
	#search_ver2 {display: block;}
	#search_ver2 #resutl_shop_num {width: 100%; margin-bottom: 10px; padding-top: 0; font-size: 15px;}
	#search_ver2 #search {width: 100%;}
	#search_ver2 #search input[type="text"] { height: 50px; line-height: 50px; font-size: 14px;}
	#search_ver2 #search button {background-size: 20px; width: 50px; height: 50px;}

}

/*논문소개*/
.book_list {display: flex; flex-wrap: wrap;}
.book_list .bookBox {width: 49%; margin-left: 2%; margin-bottom: 2%; box-sizing: border-box; border: 1px solid #ddd; padding: 30px; background: #fff; float: left; transition: .3s;}
.book_list .bookBox:first-of-type,.book_list .bookBox:nth-of-type(2n+1) {margin-left: 0}
.book_list .bookBox a {}
.book_list .bookBox p {position: relative; font-size: 19px; font-weight: 600; color: #363c5a; line-height: 1.5; transition: .3s;}
.book_list .bookBox p span {position: relative;z-index: 1;}
.book_list .bookBox p::after {position: absolute; top: -5px;; left: -10px;; width: 30px; height: 30px; background: #78cced; border-radius: 100%; content: ''; transition: .3s; display: none;}
.book_list .bookBox p.eng_title {font-size: 17px; padding-top: 10px; opacity: 0.7}
.book_list .bookBox p.eng_title::after {display: none !important}
.book_list .bookBox ul  {border-top: 1px solid #ddd; padding-top: 20px; margin-top: 20px;}
.book_list .bookBox ul li {font-size: 14px; font-family: 'Noto Sans Kr'; color: #6b7786; position: relative; padding-left: 13px; box-sizing: border-box; margin: 4px 0; transition: .3s;}
.book_list .bookBox ul li::after {position: absolute; top:10px; left: 0; width: 7px; height: 2px; background: #ddd; content: '';}
.book_list .bookBox:hover {background: #0e2760;}
.book_list .bookBox:hover p {color: #fff;}
.book_list .bookBox:hover p::after {display: block;}
.book_list .bookBox:hover ul li {color: #fff; opacity: .7;}


@media screen and (max-width: 980px) {
    .book_list .bookBox {width:100%; margin-left: 0; padding: 20px; margin-bottom: 5%;}
    .book_list .bookBox p {font-size: 17px;}
    .book_list .bookBox p.eng_title {font-size: 15px; padding-top: 5px;}
    .book_list .bookBox ul {margin-top: 15px; padding-top: 15px;}
}




/*A/S 견적서*/
.input_form {width: 100%; margin: 80px 0;}
.input_form:first-of-type {margin-top: 0}
.input_form ul {width: 100%; overflow: hidden;  border-top: 2px solid #000; border-bottom: 1px solid #ddd; padding: 30px 0;}
.input_form ul li {position: relative; margin: 30px 0; box-sizing: border-box; padding-left: 200px; display: flex; /*flex-wrap: wrap;*/}
.input_form ul li>span {position: absolute; font-size: 17px; color: #212529; top: 15px; left: 0;}
.input_form ul li input[type='text'] {width: 305px; height: 50px; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; font-size: 16px; padding: 0 20px;}
.input_form ul li select {width: 305px; height: 50px; border-radius: 5px; border: 1px solid #ddd; box-sizing: border-box; font-size: 16px; padding: 0 10px;}
.input_form ul li select.mail {margin-left: 10px;}
.input_form ul li em {line-height: 50px; padding: 0 10px;}
.input_form ul li em.alert {font-size: 13px;}
.input_form ul li textarea {width: 100%; border-radius: 5px; box-sizing: border-box; border: 1px solid #ddd; height: 215px; padding: 20px; font-size: 16px;}
.input_form ul li input[type='text'].num {width: 100px;}
.input_form ul li button {width: 200px; border: 1px solid #ddd; border-radius: 5px; box-sizing: border-box; height: 50px; color: #212529; background: #fff;}
.input_form ul li button span {background:url(/common/img/icon/clip.png) no-repeat center left ; background-size: 15px; padding-left: 20px; font-size: 15px;}
.input_form ul li .schedule {position: relative;}
.input_form ul li .schedule span {position: absolute; top: 0; right: 0; width: 50px; height: 50px; text-align: center; line-height: 50px; cursor: pointer;}
.input_form ul li .schedule span img {width: 23px;}
.input_form p {font-size: 19px !important; font-weight: 500; color: #212529 !important; margin-bottom: 10px;}
.input_form p span {font-size: 16px; font-weight: 400;  padding-left: 10px;}


@media screen and (max-width: 1200px) {
	.input_form ul li {padding-left: 120px;}
	.input_form ul li input[type='text'] {width: 31%; padding: 0 15px;}
	.input_form ul li select {padding: 0 15px; width: 31%;}
}


@media screen and (max-width: 980px) {
	.input_form {margin: 70px 0;}
	.input_form ul li>span {font-size: 16px;}
	.input_form ul li em { padding:0 5px; font-size: 14px;}
	.input_form ul li input[type='text'] {width: 100%; font-size: 15px;}
	.input_form ul li select {width: 100%; font-size: 15px;}
	.input_form ul li input[type='text'].mail, .input_form ul li select.mail {width: 31.5%; }
	.input_form ul li input[type='text'].num {width: 31.5%;}
	.input_form ul li textarea {font-size: 15px;}
	
}


@media screen and (max-width: 768px) {
	.input_form {margin: 40px 0;}
	.input_form p span {font-size: 14px; display: block; padding-left: 0; color: #9a9a9a}
	.input_form ul {padding: 20px 0}
	.input_form ul li {padding-left: 100px; margin: 7px 0}
	.input_form ul li>span {font-size: 14px;}
	.input_form ul li input[type='text'] {font-size: 14px; padding: 0 15px;}
	.input_form ul li select {font-size: 14px; padding: 0 15px;}
	.input_form ul li textarea {font-size: 14px; padding: 15px;}
	.input_form ul li button span {font-size: 14px;}
	.input_form ul li.file_add {display: block;}
	.input_form ul li.file_add em {line-height: 1; padding-top: 8px; font-size: 12px;}
    .input_form ul li .schedule {width: 70%}
    .input_form ul li .schedule input {width: 100% !important;}
}


/*버튼*/
.btn_wrap {width: 100%; text-align: center; }
.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: 980px) {
    .btn_wrap a {height: 55px; line-height: 55px; font-size: 15px;}
}


/*산책코스*/
.course_list {}
.course_list .course {display: flex; flex-wrap: wrap; width: 100%; margin: 50px 0}
.course_list .course .pic {width: 50%;}
.course_list .course .pic img {}
.course_list .course .text {width: 50%; height: 380px; background: #fff;}
.course_list .course .text .text_wrap {display: table; width: 100%; height: 100%}
.course_list .course .text .text_wrap .inner {display: table-cell; vertical-align: middle; width: 100%; height: 100%; padding: 0 50px; box-sizing: border-box;}
.course_list .course .text .text_wrap .inner p {font-size: 17px; line-height: 1.6;}
.course_list .course .text .text_wrap .inner h6 {color: #84bae5; margin-bottom: 20px; font-weight: 700;}

.course_list.ver_nomalHalf {margin-top: 30px;}
.course_list.ver_nomalHalf .course {margin: 0}
.course_list.ver_nomalHalf .course .pic {width: 40%}
.course_list.ver_nomalHalf .course .text {width:60%; height: auto;}


@media screen and (max-width: 980px) {
    .course_list .course .text .text_wrap .inner {padding: 0 30px;}
    .course_list .course .text .text_wrap .inner p {font-size: 16px;}
    .course_list .course .text .text_wrap .inner h6 {margin-bottom: 10px;}
}


@media screen and (max-width: 768px) {
    .course_list .course {margin: 30px 0}
    .course_list .course .pic {width:100% !important;}
    .course_list .course .pic img {width:100%;}
    .course_list .course .text {width: 100% !important; height: auto; }
    .course_list .course .text .text_wrap .inner {padding: 30px 20px}
    .course_list .course .text .text_wrap .inner p {font-size: 14px; text-align: center;}
    .course_list .course .text .text_wrap .inner h6 {text-align: center;}
}



/*업무흐름도*/
.flow_chart {}
.flow_chart .stepBox {position: relative; width: 100%; box-sizing: border-box; border: 10px solid #ddd; background: #fff; text-align: center; font-size: 22px; color: #363c5a; font-weight: 500; margin: 80px 0; padding: 40px 15px}
.flow_chart .stepBox::after {position: absolute; bottom: -80px; left: 50%; margin-left: -39px; display: block; width: 78px; height: 50px; background: url("/_img/resource/step_arrow.png") no-repeat center; background-size: 100%; content: '';}
.flow_chart .stepBox:last-of-type::after {display: none;}
.flow_chart .stepBox:last-of-type {margin-bottom: 0;}


@media screen and (max-width: 980px) {
    .flow_chart .stepBox {border-width: 7px; font-size: 19px; padding: 30px 15px;}
    .flow_chart .stepBox::after {width: 50px; margin-left: -25px;}
}

@media screen and (max-width: 768px) {
    .flow_chart .stepBox {font-size: 16px; margin: 50px 0; padding: 25px 10px; word-break: keep-all;}
    .flow_chart .stepBox::after {width: 40px; margin-left: -20px; bottom: -60px;}
}

/*프로필*/
.people_intro {}
.people_intro .profileBox {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 50px 0; border-radius: 5px; overflow: hidden;}
.people_intro .profileBox .pics {width: 30%; overflow: hidden; position: relative;}
.people_intro .profileBox .pics img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.people_intro .profileBox .info {width: 70%; box-sizing: border-box; border: 1px solid #dedede; border-left: 0; background:url("/_img/resource/bg_logo.png") no-repeat bottom -30px right -30px, #fff; padding: 50px;}
.people_intro .profileBox .info p {font-size: 25px; color: #84bae5; font-weight: 600; line-height: 1.5;}
.people_intro .profileBox .info p strong {font-weight: 800; color: #84bae5}
.people_intro .profileBox .info p.name  {font-size: 45px; font-weight: 300; color: #363c5a; padding: 10px 0 25px 0}
.people_intro .profileBox .info p.name span {font-weight: 700;}
.people_intro .profileBox .info p.name.machine_name {font-size: 35px; padding-top:0; padding-bottom: 10px;}
.people_intro .profileBox .info p.part {opacity: 0.6; color: #363c5a}
.people_intro .profileBox .info ul {margin: 25px 0;}
.people_intro .profileBox .info ul li {position: relative; margin: 10px 0; font-size: 17px; color: #555; line-height: 1.45; box-sizing: border-box; padding-left: 12px;}
.people_intro .profileBox .info ul li::before {position: absolute; top: 9px; left: 0; width: 5px; height: 5px; background: #84bae5; content: ''; border-radius: 100%;}


.people_intro.ver2 .profileBox {border: 1px solid #ddd; box-sizing: border-box;}
.people_intro.ver2 .profileBox .pics {width:50%; min-height: 500px; background: #fafafa; box-sizing: border-box; padding: 40px 0}
.people_intro.ver2 .profileBox .info {width:50%; border:0;}
.people_intro.ver3 .profileBox .pics {min-height: 500px;}


@media screen and (max-width: 980px) {
    .people_intro .profileBox .pics {text-align: center; overflow: inherit; width: 100% !important;}
    .people_intro .profileBox .pics::after {position: absolute; bottom: 0; left: 0; width: 100%; background: #fff; content: ''; height: 50%;}
    .people_intro .profileBox .pics img {position: relative; top: auto; left: auto; height: auto; z-index: 1; width: 70%;}
    .people_intro .profileBox .info {width: 100% !important; padding: 40px 20px; background-size: 300px; border-top: 0;}
    .people_intro .profileBox .info p {font-size: 19px; line-height: 1.4;}
    .people_intro .profileBox .info p.name {font-size: 35px; padding: 0 0 15px 0;}
    .people_intro .profileBox .info ul {margin: 20px 0;}
    .people_intro .profileBox .info ul li {font-size: 16px; margin: 7px 0; padding-left: 10px;}
    .people_intro .profileBox .info ul li:before {width: 4px; height: 4px; top: 8px;}
    .people_intro.ver2 .profileBox .pics {min-height: auto; padding: 0;}
    .people_intro.ver2 .profileBox .pics img {width: 100%}
    .people_intro.ver2 .profileBox .pics::after {display: none;}
}

@media screen and (max-width: 768px) {
    .people_intro .profileBox .info  {padding-bottom: 30px;}
    .people_intro .profileBox .info  {font-size: 17px;}
    .people_intro .profileBox .info p.name {font-size: 31px;}
    .people_intro .profileBox .info ul li {font-size: 14px; margin: 5px 0;} 
}

/*=====================사진배경 설명=======================*/
.photoBg_desc_list {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px;}
.photoBg_desc_list .item {position: relative; width: 32%; margin-bottom: 2%; overflow:hidden; position: relative; box-sizing: border-box; padding: 70px 40px; background-position: center; background-size: cover; background-repeat: no-repeat; border-radius: 5px;}
.photoBg_desc_list .item::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: '';}
.photoBg_desc_list .item p {position: relative; z-index: 1; font-size: 18px; color: #fff; line-height: 1.5; word-break: keep-all;}
.photoBg_desc_list .item p.tit {font-weight: 600; margin-bottom: 10px}
.photoBg_desc_list .item p.tit span {display:inline-block; border-radius: 100%; background: #78cced; width: 50px; height: 50px; line-height: 50px;}
.photoBg_desc_list .item.text_center p {text-align: center;}

.photoBg_desc_list .item1 {background-image: url("/_img/contents/sub02_07_pic3.jpg");}
.photoBg_desc_list .item2 {background-image: url("/_img/contents/sub02_07_pic4.jpg");}
.photoBg_desc_list .item3 {background-image: url("/_img/contents/sub02_07_pic5.jpg");}

.photoBg_desc_list .item28-1 {background-image: url("/_img/contents/sub02_08-sec2-pic1.jpg");}
.photoBg_desc_list .item28-2 {background-image: url("/_img/contents/sub02_08-sec2-pic2.jpg");}
.photoBg_desc_list .item28-3 {background-image: url("/_img/contents/sub02_08-sec2-pic3.jpg");}
.photoBg_desc_list .item28-4 {background-image: url("/_img/contents/sub02_08-sec2-pic4.jpg");}
.photoBg_desc_list .item28-5 {background-image: url("/_img/contents/sub02_08-sec2-pic5.jpg");}
.photoBg_desc_list .item28-6 {background-image: url("/_img/contents/sub02_08-sec2-pic6.jpg");}
.photoBg_desc_list .item28-1::after, .photoBg_desc_list .item28-2::after, .photoBg_desc_list .item28-3::after, .photoBg_desc_list .item28-4::after, .photoBg_desc_list .item28-5::after, .photoBg_desc_list .item28-6::after {display: none}

.photoBg_desc_list.leng2 .item {width: 49%}


.photoBg_desc_list .item613-1 {background-image: url("/_img/contents/sub06_0103-sec2-pic1.jpg");}
.photoBg_desc_list .item613-2 {background-image: url("/_img/contents/sub06_0103-sec2-pic2.jpg");}
.photoBg_desc_list .item613-3 {background-image: url("/_img/contents/sub06_0103-sec2-pic3.jpg");}
.photoBg_desc_list .item613-4 {background-image: url("/_img/contents/sub06_0103-sec2-pic4.jpg");}


@media all and (max-width:980px){
    .photoBg_desc_list .item {padding: 50px 30px; margin-bottom: 4%}
    .photoBg_desc_list .item p {font-size: 19px;}  
    
    
}

@media all and (max-width:768px){
    .photoBg_desc_list {margin-top: 30px;}
    .photoBg_desc_list .item {padding: 50px 20px; width: 100%; margin-left: 0;}
    .photoBg_desc_list .item p {font-size: 16px;}
    .photoBg_desc_list .item p.tit span {width: 40px; height: 40px; font-size: 17px; line-height: 40px;}
}


/*==============================================================================
				            오시는 길
================================================================================*/
.history dl {width: 100%; margin-bottom: 50px; overflow: hidden;}
.history dl:last-of-type {margin-bottom: 0}
.history dl dt, .doctor_wrap .history dl dd {}
.history dl dt {position: relative; color: #202020; font-weight: 800; margin-bottom: 25px; font-size: 23px;}
.history dl dt::after {width: 100%; height: 1px; background: #ddd; content: ''; display: block; position: absolute; top: 50%; left: 120px;}
.history dl dd {line-height: 1.5; font-size: 19px; color: #636363}
.history dl dd h4 {margin-bottom: 15px; color: #84bae5; font-weight: 800;}
.history dl dd ul {}
.history dl dd ul li {margin: 20px 0; position:relative; padding-left: 15px; box-sizing: border-box;}
.history dl dd ul li::before {position: absolute; width: 10px; height: 4px; background: #ddd; content: ''; transform: rotate(-45deg); top: 0; left: 0;}


.location_top {width: 100%; display: flex; justify-content: space-between;}
.location_top .maps {width: 50%;}
.location_top .maps img {width: 100%;}

.location_top .addr {width: 50%; padding-top: 20px; padding-left: 50px; box-sizing: border-box;}

.time_list {width: 100%;}
.time_line {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 13px;}
.time_line .tit {width: 20%; font-weight: 700}
.time_line .time {width: 80%;}
.call_list {width: 100%; display: flex; flex-wrap: wrap; }
.call_list .call {background-repeat:  no-repeat; background-position: center left; /*padding-left: 47px; */box-sizing: border-box;  margin-bottom: 5px}
.call_list .call span {font-size: 14px; background: #bc9670; color: #fff; margin-right: 10px; padding: 5px 10px; border-radius: 50px; line-height: 1; vertical-align: middle;}
.call_list .call a {font-weight: 600; color: #363c5a; font-size: 35px; letter-spacing: -1.5px; line-height: 1;}
.call_list .call.call1 span {background: #4964bd;}
.call_list .call.call2 span {background: #363c5a;}


@media screen and (max-width: 1200px) {
    .location_top .maps {width: 45%}
    .location_top .addr {width: 55%}
    .call_list .call {margin-right: 20px;}
    .call_list .call a {font-size: 23px;}
    .call_list .call span {margin-right: 5px;}
    
    .history dl {margin-bottom: 40px;}
    .history dl dt {font-size: 21px; margin-bottom: 20px;}
    .history dl dd {font-size:17px;}
    .history dl dd ul li {margin: 18px 0}
    
    
}

@media screen and (max-width: 980px) {
    .location_top {display: block;}
    .location_top .maps {width: 100%;}
    .location_top .addr {width: 100%; padding-left: 0; padding-top: 30px;}


    .history dl {margin-bottom: 30px;}
    .history dl dt {font-size:19px;}
    .history dl dd {font-size:15px;}
    .history dl dd ul li {margin: 13px 0}
    
    
}

@media screen and (max-width: 768px) {
    
    .call_list .call span {font-size: 12px; padding-bottom: 5px;}
    .call_list .call a {font-size: 19px; font-weight: 600; padding-top: 5px;}

    .history dl {margin-bottom: 20px;}
    .history dl dt {font-size:17px; margin-bottom: 10px;}
    .history dl dd  {font-size:14px;}
}


.greet_title {padding-bottom: 50px}
.greet_title::before {display: block; width: 575px; height: 75px; content: '';  position: absolute; left: 50%; margin-left: -287px; top: -40px;  background: url("/_img/contents/sub01_01_deco.png") no-repeat center;}
.greet_title::after {width: 1px; height: 50px; background: #ddd; content: ''; position: absolute; bottom: -15px; left: 50%;}
p.greet_txt {font-size: 19px; color: #202020}
.greet_list_wrap {display:flex; flex-wrap: wrap; justify-content: space-between; position: relative;z-index: 1;}
.greet_list_wrap .greetBox {width: 49%; margin-bottom: 2%;  height: 496px; background-position: center bottom; background-size: 100%; background-repeat: no-repeat; box-sizing: border-box; padding: 50px 40px;}
.greet_list_wrap .greetBox h6 {color: #202020; font-weight: 800; padding-bottom: 15px;}
.greet_list_wrap .greetBox p {line-height: 1.5; font-size: 17px; color: #202020;}
.greet_list_wrap .greetBox#greetbox1 {background-image: url("/_img/contents/sub01_01_bg1.jpg"); background-color: #f0eee9;}
.greet_list_wrap .greetBox#greetbox2 {background-image: url("/_img/contents/sub01_01_bg3.jpg"); background-color: #f7fafc;}
.greet_list_wrap .greetBox#greetbox3 {background-image: url("/_img/contents/sub01_01_bg4.jpg"); background-color: #f5efe9;}
.greet_list_wrap .greetBox#greetbox4 {background-image: url("/_img/contents/sub01_01_bg2.jpg"); background-color: #f0ede4 ;}

p.from {position: relative; color: #353535; padding-top: 20px;}
p.from strong {font-size: 32px; font-weight: 800;}

.sub01_01_sec2 {position: relative;}

.sub01_01_sec2::before {position: absolute; bottom: -30%; left: 0; width: 100%; height: 100%; background: #84bae5; content: '';}
.sub01_01_sec2::after {width: 421px; height: 421px; background: url("/_img/resource/bg_logo.png") no-repeat center bottom; background-size: 100%; position: absolute; bottom: -10px; right: -10px; z-index: 1; content: '';opacity: 0.1;}


@media screen and (max-width: 980px) {
    .greet_title::before  {width: 100%; background-size: 80%}
    .greet_list_wrap {display: block;}
    .greet_list_wrap .greetBox {width: 100%; margin: 30px 0; padding: 50px 20px;}
    .greet_list_wrap .greetBox p {font-size: 16px;}
    p.from strong  {font-size: 25px;}
    
    .sub01_01_sec3::after {width: 60%;}
}

#blog_link {position: relative; text-align: center; border-radius: 50px; width: 300px; height: 55px; display: block; margin: 0 auto; background: #32a94a; box-sizing: border-box;transition: 0.3s; margin-top: 50px;}
#blog_link::after {display: none; width: 100%; height: 100%; border-radius: 50px; border:3px solid #32a94a; box-sizing: border-box; content: ''; position: absolute; top: 0; left: 0; transition: 0.3s;}
#blog_link span {font-size: 17px; color: #fff; background-image: url("/_img/resource/btn_right.png"); background-repeat: no-repeat; background-position:  center right; padding-right:30px;  transition: 0.3s; line-height: 55px;}
#blog_link:hover {background: #fff; }
#blog_link:hover::after {display: block;}
#blog_link:hover span {color: #32a94a; font-weight: 600; background-image: url("/_img/resource/btn_right-green.png");}


@media screen and (max-width: 768px) {
    #blog_link {width: 80%; margin: 30px auto 0 auto; height: 45px;}
    #blog_link span {font-size: 14px; line-height: 45px}
}


.single_pics-slider .swiper-slide img {width: 100%}

ul.food {width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; margin-top: 15px;}
ul.food li {width: 15%; margin-right: 1.5%; margin-bottom: 1.5%; border-radius: 100%; overflow: hidden; border: 3px solid #dedede; box-sizing: border-box;}
ul.food li:last-of-type {margin-right: 0}
ul.food li img {width: 100%; height: 100%; position: relative; top: 0; left: 0; object-fit: cover;}


@media screen and (max-width: 768px) {
    ul.food li {width: 18%; }
    ul.food li:nth-of-type(5n) {margin-right: 0}
}



/*기본사진설명*/
.nomal_picsDesc_list {display: flex; flex-wrap: wrap; justify-content:flex-start; margin-top: 40px;}
.nomal_picsDesc_list .descBox {width: 23.5%; margin-right: 2%; margin-bottom: 2%; box-sizing: border-box; border: 1px solid #e4e4e4; background: #fff;}
.nomal_picsDesc_list .descBox .pics {width: 100%; overflow: hidden;}
.nomal_picsDesc_list .descBox .pics img {width: 100%; /*min-height: 220px; object-fit: cover;*/}
.nomal_picsDesc_list .descBox .text {font-size: 18px; background: #fff; box-sizing: border-box; border-top: 1px solid #e4e4e4; padding:20px 15px; text-align: center; background: #fafafa; color: #454545; line-height: 1.5;}
.nomal_picsDesc_list .descBox .text p {position: relative; text-align: left; box-sizing: border-box; padding-left: 37px;}
.nomal_picsDesc_list .descBox .text p span.num {position: absolute; top: 5px; left: 0;  width: 30px; height: 30px; line-height: 30px; display:inline-block;  font-size: 14px; font-weight: 600; color: #fff; text-align: center; background: #5e80c0; margin-right: 7px; border-radius: 100%; vertical-align: middle; margin-top: -5px;}
.nomal_picsDesc_list.no-bor .descBox {border: 0; }
.nomal_picsDesc_list.no-bor .descBox .text {border: 0; padding: 5px 0}
.nomal_picsDesc_list .descBox:nth-of-type(4n) {margin-right: 0}

@media screen and (min-width: 768px) {
    .nomal_picsDesc_list .descBox:nth-of-type(4n) {margin-right: 0}
}
    
@media screen and (max-width: 768px) {
    .nomal_picsDesc_list .descBox {width: 49%;}
     .nomal_picsDesc_list .descBox:nth-of-type(2n) {margin-right: 0}
    .nomal_picsDesc_list .descBox .text {font-size: 14px; padding: 15px 10px;}
}