html, body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, span, form, fieldset, input, select, label, textarea, table, caption, thead, tfoot, tbody, tr, th, td
{margin:0;padding:0;font:14px/1.5 '나눔고딕','nanumgothic','맑은고딕','Malgun Gothic', 돋움,Dotum,굴림,Gulim,Sans-serif;color:#555;}
button, span, strong, input, b, em{font-size:inherit;font-family:inherit;color:inherit;font-style:normal}
section, article, aside, header, footer, nav, hgroup, dialog, details, summary, figure, figcaption {display: block;}
cite{display:inline}
html, body {height:100%;} 
body {margin:0px;background:#f3f3f3;overflow-x:hidden; overflow-y:auto;}
a{color:#555}
a:link {text-decoration:none;} 
a:visited {text-decoration:none;}
img{border:0;}
label, input, textarea, select{vertical-align:middle}
ol, ul{list-style:none;} 
table{border-collapse:collapse;table-layout:fixed;}
fieldset{border:none}
button{margin:0;padding:0;background:none;border:0;outline:none;cursor:pointer}



/*layout*/
#header{
	position:absolute;top:0;left:0;
	width:100%;min-width:1200px;
	background:url(../img/bg/header.png) repeat-x;
	z-index:500
}
header{
	position:relative;
	box-sizing:border-box;width:1200px;margin:0 auto;
}
header h1{
	width:110px;
/*    height:95px;*/
	padding-top:67px;
/*    margin:0 auto*/
}
header #sns{
	position:absolute;top:5px;left:0;
}
header #sns a{transition:.3s;-webkit-transition:.3s;opacity:0.7}
header #sns a:hover{opacity:1}

header #sns span{
    display: inline-block;
    vertical-align: top;
    margin-top: 5px;
    padding-left: 10px;
    color: #fff;
}
header #user{
	position:absolute;top:6px;right:-4px;
}
header #user>span{
	display:inline-block;
	margin-top:4px;padding:0 8px;
	font-size:12px;color:#fff;vertical-align:top
}
header #user span+a{
	background:url(../img/bg/line.png) no-repeat 0 5px;
	padding-left:14px
}

header #user a{
	display:inline-block;
	margin-top:4px;padding:0 8px;
	font-size:12px;color:#fff;vertical-align:top
}
header #user a+a{
	background:url(../img/bg/line.png) no-repeat 0 5px;
	padding-left:14px
}
header #user span a{
	color :#e4ac15;
	padding-left : 10px;
}
header #aside{
	position:absolute;top:105px;right:0;
	box-sizing:border-box;width:307px;height:34px;
	padding-top:4px;
	background:url(../img/bg/header_aside.png)
}
header #aside a{
	display:inline-block;
	background:url(../img/bg/dot.png) no-repeat 0 8px;
	padding:0 9px 0 18px;
	font-size:13px;color:#fff
}
header #aside a:first-child{
	background:none;margin-left:10px
}
header #btn_menu{
	position:absolute;top:88px;right:0;
	display:inline-block;width:40px;height:30px;
	background:url(../img/btn_allMenu.png);
	transition:.2s;-webkit-transition:.2s;
	font-size:0;vertical-align:top
}
header #btn_menu.on{background-position:0 -30px}
#gnb{
    /* width: 840px; */
    width: 1000px;
    /* overflow: hidden; */
    position: relative;
    top: -46px;
    /* left: 298px; */
    left: 220px; 
}
#gnb > li{float:left;position:relative;height:80px}
#gnb > li > a{
	display:block;box-sizing:border-box;height:50px;
	padding:12px 28px 0;
	font-size:18px;color:#333;font-weight:600;
	transition:.3s;-webkit-transition:.3s;
}
#gnb > li > a.on{color:#8b705a}
#gnb > li > a:hover{padding-top:15px;color:#8b705a}

ul.dropdown-content {
  display: none;border:1px solid #e5e5e5;background-color: #fff;padding:10px 25px;left:0;position: absolute;width:140px;top: 60px;
}
ul.dropdown-content li{display:block;margin-bottom:5px !important; padding:5px 0 !important;}
ul.dropdown-content li+li{border-top:1px solid #e5e5e5;}
ul.dropdown-content li:hover{width:100%;}
ul.dropdown-content li a{color:#333;font-size:15px;font-weight:400;line-height:1.3em !important;}
ul.dropdown-content li a:hover{color:#8b705a;font-weight:700} 


.fixed #header{
	position:fixed;top:-90px;height:90px;
	background-position:0 -15px;
    background:url(../img/bg/fixed_header.png)repeat-x;
	border-bottom:1px solid rgba(0,0,0,0.3)
}
.fixed header{
	padding:68px 0 0 0
}
.fixed header #sns,
.fixed header #user,
.fixed header #aside,
.fixed header h1 img{display:none}
.fixed header h1{
	position:absolute;top:25px;left:0;
	width:219px;height:54px;
	padding:0;
	background:url(../img/logo_wh.png) 
}
.fixed header #btn_menu{top:29px}
.fixed #gnb > li > a{color:#fff !important}
.fixed #all_menu{top:90px}
#all_menu{
	position:absolute;top:130px;left:0;
	width:100%;min-width:1200px;
	background:rgba(0,0,0,0.8);box-shadow:0 1px #666;
	z-index:505;display:none
}
#all_menu div{
	position:relative;
	margin-left:30%;
	width:1200px;margin:0 auto;
	overflow:hidden 
}
#all_menu div dl{
	float:left; 
	box-sizing:border-box;
/* 	width:171.4px; */
	/* width:12.5%; */
	width : 14%;
	height:320px;
	border-left:1px solid rgba(255,255,255,0.4);
	padding:0 20px;

}

#all_menu div dl:hover{
	background:rgba(0,0,0,0.3)
}
#all_menu div dl:first-child{border:0}
#all_menu div dl dt{
	padding:27px 0 10px;
	font-size:20px;color:#fff;
}
#all_menu div dl dd a{
	display:block;
	background:url(../img/bg/dot1.png) no-repeat 0 11px;
	padding-left:12px;line-height:1.9em;
	font-size:15px;color:#fff;letter-spacing:-0.5px;
	transition:.3s;-webkit-transition:.3s;opacity:0.5
}
#all_menu div dl dd a:hover{opacity:1}

#all_menu div dl:nth-child(8), #all_menu div dl:nth-child(9){
	width: 100%;
	height: 60px;
	overflow:hidden;
	padding-top: 15px;
	border-top: 1px solid rgba(255,255,255,0.4);
	border-left: 0;
}
#all_menu div dl:nth-child(8) dt, #all_menu div dl:nth-child(9) dt{
	float : left;
	padding : 0;
}
#all_menu div dl:nth-child(8) dd, #all_menu div dl:nth-child(9) dd{
	float : left;
	margin-left: 25px;
}
/*
#all_menu div dl:nth-child(7),
#all_menu div dl:nth-child(8){
	width:100%;height:60px;overflow:hidden;
	padding-top:15px;
	border-top:1px solid rgba(255,255,255,0.4);border-left:0
}
#all_menu div dl:nth-child(7) dt,
#all_menu div dl:nth-child(8) dt{
	float:left;padding:0
}
#all_menu div dl:nth-child(7) dd,
#all_menu div dl:nth-child(8) dd{
	float:left;margin-left:25px
}
*/


#all_menu button{
	position:absolute;bottom:10px;right:0;
	width:40px;height:40px;
	background:url(../img/btn/close.png);
	font-size:0
}
#all_menu button:hover{background-color:#000}

footer{
	position:relative;width:1200px;height:134px;
	margin:0 auto
}
footer h2{padding-top:21px}
footer div{
	position:absolute;top:59px;right:-1px
}
footer div .select{width:150px;}
footer div a{display:inline-block;}
footer div a:nth-child(3){margin-right:8px}
footer div span.customStyleSelectBoxInner{
	background:#f3f3f3 url(../img/foot_select.png) no-repeat 90% center;
}
footer p{position:absolute;top:35px;left:180px}
footer p a{
	display:inline-block;
	background:url(../img/bg/line2.png) no-repeat 0 4px;
	padding:0 10px 0 10px;
	font-size:12px;color:#999
}
footer p a:first-child{
	background:none;padding-left:0
}
footer p a:hover{color:#666}
footer address{
	position:absolute;top:65px;left:180px;
	font-size:12px;color:#999;font-style:normal;line-height:1.8em
}
footer address span{color:#666}


#container{
	position:relative;
	width:100%;
	min-width:1200px;
	min-height:80%;
	background:#fff repeat-x 0 265px;padding-top:130px;
}

#container.main{
	background: #fff url(../img/main/main.png) no-repeat center 156px;
    padding-top: 546px;
}
/*main-banner*/
.main_banner{	
	width: 100%;
    height: 380px;
    background-image: url(../img/main/main.png);
    background-size: cover;
    border: 0;	
    text-align:center;
}

.main #main_gallery {
    position: relative;
    width: 893px;
}
/*sub-banner*/
.sub_banner{
	position:absolute;top:158px;
	width:100%;	
	text-align:center;	
}
.sub_banner img{
	max-width:1920px;
}
	
.main #main_gallery h3, .main #movie h3 {
    height: 42px;
    line-height: 42px;
    background: #8b705a;
    margin-bottom: 10px;
    padding-left: 22px;
    font-size: 16px;
    color: #fff;
}
.main #main_gallery ul {
    box-sizing: border-box;
    width: 100%;
    height: 220px;
    padding-top: 19px;
    border: 1px solid #c4c4c4;
    border-left-color: #e5e5e5;
    border-top-color: #e5e5e5;
}

.main #main_gallery ul li {
    float: left;
    position: relative;
    width: 270px;
    height: 180px;
    background-position: center;
    background-size: cover;
    margin-left: 16px;
}

.main #main_gallery ul li:first-child {
    margin-left: 24px;
}
.main #main_gallery>a, .main #movie>a {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    padding: 0 18px;
    height: 42px;
    line-height: 42px;
    font-size: 0;
    background: url(../img/btn/more.png)no-repeat 0;
}
.main #main_gallery ul li a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 40px 20px 0;
    background: rgba(0,0,0,0.7);
    text-align: center;
    font-size: 13px;
    color: #fff;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s;
    overflow: hidden;
}

.main #main_gallery ul li:hover a {
    opacity: 1;
}

.main #main_gallery ul li a b {
    display: block;
    height: 50px;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    line-height: 1.3em;
    margin-bottom: 25px;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}
.main #movie {
    position: absolute;
    top: 589px;
    right: 0;
    width: 285px;
}
.main #movie p {
    position: relative;
    width: 283px;
    height: 218px;
    background: url(../img/main/moive.png);
    border: 1px solid #c4c4c4;
    border-left-color: #e5e5e5;
    border-top-color: #e5e5e5;
}
.main #movie p:hover a {
    opacity: 1;
}
.main #movie p a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 50px 20px 0;
    background: rgba(0,0,0,0.7);
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    line-height: 1.3em;
    opacity: 0;
    transition: .3s;
    -webkit-transition: .3s;
    overflow: hidden;
}

hgroup{
	position:relative;
	width:1200px;margin:0 auto;margin-top:240px;
}

hgroup h2{
	box-sizing:border-box;height:113px;
	padding-top:35px;
	border-bottom:3px solid #e4ac15;
	font-size:30px;color:#000;letter-spacing:-1px
}
hgroup h2 span{
    font-size:14px;
    color:#666666;
	
}
hgroup p{
	position:absolute;top:75px;right:0
}
hgroup p a,
hgroup p span{
	display:inline-block;
	background:url(../img/bg/arrow.png) no-repeat 0 5px;
	padding-left:13px;margin-left:12px;
	color:#777;vertical-align:top
}
hgroup p a:first-child{
	width:14px;height:14px;
	padding:0;margin-top:2px;
	background:url(../img/btn/home.png);
	font-size:0;
}
hgroup p em:before {
    content: '>';
    padding: 5px;
}

#lnb{
	width:100%;
	border-bottom:1px solid #dedede;
	text-align:center;
}
#lnb li{
	display:inline-block;
	padding:0 15px;
}
#lnb li a{
	display:inline-block;
	box-sizing:border-box;height:50px;
	padding-top:15px;
	font-size:15px;color:#777;font-weight:600;
	transition:.3s;-webkit-transition:.3s;
}
#lnb li a:after{
	content:'';
	display:block;width:0;height:2px;
	margin:12px auto 0;
	background:#e4ac15;
	transition:.3s;-webkit-transition:.3s;
}
#lnb li a.on,
#lnb li a:hover{color:#000}
#lnb li a.on:after,
#lnb li a:hover:after{
	width:100%
}

#lnb_menu{width:100%;overflow:hidden;margin-bottom:20px}
#lnb_menu li{float:left;width:11.1%}
#lnb_menu li a{
	box-sizing:border-box;display:block;height:34px;line-height:33px;
	border:1px solid #bdbdbd;border-left:0;
	font-weight:600;color:#666;text-align:center
}
#lnb_menu li:first-child a{border-left:1px solid #bdbdbd;}
#lnb_menu li a.on{
	background:#939da7;border-color:#939da7;
	color:#fff
}


article{
	position:relative;
	width:1200px;
	margin:0 auto;padding:67px 0 80px;
}


/*input & btns*/
.select_area{position:absolute;right:0;top:20px}
.select_area select{width:140px; z-index: 99999}
.select_wrap{position:relative;}
.select{height:20px;cursor:pointer}
span.customStyleSelectBox{
	display:inline;vertical-align:1px;*vertical-align:-1px;
	border:1px solid #bdbdbd;
	vertical-align:top
}
span.customStyleSelectBoxInner{
	box-sizing:border-box;width:95px;height:33px;line-height:33px;padding-left:10px;
	background:#fff url(../img/btn/select.png) no-repeat right top;
}
input.txt{
	display:inline-block;box-sizing:border-box;
	width:100%;height:35px;line-height:35px;padding:0 10px;
	border:1px solid #dedede;
}
input[type='checkbox']{
	position:relative;
	width:21px;height:21px;
	-webkit-appearance:none;
	background:url(../img/bg/input_checkbox.png) no-repeat;
	border:none;border-radius:0;outline:none
}
input[type='checkbox']:checked:after{
	content:' ';
	position:absolute;top:0;left:0;
	display:inline-block;width:21px;height:21px;
	background:url(../img/bg/input_checkbox.png) no-repeat 0 -21px;
}
input[type='radio']{
	position:relative;
	width:21px;height:21px;
	-webkit-appearance:none;
	background:url(../img/bg/input_radio.png) no-repeat;
	border:none;border-radius:0;outline:none
}
input[type='radio']:checked:after{
	content:' ';
	position:absolute;top:0;left:0;
	display:inline-block;width:21px;height:21px;
	background:url(../img/bg/input_radio.png) no-repeat 0 -21px;
}
.btn_calender{
	position:absolute;margin:6px 0 0 -30px;
	display:inline-block;width:22px;height:22px;
	background:url(../img/btn/calender.png);
	font-size:0
}
label input{
	margin-right:10px
}
label+label{margin-left:25px}

textarea{
	display:inline-block;box-sizing:border-box;
	width:100%;height:280px;padding:10px;
	border:1px solid #dedede;resize: none;
}

.btn_r{text-align:right;padding-top:30px}
.btn_c{text-align:center;padding-top:30px}
.btn_c a, .btn_r a{
	display:inline-block;
	box-sizing:border-box;min-width:100px;height:34px;line-height:32px;
	padding:0 20px;
	border:1px solid #f7a60b;
	text-align:center;color:#f7a60b;font-weight:600
}
a.green{border-color:#73b31a;color:#73b31a}
a.red{border-color:#e24d4d;color:#e24d4d}
a.gray{border-color:#bdbdbd;color:#666}
.btn_board{
	display:inline-block;box-sizing:border-box;
	min-width:80px;height:35px;line-height:35px;padding:0 10px;
	border:1px solid #bdbdbd;background:#f7f7f7;
	text-align:center;color:#000;vertical-align:top
}
.btn_board2 {
    display: inline-block;
    box-sizing: border-box;
    min-width: 80px;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid #e24d4d;
    border-bottom-color: #e24d4d;
    text-align: center;
    font-size: 13px;
    color: #e24d4d;
    vertical-align: middle;
}
.btn_board2.brown {
    border-color: #8B705A;
    border-bottom-color: #8B705A;
    background: #fff;
    color: #8B705A;
}
.btn_board2.gray {
    border-color: #b2b2b2;
    border-bottom-color: #555;
    color: #555;
}
.btn_file{
	position:relative;
	display:inline-block;width:90px;height:30px;line-height:30px;
	border:1px solid #f2f2f2;border-bottom-color:#b2b2b2;
	overflow:hidden;
	text-align:center;color:#3366cc;font-size:13px;
	cursor:pointer;vertical-align:middle
}
.btn_file input{
	position:absolute;top:0;right:0;
	width:200px;height:200px;
	cursor:pointer;opacity:0
}
.file_list{padding-top:10px}
.file_list li{
	position:relative;
	margin-top:5px;
}
.file_list li a{
	color:#e24d4d;font-size:13px;
}
.file_list li a.del{
	display:inline-block;height:18px;line-height:18px;
	padding:0 7px 0 17px;margin-left:20px;
	border:1px solid #f2f2f2;border-bottom-color:#b2b2b2;
	background:url(../img/btn/del.png) no-repeat 7px center;
	font-size:13px;color:#999
}

/*table & list*/
.total{
	position:absolute;left:0;
	margin-top:-35px;
	font-size:12px;color:#e4ac15;font-weight:600
}
.total.push{
	padding:10px 0;margin-top:0;position: unset;
}
.total.admin {
    position: absolute;
    left: 0;
   /*  margin-top: -85px; */
    font-size: 12px;
    color: #4476e7;
    font-weight: 600;
}
.total span{
	display:inline-block;
	background:url(../img/bg/dot2.png) no-repeat right 8px;
	padding-right:15px;margin-right:12px;
	color:#555
}
.total span:before{
	content:'';display:inline-block;width:1px;height:12px;
	background:#aaa;vertical-align:-3px;
	margin:0 15px;
}
.total span:first-child:before{display:None}
#list{
	border-top:1px solid #666
}
#list li{
	position:relative;
	border-bottom:1px solid #dedede;
	padding:20px 130px 20px 90px
}
#list li.no-data{
	padding:50px 0;
	text-align:center;font-size:20px;color:#000;
}
#list li .file{vertical-align:-6px;margin-left:5px}
#list li>i{
	display:inline-block;
	background:#f86f46;border-radius:3px;
	padding:0 6px 1px;
	position:absolute;top:10px;left:0;
	font-size:12px;color:#fff;font-style:normal
}
#travel_list li>dl>dt>i{
	background:#f86f46;border-radius:3px;
	padding:0 6px 1px;
	font-size:12px;color:#fff;font-style:normal
}
#list li>span{
	display:block;height:20px;line-height:20px;
	position:absolute;left:0;top:50%;
	width:70px;
	margin-top:-10px;
	text-align:center;font-size:20px;color:#F7A60B
}
#list li>span img{
	position:absolute;left:0;top:3px;
	
}
#list li{overflow: hidden}
#list li>dl{float:left;}
#list li>dl img{margin-right:20px}

#list li .btn{
	position:absolute;top:50%;right:0;
	display:block;box-sizing:border-box;
	width:100px;height:34px;line-height:32px;
	margin-top:-17px;
	background:#fff;border:1px solid #bdbdbd;
	text-align:center;color:#666;font-weight:600
}
.btn_small{
	width:50px;height:34px;line-height:32px;
	background:#fff;border:1px solid #bdbdbd;
	text-align:center;color:#666;font-weight:600
}
#list li .btn.ing{background:#7F7F7F;border:0;color:#fff}
#list li .btn.orange{background:#f86f46;border:0;color:#fff}
#list li .btn.receipt{background:#ED7D31;border:0;color:#fff}
#list li .btn.answer{background:#FF8A00;border:0;color:#fff}
#list li .btn.play{
	right:20px;
	width:44px;height:44px;
	margin-top:-22px;
	background:url(../img/btn/play.png) no-repeat;
	font-size:0;border:0
}
#list li .btn.play:hover{background-position:-44px 0}
#list li dl dt span{
	display:block;
	font-size:13px;color:#84a555
}
#list li dl dt a{
	display:inline-block;padding-bottom:3px;margin:5px 0;
	border-bottom:1px dashed #fff;
	font-size:20px;color:#000;line-height:1.2em
}
#list li dl dd span{
	display:inline-block;
	background:url(../img/bg/dot2.png) no-repeat 0 8px;
	padding-left:15px;margin-left:12px;
	font-size:13px;color:#888
}
#list li dl dd span:first-child{background:none;padding-left:0;margin-left:0}
#list li dl dd a{
	display:inline-block;
	margin-left:25px;
	font-size:0;vertical-align:-5px;
}
#list li>em{
	position:absolute;top:50%;left:90px;
	display:block;width:95px;height:65px;
	margin-top:-33px;
	background-position:center;background-size:cover;
}
#list li>em+dl{margin-left:125px}
#list li:hover dl dt a{border-color:#2f5597;color:#2f5597}
#list li.reply{
	background:url(../img/bg/reply.png) no-repeat 36px center;
}
#list li.del{opacity:0.4}

#write{
	/*border-top:2px solid #666*/
}
#write>div{
	position:relative;
	padding:15px 0;
	border-bottom:1px solid #dedede;
}
#write h3{
	padding-bottom:10px;
	font-size:15px;color:#555;font-weight:600
}
#write h3.need:after{
	content:'*';
	padding-left:5px;
	color:#fe0000;font-weight:normal
}
#write .inline h3{
	display:inline-block;width:85px;
	padding-bottom:5px
}
#write>div>div{
	position:relative;
}
#write>div>div+div{margin-top:10px}
#write label input{}
#write textarea+p{
	margin-top:15px;color:#888;font-size:14px;
}
#write textarea+p b{
	padding-left:25px;
	font-size:14px;color:#666;font-weight:600
}
#write textarea+p b:first-child{padding-left:0}
#write textarea+p strong{
	position:absolute;right:0;
	font-size:16px;color:#e14747;font-weight:600
}
#write .reserv{
	position:absolute;margin:-5px 0 0 25px;
	color:#888
}
#write .time p{padding:8px 0}
#write .time p .customStyleSelectBox{vertical-align:0}
#write .time p label{display:inline-block;width:100px}
#view{
	border-bottom:1px solid #dedede;
}
#view+#view{padding-top:50px}
#view>h3{
	padding-bottom:20px;
	font-size:24px;color:#333;text-align:center;line-height:1.2em
}
#view>h3>b{
	display:block;
	padding-bottom:5px;
	font-size:14px;font-weight:600
}
#view>h3+p{
	padding-bottom:30px;
	text-align:center;font-size:13px;color:#888
}

#view .file_list{
	background:url(../img/bg/file.png) no-repeat 0 1px;
	padding:0 0 20px 23px;margin:10px 0 0 15px 
}
#view_ct{
	padding:0 15px 10px;
	font-size:16px;color:#888
}

#view_ct img{
	display:block;margin:0 auto;
	max-width:100%;
    margin-bottom:20px    
}

#view+#write{
	margin-top:50px;
	border-top:2px solid #2f5597
}

#sub_file{
    padding:10px 0 0 0;
    margin-top:15px;
    border-top:1px solid #E0E0E0;
    
}

#sub_file table tr td{
padding:0 5px 0 0  
}
#sub_file table tr td img{
    vertical-align:middle
}
#sub_file ul{
    position:relative;
    top:-23.5px;
    left:93px
}
#sub_file ul li:last-child{
    margin-bottom:-12px
    
}
#sub_file ul li a{
    color:#0068ac;
}




#comment{
	padding-top:30px
}
#comment fieldset{
	background:#fff;border:1px solid #dedede;
	text-align:right;color:#666
}
#comment fieldset textarea{
	height:82px;
	border:0;border-bottom:1px solid #f0f0f1
}
#comment fieldset a{
	display:inline-block;width:100px;height:38px;line-height:38px;
	background:#8B705A;
	margin-left:20px;
	text-align:center;color:#fff
}
#comment fieldset b{color:#f8b500}
#comment h4{
	padding:45px 0 15px;
	color:#666
}
#comment h4 b{color:#f8b500}
#comment>ul{
	border-top:2px solid #666
}
#comment>ul ul{
	background:#fbfbfb
}
#comment>ul li{
	position:relative;
	border-bottom:1px solid #dedede
}
#comment>ul li>b{
	display:block;
	padding:18px 0 8px;
}
#comment>ul li>time{
	display:block;
	padding:20px 0;
	font-size:12px;color:#888
}
#comment>ul li>p{
	position:absolute;right:20px;
	margin-top:-45px;
}
#comment>ul li>p a{
	display:inline-block;
	width:53px;height:23px;line-height:22px;
	background:#fff;border:1px solid #dedede;border-radius:2px;
	text-align:center;font-size:13px;color:#999
}
#comment>ul li li{
	border-top:1px solid #dedede;border-bottom:0;
	padding:0 20px
}
#comment>ul li li fieldset{margin-top:20px}
#comment>ul li li>b{
	background:url(../img/bg/reply2.png) no-repeat 0 20px;
	padding-left:18px
}
#comment>ul li.del{opacity:0.5}
#comment>ul li.del p{display:none}

.pagination{
	padding:30px 0;
	text-align:center
}
.pagination a{
	display:inline-block;
	margin:0 5px;
}
.pagination a{
	width:40px;height:40px;line-height:40px;
	background:url(../img/btn/paging0.png);
	text-align:center;color:#555;vertical-align:top
}
/*d임은영*/
.pagination a.on{
	background:#8a705b;
	color:#fff;
}
.pagination+.btn_r{
	position:absolute;right:0;
	padding:0;margin-top:-70px
}
.pagination .btn{
	position:absolute;top:85.5%;right:-5px;
	display:block;box-sizing:border-box;
	width:100px;height:34px;line-height:32px;
	margin-top:-17px;
	background:#fff;border:1px solid #255087;
	text-align:center;color:#255087;font-weight:600;
        
}
form#idSearchForm {
   /*  margin-top: -450px; */
   margin-top: -30px;
   height: 110px;
   /* position:absolute */
}
form#idSearchForm.board {
   /*  margin-top: -450px; */
}
#search_box{
	/* position:relative;  */
	top:12px; left:363px;
	padding:20px 0;
	text-align:center
}
#search_box .select_wrap{text-align:left}
#search_box .select{width:150px;}
#search_box .txt{
	width:390px;
	background:url(../img/bg/search.png) no-repeat 95% center
}
#search_box2{
	position:relative;
	border:1px solid #eee;background:#f9f9f9;
	padding:10px 0;
	line-height: 2.8em;
}
#search_box2 label{padding:0 10px 0 50px;width:100px;font-weight:600}
#search_box2 label:first-child {
    margin-right: 34px;
}
#search_box2 label:nth-child(8) {
    margin-right: 48px;
}
#search_box2 .btn_board{
	position:absolute;top:10px;right:20px;
	background:#8B705A;
	color:#fff
}
#search_box2 .customStyleSelectBox{vertical-align:middle}
#search_box2 .txt{
	display:inline-block;
	margin-left:15px
}
#search_box2 .btn_board2{
	height:35px;line-height:35px;
	background:#435cc8;
	color:#fff
}

td.blue_point {
    color: #216AB5;
    font-weight: 600;
}
td.red_point {
    color: #FF3333;
    font-weight: 600;
}
table caption{
	padding:0 0 8px 20px;
	background:url(../img/bg/title.png) no-repeat 0 5px;
	text-align:left;font-weight:600;font-size:16px;color:#333
}
.listTable{
	width:100%;
	border-top:1px solid #666;
}
.listTable th{
	padding:10px 0;
	border-bottom:1px solid #dedede;background:#f9f9f9;
	font-weight:600;color:#333
}
.listTable th>span {
    color: #F7A60B;
}
.listTable td {
    border-bottom: 1px solid #dedede;
    padding: 18px 10px;
    height: 30px;
    text-align: center;
    font-size: 18px;
}
.listTable td>span{
	color : #F7A60B;
}
.listTable td.al{text-align:left}
.listTable .tr_total td{color:#ff3333}
.writeTable{
	width:100%;
	border-top:1px solid #666;
}
.writeTable th{
	border-bottom:1px solid #dedede;
	background:#f9f9f9;
	padding-left:25px;
	font-weight:600;color:#333;text-align:left
}
.writeTable th.need:after{
	content:'*';
	padding-left:5px;
	color:#fe0000;font-weight:normal
}
.writeTable td{
	height:35px;
	padding:10px 15px;
	border-bottom:1px solid #eee;
}
.writeTable td span.txt{color:#888;font-size:13px;padding-left:15px}
.viewTable tr th{
	color : #999;
}
.normalTable{width:100%}
.normalTable caption{margin-top:30px}
.normalTable th{
	border:1px solid #dedede;background:#f9f9f9;
	padding:5px;font-weight:600
}
.normalTable td{
	border:1px solid #dedede;
	padding:5px;
	text-align:center;
}
.normalTable td.al{text-align:left;padding-left:25px}


/*etc*/
.point_red{color:#ff3333 !important}
.point_blue{color:#3366cc !important}
.point_green{color:#10893e !important}
.point_gray{color:#7f7f7f !important}
.ml20{margin-left:20px}

.chart>span{
	position:relative;
	display:inline-block;width:600px;height:20px;
	box-sizing:border-box;border:1px solid #f2f2f2;border-bottom:1px solid #b2b2b2
}
.chart>span em{
	display:inline-block;
	position:absolute;top:0px;left:0px;
	height:18px;background:#c1cce0;
}
.chart>b{
	display:inline-block;height:20px;line-height:20px;
	margin-left:15px;
	color:#3366cc;vertical-align:top
}

.caution{
	background:url(../img/bg/caution.png) no-repeat 0 2px;
	padding:0 0 10px 22px;margin-top:10px;
	font-size:13px;color:#333
}
ul.caution{border:1px solid #ddd;background:url(../img/bg/caution2.png) no-repeat;margin-top:15px;padding:20px 20px 20px 100px}
ul.caution li{color:#777;line-height:1.7em;font-size:13px}



/*main*/

.main article{
	padding:0 0 40px;
}

/*main_지부소식*/
.main #news {
    margin-top: 20px;
}
.main #news h2{
    font-size:18px;
    font-weight:bold;
    padding-bottom:10px
}
.main #news ul{
    overflow: hidden
}
.main #news ul li{
    float:left;
    width:294px;
    height:335px;
    border:1px solid #eaeaea;
    
}
.main #news ul li:nth-child(2){margin:0 5px}
.main #news ul li:nth-child(3){margin-right: 5px}

.main #news ul li p{padding: 0 19px; color:#555}
.main #news ul li p img{padding-top:19px}
.main #news ul li p.title{
    padding:19px;
    font-size:18px; font-weight:bold;
}
.mt160{
	margin-top:160px
}
.main #news ul li p:last-child{padding-top:10px}
.main #news ul li p.date{padding-top:49px}
.main #news ul li p span{color:#999; }

/*main_노동조합일정*/
.schedule_bg {
    background:#0067ac;
    width: 100%;
    height: 60px;
    position: relative;
    top: 80px;
    margin-top: -97px;
}
.main #schedule{
    
    position:relative;
    top:2px;
	padding-left:310px;
	margin-bottom : 30px;
	box-sizing:border-box;border:0;

 
}
.main #schedule h2{
	position:absolute;top:0;left:0;
	height:60px;line-height:60px;
    padding-left:50px;
	background:url(../img/main/schedule.png) no-repeat 12px center;
	color:#fff;font-size:16px
    
}
.main #schedule h2 b{
	display: inline-block;
    background: url(../img/bg/line.png) no-repeat 0 center;
    padding-left: 16px;
    margin-left: 30px;
    font-size: 14px;
    color: #fff;
    font-weight: 600;
}
.main #schedule ul li{
	float:left;
	box-sizing:border-box;width:300px !important;
	background:url(../img/bg/line.png) no-repeat 0 center;
	padding:0 20px;
	vertical-align:top;
    
}
.main #schedule ul li a{
	display:block;height:60px;line-height:60px;
	overflow:hidden;
	color:#fff;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
}
.main #schedule>a{
	position:absolute;top:0;right:0;
	display:block;height:60px;line-height:60px;
	padding-right:15px;
	background:url(../img/main/schedule_more.png) no-repeat right center;
	color:#fff
}
/*main_배너(공지,설문,위원장,문화)*/
.main #info{}
.main #info ul{overflow: hidden;margin-bottom:20px}
.main #info ul li{
    float:left;
    width:390px; height:350px;
}
.main #info ul li:nth-child(2){padding:0 15px}
.main #info ul li .notice{
    height:350px;background:url(../img/main/bn1.jpg) no-repeat
}
.main #info ul li .question{
    height:350px;background:url(../img/main/bn2.jpg) no-repeat
}
.main #info ul li .greeting{
    height:350px;background:url(../img/main/bn3.jpg) no-repeat
}
.main #info ul li .culture{
    height:350px;background:url(../img/main/bn4.jpg) no-repeat
}

.main .bn ul {
    width: 100%;
    overflow: hidden;
    margin: 30px 0;
    border: 1px solid #c4c4c4;
    border-left-color: #e5e5e5;
    border-top-color: #e5e5e5;
}

/*24.01.03  index 페이지 연혁 삭제로 인한 크기 조정*/
.main .bn ul li {
    float: left;
    width: 33.3%;
}
.main .bn ul li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 118px;
    border-left: 1px solid #e5e5e5;
    padding: 0 0 0 120px;
    background: url(../img/main/bn2_a.png) no-repeat 31px center;
    color: #999;
    letter-spacing: -1px;
    padding-right: 51px;
}
.main .bn ul li:first-child a {
    border: 0;
}
.main .bn ul li a b {
    display: block;
    padding: 40px 0 5px;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    line-height: 1em;
}
.main .bn ul li:nth-child(2) a {
    background-image: url(../img/main/bn2_b.png);
}
.main .bn ul li:nth-child(3) a {
    background-image: url(../img/main/bn2_c.png);
}
.main .bn ul li:nth-child(4) a {
    background-image: url(../img/main/bn2_d.png);
}
.main .bn ul li a:after {
    content: '';
    position: absolute;
    top: 51px;
    left: 259px;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/main/btn.png) no-repeat;
}

.main #info ul li .greeting p:nth-child(2):after{
    background: #fff;
    left: 180px;
    width: 0px;
}
.main #info ul li .notice p:nth-child(2):after{
    background: #fff;
    left: 589px;
     
}
.main #info ul li .question p:nth-child(2):after{
    background: #fff;
    left: 989px;
     
}
.main #info ul li .culture p:nth-child(2):after{
    background: #fad53c;
    left: 180px;
     
}

.culture{color:#624c42;}


.main #bn li{
	clear:both
}
.main #bn li:first-child a{border:0}

.main #bn li a{
	display:block;
	border-top:1px solid #a1a1a1;
	font-size:0
}

.main #greeting a{font-size:0;line-height:0}
.main #bn2{
	width:100%;overflow:hidden;
	margin:30px 0;
	border:1px solid #c4c4c4;border-left-color:#e5e5e5;border-top-color:#e5e5e5;
}
.main #bn2 li{
	float:left;
	width:25%
}
.main #bn2 li a{
	position:relative;
	display:block;box-sizing:border-box;height:118px;
	border-left:1px solid #e5e5e5;
	padding:0 0 0 116px;
	background:url(../img/main/bn2_a.png) no-repeat 20px center;
	color:#999;letter-spacing:-1px;
}
.main #bn2 li a b{
	display:block;
	padding:23px 0 5px;
	font-size:20px;color:#333;font-weight:600;line-height:1em
}
.main #bn2 li:first-child a{
	border:0
}
.main #bn2 li a:after{
	content:'';
	position:absolute;top:78px;left:117px;
	display:block;width:22px;height:22px;
	background:url(../img/main/btn.png)
}
.main #bn2 li:nth-child(2) a{background-image:url(../img/main/bn2_b.png)}
.main #bn2 li:nth-child(3) a{background-image:url(../img/main/bn2_c.png)}
.main #bn2 li:nth-child(4) a{background-image:url(../img/main/bn2_d.png)}


/*main_우리지부 갤러리*/
#gallery    {
    width: 405px;
    position: absolute;
    top: 452px;
    left: 410px;
}
#gallery h2{    
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 10px;
}
.edge {
    border: 1px solid #eaeaea;
    width: 788px;
    height: 311px;
}
.scroll-text {
  width: 400px;height: 4.5em;
  overflow: hidden;
}
.scroll-img {
    position:relative;
    display:inline-block;
    width: 700px; height: 261px;
    margin: 25px 41px;
    overflow: hidden;
    font-size: 0;
    transition: all 0.4s ease-out;

}
.scroll-img ul {
    width: 1500px; height: 259px;
    margin: 0;
}
.scroll-img ul li {
    display: inline-block;
    margin: 10px 0 10px 10px;
    cursor:pointer;
}

.scroll-img ul li img{
    transition: all 0.4s ease-out;
}

.text {
    position: absolute;
    width:100%;
    margin-top: -212px;
}

.text h3{
    margin:20px 0 0 0;
    font-size:18px;font-weight:600;
    text-align: center;
    color:#fff
}
.text p{
    margin:20px 0 0 0;
    line-height: 25px;
    text-align: center;
    color:#ccc
}
.animate-text
{
    opacity:0;

}
.scroll-img ul li:hover
{
    background-color:#000; 
    transform:scale(1.05);
}
.scroll-img ul li:hover img
{
    opacity: 0.2;
  
}
.scroll-img ul li:hover .animate-text
{
    opacity:1;
}


#scrollbox-btn {
    width: 680px;
    padding-top: 10px;
    text-align:center;
  
}
.btn { padding:0 10px; line-height:20px;}

#scrollbox-btn p {
    position: relative; top: -193px; left:10px;
    width: 3px;height:40px;
    background:url(../img/btn/prev.png) no-repeat;
    text-indent: 9999999px;
    cursor:pointer;
}
#scrollbox-btn2 p {
    position: relative;top: -233px;left: 758px;
    width: 3px;height:40px;
    background:url(../img/btn/next.png) no-repeat;
    text-indent: 9999999px;
    cursor: pointer;
}

#scrollobx-backward{}

#scrollbox-backward{width:24px; height:24px; display:block; }
#scrollbox-backward:hover{ background-position:0 -40px}

#scrollbox-forward{width:24px; height:24px; display:block; }
#scrollbox-forward:hover{ background-position:0 -40px}

/*main 수정 2018-06-29 */

.main_top > ul {
    width: 100%;
    overflow: hidden;
    margin: 20px 0;    
}
.main_top > ul > li {
    float: left;
}

.main #greeting {
	position: absolute;
	top : 90px;
	left: 0;
	border: 1px solid #e5e5e5;
	font-size: 0;
	overflow: hidden;
	height: 317px;
   /*  width:293px;
    border: 1px solid #e5e5e5;
    font-size: 0;
    margin-right:20px */
}

.main #greeting a p{
	background: rgba(0,0,0,0.5);
	position: absolute;
    bottom: 0px;
    width: 96%;
    color: #fff;
    text-align: center;
    height: 25%;
    padding: 10px;
    overflow: hidden;
}

.main #greeting a p span {
    display: block;
    width: 456px;
    height: 87px;
    overflow: hidden;
}

#greeting h3 {
    position: absolute;
    top: 15px;
    left: 25px;
    font-size: 16px;
    color: #333;
    font-weight: 600;
}

.main #tab_area {
   	border: 1px solid #e5e5e5;
    margin-left: 501px;
    height: 317px;
    overflow: hidden;
}
.main #tab_area #tab_menu {
    width: 200px;
    float: left;
}
.main #tab_area #tab_menu li {
    width: 200px;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}
.main #tab_area #tab_menu li a {
    display: block;
    position: relative;
    padding: 28.9px;
    text-align: center;
}
/* .main #tab_area #tab_menu li:first-child a {
    border-left: 0;
} */
.main #tab_area #tab_menu li a.active {
    background: #8b705a;
    color: #fff;
    font-weight: 600;
}
/* .main #tab_area #tab_menu li a.active:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    display: block;
    width: 100%;
    height: 6px;
    background: url(../img/main/tab.png) no-repeat center 0;
} */
.main #tab_area div {
    padding: 10px 20px;
    margin-left: 200px;
}
.main p.title {
    font-size: 18px;
    padding: 10px 10px 25px;
    font-weight: 600;
}
.main #tab_area div ul {
    width: 473px;
    height: 220px;
    overflow: hidden;
}
.main #tab_area div li {
    line-height: 2;
}
.main #tab_area div li a {
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #666;
    width: 340px;
}
.main #tab_area div li time {
    color: #999;
    position: relative;
    top: -12px;
    left : 38px;
}
.main #tab_area div > a {
    /* display: block; */
    color: #e4ac15;
    text-align: right;
    padding-right: 10px;
    background: url(../img/bg/more_bg.png)no-repeat right;
    position: absolute;
    top: 114px;
    left: 1130px;
    font-weight: 600;
    font-size: 13px;
}
.main #tab_area div li:before {
    content: "·";
    padding-right: 5px;
    position: relative;
    top: -10px;
}
/* .main #tab_area div li {
    position: relative;
    background: url(../img/bg/dot2.png) no-repeat 0 10px;
    padding: 0 110px 0 8px;
    line-height: 1.8em;
}
.main #tab_area div li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
} */

.info_banner > ul {
    width: 100%;
    overflow: hidden;
    margin: 50px 0 70px;    
}
.info_banner > ul li {
    float: left;
    width: 20%;
}
.info_banner > ul li a {
    position: relative;
    display: block;
    box-sizing: border-box;
    height: 118px;
    border: 1px solid #c4c4c4;
    padding: 10px 0 0 100px;
    background: url(../img/main/bn2_a.png) no-repeat 20px center;
    color: #999;
    letter-spacing: -1px;
}

.info_banner > ul li+li a {
    margin-left: 10px;
}
    
.info_banner > ul li:nth-child(2) a {
    background-image: url(../img/main/bn2_b.png);
}
.info_banner > ul li:nth-child(3) a {
    background-image: url(../img/main/bn2_c.png);
    padding-left:90px;
}
.info_banner > ul li:nth-child(4) a {
    background-image: url(../img/main/bn2_e.png);
    padding-left:90px;
}
.info_banner > ul li:nth-child(5) a {
    background-image: url(../img/main/bn2_d.png);
    padding-left:80px;
}

.info_banner > ul li a b {
    display: block;
    padding: 23px 0 5px;
    font-size: 20px;
    color: #333;
    font-weight: 600;
    line-height: 1.3em;
}

.info_banner > ul li a:after {
    content: '';
    position: absolute;
    top: 35px;
    right: 15px;
    display: block;
    width: 22px;
    height: 22px;
    background: url(../img/main/btn.png);
}





/*sub*/
#container.sub{
   
	background:url(../img/sub/sub_visual1.gif) no-repeat center 134px;
    background-color: #fff;

}

#container>p{
	text-align: center;
	color : #fff;
	font-size: 34px;
	position: absolute;
	top: 240px;
	width: 100%;
	z-index: 1;
}




/*sub_지부소개*/
#chief{width:1000px;margin:0 auto;font-size:15px;color:#666;line-height:1.8em}
#org_map{text-align:center;padding: 30px 0}
#org_map .org_map {border:1px solid #e1e1e1;}
#history #nav{position:relative;height:25px;background:url(../img/etc/history0.png) repeat-x;overflow:hidden;margin-bottom:20px}
#history #nav input{position:absolute;top:0;z-index:10}
#history #nav ul{width:100%;height:25px;overflow:hidden;}
#history #nav ul li{float:left;}
#history #nav ul li:first-child{margin-left:22px;}
#history #nav ul li:last-child a{background:none}
#history #nav ul li a{display:block;width:100px;height:25px;line-height:25px;background:url(../img/etc/history1.png) no-repeat;text-align:center;font-size:12px;color:#aaa}
#history #nav ul li a:hover,
#history #nav ul li a.on{background-image:url(../img/etc/history2.png);color:#fff;font-size:14px}
#history #history_prev{left:0}
#history #history_next{right:0}
#history_wrap{position:relative;box-sizing:border-box;width:100%;padding-right:5px;height:546px;overflow:auto;overflow-x:hidden;border-bottom:1px solid #e1e1e1;}
#history .list{position:relative;border:1px solid #e1e1e1;padding-bottom:10px;margin-bottom:20px}
#history .list h3{border-bottom:1px dotted #e1e1e1;font-size:0;margin-bottom:20px}
#history .list li{position:relative;padding:0 15px 10px 200px}
#history .list li time{position:absolute;left:50px}
#staff_info{overflow:hidden}
.executive{
	width: 100%;
	overflow: hidden;
}
.executive h3 {
    background: no-repeat 0 8px;
    padding: 0 0 10px 24px;
    font-size: 18px;
    font-weight: 600;
}
.executive dl {
    float: left;
    position: relative;
    width: 236px;
    height: 199px;
    border: 1px solid #e1e1e1;
    margin: 0 60px 40px 0;
    padding-left: 174px;
}
.executive dl dt {
    padding: 30px 0 10px;
    font-size: 18px;
    color: #333;
}
.executive dl dt img {
    position: absolute;
    top: 7px;
    left: 6px;
    display: block;
    border: 1px solid #eaeaea;
    padding: 10px;
    width: 129px;
   height: 161px;
}
.executive dl dd.point_blue {
    margin-top: 10px;
}
.executive div{
	padding : 0 150px;
	width: 100%;
}
/* #staff_info #menu{
	padding:20px 0 1px;
	background:#dedede
}
#staff_info #menu dl{
	width:100%;overflow:hidden;
	margin-bottom:20px
}
#staff_info #menu dl dt,
#staff_info #menu dl dd{
	float:left;
	box-sizing:border-box;height:35px;line-height:35px;
	margin-left:20px;
	text-align:center;
}
#staff_info #menu dl dt{
	width:195px;
	background:#47adb9;
	color:#fff
}
#staff_info #menu dl dd a{
	display:block;box-sizing:border-box;height:35px;line-height:35px;width:215px;
	background:#fff;border:1px solid #c0c0c0;
	color:#555
}
#staff_info #menu dl dd a.on{background:#a1a1a1;color:#fff}
#staff_info table{
	width:1201px;margin:25px 0 0 -1px;
	border-top:2px solid #666
}
#staff_info table th{
	padding:10px 0;
	border-bottom:1px solid #dedede;border-left:1px solid #dedede;
	font-weight:600;color:#333
}
#staff_info table td{
	padding:13px;
	border-bottom:1px solid #dedede;border-left:1px solid #dedede;
	text-align:center
}
#staff_info table td.al{text-align:left !important;padding-left:20px}
#staff_info table td img{width:100%} */

#year20 ul{
	width:1260px;overflow:hidden;
	margin:-60px 0 0 -60px
}
#year20 ul li{
	float:left;
	width:192px;margin:60px 0 0 60px;
}
#year20 ul li a{
	display:block;position:relative;
	border:1px solid #ccc;
	padding:15px;
}
#year20 ul li a span{
	display:block;width:100%;height:162px;
	background-size:cover;background-position:center;background-repeat:no-repeat
}
#year20 ul li a b{
	position:absolute;left:0;bottom:0;
	display:block;box-sizing:border-box;width:60px;height:60px;
	padding-top:16px;
	background:#ccc url(../img/etc/year20.png) no-repeat right 0;
	font-size:13px;color:#fff;text-align:center;line-height:1.2em
}
#year20 ul li a:hover b{background-color:#db2d4e}
#map>div{
	border:1px solid #ccc;
	margin-bottom:50px
}
#map iframe {
    width: 100%;
}
#map p {
    border: 1px solid #ddd;
    background: #f9f9f9;
    padding: 20px;
}
#map i {
    padding: 8px 10px;
}

/*지부소식*/
#schedule_head{position:relative;padding-bottom:20px;text-align:center}
#schedule_head h2 b{font-size:25px;color:#666;line-height:25px;padding:0 15px}
#schedule_head h2 *{vertical-align:-11px}
#schedule_head ul{position:absolute;top:0;left:0;width:300px;overflow:hidden;text-align:left}
#schedule_head ul li{display:inline-block;}
#schedule_head p{position:absolute;top:0;right:0}
#schedule_head ul a,
#schedule_head p a{
	display:inline-block;border:1px solid #ddd;
	min-width:50px;height:25px;line-height:25px;padding:0 10px;
	color:#666;font-size:12px;text-align:center;font-weight:600
}
#schedule_head p a b{color:#f7a60b}
#schedule_head ul a.active{border-color:#f7a60b;background:#f7a60b;color:#fff}
#schedule{width:100%;border-top:2px solid #000;}
#schedule table{width:100%}
#schedule table th{border:1px solid #ddd;padding:8px 0;background:#f7f7f7;font-size:13px;font-weight:600}
#schedule table td{border:1px solid #ddd;height:100px;vertical-align:top}
#schedule table td.sun{background:#f9f4fe}
#schedule table td.sun span{color:#ee2d24}
#schedule table td.n{background:#f9f9f9}
#schedule table td.n span{color:#ddd}
#schedule table td.today{background:#e7eff7}
#schedule table td span{display:block;font-size:12px;padding:5px 10px;font-weight:600;color:#999}
#schedule table td ul{position:relative}
#schedule table td li{height:20px}
#schedule table td li a{
	display:block;height:17px;line-height:17px;padding:0 10px;
	background:#e86400;border-radius:3px;
	overflow:hidden;white-space:nowrap;text-overflow:ellipsis;
	color:#fff;font-size:12px;font-weight:600
}
#schedule table td li p{
	position:absolute;width:190px;max-height:80px;padding:5px 10px;margin-top:6px;
	background:#aaa;border-radius:3px;
	color:#fff;font-size:12px;z-index:10;display:none
}
#schedule table td li p:after{
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;left:20px;
	pointer-events: none;
	border-color: rgba(170,170,170, 0);
	border-bottom-color: #aaa;
	border-width: 8px;
	margin-left: -8px;
}
#schedule table td li p time{display:block;font-size:12px}
#schedule table td li.day1{width:134px}
#schedule table td li.day2{width:269px}
#schedule table td li.day3{width:404px}
#schedule table td li.day4{width:539px}
#schedule table td li.day5{width:674px}
#schedule table td li.day6{width:809px}
#schedule table td li.day7{width:944px}
#schedule table td li.color2 a{background:#db2d37}
#schedule table td li.color3 a{background:#c1001f}
#schedule table td li.color4 a{background:#56510d}
#schedule table td li.color5 a{background:#908217}
#schedule table td li.color6 a{background:#828162}
#schedule_list ul li{position:relative;border:1px solid #ddd;border-top:0;padding:12px 0 12px 230px}
#schedule_list ul li time{position:absolute;left:30px;display:inline-block;width:200px;color:#888}
#schedule_list ul li a{color:#333}
#schedule_list ul li a:hover{color:#024fa1}
#schedule_list ul li.no_data{text-align:center;padding-left:0}

/*sub_설문 & 퀴즈*/
#view .survey_apply{
	padding-bottom:20px
}
#view .survey_apply h4{
	padding:15px 0;margin-bottom:15px;
	border-top:2px solid #dedede;border-bottom:2px solid #dedede;
	font-size:16px;font-weight:600;line-height:1.2em;
}
#view .survey_apply>span{
	display:block;margin-bottom:10px;
	font-size:15px;color:#3366cc
}
#view .survey_apply>ul li{padding:5px 0}
#view .survey_apply fieldset{
	background:#fff;border:1px solid #dedede;
	text-align:right;color:#666
}
#view .survey_apply fieldset textarea{
	height:82px;
	border:0;border-bottom:1px solid #f0f0f1
}
#view .survey_apply fieldset a{
	display:inline-block;width:100px;height:38px;line-height:38px;
	background:#3366cc;
	margin-left:20px;
	text-align:center;color:#fff
}
#view .survey_apply fieldset b{color:#3366cc}
#view .survey_apply.effet li label{
	display:block;margin-bottom:5px;
	font-size:13px
}
#view .survey_winner{border-bottom:1px solid #dedede;margin-bottom:60px}
#view .survey_winner h4{
	border-top:2px solid #3366cc;border-bottom:2px solid #3366cc;
	color:#3366cc
}
#view .survey_winner ul{width:100%;overflow:hidden}
#view .survey_winner ul li{
	float:left;width:25%;height:30px;line-height:30px
}
#view .survey_winner ul li b{color:#3366cc;font-weight:Normal}

/*복리후생*/
#corp_list dl{position:relative;margin-bottom:15px;padding-left:230px}
#corp_list dl dt{position:absolute;top:0;left:0;border:1px solid #d6d6d6;box-shadow:0 4px #eeeeed;width:218px;height:144px;text-align:center;font-size:18px;font-weight:600}
#corp_list dl dt span{display:block;width:100%;height:100px;line-height:100px;text-align:center;vertical-align:middle}
#corp_list dl dt span img{font-size:0;vertical-align:middle}
#corp_list dl dd{border:1px solid #d6d6d6;background:#f4f4f4;box-shadow:0 4px #eeeeed;height:144px;padding:0 20px;word-break:keep-all}
#corp_list dl dd a{display:inline-block;margin:20px 0 10px;font-size:16px;color:#4178be}
#lnb_menu+.welfare{display:block}
.welfare{padding:0 20px;display:none}
.welfare h3{
	padding:30px 0 8px;
	font-weight:600;font-size:16px
}
.welfare *{line-height:1.8em}
.welfare p,
.welfare dl{
	padding:0 0 10px 20px
}
.welfare dl dd,
.welfare ul li{
	background:url(../img/bg/dot2.png) no-repeat 0 10px;
	padding-left:10px
}

/*자료방*/
#gallery_list{border-top:2px solid #675b52}
#gallery_list li{position:relative;border-bottom:1px solid #e7e6e6;min-height:180px;padding:20px 0 20px 300px;}
#gallery_list li>a{position:absolute;top:20px;left:0}
#gallery_list li>a img{width:270px;height:180px;}
#gallery_list li h3{height:85px}
#gallery_list li h3 a{font-size:18px;color:#333;line-height:1.4em}
#gallery_list li h3 a:hover{color:#024fa1}
#gallery_list li h3 time{display:block;margin-top:5px;font-size:13px;color:#999}
#gallery_list li dl{width:100%;overflow:hidden;}
#gallery_list li dt{height:25px;padding-right:8px;text-align:right;font-size:13px;color:#024fa1}
#gallery_list li dd{float:left;border:1px solid #ccc;width:105px;height:70px;margin-left:5px;overflow:hidden;background:url(../img/bg/gallery_list.png) no-repeat center}
#gallery_list li dd img{width:100%;;height:70px}
#video_list{width:1220px;overflow:hidden;margin-left:-20px;}
#video_list li.no-data{
	width:100%;
	padding:50px 0;
	text-align:center;font-size:20px;color:#000
}
#video_list li{float:left;position:relative;width:224px;margin:0 0 20px 20px;overflow:hidden;}
#video_list li a{position:relative;display:block;box-sizing:border-box;border:1px solid #ddd;overflow:hidden;}
#video_list li a.on{border-color:#333}
#video_list li a b{display:block;height:60px;margin-top:122px;padding:5px 10px;font-size:12px;color:#555}
#video_list li a span{position:absolute;top:0;left:50%;display:block;width:244px;height:142px;margin:-22px 0 0 -122px;overflow:hidden;text-align:center}
#video_list li a span img{width:222px}
#video_list li a span:after{content:'';display:block;width:40px;height:50px;background:url(../img/btn/play2.png) no-repeat;background-size:100% auto;position:absolute;top:55px;left:50%;margin-left:-20px;z-index:1}
#video_list li.view{width:1200px;overflow:hidden;margin:0 0 20px 20px;background:#333}
#video_list li.view>div{float:left;width:560px;font-size:0;margin:5px}
#video_list li.view>b{float:right;box-sizing:border-box;width:600px;padding:50px 50px 20px 0;display:block;color:#fff;font-size:15px}
#video_list li.view>b span{display:block;padding-top:10px;color:#eee;font-size:14px}
#video_list li.view>time{position:absolute;right:30px;bottom:20px;color:#fff}
#video_list li.view>p{position:absolute;left:600px;bottom:15px;}
#video_list li.view>p a{
	display:inline-block;width:60px;height:25px;line-height:25px;
	border:0;background:#999;border-radius:3px;color:#fff;text-align:center;font-size:12px
}
#video_list li.view>input{position:absolute;top:5px;right:5px}

/*pop*/
.pop_wrap{
	position:fixed;top:0;left:0;
	width:100%;height:100%;
	background:rgba(0,0,0,0.5);
	z-index:1000;
	display:none
}
.pop_ct{
	position:fixed;top:50%;left:50%;
	width:650px;
	margin-left:-325px;
	background:#fff
}
.pop_ct.large {
    width: 1000px;
    margin-left: -500px;
}
#pop_code .pop_ct {
    position: fixed;
    top: 20%;
    left: 50%;
    width: 500px;
    background: #fff;
    border: 2px solid #5d5147;
    margin-left: -250px;
}
#idPopSurveyQuestAdd .pop_ct,#idPopScheduleWrite .pop_ct,#idPopScheduleInfo .pop_ct {
	top:20% !important;
}
#pop_code .pop_ct.medium {
    width: 700px;
    margin-left: -350px;
}
.pop_ct h2,.pop_ct h3{
	height:60px;line-height:60px;
	padding-left:22px;
	background:#8B705A;
	font-size:23px;color:#fff;letter-spacing:-1px
}
.pop_ct>div {
    box-sizing: border-box;
    max-height: 60vh;
    overflow: auto;
    padding: 20px;
}
.pop_ct .btn_close,.pop_ct .pop_close{
	position:absolute;top:10px;right:10px;
	display:block;width:40px;height:40px;
	background:url(../img/btn/close2.png);
	font-size:0
}
.pop_ct .btn_c,
.pop_ct .btn_r{padding-top:10px}
.pop_ct .btn_c{padding:20px 0}
.pop_ct textarea{height:100px}
.pop_article{
	position:relative;max-height:550px;overflow:auto;overflow-x:hidden;
	border:1px solid #dedede;border-top:0;
	padding:20px
}
.pop_article .search{padding-bottom:20px}
.pop_article .search label{
	display:inline-block;width:80px;height:35px;line-height:35px;
	box-sizing:border-box;
	border:1px solid #dedede;border-right:0;
	background:#10893e;
	text-align:center;color:#fff;vertical-align:top
}
.pop_article .search a,
.pop_article .search .btn_file{
	display:inline-block;
	box-sizing:border-box;
	width:80px;height:35px;line-height:33px;
	border:1px solid #bdbdbd;background:#2f5597;
	color:#fff;font-size:14px;text-align:center
}
.pop_article h3.box_title{
	box-sizing:border-box;height:45px;line-height:45px;
	background:#787878;border-bottom:1px solid #5c5c5c;
	margin-bottom:10px;
	text-align:center;font-size:17px;color:#fff
}
#pop_message1 ul{
	box-sizing:border-box;
	height:265px;overflow:auto;overflow-x:hidden;
	border:1px solid #dedede;
}
#pop_message1 ul li{
	height:43px;line-height:43px;
}
#pop_message1 ul li span{
	display:inline-block;
}
#pop_message1 ul li b{color:#fe0000;font-weight:600}
#pop_message1 ul li span:nth-child(1){	width:60px;text-align:center}
#pop_message1 ul li span:nth-child(2){	width:90px;}
#pop_message1 ul li span:nth-child(3){	width:70px;}
#pop_message1 ul li span:nth-child(4){	width:140px;}

#pop_message2 .list_wrap{
	width:100%;overflow:hidden
}
#pop_message2 .list_wrap>div{
	float:left;
	box-sizing:border-box;
	width:280px;
}
#pop_message2 .list_wrap>div+div{
	float:right
}
#pop_message2 .list_wrap ul{
	box-sizing:border-box;height:265px;overflow:auto;overflow-x:hidden;
	border:1px solid #dedede;
	padding-bottom:5px
}
#pop_message2 .list_wrap ul li{
	padding:10px 10px 4.5px
}
#pop_message2 .list_wrap ul li input{vertical-align:-5px}
#pop_message3 #write,
#pop_message3 #write>div{border:0}
#pop_message3 ul{
	box-sizing:border-box;height:290px;overflow:auto;overflow-x:hidden;
	border:1px solid #dedede;
	padding-bottom:5px
}
#pop_message3 ul li{padding:10px 10px 7px}

.survey_example{border:1px solid #eee;margin-top:20px}
.survey_example li{
	padding:7px 0 7px 20px;
}
.survey_example li:nth-child(odd){
	background:#f9f9f9
}
.survey_example label{
	display:inline-block;width:50px;
	font-weight:600
}
.survey_example a{
	box-sizing:border-box;display:inline-block;height:35px;width:35px;
	margin-left:10px;
	background:url(../img/btn/close.png) no-repeat;background-size:100% auto;
	vertical-align:top;
	font-size:0
}
.survey_example input{margin-left:10px}
#pop_quiz_write .point_red{padding-top:15px;text-align:right}
#pop_quiz_write .point_red+.survey_example{margin-top:10px}

/*login*/
#container.login{background:#fff}
#login_box{
	width:933px;height:447px;margin:30px auto 50px;
	border:6px solid #e5e5e5;
}
#login_box h2{padding:60px 0 40px;text-align:center;font-size:0}
#login_box fieldset{margin:0 0 0 245px;position:relative;}
#login_box fieldset p{padding-bottom:10px}
#login_box fieldset p label{
	display:inline-block;width:120px;padding:0 0 0 21px;
	background:url(../img/etc/login_bg2.png) no-repeat 0 6px;
	font-size:18px;color:#333
}
#login_box fieldset p:first-child label{background-image:url(../img/etc/login_bg1.png)}
#login_box fieldset p input{
	border:1px solid #e5e5e5;
	width:322px;height:48px;line-height:48px;
	padding:0 10px;font-size:16px;color:#999
}
#login_box fieldset>label{display:block;padding:10px 0 0 105px;font-size:16px}
#login_box fieldset>span{display:block;padding:40px 0 0 60px}
#login_box fieldset>span a{
	display:inline-block;width:168px;height:55px;line-height:55px;
	border:1px solid #675b52;
	text-align:center;font-size:16px;color:#675b52;font-weight:600
}
#login_box fieldset>span a:first-child{background:#675b52;color:#fff}
#login_box fieldset>span a:last-child{margin-left:15px}
#pop_findPw .pop_ct{width:400px;margin-left:-200px}
#pop_findPw fieldset input{margin-bottom:10px}

#pop_sns .pop_ct{width:400px;margin-left:-200px}
#pop_sns .btn_close{
	top:10px;right:-50px;
}

#pop_clause h3{
	padding:20px 0 8px;
	font-weight:600;font-size:16px
}
#pop_clause h3:first-child{padding-top:0}
#pop_clause ul,
#pop_clause dl{
	padding:0 0 10px 20px
}
#pop_clause dl dd,
#pop_clause ul li{
	background:url(../img/bg/dot2.png) no-repeat 0 10px;
	padding-left:10px
}
#pop_clause  .pop_article p{padding:0 0 10px 20px}

.error {
	width:700px;height:400px;
	text-align:center;margin:0 auto;
	background:url(../img/error.png) no-repeat center;
}
.error dd{
	color:#ff0000;padding-top:200px;
	font-size:18px;border-radius:10px
}

/*문화행사*/
#travel_list li{
    position: relative;
    border-top: 2px solid #8B705A;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 30px;
    min-height: 225px;
}  
#travel_list li dt {
    height: 44px;
    line-height: 44px;
    background: #f7f7f7;
    border-bottom: 1px solid #e4e4e4;
    padding: 0 20px;
    margin-bottom: 15px;
    font-size: 16px;
    color: #555;
    font-weight: 600;
}
#travel_list li dd {
    padding-left: 240px;
    line-height: 2.2em;
}
#travel_list li>img {
    position: absolute;
    top: 60px;
    left: 20px;
    display: block;
    width: 190px;
    border: 1px solid #8B705A;
    font-size: 0;
    height: 150px;
}  
#travel_list li>p {
    position: absolute;
    top: 60px;
    right: 0;
}
#travel_list li>p a {
    display: block;
    width: 123px;
    height: 28px;
    line-height: 26px;
    border: 1px solid #8B705A;
    margin-bottom: 5px;
    text-align: center;
    color: #8B705A;
}
#travel_list li>p a.apply {
    border-color: #8B705A;
    background: #8B705A;
    color: #fff;
}

.display_block{
	display: block;
}
.display_none{
	display : none;
}
/* 메인 팝업 */
.main-pop { position: absolute; left:33%; top:100px; width:800px;height:590px;background: url(../img/main/bg_survey.png) no-repeat center;background-size:cover;box-sizing: border-box; z-index:8000; }
.main-pop .body {display:table;width:100%}
.main-pop .body .content {height:542px;box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:center;padding:70px 0 40px}
.main-pop .body .txt {color:#4a3819;font-size:22px;font-weight:600;letter-spacing:-1px;line-height:3.0em;overflow-y:auto;margin-top:40px;margin-bottom: 20px;}
.main-pop .today {position: relative; text-align: right; padding-top:8px;}
.main-pop .today label { margin-right:14px;letter-spacing: 0;font-size:20px;color:#4a3819; }
.main-pop .today input {width:20px;height:20px;}
.bg-pop { position: fixed; left: 0; height:100%; width:100%; top:0; background: rgba(0,0,0,0.8); z-index:7000;}

#greeting a>img{
	width: 478px;
}