@charset "utf-8";

.tbl-list td{letter-spacing:-.3px;}
.tbl-list td .tbl-listTle{padding:1.3em .5em;color:#333;cursor:pointer;}
.paginate{margin:50px auto;padding:15px 0;line-height:normal;text-align:center}
.paginate a,
.paginate strong{display:inline-block;margin:0 1px;padding:0 12px;border:1px solid #e8e8e8;background-color:#fff;font-size:15px;color:#323232;text-decoration:none;line-height:33px}
.paginate strong{border-color:#616161;background-color:#616161;color:#fff}
.paginate .direction{display:inline-block;width:33px;height:33px;padding:0}
.paginate .direction i{display:inline-block;width:15px;height:15px;background-image:url('../images/icon/ico-boardCommon.png');background-position-y:-128px;vertical-align:middle}
.paginate .direction span{display:inline-block;position:relative;top:4px;width:0;height:0;font-size:0;line-height:0;vertical-align:top}
.paginate.wd-color strong{border-color:#e35458;background-color:#e35458}
.direction.first i{background-position-x:-11px}
.direction.prev i{background-position-x:-69px}
.direction.next i{background-position-x:-101px}
.direction.last i{background-position-x:-42px}

.btn-white{display:inline-block;height:41px;padding:0 25px;line-height:40px;border:1px solid #333333;background-color:#fff;color:#000;font-size:18px;font-weight:400}
.fR{float:right}
.tbl-bottom{overflow:hidden;margin-top:20px;}

#pw-pop{position:relative;width:90%;max-width:500px;margin:0 auto;padding:1em;background:#fff;color:#333;text-align:center;}
.search-header a{position:absolute;top:20px;right:20px;display:inline-block;width:20px;height:20px;background:url(../images/icon/pop-close-white.png)center/20px no-repeat;text-indent:-9999px;}
.ico-certify{display:block;width:90px;height:90px;margin:4em auto 1em;background-image:url(../images/icon/edit-pass.png);background-size:90px;background-position:center;}
.box-certi span{display:block;margin:1em 0;font-size:16px;}
.box-certi input{width:80%;max-width:350px;padding:.5em}
.box-certi p.txt-red{margin:.5em auto 2em;color:red;}
.box-certi .btn-group{margin:2em 0 3em}
.box-certi .btn-group a{display:inline-block;margin:0 .5em;padding:.5em 3em;border-radius:30px;border:1px solid #1d2088;color:#1d2088;font-size:1em;text-align:center;}
.box-certi .btn-group a:hover{border:1px solid #1d2088;background:#1d2088;color:#fff;}

.tbl-view + .txt-subsSm{float:right;margin-top:10px}
.tbl-view + .txt-subsSm:after{content:"";display:block;clear:both}
.tbl-view textarea{font-size:1.25em}
.tbl-view .th-sub{font-size:1.25em;font-weight:400;color:#333;background-color:#fafafa}
.tbl-view.bigSize th,
.tbl-view.bigSize td{border-left:1px solid #dbdbdb;line-height:1.6em}
.tbl-view.bigSize th:first-child,
.tbl-view.bigSize td:first-child{border-left:none}
.tbl-view.bigSize th{font-size:1.25em}
.tbl-view.bigSize td{font-size:1.25em;text-align:center}
.tbl-view.bigSize .tle{display:block;overflow:hidden;width:auto;text-overflow:ellipsis;white-space:nowrap}
.tbl-view.bigSize.tL td{color:#333;text-align:left;padding:25px 20px;border-left:none;border-right:none}
.tbl-view.bigSize.tL th{border-left:none}
.tbl-view.bigSize.tL td.board-subs{word-break:keep-all;}
.tbl-view th,.tbl-view td{padding:15px 10px;border-bottom:1px solid #dbdbdb}
.tbl-view{border-top:1px solid #1d2088;border-collapse:collapse}
.tbl-view th{color:#333;font-size:1.25em;font-weight:400;background-color:#fafafa}
.tbl-view th{font-size:1.25em}
.btn-group{margin:4em auto 0;text-align:center;}
.btn-group a{display:inline-block;margin:0 .5em;}
/* .btn-group a{display:inline-block;margin:0 .5em;padding:.7em 3em;border-radius:30px;border:1px solid #1d2088;color:#1d2088;font-size:1.25em;font-weight:400;}
.btn-group a:hover{border:1px solid #1d2088;background:#1d2088;color:#fff;} */

.pc-table1{padding:20px 15px}
.pc-table-wrap{display:block;}
.m-table-wrap{display:none;}
.md-table-wrap{display:none;}

.ipt-commonWid input, .ipt-commonWid textarea{box-sizing: border-box;}
.ipt-commonWid input[type='text']{height:47px;padding:1.2em .5em;font-size:1.125em;}
.ipt-commonWid select {font-size:1.125em;height:47px;}
.ipt-commonWid select.sel-type{width:37%;}
.ipt-commonWid select.in-phone{width:29%;}
.ipt-commonWid .w100{width:100% !important}

.ipt-phone i{float:left;line-height:40px;padding:0 6px 0 2px;}
.txt-subsSm{font-size:16px;font-weight:300;color:#707070}
.tbl-view + .txt-subsSm{float:right;margin-top:10px}
.tbl-view + .txt-subsSm:after{content:"";display:block;clear:both}
.tbl-view textarea{font-size:1.125em}
.tbl-view .th-sub{font-size:1.125em;font-weight:400;color:#333;background-color:#fafafa}
.ipt-phone select, .ipt-phone input[type='text']{float:left;}
.ipt-phone input{width:30%;}
.ipt-phone, .ipt-mail{width:100%;}
.ipt-mail input{width:29%;}
.ipt-mail i{padding:0 2px;}
.ipt-mail select{width:33%;}

.txt-basic{font-size:1.25em;margin-bottom:5px;}

.sd-list li{border-bottom:1px solid #dbdbdb}
.sd-list .sd-listCon{overflow:hidden;height:78px;line-height:78px;padding:0 20px}
.sd-list .sd-listCon h2{float:left;margin-top:0;font-size:1.125em;font-weight:400;color:#333}
.sd-list .sd-listCon a{display:inline-block;height:48px;border:1px solid #1d2088;border-radius:30px;line-height:48px;text-align:center;color:#1d2088}
.sd-list .sd-listCon a.on{background:#1d2088;color:#fff;}
.sd-list .sd-listCon .btn-radius.sizeBig{width:115px;margin-right:20px;font-size:1.125em;font-weight:400}
.sd-list .sd-listCon .radio-group{float:right}
.sd-list .sd-listCon .radio-group label{margin-left:10px;font-size:1.125em;font-weight:400;color:#333}
.sd-list .sd-listCon-detail{overflow-y:auto;height:220px;margin-bottom:30px;padding:20px;border:1px solid #dbdbdb;box-sizing:border-box;word-break:keep-all}
.sd-list .sd-listCon-detail *{display:block;margin-bottom:15px;font-size:1.1em;font-weight:300}
.sd-list .sd-listCon-detail p{font-weight:500}

.sd-list .sd-listCon-detail .agree-area{overflow:hidden;margin-top:10px;padding:0 20px;background-color:#fafafa;border:1px solid #dbdbdb;line-height:58px}
.sd-list .sd-listCon-detail .agree-area:after{content:"";display:block;clear:both}
.sd-list .sd-listCon-detail .agree-area h1{float:left;margin-bottom:0;font-size:18px;font-weight:500;color:#333}
.sd-list .sd-listCon-detail .agree-area .radio-group{float:right;display:inline-block;margin-bottom:0}
.sd-list .sd-listCon-detail .agree-area .radio-group *{display:inline-block;margin:0}
.sd-list .sd-listCon-detail .agree-area .radio-group label{margin-left:15px;font-size:18px;font-weight:500}
.sd-list .sd-listCon-detail .agree-area .radio-group .radiobox{margin-left:5px}
.sd-list .sd-listCon-detail .txt-red{margin-bottom:30px}

.checkbox.basic input[type=checkbox]:checked + i{background-position: -77px -255px}
.radiobox.basic input[type=radio]:checked + i{background-position: -113px -255px}
label{position:relative;cursor:pointer}
.checkbox, .radiobox{overflow:hidden;position:relative;display:inline-block;margin-right:5px;vertical-align:middle;cursor:pointer}
.checkbox.basic, .radiobox.basic{width:20px;height:20px}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:30px;display:block;height:1px;background:#2e3092;transition: .1s}
.checkbox input[type=checkbox], .radiobox input[type=radio]{margin:0;padding:0;cursor:pointer;opacity:0}
input[type=checkbox], input[type=radio] {width:11px;height:11px;vertical-align:top;cursor:pointer}
.checkbox.basic input[type=checkbox], .radiobox.basic input[type=radio]{width:20px;height:20px}
.checkbox i {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/icon/ico-bullet.png) no-repeat -5px -29px}
.radiobox i {position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/icon/ico-basicLogin.png) no-repeat -113px -235px}
.checkbox.basic i{background:#fff url(../images/icon/ico-basicLogin.png) no-repeat -77px -235px}
input[type='checkbox']:disabled + i{background:#d8d8d8 url(../images/icon/ico-bullet.png) no-repeat 0 -40px}
input[type='checkbox']:checked:disabled + i{background:#d8d8d8 url(../images/icon/ico-bullet.png) no-repeat 0 -60px}

.container.write select{padding:8px 2em 8px .5em;background:url(../images/icon/ico-selArrow-big.png)100% 50%/24px no-repeat;-webkit-appearance:none;-webkit-border-radius:0;}

@media (max-width:1024px){

.pc-table-wrap{display:none;}
.m-table-wrap{display:none;}
.md-table-wrap{display:block;}

.ipt-phone input{width:26%}
.tbl-view textarea, .tbl-view .th-sub, .txt-basic, .ipt-commonWid select, .ipt-commonWid input[type='text'], .tbl-view th{font-size:1.05em;}
.ipt-commonWid select.sel-type{width:100%;height:47px;}
.ipt-commonWid select.in-phone{width:30%;height:47px;}

.userInfo-area .ipt-box{padding:.8em 0 .9em;border-bottom:1px solid #dbdbdb;}
.userInfo-area .ipt-label, .userInfo-radio .ipt-label{margin-bottom:.3em;color:#333;}
.userInfo-area input,.userInfo-area textarea {width:100%;padding:.7em .5em;height:40px;box-sizing:border-box;}
.userInfo-area textarea{height:200px;}
.userInfo-area input.bgGray{background:#f2f2f2;}
.userInfo-area.join .id input{width:70%;}
.userInfo-area.join .id button{float:right;width:28%;height:40px;margin-top:0;padding:.62em;border:1px solid #dbdbdb;color:#333;}
.userInfo-area .phoneInfo select{width:100px;height:36px;}
.userInfo-area .phoneInfo input {width:calc(49% - 101px / 2);}
/* .userInfo-area .phoneInfo input:nth-child(3){margin:0 12px;} */
.userInfo-area .phoneInfo input.last{float:right;}
.userInfo-area .emailInfo select{float:right;width:calc(30% - 13px);height:36px;}
.userInfo-area .emailInfo input {width:35%;}
.userInfo-area .emailInfo input.id {width:30%}
.userInfo-area .emailInfo input:nth-child(3){width:40%;}
.userInfo-area .emailInfo span{margin:0 .1em .3em;}
select.phoneNum.join,select.emailAdd.join{background:#fff url('../images/icon/ico-selArrow.png') no-repeat 92% 50%;background-size:11px;}
.iptRadio-group.userInfo{position: inherit;}
select.phoneNum,select.emailAdd{background:#f2f2f2 url('../images/icon/ico-selArrow.png') no-repeat 92% 50%;background-size:11px;}

.clause-area.customer{padding:0;}
.clause-area.customer .cl{margin-top:.7em;padding-bottom:.5em;}
.clause-area.customer .cl>p{margin-bottom:.8em;font-weight:400;}
.clause-area .cl-view{margin-bottom:.4em;}
.clause-area .cl{margin-top:1em;padding-bottom:1em;border-bottom:1px solid #dbdbdb;}
.clause-area .cl>p{display:inline-block;margin-bottom:1em;color:#333;font-size:1em;letter-spacing:-.5px;}
.clause-area .cl-view{clear:both;overflow-y:scroll;height:8.5em;margin:5px 0 5px;padding:1em;border:1px solid #dbdbdb;}
.clause-area .cl-view>p{color:#333;}
.clause-area .cl-view>p span{color:#a1a1a1}
.clause-area .cl2-view, .clause-area .cl3-view{display:none;}
.clause-area .cl .text-btn{display:inline-block;float:right;margin-top:-4px;padding:.5em;border:1px solid #dbdbdb;color:#333;font-size:1em;text-align:center;line-height:1.5em;}
.clause-area .cl .text-btn.on{border:1px solid #404040;background:#404040;color:#fff;}
.clause-area label.first-child{margin-right:1em;}
.clause-area>label{font-size:14px}
.clause-area .agree-wrap{padding-top:5px;text-align:right;font-size:15px;}

.radiobox i{position:absolute;top:0;left:0;right:0;bottom:0;background:url(../images/icon/ico-ipt.png) no-repeat 0 0;background-size:3.1em}
.radiobox i{background-position:-1.9em 0}
.radiobox input[type=radio]:checked + i{background-position-y:-1.75em}
label{position:relative;cursor:pointer}
.radiobox .checkbox{overflow:hidden;position:relative;display:inline-block;width:1.2em;height:1.2em;margin-right:5px;vertical-align:sub;cursor:pointer;font-size:1em;}
label:after {content: '';position:absolute;right:100%;bottom:-2px;left:30px;display:block;height:1px;background:#2e3092;transition: .1s}
.radiobox input[type=radio]{width:1.2em;height:1.2em;margin:0;padding:0;cursor:pointer;opacity:0}
input[type=checkbox], input[type=radio] {width:1.2em;height:1.2em;vertical-align:top;cursor:pointer}
.container.write select{padding:0 0 0 7px;background:url(../images/icon/ico-selArrow-big.png)100% 50%/24px no-repeat;-webkit-appearance:none;-webkit-border-radius:0;}

.btn-group.btn3 a{width:11.5em;}


}/*1024px*/

@media (max-width:768px) {
  .btn-group.btn2 a{width:9.5em;margin:0 .3em;}
  .btn-group.btn3 a{width:calc(100% / 3 - 0.5em);margin:0 .12em;}
}

@media (max-width:480px){

  .btn-white{font-size:1em;height:38px;line-height:38px;}
  .tbl-bottom{margin-top:10px;}
  .paginate{margin:20px auto 0;}

  .tbl-view.bigSize th{font-size:1.05em}
  .tbl-view.bigSize td{font-size:1.05em;}
  .tbl-view.bigSize.tL th{padding:20px 10px;word-break:keep-all;}
  .tbl-view.bigSize.tL td{padding:20px 10px;}
  .txt-table .btn-group {margin:2em auto 0;}

  .pc-table-wrap{display:none;}
  .m-table-wrap{display:block;}
  .md-table-wrap{display:none;}

  .fR:after{display:block;content:"";clear:both;}
  .ipt-label{display:block;font-size:1em;color:#333;}
  .table-title.underline{padding-bottom:5px;border-bottom:1px solid #1d2088;text-align:right;}

}/*480px*/