/*================================================================================================= // 명 칭 : 레이아웃 스타일쉬트 // 처리내용 : // 작 성 자 : 2018-10-25 김진후 //=================================================================================================*/ @charset "utf-8"; body{height:100%;} #diLayoutLeft{position: absolute; top: 0; left: 0; z-index: 3; width:300px; height: 100%; background-color:#354052;} #diLayoutRight{position: relative; top: 0; padding-left:240px; height: 100%; background-color:#f4f6f9;} #diWrap{overflow: hidden; position: relative; min-height: 1000px;} #diContainer{position:relative; } #diContent{position:relative; padding:40px 20px 0 77px;} #diCon {position:relative; overflow: hidden;} #diHeaderWrap{} .dcHeaderTop{text-align:center; background:url(../img/common/bgHeaderLIne.png) 0 100% repeat-x; padding:35px 0 30px} .dcHeaderTop h1#diLogo{padding:0 0 20px;} .dcHeaderTop h2#diMemName{font-size:16px; font-weight:500; color:#fff; } .dcMenuWrap{} .dcMenuWrap>ul{} .dcMenuWrap>ul>li{box-sizing: border-box; background: url(../img/common/bgLeftMenuOpen.png) no-repeat 90% 27px; border-bottom:solid 1px #666; } .dcMenuWrap>ul>li.on{background: url(../img/common/bgLeftMenuClose.png) no-repeat 90% 27px;} .dcMenuWrap>ul>li.pc_nosub{background:none;} .dcMenuWrap>ul>li>p{font-size:14px; font-weight:400; color:#fff; line-height:60px; padding:0 20px 0 45px; cursor:pointer;} .dcMenuWrap>ul>li>p.dcPMenu01{background: url(../img/common/bgLeftMenu01.png) no-repeat 20px 50%;} .dcMenuWrap>ul>li>p.dcPMenu02{background: url(../img/common/bgLeftMenu01.png) no-repeat 20px 50%;} .dcMenuWrap>ul>li>p.dcPMenu03{background: url(../img/common/bgLeftMenu03.png) no-repeat 20px 50%;} .dcMenuWrap>ul>li>p.dcPMenu04{background: url(../img/common/bgLeftMenu04.png) no-repeat 20px 50%;} .dcMenuWrap>ul>li ul.dcSubUl{display:none; background-color:#ccc;} .dcMenuWrap>ul>li ul.dcSubUl li{} .dcMenuWrap>ul>li ul.dcSubUl li a{display:block; line-height:40px; font-size:14px; font-weight:400; color:#333; padding:0 30px 0 40px;} .dcMenuWrap>ul>li ul.dcSubUl li a:hover{color:#fff;} .dcMenuWrap>ul>li.pc_nosub>p {cursor:default;} .dcMenuWrap>ul>li.pc_nosub>p>a {color:#fff;} .dcOrderListWrap{} .dcOrderListWrap p.dcPTitle{font-size:14px; font-weight:400; color:#fff; line-height:60px; padding:0 20px 0 45px; background: url(../img/common/bgLeftMenu05.png) no-repeat 20px 50%;} .dcOrderListWrap .dcOrderList{border:solid 1px #5c6573; margin: 0 20px;} .dcOrderListWrap .dcOrderList dl{border-bottom:dotted 1px #5c6573; overflow:hidden; padding:13px 10px 13px 0;} .dcOrderListWrap .dcOrderList dl:last-child{border-bottom:0;} .dcOrderListWrap .dcOrderList dl dt{float:left; width:78px; text-align:center; font-size:12px; font-weight:400; color:#fff; padding-top: 38px;} .dcOrderListWrap .dcOrderList dl dt.dcDt01{background: url(../img/common/bgLeftMenu06.png) no-repeat 50% 10px;} .dcOrderListWrap .dcOrderList dl dt.dcDt02{background: url(../img/common/bgLeftMenu07.png) no-repeat 50% 10px;} .dcOrderListWrap .dcOrderList dl dt.dcDt03{background: url(../img/common/bgLeftMenu08.png) no-repeat 50% 10px;} .dcOrderListWrap .dcOrderList dl dd{float:left; border:solid 1px #ccc; background-color:#fff; width: 110px; box-sizing: border-box; } .dcOrderListWrap .dcOrderList dl dd p{font-size:14px; font-weight:500; color:#333; padding:5px 10px; } .dcOrderListWrap .dcOrderList dl dd p span{float:right; color:#36a0aa;} .dcOrderListWrap .dcOrderList dl dd p.dcPBuyer{border-bottom:solid 1px #ccc;} .dcOrderListWrap .dcOrderList dl dd p.dcPBuyer{} .dcOrderListWrap .dcOrderList dl .color36A0AA{color:#36a0aa;} #diContainerHeader{height: 100%;} .dcContainerHeaderTop{height:80px; line-height:80px; border-bottom:solid 1px #e0e2e5; box-sizing:border-box; overflow:hidden; padding: 0 30px; background-color:#fff;} .dcContainerHeaderTop .dcBtnLeftMenu{float:left;} .dcContainerHeaderTop .dcBtnLeftMenu button{width:120px; height:15px; text-indent:-9999px; z-index: 10;} .dcContainerHeaderTop .dcBtnLeftMenu button.dcBtnClose{background: url(../img/common/btnMenuClose.png) no-repeat 50% 50%;} .dcContainerHeaderTop .dcBtnLeftMenu button.dcBtnOpen{display:none; background: url(../img/common/btnMenuOpen.png) no-repeat 50% 50%;} .dcContainerHeaderTop .dcGnbWrap{float:right;} .dcContainerHeaderTop .dcGnbWrap ul{} .dcContainerHeaderTop .dcGnbWrap ul li{float:left; padding:0 15px; background: url(../img/common/gnbBar.png) no-repeat 100% 50%;} .dcContainerHeaderTop .dcGnbWrap ul li:last-child{background:none;} .dcContainerHeaderTop .dcGnbWrap ul li a{font-size:14px; font-weight:400; color:#666; padding:0 0 0 20px;} .dcContainerHeaderTop .dcGnbWrap ul li a.dcAHome{background: url(../img/common/gnbHome.png) no-repeat 0 50%;} .dcContainerHeaderTop .dcGnbWrap ul li a.dcALogout{background: url(../img/common/gnbLogout.png) no-repeat 0 50%;} .dcContainerHeaderTop .dcGnbWrap ul li a.dcAManual{background: url(../img/common/gnbManual.png) no-repeat 0 50%;} .dcTitleWrap{position:relative; padding:20px 80px; background-color:#fff;} .dcTitleWrap h1#diSiteName{font-size:30px; font-weight:500; color:#354052; line-height: 33px; margin-bottom:30px;} .dcTitleWrap p.dcPDday{position:absolute; top:30%; right:80px; height:40px; line-height:40px; font-size:50px; font-weight:500; color:#667add; padding:0 0 0 45px; background: url(../img/common/bgDDayCal.png) no-repeat 0 50%;} .dcTitleWrap .dcNavgation{background: url(../img/common/navHome.png) no-repeat 0 66%; padding:0 0 0 20px;} .dcTitleWrap .dcNavgation span{font-size:12px; font-weight:400; color:#333; padding:0 15px 0 5px;} .dcTitleWrap .dcNavgation span.spanArrow{background: url(../img/common/navArrow.png) no-repeat 100% 50%;} #diContainerFooter{position:relative; bottom:0; background-color:#fff; width:100%; padding:40px 80px;} p{font-size:14px; font-weight:400; color:#354052; }