* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
::-moz-selection {background: #000000; /*메인색*/ color: #fff;text-shadow: none;}
::selection {background: #7e64c8; color: #fff; text-shadow: none;}
html, body, div, span, object, iframe, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, legend, caption, table, tbody, thead, tfoot, tr, th, td, summary, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, b, i, a, small, menu, nav, section, time, mark, audio, video, dl, dt, dd, ul, li, ol, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, select, textarea, p, blockquote, button {margin:0;padding:0; border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;color:inherit;vertical-align: middle}
dl,ul,ol,menu,li {list-style:none}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
input,select,textarea,button {background:none}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000;}
select {border-radius:0; /* 아이폰 사파리 보더 없애기 */ -webkit-appearance:none; /* 화살표 없애기 for chrome*/ -moz-appearance:none; /* 화살표 없애기 for firefox*/ appearance:none /* 화살표 없애기 공통*/ }
select::-ms-expand{ display:none /* 화살표 없애기 for IE10, 11*/ }
option {font-family: ScoreR;}
pre {white-space: pre-wrap;}
img {border:0; max-width:100%}
table {border-collapse:collapse; table-layout: fixed;}
a {text-decoration:none;}
a:hover {transition:.2s all ease}
span {vertical-align:top}
blockquote {font-size:1.1em;font-style:italic;border-left:5px #000 solid; padding-left:20px;margin:40px 20px;}
div,p {word-break:keep-all;}
b, strong {font-weight:700;}
html {font-size: 16px;scroll-behavior: smooth;}

body {
	color:#333; 
	font-family:"Lato","ScoreR","Apple SD Gothic NEO",dotum,sans-serif; 
	max-width: 1920px;
	margin: 0 auto;
	background:#fff;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}

/************* layout *************/
.font-scoreEL {font-family:'ScoreEL' !important}
.font-scoreL {font-family:'ScoreL' !important}
.font-scoreR {font-family:'ScoreR' !important}
.font-scoreB {font-family:'ScoreB' !important}
.font-scoreEB {font-family:'ScoreEB' !important;}

.white {color: #fff !important;}
.purple {color: #7e64c8 !important;}
.pink {color: #b97aa9;}
.orange {color: #ff7818;}

.ta-l {text-align: left;}
.ta-r {text-align: right;}
.ta-c {text-align: center;}
.mb2 {margin-bottom: 2rem;}

.containerWrap {width: 100%;padding: 4rem 3rem;}
.container {max-width:1470px;margin: 0 auto;}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	flex-direction:row;
	text-align:center;	
}

.row h1 {font-size:2.75rem;font-family:"ScoreEB";color: #3b393b;margin-bottom: 1.25rem;}
.row h2 {font-size:100%;font-family:"Lato";font-weight: 900;color: #ac7ab9;margin-bottom: 1.4%;opacity: 0.57;letter-spacing:6px;}
.row h3 {
	font-size:1.25rem;
	font-weight:500;
	color: #120e0f;
	margin-bottom:4rem;
}
.row h4 {
	font-size:1.25rem;
	font-weight:500;
	color: #120e0f;
	margin-bottom:1rem;
}

.row-sub h1 {font-size: 210%;margin-bottom: 1%;}
.row-sub h2 {margin-bottom:1%;}
.row-sub h3 {font-family: ScoreEL;font-size: 90% !important;letter-spacing:4px}

.row-board h1 {font-size: 200%;color: #fff;margin-bottom: 1%;}
.row-board h2 {margin-bottom:1%;}
.row-board h3 {font-family: ScoreEL;font-size: 90% !important;letter-spacing:1px;color: #fff;margin-bottom: 1%;}

.col-3 {width: 25%;}
.col-5 {width: calc(125%/3);}
.col-6 {width: 50%;}
.col-7 {width: calc(175%/3);}

.flex {display: flex;}
.flex-wrap {flex-wrap:wrap}
.justfy_between {justify-content: space-between}
.direction-col {	flex-direction:column;}
.align-center {align-items: center;}
.align-end {align-items: end;}

.btn_box {display: flex;justify-content: center;margin:2% auto;}
.btn_box img {padding: 1%;}

.bg_skyblue {background-color: #e0f0ff}
.bg_pink {background-color: #e7d3e2;}
.bg_lightgray {background-color: #f3f3f3}
.bg_siment {background-color: #eaeaea}

.pc_none {display: none;}
.pc_none_flex {display: none;}
.mo_none {display: block;}
.mo_none_flex {display: flex;}
.bg_none {background: none !important;}

input[type="checkbox"]:checked + label:after, 
input[type="checkbox"]:checked + label:before {
	background-image: url('/images/common/icon_check.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
}
input[type="radio"]:checked + label:before {
	background-image: url('/images/common/icon_check.png');
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;	
}
#html_element, #html_element2 {
	margin:0 auto;
	display: flex;
	justify-content: center;
}


/*********** header ***********/
#header .dimm {
	position: fixed; right: 0; top: 0; bottom: 0; left: 0; 
	opacity: 0.7; 
	background-color: #000; 
	z-index: 90; 
	display:none;
}
#header nav {
	display: flex;
	align-items: center;
	justify-content: end;
	position: relative;
	padding: 2rem 0.5rem 0 0;
	width: 100%;
	margin: 0 auto;
}
#header nav.fixed {
	position: fixed;
	background: #fff;
	border-bottom: 1px solid #ccc;
	box-shadow: 0 0px 4px #666;
	z-index: 85;
}
#header nav > ul {
 display:flex;
 align-items:center;
}
#header nav > ul > li,
#header nav > ul > li > a {
	position:relative;
	height:100%;
	display:flex;
	align-items:center
}
#header .nav_1 {height: 100%;}
#header .nav_1 > li {margin-right:0.325vw}
#header .nav_1 > li.logined {display: inline-block;margin-left: 20px;font-family: ScoreM;}
#header .nav_1 > li.logined span{margin-right: 3px;color: #7e64c8;cursor: pointer;}

#header .logo {max-width: 35%;text-align: center;}
#header .logo img{width: 85%;}

#header .nav_2 {height:100%; margin-left: 1rem;}
#header .nav_2 > li {margin-left: 0.25rem;}
#header .nav_2 > li img{width: 85%;}

#header li.translate-wrap, 
#header li.translate-wrap:hover {
	border: 0 !important;
	padding: 0 !important;
}
#header .translate {
	position: relative;
	font-size: 0.9rem;
	z-index: 100;
	background-image: url("/images/header/arrow_down.png");
	background-repeat: no-repeat;
	background-position: 91% 15px;
	background-size: 12px 9px;
	background-color: #fff;
}
#header .translate.inverse {background-image: url("/images/header/arrow_up.png");}

#header .translate ul {
	display: none;
	position: absolute;
	top: 98%;
	left: calc(50% - 1px);
	transform: translateX(-50%);
	z-index: 1000;
}
#header .translate li {
	display: flex;
	width: 159px;
	cursor: pointer;
	padding: 0.1rem 0;
	background: #fff;
}
#header .translate li a {
	padding: 6px 29px 8px 47px;
	background-position: 13px center;
	background-repeat: no-repeat;
	background-size:26px 26px;
}
#header .translate li:first-child {display: flex;border: 1px solid #d7d7d7;} 
#header .translate .sacrifice {
	display: inline-block;
	width: 159px;
	border: 1px solid #d7d7d7;
	padding: 6px 29px 8px 47px;
	background-image: url("/images/header/icon_korean.png");
	background-position: 13px center;
	background-repeat: no-repeat;
	background-size: 26px 26px;
}
#header .translate li.korean {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
#header .translate li.korean a {background-image: url("/images/header/icon_korean.png");}
#header .translate li.thailand {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
#header .translate li.thailand a {background-image: url("/images/header/icon_thailand.png");}
#header .translate li.japan {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
#header .translate li.japan a {background-image: url("/images/header/icon_japan.png");}
#header .translate li:hover {background-color: #e1e1e1;}

#header .gnb {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	max-width: 1779px;
	font-family: "ScoreL";
	font-size: 110%;
	margin: 0 auto;
}
#header .gnb > li {
	border-bottom: 3px solid transparent;
	padding: 3rem 0;
}
#header .gnb > li:hover, 
#header .gnb > li:active {border-bottom:3px solid #7e64c8;}
#header .gnb > li:hover > a, 
#header .gnb > li:active > a {color: #7e64c8;}
#header .gnb .logo,
#header .gnb .logo:hover {
	max-width:18%;
	padding: 0;
	border: 0;
}
#header .gnb .translate:hover {border-bottom: 0;}

#header .snbWrap {
	display: none;
	position: absolute;
	width: 100%;
	height: 4rem;
	z-index:2;
	background-color: #ecececab;
}
#header .gnb .snb {
	display: none;
	position: absolute;
	bottom: -40px;
	font-size: 90%;
	letter-spacing: -0.5px;
	z-index: 3;
}
#header .gnb .snb.reverse {
	right: 0;
}
#header .gnb .snb > ul {display: flex;}
#header .gnb .snb > ul > li {
	margin-right:1.5vw;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	-ms-transition: .5s all ease;
	-o-transition: .5s all ease;
	transition: .5s all ease;
}
#header .gnb .snb > ul > li:hover,
#header .gnb .snb > ul > li:active {color: #7e64c8;}
#header .gnb li.antiaging .snb,
#header .gnb li.reallast .snb {right: 0}

#header .btn_gnb {text-align: right;}
#header .btn_gnb a.btn_call {display: inline-block;width: 6vw;margin-right: 5vw;}
#header .btn_gnb a.btn_menu {display: inline-block;width: 6vw;margin-right: 5vw;}
#header #menu_mobile {
	position: fixed;
	top: 0;
	right: -100%;
	width: 60%;
	height: 100vh;
	border-top: 1px solid #000;
	padding-bottom: 50px;
	box-shadow: -1px -1px 5px #000;
	z-index: 95;
	overflow: scroll;
	transition: 0.5s all ease;
	background-color: #fff;
}
#header #menu_mobile.is_show {right: 0;}
#header #menu_mobile .btns {font-size: 140%;padding: 3vh;}
#header #menu_mobile .btns .btn_login {width: 13vw;}
#header #menu_mobile .btns .btn_join {width: 11vw;margin-left: -10vw;}
#header #menu_mobile .btns .purple {font-family: ScoreB;vertical-align: bottom;}
#header #menu_mobile .btns .l {margin-left: 1vw;margin-right: 1vw;}
#header #menu_mobile .btns .btn_logout {display: inline-block;margin-top: -7px;}
#header #menu_mobile .btns .btn_logout img{width: 80px;}
#header #menu_mobile .btns .btn_close {width: 3vw;}

#header #menu_mobile .lang {
	font-size: 1.3em;
	margin: 0 1vh 1vh 1vh;
	background-image: url("/images/header/arrow_down.png");
	background-repeat: no-repeat;
	background-position: 91% 16px;
	background-size:15px 12px;
	background-color: #fff;
}
#header #menu_mobile .lang.inverse {background-image: url("/images/header/arrow_up.png");}
#header #menu_mobile .lang li {
	display: none;
	background-position: 13px center;
	background-repeat: no-repeat;
	background-size:26px 26px;
	cursor: pointer;
}
#header #menu_mobile .lang li:first-child {display: flex;border: 1px solid #d7d7d7;} 
#header #menu_mobile .lang li.korean {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-image: url("/images/header/icon_korean.png");
}
#header #menu_mobile .lang li.thailand {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-image: url("/images/header/icon_thailand.png");
}
#header #menu_mobile .lang li.japan {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background-image: url("/images/header/icon_japan.png");
}
#header #menu_mobile .lang li:hover {background-color: #e1e1e1;}
#header #menu_mobile .lang li:first-child:hover {background-color:transparent;}
#header #menu_mobile .lang li a {
	display: block;
	padding: 1vh 0 1vh 47px;
	width:100%;
}

#header #menu_mobile .banners a {width: 50%;}
#header #menu_mobile .gnb_mobile {
	font-size: 140%;
	font-family: ScoreM;
	padding: 4% 10%;
}
#header #menu_mobile .gnb_mobile > li {
	margin-top:2vh;
	margin-bottom:1vh;
}
#header #menu_mobile .gnb_mobile > li.kakao {
	padding: 3px 0;
}
#header #menu_mobile .gnb_mobile > li .title {
	display: block;
	background: url('/images/mobile/header/btn_snb_open.png') no-repeat;
	background-position: 98% 4px;
	cursor: pointer;
}
#header #menu_mobile .gnb_mobile > li.kakao a {
	display: block;
	background-image: url('/images/mobile/header/btn_snb_kakao.jpg') !important;
	background-size: 23px 23px;
	background-position: right center;
	background-repeat: no-repeat;
}
#header #menu_mobile .gnb_mobile > li.open .snb_mobile {display: block;}
#header #menu_mobile .gnb_mobile > li.open .snb_mobile a {display: block;}
#header #menu_mobile .gnb_mobile > li.open .title{background-image: url('/images/mobile/header/btn_snb_close.png');}
#header #menu_mobile .gnb_mobile .snb_mobile {
	display: none;
	padding: 7% 4% 0px 4%;
	font-size: 85%;
	color: #808285;
}
#header #menu_mobile .gnb_mobile .snb_mobile > ul > li {
	margin-bottom: 10px;
}
#header #menu_mobile .icons {display: flex;padding: 1vh 3vh 3vh 3vh;justify-content: space-between;}
#header #menu_mobile .time {
	font-size: 130%;
	padding: 2.5vh 3vh;
	background: #f1f2f2;
}
#header #menu_mobile .time h4 {
	margin-bottom: 10px;
	font-family: ScoreEB;
	font-size: 120%;
}
#header #menu_mobile .time div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 10px;
	font-size: 90%;
}


/************* quick *************/
#quick_left {right: 70px;bottom: 200px;width:140px;}
#quick_left2 {right: 60px;bottom:50px;width: 160px;}
#quick_left, #quick_left2 {position: fixed;z-index: 999;animation: quick_bounce 1.6s infinite;	transform-origin: center bottom;}
#quick_left a, #quick_left2 a{display:block; width:100%;}
#quick_left a img, #quick_left2 a img{max-width:100%}

#quick_left3, #quick_left4, #quick_left5 {display: none;position: fixed;z-index: 94;}
#quick_left3 {
	right: 20px;
	bottom: 160px;
	width: 114px;
}
#quick_left4 {
	right: 20px;
	bottom: 118px;
	width: 114px;
}
#quick_left5 {
	right: 20px;
	bottom: 76px;
	width: 114px;
}
#quick_left3 a, #quick_left4 a, #quick_left5 a{display:block; width:100%;}
#quick_left3 a img, #quick_left4 a img, #quick_left5 a img{max-width:100%}

@-webkit-keyframes quick_bounce {
	0%,100%,20%,53%,80% {
		-webkit-transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		transition-timing-function:cubic-bezier(0.215,.61,.355,1);
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0)
	}
	40%,43% {
		-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform:translate3d(0,-30px,0);
		transform:translate3d(0,-30px,0)
	}
	70% {
		-webkit-transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		transition-timing-function:cubic-bezier(0.755,.050,.855,.060);
		-webkit-transform:translate3d(0,-15px,0);
		transform:translate3d(0,-15px,0)
	}
	90% {
		-webkit-transform:translate3d(0,-4px,0);
		transform:translate3d(0,-4px,0)
	}
}

/************** pop *************/
/*메인팝업*/
#div_laypopup{
	display:none;
	position:absolute;
	top:200px; left:10px;
	max-width:600px;
	color:white;
	text-align:center;
	z-index:5;
	transition: 1s all ease;
	box-shadow:0 0 20px #000;
}	
.todayClose {
	position: absolute;
	right: 6px;
	bottom: 5px;
	margin: 0;
	padding: 0;
	color: #fff;
	text-shadow: 0 0 5px #000;
	z-index: 100;
}
.todayClose input{vertical-align:middle;}
.justClose {
	display:inline-block;
	font-size: 0.9em;
	color:#000;
	cursor:pointer;
	line-height: 1.2em;
	border:1px solid #ccc;
	padding:0px 2px 1px 2px;
	margin-left:3px;
	margin-top:2px;
	background-color:#FFF;
	text-shadow:none;
}
@media(max-width:768px){
	#quick_left3, #quick_left4, #quick_left5 {display: block;}
	#div_laypopup {width: 96%;}
}

#overlay_t {
	position: fixed; right: 0; top: 0; bottom: 0; left: 0; 
	opacity: 0.7; 
	filter: alpha(opacity = 50); /* IE7 & 8 */ 
	background-color: #000; 
	z-index: 99; 
	display:none;
}
 .popup_layer {
	position:absolute; top:100px; left:0; right: 0;
	display:none;
	width:90vw; 
	max-width:1200px;
	border:solid 1px #ccc; 
	box-shadow: 0px 1px 20px #333; 
	padding: 3vw 3vw 1vw;
	margin: 0 auto;
	background-color: #eeeeee;
	z-index:100;
}
.popup_layer input::-moz-placeholder {color: #000;}
.popup_layer .close{position: absolute; top:3%; right:2%;cursor: pointer;}


/************** main *************/
#rsvCounsel h1 {text-align: center;	font-size: 200%;	margin-bottom: 2vw;}
#rsvCounsel input[type='text'], #rsvCounsel input[type='tel'] {width:47%;margin-right: 3%;margin-bottom: 3%;}
#rsvCounsel select {width:97%;background: url('../images/common/btn_down.png') no-repeat 95% center;}
#rsvCounsel input[type='text'], #rsvCounsel input[type='tel'], #rsvCounsel select, #rsvCounsel textarea {color: #000;	border:0;	padding: 1vw;	background-color:#fff;}
#rsvCounsel .privacy {text-align: center;margin-top:2vw;}
#rsvCounsel .privacy a{font-size: 90%;}

#index .parallax-section {
  position: relative;
  overflow: hidden;
}
#index .parallax-background {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('/images/main/counsel_list_bg.jpg?v=2');
  background-size: cover;
  background-attachment: fixed;
  background-position: center;
  transform: translateZ(0);
  will-change: transform;
  z-index: -1;
}
#index #counsel_list {
	display: flex;
	justify-content: center;
	padding: 10rem 1rem;
	flex-wrap: wrap;
}
#index #counsel_list > ul {
	max-width: 60%;
	display: flex;
	justify-content: end;
}
#index #counsel_list li {
	filter: brightness(1);
	transition: filter 0.3s ease;
	flex:1;
}
#index #counsel_list li:hover {filter: brightness(0.5);}
#index #counsel_list li img {width: 100%;}
#index #counsel_list .board-container {
	width: 40%;
	max-width: 600px;
	border: 1px solid #ddd;
	padding: 3rem;
	background: #fff;
}
#index #counsel_list .board-container h1 {
	position: relative;
	font-size: 1.75rem;
	font-family: 'ScoreEB';
	letter-spacing: -1px;
	border-bottom: 2px solid #000;
	padding-bottom: 4px;
	margin-bottom: 1rem;
}
#index #counsel_list .board-container h1 a {
	position: absolute;
	right: 0;
	bottom: 0.5rem;
	color: #7e64c8;
	font-size: 1rem;
}
#index #board-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
#index #board-list li {
  display: flex;
  justify-content: space-between;
  padding: 0.75rem 0;
  border-bottom: 1px solid #ddd;
  opacity: 0;
  transform: translateY(-10px);
  transition: all 1s ease-out;
}
#index #board-list li.visible {
  opacity: 1;
  transform: translateY(0);
}
#index #index_media {
	display: flex;
}
#index #index_media .right {
	position: relative;
	display: flex;
	width: 100%;
	max-height: 536px;
	margin-bottom: 3rem;
	/* display:grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 1rem; */
}
#index #index_media .right  .youtube-container {
	position: relative;
	width: 65.9%;
	margin-right: 1rem;
	padding-bottom: 36.7%;
	overflow: hidden;
}
#index #index_media .right .youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

#index .beautifulWrap {padding-top: 5rem;}

#index .principle {display: flex;}
#index .principle .left {
	width: 38%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
#index .principle .left img {
	width: 100%;
	max-width: 300px;
	margin-bottom: 5rem;
}
#index .principle .left .tit {
	font-size: 2.5rem;
	font-family: ScoreEB;
	margin-bottom: 3rem;
}
#index .principle .left .sub {
	font-family: ScoreEL;
	font-size: 1.25rem;
	letter-spacing: 1px;
	line-height: 2.25rem;
	padding-right: 2rem;
}
#index .principle .left .bottom {
	font-family: ScoreEL;
	color: #7779b9;
	font-size: 1.5rem;
	letter-spacing: 5px;
}
#index .principle .right {
	width: 62%;
	text-align: right;
}
#index .principle .right .hid-bottom {
	display: none;
	font-family: "ScoreEL";
	color: #7779b9;
	font-size: 1.25rem;
	letter-spacing: 5px;
	margin-top: 3rem;
	line-height: 2rem;
}

#index .gallery-container {
	position: relative;
	width: 100%;
	margin: 1.5rem auto 3rem;
}
#index .gallery {
	width: 100%;
	max-height: 700px;
    overflow: hidden;
	transition: max-height 0.3s ease;
}
#index .gallery h4 {
	font-family: "ScoreB";
	font-size: 2.75rem;
	margin-bottom: 1rem;
	text-align: right;
}
#index .gallery p {font-size: 1.25rem;text-align: right;}
#index .gallery img {
	width: 100%;
	display: block;
	border-radius: 8px;
}
#index .gallery.expanded {
	max-height: none;
	overflow: visible;
}
/* 아래쪽 불투명하게
#index .gallery:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 100%);
  pointer-events: none;
}
*/
#index .gallery.no-more:after {
  content: none;
}
#index .gallery-item {
	position: relative;
	width: calc(20% - 10px); /* 5열 설정, 여백 포함 */
	margin-bottom: 10px;
	border-radius: 8px;
	float: left;
	cursor: pointer;
	overflow: hidden;
}
#index .gallery-item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
  pointer-events: none;
}
#index .gallery-item.hidden {display: none;}
#index .gallery-item.wide {width: calc(40% - 10px); /* 두 칸 */}
#index .gallery-item.wide:after {display: none;}

#index .gallery-item .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url('/images/main/more.png');
  background-repeat: no-repeat;
  background-position: center; 
  background-size: 50px 50px;
  opacity: 0;
  transition: opacity 0.3s ease;
  pointer-events: none;
}
#index .gallery-item:hover .overlay {opacity: 1;}

#index .load-more {
	display: block;
	margin: 20px auto 0;
	padding: 10px 20px;
	font-size: 16px;
	background-color: #fff;
	color: black;
	border: 1px solid #000;
	border-radius: 4px;
	cursor: pointer;
	transition: .2s all ease-out;
}
#index .load-more:hover {
	color: #fff;
	background-color: #000;
}

#index #noseSwiper,
#index #eyeSwiper,
#index #noseeyeSwiper {
	overflow: visible;
	padding: 4rem 0;
}
#index #noseSwiper.hidden,
#index #eyeSwiper.hidden,
#index #noseeyeSwiper.hidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
  padding: 0;
}
#index #noseSwiper .swiper-slide,
#index #eyeSwiper .swiper-slide,
#index #noseeyeSwiper .swiper-slide {
  opacity: 0.5;
  transition: 0.3s all ease;
}
#index #noseeyeSwiper .swiper-slide {
	min-height:300px;
}
#index #noseSwiper .swiper-slide-active,
#index #eyeSwiper .swiper-slide-active,
#index #noseeyeSwiper .swiper-slide-active {
  opacity: 1;
}
#index #noseSwiper .swiper-slide:hover,
#index #eyeSwiper .swiper-slide:hover,
#index #noseeyeSwiper .swiper-slide:hover {
  transform: scale(1.2);
  opacity: 1;
  z-index: 10;
}

#index .eye-nose-tab {
	font-size: 1.25rem;
	font-family: 'ScoreM';
	margin-bottom: 1rem;
 }
 #index .eye-nose-tab span {cursor: pointer;}
 #index .eye-nose-tab span:hover,
 #index .eye-nose-tab span.active {color: #7e64c8;font-family: 'ScoreB';}
 #index .eye-nose-tab .line {
	display: inline-block;
	width: 2px;
	height: 1.25rem;
	background-color: #000;
	top: 4px;
	position: relative;
	margin: 0 0.5rem;
 }

#index .content {
  position: relative;
  z-index: 1;
  color: white;
  text-align: center;
  padding: 20px;
  background: rgba(0, 0, 0, 0.5);
  top: 50%;
  transform: translateY(-50%);
}

#index #main_case img {width: 100%;}
#index #main_case .items {position: relative;}
#index #main_case .items:hover:after {
	position: absolute;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	border: 7px solid #928bd1;
	content: '';
	left: 0;
	top: 0;
	cursor: pointer;
}
#index #main_case .items span {
	display: none;
	position: absolute;
	bottom: 1.5vw;
	left: 0;
	right: 0;
	font-family: ScoreM;color: #fff;
	transition:0.5s all ease;
}
#index #main_case .items:hover span {display: inline-block;transition:0.5s all ease}
#index #main_case .items video {width: 100%;}

#index #main_case_mo > div {width: 50%;}
#index #main_case_mo > div.last {width:100%;}
#index #main_case_mo .items {position: relative;}
#index #main_case_mo > div video{width:100%;}
#index #main_case_mo .items:hover:after {
	position: absolute;
	width: calc(100% - 14px);
	height: calc(100% - 14px);
	border: 7px solid #928bd1;
	content: '';
	left: 0;
	top: 0;
}
#index .main_case_mo_btn {padding-top: 40px;}
#index .main_case_mo_btn a {display: inline-block;width: 70%;margin-bottom:20px;}

#index .contour {
	height: 1px;
	width: 70%;
	margin: 0 auto;
	background-color: #636363;
}

#index #main_event .banner {width:61.5%;padding-right: 1vw;}
#index #main_event .thumConn {
	display: flex;
	width: 38.5%;
	flex-direction: column;
}
#index #main_event .thumConn a {
	position: relative;
	display: flex;
	margin-bottom: 1vw;
	align-items: center;
}
#index #main_event .thumConn a:after {
	position: absolute; left:0;top:0;
	width: 100%;height: 100%;
	background-color: rgba(0,0,0,0.6);
	content: '';
}
#index #main_event .thumConn a:hover:after {
	opacity: 0;
	-webkit-transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
	-ms-transition: 0.3s all ease;
	-o-transition: 0.3s all ease;
	transition: 0.3s all ease;
}
#index #main_event .thumConn span {
	position: absolute;
	width: 100%;
	color: #fff;
	font-size: 150%;
	text-align: center;
}

#index #main_media {
	max-width: 900px;
	margin: 0 auto;
}
#index #main_media .video-container {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}
#index #main_media .video-container .mainFrame {position: absolute;top:0;left:0;width: 100%;height: 100%;}

#index #main_speed {padding: 3vw 3vw 0.5vw;background: url('../images/main/bg_speedCounsel.png') no-repeat;background-size: cover;}
#index #main_speed .container {max-width: 1100px;}
#index #main_speed h1 {width: 100%;margin-bottom: 2vw;}
#index #main_speed input[type='text'], #main_speed input[type='tel'] {width:47%;margin-right: 3%;margin-bottom: 3%;}
#index #main_speed select {width:97%;background: url('../images/common/btn_down.png'), #fff; background-repeat: no-repeat; background-position:95% center;}
#index #main_speed input[type='text'], #main_speed input[type='tel'], #main_speed select, #main_speed textarea {color: #000;	border:0;	padding: 1vw;	background-color:#fff;}
#index #main_speed .privacy {color: #fff;text-align: center;margin-top:2vw;}
#index #main_speed .privacy a{font-size: 90%;}




/************* privacy ***********/
.privacy-content {
	max-width: 1200px;
	color: #797979;
	border: 1px solid #e7e7e7;
	padding: 20px;
	margin: 0 auto;
}

/************* aboutlast ***********/
#aboutlast .doctorProfile .p1, 
#aboutlast .doctorProfile .p2 {
	text-align: left;
	width: 50%;
	padding-left: 10%;
	font-size: 130%;
	line-height: 220%;
}
#aboutlast .doctorProfile .tit {font-family: ScoreEB;}


/************* information ***********/

#information #contact_us {width:35%;padding:0 5%;}
#information #contact_us h1{
	font-size:200%;
	font-family: ScoreB;
	margin: 10% 0;
}
#information #contact_us .p1 {
	display: flex;
	font-size: 120%;
	line-height: 170%;
}
#information #contact_us .p1 > div {width: 50%;}
#information #contact_us .sub {font-size: 70%;}
#information #daumRoughmapContainer1626595700279 {width: 65% !important;padding: 0 3%;}

#information #info_contact .p1,
#information #info_contact .p2 {
	width: 50%;
	text-align: left;
	line-height: 180%;
	font-size: 120%;
}
#information #info_contact .p1 {padding-left: 10%;}
#information #info_contact .p2 {padding-left: 5%;}
#information #info_contact .tit {font-family: ScoreEB;margin-bottom: 10px;}
#information #info_contact .p2 p {padding-left: 3%;}
#information #info_contact .tel {font-family: ScoreM;margin-top: 30px;display: inline-block;font-size: 200%;}
#information #info_contact .btn_box img {min-width: 50%;}

#information #info_transport .container {/* max-width: 1100px; */}


/*************** sub_common *****************/
#sub_common1 {
	position: relative;
	z-index: 2;
	background: url('/images/common/bg_last_real_selfi.jpg') no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center top;
}
#sub_common1:after {
	content: '';
	display:block;
	padding-bottom: 20%;
}
#sub_common1 .title {
	margin-top: 4%;
	margin-bottom: 5%;
}
#sub_common1 .title img{width: 30%;}
#sub_common1 .imgBox {width: 90%;margin: 0 auto;}
#sub_common1 .imgBox div {width: 30%;position: relative;}
#sub_common1 .imgBox div > img {position: relative; z-index: 2;}
#sub_common1 .imgBox .nextgo {
	position: absolute;
	width: 100%;
	z-index: 1;
	right: -27%;
	bottom: -11%;
	cursor: pointer;
}

#sub_common2 {
	position: relative;
	z-index: 1;
	padding-top: 10%;
	padding-bottom: 5%;
	margin-top: -10%;
}
#sub_common2 .eventBox .prev {
	display: block;
	position: absolute;
	left: 29%;
	top: 45%;
	z-index: 3;
}
#sub_common2 .eventBox .next {
	display: block;
	position: absolute;
	right: 29%;
	top: 45%;
	z-index: 3;
}
#sub_common2 .eventBox .btn {
	position: absolute; right: 10%; bottom: 25%;
	width: 20%;height: 16%;
	background: url('/images/common/btn_event_zone.png') no-repeat;
  background-size: 100% 100%;
}
#sub_common2 .eventBox .btn1:hover {background-image: url('/images/common/btn_event_zone1.png');}
#sub_common2 .eventBox .btn2:hover {background-image: url('/images/common/btn_event_zone2.png');}
#sub_common2 .eventBox .btn3:hover {background-image: url('/images/common/btn_event_zone3.png');}
#sub_common2 .eventBox .btn4:hover {background-image: url('/images/common/btn_event_zone4.png');}


/************ board ***********/
#selfiegram {background: url('/images/pages/reallast/selfiegram.jpg') no-repeat;}
#selfiegram_board h1 {
	font-size: 250%;
	margin-bottom: 2%;
}
#selfiegram_board .menu {flex-wrap:wrap;}
#selfiegram_board .menu > div {
	height: 50px;
	color: #a2a2a2;
	border-left: 1px solid #dee2e6;
	border-top: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#selfiegram_board .menu >div.last {border-right:1px solid #dee2e6}
#selfiegram_board .menu >div:hover,
#selfiegram_board .menu >div:active {color: #fff;background:#7e64c8;}
#selfiegram_board .menu >div.active {color: #fff;background:#7e64c8;}

#media {background: url('/images/pages/reallast/selfiegram.jpg') no-repeat;}
#media_view {
	max-width: 900px;
	margin: 0 auto 3%;
}
#media_view .video-container {position: relative;width: 100%;height: 0;padding-bottom: 56.25%;overflow: hidden;}
#media_view .video-container .mainFrame {position: absolute;top:0;left:0;width: 100%;height: 100%;}

#media_list {max-width:1000px;margin: 0 auto;}
#media_list:after {display: block;content:'';clear: both;}
#media_list li {
	float: left;
	width:300px;
	font-size:18px;
	-webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px;border:1px solid #ddd;
	box-shadow:0 0 20px #ccc;
	margin-right:20px;margin-bottom:20px ;
	transition:0.2s all ease;
	position: relative;top:0;
	overflow: hidden;
}
#media_list li:hover {
	position: relative;top:-10px;
	transition:0.3s all ease;
}
#media_list li:nth-child(3n) {margin-right: 0;}

#media_list li .thum {
	position: relative;
	display: table-cell;
	width:300px;
	vertical-align: middle;
	text-align: center;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
#media_list li .wrap {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height:100%;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding:28% 0;
	background-color:#fff;
	cursor: pointer;
}
#media_list li:hover .wrap {
	display: block;
	position: absolute;
	opacity:0.8;
	transition:.3s all ease;
	border-radius: 5px 5px 0 0;
	background-color: #7e64c8;
}
#media_list li .tit {height: 100px;font-weight: bold;color: #0f8040;padding: 15px;overflow: hidden;}
#media_list li .sub {position: absolute;right:14px;bottom:5px;font-size:16px;}
#media_list li video {width: 100%;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#media_list li img {max-height:200px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}

#event_list li {
	width: 30%;
  border: 1px solid #eee;
	margin-bottom: 5%;
	overflow: hidden;
}
#event_list li img{transition:.5s all ease}
#event_list li:hover img{transform:scale(1.1);}

#before-after {background: url('/images/pages/reallast/selfiegram.jpg') no-repeat;}
#before-after_board h1 {
	font-size: 250%;
	margin-bottom: 2%;
}

#lastmodel .write-wrap {max-width:838px;margin: 0 auto;}
#lastmodel .w20 {
	display: inline-block;
	width: 20%;
	text-align: center;
	background: #7e64c8;
	padding: 20px 0;
	color: #fff;
}
#lastmodel .w80 {
	width: 80%;
	align-content: center;
	display: flex;
	border-right: 1px solid #ccc;
}
#lastmodel .w80 input,
#lastmodel .w80 select {
	width: 100%;
	margin: 5px;
	padding-left: 10px;
}
#lastmodel .w80 .panel {-webkit-border-radius: 0;-moz-border-radius: 0;border-radius: ;margin-bottom: 0;}
#lastmodel .direction-col .flex {
	border-top: 1px solid #ccc;
}
#lastmodel #privacyBox {align-items: center;}
#lastmodel #privacyBox label{margin-left: 10px;margin-top: 8px;}
#lastmodel #privacyBox a{vertical-align: bottom;}
#lastmodel .btn-submit {
	color: #fff;
	padding: 10px 15px;
	background: #7e64c8;
}

/*************** pager *****************/
.pager {
	text-align: center;
	margin-top: 5%;
	display: flex;
	justify-content: center;
}
.pager:after{content:""; display:block; clear:both;}
.pager li {padding: 4px 8px 3px;}
.pager a{
	width: 25px;
	height: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration:none;
	color:#000;
	cursor:pointer;
}
.pager a.active{
	font-weight:bold;
	background: #7e64c8;
	border-radius: 100%;
	color: #fff;
}
.pager .prev {background: url('/images/common/pager_prev.png') no-repeat;background-size: 100% 100%;text-indent: -999999px;}
.pager .next {background: url('/images/common/pager_next.png') no-repeat;background-size: 100% 100%;text-indent: -999999px;}


/*********** footer ***********/
#footer {position: relative;overflow: hidden;}
#footer h3 {
	font-size: 3rem;
	font-family: ScoreB;
	text-align: center;
	padding: 4rem 0 1rem;
	background: #fff;
}
#footer h4 {
	font-size: 0.75rem;
	font-family: ScoreM;
	color: #7e64c8;
	text-align: center;
	letter-spacing: 7px;
	padding: 0rem 0 4rem;
	background: #fff;
}
#footer .wrap_controllers {display: none;}
#footer #daumRoughmapContainer1626595700279 {width: 50% !important;height: 100%;margin-bottom: -50%;}
#footer #contact_us {
	width: 600px;
	max-width: 50%;
	font-size: 120%;
	padding: 3rem 2rem;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 50px;
	z-index: 1;
	background-color: #fff;
	box-shadow: 0 0 30px #ccc;
}
#footer #contact_us h1 {font-size: 150%;font-family: ScoreB;margin-bottom:2vw}
#footer #contact_us .p1{
	padding-left: 100px;
	margin-bottom: 1rem;
	background: url('../images/footer/btn_counsel.png');
	background-repeat: no-repeat;
	background-position: 20px top;
	background-size: 50px 50px;
}
#footer #contact_us .tel{font-family:ScoreEB;font-size: 1.5rem;padding-top: 1.5rem;}
#footer #contact_us .p1 .purple{font-size: 3.5rem;font-family:"ScoreEB";}

#footer #contact_us .p2{
	padding-left: 100px;
	margin-bottom: 2rem;
	background: url('../images/footer/btn_time.png');
	background-repeat: no-repeat;
	background-position: 20px top;
	background-size: 50px 50px;
}
#footer #contact_us .p6 {
	font-size: 1.5rem;
	font-family: ScoreB;
	padding-bottom: 2rem;
	padding-top: 6px;
	padding-left: 100px;
	background: url('../images/footer/btn_location.png');
	background-repeat: no-repeat;
	background-position: 24px 0;
	background-size: 43px 55px;
}
#footer #contact_us .p2 .sub{width: 50%;}
#footer #contact_us .p2 .sub2{width: 50%;font-family: ScoreL;}
#footer #contact_us .p2 .btns{margin-top: 20px;}
#footer #contact_us .p2 .btns a{margin-right: 10px;}

#footer .bottom {
	display: flex;
	background-color: #363636;
	padding: 3rem;
	align-items: center;
	justify-content: center;
}
#footer .bottom .logo-white {width: 35%;margin-right: 3rem;text-align: right;}
#footer .bottom .address {
	display: flex;
	flex-wrap: wrap;
	width: 60%;
	color: #fff;
}
#footer .bottom .address li {
	margin-right: 1rem;
}


/*************** 모바일 하단 빠른비용문의 *****************/
.btn_bottom_consult_closed {
	display: none;
	position: fixed;bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
}
.btn_bottom_consult_closed > img {width: 50%;cursor: pointer;}

.bottom_consult {
	display: block;
	position: fixed;bottom: 0; left: 0;right: 0;
	width: 100%;	
	color: #fff;font-size: 130%;
	padding: 0 5%;
	margin-top: 0px;
	background: #2d2a2b;
	-webkit-transform: translate3d(0, 120%, 0);
	transform: translate3d(0, 120%, 0);
	transition:.3s all ease; 
	z-index: 1001;
}
.bottom_consult.opened {
	box-shadow: 0 -2px 8px #ccc;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	transition:.3s all ease;
}
.bottom_consult .btn_bottom_consult_open {text-align: center; position: relative; top: -30px;cursor: pointer;}
.bottom_consult .btn_bottom_consult_open img{width: 56%;}
.bottom_consult .bottom_form {margin-top: -2%;}
.bottom_consult .input_wrap {
	margin-bottom: 5%;
	display: flex;
	justify-content: space-between;
}
.bottom_consult .input_wrap .bottom_privacy{color: #d0d0d0;font-size: 80%;text-decoration: underline;}
.bottom_consult .last_wrap {display: flex;margin-bottom: 10%;}
.bottom_consult .last_wrap a {font-size: 4vw;padding: 0 2vw;}
.bottom_consult .last_wrap img {width: 7vw;margin-right: 1.5vw;}
.bottom_consult input[type='text'],
.bottom_consult input[type='tel'],
.bottom_consult select,
.bottom_consult textarea {color: #404040;padding: 4% 2%;background-color: #fff;}
.bottom_consult input[type='text'] {width: 45%;}
.bottom_consult input[type='tel'] {width: 50%;}
.bottom_consult select {width: 100%;}
.bottom_consult textarea {width: 100%;}


/***************media query*****************/
@media(max-width:1600px){
	html {font-size: 95%;}

	#sub_common1 .imgBox {width: 70%;margin: 0 auto;}
} 
@media(max-width:1400px){
	html {font-size: 90%;}
	#header .translate {
		right:1%;
		background-color:transparent;
		background-position: 91% 12px;
	}
	#header .translate li a{
		padding: 7px 16px 7px 40px;
		background-position: 8px center;
	}

} 
@media(max-width:1200px){
 	html {font-size: 85%;}
	#index #counsel_list {flex-direction: column;padding: 3rem 1rem;}
	#index #counsel_list > ul {width: 90%; max-width: none;margin: 0 auto;}
	#index #counsel_list .board-container {width: 90%; margin: 0 auto; max-width:100%;min-height: 300px;}

	#index #index_media {flex-flow: wrap-reverse;margin-bottom: 0;}
	#index #index_media .right {width: 100%; flex-direction:column; max-height:none;margin-bottom: 0;}
	#index #index_media .right .youtube-container {width: 100%;margin-right: 0; padding-bottom: 56.25%;}

	#media_list li {width: 31.5%;margin-right:2.75%;margin-bottom:2.75%;}
	#media_list li:nth-child(3n) {margin-right:0;}
	#media_list li .wrap {padding: 33% 0;}
} 

@media (max-width: 1024px) {
	#index .gallery-item {width: calc(25% - 10px);}
	#index .gallery-item.wide {width: calc(50% - 10px);}
}

@media(max-width:960px){
 	html {font-size: 80%;}
	#index .principle {
		flex-direction: column;
		margin-top: 4rem;
		padding: 0;
	}
	#index .principle .left {width: 100%; margin-bottom: 2rem;}
	#index .principle .left img {width: 42%;margin-bottom: 4rem;}
	#index .principle .left .tit {font-size: 2.1rem;margin-bottom: 2rem;line-height: 2.5rem;}
	#index .principle .left .bottom {display: none;}
	#index .principle .right {width: 100%;}
	#index .principle .right .hid {display: none;}
	#index .principle .right img {border-radius: 3.5rem 0 0 3.5rem;}
	#index .principle .right .hid-bottom {display: block;letter-spacing: 2px;font-size: 1rem;font-family: "ScoreT"; color: #7779b9;}

	#media_list li {width:48%;margin-right:4%;}
	#media_list li:nth-child(2n) {margin-right:0;}
	#media_list li:nth-child(3n) {margin-right:3%;}
	#media_list li:hover {top:-5px}
} 

@media(max-width:768px){
 	html {font-size: 75%;}
	.pc_none {display: block; width: inherit;} 
	.pc_none_flex {display: flex; width: inherit;} 
	.mo_none {display: none !important;}
	.mo_none_flex {display: none !important;}
	.mo_bg_black {background-color: #282828;}
	.mo_bg_black h1,	.mo_bg_black h3 {color: #fff;}

	.row h1 {font-size: 2rem;}
	.row h2 {margin-bottom: 2%;}
	.row h3 {font-size: 1rem;margin-bottom: 2rem;}
	#quick_left, #quick_left2 {display: none;width: 30%; max-width:130px;right: 15px;}
	#quick_left {bottom: 15px;}
	#quick_left2 {bottom: 155px;}
		
	#header nav {width: 100%;padding: 5% 0 4% 5%;}
	#header .logo {max-width:40%}
	#header .logo img {width: 100%;}
	.snbWrap {display: none !important;}

	.containerWrap {padding: 4rem 2rem;overflow: hidden;}

	#rsvCounsel {font-size: 120%;}
	#rsvCounsel .col-7 {width: 100%;margin-bottom: 3%;}
	#rsvCounsel .col-5 {width:100%;}
	#rsvCounsel h1 {margin: 3vw 0 5vw;}
	#rsvCounsel h1 + div{flex-wrap:wrap}
	#rsvCounsel input[type='text'], #rsvCounsel input[type='tel'] {width:100%;margin-right: 0;}
	#rsvCounsel select {width:100%;	}
	#rsvCounsel input[type='text'], #rsvCounsel input[type='tel'], #rsvCounsel select, #rsvCounsel textarea {padding: 3vw;}
	#rsvCounsel .privacy {text-align: left;margin-top:2vw;margin-bottom:6vw}
	#media_view, #media_list {padding: 0 15px;}
	#event #event_list {padding: 0 15px;}

	#index .parallax-background {background-image: url('/images/mobile/main/counsel_list_bg.jpg');}
	#index #counsel_list {padding: 7rem 1rem;}
	#index #counsel_list .board-container h1 {font-size: 1.25rem;}
	#index #index_media .left {font-size: 2.5rem;}
	#index .gallery {max-height:none;}
	#index .gallery-container {width: 95%;}
	#index .gallery-item {width: calc(33.33% - 10px);}
	#index .gallery-item.wide {width: calc(66.66% - 10px);}
	#index .beautifulWrap {padding-top: 3rem;}
	#index .principle .left .sub {font-family: ScoreT;font-size: 1.5rem; color: #888; line-height: 2rem; letter-spacing: 0.5px;padding-right: 0;}
	#index .eye-nose-tab .line {top:2px;}
	#index #noseSwiper, #index #eyeSwiper {padding: 2rem 0;}
	#index #noseeyeSwiper {padding: 0;}

	#aboutlast .doctorProfile .row {flex-wrap: wrap-reverse;}
	#aboutlast .doctorProfile .p1, #aboutlast .doctorProfile .p2 {width: 100%;}

	#information #info_map {flex-wrap:wrap-reverse;}
	#information #contact_us {width: 100%;font-size: 120%;font-family: ScoreM;padding: 5%;}
	#information #daumRoughmapContainer1626595700279 {width:100% !important}
	#information #info_contact .p1, #information #info_contact .p2 {width: 100%;padding-left: 5%;padding-right: 5%;}
	#information #info_contact .p2 p {padding-left: 0;}
	#information #info_contact .tel {margin-top:10px;margin-bottom: 30px;}

	#selfiegram_board .menu > div {width: 20%;margin-bottom: -1px;}
	#sub_common2 {margin-top: 0;}
	#sub_common2 .eventBox .prev {left: 2%;}
	#sub_common2 .eventBox .next {right: 2%}

	#footer {display: block;background-color: #f1f2f2;}
	#footer #map {margin-bottom: 200px;}
	#footer #contact_us {
		width: 90%;
		max-width: none;
		top: auto;
		right: 5%;
		bottom: 200px;
		transform: none;
	}
	#footer #contact_us .p1 {padding-left: 70px;margin-bottom: 3rem;background-size:36px}
	#footer #contact_us .p2 {padding-left: 70px;margin-bottom: 3rem;background-size:36px}
	#footer #contact_us .p6 {padding-left: 70px;background-size:30px}
	#footer #contact_us .icons {display: flex; margin: 2rem 0;}
	#footer #contact_us .icons li {margin-right: 0.5rem;}
	#footer #daumRoughmapContainer1626595700279 {width: 100% !important;height: 40vh;margin-bottom: 0;}

	.btn_bottom_consult_closed {display: block;}
}

@media (max-width: 480px) {
	html {font-size: 65%;}
	.row h3 {font-size: 1.25rem;}
	
	#index .gallery-item {width: calc(50% - 10px);}
	#index .gallery-item.wide {width: 100%}
}

@media (max-width: 320px) {
	html {font-size: 50%;}
	#index .gallery-item {width: 100%;}
}