/* wrap */
.wrap {width: 1100px; margin: 0 auto;}

/* topBanner */
.topBanner {width: 100%; background: #98ddd8;}
.topBanner .topBn01 {display: block; width: 1100px; margin: 0 auto;}


.headerWrap {width: 100%;}
.headerW_main {position: absolute; top: 0; left: 0; z-index: 100; background: rgba(255,255,255,0.5)}

/* header */
.header {position: relative; width: 1100px; height: 80px; margin: 0 auto;}
.header .logo {display: block; position: absolute; width: 143px; height: 43px; top: 50%; left: 17px; margin: -21px 0 0 0;}
.header .service_section {float: right; padding: 10px 5px 0 0;}
.header .service_section .top_menu {clear:both; float: right; padding: 11px 0;}
.header .service_section .top_menu li {float: left; padding: 0 12px; font-size: 13px; background: url(/images/ico_bar.gif) no-repeat 100% center;}
.header .service_section .top_menu li:last-child {background: none;}
.header .service_section .top_menu li a {color: #919191;}
.header .service_section .main_menu {float: right; width: 251px; font-size: 14px;}
.header .service_section .main_menu a {display: inline-block; padding: 0 3px; vertical-align: middle;}
.header .service_section .main_menu .searchArea {display: block; border-radius: 20px; background: #e1e1e1;}
.header .service_section .main_menu .searchArea input {box-sizing: border-box; width: 212px; height: 30px; line-height: 30px; padding: 0 20px; font-size: 14px; border: none; background: transparent;}
.header .service_section .main_menu .searchArea a {display: inline-block; padding: 4px 14px 0 0; vertical-align: middle;}


/* 4월 21일 임승연 header 수정 */
.nav{position: relative; width: 1100px; margin: 0 auto;}

.gnb {width: 1100px; margin: 0 auto; text-align: center;}
.gnb {width: 100%;}
.gnb > li{position: relative; float: left;}
.gnb > li > a{display:block; width:100%; height:100%; padding: 5px 40px 18px 0; font-weight: bold;}
.gnb > li > a:hover,
.gnb > li > a.current {color: #b01d22}

.sub_gnb {display: none; position: absolute; width: 160px; top: 42px; left: 0; z-index: 500; border: 1px solid #232323}
.sub_gnb li {text-align: left; font-size: 14px;}
.sub_gnb li a {display: block; height: 42px; line-height: 42px; padding-left: 12px; background: #fff;}
.sub_gnb li a.current,
.sub_gnb li a:hover {color: #fff; background: #b01d22;}



/* 카테고리 경로 */
.category_dept {min-width: 1100px; height: 35px; background: #f6f6f6;}
.category_dept ul {width: 1100px; margin: 0 auto;}
.category_dept ul li {float: left; padding: 0 16px 0 0; margin: 0 10px 0 0; line-height: 35px; font-size: 11px; background: url(/images/ico_arrow_dept.gif) no-repeat right center;}
.category_dept ul li:last-child {background: none;}


/* footer */
.footerWrap {min-width: 1100px; clear: both; color: #fff;}
.footerWrap .snsArea {width: 1100px; margin: 0 auto 15px;}
.footerWrap .snsArea li {display: block; float: left; width: 29px; height: 29px; padding: 0 10px 0 0;}
.footerWrap .footer {background: #0b0c0e;}
.footerWrap .footer .top_menu {height: 54px; text-align: center; background: #333333;}
.footerWrap .footer .top_menu li {display: inline-block; line-height: 54px; font-size: 13px;}
.footerWrap .footer .top_menu li a {padding: 0 45px; color: #fff;}
.footerWrap .footer .top_menu li a:hover {opacity: 0.5;}
.footerWrap .footer .main_menu {position: relative; width: 1100px; padding: 45px 0; margin: 0 auto;}
.footerWrap .footer .main_menu ul {clear: both; padding: 0 0 8px 0;}
.footerWrap .footer .main_menu ul li {float: left; padding: 0 10px; font-size: 12px; background: url(/images/ico_vert_bar.gif) no-repeat right center;}
.footerWrap .footer .main_menu ul li:last-child {background: none;}
.footerWrap .footer .main_menu p {padding: 30px 0 0 0; font-size: 10px;}
.footerWrap .footer .main_menu .footer_logo {display: block; position: absolute; width: 131px; height: 39px; top: 50%; right: 20px; margin: -19px 0 0 0;}



/* DATE : 2017-04-11 */
input:disabled, textarea:disabled {color: #666; border: 1px solid #e0e0e0; background: #fbfbfb;}
input:read-only, textarea:read-only {color: #666; border: 1px solid #e0e0e0; background: #fbfbfb;}


/* 
DATE : 2017-04-18
WRITER : 최예진
*/
.footerWrap .footer .top_menu li>a {padding: 0 45px; color: #fff;}


/*	동적 이미지업로드 css
	작성자 : 박상웅
*/
input[type="image"] {
	margin: 1px  0 0 0;
	vertical-align: top;
	border: hidden;
}

.fileDel {
	background-image: url(/img/front/common/board/btn_delete.gif);
    background-repeat: no-repeat;
    background-position: center;
    width: 12px;
    height: 12px;
    padding: 5px 5px 5px 5px;
    cursor: pointer;
    border: none;
}


/* 
DATE : 2017-04-18
WRITER : 최예진
*/
.footerWrap .footer .top_menu li>a {padding: 0 45px; color: #fff;}