@charset "utf-8";

html {}
body {position:relative;width:100%;min-width:1520px;}
body.layerPopScrFixed{overflow-y:hidden;}

/* ====================================================================================================================================================== */
/* ====================================================================================================================================================== */
/* 공통영역 S. { */
	#header {position:fixed;top:0;left:0;width:100%;height:95px;background-color:#fff;border-bottom:0;overflow:hidden;z-index:5;}
	#header:before {content:"";position:absolute;top:94px;left:0;width:100%;height:1px;background-color:#eee;}
	#header.hide {transform:translate3d(0,-100%,0);}
	#header .wrap {position:relative;width:1560px;height:95px;margin:0 auto;padding:0 0 0 20px;display:flex;justify-content:space-between;align-items:center;}
	#header .wrap > .logo {display:flex;}
	#header .wrap #gnb {display:flex;}
	#header .wrap #gnb > .application {position:absolute;top:116px;left:20px;border-radius:30px;overflow:hidden;}
	#header .wrap #gnb > .application > figure {width:260px;}
	#header .wrap #gnb > .application > a.btn {position:absolute;bottom:20px;left:50%;transform:translate3d(-50%,0,0);width:115px;color:#fff;font-size:16px;font-weight:600;line-height:50px;text-align:center;background-color:#00C0F3;border-radius:10px;}
	#header .wrap #gnb > ul.dep1 {position:relative;display:flex;gap:120px;}
	#header .wrap #gnb > ul.dep1 > li {position:relative;}
	#header .wrap #gnb > ul.dep1 > li > a {position:relative;display:block;color:#111;font-size:20px;font-weight:600;line-height:58px;}
	#header .wrap #gnb > ul.dep1 > li > a:before {content:"";height:4px;left:25%;right:25%;background-color:#00A651;position:absolute;bottom:-18px;transition:all 0.4s;opacity:0;}
	#header .wrap #gnb > ul.dep1 > li:hover > a:before {left:0;right:0;opacity:1;}
	#header .wrap #gnb > ul.dep1 > li:hover > a {color:#00A651;}
	#header .wrap #gnb > ul.dep1 > li > ul.dep2 {position:absolute;top:100%;padding-top:35px;}
	#header .wrap #gnb > ul.dep1 > li > ul.dep2 > li > a {display:inline-block;white-space:nowrap;padding:8px 0;}
	/*#header .wrap #gnb > ul.dep1 > li > ul.dep2 > li > a:hover {color:#00A651;text-decoration:underline;}*/
	#header .wrap #gnb > ul.dep1 > li > ul.dep2 > li > a:hover {font-weight:700;}

	#header .wrap #gnb > a.gnb-all-menu {
		display: block;
		position:relative;
		width: 58px;
		height: 58px;
		margin-left: 40px;
		background-color: transparent;
	}
	#header .wrap #gnb > a.gnb-all-menu span{
		position: absolute;
		top: 50%;
		left: 50%;
		-o-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-webkit-transform-origin: 50% 50%;
		transform-origin: 50% 50%;

		margin-left: -0.75rem;
		width: 1.5rem;
		height: 2px;
		border-radius: 2px;
		background-color: #000;
		-o-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, -o-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		-ms-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, -ms-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		-moz-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, -moz-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		-webkit-transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .6s .4s ease-in-out, -webkit-transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
		transition: margin-top .2s .2s ease-in-out, margin-left .3s .2s ease-in-out, width .3s .6s ease-in-out, transform .2s .0s ease-in-out, opacity .4s .2s ease-in-out;
	}

		#header .wrap #gnb > a.gnb-all-menu span.l1 {margin-top:-0.0625rem;}
		#header .wrap #gnb > a.gnb-all-menu span.l2 {margin-top:-0.5625rem;}
		#header .wrap #gnb > a.gnb-all-menu span.l3 {margin-top:0.4375rem;}


		#header.active {border-bottom:1px solid #eee;}
		/*#header .wrap #gnb > ul.dep1 > li.active > a {color:#00A651;}*/
		/* #header .wrap #gnb > ul.dep1 > li.active > a:before {content:"";position:absolute;bottom:-18px;left:0;width:100%;height:4px;background-color:#00A651;z-index:1;} */
		#header .wrap #gnb > ul.dep1 > li.active > ul.dep2 > li.active > a {font-weight:700;}

		#header .wrap #gnb > a.gnb-all-menu.active span{
			background-color: #fff;
			-o-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -o-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			-ms-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -ms-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			-moz-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -moz-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			-webkit-transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, -webkit-transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
			transition: margin-top .2s .2s ease-in-out, margin-left .2s .0s ease-in-out, width .2s .0s ease-in-out, transform .2s .4s ease-in-out, opacity .4s .2s ease-in-out;
		}
		#header .wrap #gnb > a.gnb-all-menu.active span.l1 {width:0rem;margin-left:0rem;opacity:0;}
		#header .wrap #gnb > a.gnb-all-menu.active span.l2 {margin-top:-0.0625rem;transform:rotate(45deg);}
		#header .wrap #gnb > a.gnb-all-menu.active span.l3 {margin-top:-0.0625rem;transform:rotate(-45deg);}


/* Scroll Bar Custom :: Default */
	.scroll-bar-custom::-webkit-scrollbar {width:7px;background-color:#f1f1f1;border-radius:0px;padding:1px  /* 스크롤바의 너비 */}
	.scroll-bar-custom::-webkit-scrollbar-thumb {
		display:block;
		width:5px; /* 스크롤바의 길이 */
		background-color:#000; /* 스크롤바의 색상 */
		border-radius:0px;
		border:1px solid #000;
		cursor:default !important;
	}
	.scroll-bar-custom::-webkit-scrollbar-thumb:hover {
		background-color:rgba(255,0,0,1);
		border:1px solid rgba(255,0,0,1);
		cursor:default !important;
	}
	.scroll-bar-custom::-webkit-scrollbar-track {
		display:none;
		background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/
	}
	.scroll-bar-custom::-webkit-scrollbar-button:start:decrement,
	.scroll-bar-custom::-webkit-scrollbar-button:end:increment {
		/*  스크롤의 화살표가 포함된 영역   */
		display:none;
		height:1.0rem;
		background-color: transparent;
	}

/* Scroll Bar Style :: Style */
	.scroll-bar-style::-webkit-scrollbar {width:10px;background-color:#f1f1f1;border-radius:10px;padding:0px  /* 스크롤바의 너비 */}
	.scroll-bar-style::-webkit-scrollbar-thumb {
		display: block;
		width: 4px; /* 스크롤바의 길이 */
		background-color: #000; /* 스크롤바의 색상 */
		border-radius: 10px;
		border: 3px solid #f1f1f1;
		cursor: default !important;
	}
	.scroll-bar-style::-webkit-scrollbar-thumb:hover {
		background-color: rgba(255,0,0,1);
		/*border: 1px solid rgba(255,0,0,1);*/
		cursor: default !important;
	}
	.scroll-bar-style::-webkit-scrollbar-track {
		display: none;
		background: rgba(0, 0, 0, .05);  /*스크롤바 뒷 배경 색상*/
	}
	.scroll-bar-style::-webkit-scrollbar-button:start:decrement,
	.scroll-bar-style::-webkit-scrollbar-button:end:increment {
		/*  스크롤의 화살표가 포함된 영역   */
		display: none;
		height: 1.0rem;
		background-color: transparent;
	}



/* Pagging :: Style */
	#pagging-wrap {position:relative;width:100%;display:flex;justify-content:center;align-items:center;margin-top:80px;}
	#pagging-wrap > .page-area {display:flex;align-items:center;}
	#pagging-wrap > .page-area > a.page-btn {font-size:0;line-height:0;width:30px;height:30px;background-repeat:no-repeat;background-position:center center;background-size:60px auto;overflow:hidden;}
	#pagging-wrap > .page-area > a.page-btn.first {background-image:url('../images/common/pagging-icon.png');background-position:left top;}
	#pagging-wrap > .page-area > a.page-btn.prev {background-image:url('../images/common/pagging-icon.png');background-position:left bottom;}
	#pagging-wrap > .page-area > a.page-btn.next {background-image:url('../images/common/pagging-icon.png');background-position:right bottom;}
	#pagging-wrap > .page-area > a.page-btn.last {background-image:url('../images/common/pagging-icon.png');background-position:right top;}
	/* #pagging-wrap > .page-area > a.page-btn.disabled {opacity:0.4;} */
	#pagging-wrap > .page-area > ul.list {display:flex;justify-content:center;align-items:center;gap:5px;margin:0 10px;}
	#pagging-wrap > .page-area > ul.list li {display:flex;justify-content:center;align-items:center;}
	#pagging-wrap > .page-area > ul.list li a {min-width:40px;height:40px;border-radius:10px;border:1px solid transparent;font-size:20px;font-weight:500;color:#777;display:flex;justify-content:center;align-items:center;overflow:hidden;padding:0 0.125rem;}
	#pagging-wrap > .page-area > ul.list li.on a {color:#111;cursor:default;font-weight:600;}

		#pagging-wrap.round > .page-area > ul.list li a {border-radius:0.375rem;}

	#pagging-wrap > .lf {position:absolute;top:0;left:0;}
	#pagging-wrap > .rh {position:absolute;top:0;right:0;}
	#pagging-wrap > .rh span {margin:0 3px;}


/* } 공통영역 E. */
/* ====================================================================================================================================================== */
/* ====================================================================================================================================================== */




/* 레이어팝업 */
#layerPopup {position:absolute;top:30px;left:30px;width:500px;z-index:10;}
#layerPopup .wrap {background-color:#fff;border:1px solid #868080;box-shadow:3px 3px 6px rgba(0,0,0,0.125);overflow:hidden;}
#layerPopup .wrap .head {position:relative;box-shadow:0px 0px 6px rgba(0,0,0,0.5);display:flex;justify-content:space-between;align-items:center;padding:10px 30px;}
#layerPopup .wrap .head .logo {width:130px;}
#layerPopup .wrap .head a.close {width:30px;height:30px;background:url('../images/common/layerPopup-close-btn.png') no-repeat center center;font-size:0;line-height:0;text-indent:-250%;overflow:hidden;}
#layerPopup .wrap .content {position:relative;font-size:0;padding-top:3px;background-color:#90c038;}
#layerPopup .wrap .content .slick-dots {position:absolute;bottom:10px;left:50%;transform:translate(-50%,0);display:inline-flex;justify-content:cneter;gap:4px;background-color:#eee;border-radius:36px;padding:6px;}
#layerPopup .wrap .content .slick-dots li {width:16px;height:16px;border-radius:50%;background-color:#fff;border:1px solid #ccc;}
#layerPopup .wrap .content .slick-dots li.slick-active {background-color:#00BCEE;border:1px solid #018CCB;}
#layerPopup .wrap .footer {background-color:#868080;padding:10px;}
#layerPopup .wrap .footer form {display:flex;justify-content:flex-end;align-items:center;}
#layerPopup .wrap .footer form input[type=checkbox] + label {color:#fff;font-size:14px;font-weight:500;cursor:pointer;}
#layerPopup .wrap .footer form input[type=checkbox] + label:before {content:none;}
#layerPopup .wrap .footer form input[type=checkbox] + label:after {content:"";margin-right:0;margin-left:10px;width:22px;height:22px;border-radius:0;border:1px solid #fff;background:transparent;}
#layerPopup .wrap .footer form input[type=checkbox]:checked + label:after {background:#fff url('../images/common/layerPopup-chk-icon.png') no-repeat center center;;}

/* 내용 */
	#container {position:relative;width:100%;}

	.contents .sub-cover {position:relative;}
	.contents .sub-cover .cover-wrap {position:relative;height:326px;display:flex;justify-content:center;align-items:center;background-color:#00A651;overflow:hidden;}
	.contents .sub-cover .cover-wrap .sub-cover-bg {
		position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover;transform:scale(1.3);opacity:0;
		animation:sub-cover-bg-scale 25s cubic-bezier(.5,.6,.4,.5) forwards;
	}
	.contents .sub-cover .cover-wrap .txt {position:relative;}
	.contents .sub-cover .cover-wrap .txt h2 {
		color:#fff;font-size:56px;font-weight:700;line-height:1.2;text-align:center;transform:translate3d(0,50px,0);opacity:0;
		-o-transition: -o-transform 1.25s .0s ease-in-out, opacity 1.0s .0s ease-in-out;
		-ms-transition: -ms-transform 1.25s .0s ease-in-out, opacity 1.0s .0s ease-in-out;
		-moz-transition: -moz-transform 1.25s .0s ease-in-out, opacity 1.0s .0s ease-in-out;
		-webkit-transition: -webkit-transform 1.25s .0s ease-in-out, opacity 1.0s .0s ease-in-out;
		transition: transform 1.25s .0s ease-in-out, opacity 0.75s .0s ease-in-out;
	}
	.contents .sub-cover .cover-wrap .txt p.desc {
		color:#fff;font-size:20px;text-align:center;margin-top:20px;transform:translate3d(0,30px,0);opacity:0;
		-o-transition: -o-transform 1.25s .6s ease-in-out, opacity 1.0s .6s ease-in-out;
		-ms-transition: -ms-transform 1.25s .6s ease-in-out, opacity 1.0s .6s ease-in-out;
		-moz-transition: -moz-transform 1.25s .6s ease-in-out, opacity 1.0s .6s ease-in-out;
		-webkit-transition: -webkit-transform 1.25s .6s ease-in-out, opacity 1.0s .6s ease-in-out;
		transition: transform 1.25s .6s ease-in-out, opacity 1.0s .6s ease-in-out;
	}
	.contents .sub-cover .cover-wrap.active .sub-cover-bg {transform:scale(1.0);}
	.contents .sub-cover .cover-wrap.active .txt h2,
	.contents .sub-cover .cover-wrap.active .txt p.desc {transform:translate3d(0,0,0);opacity:1;}

	.contents .sub-cover ul.sub-conts-tab {text-align:center;font-size:0;line-height:0;border-bottom:1px solid #EBEBEB;}
	.contents .sub-cover ul.sub-conts-tab li {display:inline-block;}
	.contents .sub-cover ul.sub-conts-tab li + li {margin-left:40px;}
	.contents .sub-cover ul.sub-conts-tab li a {display:block;font-size:18px;line-height:74px;font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px;color:#777777;}
	.contents .sub-cover ul.sub-conts-tab li.active a {color:#00C0F3;border-color:#00C0F3;font-weight:700;}

	/* 테이블 리스트 */
	.board-list-table {margin-top:108px;border-radius:10px 10px 0 0;overflow:hidden;}
	.board-list-table table thead tr th {color:#fff;font-size:20px;font-weight:600;line-height:62px;background-color:#00C0F3;}
	.board-list-table table tbody tr {border-bottom:1px solid #eee;}
	.board-list-table table tbody tr td {font-size:18px;text-align:center;padding:32px 0;}
	.board-list-table table tbody tr td a {font-size:24px;font-weight:600;color:#111;}
	.board-list-table table tbody tr td span.reply {color:#00C0F3;font-size:20px;font-weight:700;margin-left:22px;}
	.board-list-table table tbody tr.notice td:first-child > span {display:inline-block;color:#DD0000;font-size:20px;font-weight:600;line-height:37px;border:2px solid #DD0000;border-radius:39px;padding:0 20px;}
	.board-list-table table tbody tr.notice td {font-size:24px;font-weight:600;color:#111;}
	
	.board-btn-wrap {margin-top:20px;}

	.board-view-table {margin-top:108px;}
	.board-view-table .view-conts {font-size:24px !important;line-height:1.6 !important;border-top:1px solid #111;margin-top:32px;padding:80px 0;min-height:300px;}
	.board-view-table .view-conts figure {text-align:center;}
	.board-view-table .view-conts figure + figure {margin-top:20px;}
	.board-view-table .reply-conts {font-size:24px !important;line-height:1.6 !important;background-color:#f8f8f8;border-radius:10px;padding:32px;min-height:200px;margin-bottom:80px;}
	.board-view-table .reply-conts:before {content:"답변";display:block;color:#00C0F3;font-size:20px;font-weight:700;}
	.board-view-table .prev-next {display:flex;justify-content:space-between;align-items:center;height:98px;border-top:1px solid #eee;border-bottom:1px solid #eee;}
	.board-view-table .prev-next a {position:relative;width:40%;color:#111;font-size:20px;overflow:hidden;display:block !important;display:-webkit-box !important;-webkit-line-clamp:1;/*말줄임 수정 가능*/-webkit-box-orient:vertical;word-break:break-all;}
	.board-view-table .prev-next a.prev {padding-left:75px;}
	.board-view-table .prev-next a.prev:before {position:absolute;top:0;left:0;width:65px;height:100%;content:"이전글";font-weight:600;border-right:1px solid #111;}
	.board-view-table .prev-next a.next {padding-right:75px;text-align:right;}
	.board-view-table .prev-next a.next:after {position:absolute;top:0;right:0;width:65px;height:100%;content:"다음글";font-weight:600;border-left:1px solid #111;}
	.board-view-table .prev-next a.nolink {cursor:default;}

	/* 테이블 폼형 */
	.tb_col {}
	.tb_col + .tb_col {margin-top:100px;}
	.tb_col table {margin-top:40px;border-top:1px solid #000;}
	.tb_col table tbody tr {text-align:left;}
	.tb_col table tbody tr th {padding:42px 0;border-bottom:1px solid #eee;}
	.tb_col table tbody tr th.required:after {content:"*";margin-left:3px;color:#00C0F3;}
	.tb_col table tbody tr td {padding:32px 0;border-bottom:1px solid #eee;}
	.tb_col table tbody tr td .desc {margin-top:12px;}
	.tb_col table tbody tr td > span {margin-left:20px;}
	.tb_col table tbody tr td .radio_box > div + div {margin-left:60px;}
	.tb_col table tbody tr td .auto_prevent_code {border:1px solid #c6c6c6;}


/* 셀렉트박스 디자인 */
/* default */
	div.select-box-default-st {position:relative;display:inline-block;color:#494949;padding:3px 0;margin:0px;white-space:normal;}
	div.select-box-default-st span.selectText {position:relative;display:block;font-size:20px;line-height:50px;min-width:250px;height:52px;border:1px solid #c6c6c6;padding:0px 15px;border-radius:10px;margin:0 !important;overflow:hidden;cursor:pointer;}
	div.select-box-default-st span.selectText:before {content:"";position:absolute;top:50%;right:10px;transform:translate(0,-50%);width:24px;height:24px;overflow:hidden;background:url('../images/common/selectbox-arrow-icon.png') no-repeat center top/24px;}
	div.select-box-default-st.on span.selectText {color:#00C0F3;border:1px solid #00C0F3;background-position:right 3px top 3px;outline:none;}
	div.select-box-default-st.on span.selectText:before {background-position:center bottom;}
	div.select-box-default-st > .select-wrap {display:none;position:absolute;top:calc(100% - 1px);left:0px;min-width:100%;/*width:100%;*/z-index:2;}
	div.select-box-default-st > .select-wrap.up {top:auto;bottom:calc(100% - 1px);padding-top:0;padding-bottom:3px;}
	div.select-box-default-st ul.select-box-option {overflow:hidden;width:100%;height:auto;background-color:#FFF;border:1px solid #c6c6c6;border-radius:10px;padding:10px 0;box-shadow:1px 1px 5px rgba(0,0,0,0.035);}
	div.select-box-default-st ul.select-box-option li {display:inline-block;font-size:20px;width:100%;height:auto;border-bottom:0;padding:9px 15px;cursor:pointer;white-space:nowrap;}
	div.select-box-default-st ul.select-box-option li:hover {background-color:#FAFAFA;}
	div.select-box-default-st ul.select-box-option li.optgroup {color:#111;font-size:20px;background-color:#F8F8F8;cursor:default;}
	div.select-box-default-st ul.select-box-option li:hover.optgroup {background-color:#F8F8F8;}
	div.select-box-default-st ul.select-box-option li.selected {color:#00C0F3;font-weight:600;}
	div.select-box-default-st ul.select-box-option li.section-topline {border-top:1px solid #ECEFF1;}

/* 서브페이지 컨텐츠 영역 WRAP 공통 */
	h1, .h1 {font-size:60px;font-weight:700;line-height:1.4;letter-spacing:-0.02em;}
	h2, .h2 {font-size:56px;font-weight:700;line-height:1.4;letter-spacing:-0.02em;}
	h3, .h3 {font-size:52px;font-weight:800;line-height:1.4;letter-spacing:-0.02em;}
	h4, .h4 {font-size:48px;font-weight:600;line-height:1.4;letter-spacing:-0.02em;}
	h5, .h5 {font-size:40px;font-weight:600;line-height:1.4;letter-spacing:-0.02em;}
	h6, .h6 {font-size:36px;font-weight:700;line-height:1.4;letter-spacing:-0.02em;}
	h7, .h7 {font-size:32px;font-weight:800;line-height:1.4;letter-spacing:-0.02em;}
	h8, .h8 {font-size:32px;font-weight:800;line-height:1.4;letter-spacing:-0.02em;}

	.t-sh1 {font-size:36px;font-weight:700;line-height:1.6;}
	.t-sh2 {font-size:28px;font-weight:600;line-height:1.4;}
	.t-sh3 {font-size:24px;font-weight:700;line-height:1.4;}
	.t-sh4 {font-size:24px;font-weight:600;line-height:1.4;}

	.t-b1 {font-size:24px;font-weight:400;line-height:1.6;}
	.t-b2 {font-size:20px;font-weight:700;line-height:1.6;}
	.t-b3 {font-size:20px;font-weight:600;line-height:1.6;}
	.t-b4 {font-size:20px;font-weight:400;line-height:1.6;}
	.t-b5 {font-size:18px;font-weight:700;line-height:1.6;}
	.t-b6 {font-size:18px;font-weight:600;line-height:1.6;}
	.t-b7 {font-size:18px;font-weight:500;line-height:1.6;}
	.t-b8 {font-size:18px;font-weight:400;line-height:1.6;}
	.t-b9 {font-size:16px;font-weight:700;line-height:1.6;}
	.t-b10 {font-size:16px;font-weight:600;line-height:1.6;}
	.t-b11 {font-size:16px;font-weight:500;line-height:1.6;}
	.t-b12 {font-size:16px;font-weight:400;line-height:1.6;}
	.t-b13 {font-size:14px;font-weight:400;line-height:1.6;}

	.cText01 {color:#444 !important;}
	.cText02 {color:#777 !important;}
	.cText03 {color:#c6c6c6 !important;}
	.cText04 {color:#00C0F3 !important;}
	.cText05 {color:#00A651 !important;}
	.cText07 {color:#dd0000 !important;}

	.cBlue {color:#00C0F3 !important;}
	.cGreen {color:#00A651 !important;}

	.btn-primary {display:inline-block;border-radius:10px;background-color:#00C0F3;overflow:hidden;}
	.btn-primary.large {color:#fff;font-size:20px;font-weight:600;line-height:60px;padding:0 28px;}
	.btn-primary.middle {color:#fff;font-size:18px;font-weight:600;line-height:56px;padding:0 20px;}
	.btn-primary.small {color:#fff;font-size:16px;font-weight:600;line-height:51px;padding:0 16px;}
	.btn-primary.thin {color:#fff;font-size:16px;font-weight:600;line-height:47px;padding:0 16px;}

	.btn-secondary {display:inline-block;border-radius:10px;background-color:#fff;border:1px solid #00C0F3;overflow:hidden;}
	.btn-secondary.large {color:#00C0F3;font-size:20px;font-weight:600;line-height:58px;padding:0 28px;}
	.btn-secondary.middle {color:#00C0F3;font-size:18px;font-weight:600;line-height:54px;padding:0 20px;}
	.btn-secondary.small {color:#111;font-size:16px;font-weight:600;line-height:49px;padding:0 16px;border-color:#c6c6c6;}
	.btn-secondary.thin {color:#111;font-size:16px;font-weight:600;line-height:45px;padding:0 16px;border-color:#c6c6c6;}

	.contents > .wrap {position:relative;padding-top:80px;padding-bottom:180px;}
	.contents > .wrap > .sub-head:after {content:"";display:block;width:70px;height:4px;background-color:#111;margin:52px auto 0;}
	.contents > .wrap > .sub-head > h3 {text-align:center;}
	.contents > .wrap > .sub-head > p.summary {color:#777;text-align:center;margin-top:16px;}
	.contents > .wrap > .sub-tit {margin-top:108px;}
	.contents > .wrap > .sub-tit > h6 {margin-top:8px;}
	
	#floating {position:absolute;top:0;right:0;width:0;height:100%;padding-top:517px;overflow:hidden;}
	#floating .wrap {position:sticky;top:30px;left:0;transform:translate3d(0,0,0);}
	#floating.active {overflow:visible;}
	#floating.active .wrap {transform:translate3d(-120px,0,0);}
	#floating .wrap a {display:block;width:100px;}

	#layer-imgView-popup {position:fixed;top:0;left:0;width:100%;height:100%;z-index:9;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.5);transform:translate3d(0,100%,0);opacity:0;}
	#layer-imgView-popup.active {transform:translate3d(0,0,0);opacity:1;}
	#layer-imgView-popup .viewer {position:relative;}
	#layer-imgView-popup .viewer > img {box-shadow:12px 12px 12px rgba(0,0,0,0.25);}
	#layer-imgView-popup .viewer > a.close {position:absolute;top:-60px;right:0;width:56px;height:56px;border-radius:50%;background-color:#00C0F3;}









/* 푸터 */
#footer {width:100%;background-color:#fafafa;}
#footer .inner {background-color:#fff;border-top:1px solid #111;}
#footer .wrap {max-width:1560px;width:100%;margin:0 auto;padding:0 0 0 20px;}
#footer > .inner > .wrap {height:100px;display:flex;justify-content:space-between;align-items:center;}
#footer > .inner > .wrap .link {display:flex;}
#footer > .inner > .wrap .link li + li {margin-left:24px;}
#footer > .inner > .wrap .link a {color:#111;font-size:18px;font-weight:500;}
#footer > .inner > .wrap .family-site {position:relative;padding:5px 0;}
#footer > .inner > .wrap .family-site > a {position:relative;display:block;width:190px;color:#111;font-size:16px;line-height:46px;font-weight:600;border:1px solid #c6c6c6;border-radius:10px;padding:0 15px;background-color:#fff;}
#footer > .inner > .wrap .family-site > a:after {content:"";position:absolute;top:50%;right:15px;transform:translate3d(0,-50%,0) rotate(0deg);width:30px;height:30px;background:url('../images/common/familysite_plus.png') no-repeat center top/30px auto;}
#footer > .inner > .wrap .family-site > ul {display:none;position:absolute;top:100%;left:0;width:100%;border:1px solid #c6c6c6;border-radius:10px;background-color:#fff;overflow:hidden;z-index:1;}
#footer > .inner > .wrap .family-site > ul > li a {display:block;padding:5px 15px;}
#footer > .inner > .wrap .family-site > ul > li a:hover {background-color:#f5f5f5;}
	#footer > .inner > .wrap .family-site.active > a:after {background-position:center bottom;}

#footer > .wrap {position:relative;padding-top:100px;padding-bottom:100px;}
#footer > .wrap .address {font-size:18px;font-weight:200;}
#footer > .wrap .address strong {font-weight:600;}
#footer > .wrap .address span {color:#00C0F3;margin-left:10px;}
#footer > .wrap .copyright {display:flex;align-items:center;margin-top:20px;}
#footer > .wrap .copyright figure {}
#footer > .wrap .copyright p {color:#777;font-size:16px;font-weight:200;margin-left:30px;}
#footer > .wrap .sns {position:absolute;top:100px;right:0;display:flex;}
#footer > .wrap .sns a {width:93px;height:93px;border-radius:50%;overflow:hidden;color:#fff;font-size:12px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;}
#footer > .wrap .sns a img {display:block;height:40px;margin:0 auto;}
#footer > .wrap .sns a p {line-height:1.2;text-align:center;}
#footer > .wrap .sns a.waterstone {background-color:#00C0F3;}
#footer > .wrap .sns a.waterstone > p {margin-top:5px;}
/*#footer > .wrap .sns a.facebook {background-color:#3B579D;}*/
#footer > .wrap .sns a.youtube {background-color:#D94545;}
#footer > .wrap .sns a + a {margin-left:10px;}


@media only screen and (max-width: 1280px){

}