@import url("common.css");

#visual{position:relative; overflow:hidden; width:100%; text-align:center; height:420px; }
#visual .subimg{display:block; width:100%; height:100%; transition:all 0.3s ease-out;animation-duration: 5s; animation-name:visualScale; background-color:#000}
	@keyframes visualScale {
		 0% { transform:scale(1.15); -ms-transform: scale(1.1); -webkit-transform: scale(1.1); }
		 100% { transform:scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); }
	}

	#visual .subtop_txt{position: absolute; text-align:center; width:100%; top:140px; -webkit-box-sizing: border-box; }
	#visual .subtop_logo{width:400px; margin:0 auto 10px;}
	#visual .subtop_logo img{width:100%;}
	#visual .subtop_stxt{color:#fff; font-size:45px; font-weight:700; line-height:100%; letter-spacing:-2px; margin-bottom:20px;}
	#visual .subtop_stxt2{font-family:'Play', sans-serif; color:#fff; font-size:18px; line-height:100%; font-weight:300; letter-spacing:0;}

	.subtop_intro{background:url('/html/images/sub/subtop_intro.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_event{background:url('/html/images/sub/subtop_event.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_partner{background:url('/html/images/sub/subtop_partner.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_station{background:url('/html/images/sub/subtop_station.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_rv{background:url('/html/images/sub/subtop_rv.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_community{background:url('/html/images/sub/subtop_community.jpg') center 0 no-repeat; background-size:cover;}
	.subtop_other{background:url('/html/images/sub/subtop_other.jpg') center 0 no-repeat; background-size:cover;}

#contents{position:relative; }

.hey .lnb{top:auto}
.hey .lnb ul{background:none;}
.hey #sticker{
	z-index:9999 !important;
	height:70px;
	box-shadow: 0px 0px 30px rgba(0,0,0,0.2);
	background: #2e98cc; /* 그라데이션 지원하지 않는 브라우저 */
	background: -webkit-linear-gradient(left right, #2e98cc, #353684);
	background: -moz-linear-gradient(left right, #2e98cc, #353684);
	background: -o-linear-gradient(left right, #2e98cc, #353684);
	background: linear-gradient(to right, #2e98cc, #353684); /*표준 */}



.lnb {position:absolute; overflow: hidden; width:1170px; margin:0 auto; top: -70px; margin-left: -585px; left: 50%;}
	.lnb ul{list-style:none;position:relative; overflow:hidden; display:table; width:100%; table-layout: fixed; background: #2e98cc; /* 그라데이션 지원하지 않는 브라우저 */
	background: -webkit-linear-gradient(left right, #2e98cc, #353684);
	background: -moz-linear-gradient(left right, #2e98cc, #353684);
	background: -o-linear-gradient(left right, #2e98cc, #353684);
	background: linear-gradient(to right, #2e98cc, #353684); /*표준 */}
	.lnb li {list-style:none;position:relative; display:table-cell; width:auto; text-align:center; border-right:1px solid rgba(255,255,255,0.2);}
	.lnb li:first-child{border-left:1px solid rgba(255,255,255,0.2);}
	.lnb li a{display:block; height:70px; line-height:70px; color:#fff; font-size:17px; letter-spacing: -0.3pt;transition: all 0.3s ease; -o-transition: all 0.3s ease;  -ms-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease;}
	.lnb li a:hover{background:rgba(29,110,192,1); letter-spacing: -0.3pt;}
	.left_linktop{ color:#20228c !important; text-decoration: none;  background:#fff !important; font-weight:700}
	
	/*depth_3*/
	.lnb ol.depth_3{border-bottom:1px solid #ddd; padding:0 0 0 20px; background-color:#f9f9f9}
	.depth_3 dd:first-child{padding-top:8px;}
	.depth_3 dd:last-child{padding-bottom:8px;}
		.depth_3 dd a:link, .depth_3 dd a:visited{display:block; font-size:12px; padding:4px 0;}
		.depth_3 dd a:hover{display:block; color:#064e91; text-decoration:none}
		.depth_linktop{color:#064e91 !important; font-weight:bold !important; }
		.depth_linktop:hover{text-decoration:none}


.contentArea{width:1170px; margin:0 auto; }
.contentArea:after {content: ""; display: block; clear: both;}
.contentArea_wide{width:100%; overflow:hidden;}
#contents .tit_area{width:100%; padding:80px 0 50px 0; overflow:hidden; text-align:center;}
	#contents p.location {float:right; font-size:12px; color:#777; padding:15px 0 0 0}
	#contents p.location a:link, .tit_area p.location a:visited{font-size:12px; color:#777; }
	#contents p.location a:hover{color:#222;}
	#contents p.location img{vertical-align:middle; margin-bottom:2px;}
	#contents h3.title {color:#333; font-weight:600; font-size:40px; line-height:33px;letter-spacing:-2px;}	

.contentArea .contents_in {position:relative; clear:both; margin:0 0 100px 0; *zoom:1;}
.contentArea_wide .contents_in {position:relative; clear:both; margin:0 0 0 0; *zoom:1;}

/*** 공통css ***/
.point_txt{font-weight:bold; color:#333; letter-spacing:-0.5pt;}

.tpad_10{padding-top:10px}
.tpad_20{padding-top:20px}
.tpad_35{padding-top:35px}

.bpad_5{padding-bottom:5px}
.bpad_10{padding-bottom:10px}
.bpad_20{padding-bottom:20px}
.bpad_25{padding-bottom:25px}
.bpad_30{padding-bottom:30px}
.bpad_40{padding-bottom:40px}
.bpad_50{padding-bottom:50px}

.bmar_25{margin-bottom:25px;}
.bmar_30{margin-bottom:30px;}
.bmar_60{margin-bottom:60px;}
.bmar_100{margin-bottom:100px;}

.tmar_10{margin-top:10px;}


.con_tit{font-size:20px; line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:700; padding:0 0 15px 0;}
.con_tit span.thin{line-height:24px; letter-spacing:-1.5pt; color:#444; font-weight:100;}

caption{line-height:0px; font-size:0px; color:#fff;}
.hide {display:none;line-height:0px; font-size:0px;}

.table_style{}
.table_style {width:100%; border-collapse:separate; border-spacing:0;}
.table_style th {font-size:16px; color:#333; font-weight:600;letter-spacing: -0.3pt; line-height:22px; background:#f9f9f9; text-align:center; padding:15px 20px;
border-bottom:1px solid #bbb; border-right:1px solid #ddd; border-top:1px solid #333;}
.table_style tr th:last-child{border-right:none;}
.table_style td {padding:15px 20px; text-align:center;letter-spacing: -0.3pt; font-size:16px;border-bottom:1px solid #e9e9e9; border-right:1px solid #e9e9e9; color:#777 }
.table_style tr td:last-child{border-right:none}
.table_style .alignlef{text-align:left;}
.table_style td.left {text-align:left; padding-left:10px;}


.table_style2{width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #333; border-left:1px solid #ddd;}
.table_style2 th{color:#444; font-weight:600; text-align:center; padding:14px 0 14px 0; border-bottom:1px solid #ddd; background-color:#f9f9f9; border-right:1px solid #ddd;}
.table_style2 td{border-bottom:1px solid #ddd; padding:14px 0 14px 0; text-align:center; border-right:1px solid #ddd;}


h4.sub_title{font-size:28px; line-height:40px; letter-spacing:-1pt; color:#333; font-weight:300; margin-bottom:30px;}
 span.blue{line-height:40px; letter-spacing:-1pt; color:#353684; font-weight:700;}
 span.blue2{line-height:40px; letter-spacing:-1pt; color:#2e98cc; font-weight:700;}
 span.black{line-height:40px; letter-spacing:-1pt; color:#333; font-weight:700;}

h5.sub_stitle{font-size:22px; line-height:30px; letter-spacing:-0.6pt; color:#333; font-weight:700;}
h5.sub_dline{position: relative;
font-size: 22px;
    margin: 30px 0 20px 0; font-weight:700;
    color: #333;
    text-align: left;
    letter-spacing: -1px;}
h5.sub_dline:before{position: absolute;
    top: -8px;
    left: 2px;
    content: "";
    width: 30px;
    height: 5px;
    background: #353684;
	-webkit-transform: skew(-35deg); -moz-transform: skew(-35deg); -o-transform: skew(-35deg); transform: skew(-35deg);
	background: -webkit-linear-gradient(left right, #2e98cc, #353684);
	background: -moz-linear-gradient(left right, #2e98cc, #353684);
	background: -o-linear-gradient(left right, #2e98cc, #353684);
	background: linear-gradient(to right, #2e98cc, #353684); /*표준 */}



.dot_t{position: relative;font-size:1.125rem; line-height:100%; font-weight:600; color:#333; margin-bottom:20px; padding-left:20px; letter-spacing:-0.5px;}
.dot_t:before{position: absolute; left: 0; top: 3px; content: ""; width:14px; height:14px; border:4px solid #2e98cc; box-sizing:border-box; display:block; border-radius: 100%; }

.sub_txt{font-size:16px; line-height:26px; letter-spacing:-0.3pt; color:#777;}
.sub_txt2{font-size:16px; line-height:100%; letter-spacing:-0.3pt; color:#333; margin-bottom:10px; font-weight: 500;}
.sub_txt3{font-size:18px; line-height:100%; letter-spacing:-0.3pt; color:#353684; margin-bottom:10px; font-weight: 500;}

.sq_box{position: relative; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; padding:30px 30px 30px 30px; background:#f8f8f8;}
.sq_box_white{position: relative; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; padding:30px 30px 30px 30px; background:#fff;}
.dot-number li{list-style:none; position: relative; font-size:1.067px; color:#777; line-height:24px; font-size:15px; letter-spacing: -0.3pt; margin-bottom:4px; padding-left: 13px;}
.dot-number li:last-child{margin-bottom:0}
.dot-number li:before{position: absolute; left: 2px; top: 10px; width:3px; height:3px; background:#2e98cc; display:block; content: ''; }

.dot-number li.tit_b{list-style:none; position: relative; font-size:1.067px; color:#3074b1; line-height:24px; font-size:16px; font-weight:500; letter-spacing: -0.3pt; margin-bottom:4px; padding-left: 0;}
.dot-number li.tit_b:before{display:none;}

.lsnumber_box{background: #f9f9f9; padding: 30px; position: relative; margin:20px 0; font-size:15px; letter-spacing:-0.3pt; color:#777; line-height: 24px;}
.lsnumber_box span.red{color:red}



[class^="lstyle-"] li {
	position: relative;
	margin-top:4px;
	padding-left: 15px;
	line-height:24px; 
	color:#777;
	font-size:15px; letter-spacing: -0.3pt;
	}
[class^="lstyle-"] > li:first-child {
	margin-top: 0; letter-spacing: -0.3pt;
	}
[class^="lstyle-"] li:before,
p.lstyle-dot::before,
p.lstyle-line::before,
.privacy-title::before {
	display: block;
	position: absolute;
	top: 12px;
	left: 0;
	/* content: ''; */
	} 
[class^="lstyle-"] li > ul  {
	margin-top: 7px;
	}
p.lstyle-dot,
p.lstyle-line {
	position: relative;
	padding-left: 15px;
	}	
.lstyle-dot > li::before,
p.lstyle-dot::before {
	width: 4px;
	height: 4px;
	background-color: #9ca6b1;
	border-radius: 100%;
	}
.lstyle-dot > li > ul > li::before,	
.lstyle-line > li::before,
p.lstyle-line::before {
    width: 4px;
    height: 1px;
    background-color: #707070;
	}		
.lstyle-normal > li {
	margin-top: 20px;
	padding-left: 0;
	}
.lstyle-none > li {
	padding-left: 0;
	}	
.lstyle-none > li::before {
	display: none;
	}	
.lstyle-number > li {
	margin-left: 20px;
	padding-left: 0;
	list-style: decimal;
	}
.lstyle-number > li a{color:#2e98cc}
.lstyle-number > li a:hover{text-decoration: underline; }
.lstyle-number > li a img{padding:0 3px}
.lstyle-number.round > li {
	position: relative;
	margin-left: 0;
	padding-left: 22px;
	list-style: none;
	font-size:15px;
	letter-spacing: -0.3pt;
	counter-increment: number;
	}
.lstyle-number.round > li::before {
    display: block;
    position: absolute;
    top: 5px;
    left: 0;
    width: 14px;
    height: 14px;
    line-height: 1.2;
    border: 1px solid #626262;
    border-radius: 100%;
    content: counter(number, decimal);
    text-align: center;
    font-size:10px;
    overflow: hidden;
	}	
.lstyle-number.round > li.point01::before {
	border-color: #f9415e;
	}


/*************** 협회소개 ***************/
/* 설립목적 */
.purpose_con{position:relative; text-align:center; width:1170px; margin:0 auto 100px auto}
.purpose_con:after {content: ""; display: block; clear: both;}
.purpose_con .pic{margin-bottom:40px;}
.purpose_con h4.sub_title{position:relative;}
.purpose_con h4.sub_title:before{    position: relative;left: 10px; top: -11px; content: ""; width:31px; height:22px; background:url('/kiha/img/purpose_img02.png') no-repeat; display:inline-block;}
.purpose_con h4.sub_title:after{position: relative; right: 4px; top: -11px; content: ""; width:31px; height:22px; background:url('/kiha/img/purpose_img03.png') no-repeat; display:inline-block;}

.purpose_con2{position:relative; width:1170px; margin:0 auto 100px auto }
.purpose_con2 h4.sub_title{text-align:center;}



/* 연혁 */
.history_con{position:relative; overflow:hidden; background:#f9f9f9; z-index: -1; }
.history_con .in{position:relative; overflow:hidden;  width:1170px; margin:100px auto; }
.his_top{text-align:center; margin-bottom:50px;}


.his_in{position:relative; margin-bottom:60px;}
.his_in:after{content: '';display: block;clear: both;}
.his_in .his_img{float: left; width: 50%; box-sizing: Border-box; padding:0px 0px 0px 60px;}
.his_imgblock{display:none;}
.his_in:nth-child(even) .his_img{ float: right; }
.his_in:nth-child(odd) .his_img{text-align:right; padding:0px 60px 0px 0px;}
.his_in .his_img img{max-width: 100%;}

.his_in:nth-child(odd) ul{float: right; text-align: left;  padding: 0 0 0 60px;}
.his_in:nth-child(even) ul{float:left; }
.his_in ul{float: right;  text-align: right; width: 50%;box-sizing: Border-box; padding: 0 60px 0 0;}

.his_table {position:relative; overflow:hidden; padding:0 0 9px 0px;}
.his_in:nth-child(even) .his_table{padding:0 0px 9px 0}
.his_in:nth-child(even) .his_table:before{left: calc(100% + 7px);}

.his_table:last-child{padding-bottom:0}
.his_table dd {position:relative; line-height:24px;  text-align:left; color:#777; letter-spacing:-0.5pt; font-weight:300; font-size:16px; float:left; width: calc(100% - 60px); word-break: keep-all;}
.his_table dd.col{color:#f57b20}
.his_table dt{color:#333; letter-spacing:-0.5pt; line-height:24px; font-size:16px; width:60px; float:left; font-weight:700}
.his_in:nth-child(even) .his_table dt{float:right;}
.his_in:nth-child(even) .his_table dd{text-align:right;}
.his_in:nth-child(even) .his_table dd:before{left: calc(100% + 7px);}
.his_in:nth-child(even) li.year{text-align: right;}


.his_in ul{position:relative; float:right; width:50%; box-sizing:Border-box;}
.his_in ul:before {display:block; content:""; width:9px; height:9px; background:#2e98cc;  border-radius: 15px; box-sizing: border-box; position:absolute; top:9px; left:-4px; z-index:9}
.his_in ul:after{ width:9px; height:9px;  content: '';display: block; background-color: #2e98cc; border-radius: 50%; position: absolute; left:-4px; top:9px; z-index: -1; animation: dots 1.5s ease-in-out infinite;}
.his_in:nth-child(even) ul:before{left: calc(100% + -4px);}
.his_in:nth-child(even) ul:after{right: -5px;left: auto;}
.his_in li.year{font-family: 'play', sans-serif; font-size:30px; line-height:100%; color:#1a1b6b; font-weight:700; text-align:left; margin-bottom:20px; }
.his_in li.year:before {display:block; content:""; width:8%; height:1px; background:#ddd; position:absolute; top:14px; left:0; z-index:-2}
.his_in:nth-child(even) li.year:before{left: calc(100% + -47px);}


.tableWrap{position:relative; overflow:hidden; padding-top:60px; z-index:1}
.tableWrap:before{content:""; width:10px; height:10px; display:block; background:#d8d8d8; border-radius: 10px;  position: absolute; top: 0; left:50%; transform:translateX(-50%); z-index:2}
.tableWrap:after {display:block; content:""; background:#ddd; width:1px; height:100%; position:absolute; top:0; left:50%;     z-index: -2;}
/*.tableWrap ul{position:relative; float:right; width:50%; padding-left:70px; box-sizing:Border-box;}
.tableWrap ul:before {display:block; content:""; width:15px; height:15px; background:#fff; border:4px solid #009fa8;  border-radius: 15px; box-sizing: border-box; position:absolute; top:11px; left:-8px; z-index:9}*/
.tableWrap li{}

.his_in li.year a{font-size:28px; line-height:100%; color:#333; font-weight:700; text-align:left; margin-bottom:12px; }
.his_in li.days{position: relative;}

.his_in li {list-style:none;}

@keyframes dots {
    0%{
      opacity: 0.5;
      transform: scale(1);
    }
    100%{
      opacity: 0;
      transform: scale(4);
    }
}





/* 회장인사말 */
.greeting_con{position:relative; width:1170px; margin:0 auto 100px auto;}
.greeting_con:after {content: ""; display: block; clear: both;}
.greeting_con .greeting_top{position:relative; background:url('/html/images/sub/greeting_bg.png') right no-repeat, #f9f9f9; height:310px; margin:40px 0 60px;}
.greeting_con .greeting_top .pic{position: absolute; right:80px; top:-20px;}
.greeting_con .greeting_top h4.sub_title{padding-top:75px; margin-left:60px; margin-bottom:55px}
.greeting_con .greeting_top .sub_txt{ margin-left:60px; line-height:100%; font-size:1.125rem;}
.greeting_con .greeting_top .sub_txt img{margin-left:15px;}

.greeting_con .station_top{position:relative; background:url('/html/images/sub/rv_station_bg.jpg') 0 0 no-repeat; height:450px; border-radius:30px; overflow:hidden;}

.greeting_con .station_top .station_logo {position:absolute; right:40px; bottom:50px; width:400px; height:102px; z-index:1; display:flex; justify-content:center; align-items:center; animation:station_logo 10s infinite;}
@keyframes station_logo {
  0% { opacity:1; transform: translateX(0) }
  50% { opacity:1; transform: translateX(-650px) }
  100% {opacity:1; transform: translateX(0)}
}



/* 주요사업 */
.business_con{position:relative; overflow:hidden;}
.business_con .business_icbox{position:relative; overflow:hidden; padding:50px 0; border:1px solid #ddd; box-sizing:border-box; }
.business_con .business_icbox dl{float:left; width:33.3333333333%; text-align:center;}
.business_con .business_icbox dt{width:150px; height:150px; margin:0 auto; border-radius: 100%;/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0d9fba+0,0d9fba+50,008faa+50,008faa+100 */
background: rgb(13,159,186); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(13,159,186,1) 0%, rgba(13,159,186,1) 50%, rgba(0,143,170,1) 50%, rgba(0,143,170,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(13,159,186,1) 0%,rgba(13,159,186,1) 50%,rgba(0,143,170,1) 50%,rgba(0,143,170,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(13,159,186,1) 0%,rgba(13,159,186,1) 50%,rgba(0,143,170,1) 50%,rgba(0,143,170,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d9fba', endColorstr='#008faa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.business_con .business_icbox dl.one dt img{margin-top:44px; }
.business_con .business_icbox dl.two dt img{margin-top:37px; }
.business_con .business_icbox dl.three dt img{margin-top:44px; }
.business_con .business_icbox dl.one {border-right:1px solid #ddd; box-sizing:border-box}
.business_con .business_icbox dl.three {border-left:1px solid #ddd; box-sizing:border-box}
.business_con .business_icbox .num{ font-family: 'play', sans-serif; font-weight:700; font-size:15px; color:#333; line-height:100%; margin:18px 0}

.business_con .down_btn{margin:40px auto 0 auto}




/* 정관 */
.deferent_con{position:relative; background:#f9f9f9; padding:50px }
.deferent_con h4.sub_title{text-align:center;}
.deferent_con .subt_right{text-align:right;}
.deferent_con .con_bx{margin-bottom:60px;}
.deferent_con .down_btn{margin:0 auto}
.con_title{font-size:20px; color:#333; line-height:100%; margin-bottom:18px; font-weight:700;}


.rule_cont{position:relative; background:#f9f9f9; padding:50px }
.rule_cont .right_txt{display:block; width:100%; text-align:right; font-size:13px; color:#888}
.rule_cont h5.title{width:100%; text-align:center; font-weight:600; letter-spacing:-0.5px; line-height:120%; color:#000; font-size:22px; padding:18px 0 18px;  }
.rule_cont .stitle{display:block; width:100%;text-align:center; font-weight:400; letter-spacing:-1.2pt; line-height:120%; color:#444; font-size:20px; padding:10px 0 15px; }
.rule_cont h6{font-size:16px; color:#222; padding-bottom:5px; letter-spacing:-0.5px; font-weight:500;}
.rule_cont .txt{letter-spacing:-0.4pt; padding:0 0 30px 0; line-height:160%;}
.rule_cont .txt p{background:#f6f6f6; padding:20px; margin:8px 0 10px; border:1px solid #e4e4e4; }
.rule_cont .txt p a{ }
.rule_cont .txt p a:hover{text-decoration:underline; }

.rule_num{}
.rule_num dl{overflow:hidden; clear:both; padding-bottom:17px}
.rule_num dt{width:23px; height:23px; background:#e11e2d; color:#fff; letter-spacing:-0.35pt; line-height:23px; float:left; text-align:center; border-radius:23px; ;}
.rule_num dt.orange{background:#f37200;}
.rule_num dd{width:100%; float:left; padding:0 0 0 9px; line-height:22px; letter-spacing:-0.4pt; font-size:14px;}
.rule_num dd span{letter-spacing:-0.4pt; line-height:22px; color:#666; font-size:14px; display:block; }




/* 학회조직/임원진 */
.organization_board{border-top:1px dashed  #ddd; margin-top:80px; padding-top:80px;}
.organization_board h4.sub_title{text-align:center;}
.organ_list {list-style: none;position:relative; overflow:hidden; width:1170px; }
.organ_list li .ch{position: absolute; right: 5px;top: 5px;}
.organ_list li{list-style: none; padding:29px; position:relative; overflow:hidden; float:left; width:570px; height:240px; border:1px solid #ddd; box-sizing:border-box; margin-right:30px; margin-bottom:30px;}
.organ_list li:nth-child(2n){margin-right:0}
.organ_list li .in{position:relative; overflow:hidden;  display:table; width: 100%;}
.organ_list li .pic{position:relative; overflow:hidden;display:table-cell; width:140px; }
.organ_list li .pic img{background-size:contain !important; background-repeat: no-repeat !important; background-position: center !important;}
.organ_list li .or_cbox{position:relative; overflow:hidden; display:table-cell; padding-left:30px; vertical-align: middle;}
.organ_list li .or_cbox .title{color:#333; line-height:100%;  font-weight:700; font-size:20px; letter-spacing:-0.5pt; border-bottom:1px solid #ddd; box-sizing:border-box; padding-bottom:20px; margin-bottom:20px;}
.organ_list li dl{position:relative; overflow:hidden;}
.organ_list li dl.one{margin-bottom:5px;}
.organ_list li dt{position:relative; overflow:hidden;float:left; width:32px; padding-left:8px; margin-right:15px; font-size:16px;color:#333; font-weight:500; line-height:24px; letter-spacing: -0.3pt;}
.organ_list li dt:before{position: absolute; left: 0; top: 11px; content:''; width:3px; height:3px; background:#2e98cc; display:block;}
.organ_list li dd{position:relative; overflow:hidden; float:left; width: calc(100% - 55px); font-size:16px; color:#777; line-height:24px; letter-spacing: -0.3pt; }




/* 오시는길 */
.contact_cont{width: 100%;}
.contact_cont .contactCont_in{border:1px solid #ddd; width:100%; margin:0 0 20px; overflow:hidden; }
.contact_cont .contactCont_in:last-child{margin-bottom:0}

.contactCont_in > div{width:100%; box-sizing:border-box;}
.contactCont_in:nth-child(even) .info{background:#f0f0f0; }

.contactCont_in .map .wrap_controllers,
.contactCont_in .map .map_border{display:none; }
.contactCont_in .map .wrap_map{height:450px;}

.contactCont_in .info{position:relative; box-sizing:Border-box; padding:0 60px; }
.contactCont_in .info .dep_tit span{margin-bottom:15px;}
.contactCont_in .info .dep_tit {padding:0 0 30px; border-bottom:1px solid #ddd;}
.contactCont_in .info ul{padding:40px 0;}
.contactCont_in .info li{position:relative; padding:0 0 0 105px;  background-size:14px auto; margin:0 0 8px; list-style:none;}
.contactCont_in .info li:last-child{margin-bottom:0;}
.contactCont_in .info li span{position:absolute; left:22px; font-family:"Montserrat", sans-serif; color:#222; font-weight:700; font-size:0.875rem;margin-top:1px}
.contactCont_in .info li.adr{background:url('/html/images/sub/map_icon_adr.png') no-repeat 0 6px; letter-spacing:-0.25pt;}
.contactCont_in .info li.tel{background:url('/html/images/sub/map_icon_tel.png') no-repeat 0 9px;}
.contactCont_in .info li.email{background:url('/html/images/sub/map_icon_email.png') no-repeat 0 9px;}

.contactCont_in .info .btns{position:absolute; font-size:0; top:40px; right:50px;}
.contactCont_in .info .btns a{display:inline-block; position:relative; box-sizing:border-box; font-size:0.938rem; width:180px; height:62px; line-height:60px; background:#2e98cc; border:1px solid #2e98cc; border-radius:62px; padding:0 30px; color:#fff; letter-spacing:-0.25pt; vertical-align:top;}
.contactCont_in .info .btns a::after{content:""; display:block; position:absolute; right:30px; top:50%; margin-top:-5px; width:13px; height:11px; background:url('/html/images/sub/arrow_w.png') no-repeat center/100% auto; margin-right:0; transition:margin 0.1s cubic-bezier(0.215,0.61,0.355,1);}
.contactCont_in .info .btns a:hover{background:#fff; color:#222;}
.contactCont_in .info .btns a:hover::after{background-image:url('/html/images/sub/arrow_b.png'); margin-right:-10px; transition:margin 0.1s cubic-bezier(0.215,0.61,0.355,1);}


.inquiryCont section{background:#f0f0f0; padding:50px; border-radius:20px;}




/*************** 회원사 ***************/

.subsidiary {display:flex; flex-wrap:wrap; margin:30px 0 0;}
.subsidiary dl {width:23%; margin:0 1% 30px; border:1px solid #ddd; box-sizing:border-box; text-align:center; transition:all 0.3s;}
.subsidiary dl a {display:block; position:relative; width:100%; height:100%;}
.subsidiary dl a:before {content:''; width:100%; height:100%; border:4px solid #2e98cc; position:absolute; top:0; left:0; box-sizing:border-box; opacity:0; transition:all 0.3s;}
/* .subsidiary dl:nth-child(4n+1) {margin:0 0 30px 0 !important;} */
		.subsidiary dl dt{padding:20px 0;}
		.subsidiary dl dt img {width:100%;}
		.subsidiary dl dd {padding:20px 2%; box-sizing:border-box; border-top:1px solid #ddd; box-sizing:border-box; transition:all 0.3s;}
		.subsidiary dl dd h4 {font-size:18px; letter-spacing:-0.5px; color:#222; font-weight:500; line-height:1; margin:0 0 10px; transition:all 0.3s;}
		.subsidiary dl dd p {color:#666; font-weight:400; line-height:1.6; letter-spacing:-0.5pt; transition:all 0.3s;}

.subsidiary dl:hover {transition:all 0.3s; box-shadow:rgb(0 0 0 / 12%) 9px 9px 16px;}
.subsidiary dl:hover a:before {opacity:1; transition:all 0.3s;}
.subsidiary dl:hover dd h4 {color:#0958b5; transition:all 0.3s;}
.subsidiary dl:hover dd p {color:#0958b5; transition:all 0.3s;}


#info {position:relative; width:750px; position:fixed; top:20%; left:50%; transform:translate(-50%,-50%); z-index:999999999; visibility:hidden; opacity:0; transition:all 1s;}
#info .close_btn {position:absolute; top:-40px; right:20px;}
#info.view {top:50%; visibility:visible; opacity:1; transition:all 1s;}
#info .info_in {background:#fff;}
#info .tit_cont {position:relative; height:200px; background-size:cover; background-position:center; background-repeat:no-repeat;}
#info .tit_cont h4 {position:absolute; font-size:2rem; color:#fff; font-weight:bold; line-height:1; letter-spacing:-0.7pt; left:45px; bottom:40px;}

#info .txt_cont {position:relative; padding:40px 50px; box-sizing:border-box;}
#info .txt_cont h3 {font-size:1.3rem; color:#222; letter-spacing:-0.7pt; font-weight:bold; line-height:1.4; word-break: keep-all;}
#info .txt_cont p.logo { display:block; width:auto; max-height:120px; text-align:center; border:1px solid #ccc; margin-bottom:30px;}

#info .txt_cont p.address {font-size:16px; color:#222; letter-spacing:-0.5px; line-height:24px; margin:10px 0 10px; word-break: keep-all; padding-left:28px; background:url('/html/images/sub/partner_add.png') 0 2px no-repeat;}
#info .txt_cont p.tel {font-size:16px; color:#222; letter-spacing:-0.5px; line-height:24px; margin:10px 0 10px; word-break: keep-all; padding-left:28px; background:url('/html/images/sub/partner_tel.png') 0 2px no-repeat;}
#info .txt_cont p.link {font-size:16px; color:#222; letter-spacing:-0.5px; line-height:24px; margin:10px 0 10px; word-break: keep-all; padding-left:28px; background:url('/html/images/sub/partner_homepage.png') 0 2px no-repeat;}
#info .txt_cont p.link a {font-size:16px; color:#222; letter-spacing:-0.5px; line-height:24px;}
#info .txt_cont p.link a:hover {color:#000; text-decoration:underline;}

#info .txt_cont p.goods_text {font-size:15px; color:#666; letter-spacing:-0.5px; line-height:22px; margin:10px 0 10px; word-break: keep-all; font-weight:400; border-top: 1px solid #ccc; margin-top:30px; padding-top:30px;}

#info .txt_cont ul {position:absolute; bottom:40px; right:50px;}
#info .txt_cont ul li {display:inline-block; margin-right:25px;}
#info .txt_cont ul li:last-child {margin-right:0;}
#info .txt_cont ul li a {font-size:1.2rem; color:#222; letter-spacing:-0.7pt; line-height:1; padding-right:25px; background:url('/about/img/share.png')no-repeat center right; transition:all 0.3s;}
#info .txt_cont ul li a:hover {color:#0958b5; background:url('/about/img/share_up.png')no-repeat center right; transition:all 0.3s;}

.mask {position:fixed;  z-index:9999999;  background-color:#2a2f33;  display:none;  left:0; top:0; opacity:0.8;}






/*************** RV스테이션 ***************/

.station_tab .station_tab_list{position: relative; width:100%; display:table;}
.station_tab .station_tab_list a{ width:6.66666666666667%; display:table-cell; color:#333; vertical-align: middle; border: 1px solid #ddd; border-right: none; box-sizing: border-box; padding:18px 10px;
letter-spacing: -0.3pt; line-height:22px; transition:all 0.3s; text-align:center;}
.station_tab .station_tab_list a:hover{ background:#e8e8e8; transition:all 0.3s;}
.station_tab .station_tab_list a:last-child{border-right:1px solid #ddd}
.station_tab .station_tab_list a.on{font-weight:700; color:#00449b; border:1px solid #ddd; border-bottom:2px solid #00449b}
.station_tab .station_tab_list a:hover.on{background:#f0f5fb;}
.station_tab .station_tab_list a.on + a{border-left:none}


















/** 온라인 예약내역 검색 **/

.inquiry_check {}
.inquiry_check > p.tit {text-align:center; font-size:23px; letter-spacing:-0.8pt; color:#333; font-weight:600;}
.inquiry_check > span {display:block; text-align:center; font-size:15px; letter-spacing:-0.5pt; margin:8px 0 25px 0;}
.inquiry_check dl {position:relative; width:630px; margin:0 auto 30px auto; padding:40px 30px; box-sizing:border-box; border:1px solid #ddd; box-shadow:0px 5px 0px #f6f6f6;}
.inquiry_check dl.result {width:460px;}
.inquiry_check dd {position:relative; margin-bottom:10px;}
.inquiry_check dd strong {display:inline-block; color:#333; letter-spacing:-0.5pt; font-weight:600; width:90px;}
.inquiry_check dd p {display:inline-block; letter-spacing:-0.3pt;}
.inquiry_check dd input[type=text] {border:1px solid #ddd; padding:6px;}
.inquiry_check dd input[name=email_1] {width:130px;}
.inquiry_check dd input[name=email_2] {width:160px;}
.inquiry_check dd span.alpha {display:inline-block; margin:0 5px;}
.inquiry_check dd span.status {display:inline-block; min-width:50px; padding:5px 8px; border-radius:50px; text-align:center; font-size:12px; letter-spacing:-0.5pt;}
.inquiry_check dd span.msg {display:inline-block; margin-left:10px; letter-spacing:-0.5pt; }
.inquiry_check dd select {border:1px solid #ddd; padding:6px; width:120px;}
.inquiry_check dt {position:absolute; right:0; top:0;}
.inquiry_check input[type=submit] {display:inline-block; width:201px; height:48px; line-height:45px;}
.inquiry_check input.btn_research {display:inline-block; width:201px; height:48px; line-height:45px; background:#666; color:#fff; font-weight:600; border:none; transition:all 0.3s ease-out; cursor:pointer; letter-spacing:-0.5pt;}
.inquiry_check .btn {text-align:center; margin-bottom:25px;}
.inquiry_check .btn_inquirySearch {background:#54a6f2; color:#fff; font-weight:600; border:none; transition:all 0.3s ease-out; cursor:pointer;}
.inquiry_check .btn_inquirySearch:hover{background-color:#207dd3; transition:all 0.3s ease-out;}

/* 진행상태 아이콘*/
span.status.apply {border:1px solid #54a6f2; background:#54a6f2; color:#fff;}
span.status.ok {border:1px solid #064e91; background:#064e91; color:#fff;}
span.status.cancel {border:1px solid #555; background:#fff; color:#555;}
span.status.end {border:1px solid #999; background:#999; color:#fff;}

.upfile_msg {letter-spacing:-0.4pt; margin-top:5px; font-size:14px; color:#eb2329;}




/* 사이트맵 */
.sitemap {position:relative;}
.sitemap ul{list-style:none; position:relative; overflow:hidden;}
.sitemap ul.two{margin-top:30px}
.sitemap ul li{list-style:none; float:left; width:18%; margin-right:2.5%;  margin-bottom:3.125%;}
.sitemap ul li:last-child{margin-right:0;}
.sitemap dl{position:relative; overflow:hidden;}
.sitemap dt{ font-weight:700; background-color:#f1f1f1; padding:12px 15px; letter-spacing: -0.3pt;border-top:1px solid #333;  border-bottom:1px solid #ddd; color:#333; font-size:17px;}
.sitemap dd a.tit{border-bottom:1px dashed #d4d4d4; display:block; padding:10px 15px;  letter-spacing: -0.3pt;  color:#777; font-weight:300; font-size:15px;}



/* 이용약관, 개인정보취급방침 */
.policy_con{position:relative; overflow:hidden; font-size:16px; letter-spacing: -0.3pt;}
.cont_title{font-size:24px; color:#333; padding-bottom:18px; letter-spacing:-1.2pt; font-weight:600;}
p.cont_tit {display:block; font-size:18px; padding-bottom:10px; font-weight:600; color:#333 !important; letter-spacing: -0.5pt;}
.cont_txt {padding:0px 0px 35px 0;}
.cont_txt2 {padding-bottom:35px;}
.cont_box {border:1px soild #a0a0a0; padding:20px; background:#f4f4f4; margin:7px 0px 10px 0px; display:block; font-size:16px; letter-spacing: -0.3pt;}

.privacy_list {list-style:none;width:91%; overflow:hidden; clear:both; *zoom:1; padding:4% 4% 3% 4%; border:1px dashed #ddd; margin-bottom:30px;}
.privacy_list li {list-style:none;width:49%; float:left; padding-bottom:1%;}
.privacy_list li a {font-weight:600; font-size:16px; letter-spacing: -0.3pt;} 



/* page_num */
.page_num{padding:20px 0; margin-top:40px; }

/* 페이지 넘버 */
.page_number_on{font-weight:bold; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-weight:bold; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}

.page_num { position: relative; width: 100%; text-align: center; padding: 15px 0 0 0 }
.page_num ul.pagination { display: inline-block; padding: 0; margin: 0 }
.page_num ul.pagination li { display: inline-block;  }
.page_num ul.pagination li .page_prev{margin:0 10px 0 0px; width:12px}
.page_num ul.pagination li .page_prev2{width:26px; margin:0 1px}
.page_num ul.pagination li .page_next{margin:0 0 0 10px; width:12px}
.page_num ul.pagination li .page_next2{width:26px;  margin:0 1px}
.page_num ul.pagination li a {position: relative; font-size:14px; height:28px; line-height:28px;  color: #777; float: left; text-decoration: none; margin: 0 4px }
.page_num ul.pagination li a.page_prev2{background:url('/comm/script_bbs/img/prev2.png') center no-repeat;}
.page_num ul.pagination li a.page_prev{background:url('/comm/script_bbs/img/prev.png') center no-repeat; }
.page_num ul.pagination li a.page_next2{background:url('/comm/script_bbs/img/next2.png') center no-repeat;}
.page_num ul.pagination li a.page_next{background:url('/comm/script_bbs/img/next.png') center no-repeat; }
.page_num ul.pagination li a.active {color: #333; font-size:14px; line-height:28px; font-weight:700; font-family: 'Montserrat', sans-serif; }
.page_num ul.pagination li a.active:after{width:100%; height:1px; background:#333; display:block; content:''; position: absolute; bottom: 7px;}