@charset "utf-8";

@import 'motion.css';

@import url('https://fonts.googleapis.com/css?family=Roboto|Noto+Sans+KR|Rozha+One|Nanum+Gothic|Gidugu|Archivo+Black|Nanum+Myeongjo|Fira+Sans+Condensed|Nanum+Brush+Script');
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}

body, h1, h2, h3, h4, h5, h6, input, textarea, select {font-family: 'Noto Sans KR'!important;}
.sub-navi.taps08 li{ width: calc(100%/8);}


/*2023-01-26*/
.page-bg.clinic1{background:url('/img/sub/self_bg01.png') no-repeat right center #f0f0f0;}
.page-bg.clinic2{background:url('/img/sub/self_bg02.png') no-repeat right center #f0f0f0;}
.page-bg.clinic3{background:url('/img/sub/self_bg03.png') no-repeat right bottom #f0f0f0;}
.page-bg.clinic4{background:url('/img/sub/self_bg04.png') no-repeat right 0  #f0f0f0;}
.page-bg.clinic5{background:url('/img/sub/self_bg05.png') no-repeat right center #f0f0f0;}
.page-bg.clinic6{background:url('/img/sub/self_bg06.png') no-repeat right 0 #f0f0f0;}
.page-bg.clinic7{background:url('/img/sub/self_bg07.png') no-repeat right center #f0f0f0;}
.page-bg.clinic8{background:url('/img/sub/self_bg08.png') no-repeat right center #f0f0f0;}

.p_part{width:100%; max-width:1300px; margin:0 auto;}
.numList { overflow: hidden; }
.numList.w50{max-width:50%;}
.numList li  { position: relative; counter-increment: number; line-height: 1.4em; font-size: 1.25em; padding: 0.8em 0;
                     background:url("/img/common/dotline.png") repeat-x bottom;  }
.numList li::before {  content: '✔'; color:#fff; width: 24px; line-height: 24px; display: inline-block; margin-right: 0.5em;
                                 background:#2390f6; border-radius: 7px; text-align: center;  font-size: 0.83em; font-weight: 700; vertical-align: middle; }
.numList li p { display: inline-block; max-width: calc(100% - 37px - 0.5em); vertical-align: middle; }
.numList .od-tit { color:#4b4b4b; font-weight: 600;}
.page-bg {padding:5%; background-size: cover; background-position: center; text-align: left; }
	@media all and (max-width:1280px) {
	.page-bg  { background-position: 70% center; }
   .page-bg .w50 { max-width: 60%; }
	}
	@media all and (max-width:976px) {
	   .page-bg  { background-position: 60% center; }
	   .page-bg .w50 { max-width: 70%; }
	}
	@media all and (max-width:767px) {
	   .page-bg  { background-position: 80% center; }
	   .page-bg .w50 { max-width: 100%; }
	}

.mid_disease  .s-title h3 {font-size:2.3em; color:#222; line-height:1.2em; background:none; text-align:left; font-weight:700; margin-bottom:20px; padding:0;}

	
	@media all and (max-width:1024px) {
	   .numList li { font-size: 1.05em; }
	   .numList li:before { width: 32px; line-height: 32px; }
	}
	@media all and (max-width:767px) {
	   .numList li { font-size: 1em; }
	   .numList li:before { width: 30px; line-height: 30px; font-size: 0.78em; }
	}
	@media all and (max-width:480px) {
	   .numList li:before { width: 24px; line-height: 24px; }
	}


.q-menu { border:5px solid #0b1b47; margin:5% auto; max-width:1300px; box-sizing: border-box;}
.q-menu dl { display: table; width:100%; }
.q-menu dt, .q-menu dd { display: table-cell; vertical-align: middle;}
.q-menu dl:nth-child(2) dt{ background:#0b1b47;}
.q-menu dl:nth-child(2) dd{ border-top: dotted 1px #efefef; box-sizing:border-box;}
.q-menu dt { width:30%;  font-size:1.875em;  padding: 1em 2em 1em 130px;  padding-left:130px; line-height:1.5em; color:#fff;  letter-spacing: 0; line-height: 1.2em;  font-weight:700; 
                     background:#0b1b47 url('/img/sub/self_bg_qu.png') no-repeat; background-position:15% 40%;  box-sizing: border-box;}
.q-menu dd { width:70%; font-size:1.125em; padding:0 5%;  padding: 1em 2em;  background:#FFF;}
.q-menu dd a:hover {text-decoration:underline; color:#222 }
.dotList li{display:inline-block; width:calc(100%/5);}
.dotList {overflow:hidden}
.dotList li { line-height:1.8em; padding:0.4em 10px;  position:relative;}
/*.dotList li:before{content:''; width:4px; height:4px; border-radius:5px; background:#00bcd4; position:absolute; left:0; top:1.1em; }*/

@media screen and (max-width:1024px){
	.q-menu dt {padding: 1em 1em 1em 100px;  background-position:10% 40%; background-size:auto 50%;  }
}
@media screen and (max-width:767px){
	.q-menu dt {padding: 1em 1em 1em 80px; }
}
@media screen and (max-width:680px){	
	.q-menu dt, 
	.q-menu dd { display: block;}
	.q-menu dt { width:100%;padding: 1em 1em 1em 1em;  background-position:95% 40%; background-size:auto 70%;  }
	.q-menu dt br {display:none;}
	.q-menu dd { width:100%; margin-bottom:5px; padding-right:0; padding-left:0;}
	.q-menu dd ul{width:90%; margin:0 auto;}
	.dotList li {width: calc(100%/3);}
}





.p_info {margin-top:20px;}
.p_info span{display:inline-block; border-radius:30px; padding:3px 12px; background:#2390f6; color:#fff;}
.p_info ul{display:inline-table; margin-left:20px; width:50%;}
.p_info ul li{display:inline-block; position:relative; padding-left:10px; margin-right:15px; letter-spacing:-0.05em;}
.p_info ul li:before{content:''; width:4px; height:4px; border-radius:5px; background:#00bcd4; position:absolute; left:0; top:10px; }


/* basic css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {margin: 0; padding: 0; border: 0;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
html, body { height:100%; overflow-x: hidden}
body {font-family:'Noto Sans KR' sans-serif;  color:#333;  -webkit-text-size0adjust:none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
a:link { color: #333; text-decoration: none; }
a:visited { color: #333; text-decoration: none; }
a:hover { color: #333; text-decoration: none; }
a:active { color: #333; text-decoration: none; }
a:focus { color: #333; text-decoration: none; }
select, input, textarea {vertical-align: middle ; font-family:'Noto Sans KR', sans-serif;}
input {margin: 0;padding: 0;font-family:'Noto Sans KR',sans-serif;}
ol, ul {list-style: none;}
label {cursor: pointer;}
legend, caption {width: 0;height: 0; visibility: hidden; font-size: 0;line-height: 0;}
button {cursor: pointer;   border: medium none; overflow: visible; padding: 0; white-space: nowrap;font-family:'Noto Sans KR', sans-serif;}
img {vertical-align: top;}
table {font-family:'Noto Sans KR',sans-serif;}

.hidden {position: absolute;width: 0;height: 0;visibility: hidden;font-size: 0;line-height: 0; top:-9999px}


#skipNav	{ z-index: 600; position: absolute; position: fixed;  top: 0; left: 0; width: 100%; }
#skipNav a { position: absolute;  top: -9999px; display: block; }
#skipNav a span { display: block; padding: 10px 0; border: 3px solid #FFB747; background: #000; color: #fff; text-align: center; }
#skipNav a:hover, #skipNav a:active, #skipNav a:focus { z-index: 600; top: 0; display: inline-block; width: 100%; }



/* form */
fieldset	{border:0 none;}
label	{}

input.txt	{height:24px; margin:0; padding:7px 9px 7px 9px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; line-height:24px; vertical-align:middle;}
input.txt:focus	{border-color:#000;}
select	{margin:0; border:1px solid #999; line-height:22px; height:22px; color:#a6a6a6; font-weight:bold;}
legend, caption {overflow:hidden; position:absolute; left:-9999px; top:0; font-size:0; line-height:0; text-indent:-9999px;}
.select {position:relative; display:inline-block; height:22px; padding:6px 4px 6px 4px; border:1px solid #b3b3b3; background-color:#fff; line-height:22px; vertical-align:middle;}
.select	 select	 {border:0 none; background:#fff; font-size:16px; color:#333; font-weight:normal;}

input.chk {border:0 none; margin-right:2px; vertical-align:middle;}
textarea	{padding:4px; border:1px solid #999; background:#fff; color:#4c4c4c; font-size:13px; overflow-y:scroll; resize:vertical; -webkit-appearance:none;}
textarea:focus	{border-color:#000;}

input[type=text],
input[type=file],
input[type=password] {font-family:'Noto Sans KR','Nanum Square','Nanum Gothic','noto Sans KR',Dotum,'����',Gulim,Helvetica,sans-serif;height:40px; padding:0 10px; margin:0; border:1px solid #d2d2d2; line-height:22px; vertical-align:middle; box-shadow: none; -webkit-appearance: none; appearance: none; font-weight:300; color:#666; font-size:13px;}
input::input-placeholder {color:#777;}
input::-webkit-input-placeholder {color:#777;} 
input::-moz-placeholder {color:#777;}
input::-ms-placeholder {color:#777;} 
input[type=checkbox],
input[type=radio] {width:14px; height:14px; padding:0; margin:0; vertical-align:middle; border:none; background:none; border-radius:0px; box-shadow: none; }
textarea {padding:10px; border:1px solid #d2d2d2; background:#fff; line-height:26px; font-size:16px; font-weight:300; color:#606060;}









.point {color:#0d6fb8;}
html, body {letter-spacing:-0.05em}

/* layout*/
.all_wrap {position:relative; width:100%; min-width:1150px;}

header {position:relative; width:100%; min-width:1150px;background:#fff; z-index:200; }

.navi {position:fixed; width:100%; height:92px; box-sizing:border-box; border-bottom:1px solid #eaeaea; background:#fff; min-width:1150px; z-index:210;}
h1 {padding:20px 30px 0 30px;}
h1 a {display:inline-block;width:132px; height:40px;background:url('/img/common/logo.png') no-repeat 0 0; text-indent:-9999px;}
.gnb {position:absolute; top:0; left:calc(100%/2); margin-left:-390px;z-index:220;overflow:hidden;height:85px;letter-spacing:0}
.gnb ul li {position:relative;float:left; width:180px;text-align:center;font-weight:400;}
.gnb .depth1 {position:relative; display:block; color:#000; font-size:20px;  line-height:85px; letter-spacing:-0.08em;}
.gnb ul li ul {display:block;padding:30px 0;  min-height:140px; opacity:0;transform:translateY(20px);}
.gnb ul li ul li {float:none; height:36px; width:auto;font-weight:400;}
.gnb ul li ul li a {font-size:16px; color:#666; letter-spacing:-0.05em;}
.gnb ul li ul li a:hover {color:#1f3c8b;}
.gnb .line {position:absolute; display:block; bottom:-2px; height:5px; width:0%; background:#1f3c8b; left:76px;}
.t_cs {position:absolute; top:0; right:0;}
.t_cs span {font-weight:bold; font-size:15px;display:block; padding:5px 0; color:#1f3c8b;font-weight:400;}
.navi-bg {position:absolute; display:block;width:100%; height:0px; left: 0; top: 85px; z-index:1; }
.navi-bg .white-bg {width:100%;height:100%; background:#fff url('/kr/img/common/menu_bg.jpg') no-repeat center 0;}
.navi-bg.open {border-bottom:1px solid rgba(0,0,0,.1);height:350px;}
.bgw {background:#fff; }
.navi.wh {background:#fff; border-bottom:1px solid #eaeaea;}
.navi.wh h1 a {width:132px; height:40px;background:url('/img/common/logo.png') no-repeat 0 0;}
.navi.wh .gnb .depth1 {color:#333; }


/* �����_gnb */
.gnbbx2 {display:none;}


#container {position:relative; width:100%;z-index:1; min-width:1150px;margin:0 auto;background:#fff url('/img/sub/con_bg.png') no-repeat center 80px; padding-top:85px;}
#container02 {position:relative; width:100%;z-index:1; min-width:1150px;margin:0 auto; padding-top:85px;}

.sub-navi {position:absolute; margin-top:-25px; text-align:center; height:4px; z-index:20;font-size:16px; width:100%;}
.sub-navi ul {display:table;text-align:center;width:1280px; margin:0 auto;background:#fff;box-shadow:#888 2px 1px 3px;}
.sub-navi ul li {position:relative; display:table-cell; border-right:1px solid #e1e1e1;margin:0;height:4px; overflow:hidden;}
.sub-navi ul li a {display:block; color:#666; line-height:65px; backface-visibility: hidden; overflow:hidden;font-weight: 400; margin:0; overflow:hidden; height:65px;}
.sub-navi ul li a:hover {color:#000;}
.sub-navi ul li a.on {color:#fff;   background:#1f3c8a; font-weight: 600; overflow:hidden; height:65px;}
.sub-navi ul li.on a, .sub-navi ul li a:hover.on  {color:#fff;font-size:16px;font-weight: 600;  overflow:hidden; height:65px;}
.sub-navi ul li a:hover, .sub-navi ul li a:active, .sub-navi ul li a:focus {color:#333;}
.sub-navi ul li:last-child {border:none;}
.sub-navi ul.w01 li {}
.sub-navi ul.w02 li {width:12.5%;}
.sub-navi ul.w03 li {width:33.3%;}
.sub-navi ul.w04 li {width:14.2%;}
.sub-navi ul.w05 li {width:14.2%;}
.sub-navi ul.w06 li {width:25%;}
.contents {position:relative;margin:0 auto;line-height:1.6; letter-spacing:-0.3px;background:#fff; }
.contents02 {position:relative;margin:0 auto;line-height:1.6; letter-spacing:-0.3px;}

.m_footer {position:relative; width:100%; background:#2d2a24; clear:both; padding:35px 0;height:120px; color:#8e8a83;}

.footer {position:relative; width:100%; background:#262626;  color:#666;clear:both; padding:35px 0;height:120px;}
.topbt {position:absolute;  bottom:250px; right:50px; width:42px; height:42px; z-index:30; clear:both;}
.footer-in {position:relative; font-size:14px;width:1100px;margin:0 auto; }

.f_menu {position:relative; padding:0; height:25px;  }
.f_menu a {  padding:0 10px 0 12px;color:#999;}

.f_info {position:relative;float:left; padding:15px 0 15px 10px; letter-spacing:0}
.f_info p {letter-spacing:0; line-height:20px;}
.f_info p span {display:inline-block; background:url('/img/common/footer_bar2.gif') no-repeat left 5px; padding-left:12px; margin-left:10px;}
.f_info p span:first-child {margin-left:0; padding-left:0; background:none;}
.f_info p span.post {margin-left:0; padding-left:5px; background:none;}
.f-logo {display:block; position:absolute; right:20px; top:30px;}




/* ------------------------------------------------------------------Table-------------------------------------------------------------------------------------------- */
.con_box h4{width:auto; height:auto; text-align:left; margin-bottom:30px; font-size:20px; color:#000; font-weight:600;}
.con_box {clear:both; font-size:16px; color:#333;}


/*tab*/
.con_tab_wrap {position:relative;  width:1100px;  margin:0 auto;}
.con_tab{width:100%;text-align:center;}
.con_tab ul{width:100%;display:inline-block;}
ul.tabnum2 li{width:50%;}
ul.tabnum3 li{width:33.3%;}
ul.tabnum4 li{width:25%;}
ul.tabnum5 li{width:20%;}
ul.tabnum6 li{width:16.7%;}
ul.tabnum7 li{width:14.28%;}
.con_tab ul li{float:left;margin-right:-1px;}
.con_tab ul li a{display:block; padding:0 5px;height:55px; line-height:55px; border-width:1px; border-style:solid; border-color:#ccc #ccc #858585 #ccc;  font-size:15px; letter-spacing:-1px;color:#868686; font-weight:bold;}
.con_tab ul li a.on{position:relative;z-index:1;padding:0 5px; height:55px;line-height:55px;background:#0160b2; border-color:#ccc #ccc #858585 #ccc; color:#fff;}
.con_tab ul li a:hover{color:#000;}

.con_tab ul li a.on:hover{color:#fff;}
/* Table */
table.table1 {border-collapse:collapse; border-color:#000; border-style:solid; border-width:1px 0 0; margin:0.3em 0 0.5em 0; width:100%; font-size:16px;}
table.table1 thead th {color:#000; font-weight:normal; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; padding:10px 0;}
table.table1 tbody th {color:#333; font-weight:normal; text-align:left; vertical-align:middle; border-bottom:1px solid #e1e1e1;}
table.table1 tbody td {text-align:left;}
table.table1 tbody td img{vertical-align:middle;}
table.table1 tbody td input {vertical-align:middle;}
table.table1 tbody td.le {text-align:left; padding-left:10px;}
table.table1 th, table.table1 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;}

table.table2 {border-collapse:collapse; border-top:3px solid #000;  border-left:1px solid #e1e1e1;  margin:0.3em 0 0.5em 0; width:100%; font-size:16px;}
table.table2 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:10px 0;}
table.table2 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table2 tbody td {text-align:center;}
table.table2 tbody td img{vertical-align:middle;}
table.table2 tbody td input {vertical-align:middle;}
table.table2 tbody td.le {text-align:left; padding-left:10px;}
table.table2 th, table.table2 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}

table.table3 {border-collapse:collapse; border-top:2px solid #2b5cab;  border-left:1px solid #e1e1e1;  margin:0.3em 0 0.5em 0; width:100%; font-size:14px;}
table.table3 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:10px 0;}
table.table3 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table3 tbody td {text-align:center;}
table.table3 tbody td img{vertical-align:middle;}
table.table3 tbody td input {vertical-align:middle;}
table.table3 tbody td.le {text-align:left; padding-left:10px;}
table.table3 th, table.table3 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}

table.table4 {border-collapse:collapse; border-top:2px solid #000;  border-left:1px solid #e1e1e1;  margin:0.3em 0 0.5em 0; width:100%; font-size:13px;}
table.table4 thead th {color:#000; font-weight:normal; background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;padding:10px 0;}
table.table4 tbody th {color:#333; font-weight:normal;  background:#f6f6f6; text-align:center; vertical-align:middle; border-bottom:1px solid #e1e1e1; border-right:1px solid #e1e1e1;}
table.table4 tbody td {text-align:center;color:#777;}
table.table4 tbody td img{vertical-align:middle;}
table.table4 tbody td input {vertical-align:middle;}
table.table4 tbody td.le {text-align:left; padding-left:10px;}
table.table4 th, table.table4 td {border-bottom:1px solid #e1e1e1; line-height:140%; padding:10px;border-right:1px solid #e1e1e1;}


.tit_st01 {position:relative;  width:1100px;  margin:0 auto;text-align: center; background:url(/kr/img/common/icon01.gif) no-repeat center 0;}
.tit_st01 p.tit {font-size:30px;font-weight: 600; font-family: 'Nanum Square'; color:#000; padding:45px 0 15px 0;}
.tit_st01 p.txt {font-weight: 500; font-size:16px; padding-bottom:55px;}


.font_Square {font-family:'Nanum Square';}
.fs14 {font-size:16px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}
.pt70 {padding-top:70px;}
.pt80 {padding-top:80px;}
.pt110 {padding-top:110px;}
.pt120 {padding-top:120px;}

.pb10 {padding-bottom:10px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb50 {padding-bottom:50px;}

.mb10 {margin-bottom:10px;}
.mb30 {margin-bottom:30px;}

.mt20 { margin-top:20px;}
.mt50 { margin-top:50px;}
.mt70 { margin-top:70px;}
.mt100 { margin-top:100px;}

.ml5 { margin-left: 5px;}
.ml10 {  margin-left: 10px;}

.fl {float:left;}
.fr {float:right;}

.tac {text-align:center;}
.tal {text-align:left;}
.tar {text-align:right;}

.f15 {font-size:15px;}

.fw600 {font-weight: 600;}
.b_blue01 {background:#0160b2; font-size:12px; padding:10px; color:#fff;}

.ls_01 {letter-spacing:-2px;}


.inquery_text{padding:20px; background:#cfcac1; display:flex; align-items: center;     justify-content: center;}
.inquery_text p {display:flex;  align-items: center;  }
.inquery_text p strong{background:#1f3c8a; color:#fff; padding:0px 7px; margin:0 5px; font-size:1.2em;}



@media only screen and (max-width: 1024px) {
#container{min-width:1024px;}
.sub-navi ul{width:100%;}
.gnb {left: calc(100%/1.85);}
.gnb .depth1{font-size:14px;}
.gnb ul li {width: 120px;}
.gnb ul li ul li a{font-size:14px;}

.all_wrap, .footer-in, .navi {min-width:1024px;}
 .footer-in{max-width:1024px; width:100%;}
.m_firm{width:1024px; margin:0;}
.m_firm_info {width: 810px;}
.m_firm_info li img{width:100%; margin-top: 20px;}
.m_firm_info ul li {width: calc(100%/6);}
.sec03 .bx-wrapper{max-width:1024px !important;}

.n_manip_info, .n_manip_btn, .n_manip_info02, .n_manip_btn,
.n_manip_info li img{max-width:100%; min-width:100%; width:1000px;}

}



@media(max-width:768px){
	.inquery_text{padding:15px;}
	.inquery_text p{flex-wrap: wrap; justify-content: flex-start;}
.m_firm { width: 100%;}
.m_firm_info { width: 75%;}
.m_firm_info li img{margin-top:30px;}
.side2_m { top: 16px; border: 0px solid #dedede;  position: absolute; z-index:999; right: 0;   margin-right: 15px;  padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu.png") no-repeat; background-position:center center;} 
.side2_m { display:block; cursor:pointer; }
.m_footer {height:180px}
}

@media(max-width:768px){

/* layout*/
.all_wrap {min-width:300px;}
.taps01 .step02_01 {width:50%;}
.step02 ul, .step02, .step03{width:100vw!important; max-width:100vw!important;}
.step02 ul.taps05 li{height:150px;}
.step02 ul li div{padding:10px;}

header {min-width:300px; }

.navi {display:none;}
.mid_disease01 p{max-width:100vw;}
.mid_disease02 ul {width: 100vw!important;}
.n_manip_info02, .n_manip_info, .n_manip_info02, .n_manip_btn{width: 100vw; max-width:100%;}
.n_manip_btn{margin:0; bottom:180px;}
.n_manip_info li img { width: 100%; }
.n_manip_info02, .n_manip_info{height:420px!important;}
.sec03 .n_manip_info02, .sec03 .n_manip_info { height: 260px!important;}
#container {min-width:300px;background:#fff; padding-top:85px;}
#container02 {min-width:300px; padding-top:85px;}





.sub-navi {display:none;}



/* ------------------------------------- mobile_menu ------------------------------------- */
.close { position:absolute; top:20px; right:0px; width:44px; }  
.all_menu { width:100%; height:100%; background-color:rgba(0, 0, 0, 0.8); position:fixed; display:none; z-index:9999; top: 0; }
.all_box { padding:0; width:210px; top:0px; background:#1f3c8b; z-index:10; right:-210px; bottom:0; top:0;  position:fixed; overflow-y: auto; }
 
#navi{ margin-top:100px; z-index:24; letter-spacing:-0.05em;} 
#navi h2 a{display: block; padding: 10px 10px 10px 14px; font-size:16px; color: #fff; border-bottom:1px solid #ffffff2b; background:url("/img/common/all_menu_off.png")no-repeat 180px center;  background-size:10px;}

#navi :target h2 a { background:#2b4fb2 url("/common/all_menu_on.png")no-repeat 180px center; background-size:10px;  }
#navi p { height:0; overflow:hidden; border:1px s
-moz-transition:height 0.5s ease-in;
-o-transition:all 0.3s ease-in;
-webkit-transition:height 0.3s ease-in;
transition:height 0.15s ease-in;  }

#navi :target p { height: 36px; border-bottom: 1px solid #ffffff24; background:#4f6cbd;}
#navi p a { display: block; padding-left: 25px; line-height: 36px; font-size: 12px; color: #fff;  }
#navi p a:hover { color:#cce3ff; }

.mo_cs {color:#fff; padding:100px 15px 15px 15px;} 
.mo_cs p.mo_cs_st01 {font-size:12px;padding-bottom:10px;font-weight:600;}
.mo_cs p.mo_cs_st02 {font-size:12px;font-weight:400;padding-bottom:20px;}
.mo_cs p.mo_cs_st02 span {font-size:20px;font-weight:600; display:block;}
.mo_cs p.mo_cs_st03 {font-size:12px;font-weight:400;}
.mo_cs p a {color:#fff;}


.tgnb { display:none; }
.gnbbx { width:100%; background:white; height:50px; position:relative; z-index:2; border-bottom:1px solid #D5D5D5; }
.side3 { display:none; } .side4 { display:none; }
.gnbbx2 { width:100%; background:none; height:60px; position:fixed; z-index:50; background:#fff;display:block; border-bottom:1px solid #eee;}

.side2 { display:block; cursor:pointer; }
.logo2 { color:white; position:absolute; border:0px solid black; left:0; padding-left:7px; display:block; }
.logo3 { color: white; position: absolute; border: 0px solid black; left: 0; padding-left: 20px; display:block; width:99px; height:30px;}
h1 {padding:15px 20px 0 20px;}
h1 a {width:99px; height:30px;background-size:100%; text-indent:-9999px;}

.logo2 a { display:block; background:url('../img/logo.png')no-repeat; width:190px; margin-top:11px; height:42px; text-indent:-9999px; background-size: 138px 29px; }
.side2 { top: 16px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px; padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu.png") no-repeat; background-position:center center;} 
.side2 { display:block; cursor:pointer; }

.side2_m { top: 16px; border: 0px solid #dedede;  position: absolute; z-index:999; right: 0;   margin-right: 15px;  padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu.png") no-repeat; background-position:center center;} 
.side2_m { display:block; cursor:pointer; }

.scroll_side2_m { top: 16px; border: 0px solid #dedede;  position: absolute; right: 0;   margin-right: 15px; padding: 3px 4px; font-size: 12px; font-weight: 900; width:24px; height:19px; background:url("/img/common/mmenu.png") no-repeat; background-position:center center;} 
.scroll_side2_m { display:block; cursor:pointer; }



.footer {padding:35px 0;height:180px;     margin-top: 80px;}
.footer-in { font-size:12px;width:90%;margin:0 auto; }

.f_menu {display:none; }

.f_info {position:relative;float:left; padding:15px 0 15px 10px; letter-spacing:0}
.f_info p {letter-spacing:0; line-height:20px;}
.f_info p span {display:block; background:none; padding-left:0; margin-left:0;}
.f_info p span:first-child {margin-left:0; padding-left:0; background:none;}
.f_info p span.post {display:none;}
.f-logo {display:none;}


}



@media(max-width:500px){
}

@media(max-width:375px){

.all_wrap{width:375px;}
.location_foot_info, .hour_top {max-width: 375px;}

}

@media(max-width:350px){
.all_wrap { width: 350px;}

}


@media (max-width:320px){
.all_wrap { width: 320px;}
.location_foot_info, .hour_top {max-width: 320px;}
}