/* subcommon - not image list*/
.resultblock {
  height: 37px;
  margin: 0 0 0 5px;
  padding: 0 3px 0 10px;
  background: url("/resource/images/sub/line_resultarrow.png") no-repeat 0 12px;
  display: inline-block;
  line-height: 37px;
  letter-spacing: -0.5px; }
  .resultblock.current {
    color: #222439;
    font-weight: bold; }

.searchblock {
  min-width: 50px;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding: 0; }
  .searchblock.none {
    background: none; }
  .searchblock input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }

.byeblock {
  min-width: 150px;
  margin: 0 33px 0 0;
  padding: 0;
  line-height: 20px;
  display: inline-block; }
  .byeblock input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }

.bullet, .bullet02 {
  display: inline-block;
  background: 0 0 no-repeat; }

.bullet {
  width: 9px;
  height: 9px;
  margin: 0 7px;
  background-image: url("/resource/images/sub/bullet_plus.png"); }

.bullet02 {
  width: 3px;
  height: 5px;
  margin: 0 5px;
  background-image: url("/resource/images/sub/bullet_small.png"); }

.bulletMinus {
  background-image: url("/resource/images/sub/bullet_minus.png") !important; }

.activeMenu > a {
  font-weight: bold;
  color: #222439; }

#contents {
  width: 1220px;
  left: 0;
  margin: 0 auto;
  margin-top:29px;
  /* no result */ }
  #contents .lnb {
    float: left;
    top: 0;
    left: 0;
    width: 210px;
    margin: 0;
    margin-bottom: 20px; }
    #contents .lnb .submenu {
      position: relative;
      width: 193px;
      min-height: 100px;
      margin: 29px 0 0 0;
      border: 1px solid #dcdcdc; }
      #contents .lnb .submenu h1 {
        width: 193px;
        height: 24px;
        margin: 0;
        border: 1px solid #dcdcdc;
        padding: 13px 0 0;
        position: absolute;
        top: -30px;
        left: -1px;
        display: block;
        background: #f0f0f0;
        font-size: 14px;
        color: #3f454f;
        text-align: center; }
        #contents .lnb .submenu h1 .lnbbtn {
          position: absolute;
          right: 10px;
          top: 11px; }
      #contents .lnb .submenu .lnbtab {
        position: relative;
        width: 193px;
        padding: 0;
        height: 30px;
        margin: 9px 0 0; }
        #contents .lnb .submenu .lnbtab .weekbtn {
          display: inline-block;
          width: 96px;
          height: 100%;
          text-align: center;
          background-color: #f0f0f0;
          border-right: 1px solid #dcdcdc;
          border-top: 1px solid #E3E3E3;
          border-bottom: 1px solid #dcdcdc; }
          #contents .lnb .submenu .lnbtab .weekbtn span {
            display: block;
            margin-top: 10px; }
        #contents .lnb .submenu .lnbtab .weekbtn_on {
          display: inline-block;
          width: 96px;
          height: 100%;
          text-align: center;
          border-top: 1px solid #DCDCDC;
          color: #222439; }
          #contents .lnb .submenu .lnbtab .weekbtn_on span {
            display: block;
            font-weight: bold;
            margin-top: 10px; }
        #contents .lnb .submenu .lnbtab .specialbtn {
          display: inline-block;
          width: 96px;
          height: 100%;
          text-align: center;
          background-color: #f0f0f0;
          border-top: 1px solid #E3E3E3;
          border-bottom: 1px solid #dcdcdc;
          border-left: 1px solid #dcdcdc; }
          #contents .lnb .submenu .lnbtab .specialbtn span {
            display: block;
            margin-top: 10px; }
        #contents .lnb .submenu .lnbtab .specialbtn_on {
          display: inline-block;
          width: 96px;
          height: 100%;
          text-align: center;
          border-top: 1px solid #DCDCDC;
          color: #222439; }
          #contents .lnb .submenu .lnbtab .specialbtn_on span {
            display: block;
            font-weight: bold;
            margin-top: 10px; }
      #contents .lnb .submenu ul.typelist li, #contents .lnb .submenu ul.uplist li, #contents .lnb .submenu ul.customlist li, #contents .lnb .submenu ul.ctablist li, #contents .lnb .submenu ul.uplist li {
        width: 173px;
        min-height: 30px;
        line-height: 20px;
        color: #666;
        background: url("/resource/images/sub/line_lnblist.png") no-repeat 0 bottom; }
        #contents .lnb .submenu ul.typelist li.tab, #contents .lnb .submenu ul.uplist li.tab, #contents .lnb .submenu ul.customlist li.tab, #contents .lnb .submenu ul.ctablist li.tab, #contents .lnb .submenu ul.uplist li.tab {
          padding-bottom: 5px; }
        #contents .lnb .submenu ul.typelist li:last-child, #contents .lnb .submenu ul.uplist li:last-child, #contents .lnb .submenu ul.customlist li:last-child, #contents .lnb .submenu ul.ctablist li:last-child, #contents .lnb .submenu ul.uplist li:last-child {
          background: none; }
      #contents .lnb .submenu ul.typelist .bullet, #contents .lnb .submenu ul.uplist .bullet, #contents .lnb .submenu ul.customlist .bullet, #contents .lnb .submenu ul.ctablist .bullet, #contents .lnb .submenu ul.uplist .bullet {
        cursor: pointer; }
      #contents .lnb .submenu ul.typelist, #contents .lnb .submenu ul.uplist, #contents .lnb .submenu ul.customlist, #contents .lnb .submenu ul.ctablist {
        width: 173px;
        margin: 20px auto 5px;
        padding: 0;
        list-style: none; }
      #contents .lnb .submenu ul.uplist {
        margin: 12px auto 5px; }
      #contents .lnb .submenu ul li.active {
        font-weight: normal;
        padding: 0; }
        #contents .lnb .submenu ul li.active > a {
          font-weight: bold;
          color: #222439; }
      #contents .lnb .submenu ul.customlist li {
        padding-bottom: 1px; }
      #contents .lnb .submenu ul.ctablist {
        margin: 5px auto 10px; }
        #contents .lnb .submenu ul.ctablist li {
          width: 173px;
          min-height: 23px;
          color: #666;
          padding-left: 10px;
          background: none;
          line-height: 15px;
          padding-bottom: 0px; }
      #contents .lnb .submenu .tab ul.tablist {
        width: 173px;
        margin: 0 auto 7px;
        padding: 0;
        list-style: none; }
        #contents .lnb .submenu .tab ul.tablist div.tabbg {
          margin: 0 0 -11px -10px;
          padding: 3px 0 3px 10px;
          background: url("/resource/images/sub/line_lnblistbg.png") repeat-y 4px top;
          margin-left: -35px; }
        #contents .lnb .submenu .tab ul.tablist li {
          width: 148px;
          min-height: 20px;
          color: #666;
          background: url("/resource/images/sub/line_lnblistleft.png") no-repeat 4px 0;
          padding-left: 35px;
          text-indent: -25px; }
          #contents .lnb .submenu .tab ul.tablist li:last-child {
            background: url("/resource/images/sub/line_lnblistleftend.png") no-repeat 4px 0; }
            #contents .lnb .submenu .tab ul.tablist li:last-child div.tabbg {
              background: none; }
          #contents .lnb .submenu .tab ul.tablist li.active > a {
            color: #222439; }
      #contents .lnb .submenu.updateTreeDiv .typelist, #contents .lnb .submenu.updateTreeDiv ul.uplist, #contents .lnb .submenu.updateTreeDiv ul.customlist, #contents .lnb .submenu.updateTreeDiv ul.ctablist {
        margin-top: 10px; }
    #contents .lnb .ban {
      position: relative;
      margin: 15px 0;
      padding: 0; }
  #contents .contain {
    float: right;
    width: 1010px;
    margin: 0;
    /* login page */
    /* find id, pw */
    /* join */
    /* join_step01 */
    /* join_step02 */
    /* join_step03 */
    /* join_step04 */
    /* join_step05 */
    /* privacy, agreement */
    /* mypage, custome r*/
    /* update */
    /* customer */
    /* submain, best download */
    /* best download */
    /* image diary */ }
    #contents .contain .title {
      position: relative;
      width: 1008px;
      height: 37px;
      line-height: 37px;
      border: 1px solid #dcdcdc; }
      #contents .contain .title a {
        color: #666; }
      #contents .contain .title h1 {
        height: 37px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
      #contents .contain .title .result {
        display: inline-block;
        min-width: 75px;
        padding: 0 7px;
        margin-left: 130px;
        font-weight: bold;
        letter-spacing: -0.5px;
        background: url("/resource/images/sub/line_resultbar.png") no-repeat right 12px; }
      #contents .contain .title .totalcount {
        color: #f63; }
      #contents .contain .title .btn {
        position: absolute;
        right: 15px;
        top: 0;
        display: inline-block;
        color: #666; }
        #contents .contain .title .btn img {
          display: inline-block;
          vertical-align: middle;
          margin-right: 5px; }
    #contents .contain .directoryPage {
      margin: 30px 0 40px;
      line-height: 1.6; }
    #contents .contain .login {
      width: 980px;
      height: 333px;
      margin: 15px;
      background: url("/resource/images/sub/login_bg.png") no-repeat;
      position: relative; }
      #contents .contain .login .con {
        width: 450px;
        height: 92px;
        margin: 162px 70px 0 0;
        padding: 0;
        position: relative;
        float: right; }
        #contents .contain .login .con p {
          height: 36px;
          margin: 0;
          float: left; }
        #contents .contain .login .con label img {
          margin: 7px 0 0; }
        #contents .contain .login .con .btnlogin {
          width: 96px;
          height: 68px;
          margin: 0;
          padding: 0;
          position: absolute;
          right: 30px;
          top: 4px; }
          #contents .contain .login .con .btnlogin input {
            height: auto; }
        #contents .contain .login .con .id_check {
          height: 17px;
          position: absolute;
          left: 92px;
          bottom: 0; }
      #contents .contain .login #logid {
        ime-mode: disabled; }
      #contents .contain .login #logid, #contents .contain .login #logpw {
        width: 220px;
        height: 28px;
        margin-left: 7px;
        border: 1px solid #dde3e9;
        background-color: #f2f4f6; }
      #contents .contain .login .ask {
        position: absolute;
        right: 65px;
        bottom: 30px; }
        #contents .contain .login .ask .btn {
          margin-right: 5px; }
    #contents .contain .banner {
      width: 990px;
      height: 100px;
      margin: 15px 0 25px 15px;
      position: relative; }
      #contents .contain .banner ul {
        margin: 0;
        padding: 0;
        list-style: none; }
      #contents .contain .banner li {
        padding-right: 7px;
        float: left; }
    #contents .contain .find {
      width: 980px;
      height: 272px;
      margin: 15px;
      background: url("/resource/images/sub/find_bg.png") no-repeat;
      position: relative; }
      #contents .contain .find .btn {
        width: 508px;
        height: 92px;
        margin: 183px 50px 0 0;
        position: relative;
        float: right; }
        #contents .contain .find .btn ul {
          margin: 0;
          padding: 0;
          list-style: none; }
        #contents .contain .find .btn li {
          padding-right: 5px;
          float: left; }
    #contents .contain .report {
      width: 980px;
      height: 290px;
      margin: 15px;
      background: url("/resource/images/sub/find_bg02.png") no-repeat;
      position: relative; }
      #contents .contain .report .tab {
        width: 980px;
        margin: 0;
        padding: 0;
        list-style: none; }
        #contents .contain .report .tab ul {
          width: 490px;
          margin: 0;
          padding: 0;
          list-style: none; }
        #contents .contain .report .tab li {
          width: 490px;
          min-height: 20px;
          float: left; }
      #contents .contain .report input[type=image] {
        height: auto; }
      #contents .contain .report .email input {
        width: 70px;
        height: 23px; }
      #contents .contain .report .email #email1, #contents .contain .report .email #email2, #contents .contain .report .email #email3, #contents .contain .report .email #email4 {
        width: 60px !important; }
      #contents .contain .report .email #email2, #contents .contain .report .email #email4 {
        margin-left: 5px; }
      #contents .contain .report .right .yesinfo_pw .email input {
        height: 20px !important; }
      #contents .contain .report .right .yesinfo_pw .email select {
        height: 24px !important; }
      #contents .contain .report .left, #contents .contain .report .right {
        width: 457px;
        height: 150px;
        margin: 15px;
        position: relative;
        float: left; }
        #contents .contain .report .left .choice, #contents .contain .report .right .choice {
          position: absolute;
          right: 15px;
          top: 5px; }
        #contents .contain .report .left .noinfo_id, #contents .contain .report .right .noinfo_id, #contents .contain .report .right .yesinfo_id {
          width: 390px;
          margin: 72px 0 0 32px;
          padding: 0;
          position: relative;
          float: left; }
          #contents .contain .report .left .noinfo_id p, #contents .contain .report .right .noinfo_id p, #contents .contain .report .right .yesinfo_id p {
            width: 350px;
            height: 30px;
            margin: 0;
            float: left; }
            #contents .contain .report .left .noinfo_id p *, #contents .contain .report .right .noinfo_id p *, #contents .contain .report .right .yesinfo_id p * {
              vertical-align: middle; }
          #contents .contain .report .left .noinfo_id #logname, #contents .contain .report .right .noinfo_id #logname, #contents .contain .report .right .yesinfo_id #logname, #contents .contain .report .left .noinfo_id #logid, #contents .contain .report .right .noinfo_id #logid, #contents .contain .report .right .yesinfo_id #logid {
            width: 215px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .left .noinfo_id #logphone, #contents .contain .report .right .noinfo_id #logphone, #contents .contain .report .right .yesinfo_id #logphone, #contents .contain .report .left .noinfo_id #logphone3, #contents .contain .report .right .noinfo_id #logphone3, #contents .contain .report .right .yesinfo_id #logphone3 {
            width: 62px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .left .noinfo_id select, #contents .contain .report .right .noinfo_id select, #contents .contain .report .right .yesinfo_id select {
            width: 66px;
            height: 27px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .left .noinfo_id label img, #contents .contain .report .right .noinfo_id label img, #contents .contain .report .right .yesinfo_id label img {
            margin: 1px 0 0; }
          #contents .contain .report .left .noinfo_id .btnlogin, #contents .contain .report .right .noinfo_id .btnlogin, #contents .contain .report .right .yesinfo_id .btnlogin {
            width: 96px;
            height: 56px;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0; }
        #contents .contain .report .left .noinfo_pw, #contents .contain .report .right .noinfo_pw, #contents .contain .report .right .yesinfo_pw {
          width: 390px;
          margin: 56px 0 0 32px;
          padding: 0;
          position: relative;
          float: left; }
          #contents .contain .report .left .noinfo_pw p, #contents .contain .report .right .noinfo_pw p, #contents .contain .report .right .yesinfo_pw p {
            width: 350px;
            height: 30px;
            margin: 0;
            float: left; }
            #contents .contain .report .left .noinfo_pw p *, #contents .contain .report .right .noinfo_pw p *, #contents .contain .report .right .yesinfo_pw p * {
              vertical-align: middle; }
          #contents .contain .report .left .noinfo_pw #logname, #contents .contain .report .right .noinfo_pw #logname, #contents .contain .report .right .yesinfo_pw #logname, #contents .contain .report .left .noinfo_pw #logid, #contents .contain .report .right .noinfo_pw #logid, #contents .contain .report .right .yesinfo_pw #logid {
            width: 215px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .left .noinfo_pw #logphone, #contents .contain .report .right .noinfo_pw #logphone, #contents .contain .report .right .yesinfo_pw #logphone, #contents .contain .report .left .noinfo_pw #logphone3, #contents .contain .report .right .noinfo_pw #logphone3, #contents .contain .report .right .yesinfo_pw #logphone3 {
            width: 62px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .left .noinfo_pw select, #contents .contain .report .right .noinfo_pw select, #contents .contain .report .right .yesinfo_pw select {
            width: 66px;
            height: 27px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .left .noinfo_pw label img, #contents .contain .report .right .noinfo_pw label img, #contents .contain .report .right .yesinfo_pw label img {
            margin: 1px 0 0; }
          #contents .contain .report .left .noinfo_pw .btnlogin, #contents .contain .report .right .noinfo_pw .btnlogin, #contents .contain .report .right .yesinfo_pw .btnlogin {
            width: 96px;
            height: 56px;
            margin: 0;
            padding: 0;
            position: absolute;
            right: 0;
            top: 0; }
        #contents .contain .report .left .result, #contents .contain .report .right .result {
          width: 100%;
          margin: 50px 40px;
          padding: 0;
          float: left;
          line-height: 21px; }
          #contents .contain .report .left .result ul, #contents .contain .report .right .result ul {
            width: 100%;
            margin: 10px 0;
            padding: 0;
            overflow: auto;
            display: inline-block; }
          #contents .contain .report .left .result li, #contents .contain .report .right .result li {
            height: 25px;
            margin: 2px 0;
            float: left;
            display: inline; }
            #contents .contain .report .left .result li .effect, #contents .contain .report .right .result li .effect {
              margin: 0;
              float: left;
              color: #ca4825;
              font-weight: bold; }
            #contents .contain .report .left .result li .btn, #contents .contain .report .right .result li .btn {
              margin: 0 20px;
              padding: 0;
              float: left; }
      #contents .contain .report .right {
        float: right; }
        #contents .contain .report .right .yesinfo_id {
          width: 395px;
          margin: 55px 0 0 20px; }
          #contents .contain .report .right .yesinfo_id #logname2, #contents .contain .report .right .yesinfo_id #lisence, #contents .contain .report .right .yesinfo_id #logid2 {
            width: 215px;
            height: 23px;
            margin-left: 5px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .right .yesinfo_id #logphone2, #contents .contain .report .right .yesinfo_id #logphone4 {
            width: 62px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .right .yesinfo_id .license {
            width: 62px !important;
            height: 23px; }
          #contents .contain .report .right .yesinfo_id select {
            margin-left: 5px; }
          #contents .contain .report .right .yesinfo_id .email select {
            margin-left: 0px; }
          #contents .contain .report .right .yesinfo_id .btnlogin {
            height: 68px; }
        #contents .contain .report .right .yesinfo_pw {
          width: 395px;
          margin: 48px 0 0 20px; }
          #contents .contain .report .right .yesinfo_pw p {
            height: 26px; }
          #contents .contain .report .right .yesinfo_pw #logname2, #contents .contain .report .right .yesinfo_pw #lisence, #contents .contain .report .right .yesinfo_pw #logid2 {
            width: 215px;
            height: 20px;
            margin-left: 5px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .right .yesinfo_pw #logphone2, #contents .contain .report .right .yesinfo_pw #logphone4 {
            width: 62px;
            height: 20px;
            border: 1px solid #bec9d6; }
          #contents .contain .report .right .yesinfo_pw .license {
            width: 62px !important;
            height: 20px; }
          #contents .contain .report .right .yesinfo_pw select {
            height: 25px;
            margin-left: 5px; }
          #contents .contain .report .right .yesinfo_pw .email select {
            margin-left: 0px; }
          #contents .contain .report .right .yesinfo_pw .btnlogin {
            height: 68px; }
        #contents .contain .report .right .result li .btn {
          margin: 0 15px; }
    #contents .contain .join {
      width: 980px;
      height: 430px;
      margin: 15px;
      background: url("/resource/images/sub/join_dot.png") repeat-x 0 bottom;
      position: relative; }
      #contents .contain .join .type {
        width: 995px;
        height: 210px;
        margin: 20px 0;
        float: left; }
        #contents .contain .join .type ul {
          margin: 0;
          padding: 0;
          list-style: none; }
          #contents .contain .join .type ul li {
            margin: 0 12px 0 0;
            float: left; }
    #contents .contain .use {
      width: 980px;
      margin: 5px 15px;
      position: relative;
      overflow: hidden; }
      #contents .contain .use h2 {
        height: 34px;
        margin: 0;
        border-bottom: 1px solid #dadada; }
      #contents .contain .use .con {
        width: 940px;
        margin: 10px 15px;
        float: left;
        line-height: 22px; }
        #contents .contain .use .con img {
          margin: 7px 0; }
        #contents .contain .use .con .btn {
          width: 161px;
          height: 36px;
          position: absolute;
          right: 30px;
          bottom: 25px; }
    #contents .contain .step {
      width: 980px;
      height: 69px;
      margin: 20px 15px;
      position: relative; }
    #contents .contain .step02 {
      width: 980px;
      margin: 0 0 30px 15px;
      position: relative;
      overflow: hidden; }
      #contents .contain .step02 .choice {
        width: 980px;
        height: 37px;
        margin: 0;
        background: url("/resource/images/sub/join_agreebg.png") no-repeat;
        position: relative;
        float: left; }
        #contents .contain .step02 .choice .txt {
          margin: 7px 20px;
          float: right; }
      #contents .contain .step02 .con {
        width: 978px;
        height: 180px;
        border: 1px solid #d7d7d7;
        float: left;
        overflow-y: scroll; }
        #contents .contain .step02 .con .area {
          width: 930px;
          margin: 12px auto;
          line-height: 20px; }
      #contents .contain .step02 .con02 {
        width: 978px;
        height: 180px;
        border: 1px solid #d7d7d7;
        float: left;
        overflow-y: scroll;
        margin-top: 1px; }
        #contents .contain .step02 .con02 .area02 {
          width: 930px;
          margin: 12px auto;
          line-height: 20px; }
      #contents .contain .step02 .btn {
        height: 20px;
        width: 64px;
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 999; }
    #contents .contain .step03 {
      width: 980px;
      height: 325px;
      margin: 15px;
      position: relative; }
      #contents .contain .step03 .leftinfo {
        width: 485px;
        height: 227px;
        margin: 15px 0 25px 0;
        background: url("/resource/images/sub/step03_lbg.png") no-repeat;
        float: left; }
        #contents .contain .step03 .leftinfo .entry p, #contents .contain .step03 .leftinfo .entry02 p {
          width: 350px;
          height: 30px;
          margin: 2px 0;
          float: left; }
        #contents .contain .step03 .leftinfo .entry {
          width: 390px;
          margin: 75px 0 0 20px;
          padding: 0;
          position: relative;
          float: left; }
          #contents .contain .step03 .leftinfo .entry #logname {
            width: 245px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .step03 .leftinfo .entry label img {
            margin: 4px 0 0; }
        #contents .contain .step03 .leftinfo .entry02 {
          width: 445px;
          padding: 0;
          margin: 2px 0 0 30px;
          position: relative;
          float: left; }
          #contents .contain .step03 .leftinfo .entry02 #logphone, #contents .contain .step03 .leftinfo .entry02 #logphone2,
          #contents .contain .step03 .leftinfo .entry02 #logemail, #contents .contain .step03 .leftinfo .entry02 #logemail02 {
            width: 72px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .step03 .leftinfo .entry02 select {
            width: 76px;
            height: 27px;
            border: 1px solid #bec9d6; }
            #contents .contain .step03 .leftinfo .entry02 select[name=emailList] {
              width: 84px; }
          #contents .contain .step03 .leftinfo .entry02 * {
            vertical-align: middle; }
          #contents .contain .step03 .leftinfo .entry02 .btn {
            width: 96px;
            height: 56px;
            position: absolute;
            right: 0;
            top: -5px; }
            #contents .contain .step03 .leftinfo .entry02 .btn img {
              margin: 5px 0; }
      #contents .contain .step03 .rightinfo {
        width: 485px;
        height: 227px;
        margin: 15px 0 25px 0;
        background: url("/resource/images/sub/step03_rbg.png") no-repeat;
        float: right; }
        #contents .contain .step03 .rightinfo .entry {
          width: 390px;
          margin: 95px 0 0 60px;
          padding: 0;
          position: relative;
          float: left; }
          #contents .contain .step03 .rightinfo .entry p {
            width: 350px;
            height: 30px;
            margin: 3px 0;
            float: left; }
          #contents .contain .step03 .rightinfo .entry #comname {
            width: 245px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .step03 .rightinfo .entry #licensee, #contents .contain .step03 .rightinfo .entry #licensee02, #contents .contain .step03 .rightinfo .entry #licensee03 {
            width: 72px;
            height: 23px;
            border: 1px solid #bec9d6; }
          #contents .contain .step03 .rightinfo .entry label img {
            margin: 6px 0 0; }
    #contents .contain .btnbox input {
      height: auto;
      border: 0; }
    #contents .contain .step04 {
      width: 980px;
      margin: 15px;
      position: relative; }
      #contents .contain .step04 table {
        width: 100%;
        margin: 15px 0;
        border: 1px solid #c9d0dd;
        clear: both; }
        #contents .contain .step04 table th {
          width: 130px;
          border-top: 1px solid #dce0e9;
          padding: 11px 0;
          background: #f5f5f5;
          font-size: 12px;
          text-align: center;
          letter-spacing: 0;
          line-height: 18px;
          font-weight: normal; }
        #contents .contain .step04 table .first-child th, #contents .contain .step04 table .first-child td {
          border: none; }
        #contents .contain .step04 table td {
          border-left: 1px solid #ededed;
          border-top: 1px solid #dce0e9;
          padding: 6px 0 6px 15px;
          vertical-align: middle; }
          #contents .contain .step04 table td img {
            margin: 2px 0; }
        #contents .contain .step04 table .tbox {
          border-top: none;
          padding: 10px 15px;
          background: url("/resource/images/sub/line_dot.png") repeat-x 0 top; }
        #contents .contain .step04 table input.textbox {
          height: 21px;
          margin: 2px 0;
          border: 1px solid #cbd4de; }
        #contents .contain .step04 table input.value {
          height: 21px;
          margin: 2px 0;
          border: 1px solid #cbd4de;
          color: #aab5c5;
          font-size: 11px; }
        #contents .contain .step04 table select {
          height: 24px;
          border: 1px solid #bec9d6; }
      #contents .contain .step04 #user_id {
        ime-mode: disabled; }
    #contents .contain .subidEdit {
      padding: 10px 0 !important;
      text-align: center;
      font-weight: bold; }
    #contents .contain .step05 {
      width: 980px;
      height: 333px;
      margin: 0 15px;
      background: url("/resource/images/sub/join_finalbg.png") no-repeat;
      position: relative; }
      #contents .contain .step05 .conbox {
        width: 340px;
        height: 80px;
        margin: 150px 50px 0 0;
        padding: 0;
        float: right; }
        #contents .contain .step05 .conbox .username {
          width: 110px;
          margin: 35px 0;
          padding: 0;
          float: left; }
        #contents .contain .step05 .conbox .userid {
          width: 110px;
          margin: 35px 50px 0 0;
          padding: 0;
          float: right; }
      #contents .contain .step05 .btn {
        position: absolute;
        right: 155px;
        bottom: 55px; }
        #contents .contain .step05 .btn img {
          margin: 0 5px; }
    #contents .contain .provision {
      width: 950px;
      margin: 20px 15px 50px;
      border: 1px solid #d7d7d7;
      padding: 15px;
      background-color: #f9f9f9;
      position: relative;
      line-height: 21px; }
    #contents .contain .mypage {
      width: 980px;
      margin: 20px 15px 40px;
      position: relative; }
      #contents .contain .mypage .taxinfo {
        width: 980px;
        margin: 0 5px 7px;
        position: relative;
        line-height: 22px; }
        #contents .contain .mypage .taxinfo img {
          margin: 7px 4px 0; }
      #contents .contain .mypage table {
        width: 100%;
        margin: 0;
        border: 1px solid #d7d7d7;
        clear: both; }
        #contents .contain .mypage table th {
          padding: 15px 0;
          border-left: 1px solid #e6e6e6;
          border-top: 1px solid #dce0e9;
          background: #f5f5f5;
          font-size: 12px;
          text-align: center; }
          #contents .contain .mypage table th.box {
            padding: 10px 0; }
        #contents .contain .mypage table .first-child th, #contents .contain .mypage table .first-child td {
          border-top: none; }
        #contents .contain .mypage table .first-child02 td {
          background: url("/resource/images/mypage/dot_bg.png") repeat-x bottom;
          height: 15px; }
        #contents .contain .mypage table .line {
          border-left: none; }
        #contents .contain .mypage table td {
          padding: 10px 0;
          border-left: 1px solid #e6e6e6;
          border-top: 1px solid #dce0e9;
          text-align: center;
          line-height: 18px; }
          #contents .contain .mypage table td.inner {
            padding: 7px 0;
            border-left: none;
            background-color: #fafafa;
            text-align: center;
            font-weight: bold;
            color: #777; }
          #contents .contain .mypage table td.over {
            background-color: #f5f6f9;
            padding: 15px 0 15px 25px;
            text-align: left; }
          #contents .contain .mypage table td.mg-select {
            background-color: #f5f6f9; }
          #contents .contain .mypage table td.none {
            padding: 15px 0 15px 25px;
            line-height: 22px;
            text-align: left; }
          #contents .contain .mypage table td.explain {
            padding: 15px 0;
            background-color: #f9f9f9;
            color: #777;
            font-weight: bold;
            line-height: 22px;
            text-align: center; }
        #contents .contain .mypage table .payblock {
          min-width: 265px;
          margin: 0;
          padding: 0;
          display: inline-block;
          line-height: 35px;
          vertical-align: middle; }
          #contents .contain .mypage table .payblock img {
            padding: 13px 5px; }
          #contents .contain .mypage table .payblock input {
            margin-right: 5px;
            display: inline-block;
            vertical-align: middle; }
        #contents .contain .mypage table th img, #contents .contain .mypage table td img {
          margin: 2px 0; }
        #contents .contain .mypage table .boxbtn {
          margin: 7px 0 0; }
        #contents .contain .mypage table input.textbox {
          height: 21px;
          margin: 2px 0;
          border: 1px solid #cbd4de; }
      #contents .contain .mypage .btn, #contents .contain .mypage .lightboxbtn, #contents .contain .mypage .selectbox, #contents .contain .mypage .selectbox02, #contents .contain .mypage .selectbox03 {
        position: absolute;
        z-index: 100; }
      #contents .contain .mypage .btn {
        height: 20px;
        right: 7px;
        top: 6px; }
      #contents .contain .mypage .lightboxbtn {
        height: 22px;
        right: 7px;
        top: 3px; }
      #contents .contain .mypage .selectbox {
        height: 22px;
        left: 152px;
        top: 5px; }
      #contents .contain .mypage .selectbox02 {
        height: 22px;
        left: 93px;
        top: 5px; }
      #contents .contain .mypage .selectbox03 {
        height: 22px;
        left: 190px;
        top: 5px; }
      #contents .contain .mypage.singledownloadlist .btn {
        top: -3px; }
      #contents .contain .mypage input.value {
        height: 18px;
        margin: 0;
        border: 1px solid #b9c5d3;
        color: #aab5c5;
        font-size: 11px; }
      #contents .contain .mypage .boxnum {
        float: left;
        margin: 0 20px; }
      #contents .contain .mypage .boxpage {
        float: right;
        font-weight: normal;
        margin: 0 15px; }
      #contents .contain .mypage ul {
        height: auto;
        margin: 10px 0 10px 20px;
        padding: 0;
        overflow: hidden;
        list-style: none; }
      #contents .contain .mypage li {
        width: 120px;
        margin-right: 15px;
        padding: 0;
        float: left; }
        #contents .contain .mypage li span.number {
          width: 110px;
          margin-top: 2px;
          display: inline-block;
          font-weight: bold;
          text-align: center;
          vertical-align: middle; }
        #contents .contain .mypage li span.icon {
          width: 110px;
          padding-left: 3px;
          display: inline-block; }
          #contents .contain .mypage li span.icon img {
            margin: 0 2px;
            vertical-align: middle; }
      #contents .contain .mypage .img {
        border: none; }
      #contents .contain .mypage.help .tl {
        padding-left: 6px;
        text-align: left; }
      #contents .contain .mypage .lightbox li > .imageThumbnail {
        width: 120px;
        height: 120px;
        display: table-cell;
        text-align: center;
        vertical-align: bottom; }
      #contents .contain .mypage .imageThumbnail span {
        border: none !important; }
    #contents .contain .single_title {
      margin: 0 0 10px 0;
      padding: 0 0 8px 3px;
      border-bottom: 1px solid #93a7bf; }
    #contents .contain .downloadPage .description {
      height: 35px; }
    #contents .contain .downloadPage .date {
      font-size: 11px;
      color: #666; }
      #contents .contain .downloadPage .date input {
        width: 65px;
        height: 17px;
        padding: 0 5px;
        border: 1px solid #bfbfbf; }
      #contents .contain .downloadPage .date span {
        font-weight: bold; }
      #contents .contain .downloadPage .date img {
        cursor: pointer; }
    #contents .contain .downloadPage .pageArea {
      margin-top: -20px;
      float: right; }
      #contents .contain .downloadPage .pageArea .goPage {
        cursor: pointer; }
    #contents .contain .downloadPage .first-child {
      height: 35px; }
    #contents .contain .payment {
      width: 980px;
      height: 260px;
      margin: 15px 15px 25px;
      position: relative;
      clear: both; }
      #contents .contain .payment .choice {
        width: 980px;
        height: 37px;
        margin: 0;
        background: url("/resource/images/sub/join_agreebg.png") no-repeat;
        position: relative;
        float: left; }
        #contents .contain .payment .choice .txt {
          margin: 7px 20px;
          height: 22px;
          text-align: right; }
      #contents .contain .payment .con {
        width: 978px;
        height: 180px;
        border: 1px solid #d7d7d7;
        overflow-y: scroll;
        float: left; }
        #contents .contain .payment .con .area {
          width: 930px;
          margin: 12px auto;
          line-height: 20px; }
      #contents .contain .payment .btn {
        width: 64px;
        height: 20px;
        position: absolute;
        right: 10px;
        top: 5px;
        z-index: 100; }
    #contents .contain .infoframe {
      width: 700px;
      height: 260px;
      margin: 15px 15px 25px;
      position: relative;
      clear: both; }
      #contents .contain .infoframe .firstbox {
        width: 750px;
        margin: 8px 0 0;
        border: 1px solid #d4d4d4;
        padding: 0;
        background-color: #fff;
        float: left; }
        #contents .contain .infoframe .firstbox .phoneno01 {
          margin: 0;
          padding: 5px 40px 5px 40px;
          background-color: #f9f9f9;
          position: relative; }
        #contents .contain .infoframe .firstbox .phoneno02 {
          margin: 0;
          padding: 10px 99px 10px 50px;
          background-color: #ffffff;
          position: relative; }
      #contents .contain .infoframe .secondbox {
        width: 750px;
        margin: -1px 0 0;
        border: 1px solid #d4d4d4;
        padding: 0;
        background-color: #fff;
        float: left; }
        #contents .contain .infoframe .secondbox .email01 {
          margin: 0;
          padding: 5px 60px 5px 40px;
          background-color: #f9f9f9;
          position: relative; }
        #contents .contain .infoframe .secondbox .email02 {
          margin: 0;
          padding: 10px 96px 10px 50px;
          background-color: #ffffff;
          position: relative; }
    #contents .contain .lightboxList li > .imageThumbnail {
      width: 120px;
      height: 120px;
      display: table-cell;
      text-align: center;
      vertical-align: bottom; }
    #contents .contain .pageList > * {
      padding: 0 1px; }
    #contents .contain .payinfo {
      width: 980px;
      height: 270px;
      margin: 15px 15px 25px;
      background: url("/resource/images/mypage/pay_infomation.png") no-repeat;
      position: relative; }
      #contents .contain .payinfo .info01 {
        width: 730px;
        position: absolute;
        right: 0px;
        top: 14px;
        line-height: 20px; }
      #contents .contain .payinfo .info02 {
        width: 730px;
        position: absolute;
        right: 0px;
        bottom: 36px;
        line-height: 20px; }
    #contents .contain .bbs > table, #contents .contain .faqlist table {
      width: 100%;
      margin: 0;
      clear: both; }
      #contents .contain .bbs > table .last-child td, #contents .contain .faqlist table .last-child td {
        background-image: none; }
      #contents .contain .bbs > table .line, #contents .contain .faqlist table .line {
        border-left: none; }
      #contents .contain .bbs > table .line02, #contents .contain .faqlist table .line02 {
        border-top: 1px solid #d6dce4; }
      #contents .contain .bbs > table td, #contents .contain .faqlist table td {
        background: url("/resource/images/mypage/dot_bg.png") repeat-x bottom;
        border-left: 1px solid #dce0e9;
        padding: 10px 0;
        text-align: center;
        line-height: 17px; }
        #contents .contain .bbs > table td.qna, #contents .contain .faqlist table td.qna {
          border: none;
          padding: 30px;
          text-align: left;
          line-height: 25px; }
          #contents .contain .bbs > table td.qna ul, #contents .contain .faqlist table td.qna ul {
            padding-left: 15px;
            margin: 0; }
        #contents .contain .bbs > table td.name, #contents .contain .faqlist table td.name {
          padding-left: 15px;
          text-align: left; }
    #contents .contain .bbs {
      width: 980px;
      margin: 25px 15px 0;
      border: 1px solid #dce0e9;
      position: relative; }
      #contents .contain .bbs > table th {
        border-top: 1px solid #93a7bf;
        border-bottom: 1px solid #dce0e9;
        border-left: 1px solid #dce0e9;
        padding: 12px 0;
        background-color: #fafafa;
        text-align: center; }
      #contents .contain .bbs .last-child td {
        padding-left: 0; }
      #contents .contain .bbs .last-child.view td {
        border-left: none;
        text-align: left; }
    #contents .contain .pagenum {
      height: 21px;
      margin: 20px 0 30px;
      position: relative;
      display: block;
      text-align: center; }
      #contents .contain .pagenum span.num {
        display: inline-block;
        margin: 5px 3px; }
        #contents .contain .pagenum span.num.current {
          font-weight: bold; }
    #contents .contain .backbtn {
      height: 21px;
      margin: 0 15px 50px;
      position: relative;
      float: right;
      text-align: center; }
    #contents .contain .faqtab {
      width: 980px;
      margin: 20px 15px 0;
      position: relative; }
      #contents .contain .faqtab ul {
        height: 56px;
        margin: 0;
        padding: 0;
        list-style: none; }
      #contents .contain .faqtab li {
        width: 140px;
        height: 52px;
        margin: 0;
        padding: 0;
        float: left; }
    #contents .contain .faqlist {
      width: 980px;
      margin: 0 15px;
      border: 1px solid #dce0e9;
      position: relative; }
      #contents .contain .faqlist table th {
        border-bottom: 1px solid #dce0e9;
        border-left: 1px solid #dce0e9;
        padding: 12px 0;
        background-color: #fafafa;
        text-align: center; }
      #contents .contain .faqlist table td {
        padding: 10px 0;
        border-left: 1px solid #dce0e9;
        background: url("/resource/images/mypage/dot_bg.png") repeat-x bottom;
        font-weight: bold;
        text-align: center;
        color: #666;
        line-height: 17px; }
        #contents .contain .faqlist table td.answer {
          padding-left: 15px;
          background-color: #fafafa;
          text-align: left;
          color: #777;
          font-weight: normal;
          line-height: 21px; }
        #contents .contain .faqlist table td img {
          padding: 3px;
          float: left; }
    #contents .contain .searchbar {
      width: 980px;
      margin: 0 15px 20px;
      border: 1px solid #dce0e9;
      border-top: none;
      background-color: #f9f9f9;
      position: relative;
      text-align: center; }
      #contents .contain .searchbar input {
        height: 21px;
        border: 1px solid #cbd4de; }
        #contents .contain .searchbar input[type=image] {
          height: auto;
          margin: -7px 0;
          border: 0; }
      #contents .contain .searchbar select {
        height: 25px;
        margin: 15px 0;
        border: 1px solid #cbd4de; }
    #contents .contain .faqpad {
      margin: 20px 15px 0;
      border-top: 1px solid #dce0e9; }
    #contents .contain .bye {
      width: 980px;
      height: 360px;
      margin: 15px;
      background: url("/resource/images/sub/bye_bg.png") no-repeat;
      position: relative; }
      #contents .contain .bye .tex {
        width: 980px;
        position: absolute;
        bottom: 10px;
        text-align: center;
        line-height: 40px;
        font-size: 15px;
        font-weight: bold; }
        #contents .contain .bye .tex .red {
          color: #db4d15; }
    #contents .contain .reason {
      width: 980px;
      height: 310px;
      margin: 15px;
      background: url("/resource/images/sub/bye_bg02.png") no-repeat;
      position: relative; }
      #contents .contain .reason .choice {
        width: 940px;
        height: 80px;
        position: absolute;
        top: 45px;
        left: 33px;
        line-height: 45px; }
      #contents .contain .reason .advice {
        width: 940px;
        top: 200px;
        left: 20px;
        position: absolute;
        float: left; }
    #contents .contain .input_area {
      width: 96%;
      height: 85px;
      border: 1px solid #cbd4de;
      line-height: 24px; }
    #contents .contain .btnbox {
      width: 280px;
      height: 60px;
      margin: 20px 0;
      position: relative;
      left: 390px; }
    #contents .contain .btnbox02 {
      width: 500px;
      height: 60px;
      margin: 20px 0;
      position: relative;
      left: 350px; }
    #contents .contain .btnbox .btn, #contents .contain .btnbox02 .btn {
      padding-right: 10px; }
    #contents .contain .adviceTable .inputWidth {
      width: 800px; }
    #contents .contain .update {
      width: 980px;
      height: auto;
      margin: 20px 15px 0;
      position: relative;
      overflow: hidden; }
      #contents .contain .update .weekbg {
        height: 42px;
        background: url("/resource/images/sub/up_titlebg.png") no-repeat; }
      #contents .contain .update .wtitle {
        margin: 11px 20px;
        color: #222;
        float: left; }
      #contents .contain .update .con, #contents .contain .update .lastcon {
        float: left; }
        #contents .contain .update .con img, #contents .contain .update .lastcon img {
          padding-right: 7px;
          float: left; }
      #contents .contain .update .con {
        margin: 0 0 25px 3px; }
      #contents .contain .update .lastcon {
        margin: 0 0 50px 3px; }
      #contents .contain .update .last-child img {
        padding-right: 0; }
      #contents .contain .update .btn {
        height: 20px;
        position: absolute;
        right: 7px;
        top: 8px;
        z-index: 999; }
      #contents .contain .update select {
        width: 200px;
        height: 25px;
        margin: 0 6px 6px;
        border: 1px solid #cbd4de;
        float: right; }
    #contents .contain .ftitle {
      margin: 0px 85px;
      font-weight: bold;
      float: left; }
    #contents .contain .customer {
      width: 980px;
      height: 274px;
      margin: 15px;
      background: url("/resource/images/sub/customer_bg.png") no-repeat;
      position: relative; }
      #contents .contain .customer .btn {
        width: 508px;
        height: 92px;
        margin: 183px 50px 0 0;
        position: relative;
        float: right; }
        #contents .contain .customer .btn ul {
          margin: 0;
          padding: 0;
          list-style: none; }
        #contents .contain .customer .btn li {
          padding-right: 5px;
          float: left; }
    #contents .contain .center {
      width: 980px;
      height: 290px;
      margin: 15px;
      text-align: left;
      position: relative; }
      #contents .contain .center .more {
        position: absolute;
        top: 35px;
        right: 33px; }
      #contents .contain .center .notice ul, #contents .contain .center .faq ul, #contents .contain .center .faq ul {
        margin: 70px 0 0 35px;
        padding: 0;
        float: left;
        list-style: none; }
      #contents .contain .center .notice li, #contents .contain .center .faq li, #contents .contain .center .faq li {
        width: 427px;
        height: 29px;
        margin: 0;
        padding: 0;
        float: left; }
        #contents .contain .center .notice li .date, #contents .contain .center .faq li .date, #contents .contain .center .faq li .date {
          top: 0;
          margin: 0;
          float: right;
          padding-right: 7px; }
      #contents .contain .center .notice, #contents .contain .center .faq {
        width: 490px;
        height: 191px;
        margin: 0;
        padding: 0;
        position: relative;
        float: left;
        background: url("/resource/images/sub/notice_bg.png") no-repeat;
        list-style: none; }
        #contents .contain .center .notice li .text, #contents .contain .center .faq li .text {
          margin: 0;
          padding-left: 8px;
          top: 0; }
      #contents .contain .center .faq {
        float: right;
        background-image: url("/resource/images/sub/faq_bg.png"); }
      #contents .contain .center .ban {
        float: left;
        width: 980px;
        height: 130px;
        margin: 0; }
    #contents .contain .advice {
      width: 980px;
      height: auto;
      margin: 0 15px 30px;
      position: relative;
      overflow: hidden; }
      #contents .contain .advice ul {
        margin: 0;
        border-bottom: 1px solid #e1deda;
        padding: 0;
        float: left; }
        #contents .contain .advice ul.noborder {
          border-bottom: none; }
      #contents .contain .advice li {
        margin: 0;
        padding: 0;
        float: left;
        list-style: none; }
    #contents .contain .advicepad {
      margin: 25px 15px 0; }
    #contents .contain .counsel {
      width: 980px;
      height: 27px;
      margin: 0 15px;
      padding: 0;
      position: relative;
      background: url("/resource/images/sub/1vs1_bg.png") no-repeat; }
      #contents .contain .counsel ul {
        width: 976px;
        margin: 0;
        padding: 0;
        float: left; }
      #contents .contain .counsel li {
        width: 122px;
        margin: 0;
        padding: 0;
        float: left;
        list-style: none;
        text-align: center; }
    #contents .contain .addbtm {
      margin-bottom: 80px; }
    #contents .contain .subindex {
      width: 980px;
      margin: 30px 15px 20px;
      position: relative; }
      #contents .contain .subindex .tabbox {
        width: 980px;
        height: 44px;
        margin: 0;
        float: left;
        list-style: none; }
        #contents .contain .subindex .tabbox li {
          float: left; }
      #contents .contain .subindex .left, #contents .contain .subindex .report .right, #contents .contain .report .subindex .right {
        width: 560px;
        margin: 0;
        float: left; }
      #contents .contain .subindex .right {
        width: 420px;
        margin: 0;
        float: right; }
        #contents .contain .subindex .right ul {
          width: 420px;
          margin: 0;
          padding: 0;
          float: right; }
        #contents .contain .subindex .right li {
          width: 204px;
          margin: 0 0 6px 6px;
          padding: 0;
          float: left;
          list-style: none;
          text-align: center; }
    #contents .contain .subrank {
      width: 980px;
      height: 960px;
      margin: 15px 15px 40px;
      position: relative;
      overflow: visible; }
      #contents .contain .subrank ul {
        width: 980px;
        padding: 0;
        float: left; }
      #contents .contain .subrank li {
        width: 186px;
        height: 215px;
        margin: 0 10px 0 0;
        border: 1px solid #e9e9e9;
        padding: 0;
        position: relative;
        float: left;
        text-align: center;
        list-style: none;
        -webkit-margin-before: 1em; }
        #contents .contain .subrank li span.label {
          width: 40px;
          height: 40px;
          position: absolute;
          top: 0;
          left: 0;
          background: url("/resource/images/sub/label.png") no-repeat;
          color: #fff;
          z-index: 999; }
        #contents .contain .subrank li span.text {
          padding: 7px 4px;
          top: 0;
          left: 0;
          display: inline-block;
          color: #fff;
          text-align: left;
          font-weight: bold;
          z-index: 1; }
        #contents .contain .subrank li span.position {
          width: 186px;
          height: 170px;
          margin: 6px;
          display: table-cell;
          text-align: center;
          vertical-align: bottom; }
        #contents .contain .subrank li .imageThumbnail span {
          border: none !important; }
    #contents .contain .subrank span.tit, #contents .contain .rank .box span.tit {
      width: 188px;
      margin: 7px 0 4px 0;
      display: inline-block;
      color: #666;
      font-weight: bold;
      text-align: center;
      vertical-align: middle; }
      #contents .contain .subrank span.tit img, #contents .contain .rank .box span.tit img {
        margin-left: 2px;
        display: inline-block;
        vertical-align: middle; }
    #contents .contain .subrank span.icon, #contents .contain .rank .box span.icon {
      width: 170px;
      margin: 0;
      display: inline-block;
      text-align: center;
      vertical-align: middle; }
      #contents .contain .subrank span.icon img, #contents .contain .rank .box span.icon img {
        margin-left: 5px;
        display: inline-block;
        vertical-align: middle; }
    #contents .contain .subrank li.last, #contents .contain .rank .box li.last {
      margin-right: 0; }
    #contents .contain .best {
      width: 980px;
      margin: 15px;
      position: relative; }
    #contents .contain .rank {
      position: relative;
      width: 980px;
      margin: 15px 15px 25px; }
      #contents .contain .rank .more {
        width: auto;
        margin: 15px 7px 0 0;
        border: none;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9; }
      #contents .contain .rank .box {
        width: 980px;
        margin: 0;
        border: 1px solid #d9d9d9;
        overflow: visible;
        position: relative; }
        #contents .contain .rank .box ul {
          margin: 23px 23px 0;
          padding: 0;
          float: left; }
        #contents .contain .rank .box li {
          width: 165px;
          min-height: 220px;
          margin: 0 21px 25px 0;
          padding: 0;
          position: relative;
          float: left;
          list-style: none;
          text-align: center; }
          #contents .contain .rank .box li .imageThumbnail {
            height: 180px;
            width: 180px;
            display: table-cell;
            vertical-align: bottom;
            text-align: center; }
            #contents .contain .rank .box li .imageThumbnail span {
              border: none !important; }
      #contents .contain .rank .img {
        border: none; }
      #contents .contain .rank .end {
        margin-bottom: 40px; }
    #contents .contain .diary {
      width: 980px;
      margin: 25px 15px 40px;
      position: relative; }
      #contents .contain .diary ul {
        width: 980px;
        margin: 0;
        padding: 0;
        float: left; }
      #contents .contain .diary li {
        margin: 0 12px 20px 0;
        padding: 0;
        border: 1px solid #e7e7e7;
        position: relative;
        float: left;
        list-style: none;
        text-align: center; }
        #contents .contain .diary li.last {
          margin-right: 0; }
        #contents .contain .diary li span {
          /* left:1px; */ }
          #contents .contain .diary li span.textbg {
            width: 100%;
            height: 35px;
            padding: 0;
            position: absolute;
            bottom: 0;
            background: url("/resource/images/sub/diary_txtbg.png") repeat-x;
            z-index: 999; }
          #contents .contain .diary li span.eventname {
            margin: 12px 0 12px 7px;
            padding: 0;
            float: left;
            color: #fff; }
          #contents .contain .diary li span.moreview {
            margin: 12px 10px 12px 0;
            padding: 0;
            float: right;
            color: #a7a7a7; }
  #contents .wallpaper .date {
    margin: 10px 0;
    float: right; }
  #contents .wallpaper .clear {
    margin-bottom: 40px;
    padding: 0 15px; }
  #contents .noresult {
    width: auto;
    min-width: 850px;
    margin: 0 0 120px 210px;
    position: relative; }
    #contents .noresult .titleresult {
      min-width: 850px;
      height: 37px;
      border: 1px solid #dcdcdc;
      position: relative;
      line-height: 37px; }
      #contents .noresult .titleresult > a {
        color: #666; }
      #contents .noresult .titleresult h1 {
        height: 37px;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 0;
        left: 0;
        display: block; }
      #contents .noresult .titleresult .result {
        min-width: 75px;
        margin-left: 130px;
        padding: 0 7px;
        background: url("/resource/images/sub/line_resultbar.png") no-repeat right 12px;
        display: inline-block;
        font-weight: bold;
        letter-spacing: -1px;
        color: #f63; }
      #contents .noresult .titleresult .btn {
        position: absolute;
        right: 10px;
        top: 0px;
        display: inline-block;
        color: #666;
        font-weight: bold; }
        #contents .noresult .titleresult .btn img {
          margin-right: 5px;
          display: inline-block;
          vertical-align: middle; }
    #contents .noresult .nosearch {
      width: 980px;
      height: 194px;
      margin: 15px;
      position: relative;
      background: url("/resource/images/sub/no-search_bg.png") no-repeat; }



	#contents .noresult .keywordinfo {
       width: 940px;
	   height: 30px;
      margin: 45px;

	  position: relative;
	  list-style: none;
        }

	 #contents .noresult .keywordinfo li {

			 margin: 15px;

           text-align: center;

	}

   #contents .noresult .keywordinfo .title01 {
			font-size: 22px;
			/* font-family: 'Nanum Gothic'; */
			font-weight: bold;
			color: #3f454f; }

   #contents .noresult .keywordinfo .title02 {
			font-size: 22px;
			/* font-family: 'Nanum Gothic'; */
			font-weight: bold;
			  color: #4273d7; }
	#contents .noresult .keywordinfo .title03 {

			font-size: 15px;
			/* font-family: 'Nanum Gothic'; */
			font-weight: normal;
			color: #3f454f; }



#contents .noresult .keywordinfo1 {
       width: 1000px;
		height: 45px;
	   position: relative;
	   text-align: center;
       list-style: none; }
 #contents .noresult .keywordinfo1 li{
       text-align: center;
       list-style: none; }


	  #contents .noresult  .keywordinfo1 .keywordlist {

			font-size: 18px;
			/* font-family: 'Nanum Gothic'; */
			font-weight: bold;
			 color: #ffffff;
			background-color: #4273d7 !important;



			padding: 14px 45px 14px 30px;
 		    border-radius: 50px;
			background: url("/resource/images/sub/btn_normal.png") no-repeat center right 15px;
           }



	 #contents .noresult  .keywordinfo1 .keywordlist:hover {

		 			background-color: #ffffff !important;

					color:#4273d7;text-decoration:none;

					  border: 1px solid #4273d7; !important;
					 border-radius: 50px;
					padding: 14px 45px 14px 30px;

	   					background: url("/resource/images/sub/btn_over.png") no-repeat center right 15px;


	   }


    #contents .noresult .info {
      width: 990px;
      height: 220px;
      margin: 15px;
      position: relative;
      list-style: none; }
      #contents .noresult .info li {
        margin: 0 8px 8px 0;
        float: left; }

/* table */
.w_td_c, .g_td_c {
  padding: 10px 0;
  background-color: #fff;
  font-size: 12px;
  color: #555;
  letter-spacing: -0.1px;
  text-align: center; }

.w_td, .g_td {
  padding: 7px 10px;
  background-color: #fff;
  color: #555; }
  .w_td img, .g_td img {
    vertical-align: middle; }

.g_td_c {
  background-color: #f8f8f8; }

.g_td {
  background-color: #f8f8f8; }

.g2_td_c {
  padding: 10px 0;
  background-color: #e8e8e8;
  font-size: 12px;
  color: #555;
  letter-spacing: -0.1px;
  text-align: center; }

.bold {
  padding: 5px 0;
  font: 12px;
  color: #555;
  font-weight: bold; }

  /*
.active {
  padding: 12px 0;
  color: #bb7272;
  font-weight: bold; }
  */

.red {
  color: #b26969; }

.red02 {
  color: #b88888; }

/* adult */
/* .adultbg {  background: url("/resource/images/adult/adult_bg.png") no-repeat; } */


/* popup */
#popup .topbg, #popup02 .topbg {
	font-size:17px;background:#0e2a47;color:white;height:48px;font-family:'Noto Sans KR',sans-serif;
}

#popup .toptext, #popup02 .toptext {
  margin: 18px;
  float: left;
  color: #fff;
  text-align: left;
}
#popup .btnbox, #popup02 .btnbox {
  width:100%;
  position: relative;
  float: left;
  text-align: center; }

#popup {
  width: auto;
  height: 100%;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  left: 0;
  }
  #popup .imgbox {
    margin: 0 auto;
    padding: 35px 0 30px 0;
    text-align: center; }
  #popup .imgbox01 {
    margin: 0 auto;
    padding: 35px 0 0 0;
    text-align: center; }
  #popup .usetext {
    margin: 0 20px;
    float: right;
    color: #666;
    line-height: 20px;
    font-weight: bold;
    font-size: 13px; }
  #popup .useinfobox {
    width: 560px;
    margin: 0 20px;
    position: relative;
    float: left;
    background: url("/resource/images/mypage/use_bg.png") no-repeat;
    line-height: 26px;
    color: #666;
    font-size: 13px;
    font-weight: bold; }
  #popup .confirm {
    margin: 30px 20px;
    padding: 0;
    position: relative;
    float: right; }
    #popup .confirm .addbox {
      width: 480px;
      margin: 0 7px;
      float: left;
      text-align: right;
      color: #666; }
      #popup .confirm .addbox .adddate {
        clear: both;
        float: right;
        line-height: 23px;
        font-size: 12px; }
      #popup .confirm .addbox .addtext {
        clear: both;
        float: right;
        line-height: 18px;
        font-size: 11px; }
    #popup .confirm .addimg {
      margin: 0;
      padding: 4px 0 0 0;
      float: right; }
  #popup .pop {
    width: 573px;
    margin: 23px;
    position: relative;
    float: left;
    line-height: 18px;
	background: white;}
    #popup .pop table {
      width: 100%;
      margin: 0;
      border: 1px solid #c9d0dd;
      clear: both;
	  background: white;}
      #popup .pop table th {
        width: 130px;
        padding: 11px 0;
        border-top: 1px solid #dce0e9;
        background: #f5f5f5;
        font-size: 12px;
        text-align: center;
        letter-spacing: 0;
        line-height: 18px;
        font-weight: normal; }
      #popup .pop table .first-child th, #popup .pop table .first-child td {
        border-top: none; }
      #popup .pop table td {
        border-left: 1px solid #ededed;
        border-top: 1px solid #dce0e9;
        padding: 6px 0 6px 15px;
        vertical-align: middle; }
        #popup .pop table td .input_area {
          width: 95%;
          height: 85px;
          border: 1px solid #cbd4de;
          line-height: 24px; }
      #popup .pop table input.textbox {
		width:294px;
        height: 21px;
        margin: 2px 0;
        border: 1px solid #cbd4de; }




  #popup .popschool {
    width: 727px;
    margin: 25px;
    position: relative;
    float: left;
    line-height: 18px; }



    #popup .popschool table {
      width: 100%;
      margin: 0;
      border: 1px solid #c9d0dd;
      clear: both; }
      #popup .popschool table th {
        width: 130px;
        padding: 11px 0;
        border-top: 1px solid #dce0e9;
        background: #f5f5f5;
        font-size: 12px;
        text-align: center;
        letter-spacing: 0;
        line-height: 18px;
        font-weight: normal; }
      #popup .popschool table .first-child th, #popup .popschool table .first-child td {
        border-top: none; }
      #popup .popschool table td {
        border-left: 1px solid #ededed;
        border-top: 1px solid #dce0e9;
        padding: 6px 0 6px 15px;
        vertical-align: middle; }
        #popup .popschool table td .input_area {
          width: 95%;
          height: 85px;
          border: 1px solid #cbd4de;
          line-height: 24px; }
      #popup .popschool table input.textbox {
        height: 21px;
        margin: 2px 0;
        border: 1px solid #cbd4de; }


  #popup .confirmschool {
    margin: 30px 30px;
    padding: 0;
    position: relative;
    float: right; }
    #popup .confirmschool .addbox {
      width: 480px;
      margin: 0 7px;
      float: left;

      color: #666; }
      #popup .confirmschool .addbox .adddate {
        clear: both;
        float: right;
        line-height: 23px;
        font-size: 12px; }
      #popup .confirmschool .addbox .addtext {
        clear: both;
        float: right;
        line-height: 18px;
        font-size: 11px; }
    #popup .confirmschool .addimg {
      margin: 0;
      padding: 4 0 0 0;
       float: right; }
  #popup .limit {
    width: 570px;
    height: auto;
    margin: 0 15px;
    position: relative;
    float: left;
    line-height: 20px; }
  #popup .limitlist {
    width: 570px;
    margin: 15px 0;
    padding: 0;
    float: left;
    color: #333;
    font-size: 12px;
    list-style: none; }
    #popup .limitlist li {
      padding: 0 0 0 16px;
      background: url("/resource/images/sub/bullet_arrow.png") no-repeat 4px 6px;
      font-weight: normal; }
      #popup .limitlist li.dotline {
        height: 1px;
        margin: 13px 0 12px 0;
        background: url("/resource/images/sub/line_dot.png") repeat-x bottom; }

#popup02 {
  width: 400px;
  height: auto;
  margin: 0 auto;
  padding: 0;
  position: absolute;
  left: 0; }
  #popup02 .infobtn img {
    padding-right: 5px; }
  #popup02 .tabbox {
    width: 370px;
    height: 31px;
    margin: 25px 15px 0;
    float: left; }
  #popup02 .pop {
    width: 335px;
    margin: 0;
    position: relative;
    float: left; }
    #popup02 .pop .textm {
      margin: 0px 8px 0;
      line-height: 18px; }
    #popup02 .pop .zipbox {
      width: 100%;
      margin: 13px 0 0;
      border: 1px solid #d4d4d4;
      padding: 0 0 15px;
      float: left;
      background-color: #fff; }
      #popup02 .pop .zipbox .search {
        width: 340px;
        margin: 15px 0 0;
        float: left;
        text-align: center; }
        #popup02 .pop .zipbox .search img {
          margin: 0 0 -7px 0; }
      #popup02 .pop .zipbox .search01 {
        width: 340px;
        margin: 15px 0 0 15px;
        float: left;
        text-align: center; }
      #popup02 .pop .zipbox .search02 input {
        height: 19px;
        margin: 10px 0;
        border: 1px solid #d0d5da; }
      #popup02 .pop .zipbox .search02 img {
        margin: 10px 0; }
      #popup02 .pop .zipbox .search input, #popup02 .pop .zipbox .newbox input {
        height: 20px;
        border: 1px solid #d0d5da; }
      #popup02 .pop .zipbox .search select, #popup02 .pop .zipbox .search02 select {
        height: 23px;
        border: 1px solid #d0d5da; }
    #popup02 .pop .zipbox02 {
      width: 350px;
      margin: 0;
      border: 1px solid #d4d4d4;
      padding: 10px 10px;
      background-color: #f9f9f9;
      float: left; }
      #popup02 .pop .zipbox02 .search01 input {
        height: 21px;
        margin: 5px 3px 0;
        border: 1px solid #d4d4d4; }
      #popup02 .pop .zipbox02 .search02 {
        width: 330px;
        margin: 0;
        padding: 10px 8px;
        float: left;
        text-align: left;
        line-height: 21px; }
        #popup02 .pop .zipbox02 .search02 input {
          height: 20px;
          margin: 7px 0;
          border: 1px solid #d0d5da; }
        #popup02 .pop .zipbox02 .search02 img {
          margin: 0 0 -7px 0;
          vertical-align: baseline; }
        #popup02 .pop .zipbox02 .search02 select {
          height: 23px;
          border: 1px solid #d0d5da; }
    #popup02 .pop .newbox {
      width: 370px;
      margin: 20px 0;
      padding: 20px 0;
      position: relative;
      float: left;
      background: url("/images/address/line_dot.png") repeat-x top;
      text-align: center; }
    #popup02 .pop .infobox {
      width: 370px;
      margin: 10px 0 0;
      padding: 15px 0;
      float: left;
      background: url("/images/address/line_dot.png") repeat-x top;
      line-height: 19px;
      color: #666; }
      #popup02 .pop .infobox img {
        padding-top: 3px; }
    #popup02 .pop .detail, #popup02 .pop .detail02 {
      width: 330px;
      height: 100px;
      margin: 10px 0 0;
      border: 1px solid #d4d4d4;
      padding: 15px 20px;
      float: left;
      line-height: 26px; }
    #popup02 .pop .detail02 {
      height: 50px;
      padding: 10px 20px; }
    #popup02 .pop.type2 * {
      vertical-align: middle; }
  #popup02 .email {
    width: auto;
    padding:10px;
    position: relative;
    float: left;
    line-height: 18px;
	background:#fff;
	}
  #popup02 .mail {
    width: 370px;
    height: 45px;
    margin: 20px 15px;
    position: relative;
    float: left;
    background: url("/resource/images/sub/line_dot.png") repeat-x bottom;
    text-align: center; }
    #popup02 .mail input {
      height: 19px;
      border: 1px solid #d0d5da; }
  #popup02 .infobtn {
    width: 100%;
    height: 30px;
    margin: 0;
    padding: 15px 0;
    position: relative;
    background: url("/resource/images/sub/line_dot.png") repeat-x top;
    float: left;
    text-align: center; }

/* font */
#popup02.font {
  width: 604px; }
  #popup02.font .topbg {
    float: none; }
  #popup02.font .part {
    width: 573px;
    margin: 20px auto 25px;
    font-size: 12px; }
  #popup02.font .title {
    padding-left: 10px;
    background: url("/resource/images/sub/bullet_font_agree.jpg") no-repeat left 3px;
    color: #333;
    font-weight: bold; }
  #popup02.font .text {
    height: 168px;
    max-height: 168px;
    margin-top: 8px;
    border: 1px solid #c9d0dd;
    padding: 12px;
    overflow: auto;
    line-height: 160%;
    color: #555; }
  #popup02.font .agreement {
    height: 28px;
    padding-top: 9px;
    padding-right: 3px;
    border: 1px solid #c9d0dd;
    border-top: none;
    background: #f5f5f5;
    text-align: right; }
    #popup02.font .agreement label {
      padding-right: 8px;
      letter-spacing: -1px;
      font-size: 11px;
      color: #666; }
    #popup02.font .agreement * {
      vertical-align: middle; }
  #popup02.font .allagree {
    margin-top: 25px;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: bold; }
    #popup02.font .allagree * {
      vertical-align: middle; }
  #popup02.font .submit {
    margin: 20px 0 35px;
    text-align: center; }

#popup .private h1 {
  margin: 7px 0 0 0;
  padding: 0;
  font-size: 13px;
  font-weight: 600;
  color: #125da6;
  letter-spacing: -0.5px; }
#popup .private p {
  margin: 0;
  padding: 0;
  font-size: 11px;
  color: #808080; }
#popup .private .box {
  margin: 7px 0 0 0;
  padding: 8px;
  border: 1px solid #c9d0dd;
  display: inline-block; }
  #popup .private .box p.notify {
    margin: 6px 0 0 0;
    padding-left: 15px;
    clear: both;
    background: url("/resource/images/common/ico_alert.png") no-repeat 0 3px;
    color: #d6493f; }
#popup .private dl.tb {
  width: 551px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #c9d0dd;
  border-right: 1px solid #c9d0dd;
  display: table; }
  #popup .private dl.tb dt, #popup .private dl.tb dd {
    width: 150px;
    padding: 10px;
    margin: 0;
    border-left: 1px solid #c9d0dd;
    border-bottom: 1px solid #c9d0dd;
    float: left;
    line-height: 15px;
    text-align: center;
    display: table-cell; }
  #popup .private dl.tb dt {
    background: #e4e7ee;
    color: #333; }
  #popup .private dl.tb dd {
    height: 30px; }
  #popup .private dl.tb .lg {
    width: 188px; }
#popup .private dl.agree {
  margin: 0 0 30px 0;
  background: #f5f5f5;
  border-left: 1px solid #c9d0dd;
  border-right: 1px solid #c9d0dd;
  border-bottom: 1px solid #c9d0dd;
  display: table;
  width: 568px; }
#popup .private dt, #popup .private dd {
  padding: 8px 0 10px 12px;
  display: table-cell; }
#popup .private dl.agree dt {
  width: 392px;
  font-weight: 600; }
#popup .private dl.agree input {
  margin: -1px 3px 0 5px;
  vertical-align: middle; }

.detail, #popup02 .pop .detail02 {
  overflow-y: auto; }
  .detail li, #popup02 .pop .detail02 li {
    list-style: none; }

.detail02 a img {
  margin-bottom: -7px;
  *margin: 5px 0 -5px; }

.searchType1 img {
  *margin: 0 0 -4px !important; }

.type2 input {
  *margin: 0 !important; }

.searchType2 img {
  *margin: 10px 0 -4px !important; }

#emaildeny .deny {
  width: 980px; }
  #emaildeny .deny .email {
    width: 500px;
    position: absolute;
    top: 350px;
    left: 240px;
    text-align: center; }
#emaildeny .deny_btn {
  width: 305px;
  height: 60px;
  margin: 0 auto;
  position: relative;
  top: -103px;
  text-align: center; }
  #emaildeny .deny_btn li {
    display: inline; }

#preview {
  border: 1px solid #ccc;
  background-color: #EEE;
  z-index: 10; }
  #preview .image-no {
    padding: 4px;
    text-align: left;
    font-weight: bold; }

.wallpaper-wrap {
  margin-bottom: 29px;
  width: 800px; }
  .wallpaper-wrap .wallpaperList {
    display: inline-block;
    margin-right: 15px; }
  .wallpaper-wrap .wallpaperList2 {
    display: inline-block;
    margin-right: 14px; }
  .wallpaper-wrap .wallpaperImage {
    padding-left: 5px;
    padding-top: 6px; }
  .wallpaper-wrap .wallpaperList > span {
    display: inline-block;
    margin-top: 20px; }
    .wallpaper-wrap .wallpaperList > span > a {
      display: inline-block;
      vertical-align: top;
      float: left;
      margin-right: 3.2px; }
  .wallpaper-wrap .wallpaperList2 > span {
    display: inline-block;
    margin-top: 20px; }
    .wallpaper-wrap .wallpaperList2 > span > a {
      display: inline-block;
      vertical-align: top;
      float: left;
      margin-right: 3.2px; }

/* vote */
.vote {
  width: 980px;
  margin: 30px 15px 20px;
  position: relative; }
  .vote .vote-top {
    text-align: center; }
  .vote .vote-middle > .vote-middle-top {
    text-align: center; }
  .vote .vote-middle > .vote-middle-middle {
    background: url("/resource/images/events/vote/bg_pattern_01.png") repeat-y;
    background-position: center; }
  .vote .vote-middle .middle-title {
    text-align: center; }
    .vote .vote-middle .middle-title > span {
      font-size: 13.55px;
      font-weight: bold;
      line-height: 19px;
      color: #444; }
  .vote .vote-middle .middle-sub {
    text-align: center; }
    .vote .vote-middle .middle-sub > .sub-textbox {
      width: 746px;
      height: 187px;
      border: 2px solid #333;
      margin: auto;
      margin-top: 13px;
      background: #fff; }
      .vote .vote-middle .middle-sub > .sub-textbox > .sub-text {
        text-align: left;
        overflow: auto;
        height: 126px;
        padding: 13px 13px 0 13px;
        line-height: 20px; }
      .vote .vote-middle .middle-sub > .sub-textbox > .sub-checkbox {
        text-align: left;
        height: 47px;
        border-top: 1px dashed #040404;
        background-color: #e2e2e2;
        position: relative; }
        .vote .vote-middle .middle-sub > .sub-textbox > .sub-checkbox > span {
          display: inline-block;
          margin-left: 13px;
          font-size: 11px;
          color: #444;
          line-height: 14px; }
        .vote .vote-middle .middle-sub > .sub-textbox > .sub-checkbox > .text1 {
          margin-top: 10px; }
        .vote .vote-middle .middle-sub > .sub-textbox > .sub-checkbox > .text2 {
          font-weight: bold; }
        .vote .vote-middle .middle-sub > .sub-textbox > .sub-checkbox > .checkbox {
          position: absolute;
          top: 16px;
          right: 19px; }
          .vote .vote-middle .middle-sub > .sub-textbox > .sub-checkbox > .checkbox > label {
            font-size: 12px;
            color: #444;
            line-height: 14px; }
          .vote .vote-middle .middle-sub > .sub-textbox > .sub-checkbox > .checkbox > label > input {
            height: 13px;
            vertical-align: middle; }
  .vote .vote-middle .middle-bottom {
    text-align: center;
    margin-top: 23px; }
    .vote .vote-middle .middle-bottom .checkboxtext > .checktext {
      display: inline-block;
      padding-top: 6px;
      font-size: 14px;
      font-weight: bold;
      color: #444; }
    .vote .vote-middle .middle-bottom .checkboxtext2 > .checktext {
      display: inline-block;
      padding-top: 6px;
      font-size: 14px;
      font-weight: bold;
      color: #444; }
    .vote .vote-middle .middle-bottom .checkboxtext2 {
      margin-bottom: 17px; }
    .vote .vote-middle .middle-bottom .checkboxtext > .usertable {
      text-align: center; }
    .vote .vote-middle .middle-bottom .checkboxtext .userinfo {
      width: 370px;
      height: 83px;
      margin: auto;
      margin-top: 6px;
      margin-bottom: 12px;
      border-collapse: collapse; }
      .vote .vote-middle .middle-bottom .checkboxtext .userinfo th {
        border-top: 2px solid #333;
        border-left: 2px solid #333;
        border-bottom: 2px solid #333;
        font-size: 14px;
        color: #fff;
        background-color: #654934;
        width: 119px; }
      .vote .vote-middle .middle-bottom .checkboxtext .userinfo td {
        border-top: 2px solid #333;
        border-right: 2px solid #333;
        border-bottom: 2px solid #333;
        background-color: #fff; }
        .vote .vote-middle .middle-bottom .checkboxtext .userinfo td input {
          width: 219px;
          height: 17px;
          border: 0 solid;
          padding-left: 6px; }
        .vote .vote-middle .middle-bottom .checkboxtext .userinfo td .userHp, .vote .vote-middle .middle-bottom .checkboxtext .userinfo td .userName {
          font-size: 14px;
          color: #999; }
    .vote .vote-middle .middle-bottom .votejoinbtn {
      z-index: 100;
      margin-top: 4px;
      position: relative; }
  .vote .vote-middle > .vote-middle-middle2 {
    background: url("/resource/images/events/vote/bg_pattern_02.png") repeat-y;
    background-position: center; }
  .vote .vote-middle .middle2-title {
    text-align: center;
    margin-bottom: 13px; }
  .vote .vote-middle .middle2-sub .problem {
    display: inline-block;
    margin-left: 116px; }
  .vote .vote-middle .middle2-sub .problem > .problemNumber {
    display: inline-block;
    width: 56px;
    height: 19px;
    background: #f4da71;
    border: 1px solid #3b2004;
    border-radius: 15px 15px;
    box-shadow: 0 2px 0 1px #3b2004;
    font-size: 12.5px;
    font-weight: bold;
    color: #331700;
    text-align: center;
    padding-top: 7px;
    margin-right: 7px;
    vertical-align: top; }
  .vote .vote-middle .middle2-sub .problemTitle {
    display: inline-block;
    padding-top: 2px;
    padding-left: 1px; }
  .vote .vote-middle .middle2-sub .problem .textpadding {
    padding-left: 5px;
    padding-right: 5px; }
  .vote .vote-middle .middle2-sub .problem .text1 {
    font-size: 17px;
    color: #572903;
    line-height: 22px;
    background-color: #ffd4b7; }
  .vote .vote-middle .middle2-sub .problem .text2 {
    font-size: 17px;
    color: #572903;
    font-weight: bold;
    line-height: 22px;
    background-color: #ffd4b7; }
  .vote .vote-middle .middle2-sub .problem .text3 {
    font-size: 13px;
    color: #572903; }
  .vote .vote-middle .middle2-sub .problem .problemEx1 {
    padding-top: 12px;
    padding-left: 63px; }
    .vote .vote-middle .middle2-sub .problem .problemEx1 label {
      font-size: 13.5px;
      color: #444; }
      .vote .vote-middle .middle2-sub .problem .problemEx1 label > input[type=checkbox] {
        border: 1px solid #808080;
        vertical-align: middle;
        height: 13px; }
      .vote .vote-middle .middle2-sub .problem .problemEx1 label .problemEx1-etc {
        margin-left: 5px; }
  .vote .vote-middle .middle2-sub .sub-problem1 {
    margin-bottom: 31px; }
  .vote .vote-middle .middle2-sub .problem .problemEx2 {
    padding-top: 15px;
    padding-left: 67px; }
    .vote .vote-middle .middle2-sub .problem .problemEx2 .problemEx2-table {
      border-collapse: collapse;
      width: 683px;
      height: 202px; }
      .vote .vote-middle .middle2-sub .problem .problemEx2 .problemEx2-table th {
        padding: 23px 0 24px 0;
        border-top: 1px solid #c7c7c7;
        border-left: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        font-size: 14px;
        color: #444;
        font-weight: bold;
        background-color: #eee;
        width: 83px; }
      .vote .vote-middle .middle2-sub .problem .problemEx2 .problemEx2-table td {
        border-top: 1px solid #c7c7c7;
        border-right: 1px solid #c7c7c7;
        border-bottom: 1px solid #c7c7c7;
        background-color: #fff;
        padding-left: 20px; }
        .vote .vote-middle .middle2-sub .problem .problemEx2 .problemEx2-table td label {
          font-size: 14px;
          color: #444; }
        .vote .vote-middle .middle2-sub .problem .problemEx2 .problemEx2-table td input[type="checkbox"] {
          vertical-align: middle;
          border: 1px solid #808080; }
        .vote .vote-middle .middle2-sub .problem .problemEx2 .problemEx2-table td .problemEx2-etc {
          margin-left: 5px; }
  .vote .vote-middle .middle2-sub .sub-problem3 {
    margin-top: 33px; }
  .vote .vote-middle .middle2-sub .problem .problemEx3 {
    padding-top: 15px;
    padding-left: 67px; }
    .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table {
      border-collapse: collapse;
      height: 452px;
      width: 681px; }
      .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table .th1 {
        width: 276px; }
      .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table .th2 {
        width: 77px; }
      .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table .th1, .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table .th2 {
        height: 58px; }
      .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table th, .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table td {
        border: 1px solid #c7c7c7; }
      .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table thead th {
        font-size: 14px;
        font-weight: bold;
        color: #444;
        background-color: #eee;
        line-height: 16px; }
      .vote .vote-middle .middle2-sub .problem .problemEx3 .problemEx3-table tbody td {
        font-size: 14px;
        font-weight: bold;
        color: #444;
        line-height: 15px;
        height: 53px; }
  .vote .vote-middle .middle2-sub .sub-problem4 {
    margin-top: 35px; }
  .vote .vote-middle .middle2-sub .problem .problemEx4 {
    padding-left: 66px;
    padding-top: 21px; }
    .vote .vote-middle .middle2-sub .problem .problemEx4 input[type="checkbox"] {
      height: 13px;
      vertical-align: middle; }
    .vote .vote-middle .middle2-sub .problem .problemEx4 .problemEx4-YN {
      display: inline-block;
      font-size: 14px;
      color: #444;
      margin-bottom: 6px; }
    .vote .vote-middle .middle2-sub .problem .problemEx4 .problemEx4-checkbox {
      width: 658px;
      height: 61px;
      padding-top: 19px;
      padding-left: 21px;
      border: 1px solid #c7c7c7;
      background-color: #eee;
      font-size: 14px;
      color: #444;
      margin-bottom: 7px; }
      .vote .vote-middle .middle2-sub .problem .problemEx4 .problemEx4-checkbox div {
        height: 23px;
        margin-bottom: 1px; }
      .vote .vote-middle .middle2-sub .problem .problemEx4 .problemEx4-checkbox label {
        display: inline-block;
        margin-bottom: 5px; }
  .vote .vote-middle .middle2-sub .sub-problem5 {
    margin-top: 24px; }
  .vote .vote-middle .middle2-sub .problem .problemEx5 {
    padding-top: 21px;
    padding-left: 66px; }
    .vote .vote-middle .middle2-sub .problem .problemEx5 textarea {
      width: 675px;
      height: 200px;
      padding-left: 7px;
      padding-top: 7px; }
  .vote .vote-middle .middle-bottom2 {
    text-align: center;
    margin-top: 18px;
    margin-bottom: 16px; }
  .vote .vote-middle > .vote-middle-middle3 {
    background: url("/resource/images/events/vote/bg_pattern_03.png") repeat-y;
    background-position: center; }
  .vote .vote-middle .vote-middle-table {
    width: 746px;
    margin: auto;
    border-collapse: collapse; }
    .vote .vote-middle .vote-middle-table .table-title1 {
      background-color: #e7e7e7;
      font-size: 14px;
      font-weight: bold;
      color: #444;
      border-left: 1px solid #cdcdcd;
      border-top: 1px solid #cdcdcd; }
    .vote .vote-middle .vote-middle-table .table-title2 {
      background-color: #e7e7e7;
      font-size: 14px;
      font-weight: bold;
      color: #444;
      border-right: 1px solid #cdcdcd;
      border-top: 1px solid #cdcdcd; }
    .vote .vote-middle .vote-middle-table .gift-th1 {
      border-left: 1px solid #cdcdcd;
      border-bottom: 1px solid #cdcdcd;
      width: 196px; }
    .vote .vote-middle .vote-middle-table .gift-td1 {
      border-bottom: 1px solid #cdcdcd;
      border-right: 1px solid #cdcdcd;
      padding-top: 5px;
      padding-bottom: 4px; }
    .vote .vote-middle .vote-middle-table .gift-sub-table1 {
      font-size: 12px;
      color: #444;
      line-height: 19px;
      text-align: left; }
      .vote .vote-middle .vote-middle-table .gift-sub-table1 > tbody tr td:nth-child(1) {
        width: 177px; }
      .vote .vote-middle .vote-middle-table .gift-sub-table1 > tbody tr td:nth-child(2) {
        width: 177px; }
      .vote .vote-middle .vote-middle-table .gift-sub-table1 > tbody tr td:nth-child(3) {
        width: 195px; }
    .vote .vote-middle .vote-middle-table .gift-sub-table2 {
      font-size: 12px;
      color: #444;
      line-height: 19px;
      text-align: left; }
      .vote .vote-middle .vote-middle-table .gift-sub-table2 > tbody tr td:nth-child(1) {
        width: 137px; }
      .vote .vote-middle .vote-middle-table .gift-sub-table2 > tbody tr td:nth-child(2) {
        width: 137px; }
      .vote .vote-middle .vote-middle-table .gift-sub-table2 > tbody tr td:nth-child(3) {
        width: 135px; }
  .vote .vote-bottom {
    text-align: center; }
    .vote .vote-bottom > img {
      z-index: 1;
      position: relative; }

.dailyUpdate .dailyUpdate-top .dailyUpdate-top-day {
  position: relative;
  margin-top: 36px;
  margin-bottom: 32px;
  text-align: center; }
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .day {
    font-weight: bold;
    font-size: 45px;
    color: #333;
    letter-spacing: -1.6px;
    line-height: 43px;
    vertical-align: middle; }
    .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .day img {
      vertical-align: middle; }
    .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .day .week {
      font-size: 43px; }
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day > input {
    vertical-align: bottom; }
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .prev, .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .next {
    cursor: pointer; }
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .prev {
    margin-right: 5px; }
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .calendarMore {
    margin-bottom: 5px;
    margin-left: 8px; }
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .button {
    display: inline-block;
    position: absolute;
    right: 0px;
    bottom: -25px; }
    .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .button span {
      cursor: pointer;
      position: relative;
      display: inline-block;
      padding: 6px 13px 5px 9px;
      font-size: 11px;
      color: #666;
      border: 1px solid #b8b8b8; }
      .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .button span img {
        margin-right: 5px; }
    .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .button .month {
      right: -1px; }
    .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .button .on {
      color: #fff;
      font-weight: bold;
      background-color: #00438E;
      border: 1px solid #0C325C;
      z-index: 1; }
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar {
    position: absolute;
    left: 389px;
    top: 41px;
    width: 228px;
    height: 128px;
    border: 2px solid #00438E;
    background-color: #fff;
    z-index: 100; }
    .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .top {
      height: 32px;
      border-top: 1px solid #668EBB;
      background-color: #00438E; }
      .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .top span {
        display: block;
        color: #fff;
        font-size: 14px;
        letter-spacing: -1.15px;
        font-weight: bold;
        margin-top: 11px; }
    .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle {
      width: 100%; }
      .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .year {
        display: block;
        width: 108px;
        height: 93px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 0px;
        padding: 0px;
        float: left; }
        .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .year .year-list {
          list-style: none;
          margin: 0;
          padding: 0;
          height: 100%;
          overflow-y: scroll; }
          .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .year .year-list li {
            cursor: pointer;
            padding-top: 6px;
            padding-left: 15px;
            font-size: 12px;
            height: 17px;
            letter-spacing: -0.5px;
            text-align: left; }
          .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .year .year-list .normal {
            color: #666; }
          .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .year .year-list .select {
            color: #313340;
            font-weight: bold;
            background: #CCDAF4; }
          .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .year .year-list .over {
            background: #DEDFE2;
            font-weight: bold; }
      .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .month {
        display: block;
        width: 117px;
        height: 93px;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        margin: 0px;
        padding: 0px;
        float: left; }
        .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .month .month-list {
          cursor: pointer;
          list-style: none;
          margin: 0;
          padding: 0;
          height: 100%;
          overflow-y: scroll; }
        .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .month li {
          padding-top: 6px;
          padding-left: 15px;
          font-size: 12px;
          height: 17px;
          letter-spacing: -0.5px;
          text-align: left; }
        .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .month .normal {
          color: #666; }
        .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .month .select {
          color: #313340;
          font-weight: bold;
          background: #CCDAF4; }
        .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .daily-calendar .middle .month .over {
          background: #DEDFE2;
          font-weight: bold; }
.dailyUpdate .imagecount {
  background-color: #DEDFE2;
  border-top-right-radius: 2px; }
  .dailyUpdate .imagecount .total {
    display: inline-block;
    padding: 10px 20px 9px 23px;
    border-top-left-radius: 2px;
    background-color: #585C65;
    font-size: 11px;
    color: #fff;
    font-weight: bold;
    margin-right: 11px; }
  .dailyUpdate .imagecount .list {
    margin-right: 15px;
    color: #666;
    font-size: 11px; }
.dailyUpdate .imageblock .imageleft {
  float: left;
  background-color: #f7f7f7;
  margin-bottom: 33px;
  padding-bottom: 9px;
  border-bottom: 1px solid #dcdcdc;
  width: 100%; }
  .dailyUpdate .imageblock .imageleft .imagelist {
    display: block;
    list-style: none;
    margin: 18px 0 0 19px;
    padding: 0; }
    .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li {
      float: left;
      width: 232px;
      height: 303px;
      border: 1px solid #dcdcdc;
      background-color: #fff;
      margin-right: 12px;
      margin-bottom: 12px; }
      .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox {
        position: relative;
        width: 214px;
        height: 214px;
        background-color: #EAEBEE;
        border: 1px solid #DEDFE2;
        margin: 8px 0 0 8px;
        text-align: center; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .iamge {
          position: absolute;
          max-width: 100%;
          max-height: 100%;
          margin-top: auto;
          margin-bottom: auto;
          margin-left: auto;
          margin-right: auto;
          left: 0;
          right: 0;
          top: 0;
          bottom: 0; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_view {
          position: absolute;
          right: 0;
          bottom: 0;
          cursor: pointer; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_view_background {
          position: absolute;
          width: 214px;
          height: 214px;
          z-index: 100;
          background: rgba(0, 0, 0, 0.6); }
          .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_view_background .icon_popup {
            margin-top: 58px; }
          .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_view_background span {
            display: block;
            color: #fff;
            font-size: 13px;
            font-weight: bold;
            letter-spacing: -1px;
            margin-top: 11px; }
          .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_view_background .icon_box {
            margin-top: 10px; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box {
          position: absolute;
          width: 455px;
          height: 336px;
          border: 3px solid #424454;
          z-index: 200;
          background-color: white;
          top: 190px; }
          .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .list_box {
            position: relative;
            height: 281px;
            overflow-y: scroll;
            padding: 11px 0 0 6px; }
            .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .list_box ul {
              list-style: none;
              height: 292px;
              padding: 0; }
              .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .list_box ul li {
                display: block;
                width: 100px;
                margin-left: 5px;
                margin-bottom: 5px;
                border: 1px solid #EAEBEE; }
                .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .list_box ul li .list_box_list {
                  width: 100px; }
                .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .list_box ul li .list_box_list_background {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100%;
                  height: 100%;
                  background: rgba(0, 0, 0, 0.8);
                  cursor: pointer; }
                  .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .list_box ul li .list_box_list_background span {
                    position: absolute;
                    display: block;
                    color: #fff;
                    font-size: 11px;
                    letter-spacing: -1px;
                    max-width: 100%;
                    max-height: 100%;
                    margin-left: auto;
                    margin-right: auto;
                    margin-top: auto;
                    margin-bottom: auto;
                    left: 0;
                    right: 0;
                    top: 45%;
                    bottom: 0; }
                  .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .list_box ul li .list_box_list_background img {
                    position: absolute;
                    right: 1px;
                    bottom: 1px; }
          .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .popup_box_bottom {
            position: absolute;
            background-color: #424454;
            width: 455px;
            height: 44px;
            bottom: 0; }
            .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .popup_box_bottom .text_normal {
              display: block;
              margin-top: 17px;
              color: #fff;
              font-size: 13px;
              letter-spacing: -1px; }
              .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .popup_box_bottom .text_normal img {
                margin-left: 4px; }
            .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagebox .popup_box .popup_box_bottom .text_over {
              font-weight: bold;
              text-decoration: underline; }
      .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagetitle {
        position: relative; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagetitle .listTitle {
          display: block;
          color: #333;
          font-size: 15px;
          letter-spacing: -1.15px;
          margin-top: 17px;
          padding-left: 10px; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagetitle .text_over {
          font-weight: bold; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagetitle .listTitle_bottom_line {
          width: 35px;
          height: 1px;
          background-color: #D6493F;
          margin-top: 12px;
          margin-left: 11px; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagetitle .listSubTitle span {
          display: inline-block;
          color: #999;
          font-size: 11px;
          letter-spacing: -0.5px;
          margin-top: 8px;
          margin-left: 10px; }
        .dailyUpdate .imageblock .imageleft .imagelist li.imageList_li .li-imagetitle .listSubTitle img {
          vertical-align: middle;
          position: absolute;
          right: 8px;
          top: 27px;
          cursor: pointer; }

/* ie hack */
/* ie 9 */
:root #contents .contain .login .con input#logid, :root #contents .contain .login .con input[name=password] {
  padding: 5px 0\0/IE9;
  margin-top: 1px\0/IE9; }

:root #contents .contain .step03 .leftinfo .entry p {
  margin-left: 4px\0/IE9; }

:root #contents .contain .step03 .leftinfo .entry02 {
  margin-top: 5px\0/IE9; }

/* ie 8 */
#contents .lnb .submenu ul li.lastChild {
  background: none\0; }

#contents .lnb .submenu .tab ul.tablist li.lastChild {
  background: url("/resource/images/sub/line_lnblistleftend.png") 4px 0 no-repeat\0; }

#contents .lnb .submenu .tab ul.tablist li.lastChild div.tabbg {
  background: none\0; }

#contents .contain .step03 .leftinfo .entry02 {
  margin-top: 15px\0; }

#contents .contain .step03 .leftinfo .entry p {
  margin-left: 12px\0; }

#contents .contain .step04 table select {
  margin-bottom: -7px\0; }

#contents .contain .step04 table select[name=vcJob] {
  margin-bottom: 0\0; }

#contents .contain .step04 table input[type=text] {
  line-height: 21px\0; }

#contents .contain .searchbar {
  padding-bottom: 11px\0; }

#contents .contain .searchbar select {
  margin-bottom: -11px\0; }

#contents .contain .searchbar input[type=image] {
  margin: -7px 0 -10px 5px\0; }

#contents .contain .subrank ul li {
  margin-bottom: 10px\0; }

#popup .pop select, #popup02 .pop select {
  margin-bottom: -10px\0; }

#popup02 .pop .zipbox02 select {
  margin-bottom: 0\0; }

#contents .contain .login .con #logid, #contents .contain .login .con #logpw {
  height: 18px \0/IE8;
  padding: 6px 0 \0/IE8;
  margin-top: 5px \0/IE8; }

.searchType1 a, .searchType2 a {
  margin: 123px 0 0 \0/IE8; }

/* ie 7 */
*:first-child + html #contents .lnb .submenu {
  margin-top: 38px !important; }

*:first-child + html #contents .lnb .submenu h1 {
  top: -39px !important; }

*:first-child + html #contents .lnb .submenu ul.typelist, *:first-child + html #contents .lnb .submenu ul.uplist, *:first-child + html #contents .lnb .submenu ul.customlist, *:first-child + html #contents .lnb .submenu ul.ctablist,
*:first-child + html #contents .lnb .submenu ul.customlist {
  padding-top: 10px; }

*:first-child + html #contents .lnb .submenu ul.uplist .bullet,
*:first-child + html #contents .lnb .submenu ul.typelist .bullet,
*:first-child + html #contents .lnb .submenu ul.uplist .bullet,
*:first-child + html #contents .lnb .submenu ul.customlist .bullet,
*:first-child + html #contents .lnb .submenu ul.ctablist .bullet,
*:first-child + html #contents .lnb .submenu ul.customlist .bullet {
  margin-bottom: 2px; }

*:first-child + html #contents .lnb .submenu ul.customlist li .bullet02 {
  margin-bottom: 6px; }

*:first-child + html #contents .lnb .submenu ul li.lastChild {
  background: none; }

*:first-child + html #contents .contain {
  margin-bottom: 60px; }

*:first-child + html .resultblock {
  cursor: pointer; }

*:first-child + html #contents .lnb .submenu .tab ul.tablist li.lastChild {
  background: url("/resource/images/sub/line_lnblistleftend.png") 4px 0 no-repeat; }

*:first-child + html #contents .lnb .submenu .tab ul.tablist li.lastChild div.tabbg {
  background: none; }

*:first-child + html #contents .contain .step03 .leftinfo .entry02 {
  margin-top: 15px; }

*:first-child + html #contents .contain .step03 .leftinfo .entry p {
  margin-left: 16px; }

*:first-child + html #contents .contain .step03 .leftinfo .entry img {
  margin-top: 6px; }

*:first-child + html #contents .contain .login .con input#logid,
*:first-child + html #contents .contain .login .con input[name=password] {
  height: 18px;
  padding: 6px 0;
  margin-top: 3px; }

*:first-child + html #contents .contain .mypage table td.searchblock {
  padding: 15px 0;
  text-align: center; }

*:first-child + html #contents .contain .mypage li {
  padding-top: 10px; }

*:first-child + html #contents .contain .mypage .lightbox {
  margin-bottom: -20px; }

*:first-child + html #contents .contain .mypage .single_title {
  position: relative;
  z-index: -1; }

*:first-child + html #contents .contain .mypage .imageThumbnail {
  display: inline;
  zoom: 1;
  vertical-align: bottom; }

*:first-child + html #contents .contain .mypage .imageThumbnail a.img {
  display: inline;
  zoom: 1;
  vertical-align: bottom; }

*:first-child + html #contents .contain .mypage .imageThumbnail span.dummy {
  height: 100%;
  display: inline;
  zoom: 1; }

*:first-child + html #contents .contain .mypage table .payblock {
  margin-top: 4px; }

*:first-child + html #contents .contain .mypage table .payblock img {
  padding-top: 3px; }

*:first-child + html #contents .contain .center .notice li .date, *:first-child + html #contents .contain .center .faq li .date,
*:first-child + html #contents .contain .center .faq li .date {
  margin-top: -13px; }

*:first-child + html #contents .contain .center .notice li, *:first-child + html #contents .contain .center .faq li,
*:first-child + html #contents .contain .center .faq li {
  margin-top: -15px;
  padding-top: 15px; }

*:first-child + html #contents .contain .searchbar {
  vertical-align: bottom; }

*:first-child + html #contents .contain .searchbar > * {
  vertical-align: middle; }

*:first-child + html #contents .contain .searchbar input[type=text] {
  margin-top: -4px !important; }

*:first-child + html #contents .contain .searchbar input[type=image] {
  margin: -4px 0 0 5px; }

/*
*:first-child+html #contents .contain .subrank { overflow-x:visible; overflow:visible; width:100%; height: 100%; }
*:first-child+html #contents .contain .subrank ul {margin: 20px 0 0; padding:0; width: 100%; }
*:first-child+html #contents .contain .subrank li { margin-bottom: 10px; height: 220px; position: relative; }
*:first-child+html #contents .contain .subrank li .position .imageThumbnail a.img { display:inline; zoom:1; vertical-align: bottom; }
*:first-child+html #contents .contain .subrank li .position .imageThumbnail span.dummy { height: 100%; display: inline; zoom:1; }
*:first-child+html #contents .contain .subrank li .position { display: inline; zoom: 1; vertical-align: bottom; margin-bottom: 0; }
*/
*:first-child + html #contents .contain .center {
  height: 300px; }

*:first-child + html #contents .contain .step04 input[type=text] {
  height: 17px;
  padding-top: 4px; }

*:first-child + html #contents .contain .rank .box {
  padding-bottom: 40px; }

*:first-child + html #contents .contain .rank .box li .imageThumbnail {
  display: inline;
  zoom: 1;
  vertical-align: bottom; }

*:first-child + html #contents .contain .rank .box li .imageThumbnail a.img {
  display: inline;
  zoom: 1;
  vertical-align: bottom; }

*:first-child + html #contents .contain .rank .box li .imageThumbnail span.dummy {
  height: 100%;
  display: inline;
  zoom: 1; }

*:first-child + html #contents .contain .use .btn {
  bottom: 15px; }

*:first-child + html #popup02 .pop.other .detail02 * {
  vertical-align: middle; }

*:first-child + html #popup02 .pop.other .detail02 .search {
  display: inline-block; }

*:first-child + html #popup02 .pop.other .detail02 img {
  margin-top: -6px; }

*:first-child + html #popup02 .pop.type2 .searchType2 img {
  margin-top: 2px !important; }

*:first-child + html #contents .contain .login .con #logpw {
  height: 18px; }

/* ie 10 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #contents .contain .step03 .leftinfo .entry02 {
    margin-top: 7px; }

  #contents .contain .step03 .leftinfo .entry02 p .searchblock input {
    margin-bottom: 2px; }

  #contents .contain .step03 .leftinfo .entry02 p input[type=text] {
    top: 0px\0;
    position: relative\0; }

  #contents .contain .step04 table select {
    margin-bottom: -8px; }

  #contents .contain .searchbar select {
    margin-bottom: -8px; }

  #contents .contain .login .con #logpw {
    margin-top: 0px; }

  /* ie 11 */
  *::-ms-backdrop, .width200px {
    width: 182px; }

  *::-ms-backdrop, .width230px {
    width: 220px; }

  *::-ms-backdrop, .width274px {
    width: 260px; } }
/* ff hack */
/* Target FireFox 3 [!] */
html > body #contents .contain .center .notice li .date, html > body #contents .contain .center .faq li .date, x:-moz-any-link, x:default {
  margin-top: -11px; }

html > body #contents .contain .center .faq li .date, x:-moz-any-link, x:default {
  margin-top: -11px; }

html > body #contents .contain .login #logid, x:-moz-any-link, x:default {
  padding-top: 7px;
  height: 21px; }

html > body .login #logpw, x:-moz-any-link, x:default {
  padding-top: 7px;
  height: 21px; }

html > body #contents .contain .step04 table input.textbox, x:-moz-any-link, x:default {
  height: 18px;
  padding-top: 3px; }

html > body .byeblock, x:-moz-any-link, x:default {
  min-width: 140px; }

html > body #contents .contain .report .left .noinfo_id select, html > body #contents .contain .report .right .noinfo_id select, html > body #contents .contain .report .right .yesinfo_id select, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .left .noinfo_id #logphone, html > body #contents .contain .report .right .noinfo_id #logphone, html > body #contents .contain .report .right .yesinfo_id #logphone, x:-moz-any-link, x:default {
  width: 60px; }

html > body .noinfo_id #logphone3, html > body #contents .contain .report .right .yesinfo_id #logphone3, #contents .contain .report .right html > body .yesinfo_id #logphone3, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .left .noinfo_pw select, html > body #contents .contain .report .right .noinfo_pw select, html > body #contents .contain .report .right .yesinfo_pw select, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .left .noinfo_pw #logphone, html > body #contents .contain .report .right .noinfo_pw #logphone, html > body #contents .contain .report .right .yesinfo_pw #logphone, x:-moz-any-link, x:default {
  width: 60px; }

html > body .noinfo_pw #logphone3, html > body #contents .contain .report .right .yesinfo_pw #logphone3, #contents .contain .report .right html > body .yesinfo_pw #logphone3, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .right .yesinfo_pw select, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .right .yesinfo_pw #logphone2, x:-moz-any-link, x:default {
  width: 60px; }

html > body .yesinfo_pw #logphone4, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .right .yesinfo_id select, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .right .yesinfo_id #logphone2, x:-moz-any-link, x:default {
  width: 60px; }

html > body .yesinfo_id #logphone4, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .right .yesinfo_id #lisence, x:-moz-any-link, x:default {
  width: 58px; }

html > body #contents .contain .report .right .yesinfo_pw #lisence, x:-moz-any-link, x:default {
  width: 58px; }

html > body #contents .contain .report .right .yesinfo_id .license, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .report .right .yesinfo_pw .license, x:-moz-any-link, x:default {
  width: 60px; }

html > body #contents .contain .step03 .leftinfo .entry label img, x:-moz-any-link, x:default {
  margin-left: 6px; }

html > body #contents .contain .step03 .leftinfo .entry02 #logphone, x:-moz-any-link, x:default {
  width: 67px; }

html > body .entry02 #logphone2, x:-moz-any-link, x:default {
  width: 67px; }

html > body #contents .contain .step03 .leftinfo .entry #licensee, x:-moz-any-link, x:default {
  width: 67px; }

html > body .entry #licensee02, x:-moz-any-link, x:default {
  width: 67px; }

html > body .entry #licensee03, x:-moz-any-link, x:default {
  width: 67px; }

/* safari 2-3 */
#contents .contain .center:not(:root:root) {
  height: 300px; }

#contents .contain .advice:not(:root:root) {
  clear: both; }

/* chrome hack */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .dailyUpdate .dailyUpdate-top .dailyUpdate-top-day .button img {vertical-align: sub;}
}


*{margin:0;padding:0;}
li{list-style:none;}
a{cursor:pointer;color:black;}
a:hover{color:black;}
.red{color:#e8493d;}
label{cursor:pointer;}
form{padding:0;margin:0;}
.active{padding:0;}

/*온라인 인증서 추가 CSS*/
.popup10 .imgbox01 .titleB{font-size:23px; height:40px; letter-spacing:-1px; font-family: 'Noto Sans KR', sans-serif;}
.popup10 .pop h1.h1Title{font-size:16px; height:24px;}
.popup10 .useinfoboxText{position:relative; display:inline-block; width:570px; height:490px; padding:15px;}
.popup10 .useinfoboxText .logo{position:absolute; top:50%; left:50%; margin-left:-209.5px; margin-top:-65px; width:419px; height:130px; background:url("/resource/images/estimate/bgIclickex.gif") center no-repeat;}
.popup10 .useinfoboxText .titleC{font-size:16px;}
.popup10 .useinfoboxText .textW{position:absolute; top:37px; left:24px; width:560px; font-size:13px; line-height:18px; z-index:9; letter-spacing:-1px;}
.popup10 .daycertification{margin-left:15px; padding-top:10px; width:570px; display:inline-block; position:relative; text-align:center; font-size:14px; line-height:20px; border-top:2px solid #000; font-weight:bold;}

#popup3 .imgbox01 {width:570px;padding: 35px 15px 0 15px;text-align: center;}
#popup3 .useinfobox {width: 570px;padding: 0 15px;position: relative;float: left;background: url("/resource/images/mypage/use_bg.png") no-repeat;line-height: 26px;color: #666;font-size: 13px;font-weight: bold; }
#popup3 .confirm { margin: 30px 20px;padding: 0;position: relative;float: right; }
#popup3 .pop {width:570px;padding:15px;position: relative;float: left;line-height: 18px; background: white;}
#popup3 .pop table {width: 100%;margin: 0;border: 1px solid #c9d0dd;clear: both;  background: white;}
#popup3 .pop table th {width: 130px;padding: 11px 0;border-top: 1px solid #dce0e9;background: #f5f5f5;font-size: 12px; text-align: center;letter-spacing: 0;line-height: 18px;font-weight: 600;}
#popup3 .pop table .first-child th, #popup3 .pop table .first-child td { border-top: none; }
#popup3 .pop table td {border-left: 1px solid #ededed;border-top: 1px solid #dce0e9;padding: 6px 0 6px 15px;vertical-align: middle; font-weight:400;}
#popup3 .confirm {margin: 30px 15px;padding: 0;position: relative;float: right; }
#popup3 .confirm .addbox {margin: 0 7px; float: left; text-align: right;color: #666; }
#popup3 .confirm .addbox .adddate { clear: both;float: right;line-height: 23px; font-size: 12px; }
#popup3 .confirm .addbox .addtext {clear: both;float: right; line-height: 18px; font-size: 11px; }
#popup3 .confirm .addimg {margin: 0; padding: 4px 0 0 0; float: right; }
#popup3 .btnbox{width:100%;height:30px;position:relative;float:left;text-align:center;}
#popup3 .btnbox a{width:104px;height:36px;line-height:35px;font-size:13px;letter-spacing:-0.5px;color:white;cursor:pointer;display:inline-block;*display:inline;zoom:1;text-align:center;}
#popup3 .btnbox a.ok{background:#35373a;}
#popup3 .btnbox a.cancel{background:#aaabab;}

#popup4 {width: 100%;height: 100%;margin: 0 auto;padding: 0;position: absolute;left: 0;background: #f0f0f0;}
#popup4 .imgbox {margin: 0 auto;padding: 35px 0 30px 0;text-align: center; }
#popup4 .imgbox01 {margin: 0 auto;padding: 35px 0 0 0;text-align: center; }
#popup4 .usetext {margin: 0 20px;float: right;color: #666;line-height: 20px;font-weight: bold;font-size: 13px; }
#popup4 .useinfobox {width: 560px;margin: 0 20px;position: relative;float: left;background: url("/resource/images/mypage/use_bg.png") no-repeat;line-height: 26px;color: #666;font-size: 13px;font-weight: bold; }
#popup4 .confirm {margin: 30px 20px;padding: 0;position: relative;float: right; }
#popup4 .confirm .addbox {width: 480px;margin: 0 7px;float: left;text-align: right;color: #666; }
#popup4 .confirm .addbox .adddate {clear: both;float: right;line-height: 23px;font-size: 12px; }
#popup4 .confirm .addbox .addtext {clear: both;float: right;line-height: 18px;font-size: 11px; }
#popup4 .confirm .addimg {margin: 0;padding: 4px 0 0 0;float: right; }
#popup4 .pop {width: 573px;padding:23px;margin: 23px;position: relative;float: left;line-height: 18px; background: white;}
#popup4 .pop table {width: 100%;margin: 0;border: 1px solid #c9d0dd;clear: both; background: white;}
#popup4 .pop table th {width: 130px;padding: 11px 0;border-top: 1px solid #dce0e9;background: #f5f5f5;font-size: 12px;text-align: center;letter-spacing: 0;line-height: 18px;font-weight: normal; }
#popup4 .pop table .first-child th, #popup4 .pop table .first-child td {border-top: none; }
#popup4 .pop table td {border-left: 1px solid #ededed;border-top: 1px solid #dce0e9;padding: 6px 0 6px 15px;vertical-align: middle; }
#popup4 .pop table td .input_area {width: 95%;height: 85px;border: 1px solid #cbd4de;line-height: 24px; }
#popup4 .pop table input.textbox {height: 21px;margin: 2px 0;border: 1px solid #cbd4de; }
#popup4 .limit {width: 570px;height: auto;margin: 0 15px;position: relative;float: left;line-height: 20px; }
#popup4 .limitlist {width: 570px;margin: 15px 0;padding: 0;float: left;color: #333;font-size: 12px;list-style: none; }
#popup4 .limitlist li {padding: 0 0 0 16px;background: url("/resource/images/sub/bullet_arrow.png") no-repeat 4px 6px;font-weight: normal;}
#popup4 .limitlist li.dotline {height: 1px;margin: 13px 0 12px 0;background: url("/resource/images/sub/line_dot.png") repeat-x bottom; }
#popup4 .topbg{font-size:17px;background:#0e2a47;color:white;height:48px;font-family:'Noto Sans KR',sans-serif;}
#popup4 .toptext{margin: 18px;float: left;color: #fff;text-align: left;}
#popup4 .btnbox{width: 100%;height: 30px;margin: 15px 0 20px 0;position: relative;float: left;text-align: center; }
#popup4 .btnbox img{padding-right: 5px; }
#popup4 .btnbox a{width:104px;height:36px;line-height:35px;font-size:13px;letter-spacing:-0.5px;color:white;cursor:pointer;display:inline-block;*display:inline;zoom:1;}
#popup4 .btnbox a.ok{background:#35373a;}
#popup4 .btnbox a.cancel{background:#aaabab;}
#popup4 .private h1 {margin: 7px 0 0 0;padding: 0;font-size: 13px;font-weight: 600;color: #125da6;letter-spacing: -0.5px; }
#popup4 .private p {margin: 0;padding: 0;font-size: 11px;color: #808080; }
#popup4 .private .box {margin: 7px 0 0 0;padding: 8px;border: 1px solid #c9d0dd;display: inline-block; }
#popup4 .private .box p.notify {margin: 6px 0 0 0;padding-left: 15px;clear: both;background: url("/resource/images/common/ico_alert.png") no-repeat 0 3px;color: #d6493f; }
#popup4 .private dl.tb {width: 551px;margin: 0;padding: 0;border-top: 1px solid #c9d0dd;border-right: 1px solid #c9d0dd;display: table; }
#popup4 .private dl.tb dt, #popup4 .private dl.tb dd {width: 150px;padding: 10px;margin: 0;border-left: 1px solid #c9d0dd;border-bottom: 1px solid #c9d0dd;float: left;line-height: 15px;text-align: center;display: table-cell; }
#popup4 .private dl.tb dt {background: #e4e7ee;color: #333; }
#popup4 .private dl.tb dd {height: 30px; }
#popup4 .private dl.tb .lg {width: 188px; }
#popup4 .private dl.agree {margin: 0 0 30px 0;background: #f5f5f5;border-left: 1px solid #c9d0dd;border-right: 1px solid #c9d0dd;border-bottom: 1px solid #c9d0dd;display: table;width: 568px; }
#popup4 .private dt, #popup4 .private dd {padding: 8px 0 10px 12px;display: table-cell; }
#popup4 .private dl.agree dt {width: 392px;font-weight: 600; }
#popup4 .private dl.agree input {margin: -1px 3px 0 5px;vertical-align: middle; }


/*20200114 방문상담 서비스*/
#popup5 {width: 100%;margin: 0 auto;padding: 0;position: absolute;left: 0;background: #f0f0f0; height:798px; overflow-y:auto;}
:root #popup5 {height: 800px\0/IE9;}
#popup5 .imgbox {margin: 0 auto;padding: 35px 0 30px 0;text-align: center; }
#popup5 .imgbox01 {margin: 0 auto;padding: 35px 0 0 0;text-align: center; }
#popup5 .usetext {margin: 0 20px;float: right;color: #666;line-height: 20px;font-weight: bold;font-size: 13px; }
#popup5 .useinfobox {width: 560px;margin: 0 20px;position: relative;float: left;background: url("/resource/images/mypage/use_bg.png") no-repeat;line-height: 26px;color: #666;font-size: 13px;font-weight: bold; }
#popup5 .confirm {margin: 30px 20px;padding: 0;position: relative;float: right; }
#popup5 .confirm .addbox {width: 480px;margin: 0 7px;float: left;text-align: right;color: #666; }
#popup5 .confirm .addbox .adddate {clear: both;float: right;line-height: 23px;font-size: 12px; }
#popup5 .confirm .addbox .addtext {clear: both;float: right;line-height: 18px;font-size: 11px; }
#popup5 .confirm .addimg {margin: 0;padding: 4px 0 0 0;float: right; }
#popup5 .onlineCallTa{height:auto !important;}
#popup5 .onlineCallTa table td{font-size:13px;}
#popup5 .pop {width: 650px;padding:26px;margin: 35px;position: relative;float: left;line-height: 18px; background: white; height:1050px;}
#popup5 .pop table {width: 100%;margin: 0;border: 1px solid #c9d0dd;clear: both; background: white; table-layout:fixed; word-break:break-all;}
#popup5 .pop table th {padding: 11px 0;border-top: 1px solid #dce0e9;background: #f5f5f5;font-size: 12px;text-align: center;letter-spacing: 0;line-height: 18px;font-weight: normal; }
#popup5 .pop table .first-child th, #popup4 .pop table .first-child td {border-top: none; }
#popup5 .pop table td {border-left: 1px solid #ededed;border-top: 1px solid #dce0e9;padding: 6px 0 6px 15px;vertical-align: middle;}
#popup5 .pop table td > textarea{padding:5px;}
#popup5 .pop table td .input_area {width: 95%;height: 85px;border: 1px solid #cbd4de;line-height: 24px; }
#popup5 .pop table td .checkTitle {float:left; width:75px; color:#333333;}
#popup5 .pop table td .checkList {float:left; width:391px;}
#popup5 .pop table td .labelNo2 {width:414px;}
#popup5 .pop table td .checkList > label{float:left; margin-right:8px; font-size:12px; line-height:24px; color:#808080;}
#popup5 .pop table td .checkList > label > input{vertical-align:middle; margin-right:3px; margin-top:-4px;}
#popup5 .pop table input.textbox {height: 25px;margin: 2px 0;border: 1px solid #cbd4de; padding-left:5px;}
#popup5 .limit {width: 570px;height: auto;margin: 0 15px;position: relative;float: left;line-height: 20px; }
#popup5 .limitlist {width: 570px;margin: 15px 0;padding: 0;float: left;color: #333;font-size: 12px;list-style: none; }
#popup5 .limitlist li {padding: 0 0 0 16px;background: url("/resource/images/sub/bullet_arrow.png") no-repeat 4px 6px;font-weight: normal;}
#popup5 .limitlist li.dotline {height: 1px;margin: 13px 0 12px 0;background: url("/resource/images/sub/line_dot.png") repeat-x bottom; }
#popup5 .topbg{font-size:17px;background:#0e2a47;color:white;height:48px;font-family:'Noto Sans KR',sans-serif;}
#popup5 .toptext{margin: 18px;float: left;color: #fff;text-align: left;}
#popup5 .btnbox{width: 100%;height: 30px;margin: 15px 0 20px 0;position: relative;float: left;text-align: center; }
#popup5 .btnbox img{padding-right: 5px; }
#popup5 .btnbox a{width:104px;height:36px;line-height:35px;font-size:13px;letter-spacing:-0.5px;color:white;cursor:pointer;display:inline-block;*display:inline;zoom:1;}
#popup5 .btnbox a.ok{background:#35373a;}
#popup5 .btnbox a.cancel{background:#aaabab;}
#popup5 .private h1 {margin: 25px 0 0 0;padding: 0;font-size: 13px;font-weight: 600;color: #125da6;letter-spacing: -0.5px; }
#popup5 .private p {margin: 0;padding: 0;font-size: 11px;color: #808080; }
#popup5 .private .box {margin: 7px 0 0 0; display: inline-block;}
#popup5 .private .box p.notify {margin: 6px 0 0 0;padding-left: 15px;clear: both;background: url("/resource/images/common/ico_alert.png") no-repeat 0 3px;color: #d6493f; }
#popup5 .private dl.tb {width: 650px;margin: 0;padding: 0;border-top: 1px solid #c9d0dd;border-right: 1px solid #c9d0dd;display: table; }
#popup5 .private dl.tb dt, #popup5 .private dl.tb dd {width: 199.3px;padding: 10px;margin: 0;border-left: 1px solid #c9d0dd;border-bottom: 1px solid #c9d0dd;float: left;line-height: 15px;text-align: center;display: table-cell; }
#popup5 .private dl.tb dt {background: #e4e7ee;color: #333; }
#popup5 .private dl.tb dd {height: 30px; }
#popup5 .private dl.tb .lg {width: 188px; }
#popup5 .private dl.agree {background: #f5f5f5;border-left: 1px solid #c9d0dd;border-right: 1px solid #c9d0dd;border-bottom: 1px solid #c9d0dd;display: table;width: 649px; }
#popup5 .private dt, #popup5 .private dd {padding: 8px 0 10px 12px;display: table-cell; }
#popup5 .private dl.agree dt {width: 465px;font-weight: 600; }
#popup5 .private dl.agree input {margin: -1px 3px 0 5px;vertical-align: middle; }

#popup5 .phoneSide{}
#popup5 .phoneSide > h1{color:#125da6; font-size:13px; margin-bottom:4px; letter-spacing:-0.8px;}
#popup5 .phoneSide > p{color:#808080; font-size:12px;}
#popup5 .phoneSide > .nextLabel{overflow:hidden; margin-top:7px;}
#popup5 .phoneSide > .nextLabel > span{float:left; height:48px; background-color:#e4e7ee; font-size:13px; color:#333; line-height:48px; text-align:center; border:1px solid #c9d0dd;}
#popup5 .phoneSide > .nextLabel > img{float:left; margin:13px 16px; }
#popup5 .visitSide_1{font-size:13px; margin:30px 0 4px;}
#popup5 .visitSide_1 > .title{color:#125da6;}
#popup5 .visitSide_1 > .alertImg{float:right; padding-left:15px; background:url("/resource/images/common/ico_alert.png") no-repeat 0 3px; color:#d6493f;}
#popup5 .popupBtn{width:104px;line-height:23px;letter-spacing:-0.6px;float:left;text-align:center;border-radius:2px;background:#666666;color:white;cursor:pointer;*display:inline;zoom:1; margin-top:4px;  margin-left:5px;/*display:inline-block;*/}
#popup5 .popupBtn img{margin-top:-3px;margin-right:3px;vertical-align:middle;}
#popup5 .addresBox{float:left; width:142px;}
#popup5 .addresBox{float:left; width:142px;}
#popup5 .checkBoxaa, #popup5 .soloCH1{float:left; margin-top:8px; margin-left:4px;}
/*20200114 방문상담 서비스*/



/*사이드메뉴 페이지 start*/
.signMenu{width:187px;height:100%;float:left;padding-top:37px;position:relative;margin-left:42px;}
.signMenu .underLine{width:165px;border:1px solid black;position:absolute;}
.signMenu .underLine span{width:450px;font-size:32px;font-weight:400;line-height:32px;position:absolute;bottom:0;left:211px;}
.signMenu a{color:#000000;cursor:pointer;letter-spacing:-0.3px;}
.signMenu .title{font-size:22px;line-height:22px;letter-spacing:-0.6px;padding-bottom:20px;font-weight:bold;}
.signMenu li{margin-top:20px;font-size:14px;line-height:14px;padding-left:3px;}

.signMenu .contactUs{width:163px;height:132px;background:#f6f6f6;color:#3b3b3b;border:1px solid #e2e2e2;text-align:center;line-height:normal;margin-top:10px;}
.signMenu .contactUs .con_title{width:100%;font-size:19px;letter-spacing:-0.5px;display:block;padding-top:15px;}
.signMenu .contactUs .con_no{width:100%;height:33px;letter-spacing:-0.1px;line-height:33px;font-size:22px;font-weight:bold;display:block;padding-bottom:5px;}
.signMenu .contactUs p{width:100%;height:18px;font-size:12px;color:#575757;letter-spacing:-0.4px;text-align:left;padding-left:10px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.signMenu label{cursor:inherit;}


.event_sidebar_link{margin-top:40px;}

.imagehub_banner_link{margin-top:10px;}

.signMenu .licenseGuid{width:163px;color:#000000;text-align:center;padding:20px 0px;margin-top:5px;border:1px solid #e2e2e2;background:white; font-family: 'Noto Sans KR', sans-serif; margin-top:34px;}
.signMenu .licenseGuid .licen_title{width:100%;font-size:19px;line-height:19px;display:block;margin-bottom:20px; color:#3b3b3b;}
.signMenu .licenseGuid div{color:#fff; margin:1px 0}
.signMenu .licenseGuid div > span{display:inline-block; width:66px; font-size:11px; font-weight:500; line-height:21px;}
.signMenu .licenseGuid div > .buyBtn{background:none !important;font-size:13px; font-weight:400; text-align:left;}
.signMenu .licenseGuid a{display:inline-block; width:134px; height:28px; border:1px solid #dfdfdf; background:#f0f0f0; line-height:28px; margin-top:10px; font-size:12px;}
.signMenu .licenseGuid a::after{content:''; float:right; width:5px; height:27px; background:url('/resource/images/membership/right_black.png') no-repeat center #f0f0f0; margin-right:14px;}


/*사이드메뉴 페이지 end*/

.agreePage input[type="checkbox"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.agreePage input[type="checkbox"] + label{content:'';cursor:pointer;background: url('/resource/images/sign/agree_off.png');background-repeat:no-repeat;background-position:99% 2px;padding-right:30px;display:inline-block;*display:inline;zoom:1;}
.agreePage input[type="checkbox"]:checked + label{background: url('/resource/images/sign/agree_on.png');background-repeat:no-repeat;background-position:99% 2px;}


/*라이선스 step0 페이지 start*/
.licensePage .contents{width:950px;padding:80px 0px 150px 45px;float:left;border-left:1px solid #e0e0e0;}
.licensePage .contents .progressWrap{width:950px;text-align:center;margin-top:35px;display:inline-block;*display:inline;zoom:1;}
.licensePage .contents .progressWrap .top_text{width:950px;height:50px;line-height:48px;background:#f2f2f2;margin-top:33px;margin-bottom:44px;}
.licensePage .contents .progressWrap .top_text img{vertical-align:middle;margin:-3px 3px 0px 0px;}
.licensePage .contents .progressWrap .top_text p{font-size:14px;letter-spacing:-0.7px;color:#4a4f55;}
.licensePage .contents .progressWrap .top_text span{font-size:16px;font-weight:500;color:#2c2d33;margin-left:15px;}
.licensePage .contents .topMenu{width:971px;border-bottom:1px solid black;margin-top:32px;display:inline-block;*display:inline;zoom:1;}
.licensePage .contents .topMenu .biz{border:1px solid #4ab053;background:#3fc94d;color:white;}
.licensePage .contents .topMenu .b2b{border:1px solid #2b9ac9;background:#30ace0;color:white;}
.licensePage .contents .topMenu .single{border:1px solid #9e6fbc;background:#b07cd1;color:white;}
.licensePage .contents .topMenu .free{border:1px solid #c7c7c7;background:#f3f3f3;color:#444444;}
.licensePage .contents .title{font-size:20px;line-height:20px;letter-spacing:-0.5px;font-weight:400;margin-bottom:11px;margin-left: -7px;}
.licensePage .contents .license_select{width:950px;display:inline-block;*display:inline;zoom:1;margin-top:6px;}
.licensePage .contents .license_select .select_type{float:left;}
.licensePage .contents .license_select .select_type .row{float:left;}
.licensePage .contents .license_select .select_type .two{margin-left:-1px;}
.licensePage .contents .license_select .select_type .row .top{width:232px;height:145px;color:white;text-align:center;position:relative;}
.licensePage .contents .license_select .select_type .row .top .text1{font-size:25px;line-height:25px;margin-top:35px;margin-bottom:3px;font-weight:400;}
.licensePage .contents .license_select .select_type.biz  .row .top .text1{font-size:19px;line-height:30px;margin-top:34px;}
.licensePage .contents .license_select .select_type .row .top .text1 span{font-weight:bold;}
.licensePage .contents .license_select .select_type .row .top .text2{height:25px;font-size:25px;line-height:25px;font-weight:400;margin-bottom:12px;}
.licensePage .contents .license_select .select_type.biz .row .top .text2{height:33px;font-size:33px;line-height:33px;font-weight:bold;margin:0;}
.licensePage .contents .license_select .select_type .row .top .text2 span{font-size:17px;}
.licensePage .contents .license_select .select_type .row .top .text3{font-size:12px;line-height:12px;font-weight:500;text-align:center;margin-top:3px;}
.licensePage .contents .license_select .select_type.biz .row .top .text3{font-size:10px;width:185px;text-align:right;}
.licensePage .contents .license_select .select_type .row .top .type{width:77px;height:19px;line-height:18px;font-size:12px;letter-spacing:-0.5px;font-weight:bold;border-radius:2px;position:absolute;display:block;right:0;left: 0;margin: auto;bottom: -10px;}
.licensePage .contents .license_select .select_type .row .middle{width:212px;height:110px;padding:20px 0px 0px 20px;}
.licensePage .contents .license_select .select_type .row .middle p{line-height:23px;letter-spacing:-0.5px;}
.licensePage .contents .license_select .select_type .row .middle p img{vertical-align:middle;margin:-3px 3px 0px 0px;}
.licensePage .contents .license_select .select_type .row .middle span{font-weight:500;}
.licensePage .contents .license_select .select_type .row .bottom{width:234px;height:50px;position:relative;}
.licensePage .contents .license_select .select_type .row .bottom a{height:48px;line-height:49px;display:block;float:left;text-align:center;}
.licensePage .contents .license_select .select_type .row .bottom a img{vertical-align:middle;margin:-3px 0px 0px 0px;}
.licensePage .contents .license_select .select_type .row .bottom a img.left{margin-right:3px;}
.licensePage .contents .license_select .select_type .row .bottom a img.right{margin-left:5px;}
.licensePage .contents .license_select .select_type .row .bottom a.buy{width:121px;color:white;font-weight:bold;}
.licensePage .contents .license_select .select_type .row .bottom a.view{width:110px;border:1px solid #c7c7c7;background:#f3f3f3;border-left:none;font-weight:400;}
.licensePage .contents .license_select .select_type .row .bottom a.active{position:absolute;right:0;top:0;border:1px solid black;border-bottom:1px solid white;z-index:1;background:white;font-weight:bold;}
.licensePage .contents .license_select .select_type .row .bottom a.active span{height:32px;display:inline-block;*display:inline;zoom:1;}
.licensePage .contents .license_select .select_type.biz .row .bottom a.active{color:#3fc94d;}
.licensePage .contents .license_select .select_type.b2b .row .bottom a.active{color:#30ace0;}
.licensePage .contents .license_select .select_type.single .row .bottom a.active{color:#b07cd1;}
.licensePage .contents .license_select .select_type.biz .row .bottom a.active span{border-bottom:3px solid #3fc94d;}
.licensePage .contents .license_select .select_type.b2b .row .bottom a.active span{border-bottom:3px solid #30ace0;}
.licensePage .contents .license_select .select_type.single .row .bottom a.active span{border-bottom:3px solid #b07cd1;}
.licensePage .contents .license_select .biz{margin-right:9px;}
.licensePage .contents .license_select .biz .row .top{border:1px solid #4ab053;border-bottom: 1px dashed #288031;background:#3fc94d !important;}
.licensePage .contents .license_select .biz .row .top .type{background:#19401e;color:#3fc94d;}
.licensePage .contents .license_select .biz .row .middle{border-left:1px solid #4ab053;border-right:1px solid #4ab053;}
.licensePage .contents .license_select .biz .row .bottom .buy{background:#3fc94d !important;border:1px solid #4ab053;}
.licensePage .contents .license_select .b2b{margin-right:9px;}
.licensePage .contents .license_select .b2b .row .top{border:1px solid #2b9ac9;border-bottom: 1px dashed #1f6e8f;background:#30ace0 !important;}
.licensePage .contents .license_select .b2b .row .top .type{background:#053b47;color:#30ace0;}
.licensePage .contents .license_select .b2b .row .middle{border-left:1px solid #2b9ac9;border-right:1px solid #2b9ac9;}
.licensePage .contents .license_select .b2b .row .bottom .buy{background:#30ace0 !important;border:1px solid #2b9ac9;}
.licensePage .contents .license_select .single .row .top{border:1px solid #a477c0;border-bottom: 1px dashed #714f86;background:#b07cd1 !important;}
.licensePage .contents .license_select .single .row .top .type{background:#4c2e60;color:#b07cd1;}
.licensePage .contents .license_select .single .row .middle{border-left:1px solid #a477c0;border-right:1px solid #a477c0;}
.licensePage .contents .license_select .single .row .bottom .buy{background:#b07cd1 !important;border:1px solid #a477c0;}
.licensePage .contents .allView{text-align:right;margin-top:9px;}
.licensePage .contents .allView a{width:143px;height:33px;line-height:32px;border:1px solid gray;display:block;text-align:center;float:right;}
.licensePage .contents .allView img{vertical-align:middle;margin:-2px 10px 0px 0px;}
.licensePage .contents .licenseWrap{position:relative;margin-top:-1px;}

.licensePage .contents .typeTable{width:900px;padding:24px;border:1px solid black;}
.licensePage .contents .typeTable .tableTop{width:900px;margin:auto;position:relative;margin-bottom:15px;display:inline-block;*display:inline;zoom:1;}
.licensePage .contents .typeTable .tableTop .left{font-size:14px;line-height:17px;letter-spacing:-0.6px;font-weight:bold;float:left;margin-top:2px;margin-left:-5px;}
.licensePage .contents .typeTable .tableTop .left img{margin-right:8px;}
.licensePage .contents .typeTable .tableTop .left p{font-size:13px;color:#767676;margin-top:5px;margin-left:20px;font-weight:300;}
.licensePage .contents .typeTable a{width:88px;height:18px;font-size:11px;letter-spacing:-0.5px;line-height:17px;border:1px solid #7f7f7f;display:block;text-align:center;margin-left:5px;display:inline-block;*display:inline;zoom:1;}
.licensePage .contents .typeTable a img{vertical-align: middle;margin:-3px 0px 0px 10px;}
.licensePage .contents .typeTable .tableWrap{width:900px;border-top:1px solid black;border-bottom:1px solid black;}
.licensePage .contents .typeTable .tableWrap table{width:100%;border-collapse:collapse;font-size:14px;letter-spacing:-0.6px;}
.licensePage .contents .typeTable .biz{background-color:#e3e9e3 !important;}
.licensePage .contents .typeTable .b2b{background-color:#e1e8ea !important;}
.licensePage .contents .typeTable .single{background-color:#e9e8f0 !important;}
.licensePage .contents .typeTable .free{background-color:#f0f0f0 !important;}
.licensePage .contents .typeTable .tableWrap table td{background:white;border-bottom:1px solid #c8cdc6;padding:15px 0px 15px 23px;}
.licensePage .contents .typeTable .tableWrap table th{border-bottom:1px solid #c8cdc6;font-weight:400;}
.licensePage .contents .typeTable .tableWrap p{line-height:21px;letter-spacing:-1px;}
.licensePage .contents .typeTable .tableWrap span.space{margin-left:7px;}
.licensePage .contents .typeTable .tableWrap .sign p span{font-size:13px;}
.licensePage .contents .typeTable .tableWrap .sign .spanWrap{margin-top:4px;}
.licensePage .contents .typeTable .tableWrap .sign .spanWrap span{font-size:12px;letter-spacing:-0.5px;padding:4px 6px;margin-right:1px;margin-top:2px;display:block;float:left;border-radius:2px;color:white;}
.licensePage .contents .typeTable .tableWrap .sign.biz .spanWrap span{background:#17a500;}
.licensePage .contents .typeTable .tableWrap .sign.b2b .spanWrap span{background:#30ace0;}
.licensePage .contents .typeTable p.list{margin-left:-5px;margin-bottom:19px;color:#4b4b4b;}
.licensePage .contents .typeTable p.list2{margin-left:-5px;}
.licensePage .contents .typeTable p.list_bold{margin-left:-5px;font-weight:400;}
.licensePage .contents .typeTable p.gray{color:#767676;margin-bottom:19px;}
.licensePage .contents .typeTable p.red{color:#e8493d;font-size:12px;}
.licensePage .contents .typeTable p.red_bold{color:#e8493d;font-weight:bold;font-size:13px;margin-top:5px;}
.licensePage .contents .typeTable p.last{margin-bottom:0;}
.licensePage .contents .typeTable p.offer{font-weight:400;}
.licensePage .contents .typeTable .tableWrap .typeImg{vertical-align: middle;margin: -3px 5px 0px 0px;}
.licensePage .contents .typeTable .tableWrap .spanGrey{color:#767676;}

.licensePage .contents .use{width:950px;margin-top:58px;}
.licensePage .contents .use .guid{border-top:1px solid black;background:#f2f2f2;padding:18px 20px; font-family:"맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif; letter-spacing:-1px;}
.licensePage .contents .use .guid p{margin-bottom:16px;line-height:18px;color:#767676;}
.licensePage .contents .use .guid p .space{margin-left:13px;}
/*라이선스 step0 페이지 end*/

/*라이선스 step1 페이지 start*/
.licensePage1 .contents .agreeWrap input[type=checkbox]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}
.licensePage1 .contents .agreeWrap input[type=checkbox] + label{content:' ';height:24px;vertical-align:middle;margin:-3px 0 0 5px;cursor:pointer;background: url('/resource/images/service/agree_off.png');background-repeat:no-repeat;background-position:99% 0px;padding-right:30px;display:inline-block;*display:inline;zoom:1;}
.licensePage1 .contents .agreeWrap.biz input[type=checkbox]:checked + label{background:url(/resource/images/service/agree_on_biz.png);background-repeat:no-repeat;background-position:99% 0px;}
.licensePage1 .contents .agreeWrap.b2b input[type=checkbox]:checked + label{background:url(/resource/images/service/agree_on_b2b.png);background-repeat:no-repeat;background-position:99% 0px;}
.licensePage1 .contents .agreeWrap.single input[type=checkbox]:checked + label{background:url(/resource/images/service/agree_on_single.png);background-repeat:no-repeat;background-position:99% 0px;}
.licensePage1 .contents{width:950px;padding:80px 0px 150px 45px;float:left;border-left:1px solid #e0e0e0;}
.licensePage1 .contents .title{font-size:20px;line-height:20px;letter-spacing:-0.5px;font-weight:400;margin-bottom:11px;margin-left:-7px;margin-top:20px;}
.licensePage1 .contents .newext_title{font-size:20px;line-height:20px;letter-spacing:-0.5px;font-weight:400;margin-bottom:11px;margin-left:-7px;margin-top:35px;}

.licensePage1 .contents .progressWrap{width:950px;text-align:center;margin-top:35px;margin-bottom:20px;display:inline-block;*display:inline;zoom:1;}
.licensePage1 .contents .progressWrap .top_text{width:950px;height:50px;line-height:48px;background:#f2f2f2;margin-top:33px;margin-bottom:44px;}
.licensePage1 .contents .progressWrap .top_text img{vertical-align:middle;margin:-3px 3px 0px 0px;}
.licensePage1 .contents .progressWrap .top_text p{font-size:14px;letter-spacing:-0.7px;color:#4a4f55;}
.licensePage1 .contents .progressWrap .top_text span{font-size:16px;font-weight:500;color:#2c2d33;margin-left:15px;}
.licensePage1 .contents .agreeWrap{width:923px;height:529px;border-top:1px solid black;}
.licensePage1 .contents .agreeWrap .left{width:220px;height:100%;float:left;background:#4cc558;text-align:center;}
.licensePage1 .contents .agreeWrap.biz .left{background:#4cc558;}
.licensePage1 .contents .agreeWrap.b2b .left{background:#30ace0;}
.licensePage1 .contents .agreeWrap.single .left{background:#a477c0;}
.licensePage1 .contents .agreeWrap .left .type{width:77px;height:19px;line-height:18px;font-size:12px;letter-spacing:-0.5px;font-weight:bold;border-radius:2px;margin-top:148px;display:inline-block;}
.licensePage1 .contents .agreeWrap.biz .left .type{background:#19401e;color:#3fc94d;}
.licensePage1 .contents .agreeWrap.b2b .left .type{background:#053b47;color:#30ace0;}
.licensePage1 .contents .agreeWrap.single .left .type{background:#4c2e60;color:#a477c0;}
.licensePage1 .contents .agreeWrap .left p{color:white;}
.licensePage1 .contents .agreeWrap .left p.text1{font-size:19px;line-height:19px;letter-spacing:-0.6px;margin-top:14px;}
.licensePage1 .contents .agreeWrap .left p.text1 span{font-weight:bold;}
.licensePage1 .contents .agreeWrap .left p.text2{font-size:33px;line-height:33px;letter-spacing:-0.5px;font-weight:bold;margin-top:5px;}
.licensePage1 .contents .agreeWrap .left p.text2 .unit{font-size:17px;}
.licensePage1 .contents .agreeWrap .left p.text3{font-size:10px;line-height:10px;letter-spacing:-0.6px;font-weight:500;margin-top:1px;}
.licensePage1 .contents .agreeWrap .left a{font-size:12px;width:120px;height:34px;line-height:33px;border:1px solid #3e463f;color:#3e463f;margin-top:22px;font-weight:500;display:inline-block;}
.licensePage1 .contents .agreeWrap .left a img{vertical-align:middle;margin:-3px 8px 0px 0px;}
.licensePage1 .contents .agreeWrap .right{width:923px;height:100%;padding:0px 24px;float:left;background:#f2f2f2; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.licensePage1 .contents .agreeWrap .right .agreeAll{margin-top:24px;margin-bottom:24px;}
.licensePage1 .contents .agreeWrap .right .agreeAll label{line-height:24px;cursor:pointer;display:inline-block;*display:inline;zoom:1; font-weight:500; font-size:14px;}
.licensePage1 .contents .agreeWrap .right .agreeType{}
.licensePage1 .contents .agreeWrap .right .agreeType p{font-size:13px;letter-spacing:-0.6px;float:left;margin-top:3px;margin-left:-5px;}
.licensePage1 .contents .agreeWrap .right .agreeType label{float:right;display:block;line-height:23px;margin-bottom:5px;cursor:pointer;}
.licensePage1 .contents .agreeWrap .right .area{clear:both; width:855px;height:92px;overflow:hidden;line-height:18px;border:1px solid #dadada;padding:14px 0px 0px 16px;font-size:12px;color:#a8a8a8;background:white;margin-bottom:21px;overflow-y: scroll; font-family:"맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;
}
.licensePage1 .contents .paymentWrap{border-top:1px solid black;border-bottom:1px solid black; font-family:"맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;}
.licensePage1 .contents .paymentWrap table{width:950px;border-collapse:collapse;font-size:14px;letter-spacing:-0.6px;}
.licensePage1 .contents .paymentWrap table th{background:#f2f2f2;border-bottom:1px solid #c8cdc6;font-weight:400;}
.licensePage1 .contents .paymentWrap table td{padding:9px 0px;height:30px;border-bottom:1px solid #c8cdc6;padding-left:19px;}
.licensePage1 .contents .paymentWrap table td .sub{float:left;line-height:28px;}
.licensePage1 .contents .paymentWrap .selectric-webCut{Width: 70px;
Line-height: 28px;
}
.licensePage1 .contents .paymentWrap .orgPay{font-size:15px;letter-spacing:-0.1px;font-weight:400;color:#737373;position:relative;margin-right:52px;}
.licensePage1 .contents .paymentWrap .orgPay img{position:absolute;left:-4px;top:8px;}
.licensePage1 .contents .paymentWrap .sale{font-size:10px;letter-spacing:0px;color:#e8493d;font-weight:bold;position:absolute;right:-48px;top:6px;}
.licensePage1 .contents .paymentWrap .pay{font-size:15px;letter-spacing:-0.1px;font-weight:bold;color:#2c2d33;}
.licensePage1 .contents .paymentWrap .unit{font-size:14px;letter-spacing:-0.1px;font-weight:bold;color:#2c2d33;}
.licensePage1 .contents .paymentWrap .vat{font-size:12px;}
.licensePage1 .contents .paymentWrap .salepay{font-size:15px;letter-spacing:-0.1px;font-weight:bold;color:#2c2d33;}
.licensePage1 .contents .paymentWrap input[type=radio]{width:13px;height:13px;vertical-align:middle;margin:-2px 6px 0px 0px;}
.licensePage1 .contents .paymentWrap label{ }
.licensePage1 .contents .paymentWrap .deposi_sub p{margin-bottom:9px;}
.licensePage1 .contents .paymentWrap .deposi_sub p span{margin-right:10px;}
.licensePage1 .contents .paymentWrap .deposi_sub input[type=text]{width:93px;height:32px;border:1px solid #c4c2c2;border-radius:2px;margin-right:8px;margin-left:5px;padding-left:10px;}
.licensePage1 .contents .paymentBtn{width:100%;height:36px;margin-top:6px;margin-bottom:6px;}
.licensePage1 .contents .paymentBtn .right{float:right;}
.licensePage1 .contents .paymentBtn a img{vertical-align:middle;margin:-3px 0px 0px 9px;}
.licensePage1 .contents .paymentBtn a{width:104px;height:36px;line-height:35px;display:block;float:left;text-align:center;color:white;}
.licensePage1 .contents .paymentBtn a.buy{background:#35373a;margin-right:3px;}
.licensePage1 .contents .paymentBtn a.cancel{background:#aaabab;}
.licensePage1 .contents .creditWrap .c_title{width:950px;font-size:20px;line-height:20px;letter-spacing:-0.5px;color:#27282c;font-weight:400;margin-bottom:17px;}
.licensePage1 .contents .creditWrap .c_title img{vertical-align:middle;margin:-5px 9px 0px 0px;}
.licensePage1 .contents .creditWrap .list{font-size:13px;line-height:13px;letter-spacing:-0.3px;color:#767676;margin-left:-5px;margin-bottom:15px; font-family:"맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif; font-weight:600;}
.licensePage1 .contents .creditWrap .list_red{font-size:13px;line-height:13px;letter-spacing:-0.3px;color:#fd424b;margin-left:-5px;margin-bottom:6px; font-family:"맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif; font-weight:600;}
.licensePage1 .contents .creditWrap .listSub{font-size:13px;line-height:13px;letter-spacing:-0.3px;color:#767676;padding-left:7px; font-family:"맑은 고딕", "Malgun Gothic", "Apple SD Gothic Neo", Arial, sans-serif;}
.licensePage1 .contents .deposiWrap .managerCheck{height:13px;text-align:right;margin-bottom:10px;}
.licensePage1 .contents .deposiWrap select{height:32px;float:left;}
.licensePage1 .contents .deposiWrap .selectric-wrapper{line-height:32px;float:left;}
.licensePage1 .contents .deposiWrap .email .selectric-wrapper{width:145px;}
.licensePage1 .contents .deposiWrap .phone .selectric-wrapper{width:125px;}
.licensePage1 .contents .deposiWrap .selectric{border:1px solid #c4c2c2;}
.licensePage1 .contents .deposiWrap .inputTd{padding:8px 0px;padding-left:19px;}
.licensePage1 .contents .deposiWrap p{font-size:13px;line-height:21px;margin-left:3px;}
.licensePage1 .contents .deposiWrap p span{color:#767676;}
.licensePage1 .contents .deposiWrap input[type=text]{width:133px;height:32px;padding-left:10px;border:1px solid #c4c2c2;border-radius:2px;float:left;margin-right:5px;}
.licensePage1 .contents .deposiWrap input[type=text].phoneNo{width:113px;}
.licensePage1 .contents .deposiWrap textarea{width:738px;height:72px;line-height:15px;border:1px solid #dadada;padding:10px 10px 10px 10px;font-size:11px;resize:none;overflow-y:scroll;border-radius:2px;}
.licensePage1 .contents .deposiWrap span.golbange{margin:9px 5px 0px 0px;float:left;}
.licensePage1 .contents .deposiWrap span.split{margin:9px 6px 0px 6px;float:left;}
.licensePage1 .contents .deposiWrap .paymentWrap label{line-height: 31px;margin-left:9px;}
.licensePage1 .contents .deposiWrap .paymentWrap td{font-size:13px;letter-spacing:-0.6px;}
.licensePage1 .contents input[type=checkbox]{width:13px;height:13px;vertical-align:middle;margin:-2px 3px 0px 0px;}
/*라이선스 step1 페이지 end*/

#popup02,
#popup4 {
  font-family: 'Noto Sans KR', sans-serif;
}

#popup02 .email {
  font-family: 'Noto Sans KR', sans-serif;
  font-size: 12px;
}

.licensePage1 .contents .agreeWrap .right .agreeType label,
.agreePage input[type="checkbox"] + label,
.licensePage1 .contents .agreeWrap input[type=checkbox] + label {
  background-image: url('/resource/images/main/renewal/2024/agree_off.png')
}

.licensePage1 .contents .agreeWrap .right .agreeType input:checked + label,
.agreePage input[type="checkbox"]:checked + label,
.licensePage1 .contents .agreeWrap input[type=checkbox]:checked + label{
  background-image: url('/resource/images/main/renewal/2024/agree_on_.png')
}