@charset "UTF-8";

.sub_top {margin: 0 0 70px; padding: 110px 0 0;}
.sub_top .sub_top_area {height: 790px; overflow: hidden;}
.sub_top .sub_top_area .sub_area {position: relative; height: 100%; }
.sub_top .sub_top_area .sub_area .bg_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.sub_top .sub_top_area .sub_area .bg_box img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; animation: ani_sub_top ease-in 1s forwards;}
.sub_top .sub_top_area .sub_area .title_box {display: flex; gap: 30px; flex-direction: column; height: 100%; justify-content: center; font-family: "NotoSansSC"; text-align: center; padding: 10px; opacity: 0; animation: ani_sub_top2 ease-in 1s forwards;  animation-delay: 1s; z-index: 1;}
.sub_top .sub_top_area .sub_area .title_box .title {font-weight: 400; font-size: 100px; line-height: 1; color: #fff; }
.sub_top .sub_top_area .sub_area .title_box .title.color01 {color: #5b6a4f;}
.sub_top .sub_top_area .sub_area .title_box .title.ft_s55 {font-size: 55px; line-height: 1;}
.sub_top .sub_top_area .sub_area .title_box .text {font-weight: 400; font-size: 33px; line-height: 40px; color: #ffffff;}
.sub_top .sub_top_area .sub_area .title_box.black .title {color: #000;} 
.sub_top .sub_top_area .sub_area .title_box.black .text {color: #000;} 

@keyframes ani_sub_top {
   0% {transform: scale(1.2);}
   100% {transform: scale(1);}
}

@keyframes ani_sub_top2 {
   0% {opacity: 0;}
   100% {opacity: 1;}
}

.sub_top .breadcrumb {padding: 30px 0 0;}
.sub_top .breadcrumb .container {max-width: 1800px}
.sub_top .breadcrumb > .list {font-size: 0;}
.sub_top .breadcrumb > .list > li {position: relative; display: inline-block; margin: 0 14px 0 0; padding: 0 16px 0 0; vertical-align: middle;}
.sub_top .breadcrumb > .list > li:last-child {margin: 0; padding: 0;}
.sub_top .breadcrumb > .list > li:before {display: block; content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 6px; height: 8px; background: url("/chn/images/sub/breadcrumb_arrow.png") no-repeat center;}
.sub_top .breadcrumb > .list > li:last-child:before {display: none;}
.sub_top .breadcrumb > .list > li a.home {display: block; height: 20px; align-content: center;}
.sub_top .breadcrumb > .list > li a.home img {vertical-align: middle;}
.sub_top .breadcrumb > .list > li .box {display: block;}
.sub_top .breadcrumb > .list > li .box .text {display: inline-block; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000;}
.sub_top .breadcrumb > .list > li:last-child .box .text {padding: 0 20px 0 0; }
.sub_top .breadcrumb > .list > li:last-child .box .text:before {display: block; content: ""; position: absolute; right: 0; top: 4px; width: 15px; height: 15px; background: url("/chn/images/sub/breadcrumb_down_icon.png") no-repeat right center; transition: all 0.3s;}
.sub_top .breadcrumb > .list > li:last-child .box.on .text:before {transform: rotate(180deg)}
.sub_top .breadcrumb > .list > li .list2 {display: none; position: absolute; left: 0; top: calc(100% + 5px); width: 125px; padding: 10px; border: 1px solid #cdcdcd; border-top: 2px solid #666666; background-color: #fff; z-index: 1;}
.sub_top .breadcrumb > .list > li .list2 li {margin: 10px 0 0;}
.sub_top .breadcrumb > .list > li .list2 li:first-child {margin: 0;}
.sub_top .breadcrumb > .list > li .list2 li .box {display: block; font-weight: 400; font-size: 14px; line-height: 18px; color: #000;}

.sub_cont {padding: 0 0 75px;}

.com_title_area {margin: 0 0 50px; text-align: center;}
.com_title_area .title {font-family: "NotoSansSC"; font-weight: 400; font-size: 60px; line-height: 1; color: #000000;}
.com_title_area .text {margin: 30px 0 0; font-weight: 300; font-size: 20px; line-height: 30px; color: #000000;}

.com_title_area.icon {position: relative; padding: 120px 0 0;}
.com_title_area.icon:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 0; width: 87px; height: 87px; background: url("/chn/images/sub/title_icon.png") no-repeat center / cover; animation: icon_rotate 5s linear infinite;}
.com_title_area.icon:after {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); top: 34px; width: 10px; height: 14px; background: url("/chn/images/sub/title_arrow.png") no-repeat center / cover}

@keyframes icon_rotate {
   100% {transform: translateX(-50%) rotate(360deg);}
}


.bbs_area {display: flex; justify-content: space-between; align-items: center; margin: 0 0 20px;}
.bbs_area .total_box {font-weight: 700; font-size: 16px; line-height: 24px; color: #000000;}
.bbs_area .total_box .num {font-weight: 200;}
.bbs_area .sch_area {width: 100%; max-width: 520px; }
.bbs_area .sch_area .sch_inner {display: flex; width: 100%; background-color: #fafafa;  border-radius: 30px; overflow: hidden;}
.bbs_area .sch_area .sch_inner .select_box {width: 110px; flex-shrink: 0;}
.bbs_area .sch_area .sch_inner .select_box select {width: 100%; border: none; padding: 0 20px; background-color: #fafafa; background-image: url("/chn/images/sub/slt_arr_icon.png"); background-position: right center;  background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 64px; color: #000000; outline: none;}
.bbs_area .sch_area .sch_inner .select_box select option {}
.bbs_area .sch_area .sch_inner .input_box {width: calc(100% - 174px);}
.bbs_area .sch_area .sch_inner .input_box input {width: 100%; padding: 0 20px; background-color: #fafafa; border: none; font-weight: 300; font-size: 16px; line-height: 64px; color: #000000; outline: none;}
.bbs_area .sch_area .sch_inner .sch_btn {display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; outline: none;}
.bbs_area .sch_area .sch_inner .sch_btn img {}

.board_area {}
.board_area .board_list {border-top: 1px solid #333333;}
.board_area .board_list li {border-bottom: 1px solid #dddddd;}
.board_area .board_list li .box {display: flex;	padding: 25px 30px 25px 60px; align-items: center;}
.board_area .board_list li .box:hover, .board_area .board_list li .box:focus {background-color: #fafafa;}
.board_area .board_list li .box .num {width: 65px; font-weight: 400; font-size: 18px; line-height: 32px; color: #000; text-align: center;}
.board_area .board_list li .box .num.badge {background-color: #c4a491; border-radius: 5px; color: #fff;}
.board_area .board_list li .box .title {flex: 1; padding: 0 35px; font-weight: 400; font-size: 18px; line-height: 24px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.board_area .board_list li .box .date {width: 240px; font-weight: 300; font-size: 16px; line-height: 24px; color: #000; text-align: center;}
.board_area .board_list li .box .arrow_btn {display: flex; align-items: center; justify-content: center; width: 45px; height: 45px; border-radius: 50%; background-color: #fff; border: 1px solid #e0e0e0;}
.board_area .board_list li .box .arrow_btn img {}

.board_view {}
.board_view .board_top {display: flex; justify-content: space-between; align-items: center; padding: 25px 0; border-bottom: 1px solid #000000;}
.board_view .board_top .title_box {display: flex; gap: 5px 15px; flex-wrap: wrap;}
.board_view .board_top .title_box .badge {display: inline-block; width: 65px; background-color: #c4a491; border-radius: 5px; font-weight: 300; font-size: 16px; line-height: 32px; color: #ffffff; text-align: center;}
.board_view .board_top .title_box .title {font-weight: 500; font-size: 24px; line-height: 32px; color: #000000;}
.board_view .board_top .date {font-weight: 200; font-size: 16px; line-height: 20px; color: #000000; flex-shrink: 0;}
.board_view .board_cont {padding: 70px 30px; border-bottom: 1px solid #828282;}
.board_view .board_cont .text {font-weight: 400; font-size: 16px; line-height: 24px; color: #000;}
.board_view .board_btm {margin: 40px 0 0;}
.board_view .board_btm .post_nav {display: flex; justify-content: space-between; align-items: center;}
.board_view .board_btm .post_nav .post_btn {width: 30px;}
.board_view .board_btm .post_nav .post_btn img {vertical-align: middle;}
.board_view .board_btm .post_nav .post_btn.prev {}
.board_view .board_btm .post_nav .post_btn.next {text-align: right;}
.board_view .board_btm .post_nav .btn_area {margin: 0;}
.board_view .board_btm .post_nav .btn_area .btn {}

.info_area {display: flex; align-items: center;}
.info_area .info_box {position: relative; width: 50%; padding: 90px 80px 90px 0;}
.info_area .info_box .img_box {position: absolute; right: 0; top: 0;}
.info_area .info_box .img_box img {}
.info_area .info_box .title_box {height: 710px; display: flex; justify-content: center; background: url("/chn/images/sub/info_bg.png") no-repeat center / cover; border-radius: 20px; overflow: hidden;}
.info_area .info_box .title_box .title_inner {align-content: center;}
.info_area .info_box .title_box .title_inner .sub_title {font-weight: 100; font-size: 24px; line-height: 30px; color: #000000;}
.info_area .info_box .title_box .title_inner .title {margin: 10px 0 0; font-family: "NotoSansSC"; font-weight: 400; font-size: 48px; line-height: 1; color: #000000;}
.info_area .info_box .title_box .title_inner .tel {display: inline-block; margin: 30px 0 0; font-weight: 300; font-size: 60px; line-height: 1; color: #333333;}
.info_area .text_box {display: flex; flex-direction: column; gap: 40px 0; width: 50%; }
.info_area .text_box .text {font-weight: 300; font-size: 20px; line-height: 30px; color: #000000;}
.info_area .text_box .day_list {}
.info_area .text_box .day_list .list {}
.info_area .text_box .day_list .list li {margin: 25px 0 0;}
.info_area .text_box .day_list .list li:first-child {margin: 0;}
.info_area .text_box .day_list .list li .box {display: flex; font-weight: 100; font-size: 36px; line-height: 40px; color: #000000;}
.info_area .text_box .day_list .list li .box .title {width: 200px; flex-shrink: 0;}
.info_area .text_box .day_list .list li .box .time {}

.people_area {width: 100%; max-width: 1020px; margin: 0 auto;}
.people_area .list {display: flex; gap: 60px 25px; flex-wrap: wrap;}
.people_area .list li {width: calc(25% - 18.75px);}
.people_area .list li .box {display: block; width: 100%;}
.people_area .list li .box .box_inner {}
.people_area .list li .box .box_inner .title {font-family: "NotoSansSC"; font-weight: 400; font-size: 23px; line-height: 26px; color: #000000; text-align: center;}
.people_area .list li .box .box_inner .img_wrap {position: relative; margin: 20px 0 0; border-radius: 10px; overflow: hidden;}
.people_area .list li .box .box_inner .img_wrap .img_box {/* background-color: #fff; */ position: relative; padding: 0 0 170%; overflow: hidden;}
.people_area .list li .box .box_inner .img_wrap .img_box img {width: 100%; mix-blend-mode: luminosity; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover}
.people_area .list li .box .box_inner .img_wrap .hover_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.58); opacity: 0; transition: all 0.5s;}
.people_area .list li .box .box_inner .img_wrap .hover_box .text {height: 100%; align-content: center; font-weight: 400; font-size: 15px; line-height: 24px; color: #ffffff; text-align: center;}
.people_area .list li .box .box_inner .career {margin: 10px 0 0; text-align: left;}
.people_area .list li .box .box_inner .career .text {font-weight: 300; font-size: 16px; line-height: 30px; color: #000000; letter-spacing: -0.02em;}
.people_area .list li .box:hover .box_inner .img_wrap .hover_box, .people_area .list li .box:focus .box_inner .img_wrap .hover_box {opacity: 1;}


.story_area {}
.story_area .story_top {position: relative; display: flex; justify-content: center; gap: 0 300px;}
.story_area .story_top .text_box {display: flex; align-items: center; flex-direction: column; justify-content: center; width: 523px; height: 523px; background: url("/chn/images/sub/story_top_bg01.png") no-repeat center / contain;}
.story_area .story_top .text_box .ch_text {font-family: "ChironSungHK"; font-weight: 300; font-size: 100px; line-height: 1; color: #000;}
.story_area .story_top .text_box .ko_text {margin: 25px 0 0; font-family: "NotoSansSC"; font-weight: 400; font-size: 40px; line-height: 42px; color: #000000;}
.story_area .story_top .title_box {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; flex-direction: column; justify-content: center; width: 498px; height: 510px; background: url("/chn/images/sub/story_top_bg02.png") no-repeat center / contain; text-align: center;}
.story_area .story_top .title_box .text {font-family: "NotoSansSC"; font-weight: 400; font-size: 60px; line-height: 64px; color: #000000;}
.story_area .story_btm {margin: 70px 0 0;}
.story_area .story_btm .list {}
.story_area .story_btm .list li {margin: 55px 0 0;}
.story_area .story_btm .list li:first-child {margin: 0;}
.story_area .story_btm .list li .box {padding: 80px 0;background: url("/chn/images/sub/story_btm_bg.png") no-repeat left top / cover;}
.story_area .story_btm .list li .box .info_box {display: flex; align-items: center;}
.story_area .story_btm .list li .box .info_box .left_box {width: 41.7968%;}
.story_area .story_btm .list li .box .info_box .left_box .title {font-family: "NotoSansSC"; font-weight: 400; font-size: 55px; line-height: 60px; color: #000000;}
.story_area .story_btm .list li .box .info_box .right_box {width: 58.2032%;}
.story_area .story_btm .list li .box .info_box .right_box .text_box {position: relative; padding: 24px 0 24px 55px;}
.story_area .story_btm .list li .box .info_box .right_box .text_box:before {display: block; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 165px; background-color: #aaa9a6;}
.story_area .story_btm .list li .box .info_box .right_box .text_box .text {font-weight: 200; font-size: 23px; line-height: 40px; color: #000000;}
.story_area .story_btm .list li .box .info_box .right_box .img_box {margin: 65px 0 0;}
.story_area .story_btm .list li .box .info_box .right_box .img_box img {}

.space_area {}
.space_area .space_big_slide_area {position: relative;}
.space_area .space_big_slide_area .space_btn_box {position: absolute; left: 50%; top: 44%; transform: translate(-50%, -50%); width: 1440px; height: 51px; z-index: 11;}
.space_area .space_big_slide_area .space_btn_box .space_btn {display: block; width: 27px; height: 51px; position: absolute; top: 0;}
.space_area .space_big_slide_area .space_btn_box .space_btn.prev {left: 0;}
.space_area .space_big_slide_area .space_btn_box .space_btn.next {right: 0;}
.space_area .space_big_slide_area .space_btn_box .space_btn img {}
.space_area .space_big_slide_area .space_big_slide {}
.space_area .space_big_slide_area .space_big_slide .list {}
.space_area .space_big_slide_area .space_big_slide .list li {}
.space_area .space_big_slide_area .space_big_slide .list li .box {}
.space_area .space_big_slide_area .space_big_slide .list li .box .img_box {border-radius: 30px; overflow: hidden;}
.space_area .space_big_slide_area .space_big_slide .list li .box .img_box img {}
.space_area .space_big_slide_area .space_big_slide .list li .box .text_box {margin: 20px 0 0; text-align: center;}
.space_area .space_big_slide_area .space_big_slide .list li .box .text_box .title {font-weight: 400; font-size: 24px; line-height: 30px; color: #000000;}
.space_area .space_big_slide_area .space_big_slide .list li .box .text_box .text {margin: 5px 0 0; font-weight: 200; font-size: 18px; line-height: 24px; color: #000000;}
.space_area .space_thumb_slide_area {margin: 50px 0 0;}
.space_area .space_thumb_slide_area .space_thumb_slide {overflow: hidden;}
.space_area .space_thumb_slide_area .space_thumb_slide .list {}
.space_area .space_thumb_slide_area .space_thumb_slide .list li {}
.space_area .space_thumb_slide_area .space_thumb_slide .list li .box {display: block; width: 100%;}
.space_area .space_thumb_slide_area .space_thumb_slide .list li .box .img_box {position: relative; padding: 0 0 59.91%; border-radius: 10px; overflow: hidden;}
.space_area .space_thumb_slide_area .space_thumb_slide .list li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover}

.com_tab_menu {border-bottom: 1px solid #000;}
.com_tab_menu .list {display: flex; gap: 5px; justify-content: center;}
.com_tab_menu .list li {}
.com_tab_menu .list li .box {display: block; width: 235px; height: 54px; align-content: center; text-align: center; overflow: hidden;}
.com_tab_menu .list li .box .text {font-weight: 300; font-size: 20px; line-height: 27px; color: #000000;}
.com_tab_menu .list li.on .box {background-color: #000;}
.com_tab_menu .list li.on .box .text {font-weight: 500; color: #fff;}
.equip_area {}
.equip_area > .list {}
.equip_area > .list > li {margin: 14px 0 0;}
.equip_area > .list > li:first-child {margin: 0;}
.equip_area > .list > li .box {display: flex; align-items: center; gap: 0 105px; padding: 60px 80px 60px 100px; background-color: #efefef; border-radius: 20px;}
.equip_area > .list > li .box .img_box {flex-shrink: 0; background-color: #fff; border-radius: 50%; overflow: hidden;}
.equip_area > .list > li .box .img_box img {width: 355px; height: 355px; object-fit: cover;}
.equip_area > .list > li .box .text_area {}
.equip_area > .list > li .box .text_area .title_area {display: flex; flex-wrap: wrap; gap: 10px 30px; align-items: center;}
.equip_area > .list > li .box .text_area .title_area .title_box {}
.equip_area > .list > li .box .text_area .title_area .title_box .title {font-weight: 700; font-size: 30px; line-height: 40px; color: #000000; text-decoration: underline; text-underline-offset: 8px; text-decoration-thickness: 2px;}
.equip_area > .list > li .box .text_area .title_area .tag_list {}
.equip_area > .list > li .box .text_area .title_area .tag_list .list {display: flex; gap: 5px 10px; flex-wrap: wrap;}
.equip_area > .list > li .box .text_area .title_area .tag_list .list li {}
.equip_area > .list > li .box .text_area .title_area .tag_list .list li .text {display: inline-block; width: 85px; border-radius: 20px; background-color: #fff; font-weight: 400; font-size: 18px; line-height: 34px; color: #000000; text-align: center;}
.equip_area > .list > li .box .text_area .text_box {margin: 40px 0 0; font-weight: 300; font-size: 18px; line-height: 30px; color: #000000;}

.event_area {}
.event_area .list {display: flex; gap: 40px 26px; flex-wrap: wrap;}
.event_area .list li {width: calc(33.3333% - 17.3333px);}
.event_area .list li .box {display: block;}
.event_area .list li .box .img_box {position: relative; padding: 0 0 140%; overflow: hidden;}
.event_area .list li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.event_area .list li .box:hover .img_box img, .event_area .list li .box:focus .img_box img {transform: translate(-50%, -50%) scale(1.1);}
.event_area .list li .box .text_box {position: relative; margin: -16px 0 0; z-index: 1;}
.event_area .list li .box .text_box .event {width: 100px; background-color: #3F0F40; font-family: "NotoSansSC"; font-weight: 700; font-size: 18px; line-height: 35px; color: #ffffff; text-align: center;}
.event_area .list li .box .text_box .title {margin: 30px 0 0; font-family: "NotoSansSC"; font-weight: 400; font-size: 30px; line-height: 34px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.event_area .list li .box .text_box .text {margin: 20px 0 0; font-weight: 200; font-size: 16px; line-height: 24px; color: #000000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.event_area .list li .box .text_box .date {margin: 30px 0 0; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000;}

.bnf_area {}
.bnf_area .bnf_big_area {position: relative; width: 100%; max-width: 1170px; margin: 0 auto; padding: 0 75px;}
.bnf_area .bnf_big_area .img_btn {display: block; position: absolute; top: 50%; transform: translateY(-50%);}
.bnf_area .bnf_big_area .img_btn.prev {left: 0; }
.bnf_area .bnf_big_area .img_btn.next {right: 0; }
.bnf_area .bnf_big_area .img_btn img {}
.bnf_area .bnf_big_area .bnf_big_box {}
.bnf_area .bnf_big_area .bnf_big_box .img_area {display: flex;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box {position: relative; width: 100%;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box > .title {position: absolute; left: 0; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.5); font-weight: 700; font-size: 16px; line-height: 55px; color: #fff; text-align: center; z-index: 2;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .com_img {position: relative; width: 100%; padding: 0 0 127.454%; overflow: hidden;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .com_img img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; align-content: center; padding: 5px; z-index: 1; text-align: center;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: -1;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box.none {display: none;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .text {font-weight: 300; font-size: 16px; line-height: 20px; color: #ffffff;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .title {margin: 40px 0 0; font-weight: 300; font-size: 24px; line-height: 36px; color: #ffffff;}
.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .login_btn {display: block; width: 140px; margin: 40px auto 0; background-color: #c4a491; font-weight: 700; font-size: 16px; line-height: 40px; color: #ffffff; text-align: center;}
.bnf_area .bnf_big_area .bnf_big_box > .text {margin: 20px 0 0; font-weight: 300; font-size: 20px; line-height: 24px; color: #000000; text-align: center;}
.bnf_area .thumb_area {margin: 80px 0 0;}
.bnf_area .thumb_area .list {display: flex; flex-wrap: wrap; gap: 30px 25px;}
.bnf_area .thumb_area .list li {width: calc(25% - 18.75px);}
.bnf_area .thumb_area .list li .box {display: block; width: 100%; border: 1px solid #cccccc;}
.bnf_area .thumb_area .list li.on .box {border: 2px solid #c4a491}
.bnf_area .thumb_area .list li .box .img_area {display: flex;}
.bnf_area .thumb_area .list li .box .img_area .img_box {position: relative; width: 100%; padding: 0 0 65.165%; overflow: hidden;}
.bnf_area .thumb_area .list li .box .img_area .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover}
.bnf_area .thumb_area .list li .box .img_area .img_box.after {}
.bnf_area .thumb_area .list li .box .img_area .img_box.after:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 1;}
.bnf_area .thumb_area .list li .box .img_area .img_box.after.none:before {display: none;}
.bnf_area .thumb_area .list li .box .img_area .img_box.after img {}
.bnf_area .thumb_area .list li .box .text {padding: 16px 3px; font-weight: 300; font-size: 16px; line-height: 24px; color: #000000; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}

.clinic_area {}
.clinic_area > .list {}
.clinic_area > .list > li {margin: 70px 0 0;}
.clinic_area > .list > li:first-child {margin: 0;}
.clinic_area > .list > li > .box {}
.clinic_area > .list > li > .box .title_area {margin: 0 0 20px;}
.clinic_area > .list > li > .box .title_area .title {font-weight: 700; font-size: 30px; line-height: 34px; color: #3F0F40; text-align: center;}
.clinic_area > .list > li > .box .clinic_box {}
.clinic_area > .list > li > .box .clinic_box > .list {}
.clinic_area > .list > li > .box .clinic_box > .list > li {margin: 35px 0 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li:first-child {margin: 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box {padding: 30px; background-color: #e7e7e7; border-radius: 10px;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list {display: flex;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li {position: relative; width: 100%; margin: 0 100px 0 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li:last-child {margin: 0; padding: 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li:before {display: block; content: ""; position: absolute; right: -50px; top: 50%; transform: translateY(-50%); width: 1px; height: 256px; background-color: #a1a1a1;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li:last-child:before {display: none;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area {height: 530px; padding: 20px; background-color: #fff; border-radius: 10px; border: 1px solid #cccccc;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box {display: block; height: 100%; transition: all 0.5s;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner {position: relative; height: 100%; padding: 0 0 25px;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box {}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box .title {font-weight: 700; font-size: 36px; line-height: 40px;	color: #9d9d9d;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box .en {margin: 10px 0 0; font-weight: 300; font-size: 16px; line-height: 20px; color: #666666;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box {display: flex; justify-content: space-between; gap: 0 10px; margin: 30px 0 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .text {font-weight: 300; font-size: 18px; line-height: 24px; color: #000000;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .img_box {flex-shrink: 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .img_box img {max-height: 320px; object-fit: contain;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .arrow_btn {position: absolute; left: 0; bottom: 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .arrow_btn .text {display: inline-block; padding: 0 0 0 30px; background: url("/chn/images/sub/clinic_arrow.png") no-repeat left center; font-weight: 400; font-size: 16px; line-height: 20px; color: #000000;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box {display: none; height: 100%; transition: all 0.5s;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner {position: relative; height: 100%; padding: 0 0 40px;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .tag {font-weight: 700; font-size: 18px; line-height: 20px; color: #3F0F40;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .title {margin: 20px 0 0; font-weight: 700; font-size: 36px; line-height: 40px; color: #9d9d9d;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .en {margin: 10px 0 0; font-weight: 300; font-size: 16px; line-height: 20px; color: #666666;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box {display: flex; justify-content: space-between; gap: 10px 20px; margin: 30px 0 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .text {	font-weight: 300; font-size: 19px; line-height: 28px; color: #000000; min-width: 0; white-space: normal; overflow-wrap: break-word; word-break:keep-all;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .img_box {flex-shrink: 0; max-width: 265px}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .img_box img {}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .logo_box {position: absolute; right: 0; bottom: 0;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .logo_box img {}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area:hover .prd_box, .clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area:focus .prd_box {display: none;}
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area:hover .hover_box, .clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area:focus .hover_box {display: block;} 
.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li.sty2 {width: calc(50% - 54.5px);}


.key_area {}
.key_area .title_area {padding: 180px 0 0; background: url("/chn/images/sub/key_title_icon.png") no-repeat center top;}
.key_area .title_area .title {font-family: "NotoSansSC"; font-weight: 400; font-size: 40px; line-height: 44px; color: #000000; text-align: center;}
.key_area .key_box {margin: 45px 0 0; padding: 90px 55px; background-color: #f7f7f7; border-radius: 20px;}
.key_area .key_box .key_inner {display: flex; gap: 0 60px; align-items: center;}
.key_area .key_box .key_inner .icon_box {display: flex; justify-content: center; align-items: center; flex-shrink: 0; width: 220px; height: 220px; border-radius: 50%; background-color: #fff;}
.key_area .key_box .key_inner .icon_box img {}
.key_area .key_box .key_inner .text_list {}
.key_area .key_box .key_inner .text_list .list {}
.key_area .key_box .key_inner .text_list .list li {margin: 10px 0 0;}
.key_area .key_box .key_inner .text_list .list li:first-child {margin: 0;}
.key_area .key_box .key_inner .text_list .list li .text {display: inline-block; position: relative; padding: 0 0 0 30px; font-weight: 300; font-size: 20px; line-height: 38px; color: #000000; text-decoration: underline; text-underline-offset: 9px; text-decoration-thickness: 2px; text-decoration-color: #9d9d9d;}
.key_area .key_box .key_inner .text_list .list li .text:before {display: block; content: ""; position: absolute; left: 0; top: 6px; width: 21px; height: 24px; background: url("/chn/images/sub/key_chk_icon.png") no-repeat center / cover;}















@media screen and (max-width: 1450px) {

	.space_area .space_big_slide_area .space_btn_box {width: 1370px;}

}

@media screen and (max-width: 1400px) {
	.sub_top {margin: 0 0 50px; padding: 90px 0 0;}
	.sub_top .sub_top_area {height: 600px;}
	.sub_top .sub_top_area .sub_area .title_box {gap: 20px;}
	.sub_top .sub_top_area .sub_area .title_box .title {font-size: 80px;}
	.sub_top .sub_top_area .sub_area .title_box .title.ft_s55 {font-size: 40px;}
	.sub_top .sub_top_area .sub_area .title_box .text {font-size: 26px; line-height: 30px;}
	.sub_top .breadcrumb {padding: 20px 0 0;}
	.sub_top .breadcrumb > .list > li {margin: 0 10px 0 0; padding: 0 12px 0 0;}

	.sub_cont {padding: 0 0 60px;}

	.com_title_area {margin: 0 0 40px;}
	.com_title_area .title {font-size: 44px;}
	.com_title_area .text {margin: 20px 0 0; font-size: 18px; line-height: 26px;}

	.com_title_area.icon {padding: 80px 0 0;}
	.com_title_area.icon:before {width: 70px; height: 70px;}
	.com_title_area.icon:after {top: 29px; width: 8px; height: 12px;}


	.bbs_area {margin: 0 0 15px;}
	.bbs_area .total_box {font-size: 14px; line-height: 20px;}
	.bbs_area .sch_area {max-width: 420px; }
	.bbs_area .sch_area .sch_inner .select_box {width: 90px;}
	.bbs_area .sch_area .sch_inner .select_box select {padding: 0 15px; background-size: 10px 5px; font-size: 14px; line-height: 50px;}
	.bbs_area .sch_area .sch_inner .input_box {width: calc(100% - 140px);}
	.bbs_area .sch_area .sch_inner .input_box input {padding: 0 15px; font-size: 14px; line-height: 50px;}
	.bbs_area .sch_area .sch_inner .sch_btn {width: 50px; height: 50px;}

	.board_area .board_list li .box {padding: 15px 20px 15px 30px;}
	.board_area .board_list li .box .num {width: 55px; font-size: 16px; line-height: 28px;}
	.board_area .board_list li .box .title {padding: 0 20px; font-size: 16px; line-height: 20px;}
	.board_area .board_list li .box .date {width: 180px; font-size: 14px; line-height: 22px;}
	.board_area .board_list li .box .arrow_btn {width: 40px; height: 40px; }
	.board_area .board_list li .box .arrow_btn img {width: 6px;}

	.board_view .board_top {padding: 15px 0;}
	.board_view .board_top .title_box {gap: 5px 10px;}
	.board_view .board_top .title_box .badge {width: 50px; font-size: 14px; line-height: 28px;}
	.board_view .board_top .title_box .title {font-size: 20px; line-height: 28px;}
	.board_view .board_top .date {font-size: 14px; line-height: 18px;}
	.board_view .board_cont {padding: 40px 20px;}
	.board_view .board_cont .text {font-size: 14px; line-height: 21px;}
	.board_view .board_btm {margin: 20px 0 0;}
	.board_view .board_btm .post_nav .post_btn {width: 20px;}

	.info_area .info_box {padding: 50px 50px 50px 0;}
	.info_area .info_box .img_box img {width: 140px;}
	.info_area .info_box .title_box {height: 580px;}
	.info_area .info_box .title_box .title_inner .sub_title {font-size: 20px; line-height: 24px;}
	.info_area .info_box .title_box .title_inner .title {font-size: 36px;}
	.info_area .info_box .title_box .title_inner .tel {margin: 20px 0 0; font-size: 40px;}
	.info_area .text_box {gap: 20px 0;}
	.info_area .text_box .text {font-size: 18px; line-height: 26px;}
	.info_area .text_box .day_list .list li {margin: 15px 0 0;}
	.info_area .text_box .day_list .list li .box {font-size: 28px; line-height: 34px;}
	.info_area .text_box .day_list .list li .box .title {width: 140px;}

	.people_area .list {gap: 40px 15px;}
	.people_area .list li {width: calc(25% - 11.25px);}
	.people_area .list li .box .box_inner .title {font-size: 20px; line-height: 24px;;}
	.people_area .list li .box .box_inner .img_wrap { margin: 10px 0 0;}
	.people_area .list li .box .box_inner .img_wrap .hover_box .text {font-size: 14px; line-height: 22px;}
	.people_area .list li .box .box_inner .career {margin: 6px 0 0;}
	.people_area .list li .box .box_inner .career .text {font-size: 14px; line-height: 26px;}

	.story_area .story_top {gap: 0 200px;}
	.story_area .story_top .text_box {width: 420px; height: 420px; }
	.story_area .story_top .text_box .ch_text {font-size: 80px; }
	.story_area .story_top .text_box .ko_text {margin: 15px 0 0; font-size: 30px; line-height: 32px;}
	.story_area .story_top .title_box {width: 400px; height: 410px;}
	.story_area .story_top .title_box .text {font-size: 40px; line-height: 44px;}
	.story_area .story_btm {margin: 40px 0 0;}
	.story_area .story_btm .list li {margin: 30px 0 0;}
	.story_area .story_btm .list li .box {padding: 50px 0;}
	.story_area .story_btm .list li .box .info_box .left_box .title {font-size: 40px; line-height: 44px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box {padding: 15px 0 15px 35px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box:before { height: 130px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box .text {font-size: 20px; line-height: 34px;}
	.story_area .story_btm .list li .box .info_box .right_box .img_box {margin: 40px 0 0;}

	.space_area .space_big_slide_area .space_btn_box {width: 98%; height: 41px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn {width: 22px; height: 41px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn img {width: 22px;}
	.space_area .space_big_slide_area .space_big_slide .list li .box .text_box {margin: 10px 0 0;}
	.space_area .space_big_slide_area .space_big_slide .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.space_area .space_big_slide_area .space_big_slide .list li .box .text_box .text {font-size: 16px; line-height: 20px;}
	.space_area .space_thumb_slide_area {margin: 30px 0 0;}


	.com_tab_menu .list li .box {width: 200px; height: 44px;}
	.com_tab_menu .list li .box .text {font-size: 18px; line-height: 22px;}
	.equip_area > .list > li {margin: 10px 0 0;}
	.equip_area > .list > li .box {gap: 0 60px; padding: 40px 40px 40px 60px;}
	.equip_area > .list > li .box .img_box img {width: 285px; height: 285px;}
	.equip_area > .list > li .box .text_area .title_area {gap: 10px 20px;}
	.equip_area > .list > li .box .text_area .title_area .title_box .title {font-size: 24px; line-height: 30px;text-underline-offset: 6px;}
	.equip_area > .list > li .box .text_area .title_area .tag_list .list {gap: 5px;}
	.equip_area > .list > li .box .text_area .title_area .tag_list .list li .text {width: 70px; font-size: 16px; line-height: 28px;}
	.equip_area > .list > li .box .text_area .text_box {margin: 30px 0 0; font-size: 16px; line-height: 26px;}

	.event_area .list {gap: 30px 20px;}
	.event_area .list li {width: calc(33.3333% - 13.3333px);}
	.event_area .list li .box .text_box {margin: -15px 0 0; }
	.event_area .list li .box .text_box .event {width: 90px; font-size: 16px; line-height: 30px;}
	.event_area .list li .box .text_box .title {margin: 20px 0 0; font-size: 24px; line-height: 30px;}
	.event_area .list li .box .text_box .text {margin: 10px 0 0; font-size: 14px; line-height: 20px;}
	.event_area .list li .box .text_box .date {margin: 20px 0 0; font-size: 14px; line-height: 20px;}

	.bnf_area .bnf_big_area {padding: 0 50px;}
	.bnf_area .bnf_big_area .img_btn img {width: 22px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .text {font-size: 14px; line-height: 18px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .title {margin: 30px 0 0; font-size: 20px; line-height: 32px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .login_btn {width: 120px; margin: 30px auto 0; font-size: 14px; line-height: 35px;}
	.bnf_area .bnf_big_area .bnf_big_box > .text {margin: 10px 0 0; font-size: 18px; line-height: 20px;}
	.bnf_area .thumb_area {margin: 50px 0 0;}
	.bnf_area .thumb_area .list {gap: 20px;}
	.bnf_area .thumb_area .list li {width: calc(25% - 15px);}
	.bnf_area .thumb_area .list li .box .text {padding: 10px 3px; font-size: 14px; line-height: 20px;}

	.key_area .title_area {padding: 100px 0 0; background-size: 35px auto;}
	.key_area .title_area .title {font-size: 30px; line-height: 34px;}
	.key_area .key_box {margin: 30px 0 0; padding: 40px;}
	.key_area .key_box .key_inner {gap: 0 30px;}
	.key_area .key_box .key_inner .icon_box {width: 170px; height: 170px;}
	.key_area .key_box .key_inner .icon_box img {width: 110px;}
	.key_area .key_box .key_inner .text_list .list li .text {font-size: 18px; line-height: 32px; text-underline-offset: 7px;}
	.clinic_area > .list > li {margin: 40px 0 0;}
	.clinic_area > .list > li > .box .title_area .title {font-size: 24px; line-height: 30px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li {margin: 20px 0 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box {padding: 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li {margin: 0 60px 0 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li.sty2 {width: calc(50% - 30px);}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li:before {right: -30px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area {height: 460px; padding: 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box .title {font-size: 28px; line-height: 30px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box .en {font-size: 14px; line-height: 18px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box {margin: 20px 0 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .img_box img {max-height: 280px}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .text {font-size: 16px; line-height: 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .tag {font-size: 16px; line-height: 18px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .en {font-size: 14px; line-height: 18px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box {margin: 20px 0 0; gap: 5px 10px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .text {font-size: 16px; line-height: 24px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .img_box {max-width: 210px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .title {margin: 10px 0 0; font-size: 28px; line-height: 30px;}




}
@media screen and (max-width: 1080px) {

	.sub_top {margin: 0 0 30px; padding: 55px 0 0;}
	.sub_top .sub_top_area {height: 440px;}
	.sub_top .sub_top_area .sub_area .title_box {gap: 10px;}
	.sub_top .sub_top_area .sub_area .title_box .title {font-size: 60px;}
	.sub_top .sub_top_area .sub_area .title_box .title.ft_s55 {font-size: 30px;}
	.sub_top .sub_top_area .sub_area .title_box .text {font-size: 22px; line-height: 26px;}

	.sub_top .breadcrumb {padding: 10px 0 0;}
	.sub_top .breadcrumb > .list > li {margin: 0 5px 0 0; padding: 0 10px 0 0;}
	.sub_top .breadcrumb > .list > li a.home {height: 16px;}
	.sub_top .breadcrumb > .list > li a.home img {width: 16px;}
	.sub_top .breadcrumb > .list > li .box .text {font-size: 12px; line-height: 16px;}
	.sub_top .breadcrumb > .list > li:last-child .box .text {padding: 0 15px 0 0;}
	.sub_top .breadcrumb > .list > li:last-child .box .text:before {top: 2px; width: 13px; height: 13px; background-size: cover;}
	.sub_top .breadcrumb > .list > li .list2 {width: 105px; padding: 5px;}
	.sub_top .breadcrumb > .list > li .list2 li {margin: 5px 0 0;}
	.sub_top .breadcrumb > .list > li .list2 li .box {font-size: 12px; line-height: 16px;}

	.sub_cont {padding: 0 0 40px;}

	.com_title_area {margin: 0 0 20px;}
	.com_title_area .title {font-size: 30px;}
	.com_title_area .text {margin: 10px 0 0; font-size: 16px; line-height: 24px;}

	.com_title_area.icon {padding: 70px 0 0;}
	.com_title_area.icon:before {width: 60px; height: 60px;}
	.com_title_area.icon:after {top: 24px; width: 6px; height: 10px;}


	.bbs_area {margin: 0 0 10px;}
	.bbs_area .sch_area {max-width: 320px; }
	.bbs_area .sch_area .sch_inner .select_box {width: 70px;}
	.bbs_area .sch_area .sch_inner .select_box select {background-size: 8px auto; line-height: 40px;}
	.bbs_area .sch_area .sch_inner .input_box {width: calc(100% - 110px);}
	.bbs_area .sch_area .sch_inner .input_box input {padding: 0 10px; line-height: 40px;}
	.bbs_area .sch_area .sch_inner .sch_btn {width: 40px; height: 40px;}
	.bbs_area .sch_area .sch_inner .sch_btn img {width: 18px;}

	.board_area .board_list li .box {padding: 10px;}
	.board_area .board_list li .box .num {width: 40px; font-size: 14px; line-height: 24px;}
	.board_area .board_list li .box .title {padding: 0 10px; font-size: 14px; line-height: 18px;}
	.board_area .board_list li .box .date {width: 110px; line-height: 20px;}
	.board_area .board_list li .box .arrow_btn {width: 30px; height: 30px; }
	.board_area .board_list li .box .arrow_btn img {width: 4px;}

	.board_view .board_top {padding: 10px 0;}
	.board_view .board_top .title_box {gap: 5px;}
	.board_view .board_top .title_box .badge {line-height: 24px;}
	.board_view .board_top .title_box .title {font-size: 18px; line-height: 24px;}
	.board_view .board_cont {padding: 20px 10px;}

	.info_area .info_box {padding: 30px 30px 30px 0;}
	.info_area .info_box .img_box img {width: 100px;}
	.info_area .info_box .title_box {height: 440px;}
	.info_area .info_box .title_box .title_inner .sub_title {font-size: 18px; line-height: 22px;}
	.info_area .info_box .title_box .title_inner .title {font-size: 26px;}
	.info_area .info_box .title_box .title_inner .tel {margin: 10px 0 0; font-size: 30px;}
	.info_area .text_box {gap: 10px 0;}
	.info_area .text_box .text {font-size: 16px; line-height: 24px;}
	.info_area .text_box .day_list .list li {margin: 10px 0 0;}
	.info_area .text_box .day_list .list li .box {font-size: 22px; line-height: 28px;}
	.info_area .text_box .day_list .list li .box .title {width: 100px;}

	.people_area .list {gap: 20px 10px;}
	.people_area .list li {width: calc(33.3333% - 6.6666px);}
	.people_area .list li .box .box_inner .title {font-size: 18px; line-height: 22px;}
	.people_area .list li .box .box_inner .img_wrap {margin: 6px 0 0;}
	.people_area .list li .box .box_inner .img_wrap .hover_box .text {line-height: 20px;}
	.people_area .list li .box .box_inner .career .text {line-height: 24px;}

	.story_area .story_top {gap: 0 150px;}
	.story_area .story_top .text_box {width: 300px; height: 300px; }
	.story_area .story_top .text_box .ch_text {font-size: 60px; }
	.story_area .story_top .text_box .ko_text {margin: 10px 0 0; font-size: 24px; line-height: 28px;}
	.story_area .story_top .title_box {width: 300px; height: 310px;}
	.story_area .story_top .title_box .text {font-size: 30px; line-height: 34px;}
	.story_area .story_btm {margin: 20px 0 0;}
	.story_area .story_btm .list li {margin: 20px 0 0;}
	.story_area .story_btm .list li .box {padding: 30px 0;}
	.story_area .story_btm .list li .box .info_box .left_box .title {font-size: 30px; line-height: 34px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box {padding: 10px 0 10px 20px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box:before { height: 100%;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box .text {font-size: 18px; line-height: 30px;}
	.story_area .story_btm .list li .box .info_box .right_box .img_box {margin: 20px 0 0;}

	.space_area .space_big_slide_area .space_btn_box {top: 40%; height: 37px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn {width: 20px; height: 37px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn img {width: 20px;}
	.space_area .space_big_slide_area .space_big_slide .list li .box .text_box {margin: 6px 0 0;}
	.space_area .space_big_slide_area .space_big_slide .list li .box .text_box .title {font-size: 18px; line-height: 20px;}
	.space_area .space_big_slide_area .space_big_slide .list li .box .text_box .text {font-size: 14px; line-height: 18px;}
	.space_area .space_thumb_slide_area {margin: 20px 0 0;}

	.com_tab_menu .list li .box {width: 140px; height: 34px;}
	.com_tab_menu .list li .box .text {font-size: 16px; line-height: 20px;}
	.equip_area > .list > li {margin: 6px 0 0;}
	.equip_area > .list > li .box {gap: 0 30px; padding: 30px;}
	.equip_area > .list > li .box .img_box img {width: 200px; height: 200px;}
	.equip_area > .list > li .box .text_area .title_area {gap: 10px;}
	.equip_area > .list > li .box .text_area .title_area .title_box .title {font-size: 20px; line-height: 24px; text-underline-offset: 4px;}
	.equip_area > .list > li .box .text_area .title_area .tag_list .list li .text {width: 60px; font-size: 14px; line-height: 24px;}
	.equip_area > .list > li .box .text_area .text_box {margin: 20px 0 0; font-size: 14px; line-height: 20px;}

	.event_area .list {gap: 20px 10px;}
	.event_area .list li {width: calc(33.3333% - 6.6666px);}
	.event_area .list li .box .text_box {margin: -13px 0 0; }
	.event_area .list li .box .text_box .event {width: 70px; font-size: 14px; line-height: 26px;}
	.event_area .list li .box .text_box .title {margin: 10px 0 0; font-size: 20px; line-height: 24px;}
	.event_area .list li .box .text_box .text {margin: 6px 0 0;}
	.event_area .list li .box .text_box .date {margin: 10px 0 0;}

	.bnf_area .bnf_big_area {padding: 0 30px;}
	.bnf_area .bnf_big_area .img_btn img {width: 20px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box > .title {font-size: 14px; line-height: 40px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .title {margin: 20px 0 0; font-size: 18px; line-height: 26px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .login_btn {width: 100px; margin: 20px auto 0; line-height: 30px;}
	.bnf_area .bnf_big_area .bnf_big_box > .text {margin: 6px 0 0; font-size: 16px; line-height: 18px;}
	.bnf_area .thumb_area {margin: 30px 0 0;}
	.bnf_area .thumb_area .list {gap: 10px;}
	.bnf_area .thumb_area .list li {width: calc(33.3333% - 6.6666px);}
	.bnf_area .thumb_area .list li .box .text {padding: 5px 3px; line-height: 18px;}


	.key_area .title_area {padding: 80px 0 0; background-size: 30px auto;}
	.key_area .title_area .title {font-size: 24px; line-height: 30px;}
	.key_area .key_box {margin: 20px 0 0; padding: 20px;}
	.key_area .key_box .key_inner {gap: 0 20px;}
	.key_area .key_box .key_inner .icon_box {width: 140px; height: 140px;}
	.key_area .key_box .key_inner .icon_box img {width: 80px;}
	.key_area .key_box .key_inner .text_list .list li {margin: 6px 0 0;}
	.key_area .key_box .key_inner .text_list .list li .text {padding: 0 0 0 18px; font-size: 16px; line-height: 28px; text-underline-offset: 5px;}
	.key_area .key_box .key_inner .text_list .list li .text:before {width: 16px; height: 18px;}
	
	.clinic_area > .list > li {margin: 20px 0 0;}	
	.clinic_area > .list > li > .box .title_area {margin: 0 0 10px;}
	.clinic_area > .list > li > .box .title_area .title {font-size: 20px; line-height: 24px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li {margin: 10px 0 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box {padding: 10px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li {margin: 0 30px 0 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li.sty2 {width: calc(50% - 15px);}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li:before {right: -15px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area {height: 380px; padding: 10px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner {padding: 0 0 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box .title {font-size: 20px; line-height: 24px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box .en {margin: 6px 0 0; font-size: 12px; line-height: 16px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box {margin: 10px 0 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .img_box img {max-height: 200px}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .text {font-size: 14px; line-height: 18px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .arrow_btn .text {background-size: 16px auto; padding: 0 0 0 20px; font-size: 14px; line-height: 18px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner {padding: 0 0 30px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .tag {font-size: 14px; line-height: 16px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .en {margin: 6px 0 0; font-size: 12px; line-height: 16px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box {margin: 10px 0 0; gap: 5px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .text {font-size: 14px; line-height: 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .img_box {max-width: 160px; max-height: 230px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .title {margin: 6px 0 0; font-size: 20px; line-height: 24px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .logo_box img {width: 140px;}








}


@media screen and (max-width: 767px) {

	.sub_top {margin: 0 0 20px; }
	.sub_top .sub_top_area {height: 300px;}
	.sub_top .sub_top_area .sub_area .title_box .title {font-size: 40px;}
	.sub_top .sub_top_area .sub_area .title_box .title.ft_s55 {font-size: 24px;}
	.sub_top .sub_top_area .sub_area .title_box .text {font-size: 18px; line-height: 24px;}

	.sub_cont {padding: 0 0 20px;}

	.com_title_area .title {font-size: 24px;}
	.com_title_area .text {margin: 6px 0 0; font-size: 14px; line-height: 20px;}

	.com_title_area.icon {padding: 60px 0 0;}
	.com_title_area.icon:before {width: 50px; height: 50px;}
	.com_title_area.icon:after {top: 20px; width: 4px; height: 8px;}

	.board_area .board_list li .box {flex-direction: column; align-items: start; gap: 3px;}
	.board_area .board_list li .box .date {width: auto;}
	.board_area .board_list li .box .num {text-align: left;}
	.board_area .board_list li .box .num.badge {text-align: center;}
	.board_area .board_list li .box .title {padding: 0;}
	.board_area .board_list li .box .arrow_btn {display: none;}

	.bbs_area .sch_area .sch_inner .select_box select {line-height: 35px;}
	.bbs_area .sch_area .sch_inner .input_box {width: calc(100% - 110px);}
	.bbs_area .sch_area .sch_inner .input_box input {line-height: 35px;}
	.bbs_area .sch_area .sch_inner .sch_btn {width: 35px; height: 35px;}
	.bbs_area .sch_area .sch_inner .sch_btn img {width: 14px; vertical-align: middle;}

	.board_view .board_top {flex-direction: column; gap: 5px; align-items: start;}
	.board_view .board_top .title_box .title {font-size: 16px; line-height: 20px;}

	.info_area .info_box {padding: 20px 20px 20px 0;}
	.info_area .info_box .img_box img {width: 60px;}
	.info_area .info_box .title_box {height: 300px;}
	.info_area .info_box .title_box .title_inner .sub_title {font-size: 16px; line-height: 20px;}
	.info_area .info_box .title_box .title_inner .title {font-size: 20px;}
	.info_area .info_box .title_box .title_inner .tel {margin: 6px 0 0; font-size: 24px;}
	.info_area .text_box .text {font-size: 14px; line-height: 20px;}
	.info_area .text_box .day_list .list li {margin: 6px 0 0;}
	.info_area .text_box .day_list .list li .box {font-size: 18px; line-height: 24px;}
	.info_area .text_box .day_list .list li .box .title {width: 70px;}

	.people_area .list {gap: 15px 10px;}
	.people_area .list li {width: calc(50% - 5px);}
	.people_area .list li .box .box_inner .title {font-size: 16px; line-height: 20px;}

	.story_area .story_top {gap: 0 100px;}
	.story_area .story_top .text_box {width: 200px; height: 200px; }
	.story_area .story_top .text_box .ch_text {font-size: 40px; }
	.story_area .story_top .text_box .ko_text {margin: 6px 0 0; font-size: 20px; line-height: 24px;}
	.story_area .story_top .title_box {width: 200px; height: 210px;}
	.story_area .story_top .title_box .text {font-size: 24px; line-height: 26px;}
	.story_area .story_btm {margin: 10px 0 0;}
	.story_area .story_btm .list li {margin: 10px 0 0;}
	.story_area .story_btm .list li .box {padding: 20px 0;}
	.story_area .story_btm .list li .box .info_box .left_box .title {font-size: 24px; line-height: 30px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box {padding: 10px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box .text {font-size: 16px; line-height: 26px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box .text br.mob {display: none;}
	.story_area .story_btm .list li .box .info_box .right_box .img_box {margin: 10px 0 0;}

	.space_area .space_big_slide_area .space_btn_box {height: 30px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn {width: 16px; height: 30px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn img {width: 16px;}
	.space_area .space_big_slide_area .space_big_slide .list li .box .text_box .title {font-size: 16px; line-height: 18px;}
	.space_area .space_thumb_slide_area {margin: 10px 0 0;}

	.com_tab_menu .list li .box {width: auto; padding: 0 10px; height: 30px;}
	.com_tab_menu .list li .box .text {font-size: 14px; line-height: 15px;}
	.equip_area > .list > li .box {flex-direction: column; gap: 10px; padding: 20px;}
	.equip_area > .list > li .box .text_area {width: 100%;}
	.equip_area > .list > li .box .text_area .title_area {flex-direction: column; align-items: start;}
	.equip_area > .list > li .box .text_area .title_area .title_box .title {font-size: 18px; line-height: 20px; text-underline-offset: 4px;}
	.equip_area > .list > li .box .text_area .title_area .tag_list .list li .text {width: 50px; line-height: 22px;}
	.equip_area > .list > li .box .text_area .text_box {margin: 10px 0 0; }

	.event_area .list {gap: 10px;}
	.event_area .list li {width: calc(50% - 5px);}
	.event_area .list li .box .text_box {margin: -12px 0 0; }
	.event_area .list li .box .text_box .event {width: 60px; line-height: 24px;}
	.event_area .list li .box .text_box .title {margin: 6px 0 0; font-size: 18px; line-height: 20px;}
	.event_area .list li .box .text_box .text {font-size: 12px; line-height: 18px;}
	.event_area .list li .box .text_box .date {margin: 6px 0 0; font-size: 12px; line-height: 18px;}

	.bnf_area .bnf_big_area {padding: 0 20px;}
	.bnf_area .bnf_big_area .img_btn img {width: 16px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box > .title {line-height: 35px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .title {margin: 10px 0 0; font-size: 16px; line-height: 24px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .login_btn {width: 90px; margin: 10px auto 0; line-height: 26px;}
	.bnf_area .bnf_big_area .bnf_big_box > .text {font-size: 14px;}
	.bnf_area .thumb_area {margin: 20px 0 0;}
	.bnf_area .thumb_area .list li {width: calc(50% - 5px);}

	.key_area .title_area {padding: 70px 0 0; background-size: 24px auto;}
	.key_area .title_area .title {font-size: 20px; line-height: 24px;}
	.key_area .key_box {margin: 10px 0 0; padding: 15px;}
	.key_area .key_box .key_inner {gap: 10px; flex-direction: column;}
	.key_area .key_box .key_inner .icon_box {width: 100px; height: 100px;}
	.key_area .key_box .key_inner .icon_box img {width: 60px;}
	.key_area .key_box .key_inner .text_list .list li .text {padding: 0 0 0 14px; font-size: 14px; line-height: 24px; text-underline-offset: 5px;}
	.key_area .key_box .key_inner .text_list .list li .text:before {width: 12px; height: 13px;}

	.clinic_area > .list > li > .box .title_area .title {font-size: 18px; line-height: 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list {flex-direction: column; gap: 10px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li.sty2 {width: 100%;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li {margin: 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li:before {display: none;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area {height: auto;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box {flex-direction: column !important;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .img_box {text-align: center;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .img_box img {max-height: 140px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .title_box .title {font-size: 18px; line-height: 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .tag {font-size: 12px; line-height: 14px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .title {font-size: 18px; line-height: 20px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box {align-items: start !important; flex-direction: column !important; margin: 6px 0 0;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .text {font-size: 12px; line-height: 16px;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .img_box {max-width: 100px; margin: 0 auto;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .logo_box img {width: 120px;}
}


@media screen and (max-width: 480px) {

	.sub_top .sub_top_area {height: 200px;}
	.sub_top .sub_top_area .sub_area .title_box .title {font-size: 30px;}
	.sub_top .sub_top_area .sub_area .title_box .title.ft_s55 {font-size: 20px;}
	.sub_top .sub_top_area .sub_area .title_box .text {font-size: 16px; line-height: 20px;}

	.sub_cont {padding: 0 0 20px;}

	.bbs_area {flex-direction: column; gap: 10px; align-items: end;}
	.bbs_area .sch_area {max-width: 100%;}
	.bbs_area .sch_area .sch_inner .input_box {width: calc(100% - 105px)}

	.info_area {flex-direction: column; gap: 10px;}
	.info_area .info_box {width: 100%; padding: 20px 0 0;}
	.info_area .info_box .title_box {height: 200px;}
	.info_area .text_box {width: 100%; gap: 5px 0;}
	.info_area .text_box .text {text-align: center;}
	.info_area .text_box .day_list .list li .box {justify-content: center; font-size: 16px; line-height: 20px;}

	.people_area .list li {width: 100%;}
	.people_area .list li .box .box_inner .img_wrap .img_box {padding: 0 0 160%;}

	.story_area .story_top {gap: 0 50px;}
	.story_area .story_top .text_box {width: 160px; height: 160px; }
	.story_area .story_top .text_box .ch_text {font-size: 30px; }
	.story_area .story_top .text_box .ko_text {font-size: 18px; line-height: 20px;}
	.story_area .story_top .title_box {width: 160px; height: 160px;}
	.story_area .story_top .title_box .text {font-size: 20px; line-height: 22px;}
	.story_area .story_btm .list li .box .info_box {flex-direction: column; gap: 10px;}
	.story_area .story_btm .list li .box .info_box .left_box {width: 100%;}
	.story_area .story_btm .list li .box .info_box .left_box .title {font-size: 20px; line-height: 24px;}
	.story_area .story_btm .list li .box .info_box .right_box {width: 100%;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box {padding: 0 0 0 10px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box .text {font-size: 14px; line-height: 22px;}
	.story_area .story_btm .list li .box .info_box .right_box .text_box .text br.mob {display: block;}

	.space_area .space_big_slide_area .space_btn_box {height: 22px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn {width: 12px; height: 22px;}
	.space_area .space_big_slide_area .space_btn_box .space_btn img {width: 12px;}

	.equip_area > .list > li .box .text_area .title_area .title_box .title {font-size: 16px;}

	.com_tab_menu {border-bottom: none;}
	.com_tab_menu .list {flex-wrap: wrap; gap: 1px; justify-content: start;}
	.com_tab_menu .list li {width: calc(50% - 0.5px);}
	.com_tab_menu .list li .box {border: 1px solid #000;}

	.event_area .list li .box .text_box .title {font-size: 16px; }
	
	.bnf_area .bnf_big_area .img_btn img {width: 14px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box > .title {font-size: 12px; line-height: 30px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .text {font-size: 12px; line-height: 16px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .title {margin: 6px 0 0; font-size: 14px; line-height: 20px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .login_btn {width: 80px; margin: 6px auto 0; font-size: 12px; line-height: 24px;}
	.bnf_area .thumb_area {margin: 10px 0 0;}
	.bnf_area .thumb_area .list {gap: 5px;}
	.bnf_area .thumb_area .list li {width: 100%;}
	.bnf_area .thumb_area .list li .box {padding: 10px;}
	.bnf_area .thumb_area .list li .box .text {padding: 5px 3px 0;}

	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box {flex-direction: column !important;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .hover_box .box_inner .text_box .img_box {margin: 0 auto;}
	.clinic_area > .list > li > .box .clinic_box > .list > li > .box .info_list > li .prd_area .prd_box .prd_inner .text_box .img_box img {max-height: 120px;}


}




@media screen and (max-width: 380px) {
	.bnf_area .bnf_big_area {padding: 0;}
	.bnf_area .bnf_big_area .img_btn {display: none;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box {padding: 30px 5px 0;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .text {font-size: 10px; line-height: 14px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .title {font-size: 12px; line-height: 16px;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .title br {display: none;}
	.bnf_area .bnf_big_area .bnf_big_box .img_area .img_box .login_box .login_btn {width: 60px; line-height: 20px;}
}




/* 추가 */

.uniqueness { padding: 30px 0 0; }
.uniqueness .uniqueness_sec + .uniqueness_sec { margin-top: 110px; }
.uniqueness .uniqueness_head { margin-bottom: 55px; text-align: center; }
.uniqueness .uniqueness_head .icon_box { margin-bottom: 30px; }
.uniqueness .uniqueness_head .icon_box img { display: inline-block; vertical-align: top; }
.uniqueness .uniqueness_head .text { font-size: 18px; line-height: 1.8; }

.uniqueness .uniqueness_svip { display: flex; align-items: center; gap: 0 60px; }
.uniqueness .uniqueness_svip .img_box { flex: 0 0 480px; }
.uniqueness .uniqueness_svip .img_box img { display: block; width: 100%; height: auto; object-fit: cover; }
.uniqueness .uniqueness_svip .text_box { flex: 1 1 auto; margin-top: 100px; }
.uniqueness .uniqueness_svip .text_box .title { font-family: "NotoSansSC"; font-size: 36px; color: #363634; line-height: 1.45; }
.uniqueness .uniqueness_svip .text_box .desc { margin-top: 50px; }
.uniqueness .uniqueness_svip .text_box .desc p { margin-top: 18px; font-size: 18px; line-height: 1.7; color: #7a7570; word-break: keep-all; }
.uniqueness .uniqueness_svip .text_box .desc p:first-child { margin-top: 0; }

.uniqueness .uniqueness_award { display: flex; flex-direction: column; gap: 60px 0; margin-top: 95px; }
.uniqueness .uniqueness_award .award_item { display: grid; grid-template-columns: 344px 230px 1fr; align-items: center; gap: 56px; }
.uniqueness .uniqueness_award .award_item .logo_box img { display: block; width: 100%; vertical-align: top; height: auto; }
.uniqueness .uniqueness_award .award_item .cert_box { margin-left: 0; }
.uniqueness .uniqueness_award .award_item .cert_box img { display: block; vertical-align: top; width: auto; height: 230px; max-width: 100%; margin: 0 auto; object-fit: contain; }
.uniqueness .uniqueness_award .award_item .text_box { margin-left: 0; }
.uniqueness .uniqueness_award .award_item .text_box .title { font-weight: 500; font-size: 18px; line-height: 1.6; }
.uniqueness .uniqueness_award .award_item .text_box .title span { font-weight: 700; font-size: 24px; color: #d1a14b; }
.uniqueness .uniqueness_award .award_item .text_box .desc { margin-top: 20px; font-size: 18px; line-height: 1.5; }

.uniqueness .num_area { padding: 140px 0 110px; }
.uniqueness .num_area .num_list .list { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 73px 0; }
.uniqueness .num_area .num_list .list li { width: calc((100% - 120px) / 2); }
.uniqueness .num_area .num_list .list li .box { display: flex; align-items: baseline; gap: 53px; }
.uniqueness .num_area .num_list .list li .box .text { width: 156px; font-weight: 400; font-size: 20px; line-height: 24px; color: #3F0F40; text-align: left; flex-shrink: 0; }
.uniqueness .num_area .num_list .list li .box .num_box { font-family: "CormorantGaramond"; font-weight: 700; font-size: 90px; line-height: 0.95; color: #000000; }

.uniqueness .global_area .img_wrap { display: inline-block; overflow: hidden; margin: 80px 0 0; width: 100%; height: 100%; }
.uniqueness .global_area .img_wrap .img_box { position: relative; width: 100%; padding: 0 0 40%; overflow: hidden; }
.uniqueness .global_area .img_wrap .img_box img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: opacity 0.8s ease-in-out; }
.uniqueness .global_area .img_wrap .img_box img.black { opacity: 1; }
.uniqueness .global_area .img_wrap .img_box img.color { opacity: 0; }
.uniqueness .global_area .img_wrap .img_box.is-color img.black { opacity: 0; }
.uniqueness .global_area .img_wrap .img_box.is-color img.color { opacity: 1; }

.uniqueness_sec.sec05 { padding: 120px 0; }
.uniqueness_sec.sec05 .img_area { max-width: 500px; margin: 0 auto; }
.uniqueness_sec.sec05 .img_box { position: relative; width: 100%; overflow: hidden; }
.uniqueness_sec.sec05 .img_box img { display: block; width: 100%; height: auto; }


/* philosophy */
.philosophy { padding: 20px 0 0; }
.philosophy .philosophy_sec + .philosophy_sec { margin-top: 140px; }

.philosophy_tit .sub_text{font-size: 18px; margin-top: 40px;}

/* sec01 */
.philosophy .philosophy_list.type01 {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 0 35px;}
.philosophy .philosophy_list.type01 .item { position: relative; width: 100%; }
.philosophy .philosophy_list.type01 .item + .item {border-left: 1px solid #999999;padding-left: 35px;}
.philosophy .philosophy_list.type01 .img_box { overflow: hidden; border-radius: 16px; }
.philosophy .philosophy_list.type01 .img_box img {display: block;width: 100%;object-fit: cover;}
.philosophy .philosophy_list.type01 .tit_box { display: flex; align-items: baseline; gap: 12px; margin-top: 26px; }
.philosophy .philosophy_list.type01 .tit_box .en {font-family: "NotoSansSC";font-weight: 700;font-size: 33px;}
.philosophy .philosophy_list.type01 .tit_box .sub {font-size: 18px;}
.philosophy .philosophy_list.type01 .txt_box {margin-top: 30px;}
.philosophy .philosophy_list.type01 .txt_box .txt {font-size: 17px;line-height: 28px;}
.philosophy .philosophy_list.type01 .info { margin-top: 30px; }
.philosophy .philosophy_list.type01 .info .row + .row { margin-top: 22px; }
.philosophy .philosophy_list.type01 .info dt {margin-bottom: 8px;font-weight: 700;font-size: 17px;}
.philosophy .philosophy_list.type01 .info dd {font-size: 17px;}

/* sec02 */
.philosophy .philosophy_visual { position: relative; border-radius: 16px; overflow: hidden; }
.philosophy .philosophy_visual .title{font-family: "ChironSungHK" , "NotoSansSC";font-size: 36px;margin-bottom: 38px;}
.philosophy .philosophy_visual .img_box { position: relative; }
.philosophy .philosophy_visual .img_box img {display: block;/* width: 100%; */object-fit: cover;border-radius: 30px;margin: 0 auto;}
.philosophy .philosophy_visual .text_box {position: absolute;right: 120px;bottom: 90px;z-index: 1;}
.philosophy .philosophy_visual .text_box .txt {font-weight: 300;font-size: 18px;line-height: 1.6;color: #ffffff;text-align: left;}

/* sec03 */
.philosophy .philosophy_intro {margin: 115px 0px  69px;text-align: center;}
.philosophy .philosophy_intro .title {font-family: "ChironSungHK" "NotoSansSC";font-weight: 400;font-size: 36px;}
.philosophy .philosophy_intro .text {margin-top: 20px;font-size: 18px;}
.philosophy .philosophy_list.type02 {display: flex;/* justify-content: center; */gap: 0 10px;}
.philosophy .philosophy_list.type02 .item {width: calc((100% - 0px) / 3);text-align: center;}
.philosophy .philosophy_list.type02 .img_box { position: relative; width: 100%; height: 395px; border-radius: 16px; overflow: hidden; }
.philosophy .philosophy_list.type02 .img_box::after {/* display: block; *//* content: ""; */position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.28);}
.philosophy .philosophy_list.type02 .img_box img {display: block;width: 100%;height: 100%;object-fit: cover;filter: grayscale(100%);}
.philosophy .philosophy_list.type02 .name { position: relative; z-index: 1; margin-top: -225px; font-family: "NotoSansSC"; font-weight: 400; font-size: 42px; line-height: 1.2; color: #ffffff; }
.philosophy .philosophy_list.type02 .desc {margin: 188px auto 0;/* max-width: 320px; */font-size: 18px;line-height: 1.5;}




@media screen and (max-width:1400px) {
	
	.philosophy { padding: 10px 0 0; }
	.philosophy .philosophy_sec + .philosophy_sec { margin-top: 100px; }
	.philosophy_tit .sub_text { font-size: 16px; margin-top: 30px; }
	.philosophy .philosophy_list.type01 { gap: 0 28px; }
	.philosophy .philosophy_list.type01 .item + .item { padding-left: 28px; }
	.philosophy .philosophy_list.type01 .tit_box { margin-top: 22px; gap: 10px; }
	.philosophy .philosophy_list.type01 .tit_box .en { font-size: 28px; }
	.philosophy .philosophy_list.type01 .tit_box .sub { font-size: 16px; }
	.philosophy .philosophy_list.type01 .txt_box { margin-top: 22px; }
	.philosophy .philosophy_list.type01 .txt_box .txt { font-size: 15px; line-height: 1.8; }
	.philosophy .philosophy_list.type01 .info { margin-top: 24px; }
	.philosophy .philosophy_list.type01 .info .row + .row { margin-top: 18px; }
	.philosophy .philosophy_list.type01 .info dt { margin-bottom: 6px; font-size: 15px; }
	.philosophy .philosophy_list.type01 .info dd { font-size: 15px; line-height: 1.7; }
	.philosophy .philosophy_visual .title { font-size: 30px; margin-bottom: 28px; }
	.philosophy .philosophy_visual .img_box img { max-width: 100%; }
	.philosophy .philosophy_visual .text_box { right: 60px; bottom: 55px; }
	.philosophy .philosophy_visual .text_box .txt { font-size: 16px; }
	.philosophy .philosophy_intro { margin: 90px 0 55px; }
	.philosophy .philosophy_intro .title { font-size: 30px; }
	.philosophy .philosophy_intro .text { margin-top: 16px; font-size: 16px; }
	.philosophy .philosophy_list.type02 { gap: 0 12px; }
	.philosophy .philosophy_list.type02 .img_box { height: 340px; }
	.philosophy .philosophy_list.type02 .name { margin-top: -192px; font-size: 34px; }
	.philosophy .philosophy_list.type02 .desc { margin-top: 155px; font-size: 15px; line-height: 1.7; }
	
	.uniqueness .uniqueness_sec + .uniqueness_sec { margin-top: 100px; }
	.uniqueness .uniqueness_head { margin-bottom: 50px; }
	.uniqueness .uniqueness_head .text { font-size: 16px; }
	.uniqueness .uniqueness_svip { gap: 0 45px; }
	.uniqueness .uniqueness_svip .img_box { flex-basis: 420px; }
	.uniqueness .uniqueness_svip .text_box { margin-top: 70px; }
	.uniqueness .uniqueness_svip .text_box .title { font-size: 34px; }
	.uniqueness .uniqueness_svip .text_box .desc { margin-top: 24px; }
	.uniqueness .uniqueness_svip .text_box .desc p { font-size: 15px; line-height: 1.8; }
	.uniqueness .uniqueness_award { align-items: center; gap: 50px 0; margin-top: 80px; }
	.uniqueness .uniqueness_award .award_item { grid-template-columns: 300px 150px 1fr; gap: 0 36px; }
	.uniqueness .uniqueness_award .award_item .logo_box { max-width: 300px; }
	.uniqueness .uniqueness_award .award_item .cert_box { max-width: 150px; margin-left: 0; }
	.uniqueness .uniqueness_award .award_item .cert_box img { height: 150px; }
	.uniqueness .uniqueness_award .award_item .text_box { margin-left: 0; }
	.uniqueness .uniqueness_award .award_item .text_box .title { font-size: 28px; line-height: 1.6; }
	.uniqueness .uniqueness_award .award_item .text_box .title br,
	.uniqueness .uniqueness_award .award_item .text_box .desc br { display: none; }
	.uniqueness .uniqueness_award .award_item .text_box .desc { margin-top: 14px; font-size: 16px; line-height: 1.7; }
	.uniqueness .num_area { padding: 110px 0 90px; }
	.uniqueness .num_area .num_list .list { gap: 55px 0; }
	.uniqueness .num_area .num_list .list li .box { gap: 35px; }
	.uniqueness .num_area .num_list .list li .box .text { width: 135px; font-size: 18px; line-height: 22px; }
	.uniqueness .num_area .num_list .list li .box .num_box { font-size: 72px; }
	.uniqueness_sec.sec05 { padding: 100px 0; }
	.uniqueness_sec.sec05 .img_area { max-width: 460px; }
}


@media screen and (max-width:1080px) {
	
	.philosophy .philosophy_sec + .philosophy_sec { margin-top: 80px; }
	.philosophy_tit .sub_text { font-size: 15px; margin-top: 20px; }
	.philosophy .philosophy_list.type01 { grid-template-columns: 1fr; gap: 50px 0; }
	.philosophy .philosophy_list.type01 .item + .item { border-left: 0; border-top: 1px solid #999999; padding-left: 0; padding-top: 40px; }
	.philosophy .philosophy_list.type01 .img_box img { width: 100%; height: 320px; }
	.philosophy .philosophy_list.type01 .tit_box { margin-top: 20px; }
	.philosophy .philosophy_list.type01 .tit_box .en { font-size: 26px; }
	.philosophy .philosophy_list.type01 .tit_box .sub { font-size: 15px; }
	.philosophy .philosophy_list.type01 .txt_box { margin-top: 18px; }
	.philosophy .philosophy_list.type01 .txt_box .txt { font-size: 14px; line-height: 1.8; }
	.philosophy .philosophy_list.type01 .info { margin-top: 20px; }
	.philosophy .philosophy_list.type01 .info .row + .row { margin-top: 16px; }
	.philosophy .philosophy_list.type01 .info dt { font-size: 15px; }
	.philosophy .philosophy_list.type01 .info dd { font-size: 14px; line-height: 1.7; }
	.philosophy .philosophy_visual .title { font-size: 26px; margin-bottom: 22px; text-align: center; }
	.philosophy .philosophy_visual .img_box img { width: 100%; }
	.philosophy .philosophy_visual .text_box { right: 30px; bottom: 30px; left: 30px; }
	.philosophy .philosophy_visual .text_box .txt { font-size: 15px; line-height: 1.7; }
	.philosophy .philosophy_intro { margin: 70px 0 40px; }
	.philosophy .philosophy_intro .title { font-size: 28px; }
	.philosophy .philosophy_intro .text { font-size: 14px; line-height: 1.7; }
	.philosophy .philosophy_list.type02 { flex-direction: column; gap: 30px 0; }
	.philosophy .philosophy_list.type02 .item { width: 100%; max-width: 500px; margin: 0 auto; }
	.philosophy .philosophy_list.type02 .img_box { height: 420px; }
	.philosophy .philosophy_list.type02 .name { margin-top: -230px; font-size: 38px; }
	.philosophy .philosophy_list.type02 .desc { margin-top: 190px; font-size: 15px; line-height: 1.75; }
	.philosophy .philosophy_list.type02 .desc br { display: none; }
	
	.uniqueness .uniqueness_sec + .uniqueness_sec { margin-top: 80px; }
	.uniqueness .uniqueness_head { margin-bottom: 40px; }
	.uniqueness .uniqueness_head .icon_box { margin-bottom: 20px; }
	.uniqueness .uniqueness_head .text { font-size: 15px; line-height: 1.7; }
	.uniqueness .uniqueness_head .text br { display: none; }
	.uniqueness .uniqueness_svip { flex-direction: column; gap: 30px 0; }
	.uniqueness .uniqueness_svip .img_box { flex: none; width: 100%; max-width: 250px; margin: 0 auto; }
	.uniqueness .uniqueness_svip .text_box { width: 100%; margin-top: 0; text-align: center; }
	.uniqueness .uniqueness_svip .text_box .title { font-size: 28px; line-height: 1.5; }
	.uniqueness .uniqueness_svip .text_box .desc { margin-top: 20px; }
	.uniqueness .uniqueness_svip .text_box .desc p { font-size: 14px; line-height: 1.8; }
	.uniqueness .uniqueness_award { gap: 42px 0; margin-top: 65px; }
	.uniqueness .uniqueness_award .award_item { display: grid; grid-template-columns: 240px 130px 1fr; align-items: center; gap: 0 24px; }
	.uniqueness .uniqueness_award .award_item .logo_box { max-width: 240px; }
	.uniqueness .uniqueness_award .award_item .cert_box { max-width: 130px; margin-left: 0; }
	.uniqueness .uniqueness_award .award_item .cert_box img { height: 130px; }
	.uniqueness .uniqueness_award .award_item .text_box { min-width: 0; margin-left: 0; }
	.uniqueness .uniqueness_award .award_item .text_box .title { font-size: 24px; line-height: 1.65; word-break: keep-all; }
	.uniqueness .uniqueness_award .award_item .text_box .title br,.uniqueness .uniqueness_award .award_item .text_box .desc br { display: none; }
	.uniqueness .uniqueness_award .award_item .text_box .desc { font-size: 15px; line-height: 1.65; word-break: keep-all; }
	.uniqueness .num_area { padding: 80px 0; }
	.uniqueness .num_area .num_list .list { gap: 40px 0; }
	/* .uniqueness .num_area .num_list .list li { width: 50%; } */
	.uniqueness .num_area .num_list .list li .box { justify-content: space-between; gap: 20px; }
	.uniqueness .num_area .num_list .list li .box .text { width: 140px; font-size: 17px; line-height: 22px; }
	.uniqueness .num_area .num_list .list li .box .num_box { font-size: 58px; text-align: right; }
	.uniqueness_sec.sec05 { padding: 80px 0; }
	.uniqueness_sec.sec05 .img_area { max-width: 400px; padding: 0 20px; }
}


@media screen and (max-width:767px) {
	
	.philosophy { padding: 0; }
	.philosophy .philosophy_sec + .philosophy_sec { margin-top: 60px; }
	.philosophy_tit .sub_text { font-size: 14px; margin-top: 16px; }
	.philosophy .philosophy_list.type01 { gap: 38px 0; }
	.philosophy .philosophy_list.type01 .item + .item { padding-top: 30px; }
	.philosophy .philosophy_list.type01 .img_box { border-radius: 12px; }
	.philosophy .philosophy_list.type01 .img_box img { height: 220px; }
	.philosophy .philosophy_list.type01 .tit_box { flex-direction: column; align-items: flex-start; gap: 4px; margin-top: 16px; }
	.philosophy .philosophy_list.type01 .tit_box .en { font-size: 22px; }
	.philosophy .philosophy_list.type01 .tit_box .sub { font-size: 13px; }
	.philosophy .philosophy_list.type01 .txt_box { margin-top: 14px; }
	.philosophy .philosophy_list.type01 .txt_box .txt { font-size: 13px; line-height: 1.75; }
	.philosophy .philosophy_list.type01 .info { margin-top: 18px; }
	.philosophy .philosophy_list.type01 .info .row + .row { margin-top: 14px; }
	.philosophy .philosophy_list.type01 .info dt { margin-bottom: 4px; font-size: 13px; }
	.philosophy .philosophy_list.type01 .info dd { font-size: 12px; line-height: 1.65; }
	.philosophy .philosophy_visual { border-radius: 12px; }
	.philosophy .philosophy_visual .title { font-size: 22px; margin-bottom: 16px; }
	.philosophy .philosophy_visual .img_box img { border-radius: 16px; }
	.philosophy .philosophy_visual .text_box { right: 18px; left: 18px; bottom: 18px; }
	.philosophy .philosophy_visual .text_box .txt { font-size: 13px; line-height: 1.65; }
	.philosophy .philosophy_visual .text_box .txt br { display: none; }
	.philosophy .philosophy_intro { margin: 50px 0 28px; }
	.philosophy .philosophy_intro .title { font-size: 24px; }
	.philosophy .philosophy_intro .text { margin-top: 8px; font-size: 13px; line-height: 1.65; }
	.philosophy .philosophy_list.type02 { gap: 24px 0; }
	.philosophy .philosophy_list.type02 .item { max-width: none; }
	.philosophy .philosophy_list.type02 .img_box { height: 320px; border-radius: 12px; }
	.philosophy .philosophy_list.type02 .name { margin-top: -180px; font-size: 30px; }
	.philosophy .philosophy_list.type02 .desc { margin-top: 145px; font-size: 14px; }
	
	.uniqueness { padding: 20px 0 0; }
	.uniqueness .uniqueness_sec + .uniqueness_sec { margin-top: 60px; }
	.uniqueness .uniqueness_head { margin-bottom: 30px; }
	.uniqueness .uniqueness_head .icon_box { margin-bottom: 12px; }
	.uniqueness .uniqueness_head .icon_box img { max-width: 52px; height: auto; }
	.uniqueness .uniqueness_head .text { font-size: 13px; line-height: 1.6; }
	.uniqueness .uniqueness_svip { gap: 22px 0; }
	.uniqueness .uniqueness_svip .text_box .title { font-size: 22px; line-height: 1.45; }
	.uniqueness .uniqueness_svip .text_box .title br,
	.uniqueness .uniqueness_svip .text_box .desc br {display: none;}

	.uniqueness .uniqueness_svip .text_box .desc p { margin-top: 14px; font-size: 13px; line-height: 1.7; }
	.uniqueness .uniqueness_award { gap: 36px 0; margin-top: 50px; }
	.uniqueness .uniqueness_award .award_item { grid-template-columns: 1fr; gap: 20px 0; text-align: center; }
	.uniqueness .uniqueness_award .award_item .logo_box,.uniqueness .uniqueness_award .award_item .cert_box { margin: 0 auto; text-align: center; }
	.uniqueness .uniqueness_award .award_item .logo_box { max-width: 240px; }
	.uniqueness .uniqueness_award .award_item .cert_box { max-width: 120px; }
	.uniqueness .uniqueness_award .award_item .cert_box img { height: 120px; }
	.uniqueness .uniqueness_award .award_item .text_box { margin-left: 0; margin-top: 0; text-align: left; }
	.uniqueness .uniqueness_award .award_item .text_box .title { font-size: 16px; line-height: 1.55; text-align: center; }
	.uniqueness .uniqueness_award .award_item .text_box .title span { font-size: 18px; }
	.uniqueness .uniqueness_award .award_item .text_box .desc { margin-top: 12px; font-size: 14px; line-height: 1.6; text-align: center; }
	.uniqueness .num_area { padding: 60px 0; }
	.uniqueness .num_area .num_list .list { gap: 28px 0; }
	.uniqueness .num_area .num_list .list li .box { align-items: center; flex-direction: column; gap: 8px; }
	.uniqueness .num_area .num_list .list li .box .text { width: auto; font-size: 14px; line-height: 18px; }
	.uniqueness .num_area .num_list .list li .box .num_box { font-size: 42px; line-height: 1; text-align: left; }
	.uniqueness_sec.sec05 { padding: 60px 0; }
	.uniqueness_sec.sec05 .img_area {  padding: 0 20px; }
}


@media screen and (max-width:480px) {
	
	.philosophy .philosophy_list.type01 .img_box img { height: 180px; }
	.philosophy .philosophy_list.type01 .tit_box .en { font-size: 20px; }
	.philosophy .philosophy_visual .title { font-size: 19px; }
	.philosophy .philosophy_visual .text_box { right: 14px; left: 14px; bottom: 14px; }
	.philosophy .philosophy_visual .text_box .txt { font-size: 12px; }
	.philosophy .philosophy_intro .title { font-size: 22px; }
	.philosophy .philosophy_list.type02 .img_box { height: 280px; }
	.philosophy .philosophy_list.type02 .name { margin-top: -160px; font-size: 26px; }
	
	.uniqueness .uniqueness_award .award_item .cert_box img { height: 120px; }
	.uniqueness_sec.sec05 { padding: 50px 0; }
	.uniqueness_sec.sec05 .img_area { padding: 0 16px; }
}