@charset "utf-8"; 
/* copyright(c) WEBsiting.co.kr */
/* 초기화 */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable.min.css");


html {
	overflow-y:scroll; 
	overflow-x:hidden; 
}
body {margin:0; padding:0; font-size:0.75em; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; background:#fff; min-width:280px; }
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: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }

ul, dl,dt,dd {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; } */
label, input, button, select, img {vertical-align:middle; font-size:17px; }
input, button {margin:0; padding:0; font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1em; }
input[type="submit"],
button {cursor:pointer; -webkit-appearance: none; -webkit-border-radius: 0; }

textarea, select {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; font-size:1em; }
select {margin:0; }
p {margin:0; padding:0; word-break:break-all; }
hr {display:none; }
pre {overflow-x:scroll; font-size:1.1em; }
a {color:#000; text-decoration:none; }
img{max-width:100%; }
.draggable{height:auto !important; }
.clb{clear:both; }
.center{text-align:center; }

*, :after, :before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

input[type=text],input[type=password], textarea {-webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
input[type=text]:focus,input[type=password]:focus,  textarea:focus,select:focus {-webkit-box-shadow:  0 0 5px #9ed4ff; -moz-box-shadow:  0 0 5px #9ed4ff; box-shadow: 0 0 5px #9ed4ff; border: 1px solid #558ab7 !important; }
.placeholdersjs { color: #aaa !important; }

.displayNoneImportant{display:none !important; }

/* 팝업레이어 */
#hd_pop {position:absolute; left:0px; top:0px; z-index:1000; width:100%; height:0;}
#hd_pop h2 {position:absolute; font-size:0; line-height:0; overflow:hidden; }
.hd_pops {position:absolute; border:1px solid #666; background:#fff; max-width:90%;  box-shadow:0px 0px 20px rgba(0,0,0,0.2),0px 0px 14px rgba(0,0,0,0.5),0px 0px 20px rgba(0,0,0,0.2);  -webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease; }
.hd_pops img{max-width:100%; }
.hd_pops_con {max-width:100%; }
.hd_pops_footer {height:50px; padding: 0; background:#000; color:#fff; text-align:left; position:relative;}
.hd_pops_footer:after {display:block; visibility:hidden; clear:both; content:""; }
.hd_pops_footer button { height:30px; line-height:30px; padding:0 15px; border:0; color:#fff; }
.hd_pops_footer .hd_pops_reject{background:#222;; text-align:left;  margin:10px 0 0 10px;color:#c1ad9a;}
.hd_pops_footer .hd_pops_reject strong{color:#fff; font-size:1.4em; display:inline-block; padding-right:3px;}
.hd_pops_footer .hd_pops_reject strong:before{content:'';display:inline-block; width:18px; height:18px; vertical-align:middle; background:URL(../img/ico_eye_slash.png) no-repeat center center; background-size:100% auto; margin-right:6px;}
.hd_pops_footer .hd_pops_close{text-indent:-99999999px; overflow:hidden;background:URL(../img/close_btn.gif) no-repeat center center #393939; color:#393939; position:absolute; top:0px; right:0px; width:50px; height:50px; line-height:50px; padding:0px;text-align:center;}
.hd_pops_footer button:hover{background:#333;}
.hd_pops_footer button:hover.hd_pops_close{background:URL(../img/close_btn.gif) no-repeat center center #666;}
@media all and (max-width: 980px)
{	
	#hd_pop  .hd_pops{left:5% !important; top:70px !important; max-width:90% !important; }
	.hd_pops_con{height:auto !important; }
	.hd_pops_footer{font-size:11px; letter-spacing:-0.05px; }
}





/* 상단 레이아웃 */
#hd {min-width:320px; position:fixed; width:100%; left:0px; top:0px; z-index:9999; background:#fff; }
#hd_h1 {position:absolute; font-size:0; line-height:0; overflow:hidden; }

#hd_wrapper {position:relative; margin:0 auto; padding:0px 0; width:100%; zoom:1; }
#hd_wrapper:after {display:block; visibility:hidden; clear:both; content:""; }

#sbn_side{position:absolute; top:20px; right:0; }

#tnb {width:100%; max-width:1200px; margin:0 auto; }
#tnb h3 {position:absolute; font-size:0; line-height:0; overflow:hidden; }
#tnb ul {margin:0 auto; width:100%px; zoom:1; }
#tnb ul:after {display:block; visibility:hidden; clear:both; content:""; }
#tnb li {float:right; margin-bottom:-1px; font-size:0.92em; }
#tnb a {display:inline-block; padding:0 10px; color:#666; height:35px; line-height:35px; }
#tnb a:focus, #tnb a:hover {color:#000; }
#tnb .tnb_admin a{color:#ff0000; }
#tnb .tnb_left{float:left; }
#tnb .tnb_left a{; padding:0 14px; }
#tnb .tnb_cart{border-right:1px solid #ddd; }
#tnb .tnb_community{border-right:1px solid #ddd; }
#tnb .tnb_community i{font-size:15px; }
#tnb .tnb_community{background:#e7e7e7; font-weight:bold; }
#tnb .tnb_community:focus, #tnb .tnb_community:hover {color:#333; border-bottom:0; }
#tnb .tnb_community a{color:#253dbe; border-bottom:1px solid #e7e7e7; }
#tnb .tnbIco{font-size:18px; }

#hd_qnb{float:right; margin-top:20px; }
#hd_qnb:after {display:block; visibility:hidden; clear:both; content:""; }
#hd_qnb li{float:left; font-size:1.083em; line-height:15px; position:relative; text-align:center; margin:0 10px; }
#hd_qnb li span {display:block; margin-top:5px; font-size:0.92em; }
#hd_qnb li a{display:block; }
#hd_qnb li i{display:inline-block; width:40px; line-height:40px; border-radius:25px; background:#fff; text-align:center; margin:0; color:#fff; }
#hd_qnb .visit .visit-num{display:inline-block; line-height:18px; padding:0 5px; border-radius:10px; background:#f04e00; color:#fff; font-size:10px; position:absolute; top:0; right:0; }
#hd_qnb li .fa-question{background:#e83a5f; font-size:20px; }
#hd_qnb li .fa-question:hover{background:#e41b45; }
#hd_qnb li .fa-comments{background:#82c13f; font-size:16px; }
#hd_qnb li .fa-comments:hover{background:#5aa708; }
#hd_qnb li .fa-users{background:#f0ba00; font-size:15px; }
#hd_qnb li .fa-users:hover{background:#f06f00; }
#hd_qnb li .fa-history{background:#8522c4; font-size:15px; }
#hd_qnb li .fa-history:hover{background:#6700a9; }


#hd.scDown #gnb::after,
#hd.gnb_hover #gnb::after {
	content: '';
	position:absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #e2e2e2;
	bottom: 0;
	left: 0;
}

#hd #gnb::after, 
#hd #gnb::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    bottom: 0;
    left: 0;
}

/* 메인메뉴 */
#logo {
	position: relative;
	width: 180px;
	/* flex-basis: 180px; */
	/* width: 12vw; */
	aspect-ratio: 4 / 1;
	overflow: hidden;
}
#logo a{
	position: absolute;
	inset: 0;
	display:block; 
}

#logo a img {
	transform: translateY(-53%);
}
/* #logo img{display:block; width: 100%; } */

#gnb{
	position:relative; 
	/* border-bottom:1px solid #e2e2e2;  */
	height: 110px;
	display: flex;
	align-items: center;
}
#gnb h2{position:absolute; font-size:0; line-height:0; overflow:hidden; }

#gnb .gnb_wrap{
	margin:0 auto; 
	max-width: 1920px;
	width:100%; 
	padding-inline: 85px; 
	position:relative; 
	display: flex; 
	justify-content: space-between;
	align-items: center;
}

#gnb .gnb_wrap .nav_bg {
	content: '';
	display: block;
	position: absolute;
	width: 100%;
	left: 0;
	top: 110px;
	height: 0;
	background: #fff;
	transition: .4s;
}




/* #gnb #gnb_1dul {float:right; font-size:1.083em; padding: 0; zoom:1; } */
#gnb ul:after {display:block; visibility:hidden; clear:both; content:""; }
/* #gnb .gnb_1dli{float:left; position:relative; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

#gnb .gnb_1dli .gnb_1da{height:80px; line-height:80px; padding:0 20px; font-size:14px; color:#666; position:relative; }
#gnb .gnb_1dli:hover .gnb_1da{color:#000; }
#gnb .gnb_1dli .gnb_1da u{display:block; width:1px; height:3px; position:absolute; left:50%; bottom:0px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#gnb .gnb_1dli:hover .gnb_1da u{background:#333; width:50%; margin-left:-25%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.gnb_1dli .bg{display:inline-block; width:0px; height:0px; overflow:hidden; text-indent:-999px; }
.gnb_1da {display:inline-block; font-weight:bold; color:#fff; text-decoration:none; }

.gnb_2dul {display:none; position:absolute; top:80px; left:50%; margin-left:-90px; width:180px; background:#fff; padding: 0; border:1px solid rgba(0,0,0,0.2); background:#333; border-top:0px; overflow:hidden; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
#gnb .gnb_1dli:hover .gnb_2dul{display:block; }
.gnb_2dli{border-top:1px solid rgba(0,0,0,0.2); width:100%; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
.gnb_2dli:first-child{border:0; }
.gnb_2da {display:block; padding:13px; line-height:1.4em; color:rgba(255,255,255,0.8); text-align:left; text-decoration:none; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
a.gnb_2da:hover{background:rgba(0,0,0,0.5); color:#fff; padding:13px 8px 13px 18px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

.gnb_1dli_air .gnb_2da {}
.gnb_1dli_on .gnb_2da {}
.gnb_2da:focus, .gnb_2da:hover {color:#fff; }
.gnb_1dli_over .gnb_2dul {display:block; }
.gnb_1dli_over2 .gnb_2dul {display:block; }
.gnb_wrap .gnb_empty {height:80px; ;  text-align:center; line-height:80px; color:#666; }
.gnb_wrap .gnb_empty a{color:#000; text-decoration:underline; }
.gnb_wrap .gnb_al_ul .gnb_empty, .gnb_wrap .gnb_al_ul .gnb_empty a{color:#555; }

.allSchBoxWr{z-index:9999; } */

#gnb #gnb_1dul {
	max-width: 980px;
	width: 100%;
	height: 110px;
	display: flex;
	margin: 0 auto;
	justify-content: space-between;
}

.gnb_1dli {
	width: 20%;
	text-align: center;
	position: relative;
}

.gnb_1dli:hover {
	background: #f6f6f6;
}

.gnb_1dli u {
	position: absolute;
	display: block;
	width: 100%;
	height: 1px;
	background: #0074b7;
	z-index: 999;
	bottom: 0;
	opacity: 0;
	transform: scale(0);
	transition: .3s;
}

.gnb_1dli:hover u {
	opacity: 1;
	transform: scale(1);
}

.gnb_1dli:hover > .gnb_2dul {
	background: #f6f6f6;
}

.gnb_1da {
	display: block;
	font-size: 19px;
	font-weight: 700;
	color: #262626;
	line-height: 110px;
}

.gnb_1dli .bg{display:inline-block; width:0px; height:0px; overflow:hidden; text-indent:-999px; }

.gnb_1dli .gnb_2dul {
	position: absolute;
	top: 110px;
	left: 0;
	width: 100%;
	padding-block: 24px;
	box-sizing: border-box;

	opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.5s;
}

#hd.gnb_hover .gnb_2dul{
	opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.gnb_2da {
	display: block;
	padding: 10px 20px;
	font-size: 16px;
	color: #262626;
	line-height: 1.5;
	word-break: keep-all;
}

.allSchBoxWr {
	position: absolute;
	display: flex;
	right: 80px;
	/* gap: 20px; */
}

#btnSchbox .icon_search::after {
	content: url('../img/icon_search.png');
}

#btnAllMenu .icon_menu::after {
	content: url('../img/icon_menu.png');
}

#hd.scDown #btnSchbox .icon_search::after,
#hd.gnb_hover #btnSchbox .icon_search::after {
	content: url('../img/icon_search.png');
}

#hd.scDown #btnAllMenu .icon_menu::after,
#hd.gnb_hover #btnAllMenu .icon_menu::after {
	content: url('../img/icon_menu.png');
}

#btnSchbox, 
#btnAllMenu{
	display:inline-flex; 
	align-items: center;
	/* height:80px;  */
	/* line-height:80px;  */
	padding:0 4px; 
	/* font-size:20px;  */
	cursor:pointer; 
	border:0px; 
	background:transparent; 
}
#allSchBox{display:none; position:absolute; right:0px; top:50%; margin-top:-20px; }
#allSchBox fieldset{position:relative; width:250px; border:2px solid #000; background:#fff; overflow:hidden; }
#allSchBox fieldset #sch_stx{border:0px; width:100%; height:40px; padding-left:10px; }
#allSchBox fieldset #sch_submit{width:40px; height:40px; line-height:40px; position:absolute; right:40px; top:0px; background:none; border:0px; color:#000; font-size:18px; text-align:center; }
#allSchBox fieldset #allSchBoxClose{width:40px; height:40px; line-height:40px; position:absolute; right:0px; top:0px; background:#000; color:#fff; font-size:18px; text-align:center; cursor:pointer; }


#btnAllMenu.view-1440 {
	display: none;
}

@media all and (max-width:1440px){
	#gnb #gnb_1dul{
		display: none;
	}

	#gnb .gnb_wrap{
		width:92%; 
		padding-inline: 0px; 
	}

	#gnb .gnb_wrap .nav_bg {
		display: none;
	}

	#btnAllMenu.view-1440 {
		display: block;
	}

	.allSchBoxWr {
		right: 0;
	}

	#btnSchbox, 
	#btnAllMenu{
		padding:0 0 0 40px; 
	}
}



/* 중간 레이아웃 */
#ctWrap{
	width:100%; 
	/* margin:0 auto 100px;  */
	margin:0; 
}

#page_title {
	width:100%; 
	/* text-align:center;  */
	background-color:#fff; 
	color:#fff; 
	/* padding-block: 120px 132px; */
	border-bottom:1px solid #c6c6c6; 
	position: relative;
}

#page_title::after {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #e1e1e1;
	bottom: -121px;
}

#page_title .mainContents {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
	position: relative;
	overflow: unset;
	height: 300px;
}
#page_title .page_title_in {
	/* padding:80px 20px;  */
}
#page_title .page_title_in h2 {
	/* margin:0 auto; 
	width:90%;
	max-width:1100px;  */
}
#page_title .page_title_in h2 > strong{
	display:block; 
	font-size:40px; 
	height:80px; 
	line-height:120px; 
	/* padding:40px 0 10px 0;  */
	width:100%; 
	margin:0 auto; 
	overflow:hidden; 
	text-overflow:ellipsis;
	white-space:nowrap; 
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; 
	transition-duration: 0.2s; transition-timing-function: ease; 
	color: #fff;
}

#page_title.on .page_title_in h2 > strong {
	line-height:80px; 
	padding:0 0 10px 0; 
	-webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; 
	transition-duration: 0.8s; 
	transition-timing-function: ease; 
}

#page_title.on .page_title_in h2 .titleBbar {width:10%;  min-width:80px;display:block; margin:0 auto;filter:Alpha(opacity=80); opacity:0.8; -moz-opacity:0.8; -webkit-transition-duration: 0.8s; -webkit-transition-timing-function: ease; transition-duration: 0.8s; transition-timing-function: ease; } 

.pgLoadStand{height:1px; -webkit-transition-duration: 0.3s; -webkit-transition-timing-function: ease; transition-duration: 0.3s; transition-timing-function: ease; }
.pgLoadOK{height:auto !important; -webkit-transition-duration: 0.6s; -webkit-transition-timing-function: ease; transition-duration: 0.6s; transition-timing-function: ease; }



#container {
	width:100%; 
	min-height:200px;  
	height:auto; 
	margin: 120px auto 0;
	/* font-size:1em; 
	zoom:1;  */
	/* padding-block: 100px; */
}

@media all and (max-width:768px){

	#page_title .page_title_in h2 > strong {
		/* display:none; */
		font-size: 32px
	}

	#page_title::after {
		display: none;
	}

	#page_title .mainContents {
		height: 180px;
	}

	.subTopLocNav {
		width: 100%; 
		margin:0 auto; 
		max-width:1px; 
		margin:-30px auto 10px; 
		position:relative; 
		z-index:99; 
		display:none;
		filter:Alpha(opacity=0); 
		opacity:0; 
		-moz-opacity:0;
	}

	/* .leftMenuUseFlase .subTopLocNav{display:block; }
	.leftMenuUseFlase .subTopLocNav.nonTitle{display:none !important; }
	.subTopLocNav:after{content:'';display:block; clear:both;} */
	.subTopLocNav .loc1DA,
	.subTopLocNav .loc2DA {
		display:block; 
		cursor:pointer; 
		width:100%; 
		/* float:left;  */
		height:60px; 
		line-height:60px; 
		background:#fff; 
		border-bottom: 1px solid #ddd; 
		font-size:16px; 
		/* position:relative; */
		position:absolute;
		top: -14px;
		color: #0074b7;
	}
	.subTopLocNav .loc1DA u,
	.subTopLocNav .loc2DA u{display:block; width:1px; height:1px; 
		/* background:#000; */
		background:#0074b7;
		filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; position:absolute; left:50%; bottom:0px;-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease;}
	.subTopLocNav .loc1DA.on u,
	.subTopLocNav .loc2DA.on u,
	.subTopLocNav a:hover.loc1DA u,
	.subTopLocNav a:hover.loc2DA u{left:0px; width:100%;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
	.subTopLocNav .loc1DA b,
	.subTopLocNav .loc2DA b{display:block; text-align:center; height:60px; line-height:60px; margin:0 36px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.subTopLocNav .loc2DA{margin-left:0;}
	.subTopLocNav .loc2DA b i{display:none;}

	.subTopLocNav .loc1DA i{transform: rotate(-90deg);}
	.subTopLocNav .loc1DA i,
	.subTopLocNav .loc2DA i{display:block; width:26px; height:26px; text-align:center; line-height:26px; border-radius:50%; font-size:20px; color:#999; position:absolute; right:10px; top:50%; margin-top:-13px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

	.subTopLocNav .loc1DA.on i,
	.subTopLocNav .loc2DA.on i{transform: rotate(180deg); color:#000;}

	.subTopLocNav .loc2DA {
		background-image: url('../img/mobile_lnbbtn_down.svg');
		background-repeat: no-repeat;
		background-position: 95% center;
	}

	.subTopLocNav .loc2DA.on {
		background-image: url('../img/mobile_lnbbtn_up.svg');
	}

	.bNBar2D .snb2d.active a b {
		color: #0074b7;
	}

	#container {
		width:100%; 
		min-height:200px;  
		height:auto; 
		margin: 60px auto 0;
		/* font-size:1em; 
		zoom:1;  */
		/* padding-block: 100px; */
	}
	
	#ctt_con .section:first-child {
		padding-top: 0;
	}

}

.locHomeDA{width:60px; height:60px; text-align:center; line-height:60px; position:absolute; left:0px; top:0px; background:#fff; font-size:18px; border:1px solid #ddd; color:#999;}

.bNBar1D, 
.bNBar2D{
	width:50%;
	position:absolute; 
	top:60px; 
	/* border-bottom:3px solid #000;  */
	display:none;
	box-shadow:0px 0px 10px rgba(0,0,0,0.1),0px 0px 14px rgba(0,0,0,0.1),0px 0px 10px rgba(0,0,0,0.1);
}
.bNBar1D{left:0px;}

.bNBar2D{
	/* left:50%;  */
	left:0; 
	margin-left:0;
	width: 100%;
	top: 37px;
}

.bNBar2D .snb,
.bNBar2D .snb h2{display:none;}
.bNBar2D .snb.active{display:block;}

.bNBar1D .snb h2 a,
.bNBar2D .snb2d a{
	display:block;
	text-align: center;
}
.bNBar1D .snb h2 a b,
.bNBar2D .snb2d a b{
	display:block; 
	background:#fff; 
	color:#666; 
	padding:15px; 
	font-size:16px; 
	border:1px solid #ddd; 
	border-top:0px;  
	-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; 
	transition-duration: 0.2s; 
	transition-timing-function: ease; 
}

.bNBar2D .snb2d a b i {
	display: none;
}

.bNBar1D .snb h2 a:hover b,
.bNBar2D .snb2d a:hover b{background:#f7f7f7; color:#666;}
.bNBar1D .snb.active h2 a b,
.bNBar2D .snb2d.active a b{background:#fff;}

.subTopLocNav2Don {max-width:960px;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav2Doff .loc1DA i{transform: rotate(0deg);}
.subTopLocNav2Doff {max-width:600px;filter:Alpha(opacity=100); opacity:1; -moz-opacity:1;}
.subTopLocNav2Doff .loc2DA{display:none; }
.subTopLocNav2Doff .loc1DA,
.subTopLocNav2Doff .bNBar1D{width:100%;}




@media all and (min-width:769px){


	.bNBar1D .snb2dul{display:none;}
	
		.bNBar i,
		.bNBar em,
		.bNBar u{display:none !important;}
	
	
	
	
	.subTopLocNav2Don .loc2DA {
		display: none;
	}
	
	/* .subTopLocNav2Don .loc2DA {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
		max-width: 1400px;
		width: 90%;
	}
	
	.subTopLocNav2Don .loc2DA i {
		display: none;
	}
	
	.subTopLocNav2Don .loc2DA .bNBar2D {
		display: block;
	} */
	
	.bNBar2D {
		top:unset; 
		border-bottom: none; 
		box-shadow: none;
	}
	
	.bNBar2D {
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		max-width: 1400px;
		width: 90%;
		bottom: -120px;
	}
	
	.bNBar2D .snb2dul {
		display: flex;
		justify-content: start;
		gap: 55px;
	}
	
	.bNBar2D .snb2dul li {
		position: relative;
		/* max-width: 240px; */
		text-align: left;
		line-height: 1.6;
	}
	
	.bNBar2D .snb2dul li.on::after {
		content:'';
		display: block;
		width: calc(100% + 10px);
		height: 2px;
		background: #0074b7;
		position: absolute;
		left: -5px;
		bottom: 0px;
		z-index: 1000;
	}
	
	.bNBar2D .snb2dul li a b {
		position: relative;
		background: #fff !important;
		border: none;
		padding: 0 0 17px;
		font-size: 17px;
		color: #1f1f1f;
	}
	
	.bNBar2D .snb2dul li.on a b,
	.bNBar2D .snb2dul li a:hover b {
		color: #0074b7;
	}
	
	/* .bNBar2D .snb2dul li.on a b::after {
		content: '';
		display: block;
		position: absolute;
		width: calc(100% + 16px);
		height: 2px;
		background: #0074b7;
		bottom: -1px;
		left: -8px;
	} */
	
	}




.contentTitle{
	width:100%; 
	overflow:hidden; 
}
.contentTitle strong{display:block; float:left; color:#333; font-size:40px;}


.locationBar {
	display: none;
}

@media all and (min-width:981px){

	.locationBar{ 
		position: absolute;
		right: 0;
		bottom: -40px;
		display:block; 
		color:#4c4c4c; 
		font-weight:normal;
		font-size: 14px;
	}

	/* .locationBar i{color:#ddd; display:inline-block; padding:0 10px;} */
	.locationBar i{color:#ddd; display:inline-block; padding:0 6px;}
}
@media all and (min-width:981px)
{
	.leftMenuUseFlase .contentTitle{border-bottom:0px; padding-bottom:0px;}
	.leftMenuUseFlase .contentTitle strong{padding-bottom:15px;}
	.leftMenuUseFlase .contentTitle:after{content:'';display:block;margin:30px auto; clear:both; width:5%;  min-width:120px;height:1px; background:#000;}
}

#sideBar {
	float:left; 
	width:20%; 
	margin-top:0px;
}

	#snb{width:100%; margin-top:-50px;}
	#snb {width:100%;}
	#snb > li.snb{width:100%;display:none;}
	#snb > li.snb.active{display:block !important;}
	#snb > li > h2{width:100%;background:#111;}
	#snb > li > h2 a{display:block;position:relative;background:rgba(0,0,0,0.2); text-align:center; padding:80px 10px; color:#fff;font-family:'Noto Sans Korean','Malgun Gothic'}
	#snb > li > h2 a b{display:block;font-size:24px;overflow:hidden; word-break:keep-all;}
	#snb > li > h2 a sub{display:block;width:30%; margin:20px auto 0;height:1px; background:#fff; filter:Alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;}
	#snb > li .snb2dDown{display:none;}

	#snb > li > ul{margin-bottom:30px;}
	#snb > li > ul > li{border-top:1px dashed #ddd; margin-top:-1px;}
	#snb > li > ul > li:first-child{border-top:0px;}
	#snb > li > ul > li a{display:block;padding:15px;color:#666;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li a b{font-size:13px;}
	#snb > li > ul > li a:hover{background:#f3f3f3;padding-left:20px;color:#000;-webkit-transition-duration: 0.2s;-webkit-transition-timing-function: ease;transition-duration: 0.2s;transition-timing-function: ease;}
	#snb > li > ul > li.snb2d.active{}
	#snb > li > ul > li.snb2d.active a{background:#eaeaea; color:#000;}
	#snb > li > ul > li a{overflow:hidden;}
	#snb > li > ul > li a i{float:right;}

	.snb2dDown > u,
	.snb2dDown > i {
		display: none;
	}

	.snbCS{border:1px solid #efefef; padding:20px; }
	.snbCS dt{padding-bottom:10px; font-size:16px; font-weight:bold; color:#333; }
	.snbCS dd{font-size:11px; color:#999; }
	.snbCS dd strong{display:block; font-size:18px; padding-bottom:10px; color:#666; }
	.snbCS dd b{display:block; font-size:11px; }

/* 하단 레이아웃 */
	.customBan {width:100%; overflow:hidden; background:#efefef;}
	.customBan a{width:50%; float:left;display:block; position:relative;background:#222;overflow:hidden;}
	.customBan a img{display:block;width:100%;height:auto;filter:Alpha(opacity=50); opacity:0.5; -moz-opacity:0.5;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
	.customBan a:hover img{transform: scale(1.1);filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;}
	.customBan a .customBanTit{position:absolute;left:5%;right:5%;top:50%;margin-top:-30px;height:60px; line-height:60px;font-size:26px;color:#fff;font-weight:bold;text-align:center;}
	.customBan a .customBanTit u{display:block;margin:0 auto;width:50px;height:1px; background:#fff;-webkit-transition-duration: 0.6s;-webkit-transition-timing-function: ease;transition-duration: 0.6s;transition-timing-function: ease;}
	.customBan a:hover .customBanTit u{width:100px;}

	@media all and (max-width:800px){
		.customBan a{width:100%;}
		.customBan a .customBanTit{font-size:16px;}
	}

.mainContents {
	max-width: 1400px;
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

#page_title.subTopBg,
#page_title.subTopBg_,
#page_title.subTopBg_0,
#page_title.subTopBg_1,
#page_title.subTopBg_2,
#page_title.subTopBg_3,
#page_title.subTopBg_4,
#page_title.subTopBg_5 {
	background-image:URL("../img/subTopBg_default.jpg"); 
	background-size: cover;
    background-position: center center;
} 

#page_title.subTopBg_2 {
	background-image:URL("../img/subTopBg_02.jpg"); 
}
#page_title.subTopBg_3 {
	background-image:URL("../img/subTopBg_03.jpg"); 
}
#page_title.subTopBg_4 {
	background-image:URL("../img/subTopBg_04.jpg"); 
}
#page_title.subTopBg_5 {
	background-image:URL("../img/subTopBg_05.jpg"); 
}



#ctt_con .section:first-child {
	padding-top: 40px;
}













#footer {
	clear:both; 
	background:#202020;  
	color: rgba(255,255,255,0.5);
	line-height: 1.4;
}

#footer .mainContents {
	max-width: unset;
	max-width: 1920px;
	width: 100%;
    padding-inline: 80px;
}

#footer .footer_top {
	min-height: 150px;
	padding-block: 48px;
	display: flex;
	align-items: center;
	/* border-bottom: 1px solid rgba(255,255,255,0.3); */
	box-sizing: border-box;
}

#footer .footer_top .mainContents {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#footer .footer_top .mainContents .left {
	display: flex;
	gap: 40px;
	align-items: center;
	min-width: 550px;
}

#footer .footer_top .mainContents .left h2 {
	width: 180px;
}

#footer .footer_top .mainContents .left p {
	font-size: 17px;
}

#footer .footer_top .mainContents .right address {
	display: flex;
	flex-wrap: wrap;
	gap: 4px 26px;
	font-size: 17px;
	font-style: normal;
	justify-content: end;
	width: auto;
	text-align: right;
}

#footer .footer_top .mainContents .right address span:first-child {
	width: 100%;
}

#footer .footer_top .mainContents .right address span:nth-child(2),
#footer .footer_top .mainContents .right address span:nth-child(3) {
	position: relative;
}

#footer .footer_top .mainContents .right address span:nth-child(2)::after,
#footer .footer_top .mainContents .right address span:nth-child(3)::after {
	content: '';
	display: block;
	width: 1px;
	height: 14px;
	position: absolute;
	right: -14px;
	top: 5px;
	background: rgba(255,255,255,0.5);
}
#footer .footer_top .mainContents .right address span:last-child a {
	color: rgba(255,255,255,0.5);
}

#footer .footer_bottom {
	/* padding-block: 24px; */
	display: flex;
	align-items: center;
	height: 70px;
} 

#footer .footer_bottom ul {
	display: flex;
	justify-content: end;
	gap: 16px;
}

#footer .footer_bottom ul li a {
	font-size: 16px;
	color: #fff;
}

@media all and (max-width:1440px){
	#footer .mainContents {
		width: 92%;
		padding-inline: 0;
	}
}

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

	#footer .footer_top .mainContents {
		flex-direction: column;
		align-items: center;
		gap: 40px;
	}

	#footer .footer_top .mainContents .right address {
		text-align: center;
		justify-content: center;
	}

	#footer .footer_bottom ul {
		justify-content: center;
	}
}

@media all and (max-width:768px){
	#footer .footer_top .mainContents .left {
		flex-direction: column;
		gap: 20px;
		min-width: unset;
		align-items: center;
		width: 100%;
		text-align: center;
	}

	#footer .footer_top .mainContents .left h2 {
		width: 180px;
	}

	#footer .footer_top .mainContents .left p {
		font-size: 16px;
	}

	#footer .footer_top .mainContents .right address {
		font-size: 14px;
	}
}








#top_btn ,
#top_btn:hover{position:fixed; bottom:-53px; right:0px; width:50px; height:50px; line-height:50px; border:0; text-align:center; font-size:30px; z-index:999; color:#fff; background:#000;filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7;-webkit-transition-duration: 0.4s;-webkit-transition-timing-function: ease;transition-duration: 0.4s;transition-timing-function: ease;}

.scDown #top_btn{bottom:0px !important;}

#topID{display:block; position:absolute; left:0px; top:2px; }
.dashHr{display:block; clear:both; margin:30px 0; border:0px; border-top:3px dashed #ddd; }

.term_area{width:100%; position:relative; max-width:600px; }
.term_area header{position:absolute; left:0px; right:0px; top:0px; height:40px; background:#242424; color:#fff; }
.term_area header h1{font-size:16px; padding:0 10px; height:40px; line-height:40px; }
.term_area section{padding:50px 10px 30px 10px; overflow:auto; }
.term_area section p{padding:20px; white-space:pre-line; font-size:12px; color:#666; }
.term_area footer{position:absolute; left:0px; right:0px; bottom:0px; height:30px; line-height:30px; background:#ddd; color:#999; font-family:verdana; font-size:11px; text-align:center; }

/* TRANS */
.transOJ,
.transOJ:hover{-webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

/* 레이어팝업 2020-02-06*/
.noEmail{border:0px; width:100%; max-width:400px; background:#fff; text-align:center; }
.noEmail h3{font-size:18px; padding:20px; color:#000; text-align:center; }
.noEmail h4{padding:20px 0; font-size:11px; color:#666; text-align:center; }
.noEmail p{padding:20px; color:#999; font-size:12px; text-align:left; }

.bo_cate_link {display: inline-block;color: #c89b43;height: 20px;font-size:0.92em} /* 글제목줄 분류스타일 */

/* 게시물 선택복사 선택이동 */
#copymove {}
#copymove  .win_desc {text-align:center; display:block; }
#copymove  .tbl_wrap{margin:20px ; }
#copymove  .win_btn{padding:0 20px 20px; }
.copymove_current {float:right; background:#ff3061; padding:5px; color:#fff; border-radius:3px; }
.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:0; left:0; margin:0 !important; padding:0 !important; font-size:0; line-height:0; border:0 !important; overflow:hidden !important; }
/* 본문 바로가기 */
#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; }

/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block; position:relative; }
#captcha legend {position:absolute; margin:0; padding:0; font-size:0; line-height:0; text-indent:-9999em; overflow:hidden; }
#captcha #captcha_img {; height:40px; border:1px solid #898989; ; vertical-align:top; padding:0; margin:0; }
#captcha #captcha_mp3 {; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat; text-indent:-999px; ; border-radius:3px; }
#captcha #captcha_reload {margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; border-radius:3px; }
#captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top; }
#captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em; }

/* 캡챠 자동등록(입력)방지 기본 - mobile */
#captcha.m_captcha audio {display:block; margin:0 0 5px; width:187px; }
#captcha.m_captcha #captcha_img {; height:40px; border:1px solid #898989; ; vertical-align:top; padding:0; margin:0; }
#captcha.m_captcha #captcha_reload {position:static; margin:0; padding:0; width:40px; height:40px; border:0; background:transparent; vertical-align:middle; overflow:hidden; cursor:pointer; background:url('../../../img/captcha2.png') no-repeat  0 -40px; text-indent:-999px; }
#captcha.m_captcha #captcha_reload span{display:none; }
#captcha.m_captcha #captcha_key {margin:0 0 0 3px; padding:0 5px; width:90px; height:40px; border:1px solid #ccc; background:#fff; font-size:1.333em; font-weight:bold; text-align:center; border-radius:3px; vertical-align:top; }
#captcha.m_captcha #captcha_info {display:block; margin:5px 0 0; font-size:0.95em; letter-spacing:-0.1em; }
#captcha.m_captcha #captcha_mp3 {width:31px; height:31px; background:url('../../../img/captcha2.png') no-repeat 0 0 ; vertical-align:top; overflow:hidden; cursor:pointer; text-indent:-9999px; border:none; }

/* 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%; }

/* ckeditor 태그 기본값 */
#bo_v_con ul{display: block; list-style-type: disc; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
#bo_v_con ol{display: block; list-style-type: decimal; margin-top: 1em; margin-bottom: 1em; margin-left: 0; margin-right: 0; padding-left: 40px; }
#bo_v_con li{display: list-item; }

/* 버튼 */
a.btn_frmline {}
button.btn_frmline {font-size:1em; }

	/* 공통 버튼 */
	.btn_b01,
	.btn_b02,
	.btn_b03,
	.btn_b04,
	.btn_b05,
	.btn_admin,
	input.btn_submit,
	.btn_submit,
	.btn_cancel,
	.btn_frmline{display:inline-block !important; padding:8px 10px; font-size:12px; text-decoration:none; vertical-align:middle; cursor:pointer; border-radius:5px; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }
	.btn_b01:hover,
	.btn_b02:hover,
	.btn_b03:hover,
	.btn_b04:hover,
	.btn_b05:hover,
	.btn_admin:hover,
	input.btn_submit:hover,
	.btn_submit:hover,
	.btn_cancel:hover,
	.btn_frmline:hover{text-decoration:none; filter:Alpha(opacity=70); opacity:0.7; -moz-opacity:0.7; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; transition-duration: 0.2s; transition-timing-function: ease; }

	a.btn_b01,.btn_b01					{background:#ffffff; color:#666666; border:1px solid #dddddd; }
	a.btn_b02,.btn_b02					{background:#666666; color:#ffffff; border:1px solid #666666; }
	a.btn_b03, .btn_b03					{background:#ffffff; color:#646982; border:1px solid #b9bdd3; }
	a.btn_b04, .btn_b04					{background:#ffffff; color:#707070; border:1px solid #ccc; }
	a.btn_admin,.btn_admin				{background:#ffffff; color:#ff0000; border:1px solid #ff6600; } /* 관리자 전용 버튼 */
	.btn_submit							{background:#242424; color:#ffffff; border:1px solid #242424; }
	a.btn_cancel,button.btn_cancel		{background:#ffffff; color:#666666; border:1px solid #dddddd; }
	a.btn_frmline,button.btn_frmline	{padding:0 5px; height:40px; border:0; background:#3c3c3c; border-radius:5px; color:#fff; vertical-align:top; } /* 우편번호검색버튼 등 */

	.btn_confirm {text-align:center; } /* 서식단계 진행 */
	.btn_confirm .btn{padding:15px 20px; }

/*컬러*/
.color_1 {background:#169dd6; }
.color_2 {background:#14d53d; }
.color_3 {background:#3814ff; }
.color_4 {background:#7520c5; }

/* 기본테이블 */
.tbl_wrap table {width:100%; border-collapse:collapse; border-spacing: 0 5px; border:1px solid #ccc; border-left:0px; border-right:0px; } 
.tbl_wrap caption {padding:10px 0; font-weight:bold; text-align:left; }
.tbl_head01 {margin:0 0 10px; }
.tbl_head01 caption {padding:0; font-size:0; line-height:0; overflow:hidden; }
.tbl_head01 thead th {padding:10px 0; font-weight:normal; text-align:center; border-bottom:1px solid #ddd; background:#fafafa; padding:8px 3px; }
.tbl_head01 thead th input {vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:6px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center; }
.tbl_head01 tbody th {padding:6px 0; border-bottom:1px solid #e8e8e8; }
.tbl_head01 td {color:#666; background:#fff; ; padding:6px 3px; border-top:1px solid #ecf0f1; line-height:1.4em; height:60px; word-break:break-all; }
.tbl_head01 tbody tr:hover td{background:#fafafa; }
.tbl_head01 a:hover {text-decoration:underline; }

.tbl_head02 {margin:0 0 10px; }
.tbl_head02 caption {padding:0; font-size:0; line-height:0; overflow:hidden; }
.tbl_head02 thead th {padding:5px 0; border-top:1px solid #d1dee2; border-bottom:1px solid #d1dee2; background:#e5ecef; color:#383838; font-size:0.95em; text-align:center; letter-spacing:-0.1em; }
.tbl_head02 thead a {color:#383838; }
.tbl_head02 thead th input {vertical-align:top; } /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.tbl_head02 tfoot th, .tbl_head02 tfoot td {padding:10px 0; border-top:1px solid #c1d1d5; border-bottom:1px solid #c1d1d5; background:#d7e0e2; text-align:center; }
.tbl_head02 tbody th {padding:5px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; }
.tbl_head02 td {padding:5px 3px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:#fff; line-height:1.4em; word-break:break-all; }
.tbl_head02 a {}

/* 폼 테이블 */
.tbl_frm01 {margin:0 0 20px; }
.tbl_frm01 table {width:100%; border-collapse:collapse; border-spacing:0; }
.tbl_frm01 th {width:70px; padding:7px 13px; border:1px solid #e9e9e9; border-left:0; background:#f5f8f9; text-align:left; }
.tbl_frm01 td {padding:7px 10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; background:transparent; }
.wr_content textarea,.tbl_frm01 textarea,.form_01 textarea, .frm_input {border:1px solid #ccc; background:#fff; color:#000; vertical-align:middle; border-radius:3px; padding:5px; }
.tbl_frm01 textarea {padding:2px 2px 3px; }
.frm_input {height:40px; }

.full_input{width:100%; }
.half_input{width:49.5%; }
.tbl_frm01 textarea {width:100%; height:100px; }
.tbl_frm01 a {text-decoration:none; }
.tbl_frm01 .frm_file {display:block; margin-bottom:5px; }
.tbl_frm01 .frm_info {display:block; padding:0 0 5px; line-height:1.4em; }

/*기본 리스트*/
.list_01 li{border:1px solid #dbdbdb; background:#fff; border-radius:3px; margin:3px 0; padding:10px 15px; list-style:none; position:relative; }
.list_01 li:after {display:block; visibility:hidden; clear:both; content:""; }
.list_01 li:hover{background:#f9f9f9; }
.list_01 li.empty_li{text-align:center; padding:20px 0; color:#666; }
/*폼 리스트*/
.form_01 h2{margin:0 0 10px; font-size:1.167em; }
.form_01 li{margin:10px 0; }
.form_01 li:after {display:block; visibility:hidden; clear:both; content:""; }
.form_01 li .right_input{float:right; }
.form_01 textarea{height:100px; width:100%; }
.form_01 .frm_label{display:inline-block; width:130px; }
@media all and (max-width:650px)
{
	.form_01 .frm_label{display:block; width:auto; font-weight:bold; }
}
/* 자료 없는 목록 */
.empty_table {padding:50px 0 !important; text-align:center; }
.empty_list {padding:20px 0 !important; color:#666; text-align:center; }

/* 필수입력 */
.required, textarea.required {background-image:url('../img/require.png')  !important; background-repeat:no-repeat   !important; background-position:right top  !important; }

/* 테이블 항목별 정의 */
.td_board {width:80px; text-align:center; }
.td_category {width:80px; text-align:center; }
.td_chk {width:30px; text-align:center; }
.td_date {width:60px; text-align:center; }
.td_datetime {width:110px; text-align:center; }
.td_group {width:80px; text-align:center; }
.td_mb_id {width:100px; text-align:center; }
.td_mng {width:80px; text-align:center; }
.td_name {width:100px; text-align:left; }
.td_nick {width:100px; text-align:center; }
.td_num {width:50px; text-align:center; }
.td_numbig {width:80px; text-align:center; }
.td_stat {width:60px; text-align:center; }

.txt_active {color:#5d910b; }
.txt_done {color:#e8180c; }
.txt_expired {color:#ccc; }
.txt_rdy {color:#8abc2a; }

/* 새창 기본 스타일 */
.new_win {position:relative; }
.new_win .tbl_wrap {margin:0 20px; }
.new_win #win_title {font-size:1.25em; height:50px; line-height:30px; padding:10px 20px; background:#333; color:#fff; }
.new_win #win_title .sv {font-size:0.75em; line-height:1.2em; }
.new_win .win_ul {border-right:1px solid #dfe6e7; }
.new_win .win_ul:after {display:block; visibility:hidden; clear:both; content:""; }
.new_win .win_ul li{float:left; background:#fff; width:33.333%; text-align:center; border:1px solid #ccc; margin-left:-1px; }
.new_win .win_ul li a{display:block; padding:10px 0; }
.new_win .win_ul .selected{background:#fff; border-color:#253dbe; position:relative; z-index:5; }
.new_win .win_ul .selected a{color:#253dbe; font-weight:bold; }
.new_win .win_desc {margin:5px 0; font-size:0.92em; color:#3598db; }
.new_win .frm_info{font-size:0.92em; color:#3598db; }
.new_win .win_total{text-align:right; margin:10px 0; }
.new_win .win_total span{display:inline-block; line-height:30px; font-size:0.92em; color:#4e546f; background:#d4d4d4; padding:0 10px; border-radius:5px; }
.new_win .new_win_con{margin:20px; }
.new_win .new_win_con:after {display:block; visibility:hidden; clear:both; content:""; }
.new_win .btn_confirm:after {display:block; visibility:hidden; clear:both; content:""; }
.new_win .win_btn{text-align:center; padding-bottom:20px; overflow:hidden; }
.new_win .btn_close {position:absolute; top:0; right:0; height:50px; width:50px; background:url(../img/close_btn.gif) no-repeat 50% 50%; border:0; text-indent:-999px; overflow:hidden; cursor:pointer; }
.new_win .btn_submit {padding:0; height:40px; font-weight:bold; font-size:1.083em; width:100%; }

/* 검색결과 색상 */
.sch_word {color:#ff6600; }

/* 자바스크립트 alert 대안 */
#validation_check {margin:100px auto; width:500px; }
#validation_check h1 {margin-bottom:20px; font-size:1.3em; }
#validation_check p {margin-bottom:20px; padding:30px 20px; border:1px solid #e9e9e9; background:#fff; }

/* 사이드뷰 */
.sv_wrap {position:relative; font-weight:normal; }
.sv_wrap .sv {z-index:1000; display:none; margin:5px 0 0; font-size:0.92em; background:#333; 
-webkit-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
-moz-box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); 
box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.2); }
.sv_wrap .sv:before{content: ""; position: absolute; top: -6px; left: 15px; width: 0; height: 0; border-style: solid; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; }
.sv_wrap .sv a {display:inline-block; margin:0; padding:0  10px; line-height:30px; width:100px; font-weight:normal; color:#bbb; text-align:left ; }
.sv_wrap .sv a:hover{background:#000; color:#fff; }
.sv_member{color:#333; }
.sv_on {display:block !important; position:absolute; top:23px; left:0px; width:auto; height:auto; }
.sv_nojs .sv {display:block; }

/* 페이징 */
.pg_wrap {clear:both; margin:30px 0 ; text-align:center; }
.pg_wrap:after {display:block; visibility:hidden; clear:both; content:""; } 
.pg {}
.pg_page, .pg_current {
	display:inline-block; 
	vertical-align:middle; 
	/* background:#f3f3f3;  */
	/* border:1px solid #bbbcc3;  */
	margin:2px 0; 
	font-size: 17px;
}
.pg a:focus, .pg a:hover {text-decoration:none; }
.pg_page {
	color:#555; 
	/* font-size:1.083em;  */
	height:30px; 
	line-height:28px; 
	padding:0 5px; 
	min-width:30px; 
	text-decoration:none; 
	/* border-radius:15px;  */
}
.pg_page:hover{background:#ddd; color:#000; }
.pg_start {text-indent:-999px; overflow:hidden; background:url('../img/btn_first.gif') no-repeat 50% 50% #fff; padding:0; 
	/* border:1px solid #bbb;  */
}
.pg_prev {text-indent:-999px; overflow:hidden; background:url('../img/btn_prev.gif') no-repeat 50% 50% #fff; padding:0; 
	/* border:1px solid #bbb;  */
}
.pg_end {text-indent:-999px; overflow:hidden; background:url('../img/btn_end.gif') no-repeat 50% 50% #fff; padding:0; 
	/* border:1px solid #bbb;  */
}
.pg_next {text-indent:-999px; overflow:hidden; background:url('../img/btn_next.gif') no-repeat 50% 50% #fff; padding:0; 
	/* border:1px solid #bbb;  */
}
.pg_start:hover {background:url('../img/btn_first.gif') no-repeat 50% 50% #efefef; 
	/* border:1px solid #ddd;  */
}
.pg_prev:hover {background:url('../img/btn_prev.gif') no-repeat 50% 50% #efefef; 
	/* border:1px solid #ddd;  */
}
.pg_end:hover {background:url('../img/btn_end.gif') no-repeat 50% 50% #efefef; 
	/* border:1px solid #ddd;  */
}
.pg_next:hover {background:url('../img/btn_next.gif') no-repeat 50% 50% #efefef; 
	/* border:1px solid #ddd;  */
}
.pg_current {
	display:inline-block; 
	/* background:#666;  */
	color:#1f1f1f; 
	/* border:1px solid #444;  */
	font-weight:bold; 
	height:30px; 
	line-height:30px; 
	padding:0 10px; 
	min-width:30px; 
	/* border-radius:15px;  */
}

/* cheditor 이슈 */
.cheditor-popup-window *, .cheditor-popup-window :after, .cheditor-popup-window :before {
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box; 
}

/* 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; }



/* 모바일 gnb nav */

html.gnb_active {
	overflow: hidden;
}

.mobile_gnb_wrap {
	position: fixed;
	top: 110px;
	right: -100%;
	bottom: 0;
	width: 100%;
	height: calc(100vh - 110px);
	overflow-y: auto;
	background: #fff;
	padding: 2.5% 2.5% 120px;
	z-index: 9999;

	transition: .5s;
}

.mobile_gnb_wrap.active {
	right: 0;
}

.gnb_depth_01 a {
	padding: 0 18px;
	text-align: left;
	color: #333;
}

.gnb_depth_01 > li > a {
	font-weight: 700;
	font-size: 20px;
	width: 20%;
	min-width: 200px;
}

.gnb_depth_01 > li {
	padding-block: 24px;
	display: flex;
	align-items: start;
	border-bottom: 1px solid #e1e1e1;
}

.gnb_depth_02 {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.gnb_depth_02 a {
	font-size: 16px;
}

@media all and (max-width:980px){
	.mobile_gnb_wrap {
		top: 80px;
		height: calc(100vh - 80px);
	}
}

@media all and (max-width:768px){
	
	.gnb_depth_01 a {
		margin-bottom: 20px;
	}
	
	.gnb_depth_01 > li {
		flex-direction: column;
	}
	
	.gnb_depth_02 {
		gap: 12px;
	}
}