@charset "utf-8";
body {background:url('../images/common/bg_page_pattern.gif') repeat;}

#header .rowBottom .menu,
.area {margin:0 auto; width:1150px;}
#header {position:fixed; top:0; left:0; z-index:1000; width:100%; height:111px; border-bottom:1px solid #141414; background:#fff;}
#header2 {position:fixed; top:0; left:0; z-index:1000; width:100%; height:45px; border-bottom:1px solid #141414; background:#fff; border-bottom:2px solid #78bbff;}

#header .rowTop {height:59px; border-bottom:1px solid #141414;}
#header .rowTop .bi {float:left; }
#header .rowTop .bi a img {display:block;}
#header .rowTop .etc {float:right; padding-top:16px;}
#header .rowTop .etc .welcome {float:right; line-height:22px; color:#444; font-size:16px;}
#header .rowTop .etc .btnLogin {float:right; margin-left:15px; padding:0 10px; height:22px; line-height:22px; text-align:center; color:#fff; font-size:11px; border:1px solid #252424; background:#545454;}
#header .rowBottom {height:51px; background:#555;}
#header .rowBottom .menu li {float:left; box-sizing:border-box;}
#header .rowBottom .menu li a {display:block; padding:0 26px; height:51px; line-height:51px; color:#bbb; font-size:15px;}
#header .rowBottom .menu li.active {position:relative; top:-1px; background:#fa6417; border:1px solid #b94a11;}
#header .rowBottom .menu li.active a {color:#fff;}
#container {padding-top:112px;}
#container.sub {margin:0 auto; padding:162px 0 30px; width:1150px;}
#footer {height:56px; background:#fff; border-top:1px solid #bbb;}
#footer .area .copyright {float:left; line-height:56px; color:#a3a3a3; font-size:13px;}
#footer .area .copyright .mark {color:#222;}
#footer .area .ieInfo {float:right; margin-top:21px; padding-left:21px; line-height:16px; color:#156ba0; font-size:11px; background:url('../images/common/ico_footer_ie.gif') no-repeat left;}

/* common style */
.sub .pageTop {margin-bottom:28px;}
.sub .pageTop .pageTitle {float:left; letter-spacing:-2px; color:#222; font-size:24px; font-weight:400;}
.sub .pageTop .pageSummary {position:relative; top:11px; float:left; margin-left:20px; color:#666; font-size:12px;}

.commonTab {margin-bottom:22px;}
.commonTab li {float:left; border:1px solid #d6d6d6; border-bottom:1px solid #fa6417;}
.commonTab.tow li {width:calc(50% - 2px);}
.commonTab.three li {width:calc(33.33% - 2px);}
.commonTab.four li {width:calc(25% - 2px);}
.commonTab li a {display:block; line-height:55px; color:#393939; font-size:16px; text-align:center; background:#fff;}
.commonTab li.active {border:1px solid #fa6417; border-bottom:1px solid #fff;}
.commonTab li.active a {color:#fa6417;}

.commonList table {width:100%; table-layout:fixed; background:#fff;}
.commonList th,
.commonList td {height:50px; font-size:14px; font-weight:normal; text-align:center; vertical-align:middle;}
.commonList th {color:#222; border:1px solid #c3c3c3; background:#f7f7f7; border-top:1px solid #ff9058;}
.commonList td {line-height:18px; border-bottom:1px solid #c3c3c3;}
.commonList tbody tr:hover td {background:#fafafa;}
.commonList td.left {padding:0 10px; text-align:left;}
.commonList td.reset {padding:0 20px; text-align:left; vertical-align:top;;}
.commonList td .subject {display:block; width:100%; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.commonList td p {width:100%; color:#666; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.commonList td .blue {color:#1c59a4;}
.commonList td .green {color:#1ca486;}
.commonList td .brown {color:#755536;}
.commonList td .red {color:#d50000;}
span.orange {color:#F60;}
.commonList td .stat, 
.commonList td .btnCommon {display:inline-block; padding:0 12px; height:26px; line-height:26px; color:#755536; font-size:12px; border:1px solid #755536;}
.commonList td .btnCommon.bWhite {color:#f65d00; background:#fff; border:1px solid #f65d00;}
.commonList td .btnCommon.bOrange {color:#fff; background:#f65d00; border:1px solid #b34400;}
.commonList td .stat {padding:0; width:66px;}
.commonList td .stat.sRed {color:#fff; background:#d61717; border:1px solid #a61414;}
.commonList td .stat.sGray {color:#fff; background:#858585; border:1px solid #5b5b5b;}
.commonList td .stat.sGreen {color:#fff; background:#29b828; border:1px solid #1f861e;}
.commonList td .stat.sBlue {color:#fff; background:#008fe0; border:1px solid #0068a4;}
.commonList td .stat.sBlack {color:#fff; background:#0b0b0b; border:1px solid #0b0b0b;}
.commonList td .stat.sOrange {color:#fff; background:#f65d00; border:1px solid #b34400;}
.commonList td .pic {display:block; margin:5px auto; width:178px; height:78px; border:1px solid #e8e8e8;}
.commonList td .pic.banner img {display:block; width:178px; height:78px;}
.commonList td .pic.thumbnail {width:128px;}
.commonList td .pic.thumbnail img {display:block; width:128px; height:78px;}
.commonList .btnControl {display:block; margin:0 auto; width:68px; height:25px; line-height:25px; text-align:center; border:1px solid #393939; background:#fff;}
.commonList .btnControl span {display:inline-block; padding-right:16px; color:#5e5e5e; font-size:12px; background:url('../images/common/ico_arrow_down.png') no-repeat right;}
.commonList tr.show .btnControl {background:#5e5e5e;}
.commonList tr.show .btnControl span {color:#fff; background:url('../images/common/ico_arrow_up.png') no-repeat right;}

.membList .commonList td {font-size:12px;}
.orderList .commonList td,
.aptList .commonList td,
.prdList .commonList td,
.csList .commonList td,
.bannerList .commonList td,
.suggestedList .commonList td,
.contactUsList .commonList td {font-size:13px;}

.rowTitle {margin:20px 0; padding-left:24px; color:#222; font-size:18px; font-weight:normal; background:url('../images/common/ico_title_square.png') no-repeat left;}

.commonDetail table {width:100%; table-layout:fixed; background:#fff;}
.commonDetail tr:first-child th,
.commonDetail tr:first-child td {border-top:1px solid #f65d00;}
.commonDetail th,
.commonDetail td {padding:12px 8px; vertical-align:middle; border:1px solid #c3c3c3;}
.commonDetail th {color:#222; font-size:14px; font-weight:normal; vertical-align:top; text-align:left; background:#f7f7f7;}	
.commonDetail td {color:#999; font-size:12px;}
.commonDetail td .big {font-size:14px;}
.commonDetail td .blue {color:#0066ff;}
.commonDetail td .red {color:#fa1717;}
.commonDetail td .black {color:#444;}
.commonDetail td .orange {color:#fa6417;}
.commonDetail td.noVPadding {padding:0;}
.commonDetail td .choice {position:relative; float:left; zoom:1;}
.commonDetail td .choice:after {display:block; content:""; clear:both;}
.commonDetail td .choice input[type="radio"] {position:absolute; top:0; left:-9999px;}
.commonDetail td .choice label {float:left; display:block; margin-right:10px; padding-left:26px; height:30px; line-height:30px; color:#666; font-size:14px; font-weight:normal;  background:url('../images/common/bg_radio_off.gif') no-repeat left;}
.commonDetail td .choice label span {margin:0 15px 0 12px;	color:#7c7c7c; font-size:11px;}
.commonDetail td .choice input[type="radio"]:checked + label {color:#444; background:url('../images/common/bg_radio_on.gif') no-repeat left;}
.commonDetail td .stat {display:inline-block; width:66px; height:26px; line-height:26px; color:#755536; font-size:12px; text-align:center; border:1px solid #755536;}
.commonDetail td .stat.sRed {color:#fff; background:#d61717; border:1px solid #a61414;}
.commonDetail td .stat.sGray {color:#fff; background:#858585; border:1px solid #5b5b5b;}
.commonDetail td .stat.sGreen {color:#fff; background:#29b828; border:1px solid #1f861e;}
.commonDetail td .stat.sBlue {color:#fff; background:#008fe0; border:1px solid #0068a4;}
.commonDetail td .stat.sBlack {color:#fff; background:#0b0b0b; border:1px solid #0b0b0b;}
.commonDetail td .stat.sOrange {color:#fff; background:#f65d00; border:1px solid #b34400;}
.commonDetail td .prodInfo li {padding:5px; border-top:1px solid #c3c3c3;}
.commonDetail td .prodInfo li:first-child {border-top:0;}
.commonDetail td .prodInfo li .pic {float:left; width:68px; height:68px; border:1px solid #c3c3c3;}
.commonDetail td .prodInfo li .info {float:left; margin-left:16px; padding-top:14px;}
.commonDetail td .prodInfo li .info .name {margin-bottom:12px; color:#3b3b3b; font-size:16px;}
.commonDetail td .prodInfo li .info dl {float:left; margin-right:20px;}
.commonDetail td .prodInfo li .info dl dt,
.commonDetail td .prodInfo li .info dl dd {display:inline-block; color:#999; font-size:12px;}
.commonDetail td .detail {line-height:20px; color:#999;}

.product .commonDetail th,
.product .commonDetail td {line-height:20px;}
.product .commonDetail td .prodPic {max-width:100%; border:1px solid #c3c3c3;}

.pageBtns {margin-top:30px;}
.pageBtns .btn {display:block; float:right; margin-right:5px; width:137px; height:40px; line-height:40px; font-size:14px; text-align:center; border:1px solid #0e386c;}
.pageBtns .btn:first-child {margin-right:0;}
.pageBtns .btn.left {float:left; margin-right:5px;}
.pageBtns .btn.bOrange {color:#fff; border:1px solid #b94a11; background:#fa6417;}
.pageBtns .btn.bGray {color:#fff; border:1px solid #111010; background:#464646;}
.pageBtns .btn.bWhite {color:#fa6417; border:1px solid #fa6417; background:#fff;}

.searchBox {border:1px solid #dadada; background:#fff;}
.searchBox .conditions {float:left; width:calc(100% - 108px - 22px); height:117px;}
.searchBox .conditions .row {border-top:1px solid #dadada;}
.searchBox .conditions .row:first-child {border-top:0;}
.searchBox .conditions .row .title {float:left; padding-left:14px; width:93px; height:58px; line-height:58px; color:#222; font-size:14px;background:#f5f5f5; border-right:1px solid #dadada;}
.searchBox .conditions .row .items {float:left; padding:10px; width:calc(100% - 108px - 20px);}
.searchBox .conditions .choiceType,
.searchBox .conditions .choiceTerm {position:relative; float:left;}
.searchBox .conditions .choiceType input[type="radio"],
.searchBox .conditions .choiceTerm input[type="radio"] {position:absolute; top:0; left:-9999px;}
.searchBox .conditions .choiceType label {float:left; margin-right:10px; padding-left:28px; background:url("../images/common/bg_radio_off.gif") no-repeat left; height:38px; line-height:38px; color:#666; font-size:14px; font-weight:normal;}
.searchBox .conditions .choiceType input[type="radio"]:checked + label {background:url("../images/common/bg_radio_on.gif") no-repeat left;}
.searchBox .conditions .choiceTerm label {float:left; margin-right:5px; width:67px; height:36px; line-height:36px; color:#fa6417; font-size:14px; font-weight:normal; text-align:center; border:1px solid #fa6417;}
.searchBox .conditions .choiceTerm input[type="radio"]:checked + label {color:#fff; border:1px solid #fa6417; background:#fa6417;}
.searchBox .conditions .inputBox {position:relative; float:left; height:36px; border:1px solid #dadada;}
.searchBox .conditions .inputBox input[type="text"] {padding:0 10px; width:calc(100% - 20px); height:36px; line-height:36px; color:#444; font-size:14px; border:0;}
.searchBox .conditions .inputBox.date img {position:absolute; right:0; top:0;}
.searchBox .conditions select {float:left;}
.searchBox .txt {float:left; width:30px; height:38px; line-height:38px; color:#999; font-size:14px; text-align:center;}
.searchBox .btnSearch {float:left; margin-left:10px; width:67px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center; background:#393939; border:1px solid #070707;}
.searchBox .btns {float:left; padding:20px 10px 0; width:108px; height:97px; border-left:1px solid #dadada;}
.searchBox .btns .btn {display:block; margin-top:5px; height:36px; line-height:36px; font-size:14px; text-align:center;}
.searchBox .btns .btn:first-child {margin-top:0;}
.searchBox .btns .btn.black {color:#fff; border:1px solid #070707; background:#393939;}
.searchBox .btns .btn.white {color:#393939; border:1px solid #070707;}
.searchBox.oneRow .conditions {height:58px;}
.searchBox.oneRow .btns {padding:10px 10px 0; height:48px;}
.listHeader {margin:28px 0; height:18px; line-height:18px;}
.listHeader .totalCnt {float:left;}
.listHeader .totalCnt p {color:#444; font-size:15px; font-weight:600;}
.listHeader .totalCnt p .cnt {color:#fa6417;}
.listHeader .category {float:right; text-align:right;}
.listHeader .category a {display:inline-block; padding:0 14px; color:#393939; font-size:14px;}
.listHeader .category a.active {color:#fa6417; font-weight:600;}
.listHeader .btnExcelDownload {position:relative; top:-6px; float:right; margin-left:4px;}
.listHeader .btnExcelDownload img {display:block;}
.pagenateWrap {position:relative;}
.pagenateWrap .pagenate {margin-top:20px; text-align:center;}
.pagenateWrap .pagenate a {display:inline-block; margin:0; padding:0; width:34px; height:34px; line-height:34px; color:#818181; font-size:12px; border:1px solid #dedede; background:#fff;}
.pagenateWrap .pagenate a.active {color:#fa6417;}
.pagenateWrap .pagenate a.btnPage {text-indent:-9999px;}
.pagenateWrap .pagenate a.first {width:30px; background:#f8f8f8 url('../images/common/ico_first_page.gif') no-repeat center;}
.pagenateWrap .pagenate a.prev {width:30px; background:#f8f8f8 url('../images/common/ico_prev_page.gif') no-repeat center;}
.pagenateWrap .pagenate a.next {width:30px; background:#f8f8f8 url('../images/common/ico_next_page.gif') no-repeat center;}
.pagenateWrap .pagenate a.last {width:30px; background:#f8f8f8 url('../images/common/ico_last_page.gif') no-repeat center;}
.pagenateWrap .btnCommon {position:absolute; top:0; right:0; padding:0 20px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center;	border:1px solid #b94a11; background:#fa6417; cursor:pointer;}
.ui-datepicker {display:none}

.commonForm table {width:100%; table-layout:fixed; background:#fff;}
.commonForm tr:first-child th,
.commonForm tr:first-child td {border-top:1px solid #f65d00;}
.commonForm th,
.commonForm td {padding:5px 8px; vertical-align:middle; border:1px solid #c3c3c3;}
.commonForm th {padding:8px 8px 2px; line-height:20px; color:#222; font-size:14px; font-weight:normal; text-align:left; vertical-align:top; background:#f7f7f7;}	
.commonForm td {color:#999; font-size:12px;}
.commonForm td .blue {color:#0066ff;}
.commonForm td .red {color:#fa1717;}
.commonForm td.noVPadding {padding:0 8px;}
.commonForm td .inputBox {position:relative; float:left; margin-right:5px; height:30px; border:1px solid #ccc; box-sizing:border-box;}
.commonForm td .inputBox input {padding:0 10px; width:100%; height:28px; line-height:28px; color:#444; font-size:13px; border:0; box-sizing:border-box;}
.commonForm td select {float:left; margin-right:5px; height:30px;}
.commonForm td .choice {position:relative; float:left; zoom:1;}
.commonForm td .choice:after {display:block; content:""; clear:both;}
.commonForm td .choice input[type="radio"] {position:absolute; top:0; left:-9999px;}
.commonForm td .choice label {float:left; display:block; margin-right:10px; padding-left:26px; height:30px; line-height:30px; color:#666; font-size:14px; font-weight:normal;  background:url('../images/common/bg_radio_off.gif') no-repeat left;}
.commonForm td .choice label span {margin:0 15px 0 12px;	color:#7c7c7c; font-size:11px;}
.commonForm td .choice input[type="radio"]:checked + label {color:#444; background:url('..//images/common/bg_radio_on.gif') no-repeat left;}
.commonForm td .checkbox {position:relative; float:left; zoom:1;}
.commonForm td .checkbox:after {display:block; content:""; clear:both;}
.commonForm td .checkbox input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.commonForm td .checkbox label {float:left; display:block; margin-right:10px; padding-left:26px; height:30px; line-height:32px; color:#666; font-size:14px; font-weight:normal;  background:url('../images/common/bg_checkbox_off.gif') no-repeat left;}
.commonForm td .checkbox label span {margin:0 15px 0 12px;	color:#7c7c7c; font-size:11px;}
.commonForm td .checkbox input[type="checkbox"]:checked + label {color:#444; background:url('../images/common/bg_checkbox_on.gif') no-repeat left;}
.commonForm td .addRow {margin-top:5px;}
.commonForm td .btnRow {float:left; margin-right:5px;}
.commonForm td .btnRow img {display:block;}
.commonForm td .textareaBox {width:calc(100% - 2px); height:120px; border:1px solid #ccc;}
.commonForm td .textareaBox textarea {padding:10px; width:calc(100% - 20px);	height:100px; line-height:20px;	color:#444;	font-size:13px;	border:0; resize:none;}
.commonForm td .uploadPic .preview {float:left; margin-right:12px; width:198px; height:148px; border:1px solid #c3c3c3;}
.commonForm td .uploadPic .upload {float:left; padding-top:75px;}
.commonForm td .uploadPic .upload .info {line-height:20px; color:#fa6417; font-size:12px;}
.commonForm td .uploadPic .upload .fileBtns {position:relative; margin-top:7px;}
.commonForm td .uploadPic .upload .fileBtns input[type="file"] {position:absolute; top:0; left:-9999px;}
.commonForm td .uploadPic .upload .fileBtns .btn {float:left; margin-right:5px; width:57px; height:28px; line-height:28px; font-size:12px; font-weight:normal; text-align:center; border:1px solid #454545; box-sizing:border-box;}
.commonForm td .uploadPic .upload .fileBtns .btn.add {color:#fff; background:#555;}
.commonForm td .uploadPic .upload .fileBtns .btn.delete {color:#555; background:#fff;}

.commonLayer {display:none;}
.commonLayer .pageDim {position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity='70');}
.commonLayer .layerCont {position:fixed; top:100px; left:50%; z-index:1100; padding:25px 25px 20px; transform:translateX(-50%); background:#fff; border-top:3px solid #f65d00;}
.commonLayer .layerCont .btnClose {position:absolute; top:32px; right:32px;}
.commonLayer .layerCont h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;}
.commonLayer .layerBtns {margin-top:20px; padding-top:20px; text-align:center; border-top:1px solid #c3c3c3;}
.commonLayer .layerBtns .btn {display:inline-block; margin:0 3px; width:159px; height:43px; line-height:43px; font-size:14px;}
.commonLayer .layerBtns .btn.full {margin:0; width:calc(100% - 2px);}
.commonLayer .layerBtns .btn.gray {color:#fff; background:#474747; border:1px solid #0a0a0a;}
.commonLayer .layerBtns .btn.orange {color:#fff; background:#f65d00; border:1px solid #b54400;}

/* login */
div#login_logo {
    background: url('../images/common/infosky.svg') no-repeat scroll 0% 0% transparent;
    background-size: 100%;
    margin: 0px auto;
    margin-top: 5%;
    width: 355px;
    height: 125px;
}

.loginPage {padding-top:140px;}
.loginPage .box {margin:0 auto; margin-top:240px;  padding:0 35px; width:607px; border-bottom:2px solid white; border-top:2px solid white;}
.loginPage .box .rowTop img {display:block; width:100%;}
.loginPage .box .rowMiddle {padding:15px 0 15px;}
.loginPage .box .rowMiddle .formBox .inputs {float:left; width:474px;}
.loginPage .box .rowMiddle .formBox .inputs input[type="text"] {margin-bottom:10px;}
.loginPage .box .rowMiddle .formBox .inputs input[type="text"],
.loginPage .box .rowMiddle .formBox .inputs input[type="password"] {padding:0 12px; width:100%; height:45px; font-size:16px; border:1px solid #ddd; box-sizing:border-box;}
.loginPage .box .rowMiddle .formBox .btnLogin {float:right; width:120px; height:98px; line-height:98px; color:white; font-size:20px; font-weight:600; text-align:center; border:1px solid #136E9C; background-color: #136E9C;}
.loginPage .box .rowMiddle .checks {margin-top:20px;}
.loginPage .box .rowMiddle .checks > div {position:relative; float:left; margin-right:25px;}
.loginPage .box .rowMiddle .checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.loginPage .box .rowMiddle .checks label {display:block; padding-left:32px; line-height:23px; color:#888; font-size:14px; font-weight:400; background:url('../images/common/bg_checkbox_off.gif') no-repeat left; cursor:pointer;}
.loginPage .box .rowMiddle .checks input[type="checkbox"]:checked + label {background:url('../images/common/bg_checkbox_on.gif') no-repeat left;}
.loginPage .box .rowBottom {position:relative; border-top:1px dashed #ddd;}
.loginPage .box .rowBottom:before {display:block; content:""; position:absolute; bottom:-5px; left:-36px; width:679px; height:5px; background:url('../images/common/img_login_box_bottom.png') no-repeat center;}
.loginPage .box .rowBottom .copyright {float:left; line-height:75px; color:#a3a3a3; font-size:13px;}
.loginPage .box .rowBottom .copyright .mark {color:#222;}
.loginPage .box .rowBottom .ieInfo {float:right; margin-top:30px; padding-left:21px; line-height:16px; color:#156ba0; font-size:11px; background:url('../images/common/ico_footer_ie.gif') no-repeat left;}

/* main */
.main {margin:0 auto; padding:20px 0; width:1150px;}
.main .summaryBoard {margin-bottom:12px;}
.main .summaryBoard table {width:100%;}
.main .summaryBoard th,
.main .summaryBoard td {text-align:center; vertical-align:middle; border:1px solid #c3c3c3;}
.main .summaryBoard th {height:50px; color:#222;	font-size:16px; font-weight:600; background:#f5f5f5; border-top:1px solid #fa6417;}
.main .summaryBoard td {height:79px;	background:#fff;}
.main .summaryBoard td a {display:inline-block; color:#fa6417; font-size:36px; border-bottom:2px solid #fa6417;}
.main .commonBox {position:relative; padding:25px 20px 20px; border:1px solid #c3c3c3; background:#fff;}
.main .commonBox .title {letter-spacing:-1px; color:#222; font-size:18px; font-weight:600;}
.main .commonBox table {margin-top:22px; width:100%;}
.main .commonBox .btnDetail {display:block; position:absolute; top:20px; right:20px; width:83px; height:25px; line-height:25px; color:#fff; font-size:12px; text-align:center; border:1px solid #464646; background:#737373; box-shadow:2px 2px 0 #e8e8e8;}
.main .row {margin-top:20px;}
.main .row .leftBox {float:left; width:523px;}
.main .row .rightBox {float:right; width:523px;}
.main .row th {border-top:1px solid #cf1721;}

/* 아파트관리 */
.registApt .layerCont {width:430px;}

/* 메인관리 */
.bannerList .commonList td,
.suggestedList .commonList td {height:auto;}
.registBanner .layerCont {width:430px;}
.registBanner .bannerImgUpload .preview {float:left; width:178px; height:78px; border:1px solid #e8e8e8;}
.registBanner .bannerImgUpload .preview img {display:block; width:178px; height:78px;}
.registBanner .bannerImgUpload .control {position:relative; float:left; margin-left:5px; padding-top:23px;}
.registBanner .bannerImgUpload .control input[type="file"] {position:absolute; top:0; left:-9999px;}
.registBanner .bannerImgUpload .control .btn {display:block; width:57px; height:26px; line-height:24px; font-size:12px; font-weight:normal; text-align:center; border:1px solid #555; cursor:pointer; box-sizing:border-box;}
.registBanner .bannerImgUpload .control .btn.attatch {margin-bottom:5px; color:#fff; background:#555;}
.registProduct .layerCont {width:331px;}
.registProduct .guide {padding:10px 0 15px; color:#666; font-size:14px;}
.registProduct .inputBox {position:relative; height:36px; border:1px solid #ccc;}
.registProduct .inputBox input {padding:0 10px; width:calc(100% - 20px - 75px); 	height:36px; line-height:36px; color:#444; font-size:13px; border:0;}
.registProduct .inputBox.inBtn .btn {display:block; position:absolute; top:-1px; right:-1px;	width:75px;	height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707;	background:#393939;}
.registProduct .result {display:none;}
.registProduct .result .cnt {padding:20px 0 16px;	color:#444;	font-size:13px;}
.registProduct .result .cnt .mark {color:#f65d00;}
.registProduct .result .list {height:auto; max-height:240px; overflow-y:auto;}
.registProduct .result .list li {padding:10px 0; border-top:1px solid #ccc;}
.registProduct .result .list li:first-child {border-top:0;}
.registProduct .result .list li .pic {float:left; width:89px; height:89px; border:1px solid #e8e8e8;}
.registProduct .result .list li .info {float:left; margin-left:18px; padding-top:2px; width:calc(100% - 28px - 91px);}
.registProduct .result .list li .info .subject {width:100%; color:#222; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.registProduct .result .list li .info .price {margin-top:12px; color:#999; font-size:12px;}
.registProduct .result .list li .info .btnChoice {display:block; margin-top:15px; width:57px; height:26px; line-height:26px; color:#f65d00; font-size:12px; text-align:center; border:1px solid #f65d00;}

/* 상품문의관리 */
.contactUsList .detail {display:none;}
.contactUsList .detail.show {display:table-row;}
.contactUsList .detail td {background:#f8f8f8;}
.contactUsList .detail td .row {position:relative; padding:20px 0;}
.contactUsList .detail td .row {border-top:1px solid #c3c3c3;}
.contactUsList .detail td .row:first-child {border-top:0;}
.contactUsList .detail td .row .title {float:left; width:95px; color:#fa6417; font-size:16px; font-weight:normal;}
.contactUsList .detail td .row .cont {float:left; width:calc(100% - 95px); line-height:20px; color:#666; font-size:14px;}
.contactUsList .detail td .row .btnDelete {display:block; position:absolute; right:0; top:20px; width:60px; height:27px; line-height:27px; color:#fff; font-size:12px; text-align:center; background:#0b0b0b;}
.contactUsList .detail td .row .commentBox {float:left;}
.contactUsList .detail td .row .commentBox textarea {float:left; padding:12px 15px; width:883px; height:54px; line-height:20px; color:#666; font-size:14px; background:#fff; border:1px solid #999; resize:none;}
.contactUsList .detail td .row .commentBox .btnRegist {float:left; width:77px; height:78px; line-height:78px; color:#fff; font-size:16px; text-align:center; border:1px solid #4f4b89; background:#645fab;}

/* 상품후기관리 */
.reviewList .detail {display:none;}
.reviewList .detail.show {display:table-row;}
.reviewList .detail td {background:#f8f8f8;}
.reviewList .detail td .row {position:relative; padding:20px 0;}
.reviewList .detail td .row {border-top:1px solid #c3c3c3;}
.reviewList .detail td .row:first-child {border-top:0;}
.reviewList .detail td .row .title {float:left; width:95px; color:#fa6417; font-size:16px; font-weight:normal;}
.reviewList .detail td .row .cont {float:left; width:calc(100% - 95px); line-height:20px; color:#666; font-size:14px;}
.reviewList .detail td .row img {display:block; margin:5px 0; max-width:100%;}
.reviewList .detail td .row .btnDelete {display:block; position:absolute; right:0; top:20px; width:60px; height:27px; line-height:27px; color:#fff; font-size:12px; text-align:center; background:#0b0b0b;}
.reviewList .detail td .row .commentBox {float:left;}
.reviewList .detail td .row .commentBox textarea {float:left; padding:12px 15px; width:883px; height:54px; line-height:20px; color:#666; font-size:14px; background:#fff; border:1px solid #999; resize:none;}
.reviewList .detail td .row .commentBox .btnRegist {float:left; width:77px; height:78px; line-height:78px; color:#fff; font-size:16px; text-align:center; border:1px solid #4f4b89; background:#645fab;}

ul.preview_cell {
  	position: relative;
  	display: inline-block;
	vertical-align:middle;

}


ul.preview {
	height: 38px;
	width: 150px;
	padding: 2px;
	position:relative; 
	margin:0px auto;
	vertical-align:middle;
	text-align: center; 
	background-color:black;
	color: white;
	border-radius: 5px;
	line-height: 18px;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
    table-layout: fixed;
}
div.msg_div{
    float:right;
    height: 74px;
    width: 150px;
    margin-right: 130px;
    background: #fa6417;
	vertical-align:middle;
	text-align: center; 

}

a.msg_btn{
	display: inline-block;
	vertical-align: middle;
	text-align: center; 
	color: #fff;
	padding: 25px;
}

div.dust{
    float:left;
	color:#00F;
}

div.dust_div{
    height: 50px;
    width: 150px;
    margin-left: 280px;
    background: #fa6417;
    vertical-align: middle;
    text-align: center;
} 

a.dust_btn{
	display: inline-block;
	vertical-align: middle;
	text-align: center; 
	color: #fff;
	padding: 15px;
}

img.icon{
	display: inline-block;
	vertical-align: middle;
	height: 28px;
}

img.item_icon{
	display: inline-block;
	vertical-align: middle;
	height: 35px;
}
/*======================= 브라우저에서 너비가 세로일때 적용============================*/


@media screen and (orientation:portrait) {
#header .rowBottom .menu,
.area {margin:0 auto; width:100%;}
#header {position:fixed; top:0; left:0; z-index:1000; width:100%; height:111px; border-bottom:1px solid #141414; background:#fff;}
#header .rowTop {height:59px; border-bottom:1px solid #141414;}
#header .rowTop .bi {float:left; }
#header .rowTop .bi a img {display:block;}
#header .rowTop .etc {float:right; padding-top:16px;}
#header .rowTop .etc .welcome {float:right; line-height:22px; color:#444; font-size:16px;}
#header .rowTop .etc .btnLogin {float:right; margin-left:15px; padding:0 10px; height:22px; line-height:22px; text-align:center; color:#fff; font-size:11px; border:1px solid #252424; background:#545454;}
#header .rowBottom {height:51px; background:#555;}
#header .rowBottom .menu li {float:left; box-sizing:border-box;}
#header .rowBottom .menu li a {width:100%; display:block; padding:0 0px; height:51px; line-height:51px; color:#bbb; font-size:15px; text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden; }
#header .rowBottom .menu li.active {position:relative; top:-1px; background:#fa6417; border:1px solid #b94a11;}
#header .rowBottom .menu li.active a {color:#fff;}
#container {padding-top:112px;}
#container.sub {margin:0 auto; padding:162px 0 30px; width:100%; text-overflow:ellipsis;
white-space:nowrap;
word-wrap:normal;
overflow:hidden;}
#footer {height:56px; background:#fff; border-top:1px solid #bbb;}
#footer .area .copyright {float:left; line-height:56px; color:#a3a3a3; font-size:13px;}
#footer .area .copyright .mark {color:#222;}
#footer .area .ieInfo {float:right; margin-top:21px; padding-left:21px; line-height:16px; color:#156ba0; font-size:11px; background:url('../images/common/ico_footer_ie.gif') no-repeat left;}

/* common style */
.sub .pageTop {margin-bottom:28px;}
.sub .pageTop .pageTitle {float:left; letter-spacing:-2px; color:#222; font-size:24px; font-weight:400;}
.sub .pageTop .pageSummary {position:relative; top:11px; float:left; margin-left:20px; color:#666; font-size:12px;}

.commonTab {margin-bottom:22px;}
.commonTab li {float:left; border:1px solid #d6d6d6; border-bottom:1px solid #fa6417;}
.commonTab.tow li {width:calc(50% - 2px);}
.commonTab.three li {width:calc(33.33% - 2px);}
.commonTab.four li {width:calc(25% - 2px);}
.commonTab li a {display:block; line-height:55px; color:#393939; font-size:16px; text-align:center; background:#fff;}
.commonTab li.active {border:1px solid #fa6417; border-bottom:1px solid #fff;}
.commonTab li.active a {color:#fa6417;}

.commonList table {width:100%; table-layout:fixed; background:#fff;}
.commonList th,
.commonList td {height:50px; font-size:14px; font-weight:normal; text-align:center; vertical-align:middle;}
.commonList th {color:#222; border:1px solid #c3c3c3; background:#f7f7f7; border-top:1px solid #ff9058;}
.commonList td {line-height:18px; border-bottom:1px solid #c3c3c3;}
.commonList tbody tr:hover td {background:#fafafa;}
.commonList td.left {padding:0 10px; text-align:left;}
.commonList td.reset {padding:0 20px; text-align:left; vertical-align:top;;}
.commonList td .subject {display:block; width:100%; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.commonList td p {width:100%; color:#666; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.commonList td .blue {color:#1c59a4;}
.commonList td .green {color:#1ca486;}
.commonList td .brown {color:#755536;}
.commonList td .red {color:#d50000;}
.commonList td .stat, 
.commonList td .btnCommon {display:inline-block; padding:0 12px; height:26px; line-height:26px; color:#755536; font-size:12px; border:1px solid #755536;}
.commonList td .btnCommon.bWhite {color:#f65d00; background:#fff; border:1px solid #f65d00;}
.commonList td .btnCommon.bOrange {color:#fff; background:#f65d00; border:1px solid #b34400;}
.commonList td .stat {padding:0; width:66px;}
.commonList td .stat.sRed {color:#fff; background:#d61717; border:1px solid #a61414;}
.commonList td .stat.sGray {color:#fff; background:#858585; border:1px solid #5b5b5b;}
.commonList td .stat.sGreen {color:#fff; background:#29b828; border:1px solid #1f861e;}
.commonList td .stat.sBlue {color:#fff; background:#008fe0; border:1px solid #0068a4;}
.commonList td .stat.sBlack {color:#fff; background:#0b0b0b; border:1px solid #0b0b0b;}
.commonList td .stat.sOrange {color:#fff; background:#f65d00; border:1px solid #b34400;}
.commonList td .pic {display:block; margin:5px auto; width:178px; height:78px; border:1px solid #e8e8e8;}
.commonList td .pic.banner img {display:block; width:178px; height:78px;}
.commonList td .pic.thumbnail {width:128px;}
.commonList td .pic.thumbnail img {display:block; width:128px; height:78px;}
.commonList .btnControl {display:block; margin:0 auto; width:68px; height:25px; line-height:25px; text-align:center; border:1px solid #393939; background:#fff;}
.commonList .btnControl span {display:inline-block; padding-right:16px; color:#5e5e5e; font-size:12px; background:url('../images/common/ico_arrow_down.png') no-repeat right;}
.commonList tr.show .btnControl {background:#5e5e5e;}
.commonList tr.show .btnControl span {color:#fff; background:url('../images/common/ico_arrow_up.png') no-repeat right;}

.membList .commonList td {font-size:12px;}
.orderList .commonList td,
.aptList .commonList td,
.prdList .commonList td,
.csList .commonList td,
.bannerList .commonList td,
.suggestedList .commonList td,
.contactUsList .commonList td {font-size:13px;}

.rowTitle {margin:20px 0; padding-left:24px; color:#222; font-size:18px; font-weight:normal; background:url('../images/common/ico_title_square.png') no-repeat left;}

.commonDetail table {width:100%; table-layout:fixed; background:#fff;}
.commonDetail tr:first-child th,
.commonDetail tr:first-child td {border-top:1px solid #f65d00;}
.commonDetail th,
.commonDetail td {padding:12px 8px; vertical-align:middle; border:1px solid #c3c3c3;}
.commonDetail th {color:#222; font-size:14px; font-weight:normal; vertical-align:top; text-align:left; background:#f7f7f7;}	
.commonDetail td {color:#999; font-size:12px;}
.commonDetail td .big {font-size:14px;}
.commonDetail td .blue {color:#0066ff;}
.commonDetail td .red {color:#fa1717;}
.commonDetail td .black {color:#444;}
.commonDetail td .orange {color:#fa6417;}
.commonDetail td.noVPadding {padding:0;}
.commonDetail td .choice {position:relative; float:left; zoom:1;}
.commonDetail td .choice:after {display:block; content:""; clear:both;}
.commonDetail td .choice input[type="radio"] {position:absolute; top:0; left:-9999px;}
.commonDetail td .choice label {float:left; display:block; margin-right:10px; padding-left:26px; height:30px; line-height:30px; color:#666; font-size:14px; font-weight:normal;  background:url('../images/common/bg_radio_off.gif') no-repeat left;}
.commonDetail td .choice label span {margin:0 15px 0 12px;	color:#7c7c7c; font-size:11px;}
.commonDetail td .choice input[type="radio"]:checked + label {color:#444; background:url('../images/common/bg_radio_on.gif') no-repeat left;}
.commonDetail td .stat {display:inline-block; width:66px; height:26px; line-height:26px; color:#755536; font-size:12px; text-align:center; border:1px solid #755536;}
.commonDetail td .stat.sRed {color:#fff; background:#d61717; border:1px solid #a61414;}
.commonDetail td .stat.sGray {color:#fff; background:#858585; border:1px solid #5b5b5b;}
.commonDetail td .stat.sGreen {color:#fff; background:#29b828; border:1px solid #1f861e;}
.commonDetail td .stat.sBlue {color:#fff; background:#008fe0; border:1px solid #0068a4;}
.commonDetail td .stat.sBlack {color:#fff; background:#0b0b0b; border:1px solid #0b0b0b;}
.commonDetail td .stat.sOrange {color:#fff; background:#f65d00; border:1px solid #b34400;}
.commonDetail td .prodInfo li {padding:5px; border-top:1px solid #c3c3c3;}
.commonDetail td .prodInfo li:first-child {border-top:0;}
.commonDetail td .prodInfo li .pic {float:left; width:68px; height:68px; border:1px solid #c3c3c3;}
.commonDetail td .prodInfo li .info {float:left; margin-left:16px; padding-top:14px;}
.commonDetail td .prodInfo li .info .name {margin-bottom:12px; color:#3b3b3b; font-size:16px;}
.commonDetail td .prodInfo li .info dl {float:left; margin-right:20px;}
.commonDetail td .prodInfo li .info dl dt,
.commonDetail td .prodInfo li .info dl dd {display:inline-block; color:#999; font-size:12px;}
.commonDetail td .detail {line-height:20px; color:#999;}

.product .commonDetail th,
.product .commonDetail td {line-height:20px;}
.product .commonDetail td .prodPic {max-width:100%; border:1px solid #c3c3c3;}

.pageBtns {margin-top:30px;}
.pageBtns .btn {display:block; float:right; margin-right:5px; width:137px; height:40px; line-height:40px; font-size:14px; text-align:center; border:1px solid #0e386c;}
.pageBtns .btn:first-child {margin-right:0;}
.pageBtns .btn.left {float:left; margin-right:5px;}
.pageBtns .btn.bOrange {color:#fff; border:1px solid #b94a11; background:#fa6417;}
.pageBtns .btn.bGray {color:#fff; border:1px solid #111010; background:#464646;}
.pageBtns .btn.bWhite {color:#fa6417; border:1px solid #fa6417; background:#fff;}

.searchBox {border:1px solid #dadada; background:#fff;}
.searchBox .conditions {float:left; width:calc(100% - 108px - 22px); height:117px;}
.searchBox .conditions .row {border-top:1px solid #dadada; }
.searchBox .conditions .row:first-child {border-top:0;}
.searchBox .conditions .row .title {float:left; padding-left:14px; width:93px; height:58px; line-height:58px; color:#222; font-size:14px;background:#f5f5f5; border-right:1px solid #dadada;}
.searchBox .conditions .row .items {float:left; padding:10px; width:calc(100% - 108px - 20px);}
.searchBox .conditions .choiceType,
.searchBox .conditions .choiceTerm {position:relative; float:left; display:none;}
.searchBox .conditions .choiceType input[type="radio"],
.searchBox .conditions .choiceTerm input[type="radio"] {position:absolute; top:0; left:-9999px;}
.searchBox .conditions .choiceType label {float:left; margin-right:10px; padding-left:28px; background:url("../images/common/bg_radio_off.gif") no-repeat left; height:38px; line-height:38px; color:#666; font-size:14px; font-weight:normal;}
.searchBox .conditions .choiceType input[type="radio"]:checked + label {background:url("../images/common/bg_radio_on.gif") no-repeat left;}
.searchBox .conditions .choiceTerm label {float:left; margin-right:5px; width:67px; height:36px; line-height:36px; color:#fa6417; font-size:14px; font-weight:normal; text-align:center; border:1px solid #fa6417;}
.searchBox .conditions .choiceTerm input[type="radio"]:checked + label {color:#fff; border:1px solid #fa6417; background:#fa6417; }
.searchBox .conditions .inputBox {position:relative; float:left; height:36px; border:1px solid #dadada;}
.searchBox .conditions .inputBox input[type="text"] {padding:0 10px; width:calc(100% - 20px); height:36px; line-height:36px; color:#444; font-size:14px; border:0;}
.searchBox .conditions .inputBox.date img {position:absolute; right:0; top:0;}
.searchBox .conditions select {float:left; display:none;}
.searchBox .txt {float:left; width:30px; height:38px; line-height:38px; color:#999; font-size:14px; text-align:center;}
.searchBox .btnSearch {float:left; margin-left:10px; width:67px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center; background:#393939; border:1px solid #070707;}
.searchBox .btns {float:left; padding:20px 10px 0; width:108px; height:97px; border-left:1px solid #dadada;}
.searchBox .btns .btn {display:block; margin-top:5px; height:36px; line-height:36px; font-size:14px; text-align:center;}
.searchBox .btns .btn:first-child {margin-top:0;}
.searchBox .btns .btn.black {color:#fff; border:1px solid #070707; background:#393939;}
.searchBox .btns .btn.white {color:#393939; border:1px solid #070707;}
.searchBox.oneRow .conditions {height:58px;}
.searchBox.oneRow .btns {padding:10px 10px 0; height:48px;}
.listHeader {margin:28px 0; height:18px; line-height:18px;}
.listHeader .totalCnt {float:left;}
.listHeader .totalCnt p {color:#444; font-size:15px; font-weight:600;}
.listHeader .totalCnt p .cnt {color:#fa6417;}
.listHeader .category {float:right; text-align:right;}
.listHeader .category a {display:inline-block; padding:0 14px; color:#393939; font-size:14px;}
.listHeader .category a.active {color:#fa6417; font-weight:600;}
.listHeader .btnExcelDownload {position:relative; top:-6px; float:right; margin-left:4px;}
.listHeader .btnExcelDownload img {display:block;}
.pagenateWrap {position:relative;}
.pagenateWrap .pagenate {margin-top:20px; text-align:center;}
.pagenateWrap .pagenate a {display:inline-block; margin:0; padding:0; width:34px; height:34px; line-height:34px; color:#818181; font-size:12px; border:1px solid #dedede; background:#fff;}
.pagenateWrap .pagenate a.active {color:#fa6417;}
.pagenateWrap .pagenate a.btnPage {text-indent:-9999px;}
.pagenateWrap .pagenate a.first {width:30px; background:#f8f8f8 url('../images/common/ico_first_page.gif') no-repeat center;}
.pagenateWrap .pagenate a.prev {width:30px; background:#f8f8f8 url('../images/common/ico_prev_page.gif') no-repeat center;}
.pagenateWrap .pagenate a.next {width:30px; background:#f8f8f8 url('../images/common/ico_next_page.gif') no-repeat center;}
.pagenateWrap .pagenate a.last {width:30px; background:#f8f8f8 url('../images/common/ico_last_page.gif') no-repeat center;}
.pagenateWrap .btnCommon {position:absolute; top:0; right:0; padding:0 20px; height:36px; line-height:36px; color:#fff; font-size:14px; text-align:center;	border:1px solid #b94a11; background:#fa6417; cursor:pointer;}
.ui-datepicker {display:none}

.commonForm table {width:100%; table-layout:fixed; background:#fff;}
.commonForm tr:first-child th,
.commonForm tr:first-child td {border-top:1px solid #f65d00;}
.commonForm th,
.commonForm td {padding:5px 8px; vertical-align:middle; border:1px solid #c3c3c3;}
.commonForm th {padding:8px 8px 2px; line-height:20px; color:#222; font-size:14px; font-weight:normal; text-align:left; vertical-align:top; background:#f7f7f7;}	
.commonForm td {color:#999; font-size:12px;}
.commonForm td .blue {color:#0066ff;}
.commonForm td .red {color:#fa1717;}
.commonForm td.noVPadding {padding:0 8px;}
.commonForm td .inputBox {position:relative; float:left; margin-right:5px; height:30px; border:1px solid #ccc; box-sizing:border-box;}
.commonForm td .inputBox input {padding:0 10px; width:100%; height:28px; line-height:28px; color:#444; font-size:13px; border:0; box-sizing:border-box;}
.commonForm td select {float:left; margin-right:5px; height:30px;}
.commonForm td .choice {position:relative; float:left; zoom:1;}
.commonForm td .choice:after {display:block; content:""; clear:both;}
.commonForm td .choice input[type="radio"] {position:absolute; top:0; left:-9999px;}
.commonForm td .choice label {float:left; display:block; margin-right:10px; padding-left:26px; height:30px; line-height:30px; color:#666; font-size:14px; font-weight:normal;  background:url('../images/common/bg_radio_off.gif') no-repeat left;}
.commonForm td .choice label span {margin:0 15px 0 12px;	color:#7c7c7c; font-size:11px;}
.commonForm td .choice input[type="radio"]:checked + label {color:#444; background:url('..//images/common/bg_radio_on.gif') no-repeat left;}
.commonForm td .checkbox {position:relative; float:left; zoom:1;}
.commonForm td .checkbox:after {display:block; content:""; clear:both;}
.commonForm td .checkbox input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.commonForm td .checkbox label {float:left; display:block; margin-right:10px; padding-left:26px; height:30px; line-height:32px; color:#666; font-size:14px; font-weight:normal;  background:url('../images/common/bg_checkbox_off.gif') no-repeat left;}
.commonForm td .checkbox label span {margin:0 15px 0 12px;	color:#7c7c7c; font-size:11px;}
.commonForm td .checkbox input[type="checkbox"]:checked + label {color:#444; background:url('../images/common/bg_checkbox_on.gif') no-repeat left;}
.commonForm td .addRow {margin-top:5px;}
.commonForm td .btnRow {float:left; margin-right:5px;}
.commonForm td .btnRow img {display:block;}
.commonForm td .textareaBox {width:calc(100% - 2px); height:120px; border:1px solid #ccc;}
.commonForm td .textareaBox textarea {padding:10px; width:calc(100% - 20px);	height:100px; line-height:20px;	color:#444;	font-size:13px;	border:0; resize:none;}
.commonForm td .uploadPic .preview {float:left; margin-right:12px; width:198px; height:148px; border:1px solid #c3c3c3;}
.commonForm td .uploadPic .upload {float:left; padding-top:75px;}
.commonForm td .uploadPic .upload .info {line-height:20px; color:#fa6417; font-size:12px;}
.commonForm td .uploadPic .upload .fileBtns {position:relative; margin-top:7px;}
.commonForm td .uploadPic .upload .fileBtns input[type="file"] {position:absolute; top:0; left:-9999px;}
.commonForm td .uploadPic .upload .fileBtns .btn {float:left; margin-right:5px; width:57px; height:28px; line-height:28px; font-size:12px; font-weight:normal; text-align:center; border:1px solid #454545; box-sizing:border-box;}
.commonForm td .uploadPic .upload .fileBtns .btn.add {color:#fff; background:#555;}
.commonForm td .uploadPic .upload .fileBtns .btn.delete {color:#555; background:#fff;}

.commonLayer {display:none;}
.commonLayer .pageDim {position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:#000; opacity:.7; filter:alpha(opacity='70');}
.commonLayer .layerCont {position:fixed; top:100px; left:50%; z-index:1100; padding:25px 25px 20px; transform:translateX(-50%); background:#fff; border-top:3px solid #f65d00;}
.commonLayer .layerCont .btnClose {position:absolute; top:32px; right:32px;}
.commonLayer .layerCont h2 {margin-bottom:10px; padding-bottom:20px; letter-spacing:-1px; color:#222; font-size:18px; font-weight:normal; border-bottom:1px solid #ccc;}
.commonLayer .layerBtns {margin-top:20px; padding-top:20px; text-align:center; border-top:1px solid #c3c3c3;}
.commonLayer .layerBtns .btn {display:inline-block; margin:0 3px; width:159px; height:43px; line-height:43px; font-size:14px;}
.commonLayer .layerBtns .btn.full {margin:0; width:calc(100% - 2px);}
.commonLayer .layerBtns .btn.gray {color:#fff; background:#474747; border:1px solid #0a0a0a;}
.commonLayer .layerBtns .btn.orange {color:#fff; background:#f65d00; border:1px solid #b54400;}

/* login */
div#login_logo {
    background: url('../images/common/infosky.svg') no-repeat scroll 0% 0% transparent;
    background-size: 100%;
    margin: 0px auto;
    width: 350px;
    height:200px;
}

.loginPage {padding-top:140px;}
.loginPage .box {margin:0 auto; margin-top:20px;  padding:0 35px; width:80%; border-bottom:2px solid white; border-top:2px solid white;}
.loginPage .box .rowTop img {display:block; width:100%;}
.loginPage .box .rowMiddle {padding:15px 0 15px;}
.loginPage .box .rowMiddle .formBox .inputs {float:left; width:380px;}
.loginPage .box .rowMiddle .formBox .inputs input[type="text"] {margin-bottom:10px;}
.loginPage .box .rowMiddle .formBox .inputs input[type="text"],
.loginPage .box .rowMiddle .formBox .inputs input[type="password"] {padding:0 12px; width:80%; height:45px; font-size:16px; border:1px solid #ddd; box-sizing:border-box;}
.loginPage .box .rowMiddle .formBox .btnLogin {float:left; margin-top:15px; width:100%; height:55px; line-height:55px; color:white; font-size:20px; font-weight:600; text-align:center; border:1px solid #136E9C; background-color: #136E9C;}
.loginPage .box .rowMiddle .checks {margin-top:20px;}
.loginPage .box .rowMiddle .checks > div {position:relative; float:left; margin-right:25px;}
.loginPage .box .rowMiddle .checks input[type="checkbox"] {position:absolute; top:0; left:-9999px;}
.loginPage .box .rowMiddle .checks label {display:none; padding-left:32px; line-height:23px; color:#888; font-size:14px; font-weight:400; background:url('../images/common/bg_checkbox_off.gif') no-repeat left; cursor:pointer;}
.loginPage .box .rowMiddle .checks input[type="checkbox"]:checked + label {background:url('../images/common/bg_checkbox_on.gif') no-repeat left;}
.loginPage .box .rowBottom {position:relative; border-top:1px dashed #ddd;}
.loginPage .box .rowBottom:before {display:block; content:""; position:absolute; bottom:-5px; left:-36px; width:679px; height:5px; background:url('../images/common/img_login_box_bottom.png') no-repeat center;}
.loginPage .box .rowBottom .copyright {float:left; line-height:75px; color:#a3a3a3; font-size:13px;}
.loginPage .box .rowBottom .copyright .mark {color:#222;}
.loginPage .box .rowBottom .ieInfo {float:right; margin-top:30px; padding-left:21px; line-height:16px; color:#156ba0; font-size:11px; background:url('../images/common/ico_footer_ie.gif') no-repeat left;}

/* main */
.main {margin:0 auto; padding:20px 0; width:1150px;}
.main .summaryBoard {margin-bottom:12px;}
.main .summaryBoard table {width:100%;}
.main .summaryBoard th,
.main .summaryBoard td {text-align:center; vertical-align:middle; border:1px solid #c3c3c3;}
.main .summaryBoard th {height:50px; color:#222;	font-size:16px; font-weight:600; background:#f5f5f5; border-top:1px solid #fa6417;}
.main .summaryBoard td {height:79px;	background:#fff;}
.main .summaryBoard td a {display:inline-block; color:#fa6417; font-size:36px; border-bottom:2px solid #fa6417;}
.main .commonBox {position:relative; padding:25px 20px 20px; border:1px solid #c3c3c3; background:#fff;}
.main .commonBox .title {letter-spacing:-1px; color:#222; font-size:18px; font-weight:600;}
.main .commonBox table {margin-top:22px; width:100%;}
.main .commonBox .btnDetail {display:block; position:absolute; top:20px; right:20px; width:83px; height:25px; line-height:25px; color:#fff; font-size:12px; text-align:center; border:1px solid #464646; background:#737373; box-shadow:2px 2px 0 #e8e8e8;}
.main .row {margin-top:20px;}
.main .row .leftBox {float:left; width:523px;}
.main .row .rightBox {float:right; width:523px;}
.main .row th {border-top:1px solid #cf1721;}

/* 아파트관리 */
.registApt .layerCont {width:430px;}

/* 메인관리 */
.bannerList .commonList td,
.suggestedList .commonList td {height:auto;}
.registBanner .layerCont {width:430px;}
.registBanner .bannerImgUpload .preview {float:left; width:178px; height:78px; border:1px solid #e8e8e8;}
.registBanner .bannerImgUpload .preview img {display:block; width:178px; height:78px;}
.registBanner .bannerImgUpload .control {position:relative; float:left; margin-left:5px; padding-top:23px;}
.registBanner .bannerImgUpload .control input[type="file"] {position:absolute; top:0; left:-9999px;}
.registBanner .bannerImgUpload .control .btn {display:block; width:57px; height:26px; line-height:24px; font-size:12px; font-weight:normal; text-align:center; border:1px solid #555; cursor:pointer; box-sizing:border-box;}
.registBanner .bannerImgUpload .control .btn.attatch {margin-bottom:5px; color:#fff; background:#555;}
.registProduct .layerCont {width:331px;}
.registProduct .guide {padding:10px 0 15px; color:#666; font-size:14px;}
.registProduct .inputBox {position:relative; height:36px; border:1px solid #ccc;}
.registProduct .inputBox input {padding:0 10px; width:calc(100% - 20px - 75px); 	height:36px; line-height:36px; color:#444; font-size:13px; border:0;}
.registProduct .inputBox.inBtn .btn {display:block; position:absolute; top:-1px; right:-1px;	width:75px;	height:36px; line-height:36px; color:#fff; font-size:13px; text-align:center; border:1px solid #070707;	background:#393939;}
.registProduct .result {display:none;}
.registProduct .result .cnt {padding:20px 0 16px;	color:#444;	font-size:13px;}
.registProduct .result .cnt .mark {color:#f65d00;}
.registProduct .result .list {height:auto; max-height:240px; overflow-y:auto;}
.registProduct .result .list li {padding:10px 0; border-top:1px solid #ccc;}
.registProduct .result .list li:first-child {border-top:0;}
.registProduct .result .list li .pic {float:left; width:89px; height:89px; border:1px solid #e8e8e8;}
.registProduct .result .list li .info {float:left; margin-left:18px; padding-top:2px; width:calc(100% - 28px - 91px);}
.registProduct .result .list li .info .subject {width:100%; color:#222; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.registProduct .result .list li .info .price {margin-top:12px; color:#999; font-size:12px;}
.registProduct .result .list li .info .btnChoice {display:block; margin-top:15px; width:57px; height:26px; line-height:26px; color:#f65d00; font-size:12px; text-align:center; border:1px solid #f65d00;}

/* 상품문의관리 */
.contactUsList .detail {display:none;}
.contactUsList .detail.show {display:table-row;}
.contactUsList .detail td {background:#f8f8f8;}
.contactUsList .detail td .row {position:relative; padding:20px 0;}
.contactUsList .detail td .row {border-top:1px solid #c3c3c3;}
.contactUsList .detail td .row:first-child {border-top:0;}
.contactUsList .detail td .row .title {float:left; width:95px; color:#fa6417; font-size:16px; font-weight:normal;}
.contactUsList .detail td .row .cont {float:left; width:calc(100% - 95px); line-height:20px; color:#666; font-size:14px;}
.contactUsList .detail td .row .btnDelete {display:block; position:absolute; right:0; top:20px; width:60px; height:27px; line-height:27px; color:#fff; font-size:12px; text-align:center; background:#0b0b0b;}
.contactUsList .detail td .row .commentBox {float:left;}
.contactUsList .detail td .row .commentBox textarea {float:left; padding:12px 15px; width:883px; height:54px; line-height:20px; color:#666; font-size:14px; background:#fff; border:1px solid #999; resize:none;}
.contactUsList .detail td .row .commentBox .btnRegist {float:left; width:77px; height:78px; line-height:78px; color:#fff; font-size:16px; text-align:center; border:1px solid #4f4b89; background:#645fab;}

/* 상품후기관리 */
.reviewList .detail {display:none;}
.reviewList .detail.show {display:table-row;}
.reviewList .detail td {background:#f8f8f8;}
.reviewList .detail td .row {position:relative; padding:20px 0;}
.reviewList .detail td .row {border-top:1px solid #c3c3c3;}
.reviewList .detail td .row:first-child {border-top:0;}
.reviewList .detail td .row .title {float:left; width:95px; color:#fa6417; font-size:16px; font-weight:normal;}
.reviewList .detail td .row .cont {float:left; width:calc(100% - 95px); line-height:20px; color:#666; font-size:14px;}
.reviewList .detail td .row img {display:block; margin:5px 0; max-width:100%;}
.reviewList .detail td .row .btnDelete {display:block; position:absolute; right:0; top:20px; width:60px; height:27px; line-height:27px; color:#fff; font-size:12px; text-align:center; background:#0b0b0b;}
.reviewList .detail td .row .commentBox {float:left;}
.reviewList .detail td .row .commentBox textarea {float:left; padding:12px 15px; width:883px; height:54px; line-height:20px; color:#666; font-size:14px; background:#fff; border:1px solid #999; resize:none;}
.reviewList .detail td .row .commentBox .btnRegist {float:left; width:77px; height:78px; line-height:78px; color:#fff; font-size:16px; text-align:center; border:1px solid #4f4b89; background:#645fab;}
}