@charset "UTF-8";
@import 'fontSet.css';
@import 'main.css';
@import 'check-radio.css';
/*
	Copyright 2016 Raonbnp
	http://raonbnp.com, http://raonwebstore.com
*/

/* [data-aos^=fade][data-aos^=fade]{opacity: 1 !important;}
[data-aos=fade-left],
[data-aos=fade-right],
[data-aos=fade-down],
[data-aos=fade-up] {transform: none !important;} */

.goTop {display:none;}

.modal_style .close{
	opacity: 1;
	font-size: 50px;
}
@media (min-width: 768px) {
	.modal_style .modal-dialog {
		max-width: 1000px;
		width: 100%;
	}
}
@media (max-width: 767.98px) {
	.modal_style .modal-header {padding: 5px;}
	.modal_style .close{font-size: 30px;}
}

/* #sub0202 .tab a:last-child{display:none;} */
body {
  height: 100%;
  color: #000;
  background-color: #fff;
  overflow-y:auto;
  overflow-x:hidden;
}
html {
  /* height: 100% !important; */
  -ms-overflow-style: scrollbar;
}
a:hover{text-decoration: none;}
.btn.btn-red-o{
	background:none;
	border:1px solid #c02126;
	color:#c02126;
}
.btn.btn-blue-o{
	background:none;
	border:1px solid #0057b8;
	color:#0057b8;
}
.btn.btn-white-o{
	background:none;
	border:1px solid #fff;
	color:#fff;
}
.radius-none{
	border-radius:0 !important
}
.btn.btn-bullet{
	border:1px solid #333;
	border-radius:0 !important;
	position:relative;
}
.btn.btn-bullet:after {
	content:"";
	position:absolute;
	right:0;
	bottom:0;
	width:6px;
	height:4px;
	background:#333;
	transition:all 0.2s ease-in-out !important;
	-moz-transition:all 0.2s ease-in-out !important;
	-webkit-transition:all 0.2s ease-in-out !important;
	-o-transition:all 0.2s ease-in-out !important;
}

@media (min-width: 1200px){
	.container {
		width: 100%;
	}
	.container.container-lg{
		width:1280px;
	}
	.container.container-sm{
		width:1100px;
	}
	.container.container-xs{
		width:1000px;
	}
}



/*boots 추가 스타일*/
/* content styles */

.inside {

}
.inside-full-height {
  /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
}
.content {
  padding: 12px 3px;
}
.btn_board_bottom button{
	width:110px!important;
	color:#fff!important;
    background: #2a9243;
    border: 1px solid #2a9243;
	display: inline-block;
    font-size: 16px;
    font-weight: 400;
    padding: 5px 0;
    border-radius: 4px;
    margin: 0 2px;
}
/* columns of same height styles */

.row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}
.col-height {
  display: table-cell;
  float: none;
  height: 100%;
}
.col-top {
  vertical-align: top;
}
.col-middle {
  vertical-align: middle;
}
.col-bottom {
  vertical-align: bottom;
}
@media (min-width: 480px) {
  .row-xs-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-xs-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-xs-top {
    vertical-align: top;
  }
  .col-xs-middle {
    vertical-align: middle;
  }
  .col-xs-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 768px) {
  .row-sm-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-sm-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-sm-top {
    vertical-align: top;
  }
  .col-sm-middle {
    vertical-align: middle;
  }
  .col-sm-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 992px) {
  .row-md-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-md-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-md-top {
    vertical-align: top;
  }
  .col-md-middle {
    vertical-align: middle;
  }
  .col-md-bottom {
    vertical-align: bottom;
  }
}

@media (min-width: 1200px) {
  .row-lg-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
  }
  .col-lg-height {
    display: table-cell;
    float: none;
    height: 100%;
  }
  .col-lg-top {
    vertical-align: top;
  }
  .col-lg-middle {
    vertical-align: middle;
  }
  .col-lg-bottom {
    vertical-align: bottom;
  }
}


#Wrapper {
 height: 100%;
  width: 100%;
	overflow-x: hidden !important;
  _overflow-x:hidden !important;
  word-break: keep-all;
}

/*라인 설정*/
.titleLine {border-top:1px solid #00aeef;}
.titleLine.lineBlue{border-color:#00aeef;}
.titleLine.lineWhite{border-color:#fff;}
.titleLine.line-lg {border-width:6px;}
.titleLine.line-md {border-width:4px;}
.titleLine.line-sm {border-width:2px;}
.titleLine.line-left{display:inline-block;}


/**/
.listMore {
	padding:30px 0;
	text-align:center;
}


/*푸터*/
#footerWrap {
    background: #ffffff;
    border-top:1px solid #e7e7e7;
}
#footerWrap .footLogo{
	opacity:.4;
	margin:0;
	line-height:0;
}
#footerWrap .sns{
}
#footerWrap .sns > a{
	display:inline-block;
	margin-right:20px;
}
#footerWrap .sns > a:hover > img{
	-ms-transform: scale(1.6,1.6); /* IE 9 */
    -webkit-transform: scale(1.6,1.6); /* Safari */
    transform: scale(1.6,1.6); /* Standard syntax */
}
#footerWrap .btn.dropdown-toggle{
	background:#f1f1f1 !important;
	border:1px solid #eee !important;
}
#footerWrap address > p {
	display:inline-block;
	font-size:14px;
    margin:0;
    line-height: 1.6;
}
#footerWrap address{
    margin-bottom:0;
}




@media(max-width:767px){
	#footerWrap address > p {
		display:inline-block;
		float:none;
		padding: 0 15px;
	}
}
#footerWrap .inforLink {}
#footerWrap .inforLink li {
}
@media(max-width:992px){
	#footerWrap .inforLink li {
		display:inline-block;
	}
}
#footerWrap .SocialLink li a{
	display:block;
	width:50px;
	height:50px;
	border-radius:50%;
	color:#fff;
	line-height:50px;
	text-align:center;
	background:#52555a;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}
#footerWrap .SocialLink li a.facebook:hover {
	background:#3b5998;
}
#footerWrap .SocialLink li a.twitter:hover {
	background:#1DA1F3;
}
#footerWrap .SocialLink li a.blog:hover {
	background:#00C33B;
}
#footerWrap .SocialLink li a.instagram:hover {
	background:#3b5998;
}

#footerWrap .family_site{
	position:relative;
	z-index:10;
	display:inline-block;
}
#footerWrap a{
	font-size:14px;
}
#footerWrap .family-btn {
    background: #2a9243;
	min-width: 160px;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    font-size: 14px;
	color:#fff;
}
#footerWrap .family-btn i.fcBlack{
	display:none;
}
#footerWrap .active {
    background: #fff;
	border:1px solid #2a9243;
	color:#000;	
	position:relative;
	z-index:2;
	border-top:none;
	border-radius: 0 0 30px 30px;
}
#footerWrap .active i.fcWhite{
	display:none;
}
#footerWrap .active i.fcBlack{
	display:inline-block;
}
#footerWrap .family_site > ul {
    position: absolute;
    bottom: 0px;
    display: none;
    background: #fff;
    border: 1px solid #2a9243;
    border-radius: 30px;
    text-align: left;
    padding: 10px 12px;
    left: -0px;
    padding-bottom: 40px;
    z-index: 0;
}
#footerWrap .family_site > ul a{
	font-size:14px;
	color:#5b5959;
	padding:4px 0;
	display:block;
}
@media (max-width: 992px){
	#footerWrap .family-btn,
	#footerWrap .active{
		width:140px;
		padding: 8px 0px 8px 2px;
	}
	#footerWrap .family_site > ul {
		padding: 8px;
		width:160px;
		padding-bottom:30px;
	}
}
/*서브*/

#footerWrap .goTop{
	position:fixed;
	width:60px;
	height:60px;
	display:flex;
    justify-content: center;
    flex-direction: column;
	align-items:center;
	gap:8px;
	right:50px;
	bottom:40px;
	padding:10px 8px 10px 8px;
	text-align:center;
	background:#754c24;
	line-height:1.1;
	z-index:50;
	color:#fff;
}
#footerWrap .goTop:hover{
		/*
		padding-bottom:25px;
		background: #2a9243;
		*/
}

#subVisual-Wrap {
	position:relative; 
	overflow:hidden;
	height:350px;
}
@media(max-width:992px){
	#subVisual-Wrap {
		height:250px;
	}
}
#subVisual-Wrap  > img{
	position:absolute;
	top:0;
	left:50%;
	transform:translateX(-50%);
	z-index:1;
}
#subVisual-Wrap .subVisual-text {
	position:absolute;
	height:100%;
	width:100%;
	z-index:2;
}
#subVisual-Wrap .subVisual-text .dp-table{
	height:100%;
	margin:0 auto;
	width:100%;
	max-width:1200px;
}

/*로케이션 메뉴*/
#sub_location{
	position:fixed;
    background: #f7f7f7;
	border-bottom:1px solid #ddd;
	z-index:29;
    height:60px;
    margin-top:71px;
    width:100%;
}
#sub_location .sub_location_area{
	position:absolute;
	left:0;
	width:100%;
	height:60px;
}
#sub_location .sub_location_area > ul{
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0 auto;
	z-index:99;
	height:60px;

}
#sub_location .sub_location_area > ul li.home{
	border-left:1px solid #ddd;
	float:left;
	background:none !important;
}
#sub_location .sub_location_area > ul li.home a{
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	color:#333;
	line-height:60px;
	text-align:center;
}
#sub_location .sub_location_area > ul li.sub_dept{
	float:block;
	width:100%;
	text-align:left;
	box-sizing:border-box;
}
@media(max-width:767px){
	#sub_location .sub_location_area > ul li.sub_dept{
		width:100%;
	}
}
#sub_location .sub_location_area > ul li.sub_dept ul{
	height:60px; 
	border-bottom:0 !important;
	border-top:0 !important;
	overflow:hidden;
}
#sub_location .sub_location_area > ul li.sub_dept ul.arrowOpen li:first-child a{
	color:#333; 
	background:url(../images/lnb-arrow.png) no-repeat right center;
    background-size:40px 10px;
}
#sub_location .sub_location_area > ul li.sub_dept ul.arrowOpen.opend li:first-child a{
	background:url(../images/lnb-arrow2.png) no-repeat right center;
	background-size:40px 10px;

}
#sub_location .sub_location_area > ul li.sub_dept ul li:first-child a:hover{
	background:#f1f1f1;
}
#sub_location .sub_location_area > ul li.sub_dept ul li a{
	display:block;
	padding-left:20px;
	font-size:14px;
	font-weight:400;
	color:#052969;
	line-height:59px;
	border-bottom:1px solid #ddd;
}
#sub_location .sub_location_area > ul li.sub_dept ul li:last-child a{
	line-height:58px;
}
/* #sub_location .sub_location_area > ul li.sub_dept ul li a:hover{ background:#f1f1f1;}
#sub_location .sub_location_area > ul li.sub_1dept{top:0px; left:61px;}
#sub_location .sub_location_area > ul li.sub_2dept{top:0px; left:260px;}
 */
#pc-sub-menu{
    margin-top: 90px;
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    z-index: 90;
    width: 100%;
}
#pc-sub-menu > #left-menu{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
#pc-sub-menu > #left-menu > ul {
	margin:0;
	display:inline-block;
	vertical-align:top;
}
#pc-sub-menu > #left-menu > ul > li{
	float:left;
	position:relative;
	background:#f7f7f7;
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
#pc-sub-menu > #left-menu > ul > li:after{
	content:"";
	background:#;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:0%;
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
}
#pc-sub-menu > #left-menu > ul > li:hover:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}
#pc-sub-menu > #left-menu > ul > li:hover{

}
#pc-sub-menu > #left-menu > ul > li:first-child > a{
	border-left:1px solid #e5e5e5;
}
#pc-sub-menu > #left-menu > ul > li > a{
	position:relative;
	z-index:2;
	display:block;
	width:200px;
	padding:15px 0;
	color:#656565;
	font-size:16px;
	text-decoration:none;
	font-weight:400;
	border-right:1px solid #e5e5e5;
}
#pc-sub-menu > #left-menu > ul > li.on{
	background:#fff;
}
#pc-sub-menu > #left-menu > ul > li.on a{
	color:#2a9243;
	font-weight:500;
	border:1px solid #2a9243;
	border-bottom:none;
}
#pc-sub-menu > #left-menu > ul > li.on:before{
    content: '';
    border-bottom: 1px solid #fff;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    position: absolute;
}

#sub-inner-wrap {
	padding:200px 0 80px 0;
	position:relative;
	/* min-height:850px; */
}
#sub-inner-wrap #subTitle {
	margin-bottom:40px;
	margin-top:0;
}

#sub-inner-wrap #left-menu {
	position:absolute;
	left:0;
	top:50px;
	
}
#sub-inner-wrap #left-menu ul{
	border-top:1px solid #0098f3;
	border-bottom:1px solid #0098f3;
	padding:20px 0;
	top:120px;
}
#sub-inner-wrap #left-menu ul li {
	margin:14px 0px;
	padding:0 30px;
}
#sub-inner-wrap #left-menu ul li a{
	display:block;
	color:#888;

}
#sub-inner-wrap #left-menu ul li.on{
	border-left:10px solid #0098f3;
	padding-left:20px;
}
#sub-inner-wrap #left-menu ul li.on a{
	color:#0098f3
}

/*레프트메뉴 있을시*/
#sub-inner-wrap #left-menu2 {}
#sub-inner-wrap #left-menu2 ul li a{
	border:1px solid #ddd;
	display:block;
	padding:20px 20px;
	font-size:16px;
	color:#555;
	margin:-1px 0;
}
#sub-inner-wrap #left-menu2 ul li a:after {
	content:">";
	float:right;
	font-family:dotum;
}
#sub-inner-wrap #left-menu2 ul li.on a{
	color:#037bc1;
	font-weight:bold;
}
.left-menu-wrap #subTitle{
	margin-bottom:0 !important;
	padding:100px 0px 20px 20px; 
	background:#037bc1;
}
@media(max-width:992px){
	.left-menu-wrap #subTitle{
		margin-bottom:0 !important;
		padding:20px 20px 20px 20px; 
		background:#037bc1;
		cursor:pointer;
	}
	.left-menu-wrap #subTitle:after {
		content:"▼";
		float:right;
	}
}

@media(max-width:992px){
	#over_menu_m {margin-bottom:30px;}
	#over_menu_m ul {display:none;}
	#over_menu_m ul li a {
		display:block;
		padding:20px 20px;
		border:1px solid #ddd;
		background:#fff;
		margin:-1px 0;
		font-size:16px;
		color:#444;
	}
	#over_menu_m ul li a:after {
		content:">";
		float:right;
		font-family:dotum;
	}
}


/*메뉴 css*/
#header{
	position:fixed;
	width:100%;
	left:0;
	top:0;
	z-index:50;
	/*
	border-bottom:1px solid rgba(255,255,255,.2);
	padding: 12px 0 11px;
	text-align:center;
	*/
	background: rgba(0,0,0,0);
	transition:all 0.3s ease-in-out !important;
}
#header:hover,
#header.hScroll{
	background: #42210b;
}
#header.top-nav-collapse{
	padding:0px 0!important;
}


/* #header:hover,
#header.top-nav-collapse{
	background:rgba(0,0,0,0.8);
}
#header .menu-over-bg{
	position:absolute;
	left:0;
	top:100px;
	width:100%;
	height:80px;
	background:rgba(81,170,201,0.8);
	z-index:2;
	display:none;
}
#header.top-nav-collapse .menu-over-bg{
	top:66px;
	height:60px;
} */
@media(max-width:1200px){
	#header .menu-over-bg{
		top:96px;
	}
	#header.top-nav-collapse .menu-over-bg{
		/* top:62px;
		height:60px; */
	}
}
#header > .container{
	z-index:3;
	position:relative;
}
#header h1.logo{
/*
	margin:0;
	padding:0;
	font-size:0;
	*/
}
@media(max-width:1200px){
	#header h1.logo img {
		max-width:220px !important;
	}
}
#header .gnb-pc-list {
/*
    display: inline-block;
    vertical-align: bottom;
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
	*/
}
#header .gnb-pc-list > li{
	float:left;
	margin:0px 30px;
	/*position:relative;*/
}
#header .gnb-pc-list > li.sub03{
	display: none;
}
#header .gnb-pc-list > li > a{
	display:block;
	padding:10px 0;
	color:#fff;
	position:relative;
	font-size:2.4rem;
}
#header .gnb-pc-list > li > a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:2px;
	width:0;
	background:#fff;
	transition:all 0.3s ease-in-out ;
	-moz-transition:all 0.3s ease-in-out ;
	-webkit-transition:all 0.3s ease-in-out ;
	-o-transition:all 0.3s ease-in-out ;
}
#header .gnb-pc-list > li:hover > a:after,
#header .gnb-pc-list > li.opened > a:after{
	width:100%;
}
#header .gnb-pc-list > li.opened > a{
	color:#fff;
	font-weight:500;
}
#header .gnb-pc-list > li > ul.dp2-box{
	position:absolute;
	text-align:left;
	width:400px;
	padding-top:0px;
	margin-left:-5px;
	display:none;
}
#header .gnb-pc-list > li:last-child > ul.dp2-box{
	position:absolute;
	text-align:right;
	right:-15px;
	width:400px;
	padding-top:0px;
	display:none;
}
#header .gnb-pc-list > li > ul.dp2-box > li{
	display:inline-block;
}
#header .gnb-pc-list > li > ul.dp2-box > li > a{
	display:none;
	padding:44px 10px;
	color:#fff;
}
#header.top-nav-collapse .gnb-pc-list > li > ul.dp2-box > li > a{
	padding:20px 10px;
}

#header #gnb-m-list > ul > li:not(.sub02) > a.dp1 i{
	display: none;
}
@media(max-width:1650px){
	#header .gnb-pc-list > li {
		margin: 0px 10px;
	}
	.gnb-quick a {
		width: 85px;
	}
}
@media(max-width:1400px){
	#header .gnb-pc-list {
		left: 45%;
	}
	#header .gnb-pc-list > li {
		margin: 0px 10px;
	}
	.gnb-quick a {
		width: 80px;
	}
	#header .gnb-pc-list > li > a {
		padding: 20px 15px;
	}
}
@media(max-width:992px){
	#header{
		padding:10px 0!important;
		background:none;
	}
	#header.top-nav-collapse{
        padding:15px 0;
        background:rgba(0,0,0,0.5);
    }
	#header h1{font-size: 0;}
	#header h1 a{
		font-size:0;
		line-height:1;
	}
	.gnb-m-wrap,
	.gnb-m-control{
		position:relative;
		z-index:10;
	}
	#gnb-m-list{
		position:fixed;
		left:0;
		top:0;
		height:100%;
		width:80%;
		background:#fff;
		z-index:999;
		color:#000!important;
		display:none;
		/* border-right: 1px solid #e5e5e5; */
	}
	.all-menu-bg{
		position:fixed;
		left:0;
		top:0;
		height:100%;
		width:100%;
		background:rgba(255,255,255,.3);
		z-index:4;
		display:none;
	}
	#header.top-nav-collapse{
		padding:10px 0!important;
	}
	#header #gnb-m-list > ul {
		display: flex;
    flex-direction: column;
		margin-top:65px;
		border-top:1px solid rgba(255,255,255,.2);
	}
	#header.top-nav-collapse #gnb-m-list > ul{
		margin-top:55px;
	}
	#header #gnb-m-list > ul > li.sub03{display: none;}
	#header #gnb-m-list > ul > li.sub01{order: -4;}
	#header #gnb-m-list > ul > li.sub02{order: -3;}
	#header #gnb-m-list > ul > li.sub05{order: -2;}
	#header #gnb-m-list > ul > li.sub06{order: -1;}
	#header #gnb-m-list > ul > li > a.dp1{
		display:block;
		padding:14px 15px;
		background:rgba(30,30,30,.9);
		margin-bottom:1px;
		position:relative;
		background:#fff;
		color:#000!important;
	}
	#header #gnb-m-list > ul > li > a.dp1 > i {
		position:absolute;
		right:20px;
		top:50%;
		margin-top:-10px;
		font-weight:100;
		font-size:22px;
	}
	#header #gnb-m-list > ul > li > a.dp1.opened > i{
		-ms-transform: rotate(45deg); /* IE 9 */
		-webkit-transform: rotate(45deg); /* Safari */
		transform: rotate(45deg);
	}
	#header #gnb-m-list > ul > li.sub05 > a.dp1 > i {display: none;}
	#header #gnb-m-list > ul > li > .dp2-box{
		padding:10px 0px 15px 20px;
		display:none;
	}
	#header #gnb-m-list > ul > li.sub05 > .dp2-box,
	#header #gnb-m-list > ul > li.sub06 > .dp2-box{display: none !important;}
	#header #gnb-m-list > ul > li > .dp2-box > p{margin:0;}
	#header #gnb-m-list > ul > li > .dp2-box > p > a{
		display:block;
		padding:5px 0;
		color:#000!important;
	}


}
@media(max-width:992px){
    .gnb-m-wrap a img{
        width:80px;
    }
}


#my_res_menu{
    margin-top: 90px;
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    z-index: 90;
    width: 100%;
}
#my_res_menu > #over_menu_new {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}
#my_res_menu{
    margin-top: 90px;
    background: #f7f7f7;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: fixed;
    z-index: 90;
    width: 100%;
}
#my_res_menu > #over_menu_new{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	text-align:center;
}
#my_res_menu > #over_menu_new > ul {
	margin:0;
	display:inline-block;
	vertical-align:top;
}
#my_res_menu > #over_menu_new > ul > li{
	float:left;
	position:relative;
	background:#f7f7f7;
	transition:all 0.3s ease !important;
	-moz-transition:all 0.3s ease !important;
	-webkit-transition:all 0.3s ease !important;
	-o-transition:all 0.3s ease !important;
}
#my_res_menu > #over_menu_new > ul > li:after{
	content:"";
	background:#;
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:0%;
	transition:all 0.4s ease !important;
	-moz-transition:all 0.4s ease !important;
	-webkit-transition:all 0.4s ease !important;
	-o-transition:all 0.4s ease !important;
}
#my_res_menu > #over_menu_new > ul > li:hover:after{
	content:"";
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}
#my_res_menu > #over_menu_new > ul > li:hover{

}
#my_res_menu > #over_menu_new > ul > li:first-child > a{
	border-left:1px solid #e5e5e5;
}
#my_res_menu > #over_menu_new > ul{
	width:100%;
	display:flex;
}
#my_res_menu > #over_menu_new > ul > li{
	flex-basis:0;
	flex-grow:1;
}
#my_res_menu > #over_menu_new > ul > li:nth-child(2){
}
#my_res_menu > #over_menu_new > ul > li > a{
	position:relative;
	z-index:2;
	display:block;
	width:100%;
	padding:15px 0;
	color:#656565;
	font-size:18px;
	text-decoration:none;
	font-weight:400;
	border-right:1px solid #e5e5e5;
}
#my_res_menu > #over_menu_new > ul > li.on{
	background:#fff;
}
#my_res_menu > #over_menu_new > ul > li.on a{
	color:#2a9243;
	font-weight:500;
	border:1px solid #2a9243;
	border-bottom:none;
}
#my_res_menu > #over_menu_new > ul > li.on:before{
    content: '';
    border-bottom: 1px solid #fff;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 1px;
    position: absolute;
}

.all-menu-btn{
	position: relative;
	z-index:3;
}
.all-menu-btn .sponsor{
	margin-right: 10px;
	color: #000;
  border:1px solid #000;
}
/*모바일 메뉴 열기 아이콘 애니*/
.qodef-menu-appear {
    display: inline-block;
    position: relative;
    width: 26px;
    height: 26px;
    vertical-align: middle;
}


.qodef-menu-appear span {
    display: block
}

.qodef-menu-appear .icon {
    width: 100%;
    height: 100%;
    padding-top: 3px;
}

.qodef-menu-appear .line {
    margin: 0 0 0 auto;
    position: relative;
    width: 100%;
    height: 2px;
    background: #fff;
    -moz-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: width .3s cubic-bezier(.77, 0, .175, 1);
    transition: width .3s cubic-bezier(.77, 0, .175, 1)
}

.qodef-menu-appear .line:nth-child(1) {
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-menu-appear .line:nth-child(2) {
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-menu-appear .line:nth-child(3) {
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-appear .line + .line {
    margin-top: 6px
}

.qodef-menu-appear .close {
    position: absolute;
    top: 0px;
    left: 0;
    width: 26px;
    height: 26px;
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	opacity:1;

}

.qodef-menu-appear .close:after, 
.qodef-menu-appear .close:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    background: #000;
    content: '';
    -moz-transition: -moz-transform .3s cubic-bezier(.77, 0, .175, 1);
    -o-transition: -o-transform .3s cubic-bezier(.77, 0, .175, 1);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.77, 0, .175, 1);
    transition: transform .3s cubic-bezier(.77, 0, .175, 1)
}

.qodef-menu-appear .close:before {
    margin: -1px 0 0 -14px;
    width: 28px;
    height: 2px;
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -moz-transform-origin: 0 50% 0;
    -webkit-transform-origin: 0 50% 0;
    transform-origin: 0 50% 0
}

.qodef-menu-appear .close:after {
    margin: -14px 0 0 -1px;
    width: 2px;
    height: 28px;
    -moz-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transition-delay: .15s;
    -o-transition-delay: .15s;
    -webkit-transition-delay: .15s;
    transition-delay: .15s;
    -moz-transform-origin: 50% 100% 0;
    -webkit-transform-origin: 50% 100% 0;
    transform-origin: 50% 100% 0

}

.qodef-menu-appear.opened .icon .close:before {
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -moz-transition-delay: .35s;
    -o-transition-delay: .35s;
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-menu-appear.opened .icon .close:after {
    -moz-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-appear.opened .icon .line {
    width: 0
}

.qodef-menu-appear.opened .icon .line:nth-child(1) {
    -moz-transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.qodef-menu-appear.opened .icon .line:nth-child(2) {
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.qodef-menu-appear.opened .icon .line:nth-child(3) {
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.qodef-main-menu > ul > li {
    position: relative;
    opacity: 0;
    visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
    transition: opacity .2s ease-out, visibility .2s ease-out
}

.qodef-main-menu > ul > li:nth-child(n+1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-main-menu > ul > li:nth-child(n+2) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-main-menu > ul > li:nth-child(n+3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-main-menu > ul > li:nth-child(n+4) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.qodef-main-menu > ul > li:nth-child(n+5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-main-menu > ul > li:nth-child(n+6) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.qodef-main-menu > ul > li:nth-child(n+7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.qodef-main-menu > ul > li:nth-child(n+8) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.qodef-main-menu > ul > li:nth-child(n+9) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.qodef-main-menu > ul > li:nth-child(n+10) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li {
    opacity: 1;
    -webkit-transition: opacity .3s ease-out, visibility .3s ease-out;
    transition: opacity .3s ease-out, visibility .3s ease-out;
    visibility: visible
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+1) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+2) {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+4) {
    -webkit-transition-delay: .45s;
    transition-delay: .45s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+5) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+6) {
    -webkit-transition-delay: .55s;
    transition-delay: .55s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+8) {
    -webkit-transition-delay: .65s;
    transition-delay: .65s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+9) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

.qodef-menu-from-right.qodef-menu-from-right-oppened .qodef-main-menu > ul > li:nth-last-child(n+10) {
    -webkit-transition-delay: .75s;
    transition-delay: .75s
}
/**/



/* common */
.cta{
    min-width: 160px;
    border-radius: 30px;
    padding: 10px;
    text-align: center;
    display: inline-block;
    font-size: 15px;
}
.border-green{
    border:1px solid #2a9243;
}
.bg-green{
    background: #2a9243;
}

/* quick-menu */
#quick-menu{
	position:fixed;
	/* top:22%; */
	top:40%;
	right:-15px;
}
#quick-menu ul > li > a{
	display:block;
	padding:0 20px 0 10px;
	height:60px;
	line-height:60px;
	text-align:center;
	position:relative;
	color:#fff;
	transition:all 0.3s ease-in-out ;
	-moz-transition:all 0.3s ease-in-out ;
	-webkit-transition:all 0.3s ease-in-out ;
	-o-transition:all 0.3s ease-in-out ;
	right:-90px;
}
#quick-menu ul > li > a:hover{
	right:0!important;
}
#quick-menu ul > li .quick-on{
	right:0!important;
}

#quick-menu ul > li > a img{
	margin-right:10px;
}
#quick-menu ul > li > a:after{
	content:"";
	position:absolute;
	bottom:0;
	left:0;
	height:5px;
	width:0;
	background:#fff;

}
#quick-menu ul > li:nth-child(3) > a img,
#quick-menu ul > li:nth-child(4) > a img,
#quick-menu ul > li:nth-child(5) > a img{
	margin-right:20px;
}
/* footer */
#footerWrap a{
    text-decoration: none;
}
#footerWrap > div{
    padding: 15px;
}
#footerWrap .text-center-sm{
    width:100%;
}
#footerWrap .text-center-sm > div{
    width: 49%;
    display:inline-block;
    vertical-align: middle;
}
#footerWrap .text-center-sm > div:last-child{
    width: 50.5%;
}
#footerWrap .text-center-sm > div:last-child img{
    width: 39px;
}

@media(max-width:1199px){
    #footerWrap .text-center-sm > div{
        width: 100%;
        float:none;
    }
    #footerWrap .text-center-sm .footer-cta{
        float:left;
        display: inline-block;
    }
    #footerWrap .text-center-sm .sns-wrap{
        float:right;
        display: inline-block;     
    }
    #footerWrap .text-center-sm > div:last-child{
        display:none;
    }
    #footerWrap .text-center-sm > div.hidden-lg{
        margin-bottom:20px;
		text-align:center!important;
    }
}
@media(max-width:992px){
    #footerWrap a{
        font-size:14px;
    }
    #footerWrap a:first-child{
		width:160px;
    }
    #footerWrap .sns-wrap img{
        width:34px;
    }
    .cta {
        min-width: 140px;
        padding: 8px;
    }
    #footerWrap > div{
        padding: 22px 0 14px;
    }
}
@media(max-width:530px){
    #footerWrap .text-center-sm .footer-cta,
    #footerWrap .text-center-sm .sns-wrap{
        float:none;
        display: block;     
        text-align:center;
    }
    #footerWrap .text-center-sm .sns-wrap{
        margin-top:20px;
    }
}



/* 캘린더 게시판 */
#board_calendar {}
#board_calendar .top_moon {position:relative; padding-bottom:10px; font-size:14px;}
#board_calendar .top_moon h4 {font-size:30px; font-weight:bold; text-align:center;width:40%; margin:0 auto; position:relative; color:#000;}
#board_calendar .top_moon h4 a.prev {position:absolute; left:0;}
#board_calendar .top_moon h4 a.next {position:absolute; right:0;}
#board_calendar .top_moon .left_date {position:absolute; left:0;bottom:0;}
#board_calendar .top_moon .right_date {position:absolute; right:0; bottom:0;}

#board_calendar .coun_cal {border:1px solid #333333;border-collapse:collapse;background:#ffffff;}
#board_calendar .coun_cal th {
        text-align: center;
						border:1px solid #ccc;height:30px;font-weight:bold; font-size:14px; color:#404040;
						background-image: -o-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: -moz-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: -webkit-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: -ms-linear-gradient(bottom, #F7F7F7 0%, #efefef 100%);
						background-image: linear-gradient(to bottom, #F7F7F7 0%, #efefef 100%);
}
#board_calendar .coun_cal td {border:1px solid #ccc;font-size:14px; color:#777; text-align:left; min-height:80px;padding-bottom:25px;}
#board_calendar .coun_cal td.a3 {color:#166cbd}
#board_calendar .coun_cal td.a4 {color:#dd3f08}
#board_calendar .cal_res {text-align:center;}
#board_calendar .cal_res a{text-decoration:none;font-size:14px;}
#board_calendar .cal_res a span{font-size:14px;}
#board_calendar .cal_res .btn_cal_res {display:inline-block; *display:inline; zoom:1; padding:4px; font-size:11px; color:#fff; width:90px;text-align:center;margin:2px 0;border-radius:5px;}
#board_calendar .cal_res .am{background:#2a9243;}
#board_calendar .cal_res .pm{background:#999999;}

.today_cal {background:#b4c4e2; color:#fff; padding:3px 7px 3px 7px; display:inline-block; font-weight:bold;}
.allday_cal {padding:3px 7px 3px 7px; display:inline-block;}

.coun_cal2 {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-collapse:collapse;background:#ffffff;margin-bottom:30px;}
.coun_cal2 th {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}
.coun_cal2 td {border-top:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;}

#board_calendar .cal_check h4 {font-size:16px; font-weight:bold; color:#000; text-align:left; margin-top:40px; margin-bottom:20px;}
#board_calendar .cal_check h4 span {float:right; font-size:11px; color:#fe0000; font-weight:300; }
.btn_submit01 {color:#fff; padding:2px 15px; background:#000; border:none;}
.btn_submit02 {color:#fff; padding:2px 15px; background:#000; border:none;}

/*basic 게시판*/
#basic_bo_table01 {clear:both; width:100%; border-bottom:1px solid #e0e0e0;border-top:1px solid #e0e0e0; line-height:16px;}
#basic_bo_table01 th{background:url(/img/type/table_pat_07.gif); padding:7px 0px 7px 0px; font-size:14px;color:#fff; font-weight:bold;border-right:1px solid #e7e7e7; text-align:center;border-bottom:1px solid #d9d9d9;}/*그레이*/

#basic_bo_table01 td{color:#8c8c8c; font-size:14px;padding:7px 15px 7px 15px; border-bottom:1px solid #d9d9d9;border-right:1px solid #e7e7e7;}
#basic_bo_table01 .end{border-right:0px solid}
#basic_bo_table01 .cen{text-align:center;padding:0px;}
#basic_bo_table01 .cen2{text-align:center;color:#dc0000; font-weight:bold}
#basic_bo_table01 .left{text-align:left;}
#basic_bo_table01 .stit{padding:9px 15px 9px 15px;color:#666666; font-size:14px;background-color:#f9f9f9;}
#basic_bo_table01 .stit2{padding:9px 15px 9px 15px;color:#000; font-size:14px;font-weight:bold;}

#basic_bo_table01 .inbox{border:1px solid #d2d2d2;height:16px;}
#basic_bo_table01 .sth {font-weight:bold;  text-align:center; color:#000; background-color:#ffffda}

/* ======================================GALLERY 게시판 */
#gray_gallery_list {
	position:relative;
	border-top:2px solid #808183;
	border-bottom:1px solid #dcdcdc;
	padding-top:25px;
	width:100%;
	overflow:hidden; 
}
#gray_gallery_list .admin-checked{position:absolute; z-index:10; left:10px;top:10px;}
#gray_gallery_list .admin-checked input {zoom: 1.6;}
#gray_gallery_list ul {position:relative;}

#gray_gallery_list li { /*갤러리 개체 하나 여백포함*/
	float:left;
	padding-bottom:12px;
}
#gray_gallery_list .gallery_thum_wrap {/*갤러리 개체 하나 여백미포함*/
	width:190px;
	margin:0 auto;
	---position:relative;
	
}

#gray_gallery_list .gallery_thum {
	width:170px;
	height:120px;

	---position:relative;
}

#gray_gallery_list ul li .imgArea img,#gray_gallery_list ul li .gallery_4_thum img{
 width:100%;
 position:absolute;
 top:0;
 left:0;
 }
#gray_gallery_list .gallery_thum:hover { border:1px solid #b9b9b9; } /*갤러리 썸네일 오버*/
#gray_gallery_list a { color:#232323; }
#gray_gallery_list a:hover { text-decoration:underline; }

#gray_gallery_list .p_name { text-align:center; }
#gray_gallery_list .p_date {
	text-align:center;
	font-size:11px;
}
#gray_gallery_list .font_date, #gallery_list .font_hit { color:#b6b6b6; }

#gray_gallery_list.gallery_col2 ul li .imgArea,
#gray_gallery_list.gallery_col3 ul li .imgArea,
#gray_gallery_list.gallery_col4 ul li .imgArea,
#gray_gallery_list.gallery_col5 ul li .imgArea{
 border:1px solid #ddd;
 padding-top:178px;
 overflow:hidden;
 position:relative;
}
#gray_gallery_list.gallery_col2 ul li .imgArea.vertical_thum,
#gray_gallery_list.gallery_col3 ul li .imgArea.vertical_thum,
#gray_gallery_list.gallery_col4 ul li .imgArea.vertical_thum,
#gray_gallery_list.gallery_col5 ul li .imgArea.vertical_thum{
 border:1px solid #ddd;
 padding-top:135%;
 overflow:hidden;
 position:relative;
}

#gray_gallery_list.gallery_col2 ul li .imgArea.col-big,
#gray_gallery_list.gallery_col3 ul li .imgArea.col-big,
#gray_gallery_list.gallery_col4 ul li .imgArea.col-big,
#gray_gallery_list.gallery_col5 ul li .imgArea.col-big{
 border:1px solid #ddd;
 padding-top:35%;
 overflow:hidden;
 position:relative;
}

#gray_gallery_list.gallery_col2 ul li .gallery_4_thum,
#gray_gallery_list.gallery_col3 ul li .gallery_4_thum,
#gray_gallery_list.gallery_col4 ul li .gallery_4_thum,
#gray_gallery_list.gallery_col5 ul li .gallery_4_thum{
 border:1px solid #ddd;
 padding-top:65%;
 overflow:hidden;
 position:relative;
}
#gray_gallery_list.gallery_col2 ul li .gallery_4_thum.vertical_thum,
#gray_gallery_list.gallery_col3 ul li .gallery_4_thum.vertical_thum,
#gray_gallery_list.gallery_col4 ul li .gallery_4_thum.vertical_thum,
#gray_gallery_list.gallery_col5 ul li .gallery_4_thum.vertical_thum{
 border:1px solid #ddd;
 padding-top:130%;
 overflow:hidden;
 position:relative;
}

#gray_gallery_list.gallery_col2 ul li .gallery_4_thum.col-big,
#gray_gallery_list.gallery_col3 ul li .gallery_4_thum.col-big,
#gray_gallery_list.gallery_col4 ul li .gallery_4_thum.col-big,
#gray_gallery_list.gallery_col5 ul li .gallery_4_thum.col-big{
 border:1px solid #ddd;
 padding-top:35%;
 overflow:hidden;
 position:relative;
}


/*가로 갯수*/
#gray_gallery_list.gallery_col2 ul li {width:48%;margin-right:4%;}
#gray_gallery_list.gallery_col2 ul li:nth-child(2n){margin-right:0;}

#gray_gallery_list.gallery_col3 ul li {width:32.66%;margin-right:1%;}
#gray_gallery_list.gallery_col3 ul li:nth-child(3n){margin-right:0;}

#gray_gallery_list.gallery_col4 ul li {width:22%;margin-right:4%; }
#gray_gallery_list.gallery_col4 ul li:nth-child(4n){margin-right:0;}

#gray_gallery_list.gallery_col5 ul li {width:18%;margin-right:2.5%;}
#gray_gallery_list.gallery_col5 ul li:nth-child(5n){margin-right:0;}


#gray_gallery_list.gallery_col2.no-margin ul li {width:50%; margin:0;}
#gray_gallery_list.gallery_col3.no-margin ul li {width:33.33%; margin:0;}
#gray_gallery_list.gallery_col4.no-margin ul li {width:25%; margin:0;}
#gray_gallery_list.gallery_col5.no-margin ul li {width:20%; margin:0;}
#gray_gallery_list.gallery_col6.no-margin ul li {width:16.66%; margin:0;}
#gray_gallery_list.gallery_col7.no-margin ul li {width:14.28%; margin:0;}
#gray_gallery_list.gallery_col8.no-margin ul li {width:12.5%; margin:0;}

#gray_board_bottom .list_page  {
	display:inline-block;
	border:1px solid #ddd;
	border-right:none;
}
#gray_board_bottom .list_page a{
	float:left;
	width:34px;
	height:34px;
	color:#888;
	border-right:1px solid #ccc;
	font-size:13px;
	line-height:34px;
	position:relative;
	
}
#gray_board_bottom .list_page a.active{color:#000;}
#gray_board_bottom .list_page a.active:after{
	content:"";
	border-bottom:3px solid #000;
	color:#000;
	position:absolute;
	width:100%;
	height:10px;
	text-align:center;
	left:0;
	bottom:-1px;
}


.option-box td{text-align:left;}
.option-box label{background:none!important;text-align:left!important;}
.filebox,.option-box label{width:100%!important;}
.filebox .upload-name,
.filebox label{display:inline-block!important;vertical-align:middle!important;}
.filebox label{margin-left:10px!important;text-align:center!important;background:#f7f7f7!important;width:90px!important;font-size:14px!important;}
.filebox .upload-name{width:200px;}

@media(max-width:992px){
	.filebox .upload-name {
		width: 120px;
	}
	.filebox label{
		margin-left:4px!important;
	}
	#gray_board_write th, #gray_board_write label {
		font-size: 14px!important;
	}
}
.tab{
    width:98%;
    text-align: center;
    margin:0 auto;
}
.tab a{
    width:33.2%;
    float:left;
    padding:10px;
    font-size:16px;
    font-weight: 400;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border:1px solid #dfdfdf;
    border-bottom:none;
    margin-right:2px;
    text-decoration: none;
    color:#000;
}
.tab a:last-child{
    margin-right:0;
}
.tab a.active{
    background:#2a9243;
    color:#fff;
    font-weight: bold;
    border-color: #2a9243;
}
/* SUBPAGES */
.subpage p{
    font-size:16px;
    font-weight: 400;
    color:#474747;
    letter-spacing: -0.015em;
}
.subpage01 section{
    position: relative;
}
.subpage01 section:first-child h1{
    position: relative;
    margin-top: 20px;
}
.subpage01 .etc_logo{
    position: absolute;
    top:-45px;
    left:50%;
    transform: translateX(-50%);
    z-index:-1;
}
#sub0101 section:last-child{
    background:#f7f7f7;
    padding:50px;
}
#sub0101 section:last-child img{
    position: relative;
    margin-bottom: 40px;
}
.green-shadow{
    -webkit-box-shadow: 24px 24px 0px 0px rgba(42,146,67,1);
    -moz-box-shadow: 24px 24px 0px 0px rgba(42,146,67,1);
    box-shadow: 24px 24px 0px 0px rgba(42,146,67,1);
}
@media(max-width:1199px){
    #pc-sub-menu > #left-menu > ul > li > a {
        width: 150px;
        font-size:16px;
    }
    #sub0101 section:last-child {
        background: #f7f7f7;
        padding: 20px 30px;
    }
    #sub0101 p{
        line-height: 1.6!important;
    }
    #sub0101 section:last-child img{
        width:390px;
    }
    .subpage p{
        font-size:16px;
    }
}
@media(max-width:992px){
    .subpage p{
        font-size:14px!important;
    }
    .subpage01 .etc_logo{
        width:400px;
    }
    #sub-inner-wrap {
        padding: 80px 0 40px 0!important;
        position: relative;
    }
    #sub_location{
        display:none!important;
    }

    #sub0101 h1 .fwBold{
        font-weight: 500!important;
    }
    #sub0101 p{
		width:100% !important;
    }
    #sub0101 > img{
        margin:20px auto 0;
    }
    #sub0101 section:first-child img {
        position: absolute;
        top: -20px;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        width: 400px;
    }
    #sub0101 section:last-child {
        padding: 15px;
    }
    .green-shadow{
        -webkit-box-shadow: 14px 14px 0px 0px rgba(42,146,67,1);
        -moz-box-shadow: 14px 14px 0px 0px rgba(42,146,67,1);
        box-shadow: 14px 14px 0px 0px rgba(42,146,67,1);
    }
}
@media(max-width:767px){
    .subpage01 .etc_logo{
        width:300px;
        top: -34px;
    }
}
@media(max-width:485px){
    .subpage01 .etc_logo{
        width:250px;
    }
}

#sub0102 dt{
    color:#2a9243;
    font-weight: 500;
    font-size:26px;
}
#sub0102 dd{
    color:#474747;
    font-weight: 400;
    position: relative;
    padding: 4px 10px;
    font-size:16px;
}
#sub0102 dd:before{
    position: absolute;
    content:'';
    width:4px;
    height: 4px;
    background:#b1b1b1;
    top:50%;
    left:0;  
    border-radius: 50%;
}

@media(max-width:1199px){
    #sub0102 section:last-child img {
        width:90%;
    }
}
@media(max-width:992px){
    #sub0102 section:last-child img{
        width:100%;
    }
    #sub0102 .row > div{
        margin-bottom:40px;
    }
    #sub0102 dt{
        font-size:18px;
    }
    #sub0102 dd{
        padding: 4px 10px;
        font-size:14px;
    }
}
@media(max-width:767px){
    #sub0102 dd:before{
        top:15px;
        width:3px;
        height:3px;
    }
}

.download{
    margin: 20px auto;
    width:100%;
    text-align:center;
}
.download a{
    color:#fff;
    display:inline-block;
    background:#2a9243;
    text-transform: uppercase;
    text-align: center;
    padding:10px;
    margin:0 2px;
    width:210px;
    text-decoration: none;
}
@media(max-width:992px){
    .download a{
        padding:8px;
        margin:0 2px;
        width:160px;
    }
}
@media(max-width:767px){
    .download a{
        padding:5px;
        margin:0 2px;
        width:130px;
        font-size:12px;
    }
}


#sub0104 .row{
	position:relative;
	z-index:10;
}
#sub0104 .row-wrap{
	position:relative;
	z-index:0;
	margin-bottom:90px;
}
#sub0104 .row-wrap::after{
	position:absolute;
	content:'';
	background:#f7f7f7;
	width:98%;
	top:25px;
	right:0;
	height:100%;
	border-radius:40px;
}
#sub0104 .row-wrap-02{
	position:relative;
	z-index:0;
	margin-bottom:20px;
}
#sub0104 .row-wrap-02::after{
	position:absolute;
	content:'';
	background:#f7f7f7;
	width:98%;
	bottom:25px;
	left:0;
	height:100%;
	border-radius:40px;
}
#sub0104 .row-wrap .txtArea{
	padding:40px;
}
#sub0104 .row-wrap-02 .txtArea{
	padding-left:80px;
}
#sub0104 h1{
    font-size:26px;
    font-weight: bold;
    margin-bottom:20px;
}
#sub0104 h6{
    color:#474747;
    font-size:20px;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: -0.025px;
    margin-top:20px;
}
#sub0104 h6 span{
    font-size:24px;
    font-weight: 500; 
}
#sub0104 dl{
    margin-bottom:10px;
}
#sub0104 dt{
    color:#fff;
    width:72px;
    padding:4px;
    border-radius: 20px;
    text-align: center;
    margin-right:10px;
}
#sub0104 dd{
    color:#474747;
    font-size:16px;
}
#sub0104 dt,#sub0104 dd{
    display: inline-block;
    font-weight: 300;
    vertical-align: middle;
}
.sub010401 dt{
    background:#2a9243;
}
#sub0104 .sub010401 h1,#sub0104 .sub010401 h6 span {
    color:#2a9243;
}
.sub010402 dt{
    background:#ff8a7d;
}
#sub0104 .sub010402 h1,#sub0104 .sub010402 h6 span {
    color:#ff8a7d;
}
.sub010403 dt{
    background:#ffba00;
}
#sub0104 .sub010403 h1,#sub0104 .sub010403 h6 span {
    color:#ffba00;
}
.sub010404 dt{
    background:#ff7c2c;
}
#sub0104 .sub010404 h1,#sub0104 .sub010404 h6 span {
    color:#ff7c2c;
}
.sub010405 dt{
    background:#4d3c2d;
}
#sub0104 .sub010405 h1,#sub0104 .sub010405 h6 span {
    color:#4d3c2d;
}
.sub010406 dt{
    background:#9d7245;
}
#sub0104 .sub010406 h1,#sub0104 .sub010406 h6 span {
    color:#9d7245;
}
@media(max-width:1199px){
    #sub0104 h6 span{
        font-size:20px;
    }
	#sub0104 h6{
        font-size:18px;
    }
    #sub0104 .row-wrap .txtArea {
        padding: 10px 40px;
    }
    #sub0104 .row-wrap-02 .txtArea {
        padding: 10px 40px;
    }
    #sub0104 .row-wrap::after {
        top: 0;
    }
    #sub0104 .row-wrap-02::after {
        bottom: 0;
    }
    #sub0104 .row-wrap {
        margin:40px 0;
    }
}
@media(max-width:992px){
    #sub0104 h1 {
        font-size: 18px;
        font-weight: 500;
        margin-bottom: 20px;
    }
    #sub0104 h6 span {
        font-size: 18px;
    }
    #sub0104 h6 {
        font-size: 14px;
        line-height: 1.5;
    }
    #sub0104 .row-wrap .txtArea {
        padding: 20px 40px;
    }
    dd,dt {
        font-size: 14px!important;
    }
    #sub0104 dd,
    #sub0104 dt{
        display:inline-block;
    }
    #sub0104 dt {
        width: 20%;
        padding: 3px;
        margin-right:8px;
    }
    #sub0104 dd {
        width: 76%;
    }
    #sub0104 .row-wrap {
        margin: 20px 0;
    }
    .align-top-sm{
        vertical-align: top!important;
    }
}

/* 0105 */
#sub0105 .tab a {
    /* width: 8.9%; */
	width: 10.9%;
}
#sub0105 .tab_container{
    margin-top: 40px;
    text-align:center;
}
#sub0105 .tab-bg{
    margin-top:80px;
    background:#f7f7f7;
    position: relative;
}
#sub0105 .tab-bg .tabImg,
#sub0105 .tab-bg .tabTxt{
    display:inline-block;
    vertical-align: middle;
    width: 49%;
}
#sub0105 .tab-bg .tabImg img{
    transform: translate(-10px,-30px);
}
#sub0105 .tabTxt{
    text-align: left;
}
#sub0105 dl{
    margin-bottom:10px;
}
#sub0105 dt{
    color:#fff;
    width:72px;
    padding:4px;
    border-radius: 20px;
    text-align: center;
    margin-right:10px;
}
#sub0105 dd{
    color:#474747;
    font-size:16px;
}
#sub0105 dt,#sub0105 dd{
    display: inline-block;
    font-weight: 300;
    vertical-align: middle;
}
#sub0105 dt{
    background:#333333;
}
#sub0105 .cta{
    float:left;
    padding-left: 0;
    margin-top: 20px;
}
#sub0105 .cta a{
    text-decoration: none;
    position: relative;
    z-index: 10;
}
#sub0105 .cta a:after{
    content:'';
    position: absolute;
    background-image: url(../images/sub0105_arrow.jpg);
    bottom:-10px;
    left:0;
    width:140px;
    background-size:contain;
    background-repeat: no-repeat;
    height:11px;
    z-index: -1;
}
#sub0105 .bg_ico{
    position:absolute;
    bottom:0;
    right:35px;
	z-index:1;
}

/*#sub0105 #tabsecond .tab-bg{
    padding:40px 0;
}
 #sub0105 #tabsecond .tabImg{
    width:40%;
} 
#sub0105 #tabsecond .tabImg img{
    transform: translate(10px,10px);
}*/
/* #sub0105 #tabsecond .tabTxt {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
} */

#sub0105 #tabfive1 .tab-bg{
    /* padding:40px 0; */
}

#sub0105 #tabfive1 .tabTxt{
    /*display: inline-block;
    vertical-align: middle;
     width: 80%; */
}
@media(max-width:1199px){
    #sub0105 .tab a {
        width: 8.8%;
        font-size:13px;
    }
}
@media(max-width:992px){
    #sub0105 .tab a {
        width: 24.4%;
        font-size:13px;
        border-radius: 10px;
        margin-left:5px;
        border-bottom: 1px solid #dfdfdf;
        margin-bottom: 5px;
    }
    #sub0105 .tab a:nth-child(2n+1){
		clear:both;
        margin-left: 0;
        font-size:14px;
    }
    #sub0105 .tab a.active {
        font-weight: 500;
    }
    #sub0105 .tab-bg .tabImg, #sub0105 .tab-bg .tabTxt{
        float:none!important;
        width:100%!important;
        display:block!important;
    }
    #sub0105 .tab-bg .tabImg img{
        transform: none;
    }
    #sub0105 .tab-bg .tabTxt{
        padding: 15px;
    }
    #sub0105 .bg_ico{
        width:150px;
    }
    #sub0105 #tabthird .tab-bg, #sub0105 #tabfive5 .tab-bg, #sub0105 #tabfive6 .tab-bg {
        padding: 0;
    }
	#sub0105 #tabthird .tab-bg, #sub0105 #tabfourth .tab-bg, #sub0105 #tabfive1 .tab-bg, #sub0105 #tabfive5 .tab-bg, #sub0105 #tabfive6 .tab-bg {
		padding: 20px 0 40px;
	}
}
@media(max-width:767px){
    #sub0105 .tab a {
        width: 23.8%;
    }
    #sub0105 .tab-bg {
        margin-top: 40px;
        background: #f7f7f7;
        position: relative;
        padding-bottom: 20px;
    }
    #sub0105 #tabthird .tab-bg, #sub0105 #tabfive5 .tab-bg, #sub0105 #tabfive6 .tab-bg {
        padding-bottom: 20px;
    }
    #sub0105 .bg_ico{
        width:80px;
        right:15px;
    }
    #sub0105 dd,
    #sub0105 dt{
        display:inline-block;
		z-index:2;
    }
    #sub0105 dt {
        width: 20%;
        padding: 3px;
        margin-right:8px;
    }
    #sub0105 dd {
        width: 76%;
		position:relative;
    }
    #sub0105 .cta {
        margin-top: 10px;
    }
    #sub0105 .cta a:after {
        width: 120px;
        height: 10px;
    }
   /*  #sub0105 #tabsecond .tabImg {
        text-align: center;
    }
    #sub0105 #tabsecond .tabImg img{
        width:200px;
    } */
}

/* 0106 */
#daumRoughmapContainer1582613719771 {
    width: 100%;
    margin:60px 0 26px;
}
.root_daum_roughmap {
    border-color:transparent!important;
    border: 1px solid #e3e3e3;
    padding:0!important;
    border-radius: 0;
}
#sub0106 .address{
    margin-top:40px;
    border-top:1px solid #898989;
    border-bottom:1px solid #898989;
}
#sub0106 dl{
    padding: 40px 0;
    border-bottom: 1px dashed #ebebeb;
    margin:0;
}
#sub0106 dl:last-child{
    border-bottom:none;
}
#sub0106 dt,#sub0106 dd{
    display:inline-block;
    vertical-align: middle;
    font-size:16px;
}
#sub0106 dt{
    width: 100px;
}
#sub0106 dd p{
    font-size:16px;
    color:#000;
    font-weight: 300;
}
@media(max-width:1199px){
    #sub0106 dt {
        width: 12%;
    }
    #sub0106 dd {
        width: 87%;
    }
    #sub0106 .re-align{
        transform: translateY(10px);
    }
}
@media(max-width:992px){
    #daumRoughmapContainer1582613719771 {
        margin: 40px 0 20px;
        height:250px;
    }
    #sub0106 dl {
        padding: 20px 0;
    }
    #sub0106 dt img{
        width:60px;
    }
    #sub0106 dt,#sub0106 dd{
        width:100%;
        display:block;
        font-size:14px;
    }
    #sub0106 dd{
        margin-top: 10px;
    }
}


/* 0201 */
.sub0201 .tab a {
    width: 19.5%;
}
.sub0201 .tab_container {
    text-align: center;
}
.sub0201 .tab_container > img{
    display:block;
    margin: 0 0 40px 0;
}
.sub0201 .cta{
	margin-top: 60px;
}
.sub0201 .cta a{
    border:1px solid #2a9243;
    padding:14px;
    text-align: center;
    width:215px;
    display: inline-block;
    text-decoration: none;
}
.terms_necessary {
    font-size: 14px;
    display: inline-block;
    color: red;
    transform: translateY(-5px);
}
@media(max-width:1199px){
    .sub0201 .tab a {
        width: 19.5%;
    }
}
@media(max-width:992px){
    .sub0201 .tab {
        margin-left: 25px;
    }
    .sub0201 .tab a {
        width: 23%;
    }
	.sub0201 .cta{
		margin-top: 40px;
	}
    .sub0201 .cta a {
        padding: 5px;
        width: 160px;
    }
    .vr img{
        width:24px!important;
    }
	.sub0201 .tab {
		margin-left: 4px;
	}
	.sub0201 .tab a {
		width: 48%;
		font-size: 13px;
		border-radius: 10px;
		margin-right: 5px;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: 5px;
	}
	.steps.tab {
		text-align: center;
	}
	.steps .tab a {
		width: 48%;
		font-size: 13px;
		border-radius: 10px;
		margin-right: 5px;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: 5px;
		float:left;
		display:inline-block;
	}
	.sub0201 .tab_container > img{
		display:block;
		margin: 40px 0;
	}

}


/* 0201_2021 */
.sub0201 .link_wrap{
    padding: 40px 0 0 80px;
}
.sub0201 .bg_wrap{
	float:left;
}
.sub0201 .bg_wrap{
	counter-reset: num;	
	position: relative;
}
.sub0201 .bg_wrap > img{	
	position: absolute;
	left:0;
	top:0;
}
.sub0201 .bg_wrap .dots_wrap{
	position: relative;
}
.sub0201 .bg_wrap .dots_wrap > div{
	position: absolute;			
	z-index:1;
}
.sub0201 .bg_wrap .dots_wrap > div > a{
	width:37px;
	height: 37px;
	background: #004ea2;
	border-radius:50%;
	color:#fff;
	font-size:22px;
	padding-top: 2px;
	font-family: 'Montserrat';
	text-align: center;
	font-weight: bold;
	display:inline-block;
	position: relative;
	text-decoration: none;
}

.sub0201 .bg_wrap .dots_wrap > div > a::before{
	counter-increment: num;
	content: counter(num);
}
.sub0201 .txt_wrap{
	counter-reset: txt;	
	text-align: left;
	float:right;
	width:33%;
}
.sub0201 .txt_wrap > div{
	position: relative;
	margin:10px 0;
}
.sub0201 .txt_wrap > div > a{
	color:#403a3a;
	font-size:22px;
	font-weight: bold;
	letter-spacing: -0.06em;
	font-family:'YDIYGO240' !important;	
}
.sub0201 .txt_wrap > div > a::before{
	counter-increment: txt;
	content: counter(txt);
	background: #403a3a;
	color:#fff;
	font-size:15px;
	width:21px;
	height: 21px;
	border-radius:50%;
	text-align: center;
	display:inline-block;
	position: relative;
	margin-right: 10px;
	transform:translateY(-2px);
}
/* 1층 */
.sub0201 #tabfirst .bg_wrap .dots_wrap{
	width:637px;
	height: 447px;
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(1){
    top: 40%;
    right: 26%;
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(2){
    top: 63%;
    right: 34%;	
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(3){
    top: 51%;
    left: 34.5%;	
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(4){
	top: 71%;
    left: 26%;
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(5){
    top: 86%;
    left: 18%;	
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(6){
    top: 37%;
    left: 27%;	
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(7){
    top: 23%;
    left: 37%;	
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(8){
    top: 10%;
    right: 32%;	
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(9){
    top: 7%;
    right: 5%;	
}
.sub0201 #tabfirst .bg_wrap .dots_wrap > div:nth-child(10){
    top: 62%;
    left: 29%;	
}
/* 2층 */
.sub0201 #tabsecond .bg_wrap .dots_wrap{
	width:630px;
	height: 612px;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div > a{
	background: #ea5414;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div > a::before{
	display:none;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(1){
    top: 35.8%;
    right: 47.5%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(2){
    top: 46%;
    left: 23%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(3){
    top: 20%;
    left: 28%;	
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(4){
    top: 10%;
    left: 42%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(5){
    top: 13%;
    right: 30%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(6){
    top: 5%;
    right: 25%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(7){
    top: 5%;
    right: 10%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(8){
    display:none;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(9){
    bottom: 24%;
    left: 53%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(10){
    top: 44.5%;
    right: 18%;
}
.sub0201 #tabsecond .bg_wrap .dots_wrap > div:nth-child(11){
    top: 34%;
    right: 4%;
}
/* 3층 */
.sub0201 #tabthird .bg_wrap .dots_wrap{
	width:630px;
	height: 651px;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div > a{
	background: #007f41;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(1){
    top: 34%;
    left: 37.5%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(2){
    top: 22.5%;
    left: 35.5%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(3){
    top: 6%;
    left: 48%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(4){
    top: 5.5%;
    left: 63%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(5){
    top: 13%;
    right: 30%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(6){
    top: 82%;
    left: 35%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(7){
    top: 81%;
    left: 64%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(8){
    top: 7.5%;
    left: 71%;
}
.sub0201 #tabthird .bg_wrap .dots_wrap > div:nth-child(9){
    top: 2.2%;
    right: 3%;
}
/* 지하 */
.sub0201 #tabfourth .bg_wrap .dots_wrap{
	width:630px;
	height: 453px;
}
.sub0201 #tabfourth .bg_wrap .dots_wrap > div > a{
	background: #601986;
}
.sub0201 #tabfourth .bg_wrap .dots_wrap > div:nth-child(1){
	top: 30%;
	left: 32%;
}
.sub0201 #tabfourth .bg_wrap .dots_wrap > div:nth-child(2){
    top: 18%;
    left: 63%;
}
.sub0201 #tabfourth .bg_wrap .dots_wrap > div:nth-child(3){
    top: 80%;
    right: 18%;
}
.sub0201 #tabfourth .bg_wrap .dots_wrap > div:nth-child(4){
    top: 56%;
    left: 45%;
}
.sub0201 #tabfourth .bg_wrap .dots_wrap > div:nth-child(5){
    top: 59%;
    left: 35%;
}

@media(max-width:1200px){
	.sub0201 .link_wrap{
		padding:60px 0 0 0;
	}
	.sub0201 .bg_wrap,
	.sub0201 .txt_wrap{
		float: none;
		display:block;
		width:100%;
	}
	.sub0201 .bg_wrap{
		text-align: center;
	}
	.sub0201 .txt_wrap{
		margin-top: 20px;
	}
	.sub0201 .txt_wrap > div{
		width:49%;
		display:inline-block;
		vertical-align: middle;
	}
}
@media(max-width:992px){
	.sub0201 .bg_wrap{
		display:none;
	}
	.sub0201 .txt_wrap > div{
		width:100%;
	}
	.sub0201 .txt_wrap > div > a{
		font-size:14px;
	}
	.sub0201 .txt_wrap > div > a::before {
		font-size: 12px;
		width: 16px;
		height: 16px;
		margin-right: 4px;
		transform: translateY(-1px);
		font-weight: 300;
	}
}



/* 0202 */
.extra-info{text-align:right;}
@media(max-width:992px){
	.extra-info{text-align:left;}
	.yearly td:first-child{width:25%;}
}


/* 0204 */
.subpage .form_tt{
    font-size: 20px;
    font-weight: 500;
    color:#000;
    letter-spacing: -0.025em;
    padding-left:18px;
    position: relative;
    margin:16px auto;
} 
.subpage .form_tt:before{
    width:9px;
    height: 9px;
    background:#2a9243;
    border-radius: 50%;
    content:'';
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
}
.form_01_table{
    width:100%;
    height:250px;
    overflow-y: scroll;
    background:#f9f9f9;
    border:1px solid #cccccc;
    border-radius: 5px;
    padding:20px;
}
.agreeform {
    margin:15px 0; 
}
.input_chk {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.input_chk input {
    width: 18px;
    height: 18px;
    outline: 0;
}
.input_chk label {
    position: relative;
    display: inline-block;
    padding-left: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    cursor: pointer;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle;
    letter-spacing: -0.025em;
}

.r_time_chk_wrap{display:flex;}
.r_time_chk_wrap > .r_time_left_chk{margin-right:40px;}

label {
    margin-bottom: 0;
}
.agree-all{
    background:#f9f9f9;
    border:1px solid #e3e3e3;
    padding:16px 15px;
    border-radius: 5px;
    text-align: center;
}
.gray-box{
    color:#555;
    font-weight: 300;
    background:#f9f9f9;
    border:1px solid #cccccc;
    border-radius: 5px;
    padding:30px;
    margin: 0 0 10px;
	position:relative;
}
.gray-box p{
	z-index:10;
	position:relative;
}
.green-deco{
    display:block;
    width:100%;
    height:40px;
    border:2px solid #2a9243;
    border-bottom:none;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    margin-top:-2px;
    position: relative;
}
.conf ul{
    padding:36px 0 26px;
    text-align: center;
}
.conf ul li:first-child{
    padding-bottom:16px;
}
.conf ul li:last-child{
    padding-top:30px;
}
.conf a{
    padding:4px 30px;
    background:#2a9243;
    color:#fff;
    font-weight: 500;
    display:inline-block;
    text-decoration: none;
    border-radius: 5px;
}
.extra-info p,.extra-info img{display:inline-block;vertical-align:middle;}
#sub0204 #gray_board_list{
    display:none;
}
.people p,
.people select,
.people div{
    display:inline-block;
    font-size:16px;
    vertical-align: middle;
    margin:0;
}
.people p{
    width:126px;
}
.people select{
    width:130px;
}
#sub0204 .table_board_write {
    border-top: 2px solid #2a9243;
}
input, select, textarea {
    vertical-align: middle;
}
#sub0204 .table_board_write tr th {
    border-right: none;
}
.booking input,.booking select, .bookingtextarea{
    width:140px!important;
    border:1px solid #ddd;
    padding:4px;
    color:#666!important;
}

.booking .form_tt {
	font-size: 20px;
	font-weight: 500;
	color: #000;
	letter-spacing: -0.025em;
	padding-left: 18px;
	position: relative;
	margin: 16px 0;
	width: 270px;
	margin: 40px auto;
}
.booking .board_menu .btn-gray {
	color: #555!important;
	background: #f7f7f7;
	border: 1px solid #cccccc;
}
.booking .board_menu input,
.booking .board_menu a{
	display: inline-block;
	text-decoration: none;
	font-size: 16px;
	font-weight: 400;
	width: 100px!important;
	text-align: center;
	padding: 5px 0;
	border-radius: 4px;
	margin: 0 2px;
	vertical-align:middle;
}


select{
    padding:2px;
}

#gray_board_write th,
#gray_board_write label{
    background:#f7f7f7;
    font-size:16px;
    color:#555;
    text-align: center;
    font-weight: 500;
    width:160px;
    vertical-align: middle;
    margin:0;
}
#gray_board_write .survey label{
    background:none;
    font-size:16px;
    font-weight: 400;
    width:100px;
    text-align: left;
}
#gray_board_write td{
    font-size:16px;
    color:#555;  
    font-weight: 400;
    vertical-align: middle;
    padding-left:20px;
    margin:0;
    padding: 15px 20px;
}
.btn_board_bottom{
    margin-top:30px;
    text-align: center;
	
}
.btn_board_bottom ul{
	list-style:none;
	padding:0;
}
.btn_board_bottom li{
    display: inline-block;
}
.btn_board_bottom input,
.btn_board_bottom a{
	display:block;
    width:110px;
    padding:6px;
    border-radius: 3px;
}


.btn_board_bottom .submit input,
.btn_board_bottom a{
    background:#2a9243;
    border:1px solid #2a9243;
    color:#fff!important;
}
.btn_board_bottom .cancel input{
    border:1px solid #ccc;
}
.btn_board_bottom .cancel a{
	background:#eee;
    border:1px solid #ccc;
	color:#555 !important;
}

@media(max-width:992px){
    .subpage .form_tt {
        font-size: 18px!important;
        padding-left: 15px!important;
        margin: 12px auto!important;
		width:auto!important;
		padding-bottom:15px;
		line-height:1.5;
    }  
    .subpage .form_tt:before {
		width: 6px;
		height: 6px;
		top: 10px;
		transform: translateY(0);
    }  
/* 	#gray_board_write th, #gray_board_write label{
		width:auto!important;
	} */
	.input_chk label span {
		font-size:14px;
	}
	.input_chk input {
		width: 15px;
		height: 15px;
		outline: 0;
	}
}

/* 0301 */
#sub0301 section:last-child{
    background:#f7f7f7;
    padding:0;
    margin-top: 120px;
}
#sub0301 section:last-child p,
#sub0301 section:last-child img{
    display: inline-block;
    vertical-align: middle;
}
#sub0301 section:last-child p{
    padding-left: 100px;
}
#sub0301 section:last-child img{
    transform: translate(-22px,-50px);
}
.green-shadow{
    -webkit-box-shadow: 24px 24px 0px 0px rgba(42,146,67,1);
    -moz-box-shadow: 24px 24px 0px 0px rgba(42,146,67,1);
    box-shadow: 24px 24px 0px 0px rgba(42,146,67,1);
}
@media(max-width:1199px){
    #sub0301 section:last-child {
        margin-top: 100px;
    }
    #sub0301 section:last-child img{
        width:390px;
        transform: translate(-22px,-40px);
    }
    #sub0301 section:last-child p {
        padding-left: 60px;
    }
}
@media(max-width:992px){
    #sub0301 section:last-child {
        padding-bottom: 30px;
    }
    #sub0301 section:last-child img{
        transform: translate(0);
    }
    .green-shadow{
        -webkit-box-shadow: 14px 14px 0px 0px rgba(42,146,67,1);
        -moz-box-shadow: 14px 14px 0px 0px rgba(42,146,67,1);
        box-shadow: 14px 14px 0px 0px rgba(42,146,67,1);
    }
    #sub0301 section:last-child p,
    #sub0301 section:last-child img{
        display: block;
        vertical-align: auto;
    }
    #sub0301 section:last-child p {
        padding-left: 15px;
		padding-right: 15px;
        margin-top: 40px;
    }
}
/* 0202 */
#sub0202 .tab a {
    width: 19.8%;
}
@media (max-width:992px){
	#sub0202 .tab a {
		width: 48%;
	}
}

/* 0302 */
#sub0302 .tab a {
    width: 24.6%;
}
.tableDefault table{
    border-top:2px solid #000;
}
.tableDefault th,
.tableDefault td{
    border:1px solid #ddd;
    color:#474747;
    font-size:16px;
    padding:10px;
}
.tableDefault th{
    background:#f0f0f0;
    text-align: center;
    font-weight: 500;
}
#sub0302 .group p{
    margin-bottom:5px;
}
#sub0302 .form_tt {
    margin: 30px 0 10px;
	line-height:1.4;
}
#sub0302 .tab_container{
    padding:0 40px;
}
#sub0302 .gray-box img{
    position: absolute;
    z-index: 0;
}
#sub0302 .gray-box p{
    position: relative;
    z-index: 10;
    padding-left:20px;
}
#sub0302 .gray-box p::before{
    width: 6px;
    height: 6px;
    background: #2a9243;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
#sub0302 .gray-box {
    color: #555;
    font-weight: 300;
    background: #f9f9f9;
    border: 1px solid #cccccc;
    border-radius: 5px;
    padding: 50px 34px;
    margin: 20px 0;
}
#sub0302 .gray-box img {
    right: 40px;
}
.cta-green {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #2a9243;
    border-radius: 20px;
    display: inline-block;
    padding: 4px 25px 4px 20px;
	min-height:32px;
	line-height:32px;
	box-sizing:border-box;
}
#sub0302 .cta-green img{
    position: static!important;
    transform: translate(7px, -1px);
}
.gray-img{
	z-index:0;
	top:0;
	position:absolute;
	right:40px;
}
@media(max-width:1199px){
	#sub0302 .gray-box p::before {
		top: 12px;
		transform: translateY(0);
	}
}
@media(max-width:992px){
	#sub0302 .tab a {
		width: 23.6%;
		font-size: 13px;
		border-radius: 10px;
		margin-right: 5px;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: 5px;
		float:none;
		display:inline-block;
	}
	#sub0302 .gray-box p::before {
		top: 7px;
	}
	.green-deco{
		display:none;
	}
	.tableDefault th, .tableDefault td {
		font-size: 14px;
		padding: 10px;
	}
	.gray-box .gray-img {
		width: 90px;
		right:20px!important;
	}
	.cta-green {
		font-size: 13px!important;
		margin-top:10px;
	}
	#sub0302 .cta-green {
		min-height:auto;
		line-height:auto;
		box-sizing:border-box;
	}
	.gray-box {
		padding: 30px 20px!important;
		margin: 20px 0;
	}
}
@media(max-width:767px){
	#sub0302 .tab{
		text-align:center;
	}
	#sub0302 .tab a {
		width: 47%;
		font-size: 13px;
		border-radius: 10px;
		margin-right: 5px;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: 5px;
	}
	.green-deco{
		display:none;
	}
	.tableDefault th, .tableDefault td {
		font-size: 14px;
		padding: 8px 1px;
	}
	.tab_container {
		padding: 0!important;
	}
	#board_calendar .coun_cal th {
		font-size: 13px;
		font-weight:400;
	}
	.allday_cal {
		font-size: 13px;
	}
	.today_cal {
		font-size: 13px;
	}
}

/* 0408 */

#sub0409 .cta-green img{
	transform:translate(6px,-1px);
}
.cta-green:visited{
	color:#fff;
	text-decoration:none!important;
}


/* sub0501 */
.gray-box{
    position: relative;
}
.gray-box img{
    position: absolute;
    top:0;
    right:100px;
}

.table-top{
    margin:18px 0;
}
.category-select{
    float:left;
}
.search_info{
    float:right;
}
.category-select select {
    width: 140px;
    padding: 2px;
    margin-right: 15px;
    border-radius: 3px;
}
.category-select #only_ing{
    /* transform: translateY(3px); */
    width:12px;
    height: 12px;
}
/* .category-select span{
    transform: translateY(-3px);
} */
.gallery_body > div{
	margin-bottom:40px;
}
.gallery_body a{
    text-decoration: none;
}
.gallery_body .imgArea{
    border:1px solid #ddd;
}
.gallery_body .txtArea {
    border:1px solid #ddd;
    border-top:none;
    padding:20px;
    position: relative;
}
.gallery_body .txtArea p{
    margin:0;
    font-size: 16px;
    color:#888;
    line-height: 1.7;
}
.gallery_body .txtArea p.subject {
	text-align:center;
    padding-bottom:10px;
	line-height:18px;
    font-weight:400;
    color:#555;
    font-size:16px;
    display:inline-block;
	padding-top:10px;
	min-height:50px;
	line-height:1.4;
}

#gallery-list .subject a{
  display:inline-block;
  width:250px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow: ellipsis;
  font-size: 16px;
}

.gallery_body .txtArea .category{
    color: #fff;
    font-size: 14px;
    padding: 2px 16px;
    display: inline-block;
    border-radius: 3px;
}
.gallery_body .txtArea a {
    color: #666;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}
.gallery_body .txtArea .info-status{
    font-size: 16px;
}
.gallery_body .txtArea .info-status{
    position: absolute;
    top:22px;
    right:20px;
}
.ing{
    color:#2a9243!important;
    font-weight: 500;
}
.closed{
    color:#e71313!important;
    font-weight: 500;
}
#gallery-list .inner .box {
    height: 320px;
}
#gallery-list .inner .box a {
    display: block;
    height: 208px;
    overflow: hidden;
}
@media(max-width:992px){
    .tab a {
        padding: 6px;
        font-size: 13px;
    }
	.category-select{
		float:none;
		display:block;
	}
	.search_info{
		float:none;
		display:block;
		margin-top:10px;
	}
	#sub0501 .tab a {
        width:30%;
    }
	#board_calendar .top_moon h4 {
		font-size: 18px;
		font-weight: bold;
		text-align: center;
		width: 40%;
		margin: 0 auto;
		position: relative;
		color: #000;
	}
	#board_calendar .top_moon h4 a.prev {
		left: -10px;
	}
	#board_calendar .top_moon h4 a.next {
		right: -10px;
	}
	#board_calendar .top_moon h4 a img{
	 width:24px;
	 height:23px;
	}
	#board_calendar .cal_res a span {
		font-size: 12px;
		display:block;
	}
	#board_calendar .coun_cal td {
		padding: 4px 0 8px 0;
	}
	#board_calendar .cal_res .btn_cal_res {
		padding: 3px;
		width: auto;
		margin: 2px 0;
	}
}
@media(max-width:992px){
	#gray_board_write,
	#gray_board_write thead,
	#gray_board_write tbody,
	#gray_board_write tr,
	#gray_board_write th,
	#gray_board_write td{
		display:block!important;
		width:100%!important;
		padding-left:0;
		padding-right:0;
		font-size:14px!important;
	}
	#gray_board_write .input_basic{
		width:100%;
		margin-left:0!important;
		padding:5px;
	}
	.people p, .people select, .people div {
		font-size: 14px;
	}
	#gray_board_write .td_left_num .input_chk{
		margin-left:10px;
	}

}



#sub0501_view #gray_gallery_list {
    border-top:none;
    padding:0;
}
#sub0501_view .row{
    background:#f7f7f7;
    margin-top:50px;
}
.content-detail .bt-content{
    background:#fff;  
    margin-top:20px;
}
.content-detail .content-img{
    transform: translate(-15px,-35px);
}
.content-detail .content-txt{
    padding-top: 50px;
}
.content-detail dl{
    display: block;
    margin-bottom:10px;
}
.content-detail dt,.content-detail dd{
    display:inline-block;
    vertical-align: middle;
    font-size:16px;
}
.content-detail dt{
    width:100px;
    color:#222;
    font-weight: 400;
}
.content-detail dd{
    color:#474747;
    font-weight: 300;
}
@media(max-width:992px){
	.content-detail .content-img{
		transform: translate(0)!important;
	}
}
.btn-status{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    padding: 4px 10px;
    display: inline-block;
    border-radius: 3px;
    max-width:80px;
    text-align:center;
}
.bt-content .detail,
.bt-content .ect{
    margin:40px 0;
}
.bt-content .form_tt{
    margin:20px 0;
}
.board_menu{
    text-align: center;
    margin-top:60px;
}
.board_menu a{
    display:inline-block;
    text-decoration: none;
    font-size:16px;
    font-weight: 400;
    width:100px;
    text-align: center;
    padding:5px 0;
    border-radius: 4px;
    margin:0 2px;
}
.board_menu .btn-gray{
    color:#555;
    background:#f7f7f7;
    border:1px solid #cccccc;
}
.board_menu .btn-green{
    color:#fff;
    background:#2a9243;
    border:1px solid #2a9243;
}

/* 0601 */
#sub0601 .tab a {
    width: 24.85%;
}
#sub0601 .subject .title a{
	font-size:16px;
	color:#000;
	font-weight:400;
	text-decoration:none;
}
@media(max-width:1199px){
	#sub0601 .tab {
		margin-left:14px;
	}
	#sub0601 .subject .title a{
		font-size:14px;
	}
	#sub0601 .tab a {
		width: 24.6%;
	}
}
@media(max-width:992px){
	#sub0601 .tab a {
		width: 47%;
		font-size: 13px;
		border-radius: 10px;
		margin-right: 5px;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: 5px;
	}
}

/* my book */
.my_top{
	width:100%;
}
.my_top .title{
	float:left;
}
.my_top .options{
	float:right;
    transform: translateY(12px);
}
.my_top .options select,
.my_top .options div{
	display:inline-block;
	width:200px;
	vertical-align:middle;
}
.my_top .options select{
	width:150px;
}
.my_top .options div{
	position:relative;
}
.my_top .options div i{
	position:absolute;
	top: 10px;
    right: 10px;
}
.my_book .y{
	color:#2a9243;
}
.my_book .n{
	color:red;
}

#my_view td,
#my_view th{
	font-size:16px!important;
}
#my_view th,
#my_view label{
	font-weight:500!important;
}
#my_view td{
	padding-left:30px;
	text-align:left;
}
.dp-table-cell a{
	text-decoration:none;
}
.btn_board_bottom a.back {
    width: 110px;
    padding: 6px;
    border-radius: 3px;
	border: 1px solid #ccc;
	text-decoration:none;
	display:inline-block;
	background:rgb(240, 240, 240);
	color:rgb(51, 51, 51);
	transform: translateY(2px);
}


.min-height{min-height:360px;}


@media(max-width:992px){
	.min-height{min-height:auto!important;}
}



/* ======================================faq 게시판 */
#gray_faq_list .faq_view { border-top:2px solid #808183; }
#gray_faq_list .faq_view li {border-bottom:1px solid #dcdcdc;}
#gray_faq_list .faq_view h4 { background:url(/board_img/icon_q.png) no-repeat 10px 20px; text-align:left; }
#gray_faq_list .faq_view h4 a {display:block; padding:20px 0 20px 50px;color:#222; font-size:14px;}
#gray_faq_list .faq_view div.content {display:none; padding:10px 0 10px 50px; color:#797979; border-top:1px solid #ddd; background:#f8f8f8 url(/board_img/icon_a.png) no-repeat 10px 20px;text-align:left; font-size:14px; line-height:22px;}

#gray_faq_list .faq_view2 { border-top:2px solid #808183; }
#gray_faq_list .faq_view2 li {border-bottom:1px solid #dcdcdc; font-size:14px;}
#gray_faq_list .faq_view2 h4 { background:url(/board_img/icon_q.png) no-repeat 10px 20px; text-align:left; }
#gray_faq_list .faq_view2 h4 span {display:block; padding:20px 0 20px 50px;color:#555555;}
#gray_faq_list .faq_view2 div.content {display:; padding:20px 0 20px 50px; color:#797979; border-top:1px solid #ddd; background:#f8f8f8 url(/board_img/icon_a.png) no-repeat 10px 20px;text-align:left;}

/* ======================================게시판 상단 */
#gray_board_top {
	----position:relative;
	min-height:40px;
}
#gray_board_top:after{
	content:'';
	clear:both;
	display:block;
}
-------#gray_board_top .font_post {
	color:#3f86c8;
	font-weight:bold;
}
#gray_board_top .search_info {
	float:right;
	text-align:right;
}
#gray_board_top .select_search {
	padding:0 0 0 0px;
	height:32px;
	border:1px solid #ddd;
	color:#565656;
	font-size:14px;
	min-width:130px;

}

@media(max-width:992px){
	#gray_board_top .select_search {
		margin-bottom:5px;
	}	
}
#gray_board_top .input_search {
	height:14px;
	padding:0px 10px;
	border:1px solid #ddd;
	color:#565656;
	font-size:14px;
	height:32px;
}
#gray_board_top .search-btn{
	border:0px;
	background:#999;
	color:#fff;
	height:32px;
	padding:0px 15px;
	cursor:pointer;
}
#gray_board_top .a_tab1{
	background:url(../board/gallery/basic_tab/images/gallery_tab_off_01.gif);
	display:inline-block;
	width:122px;
	height:27px;
}
#gray_board_top .a_tab1:hover{
	background:url(../board/gallery/basic_tab/images/gallery_tab_on_01.gif);
	display:inline-block;
	width:122px;
	height:27px;
}
#gray_board_top .a_tab2{
	background:url(../board/gallery/basic_tab/images/gallery_tab_off_02.gif);
	display:inline-block;
	width:122px;
	height:27px;
}
#gray_board_top .a_tab2:hover{
	background:url(../board/gallery/basic_tab/images/gallery_tab_on_02.gif);
	display:inline-block;
	width:122px;
	height:27px;
}
#gray_board_top .a_tab3{
	background:url(../board/gallery/basic_tab/images/gallery_tab_off_03.gif);
	display:inline-block;
	width:122px;
	height:27px;
}
#gray_board_top .a_tab3:hover{
	background:url(../board/gallery/basic_tab/images/gallery_tab_on_03.gif);
	display:inline-block;
	width:122px;
	height:27px;
}

#sub0105 .tab-container img{
	width:
}




.cta-green:hover{
	text-decoration:none;
	color:white;
}



@media (max-width:992px){
	.tab {
		width:100%;
	}
	.tab a {
		width: 24.4%;
		font-size: 13px;
		border-radius: 10px;
		margin-right: 5px;
		border-bottom: 1px solid #dfdfdf;
		margin-bottom: 5px;
	}	
	#sub0105 .tab {
		margin-left:0!important;
		text-align:center!important;
	}
	#sub0105 .tab a {
		width: 48%!important;
		float:left;
		display:inline-block;
	}
	.book_content > div{
		margin:20px 0 30px!important;
	}
	#r_email1,#r_email2,#email_domain,
	#s_tel1,#s_tel2,#s_tel3{
		width:31%!important;
	}
	.birth input, .birth select {
		width:80px!important;
	}
	.birth .td_left_num .pr20{
		padding-right:5px!important;
	}
	.team input{
		width:100%!important;
	}
}

@media(max-width:992px){
	#sfrm .input_search{
		width:55%;
	}
}


@media(max-width:767px){
	.x-scroll-wrap {
		width: 100%;
		overflow-x: scroll;
	}
	.x-scroll {
		width: 767px;
		white-space: nowrap;
	}
}


/* 20200622 */
.pre-booking .covid-info td{
	font-weight: 400;
	color: #474747;
	letter-spacing: -0.015em;
	font-family: 'Noto Sans KR', sans-serif;
	word-break: keep-all;
}
.pre-booking .book_content .gray-box > ul{
	margin:0;
}
.pre-booking .book_content .gray-box > ul li span.hy_,
.pre-booking .book_content .gray-box > ul li p{
	display:inline-block;
	vertical-align: top;
}
.pre-booking .book_content .gray-box > ul li span.hy_{
	width:1%
}
.pre-booking .book_content .gray-box > ul li p{
	width:98%;
	margin:0;
}
.pre-booking .top-info{
	margin:16px 0;
}
.pre-booking .top-info h4,
.pre-booking .top-info p{
	margin:0 !important;
	line-height:1.5;
	padding-left:18px;
}
.pre-booking .top-info p{
	padding-top:5px;
}
.pre-booking .bottom-info{
	margin:20px 0 0;
	line-height: 1.5;
}
.pre-booking .bottom-info span.hy_,
.pre-booking .bottom-info p{
	display:inline-block;
	vertical-align: top;
	color: #2a9243 !important;
	font-weight:500;
}
.pre-booking .bottom-info span.hy_{
	width:1.5%
}
.pre-booking .bottom-info p{
	width:97.5%;
	margin:0;
}
.pre-booking #steps-img{
	margin:40px 0 !important;
}
@media(max-width:992px){
	.pre-booking .bottom-info span.hy_{
		width:2%
	}
	.pre-booking .bottom-info p{
		width:97%;
	}	
}
@media(max-width:767px){
	.pre-booking .covid-info td{
		text-align:center;
	}
	.pre-booking .book_content .gray-box > ul li{
		padding:5px 0;
	}
	.pre-booking .book_content .gray-box > ul li span.hy_ {
		width: 2%;
	}
	.pre-booking .book_content .gray-box > ul li p {
		width: 96%;
	}
}
@media(max-width:585px){
	.pre-booking .bottom-info span.hy_{
		width:15px;
	}
	.pre-booking .bottom-info p{
		width:94%;
	}	
}
@media(max-width:485px){
	.pre-booking .tableDefault tr td:nth-child(1){
		width:28%;
	}
}


.pre-booking .form_01_table{
	white-space:pre-line;
}
@media(max-width:992px){
	.pre-booking .form_tt {
		padding-bottom: 0;
	}	
	.pre-booking .book_content > div {
		margin: 0 !important;
	}
}
@media(max-width:485px){
	
}






@media(max-width:992px){
	.pop_layer{
		left:0 !important;
		right:auto !important;
	}
}
@media(max-width:767px){
	#gray_board_read tr td img{
		width:100% !important;
		max-width:600px !important;
	}
	#gray_board_read tr td a{
		word-break:break-all;
	}
}



/* 우편구독 신청 */
.subpage0409 label {
	font-weight:400;
}
.subpage0409 .table-wrap table {
	width:100%;
	box-sizing:border-box;
	border-top:2px solid #222;
}
.subpage0409 .table-wrap th,
.subpage0409 .table-wrap td {
	font-size:16px;
	font-weight:400;
	color:#222;
	box-sizing:border-box;
	border-bottom:1px solid #ddd;
	padding:2rem 2rem;
}
.subpage0409 .table-wrap th {
	background:#f5f5f5;
	font-weight:500;
}
.subpage0409 .table-wrap th > span {
	display:inline-block;
	color:#f00;
	margin-left:5px;
}
.subpage0409 .table-wrap td input[type="text"] {
	border-radius:0;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:1rem;
	outline:none;
	font-size:16px;
	color:#222;
}
.subpage0409 .table-wrap td input[type="text"].form-member {
	width:100%;
}
.subpage0409 .table-wrap .flex {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.subpage0409 .table-wrap .dp-table {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.subpage0409 .table-wrap .mt03 {
	margin-top:3px;
}
.subpage0409 .table-wrap .wr_zips {
	display:inline-block;
	box-sizing:border-box;
	border:1px solid #ddd;
	background:#f5f5f5;
	text-align:center;
	color:#222;
	font-size:16px;
	height:100%;
	padding:1rem 3rem;
	margin-left:4px;
}
.subpage0409 .table-wrap .checkbox_type1 {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
	margin-right:20px;
	margin-bottom:0;
}
.subpage0409 .table-wrap .checkbox_type1 input {
	margin-right:5px;
	width:16px;
	height:16px;
}
@media(max-width:992px){
	.subpage0409 .table-wrap table,
	.subpage0409 .table-wrap colgroup,
	.subpage0409 .table-wrap tbody,
	.subpage0409 .table-wrap tr,
	.subpage0409 .table-wrap th,
	.subpage0409 .table-wrap td {
		display:block;
	}
	.subpage0409 .table-wrap th,
	.subpage0409 .table-wrap td {
		font-size:15px;
		padding:1rem 1rem;
	}
	.subpage0409 .table-wrap th {
		width:100%;
		background:#fff;
		border-bottom:0;
	}
	.subpage0409 .table-wrap td {
		width:100%;
		padding:0 1rem;
		padding-bottom:1.5rem;
	}
	.subpage0409 .table-wrap td input[type="text"] {
		width:100%;
		font-size:15px;
	}
	.subpage0409 .table-wrap .wr_zips {
		font-size:15px;
	}
}
.subpage0409 .agree_box {
	margin-top:2rem;
}
.subpage0409 .agree_box .flex {
	display:flex;
	flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	align-items:center;
}
.subpage0409 .agree_box .flex input {
	margin-top:0;
}
.subpage0409 .agree_box textarea {
	width:100%;
	height:20rem;
	resize:none;
	border-radius:0;
	border:1px solid #ddd;
	box-sizing:border-box;
	padding:1rem;
	margin-top:10px;
	font-size:16px;
}
.subpage0409 .btnArea {
	text-align:center;
}
.subpage0409 .btnArea .btn {
	font-size:18px;
	padding:1rem 5rem;
	border-radius:4rem;
}
@media(max-width:992px){
	.subpage0409 .agree_box textarea {
		height:14rem;
		font-size:15px;
	}
	.subpage0409 .btnArea .btn {
		font-size:16px !important;
		padding:0.5rem 5rem;
		border-radius:4rem;
	}
}

/* 오시는 길 map */
.sub0203 .mapBox .map_title{
	padding:20px;
	font-size:13px; 
	text-align:center; 
	font-weight:bold; 
	width:500px;
	white-space:nowrap;
}
@media (max-width:500px){
	.sub0203 .map_title{
		width:250px !important;
	}
}