@CHARSET "UTF-8";

#wrap {
	position:relative;
}
* {box-sizing:border-box;}
.mainBg { height:650px; position:absolute; z-index:-1; background:#2a2a34;width:100%;display:block;}
.subBg { height:390px; position:absolute; z-index:-1; background:#2a2a34;width:100%;display:block;}
.headerPanel {padding-top:30px;padding-bottom:20px;}
.container_box {width:1024px;margin:0 auto;}
.topMenusEl {font-size:1.2em;}
.loginDiv {position:absolute;right:0;}
#bodyPanel {display:block;}

.tableUl {display:table;table-layout:auto; }
.tableUl > li {display:table-cell; padding:0px;vertical-align:middle;}
.tableUl > li > a {padding:10px;display:inline-block; text-align:center; }
.tableUl > li.active > a { color:#32dbe6;}
.tableUl > li > a:hover {color:#32dbe6;}

.lastCell {over-flow:auto;}

.menusEl {width:100%; color:white;}
.menusEl > li:last-child {text-align:right;}
.menusEl > li:last-child > a {color:#C0C1C5;font-family:Dotum; padding:8px; background:#383840;}
.loginEl {color:#C0C1C3;font-family:Dotum;}
.loginEl > li {text-align:right; border:1px red solid;}

.loginCssUser {min-width:110px;}

#mainTitlePanel {background:url(../img/full_bg.png) no-repeat center center; height:663px;}
#mainTitlePanel > p {left:0;right:0;margin-left:auto;margin-right:auto;position:absolute;font-size:2em; color:white; font-weight: bold; text-align:center; margin-top:333px; text-shadow:2px 2px #333333;}

#tailPanel {display:block; border-top:2px #292A33 solid;margin-top:90px; padding-top:22px; padding-bottom:30px;}
#tailPanel table {width:100%;}
#tailPanel td:last-child {text-align:right;}
#tailPanel p {margin:0;padding:0;font-family:Dotum;color:#919191;}



.txtRight {text-align:right;}
.none {padding:0 !important;}
.clear {clear:both;}

/* login panel */
.loginPanel {background:#FFFFFF; padding:80px; }
.tablePadding {padding:80px;border:1px #E6E7E7 solid;}
.loginTable {border:0px #CCCCCC solid;  }
.loginTable tr {border:0px !important;}
.loginTable td {border:0px #000000 solid; font-size:16px; font-family:Dotum;}
.tdHeight {vertical-align:middle;padding:0px !important;}
.loginBtn {width:100%;height:100%;background:#E9585D; color:white;display:blcok;padding:40px 50px 40px 50px;}

/* page deco */
.txt_gray {color:gray;}
.pageTopTitle {text-align:center; margin-top:30px;}
.pageTopTitleItem {border-top:3px #E9585D solid; display:inline-block;padding:50px 30px 50px; font-size:42px; color:white; font-weight:bold; box-sizing:border-box;}
.pagingClass {margin-top:30px;display:block;}
.pagingClass a {background:#F1F2F3; padding:11px; margin:2px; font-family:Verdana;display:inline-block;}
.pagingClass a.active {background:#30303A; color:white;}
.needLogin {background:#EEF2F3; box-sizing:border-box; padding:15px; border:1px #E1E4E5 solid;}
.pageTitle {font-size:26px; font-weight:bold;}
.formTitle {font-size:23px; font-weight:bold;}
.orderBigBtn {display:inline-block;background:#E9585D; color:white; padding:5px 20px 5px 20px;box-sizing:border-box;}
.right {text-align:right;}
.wdth100p {width:100%; box-sizing:border-box;}
.wdth160px {width:160px;}
.normalNullPanel {margin-top:80px; border:1px #D7D8D9 solid; padding:80px;}
.pageResultTxt {text-align:center; font-size:28px;}
.marginTop20 {margin-top:20px;}
.hide {display:hidden;}
.buttonsRow {}
.buttonsRow li > a {padding:10px; background:#292A34;color:white; font-weight:bold;}
.buttonsRow li > a.golist {background:#E34F55;}
.lb_guide_title {color:#808182;}

/* company */
.countBox {margin-top:50px;}
.companyBox {margin-top:40px;}	/* ul */
.compThumb {width:205px; height:144px;}
.compListUl > ul > li {float:left;padding-top:20px; padding-bottom:20px;}
.compListUl > ul > li:first-child {padding-right:10px;}
.compListUl > ul > li:nth-child(2),.compListUl > ul > li:nth-child(3) {padding-left:10px; padding-right:10px;}
.compListUl > ul > li:last-child {padding-left:10px;}
.compListUl > ul > li dl {border:1px #D7D8D9 solid; padding:20px;}
.compListUl > ul > li dd {text-align:center; font-size:16px; margin-top:30px;}


/* mall */
.searchUl {float:right;}
.searchUl input[type='text'] {width:180px;}
.categoryUl {display:table; table-layout: auto; margin-top:50px;}
.categoryUl > li {display:table-cell; vertical-align:middle;}
.categoryUl > li > a {display:inline-block;min-width:120px !important; font-size:1.6em; font-family:Dotum; box-sizing:border-box; text-align:center; padding:20px;}
.categoryUl > li > a.active {border-bottom:6px #333333 solid;}
.mallBoxUl > li:first-child {border-bottom:1px #D7D8D9 solid;}
.mallItemBox {border:1px #D7D8D9 solid; padding:24px;margin-top:20px; margin-bottom:20px;}
.mallThumb {width:202px;height:142px;}
.mallItemTxtBox {width:550px;padding-left:20px; padding-right:20px;}
.mallItemTxtBox > ul > li {margin-top:20px; margin-bottom:20px;}
.mallItemTxtBox > ul > li:first-child > a > span {font-size:20px;}
.mallItemCat {color:#E34E41; font-weight:bold;}
.mallItemTxtBoxGuide {border-top:1px #D7D8D9 solid; padding-top:20px; color: #3E3F40; font-family:Dotum;}
.mallItemTxtPrice {width:200px; vertical-align:top;}
.mallItemTxtPrice > ul > li:first-child {background:#F2F6F7; box-sizing:border-box; padding:20px; vertical-align:middle;}
.mallItemTxtPrice > ul > li:first-child > span {font-size:20px;margin-left:20px;}
.mallItemTxtPrice > ul > li:last-child {border:1px #D7D8D9 solid;text-align:center; margin-top:10px;padding-top:15px;padding-bottom:15px;}
.mallItemTxtPrice > ul > li:last-child > span {font-family:Dotum;}
.mallItemTxtPrice > ul > li:last-child > span:last-child {color:#191CE9;} 
.goodsItemImage {text-align:center;margin-top:80px;}
.mallBuyModBtn {float:right;}
.mallBuyModBtn > a {background:#E9585D; color:white; padding:5px 20px 5px 20px;}
.panController a {padding:2px 5px 2px 5px; border:1px #D7D8D9 solid; background:#CECECE; color:white;}

/* form */
FORM {}
FORM table {box-sizing:border-box;width:100%;}
FORM table > tbody > tr {border-bottom:1px #D7D8D9 solid;}
FORM table > tbody > tr > td {padding:15px;}
FORM table > tbody > tr > td.required {background:url(../img/red_guide_right.png) center center no-repeat;}
FORM table > tbody > tr > td > textarea {width:100%;box-sizing:border-box;min-height:80px; border:1px #D7D8D9 solid;}
FORM > div > table {border:1px #D7D8D9 solid;}

/* cafe */
.mkCafe {float:right;}
.mkCafe  > a {background:#E9585D; color:white; padding:5px 20px 5px 20px;}
.cafeBoxUl {margin-top:40px;}
.cafe_room_header {padding:20px; border:1px #DCDDDE solid;}
.cafe_room_header_ul {display:table; table-layout:auto; }
.cafe_room_header_ul > li {display:table-cell; vertical-align:middle;}
.cafe_room_header_ul > li:first-child > img {width:205px; height:144px;}
.cafe_room_header_ul > li:nth-child(2) {padding-left:10px; padding-right:10px;width:600px;}
.cafe_room_header_ul > li:last-child {width:220px;}
.cafe_room_header_info_ul > li {padding:10px;}
.cafe_room_header_info_ul > li:first-child {font-size:1.4em; font-weight:bold;}
.cafe_room_header_info_ul > li:nth-child(2) {border-bottom:1px #E0E1E1 solid;}
.cafe_room_header_right_ul {}
.cafe_room_header_right_ul > li {padding:10px;text-align:center;}
.cafe_room_header_right_ul > li:first-child {background:#F2F6F7;}
.cafe_room_header_right_ul > li:first-child > span {font-size:1.4em; margin-left:20px;}
.cafe_room_header_right_ul > li:last-child {border:1px #DBDCDD solid; padding:20px;margin-top:20px;}
.cafe_room_header_right_ul > li:last-child > span {color:#191DEC;}

#cafeViewDiv {}
#cafeViewDiv table {border:1px #E7E8E8 solid;}
#cafeViewDiv table td {padding:15px; border:1px #E2E3E4 solid;}
#cafeViewDiv table td.tbTitle {background:#E8E9EA;}
.cafeViewDivContext {padding:50px; border-bottom:1px #DCDDDE solid; }
.aButtonList, .aButtonWrite {padding:5px 20px 5px 20px; border:1px #BABBBC solid; margin-left:10px;}
.aButtonEdit {padding:5px 20px 5px 20px; margin-left:10px;background:#E75057; color:white;}
.aButtonDelete {padding:5px 20px 5px 20px; margin-left:10px;background:#292A34; color:white;}
.aButtonAddWrite {padding:32px 20px 32px 20px;background:#FEFFFF; border:1px #C9CACB solid;}
#cafeAddListDiv > p {font-weight:bold;}
#cafeAddPanelDiv {padding:30px 40px 30px 40px; background:#F1F2F3;}
.addTextarea {width:100%;min-height:80px;border:1px #DADBDC solid;}
.cafeAddTxtDate {font-size:.9em; color : #78797A; margin-left:20px;}
#cafeAddDataUl > li {margin-top:10px; padding:10px 0px 20px 0px; border-bottom:1px #B6B7B8 dotted;}
#cafeAddDataUl > li > dl > dd {margin-top:10px; color:#404142;}


/* sub page */
.pageTopImage {position:relative;}
.pageTopImage > p {position:absolute; display:block; color: white; font-size:2em; text-align:center; left:0;top:35%; width:100%;}

/* mypage */
.inTableCell {}
.inTableCell table {border-top:4px #CCCCCC solid;}
.inTableCell th {background:#EEEEEE;padding:10px;text-align:center;}
.inTableCell td {text-align:center; padding:10px; border-bottom:1px #CCCCCC solid;}
.userPosterSmall {width:42px; height:42px;}


/* list */
.listTable {}
.listTable thead {background:#E8E9EA;}
.listTable th {font-weight:bold; padding:10px;}
.listTable tbody td {padding:10px; border-bottom:1px #DCDDDE solid; text-align:center; }
.listTable tbody td:nth-child(4) {text-align:left !important;}
.listTable tbody td:nth-child(4) > span {color:#E85057; font-weight:bold;}