@import url('reset.css');
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-kr.css);
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSans-jp.css);


*{font-family: 'Spoqa Han Sans', 'Spoqa Han Sans JP', 'Sans-serif';}

.flex {display: flex;}

.wrap {
    flex-direction: column;
    min-height: 100vh;
}
.main, .sub {
    margin-top: 18.750vw;
    background: #efefef;
    flex: 1;
    align-items: center;
}

/* header */
header {
    position: fixed;
    left: 0; right: 0; top: 0;
    padding: 3.906vw 5.625vw;
    border-bottom: 1px solid #bababa;
    box-sizing: border-box;
    background: #fff;
    z-index: 1;
}
header > div {
    justify-content: space-between;
    align-items: center;
}
header h1{
    order: 2;
    width: 35.625vw;
    height: 10.938vw;
    text-indent: -9999em;
    background: url('../img/logo.png') no-repeat center / cover;
}
header h1 a {
    display: block;
    height: 100%;
}
header .gnb {
    order: 3;
    width: 11.250vw;
    height: 11.250vw;
    justify-content: flex-end;
}
header .gnb_btn {
    display: block;
	width: 11.250vw;
    height: 11.250vw;
    text-indent: -9999em;
    background: url('../img/icon/icon_menu.png') no-repeat center;
	background-size: 5.625vw;
}
header .gnb_btn.close{
	width: 11.250vw;
    height: 11.250vw;
    background: url('../img/icon/icon_close.png') no-repeat center;
	background-size: 4.375vw;
    margin: 0;
}
header .lnb {
    display: none;
    order: 4;
    position: absolute;
    left: 0; right: 0; top:100%;
    height: calc(100vh - 18.750vw);
    overflow-y: scroll;
    background: rgba(0,0,0,0.5);
}
header .lnb ul {
    padding: 0 5.625vw;
    background: #fff;
}
header .lnb ul li {
    border-bottom: 1px solid #bababa;
    /* padding: 5vw 3.281vw; */
    font-size: 4.688vw;
    letter-spacing: -0.015em;
}
header .lnb ul li:last-child{
    border-bottom: none;
    padding-bottom: 8.125vw;
}
header .lnb ul li.top_menu_tt a{
    padding-bottom: 4.531vw;
    border-top: 0.313vw solid #000;
    font-size: 6.250vw;
    font-weight: 700;
}
header .lnb ul li a {
    display: block;
    padding: 5vw 3.281vw;
}
header .back_btn {
    order: 1;
    width: 11.250vw;
    height: 11.250vw;
    text-indent: -9999em;
    background: url(../img/icon/icon_back.png) no-repeat center;
    background-size: 5.625vw;
}
header .close_back .back_btn {
    opacity: 0;
    visibility: hidden;
}
/* //header end */

/* main page section */
.main {padding: 6.75vw 0 11.875vw;}
.main article {
    width: 100%;
    height: 105.938vw;
    text-align: center;
    background: #fff
}
.main article a {
	width:100%;
	height:100%;
	display:flex;
	justify-content: center;
    align-items: center;
}
.main article h2 {
    font-size: 7.813vw;
    font-weight: 700;
    line-height: 10.938vw;
}
.surgery {
    border-top: 1.250vw solid #3ebfb4;
    border-right: 1px solid #bababa;
}
.surgery img {
    width: 25.313vw;
    margin-top: 27.813vw;
}
.treatment {
    border-top: 1.250vw solid #f16523;
}
.treatment img {
    width: 29.063vw;
    margin-top: 21.094vw;
}

.main .main_ttl{
    text-align: center;
    font-size: 4.8vw;
    font-weight: bold;
    margin-bottom: 5.75vw;
}
/* //main page section end */

/* footer */
footer {
    margin-top: auto;
    background: #303030;
}
footer > a {
    padding: 5.469vw 0 6.563vw;
    width: 50%;
    text-align: center;
    border-right: 1px solid #393939;
}
footer > a:last-child {border-right: 0;}
footer a p, footer div span{color: #fff;}
footer > a p {font-size: 4.688vw;}
footer > a > div  {
    justify-content: center;
    align-items: center;
    width: 40.625vw;
    height: 13.750vw;
    border-radius: 1.563vw;
    margin: 3.125vw auto;
    background-color: #393939;
}
footer div span {
    font-size: 5.313vw;
    font-weight: bold;
    letter-spacing: -0.015em;
}
footer div span img {
    width: 26.094vw;
}
/* //footer end */