/*  32	a	@charset "utf-8"; */
::-moz-selection {
   background-color: #000;
   color: #ffffff;
}
::selection {
	background-color: #000;
	color: #ffffff;
}

.main_vis {padding: 180px 0 70px;display: block;background: #FFF8F2;transition: all .8s;position: relative}
.main_vis .title {font-family: 'SeoulHangangM';font-size: 42px;letter-spacing: -5%}
.main_vis .title small {font-size: .7em;margin-top: 20px;display: block}
.main_vis .img img {width: 100%}


.section_title {font-family: 'SeoulHangangM';font-size: 36px;letter-spacing: -5%;}
.section_title small {font-size: .7em;margin-top: 20px;display: block}
.section_title .simbol {margin-bottom: 10px}
.section_title .simbol img {width: 50px}


#welcome .left {width: 50%;padding-right: 5%;}
#welcome .left img {width: 100%}
#welcome .right {width: 50%;font-size: 17px;line-height: 1.8em}

#about {background: #FFFBF7}
#about .wrap {position: relative}
#about .wrap .img {position: absolute;right: 0;top: 0}
#about .wrap .doc {margin-top:110px;font-size: 14px;font-family: 'Pretendard-SemiBold';}
#about .wrap .doc .name {font-size: 36px;font-family: 'SeoulHangangM';letter-spacing: 20%;margin: 10px 0 15px;line-height: 1em}
#about .history {margin-top: 60px}
#about .history .items:first-child {width: 100%;margin-bottom: 45px}
#about .history .items:nth-child(2) {width: 37%;margin-bottom: 45px}
#about .history .items {width: 30%;margin-right: 1%}
#about .history .items h4 {font-family: 'SeoulHangangM';font-size: 24px;letter-spacing: -3%;line-height: 1.4em;color: #333333;margin-bottom: 15px;}
#history .history .items ul li {margin-bottom: 10px;}
.history_wrap {width: 90%;margin-left: 10%}

#psycho_intro {}
.other_clinic_head {text-align: center;margin-bottom: 120px}
.other_clinic_head .img img {height: 400px}
.other_clinic_head .title {font-family: 'SeoulHangangM';font-size: 30px;letter-spacing: -3%;margin-top: 90px}
.other_clinic_head .text {font-size: 18px;line-height: 1.8em;margin-top: 30px}
.other_clinic_head .bottom {margin-top: 80px}
.other_clinic_head .bottom .box {background: #fffbf7;border: 1px solid #E8E8E8;padding: 50px 0px;border-radius: 15px;width: 400px;margin: 0 20px}
.other_clinic_head .bottom .box .subject {font-family: 'Pretendard-SemiBold';font-size: 24px}
.other_clinic_head .bottom .box2 {background: #fffbf7;border: 1px solid #E8E8E8;padding: 30px 0px;border-radius: 15px;width: 19%;margin: .5%}
.other_clinic_head .bottom .box2 .subject {font-size: 14px}
.other_clinic_head .bottom .box2 .text {margin-top: 15px;font-family: 'Pretendard-SemiBold';}

.other_clinic_box {background: #fffbf7;border: 1px solid #e8e8e8;padding: 80px 70px;border-radius: 25px;margin-bottom: 60px}
.other_clinic_box .d-flex .left {width: 30%}
.other_clinic_box .d-flex .right {width: 65%;padding-top: 50px}
.other_clinic_box .d-flex .right2 {width: 50%;padding-top: 50px}
.other_clinic_box .title {font-size: 38px;font-family: 'Pretendard-Bold';line-height: 1.4em}

.program_box {background: #fffbf7;padding: 80px 70px;border-radius: 25px;margin-bottom: 60px}
.program_box .title {width: 20%}
.program_box .title .pr {font-size: 18px;font-family: 'Pretendard-SemiBold';margin-bottom: 15px}
.program_box .title h3 {font-size: 38px;font-family: 'Pretendard-SemiBold';}

.program_box .title .info {margin-top: 40px}
.program_box .title .info label {background: #3C3269;color: #fff;line-height: 34px;padding: 0 20px;border-radius: 99px;font-size: 14px;font-family: 'Pretendard-SemiBold';display: table;margin-bottom:10px}
.program_box .title .info .number {font-size: 26px;font-family: 'Pretendard-SemiBold';line-height: 1em;margin-top: 20px;letter-spacing: -5%}
.program_box .title .info .bt {margin-top: 30px}
.program_box .title .info .bt button {margin-bottom: 10px}

.program_box .right {width: 65%;padding-top: 40px}
.program_box .right .des {font-size: 18px;line-height: 1.8em}


.flow_wrap {position: relative}
.flow_wrap .item {width: 30%;position: relative;z-index: 9}
.flow_wrap .item {text-align: center}
.flow_wrap .item .img {margin-bottom: 20px;width: 100%}
.flow_wrap .item .img img {width: 150px}
.flow_wrap .item .text {width: 100%;font-size: 18px;font-family: 'Pretendard-SemiBold';}
.flow_wrap .line {border: 1px solid #C8C8C8;position: absolute;width: 70%;top: 75px;left: 15%;z-index: 0}
.flow_wrap .item .small {width: 100%;margin-top: 10px;font-family: 'Pretendard-Regular';font-size: .8em}

.list_text {margin-top: 80px}
.list_text h4 {font-size: 22px;font-family: 'Pretendard-SemiBold';margin-bottom: 20px}
.list_text ol li {font-size: 18px;font-family: 'Pretendard-SemiBold';margin-bottom: 20px}
.top_text {margin-bottom: 30px;font-size: 18px;font-family: 'Pretendard-SemiBold';}


#test .wrap {margin-top: 70px}

/* 클리닉 박스 */
.clinic_box {width: 31%;background: #FFFBF7;border: 1px solid #e8e8e8;padding: 60px 50px;border-radius: 25px;margin: 0 1% 25px}
.clinic_box .img {text-align: center}
.clinic_box .img img {height: 160px}
.clinic_box .subject {font-family: 'SeoulHangangM';text-align: center;margin-top: 40px;font-size: 24px;line-height: 1.2em}
.clinic_box .sub_text {font-family: 'SeoulHangangM';text-align: center;margin-top: 16px;font-size: 18px;line-height: 1.5em}
.clinic_box .text {margin-top: 30px;line-height: 1.8em;margin-bottom: 65px}

#program {background: #FFFBF7}
#program .wrap {margin-top: 70px}
#program .wrap .clinic_box {text-align: center;background: #ffffff;padding: 50px 0;cursor: pointer}
#program .wrap .clinic_box:hover {background: #fcf5ee;border: 1px solid #d6d6d6;}
#program .wrap .clinic_box h4 {font-size: 20px;font-family: 'Pretendard-SemiBold';margin-top: 20px}
#program .caption {font-size: 17px;font-family: 'Pretendard-SemiBold';margin-top: 50px;text-align: center}
#program .bt {text-align: center;margin-top: 30px}

#contact {background: #FFFBF7}


/* 오시는길 */
#kakaomap {height: 600px}
.map_card {width: 32%;}
.map_card b {font-weight: 400;font-family: 'Pretendard-SemiBold';}
.map_card:first-child {padding: 80px 0 150px 0}
.map_card:last-child {padding: 80px 0 150px 50px}
.map_card:nth-child(even) {background: #fffbf7;padding: 80px 30px 150px 50px;width: 36%}

.map_card .subject {font-size: 18px;font-family: 'Pretendard-SemiBold';margin-bottom: 10px}
.map_card .address {font-size: 24px;line-height: 1.3em}
.map_card .bt {margin-top: 30px}

.map_card .text {line-height: 1.8em;font-size: 15px}
.map_card .text .inner {font-size: 14px;font-family: 'Pretendard-SemiBold';line-height: 1.5em;margin-top: 5px}
.map_card .text .inner ul {font-family: 'Pretendard-Regular';padding-left: 15px;margin-bottom: 10px}
.map_card .text .inner ul li::marker {font-size: .8em;color: rgb(96, 96, 96);}
.map_card .subway {margin-bottom: 20px;font-size: 14px;line-height: 20px}
.map_card .subway div {margin-bottom: 5px}
.map_card .subway label {background: #3bb349;color: #ffffff;font-size: 11px;padding: 4px 10px;border-radius: 20px;margin-right: 5px}

.map_card .bus {margin-top: 8px}
.map_card .bus label {border-radius: 3px;line-height: 1em;min-width: 46px;text-align: center;margin-bottom: 5px}
.map_card .bus label.g {background: #46BD38;font-size: 12px;font-family: 'Pretendard-Medium';font-weight: 400;color: #fff;padding: 6px 12px;}
.map_card .bus label.b {background: #4471D9;font-size: 12px;font-family: 'Pretendard-Medium';font-weight: 400;color: #fff;padding: 6px 12px;}
.map_card .bus label.g_line {border:2px solid #46BD38;color: #46BD38;font-family: 'Pretendard-Bold';font-size: 14px;padding: 3px 8px;}
.map_card .bus label.b_line {border:2px solid #4471D9;color: #4471D9;font-family: 'Pretendard-Bold';font-size: 14px;padding: 3px 8px;}

.buscard {width: 20%}
.buscard2 {width: 80%}

.contact_wrap {width: 910px;margin: 60px auto}
.contact_wrap table {margin-top: 50px;width: 100%}
.contact_wrap table tr th {width: 160px;font-size: 17px;font-family: 'Pretendard-SemiBold'}
.contact_wrap table tr th span {color: #ff3434;font-size: 15px;font-family: 'Pretendard-Regular'}
.contact_wrap table tr td {height: 60px;}
.contact_wrap table tr td input {border-radius: 25px; border: 1px #dadada solid;line-height: 46px;padding: 0 30px;outline: none;font-family: 'Pretendard-SemiBold'}
.contact_wrap table tr td input:focus, .contact_wrap table tr td textarea:focus {background: rgba(246, 240, 236, 0.349)}
.contact_wrap table tr td textarea {border-radius: 25px;padding: 20px 30px;height: 350px;width: 100%;border: 1px #dadada solid;outline: none;line-height: 1.8em}
.contact_wrap table tr th.textarea {padding: 30px 0;vertical-align: top}
.contact_wrap table tr td.textarea {padding: 20px 0;vertical-align: top}
.contact_wrap table tr td label {display: none}

.contact_footer {margin-top: 20px;border-top: 1px solid #CCCCCC;padding: 20px 0}
.contact_footer .check {font-size: 16px;font-family: 'Pretendard-SemiBold';line-height: 24px}
.contact_footer .check .small a {color: #696969;margin-left: 30px}
.contact_footer .bt button {font-size: 16px;font-family: 'Pretendard-SemiBold';color: #ffffff;background: #a36d30;height: 54px;border-radius: 5px;border: 0;width: 120px}
.contact_footer .bt button:hover {background: #8d5b23;}

#docModal1 .modal-dialog {max-width: 680px}
#docModal1 .modal-dialog .modal-header {padding: 30px 40px}
#docModal1 .modal-dialog .modal-body {padding: 30px 40px;font-size: 15px;line-height: 1.8em}
#docModal1 .modal-dialog .modal-body ol li {margin-bottom: 10px;line-height: 1.6em}

@media screen and (max-width:1300px) {
	.main_vis .title {font-size: 38px;width: 40%}
	.main_vis .img {width: 60%}
}

@media screen and (max-width:1200px) {
	.flow_wrap {position: relative}
	.flow_wrap .item {width: 100%;position: relative;z-index: 9}
	.flow_wrap .item {text-align: center;display: flex; align-items: center;flex-wrap: nowrap;}
	.flow_wrap .item .img {margin: 20px 0;width: 250px}
	.flow_wrap .item .img img {width: 180px;}
	.flow_wrap .item .text {width: auto;font-size: 20px;font-family: 'Pretendard-SemiBold';text-align: left;padding-left: 30px;padding-left: 50px}
	.flow_wrap .line {border: 1px solid #C8C8C8;position: absolute;width: 1px;height: 70%;top: 90px;left:125px;z-index: 0}
	
	/* 클리닉 박스 */
	.clinic_box {width: 31%;border: 1px solid #e8e8e8;padding: 60px 30px;border-radius: 25px;margin: 0 1% 25px}
	.clinic_box .img {text-align: center}
	.clinic_box .img img {height: 140px}
}

@media screen and (max-width:1100px) {
	.main_vis .title {font-size: 34px;width:50%}
	.main_vis .img {width: 50%}
	
	#about .wrap .img img {width: 360px}
	
	.other_clinic_head .img img {height: 300px}
	.other_clinic_head .bottom .box {width: 48%;margin: 0 1%}
	
	

}	

@media screen and (max-width:960px) {
	/* 클리닉 박스 */
	.clinic_box {width: 48%;}
	
	.contact_wrap {width: 90%;margin: 60px auto}
	
	/* 오시는길 */
	#kakaomap {height: 450px}
	.time.wrap {width: 100%}
	.map_card {width: 100%;}
	.map_card b {font-weight: 400;font-family: 'Pretendard-SemiBold';}
	.map_card:first-child {padding: 50px 30px}
	.map_card:last-child {padding: 50px 30px}
	.map_card:nth-child(even) {background: #FCF8F9;padding: 50px 30px;width: 100%}
	
	.map_card .subject {font-size: 18px;font-family: 'Pretendard-SemiBold';margin-bottom: 10px}
	.map_card .address {font-size: 24px;line-height: 1.3em}
	.map_card .bt {margin-top: 30px}
	
	.map_card .text {line-height: 1.8em;font-size: 15px}
	.map_card .text .inner {font-size: 14px;font-family: 'Pretendard-SemiBold';line-height: 1.5em;margin-top: 5px}
	.map_card .text .inner ul {font-family: 'Pretendard-Regular';padding-left: 15px;margin-bottom: 10px}
	.map_card .text .inner ul li::marker {font-size: .8em;color: rgb(96, 96, 96);}
	.map_card .subway {margin-bottom: 20px;font-size: 14px;line-height: 20px}
	.map_card .subway div {margin-bottom: 5px}
	.map_card .subway label {background: #3bb349;color: #ffffff;font-size: 11px;padding: 4px 10px;border-radius: 20px;margin-right: 5px}
	
	.map_card .bus {margin-top: 8px}
	.map_card .bus label {border-radius: 3px;line-height: 1em;min-width: 46px;text-align: center;margin-bottom: 5px}
	.map_card .bus label.g {background: #46BD38;font-size: 12px;font-family: 'Pretendard-Medium';font-weight: 400;color: #fff;padding: 6px 12px;}
	.map_card .bus label.b {background: #4471D9;font-size: 12px;font-family: 'Pretendard-Medium';font-weight: 400;color: #fff;padding: 6px 12px;}
	.map_card .bus label.g_line {border:2px solid #46BD38;color: #46BD38;font-family: 'Pretendard-Bold';font-size: 14px;padding: 3px 8px;}
	.map_card .bus label.b_line {border:2px solid #4471D9;color: #4471D9;font-family: 'Pretendard-Bold';font-size: 14px;padding: 3px 8px;}
	
	.buscard {width: 20%}
	.buscard2 {width: 80%}
}

@media screen and (max-width:860px) {
	.section_title {font-size: 30px;}
	
	.main_vis {padding: 120px 0 70px;transition: all .8s;}
	.main_vis .title {font-size: 32px;}
	
	#welcome {text-align: center}
	#welcome .left {width: 100%;padding-right: 0%;margin-bottom: 50px}
	#welcome .left img {width: 70%}
	#welcome .right {width: 100%;font-size: 17px;line-height: 1.8em;padding: 0 10px;max-width: 600px;margin: 0 auto}
	
	#about .wrap {text-align: center}
	#about .wrap .img {position: relative;right: 0;top: 0;margin: 70px 0 0}
	#about .wrap .doc {margin-top:60px;font-size: 14px;font-family: 'Pretendard-SemiBold';}
	#about .wrap .doc .name {font-size: 36px;font-family: 'SeoulHangangM';letter-spacing: 20%;margin: 10px 0 15px;line-height: 1em}
	#about .history {margin-top: 60px}
	#about .history .items {background: #ffffff;padding: 40px;border: 1px solid #e8e8e8;border-radius: 25px;}
	#about .history .items:first-child {width: 100%;margin-bottom: 35px}
	#about .history .items:nth-child(2) {width: 100%;margin-bottom: 35px}
	#about .history .items {width: 100%;margin-right: 0%;text-align: left;margin-bottom: 35px}
	#about .history .items h4 {font-family: 'SeoulHangangM';font-size: 24px;letter-spacing: -3%;line-height: 1.4em;color: #333333;margin-bottom: 15px;}
	
	.other_clinic_box {padding: 60px 50px;border-radius: 25px;margin-bottom: 60px}
	.other_clinic_box .d-flex .left {width: 40%}
	.other_clinic_box .d-flex .right {width: 100%;padding-top: 30px}
	.other_clinic_box .d-flex .right2 {width: 55%;padding-top: 0px}
	.other_clinic_box .title {font-size: 26px;font-family: 'Pretendard-Bold';line-height: 1.4em}
	
	.flow_wrap {position: relative}
	.flow_wrap .item {width: 100%;position: relative;z-index: 9}
	.flow_wrap .item {text-align: center;display: flex; align-items: center;flex-wrap: nowrap;}
	.flow_wrap .item .img {margin: 20px 0;width: 180px}
	.flow_wrap .item .img img {width: 180px;}
	.flow_wrap .item .text {width: auto;font-size: 20px;font-family: 'Pretendard-SemiBold';text-align: left;padding-left: 30px;padding-left: 30px}
	.flow_wrap .line {border: 1px solid #C8C8C8;position: absolute;width: 1px;height: 70%;top: 90px;left:90px;z-index: 0}
	
	

}

@media screen and (max-width:720px) {
	.main_vis {padding: 120px 0 70px;transition: all .8s;text-align: center}
	.main_vis .title {font-size: 32px;width: 100%;margin-bottom: 40px}
	.main_vis .img {width: 100%}
	.main_vis .img img {width: 60%;transition: all .8s;}
	
	.other_clinic_head .img img {height: initial;width: 80%}
	
	.other_clinic_box {padding: 60px 40px;}
	.other_clinic_box .d-flex .left {width: 100%}
	.other_clinic_box .d-flex .right {width: 100%;padding-top: 30px}
	.other_clinic_box .d-flex .right2 {width: 100%;padding-top: 30px}
	.other_clinic_box .title {font-size: 26px;fo0nt-family: 'Pretendard-Bold';line-height: 1.4em}
	
	
	.flow_wrap .item .img {margin: 20px 0;width: 140px}
	.flow_wrap .item .img img {width: 140px;}
	.flow_wrap .item .text {width: auto;font-size: 18px;font-family: 'Pretendard-SemiBold';text-align: left;padding-left: 30px;padding-left: 30px}
	.flow_wrap .line {border: 1px solid #C8C8C8;position: absolute;width: 1px;height: 70%;top: 70px;left:70px;z-index: 0}
	
	/* 클리닉 박스 */
	.clinic_box {width: 100%;border: 1px solid #e8e8e8;padding: 60px 20px;border-radius: 25px;margin: 0 0 25px}
	.clinic_box .img {text-align: center}
	.clinic_box .img img {height: 140px}
	.clinic_box .subject {font-family: 'SeoulHangangM';text-align: center;margin-top: 40px;font-size: 24px;line-height: 1.2em}
	.clinic_box .sub_text {font-family: 'SeoulHangangM';text-align: center;margin-top: 16px;font-size: 18px;line-height: 1.5em}
	.clinic_box .text {margin-top: 30px;line-height: 1.8em;margin-bottom: 65px}
	
	#kakaomap {height: 420px}
	
	.contact_wrap {width: 90%;margin: 60px auto}
	.contact_wrap table {margin-top: 50px;width: 100%}
	.contact_wrap table tr th {display: none}
	.contact_wrap table tr th span {color: #ff3434;font-size: 15px;font-family: 'Pretendard-Regular'}
	.contact_wrap table tr td {height: initial;padding-bottom: 10px}
	.contact_wrap table tr td input {border-radius: 25px; border: 1px #dadada solid;line-height: 46px;padding: 0 30px;outline: none;font-family: 'Pretendard-SemiBold';width: 100%}
	.contact_wrap table tr td input:focus, .contact_wrap table tr td textarea:focus {background: rgba(246, 240, 236, 0.349)}
	.contact_wrap table tr td textarea {border-radius: 25px;padding: 20px 30px;height: 350px;width: 100%;border: 1px #dadada solid;outline: none;line-height: 1.8em}
	.contact_wrap table tr th.textarea {padding: 30px 0;vertical-align: top}
	.contact_wrap table tr td.textarea {padding: 20px 0;vertical-align: top}
	.contact_wrap table tr td label {display: block;font-size: 14px;font-family: 'Pretendard-SemiBold';line-height: 2em;padding-left: 10px}
	.contact_wrap table tr td label span {color: #ff3434;font-size: 12px;font-family: 'Pretendard-Regular'}
	
	.contact_footer {margin-top: 20px;border-top: 1px solid #CCCCCC;padding: 20px 0}
	.contact_footer .check {font-size: 16px;font-family: 'Pretendard-SemiBold';line-height: 24px}
	.contact_footer .check .small a {color: #696969;margin-left: 30px}
	.contact_footer .bt {width: 100%;text-align: center;margin-top: 15px}
	.contact_footer .bt button {font-size: 16px;font-family: 'Pretendard-SemiBold';color: #ffffff;background: #a36d30;height: 54px;border-radius: 5px;border: 0;width: 120px}
	.contact_footer .bt button:hover {background: #8d5b23;}
}

@media screen and (max-width:520px) {
	.section_title {font-size: 26px;}
	
	.main_vis .title {font-size: 26px;}
	.main_vis .img img {width: 80%;transition: all .8s;}
	
	#about .wrap .img img {width: 80%}
	
	.other_clinic_head .img img {height: initial;width: 80%}
	
	.other_clinic_box {padding: 60px 30px;border-radius: 25px;margin-bottom: 60px}
	.other_clinic_box .d-flex .left {width: 100%}
	.other_clinic_box .d-flex .right {width: 100%;padding-top:10px}
	.other_clinic_box .d-flex .right2 {width: 100%;padding-top: 30px}
	.other_clinic_box .title {font-size: 23px;fo0nt-family: 'Pretendard-Bold';line-height: 1.4em}
	
	.flow_wrap .item {text-align: center;display: flex; align-items: start;flex-wrap: nowrap;}
	.flow_wrap .item .img {margin: 0;width: 100px}
	.flow_wrap .item .img img {width: 100px;}
	.flow_wrap .item .text {width: 300px;font-size: 16px;font-family: 'Pretendard-SemiBold';text-align: left;padding-left: 20px;padding-bottom: 30px}
	.flow_wrap .line {border: 1px solid #C8C8C8;position: absolute;width: 1px;height: 70%;top: 40px;left:50px;z-index: 0}
	
	/* 클리닉 박스 */
	.clinic_box {padding: 60px 0px}
	.clinic_box .subject {font-size: 22px;}
	.clinic_box .sub_text {font-size: 18px;}
	
	#kakaomap {height: 320px;width: 90%;margin: 0 auto}
	.map_card .address {font-size: 20px;line-height: 1.3em}
 }