@charset "UTF-8";

/* header */
header {
	position:fixed;
	left:0;right:0;top:0;
	height: 80px;
	min-width: 1400px;
	z-index:11;
}
header .gnb-block {
	display:block;
	position:absolute;
	left:0;right:0;top:0;
	height:0px;
	background-color:#fff;
	z-index: 1;
	opacity:0;
	transition:all 0.3s ease;
}
.header-group { position:relative; height: 80px; background-color:#fff; z-index:2; transition:all 0.3s ease; border-bottom: 1px solid #ddd;}
.header-group .item { position: relative; float:left;height:80px; z-index:2; }
.header-group .logo { width:100px; text-align:right; transition:all 0.3s ease; }
@media (min-width: 1460px) {
	.header-group .logo { width:170px; }
}
@media (min-width: 1620px) {
	.header-group .logo { width:270px; }
}
.header-group .nav { float:left; }
.header-group aside { position:absolute;right: 0; font-size:16px; display:flex; align-items:center; z-index:2 }
.header-group aside .sec1 { flex-shrink:0;width: 320px; height: 80px; position: relative; text-align:center; line-height:80px;}
.header-group aside .login-btn { position: relative; display:inline-block; width: 100%; height:100%; z-index:2; }
.header-group aside .sec2 { flex-shrink:0; width:260px; }
.header-group aside .down-btn { position: relative; display:flex; align-items: center; justify-content:center; width: 100%; height:80px; font-size:22px;font-weight:700; overflow:hidden; }
.header-group aside .down-btn p { position: relative; z-index:2; }
.header-group aside .down-btn .down-bg {
	position: absolute;
	left: 0;top: 0;right: 0;bottom: 0;
	z-index:1;
}


.header-group aside .login-btn-sub { 
	position: absolute; top: 80px; left: 0;right: 0;
	text-align:center;
	line-height:1.2;
	height:0px; 
	opacity:0; 
	z-index:1;
	font-size:18px;
	padding: 20px;
	overflow:hidden;
	transition:all 0.3s ease;
	background-color: #fff; 
}
.header-group aside .login-btn-sub h3 { font-size:18px; font-weight:700; color:#363535; margin-top:10px; }
.header-group aside .login-btn-sub .btn-group { border-top:1px solid #ddd; margin-top:20px;padding-top:20px; }
.header-group aside .login-btn-sub .ic-btn { margin:0 15px; }

.header-group aside .member { display:inline-flex; flex-wrap:nowrap;  align-items:center;}
.header-group aside .member .member-img { flex-shrink:0; width:33px;height:33px; border-radius:100px; overflow:hidden; margin-right:15px; }
.header-group aside .member .member-nick { font-size:18px; }
.header-group aside .logined .login-btn-sub {padding:0;}
.header-group aside .logined .btn-list-group { background-color:#fff; border:1px solid #ddd; border-top:0; }
.header-group aside .logined .btn-list-group .list-item { display:block; font-size:18px;padding:11px 0; border-bottom:1px solid #ddd; }
.header-group aside .logined .list-item span { position: relative; display:inline-block; }
.header-group aside .logined .list-item span:before {
	content: "";
	position: absolute;
	top: 3px;
	left: -15px;
	display:inline-block;
	width: 6px;
	height: 13px;
	background: transparent;
	z-index: 2;
}
.header-group aside .logined .btn-list-group .list-item.active,
.header-group aside .logined .btn-list-group .list-item:focus,
.header-group aside .logined .btn-list-group .list-item:active,
.header-group aside .logined .btn-list-group .list-item:hover { color:#33cccc; font-weight:700; }
.header-group aside .logined .btn-list-group .list-item.active span:before,
.header-group aside .logined .btn-list-group .list-item:active span:before,
.header-group aside .logined .btn-list-group .list-item:focus span:before,
.header-group aside .logined .btn-list-group .list-item:hover span:before {
	background: transparent url('../images/common/aside-menu-right-active.png') no-repeat 0 0;
}

nav { position: relative; z-index:2; }
nav .gnb { list-style:none; display:flex; align-items:center; height:80px; }
nav .gnb li { position: relative; z-index:2; }
nav .gnb a { display: inline-block; height: 100%; color:#000f; font-size:18px; padding: 27px 40px;}
nav .gnb-sub { position: absolute; left: 0;right: 0; list-style:none; display:flex;flex-direction: column; height:0; opacity:0; z-index:1; overflow:hidden; transition:all 0.3s ease; }
nav .gnb-sub a { color:#817777; font-size:16px; padding:10px 0; }

/* gnb 오픈 이벤트 */
header .nav:hover ~ .gnb-block { display:block; height:300px; opacity:1; }
header .nav:hover nav .gnb-sub { height:auto; opacity:1; }
header aside .sec1:hover .login-btn-sub { height:268px; opacity:1; }

/* 메인 gnb */
header.scroll-ef .header-group { background-color:rgba(0,0,0,.7); border-bottom:0; }
header.scroll-ef .gnb-block { background-color:rgba(0,0,0,.7); }
header.scroll-ef .gnb a { color:#fff; }



/* main */
.main-cont {}
.main-cont section { padding:50px 0; }
.main-top-banner { position:relative; height:540px; text-align:center; background-color:#23245d; overflow:hidden; }
.main-top-banner .top-banner-navi {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 60px;
	background-color: rgba(0,0,0,.5);
	z-index: 2;
}
.top-banner-navi .swiper-slide { 
	color: #fff;
	display:flex;
	align-items: center;
	width: auto !important;
	height: unset !important;
	font-size:16px;
	cursor:pointer;
}
.top-banner-navi .swiper-slide.swiper-slide-thumb-active { color:#53d4d4 !important; }
.swiper-button-lock { display:block !important; }

.main-cont .swiper-navi-top {
	position: absolute;
	top:22px;
	right:40px;
}
.main-cont .swiper-pagination { bottom:0px !important; }

.main-notice .flex-group .item + .item { margin-left:150px; }
.main-notice .list-group-item * { vertical-align:middle; }
.main-notice .list-group-item p { display:inline-block;font-size:18px; width: 390px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all; margin:0 22px 0 10px; }

section.main-board { text-align:center; padding:80px 0; }
section.main-board.nth1 { background-color:#f1f1f1; }

.main-board .swiper-slide { max-width:320px; }
.main-board .swiper-top { margin-bottom:-10px; }
.main-board .swiper-container { position:relative; overflow:hidden; padding:50px 0 40px; }
.main-board .swiper-container .swiper-slide { width:auto; }
.main-board .swiper-button-next {
	width: 40px;height: 40px;
	right: unset;
	left: 0;
	border-radius:6px;
	background: #33cccc url('../images/common/ic-arrow-right-small.png') no-repeat center center;
}
.main-board .swiper-button-prev {
	width: 40px;height: 40px;
	left:unset;
	right: 10px;
	border-radius:6px;
	background: #33cccc url('../images/common/ic-arrow-left-small.png') no-repeat center center;
}
.main-board .swiper-button-next:after,.main-board .swiper-button-prev:after { content: ""; }
.main-board .swiper-button-next.swiper-button-disabled,.main-board .swiper-button-prev.swiper-button-disabled { background-color:#cacaca; opacity:1; }
.main-board .swiper-pagination-bullet { background-color:transparent; width:10px;height:10px; border:2px solid #a6a6a6; opacity:1; }
.main-board .swiper-pagination-bullet-active { background-color:#a6a6a6; width:10px;height:10px; }
.main-board .panel { display:block; }
.main-board .panel-img { position: relative; display:block;height:200px; overflow:hidden; }
.main-board .panel-img img { position:absolute; top:0;left: 0;width:100%;height:100%; object-fit:cover; }
.main-board .panel-body { background-color:#fff;padding:20px 15px; }
.main-board .panel-body p { color: #2c2525; font-size:16px; padding:8px 10px;border-bottom:1px dashed #dfdfdf; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; word-break:break-all; margin-bottom:10px;  }
.main-board .panel-body span { font-size:14px; }


/* sub */
.sub-cont {}
.sub-cont:before {
	content:"";
	display:table;
	height: 80px;
	background-color:#fff;
}
.sub-top-banner { text-align:center; background-color:#23245d; }
.sub-top-banner img {  }

/* sub-board */
.board-cont { background-color:#f2f2f2; }
.board-cont .board-box { background-color:#fff; padding:35px 30px; }
.board-cont .board-box.board-list { padding:15px 30px; margin-bottom:10px; }
.board-cont .head-title {
	position: relative;
	display:inline-block;
	padding-right:50px;
	margin-right: 15px;
	margin-bottom:15px;
}
.board-cont .head-title:after {
	content: "";
	display:inline-block;
	position: absolute;
	bottom:12px;
	right: 0;
	width: 40px;
	height: 5px;
	border-radius:50px;
	background-color:#dedede;
}
.board-cont .form-class { font-size:18px; border:0; }
.board-cont .category-group { display:inline-block; }
.board-cont .category-group .item {
	display:inline-block;
	font-size:20px;
	color: #2a2424;
	vertical-align:middle;
}
.board-cont .category-group .item ~ .item:before {
	content:"";
	display:inline-block;
	width: 5px;
	height: 5px;
	vertical-align:middle;
	background-color:#b0b0b0;
	border-radius:100%;
	margin: 0 15px 5px 10px;
}
.board-cont .category-group .item:hover,
.board-cont .category-group .item.active { color:#32ccca; }
.board-cont .list-btn-group { text-align:right; margin:20px 0; }
.board-cont .btn { font-size:18px; width:100%; max-width:100px; }
.board-cont .btn ~ .btn { margin-left:5px; }
.board-cont .pagination { text-align:center; padding: 30px 0; }
.board-cont .pagination a { display:inline-flex; width: 40px; height: 40px; font-size:18px; font-weight:700; align-items:center; justify-content:center; margin:0 3px; }
.board-cont .pagination a.active { color:#33cccc; }
.board-cont .pagination .arrow { background: #2c2525 url() no-repeat center center; border-radius:10px; }
.board-cont .pagination .prev-arrow { background-image: url(../images/board/ic-arrow-left-dubble.png); }
.board-cont .pagination .prev { background-image: url(../images/board/ic-arrow-left.png); margin-right:20px; }
.board-cont .pagination .next-arrow { background-image: url(../images/board/ic-arrow-right-dubble.png); }
.board-cont .pagination .next { background-image: url(../images/board/ic-arrow-right.png); margin-left:20px; }

.board-box .panel-head { border-bottom:1px dashed #dfdfdf; padding-bottom:15px;  }
.board-box .panel-head h3 { position: relative; font-size:18px; color:#2c2525; }
.board-box .panel-head h3 .writer{ position: absolute; font-size:16px; right:0; top: 0;}
.board-box .label-border { font-size:16px; color:#000;line-height:1.5; border-color:#000; margin-right:10px; }
.board-box .panel-head .write-info { position: relative; color: #b0b0b0; font-size:14px; margin-top:15px; }
.board-box .panel-head .write-info .view-count { display:inline-block; margin-left:50px; }
.board-box .panel-head .write-info i.ic { position: relative; top: 1px; vertical-align:text-top; margin-right:5px; }
.board-box .panel-head .write-info .btn-group { position: absolute; right:0; bottom:0; }
.board-box .panel-head .write-info .btn-border {
	display:inline-block;
	font-size: 16px;
	line-height:1.5;
	color: #616161;
	border: 1px solid #aeaeae;
	border-radius:50px;
	padding:3px 20px;
}
.board-box .panel-head .write-info .btn-border:hover { color:#fff; background-color:#d12c2c; }
.board-box .panel-body { font-size:18px; line-height:1.5; padding: 25px 0; }
.board-box .panel-foot { text-align:center; padding-top:20px; }
.board-box .panel-foot .btn-vote {
	display:inline-block;
	width: 150px;
	border-radius:8px;
	font-size:16px;
	border: 1px solid #aeaeae;
	padding: 6px 10px;
}
.board-box .panel-foot .btn-vote:hover { color:#fff; background-color:#ff4657; border-color:#ff4657; }
.board-box .panel-foot .btn-vote:hover i.ic-heart { background-image: url(../images/board/ic-heart-fill.png); }
.board-box .panel-foot .btn { font-size:16px; width: 150px; max-width:150px; padding: 6px 10px; }
.board-box .editor { min-height:400px; border-bottom:1px solid #c7c7c7; margin-bottom:20px; }

.commt-box .commt-count { padding-bottom:10px; font-size: 18px; }
.commt-box .form-group { display:flex;flex-wrap:nowrap; background:#fff; align-items:center; padding:15px 10px; margin-bottom: 20px; }
.commt-box .form-group .nth1 { flex-shrink:0;width: 1100px;}
.commt-box .form-group .form-class {
	color: #000;
	font-size:18px;
	border:0;
}
.commt-box .form-group .nth2 { flex-grow:1; text-align: center;}
.commt-box .commt-list-group > .item {
	font-size:18px;
	border: 1px solid #b0b0b0;
	padding: 15px;
	background-color:transparent;
}
.commt-box .commt-list-group > .item.write {
	border: 0;
	padding:0;
	font-size: unset;
}
.commt-box .commt-list-group > .item.write .ic-reply { display:inline-block; width: 55px; text-align:center; vertical-align:top; }
.commt-box .commt-list-group > .item.write .form-group { 
	display:inline-flex;
	width: 1240px;
	margin:0;
}
.commt-box .commt-list-group > .item.write .form-group .nth1 { width:1050px; }
.commt-box .commt-list-group .item ~ .item { margin-top:10px; }
.commt-box .commt-list-group .item-head { position: relative; margin-bottom:10px; }
.commt-box .commt-list-group .item-head .writer { font-size: 20px; font-weight:700; }
.commt-box .commt-list-group .item-head .writer kbd { color:#b0b0b0; margin-left:15px; }
.commt-box .commt-list-group .item-head .date { position:relative; top: -2px; color:#b0b0b0; font-size:14px; margin-left:25px; }
.commt-box .commt-list-group .item-head .date .ic { position: relative; top:-2px; margin-right:5px; }
.commt-box .commt-list-group .item-head .ic-reply { vertical-align: top; position: relative; top:-5px; margin-right:10px; }
.commt-box .commt-list-group .item-head .ic-declare { position: relative; top: -3px; margin-left:25px; }
.commt-box .commt-list-group .item-head .btn-border { position: absolute; right:0; display:inline-block; font-size:16px;line-height:1.5;color: #616161;border: 1px solid #aeaeae; border-radius:50px;padding:4px 20px; }
.commt-box .commt-list-group .item-body { padding-bottom:15px; }
.commt-box .commt-list-group .item .writed-nick { display:inline-block; color:#32ccca; margin-right:10px; }

.view-list-group {}
.view-list-group .item { display:flex; flex-wrap: nowrap; align-items:center; font-size:18px; background-color:#fff; border-left:2px solid #2c2525; padding:25px 30px; margin-bottom:10px; }
.view-list-group .item .head { font-weight: 700; border-right:1px dashed #aeaeae; flex-shrink:0; width:90px; }
.view-list-group .item .head span { position: relative; top:-10px; }
.view-list-group .item .title { flex-grow: 1; padding-left:25px; }
.view-list-group .item .label { border-color:#2c2525; font-size: 16px; line-height:1.5; }
.view-list-group .item .writer { font-size:16px; color:#716969; flex-shrink:0; width:150px; text-align:center; }
.view-list-group .item .date { font-size:14px; color:#adadad; flex-shrink: 0; width: 150px; text-align: right; }

.write-title-group { display: flex; flex-wrap: nowrap; align-items: center; }
.write-title-group .item.subject { flex-grow: 1; padding-left:20px; }
.write-title-group .item.cate { flex-shrink:0; width:170px; text-align:center; border-right:1px solid #b3b3b3; }
/* ie */
.write-title-group select {display: none;}
.write-title-group .cate-select {
	position: relative;
}
.write-title-group .cate-select .select-label {
	display: block;
	width: 100%;
	text-align:center;
	font-size:16px;
	background: transparent url(../images/board/ic-boxarrow-down.png) no-repeat center right 10px;
	padding: 5px 20px 5px 0 ;
}
.write-title-group .cate-select .select-opt {
	list-style:none;
	display:none;
	width: 170px;
	position: absolute;
	top:46px;
	left:-10px;
	font-size:16px;
	background-color: #fff;
	border: 1px solid #6f6f6f;
}
.write-title-group .cate-select.active .select-opt { display:block; }
.write-title-group .cate-select .select-opt li {
	display: block;
	padding:10px 0;
	cursor: pointer;
}
.write-title-group .cate-select .select-opt li:hover { background-color:#e8e8e8; }

.board-list-group .list-item { display:flex; flex-wrap: nowrap; align-items:center; font-size:18px; background-color:#fff; padding:20px 15px; }
.board-list-group .list-item ~ .list-item { border-top:1px dashed #b3b3b3; }
.board-list-group .list-item .title { flex-grow: 1; }
.board-list-group .list-item .title i { margin-left:10px; }
.board-list-group .list-item .label-default,
.board-list-group .list-item .label-border { width: 65px; text-align:center; margin-right:15px; }
.board-list-group .list-item .writer { font-size:16px; color:#505050; flex-shrink:0; width:150px; text-align:center; }
.board-list-group .list-item .date { font-size:14px; color:#707070; flex-shrink: 0; width: 150px; text-align: center; }
.board-list-group .list-item .view { font-size:14px; color:#707070; flex-shrink: 0; width: 100px; text-align: right; }
.board-list-group .list-item .vote { font-size:14px; color:#707070; flex-shrink: 0; width: 150px; text-align: center; }
.board-list-group .list-item i.ic { position: relative; top:-1px; }
.board-cont .write-btn-group { float:right; width:100px; position: relative; top:10px; }

.board-cont .board-list-gallery { background-color:transparent; padding:0; }
.board-list-gallery .board-list-group { display:flex; flex-wrap:wrap; }
.board-list-gallery .list-item { position: relative; display:block; flex:0 0 24%; margin:0 5px 20px; padding:0; border:0; }
.board-list-gallery .list-item ~ .list-item { border:0; }
.board-list-gallery .list-item:hover:after { 
	content: "";
	position: absolute;
	top: 0;left: 0;
	display:block;
	width: 100%;
	height: 100%;
	border:3px solid #59d1d1; 
	z-index:2;
}
.board-list-gallery .list-item:hover .panel-body { background-color:#ededed; }
.board-list-gallery .panel-img { position: relative; height:200px;overflow:hidden;}
.board-list-gallery .panel-img img { position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover; }
.board-list-gallery .panel-img .panel-label { position: absolute; bottom:5px; left:10px; font-size:16px; color: #fff; z-index:2; }
.board-list-gallery .panel-img .panel-label span { display:inline-block; margin-right:25px; }
.board-list-gallery .panel-img .panel-label .ic-commt { width:21px; height: 16px; background-image: url('../images/board/ic-commt-white.png'); margin-right:5px; }
.board-list-gallery .panel-body { padding:30px 20px 20px; }
.board-list-gallery .panel-body .title { 
	font-size:16px; 
	line-height: 1.2;
	height: 36px;
	text-align: left;
	white-space: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	word-wrap: break-word;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.board-list-gallery .panel-body .ic-group { display:flex; flex-wrap:nowrap; padding-top: 10px; margin-top: 20px; border-top:1px dashed #ddd; }
.board-list-gallery .panel-body .ic-group .ic { margin-right:5px; }
.board-list-gallery .panel-body .ic-group .date { flex-shrink:0; width:130px; text-align:left; color:#adadad; }
.board-list-gallery .panel-body .ic-group .vote,
.board-list-gallery .panel-body .ic-group .view { flex-shrink: unset; width: unset; flex-grow:1; text-align:right; color:#adadad; }

.board-search-group { display:flex; width: 800px; flex-wrap: nowrap; align-items: center; background-color:#fff; border:1px solid #b3b3b3; border-radius:8px; margin:0 auto; padding:10px 15px;  }
.board-search-group .item.subject { flex-grow: 1; padding-left:15px; }
.board-search-group .item.cate { flex-shrink:0; width:130px; position:relative; border-right:1px dashed #b3b3b3; padding-right:10px; }
.board-search-group select {display: none;}
.board-search-group .cate-select {
	position: relative;
}
.board-search-group .cate-select .select-label {
	display: block;
	width: 100%;
	text-align:left;
	font-size:16px;
	background: transparent url(../images/board/ic-boxarrow-down.png) no-repeat center right 10px;
	padding: 5px 20px 5px 10px ;
}
.board-search-group .cate-select .select-opt {
	list-style:none;
	display:none;
	width: 120px;
	position: absolute;
	top:41px;
	left:-10px;
	font-size:16px;
	background-color: #fff;
	border: 1px solid #6f6f6f;
	z-index: 2;
}
.board-search-group .cate-select.active .select-opt { display:block; }
.board-search-group .cate-select .select-opt li {
	display: block;
	padding:10px 0px 10px 18px;
	cursor: pointer;
}
.board-search-group .cate-select .select-opt li:hover { background-color:#e8e8e8; }

.cm-swiper { position: relative; overflow: hidden; margin:15px 0 0 ; padding-bottom:30px; }
.cm-swiper .swiper-wrapper {  }
.cm-swiper .swiper-button-next {
	width: 40px;height: 40px;
	
	border-radius:6px;
	background: #33cccc url('../images/common/ic-arrow-right-small.png') no-repeat center center;
}
.cm-swiper .swiper-button-prev {
	width: 40px;height: 40px;

	border-radius:6px;
	background: #33cccc url('../images/common/ic-arrow-left-small.png') no-repeat center center;
}
.cm-swiper .swiper-button-next:after,.cm-swiper .swiper-button-prev:after { content: ""; }
.cm-swiper .swiper-pagination { bottom:0 !important; width:auto !important; left:unset !important; right:0; }
.cm-swiper .swiper-pagination-bullet { background-color:transparent; width:10px;height:10px; border:2px solid #a6a6a6; opacity:1; }
.cm-swiper .swiper-pagination-bullet-active { background-color:#a6a6a6; width:10px;height:10px; }

/* guide */
.guide-cont { background-color:#f2f2f2; }
.guide-search { width:840px; background-color: #fff; margin:0 auto; border:1px solid #bab5b5; border-radius:8px; overflow:hidden; margin-bottom:60px; }
.guide-search .search-group { display:flex; flex-wrap:nowrap; align-items:center; padding:0 30px; }
.guide-search .form-class { flex-grow:1; font-size:18px; height:unset; text-align:center; border:0; padding:15px; }
.guide-search .ic-search {
	flex-shrink:0;
	display:inline-block;
	width: 35px;
	height: 35px;
	background:  transparent url('../images/common/search-btn.png') no-repeat center center /29px;
}
.guide-box { display:flex; flex-wrap: nowrap; }
.guide-box aside { flex-shrink:0; width:260px; margin-right:50px; }
.guide-box aside .list-group { list-style:none; border:1px solid #dfdfdf; border-bottom:0; }
.guide-box aside .list-group .item {
	position: relative;
	display:block;
	background-color: #fff;
	border-bottom: 1px solid #dfdfdf;
}
.guide-box aside .list-group .item-title { 
	display:block; font-size:16px; color:#2c2525; cursor: pointer; padding:12px 25px; 
	background: transparent url('../images/common/aside-menu.png') no-repeat right 25px center;
	-webkit-transition: all ease-in-out .15s;
	-o-transition: all ease-in-out .15s;
	transition: all ease-in-out .15s;
}
.guide-box aside .list-group .item-title:active,
.guide-box aside .list-group .item-title.active,
.guide-box aside .list-group .item-title:focus { color:#33cccc; font-weight:700; background-color:#fff; background-image:url('../images/common/aside-menu-active.png'); }
.guide-box aside .list-group .item-title:hover { color:#fff; font-weight:700; background-color:#33cccc; background-image:url('../images/common/aside-menu-hover.png'); }
.guide-box aside .list-group .item-sub { background-color:#eee; border-top: 1px solid #dfdfdf; padding:7px 30px; }
.guide-box aside .list-group .item-sub a { font-size:16px; display:block; color:#716969; }
.guide-box aside .list-group .item-sub a:before {
	content: "";
	display:inline-block;
	position: relative;
	width: 2px;
	height: 2px;
	border-radius:100px;
	background-color:#716969;
	vertical-align:super;
	margin-right: 5px;
}
.guide-box aside .list-group .item-sub a.active,
.guide-box aside .list-group .item-sub a:active,
.guide-box aside .list-group .item-sub a:hover { color:#33cccc; font-weight:700; }

.guide-box .guide-body { flex-grow: 1; }
.guide-box .guide-main-list { margin-bottom:100px; }
.guide-box .guide-main-list .head-title { text-align:center; }
.guide-box .guide-main-list dl { display:flex; flex-wrap:nowrap; align-items:center;}
.guide-box .guide-main-list dl ~ dl { margin-top:10px; }
.guide-box .guide-main-list dt { flex-shrink:0; width: 150px; font-size:18px; color:#fff; font-weight:700; text-align:center; background-color:#33cccc; padding:15px 0; }
.guide-box .guide-main-list dd { display:block; font-size: 16px; color: #716969; flex-grow:1; background-color:#fff; padding:15px 0 15px 30px; }
.guide-box .guide-main-list dd a { display:inline-block; color:#716969; }
.guide-box .guide-main-list dd a:before {
	content: "";
	display:inline-block;
	position: relative;
	width: 2px;
	height: 2px;
	border-radius:100px;
	background-color:#716969;
	vertical-align:super;
	margin-right: 5px;
}
.guide-box .guide-main-list dd a ~ a { margin-left:20px; }
.guide-box .guide-view .panel { font-size:16px; line-height:1.5; background-color:#fff; padding:50px; }
.guide-box .guide-view .panel-foot { border-top:1px dashed #dedede; padding-top:20px; margin-top:50px; }
.guide-box .guide-view .panel-foot .btn-group { text-align:right; }



/* faq */
.faq-cont .container { width: 840px; }
.faq-cont .faq-box { font-size: 18px; }
.faq-cont .faq-list-group { list-style: none; display:flex;flex-direction: column; background-color: #fff; border:1px solid #d9d9d9; }
.faq-cont .faq-list-group .item { border-bottom:1px solid #d9d9d9; ; }
.faq-cont .faq-list-group .item-title { display:block; padding:15px 20px; }
.faq-cont .faq-list-group .item-title:focus,
.faq-cont .faq-list-group .item-title:active,
.faq-cont .faq-list-group .item-title.active { color:#fff; background-color: #33cbcc; }
.faq-cont .faq-list-group .item-sub { font-size:16px; padding:10px 20px; }
.faq-cont .faq-tab-navi { display:flex; align-items:center; justify-content: flex-start; border-left:1px solid #d9d9d9; }
.faq-cont .faq-tab-navi .item { flex: 0 1 20%; text-align:center; background-color:#d9d9d9; border-right:1px solid #d9d9d9;border-top:1px solid #d9d9d9; padding:13px 0;  }
.faq-cont .faq-tab-navi .item.active,
.faq-cont .faq-tab-navi .item:focus,
.faq-cont .faq-tab-navi .item:active { background-color:#fff; }
.faq-cont .faq-menu-navi { display:flex; flex-wrap: wrap; align-items:center; justify-content: flex-start; background-color: #fff; border-left:1px solid #d9d9d9;border-top:1px solid #d9d9d9;  }
.faq-cont .faq-menu-navi .item { flex: 0 1 20%; text-align:center;padding:13px 0; border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;  }



/* .policy */
.policy-cont { background-color:#f2f2f2; }
.policy-cont .policy-tab { display:flex; width: 100%; align-items:center; justify-content:center; margin:0 auto; text-align:center; margin-bottom:50px; border:1px solid  #d9d9d9; }
.policy-cont .policy-tab .item { display:block; flex: 0 1 20%; font-size:18px; background-color:#f1f1f1;padding:15px 20px; }
.policy-cont .policy-tab .item:active,
.policy-cont .policy-tab .item:focus,
.policy-cont .policy-tab .item:hover,
.policy-cont .policy-tab .item.active { font-weight:500; color: #fff; background-color:#33cbcc; }
.policy-cont .txtarea {
	font-size:16px;
	height: 600px;
	line-height:24px;
	background-color:#fff;
	color:#484848;
	padding: 20px 25px;
	resize:none;
	overflow:auto;
}


/* member login */

/* member mypage */
.member-cont { background-color:#f2f2f2; }
.mypage-main .info-group { display:flex; flex-wrap:nowrap; align-items:start; margin-bottom:30px; }
.mypage-main .info-group .item { flex:1 1 33.3333%; font-size:18px; height: 250px; background-color:#fff; }
.mypage-main .info-group .item ~ .item { margin-left:20px; }
.mypage-main .info-group .item p ~ p { margin-top:5px; }
.mypage-main .info-group .item .panel { display:flex; align-items:center; height:100%; padding:30px; }
.mypage-main .info-group .item .panel-head { font-size:20px; font-weight:700; color:#b0b0b0; border-bottom:1px dashed #ddd; padding:30px 30px 15px; }
.mypage-main .info-group .item .panel-head span { color:#2c2525; }
.mypage-main .info-group .item .panel-body { padding:15px 30px; }
.mypage-main .info-group .item .panel-foot { font-size:16px; border-top:1px dashed #ddd; padding:15px 30px 30px; }
.mypage-main .info-group .btn-logout { font-size:18px; line-height:1.5; border-radius:0; padding:3px 20px; margin-top:5px; }
.mypage-main .info-group .flex-group { display:flex; align-items:center; }
.mypage-main .info-group .flex-group .item-img { position: relative; flex-shrink:0; width:100px;height:100px; overflow:hidden; border-radius:100px; margin-right:20px; }
.mypage-main .info-group .flex-group .item-img img { position: absolute; width:100%;height:100%; object-fit:cover; }
.mypage-main .info-group .flex-group .item-body { flex-grow:1; }
.mypage-main .info-group .grade { font-size:35px; font-weight:700; }

.mypage-main .info-log { display:flex; flex-wrap:nowrap; background-color:#fff; align-items:center; padding:20px; }
.mypage-main .info-log .item { flex:1 1 33.333%; font-size:20px; line-height:1.3; text-align:center; border-right:1px dashed #ddd; padding:20px 0; }
.mypage-main .info-log .item span { font-size:14px; }
.mypage-main .info-log .item a { display:inline-block;width:100%;height:100%; }
.mypage-main .info-log .item:nth-child(3) { flex:unset; flex-shrink:0; width:270px; border:0; }










/* footer */
footer { color: #b7b7b7;background-color:#393939; padding:40px 0 50px; }
address { font-size:12px; font-style:normal;margin-bottom:30px; }
.footer-link-group { display: flex; flex-wrap:nowrap; }
.footer-link-group a { position: relative; display:inline-block; font-size:14px; color: #eeeeee; padding:10px 20px; }
.footer-link-group a:first-child { padding-left:0; }
.footer-link-group a ~ a:before {
	content:"";
	position: absolute;
	top: 14px;
	left: 0;
	display:inline-block;
	width: 1px;
	height: 14px;
	background-color:#fff;
}
.footer-sns-group { position:absolute;right:0;bottom:25px; }
.footer-sns-group .sns { display:inline-block;width: 51px;height: 51px; background: transparent url() no-repeat 0 0 /cover; margin-left: 7px;}
.footer-sns-group .sns.insta { background-image:url('../images/common/ic-insta.png'); }
.footer-sns-group .sns.facebook { background-image:url('../images/common/ic-facebook.png'); }
.footer-sns-group .sns.youtube { background-image:url('../images/common/ic-youtube.png'); }

footer .copy {
    margin-top: 10px;
}

/* modal */
.luv-modal {
	position:fixed;
	display:none;
	top:0;
	left:0;
	width:100%;
	height:100%;
	align-items:center;
	z-index:99;
}
.modal-box {
	position:relative;
	width: 100%;
	max-width:750px;
	margin:0 auto;
	z-index:12;
}
.modal-box .modal-panel {
	position:relative;
	background-color:#ffffff;
	width: 100%;
	/*border: 3px solid transparent;
	border-image: linear-gradient(135deg,  #4273fe 30% , #e5248f);
	border-image-slice: 1;*/
	padding: 30px;
}
.modal-box .modal-head {
	position: relative;
	color: #2c2324;
	font-size:20px;
	border-bottom: 1px dashed #ddd;
	padding: 0px 0 15px;
}
.modal-box .modal-head h3 { font-weight:700; }
.modal-box .modal-head p { font-size:16px; color:#adadad; }
.modal-box .modal-close {
	display:inline-block;
	width: 50px;
	height: 50px;
	text-indent: -9999999999px;
	position: absolute;
	top: -10px;
	right: 0px;
	background: transparent url('../images/common/modal-close.png') no-repeat center center;
	z-index: 22;
}
.modal-box .modal-body {
	border-bottom: 1px dashed #ddd;
	padding: 30px 20px;
}
.modal-box .modal-foot {
	text-align:center;
	padding:20px 50px 0;
}
.modal-box .modal-foot .btn-group .btn { width:100%; max-width:100px; font-size:18px; }
.modal-break {
	position:fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	overflow:hidden;
	z-index:11;
	background:rgba(0,0,0,.7);
}
.modal-declare { color:#6f6a6a; font-size:20px; }
.modal-declare .flex-group { padding:0 60px; }
.modal-declare .flex-group + .flex-group { margin-top:20px; }
.modal-declare .flex-group .itme { flex-grow: 1; }
.modal-declare .flex-group .nth1 {
	flex-grow:0;
	flex-shrink: 0;
	width: 180px;
	font-size:20px;
	text-align:right;
	padding-right: 30px;
}
.modal-declare .flex-group .form-class { height:50px; }
.modal-declare label.radio { display:block; font-size:18px; margin-bottom:5px; }
.modal-declare textarea { width:65%; }

#modal-share .modal-box { max-width: 600px; }
.sns-btn-group { display:flex; align-items: center;justify-content: center }
.sns-btn-group .ic { flex-grow:1; margin:10px; }


/* addon */
.txt-date { font-size:14px; color:#adadad; font-weight:400; }
.txt-disable { color:#b0b0b0; }
.txt-center { text-align:center !important; }
.bg-default { background-color:#f2f2f2 !important; }


.ttt th, td {
	border: 1px solid #000;
	border-collapse: collapse;
	padding:5px;
	text-align:center;
}

.ttt tr td:nth-child(2) {
	text-align:left;
}

.text-start {
	text-align:left!important;
}

.text-center {
	text-align:center!important;
}