/* 반응형 스타일 */
@media screen and (max-width: 1600px) {
	
	.wrap { width: 96%; margin: 0 auto; }	

}

@media screen and (max-width: 1440px) {
	
	/* head */
	#header { height: 100px; }
	.logo { top: 25px; left: 0%; }
	#header .hd-menu .gnb-wrap .gnb > li { height: 100px; padding: 0px 20px; }

	/* main */
	.main_con03_text { width: 60%; }
	.main_con03_inr01 .main_con03_text { padding-right: 80px; }
	.main_con03_inr02 .main_con03_text { padding-left: 80px; }
	.main_con03_text h3 { margin-bottom: 50px; font-size: 42px; }
	.main_con03_text p { font-size: 1em; word-break: keep-all; }

	.main_con03_img { height: 640px; }
	.main_con03_inr.active .main_con03_img { width: 40%; }

	br.mo_br { display: none; }

	.tabs li a { min-width: 140px; font-size: 1em; }
}

@media screen and (max-width: 1280px) {
	
	/* head */
	#header .hd-menu .gnb-wrap .gnb > li { padding: 0px 15px; }
	#header .hd-menu .gnb-wrap .gnb > li > a { font-size: 18px; }

	/* footer */
	.footer .wrap { justify-content: center; }
	.ft_menu { position: relative; margin-bottom: 30px; }
	.ft_menu ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; gap: 0px 10px; }

	.ft_info { text-align: center; }

	/* sub */
	.sub_vis { height: 400px; }

	.history_list li { padding: 30px 20px; }
	.history_list li.history_inr h4 .year { font-size: 32px; }
	.history_list li.history_inr h4 { font-size: 20px; }
	.history_list li.history_inr p { font-size: 14px; }

}

@media screen and (max-width: 1024px) {
	
	/* popup */
	.popupbox { width: 600px; max-width: 90%; }
	.popupbox_imgbox { width: 100%; border-radius: 0px; }
	.hd_pops_con { height: auto !important; }
	.popupbox_imgbox img { border-radius: 10px; }
	.popupbox_menubox { position: absolute; left: 0; bottom: 50px; width: 100%; z-index: 9; background: transparent; }
	.popup_tit { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; }
	.popup_tit li .txt { display: none; }
	.popup_tit li { flex: none; width: 10px !important; height: 10px !important; min-height: 10px; border-radius: 500px; background: #fff; padding: 0 !important; margin: 0 5px !important; }
	.popup_tit li.swiper-pagination-bullet-active { background: #000; }

	/* head */
	#header { height: 80px; }
	#header.scrolled { background: rgba(255, 255, 255, 1); }

	.logo { top: 20px; left: 0%; }
	.logo img { height: 40px; }

	.hd-menu { display: none; }

	nav.mobile_menu { position: fixed; top: -100vh; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; height: 100vh; z-index: 9001; background: rgba(255, 255, 255, 1); border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; transition: all 650ms cubic-bezier(1,0,0,1); }
	nav.mobile_menu.open { top: 0; padding: 80px 10%; border-radius: initial; }

	.nav-inner { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between; align-items: center; }
	.nav-list { display: flex; justify-content: center; align-items: flex-start; flex-direction: column; width: 100%; height: 100%; }
    .nav-list li { position: relative; width: 100%; padding: 20px 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.2); }
	.nav-list li:last-child { margin-bottom: 0px; }
	.nav-list > li:after { content:"\e941"; font-family: 'xeicon'; position: absolute; right: 20px; top: 0px; display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; height: 68px; }
	.nav-list li a { display: block; position: relative; color: #222; font-size: 1.3em; font-weight: 400; }

	.nav-link { padding: 1rem; font-size: 2rem; }
	.nav-link:hover, .nav-link:focus { color: #222; }

	.menu-toggler { position: fixed; top: 17px; right: 2%; width: 45px; height: 45px; padding: 12px 6px; border: 2px solid #fff; display: flex; flex-direction: column; justify-content: space-between; z-index: 9001; /* transition: all 650ms ease-out; */ cursor: pointer; }
	body.scrolled .menu-toggler { border: 2px solid #222; }
	body.scrolled .menu-toggler.open, .menu-toggler.open { z-index: 9999; transform: rotate(-45deg); border: none; }

	.bar { background-color: #fff; width: 100%; height: 2px; border-radius: 0.8rem; }
	body.scrolled .bar { background-color: #222; }
	.open .bar { background-color: #222; }

	.bar.half { width: 50%; }
	.bar.top { transform-origin: right; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.top { transform: rotate(-450deg) translateX(0.45rem); }
	.bar.bottom { align-self: flex-end; transform-origin: left; transition: transform 650ms cubic-bezier(0.54, -0.81, 0.57, 0.57); }
	.open .bar.bottom { transform: rotate(-450deg) translateX(-0.45rem); }

	.nav-inner ul ul { display: none; margin-top: 10px; }
	.nav-inner ul ul li { margin-bottom:0px; padding: 0px 10px; border: none; }
	.nav-inner ul ul li a { display: inline-block; padding: 0px; color: rgba(0, 0, 0, 0.7); font-size: 1em; font-weight: 300; line-height: 1.8; text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; -ms-transition: all 0.5s; transition: all 0.5s; }
	.nav-inner ul ul li a:hover { color: rgba(0, 0, 0, 1); }
	.nav-inner ul ul li a:before { display: none; height: 1px; }

	.nav-inner .sns_list { display: flex; justify-content: center; width: auto; position: absolute; right: 60px; top: 20px; }
	.nav-inner .sns_list li { margin: 0px 5px; }
	.nav-inner .sns_list li a { width: 35px; height: 35px; }
	.nav-inner .sns_list li a.icon_insta { background: rgba(255, 255, 255, 0.1); }
	.nav-inner .sns_list li a.icon_youtube { background: rgba(255, 255, 255, 0.1); }
	.nav-inner .sns_list li a.icon_kakao { background: rgba(255, 255, 255, 0.1); color: #fff; }
	.nav-inner .sns_list li a.icon_facebook { background: rgba(255, 255, 255, 0.1); color: #fff; }
	.nav-inner .sns_list li a.icon_link { background: rgba(255, 255, 255, 0.1); }

	/* footer */
	.ft_info span { padding: 0 10px; }
	
	/* main_quick */
	.main_quick { height: 60px; }
	.main_quick.close { transform: translateY(60px); }

	.main_quicklist li a { padding: 0 0px; font-size: 15px; }
	
	.main_quick .colse_btn { top: -25px; height: 26px; }

	/* main */
	.main_vis { height: 550px; }

	.main_con01 { padding: 100px 0 70px; }
	.main_con01 h2 { font-size: 25px; }

	.main_con02_menu { height: 300px; }
	.main_con02_menu h3 { margin-bottom: 30px; font-size: 30px; }
	.main_con02_menu h3 span { margin-bottom: 15px; font-size: 18px; }
	
	.main_con04_inr { width: 100%; }
	.main_con04_inr01 { width: 0px; margin-bottom: 50px; }
	.main_con04_inr01.active { width: 100%; }
	.main_con04_inr02 { padding: 0 100px; }

	/* sub */
    .sub_vis { height: 350px; border-radius: 0px; }
	.sub_text { padding-top: 0px; }
	.sub_text h2 { font-size: 42px; }
	.sub_text p { font-size: 20px; }

	#sub_page { padding: 50px 5%; }
	#sub_page.about, #sub_page.doctors, , #sub_page.equipment, #sub_page.treatment_info { padding: 0; }

	.pc_imgbox { display: none; }
	.mo_imgbox { display: block; text-align: center; }

	.about_inr .textbox h3 { font-size: 42px; }
	.about_inr .textbox h3 img { height: 40px; line-height: 1; }
	.about_inr .textbox p { font-size: 1em; }

	.page_title h3 { font-size: 42px; }
	.page_title h3 span.en_title01 { font-size: 45px; }
	.page_title p.txt01 { font-size: 20px; }
	.page_title p.txt01 span { font-size: 20px; }
	.page_title h3 span img { height: 40px; }
	
	.history_list { padding: 350px 0; }
	.history_list li { height: 350px; }
	.history_list li:before { left: -5px; bottom: -5px; width: 10px; height: 10px; }
	.history_list li.history_bottom:before { top: -5px; }
	.history_list li.history_inr p { height: 65px; }
	.history_list li.history_inr .history_img { margin-top: 20px; }
	
	.about_inr04 p { gap: 20px; margin-top: 80px; }
	.about_inr04 p i { display: block; width: 100%; }

	.doctors_list li { align-items: flex-start; width: 100%; margin-bottom: 100px; }
	.doctors_list li:last-child { margin-bottom: 0px; }
	.doctors_list li .doctors_img { width: 35%; }
	.doctors_list li .doctors_text { width: 65%; padding-left: 50px; }

	.equipment_list { gap: 80px 1.333%; }
	.equipment_list li { width: 24%; }
	.equipment_list li .equipment_img { margin-bottom: 30px; }
	
	.treatment_info_left { width: 100%; margin-bottom: 50px; }
	.treatment_info_left.active { width: 100%; height: auto; }
	.treatment_info_right { width: 100%; padding: 0 100px; }
	.treatment_info_in { display: flex; flex-direction: column; align-items: center; }

	.tabs { width: 100%; margin: 0px auto 50px; }
	.tabs li { flex:1; text-align: center; }
	.tabs li a { min-width: 100%; padding: 0 5px; border-radius: 0px; }

}

@media screen and (max-width: 768px) {
	
	/* footer */
	.footer { padding: 80px 0; }
	.ft_menu ul li a { width: auto; height: auto; background: transparent; border-radius: 0px; box-shadow: none; font-size: 1.1em; }
	.ft_info span { display: block; padding: 0px; }
	.ft_info span:after { display: none; }

	/* main */
	.main_vis { height: 300px; }

	.main_con02_menu { flex: 0 0 50%; }
	.main_con02_menu:nth-child(4) { border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
	.main_con02_menu:nth-child(3n+1) { border-left: 1px solid rgba(255, 255, 255, 0.3); }
	.main_con02_menu:nth-child(2n+1) { border-left: none; }

	.main_con03 { padding: 100px 0 100px; }
	.main_con03:after { left: 90px; font-size: 70px; }

	.main_con03_inr01 { margin-bottom: 100px; }
	.main_con03_inr02:after { bottom: 80px; }
	.main_con03_inr01 .wrap { flex-direction: column-reverse; }
	.main_con03_inr02 .wrap { flex-direction: column-reverse; }

	.main_con03_text { align-items: center; text-align: center; width: 100%; }
	.main_con03_inr01 .main_con03_text { padding-right: 0px; }
	.main_con03_inr02 .main_con03_text { padding-left: 0px; }
	.main_con03_text h3 { font-size: 36px; }
	
	.main_con03_inr .main_con03_img { margin-bottom: 50px; }
	.main_con03_inr.active .main_con03_img { width: 100%; }
	
	.main_con04 { margin-bottom: 100px; }
	.main_con04_inr01 { height: 70vh; }
	.main_con04_inr02 { padding: 0 10%; }
	.main_con04_info { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; }
	.main_con04_info h3 { justify-content: center; }
	.main_con04_info p.address { text-align: center; }
	.main_con04_info p.call { text-align: center; }

	/* sub */
	.board_contents { padding: 100px 0 100px; }

	.subpage_inr { padding: 100px 0; }
	
	.about_inr .imgbox { height: 500px; margin-bottom: 50px; }
	.about_inr .imgbox.active { width: 100%; }
	.about_inr .imgbox img { object-position: center bottom; }

	.about_inr .textbox { width: 100%; padding-left: 0px; }
    .about_inr .textbox h3 { text-align: center; width: 100%; font-size: 36px; }
	.about_inr .textbox h3 span { text-align: center; margin-bottom: 30px; }
    .about_inr .textbox p { text-align: center; }
	
	.page_title { margin-bottom: 50px; }
    .page_title h3 { font-size: 36px; }
    .page_title h3 span.en_title01 { font-size: 32px; }
	.page_title p.txt01 { gap: 0 10px; font-size: 1em; }
    .page_title p.txt01 span { font-size: 1em; }
	.page_title p.txt02 { font-size: 1.05em; }
	
    .history_list { padding: 0px 0; }
	.history_list:after { width: 2px; height: 100%; }

	.history_list li { position: relative; text-align: left; width: 100%; height: auto; padding: 0px 20px 30px 10%; }
	.history_list li:before { left: -5px; top: 0px; bottom: auto; width: 10px; height: 10px; }
	.history_list li:after { top: 4px; bottom: auto; width: 7%; height: 2px; }
	.history_list li:nth-child(2n+2) { display: flex; flex-direction: column-reverse; }

	.history_list li.history_inr01 { left: auto; }
	.history_list li.history_inr02 { left: auto; }
	.history_list li.history_inr03 { left: auto; }
	.history_list li.history_inr04 { left: auto; }
	.history_list li.history_inr05 { right: auto; padding-bottom: 0px; }

	.history_list li.history_bottom .history_img { margin-bottom: 0px; }

	.history_list li.fade-right { transform: translateX(-100px); }
	.history_list li.active.fade-right { transform: translateX(0); opacity: 1; }

	.history_list li.history_inr p { height: auto; }

	.about_inr .textbox { justify-content: center; }
	.about_textlist01 li h4 { justify-content: center; gap: 10px; font-size: 22px; }
	.about_textlist01 li h4 i { display: block; width: 100%; }
	.about_textlist01 li h4 i img { height: 25px; }
	
	.about04_img.active { height: auto; }
	.about_inr04 p { gap: 10px; }
	
    .doctors_list li { margin-bottom: 80px !important; }
    .doctors_list li:last-child { margin-bottom: 0px !important; }
	.doctors_list li .doctors_img { width: 300px; }
    .doctors_list li .doctors_text { width: 100%; padding-left: 0px; }
	.doctors_list li .doctors_name span { margin-bottom: 10px; font-size: 16px; }
	.doctors_list li .doctors_name h4 { font-size: 24px; }
	
	.doctors_career { display: flex; flex-wrap: wrap; justify-content: center; }
	.doctors_list li .doctors_career dl { padding-left: 70px; }
	.doctors_list li .doctors_career dl:after { font-size: 25px; }
	.doctors_list li .doctors_career dl dd { font-size: 1em; }
	
    .equipment_list { gap: 50px 1.333%; }
	.equipment_list li .equipment_text h4 { font-size: 20px; }
	.equipment_list li .equipment_text p span { font-size: 13px; }
	
	.tabs { gap: 10px 2%; }
	.tabs li { flex: none; width: 32%; }
	.tabs li a { height: 50px; }
	
}

@media screen and (max-width: 480px) {
	
	body { font-size: 15px; }
	/* head */
    nav.mobile_menu.open { padding: 80px 5%; }
	
	/* footer */
	.footer { padding: 60px 0; }
	.ft_logo { margin-bottom: 30px; }
	.ft_logo img { height: 35px; }

	/* main_quick */
	.main_quicklist li a img { width: 25px; }
	.main_quicklist li a span { display: block; width: 100%; font-size: 14px; }

	/* main */
	.main_con01 { padding: 50px 0 50px; }
	.main_logo img { height: 35px; }
    .main_con01 h2 { margin-top: 15px; font-size: 20px; }

    .main_con02_menu { height: 250px; }
	.main_con02_menu h3 { font-size: 24px; }
    .main_con02_menu h3 span { font-size: 14px; }
	.main_con02_menu a span.more { width: 130px; font-size: 14px; }
	
	.main_con03 { padding: 80px 0 80px; }

	.main_con03_inr01 { margin-bottom: 50px; }
	.main_con03_inr02:after { bottom: 50px; height: 30%; }

	.main_con03_img { height: 450px; }
    .main_con03_text h3 { margin-bottom: 30px; font-size: 28px; }
	.main_con03_text h3 span { margin-bottom: 20px; font-size: 16px; }
	.main_con03_text p { margin-bottom: 50px; }
	
	.main_con04 { margin-bottom: 80px; }
	.main_con04_inr01 { height: 350px; }
    .main_con04_inr02 { padding: 0 5%; }
	.main_con04_info { font-size: 16px; }
	.main_con04_info h3 { font-size: 24px; }
	.main_con04_info h3 span { margin-left: 15px; padding-left: 15px; font-size: 16px; }
	.con04_infolist01 li strong { width: 120px; }
	.con04_infolist01 li p { width: calc(100% - 120px); }

	/* sub */
	.sub_vis { height: 250px; }
    .sub_text { padding-top: 60px; }
	.sub_text h2 { margin-bottom: 15px; font-size: 32px; line-height: 1; }
	.sub_text p { font-size: 16px; }
	
	.board_contents { padding: 80px 0 80px; }

    .subpage_inr { padding: 80px 0; }

    .page_title h3 { font-size: 28px; line-height: 1.2; }
	.page_title h3 span { margin-bottom: 15px; }
    .page_title h3 span.en_title01 { font-size: 24px; }
	.page_title h3 span img { height: 30px; }
	
	.about_inr .imgbox { height: 350px; }

	.about_inr .textbox h3 { margin-bottom: 20px; font-size: 28px; }
    .about_inr .textbox h3 span { margin-bottom: 15px; }
    .about_inr .textbox h3 img { height: 30px; }

	.about_textlist01 li { margin-bottom: 50px; }

	.doctors_list li .doctors_img { width: 250px; }
	
    .equipment_list { gap: 30px 2%; }
    .equipment_list li { width: 32%; }
    .equipment_list li .equipment_img { margin-bottom: 15px; }
	.equipment_list li .equipment_text h4 { margin-bottom: 10px; }
	
    .treatment_info_right { padding: 0 5%; }
	.treatment_info_in { margin-bottom: 50px; font-size: 16px; }
	.treatment_info_in h3 { font-size: 24px; }
	.treatment_info_in h3 span { margin-left: 15px; padding-left: 15px; font-size: 16px; }
	.con04_infolist01 li strong { width: 120px; }
	.con04_infolist01 li p { width: calc(100% - 120px); }
	.treatment_info_in p { text-align: center; }

}

@media screen and (max-width: 430px) {
	
	/* head */
    #header { height: 60px; }
    .logo { top: 10px; }
	.menu-toggler { top: 10px; width: 40px; height: 40px; padding: 10px 4px; }

	/* main */
	.main_con02_menu h3 { font-size: 20px; word-break: keep-all; }
	.main_con02_menu h3 span { font-size: 12px; }

	/* sub */
	.subpage_inr { padding: 50px 0; }

	.page_title { margin-bottom: 30px; }
	.page_title h3 { font-size: 24px; }
    .page_title h3 span.en_title01 { font-size: 20px; }

    .about_inr .textbox h3 { font-size: 22px; }

	.doctors_list li .doctors_img { width: 200px; }

	.equipment_list li .equipment_text h4 { font-size: 16px; }

}

@media screen and (max-width: 375px) {
	
	/* main */
	.main_con02_menu { height: 200px; }
    .main_con02_menu h3 span { margin-bottom: 10px; }
	.main_con02_menu a span.more { height: 35px; padding: 0 15px; background: url('../image/main/main_con02_arrow01.png') center right 15px no-repeat; }

	/* sub */
    .tabs li { width: 49%; }
	.tabs.wh03 li { width: 32%; }
	.tabs li a { height: 40px; }

}