@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&display=swap');

* { margin:0;padding:0; }

body {
    font-family: 'Noto Sans KR', sans-serif;
    font-size:16px; 
    background-color: #322016;
    color:#1d1d1d ; 
    font-weight: 300;
}
a, li { 
    text-decoration: none;
    list-style: none;
 }
.aligncenter {
    text-align: center;
    margin:0 auto;
}
.wrap {
    background-color: #fff;
}
header {
     height:155px;
 }
.topmenu {
    max-width: 1100px;
    display:flex;
    justify-content: flex-end;
    margin:0 auto;
}
.topmenu li { position: relative;padding:0 5px;}
.topmenu li a { 
    padding:0 10px;font-size:0.85rem; 
    color:inherit;
}
.topmenu li:after {
    position: absolute;
    content: '';
    top:5px;
    width:1px;
    background-color: #9b9b9b;
    height:10px;
    margin-left:5px;
}
.topmenu li:last-child::after {
    content:none;
  } 

header .nav_bar { 
    padding:20px 0;
    margin:0 auto;
}
header .nav_bar .nav_mbtn .mbtn, 
header .sidebar_menu .close_btn { 
    display:none; 
}
header .nav_bar .nav_logo img {
    width:250px;
}
header .nav_bar .nav_logo {
    display:flex;
    justify-content: center;
    padding-bottom:15px;
    border-bottom: 1px solid #ccc;
}
header .nav_bar .nav_logo a {
    font-family: 'Nanum Myeongjo', serif;
    font-size: 2.3rem;
    font-weight:900;
    -webkit-text-stroke-width: 0.01rem;
	-webkit-text-stroke-color: rgb(85, 85, 85);
}
header .nav_bar .nav_menu  {
    display: flex;
    align-items: center;
    justify-content: center;
    padding:15px 0;
}
header .nav_bar .nav_menu  .sidebar_menu {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
header .nav_bar .nav_menu .sidebar_menu > li > a {
    font-size: 1.1rem;
    padding:20px 45px;
    color:inherit;
    font-weight: 400;
}
header .nav_bar > ul > li > a:hover  {
    color:#7164ac;
    transition: 0.2s;
}

header nav .Fixedtop {
    background-color: #dddddd;
    position: fixed;
    display:flex;
    justify-content: center;
    width:100%;
    top:0;
    z-index: 10000;
    opacity: 0.95;
}
header nav .Fixedtop img {
    padding:20px 20px 0 0;
}
header nav .Fixedtop .nav_logo {
 border-bottom: none;
}
header .nav_bar .nav_menu > ul > li { 
    position: relative;
}
header .nav_menu .sub_menu {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    padding:10px;
    left:50%;
    transform: translateX(-50%);
    z-index: -1;
    border-radius: 5px;
    font-size:0.85rem;
    padding:20px;
    top:-10px;
}
header .nav_menu .sub_menu::after {
    content: ' ';
    position: absolute;
    width:20px;
    height:20px;
    background-color: #fff;
    transform: rotate(45deg) translateX(-50%);
    left:50%;
    top:0;
    border-radius: 2px;
}
header .nav_menu .sub_menu li:not(:last-child) {
    border-bottom:1px solid #929292;
}
header .nav_menu ul > li:hover .sub_menu  {
    position: absolute;
    display: block;
    background-color: #ffffff;
    white-space: nowrap;
    top:45px;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.3s linear;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.5);
    z-index: 10000;
}
header .nav_menu ul > li:hover {
    color:#a7a7a7;
}
header .nav_bar .nav_menu .sub_menu a {
    display: block;
    padding:10px 15px;
    color:#303030;
    background-color: #ffffff;
    text-align: center;
    font-weight: 500;
}
header .nav_bar .sub_menu li a:hover {
    background-color:#dadada;
}

/* index page */

#index_img {
    display:flex;
    justify-content: center;
    position: relative;
    padding: 10px 0;
}
#index_img .index_text {
    position: absolute;
    text-align: center;
    top:50%;
    z-index: 1000;
    color:rgb(224, 224, 224);
    font-family: 'Nanum Myeongjo', serif;
    transform: translateY(-50%);
    font-size: 1.3rem;
    font-weight: 900;
    line-height: 1.4;
    -webkit-text-stroke-width: 0.01rem;
	-webkit-text-stroke-color: rgb(85, 85, 85);
}
#index_img .index_text span:last-child:after {
    content: '';
    height:1px;
    background-color: #fff;
    width:100%;
    position: absolute;
    left:0;
    top:70px;
}
#index_img .index_text span:first-child {
    font-size: 3rem;
    color: #fff;
  }
#index_img .index_text span {
  text-shadow: 3px 3px 3px #272121;
}
#index_img .cycle-slideshow {
    margin:0 auto;
    text-align:center;
    overflow: hidden;
}
.i_contents {
    max-width: 1100px;
    margin:10px auto;
    padding:10px 0 30px 0;
    border-bottom: 1px solid #cfcfcf;
}

.index_box {
    position: relative;
    z-index: 10000;
    width:1100px;
    height:220px;
    margin:0 auto;
}
.index_box ul {
    width:1100px;
    position:absolute;
    transform: translateY(-10%);
    display: flex;
    justify-content: center;
    margin:0 auto;
}
.index_box ul li {
    width:25%;
    color:#fff;
    padding:20px 30px;
}
.index_box ul li .i_box_title {
    font-size:1.7rem;
}
.index_box ul li span {
   color:#d6d6d6;
   font-size: 0.85rem;
}
.index_box ul li .b_box {
    text-align: left;
    padding-top:25px;
}
.index_box ul li .i_btn {
    display: inline-block;
    background-color: #e7e7e7;
    color:#000000;
    padding:3px 10px;
    cursor: pointer;
    border:0;
    margin:0;
    font-size:0.8rem;
}
.index_box ul li p {
    padding-top:15px;
 }
.index_box ul li:first-child {
    background-color: #5d66c5;
    background-image: url('./image/index_icon_01.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.index_box li:nth-child(2) {
    background-color: #2c8ebb;
    background-image: url('./image/index_icon_02.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}
.index_box li:nth-child(3) {
    background-color: #1965c3;
    background-image: url('./image/index_icon_03.png');
    background-repeat: no-repeat;
    background-position: right bottom;
    
}
.index_box li:nth-child(4) {
    background-color: #215b8a;
    background-image: url('./image/index_icon_04.png');
    background-repeat: no-repeat;
    background-position: right bottom;
}

.index_box2 {
    width:1110px;
    margin:0 auto;
}
.index_box2 > ul {
    display: flex;
    justify-content: center;
    margin:0 auto;
}
.index_box2 >ul > li:first-child {
    width:50%;
    height:150px;
    margin:5px;
    border:1px solid #d8d8d8;
    padding:10px;
}
.index_box2 >ul > li:nth-child(2) {
    width:50%;
    height:171px;
    margin:5px;
    background:linear-gradient(-70deg, #2c8ebb 50%, #215b8a 50%);
}
.index_box2 .i_notice ul li:first-child {
    padding-left:10px;
}
.index_box2 .i_notice ul li:first-child a {
    font-size: 1.1rem;
    color:#000;
}
.index_box2 .i_notice ul li:nth-child(2){
    padding:20px 10px;
    font-size:0.9rem;
    color:#1d1d1d;
}
.index_box2 .i_notice ul li:nth-child(2) a {
    color:#1d1d1d;
}

.index_box2 .i_info {
    display:flex;
    justify-content: space-between;
    align-items: top;
    padding:15px 20px;
    color:#d6d6d6;
    font-size: 0.85rem;
}
.index_box2 .i_info li:first-child {
    width:50%;
    background-image: url('./image/index_icon_05.png');
    background-repeat: no-repeat;
    background-position: right top;
}
.index_box2 .i_info li:last-child {
    width:50%;
    text-align: right;
    color:#fff;
    background-image: url('./image/index_icon_06.png');
    background-repeat: no-repeat;
    background-position: left bottom;
}
.index_box2 .i_info .i_info_title {
    font-size: 1.3rem;
    color: #fff;
}
.index_box2 .i_info li:last-child .i_info_title {
    padding-bottom:15px;
}
.index_box2 .i_info .i_phonenum {
    font-size: 1.3rem;
    color: #fff;
}

.i_contents > ul {
    display:flex;
    justify-content: space-between;
    align-items: top;
}
.i_contents > ul > li {
    position: relative;
    width:350px;
}
.i_contents > ul > li > ul > li:first-child a {
    font-size: 1.1rem;
    font-weight:400;
    border-bottom:solid 1px #6e6e6e;
}
.i_contents .i_notice ul li:nth-child(2){
    padding-top:20px;
    font-size:0.9rem;
    color:#1d1d1d;
}
.i_contents .i_notice ul li:nth-child(2) a {
    color:#1d1d1d;
}
.i_contents .i_custom ul li ul li:nth-child(1) {
    padding-top:20px;
}
.i_contents .i_custom ul li ul li:last-child {
    padding-top:15px;
    width:75%;
}

.i_contents .i_time ul li ul {
    font-size:0.94rem;
    line-height: 3;
    color:#6e6e6e;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: top;
    padding:10px 10px;
}
/* .i_contents .i_time ul li ul li:not(:last-child):after {
    content: '';
    width:1px;
    height:110px;
    background-color: #d1d1d1;
    position: absolute;
    top:25px;
    left:150px;
} */
.i_contents .i_custom ul li ul {
    font-size:0.94rem;
    color:#6e6e6e;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: top;
    padding:0 10px;
}
.i_contents .i_custom ul li ul li:nth-child(1) {
    font-size: 1.2rem;
    text-align: right;
    display: block;
    width:20%;
}
.i_contents .i_custom ul li ul li span:nth-child(1) {
    display: inline-block;
    font-size:2rem;
    font-weight: 700;
    color:#275d4f;
    line-height: 100%;
    padding-bottom:5px;
}
.i_contents .i_custom ul li ul li span:last-child {
    display: inline-block;
    font-size:0.9rem;
    padding-top:15px;
}
.i_contents .i_custom ul li ul li {
    font-size:0.8rem;
}
.i_partner ul {
    margin:0 auto;
    display:flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1170px;
    padding:5px 0;
}
.i_partner ul li {
    margin:0 auto;
    border-top: 1px solid #ccc;
    border-bottom :1px solid #ccc; 
    padding:10px;
}
.i_partner ul li img {
    width:90%;
    margin:0 auto;
}
#container {
    min-height: 700px;
    margin:0 auto;
    max-width: 1100px;
    padding-bottom: 50px;
}

.html0102 {
    display: flex;
    align-items: top;
    justify-content: space-evenly;
    flex-wrap: wrap;
} 
.html0102  > li {
    padding:40px;
    border:1px solid #83a199;
    width:350px;
    margin:20px;
}
.html0102  li  ul  li  span {
    font-size:1.8rem;
    padding-right: 20px;
}
.html0102  li  ul  li:first-child {
  border-bottom: 1px solid #ccc;
}
.html0102  li  ul  li:last-child {
    padding:20px 0 0 5px;
}
.html0102  li  ul  li:last-child span{
    font-size:1.1rem;
    font-weight: bold;
}
.html0103 img {
    width:100%;
}
/* #lightBox ul li {
    width:364px;
    height:293px;
    overflow: hidden;
} */
.html_0301 {
    text-align: left;
    display: flex;
    padding: 30px 0 0 30px;
}
.html_0301 li {
    padding:0 20px;
}
.html_0301 .list_title {
    font-size:1.7rem;
    font-weight: 400;
    position: relative;
    padding-bottom: 20px;
}
.html_0301 .list_title:not(:first-child) {
    padding-top: 50px;
}
.html_0301 .list_title:after {
    content: ' ';
    position: absolute;
    width: 30px;
    height:3px;
    background-color: #215b8a;
    left:0;
    
}
.html_0301 li img {
    width:370px;
    padding:10px;
    border:1px solid #e0e0e0;

}
.html_0301 > li p {
 padding:5px 0 20px 5px;
}

.html_0301 li span {
 font-size: 1.3rem;
}

#sub_img { width:100%;height:200px;text-align:center;}
#sub_img .sub {height:200px;color:#000;font-size:35px; }
.page_title { 
    font-size: 2.7rem;font-weight: 400;
    color:#33312e;
    letter-spacing:-1px;margin:0 auto;
    text-align:center;padding:50px 0;  
}
.page_title2 { 
    font-size: 1.7rem;font-weight: 800;
    font-family: 'Nanum Myeongjo', serif;
    color:#33312e;
    margin:0 auto;
    text-align:center;
}
.title { width:100%;  font-size:35px; 
    color:#FFF;font-weight: 700;
    padding-top:55px;  
}
.s_title { width:100%;  font-size:15px; 
    color:#FFF;padding-top:0px; 
}
.smenu {
    border-bottom:1px solid #ccc;
    margin:0 auto;
}
.smenu ul {
    display: flex;
    justify-content: center;
    align-items: center;
}
.smenu ul li { 
    position: relative;
    padding:0 15px;
}

.smenu ul li a {
 display: block;
 color:#6e6e6e;
 padding:20px 10px;
 font-size: 1rem;
 border-bottom:4px solid #fff;
}
.smenu ul li a:hover {
    color:#33312e;
    transition: 0.2s;
}
.html01_01 #sub_menu01_01, 
.html01_02 #sub_menu01_02,
.html01_03 #sub_menu01_03, 
.html01_04 #sub_menu01_04, 
.html01_05 #sub_menu01_05, 
.html02_01 #sub_menu02_01,
.html02_02 #sub_menu02_02, 
.html02_03 #sub_menu02_03,
.html02_04 #sub_menu02_04, 
.html02_05 #sub_menu02_05,
.html02_06 #sub_menu02_06
{
    color:#33312e;
    font-weight: 700;
    border-bottom:4px solid #275d4f;
}
.page_title_sub { 
    font-size:1.2rem; 
    display: flex;
    justify-content: center;
    padding-top:50px;
    text-align: justify;
}
.page_title_sub li:last-child span {
    display: block;
    text-align: right;
  }
.page_title_sub li {  padding:0 30px; }
.page_title_sub img { padding-top:10px;}
.page_title_sub li h2 {
    font-size:1.9rem;
    font-family: 'Nanum Myeongjo', serif;
    font-weight: 900;
    display: inline;
}
.out_box { overflow: hidden;margin:0 auto;
    width:1100px;padding:50px 0; 
}
#lightBox ul {
    padding:20px 0;
}
#lightBox ul li { padding-top:10px;
    margin:0 auto;display:inline-block;
    text-align:center;height:243px;
}
#lightBox ul li a:hover img { 
    opacity: 0.7;
}
#lightBox a img {
    width:364px;
}

.container {
    padding:30px 0;
    text-align: justify;
}

.clinic {padding-bottom: 30px;
    text-align: justify;
}
.clinic img {
    display: block;
    margin:30px auto;
}
.clinic .html02_05 {
    display: flex;
    justify-content: space-between;
    align-items: top;
    padding-top:50px;
    text-align: justify;
}
.clinic .html02_05 li:first-child {
    padding-right:50px;
}
.clinic ul li {text-align: justify;}
.page_title_sub2 {
    font-size:1.4rem;
    text-align: center;
}
.location {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.2;
}
.location span {
    display: flex;
    flex-direction: column;
    font-size: 1.3rem;
  }
.location span:nth-child(2) {
    font-size: 1rem;
    padding:10px 0 20px 0;
  }
.location .map {
    width:1098px;
}
.location > ul {
    border-bottom:solid 1px #ccc;
    font-size: 1rem;
    margin:40px 0;
    padding:20px 10px;
}
.location > ul > li {
    padding:0 20px;
    text-align: left;
    line-height: 1.5;
}
.location > ul > li:first-child {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 1.1;
    border-bottom:solid 1px #ccc;
    padding-bottom: 20px;
}
.location .loc_con > li:first-child {
    padding-top:20px;
    text-align: center;
}
.location .loc_con img {
    padding-top:10px;
}
.location .loc_con > li > ul > li {
    padding:10px 0;
    font-size:0.95rem;
}
.location .loc_con2 {
    display: flex;
    justify-content:left;
    align-items: center;
    width:100%;
}
.location .loc_con2  > li:nth-child(2) {
    width:130px;
}
.location .loc_con2 > li:last-child {
    border-left: solid 1px #ccc;
}
.location .loc_con2 > li {
    padding:0 30px;
}

.reservation {
    display: flex;
    justify-content: center;
    align-items: top;
    padding:50px 0 100px 0;
}
.reservation li {
    width:250px;
    text-align: center;
    padding:0 50px;
}
.reservation li ul li {
    padding:10px 0;
}
.reservation li ul li:nth-child(2) {
    border-bottom:1px solid #ccc;
}
.reservation li:nth-child(1) ul li:last-child {
    font-size: 1.7rem;
}
.reservation li:last-child {
    padding-top:15px;
}
.reservation_time {
    display: flex;
    justify-content: center;
    align-items: top;
    padding:50px 0 100px 0;
}
.reservation_time li {
    text-align: center;
    padding:10px 40px 0 40px;
}
.res_list {
    padding:30px 0 50px 0;
}
.res_list ul {
    display: flex;
    justify-content:space-around;
    align-items: center;
}
.res_list ul li {
    padding:10px 0;
    text-align: center;
    border-right:1px solid #ccc;
    width:100%;
    border-bottom: 1px solid #ccc;
    min-height:21px;
}
.res_list ul li:nth-child(2) {
    width:40%;
}
.res_list ul li:last-child {
    border-right:none;
    width:110%;
}
.res_list .res_list_title {
    background-color:#679ba8;
    color:#fff;
    text-align: center;
    border-right:1px solid #fff;
    font-weight: 700;
    border-bottom:none;
}

/* °Ô½ÃÆǺκР*/

.eng {
    font-size: 0.7rem;
    color:#536e68;
}
.board_list_head {
    display: flex;
    justify-content: space-between;
    padding-bottom: 5px;
}
.board_table {
    border-top:1px solid #95b1aa;
    border-bottom:1px solid #95b1aa;
    width:100%;
}
.board_table .board_contents {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.board_contents .board_contents_li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.board_table .board_contents a {
    color:#1d1d1d;
}
.board_table .board_contents:hover {
    background-color:#eeeeee ;
    color:#275d4f;
}
.board_table .board_contents_sub li {
    white-space: nowrap;
    padding:10px 20px;
}
.board_table .board_contents > li:first-child{
    width:45px;
    text-align: center;
}
.board_table .board_contents > li:last-child{
    width:100%;
}
.board_table .board_contents_sub {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.board_table .board_contents_sub .comment {
    width:100%;
}
.board_contents .board_contents_sub2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.board_contents .board_contents_sub2 li {
    padding:0 10px;
}
.board_contents .board_contents_sub2 li:last-child {
    width:20px;
    text-align: center;
}
.board_line {
    height:1px;
    width:100%;
    background-color: #e7e7e7;
}
.board_paging {
    display: flex;
    justify-content: center;
    padding-top:20px;
}
.board_button {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.btn {
    background-color: #1d4e41;
    color:#fff;
    padding:10px 20px;
    cursor: pointer;
    border:0;
    margin:0;
    font-size:0.8rem;
}
.btn_w {
    background-color: #1d4e41;
    color:#fff;
    padding:10px 20px;
    border:0;
    cursor: pointer;
    font-size:0.85rem;
}
.btn:hover, input[type=submit]:hover {
    background-color: #448071;
}
.board_view_contents {
    min-height:200px;
    text-align: left;
    padding:20px;
}
.board_view_comment {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top:solid 1px #ccc;
    padding:5px;
}
.board_view_comment li:nth-child(1) {
    min-width:120px;
}
.board_view_comment li:nth-child(2) {
    width:100%;
    text-align: left;
    position: relative;
}
.board_view_comment li:nth-child(2) div {
    padding-left:15px;
}
.board_view_comment li:nth-child(2)::before {
    position: absolute;
    content: '';
    width:2px;
    top:2px;
    height:95%;
    background-color: #ccc;
}
.board_view_comment li:last-child {
    width:200px;
}
.board_view_comment_write {
    padding:10px;
    background-color:#efefef;
    border-top:1px solid #ccc;
}
.board_view_comment_next {
    text-align: left;
    border-top:1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding:3px;
    margin-bottom: 20px;
}

.board_write {
    text-align:left;
    border-bottom:solid #ccc 1px;
    margin-bottom: 20px;
}
.board_write div {
    border-top:solid #ccc 1px;
    padding:5px;
}
.board_write div span {
    display: inline-block;
    width:90%;
}
.board_write div span:first-child {
    width:100px;
    font-weight: 500;
}
.board_write div .text_side {
    vertical-align: top;
}
footer {
     margin:0 auto;
     text-align:center;
     padding:40px 0;
     height:100%;
     color:#fff;
 }