@charset "utf-8";
@import url("basic.css");

/* skipnav */
.skipnav {
	position:absolute;
	width:100%;
	z-index:100000;
}
.skipnav dd a {
	position:absolute;
	display:block;
	left:0;
	top:0;
	width:1px;
	height:1px;
	margin:-10000px 0 0 -10000px;
	padding:0;
	background-color:#033477;
	text-align:center;
	overflow:hidden;
	color:#fff;
	font-weight:bold;
}
.skipnav dd a:hover,.skipnav dd a:active,.skipnav dd a:focus {
	margin:0;
	width:100%;
	height:auto;
	padding: 10px;
}
/********************************************************************************************************************************************/
/* mobile */
#asideArea {
	display:none;
}
/* #asideArea .total_home {
	height:60px;
	padding-left:18px;
	padding-bottom:1px;
	background:#ffffff;
	color:#214489;
	font-size:20px;
	font-weight:700;
	line-height:60px;
}
#asideArea .total_home .home_btn {
	float:left;
	width:38px;
	height:38px;
	margin-top:10px;
}
#asideArea .total_home .home_btn a {
	display:block;
	width:38px;
	height:38px;
	text-indent:-99999px;
	background:url("../images/common/mobile_home.gif") 50% 50% no-repeat;
	background-size:38px auto;
}
#asideArea #totalClose {
	display:block;
	position:absolute;
	top:14px;
	right:10px;
}
#asideArea #totalClose a {
	display:block;
	width:36px;
	height:36px;
	padding:0;
	background:url("../images/common/total_menu_close.png") 50% 50% no-repeat;
	background-size:18px auto;
	text-indent:-9999px;
}
.total_link {
	float:left;
	margin-left:50px;
}
.total_link:after {
	display:block;
	clear:both;
	content:'';
}
.total_link li {
	float:left;
	padding:0 2px;
}
#totalNav {
	position:relative;
	padding-bottom:20px;
}
#totalNav .nav_item {
}
#totalNav .nav_btn {
	display:block;
	position:relative;
	padding:12px 21px 12px 23px;
	border-bottom:1px solid #dcdcdc;
	background-color:#fff;
	color:#3e3e3e;
	font-size:15px;
	background:#fff url('../images/common/m_li_op.png') no-repeat;
	background-position:right 20px top 14px;
	background-size:14px;
}
#totalNav .nav_btn.active {
	background:#fff url('../images/common/m_li_clo.png') no-repeat;
	background-position:right 20px top 50%;
	background-size:14px;
}
#totalNav .nav_list>li {
	background:#f6f7f7 url('../images/common/m_li_bg.png') 25px 50% no-repeat;
	background-size:3px;
}
#totalNav a {
	text-decoration:none;
}
#totalNav .nav_list {
	display:none;
}
#totalNav .nav_list>li>a {
	display:block;
	padding:12px 6px 12px 40px;
	border-bottom:1px solid #e3e3e3;
	color:#000;
}
#totalNav .nav_list>li>a.nav_sbtn {
	background:url("../images/common/menu_plus.png") 93% 50% no-repeat;
}
#totalNav .nav_list>li>a.nav_sbtn.active {
	background:url("../images/common/menu_minus.png") 93% 50% no-repeat;
}
#totalNav .nav_list .desc_list {
	display:none;
	padding:12px 6px 14px 25px;
	border-bottom:1px solid #e1e1e1;
	background:#f7f8fa
}
#totalNav .nav_list .desc_list li {
	padding:4px 0 0px 10px;
	background:url('../images/common/total_nav_bullet.png') 0 50% no-repeat;
	background-size:4px auto;
}
#totalNav .nav_list .desc_list a {
	color:#4b536b;
}
#totalNav .nav_list .desc_list a.active {
	color:#0030aa;
	text-decoration:underline
}
#totalNav .nav_list .desc_list {
	display:none;
	padding:12px 6px 14px 25px;
	border-bottom:1px solid #e1e1e1;
	background:#f7f8fa
}
#asideArea h3.topTit {
	padding:18px 22px;
	background:#4379ba;
	color:#fff;
	font-weight:300;
	font-size:16px;
}
#asideArea .m_util {
	padding:10px 0;
	background:#2a3b99;
}
#asideArea .m_util li {
	float:left;
	padding:0 10px;
	border-right:1px solid #3e668f;
	width:33.3333333333%;
}
#asideArea .m_util li a {
	display:block;
	color:#fff;
	font-size:12px;
	font-family:'Dotum','돋움',"굴림","gulim","sans-serif";
	text-align:center;
}
#asideArea .m_util:after {
	content:"";
	display:block;
	clear:both;
	float:none;
}
#asideArea .m_util li:last-child {
	border:none;
}
.overlay {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.5);
	z-index: 99998
} */
/********************************************************************************************************************************************/
/* #header */
#header .gnbBg {
	position:absolute;
	z-index:1001;
	left:0;
	top:90px;
	width:100%;
	height:180px !important;
	background:url(../images/common/bg_menu.png);
	display:none;
	border-top:1px solid rgba(192,192,192,.3);
	border-bottom:1px solid rgba(192,192,192,.3);
	overflow:hidden;
}
.headLogo {
	margin-left:50px;
	height:64px;
}
.headLogo a {
	height:64px;
	display:inline-block;
}
.headLogo a img {
	vertical-align:top;
}
.headGnb {
	display:flex;
    width:100%;
    justify-content: center;
    margin-left:30px;
}
.headGnb>ul>li {
	float:left;
	width:180px;
	text-align:center;
	position:relative;
}
.headGnb>ul>li>a {
	line-height:90px;
	display:block;
	font-size:23px;
	color:#0d0d0d;
	font-weight:500;
}
.headSubMenu {
	display:none;
	position:absolute;
	z-index:1010;
	top:90px;
	width:100%;
}
.headSubMenu li {
	text-align:center;
	height:40px;
	line-height:40px;
}
#header ul.util {
	display:flex;
    align-items: center;
    flex-direction: row;
	margin-right:20px;
}
#header ul.util li {
	margin-right:25px;
}
#header ul.util li a {
	font-size:18px;
	word-break: keep-all;
	color:#7b7b7b;
	padding-left:20px;
}
.headLogin a {
	background:url(../images/common/login_icon.png) left center no-repeat;
}

.headLogout a {
	background:url(../images/common/logout_icon.png) left center no-repeat;
	padding-left:25px !important;
}

.headRegist a {
	background:url(../images/common/join_icon.png) left center no-repeat;
}

.headMyPage a {
	background:url(../images/common/mypage_icon.png) left center no-repeat;
	padding-left:25px !important;
}

.headSitemap a {
	background:url(../images/common/sitemap_icon.png) left center no-repeat;
	padding-left:25px !important;
}

#header ul.util li.search_common {
	width:33px;
	height:33px;
	padding:28px 0 0 0;
	font-size:0;
	margin-left:20px;
}
#header ul.util li.search_common a {
	background:url("../images/common/search_btn.png")no-repeat;
	text-indent:-99999px;
	display: block;
}
/********************************************************************************************************************************************/
/* search */
#header .main_search_box {
	display:none;
	position:absolute;
	width:100%;
	left:0;
	top:90px;
	border-top:1px solid #ccc;
	background:#1155a8;
	padding:60px 0;
	z-index:101
}
#header .main_search_box .container {
	position:relative;
	width:1020px;
	margin:0 auto;
}
.main_search_box .container .search_main {
	width:540px;
	margin:0 auto;
}
.search_main span.write {
	display:block;
	border-bottom:5px solid #fff;
}
.search_main span.write .search_int {
	display:inline-block;
	padding:10px 15px;
	font-size:20px;
	width:475px;
	background:#1155a8;
	border:1px solid #1155a8;
	color:#fff;
}
.search_main span.write .search_int::placeholder {
	font-size:17px;
	color:#fff;
}
button.sch_btn {
	display:inline-block;
	color:#fff;
	text-indent:-99999px;
	height:52px;
	width:60px;
	background:url("../images/common/search_icon.png") right center no-repeat;
}
.container .search_close {
	position:absolute;
	right:0;
	top:10px;
	width:45px;
	height:45px;
	text-indent:-99999px;
	background: url("../images/common/icon_close.png") no-repeat;
}
/********************************************************************************************************************************************/
/* footer */
#footer {
	height:140px;
	background:#333333;
	position:relative;
	margin-top:45px;
}
#footer .footerLogo {
	margin-top:33px;
	margin-right:120px;
	float:left;
}
#footer .footerLogo a {
	display:block;
}
#footer .infoMenu {
	padding-top:43px;
	float:left;
}
#footer .infoMenu li {
	color:#fff;
	float:left;
	padding:0 15px;
	background:url('../images/common/bg_util_line.gif')no-repeat right center;
}
#footer .infoMenu li:last-child {
	background:none;
}
#footer .address {
	display: flow;
	float: left;
	padding-top:43px;
	font-size: 13px;
	color: #888;
}
#footer .quick_link {
	position:absolute;
	top:51px;
	right:0;
	box-sizing:border-box;
}
#footer .quick_link .quick_site {
	display:inline-block;
	width:220px;
	height:38px;
	line-height:35px;
	font-size:14px;
	color:#707070;
	padding-left:11px;
	border:1px solid #cfd6db;
	background:url("../images/common/bg_arr_pc.png") right center no-repeat,#fff;
	box-sizing:border-box;
}
#footer .quick_link .desc_box {
	position:absolute;
		overflow-y:auto;
		border:1px solid #ddd;
		display:none;
	bottom:37px;
	left:0;
	width:100%;
	height:148px;
	max-width:220px;
	z-index:111;
}
#footer .quick_link .desc_box ul li a {
	overflow:hidden;
	display:block;
	height:38px;
	padding:0 11px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:35px;
	background:#fff;
	font-size:14px;
	border-top:1px solid #cfd6db;
	box-sizing:border-box;
}
#footer .quick_link .desc_box ul li a:hover {
	background:#d1d1d1;
}
#footer .quick_link .desc_box ul li:first-child a {
	border-top: 0;
}


/* 게시판 비밀번호 확인 */
.passw_txt {text-align:center;}
.passw_confirm {margin:30px 0;padding:20px 10px;border-top:1px solid #505050;border-bottom:1px solid #505050;text-align:center;}
.passw_confirm div {display:inline-block;}
.passw_confirm div input,
.passw_confirm div button,
.passw_confirm div a {vertical-align:top;}
.passw_confirm div button,
.passw_confirm div a {line-height:36px;padding:0 20px;border:1px solid #dedede;box-sizing:border-box;}
.passw_confirm div a {display:inline-block;}
.passw_confirm div input {border:1px solid #dedede;}

@media screen and (max-width:459px) {
.passw_confirm div input {width:100%;}
.passw_confirm div button,
.passw_confirm div a {margin-top:10px;}
}

/* 게시물 삭제 확인페이지 */
.deleteWrite {margin:20px 0;}
.deleteWrite li {display:inline-block;}
.deleteWrite .deleteTit {margin-right:15px;}
.deleteWrite .deleteTxt {margin:10px 0;}
.deleteWrite .deleteTxt input[type="text"] {border:1px solid #ddd;}
.deleteWrite .deleteTxt input[type="submit"] {height:38px;line-height:36px;padding:0 20px;background:#06378e;color:#fff;}
.delBoard_btn li input.btn,
.delBoard_btn li input.btn.bg {height:38px;line-height:36px;padding:0 20px;}
.delBoard_btn li input.btn.bg {background:#06378e;color:#fff;}
.delBoard_btn li input.btn {margin-right:15px;border:1px solid #ddd;}

/* 필수입력사항 표시 */
span.star{color:#f90040;}


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

	.section01 .equip_box{width:100%;}

}