@charset "UTF-8";
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family: inherit;
	font-weight: 400;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
html {font-size: 14px;}
body {
	font-family: "Pretendard", sans-serif;
	max-width:2000px;
	margin: 0 auto;
	line-height: 1.5rem;
	overflow-x: hidden;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a { text-decoration: none !important; color: inherit;}
button { border: none; background: transparent; cursor: pointer; }
input {border: 1px solid #adb5c2;}
input,select,textarea,button {font-family: inherit;font-size: inherit;background:none}
input::-moz-placeholder, textarea::-moz-placeholder {color: #000 !important;}
input:focus, select:focus, button:focus, textarea:focus { outline: none;}
textarea {font-family: inherit;}
img { max-width: 100%; }

.ta-c {text-align: center;}
.ta-l {text-align: left;}
.ta-r {text-align: right;}
.pos-r {position: relative;}
.pos-a {position: absolute;}
.red {color: #f00;}
.chlorophyll {color: #80bcbb !important;}

.containerWrap {width: 100%;padding: 4rem 3rem;}
.container, .container2 {max-width:1320px;margin: 0 auto;}
.container.fixed {margin-top:255px;}
.flex {display: flex;}
.flex-wrap {flex-wrap:wrap}
.justfy_between {justify-content: space-between}
.direction-col {flex-direction:column !important;}
.align-center {align-items: center;}

.row {
	display: flex;
	flex-wrap: wrap;
	flex-direction:row;
	text-align:center;	
	margin: 5rem auto;
}
.row h1 {
	font-family: "GmarketSansMedium";
	font-size: 2rem;
	color: #000;
	margin-bottom: 1%;
}
.row h3 {
	font-family: "GmarketSansMedium";
	font-size: 0.9rem;
	color: #9c9c9c;
	letter-spacing: 2px;
}
.hidden {height:100%; min-height:100%; overflow:hidden !important; touch-action:none;}

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

.no-contents {
	text-align: center;
	font-size: 1.5rem;
	padding: 5rem 0 10rem;
}

#privacy-contents {
	display: none;
	position: fixed;
	top: 25%;left: 0;right: 0;
	width: 768px;
	height: 50%;
	box-shadow: 0 0 11px #000;
	font-size: 1rem;
	line-height: 1.5rem;
	margin: 0 auto;
	background: #fff;
	z-index: 91;
}
#privacy-contents h3 {
	font-size: 1.2rem;
	line-height:5rem; 
	border-bottom:1px solid #AAA; 
	padding-left:2rem; 
	margin-bottom: 2rem;
	background:#FAFAFA;
}
#privacy-contents article {padding:0 2rem;}
#privacy-contents .btn_close {
	position:absolute; top:0; right:0; 
	width:5rem; height:5rem;  
	text-indent:-1000px; 
	overflow:hidden; 
	z-index:3;
}
#privacy-contents .btn_close:after {
	position:absolute; left:50%; top:50%; 
	margin-left:-30%; 
	margin-top:-1px; 
	width:60%; height:2px; 
	background:#333; 
	content:"";
	transform:rotate(45deg);-ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);-o-transform:rotate(45deg); 
}
#privacy-contents .btn_close:before {
	position:absolute; left:50%; top:50%;
	margin-left:-30%; 
	margin-top:-1px; 
	width:60%; height:2px; 
	background:#333; 
	content:"";
	transform:rotate(-45deg);-ms-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg); 
}
.grecaptcha-badge {display: none;}

#alert-dim {
	position: fixed; right: 0; top: 0; bottom: 0; left: 0; 
	opacity: 0.5; 
	filter: alpha(opacity = 50); /* IE7 & 8 */ 
	background-color: #000; 
	z-index: 101;
	display:none;
}
#alert-layer {
	position: fixed;
	top: 50%;
	left: 50%;
	display: none;
	width: 400px;
	margin-bottom: 30px;
	margin-left: -200px;
	margin-top: -200px;
	z-index: 102;
}

/**************** header ****************/
#chatbot {display: none;}
#bottom_consult {display: none;}

header { width: 100%;  transition: 1s all ease;}
header.fixed {
	position: fixed;
	z-index: 100;
	background: #fff;
	top:0;
}
header .bar-wrap {
	max-width:2000px;
	background: #80bcbb;
	display: flex;
	height: 5rem;
	justify-content:space-between;
}
header .bar-wrap .member-link {
	padding: 1.7rem 1rem;
	flex: 28;
	display: flex;
	justify-content: end;
}
header .bar-wrap .member-link i {
	display: block;
	width: 1px;
	background: #f2f2f4;
	height: 20px;
	margin: 1px 0 0 0;
}
header .bar-wrap .member-link a {
	color: #f2f2f4;
	font-size: 20px;
	width: 6rem;
	text-align: center;
}
header .bar-wrap .member-link a.flag {
	width: 2rem;
	transform: translateY(-3px);
}
header .bar-wrap .lolling-wrap {
	display: block; 
	flex:44;
	background: #519291;
}
header .bar-wrap .icon-wrap {
	padding: 0.6rem 1rem;
	flex: 28;
	display: flex;
	justify-content: start;
	align-items:center;
}

header .swiper {
	width: 100%;
	height: 100%;
  }
header .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #80bcbb;
	display: flex;
	justify-content: center;
	align-items: center;
}
header .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
header .swiper-slide.mo_flex {background:transparent;}
header .swiper-slide.mo_flex img {object-fit: fill;}
header nav {
	display: flex; 
	position: relative;  
	max-width: 2000px; 
	padding: 0 0 40px 0; 
	margin-top: 3rem; 
	justify-content:center; 
	box-sizing: border-box; 
}
header nav ul.main-menu { width: 100%; display: flex; justify-content: space-between; align-items: center;}
header nav ul.main-menu > li { width: 9%; text-align: center; }
header nav ul.main-menu > li a { font-size: 1.5rem; color: #292929; font-weight: 600; }
header nav ul.main-menu > li a.active, header nav ul.main-menu>li a:hover { color: #61adaa; } 
header nav ul.main-menu > li.logo { width: 5%; margin: 0% 2% 0;}
header nav ul.main-menu > li.logo a img { display: block; width: 100%; }
header nav ul.main-menu > li .sub-nav-bx {
	display: none; 
	position: absolute; top: 120px; left: 0; 
	width: 100%; 
	padding: 0; 
	box-sizing: border-box; 
	z-index: 3; 
}
header nav ul.main-menu > li .sub-nav { width: 100%; display: flex; background-color: #fff; }
header nav ul.main-menu > li .sub-nav ul { width: 30%; padding: 3.5rem 3rem; height: 425px; } 
header nav ul.main-menu > li .sub-nav ul li { margin-bottom: 50px; }
header nav ul.main-menu > li .sub-nav ul li:last-child { margin-bottom: 0; }
header nav ul.main-menu > li .sub-nav ul li a { display: block; text-align: right; font-size: 1.4rem; font-weight: 300;}
header nav ul.main-menu > li .sub-nav .nav-banner { width: 70%; padding: 25px 70px 70px 0; }
header nav ul.main-menu > li .sub-nav .nav-banner .bg{height: 100%;border-radius: 10px;}

header .inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 2rem;
	box-sizing: border-box;
}

header .back-layer { 
	display: none; 
	position: fixed; 
	z-index: 3; 
	top: -50px; 
	width: 100%; 
	height: calc(100% + 50px) ; 
	background: rgba(0,0,0, .5); 
	transition: all .3s; 
}
header .back-layer.active { display: block; }
header .menu-mo { display: none; width: 100%; position: absolute; top: 23px; left: 0; padding-top: 35px; }
header .menu-mo .btn-right .btn-phone { margin-right: 2rem;}
header .menu-mo.active { display: block; } 
header .menu-mo-list-wrap {
	display: block; 
	position: fixed; left: -100%; top:0;
	z-index: 3; 
	width: 70%; height: 100%; 
	background: transparent; 
	transition: all .5s; 
}
header .menu-mo-list-wrap.active {
	left: 0;
	transition: all .5s; 
}
header .menu-mo-list {     
    display: block;
    width: 100%;
    height: 100%;
    max-width: 500px;
    position: absolute; top: 0;
    padding: 3.2rem 1.7rem;
    background-color: #fff;
    transition: all .5s; 
    overflow-y: scroll;
    scrollbar-width: none; /* Firefox */
	z-index: 4;
}
header .menu-mo-list::-webkit-scrollbar {
    display: none; /* Chrome, Safari, Opera*/
}
header .menu-mo-list.active {  margin-left: 0; }
header .menu-mo-list .menu-mo-header { display: flex; justify-content: space-between; margin-bottom: 50px; }
header .menu-mo-list .menu-mo-header > div { display: flex; }
header .menu-mo-list .menu-mo-header a { font-size: 2.2rem; font-weight: bold; color: #000000; }
header .menu-mo-list .menu-mo-header a.flag {
	width: 2.5rem;
	transform: translateY(-5px);
	margin-left: 1rem;
}
header .menu-mo-list .menu-mo-header i {
	display: block;
	width: 2px;
	height: 1.5rem;
	background: #7b7b7b;
	margin: 0 1.5rem;
}
header .menu-mo-list .menu-mo-header .btn-close {  margin-top: -3px; padding: 0; }
header .menu-mo-list .menu-mo-header .btn-close img { display: block; width: 70%; margin: 0 auto;  }
header .menu-mo-list .main-menu-mo { display: block; margin-bottom: 50px; }
header .menu-mo-list .main-menu-mo.active { display: none; }
header .menu-mo-list .main-menu-mo > li > a {
	display: block;
	width: 100%;
	font-size: 1.9rem;
	font-weight: 500;
	color: #000000;
	padding: 30px 0;
}
header .menu-mo-list .main-menu-mo > li > a {
	background: url('../img/common/icon_plus.jpg') no-repeat 99% center;
	background-size: 8px 8px;
}
header .menu-mo-list .main-menu-mo > li > a.active { background-image: url('../img/common/icon_minus.jpg'); background-size: 12.5px 3px;}
header .menu-mo-list .main-menu-mo > li.special > a {font-weight:800; color: #81d8d0;}
header .menu-mo-list .main-menu-mo>li:last-child>a { margin-bottom: 0; }
header .menu-mo-list .main-menu-mo .sub-menu-mo { display: none; margin-top: 25px; }
header .menu-mo-list .main-menu-mo .sub-menu-mo li { margin-bottom: 20px; margin-left: 25px; }
header .menu-mo-list .main-menu-mo .sub-menu-mo li a { color: #000; font-size: 1.8rem; }

main.fixed {margin-top:255px;}

#floating_right {
	position: fixed;
	bottom: 30px;
	left: 30px;
	animation: quick_bounce 1.6s infinite;
	transform-origin: center bottom;
	z-index: 50;
}
#floating_right img{max-width:200px;}

@-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)
	}
}

/********* sub ***********/
#privacy .privacy-content {
	max-width: 1200px;
	color: #797979;
	font-size: 1.2rem;
	line-height: 2rem;
	border: 1px solid #e7e7e7;
	padding: 20px;
	margin: 0 auto 100px;
}
#privacy .privacy-content pre {
	white-space: pre-wrap;
}

#counsel .privacy-box textarea {
	width: 100%;
	height: 300px;
	border-top: 1px solid #9a9a9a;
	border-left: 1px solid #d4d8df;
	border-right: 1px solid #d4d8df;
	padding: 2rem;
	line-height: 1.5rem;
}
#counsel .privacy-box label {font-size: 1.2rem;}
#counselFrm {margin-bottom: 2rem;}
#counselFrm table {
	width: 100%;
	font-size: 1.5rem;
}
#counselFrm table tr {border-bottom: 1px solid #cbcbcb;}
#counselFrm table th {
	vertical-align: middle;
	text-align: left;
	padding: 1rem 1rem 1rem 2rem;
}
#counselFrm table td {
	padding: 1.5rem 0;
}
#counselFrm input,
#counselFrm select {
	width: 300px;
	max-width:100%;
	font-size: 1.3rem;
	border: 1px solid #adb5c2;
	padding: 0.8rem;
	background-color: #fff;
}
#counselFrm textarea {
	width: 100%;
	font-size: 1.3rem;
	border: 1px solid #cbcbcb;
	padding: 1rem;
}
#counselFrm .btn-bx {
	text-align: center;
	padding: 5rem 0;
}
#counselFrm .btn-bx .btn-confirm,
#counselFrm .btn-bx .btn-cancel {
	font-size: 1.2rem;
	color: #fff;
	padding: 1.5rem 5rem;
	background-color: #000;
}
#counselFrm .btn-bx .btn-cancel {
	background-color: #989ea9;
}

#counsel .online-consult-list {margin-bottom: 5rem;}
#counsel .online-consult-list > ul {
	border-top:.1vw solid #555252;
	margin-bottom:2.6vw;
}
#counsel .online-consult-list > ul > li {
	display:flex;
	align-items:center;
	font-size: 1.3rem;
	border-bottom:1px solid #ccc;
	text-align:center
}
#counsel .online-consult-list > ul > li.thead div{font-weight: 600}
#counsel .online-consult-list > ul > li > .date,
#counsel .online-consult-list > ul > li > .kind,
#counsel .online-consult-list > ul > li > .no,
#counsel .online-consult-list > ul > li > .status,
#counsel .online-consult-list > ul > li > .writer {
	flex:1;
	padding: 15px 0;
}
#counsel .online-consult-list > ul > li > .title {flex:2;cursor: pointer;}
#counsel .online-consult-list>ul+div {
	position:relative;
	height:2.34375vw
}
#counsel .online-consult-list > ul > li > .status_0 {
	color:#7e64c8
}
#counsel .online-consult-list .btn_write {
	position: absolute;
	right: 0;
	top: 10px;
	max-width: 20%;
}
#counsel .online-consult-list .btn_write a {
	border: 1px solid #000;
	border-radius: 4px;
	padding: 1rem 2rem;
}

#counsel .online-consult-view {font-size: 1rem;margin-bottom: 15rem;}
#counsel .online-consult-view .secret {
	font-size: 1.5rem;
	text-align: center;
	border: 1px solid #000;
	padding: 7rem 2rem;
	margin-bottom: 3rem;
}
#counsel .online-consult-view .secret h4 {font-size: 2rem;margin-bottom: 4rem;}
#counsel .online-consult-view .secret p {line-height: 2rem;margin-bottom: 2rem;}
#counsel .online-consult-view .secret .btn_list {margin: 5rem 0 0;}
#counsel .online-consult-view .secret .btn_list a {
	border: 1px solid #ccc;
	border-radius: 4px;
	padding: 1rem 2rem;
	font-size: 1.3rem;
}
#counsel .online-consult-view .secret .btn_list a.confrim {
	color: #fff;
	border: 1px solid #80bcbb;
	background-color: #80bcbb;
}
#counsel .online-consult-view > ul {
	border-top:.1vw solid #555252;
	margin-bottom:2.6vw;
}
#counsel .online-consult-view > ul > li {
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-size: 1.3rem;
	border-bottom:1px solid #ccc;
	text-align:center;
}
#counsel .online-consult-view > ul > li.thead div{font-weight: 600}
#counsel .online-consult-view > ul > li > div {flex:1;padding: 1rem;line-height: 1.7rem;}
#counsel .online-consult-view > ul > li > div.text-aria {flex:3;padding: 3rem 0;text-align:left;}
#counsel .online-consult-view .btn_write {
	position: absolute;
	right: 0;
	top: 10px;
	max-width: 20%;
}
#counsel .online-consult-view .btn_write a {
	border: 1px solid #000;
	border-radius: 4px;
	padding: 1rem 2rem;
}

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

#media .media-box {
	display: flex;
	margin-bottom: 3rem;
	background-color: #000;
}
#media .media-box .left {
	flex:4;
	color: #fff;
	text-align: right;
	margin: 5rem 1rem;
}
#media .media-box .left h4 {
	font-weight: 700;
	font-size: 2rem;
	color: #f00;
	margin-bottom: 2rem;
}
#media .media-box .left h5 {
	font-size: 1.3rem;
	font-weight: 300;
	margin-bottom: 2rem;
}
#media .media-box .left h6 {
	position: relative;
	font-weight: 800;
	font-size: 3rem;
	margin-bottom: 5rem;
}
#media .media-box .left h6:after {
	position: absolute;
	top: 5rem;
	right: 0;
	content:'';
	background-color: #fff;
	width: 50px;
	height: 1px;
}
#media .media-box .left p {
	font-weight: 300;
	font-size: 1.3rem;
	line-height: 1.7rem;
	margin-bottom: 5rem;
}
#media .media-box .right {
	flex:6;
	margin: 3rem 3rem 3rem 1rem;
}
#media .media-box .right iframe {
	width: 100%;
	min-height: 31.5rem;
	margin-bottom: 1rem;
}
#media .swiper-pagination-box {
	position: relative;
	margin-bottom: 10rem;
	display: flex;
	justify-content: center;
}
#media .swiper-pagination-box .swiper-pagination-bullet {
   width: 32px;
   height: 32px;
   text-align: center;
   line-height: 24px;
   font-size: 16px;
   color: #B2B5BE;
   opacity: 1;
   background: transparent;
   display: flex;
   border-radius: 50%;
   cursor: pointer;
   justify-content: center;
   align-items: center;
 }
 #media .swiper-pagination-box .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#dfdfdf;
	 color:#19224C;
 }

/*************** pager *****************/
.pager {
	text-align: center;
	margin-top: 5%;
	margin-bottom: 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: #80bcbb;
	border-radius: 100%;
	color: #fff;
}
.pager .prev {background: url('/img/common/pager_prev.png') no-repeat;background-size: 100% 100%;text-indent: -999999px;}
.pager .next {background: url('/img/common/pager_next.png') no-repeat;background-size: 100% 100%;text-indent: -999999px;}


footer {
	width: 100%;
	max-width: 2000px;
	background: #2e2e2e;
	color: #fff;
}
footer .inner {
	max-width: 1559px;
	margin: 0 auto;
	padding: 6rem 0;
}
footer .inner .row1 {
	display: flex;
	padding-bottom: 2rem;
	border-bottom: 1px solid #bfbfbf;
}
footer .inner .row1 a {
	color: #fff;
	font-size: 1.5rem;
	font-weight: 600;
}
footer .inner .row1 i {
	display: block;
	width: 2px;
	background: #fff;
	margin: 0 25px;
}
footer .inner .row2 { display: flex; justify-content: space-between; padding: 80px 0; }
footer .inner .row2 .map { width: 50%; }
footer .inner .row2 .map iframe { width: 100%; max-width: 745px; height: 376px; }
footer .inner .row2 .map p {
	width: 100%;
	max-width: 745px;
	padding: 1rem;
	box-sizing: border-box;
	margin-top: -7px;
	background: #80bcbb;
	font-size: 1.3rem;
	text-align: center;
	font-weight: 600;
}
footer .inner .row2 .info {
	width: 50%;
	display: flex;
	padding-left: 1rem;
	font-size: 1.3rem;
	align-items:center;
}
footer .inner .row2 .info > div { width: 50%; }
footer .inner .row2 .info > div:first-child { margin-right: 4rem; }
footer .inner .row2 .info h3 {
	color: #80bcbb;
	padding: .5rem 0;
	border-radius: 25px;
	border: 1px solid #80bcbb;
	text-align: center;
	margin-bottom: 35px;
	font-size: 1.4rem;
}
footer .inner .row2 .info ul li {
	margin-bottom: 2rem;
	padding-left: 1rem;
}
footer .inner .row2 .info ul li:last-child { margin-bottom: 0; }
footer .inner .row3 {font-size: 1rem;}
footer .inner .row3 .address {
	display: flex;
	justify-content: center;
	font-weight: 600;
}
footer .inner .row3 ul { display: flex; justify-content: center; }
footer .inner .row3 ul li {margin: 0 10px;  }
footer .inner .row3 ul li i.bar-pc { display: inline-block; width: 1px; height: 10px; background: #fff; margin: 0 10px; }
footer .inner .row3 p { text-align: center; margin-top: 30px;  }
footer .inner .row3 .address>span { margin-left: 20px; }



/**************** 1500 ****************/
@media (max-width: 1500px) {
	html{font-size: 13px;}
	header .bar-wrap .member-link, header .bar-wrap .icon-wrap {flex:20}
	header nav ul.main-menu > li .sub-nav-bx {top:95%}
	.container, .container2 {width:100%;padding:0 15px;}

	footer .inner {padding: 6rem 3rem;}
}

@media (max-width: 1200px) {
	html{font-size: 12px;}
	#media .media-box {flex-direction:column}
	#media .media-box .left {margin-right: 5rem;margin-bottom: 3rem;}
	#media .media-box .left p {margin-bottom: 0;}
	#media .media-box .right {margin: 1rem;}
}

@media (max-width: 1000px) { 
	header .bar-wrap .member-link {flex:10;}

	header nav {margin-top: 4rem;}
	header nav ul.main-menu > li a { font-size: 18px; }
	header nav ul.main-menu > li.logo { width: 5rem;margin-top: -2rem;}

	footer .inner .row1 {  border-bottom: 0;}
	footer .inner .row2 { display: block; padding: 20px 0; }
	footer .inner .row2 .map { width: 100%; }
	footer .inner .row2 .map iframe { display: block; width: 100%; max-width: 745px; height: 285px; margin: 0 auto; }
	footer .inner .row2 .info {
		width: 100%;
		display: flex;
		font-size: 1rem;
		padding: 0 0 4rem;
		border-bottom: 1px solid #fff;
		margin-top: 3rem;
		margin-bottom: 3rem;
		box-sizing: border-box;
	}
    footer .inner .row2 .map p { font-size: 1.2rem; margin: 0 auto; }
    footer .inner .row3 ul li:nth-child(2) { margin: 0 10px 0 0;  }
	footer .inner .row3 .address { display: block; }
	footer .inner .row3 .address .bar-mo { display: inline-block; width: 1px; height: 10px; background-color: #fff; margin-right: 10px; }
	footer .inner .row3 .address>span { text-align: center; display: block; margin-top: 10px; }
	footer .inner .row3 p {
		text-align: center;
		margin-top: 10px;
		font-weight: 200;
		font-size: 13px;
	}
}

@media (max-width: 768px) {
	html {font-size: 11px;}
	header .bar-wrap .icon-wrap {display: none;}
	.containerWrap {padding: 2rem 1rem;}

	.row {margin: 3rem auto;}
	.pc_none {display: block !important; width: inherit;} 
	.pc_none_flex {display: flex !important; width: inherit;} 
	.mo_none {display: none !important;}
	.mo_none_flex {display: none !important;}

	#privacy-contents {
		right: 0px;
		left: 0px;
		max-width: 90%;
		margin: 0px 5%;
	}
	#alert-layer {
		max-width: 90%;
		margin-left: auto;
		margin-right: auto;
		width: auto;
		left: 0;
		right: 0;
	}

	/* chatbot */
		#chatbot {
		  display: block;
		  position: fixed;
		  bottom: 28vw;
		  right: 20px;
		  z-index: 2005;
		  font-size: 13.785px; 
		  font-weight: normal;
		}
		 
		.chatbot_inner_menu {
		  display: -webkit-box;
		  display: -ms-flexbox;
		  display: flex; 
		  display: flex; 
		  -ms-flex-wrap: wrap;
		  flex-wrap: wrap;
		  -webkit-box-orient: vertical;
		  -webkit-box-direction: normal;
		  -ms-flex-direction: column;
		  flex-direction: column;
		  text-align: right;
		}

		.chatbot_button .button--icon::before {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  content: "";
		  display: inline-block;
		  width: 40px;
		  height: 40px;
		  background-size: contain;
		  background-repeat: no-repeat;
		  -webkit-transform: translate3d(-50%, -50%, 0);
		  transform: translate3d(-50%, -50%, 0);
		}

		.chatbot_button.is_talk .button--icon::before {
		  background-image: url("/img/common/chat_icon1.png?v=2");
		}
		.chatbot_button.is-youtube .button--icon::before {
		  background-image: url("/img/common/chat_icon2.png");
		}
		.chatbot_button.is-insta .button--icon::before {
		  background-image: url(/img/common/chat_icon3.png);
		}
		.chatbot_button.is-blog .button--icon::before {
		  background-image: url(/img/common/chat_icon4.png);
		}
		.chatbot_button.is-tiktok .button--icon::before {
		  background-image: url(/img/common/chat_icon5.png);
		}

		.chatbot_button:nth-of-type(1) {
		  -webkit-transform: translate3d(0, 0%, 0);
		  transform: translate3d(0, 0%, 0);
		}

		.chatbot_button:nth-of-type(1) .button--icon::before {
		  background-position: 100% 0;
		}

		.chatbot_button:nth-of-type(3) .button--icon::before {
		  background-position: 50% 0;
		}

		.chatbot_button:nth-of-type(2) {
		  -webkit-transform: translate3d(0, 0%, 0);
				  transform: translate3d(0, 0%, 0);
		}

		.chatbot_button:nth-of-type(3) {
		  -webkit-transform: translate3d(0, 0%, 0);
				  transform: translate3d(0, 0%, 0);
		}

		.chatbot_wrap .chatbot_button {
		  display: block;
		  padding-top: 10px;
		}

		.chatbot_wrap .chatbot_button {
		  opacity: 0;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(0) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 0ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(1) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 40ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(2) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 80ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(3) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 120ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(4) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 160ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(5) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(6) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 240ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(7) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 280ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(8) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 320ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(9) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 360ms;
		}

		.chatbot_wrap .chatbot_button:nth-of-type(10) {
		  -webkit-transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;
		  transition: opacity 400ms ease 250ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;
		  transition: opacity 400ms ease 250ms, transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms, -webkit-transform 380ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;
		}

		.chatbot_wrap .chatbot_button .button--title {
		  opacity: 0;
		  cursor: pointer;
		  -webkit-transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;
		  transition: opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;
		  transition: transform 0ms ease 300ms, opacity 300ms ease 0ms;
		  transition: transform 0ms ease 300ms, opacity 300ms ease 0ms, -webkit-transform 0ms ease 300ms;
		}

		.chatbot_wrap.is-active .chatbot_button_wrap {
		  height: auto;
		  pointer-events: fill;
		}

		.chatbot_wrap.is-active .chatbot_button {
		  -webkit-transform: translate3d(0, 0, 0);
				  transform: translate3d(0, 0, 0);
		  opacity: 1;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(0) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 0ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(1) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 40ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(2) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 80ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(3) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 120ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(4) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 160ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(5) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 200ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(6) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 240ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(7) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 280ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(8) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 320ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(9) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 360ms;
		}

		.chatbot_wrap.is-active .chatbot_button:nth-of-type(10) {
		  -webkit-transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;
		  transition: -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;
		  transition: transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms, -webkit-transform 380ms cubic-bezier(0.645, 0.045, 0.355, 1) 400ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title {
		  -webkit-transform: translate3d(0, 0, 0);
		  transform: translate3d(0, 0, 0);
		  opacity: 1;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(0) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 250ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(1) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 300ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(2) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 350ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(3) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 400ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(4) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 450ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(5) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 500ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(6) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 550ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(7) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 600ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(8) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 650ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(9) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 700ms;
		}

		.chatbot_wrap.is-active .chatbot_button .button--title:nth-of-type(10) {
		  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
		  transition: -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
		  transition: transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms, -webkit-transform 280ms cubic-bezier(0.215, 0.61, 0.355, 1) 750ms;
		}

		.chatbot_wrap.is-active .chatbot_tooltip_area .chatbot_button_icon #fittingbot__emoji {
			display: none;
		}

		.chatbot_button .button--title {
		  display: inline-block;
		  padding-right:15px;
		  color: #fff;
		  line-height: 50px;
		  vertical-align: top;
		  -webkit-transform: translate3d(0, 100%, 0);
		  transform: translate3d(0, 100%, 0);
		}

		.chatbot_button .title_wrap {
		  position: relative;
		  display: inline-block;
		  overflow: hidden;
		  vertical-align: top;
		}

		.chatbot_button .button--icon {
		  position: relative;
		  display: inline-block;
		  width: 50px;
		  height: 50px;
		  border-radius: 50%;
		  background: #fff;
		  cursor: pointer;
		}

		.chatbot_tooltip_area {
		  position: relative;
		  display: block;
		  margin: 10px 0 0 auto;
		  width: 50px;
		  height: 50px;
		  border-radius: 50%;
		}

		.chatbot_tooltip_area .chatbot_button_icon {
		  position: absolute;
		  top: 0;
		  right: 0;
		  width: 50px;
		  height: 50px;
		}


		@-webkit-keyframes scaleYAni {
		  0% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
		  }
		  100% {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		  }
		}

		@keyframes scaleYAni {
		  0% {
			-webkit-transform: scaleY(0);
			transform: scaleY(0);
		  }
		  100% {
			-webkit-transform: scaleY(1);
			transform: scaleY(1);
		  }
		}

		.chatbot_tooltip_area .chatbot_button_icon #fittingbot__emoji  {
			z-index: 1;
			position: relative;
		}
		.chatbot_tooltip_area .chatbot_button_icon #fittingbot__emoji img {width: 100%;}

		@-webkit-keyframes scaleAnim {
		  0% {
			-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
					transform: translate3d(-50%, -50%, 0) scale(0);
		  }
		  100% {
			-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
					transform: translate3d(-50%, -50%, 0) scale(1);
		  }
		}

		@keyframes scaleAnim {
		  0% {
			-webkit-transform: translate3d(-50%, -50%, 0) scale(0);
					transform: translate3d(-50%, -50%, 0) scale(0);
		  }
		  100% {
			-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
					transform: translate3d(-50%, -50%, 0) scale(1);
		  }
		}

		.chatbot_tooltip_area .chatbot--bg {
		  position: absolute;
		  width: 50px;
		  height: 50px;
		  top: 0;
		  right: 0;
		  background: #60d4cd;
		  border-radius: 25px;
		  -webkit-box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.16);
		  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.16);
		  -webkit-transition: width 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
		  transition: width 400ms cubic-bezier(0.215, 0.61, 0.355, 1) 0ms;
		}

		.chatbot_tooltip_area.is-active .chatbot--bg {
		  width: 200px;
		  -webkit-transition: width 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
		  transition: width 500ms cubic-bezier(0.215, 0.61, 0.355, 1);
		}

		.chatbot_button_wrap {
		  position: absolute;
		  width: 400px;
		  right: 0;
		  bottom: 60px;
		  pointer-events: none;
		}

		.fittingbot_button_close {
		  position: absolute;
		  top: 0;
		  left: 0;
		  width: 50px;
		  height: 50px;
		  opacity: 0;
		  -webkit-transform: rotate(-135deg);
		  transform: rotate(-135deg);
		  -webkit-transition: opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
		  transition: opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
		  transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0ms ease 500ms;
		  transition: transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19), opacity 0ms ease 500ms, -webkit-transform 500ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
		}

		.fittingbot_button_close span {
		  position: absolute;
		  display: inline-block;
		  top: 50%;
		  left: 50%;
		  width: 14px;
		  height: 2px;
		  background-color: #fff;
		}

		.fittingbot_button_close span:nth-of-type(1) {
		  -webkit-transform: translate(-50%, -50%) rotate(45deg);
		  transform: translate(-50%, -50%) rotate(45deg);
		}

		.fittingbot_button_close span:nth-of-type(2) {
		  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
		  transform: translate(-50%, -50%) rotate(-45deg);
		}

		.chatbot_wrap.is-active .fittingbot_button_close {
		  -webkit-transform: rotate(0deg);
		  transform: rotate(0deg);
		  -webkit-transition: -webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms;
		  transition: -webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms;
		  transition: transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms;
		  transition: transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms, -webkit-transform 330ms cubic-bezier(0.215, 0.61, 0.355, 1) 150ms;
		  opacity: 1;
		}

		.is-common-dimd {
		  position: fixed;
		  height: 100%;
		  background: rgba(0, 0, 0, 0.6);
		  width: 100%;
		  top: 0;
		  left: 0;
		  z-index: 2002;
		  opacity: 0;
		  pointer-events: none;
		  -webkit-transition: opacity 400ms ease 0ms;
		  transition: opacity 400ms ease 0ms;
		}

		.is-common-dimd.is-active {
		  opacity: 1;
		  -webkit-transition: opacity 400ms ease 0ms;
		  transition: opacity 400ms ease 0ms;
		  pointer-events: fill;
		  z-index: 2004;
		}
	/* chatbot end */

	/* 모바일 하단 상담문의 start */
		#bottom_consult {
			display: block;
			height : 23.31vw;
			background-color: #fffc;
			position : fixed;
			left : 0;
			bottom : 0;
			width : 100%;
			padding : 1.95vw;
			z-index : 10;
		}
		#bottom_consult .input-form-wrap > div{
			display : flex;
			justify-content: space-between;
		}
		#bottom_consult input[name='sBottomName']{
			width: 26.04vw;
			border-radius: 7.16vw;
			height: 7.16vw;
			border : 1px solid #80bcbb;
			color : #999999;
			font-size : 2.99vw;
			padding-left : 2.60vw;
			background-color: #fff;
		}
		#bottom_consult input[name='sBottomPhone']{
			width : 41.01vw;
			border-radius: 7.16vw;
			height: 7.16vw;
			border : 1px solid #80bcbb;
			color : #999999;
			font-size : 2.99vw;
			padding-left : 2.60vw;
			background-color: #fff;
		}
		#bottom_consult input[type="checkbox"]:checked + label::before, 
		#bottom_consult input[type="checkbox"]:checked + label::after,
		#bottom_consult input[type="radio"]:checked + label::before{
			background-image: url('/img/common/check.png');
			background-size: 100%;
			background-repeat: no-repeat;
			background-position: center;
		}
		#bottom_consult select{
			width : 26.5625vw;
			border-radius: 7.16vw;
			height: 7.16vw;
			border : 1px solid #80bcbb;
			color : #999999;
			font-size : 2.99vw;
			padding-left : 2.60vw;
			background-color : #fff;
			background-image: url('/img/common/arr-down.png');
			background-repeat: no-repeat;
			background-position: right 2vw center;
			background-size : 2.08vw 1.82vw;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label .more-detail{
			color : #242424;
			margin-left: 1.17vw;
			cursor: pointer;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap:first-child{
			margin : 0;
			margin-top : 2.60vw;
			width : 100%;
		}
		#bottom_consult .btn-submit{
			width : 27.86vw;
			height : 7.03vw;
			color : #fff;
			font-size : 3.515625vw;
			font-weight: 600;
			border-radius: 7.03vw;
			background-color : #80bcbb;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label[for='bottom-privacy-agree']:before {margin-right : 1.30vw;}
		#bottom_consult .checkbox-form-wrap .input-wrap label:before{margin-right : 0.78vw;}
		#bottom_consult .checkbox-form-wrap .input-wrap label[for='bottom-privacy-agree']{
			font-size : 2.21vw;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label{
			font-size : 2.7vw;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label:before{
			width: 3.25vw;
			height: 3.25vw;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label {letter-spacing : -1px;}
		#bottom_consult .checkbox-form-wrap .input-wrap input {
			display: none;
			border: 0;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label:before {
			content: '';
			display: block;
			background-color: #fff;
			border: 1px solid #695c5c;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label{
			display : flex;
			align-items: center;
		}
		#bottom_consult .checkbox-form-wrap .input-wrap label .more-detail{
			text-decoration: underline;
			width: auto;
			height: auto;
		}
	/* 모바일 하단 상담문의 end */

	header nav {
		position: relative;
		display: flex;
		justify-content: center;
		max-width: 2000px;
		padding: 17% 0;
		margin-top: 0;
		box-sizing: border-box;
		z-index: 3;
	}	
	header nav ul.main-menu { display: none; }
	header .menu-mo { display: block; padding-top: 0; transition: all .3s; }
	header .menu-mo .btn-left { flex:34 }
	header .menu-mo .btn-left img { width: 100%; }
	header .menu-mo .btn-left .btn-menu { width: 4.5rem; }
	header .menu-mo .logo-mo { flex:22 }
	header .menu-mo .btn-right {flex:34; text-align:right;}
	header .menu-mo .btn-right a {display: inline-block;}
	header .menu-mo .btn-right .btn-phone { width: 2.7rem; }
	header .menu-mo .btn-right .btn-kakao { width: 3.6rem; }
	header .menu-mo .btn-right img { width: 100%; }

	header .bar-wrap { padding: 0; background: none;}
	header .bar-wrap .member-link { display: none; }
	header .bar-wrap .lolling-wrap { position: relative; z-index: 0; width: 100%; padding: 0; background: none;}

	#counselFrm table th {padding: 0.5rem 0.5rem 0.5rem 0.5rem;}
	#counselFrm table tr {border-bottom: 0;}
	#counselFrm input, #counselFrm select {width:60%}
	#counselFrm select.datepicker {width: 40%;}

	#floating_right {
		left: -4px;
		bottom: 120px;
		z-index: 2;
	}
	#floating_right img {max-width:120px}
	footer {padding-bottom: 150px;}
	footer .inner .row2 .info > div:first-child {margin-right: 2rem;}
}

@media (max-width: 600px) {
	html {font-size:10px;}
    header .menu-mo-list .menu-mo-header .btn-close {  width: 18px;}
    header .menu-mo-list .menu-mo-header .btn-close img { display: block; width: 100%; margin: 0 auto;  }
    header .menu-mo-list .main-menu-mo > li > a {padding: 24px 0;}
	footer .inner {padding: 55px 2rem;}
	footer .inner .row2 .info { font-size: 1.5rem;}
	footer .inner .row2 .map p { margin: 0 auto; }
	footer .inner .row2 .info > div {width: 100%;	}
	footer .inner .row2 .info h3 {font-size: 1.5rem;margin-bottom: 20px;	}
	footer .inner .row2 .info ul li {font-size: 1.2rem;margin-bottom: 15px;}
    footer .inner .row3 { font-size: 1.5rem;}
    footer .inner .row3 ul { display: block;justify-content: center; }
    footer .inner .row3 ul li { text-align: center; margin-bottom: 10px; }
	footer .inner .row3 .address .bar-mo { display: none; }
}