:root {
 — app-height: 100%;
}
html,body {height:100%; min-height:100vh; height: var( --app-height); }
@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */
  input { font-size: 16px !important;}
} 
/*페이지 건너뛰기*/
.skipapi {z-index: 9999;position: absolute;left: 0;top: 0;width: 100%;} /*지도 건너뛰기*/
.skipapi a {display: block; position: absolute;left: -9999px; top: 0; width: 1px;height: 1px;overflow: hidden;}
#skipnav{z-index:9999;position:absolute;left:0;top:0;width:100%;}
#skipnav *{display:inline;list-style:none;margin:0;padding:0;}
#skipnav a{display:block;position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden;}
#skipnav a:focus{left:0;width:100%;height:auto;background:#579;color:#fff;font:bold 1em/2.5 '맑은 고딕';text-decoration:none;text-align:center;}
/**스크롤바*/
::-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: #99c83c;
 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: #69fffd;}



:root {
--easing:cubic-bezier(.16,1,.64,1);
--container:1500px;
--inner:1400px;
--sec-title:'KimjungchulMyungjo-Bold';
--sec-title-R:'KimjungchulMyungjo-Regular';
--num-font:'GmarketSansMedium';
--num-font-bold :'GmarketSansBold';
--eng-font:'Italiana', sans-serif;
--eng-font2:'Montserrat';
--title-font:'KimjungchulGothic';
--sub-title-font:'KimjungchulMyungjo-Bold';
--sub-title-R:'SBAggroL';
--default-font :'Pretendard';
--point-font:'MaruBuri-Regular';
--point-font2:'Marcellus';
--point-font3:'East Sea Dokdo';
--point-font4:'MYHaemalgeunSangsang';
--icon-font:'Linearicons-Free';
--handwriting-font:'KimjungchulScript-Regular';
--primary:#2949b2;
--black:#121420;
--kr-font:'KimjungchulGothic';
--eng-font:'Inter';
--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;
--contsecgap:50rem;
--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-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;
--msecTit:2rem;
--msecBTit:3rem;
--secTit:1.5rem;
--secSTit:1.25rem;
--line-color-1:#eee;
--line-color-3:#333;
--font-color-1:#111;
--color-0:#000;
--color-1:#111;
--color-2:#222;
--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;
--base-color1:#131419;
--base-color2:#404445;
--bg-color1:#e8f0f7;
--bg-color2:#f3fff4;
--bg-color3:#f6fff4;
--bg-color4:#fb8d7d;
--bg-color5:#eef0ff;
--box-color1:#fff1d6;
--box-shadow: #20212447;
--line-color1:#e5ffd8;
--line-color2:#fffcce;
--event-color:#f5eee6;
--swiper-theme-color:#fb8270;
--theme-color:#1e97f4;
--theme-color2:#00a3e1;
--theme-color3:#f24f28;
--theme-color4:#009741;
--theme-color5:#92c528;
--point-color1: #f15b41;
--point-color2: #2949b2;
--point-color3: #99ffff;
--point-color4: #3366cc;
--bg-color-f7: #f7f7f7;
--event-bg-color: #f5eee6;
--mdc-fab-container-shape: 50%;
--radius20:20px;
--radius30:30px;
--radius40:40px;
--radius60:60px;
--box-radius-1:2em;
--box-radius-2:25rem
}



@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.5rem;
		--contsecgap:100rem;
		--secgap:3rem;
		--secgapn:2rem;
		--secgapw:4rem;
		--msecBTit:4rem;
		--msecTit:3rem;
		--secTit:2.5rem;
		--secSTit:1.5rem;
	}
}


@media all and (min-width:1400px) {
	:root {
		--boxpd:2.5rem;
		--padding2:2.825rem;
		--secgap:4rem;
		--secgapw:5rem;
		--inpd:1.725rem;
		--innpd:1.5rem;
		--msecBTit:4.5rem;
		--msecTit:3.5rem;
		--secTit:3.0rem;
		--secSTit:1.625rem;
	}
}

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


/**Typeo CSS End**/
:root {
 --default-fm: 'KimjungchulGothic', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
 --title-fm:'KimjungchulGothic';
 --base-fm:'KimjungchulGothic';
 --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;cursor:default;}
a[href="tel"] {color:inherit !important; text-decoration:none;}


a:before {line-height:0}
body,html{
font-family: 'KimjungchulGothic','Pretendard','Malgun Gothic','돋움',Dotum,Helvetica,AppleGothic,Sans-serif; 
font-size:16px;
font-weight:400; 
color:#555;  
letter-spacing:-0.045em; 
line-height:1.5
}
/* common reset */
html,body,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; box-sizing: border-box;}
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;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"]{box-sizing:border-box}
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}
.lnlineblock {display:inline-block !important}
.block {display:block !important}
.nowrap {white-space: nowrap !important;}

.clearfix{min-height:0;} /* [IE7]fix )) margin-bottom bug Fix is <div class="clearfix">…<br class="brclear" /></div> */
	.clearfix:before,
	.clearfix:after{content:'';display:table;} /* [IE8+] */
	.clearfix:after{clear:both;}

/*  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;}
 /*button,
button[class*='button'],button[type='reset'],  */
/*html input[type='button'],   Avoid [Android4.2.2]bug)  */
input[type='submit'],input[type='text'],input[type='password'],input[type='file'],
input[type='email'],input[type='number'],input[type='search'],input[type='tel'],input[type='url'],input[type='date'],input[type='datetime-local'],
input[type='radio'],input[type='checkbox'],
textarea,
[action] textarea,
select,
[action] select{
	display:inline-block;
	box-sizing:border-box; /* [IE8+] */
	max-width:100%;
	height:38px; /*  =(36/14)px */
	/*margin-top:.333em;margin-bottom:.333em;*/
	padding:0;
	/*border-radius:4px;*/
	line-height:normal; /* 2.429=((36-2)/14)px */
	vertical-align:middle;
	text-decoration:none !important;
}
input[type='radio']{ /* [SF]fix */
	border-radius:9999px;
}

input[type='number'] {width:auto;}

/* Button */
a[class*='button'],
html input[class*='button'], /* ☆ Avoid bug [Android4.2.2] audio and video controls */
button[class*='button'],
.button{
	display:inline-block;
	position:relative;
	box-sizing:border-box; /* [IE8+] */
	max-width:100%;
	border:1px solid transparent;
	border-color:#363940; /* ☆#079 */
	background-color:#363940; /* ☆#08b */
	font-family: 'nsk';
	color:#fff; /* ☆ */
	font-size:1em;
	font-weight:400;
	line-height:1.3em;
	padding:.348em .486em;
	text-decoration:none;
	text-align:center; /* ☆ */
	transition:.2s ease-out;
	-webkit-appearance:none;
	-moz-appearance:none;
}
/* Button size and shape */
.button.xlarge{height:auto;padding:1.125em 2.25em 1.1875em;font-size:1.286em;}
.button.large{height:auto;padding:.6em 2em .6625em;font-size:1.125em; font-weight:700}
.button.medium{height:auto;padding:.51em 0.75em .5625em;font-size:1em;}
.button.small{height:auto;padding:.3em .5em .333em;font-size:.875em;}
.button.tiny{height:auto;padding:.166em .416em .25em;font-size:.825em;}
.button.block{display:block;width:100%;} /* 1line */
.button.expand{display:block;width:100%;height:auto;padding:1em 1.25em 1.0625em;white-space:normal;} /* 2~lines */

/* Button color */
/* styling */
.button.rect{border-radius:0px !important;}
.button.radius{border-radius:20px;}
.button.round{border-radius:9999px;}
/* colors */
.button.base{border-color:#079;background-color:#08b;color:#fff;} /* ■(속찬) button with icon */
.button.default2{border-color:#333;background-color:#333;color:#fff;} /* ■(속찬) button with icon */

.button.default{border-color:#999;background-color:transparent;color:#333;} /* □(속빈) button with icon */
.button.search{border-color:#003366;background-color:#003366;color:#fff;} 
.button.primary{border-color:#006afb;background-color:#006afb;color:#fff;} 
.button.secondary{border-color:#777;background-color:#777;color:#fff;}
.button.success{border-color:#385;background-color:#4a6;color:#fff;}
.button.info{border-color:#29b;background-color:#4bd;color:#fff;}
.button.alert{border-color:#c81;background-color:#c81;color:#fff;} 
.button.warning{border-color:#ff6000;background-color:#ff6000;color:#fff;} 
.button.danger{border-color:#e30;background-color:#e33;color:#fff;} 
.button.info1{border-color:#8bc;background-color:#ade;color:#235;}
.button.bline{border:none;border:1px solid rgba(0,0,0.8);  background-color:transparent;color:rgba(0,0,0,0.8);} /* □(속빈)*/
.button.blgray1{background-color:#fff;color:#666;border-color:#ccc;} /* □(속빈) button with icon */
.button.blorange1{background-color:#fff;color:#e93d08;border-color:#e93d08;}
.button.blblue{border-color:#006afb;background-color:#006afb;color:rgba(255,255,255,0.6);} 


/* disabled */
.button.disabled,
.button[disabled]{cursor:default;opacity:.5;box-shadow:none;}
.button.hollow{background-color:#fff;color:#333;} /* □(속빈) */
/* transition*/
.button:hover,
.button:focus{border-color:#000;background-color:#333;color:#fff;}
.button.default:hover,
.button.default:focus,
.button.hollow:hover,
.button.hollow:focus{background-color:transparent;color:#000;}
.button.disabled:hover,
.button[disabled]:focus{opacity:.67;} /* ☆ */

.button.wline:hover,.button.wline:focus{background-color:transparent; border-color:rgba(255,255,255,0.6); color:rgba(255,255,255,1);}
.button.blgray1:hover,.button.blgray1:focus{background-color:#fff; color:#666;}
.button.blorange1:hover,.button.blorange1:focus{background-color:#e93d08; border-color:#e93d08; color:#fff;}
.button.blblue:hover,.button.blblue:focus{background-color:#085ed4; border-color:#085ed4; color:rgba(255,255,255,1);}
.button.search:hover{border-color:#022951;background-color:#022951;} 
.moreBtn {width:100%; text-align:center; margin:2em 0}
.moreBtn a {display:inline-block; border-bottom:1px solid #e1e1e1; padding:6px 3em;}
.moreBtn a:before {content:"\f107"; font-family: 'Line Awesome Free'; font-weight: 900; display:inline-block; font-size:12px; margin-right:0.666em; transition:.2s ease-out; -webkit-animation:balloon1 .8s ease-in-out infinite; -moz-animation:balloon1 .8s ease-in-out infinite; -o-animation:balloon1 .8s ease-in-out infinite; animation:balloon1 .8s ease-in-out infinite; }
.moreBtn a:hover {border-color:#333}

.bookingBTN{
	padding:.6em 2em .6625em;
	font-size:1.125em; 
	font-weight:700; 
	border:2px solid transparent;
	border-color:#333;
	background-color:#333;
	color:#fff;
	transition:.2s ease-out;
	} /* 예약하기 버튼*/
.bookingBTN:hover,.bookingBTN:focus{background-color:#fff; color:#666; border:2px solid #333}


@-webkit-keyframes balloon1 { 0%,100%{ -webkit-transform:translate(0, 5px);} 50%{ -webkit-transform:translate(0, 0); } }
@-moz-keyframes balloon1 { 0%,100%{ -moz-transform:translate(0, 5px);} 50%{ -moz-transform:translate(0, 0); } }
@-o-keyframes balloon1 { 0%,100%{ -o-transform:translate(0, 5px);} 50%{ -o-transform:translate(0, 0); } }
@keyframes balloon1 { 0%,100%{ transform:translate(0, 5px);} 50%{ transform:translate(0, 0); } }


/*게시판버튼*/
.bbsbtnW>ul{display:flex; justify-content:space-between}
.bbsbtnW>ul>li:last-child {text-align:right;}
.inline-btnW {display:inline-block; vertical-align:middle;}
.btnW {margin:1em 0; text-align:right}
@media all and (min-width:768px){
.bbsbtnW>ul>li {width:50%}

}
/* 홈페이지바로가기 */
/*.homeURL:before {content:"바로가기"; font-family:'ns','nbg','Dotum','arial','sans-serif'; font-size:14px; display: inline-block; vertical-align:middle; margin-left:5px;}*/
.homeURL:after {content:"\f35d";font-family: 'Line Awesome Free'; font-weight: 900; font-size:16px; display: inline-block; vertical-align:middle; margin-left:5px}

.homeURL2:before {content:"홈페이지"; font-family:'ns','nbg','Dotum','arial','sans-serif'; font-size:14px; display: inline-block; vertical-align:middle; margin-left:5px;}
.homeURL2:after {content:"\f237";font-family: 'Line Awesome Free'; font-weight: 900; font-size:16px; display: inline-block; vertical-align:middle; margin-left:5px}


/* 파일다운로드 */
.btnAdd {background-color:#fff !important; border:1px dashed #ccc !important; color:#666 !important}
.btnAdd:after {content:"\f2c2";font-family: 'Line Awesome Free'; font-weight: 900; font-size:16px; display: inline-block; vertical-align:middle; margin-left:5px; line-height:0}
.btnDelete {background-color:#555 !important; border:1px solid #555 !important; color:#f5f5f5 !important}
.btnDelete:after {content:"\f34d";font-family: 'Line Awesome Free'; font-weight: 900; font-size:16px; display: inline-block; vertical-align:middle; margin-left:5px; line-height:0}

.btnView:after {content:"\f14e";font-family: 'Line Awesome Free'; font-weight: 900; font-size:16px; display: inline-block; vertical-align:middle; margin-left:5px}
.btnDown:after {
	content:"\f019";
	font-family: 'Line Awesome Free'; 
	font-weight: 900; 
	font-size:16px; 
	display: inline-block; 
	vertical-align:middle; 
	margin-left:5px;
	
 }
.hwpDown:after {content:"";  width:19px; height:20px; background:url(../images/common/icon_doc01.gif) no-repeat left top; display: inline-block; vertical-align:middle; margin-left:5px}
.pdfDown:after {content:"";  width:19px; height:20px; background:url(../images/common/icon_doc02.gif) no-repeat left top; display: inline-block; vertical-align:middle; margin-left:5px}
.downBtn {
	max-width:200px;
	display:inline-flex;
	gap:0.666rem;
	align-items:center;
	background-color:var(--color-1);
	padding:1rem 2rem;
	text-align:var(--text-c);
	color:var(--color-w);
	transition:.2s ease-out;
}
/* 아이콘 크기와 색상 조정 */
.feather-download {
    width: 1rem;
    height: 1rem;
    stroke-width:3px; /* 라인 굵기 */
    color: var(--color-w); /* 아이콘 색상 지정 */
}
.downBtn:hover {
	box-shadow: 0 20px 38px rgba(0,0,0,0.16)!important;
	-ms-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-transform: translateY(-3px);
	transition:.2s ease-out;
}


/* 정렬 */
.sortBtn:after { font-family: 'Line Awesome Free'; font-weight: 900; font-size:18px; display: inline-block; vertical-align:middle; margin-left:5px}
.sortUP:after {content:"\f30a";}
.sortDOWN:after {content:"\f309";}
.sortAREA>div{wdith:100%}
.sortList {text-align:right;}
.sortList li {display:inline-block;}
.sortList li:first-child{margin-right:10px}
.sortList li.on .sortBtn {color:#3366cc}


@media all and (min-width:768px){
.sortAREA {display:flex; padding:0.333em}
.sortAREA>div {display:inline-block}
.sortAREA>div:nth-of-type(1) {width:30%;}
.sortAREA>div:nth-of-type(2) {width:70%;}
}






/*메일보내기*/
.mailBtn:after {content:"\f1c6";font-family: 'Line Awesome Free'; font-weight: 900; font-size:16px; display: inline-block; vertical-align:middle; margin-left:5px}

/*창당기*/
.closeBtn:after {content:"\f191";font-family: 'Line Awesome Free'; font-weight: 900; font-size:16px; display: inline-block; vertical-align:middle; margin-left:5px; line-height:0}

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 #d4d6d9;
	background-color:#fcfcfc;
}
input[type='text']:hover {border:1px solid #333;}
/* if.. has setClassUAver() */
html.lteIE8 input[type='text'],
html.lteIE8 input[type='password']{line-height:2;} 

/* [CR][FF][OP] */
input[type='file']{
	height:auto;padding-top:.583em;padding-bottom:.583em;border-color:transparent;background-color:#fcfcfc;font-size:.857em /* 12px */;font-family:'맑은 고딕';line-height:1.333;
}
/* [IE10+] */
input[type='file']::-ms-value{height:2.666em;margin:-.666em 0 -.666em -.2em;border:1px solid #ccc;background-color:#fcfcfc;}
input[type='file']::-ms-browse{height:2.5em;margin:-.555em -.2em -.555em .166em;
	border:1px solid #999;border-color:#ccc #aaa #999 #bbb;
	background-color:#eee;
	background:linear-gradient(180deg, #fff 0, #fff 3%, #eee 3%, #fff 100%);
}

textarea,
[action] textarea{ /*  */
	width:100%;height:8em;line-height:1.333;
}
textarea[rows='1']{height:1.444em;}
textarea[rows='2']{height:2.888em;}
textarea[rows='5']{height:7.222em;}

select,
[action] select{ /*  */
	padding:.35em .2em; /* [IE8]fix */
	border:1px solid #bbb;
	background-color:#fcfcfc;
}
select[multiple]{height:auto;} /* 20150716 */

input[type='radio'],input[type='checkbox']{
	box-sizing:content-box; /* [IE8,9]fix */
	width:1em;height:1em;
	margin:0;margin-top:0.786em;margin-bottom:0.786em; /* =((36-14)/14/2) */
	line-height:normal;
}

#bo_w .option-box input[type='checkbox'] {border:1px solid #ccc}


.input-s {height:2em !important;}
.button.submit {border-color: #175fa5;background-color: #175fa5; color: #fff; }
.printBTN {text-align:right; margin-bottom:10px}
.printBTN>a {margin:0 0 5px 0}


/* Clear Fix */
.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;}
em.required:after {content:"\f318";font-family: 'Line Awesome Free'; font-weight: 900; color:#F00; display:inline-block; font-size:6px; margin-left:3px; vertical-align:middle}

/*정렬*/
.vm {vertical-align:middle;}
.fRight {float:right;}
.alignLeft,.tal {text-align:left !important}
.alignRight,.tar {text-align:right !important}
.alignCenter,.tac {text-align:center !important}

/*행간*/
.lineH-n{line-height:var(--lineH-n)!important}
.lineH-w{line-height:var(--lineH-w)!important}
/*폰트*/
.sec-title{font-family:var(--sec-title);}
.num-text {font-family:var(--eng-font2);}
/*제목*/
.hb1{display:block;position:relative;min-height:0;margin:.666em 0;padding:0;color:#555; line-height:var(--lineH-n);letter-spacing:-.071em;}
.hb1.h1{font-size:2.250em;} /* =36/16 */
.hb1.h2{font-size:2.000em;} /* =32/16  */
.hb1.h3{font-size:1.750em;} /* =28/16  */
.hb1.h4{font-size:1.500em;} /* =24/16  */
.hb1.h5{font-size:1.250em; font-weight:500} /* =20/16  */
.h5_l {font-weight:300; padding-left:12px; }
.h5_l:before {content:""; display:inline-block; width:5px; height:80%; background:#444; position:absolute; left:0; top:50%; transform: translateY(-50%); }
.h6_l {font-weight:300; padding-left:10px; }
.h6_l:before {content:""; display:inline-block; width:3px; height:60%; background:#333; position:absolute; left:0; top:50%; transform: translateY(-50%); }
.secTit {position:relative; display:inline-block !important; z-index:10; /*transition:all 400ms; */font-weight:700; font-size:1.5rem; text-align:center; color:#44280e; text-transform: uppercase; margin-bottom:1em; letter-spacing:-0.04em}
.secTit:before{
		opacity:.9; 
		content:""; 
		display:block; 
		position:absolute; 
		bottom:0; 
		left:0; 
		z-index:-1; 
		width:100%; 
		height:30%; 
		background:#e2ceaf; 
		transition:all 400ms;
		}
.secSTit {position:relative; font-size:var(--secSTit); color:#333; margin:2rem 0 1rem 0}
.secSTit span {display:block; font-family: 'Montserrat', sans-serif; color:#d4c8be; font-size:11px; letter-spacing:0.02em; text-transform:uppercase;}
.dataTit {
	position:relative; 
	display:flex; 
	flex-flow:column wrap; 
	margin-bottom:var(--margin-1)
}
.dataTit>h4 {
	display:inline-block; 
	font-size:var(--secTit) !important; 
	font-weight:var(--font-weight-7) !important
}
.dataTit>h4>em {
	font-size:var(--text-base);
}

.dataTit>p:nth-of-type(2) {
	font-size:var(--text-xl);
	font-weight:var(--font-weight-7) !important
}
.underline{position:relative; display:inline-block !important; z-index:10; transition:all 400ms;}
.underline:before{
		opacity:.14; 
		content:""; 
		display:block; 
		position:absolute; 
		bottom:0; 
		left:0; 
		z-index:-1; 
		width:100%; 
		height:50%; 
		background:var(--theme-color); 
		transition:all 400ms;
		}
.underline:hover{color:#fff;}
.underline:hover:before{opacity:1; height:100%;}

.Tline {position:relative; transition:all 400ms;}
.Tline:after {
	content:"";
	position:absolute;
	width:calc(100% - 50px);
	height:1px; 
	right:0;
	top:50%;
	background:var(--color-c); 
	transition:all 400ms;

}
.engTit h3 {color:var(--color-c); font-size:3.25rem; font-weight:700; line-height:var(--lineH-n)}
.engTit h3:before{
	display:block;
	content:"“";
	font-family:var(--sub-title-font);
	font-size:1.25em;
	line-height:0;
}

/*fonttype*/
.Quentin {font-family: 'Quentin';}
/*텍스트*/
.theme-color{color:var(--theme-color)!important}
.theme-color2{color:var(--theme-color2)!important}
.redtxt {color:#cc3333 !important;}
.biolettxt1 {color:#333399 !important;}
.pinktxt1 {color:#990066 !important;}
.greentxt1 {color:#6ab850 !important;}
.orangetxt {color:#ff6600 !important;}


/* color */
.bl0{color:#000 !important;}
.bl3{color:#333 !important;}
.bl5{color:#555 !important;}
.bl6{color:#666 !important;}
.bl9{color:#999 !important;}
.b46{color:#464646 !important;}

.warning {position:relative; color:#cc3333 !important; padding-left:1.125rem; line-height:1.2em}
.warning:before {position:absolute; left:0; top:0; content:"\ea2d"; font-family: 'xeicon' !important; display:inline-block; vertical-align:middle}

.helptxt {position:relative; padding-left:1.125rem; line-height:1.2em}
.helptxt:before {position:absolute; left:0; top:0; content:"\e9ad"; font-family: 'xeicon' !important; display:inline-block; vertical-align:middle}

/*폰트사이즈*/
.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;
}

/*자간*/
.fsp0{letter-spacing:0 !important}

/* font 두께 */
.fsn{font-style:normal !important;}
.fsi{font-style:italic !important;}
.fwn{font-weight:normal !important;}
.fwb{font-weight:bold !important;}
.fw1{font-weight:100 !important;}
.fw2{font-weight:200 !important;}
.fw3{font-weight:300 !important;}
.fw4{font-weight:400 !important;}
.fw5{font-weight:500 !important;}
.fw6{font-weight:600 !important;}
.fw7{font-weight:700 !important;}
.fw8{font-weight:800 !important;}
.fw9{font-weight:900 !important;}

/*배경색*/
.bg-color1{background-color:var(--bg-color1) !important;}
.bgcfc{background-color:#fcfcfc !important;}
.bgcf7{background-color:#f7f7f7 !important;}
.bgcf4{background-color:#f4f4f4 !important;}
.bgce{background-color:#eee !important;}
.bgcc{background-color:#ccc !important;}

/*마진패딩*/
.secMB {margin-bottom:var(--secgap)}
.secMT {margin-top:var(--secgap)!important}
.secMTB {margin-top:var(--secgap)!important; margin-bottom:var(--secgap)!important}
.mTB {margin:1rem 0}
.mTB00 {margin-top:0 !important; margin-bottom:0 !important;}
.mT10 {margin-top:10px !important;}
.mB5 {margin-bottom:5px !important}
.mB10 {margin-bottom:10px !important}
.mB40{margin-bottom:40px !important;}
.mL5 {margin-left:5px !important}
.mL10 {margin-left:10px !important}
.mR3 {margin-right:3px !important}
.mR5 {margin-right:5px !important}
.mR10 {margin-right:10px !important}
.mT-1px{margin-top:-1px !important;}
.mB-1px{margin-bottom:-1px !important;}

.mT1em{margin-top:1em !important;}
.mT2em{margin-top:2em !important;}
.mB1em{margin-bottom:1em !important;}
.mB2em{margin-bottom:2em !important;}
.mB3em{margin-bottom:3em !important;}
.mL1em{margin-left:1em !important;}
.mR1em{margin-right:1em !important;}
.mT125em{margin-top:1.25em !important;}
.mB125em{margin-bottom:1.25em !important;}
.mL125em{margin-left:1.25em !important;}
.mR125em{margin-right:1.25em !important;}
.mT1333em{margin-top:1.333em !important;}
.mB1333em{margin-bottom:1.333em !important;}
.mL1333em{margin-left:1.333em !important;}
.mR1333em{margin-right:1.333em !important;}
.mT15em{margin-top:1.5em !important;}
.mB15em{margin-bottom:1.5em !important;}
.mL15em{margin-left:1.5em !important;}
.mR15em{margin-right:1.5em !important;}
.mT1666em{margin-top:1.666em !important;}
.mB1666em{margin-bottom:1.666em !important;}
.mL1666em{margin-left:1.666em !important;}
.mR1666em{margin-right:1.666em !important;}
.mR5p {margin-right:5% !important;}



.pd10 {padding:10px !important;}
.pd30 {padding: 25px 30px !important;}
.pd20 {padding: 20px 25px !important;}
.bpd1 {padding:1em !important;}
.bpd2 {padding:2em !important;}
.bpd23 {padding:2em 3em !important;}
.bpd02 {padding:0em 2em !important;}
.pd2em {padding:2em}
.bdTL {padding-top:3.5rem; border-top:1px solid #eee}
.bdBL {padding-bottom:3.5rem; border-bottom:1px solid #eee}
.bdTB {padding-top:3.5rem !important; padding-bottom:3.5rem !important;}
.bdT {padding-top:2.5rem;}
.bdB {padding-bottom:2.5rem;}
.bdB200p {padding-bottom:12.5rem;}
.bdTBL {padding-top:2.5rem; padding-bottom:2.5rem; border-bottom:1px solid #eee}
.bdWTBL {padding-top:3.5rem; padding-bottom:3.5rem; border-bottom:1px solid #eee}
.mdB {margin-bottom:1.5rem !important;}
.mdB2x{margin-bottom:2rem !important;}
@media all and (min-width:768px){
.mTB {margin:2rem 0}
}



@media all and (min-width:1000px){
.pageTit {font-size:2.5em}
.mTB {margin:3rem 0}
.mdB {margin-bottom:3rem !important;}
.mdB2x{margin-bottom:6rem !important;}
.bdBL {padding-bottom:4.5rem; }
.bdB {padding-bottom:3.5rem;}
.bdWTB {padding-top:4.5rem !important; padding-bottom:4.5rem !important;}
}

@media all and (min-width:1600px){
.mdB {margin-bottom:3.5rem !important;}
.mdB2x{margin-bottom:7rem !important;}
.bdB {padding-bottom:4rem;}

}

.ver_pc {display:none !important}
.ver_mobile {display:block !important}

/*넓이*/
.w50 {width:50px !important;}
.w80 {width:80px !important;}
.w100 {width:100px !important;}
.w150 {width:150px !important;}
.w200 {width:200px !important;}
.w20p {width:20% !important;}
.w60p {width:60% !important;}
.w80p {width:80% !important;}
.w100p {width:100% !important;}
.w-1400 {max-width:1400px;}


/*박스타입*/
.noticeBox{
    margin-top: 30px;
    padding: 25px 28px;
    background: #f8f8f8;
	border-top: 2px solid #a5856a;
}
.noticeBox>div {width:100%}
.noticeBox h4 {display:inline-block; background:#584840; color:#fff; text-align:center; padding:0.222rem 1rem; border-radius:20px; margin-bottom:1rem}

@media all and (min-width:1400px){
.noticeBox{padding: 35px 38px;}
.noticeBox.coltwo {display:flex; justify-content:center}
.noticeBox>div {width:auto; min-width:400px; margin:2rem}
}
/*border top*/
.box0 {position:relative;padding:10px;margin:10px 0;border:1px solid #d7d7d7;border-top:1px solid #4a4a4a;}
.box1 {position:relative;padding:10px;border:1px solid #d7d7d7;}
.box2 {position:relative;padding:10px;border:1px solid #d7d7d7;}
.box2:before {content:""; position:absolute; left:0; top:0; background:#333; width:100%; height:2px}
.box1>span {white-space:pre-line;}
.labelBox {background:#f9f9f9; display:inline-block; border:1px solid #ccc; padding:0 0.75em; height:38px; line-height:38px; margin:0 5px 5px 0}
.labelBox2 {background:#fff; display:inline-block; /*border:1px solid #ccc;*/ padding:0 0.75em; height:38px; line-height:38px; margin:0 5px 5px 0}
.llinebox {position:relative;background:#fff;padding:1em;margin:10px 0;border-left:6px solid #18438a;box-shadow: 10px 10px 20px rgba(0,0,0,0.5);}
	.line1 {border-color:#18438a}
	.line2 {border-color:#2359b2}
	.line3 {border-color:#5a6c8b}
.inputBox {border:1px solid #ddd;}
.potobox1 {background:#f2f2f2}
.potobox1>.cont {padding:1em}
.potobox1>.cont>h4 {font-size:1.5em; margin-bottom:1em}
.infoBox {position:relative;border:1px solid #ebebeb; padding:1em}

.infoBox:before{display:block;content:'';position:absolute;top:-1px;left:-1px;width:90px;height:70px;border-top:1px solid #192c55;border-left:1px solid #192c55;}
.infoBox ul li {color:#333; font-size:0.875em; font-weight:300}
.infoBox>.infoCont ul li {padding: 3px 0 4px 0}
.bdbox{border:1px solid #e6e6e6; border-top:2px solid #6d6a60}
.pdbox{padding:1em;}
.pdbox2{padding:2em;}

@media all and (min-width:980px){
.llinebox {padding:2em}
.infoBox {padding:2em}

[class*='decoICON']{display:block; float:left;width:60px;height:60px;margin:0 30px;}
.decoICON1{background:url(../images/common/decoICON1.png) no-repeat center center;background-size:contain;}
.decoICON2{background:url(../images/common/decoICON2.png) no-repeat center center;background-size:contain;}
.infoBox>.infoCont {display:table}
.infoBox>.infoCont ul{display:table-cell; }
.infoBox>.infoCont ul:first-child {padding-right:3em}
.infoBox .baro {position:absolute; right:20px; top:50%;  transform:translate(0,-50%); display:block; min-width:185px }
.infoBox .baro .button {width:100%;}
.potobox1>.cont {padding:2em}
}



/* List */
ul.b0,
ol.b0,
dl.b0{list-style:none;margin-left:0;padding-left:0;text-align:left;}
ul.b0>li,
ol.b0>li,
dl.b0>dt,
dl.b0>dd{margin:.333em 0;padding:0;}

/* 일반목록 */
ul.bu{list-style:none;margin-left:0;padding:0;text-align:left;}
ul.bu ul{list-style:none;margin:.5em 0;padding:0;}
ul.bu li{position:relative; margin:.333em 0;padding:0 0 0 10px; font-size:1em; color:#555; font-weight:300}
ul.bu>li:before {content: ""; width: 4px;height: 4px;background: #9e9e9e; display:inline-block; vertical-align:middle; margin-right:2px; position:absolute; left:0; top:8px}
ul.bu>li>ul>li:before {
	content: "" ; 
	width:4px; 
	height:1px; 
	background:#555;  
	display:inline-block;
	position:absolute;
	left:0; 
	top:11px;
}


/* 순번목록*/
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+] )) ★☆호환 */
html.gteIE9orSUA ol.bo1{list-style:none;margin-left:0;padding:0 0 0 2.1em; /* ☆~99 보장 */text-align:left;}
html.gteIE9orSUA ol.bo1>li:before{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:#005aab; /* #08b */
	color:#fff;
	font-weight:400;
	font-size:.857em; /* =12/14 */
	font-family:Helvetica,Arial,sans-serif;
	line-height:1;
	letter-spacing:-1px;
	text-align:center;
	vertical-align:middle;
}
html.gteIE9orSUA 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;
}

html.gteIE9orSUA ol.bo1>li:nth-child(1):before{content:'1'}
html.gteIE9orSUA ol.bo1>li:nth-child(2):before{content:'2'}
html.gteIE9orSUA ol.bo1>li:nth-child(3):before{content:'3'}
html.gteIE9orSUA ol.bo1>li:nth-child(4):before{content:'4'}
html.gteIE9orSUA ol.bo1>li:nth-child(5):before{content:'5'}
html.gteIE9orSUA ol.bo1>li:nth-child(6):before{content:'6'}
html.gteIE9orSUA ol.bo1>li:nth-child(7):before{content:'7'}
html.gteIE9orSUA ol.bo1>li:nth-child(8):before{content:'8'}
html.gteIE9orSUA ol.bo1>li:nth-child(9):before{content:'9'}
html.gteIE9orSUA ol.bo1>li:nth-child(10):before{content:'10'}

/* box*/
.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:-2rem;
	margin-left:-2rem;
	margin-top:-1rem;
	margin-bottom:-1rem;
}
.row-R {flex-direction : row-reverse !important}
.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:2rem; 
	padding-left:2rem;
	padding-top:1rem;
	padding-bottom:1rem;
}
.flexBox>div>a {color:var(--color-3)}
.flexBox>div>a>h3 {position:relative}

.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%}

}

.iconBox {
	position:relative; 
	height:100%; 
	display: flex;
    flex-flow: column;
	align-items:center; 
	border-radius:var(--box-radius-1); 
	padding:var(--boxpd); 
	overflow:hidden;
	box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.08);
}
.iconBox:before,.iconBox:after {
	content:"";
}
.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%;
	margin-bottom:var(--margin-s)

}
.iconBox.bg-color1 {background-color:var(--bg-color1);}
.iconBox.bg-color2 {background-color:var(--bg-color2);}
.iconBox.bg-color3 {background-color:var(--bg-color3);}
.iconBox.bg-color4 {background-color:var(--bg-color4);}
.iconBox.bg-color5 {background-color:var(--bg-color5);}

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

.iconTime:before{
	background-image:url("/img/icon/schedule.svg");
	animation:rotate-center 30s ease-in-out infinite both
}
.iconPhone:before{
	background-image:url("/img/icon/phone.svg");
}

.ClosedDays:before{
	background-image:url("/img/icon/event_busy.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; display:inline-block}
.iconBox ul {width:100%; box-sizing: border-box;}
.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);}

.bgcolor1 {background:#edffe4}
.bgcolor2 {background:var(--box-color1)}
.bgcolor3 {background:var(--box-color3)}
.bgcolor4 {background:var(--bg-color4)}
.bgcolor-3{background:var(--color-3)}
.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;
}*/
.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);}

.textCont1 {padding:0 0 var(--inpd) 0;}
.textCont1 p {margin-bottom:var(--margin-s) !important;}

.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")}






@media all and (min-width:1024px) {
	.iconBox:before {
		width:4rem;
		height:4rem;
	}
}
@media all and (min-width:1600px) {
	.iconBox:before {
		width:6rem;
		height:6rem;
	}
}

/* dl*/
.dltype1 {display:flex; flex-flow:row wrap;}
.dltype1>dt,.dltype1>dd {margin-bottom:0.333em}
.dltype1>dt {position:relative; width:100px; font-weight:300; color:#333; padding-left:10px}
.dltype1>dd {color:#222; width:calc(100% - 100px)}
.dltype1>dt:before {
	content: "";
	width: 4px;
	height: 4px;
	background: #ccc;  
	border-radius:100%; 
	display:inline-block; 
	vertical-align:middle; 
	margin-right:2px; 
	position:absolute; 
	left:0; 
	top:0.666rem; 
	/*transform:translateY(-50%)*/
}

/* 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;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: separate; border-top:1px solid #27272f;}
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:first-child,
table.t2>*>tr>td:first-child {border-left-width:0}
table.t2>*>tr>td.bdL1 {border-left-width:1px !important}
table.t2>*>tr>th:last-child,
table.t2>*>tr>td:last-child {border-right-width:0}
table.t2>*>tr>th{background:#fff;font-weight:normal;color:#444; font-weight:500;}
table.t2>thead>tr>th {line-height:30px}
table.t2>*>tr.bgcf7>th {background:#f7f7f7;}
table.t2>tbody>tr>th{background:#fafbfc;}
table.t2>*>tr>th,table.t2>*>tr>td {vertical-align:middle; text-align:center}
table.t2>*>tr>td {color:#666;}
.bdL1 {border-left-width:1px}
/* 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;}

/* border 상하(좌우) border-top 강조 */
table.t3{
	width:100%;
	margin:.666em 0;
	border-top:2px solid var(--color-2);
	border-bottom:1px solid #57402f;
	background:#fff;
}
table.t3>*>tr:first-child,table.t3>*>tr>td:last-child{}
table.t3>*>tr>th,
table.t3>*>tr>td{padding:.75em .85em;border:1px solid #ccc; background:var(--color-w);}
table.t3>*>tr>th,table.t3>*>tr>td {vertical-align:middle}
/*여백넓게*/
table.t3.wide>*>tr>td{padding:.825em .923em;border:1px solid #d7d7d7;border-width:1px 1px 0 0;}
table.t3>thead>tr>th{
	padding:.666em;
	border-width:1px;
	border-color:var(--color-c);
	background:var(--color-2);
	color:var(--color-w);
	line-height:1.333;
}

table.t3>tbody>tr:first-child>td{border-top-width:0;}
table.t3>tbody>tr.close>td {background-color:var(--color-c); text-decoration: line-through;
출처: https://hianna.tistory.com/704 [어제 오늘 내일:티스토리]}
/*요금 */
table.priceTB{width:100%; max-width:600px; margin:0  0 var(--margin-1) 0; border-top:2px solid var(--color-3);border-bottom:1px solid var(--color-3);}
table.priceTB>*>tr>th {background-color:var(--color-f5)}
table.priceTB>*>tr>th,
table.priceTB>*>tr>td{padding:.75em .85em;border:1px solid #ccc; text-align:var(--text-c)}
table.priceTB>*>tr>th,table.priceTB>*>tr>td {vertical-align:middle}
.maxW1000 {max-width:1000px}
.scrollTB {width:100%; overflow-x:auto;}
.scrollTB > table {width:100%; min-width:935px; font-size:0.875em}
.tac th, .tac td {text-align: center;}
.table.stxt {font-size:0.875em; color:#555}
.bgcolor1 {background:#f5f5f5}
.bgcolor2 {background:#fffbf6}




/*footer*/
#footer {position:relative; background:#111; width:100%; padding:1.5rem; color:#fff; font-size:0.875em; text-align:center}
#footer ul {display:flex; justify-content:center; margin-bottom:var(--margin-1)}
#footer ul li a {padding:1rem 0.666rem; display:block; color:var(--color-9)}
#footer ul li:nth-of-type(1) a {color:var(--color-c); font-weight:var(--font-weight-7)}
#footer p {line-height:1.3em !important; font-weight:300; margin-bottom:var(--margin-1)}
#footer p span {white-space:nowrap; margin-right:0.666rem}
#footer p span:last-child{margin-right:0rem}
#footer p a {color:var(--color-w)}
#footer p.copy{font-family:var(--sec-title-R);font-size:var(--text-xs); opacity:0.4}
#footer p.copy em {display:inline-block; white-space:nowrap}
#pageup {
	position: fixed; 
	z-index:9990 !important; 
	right: 20px; 
	bottom: 20px; 
	background:var(--theme-color); 
	width: 50px; 
	height: 50px;
	line-height:50px;
	padding-top:6px;
	display: none;
	cursor: pointer;
	text-align:center;
	z-index:4000;
}
#pageup:after {
	content:"";
	display:inline-block;
	margin:0 auto;
	width:36px;
	height:36px;
	background-color:var(--color-w);
	-webkit-mask-image:url(/img/icon/chevron-up.svg);
	mask-image:url(/img/icon/chevron-up.svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center center;
	mask-position: center center;
	-webkit-mask-size: cover;
	mask-size: cover; 
	text-align:center; 
	
}

@media only screen and (min-width:1200px){
#pageup:after {font-size:1.25em}
#footer p span {margin-right:1rem}
}



/* 개인정보취급방침 상세화면*/
#privit_detail_pop_up,#mail_detail_pop_up{ display:none;}
#privit-button {cursor:pointer;}
/*#member-button:after {content:"\f002"; font-family:'Line Awesome Free'; font-weight:900; font-size:18px; margin-left:8px}*/
.cominfoBox {width:100%; min-width:320px; max-width:650px; margin:0 auto; background:#fff; left:50% !important; transform: translateX(-50%)}
.privitBox {padding:1em; height:500px; overflow-y:scroll;}
#mail_detail_pop_up .privitBox {height:300px;}

.privitBox pre{overflow:hidden; white-space:pre-wrap; font-family:'nsk','nbg','Dotum','arial','sans-serif'; font-size:0.825em; color:#555; font-weight:300}

.popupW {position:relative; width:100%; padding:60px 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:50px; line-height:50px; padding-left:1em; background:#333; font-family: 'GmarketSansMedium'; color:#fff}
#privit_detail_pop_up .popupW:before {content:"개인정보취급방침";}
#mail_detail_pop_up .popupW:before {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{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);}


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



/*애니메이션*/
.animated{-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
@-webkit-keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInUp{from{opacity:0;webkit-transform:translate3d(0, 20%, 0);transform:translate3d(0, 20%, 0)}to{opacity:1;webkit-transform:none;transform:none}}

.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;}
@-webkit-keyframes fadeInRight{from{opacity:0;webkit-transform:translate3d(+50%, 0, 0);transform:translate3d(+50%, 0, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInRight{
	from{
		opacity:0;
		webkit-transform:translate3d(+50%, 0, 0);
		transform:translate3d(+50%, 0, 0)
	}
	to{
		opacity:1;
		webkit-transform:none;
		transform:none
	}
}

.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeInLeft{from{opacity:0;webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}to{opacity:1;webkit-transform:none;transform:none}}
@keyframes fadeInLeft{from{opacity:0;webkit-transform:translate3d(-20%, 0, 0);transform:translate3d(-20%, 0, 0)}to{opacity:1;webkit-transform:none;transform:none}}