@charset "utf-8";

body{}
img{max-width:100%;}
.cBlue{color:#487cc7;}
/*///////////////////// header /////////////////////*/
#wrap{position:relative;max-width:750px;margin:0 auto;background-color:#f8f8f8;}

#header{position:fixed;max-width:750px;width:100%;top:0;background-color:#333333;padding:20px 0;z-index:1000;}
#header:after{content:"";display:block;clear:both;}
#header .logo{position:absolute;left:50%;margin-left:-29%;top:50%;margin-top:-2%;width:60%;}
#header .gnb_bg{position:absolute;left:0;right:0;top:0;bottom:0;background-color:#000;z-index:10;display:none;}
#header .btn_lang{width:18%;position:absolute;right:5px;top:0;}
#header .btn_lang button{width:100%;background:none;border:none;}
#header .gnb_menu{float:left;position:relative;4px;display:block;width:30px;height:24px;margin-left:2%;overflow:hidden;z-index:11;}
#header .gnb_menu span{position:absolute;display:block;width:100%;height:4px;background-color:#fff;
	transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-webkit-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-moz-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
	-o-transition: all 0.35s cubic-bezier(0.215, 0.610, 0.355, 1.000);
}
#header .gnb_menu span.top{top:0;}
#header .gnb_menu span.middle{top:50%;margin-top:-2px;}
#header .gnb_menu span.bottom{bottom:0;}
#header .gnb_menu.on span.top{top:0;
	transform: translate3d(0, 10px, 0) rotate(225deg);
	-webkit-transform: translate3d(0, 10px, 0) rotate(225deg);
	-moz-transform: translate3d(0, 10px, 0) rotate(225deg);
	-o-transform: translate3d(0, 10px, 0) rotate(225deg);
	-ms-transform: translate(0, 10px) rotate(45deg);
}
#header .gnb_menu.on span.middle{top:50%;margin-top:-2px;
	transform: translate3d(0, 150px, 0) rotate(-720deg);
	-webkit-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-moz-transform: translate3d(0, 150px, 0) rotate(-720deg);
	-o-transform: translate3d(0, 150px, 0) rotate(-720deg);	
}
#header .gnb_menu.on span.bottom{bottom:0;
	transform: translate3d(0, -10px, 0) rotate(-225deg);
	-webkit-transform: translate3d(0, -10px, 0) rotate(-225deg);
	-moz-transform: translate3d(0, -10px, 0) rotate(-225deg);
	-o-transform: translate3d(0, -10px, 0) rotate(-225deg);
	-ms-transform: translate(0, -10px) rotate(-45deg);
}


#gnb_top{position:absolute;left:0;right:0;top:-1080px;height:100%;padding-top:64px;background-color:#000;z-index:999;
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
}
#gnb_top.on{top:0;}
#gnb_top ul{border-top:3px solid #333;}
#gnb_top ul li{width:100%;padding:15px 0;border-bottom:2px solid #333;}
#gnb_top ul li a{display:block;width:100%;}

.header_box{height:64px;width:100%;}
/*///////////////////// header End /////////////////////*/






/*///////////////////// container /////////////////////*/
#container.main{background-color:#000;padding-top:0;}
.visual_text{background-color:#000;text-align:center;padding:40px 25px 30px 25px;}
.main_visual {position:relative;}
.main_visual .bx-pager{position:absolute;left:50%;margin-left:-48px;bottom:2%;z-index:99;}
.main_visual .bx-pager:after{content:"";display:block;clear:both;}
.main_visual .bx-pager .bx-pager-item{float:left;margin:0 4px;}
.main_visual .bx-pager .bx-pager-item a{width:16px;height:16px;display:inline-block;text-indent:-9999em;background:url("../img/main/main_visual_dot.png") no-repeat left -16px;}
.main_visual .bx-pager .bx-pager-item a:hover{background-position:left 0;}
.main_visual .bx-pager .bx-pager-item a.active{background-position:left 0;}
/*///////////////////// container End /////////////////////*/






/*///////////////////// footer /////////////////////*/
#footer{background-color:#2e2e2e;}
#footer address{color:#888;line-height:16px;font-size:11px;padding:20px 15px;}
.quick{position:fixed;right:-12%;top:84px;width:12%;z-index:52;
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;}
.quick.on{right:0;}
.quick .btn_quick{position:absolute;left:-30px;top:0;width:30px;height:33px;background:url('../img/main/q_menu_btn_bg.png') no-repeat;background-size:cover;color:#fff;outline:none;}
.quick .btn_quick span{color:#fff;display:inline-block;
	transition: all 0.35s;
	-webkit-transition: all 0.35s;
	-moz-transition: all 0.35s;
	-o-transition: all 0.35s;
}
.quick.on .btn_quick span{
	transform: rotate(180deg);
	-webkit-transform:  rotate(180deg);
	-moz-transform:rotate(180deg);
	-o-transform: rotate(180deg);
}

.quick .quick_menu{background:url('../img/main/q_bg.png') repeat;}
.quick .quick_menu li{border-bottom:1px solid #26629e;padding:5px 0;}
/*///////////////////// footer End /////////////////////*/






/*///////////////////// common /////////////////////*/


/*단방향 일반 게시판_답변하기X*/
.list01{text-align: center; width: 100%;}
.list01 th{background-color: #f3f3f3; line-height: 31px; border-top:3px solid #ff6960; border-bottom:1px solid #dfdfdf; font-weight: 700;}
.list01 td{background-color: white; line-height: 31px; border-bottom: 1px solid #d4d4d4;}
.list01 td a{color: #666; text-decoration: none;}
.list01 .subject{text-align: left;}
.list01 .subject a:hover{color:#ff6960;}
.list01 .num a{color: #bbb;}
.list01 .name a{color: #bbb;}
.list01 .datetime a{color: #bbb;}
.list01 .hit a{color: #bbb;}


/*쌍방향 비밀 게시판_답변하기*/
.list_secret{text-align: center; width: 100%;}
.list_secret th{background-color: #f3f3f3; line-height: 31px; border-top:3px solid #ff6960; border-bottom:1px solid #dfdfdf; font-weight: 700;}
.list_secret td{background-color: white; line-height: 31px; border-bottom: 1px solid #d4d4d4;}
.list_secret td a{color: #666; text-decoration: none;}
.list_secret .subject{text-align: left;}
.list_secret .subject .comment{font-size: 10px; color: red;}
.list_secret .subject .lock{display: inline-block; width: 9px; height: 11px; vertical-align: middle; background: url('../img/common/board_secret.gif')top center;}
.list_secret .subject a:hover{color:#ff6960;}
.list_secret .num a{color: #bbb;}
.list_secret .name a{color: #bbb;}
.list_secret .datetime a{color: #bbb;}
.list_secret .hit a{color: #bbb;}


/*게시판_뷰*/
.view01{text-align: left; width: 100%;}
.view01 th{background-color: #f3f3f3; padding-left: 10px; line-height: 31px; border-top:3px solid #ff6960; border-bottom:1px solid #dfdfdf; font-weight: 700; color: bbb;}
.view01 td{background-color: white; line-height: 31px; border-bottom: 1px solid #d4d4d4; color: #666;}
.view01 td span{color: #666;}
.view01 td a{ color: #666; text-decoration: none;}
.view01 td span{ color: #666;}
.view01 td p{ color: #666;}

/*게시판_버튼*/
.board_button {width: 100%; margin: 6px 0;}
.btnArr {display: block; width: 50px; line-height: 21px; text-align: center; border-radius: 4px; background-color: #ff6960; color: white; font-weight: bold;} /* btnArr : a tag */
.left_button a{float: left;	margin-right: 6px;}
.right_button a{float: right; margin-left: 6px;}

/*게시판_검색*/
.board_search{text-align: center;}
.sfl{}
.stx{height: 18px;}
.btnSearch{display: inline-block; width: 50px; line-height: 21px; text-align: center; border-radius: 4px; background-color: #ff6960; color: white; font-weight: bold;}


/*///////////////////// common End /////////////////////*/



.btn_bo_table{position:absolute;bottom:2%;left:50%;margin-left:-35%;display:inline-block;width:70%;height:100px;}