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

/* 주석해제시 체크박스 충돌함.
* {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; }
:focus{text-decoration:underline; outline: 0px dashed #ccc; -webkit-appearance: none; -webkit-tap-highlight-color: transparent;}
[href^='tel']{text-decoration:none !important;cursor:default;}
a[href="tel"] {color:inherit !important; text-decoration:none;}
[class="ContackNum"] {display:inline-block; margin-right:5px}
[class="ContackNum"]:before {content:"\f2a0";font-family: 'Line Awesome Free'; font-weight: 900; color:#666; font-size:16px; display: inline-block; vertical-align:middle; margin-right:5px}
input[type="submit"]{-webkit-appearance: none; }
input::-webkit-input-placeholder {color: #999; font-size:13px}
input:-moz-placeholder {color: #999;font-size:13px }
input::-moz-placeholder {color: #999;font-size:13px }
input:-ms-input-placeholder {color: #999;font-size:13px }
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder { color:transparent; } 
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder { color:transparent; } 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder { color:transparent; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder { color:transparent; }
*/

a:before {line-height:0}
body,html{font-family: '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}


/* 정렬 */
.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}

/*제목*/
.hb1{display:block;position:relative;min-height:0;margin:.666em 0;padding:0;color:#555; font-weight:600;line-height:1.333;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-weight:500; font-size:1.25em; color:#333; padding-left:0.666rem; margin:2rem 0 1rem 0}
.secSTit:before {
	content:""; 
	display:inline-block; 
	width:6px; 
	height:70%; 
	background:#a4856b;
	position:absolute; 
	left:0; top:50%; 
	transform: translateY(-50%);
	}
.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:row wrap; justify-content: space-between; margin-bottom:1rem}
.dataTit>h3 {display:inline-block; font-size:1.25em; font-weight:500}

.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:#e2ceaf; 
		transition:all 400ms;
		}
.underline:hover{color:#fff;}
.underline:hover:before{opacity:1; height:100%;}

/*fonttype*/
.NotoJP {font-family: 'Noto Sans JP', sans-serif;}
.Quentin {font-family: 'Quentin';}
/*텍스트*/
.graytxt1 {color:#666 !important;}
.graytxt2 {color:#ccc !important;}
.redtxt {color:#cc3333 !important;}
.bluetxt1 {color:#3fa7d2 !important;}
.bluetxt2 {color:#3366cc !important;}
.biolettxt1 {color:#333399 !important;}
.pinktxt1 {color:#990066 !important;}
.greentxt1 {color:#6ab850 !important;}
.orangetxt {color:#ff6600 !important;}
.orangetxt2 {color:#d66022 !important;}
.orangetxt3 {color:#e58c34 !important;}
.yellowtxt1 {color:#ffcc00 !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}

/*폰트사이즈*/
.sstxt {font-size:0.750em!important;}
.stxt {font-size:0.875em!important;}
.ltxt {font-size:1.250em!important;}
.lltxt {font-size:1.5em!important;}
.fss{font-size:0.875em !important;} /* 14/16 */
.fsm{font-size:1em !important;} /* 16/16 */
.fsl{font-size:1.125em !important;} /* 18/16 */
.fsxl{font-size:1.250em !important;} /* 20/16 */
.fsxxl{font-size:1.375em !important;} /* 22/16 */

/*자간*/
.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;}

/*배경색*/
.bgcf{background-color:#fff !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;}

/*마진패딩*/
.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;}
.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'}

/* dl*/
.dltype1 {display:flex; flex-flow:row wrap; font-size:0.875em}
.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:50%; 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;}
[class*='t']>*>tr>td{font-family: 'Montserrat','Pretendard','Malgun Gothic', sans-serif; font-weight:300}
/* 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:0;border-collapse:collapse;border-top:2px solid #57402f;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;/*border-width:1px 1px 0 0;*/}
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>*>tr>th{background:#fffbf6;font-weight:normal;}
table.t3>thead>tr>th{padding:.666em;border-width:1px;border-color:#57402f;background:#a5856a;color:#fff;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} 보이도록 한다. */
.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:#333; width:100%; padding:1.5rem; color:#fff; font-size:0.875em; text-align:center}
#footer ul {display:flex; justify-content:center}
#footer ul li a {padding:1rem 0.666rem; display:block; color:#999}
#footer p {line-height:1.3em !important; font-weight:300}
#footer p span {white-space:nowrap; margin-right:0.666rem}
#footer p span:last-child{margin-right:0rem}
#footer p a {color:#fff}
#footer p.copy{margin:1rem 0 !important; font-size:0.825rem; font-weight:200; opacity:0.4}
#pageup {position: fixed; z-index:9990 !important; right: 20px; bottom: 20px; background:#7e6048; width: 50px; height: 50px; display: none; cursor: pointer; z-index:4000;}
#pageup:after {display:block; content: "\e944";  font-family: xeicon!important;  font-size:24px;  color:#f5f5f5; text-align:center; line-height:50px}
@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;}
}