@charset "utf-8"; 

/*common*/
html, body {width: 100%;height:100%;background-color:#fff;}
body, div, h1, h2, h3, h4, h5, ul, li, p {margin: 0px; padding: 0px}
body, input, button, li {font-size: 14px; line-height: 1.6em; font-family:"NanumGothic","Malgun Gothic",Helvetica,sans-serif;; }
h1, h2, h3, h4, h5, h6 {font-size: 14px; text-align: left}
img, fieldset, iframe, button,form {border:0 none; margin:0;}
img, input, select, textarea {vertical-align: middle;font-family:"나눔고딕","NanumGothic","Malgun Gothic",Helvetica,sans-serif; }
li{list-style: none}
a{ text-decoration: none;border : 0 none; color:#333}
a:hover{text-decoration:none;;color:#000;}
em, address{font-style: normal}
button{cursor: pointer; vertical-align: middle;}
.hide{display: none}
input , textarea{margin:0px;}
select{padding:4px 0;}
input{padding:3px 0;}
caption{display: none}

input[type="checkbox"] { display: inline-block; width:19px; height:19px; vertical-align: middle;
-webkit-appearance: none; border-radius: 0; border: 0; margin:-3px 2px 0 0; padding:0; cursor: pointer }

input[type="checkbox"] { background:url("../images/sub/check.gif") no-repeat center;background-size:19px 19px; }
input[type="checkbox"]:checked{ background:url("../images/sub/check_on.gif") no-repeat center; background-size:19px 19px;}
input[type="checkbox"]:disabled{background:url("../images/sub/check.gif") no-repeat center;background-size:19px 19px;}

/*selectbox*/
select.selbox01{padding:4px 0; width:160px;}


/*layout*/
#wrap{position:relative; margin:0 auto; width:100%;   background-color:#fff;overflow:hidden;min-width: 1024px;}
#header{position:fixed;top:0;margin:0 auto; width:100%; overflow:hidden;z-index:100;min-width: 1024px;}
#header2{position:fixed;top:0;margin:0 auto; width:100%; overflow:hidden;z-index:100;min-width: 1024px;
opacity:0.9;background-color:#fff;border-bottom:solid 1px #ddd;}
#header3{position:fixed;top:0;margin:0 auto; width:100%; overflow:hidden;z-index:100;min-width: 1024px;}
#container{ position:relative;margin:0 auto; width:100%;min-height:100%;overflow:hidden;background-color:#fff;min-width: 1024px;}
#footer{ position:relative;margin:0 auto; width:100%; text-align:center; border-top:solid 1px #d5d5d5; padding:20px 0;min-width: 1024px;
background-color:#4d5a62;overflow:hidden;}

/*top*/
#top{margin:0 auto;width:100%;height:60px;margin-top:20px;overflow:hidden;}
#top_menu{margin:0 auto;width:1024px;;overflow:hidden;}
#logo{margin:0 auto;float:left;width:209px;margin-top:3px;}
#logo a{float:left; line-height:50px;text-indent:-10000px;
background:url("../images/common/logo_white.png") no-repeat; width:209px; height:39px;}

#logo2{margin:0 auto;float:left;width:209px;margin-top:3px;}
#logo2 a{float:left; line-height:50px;text-indent:-10000px;
background:url("../images/common/logo_white.png") no-repeat; width:209px; height:39px;}

#navi{  margin:0 auto;float:left;width:750px;overflow:hidden;}
#navi ul{margin:0; width:754px;overflow:hidden}
#navi li {margin:0;float:left;vertical-align: middle; color:#fff;}
#navi li a{ margin:0;float:left; color:#fff; padding:0 28px;font-size:17px;  line-height:45px;height:45px; }
#navi li a:hover{ margin:0;float:left;color:#eeb10e;text-decoration:none;  font-weight:bold}
#navi li a.menu_on{ margin:0;float:left;color:#eeb10e;text-decoration:none; font-weight:bold }

#navi2{  margin:0 auto;float:left;width:750px;overflow:hidden;}
#navi2 ul{margin:0; width:754px;overflow:hidden}
#navi2 li {margin:0;float:left;vertical-align: middle; color:#333;}
#navi2 li a{ margin:0;float:left; color:#333; padding:0 28px;font-size:17px;  line-height:45px;height:45px; }
#navi2 li a:hover{ margin:0;float:left;color:#e2a70a;text-decoration:none;  font-weight:bold}
#navi2 li a.menu_on{ margin:0;float:left;color:#e2a70a;text-decoration:none; font-weight:bold;}

/* 관리자 메뉴 */
#navi3{  margin:0 auto;float:right;width:754px;overflow:hidden;}
#navi3 ul{margin:0; width:754px;overflow:hidden}
#navi3 li {margin:0;float:left;vertical-align: middle; color:#fff;}
#navi3 li a{ margin:0;float:left; color:#fff; padding:0 26px;font-size:17px;  line-height:45px;height:45px; }

#allmenu{ margin:0 auto;margin-top:5px;float:right;width:38px;height:38px;overflow:hidden;}
#allmenu a{float:left;background:url("../images/icon/allmenu.png") no-repeat; width:38px; height:38px;text-indent:-10000px}
#allmenu a.all_on{float:left;background:url("../images/icon/allmenu_on.png") no-repeat; width:38px; height:38px;text-indent:-10000px}

#logout{ margin:0 auto;margin-top:5px;float:right;}
#logout a{float:right;border:solid 1px rgba(255,255,255,0.6);; padding:4px 8px;;;color:#eee;font-size:12px;}
#logout span{display:inline;color:#eee;text-align:left;;line-height:30px;padding:0px 15px;;;font-size:13px;;}

#logout2{ margin:0 auto;margin-top:5px;float:right;}
#logout2 a{float:right;;border:solid 1px #ccc; padding:5px 10px;;;color:#777;font-size:12px;}
#logout2 span{display:inline;color:#777;text-align:left;;line-height:30px;padding:0px 15px;;;font-size:13px;;}


#allmenu2{ margin:0 auto;margin-top:5px;float:right;width:38px;height:38px;overflow:hidden;}
#allmenu2 a{float:left;background:url("../images/icon/allmenu2.png") no-repeat; width:38px; height:38px;text-indent:-10000px}
#allmenu2 a.all_on{float:left;background:url("../images/icon/allmenu_on.png") no-repeat; width:38px; height:38px;text-indent:-10000px}

/*menubox*/
#menubox{position:fixed;top:65px; left:50%; margin-left:-512px; ;width:1024px;;z-index:101;}
#smenu01{width:117px;height:auto;margin-left:232px;z-index:101;background-color:#fff;overflow:hidden;border:solid 1px #e5e5e5;}
#smenu01 li {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #eee;}
#smenu01 li:last-child {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #fff;}
#smenu01 li a{ margin:0;display:block; line-height:38px; text-indent:15px;}
#smenu01 li a:hover{color:#0282e3;font-weight:bold;}

#smenu02{width:117px;height:auto;margin-left:352px;z-index:101;background-color:#fff;overflow:hidden;border:solid 1px #e5e5e5;}
#smenu02 li {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #eee;}
#smenu02 li:last-child {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #fff;}
#smenu02 li a{ margin:0;display:block; line-height:38px; text-indent:15px;}
#smenu02 li a.longtxt{ margin:0;display:block; line-height:20px; padding:8px 0 8px 15px;text-indent:0px;}
#smenu02 li a:hover{color:#0282e3;font-weight:bold;}

#smenu03{width:117px;height:auto;margin-left:472px;z-index:101;background-color:#fff;border:solid 1px #e5e5e5;overflow:hidden;}
#smenu03 li {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #eee;}
#smenu03 li:last-child {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #fff;}
#smenu03 li a{ margin:0;display:block; line-height:38px; text-indent:15px;}
#smenu03 li a:hover{color:#0282e3;font-weight:bold;}

#smenu04{width:117px;border:solid 1px #e5e5e5;height:auto;margin-left:592px;z-index:101;background-color:#fff;overflow:hidden;}
#smenu04 li {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #eee;}
#smenu04 li:last-child {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #fff;}
#smenu04 li a{ margin:0;display:block; line-height:38px; text-indent:15px;}
#smenu04 li a:hover{color:#0282e3;font-weight:bold;}

#smenu05{width:117px;border:solid 1px #e5e5e5;;height:auto;margin-left:712px;z-index:101;background-color:#fff;overflow:hidden;}
#smenu05 li {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #eee;}
#smenu05 li:last-child {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #fff;}
#smenu05 li a{ margin:0;display:block; line-height:38px; text-indent:15px;}
#smenu05 li a:hover{color:#0282e3;font-weight:bold;}

#smenu06{width:117px;border:solid 1px #e5e5e5;height:auto;margin-left:832px;z-index:101;background-color:#fff;overflow:hidden;}
#smenu06 li {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #eee;}
#smenu06 li:last-child {margin:0;vertical-align: middle; ;display:block;border-bottom:solid 1px #fff;}
#smenu06 li a{ margin:0;display:block; line-height:38px; text-indent:15px;}
#smenu06 li a:hover{color:#0282e3;font-weight:bold;}

/*allmenu_box*/
#allmenu_box{position:absolute;top:70px; right:50%; margin-right:-258px; ;width:800px;;z-index:100}
#allmenu_list{width:790px;height:180px;z-index:101;margin-left:264px;background-color:#fff;overflow:hidden;}
#amenu01{float:left;width:118px;height:420px;overflow:hidden;margin-top:5px;}
#amenu01 li a.a_menu{padding-top:8px; display:block; line-height:24px;font-size:14px;text-indent:25px;color:#555; }
#amenu01 li a.a_menu:hover{color:#222;font-weight:bold;text-decoration:underline;}

#amenu02{float:left;width:118px;height:420px;overflow:hidden;margin-top:5px;}
#amenu02 li a.a_menu{padding-top:8px; display:block; line-height:24px;font-size:14px;text-indent:25px;color:#555; }
#amenu02 li a.a_menu:hover{color:#222;font-weight:bold;text-decoration:underline;}

#amenu03{float:left;width:118px;height:420px;overflow:hidden;margin-top:5px;}
#amenu03 li a.a_menu{padding-top:8px; display:block; line-height:24px;font-size:14px;text-indent:35px;color:#555; }
#amenu03 li a.a_menu:hover{color:#222;font-weight:bold;text-decoration:underline;}

#amenu04{float:left;width:118px;height:420px;overflow:hidden;margin-top:5px;}
#amenu04 li a.a_menu{padding-top:8px; display:block; line-height:24px;font-size:14px;text-indent:40px;color:#555; }
#amenu04 li a.a_menu:hover{color:#222;font-weight:bold;text-decoration:underline;}

#amenu05{float:left;width:118px;height:420px;overflow:hidden;margin-top:5px;}
#amenu05 li a.a_menu{padding-top:8px; display:block; line-height:24px;font-size:14px;text-indent:38px;color:#555; }
#amenu05 li a.a_menu:hover{color:#222;font-weight:bold;text-decoration:underline;}

#amenu06{float:left;width:118px;height:420px;overflow:hidden;margin-top:5px;}
#amenu06 li a.a_menu{padding-top:8px; display:block; line-height:24px;font-size:14px;text-indent:40px;color:#555; }
#amenu06 li a.a_menu:hover{color:#222;font-weight:bold;text-decoration:underline;}


/*footer*/
#copyright{width:1024px;;  margin:0 auto;overflow:hidden;height:55px;}
#btm_logo{float:left;width:220px;text-align:left;margin-top:7px;height:50px;overflow:hidden}
#btm_logo p{font-weight:bold;font-size:24px;color:#99a0a8;}
#copy{float:left;overflow:hidden;margin:5px 0;}
#copy p{ color:#555;text-align:left; font-size:13px;}
#copy p span{padding-right:10px;}


/*box*/
.tbox01{border:solid 1px #329ef0; background-color:#fff;height:25px;text-indent:5px;text-align:left; width:144px;}
.tbox02{border:solid 1px #ccc; background-color:#fff;height:25px;text-indent:5px;text-align:left; width:250px;}
.tbox03{border:solid 1px #ccc; background-color:#fff;height:25px;text-indent:5px;text-align:left; width:620px;}
.tbox04{margin-top:7px;border:solid 1px #ccc; background-color:#fff;height:25px;text-indent:5px;text-align:left; width:620px;}

/*font*/
.black01{ font-size:13px;color:#777;}
.black02{ font-size:12px;color:#999;}
.black03{ font-size:13px;color:#666;}
.black04{ font-size:30px;color:#111;font-weight:bold;}
.black05{ font-size:17px;color:#333;font-weight:bold;}
.black06{ font-size:12px;color:#999;text-indent:10px;line-height:26px;}
.black07{ font-size:14px;color:#777; font-weight:normal;}
.black08{ font-size:14px;color:#444;font-weight:bold;}
.black09{ font-size:15px;color:#333;font-weight:bold;}
.black10{ font-size:17px;color:#111;}
.black11{ font-size:18px;color:#333;font-weight:bold;}
.black12{ font-size:14px;color:#555;}
.black13{ font-size:16px;color:#444;font-weight:bold;}
.black14{ font-size:22px;color:#333;font-weight:bold;}
.black15{ font-size:20px;color:#444;font-weight:bold;}
.green01{ font-size:13px;color:#4b8802;font-weight:bold;}
.green02{ color:#4b8802;}
.glay01{ font-size:13px;color:#bbb;}
.glay02{ font-size:12px;color:#888;letter-spacing:-1px;}
.glay03{ font-size:14px;color:#999;margin-left:10px;}
.glay04{ font-size:16px;color:#666; line-height:25px;}
.glay05{ font-size:14px;color:#666; line-height:17px;}
.glay06{ font-size:15px;color:#666; line-height:25px;}
.glay07{ font-size:15px;color:#666; line-height:40px;margin-left:20px;}
.sky01{ font-size:27px;color:#2697ec;font-weight:bold;}
.white01{color:#fff;font-size:34px;}
.white02{color:#eee;font-size:16px;}
.red01{color:#ff6633;}

/*margin*/
.ml20{margin-left:20px;}
.pt40{padding-top:40px;line-height:30px;}
.pt10{padding-top:10px;line-height:30px;}
.pt20{padding-top:20px;line-height:30px;}


#toptxt{position: relative;width:1000px;margin:0 auto;text-align:center;overflow:hidden;}
#toptxt ul{width:1000px;}
#toptxt li{float:left; margin-bottom:10px;overflow:hidden;line-height:28px;display:inline;}
#toptxt li.b_right{float:right; margin-bottom:10px;overflow:hidden;}
.black03{ color:#222;font-size:15px; font-weight:bold;}

#toptxt2{position: relative;width:600px;margin:0 auto;text-align:center;overflow:hidden;}
#toptxt2 ul{width:600px;margin:0 auto;text-align:center;overflow:hidden;}
#toptxt2 li{ margin-bottom:10px;overflow:hidden;line-height:28px;display:inline-block;}
#toptxt2 li.b_right{ margin-bottom:10px;overflow:hidden;}



a.btn_blue p{width:250px;height:30px;line-height:30px;text-align:center;margin:10px 20px;border:solid 1px #77829d;color:#fff;
background-color: #818ca5;font-weight:bold;overflow:hidden; cursor: pointer;}
a:hover.btn_blue p{width:250px;height:30px;line-height:30px;text-align:center;margin:10px 20px;border:solid 1px #69748c;color:#fff;
background-color: #69748c;font-weight:bold;overflow:hidden; cursor: pointer;}

a.btn_gray p{width:250px;height:30px;line-height:30px;text-align:center;margin:10px 20px;border:solid 1px #bfbfbf;color:#fff;
background-color: #818ca5;font-weight:bold;overflow:hidden; cursor: pointer;}
a:hover.btn_gray p{width:250px;height:30px;line-height:30px;text-align:center;margin:10px 20px;border:solid 1px #69748c;color:#fff;
background-color: #69748c;font-weight:bold;overflow:hidden; cursor: pointer;}



	/*popup*/
.modal-popup {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
		.modal-popup .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}
		.modal-popup .pop-layer {display:block;}

	.pop-layer {display:none; position: absolute; top: 50%; left: 50%; height:auto;  background-color:#fff; 
	border-radius: 15px; z-index: 10;}	
	.pop-layer .pop-container {padding: 20px 25px;}
	.pop-layer .pop-container h1{padding:50px 0 30px 0;font-family:"나눔고딕","NanumGothic","Malgun Gothic"; 
	color:#333; font-size:32px;text-align:center;}
	.pop-layer p.ctxt {color: #666; line-height: 25px;}
	.pop-layer .btn-r {position:absolute; top:-50px; right:-50px; width:50px; height:50px;}
		a.cbtn {display:inline-block; width:50px; height:50px; font-size:50px; color:rgba(255,255,255,0.5);}	
		a.cbtn:hover {color:#fff;}

	.pop-layer2 {display:none; position: absolute; top: 50%; left: 50%; height:auto;  background-color:#fff; 
	border-radius: 0px; z-index: 10;}	
	.pop-layer2 .pop-container {padding: 0px;}
	.pop-layer2 .pop-container h1{padding:50px 0 30px 0;font-family:"나눔고딕","NanumGothic","Malgun Gothic"; 
	color:#333; font-size:32px;text-align:center;}
	.pop-layer2 p.ctxt {color: #666; line-height: 25px;}
	.pop-layer2 .btn-r {position:absolute; top:-50px; right:-50px; width:50px; height:50px;}

	.pop-layer3 {display:none; position: absolute; top: 50%; left: 50%; height:auto;  background-color:#fff; 
	border-radius: 10px; z-index: 10;}	
	.pop-layer3 .pop-container {padding: 0px;}
	.pop-layer3 .pop-container h1{padding:50px 0 30px 0;font-family:"나눔고딕","NanumGothic","Malgun Gothic"; 
	color:#333; font-size:32px;text-align:center;}
	.pop-layer3 p.ctxt {color: #666; line-height: 25px;}
	.pop-layer3 .btn-r {position:absolute; top:-50px; right:-50px; width:50px; height:50px;}

	.pop-layer4 {display:none; position: absolute; top: 50%; left: 50%; height:auto;  background-color:#fff; 
	border-radius: 10px; z-index: 10;}	
	.pop-layer4 .pop-container {padding: 0px;}
	.pop-layer4 .pop-container h1{padding:50px 0 30px 0;font-family:"나눔고딕","NanumGothic","Malgun Gothic"; 
	color:#333; font-size:32px;text-align:center;}
	.pop-layer4 p.ctxt {color: #666; line-height: 25px;}
	.pop-layer4 .btn-r {position:absolute; top:-50px; right:-50px; width:50px; height:50px;}
		
.disable{cursor:not-allowed !important;}
.modal-popup2 {display:none; position:fixed; _position:absolute; top:0; left:0; width:100%; height:100%; z-index:100;}
.modal-popup2 .bg {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.modal-popup2 .pop-layer {display:block;}


.pop_detail2{overflow-y:auto; width:1000px; height:650px;}
.pop_detail2 h3{padding:20px 0 0 8px; color:#222;font-size:26px; font-weight:bold;line-height:50px;}
.pop_detail2 h4{padding:20px 0 0 0px; color:#222;font-size:17px; font-weight:bold;line-height:35px;}


/*view*/
#board_view{margin:0 auto;width:800px;}
#board_view table{width:800px;border-top:solid 2px #555;background-color: #fff; font-size:13px;line-height:25px;}
#board_view table th{padding:8px 0;border-bottom:solid 1px #ddd;background-color:#f5f5f5;}
#board_view table td{padding:8px 10px;border-bottom:solid 1px #ddd; text-align:left;color:#666;font-weight:normal}
#board_view table td p span.text_b{padding-right:15px;float:left;line-height:30px; color:#555;font-weight:bold;}

#board_view2{margin:0 auto;width:1000px;}
#board_view2 table{width:1000px;border-top:solid 2px #555;background-color: #fff; font-size:13px;line-height:25px;}
#board_view2 table th{padding:8px 0;border-bottom:solid 1px #ddd;background-color:#f5f5f5;}
#board_view2 table td{padding:8px 10px;border-bottom:solid 1px #ddd; text-align:left;color:#666;font-weight:normal}
#board_view2 table td p span.text_b{padding-right:15px;float:left;line-height:30px; color:#555;font-weight:bold;}

/*view*/

table.sub_board{width:100px !important;border:none !important;background-color: #fff; font-size:13px;line-height:25px;}
table.sub_board th{padding:0px 0 !important;border-bottom:solid 0px #ddd !important;background-color:#f5f5f5;}
table.sub_board td{padding:0px 0px !important;border-bottom:solid 0px #ddd !important; text-align:left;color:#666;font-weight:normal}
table.sub_board td p span.text_b{padding-right:15px;float:left;line-height:30px; color:#555;font-weight:bold;}

/*btn*/
#btn{position: relative;margin:0 auto;text-align:center;overflow:hidden;padding:20px 0 10px 0;width:1000px;}
#btn p{height:50px; margin:0 auto;overflow:hidden;color:#fff;}
#btn p span a.btn_blue02{float:right;margin-left:8px;padding: 0 25px;color:#fff;line-height:35px;font-size:15px;
background-color: #4b96e6;border:solid 1px #4b96e6;font-weight:bold;cursor: pointer}
#btn p span a:hover.btn_blue02{float:right;margin-left:8px;padding: 0 25px;color:#fff;line-height:35px;font-size:15px;
background-color: #2571c2;border:solid 1px #2571c2;font-weight:bold;cursor: pointer}
#btn p span a.btn_gray02{float:right;margin-left:8px;padding: 0 25px;color:#333;border:solid 1px #bfbfbf;line-height:35px;font-size:15px;
background-color: #fff;font-weight:bold;cursor: pointer}
#btn p span a:hover.btn_gray02{float:right;margin-left:8px;padding: 0 25px;color:#247ad5;border:solid 1px #247ad5;line-height:35px;font-size:15px;
background-color: #fff;font-weight:bold;cursor: pointer}
#btn p.loginbtn{width:160px; height:35px; margin:0 auto;text-align:center;
color:#fff;line-height:30px;font-size:17px;background-color: #666;font-weight:bold;cursor: pointer}

#btn_list3 p span a.btn_gray{float:right;margin-left:8px;padding: 0 25px;color:#555;border:solid 1px #bfbfbf;line-height:35px;font-size:15px;
background-color: #fff;font-weight:bold;cursor: pointer}
#btn_list3 p span a:hover.btn_gray{float:right;margin-left:8px;padding: 0 25px;color:#333;border:solid 1px #b7b7b7;line-height:35px;font-size:15px;
background-color: #f7f7f7;font-weight:bold;cursor: pointer}


a.btn_gray02{float:right;margin-left:8px;padding: 0 15px;color:#333;border:solid 1px #bfbfbf;line-height:25px;font-size:10px;
background-color: #fff;font-weight:bold;cursor: pointer}
a:hover.btn_gray02{float:right;margin-left:8px;padding: 0 15px;color:#247ad5;border:solid 1px #247ad5;line-height:25px;font-size:10px;
background-color: #fff;font-weight:bold;cursor: pointer}