@charset "utf-8";

/* 초기화 */
html {overflow-y:scroll;min-width: 320px;}
body {margin:0;padding:0;font-size: 14px;font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.04em; font-weight: 300; word-spacing: -1px; background:#fff}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6 {font-size:1em;font-family: 'Noto Sans KR', sans-serif; letter-spacing: -0.06em;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ol, ul, dl, dt, dd {margin:0;padding:0;list-style:none}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family: 'Noto Sans KR', sans-serif;font-size:1em}
input[type="submit"]{cursor:pointer}
button {cursor:pointer}

textarea, select {font-family: 'Noto Sans KR', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:break-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#222;text-decoration:none}
figure {margin: 0; padding: 0;}

#sub_visual, #sub_tab, #container_title {display: none;}
.inserazone {width: 100%; max-width: 768px; margin: 0 auto; padding-bottom: 70px; line-height: 1.5;}
.inserazone * {box-sizing: border-box; word-break: keep-all;}
.inner {padding: 0 20px;}
.p_col1 {color: #00d1c5;}
.p_col2 {color: #1E57D6;}
.mont {font-family: 'Montserrat', 'Noto Sans KR', sans-serif;}
.upper {text-transform: uppercase;}
.txt_def {font-size: 15px; font-weight: 300; line-height: 1.7;}
.txt_big {font-size: 30px; letter-spacing: -0.06em;}
.inserazone img {display: block;}
.swp_btn {cursor: pointer;}
.swp_btn.swiper-button-disabled {cursor: default;}

.orthodontic_hd {width: 100%; border-bottom: 1px solid transparent; position: fixed; top: 0; left: 0; z-index: 100; transition: .5s;}
.orthodontic_hd h1 {position: relative; cursor: pointer;}
.orthodontic_hd h1 img {display: block; height: 13px; transition: .5s;}
.orthodontic_hd .logo_bk {position: absolute; top: 0; left: 0; opacity: 0;}
.orthodontic_hd .inner {display: flex; justify-content: space-between; align-items: flex-end; height: 50px; transition: .5s;}
.orthodontic_hd .ham_open {position: relative; cursor: pointer;}
.orthodontic_hd .ham_open img {display: block; transition: .5s;}
.orthodontic_hd .ham_open .ham_open_bk {position: absolute; top: 0; left: 0; opacity: 0;}
.orthodontic_hd .ham_menu {width: 100%; position: fixed; top: 0; left: 0; background-color: #fff; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); transform: translateY(-100%); transition: .5s; opacity: 0;}
.orthodontic_hd .ham_menu.open {transform: translateY(0); opacity: 1;}
.orthodontic_hd .ham_menu .menu_top {display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #e2e2e2;}
.orthodontic_hd .ham_menu .menu_top .logo img {width: 85px; display: block;}
.orthodontic_hd .ham_menu .menu_top .ham_close {cursor: pointer;}
.orthodontic_hd .ham_menu .nav_ul {display: flex; flex-direction: column; gap: 15px 0; padding: 30px 20px;}
.orthodontic_hd .ham_menu .nav_ul a {font-size: 15px; line-height: 1;}
.orthodontic_hd.scr {background-color: #fff; border-color: #e2e2e2;}
.orthodontic_hd.scr .inner {align-items: center; height: 60px;}
.orthodontic_hd.scr .logo_wh {opacity: 0;}
.orthodontic_hd.scr .logo_bk {opacity: 1;}
.orthodontic_hd.scr .ham_open .ham_open_wh {opacity: 0;}
.orthodontic_hd.scr .ham_open .ham_open_bk {position: absolute; top: 0; left: 0; opacity: 1;}

.inserazone .main_visual {display: flex; justify-content: center; align-items: center; height: calc(100vh - 120px); min-height: 470px; padding: 0; background-color: #000; position: relative; overflow: hidden;}
.inserazone .main_visual::before {content: ''; display: block; width: 100%; height: 100%; background: linear-gradient(180deg, #000 80px, rgba(0, 0, 0, 0.5) 110px); position: absolute; top: 0; left: 0; z-index: 1;}
.inserazone .main_visual .vd_wrap {width: 200vw; position: absolute; top: 80px; left: 46%; transform: translateX(-50%);}
.inserazone .main_visual .vd_wrap video {width: 100%; height: auto; display: block;}
.inserazone .main_visual .txt_box {padding: 0 10px; color: #fff; text-align: center; position: relative; z-index: 1;}
.inserazone .main_visual .txt_big {font-size: 8vw; font-weight: 700;}
.inserazone .main_visual .txt_bot {margin-top: 20px; font-size: 15px; font-weight: 300; line-height: 1.8; word-break: keep-all;}
.inserazone .main_visual .scroll_down {text-align: center; position: absolute; bottom: 0; z-index: 1;}
.inserazone .main_visual .scroll_down img {zoom: 0.9;}
.inserazone .main_visual .scroll_down .bar {display: block; width: 1px; height: 70px; margin: 20px auto 0; background: rgba(255, 255, 255, .3); overflow: hidden; position: relative;}
.inserazone .main_visual .scroll_down .bar::before {content: ''; display: block; width: 1px; height: 30px; background: rgba(255, 255, 255, .5); position: absolute; top: -30px; left: 0; animation: 2s scrDown infinite;}
@keyframes scrDown {
	from {top: -30px;}
	to {top: 150%;}
}

.inserazone section {padding: 50px 0; overflow: hidden;}
.inserazone .oneday_atc + .oneday_atc {padding-top: 100px;}
.inserazone .atc_txt_box {display: flex; flex-direction: column; align-items: baseline; gap: 30px 0;}
.inserazone .atc_txt_box .point {width: 100px; font-size: 14px; font-weight: 400; text-align: center; line-height: 38px; border: 1px solid #000;}
.inserazone .atc_txt_box .top_txt {padding: 0 3px;}
.inserazone .atc_txt_box .txt_big {line-height: 1.3;}
.inserazone .atc_txt_box .txt_def {}
.inserazone .deco_txt {margin-bottom: 50px; display: block; max-width: 90vw;}
.inserazone .figure_style1 figcaption {display: flex; justify-content: center; align-items: center; height: 50px; text-align: center; border-bottom: 1px solid #000;}

:root {
    --clr-border: #9747FF;
    --AnimationLength: 0px;
}

.inserazone .atc01 .deco_txt {}
.inserazone .atc01 .reason_ul {display: flex; justify-content: space-between; width: 100%; font-size: 3.2vw; font-weight: 400; line-height: 1.7;}
.inserazone .atc01 .reason_ul .icon_chk {display: inline-block; width: 12px; height: 9px; margin-right: 5px; background: url(/img/orthodontic/inserazone/icon_chk.png) no-repeat center/cover;}
.inserazone .m_oneday_swp1 {margin: 40px -20px 0; padding: 0 20px; text-align: center;}
.inserazone .m_oneday_swp1 .swiper-wrapper {position: relative;}
.inserazone .m_oneday_swp1 .swiper-slide {width: 280px;}
.inserazone .m_oneday_swp1 .swiper-slide:last-of-type {margin-right: 0 !important;}
.inserazone .m_oneday_swp1 figcaption {font-size: 16px; font-weight: 400;}
.inserazone .m_oneday_swp1 .swiper-slide img {width: 100%;}
.inserazone .m_oneday_swp1 .txt_def {margin-top: 10px; font-size: 14px; font-weight: 300; line-height: 1.5; word-break: keep-all;}

.inserazone .atc02 .img_box {margin-top: 40px;}
.inserazone .atc02 .img_box img {max-width: 100%;}
.inserazone .age_ul {display: flex; flex-direction: column; gap: 30px 0; margin-top: 40px; font-size: 14px;}
.inserazone .age_ul .radius_box {display: inline-block; margin-bottom: 5px; padding: 0 10px; font-size: 16px; color: #fff; line-height: 30px; border-radius: 30px; background-color: #2cc8ff;}
.inserazone .age_ul .radius_box.color2 {background-color: #4abcd5;}
.inserazone .age_ul .radius_box.color3 {background-color: #00d1c5;}
.inserazone .age_ul .txt_def {}

.inserazone .atc03 {padding-bottom: 200px; text-align: center; background: url(/img/mobile/inserazone/equip_bg.png) no-repeat center bottom/100% auto;}
.inserazone .atc03 .atc_txt_box {align-items: center;}
.inserazone .atc03 .txt_big {font-size: 7vw; position: relative;}

.inserazone .atc04 {padding-top: 50px !important;}
.inserazone .atc04 .deco_txt {margin-left: auto;}
.inserazone .atc04 .atc_txt_box {align-items: center; text-align: center;}
.inserazone .atc04 .m_oneday_swp2 {margin: 40px -20px 0; padding: 0 20px;}
.inserazone .atc04 .swiper-slide {width: 280px;}
.inserazone .atc04 .swiper-slide img {width: 100%;}

.inserazone .atc05 .atc_txt_box {align-items: center; text-align: center;}
.inserazone .atc05 .txt_def {word-break: keep-all;}
.inserazone .atc05 .link_wrap {}
.inserazone .atc05 .link_wrap a {display: inline-block; width: 180px; line-height: 50px; color: #fff; text-align: center; border-radius: 55px; background-color: #00d1c5;}
.inserazone .atc05 .img_box {margin-top: 40px; text-align: center;}
.inserazone .atc05 .img_box img {max-width: 100%;}

.inserazone .atc06 {margin-top: 100px; padding: 50px 0 !important; background-color: #fafafa;}
.inserazone .atc06 .tit {font-size: 30px; font-weight: 300;}
.inserazone .contact_ul {margin-top: 20px;}
.inserazone .contact_ul li {display: flex; color: #525252;}
.inserazone .contact_ul li + li {margin-top: 10px;}
.inserazone .contact_ul .bold {margin-right: 10px; font-weight: 500; white-space: nowrap;}
.inserazone .contact_ul .justify {display: inline-block; width:60px; font-weight: 400;}
.inserazone .contact_ul .close {display: block; margin-top: 20px;}
.inserazone .atc06 .img_box {margin-top: 50px; text-align: center;}
.inserazone .atc06 .img_box img {max-width: 100%;}

@media screen and (max-width: 480px){
	.txt_big {font-size: 7.5vw;}
}
@media screen and (max-width: 460px){
	.inserazone .atc02 .br_hide {display: none;}
	.inserazone .atc03 .br_hide {display: none;}
	.inserazone .atc04 .br_hide {display: none;}
}
@media screen and (max-width: 400px){
	.inserazone .atc01 .br_hide {display: none;}
	.inserazone .atc05 .br_hide {display: none;}
}

.sub_counseling {width: 100%; padding: 25px 0; position: fixed; bottom: 0; left: 0; background-color: #3a3a3a; color: #fff; transition: all .5s; z-index: 10;}
.sub_counseling .counseling_wrap {position: relative;}
.sub_counseling fieldset {display: flex; justify-content: space-between;}
.sub_counseling ul {display: flex; flex-wrap: wrap;}
.sub_counseling ul li:nth-child(1) {width: 40%; margin-right: 5px;}
.sub_counseling ul li:nth-child(2) {width: calc(60% - 5px);}
.sub_counseling .hidden {display: none;}
.sub_counseling input {width: 100%; font-size: 10px; color: #fff !important; line-height: 40px; background: transparent; border: none; border-radius: 0; border-bottom: 1px solid #9f9f9f; box-shadow: none; outline: none;}
.sub_counseling .btn_li {margin-left: 10px; display: flex;}
.sub_counseling .btn_li button {width: 60px; padding: 15px 0; border-radius: 15px; font-size: 10px; font-weight: 600; color: #fff;  text-align: center; background-color: #2cc8ff; border: none;}
.sub_counseling .btn_li .kakao {width: 60px; margin-left: 5px; padding: 15px 0; border-radius: 15px; font-size: 10px; font-weight: 600; color: #391b1b; text-align: center; background-color: #fae301; display: flex; justify-content: center; align-items: center;}
.sub_counseling .t_agree {width: 0; height: 0; position: absolute; left: -9999px;}
.sub_counseling .t_agree + label {display: inline-block; margin-top: 10px; font-size: 12px; padding-left: 12px; position: relative;}
.sub_counseling .t_agree + label::before {content: ''; display: block; width: 8px; height: 8px; border: 1px solid #fff; position: absolute; top: 5px; left: 0; box-sizing: border-box;}
.sub_counseling .t_agree:checked + label::before {background-color: #fff;}
.sub_counseling .t_agree + label + a {font-size: 10px; color: #fff; display: inline-block;}

@media screen and (max-width: 380px){
	.sub_counseling .inner {padding: 0 10px;}
}

/*팝업레이어*/
.popup-wrap {display: none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.popup-wrap .bg {position:fixed; top:0; left:0; width:100%; height:100%; background:#000; opacity:.5; filter:alpha(opacity=50);}
.popup-wrap .pop-layer {display:block;}
.pop-layer {display:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 80%; height:auto;  background-color:#fff; border: 0 none; z-index: 10;}	
.pop-layer2{top:50% !important;}
.pop-layer .pop-container {position: relative; padding: 0;}
.pop-layer p.ctxt {color: #666; line-height: 25px;}
.pop-layer .close {position: absolute; right: 20px; top: 20px; border-top: 0 none;}
.pop-layer .close img {width: 15px;}

#agree {background-color: #fff;}
#agree .pop-container {}
#agree .pop-conts {overflow: hidden; margin: 0 auto; color: #515151;}
#agree .pop-conts h2 {display: block; padding: 20px 50px 0 20px; font-size: 14px; font-weight: 400;}
#agree .personal {padding: 15px 20px 30px 20px; font-size: 12px; line-height: 1.5em;}


/* 인비절라인 */
.serafin * {box-sizing: border-box;}
.serafin .inner {width: 100%; padding: 0 20px;}
.serafin img {width: auto;}
.serafin .blue {color: #1b60ab;}
.serafin .bold {font-weight: 600;}
.serafin .upper {text-transform: uppercase;}
.serafin .bg_txt {margin-top: 80px;}
.serafin .bg_txt img {max-width: 80%;}
.serafin .atc_box .txt_box {margin-top: 50px;}
.serafin .txt_box .txt_sml {padding-left: 5px;}
.serafin .txt_box .txt_sml img {height: 8px;}
.serafin .txt_box .top_txt {height: 8px;}
.serafin .txt_box .txt_big {margin-top: 15px; font-size: 7.5vw; font-weight: 300; line-height: 1.3; letter-spacing: -2px; word-break: keep-all;}
.serafin .txt_box .txt_def {margin-top: 25px; font-size: 15px; line-height: 1.5; word-break: keep-all;}
.serafin .img_box img {max-width: 100%;}

.serafin .main_visual {font-family: 'Century Gothic', sans-serif; height: 100vh; background: url(/img/mobile/serafin/serafin_visual_bg2.jpg) no-repeat left center / cover;}
.serafin .main_visual .mv_txt_box {position: absolute; top: 49%; left: 50%; transform: translateX(-50%);}
.serafin .main_visual h1 {font-size: 40px; color: #fff; text-align: center; width: 0; overflow: hidden; animation: appear 1.7s linear forwards; animation-delay: .2s;}
.serafin .main_visual h1 img {width: 80vw; position: relative;}
.serafin .main_visual .logo_wrap {width: calc(100% - 40px); display: flex; justify-content: center; align-items: center; position: absolute; top: 70%; left: 50%; transform: translateX(-50%);}
.serafin .main_visual .logo_box {width: calc(50% - 27px); height: 50px; padding: 0 15px; background-color: #fff; border-radius: 50px; display: flex; justify-content: center; align-items: center;}
.serafin .main_visual .logo_box:nth-child(1) img {height: 20px;}
.serafin .main_visual .logo_box:nth-child(3) img {height: 15px;}
.serafin .main_visual .x_box {width: 34px; height: 34px; margin: 0 10px;}
.serafin .main_visual .x_box .bar {display: block; width: 38px; height: 1px; background-color: #fff;}
.serafin .main_visual .x_box .bar1 {transform: translate(-2px, 15px) rotate(45deg);}
.serafin .main_visual .x_box .bar2 {transform: translate(-2px, 13px) rotate(-45deg);}

@keyframes appear {
	0% {width: 0;}
	100% {width: 100%;}
}

.serafin .mid01 {padding: 80px 0 120px;}
.serafin .mid01 .atc_box1 .img_box {margin-left: -15%;}
.serafin .mid01 .atc_box2 {margin-top: 80px;}
.serafin .mid01 .atc_box2 .img_box {padding-left: 20px;}
.serafin .mid01 .atc_box2 .txt_box {text-align: right;}

.serafin .mid02 {padding: 80px 0; background-color: #f7f7f7; text-align: center; position: relative;}
.serafin .mid02::before {content: ''; display: block; aspect-ratio: 307/349; width: 170px; background: url(../img/orthodontic/invisalign/m_mid02_img1.png) no-repeat center/cover; position: absolute; bottom: calc(100% - 70px); left: 0;}
.serafin .mid02_ul {margin-top: 50px; display: flex; justify-content: center;}
.serafin .mid02_ul .mid02_li {width: calc(33.333% - (20px / 3));}
.serafin .mid02_ul .mid02_li + .mid02_li {margin-left: 10px;}
.serafin .mid02_ul .icon_box {width: 90%; aspect-ratio: 1/1; margin: 0 auto; border-radius: 50%; background-color: #fff; display: flex; justify-content: center; align-items: center;}
.serafin .mid02_ul .icon_box img {width: 50%;}
.serafin .mid02_ul .bd_tp {margin-top: 10px; font-size: 14px;}
.serafin .mid02_ul .bd_tp .bold {margin-bottom: 7px; font-size: 1.1em;}
.serafin .mid02_ul .bd_tp p {word-break: keep-all;}
.serafin .mid02_ul .bd_tp .desc {line-height: 1.5;}

.serafin .mid03 {padding: 80px 0;}
.serafin .mid03 .atc_box1 {padding-right: 20px;}
.serafin .mid03 .atc_box1 .txt_box {margin-top: 50px;}
.serafin .mid03 .atc_box2 {margin-top: 80px;}
.serafin .mid03 .atc_box2 .txt_box {margin-top: 20px; text-align: right;}

.serafin .mid04 {padding: 80px 0 30px; color: #fff; text-align: center; background: url(/img/mobile/serafin/serafin_mid04_atc2_bg.png), linear-gradient(180deg, #4fafff 30%, #1c61ac); background-repeat: no-repeat, no-repeat; background-position: left -15% bottom, center; background-size: 70%, auto; position: relative;}
.serafin .mid04 .txt_big {font-weight: 300; line-height: 1.4;}
.serafin .mid04 .txt_def {margin-top: 30px; font-size: 15px; line-height: 1.5; word-break: keep-all;}
.serafin .mid04_ul {margin-top: 50px; position: relative; display: flex; flex-direction: column; justify-content: center; align-items: flex-end; gap: 10px;}
.serafin .mid04_ul li {width: 45%;}
.serafin .mid04_ul img {width: 100%;}
.serafin .mid04_ul p {margin-top: 3px; font-size: 11px; color: #fff; text-align: left;}

.serafin .mid05 {overflow: hidden;}
.serafin .mid05 .bg_txt {text-align: right;}
.serafin .mid05 .img_box {margin-top: 50px;}
.serafin .mid05 .img_box img {display: block; transform: scale(1.4);}
.serafin .mid05 .img_box img:nth-child(1) {width: 70%;}
.serafin .mid05 .img_box img:nth-child(2) {width: 48%; margin-top: -10px; margin-left: auto;}
.serafin .mid05 .img_box img:nth-child(3) {width: 52%; margin-top: -190px;}
.serafin .mid05 .img_box.anim img {animation: zoomOut 2s forwards;}
.serafin .mid05 .img_box.anim img:nth-child(1) {animation-delay: .2s;}
.serafin .mid05 .img_box.anim img:nth-child(2) {animation-delay: .5s;}
.serafin .mid05 .img_box.anim img:nth-child(3) {animation-delay: .8s;}

@keyframes zoomOut {
	0% {transform: scale(1.4);}
	99% {transform: scale(1);}
	100% {transform: scale(1); overflow: hidden;}
}

.serafin .mid06 {margin-top: 300px; padding: 80px 0; position: relative; background-color: #f7f7f7;}
.serafin .mid06 .atc_box .txt_box {margin-top: 0; text-align: center;}
.serafin .mid06 .mid06_top_img {position: absolute; top: -50vw; right: 0;}
.serafin .mid06 .mid06_top_img img {max-width: 280px; width: 58vw;}
.serafin .m_serafin_swp1 {margin-top: 30px; padding: 0 20px;}
.serafin .m_serafin_swp1 .swiper-slide {width: 280px;}
.serafin .m_serafin_swp1 .swiper-slide img {width: 100%; display: block;}
.serafin .m_serafin_swp1 p {margin-top: 10px; font-size: 16px; font-weight: 500;  text-align: center;}

.serafin .mid07 {padding-top: 80px;}
.serafin .mid07 .txt_box {margin-top: 30px; text-align: center;}
.serafin .mid07 .period {margin: 30px auto 0; width: 90%;}
.serafin .mid07 .period strong {display: block; margin-bottom: 15px; font-size: 18px;}
.serafin .mid07 .period_ul {font-size: 15px;}
.serafin .mid07 .period_ul li {display: flex; justify-content: right; gap: 0 5px;}
.serafin .mid07 .period_ul li + li {margin-top: 15px;}
.serafin .mid07 .period_ul .tit {width: 90px; font-weight: 500; text-align: right; line-height: 1;}
.serafin .mid07 .period_ul .radius_box {display: block; flex: 1; font-weight: 400; text-align: left; line-height: 22px; padding: 0 15px; border-radius: 50px; background-color: #dedede;}
.serafin .mid07 .period_ul .radius_box.color {flex: none; width: 50%; color: #fff; background-color: #1b60ab;}

.serafin .mid08 {padding: 80px 0;}
.serafin .mid08 .atc_box1 .txt_sml {text-align: center;}
.serafin .mid08 .txt_sml img {height: 8px;}
.serafin .mid08 .atc_box1 .txt_big {margin-top: 15px; font-size: 6.5vw; font-weight: 300; text-align: center; line-height: 1.4; letter-spacing: -2px;}
.serafin .mid08 .atc_box1 .txt_big .blue {word-break: keep-all;}
.serafin .mid08 .img_box {margin-top: 50px;}
.serafin .mid08 .atc_box1 .txt_box {display: flex; justify-content: center; margin-top: 50px;}
.serafin .mid08 .txt_left {margin-right: 30px; font-size: 20px; font-weight: 300; text-align: left; line-height: 1.4; letter-spacing: -0.1rem; white-space: nowrap;}
.serafin .mid08_ul li {padding: 7px 0 7px 20px; position: relative; border-bottom: 1px solid #d6d6d6; font-size: 12px; text-align: left; word-break: keep-all;}
.serafin .mid08_ul li::before {content: ''; display: block; width: 14px; height: 14px; background: url(/img/orthodontic/serafin/serafin_mid08_chk.png) no-repeat center/cover; position: absolute; top: 9px; left: 0;}

.serafin .mid09 {text-align: center;}
.serafin .mid09 .txt_box {margin-top: 0;}
.serafin .mid09 .img_box {margin-top: 50px;}
.serafin .mid09 .link_wrap {margin: 30px auto 0;}
.serafin .mid09 .link_wrap a {display: inline-block; width: 180px; line-height: 55px; color: #fff; text-align: center; border-radius: 55px; background-color: #1b60ab;}

.serafin .mid10 {margin-top: 80px; padding: 50px 0 200px; background-color: #fafafa;}
.serafin .mid10 .tit {font-size: 30px; font-weight: 300;}
.serafin .contact_ul {margin-top: 20px;}
.serafin .contact_ul li {display: flex; align-items: flex-start; color: #525252; line-height: 1.6;}
.serafin .contact_ul li + li {margin-top: 8px;}
.serafin .contact_ul .bold {margin-right: 10px; font-weight: 500; white-space: nowrap;}
.serafin .contact_ul .justify {display: inline-block; width:60px; font-weight: 400;}
.serafin .contact_ul .close {display: block; margin-top: 20px;}
.serafin .mid10 .img_box {margin-top: 50px;}

@media screen and (max-width: 430px){
	.serafin .mid07 .br_hide {display: none;}
}
@media screen and (max-width: 420px){
	.serafin .mid06 .br_hide {display: none;}
	.serafin .mid09 .br_hide {display: none;}
}
@media screen and (max-width: 410px){
	.serafin .mid01 .br_hide {display: none;}
	.serafin .mid05 .br_hide {display: none;}
}
@media screen and (max-width: 400px){
	.serafin .mid03 .br_hide {display: none;}
}
@media screen and (max-width: 390px){
	.serafin .mid04 .br_hide {display: none;}
}