@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

#main{
    padding:63px 0px;
}
body{
    background-color:#ececec;
}
.sec1{
    background:url("../asset/images/service/design/ozdesignheaderbg.png");
}
.topmenunew img{
    height:35px;
}
.topmenunew{
    
}
.container{
    padding:0px 15px;
}
span.icon.icon-handstudio {
    background: url(../asset/images/service/officezeroglogo.png) left center no-repeat;
}
.fileupinput{
    background: #375360;
    padding: 8.5px;
    color: #fff;
    font-size: 10px;
    position: relative;
    top: -2px;
    cursor:pointer;
}
.input-wrap .input-label{
    padding:0px;
    margin-top: 8px;
}
.input-wrap input[type="text"] {
    margin-bottom: 10px;
    margin-right:5px;
}
.width100{
    width:100%;
}
.input-wrap{
    background:#f9f9fa;
}
.oz-all-sec01 .btn-wrap li{
    float:none;
}
.oz-all-sec01-txt .btn-wrap li{
    float:none;
}
.oz-all-sec01-txt .btn-wrap ul{
    text-align: center;
}
@media screen and (max-width:600px){
    .input-wrap .input-label{
        text-align:left;
        margin-left:20px;
    }
    .oz-all-sec01 .btn-wrap li,.oz-sec02-subtab li {
        width: 100%;
    }
    .oz-sec02-tab li{
        width:100% !important;
    }
    #work-tab a{
        padding:5px !Important;
    }
    .bloc-row span{
        display: block;
        text-align: left;
    }
    .bloc-row input[type=text], .bloc-row select, .bloc-row textarea{
        margin:0
    }
    .oz-all-sec01-txt{
        position:relative;
        top:0px;
    }
    .oz-all-sec01{
        height: auto;
    }
    .oz-sec02-tab li a {
        padding: 13px 5px;
        border: 1px solid #28414f !important;

    }
}
footer .family{border:1px solid #e2dddd;background:rgba(0,0,0,0.3);color:#FFF;text-shadow:0 1px 0 rgba(0,0,0,0.4);}
footer .splite{margin-left: 20px; margin-right: 20px;}
footer>.container-center>.box .box-body .article.tel{font-family: "Nanum Gothic", sans-serif;}
footer>.container-center>.box .box-body .article.f_16{font-size: 16px;}
footer>.container-center>.box .box-body .article.f_14{font-size: 14px; font-weight: 600;}
footer>.container-center>.box .box-body .article.f_13{font-size: 13px;}
.cblack{color: #000;}
/* RegisterCompany.html */

.login .selectinput{height: auto;}
.login .selectinput.w4ch{    width: 85px; float: left; padding: 9px; margin-bottom: 5px;}
.login .selectinput.w4tx{    width: 170px; float: left;}
.register.login .selectinput{line-height: 18px;}
.login .usesafe{display:inline; margin:0; padding:0; color:#3c3c3c; text-decoration:underline;}
.pl06{padding-left: 6px;}
/* RegisterPartner.html */
.login span.error_label{
    height: 32px;
    line-height: 32px;
    color: #f24a4a;
}
.txtR{text-align: right;}
.h36{height: 36px;}
.lh36{line-height: 36px;}

/* OZMyPage.html */
#modifypopup p{
    text-align:left;height:32px; line-height:32px; font-size:12px
}
#reducecost p{
    text-align:left;height:32px; line-height:32px; font-size:12px
}
.OZMypage .modal-header button {
    font-size: 2.5em;
}
.OZMypage label {
    float: left;
    clear: none;
    display: block;
    padding: 2px 1em 0 0;
  }

  .OZMypage input[type=radio],
  .OZMypage input.radio {
    float: left;
    clear: none;
    margin: 2px 0 0 2px;
  }

  .OZMypage input[type='radio'] {
    -webkit-appearance:none;
    width:16px;
    height:16px;
    border:1px solid darkgray;
    border-radius:50%;
    outline:none;
    box-shadow:0 0 5px 0px gray inset;
  }

  .OZMypage input[type='radio']:hover {
    box-shadow:0 0 5px 0px #4286f4 inset;
  }

  .OZMypage input[type='radio']:before {
    content:'';
    display:block;
    width:60%;
    height:60%;
    margin: 20% auto;    
    border-radius:50%;    
  }
   .OZMypage input[type='radio']:checked:before {
    background:#4286f4;
    border:1px solid #4286f4;
  }
   .OZMypage  .allorone li:first-child,  .OZMypage  .allorone li{
   
}
.OZMypage  .allorone{    background: #FFF;}

.borderd{border:1px solid #ddd;}

.OZMypage .lside{height:32px; line-height:32px; font-size:12px; }
.OZMypage .txtmi{border:none; border-bottom:1px solid #ccc; height:32px; line-height:32px; margin-left:-30px; padding:0; color:#010101}
.searchiconbtn.mysearch{position:absolute;float:right;right:34px;top:0;}

.w130{width: 130px;}
.w100per{width: 100%;}
.w70per{width: 70% !important;}
.w58per{width: 58% !important;}
.w50per{width: 50% !important;}
.w48per{width: 48% !important;}
.w28per{width: 28% !important;}
.w24per{width: 24% !important;}
.w20per{width: 20% !important;}
.w15per{width: 15% !important;}
.w13per{width: 13% !important;}

.f_36 { font-size: 36px;}
.f_18 { font-size: 18px;}
.fwnormal{font-weight: normal;}

.border{border: 1px;}

.r10{right: 10px;}

.h16{height: 16px;}

.lh16{line-height: 16px;}

.pd06{padding: 6px;}

.c56{color: #565656;}
.c01{color: #010101;}
.cf24{color:#f24a4a;}
.bge{ background-color:#eee;}
.bge8{background-color:#e8b21a;}
.bgf9{background-color: #f9f9fa;}
.bg335{background-color:#335062;}

.pt08{padding-top: 8px;}

.mg0{margin: 0 !important;}
.mb-40{margin-bottom: -40px;}
.mb-2{margin-bottom: -2px;}
 
.vmiddle{vertical-align:middle; }

/* OZMypage_Projectdetail.html */
.OZMyPagedetail #main{
    padding: 60px 0px;
}

/* OZLogin.html */
.OZLogin #main{
    padding:0px;
}
.login-table caption{display: block;}
div.secondarybtn:hover{
  color: #fff;
    background-color: #495060;
}
.mypageozsourcing .redlablel div.triangle-down{
    right: 0px;
    left: auto;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #f00;
  }
.borderdark{
  background-color: #fff;
    color: #495060;
    border: 1px solid #495060 !important;
    width: 100%;
    padding: 10px;
}
/* FindPassPop.html */
.bgred{background-color:#F00; }
.bgwhite{background-color:#FFF; }

/* OZMyRequest.html */
.tauto{top: auto !important;}
.bgf1{background-color:#f1705a;}
.c666{color: #666666;}
@media screen and (max-width:1200px) {
     .OZMyRequest  .oz-sec02-tab li a {
         padding: 13px 5px;
         border: 1px solid #28414f !important;
     }
 }
@media screen and (max-width:600px){
     .OZMyRequest  .oz-sec02-tab li{
         width:100% !important;
     }
     .OZMyRequest  #work-tab a{
         padding:5px !Important;
     }
 }
.OZMyRequest #main{
    padding:0px;
}

/* OZPartnerReg.html */
.bordernone{border: none;}
.pd0502{padding: 5px 2px;}
 .valign{vertical-align: middle;}
 .bge8{background-color:#e8b21a;}
 .OZPartnerReg #main{
    padding:0px;
}
.OZPartnerReg .bloc-row .col-lg-12-input{    width: 93% !important;}
.inline-block{display: inline-block;}
.inline, .attention.inline{display: inline;}

.r10{right: 10px;}
.pd10{padding: 10px !important;}
.login .dialogbox{padding: 0; width: 210px;}
.login .dialogbox hr{margin: 5px 0px;}

#login-modal{padding-right: 0 !important;}
.login .btnaddrsearch{
  border: 1px solid #cbcbcb !important;
    padding: 10px 29px;
    background: #efefef;
    margin-bottom: 15px;
}
.login .btnaddrsearch1 {
    border: 1px solid #cbcbcb !important;
    padding: 8px 38px;
    background: #efefef;
    margin-bottom: 15px;
}

.whiteboxcontentbox p.conboxtext{
    overflow: hidden;
    position: relative;
    line-height: 1.5em;
    max-height: 6em;
    text-align: justify;
    margin-right: -1em;
    padding-right: 1em;
    margin-bottom: 10px;
}

#default .whiteboxcontentbox .tblcontent{
  overflow: hidden;
  line-height: 1.5em;
  height: 12em;
}
.bluelablel div, .redlablel div{
      border-width: 17px 16px 17px 4px;
}
.calicons{
      position: absolute;
    right: 15px;
    top: 6px;
}

