* {-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-weight: 400;}
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;}

body {
	color:#333; 
	font-size:16px; 
	font-family:"Kanit","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-scoreL {font-family:ScoreL}
.font-scoreR {font-family:ScoreR}
.font-scoreB {font-family:ScoreB}
.font-scoreEB {font-family:ScoreEB;}
.fz-1_5 {font-size: 1.5em;}
.fz-2 {font-size: 2em;}
.b {font-weight: 600;}
.white {color: #fff !important;}
.purple {color: #7e64c8;}
.blue {color: #496fcd;}
.pink {color: #b97aa9;}
.pink2 {color: #f7addd;}
.lightblue {color: #4c94ff;}
.ivory {color: #fffb98}
.red {color: #f44140;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.ta-c {text-align: center;}

.containerWrap {width: 100%;padding: 4vw 3vw;}
.container {max-width:1320px;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:250%;font-weight: 600;color: #3b393b;margin-bottom: 1.4%;}
.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:140%;font-weight:500;color: #120e0f;letter-spacing: -1.5px;margin-bottom:4%;}

.row-sub h1 {font-size: 210%;margin-bottom: 1%;}
.row-sub h2 {margin-bottom:1%;}
.row-sub h3 {letter-spacing:0px}

.row-board h1 {font-size: 200%;color: #fff;margin-bottom: 1%;}
.row-board h2 {margin-bottom:1%;}
.row-board h3 {font-weight: 100;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}
.justfy_center {justify-content: center}
.direction-col {	flex-direction:column;}
.align-center {align-items: center;}

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

.bg_skyblue {background-color: #e0f0ff}
.bg_skyblue2 {background-color: #63b4ff}
.bg_lightblue {background-color: #d8e5ff}
.bg_pink {background-color: #e7d3e2;}
.bg_lightgray {background-color: #f3f3f3}
.bg_ivory {background-color: #fffdbf;}
.bg_apricot {background-color: #ffe2b2;}
.bg_black {background-color: #302b30}
.bg_nam {background-color: #080047;}
.bg_white {background-color: #fff;}
.bg_skin {background-color: #ebebeb;}
.bg_crimson {background-color: #ff7f68;}

.pc_none {display: none;}
.pc_none_flex {display: none;}
.mo_none {display: block;}
.mo_none_flex {display: flex;}

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: space-between;
	position: relative;
	padding: 1.82vw 0 1.32vw;
	max-width: 1280px;
	width:90%;
	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;
 justify-content: center;
}
#header nav > ul > li,
#header nav > ul > li > a {
 position:relative;
 height:100%;
 display:flex;
 align-items:center
}
#header .nav_1 {width: 33%;height: 100%;}
#header .nav_1 > li {margin-right:0.325vw}
#header .nav_1 > li.logined {display: inline-block;margin-left: 20px;font-weight: 500;}
#header .nav_1 > li.logined span{margin-right: 3px;color: #7e64c8;}

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

#header .nav_2 {width: 33%;height:100%}
#header .nav_2 > li {margin-left: 0.7vw;}
#header .nav_2 > li img{width: 85%;}
#header #line_qr_box {display: none;}
#header #line_qr_box.active{
	display: block;
	position: absolute;
	top: 54px;
	right: -49px;
	width: 266px;
	height: 266px;
	font-size: 40px;
	text-align: right;
	box-shadow: 0 0 7px #ccc;
	padding-right: 12px;
	background:url('/images/header/sns_line_qr.jpg') #fff center;
	background-size: 60% 60%;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 100;
}
#header #line_qr_box_m {display: none;}
#header #line_qr_box_m.active{
	display: block;
	position: fixed;
	top: 30%;
	left: 25%;
	width: 266px;
	height: 266px;
	font-size: 40px;
	text-align: right;
	box-shadow: 0 0 7px #ccc;
	padding-right: 12px;
	background:url('/images/header/sns_line_qr.jpg') #fff center;
	background-size: 60% 60%;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 100;
}

#header .nav_3 {
	position: absolute;
	right: -87px;
	flex-direction: column;
	background-image: url("/images/header/arrow_down.png");
	background-repeat: no-repeat;
	background-position: 91% 13px;
	background-size: 12px 9px;
	background-color: #fff;
	z-index: 100;
}
#header .nav_3.inverse {background-image: url("/images/header/arrow_up.png");}
#header .nav_3 li {
	display: none;
	width: 159px;
	cursor: pointer;
}
#header .nav_3 li a {
	padding: 6px 29px 8px 47px;
	background-position: 13px center;
	background-repeat: no-repeat;
	background-size:26px 26px;
}
#header .nav_3 li:first-child {display: flex;border: 1px solid #d7d7d7;} 
#header .nav_3 li.korean {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
#header .nav_3 li.korean a {background-image: url("/images/header/icon_korean.png");}
#header .nav_3 li.thailand {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
#header .nav_3 li.thailand a {background-image: url("/images/header/icon_thailand.png");}
#header .nav_3 li.japan {
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
}
#header .nav_3 li.japan a {background-image: url("/images/header/icon_japan.png");}
#header .nav_3 li:hover {background-color: #e1e1e1;}
#header .nav_3 li:first-child:hover {background-color:transparent;}

#header .gnb {
	display: flex;
	justify-content: space-around;
	position: relative;
	max-width: 1320px;
	font-size: 110%;
	margin: 0 auto;
}
#header .gnb > li {
	border-bottom: 3px solid transparent;
	padding: 1vw 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 .snbWrap {
	display: none;
	position: absolute;
	width: 100%;
	height: 13%;
	z-index:2;
	background-color: #ecececab;
}
#header .gnb .snb {
	display: none;
	position: absolute;
	top: 90px;
	font-size: 90%;
	letter-spacing: -0.5px;
	z-index: 3;
}
#header .gnb .snb.reverse {
	right: 0;
}
#header .gnb .snb > ul {display: flex;flex-wrap:wrap;line-height: 2em;}
#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 .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;
	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-weight: 600;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 .banners a {width: 50%;}

#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;
	padding: 1vh 0 1vh 47px;
	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;}

#header #menu_mobile .icons {
	display: flex;
	padding: 1vh 3vh 1vh 3vh;
	justify-content: space-between;
}
#header #menu_mobile .gnb_mobile {
	font-size: 140%;
	padding: 4% 10% 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 .time {
	font-size: 130%;
	padding: 2.5vh 3vh;
	background: #f1f2f2;
}
#header #menu_mobile .time h4 {
	margin-bottom: 10px;
	font-weight: 900;
	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 {top:12%;left: 0;}
}

#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 {
	max-width: 580px;
	font-size: 2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: transparent;
	cursor: pointer;
}
#index #counsel_list .board-container img {width: 100%;}

#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;
	margin-bottom: 3rem;
	font-weight: 600;
}
#index .principle .left .sub {
	font-size: 1.25rem;
	letter-spacing: 1px;
	line-height: 2.25rem;
	padding-right: 2rem;
}
#index .principle .left .bottom {
	font-weight: 100;
	color: #7779b9;
	font-size: 1.5rem;
	letter-spacing: 5px;
	opacity: 0.5;
}
#index .principle .right {
	width: 62%;
	text-align: right;
}
#index .principle .right .hid-bottom {
	display: none;
	font-weight: 100;
	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-weight: 600;
	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;
	display: flex;
	align-items: end;
 }
 #index .eye-nose-tab span {cursor: pointer;}
 #index .eye-nose-tab span:hover,
 #index .eye-nose-tab span.active {color: #7e64c8;font-weight: 600}
 #index .eye-nose-tab .line {
	display: inline-block;
	width: 2px;
	height: 1.25rem;
	background-color: #000;
	top: -3px;
	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 .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-weight: 500;
	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;
	font-size: 130%;
	line-height: 240%;
}
#aboutlast .doctorProfile .p1 {width: 68%;padding-left: 7%;}
#aboutlast .doctorProfile .p2 {width: 32%;padding-left: 3%;}
#aboutlast .doctorProfile .tit {font-weight: 900;}


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

#information #contact_us {width:35%;padding:0 3%;}
#information #contact_us h1{
	font-size:175%;
	margin: 10% 0;
}
#information #contact_us .p1 {
	display: flex;
	font-size: 120%;
	line-height: 170%;
}
#information #contact_us .p1 > div:nth-child(1) {flex:4;padding-right: 8%;}
#information #contact_us .p1 > div:nth-child(2) {flex:6}
#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-weight: 900;margin-bottom: 10px;}
#information #info_contact .p2 p {padding-left: 3%;}
#information #info_contact .tel {font-weight: 500;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; */}


/*************** double-eyelid *****************/
#double-eyelid .eye_case {
	width: 90%;
	margin: 1em auto 6em;
	border-top: 2px solid #c9d5f2;
	padding-top: 4em;
}
#double-eyelid .eye_case > li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 3em;
	border: 2px solid #8aacff;
}
#double-eyelid .eye_case > li:before {
	position: absolute;
	right: 2.3em;
	top: -0.7em;
	border: 1px solid #666;
	width: 1.3em;
	height: 1.3em;
	content: '0';
	background: white;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8em;
	font-family: "Nanumsquare";
	color: #a9a9a9;
}
#double-eyelid .eye_case > li:nth-child(1):after {content: '1';}
#double-eyelid .eye_case > li:nth-child(2):after {content: '2';}
#double-eyelid .eye_case > li:nth-child(3):after {content: '3';}
#double-eyelid .eye_case > li:after {
	position: absolute;
	right: 1em;
	top: -0.7em;
	border: 1px solid #666;
	width: 1.3em;
	height: 1.3em;
	background: white;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.8em;
	font-family: "Nanumsquare";
	color: #3d62c6;
}
#double-eyelid .eye_case > li > img {width: 35%;}
#double-eyelid .eye_case > li .exp {width: 65%;padding-left:3em;}
#double-eyelid .eye_case > li .exp p {font-size: 3em;margin-bottom: 0.5em;}
#double-eyelid .eye_case > li .exp ul {font-size: 1.5em;}
#double-eyelid .eye_case > li .exp li {font-weight: 200;margin-bottom: 0.5em;}
#double-eyelid .eye_case > li .exp .num {
	display: inline-block;
	font-family: "Nanumsqure";
	font-weight: 400;
	color: #7093ea;
	border-bottom: 2px solid #7093ea;
	margin-right: 0.5em;
}

#double-eyelid .special_feature_tit {
	height: 46vw;
	background-image: url('/images/pages/eye/double-eyelid-5_1.jpg');
	background-position: top center;
	background-size: cover;
}
#double-eyelid .special_feature {
	width: 100%;
	background-image: url("/images/pages/eye/double-eyelid-5_2.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	padding: 3vw;
}
#double-eyelid .special_feature h2 {
	color: #fff99e;
	margin-top: 3em;
	font-size: 2em;
	opacity: 1;
	font-weight: 400;
}
#double-eyelid .special_feature h1 {
	color: #fff;
	-webkit-text-stroke: 2px #113e9b;
	font-weight: 600;
	font-size: 3.5em;
	margin-bottom: 1em;
}

#double-eyelid .feature_list > li {
	display: flex;
	align-items: center;
	margin-bottom: 4em;
	border: 2px solid #8aacff;
	background-color: #fff;
}
#double-eyelid .feature_list .img_area {width: 35%;position: relative;}
#double-eyelid .feature_list .img_area p {
	position: absolute;
	min-width: 83%;
	left: 50%;
	top: -1.4em;
	transform: translate(-50%, 8px);
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	border-radius: 20px;
	padding: 4px 18px;
	background: #fff99e;
}
#double-eyelid .feature_list > li .exp {width: 65%;padding-left:3em;}
#double-eyelid .feature_list > li .exp ul {font-size: 1.5em;}
#double-eyelid .feature_list > li .exp li {font-weight: 200;margin-bottom: 0.5em;}
#double-eyelid .feature_list > li .exp .num {
	display: inline-block;
	font-family: "Nanumsqure";
	font-weight: 400;
	color: #7093ea;
	border-bottom: 2px solid #7093ea;
	margin-right: 0.5em;
}

#double-eyelid .incision_tit {position: relative;padding: 3vw 0;}
#double-eyelid .incision_tit:after {
	display: block;
	content: '';
	width: 4em;
	height: 4em;
	position: absolute;
	left: 50%;
	bottom: -2em;
	transform: translate(-50%, 0);
	background-image: url("/images/pages/eye/arrow_down.png");
	background-repeat: no-repeat;
	background-size: 4em 4em;
	z-index: 10;
}
#double-eyelid .incision_tit img {width: 85%;}
#double-eyelid .incision .article1 {align-items:end;}
#double-eyelid .incision .article1 .imgWrap {width: 50%;text-align: right;}
#double-eyelid .incision .article1 .imgWrap img {width: 80%;}
#double-eyelid .incision .article1 .exp {width: 50%;padding-left:3em;padding-bottom: 2em;}
#double-eyelid .incision .article1 .exp .tit {
	font-size: 5em;
	font-weight: 600;
	color: #2559c6;
	-webkit-text-stroke: 4px #fff;
}
#double-eyelid .incision .article1 .exp ul {font-size: 2em;}
#double-eyelid .incision .article1 .exp li {
	font-weight: 200;
	padding-left: 2em;
	margin-bottom: 0.5em;
	background-image: url("/images/pages/eye/icon_check.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em 1.5em;
}
#double-eyelid .incision .article1 .exp .ps {color: #4d4d4d}

#double-eyelid .incision .article2 {
	max-width: 1090px;
	margin: -16px auto 0;
	background-color: #fff;
	padding: 3vw 3vw 9vw;
}
#double-eyelid .incision .article2 h3 {width: 100%;font-size: 4em;text-align: center;margin-bottom: 1em;}
#double-eyelid .incision .article2 ul {width: 55%;font-size: 1.5em;margin: 0 auto;}
#double-eyelid .incision .article2 li {border-bottom: 1px solid #9d9d9d;padding-bottom: 5px;margin-bottom: 8px;}

#double-eyelid .incision .article3 {
	position: relative;
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	line-height: 1em;
  padding: 6vw 3vw 3vw;
	margin-top: -6vw;
	background-image: url("/images/pages/eye/double-eyelid-11.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	z-index: 3;
}
#double-eyelid .incision .article3 img {margin-bottom: 1em;}

#double-eyelid .n_incision_tit {position: relative;padding: 3vw 0;}
#double-eyelid .n_incision_tit:after {
	display: block;
	content: '';
	width: 4vw;
	height: 4vw;
	position: absolute;
	left: 50%;
	bottom: -2vw;
	transform: translate(-50%, 0);
	background-image: url("/images/pages/eye/arrow_down.png");
	background-repeat: no-repeat;
	background-size: 4vw 4vw;
	z-index: 10;
}
#double-eyelid .n_incision_tit img {width: 85%;}
#double-eyelid .n_incision {margin-top: -10vw;padding-top: 6vw;}
#double-eyelid .n_incision .article1 {align-items: end;padding-top: 5em;}
#double-eyelid .n_incision .article1 .imgWrap {width: 50%;text-align: right;}
#double-eyelid .n_incision .article1 .imgWrap img {width: 80%;}
#double-eyelid .n_incision .article1 .exp {width: 50%;padding-left:3em;padding-bottom: 3em;}
#double-eyelid .n_incision .article1 .exp .tit {
	font-size: 5em;
	font-weight: 600;
	color: #2559c6;
	-webkit-text-stroke: 4px #fff;
	margin-bottom: 0.3em;
	line-height: 1em;
}
#double-eyelid .n_incision .article1 .exp ul {font-size: 2em;}
#double-eyelid .n_incision .article1 .exp li {
	font-weight: 200;
	padding-left: 2em;
	margin-bottom: 0.5em;
	background-image: url("/images/pages/eye/icon_check.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em 1.5em;
}
#double-eyelid .n_incision .article1 .exp .ps {color: #4d4d4d}

#double-eyelid .n_incision .article2 {
	max-width: 1090px;
	padding: 3vw 3vw 9vw;
	margin: -12px auto 0;
	background-color: #fff;
}
#double-eyelid .n_incision .article2 h3 {width: 100%;font-size: 4em;text-align: center;margin-bottom: 1em;}
#double-eyelid .n_incision .article2 ul {letter-spacing: -1px;width: 60%;font-size: 1.5em;margin: 0 auto;}
#double-eyelid .n_incision .article2 li {border-bottom: 1px solid #9d9d9d;padding-bottom: 5px;margin-bottom: 8px;}

#double-eyelid .n_incision .article3 {
	color: #fff;
	font-size: 1.5em;
	text-align: center;
	line-height: 1em;
  padding: 6vw 3vw 3vw;
	margin-top: -6vw;
	background-image: url("/images/pages/eye/double-eyelid-11.png");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
}
#double-eyelid .n_incision .article3 img {margin-bottom: 1em;}

#double-eyelid .last_system {
	background-image: url("/images/pages/eye/double-eyelid-26.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
}
#double-eyelid .last_system h1 {
	width: 100%;
	color: #4c94ff;
	text-align: center;
	-webkit-text-stroke: 2px #fff;
	font-weight: 600;
	font-size: 3em;
	margin-bottom: 5vw;
}
#double-eyelid .last_system li {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
#double-eyelid .last_system li:nth-child(2) {margin-top: 6em;}
#double-eyelid .last_system li:nth-child(4) {margin-top: 6em;}
#double-eyelid .last_system li span {
	display: inline-block;
	width: 1px;
	height: 30px;
	margin: 1em;
	background: #000;
}
#double-eyelid .last_system li .lightblue {font-size: 1.2em;letter-spacing: -1px;}


/*************** eye-correction *****************/

#eye-correction .whatis h1{
	font-size: 2em;
	font-weight: 600;
}
#eye-correction .whatis p{
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 5vw;
}
#eye-correction .whatis ul {
	margin-bottom: 2vw;
}
#eye-correction .whatis li {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 250px;
	text-align: center;
	align-items: center;
	padding: 0 1vw;
}
#eye-correction .whatis li img{margin-bottom: 1vw;}
#eye-correction .whatis li .tit{font-weight:600;font-size: 1.5em;}
#eye-correction .whatis li .sub{font-weight: 300;}

#eye-correction .special_feature_tit {
	height: 37vw;
	background-image: url('/images/pages/eye/eye-correction-6.jpg');
	background-position: top center;
	background-size: cover;
}

#eye-correction .diagnosis h1{
	font-weight: 300;
	font-style: italic;
	letter-spacing: -1px;
	color: #000;
	margin-bottom: 0.5%;
}
#eye-correction .diagnosis h2 {
	color: #000;
	opacity: 1;
	font-size: 200%;
	font-family: "Kanit";
	letter-spacing: 1px;
	margin-bottom: 3vw;
}
#eye-correction .diagnosis .feature_list {
	justify-content: space-around;
}
#eye-correction .diagnosis .feature_list > li {
	width: 42%;
	position: relative;
	padding: 3em 2em;
	background-color: white;
}
#eye-correction .diagnosis .feature_list li:nth-child(1) .img_area {
  padding-top: 20vw;
  background: url('/images/pages/eye/eye-correction-7.jpg') no-repeat;
  background-size: cover;
}
#eye-correction .diagnosis .feature_list li:nth-child(2) .img_area {
  padding-top: 20vw;
  background: url('/images/pages/eye/eye-correction-8.png') no-repeat;
  background-size: cover;
}
#eye-correction .diagnosis .img_area p {
	position: absolute;
	left: -10%;
	top: 4%;
	color: #fff;
	padding: 0.5em 1em;
	background: #000;
}
#eye-correction .diagnosis .exp {
	margin-top: 2vw;
}
#eye-correction .diagnosis .exp li {
	position: relative;
	padding-left: 12px;
	margin-bottom: 0.5em;
}
#eye-correction .diagnosis .exp li:after {
	display: block;
	position: absolute;
	left: 0;
	top:0px;
	content: '-';
}

#eye-correction .eye_case {
	width: 82%;
	margin: 1em auto 6em;
	padding-top: 4em;
}
#eye-correction .eye_case > li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 3em;
	padding: 1.5em;
	background: #fff;
}
#eye-correction .eye_case > li .tag {
	position: absolute;
	right: -7vw;
	top: 4vw;
	border: 2px solid #212121;
	width: 8.5vw;
	height: 3.6vw;
	padding: 0.5vw;
	letter-spacing: 5px;
	font-weight: 600;
}
#eye-correction .eye_case > li .tag.level1 {top: 10vw;right: auto;left: -6vw;}
#eye-correction .eye_case > li .tag.level2 {top: 9vw;}
#eye-correction .eye_case > li > img {width: 35%;}
#eye-correction .eye_case > li .exp {width: 65%;padding-left:3em;}
#eye-correction .eye_case > li .exp p {font-size: 3em;margin-bottom: 0.5em;}
#eye-correction .eye_case > li .exp ul {font-size: 1.5em;}
#eye-correction .eye_case > li .exp li {font-weight: 200;margin-bottom: 0.5em;}
#eye-correction .eye_case > li .exp .num {
	display: inline-block;
	font-family: "Nanumsqure";
	font-weight: 400;
	color: #7093ea;
	border-bottom: 2px solid #7093ea;
	margin-right: 0.5em;
}
#eye-correction .insta_live {
	height: 60vw;
	background-image: url('/images/pages/eye/eye-correction-13.jpg');
	background-position: top center;
	background-size: cover;
}
#eye-correction .difference {padding: 6vw 3vw;}
#eye-correction .difference h1{
	font-weight: 300;
	font-style: italic;
	letter-spacing: -1px;
	color: #fff;
	margin-bottom: 0.5%;
}
#eye-correction .difference h2 {
	color: #fff;
	opacity: 1;
	font-size: 200%;
	font-family: "Kanit";
	letter-spacing: 1px;
	margin-bottom: 3vw;
}
#eye-correction .difference .feature_list {
	justify-content: center;
	position: relative;
}
#eye-correction .difference .feature_list > li {
	position: relative;
	padding: 3em 2em;
	margin: 0 1em;
	background-color: white;
}
#eye-correction .difference .feature_list > li.vs {
	position: absolute;
	top: 7vw;
	height: 4vw;
	width: 4vw;
	border-radius: 100%;
	margin-left: 0.5em;
	background: black;
	z-index: 1;
	text-align: center;
	color: #fff;
	font-size: 2em;
	font-weight: 600;
	padding: 0;
	line-height: 4vw;
}
#eye-correction .difference .img_area p {
	color: #000;
	font-weight: 600;
	font-size: 1.5em;
}
#eye-correction .difference .exp {
	margin-top: 2vw;
}
#eye-correction .difference .exp li {
	position: relative;
	padding-left: 32px;
	margin-bottom: 0.5em;
	background: url('/images/pages/eye/icon_check2.jpg') no-repeat left bottom;
	background-size: 20px;
}
#eye-correction .procedure {padding: 6vw 3vw;}
#eye-correction .procedure h1 {
	font-weight: 400;
	letter-spacing: 3px;
	font-size: 1em;
	margin-bottom: 0.5%;
}
#eye-correction .procedure h2 {
	color: #212121;
	opacity: 1;
	font-size: 2.3em;
	font-family: "Kanit";
	letter-spacing: 0px;
	margin-bottom: 3vw;
	line-height: 1.2em;
}
#eye-correction .procedure .feature_list {
	justify-content: center;
	position: relative;
	width: 87%;
	margin: 0 auto;
	border: 2px solid #000;
}
#eye-correction .procedure .feature_list > li {
	position: relative;
	padding: 10% 10%;
	background-color: white;
	text-align: center;
}
#eye-correction .procedure .feature_list > li.boundary:after {
	display: block;
	position: absolute;
	left: 10%;
	bottom: 0;
	content: '';
	width: 80%;
	height: 1px;
	border-bottom: 1px dotted #655d5b;
}
#eye-correction .procedure h3 {
	display: inline-block;
	color: #fff;
	font-weight: 600;
	font-size: 1.5em;
	border-radius: 50px;
	padding: .5em 1em;
	margin-bottom: 2vw;
	background: #f36053;
}
#eye-correction .procedure .img_area ul {flex-wrap: wrap;}
#eye-correction .procedure .img_area li {width: 50%;}
#eye-correction .procedure .img_area img {margin-bottom: 1vw;}
#eye-correction .procedure .img_area .tit {
	font-size: 2em;
	font-weight: 600;
}
#eye-correction .procedure .img_area .sub {margin-bottom: 2vw;}

#eye-correction .advertise {
	height: 49vw;
	background-image: url('/images/pages/eye/eye-correction-22.jpg');
	background-position: top center;
	background-size: cover;
}
#eye-correction .summerize .feature_list {
	width: 70%;
	margin: 0 auto;
}
#eye-correction .summerize li {
	display: flex;
	width: 33.3%;
	flex-direction: column;
	text-align: center;
	align-items: center;
	margin-bottom: 2vw;
}
#eye-correction .summerize li img{margin-bottom: 1vw;}


#eye-correction .last_system {
	background-image: url("/images/pages/eye/double-eyelid-26.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
}
#eye-correction .last_system h1 {
	width: 100%;
	color: #4c94ff;
	text-align: center;
	-webkit-text-stroke: 2px #fff;
	font-weight: 600;
	font-size: 3em;
	margin-bottom: 5vw;
}
#eye-correction .last_system li {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
#eye-correction .last_system li:nth-child(2) {margin-top: 6em;}
#eye-correction .last_system li:nth-child(4) {margin-top: 6em;}
#eye-correction .last_system li span {
	display: inline-block;
	width: 1px;
	height: 30px;
	margin: 1em;
	background: #000;
}
#eye-correction .last_system li .lightblue {font-size: 1.2em;letter-spacing: -1px;}


/*************** re-double-eyelid *****************/
#re-double-eyelid .whatis h1{
	width: 100%;
	font-size: 2em;
	font-weight: 600;
}
#re-double-eyelid .whatis p {
	width: 100%;
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 5vw;
}
#re-double-eyelid .whatis ul {
	margin-bottom: 2vw;
}
#re-double-eyelid .whatis li {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 250px;
	text-align: center;
	align-items: center;
	padding: 0 1vw;
}
#re-double-eyelid .whatis li img{margin-bottom: 1vw;}
#re-double-eyelid .whatis li .tit{font-weight:600;font-size: 1.5em;}
#re-double-eyelid .whatis li .sub{font-weight: 300;}

#re-double-eyelid .diagnosis h1{
	font-weight: 300;
	font-style: italic;
	font-size: 3em;
	letter-spacing: -3px;
	color: #abe7f2;
}
#re-double-eyelid .diagnosis h2 {
	color: #fff;
	opacity: 1;
	font-size: 2em;
	font-family: "Kanit";
	letter-spacing: 1px;
	margin-bottom: 3vw;
}
#re-double-eyelid .diagnosis .feature_list {
	justify-content: space-around;
}
#re-double-eyelid .diagnosis .feature_list > li {
	width: 42%;
	position: relative;
	padding: 3em 2em 2em 2em;
	background-color: white;
}
#re-double-eyelid .diagnosis .feature_list li:nth-child(1) .img_area {
  padding-top: 20vw;
  background: url('/images/pages/eye-revision/double-eyelid-03.jpg') no-repeat;
  background-size: cover;
}
#re-double-eyelid .diagnosis .feature_list li:nth-child(2) .img_area {
  padding-top: 20vw;
  background: url('/images/pages/eye-revision/double-eyelid-04.jpg') no-repeat;
  background-size: cover;
}
#re-double-eyelid .diagnosis .img_area p {
	position: absolute;
	left: -10%;
	top: 4%;
	color: #fff;
	padding:0.3em 0.7em;
	background: #000;
}
#re-double-eyelid .diagnosis .exp {
	margin-top: 1.5vw;
}
#re-double-eyelid .diagnosis .exp h3 {
	font-size: 1.2em;
	font-weight: 600;	
	text-align: center;
	margin-bottom: 1em;
}
#re-double-eyelid .diagnosis .exp li {
	position: relative;
	padding-left: 21px;
	margin-bottom: 0.5em;
	font-weight: 300;
	font-size: 1.2em;
	letter-spacing: -1px;
}
#re-double-eyelid .diagnosis .exp li:after {
	display: block;
	position: absolute;
	left: 0;
	top:0px;
	width: 15.5px;
	height: 21px;
	content: '';
	background: url('/images/pages/eye-revision/double-eyelid-05.png');
	background-size: cover;
}

#re-double-eyelid .case .title_wrap{
	width:350px;
	text-align:left;
	margin: 0 auto;
	padding-top: 2vw;
	background-image: url('/images/pages/eye-revision/double-eyelid-06.png');
	background-repeat: no-repeat;
	background-position: top right;
	background-size: 150px auto ;
}
#re-double-eyelid .case h1{
	font-weight: 100;
	font-style: italic;
	font-size: 2em;
	letter-spacing: -2px;
	margin-bottom: 3%;
}
#re-double-eyelid .case h2 {
	color: #000;
	opacity: 1;
	font-size: 2em;
	font-family: "Kanit";
	letter-spacing: 1px;
	margin-bottom: 2vw;
}
#re-double-eyelid .case .feature_list {
	justify-content: space-around;
}
#re-double-eyelid .case .feature_list > li {
	width: calc(100%/3);
	position: relative;
	padding: 3em 1.5em 2em 1.5em;
	background-color: white;
}
#re-double-eyelid .case .feature_list li .img_area {
	position: relative;
	padding-top: 20vw;
	background-size: cover;
	background-repeat: no-repeat;
}
#re-double-eyelid .case .feature_list li:nth-child(1) .img_area {
  background-image: url('/images/pages/eye-revision/double-eyelid-07.png') ;
}
#re-double-eyelid .case .feature_list li:nth-child(2) .img_area {
  background-image: url('/images/pages/eye-revision/double-eyelid-08.png');
}
#re-double-eyelid .case .feature_list li:nth-child(3) .img_area {
  background-image: url('/images/pages/eye-revision/double-eyelid-09.png');
}
#re-double-eyelid .case .img_area:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 20%;
	display: block;
	content: '';
	background: linear-gradient(#fff0, 55%, #b7a6db);
}
#re-double-eyelid .case .exp {
	padding: 1.5vw;
	background-color: #8accff;
}
#re-double-eyelid .case .exp h3 {
	text-align: center;
	color: #fff;
	font-size: 2em;
	margin-bottom: 1vw;
}
#re-double-eyelid .case .exp h3 span{
	color: #001666;
	font-size: 1.5em;
	font-family: 'Lato';
	font-weight: 600;
	letter-spacing: -3px;
	vertical-align: initial;
}
#re-double-eyelid .case .exp li {
	position: relative;
	margin-bottom: 0.5em;
	font-weight: 400;
	font-size: 1.15em;
	background-color: #fff;
	padding: 10px 10px;
	letter-spacing: -2px;
}
#re-double-eyelid .case h4 {
	color: #515151;
	text-align: center;
	font-size: 1.6em;
	font-weight: 300;
}

#re-double-eyelid .checklist .row {width: 70%;margin: 0 auto;}
#re-double-eyelid .checklist h1{ 
	font-size: 300%;
	border-bottom: 2px solid #000;
	padding-bottom: 1%;
	margin-top: 2%;
	margin-left: 5%;
	margin-right: 5%;
}
#re-double-eyelid .checklist li {margin: 1.2vw 0;}
#re-double-eyelid .checklist li span {
	position: relative;
	box-shadow: 0 0 5px #ccc;
	border-radius: 15px;
	padding: 5px 5%;
	font-size: 130%;
	min-width: 400px;
	display: inline-block;
}
#re-double-eyelid .checklist li span:after {
	position: absolute;
	right: 5px;
	top: -9px;
	height: 30px;
	width: 30px;
	content: '';
	display: block;
	background-image: url('/images/pages/eye-revision/double-eyelid-10.png');
	background-size: cover;
}

#re-double-eyelid .special_feature_tit {
	height: 48vw;
	background-image: url('/images/pages/eye-revision/double-eyelid-02.jpg');
	background-position: top center;
	background-size: cover;
}

#re-double-eyelid .special_feature {
	width: 100%;
	background-image: url("/images/pages/eye-revision/double-eyelid-11.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	padding: 3vw;
}
#re-double-eyelid .special_feature h1 {
	font-weight: 300;
	font-style: italic;
	font-size: 3em;
	letter-spacing: -2px;
	color: #63b4ff;
	margin-bottom: 0;
}
#re-double-eyelid .special_feature h2 {
	color: #f5cce6;
	opacity: 1;
	font-size: 2em;
	font-family: "Kanit";
	letter-spacing: 1px;
	margin-bottom: 4vw;
	text-shadow: 0 0 1px #113e9b;
}
#re-double-eyelid .special_feature .feature_list > li {
	display: flex;
	align-items: center;
	margin-bottom: 6em;
	box-shadow: 13px 13px 0 #5aa1f2;
	background-color: #fff;
}
#re-double-eyelid .special_feature .feature_list .img_area {width: 33%;position: relative;}
#re-double-eyelid .special_feature .feature_list .img_area p {
	position: absolute;
	left: 100%;
	top: -1em;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	border-radius: 40px;
	padding: 9px 30px 5px;
	background: #63b4ff;
	color: #fff;
	text-shadow: 0 0 2px #3d3aad;
	min-width: 550px;
}
#re-double-eyelid .special_feature .feature_list > li .exp {
	width: 67%;
	padding-left: 2em;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: 100;
}
#re-double-eyelid .special_feature h4{color: #94ccff;text-align: center;}

#re-double-eyelid .last_system {
	background-image: url("/images/pages/eye/double-eyelid-26.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
}
#re-double-eyelid .last_system h1 {
	width: 100%;
	color: #4c94ff;
	text-align: center;
	-webkit-text-stroke: 2px #fff;
	font-weight: 600;
	font-size: 3em;
	margin-bottom: 5vw;
}
#re-double-eyelid .last_system li {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
#re-double-eyelid .last_system li:nth-child(2) {margin-top: 6em;}
#re-double-eyelid .last_system li:nth-child(4) {margin-top: 6em;}
#re-double-eyelid .last_system li span {
	display: inline-block;
	width: 1px;
	height: 30px;
	margin: 1em;
	background: #000;
}
#re-double-eyelid .last_system li .lightblue {font-size: 1.2em;letter-spacing: -1px;}


/*************** nose-revision *****************/

#nose-revision .whatis h1{
	font-size: 2em;
	font-weight: 600;
}
#nose-revision .whatis p{
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 3vw;
}
#nose-revision .whatis ul {
	margin-bottom: 2vw;
}
#nose-revision .whatis li {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 250px;
	text-align: center;
	align-items: center;
	padding: 0 1vw;
}
#nose-revision .whatis li img{margin-bottom: 1vw;}
#nose-revision .whatis li .tit{font-weight:600;font-size: 1.5em;}
#nose-revision .whatis li .sub{font-weight: 300;}

#nose-revision .special_feature_tit {
	height: 37vw;
	background-image: url('/images/pages/nose-revision/nose-revision-2.jpg');
	background-position: top center;
	background-size: cover;
}

#nose-revision .material h1 {
	font-weight: 100;
	font-style: italic;
	font-size: 190%;
	letter-spacing: -2px;
	margin-bottom:0;
}
#nose-revision .material h2 {
	font-family: 'Kanit';
	font-size: 260%;
	color: #212121;
	opacity: 1;
	letter-spacing: 1px;
	font-weight: 600;
}
#nose-revision .material h3 {
	font-weight: 100;
	letter-spacing: -1px;
}
#nose-revision .material .feature_list {
	flex-wrap: wrap;
	width: 69%;
	margin: 0 auto;
}
#nose-revision .material .feature_list li {
	width: 46%;
	text-align: center;
	padding: 1% 1% 5% 1%;
	margin: 0 2% 4%;
	background-image: url("/images/pages/nose-revision/nose-revision-24.png");
	background-size: 100% 100%;
}
#nose-revision .material .feature_list h4 {
	margin: 1vw;
	font-size: 170%;
	font-weight: 600;
}
#nose-revision .material .feature_list .exp {font-size: 120%;}

#nose-revision .nose_source {
	width: 100%;
	text-align: center;
	padding: 5vw 3vw;
	background-image: url("/images/pages/nose-revision/nose-revision-25.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
#nose-revision .nose_source .container {
	display: flex;
	justify-content: center;
}
#nose-revision .nose_source .left {
	display: flex;
	flex-direction: column;
	align-items: end;
	width: 100%;
}
#nose-revision .nose_source .right {
	display: flex;
	width: 100%;
	height: min-content;
	margin: 10vw 0 0 0;
}
#nose-revision .nose_source .container li {
	padding: 6% 5%;
	margin: 2%;
	background: #fff;
}
#nose-revision .nose_source .container li:nth-child(1) {width: 70%;}
#nose-revision .nose_source .container li:nth-child(2) {padding: 6% 10%;}
#nose-revision .nose_source .container li .img_area {margin-bottom: 10%;}
#nose-revision .nose_source .container li h4 {
	font-weight: 600;
	font-size: 180%;
	margin-bottom: 5%;
}
#nose-revision .nose_source .container li p {
  font-size: 140%;
  font-weight: 100;
	letter-spacing: -1px;
}

#nose-revision .good_degree h1 {
	font-weight: 100;
	font-style: italic;
	font-size: 190%;
	letter-spacing: -2px;
	margin-bottom:0;
	margin-top: 4%;
}
#nose-revision .good_degree h2 {
	font-family: 'Kanit';
	font-size: 260%;
	color: #212121;
	opacity: 1;
	letter-spacing: 1px;
	font-weight: 600;
}
#nose-revision .good_degree h3 {
	font-weight: 100;
	letter-spacing: -2px;
}
#nose-revision .good_degree_img {
	height: 90vw;
	background-image: url('/images/pages/nose-revision/nose-revision-3.jpg');
	background-position: top center;
	background-size: cover;
}

#nose-revision .nose_case {
	width: 82%;
	margin: 1em auto 6em;
	padding-top: 4em;
}
#nose-revision .nose_case > li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 3em;
	padding: 1.5em;
	background: #fff;
}
#nose-revision .nose_case > li .tag {
	position: absolute;
	right: -7vw;
	top: 4vw;
	border: 2px solid #212121;
	width: 8.5vw;
	height: 3.6vw;
	padding: 0.5vw;
	letter-spacing: 5px;
	font-weight: 600;
}
#nose-revision .nose_case > li .tag.level1 {top: 10vw;right: auto;left: -6vw;}
#nose-revision .nose_case > li .tag.level2 {top: 9vw;}
#nose-revision .nose_case > li > img {width: 35%;}
#nose-revision .nose_case > li .exp {width: 65%;padding-left:3em;}
#nose-revision .nose_case > li .exp p {font-size: 3em;margin-bottom: 0.5em;}
#nose-revision .nose_case > li .exp ul {font-size: 1.5em;}
#nose-revision .nose_case > li .exp li {font-weight: 200;margin-bottom: 0.5em;}
#nose-revision .nose_case > li .exp .num {
	display: inline-block;
	font-family: "Nanumsqure";
	font-weight: 400;
	color: #7093ea;
	border-bottom: 2px solid #7093ea;
	margin-right: 0.5em;
}
#nose-revision .last_dream {
	height: 49vw;
	background-image: url('/images/pages/nose-revision/nose-revision-4.jpg');
	background-position: top center;
	background-size: cover;
}
#nose-revision .special_feature {
	width: 100%;
	background-image: url("/images/pages/nose-revision/nose-revision-26.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
	padding: 3vw;
}
#nose-revision .special_feature h1 {
	font-weight: 300;
	font-style: italic;
	font-size: 250%;
	color: #fff;
	letter-spacing: -2px;
	margin-bottom: 0;
}
#nose-revision .special_feature h2 {
	color: #71feca;
	opacity: 1;
	font-size: 300%;
	font-family: "Kanit";
	letter-spacing: 1px;
	margin-bottom: 4vw;
}
#nose-revision .special_feature .feature_list {margin: 0 6%;}
#nose-revision .special_feature .feature_list > li {
	display: flex;
	align-items: center;
	margin-bottom: 6em;
	box-shadow: 13px 13px 0 #338775;
	background-color: #fff;
}
#nose-revision .special_feature .feature_list .img_area {width: 33%;position: relative;}
#nose-revision .special_feature .feature_list .img_area p {
	position: absolute;
	left: 100%;
	top: -1em;
	font-size: 2em;
	font-weight: 600;
	text-align: center;
	border-radius: 40px;
	padding: 9px 30px 5px;
	background: #71feca;
	color: #2a2a2a;
	text-shadow: 0 0 2px #fff;
	min-width: 550px;
}
#nose-revision .special_feature .feature_list > li .exp {
	width: 67%;
	padding-left: 3em;
	font-size: 1.5em;
	line-height: 1.6em;
	font-weight: 100;
}

#nose-revision .last_system {
	background-image: url("/images/pages/eye/double-eyelid-26.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
}
#nose-revision .last_system h1 {
	width: 100%;
	color: #4c94ff;
	text-align: center;
	-webkit-text-stroke: 2px #fff;
	font-weight: 600;
	font-size: 3em;
	margin-bottom: 5vw;
}
#nose-revision .last_system li {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
#nose-revision .last_system li:nth-child(2) {margin-top: 6em;}
#nose-revision .last_system li:nth-child(4) {margin-top: 6em;}
#nose-revision .last_system li span {
	display: inline-block;
	width: 1px;
	height: 30px;
	margin: 1em;
	background: #000;
}
#nose-revision .last_system li .lightblue {font-size: 1.2em;letter-spacing: -1px;}



/*************** all-line-nose *****************/

#all-line-nose .whatis h1{
	font-size: 2em;
	font-weight: 600;
}
#all-line-nose .whatis p{
	font-size: 1.5em;
	font-weight: 300;
	margin-bottom: 3vw;
}
#all-line-nose .whatis ul {
	margin-bottom: 2vw;
}
#all-line-nose .whatis li {
	display: flex;
	flex: 1;
	flex-direction: column;
	min-width: 250px;
	text-align: center;
	align-items: center;
	padding: 0 1vw;
}
#all-line-nose .whatis li img{margin-bottom: 1vw;}
#all-line-nose .whatis li .tit{font-weight:600;font-size: 1.5em;}
#all-line-nose .whatis li .sub{font-weight: 300;}

#all-line-nose .special_feature_tit {
	height: 37vw;
	background-image: url('/images/pages/nose/all-line-2.jpg');
	background-position: top center;
	background-size: cover;
}

#all-line-nose .material h1 {
	font-weight: 100;
	font-style: italic;
	font-size: 190%;
	letter-spacing: -2px;
	margin-bottom:0;
}
#all-line-nose .material h2 {
	font-family: 'Kanit';
	font-size: 260%;
	color: #212121;
	opacity: 1;
	letter-spacing: 1px;
	font-weight: 600;
}
#all-line-nose .material h3 {
	font-weight: 100;
	letter-spacing: -1px;
}
#all-line-nose .material .feature_list {
	flex-wrap: wrap;
	width: 69%;
	margin: 0 auto;
}
#all-line-nose .material .feature_list li {
	width: 46%;
	text-align: center;
	padding: 1% 1% 5% 1%;
	margin: 0 2% 4%;
	background-image: url("/images/pages/nose/all-line-12.png");
	background-size: 100% 100%;
}
#all-line-nose .material .feature_list h4 {
	margin: 1vw;
	font-size: 170%;
	font-weight: 600;
}
#all-line-nose .material .feature_list .exp {font-size: 120%;}

#all-line-nose .nose_source {
	width: 100%;
	text-align: center;
	padding: 5vw 3vw;
	background-image: url("/images/pages/nose/all-line-16.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: center center;
}
#all-line-nose .nose_source .container {
	display: flex;
	justify-content: center;
}
#all-line-nose .nose_source .left {
	display: flex;
	flex-direction: column;
	align-items: end;
	width: 100%;
}
#all-line-nose .nose_source .right {
	display: flex;
	width: 100%;
	height: min-content;
	margin: 10vw 0 0 0;
}
#all-line-nose .nose_source .container li {
	padding: 6% 5%;
	margin: 2%;
	background: #fff;
}
#all-line-nose .nose_source .container li:nth-child(1) {width: 70%;}
#all-line-nose .nose_source .container li:nth-child(2) {padding: 6% 10%;}
#all-line-nose .nose_source .container li .img_area {margin-bottom: 10%;}
#all-line-nose .nose_source .container li h4 {
	font-weight: 600;
	font-size: 180%;
	margin-bottom: 5%;
}
#all-line-nose .nose_source .container li p {
  font-size: 140%;
  font-weight: 100;
	letter-spacing: -1px;
}

#all-line-nose .good_degree h1 {
	font-weight: 100;
	font-style: italic;
	font-size: 190%;
	letter-spacing: -2px;
	margin-bottom:0;
	margin-top: 4%;
}
#all-line-nose .good_degree h2 {
	font-family: 'Kanit';
	font-size: 260%;
	color: #212121;
	opacity: 1;
	letter-spacing: 1px;
	font-weight: 600;
}
#all-line-nose .good_degree h3 {
	font-weight: 100;
	letter-spacing: -2px;
}
#all-line-nose .good_degree_img {
	height: 90vw;
	background-image: url('/images/pages/nose/all-line-3.jpg');
	background-position: top center;
	background-size: cover;
}

#all-line-nose .nose_case {
	width: 82%;
	margin: 1em auto 6em;
	padding-top: 4em;
}
#all-line-nose .nose_case > li {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 3em;
	padding: 1.5em;
	background: #fff;
}
#all-line-nose .nose_case > li .tag {
	position: absolute;
	right: -7vw;
	top: 5vw;
	border: 2px solid #212121;
	width: 8.5vw;
	height: 3.6vw;
	padding: 0.5vw;
	letter-spacing: 5px;
	font-weight: 600;
}
#all-line-nose .nose_case > li .tag.level1 {top: 10vw;right: auto;left: -6vw;}
#all-line-nose .nose_case > li .tag.level2 {top: 22vw;}
#all-line-nose .nose_case > li > img {width: 35%;}
#all-line-nose .nose_case > li .exp {width: 65%;padding-left:3em;}
#all-line-nose .nose_case > li .exp p {font-size: 3em;margin-bottom: 0.5em;}
#all-line-nose .nose_case > li .exp ul {font-size: 1.5em;}
#all-line-nose .nose_case > li .exp li {font-weight: 200;margin-bottom: 0.5em;}
#all-line-nose .nose_case > li .exp .num {
	display: inline-block;
	font-family: "Nanumsqure";
	font-weight: 400;
	color: #7093ea;
	border-bottom: 2px solid #7093ea;
	margin-right: 0.5em;
}

#all-line-nose .all-line-method {display: flex;	color: #fff;}
#all-line-nose .all-line-method .left {
	flex:1;
	position: relative;
	padding: 5vw 7vw;
	background-image: url("/images/pages/nose/all-line-20.jpg");
	background-repeat: no-repeat;
}
#all-line-nose .all-line-method .left .position {
	position: absolute;
	right: -4vw;
	top: 8vw;
}
#all-line-nose .all-line-method .left .position h1 {
	font-family: "Lato";
	letter-spacing: 8px;
	margin-bottom: 1vw;
}
#all-line-nose .all-line-method .left .position h2 {
	font-size: 3.3em;
	line-height: 1.1em;
	letter-spacing: -1px;
	margin-bottom: 1vw;
}
#all-line-nose .all-line-method .left .position h3 {
	position: relative;
	right: 10px;
	font-size: 1.6em;
	border: 1px solid #fff;
	padding: 10px 105px 10px 15px;
	background-image: url("/images/pages/nose/all-line-24.png?v=2");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 50px 50px;
}
#all-line-nose .all-line-method .right {
	flex:1;
	padding: 5vw 7vw;
}
#all-line-nose .all-line-method .right .sequence li {
	display: flex;
	margin: 1.3vw 0px;
	align-items: center;
}
#all-line-nose .all-line-method .right .text_box {
	margin-left: 3vw;
	font-size: 1.6em;
}
#all-line-nose .all-line-method .right .tit {font-weight: 700;font-size: 1.3em;margin-bottom: 1vw;}

#all-line-nose .talk_qna {
	height: 100vw;
	background-image: url('/images/pages/nose/all-line-25.jpg');
	background-position: top center;
	background-size: cover;
}


#all-line-nose .last_system {
	background-image: url("/images/pages/eye/double-eyelid-26.jpg");
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	background-position: top center;
}
#all-line-nose .last_system h1 {
	width: 100%;
	color: #4c94ff;
	text-align: center;
	-webkit-text-stroke: 2px #fff;
	font-weight: 600;
	font-size: 3em;
	margin-bottom: 5vw;
}
#all-line-nose .last_system li {
	display: flex;
	flex-direction: column;
	text-align: center;
	align-items: center;
}
#all-line-nose .last_system li:nth-child(2) {margin-top: 6em;}
#all-line-nose .last_system li:nth-child(4) {margin-top: 6em;}
#all-line-nose .last_system li span {
	display: inline-block;
	width: 1px;
	height: 30px;
	margin: 1em;
	background: #000;
}
#all-line-nose .last_system li .lightblue {font-size: 1.2em;letter-spacing: -1px;}



/*************** sub_common *****************/
#sub_common1 {
	position: relative;
	z-index: 2;
	background: url('/images/common/bg_last_real_selfi.jpg?v=2') no-repeat;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
	background-position: center top;
}
#sub_common1:after {
	content: '';
	display:block;
	padding-bottom: 12%;
}
#sub_common1 .title {
	margin-top: 5%;
	margin-bottom: 6%;
}
#sub_common1 .title img{width: 30%;}
#sub_common1 .imgBox {width: 100%;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');}

#sub_common3 {padding: 0;}


/************ 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 ***********/
.pre-footer h3 {
	font-size: 3rem;
	font-weight: 600;
	text-align: center;
	padding: 4rem 0 1rem;
	background: #fff;
}
.pre-footer h4 {
	font-size: 0.75rem;
	font-weight: 500;
	color: #7e64c8;
	text-align: center;
	letter-spacing: 7px;
	padding: 0rem 0 4rem;
	background: #fff;
}

#footer {overflow: hidden;}
#footer .wrap_controllers {display: none;}
#footer #daumRoughmapContainer1626595700279 {width: 50% !important;height: 100%;margin-bottom: -50%;}
#footer #contact_us {width: 50%;font-size: 120%;padding: 3% 6%;}
#footer #contact_us h1 {font-size: 150%;font-weight: 600;margin-bottom:2vw}
#footer #contact_us .p1{
	padding-left: 100px;
	background: url('../images/footer/btn_contact_map.png');
	background-repeat: no-repeat;
	background-position: 20px top;
	background-size: 60px 60px;
}
#footer #contact_us .tel{font-weight: 900; font-size: 200%}
#footer #line_qr_box_m {display: none;}
#footer #line_qr_box_m.active{
	display: block;
	position: fixed;
	top: 30%;
	left: 25%;
	width: 266px;
	height: 266px;
	font-size: 40px;
	text-align: right;
	box-shadow: 0 0 7px #ccc;
	padding-right: 12px;
	background:url('/images/header/sns_line_qr.jpg') #fff center;
	background-size: 60% 60%;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 100;
}
#footer #contact_us .p2{
	display: flex;
	flex-flow:wrap;
	padding-left: 100px;
	padding-top: 12px;
	margin-top: 2vw;
	background: url('../images/footer/btn_contact_time.png');
	background-repeat: no-repeat;
	background-position: 20px top;
	background-size: 60px 60px;
}
#footer #contact_us .p2 .sub{width: 50%;}
#footer #contact_us .p2 .btns{margin-top: 20px;}
#footer #contact_us .p2 .btns a{margin-right: 10px;}
#footer #contact_us .p2 .purple{font-weight: 500;}


/*************** 모바일 하단 빠른비용문의 *****************/
.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%;}