:root {
 — app-height: 100%;
}

html,body {height:100%; min-height:100vh; height: var( --app-height);}
/*해상도에 맞게 폰트 크기 조정

@media (min-width: 1400px) {
  body, html {
    font-size: 0.925vw;
  }
}

@media (min-width: 1600px) {
  body, html {
    font-size: 0.875vw;
  }
}

@media (min-width: 2000px) {
  body, html {
    font-size: 0.775vw;
  }
}
*/


/**스크롤바*/
::-webkit-scrollbar-track {
 -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
 background-color: #F5F5F5;
}

::-webkit-scrollbar {
 width: 10px;
 background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
 background-color: #5d2b93;
 background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.5, transparent), to(transparent));
}

* {margin:0;padding:0;box-sizing:border-box;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none;/*-webkit-overflow-scrolling:touch*/ }
::selection {background:var(--theme-color2);}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { 
/* WebKit browsers */ color:transparent; } 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ color:transparent; } 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { 
/* Mozilla Firefox 19+ */ color:transparent; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { 
/* Internet Explorer 10+ */ color:transparent; 
}
a:before {line-height:0}

:root {
--container:1500px;
--inner:1400px;
--innerN:1000px;
--sec-title:'Paperozi';
--sec-title-light:'Paperozi';
--num-font:'GmarketSansMedium';
--num-font-bold :'GmarketSansBold';
--eng-font:'lato', sans-serif;
--title-font:'Paperozi';
--sub-title-font:'Paperozi';
--sub-title-light:'Paperozi';
--default-font :'Paperozi';
--point-font:'Noto Serif KR';
--point-font2:'Marcellus';
--icon-font:'Linearicons-Free';
--handwriting-font:'ShinDongYupHandwriting-R';
--spacing-narrow-0:-0.08em;
--spacing-narrow-1:-0.1em;
--spacing-narrow:-0.125em;
--spacing-narrow2:-0.08em;
--spacing-wide-1:0.08em;
--margin-s:0.3333rem;
--margin-m:0.6666rem;
--margin-1:1rem;
--margin-2:2rem;
--margin:3rem;
--secgapn:1rem;
--secgap:2rem;
--secgapw:3rem;
--boxpd:1.25rem;
--boxpd2:1.5rem;
--inpd:1.25rem;
--innpd:1.25rem;
--padding-xs:0.333rem;
--padding-s:0.666rem;
--padding-1:1rem;
--padding-2:2rem;
--spacing-0:0;
--spacing-1:1px;
--lineH1 : 1.0;
--lineH-n : 1.2em;
--lineH-w : 1.6em;
--text-r : right;
--text-l : left;
--text-c : center;
--round30 :30px;
--font-weight-3: 300;
--font-weight-4: 400;
--font-weight-5: 500;
--font-weight-6: 600;
--font-weight-7: 700;
--font-weight-8: 800;
--font-weight-9: 900;
--text-2xs: 0.5rem;
--text-xs: 0.75rem;
--text-s: 0.825rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 2rem;
--text-4xl: 2.5rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
--line-color-1:#eee;
--line-color-3:#333;
--font-color-1:#111;
--color-0:#000;
--color-1:#111;
--color-3:#333;
--color-5:#555;
--color-6:#666;
--color-9:#999;
--color-c:#ccc;
--color-f5:#f5f5f5;
--color-f7:#f7f7f7;
--color-e5:#e5e5e5;
--color-w:#fff;
--point-color1:#193d9f;
--point-color2:#703599;
--point-color3:#de2376;
--point-color4:#069be7;
--base-color1:#131419;
--base-color2:#404445;
--bg-color1:#333399;
--bg-color2:#f3fff4;
--bg-color3:#372697;
--bg-color4:#000073;
--box-color1:#333399;
--box-shadow: #20212447;
--line-color1:#e5ffd8;
--line-color2:#fffcce;
--event-color:#f5eee6;
--swiper-theme-color:#fb8270;
--swiper-navigation-color:#ab844c;
--theme-color:#293660;
--theme-color2:#fac500;
--theme-color3:#FF008C;
--theme-color4:#664297;
--theme-color5:#A900FF;
--bg-color-f7: #f7f7f7;
--event-bg-color: #f5eee6;
--mdc-fab-container-shape: 50%;
--radius20:20px;

}



@media all and (min-width:1200px) {
	:root {
		--margin-1:1.5rem;
		--margin-2:3.5rem;
		--margin:4rem;
		--padding-s:1rem;
		--padding-1:2rem;
		--padding-2:2.25rem;
		--boxpd:2.0rem;
		--boxpd2:2.5rem;
		--inpd:1.5rem;
		--innpd:1.225rem;
		--secgap:3rem;
		--secgapn:2rem;
		--secgapw:5rem;


	}
}


@media all and (min-width:1400px) {
	:root {
		--boxpd:2.5rem;
		--padding2:2.825rem;
		--secgap:6rem;
		--secgapw:5rem;
		--inpd:1.725rem;
		--innpd:1.375rem;
	}
}

@media all and (min-width:2000px) {
	:root {
		--secgapw:8rem;
	}
}


/**Typeo CSS End**/
:root {
 --default-fm: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 --title-fm:'oneMobile-Bold';
 --base-fm:'oneMobile-Regular';
 --small-size:0.825rem;
 --base-size: 1rem;
 --title-size: 2rem;
 --base-clr: #333;
 --white-clr: #ffffff;
 --bkack-clr: #000000;
 --bdr-clr: #d8d8d8;
 --theme-clr: #064487;
 --theme-clr2: #f15b41;
 --bg-clr: #f5f5f5;
 --point-clr : #f15b41;
}

[href]:focus{text-decoration:none; outline: 0px dashed #ccc}
[href^='tel']{text-decoration:none !important; color:var(--color-0); cursor:default;}
a[href="tel"] {color:inherit !important; text-decoration:none;}

/* 주석해제시 체크박스 사라짐, 수정요함.
.formBox input,.formBox select {-webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none; border:none;}
.formBox textarea:focus, .formBox input:focus{ border:none; outline: none !important; appearance: none;-webkit-appearance: none; -moz-appearance:none;}
*/
input[type="submit"]{-webkit-appearance: none; -webkit-border-radius:0}
/* Webkit */
input::-webkit-input-placeholder {color: #666; font-size:13px}
/* Firefox 4-18 */
input:-moz-placeholder {color: #666; font-size:13px}
/* Firefox 19+ */
input::-moz-placeholder {color: #666; font-size:13px}
/* IE10+ */
input:-ms-input-placeholder {color: #666; font-size:13px}
/* 포커스시 placeholder텍스트 사라지게 */
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color:transparent; } input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:transparent; } input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color:transparent; } input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color:transparent; }
a:before {line-height:0}
body, html{font-family: 'Paperozi','Pretendard','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif; font-size:16px; font-weight:400; letter-spacing:-0.045em;}
/* common reset */
div,span,object,h1,h2,h3,h4,h5,h6,p,a,abbr,address,cite,em,img,strong,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,section,summary,audio,video
{margin:0;padding:0;border:0;font-size:100%;/*font:inherit;*/vertical-align:baseline;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%}table{border-collapse:collapse;border-spacing:0}
img{max-width:100%;border:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
strong {font-weight:normal;}
ol,ul{list-style:none}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
ol,ul,li{list-style:none}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
abbr,acronym{border:0}
hr{display:none;clear:both}
legend,caption{visibility:hidden;overflow:hidden;position:absolute;width:0;height:0;margin:0;padding:0;line-height:0; display:none; letter-spacing:-9999px}
img,fieldset{border:0 none}
label{cursor:pointer}
a{color:#666}
a:link,a:visited{text-decoration:none}
a:hover,a:active{text-decoration:none;}
select{height:22px}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
acronym,abbr{cursor:help}abbr[title]{border-bottom:1px dotted}
ul,ol{list-style:none;list-style-image:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
label,select,input,button{vertical-align:middle}button{border:0;cursor:pointer}
button,input,select,textarea{margin:0;font-size:100%;vertical-align:baseline;vertical-align:middle}
button,input{overflow:visible;line-height:normal}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
button,html input[type="button"],input[type="reset"],input[type="submit"]{overflow:visible;cursor:pointer;-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
input[type="checkbox"],input[type="radio"]{}
select{margin:0;padding:0;border:1px solid #ccc;box-sizing:border-box;line-height:1}
img{max-width:100%;border:0;vertical-align:top;-ms-interpolation-mode:bicubic}
.block {display:block !important}
.nowrap {white-space: nowrap !important;}

/*  Form and Button  */

form{margin:0;}
fieldset{margin-left:0;margin-right:0;padding:0;}
legend { position: absolute !important;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden; color:#fff}
.blind { position: absolute !important;left: -9999px;width: 1px;height: 1px;font-size: 0;line-height: 0;overflow: hidden;}


input[type='text'],input[type='password'],input[type='file'],input[type='date'],input[type='datetime-local'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],
textarea,
[action] textarea{ /*  */
	-webkit-border-radius:4px;-webkit-appearance:none;
	padding:0 .2em;
	border:1px solid #bbb;
	background-color:#fcfcfc;
}


.container:before, .container:after{content:'';/* display:table; *//* clear:both; */}
	
.clearfix{/* min-height:0; */} 
.clearfix:before,
.clearfix:after{content:'';display:table;} /* [IE8+] */
.clearfix:after{clear:both;}


.nowrap {white-space: nowrap !important;}
/*제목*/
.pointFontB {font-family:var(--point-font-B)!important}
.pointFontR {font-family:var(--point-font-R)!important}
.sub-title {font-family:var(--sec-title)}
.titW {margin-bottom:2em; text-align:center}
.heading{
	font-family:var(--title-font);
	font-weight:var(--font-weight-8);
	display:block;
	position:relative;
	min-height:0;
	padding:0;
	line-height:1.2;
	/*letter-spacing:-.071em;*/
	margin-bottom:var(--margin-1)
}
.heading.h1{font-size:2.250em !important;} /* =36/16 */
.heading.h2{font-size:2.000em !important;} /* =32/16  */
.heading.h3{font-size:1.625em !important;} /* =28/16  */
.heading.h4{font-size:1.500em !important;} /* =24/16  */
.heading.h5{font-size:1.250em !important;} /* =20/16  */
.heading.h6{font-size:1.125em !important;} 
.hdicon {position:relative; display:inline-block}
.hdicon:before {
	content:"";
	display:block;
	background-image:url(/images/common/heart.svg);
	background-repeat:no-repeat;
	width:1.25rem;
	height:1.25rem;
	position:absolute;
	left:50%;
	top:0;
	transform:translate(-50%,-80%);
}
.hline {position: relative; padding-left:10px}
.hline:before {position:absolute; top:50%; left:0; transform: translateY(-50%); display: block; content: ""; width: 4px; height: 50%;background: #517fd7; z-index: 10;}
.h3line {text-align:center}
.h3line:after {display: block; content: "";  position: relative; width:20px; height:25px; transform:skewX(-50deg); background: #517fd7;   margin: 0.825em auto; z-index: 10;}

.bhline:before {display: block; content: "";  position: relative; width:20px; height:25px; transform:skewX(-50deg); background: #517fd7;   margin: 0.825em auto; z-index: 10;}
.hcircle {position:relative; padding-left:18px; font-size:1.125rem; line-height:var(--lineH-n)!important; font-weight: var(--font-weight-5);}
.hcircle:before {display: block; content: "";  position: absolute; left: 0; top:2px; transform:translate(0,50%);  width:10px; height:10px; border:5px solid var(--point-color1); border-radius:100%;}
.underLN,.cani_underLine{position:relative; display:inline-block; z-index:1}
.underLN:before,.cani_underLine:before{
	content: '';
    display: block;
	width:100%; 
    height: 50%;
    background-color: rgba(255,255,51,0.4);
	position:absolute;
	z-index:-1;
	bottom:2px;
	left:0
	}
.underLN span,.underLN em{position:relative;}
.underLN.lineC1:before {background-color:var(--line-color1);}
.underLN.lineC2:before {background-color:var(--line-color2);}
#contents>.inCntBox>.CntTit>h3>span {position:relative}


.TIcon {position:relative; padding-left:2rem}
.TIcon:before{
	content: '';
    position: absolute;
    top:0;
	left:0;
    width: 1.25rem;
    height: 1.25rem;
	background-color:var(--theme-color);
	}
.TIcon:after{
	content: '';
    position: absolute;
    top: 0.25rem;
	left:0.25rem;
    width:0.75rem;
    height:0.75rem;
	background-color:var(--color-w);
	}
.textLink {
	position:relative;
	display:inline-block;
	font-weight:var(--font-weight-8);
	color:var(--font-color-3);
	padding-bottom:0.222rem

}
.textLink:hover {color:var(--point-color2)}
.-underline:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
  background-color: var(--color-3);
  transition: transform 300ms cubic-bezier(0.77, 0, 0.175, 1);
  transform-origin: left;
  transform: scaleX(0);
}
.-underline:hover:before {
  transform: scaleX(1);
}

.-underline.Color2:before{background-color: var(--point-color2);}
/*정렬*/
.vm {vertical-align:middle;}
.fRight {float:right;}
.alignLeft,.alignL {text-align:left !important}
.alignRight,.alignR {text-align:right !important}
.alignCenter {text-align:center !important}
.lineH-n {line-height:var(--lineH-n)}
.lineH-w {line-height:var(--lineH-w)}

/*텍스트*/
.title-font {font-family:var(--title-font)!important;}
.sub-title-font {font-family:var(--sub-title-font)!important;}
.num-font {font-family:var(--num-font)!important;}
.num-font-bold {font-family:var(--num-font-bold)!important;}
.default-font {font-family:var(--default-font)!important;}
.point-font-B {font-family:var(--point-font-B)!important;}
.point-font-R {font-family:var(--point-font-R)!important;}

.subTit {
	font-family:var(--sub-title-font); 
	font-size:var(--text-2xl); 
	font-weight:var(--font-weight-7);
	margin-bottom:var(--margin-buttom-1)
}

.subSTit {
	font-family:var(--sub-title-font); 
	font-size:var(--text-xl); 
	font-weight:var(--font-weight-7);
	margin-bottom:var(--margin-buttom-1)
}

.iconTit {position:relative; padding-left:1.8rem; margin-bottom:var(--padding-xs)}
.iconTit:before {
	content:"";
	background-repeat:no-repeat;
	position: absolute;
    top: 50%;
	left:4px;
    width: 1.5rem;
    height: 1.5rem;
	transform:translate(0, -50%)
	

}

.icon1:before {background-image:url(/images/contents/titIcon1.svg);}
.icon2:before {background-image:url(/images/contents/titIcon2.svg);}
.icon3:before {background-image:url(/images/contents/titIcon3.svg);}
.car:before {background-image:url(/images/common/car2_wght200.svg);}

/*아이콘 인라인 텍스트*/
.icontext {display:flex; align-items:center; gap:0.333rem}
.icontext:before{
	content:"예상소요시간";
	display:block;
	width:60px;
	height:1rem;
	background-repeat:no-repeat;
	background-size: contain;
	padding-left:1rem;
}

.distance:before {background-image:url("/images/common/distance_wght200.svg")}


@media all and (min-width:1200px) {
	.heading.h1{font-size:2.5em !important;}
	.heading.h3{font-size:1.825em !important;} /* =28/16  */
	.iconTit{padding-left:5rem}
	.iconTit:before {width:4rem; height:4rem;}
}
.text-xs {
  font-size: var(--text-xs)!important;
}
.text-sm {
  font-size: var(--text-sm)!important;
}
.text-base {
  font-size: var(--text-base)!important;
}
.text-lg {
  font-size: var(--text-lg)!important;
}
.text-xl {
  font-size: var(--text-xl)!important;
}
.text-2xl {
  font-size: var(--text-2xl)!important;
}
.text-3xl {
  font-size: var(--text-3xl)!important;
}
.text-4xl {
  font-size: var(--text-4xl)!important;
}
.text-5xl {
  font-size: var(--text-5xl)!important;
}
.text-6xl {
  font-size: var(--text-6xl)!important;
}
.color-w {color:var(--color-w)!important}
.color-9 {color:var(--color-9)!important}
.color-6 {color:var(--color-6)!important}
.pcolor{color:var(--point-color)!important}
.pcolor-1{color:var(--point-color1)!important}
.pcolor-2{color:var(--point-color2)!important}
.pcolor-3{color:var(--point-color3)!important}
.pcolor-4{color:var(--point-color4)!important}
.text-c {text-align:var(--text-c)}
.text-l {text-align:var(--text-l)}
.text-r {text-align:var(--text-r)}
.lineH1 {line-height:var(--lineH1)}

/*마진패딩*/
.theumTit {margin:var(--margin-1) 0}
.mT {margin-top:var(--margin-1)!important}
.mLxs {margin-left:var(--margin-s)!important}
.mB {margin-bottom:var(--margin-1)!important}
.pB {padding-bottom:var(--margin-1)!important}
.secgap {margin:var(--secgap) 0!important}
.insecgap {margin:var(--secgap)!important}
.boxpd {padding:var(--boxpd)!important}
.boxpd2 {padding:var(--boxpd2)!important}
.boxpds {padding:var(--padding-s)!important}
.secmT {margin-top:var(--secgap)!important}
.secmB {margin-bottom:var(--secgap)!important}
.secpB {padding-bottom:var(--secgap)!important}
.secpTB {padding:var(--secgap) 0}
.secmTB {margin:var(--secgap) 0!important}
.mT10 {margin-top:10px !important;}
.mT1em {margin-top:1rem}
.mBxs {margin-bottom:0.333rem}
.mBms {margin-bottom:0.666rem}
.mB1em {margin-bottom:1rem}
.pd0 {padding:0 !important;}
.pA10 {padding:10px !important;}
.inpd {padding:var(--inpd)!important}
.ver_pc {display:none !important}
.ver_mobile {display:block !important}


/*넓이*/
.w100 {width:100% !important;}
.h100 {height:100vh !important;}

/*굵기*/
.fw4 {font-weight:var(--font-weight-4)!important}
.fw5 {font-weight:var(--font-weight-5)!important}
.fw6 {font-weight:var(--font-weight-6)!important}
.fw7 {font-weight:var(--font-weight-7)!important}
.fw8 {font-weight:var(--font-weight-8)!important}
/*준비중*/
.ready {
	display: flex;
	flex-direction: column;
	justify-content:center; 
	align-items: center; 
	width: 100%; 
	min-height:500px;
	text-align:center;
	padding:var(--secgapw);
}
.ready:before {
	content:""; 
	width:4rem;
	height:4rem;
	background-image:url(/images/common/update.svg);
	background-repeat:no-repeat;
	background-size:cover;
	display:block; 
	font-size:3rem; 
	color:#eee;
	opacity:0.3
}
.ready:after {content:"준비중 입니다."; display:block; color:#666}
.ready.bbs:after {content:"게시판 들어갑니다"}

@media all and (min-width:1200px) {
.ready:before {font-size:5rem}
.hdicon:before {width: 2.5rem; height: 2.5rem;}
}

/*border top*/
.fullSec {
	padding:var(--secgapw);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center bottom;

}
.fullSec h3,.fullSec p {color:#fff; text-shadow: 0 0 6px rgb(0 0 0 / 40%);}
.fullSec p {line-height:var(--lineH-w)}
.fsbg1 {
	background-image:url("/images/common/fullsecBG1.jpg")
}
.topLineBox {
    position: relative;
    display: block;
    padding: 8px;
}

.topLineBox .inCont {
    position: relative;
    background-color: #fff;
    z-index: 2;
    border-radius: 22px;
	padding:var(--boxpd2);
}

.topLineBox .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #dcdcdc;
    overflow: hidden;
    border-radius: 30px;
    z-index: 1;
}

.topLineBox .bg .left {
    float: left;
    width: 15%;
    height: 50px;
    background-color: #fbce00;
}

.topLineBox .bg .right {
    float: left;
    width: 85%;
    height: 50px;
    background-color: #1f3d9f;
}

.box0 {
	position:relative;
	padding:var(--boxpd);
	border:1px solid #d7d7d7;
	border-top:1px solid #4a4a4a;
}

.box1 {
	position:relative;
	padding:var(--boxpd);
	border:0.75rem solid #f5f6f1;
}
.box1:before,.box1:after {
	content:"";
	position:absolute;
	background-color:var(--theme-color2)
}
.box1:before {	
	left:0;
	top:-0.75rem;
	width:18%;
	height:0.75rem;
	
}

.box1:after {
	left:-0.75rem;
	top:-0.75rem;
	width:0.75rem;
	height:20%;

}

.box1 p {color:var(--color-5)}

.boxLColor1:before, .boxLColor1:after {background-color:var(--point-color2)}


[id*='section-linebox-'] .box1:nth-of-type(even):before, [id*='section-linebox-'] .box1:nth-of-type(even):after {
	background-color:var(--point-color2)
}

.msgSec:before {
	content:"“";
	display:block;
	font-family:var(--point-font-B);
	font-size:var(--text-5xl);
	color:var(--color-c);
}
.msgSec>P {font-size:var(--text-xl); line-height:var(--lineH-w)}

.lineBox {position:relative; padding:var(--boxpd); background-color:var(--color-f7)}
.lineBox:before, 
.lineBox:after {
	content:""; 
	display:block; 
	position:absolute; 
	width:100%; 
	height:1px; 
	background-color:var(--color-3)
}
.lineBox:before{
	left:0; 
	top:0;
	background: linear-gradient(to right, #104987,#00a4e3, #93c527);
	height:2px;

}
.lineBox.lcolor-3:before{background:var(--color-3); height:1px;}
.lineBox:after{left:0; bottom:0; height:0}
.lineBColor-9:after{
	background-color:var(--color-9)
}

.inflexBox {display:flex; flex-flow:row wrap;}
.flexBox {
	box-sizing: border-box;
	display:flex; 
	flex-flow:row wrap;
	margin-right:-20px;
	margin-left:-20px;
	margin-top:-1rem;
	margin-bottom:-1rem;
}

.justify-T {justify-content:flex-start !important}
.justify-C {justify-content:center !important}
.justify-SP {justify-content:space-between !important}
.justify-E {justify-content:flex-end !important}
.align-flex-S {align-items:flex-start !important}
.align-flex-C {align-items:center !important}
.gap1 {gap:1rem}
.-column {flex-direction:column;}
.flexBox>[class*='col-'] {
	position:relative; 
	padding-right:20px; 
	padding-left:20px;
	padding-top:1rem;
	padding-bottom:1rem;
}
.flexBox>div>a {color:var(--color-3)}
.flexBox>div>a>h3 {position:relative}
.iconBox {
	position:relative; 
	text-align:left; 
	border:1px solid #ccc; 
	border-radius:0.333rem; 
	padding:2rem 2rem 2rem 3.5rem; 
	overflow:hidden;
	box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.08);
}
.iconBox:before,.iconBox:after {
	content:"";
	position:absolute;
}
.iconBox:before {
	content:"";
	width:2rem;
	height:2rem;
	background-color:var(--color-f7);
	background-image:url("");
	background-repeat:no-repeat;
	background-size:80%;
	background-position:center center;
	border-radius:100%;
	left:1rem;
	top:2rem;
	z-index:-1;

}

.iconBox:after {
	width:100%;
	height:3px;
	left:0; 
	top:0;
	background: linear-gradient(to right, #104987,#00a4e3, #f24f28);
	
}

.iconTime:before{
	background-image:url("/images/common/avg_pace_wght200.svg");
	animation:rotate-center 30s ease-in-out infinite both
}

.iconPrice:before{
	background-image:url("/images/common/credit_wght200.svg");
}

@-webkit-keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate-center {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}


.iconBox p {line-height:1.8}
.iconBox p span {white-space:nowrap}
.boxBG1:after{background-image:url("/images/common/boxBG1.svg")}
.boxBG2:after{background-image:url("/images/common/boxBG2.svg")}
.boxBG3:after{background-image:url("/images/common/boxBG3.svg")}
.colorBox {
	position:relative; 
	padding:var(--boxpd); 
	padding-top:5rem;
	text-align:left;
	border:1px solid var(--color-c);
	overflow:hidden;
	height:100%;
}
.colorBox:before {
	content:"";
	position:absolute;
	z-index:-1;
	left:0;
	top:0;
	width:100%;
	height:4rem;
	background-color:var(--color-3);
}
.colorBox h4 {
	position:absolute;
	width:100%;
	height:4rem;
	font-family:var(--sec-title);
	top:0;
	left:0;
	display:flex; 
	justify-content:center; 
	align-items:center;
	color:var(--color-w)
	
}
.colorBox h4.check {gap:0.333rem}
.colorBox h4.check:before{
	content:"";
	display:inline-block;
	width:36px;
	height:36px;
	background-color:var(--color-w);
	-webkit-mask-image:url(/images/common/check_box_wght200.svg);
	mask-image:url(/images/common/check_box_wght200.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: 0.3s;
	

}
.boxTBColor1 {background-color:var(--theme-color2)}
.boxTBColor2 {background-color:var(--theme-color4)}
.colorBox2 {
	padding:var(--padding-s);
	margin:var(--magin-1)
}

.dlBox {display:inline-block; box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);}
.dlBox dt {font-family:var(--title-font); font-size:var(--text-xl); font-weight:var(--font-weight-7); color:#fff}
.dlBox dt,.dlBox dd{padding:var(--inpd);}
.dlBox dd {font-weight:var(--font-weight-5);}


.dlinfo dt {position:relative; margin-bottom:var(--margin-s); color:var(--color-3)}
.dlinfo dt:before {
	content:"";
	width:1rem;
	height:1rem;
	border-radius:100%;
	background-color:var(--color-f5);
	position:absolute;
	left:0;
	top:50%;
	transform:translate(-20%,-80%);
	z-index:-1;
}
.dlinfo dd {font-family:var(--sub-title-font); font-size:var(--text-xl);margin-bottom:var(--secgapn)}
.theme-color {color:var(--theme-color)}
.theme-color2 {color:var(--theme-color2)}
.theme-color3 {color:var(--theme-color3)}
.theme-color4 {color:var(--theme-color4)}
.theme-color5 {color:var(--theme-color5)}

.bgcolor1 {background:var(--box-color1)}
.bgcolor2 {background:var(--box-color2)}
.bgcolor3 {background:var(--box-color3)}
.bgcolor4 {background:var(--bg-color4)}
.bgcolor-3{background:var(--color-3)}
.trbg-1 {background-color:#fcecfd}
.trbg-2 {background-color:#fdeef1}
.trbg-3 {background-color:#fafdec}
.trbg-4 {background-color:#e4f0fd}
.trbd-1{position:relative}
.trbd-1:after {
	content:"";
    position: absolute;
    left: 0px;
    height: 100%;
    border: 2px solid #124a9f;
    width: calc(100% - 0px);
    z-index: 1;
}

.bg-color-f7 {background-color:var(--bg-color-f7)}
.boxColor1 {background-color:var(--theme-color2)}
.boxColor2 {background-color:var(--theme-color3)}
.round1 {border-radius:1rem;/*overflow:hidden*/}
.greetingBox {padding-bottom:var(--secgapw); font-family:var(--point-font-B); font-size:var(--text-lg); line-height:var(--lineH-w); text-align:center}
.greetingBox>p {display:inline-block}
/*.greetingBox:after {
	content:"";
	display:block;
	position:absolute;
	right:1rem;
	bottom:0;
	background-image:url(/images/contents/greetingIcon.svg);
	background-repeat:no-repeat;
}*/

.boxsd1 {
	box-shadow: 10px 9px 29px 0px rgba(0, 0, 0, 0.12);
}
.textBox1 {
	display:block;
	background-color:#fff;
	padding:var(--boxpd);
	border:1px solid var(--line-color-1); 
	box-shadow:0 1px 2px rgba(0,0,0,0.15);
	border-radius:1rem;
	transition:0.5s ease-in-out;
	}
.textBox1:hover {border-color:var(--color-9); box-shadow:0 10px 20px rgba(0,0,0,0.15);}
.textCont {padding:var(--boxpd);}
.textCont p {margin-bottom:var(--margin-1); line-height:var(--lineH-w);}

.textCont2 {padding:var(--inpd);}
.textCont2 p {margin-bottom:var(--margin-1); line-height:var(--lineH-w);}
.decoBox {position:relative; padding:var(--boxpd2);line-height:var(--lineH-w);}
.decoBox:before,.decoBox:after {
	display:block;
	content:"";
	position:absolute;
	top:0;
	width:8px;
	height:100%;
	background-color:var(--color-f5);
}
.decoBox:before {left:0}
.decoBox:after {right:0}
.photo img {border-radius:2rem;}
[class*='boxRicon']:after{
	content:"";
	position:absolute;
	width:60px;
	height:60px;
	right:1rem;
	bottom:1rem;
	transform:translate(-50%,50%)
}
.boxRicon1:after{background-image:url("/images/common/boxRicon1.svg")}
.boxRicon2:after{background-image:url("/images/contents/greetingIcon.svg")}
.col-xs-12{flex: 0 0 100%; max-width:100%}
.col-xs-6{flex: 0 0 50%; max-width:50%}
@media all and (min-width:768px) {
.col-md-4{flex: 0 0 33.333%; max-width:33.333%}
.col-md-5{flex: 0 0 41.666%; max-width:41.666%}
.col-md-6{flex: 0 0 50%; max-width:50%}
}
@media all and (min-width:1024px) {
.col-lg-2{flex: 0 0 16.666%; max-width:16.666%}
.col-lg-3{flex: 0 0 25%; max-width:25%}
.col-lg-4{flex: 0 0 33.333%; max-width:33.333%}
.col-lg-5{flex: 0 0 41.666%; max-width:41.666%}
.col-lg-6{flex: 0 0 50%; max-width:50%}
.col-lg-7{flex: 0 0 58.333%; max-width:58.333%}
.col-lg-8{flex: 0 0 66.664%; max-width:66.664%}
.col-lg-9{flex: 0 0 75%; max-width:75%}
[class*='boxRicon']:after{width:120px; height:120px}
.iconBox {padding:2rem 2rem 2rem 7.5rem;}
.iconBox:before {width:4rem;height:4rem; left:2.5rem;}
}

/* border none */
table.t0{width:100%;margin:.666em 0;border:0;border-collapse:collapse;}
table.t0>*>tr>th,
table.t0>*>tr>td{padding:.2em .75em;border:0;}
table.t0>*>tr>th{background:transparent;font-weight:normal;}
/* border 상하 */
table.t1{width:100%;margin:.666em 0 0 0;border:0;border-collapse:collapse;border-top:1px solid #dadde0;border-bottom:1px solid #dadde0;}
table.t1>*>tr>th,
table.t1>*>tr>td{padding:.5em .75em;border:0;border-bottom:1px solid #dadde0;}
table.t1>*>tr>th{background:#f7f8f9;}
table.t1>tbody>tr>th{background:#fcfdfe;}
/* border 상하좌우 */
table.t2{width:100%;margin:.666em 0;border:0;border-collapse:collapse;border-top:1px solid #b0b5ba;border-right:1px solid #dadde0;}
table.t2>*>tr>th,
table.t2>*>tr>td{padding:.5em .75em;border:1px solid #dadde0;border-width:0 0 1px 1px;}
table.t2>*>tr>th{background:#f7f8f9;font-weight:normal;}
table.t2>tbody>tr>th{background:#fafbfc;}
/* border 상하 안쪽만 */
table.t01{width:100%;margin:0;border:0;border-collapse:collapse;}
table.t01>*>tr>th,
table.t01>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #ddd;}
table.t01>*>tr:first-child>*{border-top:0;}
table.t01>thead~tbody>tr:first-child>*{border-top:1px solid #ddd;}
table.t01>*>tr>th{background:transparent;font-weight:normal;}
/* border 상하좌우 안쪽만 */
table.t02{width:100%;margin:0;border:0;border-collapse:collapse;}
table.t02>*>tr>th,
table.t02>*>tr>td{padding:.5em .75em;border:0;border-top:1px solid #ddd;border-left:1px solid #ddd;}
table.t02>*>tr:first-child>*{border-top:0;}
table.t02>thead~tbody>tr:first-child>*{border-top:1px solid #ddd;}
table.t02>*>tr>*:first-child{border-left:0;}
table.t02>*>tr>th{background:transparent;font-weight:normal;}

/* time table */
table.timetb{width:100%; vertical-align:middle; /*border-collapse:separate;*/ word-break:keep-all;}
table.timetb th{position:relative; padding:24px 0; background-color:#eee;}
table.timetb th:before{content:''; width:100%; height:1px; background-color:#333; position:absolute; top:0; left:0;}
/*table.timetb tr:last-child th:after {content:''; width:100%; height:1px; background-color:#333; position:absolute; bottom:-1px; left:0;}*/
table.timetb td{position:relative; padding:20px 0.666rem;}
table.timetb tr:first-child td:before{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; top:0; left:0;}
table.timetb td:after{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; bottom:-1px; left:0;}
table.timetb th, table.timetb td{/*border-right:10px */solid transparent; font-weight: var(--font-weight-6);}
/*table.timetb th:last-child, table.timetb td:last-child{border-right:none;}*/
.noticeBox table.timetb th, .noticeBox table.timetb td{border-right:10px solid #f7f7f7;}

@media only screen and (min-width:1400px){

	table.timetb th, table.timetb td{
		font-size:var(--text-lg)
	}
}
/* price table */
table.pricetb{text-align:center; vertical-align:middle;border-collapse:separate; word-break:keep-all;}
table.pricetb th{position:relative; padding:20px 0; background-color:#f9f9f9; font-weight:300}
/*table.pricetb th::before{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; top:0; left:0;}*/
table.pricetb td{position:relative; padding:18px 5px; color:#666;}
table.pricetb td::after{content:''; width:100%; height:1px; background-color:#ddd; position:absolute; bottom:0; left:0;}
table.pricetb th, table.pricetb td{border-right:10px solid #fff;}
table.pricetb th:last-child, table.pricetb td:last-child{border-right:none;}
.bdR10 {border-right:10px solid #fff !important;}
table.pricetb td ul {padding:0 1rem}

/* border 상하(좌우) border-top 강조 */
table.t3{width:100%;margin:.666em 0;border:0;border-collapse:collapse;
	border-top:2px solid #333;
	border-bottom:1px solid #aaa;
	background:#fff;
}
table.t3>*>tr,
table.t3>thead+tbody>tr:first-child/* 아래보다 높은 순위 */{border-right:2px solid #fff;}
table.t3>*>tr:first-child{border-right:1px hidden #fff;}
table.t3>*>tr>th,
table.t3>*>tr>td{padding:.75em .85em;border:1px solid #d7d7d7;border-width:1px 1px 0 0;}
/*여백넓게*/
table.t3.wide>*>tr>td{padding:.825em .923em;border:1px solid #d7d7d7;border-width:1px 1px 0 0;}
table.t3>*>tr>th{background:#f7fcff;font-weight:normal;}
table.t3>thead>tr>th{
	padding:.666em;
	border-width:0 1px 1px 0;border-color:#d7d7d7;background:#f7f7f7;color:#333;
	line-height:1.333;
}
table.t3>tfoot>tr>th{border-width:1px 1px 0 0;border-color:#d7d7d7;background:#f3f6f9;color:#333;}
table.t3>tfoot>tr:first-child>*{border-top-color:#79b;}
table.t3>tbody>tr:first-child>th,
table.t3>tbody>tr:first-child>td{border-top-width:0;}/* ☆20150331. thead>th{border-bottom} 또는 table{border-top} 보이도록 한다. */
table.t3>tbody>tr>td:nth-of-type(2) {font-size:var(--text-lg)}
.scrollTB {width:100%; overflow-x:auto;}
.scrollTB > table {/*width:935px;*/ font-size:1rem}
.scrollTB table tbody th,.scrollTB table tbody td {white-space: nowrap;}

.popscrollTB {width:100%; overflow-x:auto;}
.popscrollTB > table {width:500px; font-size:1rem}
.popscrollTB table tbody th,.popscrollTB table tbody td {white-space: nowrap;}

.price>tbody>tr>td:nth-of-type(2) {text-align:center}
.tac th, .tac td {text-align: center;}
.vm th, .vm td {vertical-align:middle}
.tac, .tac th, .tac td {text-align: center;}
.vm th, .vm td {vertical-align:middle}
.tdBG1 {background:var(--bg-color3);}

.js-scrollable>table {}

/* pagination */
.pagination{clear:both;width:100%;margin:.666em auto 0;text-align:center;}
.pagination a{display:inline-block;height:25px;margin:.125em 0 .5em .125em;border:1px solid #e1e1e1;color:#666;vertical-align:middle;white-space:nowrap;overflow:hidden;text-decoration:none !important; font-family:Verdana, Geneva, sans-serif}
.pagination .pages a{width:auto;min-width:1em;padding:0 8px;font-size:0.825em;line-height:25px;}
.pagination .pages .on a{border-color:#333;background:#444;color:#fff;}
.pagination .control a {width:40px}
.pagination .control a i{display:block; vertical-align:middle; line-height:25px;}
.pagination a:not([href]){cursor:default;}
.pagination .control a:not([href]){opacity:.4;}


/*리스트*/
.goList {margin:30px 0}
.goList li {padding:4px 0 5px; font-size:0.875em}
.goList li:first-child {border-bottom:dashed 1px #ccc}
.goList li:first-child span:after {content:"\f165"; font-family: LineAwesome; display:inline-block; margin:0 5px;}
.goList li:last-child span:after {content:"\f16c"; font-family: LineAwesome; display:inline-block; margin:0 5px}

.bu1 {text-align:left}
.bu1 li{position:relative; padding:0.333rem 0 0.333rem 0.888rem}
.bu1 li:before {
	content:"";
	width:4px;
	height:4px;
	background-color:#555;
	border-radius:100%;
	position:absolute;
	left:0;
	top:12px;
}

.bu1 li ul {margin-top:0.333rem}
.bu1 li ul li {padding-left:0}
.bu1 li ul li:before{display:none}

.dlList1>dt,.dlList1>dd{
	margin-bottom:0.222rem;
}

.ovlist {display:flex; flex-flow:row wrap; align-items:center}
.ovlist dt,.ovlist dd {margin-bottom:var(--margin-s); padding:3px 0 4px;}
.ovlist dt {
	width:3.75rem;
	
	text-align:center; 
	background-color:var(--color-6); 
	color:#fff; 
	border-radius:2rem;
	margin-right:1rem
}
.ovlist dd {width:calc(100% - 4.75rem)}


.ovlist2 {display:flex; flex-flow:row wrap; align-items:center}
.ovlist2 dt,.ovlist2 dd {padding:3px 0 4px; margin-bottom:var(--margin-s)}
.ovlist2 dt {
	position:relative;
	width:3.75rem;
	margin-right:1rem;
	padding-left:var(--padding-s);
	text-align:left
}
.ovlist2 dt:before {
	content:"";
	position:absolute;
	left:0;
	top:6px;
	width:4px;
	height:12px;
	background-color:var(--color-9); 

}
.ovlist2 dd {color:var(--color-6); width:calc(100% - 4.75rem)}


.checkList li {display:flex; margin-bottom:1rem}
.checkList li:before {
	content: "\e87f";
	display:inline-block;
	font-family: 'Linearicons-Free';
	margin-right:0.333rem;
}

.inPic {display:flex; justify-content:flex-end}
.flexList li{
	display:flex;
	flex-flow:row wrap;
	gap:10px;
	margin-bottom: var(--margin-s);
}
.flexList span {display:block}
.flexList span:nth-of-type(1) {width:80px}
.flexList span:nth-of-type(2) {width:calc(100% - 90px)}

/* 순번목록*/
ol[class*='bo']{list-style:decimal-leading-zero;margin-left:0;padding:0 0 0 1.8em;text-align:left;}
ol[class*='bo']>li{margin:.333em 0;padding:0;background:transparent;}
/* [IE9+] )) ★☆호환 */
ol.bo1{list-style:none;margin-left:0;padding:0 0 0 2.1em; /* ☆~99 보장 */text-align:left;}
ol.bo1>li {position:relative}
ol.bo1>li:before{
	position:absolute;
	left:0;
	top:0;
	display:inline-block;
	box-sizing:border-box; /* ☆ */
	width:1.5em; /* =18/12 */
	height:1.5em;
	min-width:18px;
	min-height:18px;
	margin:0 .5em 0 -2.1em;
	padding:.333em 0; /* =((18-12+2)/2)/12 */
	border-radius:9999px;
	background:var(--theme-color); /* #08b */
	color:var(--color-w);
	font-weight:400;
	font-size:.825em; /* =12/14 */
	line-height:1;
	letter-spacing:-1px;
	text-align:center;
	vertical-align:middle;
}
ol.bo1 ol.bo1>li:before{
	width:1.333em; /* =16/12 */
	height:1.333em;
	min-width:16px;
	min-height:16px;
	padding:.25em 0; /* =((16-12+2)/2)/12 */
	background:#789;
}

ol.bo1>li:nth-child(1):before{content:'1'}
ol.bo1>li:nth-child(2):before{content:'2'}
ol.bo1>li:nth-child(3):before{content:'3'}
ol.bo1>li:nth-child(4):before{content:'4'}
ol.bo1>li:nth-child(5):before{content:'5'}
ol.bo1>li:nth-child(6):before{content:'6'}
ol.bo1>li:nth-child(7):before{content:'7'}
ol.bo1>li:nth-child(8):before{content:'8'}
ol.bo1>li:nth-child(9):before{content:'9'}
ol.bo1>li:nth-child(10):before{content:'10'}
/* Tablet용 CSS */
@media all and (min-width:768px){

}

@media all and (min-width:1200px) {
.ver_pc {display:block !important}
.ver_mobile {display:none !important}
.scrollTB {overflow:hidden !important;}
.scrollTB > table {width:100%}
table.t3>tbody>tr>td:nth-of-type(2) {font-size:var(--text-xl)}
}



/*개인정보취급방침*/
.privacy {font-size:var(--text-sm); line-height:1.5; margin: 0.750em 0 2em 0;padding: 2em 1.250em;border: 1px solid #c8c8cc; background: #fff; box-shadow:0 3px 3px 0 rgba(0, 0, 0, .05); height:700px; overflow-y:scroll}
.privacy > h3 {font-size:1.375em; margin-bottom:20px; text-align:center}
.privacy > h4 {display:block; font-size:1.125em; padding-top:20px; }
.privacy > pre > h5 {font-size:1.125em; font-weight:400 !important; color:#333}
.privacy  pre {overflow-x:hidden; font-family:'Pretendard'; white-space: pre-line;font-size: 0.875em;display: block; padding: 0px; color:#555; line-height:1.6}
.privacy  pre strong { font-weight:400; display:inline-block; margin-right:10px}


/*마우스오버 손모양*/
label{cursor:pointer}
button{cursor:pointer;}



/* 개인정보취급방침 상세화면*/
#privit_detail_pop_up,#duty_detail_pop_up,#agree_detail_pop_up{ display:none;}
#privit-button {font-weight:var(--font-weight-5); cursor:pointer; color:var(--point-color4)}
.cominfoBox {
	width:100%; 
	background-color:var(--color-w);
	min-width:320px; 
	max-width:650px; 
	margin:0 auto; 
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
	left:50% !important; 
	transform: translateX(-50%);
	border-radius: 10px;
	overflow:hidden
}
.cominfoBox h4 {font-family:var(--sub-title-font); margin-top:var(--margin-m)}
.cominfoBox h5 {font-family:var(--sub-title-light); margin-bottom:var(--margin-m)}
.cominfoBox table {font-size:var(--text-sm)}
.cominfoBox ul,.cominfoBox dl {margin-bottom:var(--margin-1); font-size:var(--text-sm)}
.cominfoBox ul li,.cominfoBox dl dt, .cominfoBox dl dd {margin-bottom:5px}
.cominfoBox dl dt {font-weight:var(--font-weight-7)}
.cominfoBox dl dd {color:var(--color-6);}
.movieinfoBox {
	width:100%; 
	min-width:320px; 
	max-width:1920px; 
	margin:0 auto; 
	box-shadow: 0 10px 10px 0 rgba(0,0,0,0.2);
	left:50% !important; 
	transform: translateX(-50%);
	border-radius: 10px;
	overflow:hidden
}
.privitBox {padding:var(--inpd); background:#fff; height:500px; overflow-y:scroll;}
.privitBox pre{overflow-x:hidden; white-space:pre-wrap; font-family: 'Pretendard','Malgun Gothic','돋움';font-size:0.825em; color:#555; font-weight:300}
.privitBox p {color:var(--color-6); margin-bottom:var(--margin-m)}
.popupW {position:relative; width:100%; padding:50px 0 1em 0}
.popupW>.popup-close {box-shadow:none}
.popupW .name {margin:0.333em 0}
.popupW:before {
	content:""; 
	position:absolute; 
	left:0; 
	top:0; 
	z-index:8500; 
	width:100%; 
	height:3.125rem; 
	background-color:var(--color-3); 
	background-size:95px
}
.popupW:after {
	content:"";
	position:absolute;
	z-index:9500;
	left:1rem;
	top:1rem;
	font-family: var(--title-font); 
	color:#eee; 
	display:block;
}
.movieinfoBox .popupW:before {
	background-color:var(--theme-color);
}
.movieinfoBox .popupW:after {
	color:var(--color-w);
}

#privit_detail_pop_up .popupW:after {content:"개인정보취급방침";}
#duty_detail_pop_up .popupW:after {content:"환자의 권리와 의무";}
#agree_detail_pop_up .popupW:after {content:"이용약관";}
.popupW h4 {color:#005ea5;}
.popupW>ul {display:flex; flex-flow: row wrap; justify-content:space-between; padding:1em;}
.popupW>ul>li:nth-child(1) {width:30%}
.popupW>ul>li:nth-child(2) {width:65%}
.memHis {padding:1em; height:300px; overflow-y:scroll; font-size:15px; color:#666; font-weight:300; line-height:1.6em}
.memHis p {margin-bottom:0.333em}
.popup-close{
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;  
	z-index: 9500; 
	right:0; 
	top:0; 
	width:50px; 
	height:50px; 
	cursor:pointer;  
	line-height:50px; 
	color:#333;  
	text-align:Center; 
	font-size:14px; 
	box-shadow: 0 3px 3px rgba(0,0,0,.1);
}
/*.popup-close span {background: #fff;  width: 14px; height: 2px;display: block;margin: 7px 8px;border-radius: 35px; transition: all 0.3s cubic-bezier(0.81, -0.33, 0.345, 1.375);}
.popup-close span:nth-of-type(2) {position: relative;width: 30px;opacity: 0;}
.popup-close span:first-of-type {width: 30px;margin-top: 18px;transition: all 0.6s; transform: rotate(-45deg) translate(-4px, 8px);}
.popup-close span:last-of-type { position: relative;width: 30px;margin-top: 0;transform: rotate(45deg) translate(-4px, -8px);}
*/
.popup-close:before {
	content:"";
	background-color:var(--color-c);
	background-size:cover;
	-webkit-mask-image:url(/images/common/close.svg);
	mask-image:url(/images/common/close.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: contain;
	mask-size: contain;
	transition: 0.3s;
	display:block;
	width:80%;
	height:80%;
	
}

@media all and (min-width:768px) {
.popupW:before {background-size:208px}
.popupW>ul {justify-content:center;}
.popupW>ul>li:nth-child(1) {width:36%}
.popupW>ul>li:nth-child(2) {width:50%}
.memHis {padding:1.5em;}
}

.btnW {display:flex; flex-flow:row wrap; justify-content:center; gap:1rem; padding:var(--secgapn) 0}
a.btn_basic{display:flex; justify-content:center; align-items:center; position:relative; width:229rem; height:62rem; font-size:17rem;}
a.btn_basic [data-btn="border"]{border:0.333rem solid #fff; transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .4s cubic-bezier(.19,1,.22,1); border-radius:80rem; pointer-events:none; will-change:opacity,transform;}
a.btn_basic [data-btn]{position:absolute; width:100%; height:100%;}
a.btn_basic p{position:relative;}
a.btn_basic [data-btn="bg"]{opacity:0; background:var(--color-point); border:5rem solid transparent; transition:transform .7s cubic-bezier(.19,1,.22,1),opacity .15s cubic-bezier(.165,.84,.44,1); transform:scale(.6); pointer-events:none; border-radius:100rem; will-change:opacity,transform;}
a.btn_basic:hover [data-btn="bg"]{opacity:1; transition:transform .9s cubic-bezier(.19,1,.22,1),opacity .6s cubic-bezier(.165,.84,.44,1); transform:scale(1);}
a.btn_basic:hover [data-btn="border"]{opacity:0; transition:transform .4s cubic-bezier(.19,1,.22,1),opacity .3s cubic-bezier(.19,1,.22,1); transform:scale(1.2,1.44);}
a.btn_basic.gray [data-btn="border"]{border-color:#e6e6e6;}
a.btn_basic.point [data-btn="border"]{border-color:var(--color-point);}
a.btn_basic.point p{font-weight:500; color:var(--color-point);}
a.btn_basic.gray [data-btn="bg"]{background-color:#efefef;}
a.btn_basic.point:hover p{color:#fff;}

@media all and (min-width:1100px) {
	a.btn_basic [data-btn="border"]{border-width:0.666rem}
}

/* Global Button Styles */
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 30px auto 0;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	border-radius: 0;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
a.animated-button:link:after, a.animated-button:visited:after {
	content: "";
	position: absolute;
	height: 0%;
	left: 50%;
	top: 50%;
	width: 150%;
	z-index: -1;
	-webkit-transition: all 0.75s ease 0s;
	-moz-transition: all 0.75s ease 0s;
	-o-transition: all 0.75s ease 0s;
	transition: all 0.75s ease 0s;
}
a.animated-button:link:hover, a.animated-button:visited:hover {
	color: #FFF;
	text-shadow: none;
}
a.animated-button:link:hover:after, a.animated-button:visited:hover:after {
	height: 450%;
}
a.animated-button:link, a.animated-button:visited {
	position: relative;
	display: block;
	margin: 0 auto;
	padding: 14px 15px;
	color: #fff;
	font-size:14px;
	border-radius: 0;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	overflow: hidden;
	letter-spacing: .08em;
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.2), 0 1px 0 rgba(0, 0, 0, 0.2);
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

/* Victoria Buttons */

a.animated-button.victoria-one {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-one:after {
	background: #D24D57;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.victoria-two {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-two:after {
	background: #D24D57;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.victoria-three {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-three:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.victoria-three:hover:after {
	height: 140%;
	opacity: 1;
}
a.animated-button.victoria-four {
	border: 2px solid #D24D57;
}
a.animated-button.victoria-four:after {
	background: #D24D57;
	opacity: .5;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.victoria-four:hover:after {
	opacity: 1;
	height: 600% !important;
}
/* Sandy Buttons */

a.animated-button.sandy-one {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-one:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	
}
a.animated-button.sandy-one:hover:after {
	height: 120% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-two {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-two:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(90deg);
	transform: translateY(-50%) translateX(-50%) rotate(90deg);
}
a.animated-button.sandy-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-three {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-three:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.sandy-three:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.sandy-four {
	border: 2px solid #AEA8D3;
	color: #FFF;
}
a.animated-button.sandy-four:after {
	border: 3px solid #AEA8D3;
	opacity: 0;
	-moz-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-ms-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	-webkit-transform: translateY(-50%) translateX(-50%) rotate(25deg);
	transform: translateY(-50%) translateX(-50%) rotate(25deg);
}
a.animated-button.sandy-four:hover:after {
	height: 400% !important;
	opacity: 1;
	color: #FFF;
}
/* Gibson Buttons */

a.animated-button.gibson-one {
	background-color:var(--theme-color);
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-one:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(25deg);
	transform: translateX(-50%) translateY(-50%) rotate(25deg);
}
a.animated-button.gibson-one:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-two {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-two:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(-25deg);
	transform: translateX(-50%) translateY(-50%) rotate(-25deg);
}
a.animated-button.gibson-two:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-three {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-three:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-ms-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	-webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
	transform: translateX(-50%) translateY(-50%) rotate(90deg);
}
a.animated-button.gibson-three:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
a.animated-button.gibson-four {
	border: 2px solid #65b37a;
	color: #FFF;
}
a.animated-button.gibson-four:after {
	opacity: 0;
	background-image: -webkit-linear-gradient( transparent 50%, rgba(101,179,122,0.2) 50%);
	background-image: -moz-linear-gradient(transparent 50%, rgba(101,179,122,0.2) 50%);
	background-size: 10px 10px;
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%));
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}
a.animated-button.gibson-four:hover:after {
	height: 600% !important;
	opacity: 1;
	color: #FFF;
}
/* Thar Buttons */

a.animated-button.thar-one {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-one:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: none;
}
a.animated-button.thar-one:hover:before {
	bottom: 0%;
	top: auto;
	height: 100%;
}
a.animated-button.thar-one:before {
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-two:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: ntwo;
}
a.animated-button.thar-two:hover:before {
	top: 0%;
	bottom: auto;
	height: 100%;
}
a.animated-button.thar-two:before {
	display: block;
	position: absolute;
	left: 0px;
	bottom: 0px;
	height: 0px;
	width: 100%;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
a.animated-button.thar-three {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-three:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: nthree;
}
a.animated-button.thar-three:hover:before {
	left: 0%;
	right: auto;
	width: 100%;
}
a.animated-button.thar-three:before {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four {
	color: #fff;
	cursor: pointer;
	display: block;
	position: relative;
	border: 2px solid #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}
a.animated-button.thar-four:hover {
	color: #000 !important;
	background-color: transparent;
	text-shadow: nfour;
}
a.animated-button.thar-four:hover:before {
	right: 0%;
	left: auto;
	width: 100%;
}
a.animated-button.thar-four:before {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 0px;
	z-index: -1;
	content: '';
	color: #000 !important;
	background: #F7CA18;
	transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1);
}



/* ********** 애니메이션효과2********** */

.waviy {
  position: relative;
}
.waviy span {
  position: relative;
  display: inline-block;
  text-transform: uppercase;
  animation: flip 2s;
  animation-delay: calc(.2s * var(--i))
}
@keyframes flip {
  0%,80% {
    transform: rotateY(360deg) 
  }
}

/* 마우스힐 애니메이션 */

.mouse-icon {
	display:none; 
	background: var(--color-c);
	height: 80px;
	width: 1px;
	display: block;
	z-index: 30;
	position: absolute;
	right:1.5rem;
	bottom:5rem;
}
.mouse-icon:before {
	content: "Scroll";
	display: block;
	position: absolute;
	left:50%;
	margin-left:-15px;
	bottom:-30px;
	color: var(--color-c);
	font-family:var(--num-font);
	font-size: var(--text-2xs);
	letter-spacing: 1px;
	font-weight:400;
	transform:rotate(-90deg)
}
.mouse-icon .wheel {
	z-index: 21;
	position: relative;
	border-radius: 50%;
	background:var(--color-c);
	width:7px;
	height: 7px;
	top: 0;
	margin-left: -3px;
	margin-right: auto;
	-webkit-animation-name: drop;-webkit-animation-duration: 1s;-webkit-animation-timing-function: linear;-webkit-animation-delay: 0s;
	-webkit-animation-iteration-count: infinite;-webkit-animation-play-state: running;-webkit-animation-name: drop;
	animation-name: drop;-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-timing-function: linear;
	animation-timing-function: linear;-webkit-animation-delay: 0s;animation-delay: 0s;-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;-webkit-animation-play-state: running;animation-play-state: running;
}
@-webkit-keyframes drop {0% {top: 0px;opacity: 1}30% {top: 40px;opacity: 1}100% {top: 80px;opacity: 1}}
@keyframes drop {0% {top: 0px;opacity: 1}30% {top: 40px;opacity: 1}100% {top: 80px;opacity: 1}}


/**Typeo CSS Start**/
* {
 box-sizing: border-box;
}

body {
 margin: 0px;
 background-color: #ffffff;
 overflow-x:hidden !important
}

.tooltips {
 max-width: 1000px;
 margin: 50px auto;
 width: 100%;
 box-shadow: #e2e2e2 0 0 6px;
 padding: 50px;
 font-family: 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 text-align: center;
}

/**Typeo CSS End**/

/**Tooltip Left Start**/
.tooltip-left {
 position: relative;
 padding: 5px 15px 8px 15px;
 background-color: #000;
 color: #fff;
 border-radius: 4px;
}

.tooltip-left:after {
 content: '';
 width: 0;
 height: 0;
 border-width: 7px 7px 0 7px;
 border-color: #000000 transparent transparent transparent;
 border-style: solid;
 position: absolute;
 bottom: -7px;
 left: 12%;
}

/**Tooltip Left End**/

/**Tooltip Center Start**/
.tooltip-center {
 position: relative;
 font-size:var(--text-xs);
 text-align:var(--text-c);
 white-space:nowrap;
 width:auto;
 margin:0 auto;
 padding: 2px 6px;
 background-color: var(--color-3);
 color: var(--color-c);
 border-radius: 4px;
}

.tooltip-center:after {
 content: '';
 width: 0;
 height: 0;
 border-width: 7px 7px 0 7px;
 border-color: #333 transparent transparent transparent;
 border-style: solid;
 position: absolute;
 bottom: -7px;
 left: calc(50% - 7px);
}

/**Tooltip center End**/

/**Tooltip Right Start**/
.tooltip-right {
 position: relative;
 padding: 5px 15px 8px 15px;
 background-color: #000;
 color: #fff;
 border-radius: 4px;
}

.tooltip-right:after {
 content: '';
 width: 0;
 height: 0;
 border-width: 7px 7px 0 7px;
 border-color: #000000 transparent transparent transparent;
 border-style: solid;
 position: absolute;
 bottom: -7px;
 right: 12%;
}

/**Tooltip Right End**/

/**Hover Option Start**/

/**Button Hover Option Start**/
.tooltip-hover {
 position: relative;
}

.tooltip-hover button {
 padding: 15px 30px;
 margin: 20px 0px;
 cursor: pointer;
 background-color: #29829e;
 color: #fff;
 border: none;
 font-size: 16px;
 border-radius: 4px;
}

/**Button Hover Option End**/
.tooltip-hover [class*="tooltip"] {
 position: absolute;
 top: -31px;
 left: 50%;
 transform: translateX(-50%);
 transition: 0.5s all;
 opacity: 0;
}

.tooltip-hover:hover [class*="tooltip"] {
 opacity: 1;
 top: -21px;
}

/**Hover Option Start**/

#location_map {height:500px}
.customoverlay {position:relative;bottom:85px;border-radius:10px;border: 1px solid #ccc;border-bottom:2px solid #ddd;float:left;}
.customoverlay:nth-of-type(n) {border:0; box-shadow:0px 1px 2px #888;}
.customoverlay a {display:block;text-decoration:none; border-radius:10px;font-size:14px; overflow:hidden; background:#fff url(https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/arrow_white.png) no-repeat right 14px center; padding:15px 20px;}
.customoverlay .title {display:block; background:#fff; font-size:var(--text-xl); font-family:var(--title-font); font-weight:var(--font-weight-8); color:var(--color-1); margin-bottom: 5px;}

.customoverlay:after {content:'';position:absolute;margin-left:-12px;left:50%;bottom:-12px;width:22px;height:12px;background:url('https://t1.daumcdn.net/localimg/localimages/07/mapapidoc/vertex_white.png')}
@media all and (min-width:1024px) {
	#location_map {height:650px}
}