@charset "utf-8";
/* SIR 지운아빠 */

/* 초기화 */
html {
	overflow-y: scroll;
	overflow-x: hidden;
	scroll-behavior: smooth;
}

body {
	margin: 0;
	padding: 0;
	font-size: 14px;
	letter-spacing: -0.7px;
	font-family: 'Noto Sans KR', Nanum Gothic, sans-serif;
}

html,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
img {
	margin: 0;
	padding: 0;
	border: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	font-family: 'Noto Sans KR', Nanum Gothic, sans-serif;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block
}

ol,
ul,
li,
dd,
dl,
dt {
	list-style: none;
	padding: 0;
	margin: 0;
}

.cf:after {
	display: block;
	content: "";
	clear: both;
}

.hide {
	display: none;
}

#hd ul,
nav ul,
#ft ul {
	margin: 0;
	padding: 0;
	list-style: none
}

legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden;
	width: 0;
	height: 0;
}

label,
input,
button,
select,
img {
	vertical-align: middle
}

input,
button {
	margin: 0;
	padding: 0;
	font-size: 1em
}

input:focus {
	outline: none;
}

button {
	cursor: pointer
}

textarea,
select {
	font-family: 'Noto Sans KR', Nanum Gothic, sans-serif;
	font-size: 1em
}
textarea:focus,
select:focus {
	outline: none;
}

select {
	margin: 0
}

p {
	margin: 0;
	padding: 0;
	word-break: break-all
}

hr {
	display: none
}

pre {
	overflow-x: scroll;
	font-size: 1.1em
}

a:link,
a:visited {
	color: #565656;
	text-decoration: none
}

a:hover,
a:focus,
a:active {
	color: #000;
	text-decoration: none;
	outline: none;
	border: none;
}

/* 팝업레이어 */
#hd_pop {
	z-index: 1000;
	position: relative;
	margin: 0 auto;
	width: 970px;
	height: 0
}

@media screen and (max-width:999px) {
	#hd_pop {
		z-index: 1000;
		position: relative;
		margin: 0 auto;
		width: 100% !important;
		height: 0
	}

	#hd_pop img {
		max-width: 100%
	}
	
}

#hd_pop h2 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.hd_pops {
	position: absolute;
	/*border:1px solid #e9e9e9*/
	;
	background: #fff;
	box-shadow: 0 0 3px #333
}

@media screen and (max-width:767px) {
	.hd_pops {
		width: 70% !important;
		position: absolute;
		top: 0px !important;
		left: 0 !important
	}

	.hd_pops img {
		width: 100% !important;
		height: 100% !important
	}
}

.hd_pops_con {}

.hd_pops_footer {
	padding: 10px 0;
	background: #000;
	color: #fff;
	text-align: right
}

@media screen and (max-width:767px) {
	.hd_pops_con {
		width: 100% !important;
		height: 100% !important;
	}
}

@media screen and (max-width:767px) {
	.hd_pops_footer {
		width: 100% !important
	}
}

.hd_pops_footer button {
	margin-right: 5px;
	padding: 5px 10px;
	border: 0;
	background: #393939;
	color: #fff;
	font-size: 0.90em;
}


/* 전체 검색 */
#hd_sch {
	float: left;
	margin: 0 0 0 20px;
	padding: 0;
	border: 1px solid #c3c6ca
}

#hd_sch legend {
	position: absolute;
	margin: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -9999em;
	overflow: hidden
}

#hd_sch #sch_stx {
	padding-left: 5px;
	width: 110px;
	height: 24px;
	border: 0;
	background: #fff;
	line-height: 1.9em !important;
	line-height: 1.6em
}

#hd_sch #sch_submit {
	padding: 0 5px;
	height: 26px;
	border: 0;
	background: #e2e6eb;
	color: #333;
	cursor: pointer
}

/* 텍스트 크기 조절 */
#text_size {
	float: left;
	margin: 0 0 0 10px;
	letter-spacing: -3px
}

#text_size button {
	margin: 0;
	padding: 1px 2px;
	border: 1px solid #c3c6ca;
	background: transparent;
	vertical-align: middle;
	cursor: pointer
}

.ts_up {
	font-size: 1.167em !important
}

.ts_up2 {
	font-size: 1.3em !important
}


/* 상단 레이아웃 */
#hd {
	width: 100%;
	min-width: 1100px;
	z-index: 99;
}

#hd.subVer.memberVer {
	position: absolute
}

.hd_zindex {
	z-index: 999 !important
}

#hd_h1 {
	position: absolute;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}


#hd.admin {
	width: 100%;
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #eee;
	background: #fff;
}
#hd.admin a {
	font-size: 1.3em;
	font-weight: 600;
	color: #000;
	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 80px;
}

#hd.admin a:first-of-type {
	border-right: 1px solid #eee;
}

/* 상단 메뉴*/
#topm {
	background: #1f3c88;
}

#topm_in {
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

#topm_in:after {
	display: block;
	content: "";
	clear: both;
}

/*언어*/
/*.fs { width:120px; position:absolute; top:2px; right:0px; z-index:1001;}
.fs a:before{content:"";}
.fs dt{cursor:pointer; border:1px solid #C9C9C9; width:100%; line-height:25px; text-align:left; text-indent:10px; border-radius:2px;
			  background:url(../img/common/btn_lnb_off.gif) #FBFBFB no-repeat 95% 50% /auto 65%; color:#df2424;}
.fs dd{display:none; position:absolute; left:0; right:0; top:27px; z-index:100; width:100%; border:1px solid #ccc; border-top:0; border-radius:0 0 2px 2px;}
.fs dd a{display:block; width:100%; text-align:left; padding:0; margin:0; line-height:23px;  text-indent:10px;
				border-top:1px dashed #999; background:#FBFBFB; margin-top:-1px;}
.fs:hover dt{border:1px solid #999;}
.fs:hover dd{border:1px solid #999; border-top:0;}
.fs dd a:hover{background:#EFEFEF; font-weight:600; color:#333;}*/


#tnb {
	float: right;
	margin: 0 0px 0 0 !important;
	padding: 0;
	list-style: none;
	zoom: 1;
	border-left: 1px solid rgba(250, 250, 250, 0.2);
}

#tnb:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#tnb li {
	float: left;
}

#tnb a {
	display: inline-block;
	color: #fff;
	font-size: 1.15em;
	line-height: 40px;
	border-right: 1px solid rgba(250, 250, 250, 0.2);
	padding: 0 15px;
}

#tnb .fas {
	margin-right: 5px;
}

/* #hd_wrapper{position:fixed;left:3%;width:auto;max-width: initial;top:30px;right:3%}
 */
#hd_wrapper {
	position: fixed;
	margin: 0 auto;
	zoom: 1;
	display: flex;
	width: 94%;
	max-width: initial;
	left: 3%;
	top: 30px;
	right: 3%
}

#hd_wrapper.on {
	position: fixed;
	top: 0;
	z-index: 999;
	background: #FFF;
	width: 100%;
	max-width: 100%;
	padding: 0 80px;
	border-bottom: 1px solid #DDD;
}

#hd_wrapper:after {
	display: none;
	visibility: hidden;
	clear: both;
	content: ""
}

#hd_wrapper.container {
	padding-left: 0;
	padding-right: 0;
}


#logo {
	margin-left: 50px
}

#logo a {
	font-weight: 300;
	font-size: 18px;
	display: inline-block
}

.main_sian {
	width: 100%;
}

/* 메인메뉴 */
#gnb {
	display: block;
	flex: 1;
	padding-left: 20px;
	justify-content: space-between;
}

#gnb h2 {
	display: none;
}

#gnb_1dul {
	margin: 0 auto !important;
	padding: 0;
	width: 100%;
	zoom: 1;
	display: flex;
	justify-content: space-between;
	flex: 1
}

#gnb_1dul:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#gnb .top_s_btn {
	position: relative;
	z-index: 9;
}

#gnb .top_s_btn a {
	display: inline-block;
	line-height: 80px;
	margin-left: 16px;
	font-size: 13px;
}


#hd_wrapper * {
	color: #FFF
}

#hd_wrapper .login_sec {
	display: none;
}

#hd_wrapper .top_s_btn {
	position: absolute;
	right: 0;
	top: 20px
}

#hd_wrapper .top_s_btn a {
	display: inline-block;
	letter-spacing: 1px;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 300;
}

.fp-viewing-01 #logo a {
	color: #FFF
}

.fp-viewing-01 .mainVer #hd_wrapper .top_s_btn a {
	color: #FFF;
	font-weight: 300
}

.mainVer #hd_wrapper .top_s_btn a {
	color: #222;
	font-weight: 500
}

.mainVer#hd span {
	background: #FFF
}

.mainVer#hd.fixed span {
	background: #222
}

#hd.mainVer.fixed #hd_wrapper * {
	font-weight: 500;
	color: #333;
}

#hd.mainVer.fixed #hd_wrapper {
	background: rgba(255, 255, 255, .8);
	padding: 0 3%;
	width: 94%;
	border-radius: 7px;
}

.mainVer #hd_wrapper * {
	color: #fff;
	font-weight: 500
}

.fp-viewing-01 .mainVer #hd_wrapper .gnb_1dli a {
	color: #FFF;
	font-weight: 500
}

#hd.mainVer.fixed #hd_wrapper .nav_open {
	left: 10px
}

#hd.mainVer.fixed #hd_wrapper #logo {
	margin-left: 30px
}

.subVer.bordVer {
	border-bottom: 1px solid #DDD
}

.subVer.bordVer #hd_wrapper {
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	padding: 0 3%;
	background: #FFF;
	border-bottom: 1px solid #DDD
}

.subVer.bordVer #hd_wrapper * {
	color: #000
}

.subVer.bordVer#hd span {
	background: #000
}

.subVer.bordVer.fixed #hd_wrapper * {
	color: #FFF
}

.subVer.bordVer.fixed#hd span {
	background: #FFF
}

.subVer.fixed #hd_wrapper {
	background: #333;
	padding-left: 15px;
	border: 1px solid #333;
	width: 94%
}

#hd.subVer.fixed .nav_open {
	left: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#hd.subVer.fixed .top_s_btn {
	right: 20px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
}

#hd_wrapper,
#hd,
#hd.fixed {
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}

.gnb_1dli {
	z-index: 10;
	position: relative;
	float: left
}

.gnb_1dli:nth-of-type(3) .gnb_2dul {
	width: 220%;
	margin-left: -65% !important;
}

.gnb_1da {
	display: inline-block;
	padding: 0 20px;
	font-size: 1.3em;
	color: #FFF;
	letter-spacing: -1px;
	line-height: 1em;
	font-weight: 500;
	text-decoration: none;
	position: relative;
	line-height: 82px;
	z-index: 5;
}

.gnb_1da:hover {
	color: #FFF
}

.gnb_1da span {
	display: block;
	width: 0px;
	height: 3px;
	position: absolute;
	left: 50%;
	top: 0px;
	background: #222;
	transform: translateX(-50%);
	transition: all 0s;
}

.gnb_1dli:focus,
.gnb_1dli:hover span {
	width: 100%;
	transition: all 0.5s;
}

.gnb_1dli {
	position: relative;
}

.gnb_2dul {
	display: none;
	position: absolute;
	top: 80px;
	left: 0px;
	width: 180%;
	border-top: 0;
	padding: 10px 0 !important;
	margin-left: -40% !important;
	border-radius: 20px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
	background: #333
}

/*#gnb #gnb_1dul .gnb_1dli:nth-child(3) .gnb_2dul{ width:170px; left:15px;}
#gnb #gnb_1dul .gnb_1dli:nth-child(4) .gnb_2dul{ width:160px;left:-20px}
#gnb #gnb_1dul .gnb_1dli:nth-child(5) .gnb_2dul{ width:160px;left:-25px}*/
.gnb_2dli {
	padding: 0
}

.gnb_2dul .gnb_2dli:last-child {
	border-bottom: none;
}

.gnb_2da {
	display: block;
	padding: 10px 10px;
	text-align: center;
	text-decoration: none;
	font-size: 1.1em;
	color: #FFF !important;
}

/* 1차메뉴 hover했을때 2차메뉴 안나오게 하기위해 주석처림 함*/

/*1차메뉴hover*/
.subVer #gnb .gnb_1dli:focus .gnb_1da,
.subVer #gnb .gnb_1dli:hover .gnb_1da,
.subVer #gnb .gnb_1dli.hov .gnb_1da {
	text-decoration: none;
}

.subVer.memberVer #gnb .gnb_1dli:focus .gnb_1da,
.subVer.memberVer #gnb .gnb_1dli:hover .gnb_1da,
.subVer.memberVer #gnb .gnb_1dli.hov .gnb_1da {
	text-decoration: none;
	color: #FFF !important;
}


/*2차메뉴hover*/
#gnb .gnb_2da:focus,
#gnb .gnb_2da:hover {
	font-weight: 500 !important;
	text-decoration: underline
}


.sub_top_tab > p a {
	width: 80%;
	font-size: 15px;
	display: block;
	line-height: 50px;
	background: #FFF url(../img/common/ico_down.png) no-repeat 95% center;
	background-size: 13px;
	border: 1px solid #343434;
	border-radius: 50px;
	padding: 0;
	letter-spacing: -1px;
	min-width: 190px;
	max-width: 300px;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	top: -30px;
	text-align: center;
}

.sub_top_tab > p a.on {
	background: #FFF url(../img/common/ico_up.png) no-repeat 95% center;
	background-size: 13px;

}

.sub_top_tab ul {
	display: none;
	position: absolute;
	background: #FFFF;
	width: 20%;
	top: 24px;
	left: 40%;
	border: 1px solid #000;
	border-radius: 30px;
	z-index: 10
}

.sub_top_tab ul.on {
	display: block
}

.sub_top_tab ul li {}

.sub_top_tab ul li a {
	color: #343434;
	display: block;
	line-height: 40px;
	font-size: 1em;
}

.sub_top_tab ul li a:hover {
	font-weight: 600;
	text-decoration: underline
}

#gnb_empty {
	padding: 10px 0;
	width: 100%;
	text-align: center;
	line-height: 2em
}

#gnb_empty a {
	text-decoration: underline
}

#hd .mobile_home {
	display: none;
}

#ft_menu {
	display: none
}

/* 중간 레이아웃 */
#wrapper {
	z-index: 5;
	margin: 0 auto;
	width: 100%;
	zoom: 1;
	background: #fff;
}

#wrapper:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#aside {
	float: right;
	margin: 0 0 0 -1px;
	width: 210px;
	border-left: 1px solid #dde4e9;
	background: #fff
}

#container_index {
	position: relative;
	width: 100%;
	height: auto !important;
	font-size: 1em;
	zoom: 1;
	overflow-x: hidden;
}

#container {
	width: auto;
	/* max-width:1500px; */
	margin: 0px auto;
	height: auto !important;
	background: #fff;
	font-size: 1em;
	zoom: 1;
	position: relative;
}

#container:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#scont_wrap {
	width: 100%;
	padding: 0;
	min-height: 0;
	margin-left: 0;
}

#scont_wrap2 {
	width: 100%;
	padding: 70px 0;
	min-height: 500px;
}

#scont {
	width: 100%;
	text-align: center;
	font-size: 15px;
}

/*서브-타이틀부분*/
#sub_title {
	position: relative;
	margin-bottom: 40px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

.container_title {
	font-size: 2.8em;
	color: #333;
	line-height: 1em;
	letter-spacing: -1.5px;
	font-weight: 400;
	text-align: left;
	text-indent: 10px;
}


/*푸터-카피라이터*/
#footer {
	width: 100%;
	height: auto;
	background: #333;
	padding-top: 30px;
	position: relative;
	z-index: 10
}

#footer .f_logo {}

#footer .footbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px;
}

#footer .footbox li {
	width: 30%;
}

#footer .footbox li:nth-child(1) {
	width: 40%;
}

#footer .footbox li:nth-child(3) {
	flex: 1;
}

#footer .footbox li .tit,
#footer .footbox li .tit label {
	color: #FFF;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 20px;
	opacity: .6
}

#footer .footbox li .txt {
	line-height: 30px;
	color: #FFF;
}

#footer .footbox li .txt span {
	display: inline-block;
	font-size: 1em;
	margin-right: 20px;
	font-weight: 300;
}

#footer .footbox li .txt span em {
	font-style: inherit;
	font-weight: 500;
	display: inline-block;
	margin-left: 6px;
}

#footer .footbox li .txt a {
	display: inline-block;
	width: 45px;
	height: 45px;
	background-size: auto !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	text-indent: -999em;
	overflow: hidden;
	margin-right: 0;
	opacity: .7;
}

/* #footer .footbox li .txt a:hover {background-color:#222 !important}
#footer .footbox li .txt .ico_kakao { background:#878787 url('../img/common/f_kakao.png') no-repeat center center; }
#footer .footbox li .txt .ico_insta { background:#878787 url('../img/common/f_ins.png') no-repeat center center; }
#footer .footbox li .txt .ico_band { background:#878787 url('../img/common/f_band.png') no-repeat center center; }
#footer .footbox li .txt .ico_youtube { background:#878787 url('../img/common/f_yt.png') no-repeat center center; }
#footer .footbox li .txt .ico_blog { background:#878787 url('../img/common/f_blog.png') no-repeat center center; } */
#footer .footbox li .txt .ico_kakao {
	background: url('../img/common/f_kakao.png') no-repeat center center;
}

#footer .footbox li .txt .ico_insta {
	background: url('../img/common/f_ins.png') no-repeat center center;
}

#footer .footbox li .txt .ico_band {
	background: url('../img/common/f_band.png') no-repeat center center;
}

#footer .footbox li .txt .ico_youtube {
	background: url('../img/common/f_yt.png') no-repeat center center;
}

#footer .footbox li .txt .ico_blog {
	background: url('../img/common/f_blog.png') no-repeat center center;
}

#footer .footbox li .txt a:hover {
	opacity: 1
}

#footer .fot_btm {
	line-height: 60px;
	background: #000;
	margin-top: 30px;
}

#footer .fot_btm .inr {
	display: flex;
	justify-content: space-between;
	color: #d0d0d0;
}

#footer .fot_btm p {
	font-size: 11px;
	word-break: keep-all;
}

#footer .fot_btm p a {
	display: inline-block;
	color: #FFF;
	margin-left: 20px;
	font-size: 14px;
}


.footer_in {
	width: 1100px;
	height: auto;
	padding: 50px 0 50px 280px;
	margin: 0 auto;
	background: url(../img/common/logo.gif) no-repeat left 50px/200px auto;
	position: relative;
}

.footer_in address {
	color: #777;
	margin-bottom: 5px;
	font-size: 1.1em;
}

.footer_in address h1 {
	font-size: 1.3em;
	line-height: 2.2em;
	color: #333;
	font-weight: normal;
	letter-spacing: 0;
}

.footer_in address p {
	overflow: hidden;
	letter-spacing: -0.2px;
	line-height: 1.7em;
}

.footer_in address strong {
	font-weight: normal;
}

.footer_in address p.co {
	font-size: 13px;
	letter-spacing: 0px;
	color: #999;
}

.footer_in p span {
	display: inline-block;
	margin-right: 10px;
}

/*퀵메뉴*/
/*#quick{ position:fixed; top:230px; right:20px; z-index:99999; width:115px; height:115px; border-radius:120px; background:#fff; border:1px solid #e61f21; text-align:center;
font-size:1.1em; font-weight:500; padding-top:17px; box-shadow:0px 2px 4px rgba(0,0,0,0.2);}
#quick a{ color:#b51416;}
#quick p{ font-size:1.5em; color:#444; line-height:1em; margin:5px 0 1px 0;}
#quick span{ color:#e61f21;}
*/
/*브라우저 상하단이동버튼*/
#gobtn {
	position: fixed;
	display: block;
	right: 30px;
	bottom: 50px;
	display: none;
	z-index: 9999;
}

.goHd,
.goFt {
	width: 40px;
	height: 40px;
	background: rgba(255, 255, 255, 0.6);
	z-index: 9999;
	text-indent: -9999px;
	border: 1px solid #858585;
	position: relative;
	transition: all 0.5s;
	box-shadow: 0px 0px 3px RGBA(0, 0, 0, 0.3);
	border-radius: 5px;
	display: block;
	margin-bottom: 3px;
}

.goHd span {
	position: absolute;
	top: 60%;
	left: 12px;
	display: block;
	width: 15px;
	height: 15px;
	border-left: 2px solid #666;
	border-top: 2px solid #666;
	border-radius: 2px;
	transform: translateY(-50%) rotate(45deg);
}

.goFt span {
	position: absolute;
	top: 40%;
	left: 12px;
	display: block;
	width: 15px;
	height: 15px;
	border-left: 2px solid #666;
	border-top: 2px solid #666;
	border-radius: 2px;
	transform: translateY(-50%) rotate(-135deg);
}

.goHd:hover,
.goFt:hover {
	background: #333;
	border: 1px solid #333
}

.goHd:hover span,
.goFt:hover span {
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
}




#hd {
	min-width: 100%;
	position: relative;
	border-bottom: 0;
}


/* 상단 메뉴*/
#topm {}

#topm_in {
	width: 100%;
}

/*언어*/
.fs {
	width: 100px;
	right: 3px;
}

.fs dt {
	line-height: 20px;
	font-size: 0.9em;
}

.fs dd {
	top: 22px;
}

.fs dd a {
	line-height: 20px;
}

#tnb {
	float: right;
	list-style: none;
	zoom: 1;
}

#tnb:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

#tnb li {
	float: left;
}

#tnb a {
	line-height: 30px;
	padding: 0 10px;
	font-size: 12px;
}

#logo {
	width: 240px;
	margin: 0px;
	margin-left: 30px;
	line-height: 82px;
}

#logo img {
	width: 100%;
}

/* 모바일 카테고리 왼쪽메뉴 */
#hd .nav_open {
	display: block;
	position: absolute;
	top: 22px;
	left: 0
}

#hd .nav_open a {
	font-size: 25px;
	display: inline-block;
	line-height: 30px;
	color: #666;
}

.fp-viewing-01 #hd .nav_open a {
	color: #FFF
}

#hd span {
	display: none;
	width: 20px;
	height: 2px;
	background: #FFF;
	margin-bottom: 6px;
}

#hd span:nth-of-type(1) {
	width: 10px
}

#hd span:nth-of-type(2) {
	width: 25px
}

#hd_tnb {
	margin: 40px 0 15px !important;
}

#hd_tnb li {
	float: left;
	width: 100%;
}

#hd_tnb li.adm,
#hd_tnb li.mod {
	width: 100%;
}

#hd_tnb li.adm a {
	background: #FFCF4D;
	color: #1a1a1a;
	font-weight: 600;
}

#hd_tnb li.mod a {}

#hd_tnb li a {
	color: #fff;
	background: #000;
	text-align: center;
	display: block;
	line-height: 35px;
	margin: 3px;
}

#navtoggle {
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	background: #FFF;
	overflow: auto;
	z-index: 102;
}

#navtoggle .close {
	padding: 5px;
	position: absolute;
	z-index: 1001;
	left: 20px;
	top: 20px;
	display: block;
	opacity: 1;
	width: 20px;
	height: 20px;
	background: url(../img/common/icon_close.png) no-repeat 50%
}

#navtoggle .scroll {
	position: relative;
	height: 100%;
	/*  overflow-y:scroll;  */
	padding: 5%;
}

#navtoggle ul li {
	padding: 0;
}

#navtoggle #left_menu {
	width: 100%;
	position: relative;
	height: 100%;
	text-align: left;
	top: 0;
	z-index: 1000;
	text-indent: 0;
}

#navtoggle #left_menu .titBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 20px;
	padding: 0 5%;
	background: #333;
	color: #FFF;
	line-height: 60px;
}

#navtoggle #left_menu .titBox h1 {
	font-size: 1.15em;
	font-weight: 300;
	flex: 1;
	;
	padding: 0;
	margin: 0;
	line-height: 60px;
}

#navtoggle #left_menu .titBox span {}

#navtoggle #left_menu .title {
	color: #000;
	line-height: 40px;
	font-size: 1.35em;
	padding: 10px 0 5px;
	border-bottom: 1px solid #9c9c9c;
	font-weight: bold;
	letter-spacing: -1px
}

#navtoggle .title {
	color: #000;
	line-height: 40px;
	font-size: 1.35em;
	padding: 10px 0 5px;
	border-bottom: 1px solid #9c9c9c;
	font-weight: bold;
	letter-spacing: -1px
}

#navtoggle #mgnb_1dul {}

/*1차메뉴*/
li.mgnb_1dli a.mgnb_1da {
	display: block;
	font-size: 1.3em;
	line-height: 3em;
	cursor: pointer;
	position: relative;
	border-bottom: 1px solid #ddd;
	color: #333 !important;
	padding-left: 5%;
	font-weight: 500;
}

li.mgnb_1dli a.mgnb_1da.on {
	border-bottom: 0;
}

li.mgnb_1dli a.mgnb_1da .fa-angle-down {
	position: absolute;
	right: 6%;
	top: 16px;
	font-size: 24px;
}

li.mgnb_1dli a.selected {
	color: #FFF;
	font-weight: 600;
	border-bottom: 0;
}

/*2차메뉴*/
ul.mgnb_2dul {
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding-top: 5px;
	padding-bottom: 15px !important;
	display: none;
}

li.mgnb_2dli a.mgnb_2da:before {
	/* content:""; display:inline-block; width:2px; height:2px; background:#fff; margin-right:4px; margin-bottom:3px; */
}

li.mgnb_2dli a.mgnb_2da {
	color: #555;
	display: block;
	font-size: 1.16em;
	line-height: 2em;
	text-indent: 5%;
	background: none;
	font-weight: 300
}


#container {
	width: 100%;
	margin: 0 auto;
}

#scont_wrap {
	margin-left: 0;
	padding: 0px 0 0 0;
	min-height: 600px;
	width: 100%;
}

#scont_wrap2 {
	padding: 20px 0;
	min-height: 300px;
}

#scont {
	padding: 0;
	width: 100%;
}

#sub_title {
	margin-bottom: 30px;
	text-align: center;
}

.container_title {
	font-size: 2em;
}

#footer {
	min-width: 100%;
	padding: 30px 0px 0;
}

.foot_menu {
	width: 100%;
}

.foot_menu .fm {
	width: 100%;
	text-align: center;
}

.foot_menu li {
	line-height: 50px;
	margin-right: 8px;
}

.foot_menu li a {
	font-size: 13px;
}

.footer_in {
	width: 100%;
	height: auto;
	padding-top: 60px;
	padding-left: 0;
	padding-bottom: 20px;
	background-position: center 20px;
	background-size: 130px;
	text-align: center;
}

.footer_in address {
	padding: 0 15px;
	text-align: center;
}

.footer_in address h1 {
	display: none;
}

.footer_in address p {
	font-size: 0.9em;
	line-height: 1.3em;
	display: inline-block;
}

.footer_in address p.co {
	font-size: 0.9em;
}


/*퀵메뉴*/
/*#quick{ position:fixed; top:auto; bottom:20px; right:auto; left:10px; width:50px; height:50px; line-height:50px; padding-top:0px; background:rgba(250,250,250,0.8); box-shadow:0px 1px 3px rgba(0,0,0,0.2);}
	#quick img{ width:25px; height:auto;}
	#quick p{ display:none;}*/

#gobtn {
	right: 10px;
	bottom: 20px;
}

 .fixed + #wrapper #gobtn {
	display: block!important;
}


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

	#gobtn {
		right: 10px;
		bottom: 80px;
	}
}


/* 게시물 선택복사 선택이동 */
#copymove {}

.copymove_current {
	float: right;
	color: #ff3061
}

.copymove_currentbg {
	background: #f4f4f4
}

/* 화면낭독기 사용자용 */
#hd_login_msg {
	position: absolute;
	top: 0;
	left: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

.msg_sound_only,
.sound_only {
	display: inline-block !important;
	position: absolute;
	top: -999em;
	left: -999em;
	margin: 0 !important;
	padding: 0 !important;
	font-size: 0;
	line-height: 0;
	border: 0 !important;
	overflow: hidden !important;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* 본문 바로가기 */
#skip_to_container a {
	z-index: 100000;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

#skip_to_container a:focus,
#skip_to_container a:active {
	width: 100%;
	height: 75px;
	background: #21272e;
	color: #fff;
	font-size: 2em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 3.3em
}

/* ie6 이미지 너비 지정 */
.img_fix {
	width: 100%;
	height: auto
}

/* ckeditor 단축키 */
.cke_sc {
	margin: 0 0 5px;
	text-align: right
}

.btn_cke_sc {
	display: inline-block;
	padding: 0 10px;
	height: 23px;
	border: 1px solid #ccc;
	background: #fafafa;
	color: #000;
	text-decoration: none;
	line-height: 1.9em;
	vertical-align: middle;
	cursor: pointer
}

.cke_sc_def {
	margin: 0 0 5px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #f7f7f7;
	text-align: center
}

.cke_sc_def dl {
	margin: 0 0 5px;
	text-align: left;
	zoom: 1
}

.cke_sc_def dl:after {
	display: block;
	visibility: hidden;
	clear: both;
	content: ""
}

.cke_sc_def dt,
.cke_sc_def dd {
	float: left;
	margin: 0;
	padding: 5px 0;
	border-bottom: 1px solid #e9e9e9
}

.cke_sc_def dt {
	width: 20%;
	font-weight: bold
}

.cke_sc_def dd {
	width: 30%
}


/* 사이드뷰 */
.sv_wrap {
	display: inline-block;
	position: relative;
	font-weight: normal
}

.sv_wrap .sv {
	z-index: 1000;
	display: none;
	margin: 5px 0 0;
	border: 1px solid #283646
}

.sv_wrap .sv a {
	display: inline-block;
	margin: 0;
	padding: 3px;
	width: 94px;
	border-bottom: 1px solid #283646;
	background: #111;
	color: #fff !important
}

.sv_wrap a:focus,
.sv_wrap a:hover,
.sv_wrap a:active {
	text-decoration: none
}

.sv_on {
	display: block !important;
	position: absolute;
	top: 10px;
	left: 20px;
	width: auto;
	height: auto
}

.sv_nojs .sv {
	display: block
}

/* 페이징 */
.pg_wrap {
	clear: both;
	margin: 0 0 20px;
	padding: 20px 0 0;
	text-align: center
}

.pg {}

.pg_page,
.pg_current {
	display: inline-block;
	padding: 0 8px;
	height: 25px;
	color: #000;
	letter-spacing: 0;
	line-height: 2.2em;
	vertical-align: middle
}

.pg a:focus,
.pg a:hover {
	text-decoration: none
}

.pg_page {
	background: #e4eaec;
	text-decoration: none
}

.pg_start,
.pg_prev {
	/* 이전 */
}

.pg_end,
.pg_next {
	/* 다음 */
}

.pg_current {
	display: inline-block;
	margin: 0 4px 0 0;
	background: #333;
	color: #fff;
	font-weight: normal
}

/* Mobile화면으로 */
#device_change {
	display: block;
	margin: 0.3em;
	padding: 0.5em 0;
	border: 1px solid #eee;
	border-radius: 2em;
	background: #fff;
	color: #000;
	font-size: 2em;
	text-decoration: none;
	text-align: center
}

/*메일인증*/
.rg_em {
	margin-top: 5px
}

.rg_em caption {
	padding: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden
}

/*캡챠 모바일에서 피시버젼*/
#captcha.m_captcha audio {
	display: block;
	margin: 5px 0 10px;
}

#captcha.m_captcha #captcha_key {
	margin-left: 3px
}

#captcha.m_captcha #captcha_reload span {
	background: none;
	display: inline
}

#captcha.m_captcha #captcha_reload {
	position: relative;
	width: auto;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 10px;
	height: 43px;
	border: 0;
	background: #e4eaec;
	vertical-align: middle;
	overflow: hidden;
	cursor: pointer
}


@media screen and (max-width:1550px) {
	#footer .footbox {
		flex-direction: column;
		margin-top: 20px
	}

	#footer .footbox li {
		width: 100% !important;
		margin-bottom: 10px;
	}

	#footer .footbox li .tit,
	#footer .footbox li .tit label {
		margin-bottom: 8px;
	}

	#footer .fot_btm .inr {
		flex-direction: column-reverse;
		padding: 10px 0;
	}

	#footer .fot_btm p {
		line-height: 35px;
		text-align: center;
	}

	#footer .fot_btm p.copy {
		color: #898989;
	}


	#ft_menu {
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		-webkit-backdrop-filter: blur(30px) saturate(2);
		backdrop-filter: blur(30px) saturate(2);
		background-color: rgba(255, 255, 255, 0.8);
		padding: 8px 0 0;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
		z-index: 99;
	}

	#ft_menu ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 6%;
	}

	#ft_menu li {
		float: left;
		width: 20%;
		text-align: center;
		padding: 0 0 10px;
	}

	#ft_menu li a {
		color: #666;
		font-size: 14px
	}

	#ft_menu li img {
		display: block;
		height: 22px;
		margin: 6px auto;
	}

	#ft_menu li p {
		font-size: 0.8em;
		line-height: 1em;
		color: #1a1a1a;
		opacity: 0.5;
	}

	#ft_menu li.on p {
		font-weight: 600;
		color: #1a1a1a;
		opacity: 1;
	}

	#logo {
		margin-left: 61px;
		line-height: 60px;
	}

}

@media (max-width:1460px) {
	#gnb .top_s_btn {
		display: none
	}
}

@media (max-width:1400px) {

}

@media (max-width:1550px) {
	#gnb {
		display: none
	}

	#hd span {
		display: block
	}

	.subVer.bordVer #hd_wrapper {}

	#hd.subVer.bordVer .nav_open {
		left: 3%;
	}

}

@media(max-width:999px){
	
	#hd_wrapper .login_sec {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: absolute;
		top: 15px;
		right: 0px;
	}

	#hd.subVer.bordVer #hd_wrapper .login_sec,
	#hd.fixed #hd_wrapper .login_sec {
		right: 20px;
	}

	#hd_wrapper .login_sec li {
		color: #FFF !important;
		text-align: right;
		font-size: 0.6em;
		line-height: 1.3em;
	}

	#hd_wrapper .login_sec li strong {
		padding: 0 2px;
	}

	#hd_wrapper .login_sec li strong.level01,
	#hd_wrapper .login_sec li strong.level02 {
		color: #56A0D5 !important;
	}

	#hd_wrapper .login_sec li strong.level03 {
		color: #cfcfd1 !important;
	}

	#hd_wrapper .login_sec li strong.level04 {
		color: #d5a92e !important;
	}

	#hd_wrapper .login_sec a {
		font-size: 0.9em;
		padding: 0 0 0 5px;
		color: #FFF !important;
		display: block;
	}

	#hd_wrapper .login_sec a img {
		width: 15px;
		height: 16px;
		object-fit: cover;
		margin-right: 3px;
		margin-top: -2px;
	}

	#hd_wrapper .login_sec li img {
		height: 20px;
		margin: 0;
	}

	.subVer.bordVer #hd_wrapper .login_sec li,
	#hd_wrapper .login_sec a.ver_b {
		color: #222 !important
	}

	.subVer.fixed #hd_wrapper .login_sec li,
	.subVer.fixed #hd_wrapper .login_sec a.ver_b {
		color: #FFF !important;
	}
}
@media screen and (max-width:768px) {
	p {
		word-break: keep-all;
	}

	#hd.subVer.memberVer #hd_wrapper {
		top: 10px;
		width: 94%;
		right: 0;
	}

	.subVer.fixed #hd_wrapper {
		left: 0;
		width: 100%;
		top: 0;
		display: block;
	}

	.mainVer #hd_wrapper {
		left: 3%;
		width: 90%;
		z-index: 10;
		top: 10px
	}

	#hd.mainVer.fixed #hd_wrapper {
		left: 0;
		top: 0;
		right: 0;
		background: #222;
		width: 100%;
		border-radius: 0;
		padding: 0 3%;
	}

	.mainVer #logo {
		padding: 0;
		width: auto;
		line-height: 60px;
		margin-left: 30px;
	}

	#hd.mainVer.fixed #hd_wrapper .nav_open {
		left: 10px;
		position: relative;
	}

	#hd.mainVer.fixed #hd_wrapper #logo a {
		color: #FFF
	}

	.mainVer#hd.fixed span {
		background: #FFF
	}

	#hd .nav_open {
		top: 6px;
		/* right: 10px; */
		padding: 16px 0;
	}

	#hd.subVer.bordVer .nav_open {
		left: 3%
	}

	#hd.subVer .nav_open {
		top: 0;
		width: 40px;
		padding-bottom: 10px;
		top: 6px;
	}

	.sub_top_tab ul {
		width: 100%;
		left: 0;
	}

	.sub_top_tab > p a {
		max-width: inherit;
		min-width: inherit;
		margin-left: inherit;
		transform: translate(-50%, 0);
	}

	#footer .footbox {
		flex-direction: column;
		margin-top: 0px
	}

	#footer .footbox > * {
		width: 100% !important
	}

	#footer .fot_btm .inr {
		flex-direction: column-reverse;
	}

	#footer .fot_btm {
		line-height: 1.5;
		padding: 25px 0;
		text-align: center;
	}

	#footer .fot_btm p a {
		margin-left: 0;
		margin: 0 5px 15px
	}

	#footer .footbox li .txt {
		line-height: 1.5
	}

	#footer .footbox li .tit,
	#footer .footbox li .tit label {
		margin-bottom: 10px
	}

	#footer .footbox li {
		margin-top: 20px
	}

	#footer .footbox li .txt span {
		font-size: 0.9em
	}

	#logo {
		width: auto;
		margin-left: 40px;
		line-height: 60px;
	}

	#logo a {
		font-size: 13px;
		font-weight: 500;
		line-height: 60px;
	}

	#hd_wrapper .top_s_btn a {
		font-size: 14px
	}


}



#member_wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#member_wrap ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	text-align: right;
}

#member_wrap li.level_wrap,
.subVer.bordVer #member_wrap li.level_wrap {
	width: 100%;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

.fp-viewing-01 #member_wrap li.level_wrap,
.subVer #member_wrap li.level_wrap,
.subVer.bordVer.fixed #member_wrap li.level_wrap {
	color: #fff;
}

#member_wrap li.level_wrap img {
	height: 30px;
	margin: 0 5px 0 0;
}

#member_wrap li.level_wrap strong {
	padding: 0 5px;
}

#member_wrap li.level_wrap strong.level01,
#member_wrap li.level_wrap strong.level02 {
	color: #56A0D5 !important;
}

#member_wrap li.level_wrap strong.level03 {
	color: #cfcfd1 !important;
}

#member_wrap li.level_wrap strong.level04 {
	color: #d5a92e !important;
}

#member_wrap li a {
	padding: 0 10px;
	position: relative;
	font-size: 0.9em;
	opacity: 0.5;
}

#member_wrap li a:hover {
	opacity: 1;
}

#member_wrap li a::after {
	content: '';
	position: absolute;
	right: 0;
	top: 5px;
	width: 1px;
	height: 10px;
	background: #fff;
	opacity: 0.5;
}

#member_wrap li:last-child a::after {
	display: none;
}


.color_gold {
	color: #7C6AE6 !important;
}

.btn_gradi {
	background: linear-gradient(45deg, #7C6AE6, #56A0D5);
}

.btn_gold {
	background: #7C6AE6;
}

.btn_brown {
	background: #56A0D5;
}

.btn_gray {
	background: #999999;
}

#ft_qr {
	display: block;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80px;
	-webkit-backdrop-filter: blur(30px) saturate(2);
	box-shadow: 0 0 10px rgb(0 0 0 / 20%);
	z-index: 99;
	display: flex;
	align-items: center;
	justify-content: center;
}

#ft_qr a {
	font-size: 1.3em;
	font-weight: 600;
	color: #fff;

	width: 100%;
	height: 100%;
	text-align: center;
	line-height: 80px;
}


#qr_span img {
	width: 100%;
	max-width: 290px;
	min-width: 200px;
}

.justi_center {
	display: flex;
	height: 80vh;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

span.under_point {
	position: relative;
	padding: 0;
	margin: 0;
}

span.under_point::before {
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: 0;
	background: linear-gradient(45deg, #7C6AE6, #56A0D5);
	opacity: 0.3;
	z-index: -1;
	width: 100%;
	height: 10px;
}