/* common */
.b2b .b2b-hide,
.b2b .btb-hide {
    display: none !important;
}
.b2b .b2b-show {
    display: block !important;
}
.ie-view{
    display:none;
}
.h2-box {
    margin-bottom: 26px;
}
h2 {
    margin-bottom: 10px;
    font-size: 26px;
    color: #8e8e8e;
    letter-spacing:-0.05em;
}
h2 em{
    font-weight:bold;
}
.h2-sub {
    font-size: 14px;
    letter-spacing: 0.025em;
    color: #8e8e8e;
}
.h2-box-2{
    position:relative;
    margin-bottom:38px;
}
.h2-box-2 h2{
    margin-bottom:0;
    font-weight:700;
    font-size:28px;
    color:#333d4b;
    letter-spacing:-0.03em;
    line-height:110%;
}
.h2-box-2 .sub-alert{
    position:absolute;
    right:0;
    top:2px;
    padding-left:11px;
    font-size:12px;
    color:#333;
    letter-spacing:-0.03em;
}
.h2-box-2 .sub-alert .point{
    position:absolute;
    left:0;
    top:0;
    font-size:18px;
    color:#f83838;
}
.h3{
    margin-bottom:11px;
    font-weight:700;
    color:#333;
    font-size:16px;
    letter-spacing:-0.03em;
}
.h3 .point{
    position:relative;
    display:inline-block;
    font-weight:700;
    font-size:16px;
    color:#333;
    letter-spacing:-0.03em;
}
.h3 .point-ico{
    position:absolute;
    right:-11px;
    top:4px;
    font-size:18px;
    color:#f83838;
}
.document-style{
    margin-bottom:100px;
}
.document-style h4,
.document-style p,
.document-style li, 
.document-style dt,
.document-style dd,
.document-style a{
    color: #696868;
    font-size:14px;
    line-height:130%;
    letter-spacing:-0.025em;
}
.document-style h4 {
    padding-top:10px;
    color: #217aff;
}
.document-style p{
    margin-bottom:18px;
}
.document-style ul{
    margin-bottom:15px;
}
.document-style li ul{
    padding-top:18px;
}
.document-style li li{
    padding-left:36px;
    text-indent:-18px;
}
.document-style li ul ul{
    padding-top:0;
    padding-bottom:0;
}
.document-style .under-line{
    padding-bottom:10px;
    border-bottom:1px solid #dcdcdc;
}
.table{
    width:100%;
    overflow:auto;
    margin-bottom:10px;
    border-style:solid;
    border-color:#dcdcdc;
    border-width:2px 0 1px 0;
}
.table table{
    min-width:760px;
    width:100%;
}
.table th,
.table td{
    padding:7px 0;
    border-bottom:1px solid #dcdcdc;
    font-size:14px;
    line-height:130%;
    letter-spacing:-0.025em;
    text-align:center;
}
.table th{
    background:#f5f7f9;
}
.document-box-style {
    display:block;
    border:1px solid #b2b2b2;
    padding:18px;
    text-indent:0;
}
.document-box-style .li{
    display:block;
    margin-bottom:10px;
    text-indent:-18px;
    padding-left:36px;
}
.document-box-style .p01{
    display:block;
    margin-bottom:10px;
}
.btn-box{
    clear:both;
    overflow:hidden;
}
.btn-box-2{
    text-align:center;
}
.btn-box-2 .btn-l,
.btn-box-2 .btn-r{
    display:inline-block;
    width:165px;
    margin:0 4px;
}
/* btn */
.btn {
    cursor: pointer;
    display: inline-block;
    vertical-align:middle;
}
.btn-1 {
    display:inline-block;
    padding: 0 9px;
    font-size: 12px;
    letter-spacing: -0.03em;
    color: #fff;
    background: #458fff;
    line-height:29px;
    cursor:pointer;
}
.btn-2 {
    display: block;
    color: #458fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 38px;
    text-align: center;
    border: 1px solid #458fff;
    cursor: pointer;
}
.btn-2.type-2 {
    display: inline-block;
    width:32%;
    color: #458fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 49px;
    text-align: center;
    border: 1px solid #458fff;
    cursor: pointer;
    letter-spacing:-0.025em;
}
.btn-3 {
    display: inline-block;
    color: #fff;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    min-width: 100px;
    background: #458fff;
    padding: 0 10px;
    border: 1px solid #397fb9;
    border-radius: 4px;
    cursor:pointer;
}
.btn-4 {
    display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 26px;
    text-align: center;
    min-width: 75px;
    background: #458fff;
    padding: 0 10px;
    border: 1px solid #397fb9;
    cursor: pointer;
}
.btn-5 {
    min-width: 70px;
    height: 32px;
    padding: 0 10px;
    line-height: 32px;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #616161;
    border:1px solid #e5e5e5;
    border-radius:4px;
}
.btn-6 {
    display: inline-block;
    padding:0 10px;
    min-width:100px;
    color: #458fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 28px;
    text-align: center;
    border: 1px solid #458fff;
    cursor: pointer;
}
.btn-7 {
    display: inline-block;
    padding: 0 10px;
    min-width: 80px;
    color: #323743;
    font-size: 14px;
    font-weight: bold;
    line-height: 35px;
    text-align: center;
    border: 1px solid #dcdcdc;
    background: #f6f6f7;
    cursor: pointer;
}
.btn-8,
.btn-9 {
    display: block;
    padding: 22px 0;
    font-weight: 700;
    font-size: 16px;
    line-height: 120%;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}
.btn-8 {
    color: #fff;
    border: 1px solid #458fff;
    background: #458fff;
}
.btn-9 {
    color: #8c8c8c;
    border: 1px solid #eee;
    background: #f5f5f5;
}
.link-coupon{
    display:inline-block;
    padding-right:15px;
    cursor:pointer;
    background:url(../imgs/page/icn_coupon.png) no-repeat right 9px;
}
.td-in-btn{
    position:relative;
}
.td-in-btn .btn-1 {
    position: absolute;
    right: 14px;
    top: 50%;
    margin-top: -14px
}
/* table */
.table-1 {
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 0 0 1px 1px;
}
.table-1 th,
.table-1 td {
    padding: 14px 22px;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #696868;
    border-style: solid;
    border-color: #e5e5e5;
    border-width:1px 1px 0 0;
}
.table-1 th{
    text-align:left;
    background:#f6f6f7;
}
.table-2{
    overflow-x:auto;
    margin-bottom:30px;
}
.table-2 table{
    width:100%;
    min-width:700px;
}
.table-2 th,
.table-2 td{
    font-size:14px;
    letter-spacing:-0.025em;
    color:#696868;
    border:1px solid #a5a5a5;
}
.table-2 th{
    padding:9px 0;
    background:#f6f6f7;
    font-weight:normal;
}
.table-2 td{
    text-align:center;
    padding:13px 0;
}
.table-2 th.text-left,
.table-2 td.text-left{
    padding-left:15px;
    text-align:left;
}
.table-2 th.text-right,
.table-2 td.text-right{
    padding-right:10px;
    text-align:right;
}
.text-over{
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
}
.table-3 {
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 0 0 1px 1px;
}
.table-3 th,
.table-3 td {
    padding: 12px 0;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #323743;
    border-style: solid;
    border-color: #dcdcdc;
    border-width:1px 1px 0 0;
    font-weight:bold;
}
.table-3 th{
    background:#f6f6f7;
}
.table-3 td{
    padding-left:19px;
    padding-right:19px;
}
.table-l td {
    border-right-width: 0;
}
.table-r {
}
.table-4 {
    border-style: solid;
    border-color: #e5e5e5;
    border-width: 0 0 1px 1px;
}
.table-4 th,
.table-4 td{    
    letter-spacing: -0.03em;
    border-style: solid;
    border-color: #e5e5e5;
    border-width:1px 1px 0 0;
}
.table-4 tbody th,
.table-4 tbody td {
    height: 29px;
    font-weight:400;
    font-size: 12px;
}
.table-4 tbody th{    
    color: #323743;
}
.table-4 thead th{
    font-weight:700;
    font-size:14px;
    color: #323743;
    height:34px;
    background: #f6f6f7;
}
.table-4 tbody td{
    color:#dcdcdc;
}
.table-4 tbody td,
.table-4 body th {
}
.table-4 td {
    height: 29px;
    font-weight: 400;
    font-size: 12px;
    color: #dcdcdc;
    background: #fff;
    text-align: center;
}
.table-box-wrap .table-4 thead th {
    height: 59px;
}
.table-fr-wrap .table-fl .table-4,
.table-box-wrap .table-fr .table-4 {
    border-left-width: 0;
}
/* pagination */
.pagination {
    margin: 0 auto;
    width: auto;
    text-align: center;
}
.pagination ul{
    display:inline-block;
    overflow:hidden;
    padding:0;
    width:auto;
    border-left:1px solid #e5e5e5 ;
}
.pagination li {
    display: inline-block;
    float:left;
}
.pagination  li  a,
.pagination  li  span {
    display:inline-block;
    float:left;
    border-color:#a5a5a5;
    border-style:solid;
    border-width:1px 1px 1px 0;
    color: #616161;
    line-height: 30px;
    min-width: 30px;
    font-size:16px;
    text-align:center;
    letter-spacing:-0.025em;
    cursor:pointer;
}
.pagination  li.on  a,
.pagination  li.on  span,
.pagination  li:hover  a,
.pagination  li:hover  span {
    background:#458fff;
    color:#fff;
}
.pagination  li.fist a,
.pagination  li.fist span,
.pagination  li:first-child a,
.pagination  li:first-child span{
    border-left-width:1px;
}
/* tab */
.tab-box-1{
}
.tab-box-1 .tab-header {
    overflow: hidden;
    background: #f6f6f7;
    margin-bottom: 20px;
}
.tab-box-1 .tab-header li {
    float: left;
    display: inline-block;
    width: 33.33%;
    text-align: center;
    cursor: pointer;
}
.tab-box-1 .tab-header li span {
    display: block;
    padding: 12px 0 11px 0;
    font-size:16px;
    border-style: solid;
    border-width: 1px;
    border-top-color: #f6f6f7;
    border-right-color: #a5a5a5;
    border-bottom-color: #a5a5a5;
    border-left-color: #f6f6f7;
}
.tab-box-1 .tab-header li.first span{
    border-left-color:#f6f6f7;
}
.tab-box-1 .tab-header li.last span{
    border-right-color:#f6f6f7;
}
.tab-box-1 .tab-header li.on span,
.tab-box-1 .tab-header li:hover span{
    background:#fff;
    border-top-color: #a5a5a5;
    border-right-color: #a5a5a5;
    border-bottom-color: #fff;
    border-left-color: #a5a5a5;
}
.tab-box-2{
}
.tab-box-2 .tab-header {
    overflow: hidden;
    background: #f6f6f7;
}
.tab-box-2 .tab-header li {
    float: left;
    display: inline-block;
    width: 25%;
    text-align: center;
    cursor: pointer;
}
.tab-box-2 .tab-header li span {
    display: block;
    padding: 12px 0 11px 0;
    font-size:14px;
    color:#696868;
    border-style: solid;
    border-width: 1px;
    border-top-color: #f6f6f7;
    border-right-color: #e5e5e5;
    border-bottom-color: #e5e5e5;
    border-left-color: #f6f6f7;
}
.tab-box-2 .tab-header li.first span{
    border-left-color:#f6f6f7;
}
.tab-box-2 .tab-header li.last span{
    border-right-color:#f6f6f7;
}
.tab-box-2 .tab-header li.on span,
.tab-box-2 .tab-header li:hover span{
    background:#fff;
    border-top-color: #e5e5e5;
    border-right-color: #e5e5e5;
    border-bottom-color: #fff;
    border-left-color: #e5e5e5;
    border-left-width:0;
}
.tab-box-2 .tab-header li.first.on span,
.tab-box-2 .tab-header li.first:hover span{
    border-left-width:1px;
}
.tab-content{
    /* display:none; */
}
.tab-content.on{
    display:block;
}
.tab-remote-style-1{
    position:absolute;
    right:0;
    top:0;
    width:230px;
}
.tab-remote-style-1 li{
    width:51%;
    position:absolute;
    top:0;
    overflow:hidden;
    border-radius:4px;
    border:1px solid #e5e5e5;
    text-align:center;
    background:#fff;
    z-index:10;
}
.tab-remote-style-1 li span{
    cursor:pointer;
    display:block;
    line-height:26px;
    color:#cbcbcb;
    font-size:12px;
    letter-spacing:-0.05em;
}
.tab-remote-style-1 li.on{
    border-color:#458fff;    
    z-index:20;
}
.tab-remote-style-1 li.on span{
    color:#458fff;    
}
.tab-remote-style-1 .tab-remote-a1{
    left:0;
}
.tab-remote-style-1 .tab-remote-a2{
    right:0;
}
.tab-remote-container{
    overflow:hidden;
}
.tab-remote-content{
    display:none;
}
.tab-remote-content.on{
    display:block;
}
.my-table {
    border-color: #e5e5e5;
    border-style:solid;
    border-width:0 1px 0 1px;
}
.my-table .mt-tr{
    display:table;
    position:relative;
    overflow:hidden;
    width:100%;
    border-bottom:1px solid #e5e5e5;
}
.my-table .mt-th {
    padding:10px 0 15px 0;
    text-align: center;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
}
.my-table .mt-td{
    overflow:hidden;
    padding:15px 0;
    display:table-cell;
    vertical-align:middle;
}
.my-table .mt-td-l-1{
    width:17%;
    text-align:center;
    border-right:1px solid #e5e5e5;
}
.my-table .mt-td-l-2{
    width:65%;
    padding-left:4%;
}
.my-table .mt-td-l-2.type-2{
    width:83%;
}
.my-table .mt-td-r{
    width:18%;
    border-left:1px solid #e5e5e5;
}
.my-table .my-thumbnail{
    display:inline-block;
    width:80px;
    height:44px;
    border:1px solid #e5e5e5;
}
.my-table .my-thumbnail img{
    width:100%;
    height:100%;
}
.my-table .mt-td-con .p-1{
    font-size:18px;
    font-weight:bold;
    color: #696868;
    line-height:120%;
}
.my-table .mt-td-con .p-2{
    font-size: 14px;
    color: #696868;
}
.my-table .mt-td-con .p-3-1{
    font-size:18px;
    font-weight:bold;
    color:#458fff;
}
.my-table .mt-td-con .p-3-2{
    margin-right:10px;
    font-size:18px;
    font-weight:bold;
    color:#696868;
}
.my-table .mt-td-con .p-3-3{
    font-size:14px;
    color:#696868;
}
.text-underline {
    text-decoration: underline;
}
.my-table .mt-td-r{
    text-align:center;
}
.my-table .disabled p,
.my-table .disabled span{
    color:#b1b1b1 !important;
}
.my-table .div-style-3.disabled .div-style-3-r p {
    font-weight: 400;
}
.my-table .mt-text-1{
    font-size:14px;
    color: #458fff;
}
.my-table .mt-btn-1{
    display:inline-block;
    min-width:60px;
    font-size:14px;
    color:#fff;
    letter-spacing:-0.025em;
    line-height:22px;
    background:#ff4444;
    border:1px solid #d83a3a;
    border-radius:4px;
    cursor:pointer;
    text-align:center;
}
.my-table .mt-text-2,
.my-table .disabled .mt-text-2{
    font-size: 14px;
    color: #696868 !important;
}
.my-table .mt-point{
    display:inline-block;
    height:30px;
    line-height:30px;
    padding-left:30px;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.025em;
}
.my-table .mt-point.mt-point-save{
    background: url(../imgs/page/my_point_save.png) no-repeat left center;
}
.my-table .mt-point.mt-point-use{
    background: url(../imgs/page/my_point_use.png) no-repeat left center;
}
.my-table .mt-point.mt-point-coupon{
    padding-left:40px;
    background: url(../imgs/page/my_point_coupon.png) no-repeat left center;
}
.my-table .mt-td-con .p-4-1{
    margin-right:12px;
    font-size:18px;
    color:#696868;
    font-weight:bold;
}
.my-table .mt-td-con .p-4-2{
    font-size:14px;
    color:#696868;
}
.my-table .mt-text-3{
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.025em;
}
.my-table .mt-text-4{
    font-size:16px;
    font-weight:bold;
    color:#696868;
}
.my-table .mt-text-5{
    font-size:14px;
    color:#696868;
}
.my-table .mt-tr-bot{
    padding:20px 0;
    text-align:center;
    border-bottom:1px solid #e5e5e5;
}
.my-table .mt-btn-2{
    display:inline-block;
    width:200px;
    line-height:40px;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.025em;
    cursor:pointer;
    text-align:center;
    border-radius:4px;
        background: #f6f6f7;
}
.my-table .my-logo{
    width:100%;
    min-height:50px;
}
.my-table .my-logo.my-logo-rank{
    background:url(../imgs/page/my_logo_rank.png) no-repeat center center;
}
.my-table .my-logo.my-logo-us{
    background:url(../imgs/page/my_logo_us.png) no-repeat center center;
}
.my-table .my-logo.my-logo-gen{
    background:url(../imgs/page/my_logo_gen.png) no-repeat center center;
}
.my-table .mt-td-con .p-5-1{
    margin-right:15px;
    font-size:18px;
    font-weight:bold;
    color:#696868;
    vertical-align:middle;
}
.my-table .mt-td-con .p-5-2{
    font-size:14px;
    color:#696868;
    vertical-align:middle;
}
.mypage-card-on-item .my-table {
    display:none;
    border: none;
}
/* member */
.box-s-wrap {
    width: 790px;
    margin: 0 auto;
}
/* login */
.box-s1 {
    max-width: 540px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 30px 35px 22px 35px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.box-s2 {
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 30px 16px 22px 16px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.box-s3{
    overflow:hidden;
    margin-bottom:35px;
}
.box-s4 {
    margin: 0 auto;
    margin-bottom: 30px;
    padding: 30px 20px 20px 20px;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
}
.box-s1 .box-s1{
    padding:20px;
    margin-bottom:20px;
}
.login-h2-box {
    position: relative;
    padding-top: 2px;
    margin-top: -2px;
}
.login-h2 {
    margin-bottom:30px;
    font-size: 20px;
    font-weight: bold;
    letter-spacing: -0.05em;
    color: #696868;
    line-height:110%;
}
.login-h2 .sub{
    font-size:16px;
    font-weight:normal;
    vertical-align:baseline;
}
.login-h2 .sub-2{
    float:right;
    padding-right:14px;
    font-size:12px;
    letter-spacing:-0.025em;
    font-weight:normal;
    color:#ff4746;
}
.login-h2 .sub-3{
    margin-left:20px;
    font-size:14px;
    letter-spacing:-0.025em;
    color:#696868;
    line-height:24px;
    vertical-align:top;
}
.input-s1 {
    position: relative;
    overflow: hidden;
    margin-bottom: 9px;
}
input[type=text],
input[type=password],
input[type=number],
input[type=tel] {
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    line-height: 48px;
    font-size: 16px;
    color: #999;
    background: #f6f6f7;
    border: 1px solid #e5e5e5;
    text-indent: 20px;
}
textarea {
    box-sizing: border-box;
    width: 100%;
    font-size: 14px;
    color: #999;
    background: #f6f6f7;
    border: 1px solid #a5a5a5;
}
select {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #999;
    background: #f6f6f7;
    border: 1px solid #e5e5e5;
    padding-left: 20px;
}
.select-2 {
    box-sizing: border-box;
    width: 100%;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #616161;
    background: #fff;
    border: 1px solid #dcdcdc;
    padding-left: 12px;
}
.select-style-1 {
    width: 100px;
    height: 30px;
    line-height: 30px;
    border: none;
    background: none;
    font-size: 14px;
    color: #686868;
    letter-spacing: -0.05em;
    padding: 0;
    text-indent: 5px;
    outline: 0;
    margin-right: 20px;
}
select option:checked,
select option:hover {
    font-size: 14px;
    color: #686868;
    letter-spacing: -0.05em;
    line-height: 210%;
    background: #fff;
    border-color: #e5e5e5;
}
input[type=text].brn,
input[type=password].brn,
select.brn{
    border-right:none;
}
input[type=text].bln,
input[type=password].bln,
select.bln,
.bln{
    border-left:none !important;
}
.input-message {
    position: absolute;
    display:none;
    padding-right:34px;
    right:0;
    top:0;
    line-height:48px;
    font-size:14px;
    font-size:12px;
    letter-spacing:-0.025em;
    color: #ff4746;
    z-index:10;
}
.input-s1 .input-text-sub {
    padding: 2px 14px 0 0;
    text-align: right;
    color: #999;
    font-size: 12px;
    letter-spacing: -0.025em;
    line-height: 120%;
}
.ie-view {
    position: absolute;
    left:0;
    top:0;
    line-height: 48px;
    font-size: 16px;
    text-indent: 20px;
    color: #999;
}
.input-s1 .input-ico {
    position: absolute;
    display: inline-block;
    right: 16px;
    top: 0;
    height: 48px;
    width: 12px;
}
.input-s1 .clear-massage,
.input-s1 .error-massage {
    display: none;
}
.input-s1.clear .input-message,
.input-s1.error .input-message {
    display: block;
}
.input-s1.error .input-ico {
    background: url(../imgs/common/ico_input_error.png) no-repeat center center;
    background-size: 100% auto;
}
.input-s1.clear .input-ico {
    background: url(../imgs/common/ico_input_clear.png) no-repeat center center;
    background-size: 100% auto;
}
.input-s1.clear .input-text,
.input-s1.clear .input-text-sub {
    color: #458fff;
}
.input-s1.error .input-text-sub {
    color: #ff4746;
}
.input-s1.clear .input-message.error,
.input-s1.error .input-message.clear {
    display:none;
}
.input-s1.clear .input-text.clear {
    display: inline-block;
}
.input-s1.error .input-text.clear {
    display: none;
}
.input-s1.clear .clear-massage {
    display: inline;
}
.input-s1.clear .error-massage,
.input-s1.clear .default-massage {
    display: none;
}
.input-s1.error .error-massage {
    display: inline;
}
.input-s1.error .clear-massage,
.input-s1.error .default-massage {
    display: none;
}
input[type=text].input-style-1,
input[type=password].input-style-1,
input[type=number].input-style-1,
input[type=tel].input-style-1 {
    height: 48px;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    text-indent: 16px;
    font-size: 12px;
    color: #0f0000;
    letter-spacing:-0.03em;
}
input[type=text].input-style-1::placeholder ,
input[type=password].input-style-1::placeholder,
input[type=number].input-style-1::placeholder,
input[type=tel].input-style-1::placeholder{
    color:#dcdcdc;
}
textarea.textarea-style-1 {
    resize:none;
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 3px;
    font-size: 12px;
    color: #0f0000;
    letter-spacing: -0.03em;
}
.login-btn-1,
.login-btn-2,
.login-btn-3{
    display: block;
    font-size: 20px;
    font-weight: 500;
    line-height: 58px;
	border-style:solid;
	border-width:1px;	
    text-align: center;
}
.login-btn-1 {
    color: #fff;
    background: #458fff;
    border-color:#458fff;
}
.login-btn-2 {
    color: #458fff;
    border-color:#458fff;
}
.login-btn-3 {
    color: #999;
    background: #ddd;
    border-color:#ddd;
}
.login-btn-1.type-two-line{
    line-height:120%;
    padding:9px 0 10px 0;
}
.login-btn-1.type-two-line .two-line{
    display:block;
    font-size:10px;
    font-weight:normal;
    line-height:110%;
    margin-top:2px;
}
.check,
.radio {
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}
.check {
    background: url(../imgs/common/ico_check-off.png) no-repeat left center;
}
.radio {
    background: url(../imgs/common/ico_radio-off.png) no-repeat left center;
}
.check .check-text,
.radio .check-text{
    display:inline-block;
    margin-right:30px;
    font-size:14px;
    line-height:16px;
    color:#333;
    letter-spacing:-0.025em;
    padding-left:22px;
}
.check.type-2 .check-text{
    font-size:18px;
    font-weight:bold;
    line-height:110%;
}
.check .check-text a,
.radio .check-text a {
    display:inline-block;
    font-size: 14px;
    line-height: 16px;
    color: #999;
    letter-spacing: -0.025em;
    padding-bottom:2px;
    border-bottom:1px solid #999;
}
.check.checked {
    background: url(../imgs/common/ico_check-on.png) no-repeat left center;
}
.radio.checked {
    background: url(../imgs/common/ico_radio-on.png) no-repeat left center;
}
.radio.radio-s1 {
    display: block;
    background: none;
    text-align: center;
    height: 48px;
    padding: 0;
    line-height: 48px;
    border: 1px solid #e5e5e5;
}
.radio.radio-s1 .check-text{
    font-size: 16px;
    color: #999;
    letter-spacing:-0.025em;
}
.radio.radio-s1.checked{
    background:none;
    color:#458fff;
    border-color:#458fff;
}
.radio.radio-s1.checked .check-text{
    color:#458fff;
}
.radio.radio-s2 .check-text {
    margin-right: 0;
    color: #dcdcdc;
    padding-left:21px;
    font-size:12px;
}
.radio.radio-s2.checked .check-text {
    color: #696868;
}
.check-in-input{
    height:17px;
}
.check-in-input .check-text {
    height:17px;
    margin-right: 15px;
}
.check-in-input input[type=text] {
    display: inline-block;
    margin-top:-4px;
    height:24px;
    line-height:15px;
    background: #fff;
    border-style: solid;
    border-color: #dcdcdc;
    border-width: 0 0 1px 0;
    font-size: 12px;
    color:#0f0000;
    text-indent:6px;
    letter-spacing:-0.03em;
}
.check-in-input input[type=text]::placeholder {
    color: #cbcbcb;
}

.login-checkbox-box {
    margin-bottom: 30px;
}
.login-checkbox-box.disabled{
    pointer-events:none;
    opacity:0.5;
}
.login-bot p {
    text-align:center;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #696868;
    font-weight:bold;
}
.login-bot p a{
    font-size:14px;
    color:#4945ff;
    text-decoration:underline;
}
.member-common-bot{
    text-align:center; 
}
.member-common-bot a{
    display:inline-block;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.025em;
    vertical-align:middle;
}
.member-common-bot span {
    vertical-align: middle;
    font-size: 14px;
    margin:0 25px;
    color: #696868;
}
.p02,
.p03 {
    margin-bottom:18px;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height:130%;
}
.p02{
    font-weight:bold;
}
.p04 {
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 130%;
    font-weight:bold;
    text-align:center;
}
.p05 {
    margin-bottom: 40px;
    font-size: 14px;
    color: #999;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.p06 {
    margin-bottom:10px;
    font-size: 10px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.color-1 {
    color: #4945ff !important;
}
.color-2 {
    color: #ff6800 !important;
}
.color-3 {
    color: #458fff !important;
}
.color-4 {
    color: #ff4746 !important;
}
.color-5 {
    color: #458fff !important
}
.color-6 {
    color: #468cff !important;
}
.color-7 {
    color: #c2c2c2 !important;
}
.color-8 {
    color: #ff5555 !important;
}
.color-9 {
    color: #fc3d3d !important;
}
.color-10 {
    color: #ff4444 !important;
}
.color-11 {
    color: #f83838 !important;
}
.color-12 {
    color: #323743 !important;
}
.font-weight-bold {
    font-weight: 700 !important;
}
.input-box {
    overflow: hidden;
}
.input-box-s1,
.input-box-s2,
.input-box-s3,
.input-box-s4{
    float:left;
    display:inline-block;
}
.input-box-s1{
    width:21%
}
.input-box-s2{
    width:51%;
}
.input-box-s3 {
    width: 72%;
}
.input-box-s4{
    float:right;
    width:26%;
}
.table-login {
    margin-bottom: 10px;
    border-style: solid;
    border-color: #a5a5a5;
    border-width: 0 0 1px 1px;
}
.table-login th,
.table-login td {
    padding: 14px 22px;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #696868;
    border-style: solid;
    border-color: #a5a5a5;
    border-width:1px 1px 0 0;
}
.table-login th{
    text-align:left;
    background:#f6f6f7;
}
.table-login td{

}
.terms-box {
    overflow: auto;
    height: 160px;
    margin-bottom: 10px;
    border: 1px solid #a5a5a5;
}
.terms-box-in{
    padding:16px 20px;
}
.terms-box .document-style{
    margin-bottom:0;
}
.terms-box .document-style h4 {
    font-weight:normal;
}
.terms-box-size{
    height:240px;
}
.pop {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.pop-in {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 300px;
    margin-left: -150px;
    margin-top: -150px;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    background: #fff;
}
.pop-header {
    position: relative;
    font-size: 16px;
    color: #458fff;
    letter-spacing: -0.025em;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border-bottom: 1px solid #a5a5a5;
}
.pop-close-btn {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 40px;
    height: 100%;
    cursor:pointer;
    background: url(../imgs/common/ico_pop_close.png) no-repeat center center;
}
.pop-con{
    padding: 20px;
    text-align:center;
}
.pop-t1,
.pop-t1 a {
    font-size: 14px;
    color: #616161;
    letter-spacing: -0.025em;
    margin-bottom: 15px;
}
.pop-d1 {
    height: 48px;
    margin-bottom: 10px;
    border: 1px solid #a5a5a5;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #616161;
    line-height: 48px;
}
.pop-d1 .span-1{
    color:#ff6800;
    font-weight:bold;
}
.pop-d2 {
    margin-bottom:33px;
}
.pop-d2 a,
.pop-d2 span{    
    font-size: 14px;
    color: #696868;
    letter-spacing:-0.025em;
}
.pop-d2 .bar{
    margin:0 20px;
}
.pop-ul{
    overflow:hidden;
    margin-bottom:25px;
}
.pop-ul li {
    padding-left: 6px;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.03em;
    line-height: 140%;
    text-align: left;
    background:url(../imgs/common/icn_dot.png) no-repeat left 7px
}
.pop-btn-box{
    overflow:hidden;
}
.pop-btn-1 {
    display:inline-block;
    padding:6px 24px;
    font-size: 15px;
    color: #fff;
    letter-spacing: -0.025em;
    background: #458fff;
}
.pop-btn-2 {
    display: inline-block;
    padding: 6px 24px;
    font-size: 15px;
    color: #458fff;
    letter-spacing: -0.025em;
    background:#fff;
}
.pop-btn-3,
.pop-btn-4 {
    display:inline-block;
    height:28px;
    line-height:28px;
    border: 1px solid #458fff;
    cursor:pointer;
    text-align:center;
    font-size:16px;
    letter-spacing:-0.025em;
    padding:0 40px;
}
.pop-btn-3 {
    color: #fff;
    background: #458fff;
}
.pop-btn-4 {
    color: #458fff;
}
.pop-btn-l,
.pop-btn-r{
    width:46%;
    padding:0;
}
.pop-btn-l {
    float: left;
}
.pop-btn-r {
    float: right;
}
.link-text-1,
a.link-text-1 {
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 130%;
    text-decoration: underline;
}
body.body-pop-open {
    height: 100%;
    overflow: hidden;
}
/* 카카오 팝업 */
.catoc-pop .pop-in {
    top: 20%;
    width: 600px;
    margin-left: -300px;
    margin-top:0;
    background: #fff;
}
.catoc-pop .pop-in img{
    display:block;
}
.catoc-pop .pop-header{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:50px;
    padding:0;
    z-index:10;
    background:none;
    border:none;
}
/* popup main */
.pop-style-1 {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.pop-style-1 .pop-in{
    position:absolute;
    width:100%;
    top:1%;
    left:0;
    height:93%;
    z-index:110;
    margin:0;
    border:none;
    background-color:transparent;
    text-align:center;
}
.pop-style-1 .pop-in-bg{
    position:absolute;
    display:block;
    height:100%;
    width:100%;
}
.pop-style-1 .pop-header{
    max-width:880px;
    color:#fff;
    border:none;
    text-align:right;
    margin:0 auto;
}
.pop-style-1 .pop-con-rec{
    position:relative;
    display:inline-block;
    max-width:880px;
    max-height:100%;
    margin:0 auto;
    overflow-y:auto;
    z-index:10;
}
.pop-style-1 .pop-con-rec img{
    max-width:100%;
}
.pop-style-1 .pop-header label{
    display:inline-block;
    line-height:40px;
    cursor:pointer;
}
.pop-style-1 .pop-header input[type=checkbox]{
    display:inline-block;
    border:none;
    box-shadow:none;
    outline:none;
    background:#fff;
    height:16px;
    width:16px;
    vertical-align:middle;
}
.pop-style-1 .pop-header label span{
    vertical-align:middle;
	font-size:16px;
}
.pop-style-1 .pop-bg {
    background-color: rgba(0, 0, 0, .32);
}
/* alert */
.alert{
    position:fixed;
    display:none;
    width:100%;
    height:100%;
    left:0;
    top:0;
    z-index:100;
}
.alert-in {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 400px;
    margin-left: -200px;
    margin-top: -100px;
    padding: 83px 0 30px 0;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    background: #fff url(../imgs/common/ico_alert.png) no-repeat center 48px;
    text-align: center;
}
.alert-close-btn {
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    width: 52px;
    height: 52px;
    cursor:pointer;
    background: url(../imgs/common/ico_pop_close.png) no-repeat center center;
}
.alert-con p {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: -0.025em;
    color: #3c3c3c;
    line-height:120%;
    margin-bottom:35px;
}
.alert.alert-1 .alert-in {
    border-color: #458fff;
    width:300px;
    margin-left:-150px;
}
.alert.alert-1 .alert-con p{
    margin-bottom:15px;
}
.alert-text-box {
    padding: 20px 0;
    margin: 0 20px;
    border-top: 1px solid #b9b9b9;
    min-height: 50px;
    font-size:16px;
    color:#3c3c3c;
    letter-spacing:-0.025em;
}
/* mypage  마이페이지 */
.p-ex {
    padding-top: 5px;
    margin-bottom: 15px;
    font-size: 12px;
    color: #f83838;
    letter-spacing: -0.025em;
}
.gnb-depth-2 {
    width: 100%;
    max-width: 540px;
    margin: 0 auto;
    margin-bottom: 25px;
}
.gnb-depth-2 {
    overflow: hidden;
}
.gnb-depth-2 li{
    display:inline-block;
    float:left;
    width:20%;
    overflow:hidden;
}
.gnb-depth-2 li a{
    display:block;
    line-height:25px;
    text-align:center;
    font-size:14px;
    letter-spacing:-0.05em;
    color:#8e8e8e;
    border-color:#a5a5a5;
    border-style:solid;
    border-width:1px 0 1px 1px;
}
.gnb-depth-2 li.first a{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.gnb-depth-2 li.last a{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right-width:1px;
}
.gnb-depth-2 li.on a,
.gnb-depth-2 li:hover a{
    background:#323743;
    color:#fff;
}
.b2b .gnb-depth-2 {
    width:40%;
}
.b2b .gnb-depth-2 li{
    width:50%;
}
.gnb-depth-2.gnb-depth-2-2 li{
    width:50%;
}
.gnb-depth-2.gnb-depth-sharing li {
    width: 33.33%
}
.gnb-depth-2.gnb-depth-sharing .gds-hide{
    display:none;
}
.gnb-depth-2.gnb-depth-2-4 li {
    width: 25%;
}

.tab-box-3{
    margin-bottom:60px;
}
.tab-box-3 .tab-header {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
.tab-box-3 .tab-header {
    overflow: hidden;
}
.tab-box-3 .tab-header li{
    display:inline-block;
    float:left;
    width:50%;
    overflow:hidden;
}
.tab-box-3 .tab-header li a{
    display:block;
    line-height:25px;
    text-align:center;
    font-size:14px;
    letter-spacing:-0.05em;
    color:#8e8e8e;
    border-color:#a5a5a5;
    border-style:solid;
    border-width:1px 0 1px 1px;
}
.tab-box-3 .tab-header li.first a{
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.tab-box-3 .tab-header li.last a{
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right-width:1px;
}
.tab-box-3 .tab-header li.on a,
.tab-box-3 .tab-header li:hover a {
    background: #323743;
    color: #fff;
}
.table-box-wrap,
.table-box {
    overflow: hidden;
    margin-bottom: 10px;
}
.table-fl-wrap,
.table-fr-wrap,
.table-fl,
.table-fr {
    width: 50%;
}
.table-fl-2{
    width:25%;
}
.table-fr-2 {
    width: 75%;
}
.table-fl-wrap,
.table-fl {
    float: left;
}
.table-fr-wrap,
.table-fr {
    float:right;
}
.table-fl-2 {
    width: 25%;
}
.table-fr-2 {
    width: 75%;
}
.table-box-2 {
    margin-bottom: 0;
}
.table-box.type-2{
    margin-bottom:0;
}
.table-box.type-2 .table-fl .table-1,
.table-box.type-2 .table-fr .table-1{
    border-bottom:0;
}
.my-box-1 {
    overflow: hidden;
    margin-bottom: 10px;
}
.my-box-1-item {
    float: left;
    width: 33%;
}
.my-box-1-item.my-box-1-item-1{
    padding-right:1%;
}
.my-box-1-item.my-box-1-item-2{
    width:32%;
}
.my-box-1-item.my-box-1-item-3{
    float:right;
}
.my-box-1-item-in {
    overflow: hidden;
    padding: 18px 0 0 0;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    width: 98%;
    margin: 0 auto;
}
.my-box-1-item-2 .my-box-1-item-in{
    width:99%;
}
.my-box-1-top,
.range-box-wrap{
    padding:0 18px;
}
.my-box-1-top {
    position:relative;
    margin-bottom: 25px;
}
.my-box-1-top p{
    padding-left:30px;
    font-size: 16px;
    color: #696868;
    font-weight:bold;
    letter-spacing: -0.025em;
    line-height:24px;
}
.my-box-1-top .ico{
    position:absolute;
    display:block;
    left:18px;
    top:0;
    width:22px;
    height:22px;
    line-height:22px;
    border:1px solid #d1d1d1;
    border-radius:4px;
    color:#177cd2;
    font-weight:bold;
    font-size:12px;
    letter-spacing:-0.025em;
    text-align:center;
}
.my-box-1-top .ico.ico-1{
    color:#177cd2;
}
.my-box-1-top .ico.ico-2{
    color:#e23131;
}
.my-box-1-top .ico.ico-3{
    color:#ffc000;
}
.my-box-1-top .ico.ico-4{
    color:#ff5722;
}
.my-box-1-top .my-box-1-top-right,
.my-box-2-top .my-box-2-top-right{
    display: inline-block;
    position: absolute;
    right: 18px;
    top: 0;
}
.radio-wrap-1 {
    display: inline-block;
    min-width: 100px;
    line-height: 20px;
    background: #dcdcdc;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
}
.btn-radio-1 {
    display: inline-block;
    width:50%;
    float:left;
    cursor: pointer;
    text-align:center;
    font-weight:400;
    font-size:12px;
    color:#fff;
}
.btn-radio-1.checked{
    font-weight:700;
    background:#ff4444;
}
.btn-radio-1 span{
    display:block;
}
.btn-radio-1 .border-right{
    border-right:1px solid #d83a3a ;
}
.range-box-wrap {
    height: 345px;
    overflow-y: auto;
}
.range-box-wrap.size-2{
    height:148px;
}
.range-box-item{
    position:relative;
    clear:both;
    margin-bottom:15px;
}
.range-bot-top {
    font-size: 14px;
    letter-spacing: -0.025em;
    font-weight: bold;
    color: #323743;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    width: 100%;
    overflow: hidden;
}
.range-slider-padding{
    padding:10px 0 6px 0;
}
.range-box-bot {
    overflow: hidden;
    font-size: 12px;
    letter-spacing: -0.025em;
    color: #696868;
}
.demi .range-bot-top,
.demi .range-box-bot{
    color: #ebebeb;
}
.range-tooltip {
    position: absolute;
    display:none;
    right: 5px;
    top: 3px;
    padding: 0 5px;
    font-size: 12px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 120%;
    border: 1px solid #e5e5e5;
    border-radius:4px;
    background:#fff;
    box-shadow: rgba(0,0,0,0.1) 3px 3px;
}
.range-box-item:hover .range-tooltip{
    display:block;
}
.range-no-data {
    margin-bottom: 20px;
    text-align: center;
}

.range-no-data p{
    margin-bottom:20px;
    font-size:14px;
    line-height:120%;
    letter-spacing:-0.025em;
    color:#696868;
}
.span-w-1{
    display:inline-block;
    width:64px;
    text-align:justify;
}

.my-box-2{
    overflow:hidden;
}
.my-box-2-item {
}
.my-box-2-item.my-box-2-item-1{
 
}
.my-box-2-item-in {
    overflow: hidden;
    padding: 18px 0 0 0;
    border-radius: 4px;
    border: 1px solid #e5e5e5;
    width: 99.5%;
    margin: 0 auto;
}
.my-box-2-top{
    position:relative;
    padding:0 18px;
}
.my-box-2-top {
    position:relative;
    margin-bottom: 25px;
}
.my-box-2-top p{
    padding-left:30px;
    font-size: 16px;
    color: #696868;
    font-weight:bold;
    letter-spacing: -0.025em;
    line-height:24px;
}
.my-box-2-top .ico{
    position:absolute;
    display:block;
    left:18px;
    top:0;
    width:22px;
    height:22px;
    line-height:22px;
    border:1px solid #d1d1d1;
    border-radius:4px;
    color:#177cd2;
    font-weight:bold;
    font-size:12px;
    letter-spacing:-0.025em;
    text-align:center;
}
.my-box-2-top .ico.ico-1{
    color:#177cd2;
}
.my-box-2-top .ico.ico-2{
    color:#e23131;
}
.my-box-2-top .ico.ico-3{
    color:#ffc000;
}
.my-box-2-top .ico.ico-4{
    color:#ff5722;
}
.my-box-2-con{
    padding:0 18px 20px 18px;
}
.table-size-1-1{
    width:50%;
}
.table-size-1-2 {
    width: 50%;
}
.my-box-2-bot{
    overflow:hidden;
}
.my-box-2-p {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight:bold;
    color: #323743;
    letter-spacing: -0.025em;
    line-height: 130%;
}
a.text-link-1,
.text-link-1 {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: -0.025em;
    color: #2061fb;
    text-decoration: underline;
    cursor:pointer;
}
a.text-link-align,
.text-link-align{
    margin-left:40px;
}
.my-box-2-bot-r {
    float: right;
    text-align: right;
}
input[type=text].my-box-2-bot-input {
    height: 37px;
    width: 198px;
    border-width: 1px 0 1px 1px;
    border-color: #dcdcdc;
    border-style: solid;
    background:#fff;
}
.mypage-card-no{
    padding-bottom:30px;
    text-align:center;
}
.mypage-card-no img{
    max-width:100%;
}
.mypage-card-on {
    border: 1px solid #dcdcdc;
}
.mypage-card-on-top {
    padding:12px 0;
    text-align: center;
    font-size: 16px;
    color: #696868;
    background: #f6f6f7;
    border-bottom: 1px solid #dcdcdc;
}
.mypage-card-on-bot{
    padding:25px 0;
    text-align:center;
}
.mypage-card-on-li {
    position:relative;
    padding: 30px 0 30px 20px;
    border-bottom: 1px solid #dcdcdc;
}
.btn-add {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../imgs/page/mypage_ico_add.png) no-repeat center center;
}
.mypage-card-on-li{
    overflow:hidden;
}
.mypage-card-on-li-ico-box {
    float: left;
    display: inline-block;
    width: 9%;
}
.mypage-card-on-li-r {
    float: right;
    display: inline-block;
    width: 90%;
    padding-top:5px;
}
.mypage-card-ico {
    display: inline-block;
    width: 52px;
    height: 32px;
    background: url(../imgs/page/card_ico_1.png) no-repeat center center;
}
.mypage-card-ico-1 {
    background:url(../imgs/page/card_ico_1.png) no-repeat center center;
}
.mypage-card-ico-2 {
    background:url(../imgs/page/card_ico_2.png) no-repeat center center;
}
.mypage-card-ico-3 {
    background:url(../imgs/page/card_ico_3.png) no-repeat center center;
}
.mypage-card-ico-4 {
    background:url(../imgs/page/card_ico_4.png) no-repeat center center;
}
.mypage-card-ico-5 {
    background: url(../imgs/page/card_ico_5.png) no-repeat center center;
}
.mypage-card-on-li-r .span-1,
.mypage-card-on-li-r .span-2,
.mypage-card-on-li-r .span-3,
.mypage-card-on-li-r .span-4 {
    display: inline-block;
    vertical-align: middle;
}
.mypage-card-on-li-r .span-1,
.mypage-card-on-li-r .span-2,
.mypage-card-on-li-r .span-3 {
    float: left;
    font-size: 16px;
    color: #696868;
    letter-spacing: -0.025em;
}
.mypage-card-on-li-r .span-1 {
    width:20.5%;
    font-weight: bold;
}
.mypage-card-on-li-r .span-3 {
    line-height:24px;
    margin-top:-2px;
}
.mypage-card-on-li-r .span-4 {
    float:right;
    padding-right:4%;
    text-align:right;
}
.mypage-card-on-li-r .btn-card-slide {
    padding-right: 14px;
    background: url(../imgs/common/my_icn_arr_down.png) no-repeat right center;
    font-size:14px;
    line-height:25px;
    vertical-align:middle;
}
.mypage-card-on-li-r .btn-card-slide.on {
    padding-right: 14px;
    background: url(../imgs/common/my_icn_arr_up.png) no-repeat right center;
}
.card-btn-1,
.card-btn-2,
.card-btn-3 {
    display: inline-block;
    min-width: 70px;
    height: 20px;
    line-height: 20px;
    padding: 0 5px;
    margin-right: 8px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border-radius: 4px;
    outline:none;
}
.card-btn-1 {
    background: #dcdcdc;
    border-color: #c0c0c0;
}
.card-btn-2 {
    background: #ff4444;
    border-color: #d83a3a;
}
.card-btn-3 {
    background: #458fff;
    border-color: #397fb9;
}
.pop-payment{
    position:fixed;
    display:none;
    left:50%;
    top:50%;
    margin:-190px 0 0 -130px;
    width:256px;
    z-index:100;
}
.pop-payment-in{
    border-style:solid;
    border-color:#e5e5e5;
    border-width:1px 1px 0 1px;
    padding-bottom:9px;
    background:url(../imgs/page/pop_payment_bg.png) no-repeat center bottom
}
.pop-payment-con{
    padding:30px 20px 20px 20px;
    background:#fff;
}
.pop-payment .p-1 {
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    color: #323743;
    letter-spacing: -0.025em;
}
.pop-payment .p-2 {
    text-align: center;
    margin-bottom: 30px;
    font-size: 12px;
    color: #8d8c8c;
}
.pop-payment .ul-1 {
    margin-bottom: 20px;
    border-style: solid;
    border-color: #ebebeb;
    border-width: 2px 0 1px 0;
}
.pop-payment .ul-1 li {
    padding:7px 10px;
    overflow: hidden;
}
.pop-payment .ul-1 li .span-l,
.pop-payment .ul-1 li .span-r{
    display:inline-block;
    width:49%;
    font-size:12px;
}
.pop-payment .ul-1 li .span-l{
    float:left;
    color:#323743;
    letter-spacing:-0.025em;
}
.pop-payment .ul-1 li .span-r{
    float:right;
    text-align:right;
    color:#696868;
}
.pop-payment .ul-1 .li-top {
    padding-top:18px;
    padding-bottom:18px;
    margin-bottom:10px;
    border-bottom:1px solid #ebebeb;
}
.pop-payment .ul-1 .li-top .span-l{
    font-size:14px;
    font-weight:bold;
}
.pop-payment .ul-1 .li-top .span-r{
    color:#fc3d3d;
}
.pop-payment .ul-1 .li-top .span-r .num{
    font-size:14px;
    font-weight:bold;
}
.pop-payment .ul-1 .li-last{
    padding-bottom:20px;
}
.pop-payment .pop-payment-btn{
    display:inline-block;
    width:90%;
    padding:10px 0;
    border:1px solid #dcdcdc;
    color:#696868;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}
.pop-card-del {
    display:none;
    overflow:hidden;
    position: absolute;
    left: 50%;
    top: 5%;
    width: 760px;
    margin-left: -380px;
    border: 1px solid #a5a5a5;
    border-radius: 4px;
    background: #fff;
    z-index: 90;
}
.pop-card-del-con {
    padding: 10px 20px 20px 20px;
}
.pop-card-del .my-table{
    margin-bottom:20px;
    border-width:0;
}
.pop-card-del .my-table .mt-th{
    border:none;
}
.pop-card-del .my-table .mt-td-l-1 {
    border-left: 1px solid #e5e5e5;
}
.pop-card-del .my-table .mt-td-r {
    border-right: 1px solid #e5e5e5;
}
.pop-card-del .pop-btn-3,
.pop-card-del .pop-btn-4{
    width:120px;
}
.pop-card-del .pop-card-del-btn-l{
    margin-right:10px;
}
.pop-card-del .table-scroll{
    max-height:420px;
    overflow-y:auto;
}
.pop-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 80;
}
/* 문의관리 */
.faq-style {
    border-style: solid;
    border-color: #a5a5a5;
    border-width: 1px 1px 0 1px;
}
.faq-header {
    overflow: hidden;
    background: #f6f6f7;
    border-bottom: 1px solid #a5a5a5;
    display: table;
    width: 100%;
}
.faq-header ul{
    width:100%;
    display:table-row;
}
.faq-header li{
    display:table-cell;
    text-align:center;
    font-size:14px;
    letter-spacing:-0.025em;
    color:#696868;
    line-height:34px;
}
.faq-header li.font-1{
    font-size:12px !important;
}
.faq-size-1{
    width:10%;
}
.faq-size-2 {
    width: auto;
}
.faq-size-3 {
    width: 17%;
}
.faq-size-4 {
    width: 15%;
}
.faq-item {
    border-style: solid;
    border-color: #a5a5a5;
    border-width: 0 0 1px 0;
}
.faq-item-list{
    overflow:hidden;
    display:table;
    table-layout:fixed;
    width:100%;
    cursor:pointer;
}
.faq-item-list ul{
    display: table-row;
}
.faq-item-list li{
    display:table-cell;
    padding:8px 0;
    font-size:12px;
    color:#696868;
    letter-spacing:-0.025em;
}
.faq-item-list li a,
.faq-item-list li em{
    color:#696868;
}
.faq-item-list .faq-li-1 {
    width: 10%;
    text-align: center;
    font-size: 14px;
}
.faq-item-list .faq-li-2 {
    width: 10%;
    text-align: center;
}
.faq-item-list .faq-li-3 {
    width: auto;
    font-size: 14px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.faq-item-list .faq-li-4 {
    width: 17%;
    text-align:center;
}
.faq-item-list .faq-li-5 {
    width: 15%;
    text-align: center;
}
.faq-item-detail{
    display:none;
    padding-left:20%;
    width:65%;
}
.faq-item-detail-in {
    padding: 8px 0 0 0;
    font-size: 14px;
    line-height: 130%;
    color: #696868;
    letter-spacing:-0.025em;
}
.faq-no-data {
    padding: 110px 0;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
    text-align: center;
}
.question-box {
    margin-bottom:20px;
}
.answer-box {
    padding:13px;
    margin-bottom: 20px;
    background: #f6f6f7;
}
.answer-box-bot {
    padding-top:20px;
    font-size: 12px;
    letter-spacing:-0.025em;
    color: #696868;
}
.ico-faq {
    display: inline-block;
    font-size: 12px;
    color: #fff;
    padding:0 9px;
    line-height:19px;
    border-radius: 19px;
    letter-spacing: -0.025em;
    background: #a6a6a6;
}
.ico-faq.ico-rank{
    background:#458fff;
}
.ico-faq.ico-genport{
    background:#ff5959;
}
.ico-faq.ico-global{
    background:#ffca59;
}
.color-disabled {
    color: #dcdcdc !important;
}
.table-in-div-1 em{
    display:block;
    line-height:150%;
}
.table-in-div-1 li{
    line-height:120%;
}
/* 젠톡 */
.faq-style-2 .faq-item:hover .faq-li-23 a,
.faq-style-2 .faq-item:hover .faq-li-23 em {
    color: #007cd2;
    text-decoration: underline;
    cursor: pointer;
}
.faq-size-21 {
    width: 8%;
}
.faq-size-22 {
    width: 12%;
}
.faq-size-23 {
    width: auto;
}
.faq-size-24 {
    width: 17%;
}
.faq-size-25 {
    width: 15%;
}
.faq-style-2 .faq-item-list li{
}
.faq-item-list .faq-li-21 {
    width: 8%;
    text-align: center;
    font-size: 14px;
}
.faq-item-list .faq-li-22 {
    width: 12%;
    text-align: center;
}
.faq-item-list .faq-li-23 {
    width: auto;
}
.faq-item-list .faq-li-23 a{
    font-size: 14px;
}
.faq-item-list .faq-li-24 {
    width: 17%;
    text-align:center;
}
.faq-item-list .faq-li-25 {
    width: 15%;
    text-align: center;
}
/* 시황 */
.search-box{
    overflow:hidden;
    margin-bottom:13px;
}
.search-box .search-left {
    float:left;
    width:50%;
}
.search-left li{
    display:inline-block;
    float:left;
    width:45%;
}
.search-left .li-2 {
    width: 10%;
    text-align: center;
    line-height: 26px;
    color: #3c3c3c;
    font-size:16px;
    letter-spacing:-0.025em;
}
.search-box .search-right {
    float: right;
    width: 49%;
    text-align:right;
}
.search-box input[type=text],
.search-box input[type=password],
.search-box select {
    height: 28px;
    line-height: 26px;
    text-indent: 14px;
    background: #fff;
    border: 1px solid #a5a5a5;
    font-size: 14px;
    letter-spacing: -0.05em;
    color: #a6a6a6;
}
input[type="text"].datepicker{
    background:#fff url(../imgs/common/ico_date.png) no-repeat right 10px center;
}
.search-select{
    width:50%;
    padding:0;
    margin-right:10px;
}
.faq-item-list .faq-li-31 {
    width: 14%;
    text-align: center;
    font-size: 14px;
}
.faq-item-list .faq-li-32 {
    width: auto;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
}
.faq-item-list .faq-li-33 {
    width: 12%;
    text-align:right;
}
.faq-item-list .faq-li-34 {
    width: 20%;
    text-align: center;
}
.ico-file {
    display: inline-block;
    padding-left: 17px;
    line-height: 18px;
    background: url(../imgs/common/ico_file_off.png) no-repeat left center;
    color: #dcdcdc;
    font-size:12px;
    letter-spacing:-0.025em;
}
.ico-file.on {
    background: url(../imgs/common/ico_file_on.png) no-repeat left center;
    color: #696868;
}
.faq-item-detail-2 {
    display:none;
    padding-left: 14%;
    width: 72%;
}
.faq-item-detail-in-2 {
    padding: 8px 0 8px 0;
}
.box_mysmsView .subject,
.box_mysmsView .date{
    display: none;
}
.box_mysmsView .file{
    margin-bottom:12px;
    font-size:14px;
    color:#007cd2;
    letter-spacing:-0.025em;
    text-decoration:underline;
}
.box_mysmsView .cont {
    font-size: 14px;
    color: #696868;
    letter-spacing:-0.025em;
    line-height:130%;
}
/* jquery ui */
.ui-widget.ui-widget-content {
    border: none;
    background: #ebebeb;
}
.ui-button,
.range-slider .ui-state-default,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border-radius: 50%;
    height: 6px;
    width: 6px;
    border: 3px solid #049eff;
    background: #ebebeb;
}
.ui-slider-horizontal{
    height:0.6em;
}
.slide-blue .ui-slider-range {
    background: #049eff;
}
.slide-blue .ui-slider-handle {
    border-color: #049eff;
}
.slide-red .ui-slider-range {
    background: #fc3d3d;
}
.slide-red .ui-slider-handle {
    border-color: #fc3d3d;
}
.slide-yellow .ui-slider-range {
    background: #ffc000;
}
.slide-yellow .ui-slider-handle {
    border-color: #ffc000;
}
.slide-orange .ui-slider-range {
    background: #ff5722;
}
.slide-orange .ui-slider-handle {
    border-color: #ff5722;
}
.demi .ui-slider-handle{
    display:none;
}
.range-slider.ui-state-disabled {
    opacity: 1 !important;
}
#naver-map{
    left:0;
    top:0;
    width:100%;
    height:100%;
}
.attention-select{
    overflow:hidden;
    margin-bottom:25px;
}
.attention-option {
    float:left;
    width:50%;
    margin-bottom:15px;
}
/* 회사 소개 */
.introduction-box {
    overflow: hidden;
    margin-bottom: 100px;
    border-bottom: 1px solid #e0e0e0;
}
.introduction-box-top{
    margin-bottom:70px;
    height:445px;
    color:#fff;
    background:url(../imgs/page/introduction_1.jpg) no-repeat center center;
    background-size:cover;
    text-align:center;
}
.introduction-box-top-in{
    padding-top:120px;
}
.introduction-box-top .p-1{
    margin-bottom:25px;
    font-size:25px;
    letter-spacing:-0.05em;
    font-weight:300;
}
.introduction-box-top .p-2 {
    margin-bottom: 50px;
    font-size: 51px;
    letter-spacing: -0.05em;
    font-weight: bold;
    line-height:110%;
}
.introduction-btn-1{
    display:inline-block;
    padding:0 20px;
    min-width:100px;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:16px;
    letter-spacing:-0.05em;
    font-weight:200;
    border:1px solid #fff;
    border-radius:4px;
}
.introduction-p {
    margin-bottom:40px;
    font-size: 18px;
    letter-spacing: -0.05em;
    color: #686868;
    line-height:140%;
    font-weight:300;
    text-align:center;
}
.introduction-title-box{
    margin-bottom:14px;
    text-align:center;
}
.introduction-title{
    margin-bottom:8px;
    font-size:20px;
    font-weight:500;
    letter-spacing:-0.025em;
    line-height:110%;
}
.introduction-title-sub{
    font-size:13px;
    font-weight:300;
    letter-spacing:-0.025em;
    line-height:110%;
}
.introduction-link-box {
    clear: both;
    text-align: center;
    margin-bottom: 40px;
}
.introduction-link-box-in {
    width: 820px;
    margin: 0 auto;
    margin-left:-15px;
}
.introduction-link-item {
    display:inline-block;
    width: 236px;
    margin:0 15px;
    overflow: hidden;
    border: 1px solid #e0e0e0;
    border-radius:4px;
    text-align:center;
}
.introduction-link-item-in{
    padding-top:125px;
    height:69px;
}
.ili-1 .introduction-link-item-in {
    background: url(../imgs/page/int_rank_off.png) no-repeat center 55px;
}
.ili-2 .introduction-link-item-in {
    background: url(../imgs/page/int_rank_us_off.png) no-repeat center 55px;
}
.ili-3 .introduction-link-item-in {
    background: url(../imgs/page/int_gen_off.png) no-repeat center 55px;
}
.ili-5 .introduction-link-item-in {
    background: url(../imgs/page/int_gen_coin_off.png) no-repeat center 55px;
}
.ili-1:hover .introduction-link-item-in {
    background: url(../imgs/page/int_rank_on.png) no-repeat center 55px;
}
.ili-2:hover .introduction-link-item-in {
    background: url(../imgs/page/int_rank_us_on.png) no-repeat center 55px;
}
.ili-3:hover .introduction-link-item-in {
    background: url(../imgs/page/int_gen_on.png) no-repeat center 55px;
}
.ili-5:hover .introduction-link-item-in {
    background: url(../imgs/page/int_gen_coin_on.png) no-repeat center 55px;
}
.introduction-link-item .p-1{
    margin-bottom:14px;
    font-size:20px;
    letter-spacing:-0.05em;
    color:#555;
}
.introduction-link-item .p-2 {
    height:62px;
    padding:0 10px;
    font-size: 13px;
    letter-spacing: -0.05em;
    color: #696868;
    font-weight:300;
    line-height:120%;
}
.introduction-btn-2 {
    display: inline-block;
    min-width: 110px;
    padding: 0 18px;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    letter-spacing: -0.025em;
    color: #fff;
    background: #458fff;
}
.introduction-p-2 {
    margin-bottom: 20px;
    font-size: 20px;
    letter-spacing: -0.05em;
    color: #696868;
    font-weight: bold;
    text-align:center;
}
.introducton-slidedown-box{
    margin:0 auto;
    width:640px;
}
.introducton-slidedown-item {
    overflow:hidden;
    margin-bottom:20px;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}
.isi-top {
    position:relative;
    background:#fdfdfd;
    height:74px;
    cursor:pointer;
}
.isi-top p{
    padding:0 40px;
    line-height:74px;
}
.isi-top p span{   
    vertical-align:middle;
}
.isi-top p .num{
    margin-right:22px;
    font-size:26px;
    color:#458fff;
}
.isi-top p .text{
    font-size:14px;
    color:#696868;
}
.isi-top .isi-icon {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 42px;
    height: 100%;
    background: url(../imgs/page/ico_arr_down.png) no-repeat left center;
}
.isi-top.on .isi-icon{
    background: url(../imgs/page/ico_arr_up.png) no-repeat left center;
}
.isi-con {
    display:none;
    padding: 18px 76px;
    border-top: 1px solid #e0e0e0;
}
.isi-con li{
    font-size:16px;
    line-height:210%;
    color:#696868;
}
.isi-con span{
    vertical-align:middle;
}
.isi-con .num{
    display:inline-block;
    width:35px;
}
.greetings-box {
    padding-bottom: 35px;
    position: relative;
    background: url(../imgs/page/greetings_img_1.png) no-repeat right bottom;
}
.greetings-box p{
    margin-bottom:48px;
    width:69%;
    font-size: 16px;
    letter-spacing: -0.025em;
    color: #686868;
    line-height:140%;
    font-weight:300;
}
.greetings-list li{    
    font-size:14px;
    font-weight:700;
    color:#686868;
    letter-spacing:-0.02em;
    line-height:140%;
}
/* 게시판 */
.table-top{
    overflow:hidden;
    clear:both;
    margin-bottom:15px;
}
.table-top-l {
    float: left;
    width: 50%;
    font-weight: bold;
    color: #696868;
    font-size:20px;
    font-weight:bold;
    letter-spacing:-0.05em;
    line-height:30px;
}
.table-top-r{
    float:right;
    width:50%;
    text-align:right;
}
.table-search input {
    width: 100%;
    max-width: 210px;
    font-size: 14px;
    letter-spacing: -0.05em;
    color: #c5c5c5;
    height:30px;
    line-height: 28px;
    border: 1px solid #a3a3a3;
    text-align:left;
    background:#fff;
    text-indent:14px;
}
.btn-search {
    display: inline-block;
    height: 28px;
    width: 28px;
    border: 1px solid #a3a3a3;
    background: url(../imgs/common/ico_search.png) no-repeat center center;
}
.table-list{
    margin-bottom:30px;
}
.table-list .thead {
    overflow: hidden;
    padding: 19px 0;
    border-color: #a3a3a3;
    border-style:solid;
    border-width:1px 0 1px 0;
}
.table-list .thead .td {
    float:left;
    font-size: 14px;
    color: #686868;
    font-weight:bold;
    text-align:center;
}
.table-list .thead .td-left,
.table-list .tbody .td-left{
    width:84%;
    float:left;
}
.table-list .thead .td-right,
.table-list .tbody .td-right{
    width:16%;
    float:right;
}
.table-list .tbody {
    border-bottom: 1px solid #a3a3a3;
}
.table-list .tbody .tr{
    overflow:hidden;
    padding:18px 0;
    border-bottom:1px solid #e0e0e0;
    cursor:pointer;
}
.table-list .tbody .tr.last,
.table-list .tbody .tr:last-child{
    border-bottom:none;
}
.table-list .tbody .td {
    float:left;
    font-size: 14px;
    color: #686868;
    font-weight:bold;
}
.table-list .tbody .td-left{
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
    text-indent:24px;
}
.table-list .tbody .td-right{
    text-align:center;
}

.table-list-2 {
    width:100%;
    overflow:auto;
    margin-bottom:40px;
    border-top: 1px solid #a3a3a3;
}
.table-list-2 table{    
    min-width:780px;
}
.table-list-2 thead th {
    padding: 19px 0;
    font-size: 14px;
    color: #686868;
    font-weight:bold;
    text-align:center;
    border-bottom:1px solid #a3a3a3;
}
.table-list-2 tbody th,
.table-list-2 tbody td{
    font-size: 14px;
    color: #686868;
    font-weight:bold;
    padding:18px 0;
    border-bottom:1px solid #e0e0e0;
    text-align:center;
}
.table-list-2 tbody th{
    border-right:1px solid #e0e0e0;
}
.table-list-2 tbody td{
    padding-left:10px;
    padding-right:10px;
}
.table-list-2 tbody .text-left{
    text-align:left !important;
}
.table-list-2 .text-left{
    text-align:left !important;
}
.table-list-2 .text-right{
    text-align:right !important;
}
.table-list-2 tbody td.text-dis{
    font-size:18px;
    color:#468cff;
    background:url(../imgs/common/ico_arr.png) no-repeat 25px center;
}
/* 테이블 디테일 */
.table-detail{
    margin-bottom:30px;
}
.table-detail .thead {
    overflow: hidden;
    padding: 19px 0;
    border-color: #a3a3a3;
    border-style:solid;
    border-width:0 0 1px 0;
}
.table-detail .thead .td {
    float:left;
    color: #696868;
}
.table-detail .thead .td-left{
    width:84%;
    font-size:20px;
    letter-spacing:-0.05em;
    font-weight:bold;
}
.table-detail .thead .td-right{
    width:16%;
    padding-top:9px;
    font-size:14px;
    font-weight:300;
    text-align:right;
    vertical-align:baseline;
}
.table-detail .tbody .td {
    padding:30px 20px 60px 20px;
    overflow:hidden;
    min-height:200px;
}
.table-detail .tbody .td img{
    max-width:100% !important;
}
.table-detail .tfoot{
    overflow:hidden;
    border-style:solid;
    border-color:#a3a3a3;
    border-width:1px 0 1px 0;
}
.table-detail .tfoot .bbl{
    border-bottom:1px solid #e0e0e0;
}
.table-detail .tfoot .tr{
    overflow:hidden;
    padding:10px 0;
    cursor:pointer;
}
.table-detail .tfoot .td{
    line-height:16px;
}
.table-detail .tfoot .td-left{
    width:13%;
    float:left;
    text-align:center
}
.table-detail .tfoot .td-right{
    float:right;
    width:86%;
    font-size:14px;
    letter-spacing:-0.05em;
    color:#686868;
    font-weight:300;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
/* event table detail */
.table-detail .thead .td-left-1{
    float:left;
    width:70%;
    font-size:20px;
    letter-spacing:-0.05em;
    font-weight:bold;
    overflow:hidden;
    text-overflow:ellipsis; 
    white-space:nowrap;
    word-wrap:break-word;
}
.table-detail .thead .td-right-2,
.table-detail .thead .td-right-3{    
    padding-top:9px;
    font-size:14px;
    font-weight:300;
    text-align:right;
    vertical-align:baseline;
}
.table-detail .thead .td-right-2{
    width:22%;
    float:left;
}
.table-detail .thead .td-right-3{
    float:right;
    width:8%;
}
.table-detail .tfoot .td-left-2 {
    float: left;
    width: 57%;
    font-size: 14px;
    letter-spacing: -0.05em;
    color: #686868;
    font-weight: 300;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    overflow: hidden;
}
.table-detail .tfoot .td-right-2,
.table-detail .tfoot .td-right-3{   
    float:left;
    font-size:14px;
    color:#9c9c9c;
    letter-spacing:-0.05em;
}
.table-detail .tfoot .td-right-2{
    width:20%;
    text-align:right;
}
.table-detail .tfoot .td-right-3{
    width:10%;
    text-align:center;
}
.ico-next,
.ico-prev{
    display:inline-block;
    padding-left:19px;
    font-size:14px;
    letter-spacing:-0.05em;
    color:#9e9e9e;
    font-weight:300;
    cursor:pointer;
}
.ico-next{
    background:url(../imgs/common/ico_next.png) left center no-repeat;
}
.ico-prev{
    background:url(../imgs/common/ico_prev.png) left center no-repeat;
}
.event-ul li {
    font-size: 14px;
    color: #686868;
}
.event-title {
    padding-top:50px;
    margin-bottom:30px;
    font-weight: bold;
    color: #696868;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: -0.05em;
    line-height: 30px;
    text-align:center;
}
.event-banner{
    margin-bottom:20px;
}
.event-banner img{
    width:100%;
}

.event-title-2 {
    margin-bottom:20px;
    font-size: 20px;
    letter-spacing: -0.05em;
    color: #696868;
    font-weight:bold;
    text-align:center;
}
.event-title-2 .event-title-sub{
    display:block;
    font-size:12px;
    color:#458fff;
    line-height:110%;
}
.div-sort{
    overflow:hidden;
    margin-bottom:18px;
}
.div-sort .sort-select-box{
    display:none;
}
.div-sort .sort-select-box select{
    font-size:14px;
    letter-spacing:-0.05em;
    color:#a6a6a6;
    height:3.2rem;
    line-height:2rem;
    text-indent:1.6rem;
    padding-left:0;
    border:1px solid #dcdcdc;
    background:#fff;
}
.div-sort ul{
    float:right;
}
.div-sort li {
    float: left;
    display: inline-block;
    margin-left: 14px;
    padding-left: 14px;
    background:url(../imgs/page/ico_bar.png) no-repeat left center;
}
.div-sort li.first{
    margin-left:0;
    padding-left:0;
    background:none;
}
.div-sort li span {
    display:inline-block;
    font-size:14px;
    letter-spacing:-0.05em;
    font-weight: 300;
    color: #9c9c9c;
    line-height:110%;
    cursor: pointer;
}
.div-sort li span.on,
.div-sort li span:hover{
    font-weight:bold;
}
.event-list{
    overflow:hidden;
    margin-bottom:15px;
}
.event-item {
    display: inline-block;
    float: left;
    width: 32%;
    height: 275px;
    cursor:pointer;
}
.event-item:nth-child(3n +1),
.event-item.event-item-eq1{
    margin-right:2%;
}
.event-item:nth-child(3n),
.event-item.event-item-eq3{
    float:right;
}
.event-img-box {
    position: relative;
    height: 200px;
    margin-bottom:14px;
    border: 1px solid #e0e0e0;
}
.event-img,
.event-img img,
.event-img-mask,
.event-img-mask-dis{
    width: 100%;
    height: 100%;
}

.event-img-mask,
.event-img-mask-dis {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background: url(../imgs/page/mask_bg.png) repeat;
}
.event-img-mask p,
.event-img-mask-dis p{
    padding-top:87px;
    text-align:center;
}
.event-img-mask p span,
.event-img-mask-dis p span{
    display:inline-block;
    padding-bottom:7px;
    font-size:14px;
    font-weight:bold;
    color:#fff;    
    border-bottom:1px solid #fff;
}
.event-img-mask-dis p span{
    padding-bottom:0;
    border:none;
}
.event-item:hover .event-img-mask {
    display:block;
}
.event-item.disabled .event-img-mask-dis {
    display:block;
}
.event-item.disabled:hover .event-img-mask{
    display:none;
}
.event-item .p-1 {
    font-size: 14px;
    letter-spacing: -0.05em;
    color: #686868;
    line-height: 110%;
}
.event-item .p-2 {
    font-size: 12px;
    letter-spacing: -0.05em;
    color: #9c9c9c;
    line-height: 120%;
}
.no-event {
    padding:100px 0;
    margin-bottom: 20px;
    font-size: 36px;
    letter-spacing: -0.05em;
    color: #999;
    font-weight: bold;
    text-align: center;
    line-height:110%;
}
.no-event .no-event-p-1{
    margin-bottom:10px;
}
.no-event .no-event-p-2{
    font-size:18px;
    color: #458fff;
    line-height:110%;
}
/* 결제 약관 */
.terms-box-2 {
    overflow: hidden;
    margin-bottom: 20px;
}
.terms-box-2 h3{
    margin-bottom:10px;
}
.terms-box-2 .fl,
.terms-box-2 .fr{
    width:48%;
}
.terms-box-2 .tems-box-in {
    padding: 20px 20px 0 20px;
    border: 1px solid #ccc;
    height: 240px;
}
.terms-box-2 .fl .tems-box-in {
    overflow-y:auto;
}
.terms-bobox-agreex-2 p,
.terms-box-2 li {
    font-size: 13px;
    color: #888;
    letter-spacing: -0.04em;
    line-height: 140%;
}
.terms-box-2 li a{
    font-size:13px;
}
.terms-box-2 p{
    margin-bottom:20px;
}
.terms-box-2 li {
    padding-left:18px;
    text-indent: -18px;
}
.terms-box-2 .bg-box {
    padding: 16px 0;
    text-align: center;
    background: #f5f7f9;
}
.terms-box-2 .bg-box p{
    margin-bottom:0;
    font-size:16px;
    line-height:110%;
    letter-spacing:-0.04em;
    color: #f83838;
}
.box-agree {
    margin-bottom: 10px;
}
.text-agree{
    font-size: 13px;
    color: #333;
    padding-left: 6px;
    margin-right: 40px;
    letter-spacing: -0.5px;
}
/* pay complete */
.pay-complete {
    width: 100%;
    max-width:400px;
    padding: 60px 0;
    margin: 0 auto;
}
.pay-complete-title {
    border: 6px solid #177cd2;
    padding: 50px;
    text-align: center;
    margin-bottom: 60px;
}
.pay-complete-title .p-1{
    margin-bottom:12px;
    font-size:24px;
    letter-spacing:-0.04em;
    font-weight:bold;
    color:#177cd2;
    line-height:110%;
}
.pay-complete-title .p-2{
    font-size:15px;
    letter-spacing:-0.04em;
    color:#333;
    line-height:110%;
}
.pay-complete-table {
    margin-bottom: 40px;
    border-top: 1px solid #c4c6c7;
}
.pay-complete-table th,
.pay-complete-table td{
    padding:20px;
    border-bottom:1px solid #c4c6c7;
}
.pay-complete-table th{
    font-size:13px;
    color:#555;
    letter-spacing:0.04em;
    line-height:110%;
    background:#f5f7f9;
    text-align:right;
}
.pay-complete-table td{
    font-size:17px;
    color:#424242;
    letter-spacing:0.04em;
    font-weight:bold;
}
.btn-pay-complete {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    line-height: 50px;
    background: #458fff;
    text-align: center;
}
.tab-box-2 .faq-no-data {
    border-bottom: 1px solid #e5e5e5;
}
/* 채용 */
.content-rec{
    padding-top:0;
}
.rec-top {
    position:relative;
    height: 376px;
    background: url(../imgs/page/rec_bg_w.jpg) no-repeat center center;
    background-size:cover;
}
.rec-top-in {
    max-width: 800px;
    width: 100%;
    padding-top: 60px;
    margin: 0 auto;
    margin-bottom: 45px;
}
.rec-top-text-box {
    font-size: 40px;
    letter-spacing: 0.05em;
    line-height: 130%;
    color: #fff;
}
.rec-top-link-box{
    text-align:right;
}
.rec-top-link-p{
    margin-bottom:12px;
}
.rec-top-link-text {
    display: inline-block;
    font-size: 26px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color: #fff;
}
.rec-top-link-a {
    display:inline-block;
    width:53px;
    font-size: 18px;
    font-weight: 300;
    letter-spacing: -0.05em;
    color:#fff;
}
.rec-top-link-a-in{
    padding:6px 1px;
    border-bottom:1px solid #fff;
}
.rec-top-link-a em{
    font-size:26px;
    font-weight:bold;   
}
.rec-top-down {
    display:none;
    position: absolute;
    bottom: 0;
    left: 50%;
    padding-bottom: 30px;
    text-align: center;
    width: 300px;
    margin-left: -150px;
    background: url(../imgs/common/ico_scroll.png) no-repeat center bottom;
    animation-name: combtndown;
    animation-duration: 4s;
    animation-iteration-count: infinite;
}

.rec-top-down span{
    font-size: 10px;
    color: #fff;
    line-height:110%;
}

@keyframes combtndown{
    0% { opacity:0.3; }
    50% { opacity:1; }
    100% { opacity:0.3; }
}
.content-rec .content-in{
    position:relative;
    padding-top:45px;
}
.rec-main-top-text-1 {
    margin-bottom:27px;
    font-size: 28px;
    letter-spacing: -0.05em;
    color: #333d4b;
    line-height:130%;
}
.rec-main-top-text-2 {
    font-size: 16px;
    color: #696868;
    line-height: 140%;
}
.rec-link-box{
    margin-bottom:55px;
}
.rec-link-a {
    display: inline-block;
    padding: 15px 0;
    margin-right: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #458fff;
    letter-spacing: -0.05em;
}
.rec-link-a:last-child{
    margin-right:0;
}
.rec-radio-box{
    margin-bottom:18px;
}
.radio-style-1 {
    display: inline-block;
    height: 40px;
    line-height: 40px;
    padding: 0 22px;
    border-radius: 20px;
    color: #696868;
    font-size:16px;
    font-weight:bold;
    letter-spacing:-0.05em;
    margin-right:3px;
    background:none;
}
.radio-style-1.checked{
    color:#fff;
    background:#458fff;
}
.rec-table-1{

}
.rec-table-1 .tr{
    overflow:hidden;
    padding-left:25px;
    cursor:pointer;
}
.rec-table-1 .tr.on,
.rec-table-1 .tr:hover{
    background:#fafafa;
}
.rec-table-1 .td{
    display:inline-block;
    float:left;
    padding:19px 0;
    font-size:16px;
    letter-spacing:-0.05em;
    color:#807f7f;
}
.rec-table-1 .td-title{
    width:42%;
    font-weight:bold;
    color:#1a1a1a;
}
.rec-table-1 .td-career{
    width:16%;
    text-align:center;
}
.rec-table-1 .td-team{
    width:17%;
    text-align:center;
}
.rec-table-1 .td-date{
    width:24%;
}
.rec-no-data {
    padding-top:140px;
    font-size: 16px;
    color: #807f7f;
    letter-spacing:-0.05em;
    text-align:center;
}
.rec-h3 {
    line-height:110%;
    margin-bottom:28px;
    font-size: 28px;
    font-weight: bold;
    color: #333d4b;
    letter-spacing: -0.05em;
}
.rec-h3.type-2{
    margin-bottom:50px;
}
.rec-h4 {
    margin-bottom:25px;
    color: #696868;
    font-size: 16px;
    font-weight: bold;
    line-height: 140%;
}
.rec-text-1 {
    margin-bottom:20px;
    font-size: 16px;
    font-weight:300;
    color: #696868;
    line-height:130%;
}
.rec-text-2 {
    margin-bottom: 50px;
    font-size: 16px;
    color: #696868;
    line-height: 140%;
}
.rec-text-3 {
    margin-bottom: 20px;
    font-size: 14px;
    color: #696868;
    line-height: 140%;
}
.rec-text-4 {
    margin-bottom: 10px;
    font-size: 12px;
    color: #696868;
    line-height: 140%;
}
.rec-text-1 a {
    font-size: 16px;
    font-weight: 300;
}
.rec-text-3 a {
    font-size: 14px;
}
.rec-text-4 a {
    font-size: 14px;
}
.rec-qna-box {
    margin-bottom:20px;
}
.rec-qna-item {
    padding: 0 10px;
}
.rec-qna-item.on,
.rec-qna-item:hover{
    background: #fafafa;
}
.rec-qna-item-in {
    border-bottom: 1px solid #e5e8eb;
}
.rec-qna-title {
    position:relative;
    padding: 16px 0 16px 35px;
    font-size: 16px;
    font-weight: bold;
    color: #1a1a1a;
    letter-spacing:-0.05em;
    line-height:100%;
    cursor:pointer;
    line-height:150%;
}
.rec-qna-item.first .rec-qna-title,
.rec-qna-item:first-child .rec-qna-title{
    border-top: 1px solid #e5e8eb;
}
.rec-qna-title .span-q{
    position:absolute;
    left:15px;
    top:15px;
}
.rec-qna-con {
    display:none;
    padding:0 10px 18px 21px;
    font-size: 16px;
    color: #807f7f;
    letter-spacing:-0.05em;
    line-height:130%;

}
.rec-qna-item.on {
    background: #fafafa;
}
.rec-detail-wrap{
    overflow:hidden;
    padding-bottom:20px;
}
.rec-detail {
    float: left;
    width: 64%;
}
.rec-detail-right{
    float:right;
    width:34%;
}
.rec-table-2 {
    margin-bottom:30px;
}
.rec-table-2 tbody th,
.rec-table-2 tbody td {
    border-top: 1px solid #e0e3e6;
    font-size: 14px;
}
.rec-table-2 tbody th {
    color: #696868;
    text-align:left;
    vertical-align:top;
    padding:6px 0;
}
.rec-table-2 tbody td {
    font-weight:bold;
    color: #458fff;
    line-height: 230%;
}
.rec-btn-1,
.rec-btn-2 {
    display: inline-block;
    width: 100%;
    height:40px;
    line-height:40px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: bold;
    cursor:pointer;
    transition:0.4s all;
    text-align:center;
}
.rec-btn-1,
.rec-btn-2:hover {
    color: #fff;
    background: #458fff;
}
.rec-btn-2,
.rec-btn-1:hover{
    color: #458fff;
    background: #e8f2ff;
}
.rec-btn-3,
.rec-btn-4 {
    display: inline-block;
    width: 100%;
    height:50px;
    line-height:50px;
    border-radius: 8px;
    font-size: 16px;
    font-weight: bold;
    cursor:pointer;
    transition:0.4s all;
    text-align:center;
}
.rec-btn-3{
    color: #fff;
    background: #458fff;
}
.rec-btn-4{
    color: #458fff;
    background: #e8f2ff;
}
.rec-btn-box{
    margin-bottom:20px;
}
.rec-btn-box .rec-btn-1{
    margin-bottom:10px;
}
.rec-bot-fixed-btn{
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    height:190px;
    z-index:10;
    background:url(../imgs/page/rec_btn_mask.png) repeat left bottom;
}
.rec-bot-fixed-btn .rec-btn-3{
    position:absolute;
    width:88%;
    left:6%;
    bottom:25px;
}
.rec-bot-fixed-content{
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:110;
}
.rec-bfc-bg{
    width:100%;
    height:100%;
    background:url(../imgs/page/rec_bg.png) repeat;
}
.rec-bfc-in {
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 88%;
    padding: 40px 6% 25px 6%;
    background: #fff;
    border-top-left-radius: 28px;
    border-top-right-radius: 28px;
}
.rec-bfc-colse {
    position:absolute;
    left:0;
    top:10px;
    display:block;
    width:100%;
    height: 14px;
    background: url(../imgs/page/btn_bar.png) no-repeat center center;
    cursor: pointer;
}
.fec-bfc-btn-box{
    padding:0 10%;
    margin-bottom:30px;
}
.ql-editor{
    width:500px;
    max-width:100%;
    line-height:150% !important;
    font-size:14px;
}
.academy-recruit-section-in{
    max-width:1200px;
    margin:0 auto;    
}
.ars-1 {
    padding-top: 60px;
}
.ars-1 .academy-recruit-section-in {
    position:relative;
    height: 640px;
    padding-top: 45px;
}
.ars1-left{
    position:relative;
    z-index:10;
}
.ars1-left .p-1{
    margin-bottom:79px;
    font-size: 32px;
    font-weight: 700;
    color:#1a1a1a;
    line-height: 120%;
}
.ars1-left .p-2{
    margin-bottom:25px;
    font-size: 24px;
    font-weight:300;
    color:#000;
    line-height: 120%;
}
.ars1-left .ars1-btn{
    display:inline-block;
    width:250px;    
    height:60px;
    line-height:60px;
    font-size:20px;
    font-weight:700;
    color:#fff;
    background:#f83838;
    text-align:center;
    border-radius:5px;
}
.ars1-right{
    position:absolute;
    right:0;
    top:45px;
    width:800px;
    z-index:1;
}
.ars1-right img{
    position:absolute;
    opacity:0;
}
.ars1-right .ars1-img-1 {
    top:-20px;
    right:-30px;
}
.ars1-right .ars1-img-2 {
    top:358px;
    left:320px;
}
.ars1-right .ars1-img-3 {
    top:258px;
    left:-20px;
}
.ars1-right-slide{
    display:none;
    height:375px;
}
.ars1-right-slide-item{
    height:375px;
}
.ars1rsi-1{
    background:url(../imgs/page/academy_m_1.png) no-repeat center center;
    background-size:cover;
}
.ars1rsi-2 {
    background: url(../imgs/page/academy_m_2.png) no-repeat center center;
    background-size: cover;
}
.ars1rsi-3 {
    background: url(../imgs/page/academy_m_3.png) no-repeat center center;
    background-size: cover;
}
.ars-2 {
    background: #f83838;
}
.ars-2 .academy-recruit-section-in{
    max-width:1200px;
    margin:0 auto;
    padding:65px 0;
    overflow:hidden;
}
.ars2-title {
    float:left;
    width:28%;
    padding-top:19px;
    font-size:32px;
    font-weight:700;
    color:#fff;
    line-height:120%;
}
.ars2-item-wrap{
    float:right;
    width:71%;
}
.ars2-item {
    font-size: 20px;
    color: #fff;
    line-height: 120%;
    letter-spacing: -0.01em;
}
.ars2i-1 {
    float: left;
    width: 29%;
}
.ars2i-2 {
    float: left;
    width: 28%;
}
.ars2i-3 {
    float:right;
    width: 43%;
}
.ars-3 .academy-recruit-section-in,
.ars-3-2 .academy-recruit-section-in {
    max-width: 1200px;
    height: 418px;
    margin: 0 auto;
    padding: 120px 0 0 0;
    overflow: hidden;
}
.ars-3,
.ars-3-2{
    background: #f9f9f9;
}
.ars3-title,
.ars3-item{
    opacity:0;
    margin-top:20px;
}
.ars3-title {
    margin-bottom: 75px;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: -0.02em;
    text-align: center;
}
.ars3-item{
    float:left;
    width:33%;
}
.ars3-item .p-1,
.ars3-item .p-2{
    font-size:24px;
    letter-spacing:-0.025em;
    line-height:120%;
    text-align:center;
}
.ars3-item .p-1{
    margin-bottom:20px;
    font-weight:700;
    color:#1A1A1A;
}
.ars3-item .p-2{
    font-size:22px;
    font-weight:300;
    color:#262626;
}
.ars3-item .p-2 .sub{
    font-size:18px;
}
.ars-4{
    display:none;
    clear:both;
    overflow:hidden;
}
.ars-4 .academy-recruit-section-in {
    max-width: 1200px;
    margin: 0 auto;
    padding: 70px 0 70px 0;
    overflow: visible;
}
.ars4-title {
    margin-bottom:60px;
    font-size: 32px;
    font-weight: 700;
    line-height: 120%;
    text-align: right;
}
.ars4-slide {
    position:relative;
    width:1260px;
    margin-left:-30px;
}
.ars4-slide .slick-list{
    overflow:visible;
}
.ars4-slide .slick-slide{
    margin:0 30px;
}
.ars4-slide .slick-active{
    opacity:1;
}
.ars4-slide-item {
}
.ars4s-img{
    height:330px;
    margin-bottom:23px;
}
.ars4s-text-1,
.ars4s-text-2{
    font-size:24px;
    line-height:120%;
    letter-spacing:-0.025em;
    text-align:right;
}
.ars4s-text-1{
    margin-bottom:25px;
    font-weight:700;
}
.ars4s-text-2 {
    font-weight: 300;
}
.ars-5 {
    padding:70px 0;
    overflow:hidden;
}
.ars5-title{
    margin-bottom:75px;
    font-size:32px;
    font-weight:700;
    letter-spacing:-0.02em;
}
.ars5-item{
    float:left;
    width:33%;
}
.ars5i-img {
    height: 238px;
}
.ars5i-1 .ars5i-img{
    background:url(../imgs/page/academy_icn_1.png) no-repeat center center;
}
.ars5i-2 .ars5i-img {
    background: url(../imgs/page/academy_icn_2.png) no-repeat center center;
}
.ars5i-3 .ars5i-img {
    background: url(../imgs/page/academy_icn_3.png) no-repeat center center;
}
.ars5-item .p-1,
.ars5-item .p-2 {
    font-size: 24px;
    letter-spacing: -0.025em;
    line-height: 120%;
    text-align: center;
}
.ars5-item .p-1{
    margin-bottom:25px;
    font-weight:700;
    color:#1A1A1A;
}
.ars5-item .p-2{
    font-size:22px;
    font-weight:300;
    color:#262626;
}
.ars-6 {
    padding:70px 0 140px 0;
    overflow:hidden;
}
.ars6-title{
    margin-bottom:75px;
    font-size:32px;
    font-weight:700;
    letter-spacing:-0.02em;
    text-align:center;
}
.ars6-item{
    float:left;
    width:33%;
}
.ars6i-img {
    height: 197px;
}
.ars6i-1 .ars6i-img {
    background:url(../imgs/page/academy_icn_4.png) no-repeat center center;
}
.ars6i-2 .ars6i-img {
    background: url(../imgs/page/academy_icn_5.png) no-repeat center 40px;
}
.ars6i-3 .ars6i-img {
    background: url(../imgs/page/academy_icn_6.png) no-repeat center 40px;
}
.ars6-item .p-1,
.ars6-item .p-2{
    font-size:24px;
    letter-spacing:-0.025em;
    line-height:120%;
    text-align:center;
}
.ars6-item .p-1{
    margin-bottom:25px;
    font-weight:700;
    color:#1A1A1A;
}
.ars6-item .p-2{
    font-size:22px;
    font-weight:300;
    color:#262626;
}
.ars-7{
    background:#f83838;
}
.ars-7 .academy-recruit-section-in{
    max-width:1200px;
    margin:0 auto;
    padding:65px 0;
    overflow:hidden;
}
.ars7-title {
    float:left;
    width:49%;
    font-size:32px;
    font-weight:700;
    color:#fff;
    line-height:120%;
}
.ars7-btn-box {
    float:right;
    width: 49%;
    text-align:right;
}
.ars7-btn {
    display: inline-block;
    width: 270px;
    height: 60px;
    line-height: 60px;
    font-size: 20px;
    font-weight: 700;
    background: #fff;
    color: #f83838;
    text-align: center;
    border-radius: 5px;
}
/* 마이뉴지 mynewsy new */
.acc-style-1 .acc-head{
    cursor:pointer;
}
.acc-style-1 .acc-con {
    display:none;
}
.div-style-1{
    position: relative;
    overflow: hidden;
    border-bottom:1px solid #e5e5e5;
}
.div-style-1 .div-style-1-l {
    padding:17px 150px 13px 27px;
    font-weight:700;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.03em;
    line-height:110%;
}
.div-style-1 .ds1-txt-1 {
    display:block;
    margin-bottom:4px;
    line-height:130%;
}
.div-style-1 .ds1-txt-1 .link{
    display:inline-block;
    text-decoration:underline;
}
.div-style-1 .ds1-txt-2{
    color:#458fff;
}
.div-style-1 .ds1-txt-3{
    margin-right:18px;
}
.div-style-1 .ds1-txt-4{
    font-weight:400;
}
.div-style-1 .div-style-1-r {
    display:table;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:130px;
    border-left:1px solid #e5e5e5;
}
.div-style-1 .div-style-1-r p{
    display:table-cell;
    width:100%;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.03em;
}
.div-style-2 {
    background: #f6f6f7;
    padding: 15px 0;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.03em;
    line-height: 190%;
    border-bottom: 1px solid #e5e5e5;
}
.div-style-2-in{
    width:500px;
    max-width:88%;
    background:#fff;
    padding:10px 0 7px 0;
    margin:0 auto;
    border-radius:5px;
}
.div-style-2-section {
    padding-left: 25px;
    padding-right: 25px;
}
.div-style-2 .ds2s-1 {
    margin-bottom: 7px;
    font-weight: 700;
    text-indent: 10px;
}
.div-style-2 .ds2s-1 p{
    padding-bottom:9px;
    border-bottom:1px solid #e5e5e5;
}
.div-style-2 .ds2s-2 {
    margin-bottom:7px;
}
.div-style-2 .ds2s-2 li{
    overflow:hidden;
}
.div-style-2 .ds2s-txt-alert {
    padding-left:22%;
    margin:0 10px 11px 0;
    text-align:right;
    font-size:12px;
    line-height:130%;
    letter-spacing:-0.03em;
    color:#f83838;
}
.div-style-2 .ds2s-2 .ds2s-label {
    float: left;
    margin-left: 10px;
}
.div-style-2 .ds2s-2 .ds2s-value{
    float:right;
    margin-right:10px;
}
.div-style-2 .ds2s-line {
    position: relative;
    height: 8px;
    margin-bottom:5px;
}
.div-style-2 .ss2s-trangle-l {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border: 10px;
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid #f6f6f7;
    border-right: 8px solid transparent;
}
.div-style-2 .ss2s-trangle-r {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -8px;
    border: 10px;
    width: 0;
    height: 0;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 8px solid transparent;
    border-right: 8px solid #f6f6f7;
}
.div-style-2 .ss2s-line-in {
    position: absolute;
    left: 5%;
    top: 50%;
    width:90%;
    border-bottom:1px dashed #d9d9d9;
}
.div-style-3{
    position: relative;
    overflow: hidden;
    border-bottom:1px solid #e5e5e5;
}
.my-table .div-style-3.disabled p, 
.my-table .div-style-3.disabled span{
    color:#cfcfcf !important;
}
.div-style-3 .div-style-3-l {
    display:table;
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:130px;
    border-right:1px solid #e5e5e5;
}
.div-style-3 .div-style-3-l p{
    display:table-cell;
    width:100%;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.03em;
}
.div-style-3 .div-style-3-c {
    padding:17px 150px 11px 157px;
    font-weight:700;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.03em;
    line-height:150%;
}
.div-style-3 .div-style-3-c.type-2{
    padding-left:26px;
}
.div-style-3 .ds3-txt-1 {
    display:block;
    margin-bottom:4px;
    line-height:130%;
}
.div-style-3 .ds3-txt-2,
.div-style-3 .ds3-txt-3,
.div-style-3 .ds3-txt-4,
.div-style-3 .ds3-txt-5{
    font-weight:400;
}
.div-style-3 .ds3-txt-2 {
    margin-right: 29px;
}
.div-style-3 .num,
.div-style-3 .won{
    font-weight:700;
}
.div-style-3 .num{
    color:#458fff;
}
.div-style-3 .ds3-txt-3{
    margin-right:18px;
}
.div-style-3 .ds3-txt-5 .link{
    color:#458fff;
    text-decoration:underline;
    cursor:pointer;
}
.div-style-3 .div-style-3-r {
    display:table;
    position:absolute;
    right:0;
    top:0;
    height:100%;
    width:130px;
    border-left:1px solid #e5e5e5;
}
.div-style-3 .div-style-3-r p{
    display:table-cell;
    width:100%;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    font-weight:700;
    color:#658fff;
    letter-spacing:-0.03em;
}
.my-table .div-style-3.disabled .num,
.my-table .div-style-3.disabled .won {
    font-weight: 400;
}
.mt-btn-3 {
    display: inline-block;
    min-width: 60px;
    height:25px;
    line-height:25px;
    padding:0 5px;
    font-size: 14px;
    color: #fff;
    letter-spacing: -0.025em;
    background: #458fff;
    border: 1px solid #458fff;
    border-radius: 4px;
    cursor: pointer;
    text-align: center;
}
/* 제휴문의 */
.sub-visual{
    position:relative;
    height:376px;
    margin-bottom:45px;
    background:url(../imgs/page/visual_1_w.jpg) no-repeat center center;
    background-size:cover;
}
.sub-visual .sub-visual-in{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:10;
    background:url(../imgs/common/bg_transparency.png) repeat;
}
.sub-visual .sub-visual-txt{
    padding-top:113px;
    width:790px;
    max-width:100%;
    margin:0 auto;
    color:#fff;
}
.sub-visual .sub-visual-txt-1{
    margin-bottom:32px;
    font-weight:700;
    font-size:52px;
    line-height:110%;
}
.sub-visual .sub-visual-txt-2{
    font-size:18px;
    line-height:143%;
    letter-spacing:-0.03em;
}
.form-div .form-li {
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}
.form-div .form-label {
    position: absolute;
    left: 0;
    top: 0;
    line-height: 50px;
}
.form-div .form-label-in-check {
    line-height: 34px;
}
.form-div .form-label .point{
    position:relative;
    display:inline-block;
    font-weight:700;
    font-size:16px;
    color:#333;
    letter-spacing:-0.03em;
}
.form-div .form-label .point-ico{
    position:absolute;
    right:-11px;
    top:4px;
    font-size:18px;
    color:#f83838;
}
.form-div .form-value{
    padding-left:151px;
}
.form-div .form-value .check .check-text{
    margin-right:15px;
}
.form-div .form-check-group{
    padding:7px 0 8px 0;
}
.form-div .terms-box {
    border-radius:3px;
    border-color:#dcdcdc;
}
.form-div .input-size-1 {
    width: 193px;
}
.form-div .textarea-size-1 {
    overflow: hidden;
    height: 150px;
    width:100%;
}
.form-div .form-last-check-group{
    margin-bottom:50px;
}
/* 제휴 랜딩 */
/* section 1*/
.alliance-section-1{
    overflow:hidden;
}
.alliance-section-1 .alliance-section-in {
    position: relative;
    height:1074px;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
}
.alliance-section-1 .as-1-txt-box {
    position: absolute;
    left: 20px;
    top: 281px;
    width: 100%;
    color: #262626;
    z-index: 10;
}
.alliance-section-1 .as-1-txt-1{
    margin-bottom:24px;
    font-size:26px;
    letter-spacing:-0.03em;
    line-height:150%;
}
.alliance-section-1 .as-1-txt-2 {
    margin-bottom: 39px;
    font-weight:700;
    font-size: 60px;
    letter-spacing: -0.03em;
    line-height: 120%;
}
.alliance-section-1 .as-1-txt-2 .point {
    padding: 0 6px 0 0;
    display: inline-block;
    background: url(../imgs/page/ico_point_1.jpg) no-repeat right bottom;
}
.alliance-section-1 .as-1-txt-3 {
    font-size: 24px;
    letter-spacing: -0.03em;
    line-height: 130%;
}
.alliance-section-1 .as-1-txt-3 .as-1-txt-link{
    display:inline-block;
    border-bottom:1px solid #262626;
    cursor:pointer;
}
.alliance-section-1 .as-1-visual-box {
    position: absolute;
    left:50%;
    width: 50%;
    top:0;
    height: 100%;
    color: #262626;
    z-index: 1;
}
.alliance-section-1 .as-1-visual-box-mo{
    display:none;
}
.alliance-section-1 .as1-visual-item {
    position: absolute;
    width: 230px;
    height: 540px;
}
.alliance-section-1 .as1-visual-item .as1-visual-item-in{
    height:100%;
}
.alliance-section-1 .as1-visual-item-1 {
    top: 285px;
    left:-130px;
}
    .alliance-section-1 .as1-visual-item-1 .as1-visual-item-in {
        width: 443px;
        background: url(../imgs/page/img_all_1_240711.png) no-repeat right top;
        background-size: 443px auto;
    }
.alliance-section-1 .as1-visual-item-2 {
    top: 134px;
    left: 271px;
}
.alliance-section-1 .as1-visual-item-2 .as1-visual-item-in {
    width: 100%;
    background: url(../imgs/page/img_all_2.png) no-repeat right top;
    background-size:230px auto;
}
.alliance-section-1 .as1-visual-item-3 {
    top: 564px;
    left: 271px;
}
.alliance-section-1 .as1-visual-item-3 .as1-visual-item-in {
    width: 100%;
    background: url(../imgs/page/img_all_3.png) no-repeat right top;
    background-size:230px auto;
}
.alliance-section-1 .as1-visual-item-4 {
    top: 0;
    left: 526px;
}
.alliance-section-1 .as1-visual-item-4 .as1-visual-item-in {
    width: 100%;
    background: url(../imgs/page/img_all_4.png) no-repeat left top;
    background-size:230px auto;
}
.alliance-section-1 .as1-visual-item-5 {
    top: 373px;
    left: 526px;
}
.alliance-section-1 .as1-visual-item-5 .as1-visual-item-in {
    width: 347px;
    margin-left:-10px;
    background: url(../imgs/page/img_all_5.png) no-repeat left top;
    background-size:347px auto;
}
/* section 2 */
.alliance-section-2 {
    overflow:hidden;
    position:relative;
}
.alliance-section-2 .alliance-section-2-bg-group {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}
.alliance-section-2 .alliance-section-2-bg-1{
     height:380px;
     background:#f6f7f9;
}
.alliance-section-2 .alliance-section-2-bg-2 {
    height: 530px;
    background: linear-gradient(144deg, #3C80FD 0%, #0C61FF 100%);
}
.alliance-section-2 .alliance-section-2-bg-3 {
    height: 250px;
    background: url(../imgs/page/img_all_s2_bg.png) no-repeat center 53px;
}
.alliance-section-2 .alliance-section-in {
    position:relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    z-index:10;
}
.alliance-section-2 .section-2-item{
    position:relative;
}
.alliance-section-2 .section-2-item-1{
    height:380px;
}
.alliance-section-2 .section-2-item-2,
.alliance-section-2 .section-2-item-3{
    height:530px;
}
.alliance-section-2 .as2-item-txt-group{
    position:absolute;
    top:140px;
    left:101px;
}
.alliance-section-2 .as2-item-img{
    position:absolute;
    right:-200px;
    bottom:-157px;
    width:1000px;
    height:500px;
}
.alliance-section-2 .section-2-item-1 .as2-item-img{
    background:url(../imgs/page/img_all_s2_1.png) no-repeat right bottom;
    background-size:auto 471px;
}
.alliance-section-2 .section-2-item-2 .as2-item-img{
    right:auto;
    left:-89px;
    width:700px;
    height:609px;
    background:url(../imgs/page/img_all_s2_2.png) no-repeat left bottom;
    background-size:auto 639px;
}
    .alliance-section-2 .section-2-item-3 .as2-item-img {
        bottom: -108px;
        right: -221px;
        background: url(../imgs/page/img_all_s2_3_240711.png) no-repeat right bottom;
        background-size: auto 471px;
    }
.alliance-section-2 .as2-item-txt-group .as2-item-num {
    position: absolute;
    left: 2px;
    top: -43px;
    z-index: 1;
    width:98px;
}
.alliance-section-2 .as2-item-txt-group .as2-item-num-2{
    width:114px;
}
.alliance-section-2 .as2-item-txt-group .as2-item-num-3{
    width:113px;
}
.alliance-section-2 .as2-item-txt-group .as2-item-num img{
    width:100%;
}
.alliance-section-2 .as2-item-txt-group .as2-item-txt-1 {
    position:relative;
    margin-bottom:12px;
    font-weight: 700;
    font-size: 50px;
    color: #262626;
    letter-spacing: -0.03em;
    line-height: 120%;
    z-index:10;
}
.alliance-section-2 .as2-item-txt-group .as2-item-txt-2 {
    font-size: 21px;
    color: #5e5e5e;
    letter-spacing: -0.03em;
    line-height: 150%;
}
.alliance-section-2 .section-2-item-2 .as2-item-txt-group{
    top:303px;
    left:auto;
    right:138px;
    text-align:right;
}
.alliance-section-2 .section-2-item-2 .as2-item-num{
    left:auto;
    right:0;
    color: #4b8aff;
}
.alliance-section-2 .section-2-item-2 .as2-item-txt-group .as2-item-txt-1,
.alliance-section-2 .section-2-item-2 .as2-item-txt-group .as2-item-txt-2{
    color:#fff;
}
.alliance-section-2 .section-2-item-3 .as2-item-txt-group{
    top:316px;
}
/* section 3 */
.alliance-section-3 {
    overflow: hidden;
    width: 100%;
    padding: 89px 0 50px 0;
    background: #f6f7f9;
}
.alliance-section-3 .alliance-section-in{
    position:relative;
    max-width:1240px;
    margin:0 auto;
    overflow:hidden;
}
.alliance-section-3 .section-3-title {
    float:left;
    width:40%;
    margin-left:20px;
}
.alliance-section-3 .section-3-title .section-3-p-1{
    margin-bottom:15px;
    font-weight:700;
    font-size:30px;
    color:#3c80fd;
    letter-spacing:-0.03em;
    line-height:110%;
}
.alliance-section-3 .section-3-p-2{
    font-size:18px;
    color:#5e5e5e;
    line-height:150%;
    letter-spacing:-0.03em;
}
.alliance-section-3 .section-3-item-group {
    float: right;
    width: 50%;
}
.alliance-section-3 .section-3-item {
    margin-bottom: 46px;
}
.alliance-section-3 .section-3-item .section-3-p-1 {
    position: relative;
    padding-left: 18px;
    font-weight: 700;
    font-size: 22px;
    color: #0e0e0e;
}
.alliance-section-3 .section-3-item .section-3-p-1:after{
    display:block;
    content:'';
    position:absolute;
    left:0;
    top:13px;
    width:7px;
    height:7px;
    border-radius:4px;
    background:#3c80fd;
}
.alliance-section-3 .section-3-item .section-3-p-2{
    padding-left:18px;
}
/* section 4 */
.alliance-section-4 {
    padding: 71px 0 65px 0;
    text-align: center;
    background: #233145;
}
.alliance-section-4 .alliance-section-4-txt{
    margin-bottom:26px;
    font-size:28px;
    color:#fff;
    line-height:110%;
    letter-spacing:-0.03em;
}
.alliance-4-btn {
    display: inline-block;
    width: 188px;
    height: 52px;
    line-height: 52px;
    border-radius: 5px;
    font-weight: 700;
    font-size: 18px;
    color:#fff;
    background:#3c80fd;
    text-align: center;
    cursor: pointer;
}
/* section fixed btn */
.alliance-floating-box {
    position: fixed;
    left: 0;
    bottom: 40px;
    width: 100%;
    z-index: 50;
}
.alliance-floating-box .alliance-floating-box-in {
    position:relative;
    width: 1020px;
    height: 72px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
}
.alliance-floating-box .alliance-fixed-txt {
    padding: 25px 0 0 25px;
}
.alliance-floating-box .alliance-fixed-tag,
.alliance-floating-box .alliance-fixed-txt-1 {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
}
.alliance-floating-box .alliance-fixed-tag {
    border-radius: 3px;
    width:55px;
    height:22px;
    line-height:22px;
    margin-right: 5px;
    font-weight:600;
    font-size:12px;
    letter-spacing:-0.03em;
    color: #3c80fd;
    background: #d3e5ff;
    text-align:center;
}
.alliance-floating-box .alliance-fixed-txt-1 {
    padding-left: 3px;
    font-size: 18px;
    color: #231815;
}
.alliance-floating-box .alliance-fixed-btn {
    position:absolute;
    right:15px;
    top:14px;
    width:166px;
    height:44px;
    line-height:44px;
    font-weight:700;
    font-size:14px;
    color:#fff;
    border-radius:5px;
    background:#3c80fd;
    text-align:center;
    cursor:pointer;
}
/* 마이쿠폰 내쿠폰 */
.sub-nav {
    position: relative;
    margin-bottom: 30px;
}
.sub-nav p{
    display:inline-block;
    padding-left:16px;
    font-weight:700;
    font-size:20px;
    color:#696868;
    letter-spacing:-0.03em;
    line-height:110%;
    cursor:pointer;
}
.sub-nav .sub-nav-ico{
    position:absolute;
    left:-3px;
    top:50%;
    width:9px;
    height:9px;
    margin-top:-4px;
    background:url(../imgs/common/sub_nav_arr.png) no-repeat left top;
}
.mycoupon-section-1 {
    padding: 17px 0 16px 0;
    margin-bottom: 12px;
    background: #f6f6f7;
    text-align: center;
}
.mycoupon-section-1 input[type=text].mycoupon-input-search {
    display:inline-block;
    width: 286px;
    height: 37px;
    line-height: 35px;
    margin-right:8px;
    font-size:12px;
    letter-spacing:-0.03em;
    border: 1px solid #dcdcdc;
    background: #fff;
    text-indent:11px;
    cursor:pointer;
    text-align:left;
}
.mycoupon-section-1 input[type=text].mycoupon-input-search::placeholder{
    color:#cbcbcb;
}
.mycoupon-section-1 .mycoupon-btn-search{
    display:inline-block;
    width:116px;
    height:35px;
    line-height:35px;
    font-weight:700;
    font-size:14px;
    color:#fff;
    letter-spacing:-0.03em;
    text-align:center;
    border: 1px solid #707070;
    background: #323743;
    cursor:pointer;
    vertical-align:middle;
}
.mycoupon-section-2{
    margin-bottom:27px;
}
.mycoupon-section-2 li {
    position: relative;
    padding-left: 11px;
    font-size: 12px;
    color: #696868;
    line-height: 130%;
}
.mycoupon-section-2 li .point{
    position:absolute;
    left:1px;
    top:3px;
}
.mycoupon-head-table {
    overflow:hidden;
    padding-top: 16px;
    height:32px;
    background: #f6f6f7;
    border-style: solid;
    border-color: #a5a5a5;
    border-width: 1px 0 1px 0;
}
.mycoupon-head-th {
    float: left;
    display: inline-block;
    font-weight:500;
    font-size:16px;
    color:#696868;
    line-height:110%;
}
.mycoupon-head-th-1 {
    width: 60%;
    text-indent:23px;
}
.mycoupon-head-th-2{
    width:11%;
    text-align:left;
}
.mycoupon-head-th-3 {
    width: 17%;
    text-align: center;
}
.mycoupon-head-th-4 {
    float: right;
    width: 12%;
    text-align: center;
}
.mycoupon-body{
    min-height:470px;
    margin-bottom:30px;
}
.mycoupon-body .acc-item-no{
    padding:136px 0 150px 0;
    font-size:14px;
    color:#696868;
    letter-spacing:-0.03em;
    text-align:center;
    border-bottom:1px solid #a5a5a5;
}
.mycoupon-body .acc-head {
    overflow: hidden;
    cursor: pointer;
}
.mycoupon-body .mycoupon-body-td {
    height:60px;
    float: left;
    display: table;
    font-size: 14px;
    color: #696868;
    line-height: 138%;
}
.mycoupon-body .mycoupon-body-cell{
    display:table-cell;
    vertical-align:middle;
}
.mycoupon-body .acc-head{
    overflow:hidden;
    border-bottom:1px solid #e5e5e5;
}
.mycoupon-body .mycoupon-body-td-1 {
    width: 60%;
    letter-spacing:-0.03em;
}
.mycoupon-body .mycoupon-body-td-1 .mycoupon-body-cell{
    padding:0 55px 0 23px;
}
.mycoupon-body .mycoupon-text-over{
    overflow:hidden;
    max-height:37px;
}
.mycoupon-body .mycoupon-body-td-2 {
    width: 11%;
    font-weight:700;
    color:#458fff;
}
.mycoupon-body .mycoupon-body-td-3 {
    width: 17%;
    text-align:center;
}
.mycoupon-body .mycoupon-body-td-4 {
    float: right;
    width: 12%;
    text-align: center;
}
.mycoupon-body .mycoupon-body-td-4 .acc-arr-ico{
    display:inline-block;
    min-height:12px;
    min-width:12px;
    background:url(../imgs/page/coupon_ico_arr.png) no-repeat center center;
    transition: all ease 0.4s;
}
.mycoupon-body .acc-head.on .mycoupon-body-td-4 .acc-arr-ico {
    transform: rotate( 180deg );
}
.mycoupon-body .mycoupon-body-td-4 .acc-arr-ico-txt {
    display:none;
}
.mycoupon-body .acc-con{
    display:none;
    border-bottom:1px solid #e5e5e5;
}
.mycoupon-body .acc-con-form {
    padding: 27px 23px;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.03em;
    line-height: 150%;
}
.join-clear-box {
    width:100%;
    max-width: 612px;
    padding:30px 0 36px 0;
    margin: 0 auto;
    margin-bottom: 30px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
}
.join-clear-box-in{
    padding:0 35px;
}
.join-clear-txt-1 {
    margin-bottom: 15px;
    font-weight: 700;
    font-size: 18px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.join-clear-txt-2 {
    margin-bottom: 48px;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.join-clear-txt-3 {
    margin-bottom: 16px;
    font-weight: 700;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.join-clear-list{
    margin-bottom:25px;
}
.join-clear-list li {
    font-weight: 500;
    font-size: 14px;
    color: #696868;
    letter-spacing: -0.025em;
    line-height: 130%;
}
.join-clear-coupon-box {
    height: 259px;
    background: url(../imgs/page/join_clear_bg_1.png) no-repeat left 33px;
}
.join-clear-coupon-box-in {
    height:100%;
    background: url(../imgs/page/join_clear_bg_2.png) no-repeat right 33px;
}
.join-clear-coupon {
    height: 100%;
    background: url(../imgs/page/join_clear_img_1.png) no-repeat center top;
    background-size:auto 237px;
}

/* 1200 미만 */
@media (max-width: 1199px) {
    .ars-1 .academy-recruit-section-in {
        height: auto;
    }
    .ars1-left .p-1 {
        padding: 0 9% 15px 9%;
        margin-bottom: 0;
        font-size: 30px;
    }
    .ars1-left .p-2 {
        padding: 0 9% 40px 9%;
        margin-bottom: 0;
        font-size: 30px;
        font-size: 18px;
    }
    .ars1-btn-box {
        padding: 0 9% 30px 9%;
    }
    .ars1-left .ars1-btn {
        width: 212px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    .ars1-right {
        display: none;
    }
    .ars1-right-slide {
        display: block;
    }
    .ars-2 .academy-recruit-section-in {
        padding: 30px 9%;
    }
    .ars2-title {
        width: 49%;
        padding-top: 0;
        font-size: 30px;
    }
    .ars2-title .p-1 {
        display: block;
        margin-bottom: 19px;
    }
    .ars2-item-wrap {
        width: 50%;
    }
    .ars2-item {
        clear: both;
        width: 100%;
        margin-bottom: 44px;
        font-size: 14px;
    }
    .ars2-item:last-child {
        margin-bottom: 0;
    }
    .ars-3 .academy-recruit-section-in,
    .ars-3-2 .academy-recruit-section-in {
        height: auto;
        padding: 55px 0 0 0;
    }

    .ars3-title {
        margin-bottom: 54px;
        font-size: 30px;
    }

    .ars3-item {
        clear: both;
        float: none;
        width: 88%;
        margin: 0 auto;
    }
    .ars3-item .p-1,
    .ars3-item .p-2 {
        font-size: 18px;
    }
    .ars3-item .p-1 {
        margin-bottom: 20px;
    }
    .ars3-item .p-2 {
        margin-bottom: 50px;
    }
    .ars3-item .p-2 .sub {
        font-size: 14px;
    }
    .ars-4 .academy-recruit-section-in {
        padding: 50px 0 50px 0;
    }
    .ars4-title {
        padding-right: 9%;
        font-size: 30px;
    }
    .ars4-slide {
        width: 100%;
        margin-left: 0;
    }
    .ars4-slide .slick-slide {
        margin: 0;
        opacity: 1;
    }
    .ars4-slide-item {
        position: relative;
        background: #fff;
        min-height: 330px;
    }
    .ars4s-img {
        position: absolute;
        width: 140px;
        right: 0;
        top: 0;
    }
    .ars4s-text-1,
    .ars4s-text-2 {
        font-size: 18px;
        padding-right: 153px;
        margin-left: 9%;
    }
    .ars4-slide {
        height: 352px;
    }
    .ars4-slide .slick-dots li,
    .ars6-slide .slick-dots li {
        width: auto;
        height: auto;
        margin: 0 3px;
    }
    .ars4-slide .slick-dots li button,
    .ars6-slide .slick-dots li button {
        width: 6px;
        height: 6px;
        padding: 0;
        border-radius: 6px;
        background: #e5e5e5;
        transition: all 0.4s;
    }
    .ars4-slide .slick-dots .slick-active button,
    .ars6-slide .slick-dots .slick-active button {
        width: 20px;
        background: #f83838;
    }
    .ars4-slide .slick-dots button:before,
    .ars6-slide .slick-dots button:before {
        display: none;
    }
    .ars-5 {
        padding: 50px 0 60px 0;
    }
    .ars5-title {
        padding: 0 9%;
        font-size: 30px;
        margin-bottom: 50px;
    }
    .ars5-item {
        float: none;
        clear: both;
        width: 88%;
        margin: 0 auto;
    }
    .ars5-item .p-1, .ars5-item .p-2 {
        font-size: 18px;
    }
    .ars-6 {
        padding: 50px 0 50px 0;
    }
    .ars6-title {
        font-size: 30px;
        margin-bottom: 0;
    }
    .ars6-item .p-1,
    .ars6-item .p-2 {
        font-size: 18px;
    }
    .ars6-item .p-1 {
        margin-bottom: 20px;
    }
    .ars7-title,
    .ars7-btn-box {
        clear: both;
        float: none;
        width: 100%;
        text-align: center;
    }
    .ars7-title {
        margin-bottom: 20px;
        font-size: 30px;
    }
    .ars7-btn {
        width: 212px;
        height: 50px;
        line-height: 50px;
        font-size: 20px;
    }
    /* 마이뉴지 mynewsy new */
    .div-style-1 {
        padding-top: 33px;
    }
    .div-style-1 .div-style-1-l {
        padding-right:15px;
        padding-left: 15px;
        padding-bottom: 15px;
    }
    .div-style-1 .ds1-txt-1 {
        margin-bottom: 10px;
    }
    .div-style-1 .div-style-1-r {
        right: auto;
        left: 15px;
        top: 12px;
        border: none;
        height: 23px;
        width: 56px;
        background: #458fff;
        border-radius: 4px;
    }
    .div-style-1 .div-style-1-r p {
        font-size: 12px;
        color: #fff;
        line-height: 23px;
    }
    .div-style-2 {
        padding-top: 19px;
        padding-bottom: 19px;
    }
    .div-style-2-in{
        padding-bottom:4px;
    }
    .div-style-2 .ds2s-1 {
        text-indent: 4px;
    }
    .div-style-2 .ds2s-txt-alert {
        padding-left: 31%;
    }
    .div-style-2 .ds2s-2 .ds2s-label{
        margin-left:4px;
    }
    .div-style-2 .ds2s-2 .ds2s-value{
        margin-right:5px;
    }
    .tab-box-2 .acc-item:last-child .div-style-1,
    .tab-box-2 .acc-item:last-child .div-style-2 {
        border-bottom: 0;
    } 
    .div-style-3 .div-style-3-l {
        right: auto;
        left: 15px;
        top: 12px;
        border: none;
        height: 23px;
        width: 56px;
        background: #458fff;
        border-radius: 4px;
    }
    .div-style-3 .div-style-3-l p {
        font-size: 12px;
        color: #fff;
        line-height: 23px;
    }
    .div-style-3 .div-style-3-c {
        padding: 50px 15px 22px 15px;
    }
    .div-style-3 .div-style-3-c.type-2{
        padding-top:22px;
        padding-left:15px;
    }
    .div-style-3 .ds3-txt-1 {
        margin-bottom: 9px;
    }
    .div-style-3 .div-style-3-r {
        display: block;
        margin-bottom: 22px;
        position: static;
        padding-left: 15px;
        text-align: left;
        line-height: 110%;
        border-left:0;
    }
    .div-style-3 .div-style-3-r p {
        font-size: 20px;
    }
    .div-style-3.disabled .div-style-3-l {
        background-color: #cfcfcf;
    }
    .div-style-3.disabled .div-style-3-l p {
        color: #fff !important;
    }
    .div-style-3 .ds3-txt-5{
        display:block;
    }
    .my-table .div-style-3:last-child{
        border-bottom:none;
    }
    /* 제휴 랜딩 */
    /* section 1 */
    .alliance-section-1 .alliance-section-in {
        padding-top: 97px;
        height: auto;
    }
    .alliance-section-1 .as-1-txt-box {
        position: static;
        width: auto;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 19px;
    }
    .alliance-section-1 .as-1-txt-1 {
        margin-bottom: 13px;
        font-size: 20px;
    }
    .alliance-section-1 .as-1-txt-2 {
        font-size: 40px;
    }
    .alliance-section-1 .as-1-txt-2 .point {
        padding-right: 7px;
        background-size: 12px auto;
    }
    .alliance-section-1 .as-1-txt-3 {
        font-size: 18px;
        text-align: center;
    }
    .alliance-section-1 .as-1-visual-box {
        position: static;
        width: 100%;
    }
    .alliance-section-1 .as-1-visual-box-web {
        display: none;
    }
    .alliance-section-1 .as-1-visual-box-mo {
        display: block;
        width: 230px;
        height: 564px;
        margin: 0 auto;
        overflow: visible;
    }
    .alliance-section-1 .as-1-visual-box-mo .slick-list {
        overflow: visible;
        margin: 0 -10px;
    }
    .alliance-section-1 .as-1-visual-box-mo .slick-slide {
        margin: 0 10px;
    }
    .alliance-section-1 .as-1-visual-box-mo .slick-slide > div {
        position: relative;
        width: 230px;
        margin: 0 auto;
    }
    .alliance-section-1 .as1-visual-item {
        position: static;
    }
    .alliance-section-1 .as1-visual-item-1 .as1-visual-item-in {
        margin-left:-146px;
        background-position-y:40px;
    }
    .alliance-section-1 .as1-visual-item-2 .as1-visual-item-in {
        background-position-y: 80px;
    }
    .alliance-section-1 .as1-visual-item-3 .as1-visual-item-in {
        background-position-y: 31px;
    }
    .alliance-section-1 .as1-visual-item-4 .as1-visual-item-in {
        background-position-y: 150px;
    }
    .alliance-section-1 .as1-visual-item-5 {
        position: relative;
        z-index: 10;
        left: 0;
        top: 0;
    }
    .alliance-section-1 .as1-visual-item-5 .as1-visual-item-in {
    }
    /* section 2 */
    .alliance-section-2 .alliance-section-2-bg-1,
    .alliance-section-2 .section-2-item-1 {
        height: 427px;
    }
    .alliance-section-2 .alliance-section-2-bg-2,
    .alliance-section-2 .section-2-item-2 {
        height: 590px;
    }
    .alliance-section-2 .alliance-section-2-bg-3 {
        background: none;
        height: auto;
    }
    .alliance-section-2 .section-2-item-3 {
        height: 704px;
    }
    .alliance-section-2 .section-2-item-1 .as2-item-txt-group,
    .alliance-section-2 .section-2-item-2 .as2-item-txt-group,
    .alliance-section-2 .section-2-item-3 .as2-item-txt-group {
        position: relative;
        left: 0;
        top: 0;
        right: auto;
        text-align: left;
        padding: 93px 0 0 43px;
        margin-bottom: 27px;
    }
    .alliance-section-2 .as2-item-txt-group .as2-item-txt-1 {
        margin-bottom: 10px;
        font-size: 28px;
    }
    .alliance-section-2 .as2-item-txt-group .as2-item-txt-2 {
        font-size: 16px;
    }
    .alliance-section-2 .section-2-item-1 .as2-item-img,
    .alliance-section-2 .section-2-item-2 .as2-item-img,
    .alliance-section-2 .section-2-item-3 .as2-item-img {
        position: relative;
        left: 0;
        top: 0;
        right: auto;
        width: 100%;
    }
    .alliance-section-2 .section-2-item-1 .as2-item-img {
        height: 350px;
        background: url(../imgs/page/img_all_s2_m_1.png) no-repeat right -171px top 22px;
        background-size:auto 293px;
    }
    .alliance-section-2 .section-2-item-2 .as2-item-img {
        height: 550px;
        background: url(../imgs/page/img_all_s2_m_2.png) no-repeat -186px top;
        background-size: auto 546px;
    }
    .alliance-section-2 .section-2-item-3 .as2-item-img {
        height: 350px;
        background: url(../imgs/page/img_all_s2_m_3_240711.png) no-repeat center top -8px;
        background-size: auto 342px;
    }
    .alliance-section-2 .section-2-item-2 .as2-item-txt-group {
        padding-top: 198px;
        margin-bottom: 3px;
    }
    .alliance-section-2 .as2-item-txt-group .as2-item-num {
        left: 45px;
    }
    .alliance-section-2 .as2-item-txt-group .as2-item-num-1 {
        width: 63px;
        top: 57px;
    }
    .alliance-section-2 .as2-item-txt-group .as2-item-num-2 {
        width: 73px;
        top: 161px;
    }
    .alliance-section-2 .as2-item-txt-group .as2-item-num-3 {
        width: 72px;
        top: 302px;
    }
    .alliance-section-2 .as2-item-txt-group .as2-item-num img{
        width:100%;
    }
    .alliance-section-2 .section-2-item-3 .as2-item-txt-group {
        padding-top: 338px;
        margin-bottom: 0;
    }
    /* section 3 */
    .alliance-section-3 {
        padding-top: 56px;
        padding-bottom: 30px;
    }
    .alliance-section-3 .section-3-title,
    .alliance-section-3 .section-3-item-group {
        clear: both;
        width: 100%;
        text-align: center;
    }
    .alliance-section-3 .section-3-item .section-3-p-1,
    .alliance-section-3 .section-3-item .section-3-p-2 {
        padding-left: 0;
    }

    .alliance-section-3 .section-3-title {
        margin-left: 0;
        margin-bottom: 40px;
    }
    .alliance-section-3 .section-3-title .section-3-p-1 {
        margin-bottom: 26px;
        font-size: 24px;
    }
    .alliance-section-3 .section-3-title .section-3-p-2 {
        font-size: 16px;
        color: #676767;
    }
    .alliance-section-3 .section-3-item {
        margin-bottom: 30px;
    }
    .alliance-section-3 .section-3-item .section-3-p-1 {
        margin-bottom: 9px;
        font-size: 18px;
    }
    .alliance-section-3 .section-3-item .section-3-p-1:after {
        display: none;
    }
    .alliance-section-3 .section-3-item .section-3-p-2 {
        font-size: 14px;
    }
    /* section 4 */
    .alliance-section-4 {
        padding: 138px 0;
        background:url(../imgs/page/as4_bg.png) no-repeat center center;
        background-size:cover;
    }
    .alliance-section-4 .alliance-section-4-txt {
        margin-bottom: 39px;
        font-size: 26px;
        line-height: 150%;
    }
    .alliance-4-btn {
        width: 142px;
        height: 41px;
        line-height: 41px;
        font-size: 14px
    }
    /* section floating */
    .alliance-floating-box .alliance-floating-box-in {
        height: 67px;
        width: 93%;
    }
    .alliance-floating-box .alliance-fixed-txt {
        padding: 13px 0 0 19px;
    }
    .alliance-floating-box .alliance-fixed-tag {
        display: none;
    }
    .alliance-floating-box .alliance-fixed-txt-1 {
        font-size: 14px;
        font-weight: 300;
        line-height: 140%;
        color: #0e0e0e;
    }
    .alliance-floating-box .alliance-fixed-btn {
        width: 110px;
        height: 40px;
        line-height: 40px;
        right: 11px;
    }
}
/* mobile size */
@media (max-width: 799px) {
    h2 {font-size: 2.2rem;}
    .h2-sub,
    /* btn */
    .login-btn-1,
    .login-btn-2,
    .login-btn-3 {
        font-weight: 700;
        font-size: 16px;
    }
    .login-btn-1.type-two-line{
        line-height:120%;
        padding:10px 0 0 0;
        height:48px;
    }
    .login-btn-1.type-two-line .two-line{
        margin-top:5px;
    }
    /* document */
    .document-style h4,
    .document-style p,
    .document-style li,
    .document-style dt,
    .document-style dd {
        font-size: 1.2rem;
    }
    .document-style h4 {
        padding-top: 1rem;
    }
    .document-style ul {
        margin-bottom: 1rem;
    }
    .document-style li ul {
        padding-top: 1.6rem;
    }
    .document-style li li {
        padding-left: 3rem;
        text-indent: -1.5rem;
    }
    /* table */
    .table-2 th,
    .table-2 td {
        padding: 10px 0;
    }
    /* mbember */
    /* login */
    .box-s1 {
        border: none;
        padding: 0;
    }
    .box-s1.newsy-letter{
        padding:0;
        margin-bottom:50px;
    }
    .box-s1.newsy-letter .box-s1{
        padding:0;
    }
    .box-s2 {
        padding: 20px 10px 0 10px;
    }
    .box-s4 {
        border: none;
        padding: 0;
    }
    .login-h2 {
        margin-bottom: 25px;
        font-size: 16px;
    }
    .login-h2 .sub-2 {
        float: none;
        display: block;
    }
    .login-bot p
    .login-bot a {
        font-size: 16px;
    }
    .input-box-s1 {
        width: 24%
    }
    .input-box-s2 {
        width: 38%;
    }
    .input-box-s3 {
        width: 62%;
    }
    .input-box-s4 {
        width: 36%;
    }
    .login-checkbox-box {
        margin-bottom: 20px;
    }
    .input-message {
        padding-right: 29px;
    }
    .input-s1 .input-ico {
        right: 11px;
    }
    .attention-option {
        float: none;
        width: 100%;
        margin-bottom: 1.5rem;
    }
    /* mypage */
    .p-ex{
        line-height:120%;
        font-size:11px;
        text-align:center;
    }
    .table-1 th,
    .table-1 td {
        padding: 11px 10px;
        font-size: 16px;
    }
    .box-s-wrap {
        width: 100%;
    }
    .table-fl-wrap,
    .table-fr-wrap,
    .table-fl,
    .table-fr {
        clear: both;
        width: 100%;
    }
    .table-fl-wrap{
        margin-bottom:10px;
    }
    .table-box .table-1,
    .table-box .table-3 {
        border-width: 0 0 1px 1px;
    }
    .table-box .table-fl .table-1,
    .table-box .table-fl .table-3 {
        border-bottom-width: 0;
    }
    .table-box .table-1 th,
    .table-box .table-1 td,
    .table-box .table-3 th,
    .table-box .table-3 td {
        border-width: 1px 1px 0 0;
    }
    .table-3 th,
    .table-3 td {
        font-size: 14px;
    }
    .table-3 th {
        padding-top: 13px;
        padding-bottom: 13px;
    }
    .table-3 td {
        padding: 13px 10px;
    }
    .my-box-1-item {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 10px;
    }
    .my-box-1-item.my-box-1-item-2 {
        width: 100%;
    }
    .range-box-wrap {
        height: auto;
        overflow: visible;
    }
    .range-box-item.demi {
        display: none;
    }
    .login-h2-box {
        margin-top: -5px;
        padding-top: 5px;
    }
    .tab-remote-style-1 {
        width: 230px;
    }
    .table-size-1-1 {
        width: 60%;
    }
    .table-size-1-2 {
        width: 40%;
    }
    .table-box-wrap tbody th {
        border-top-width: 0;
    }
    .table-box-wrap .table-4 thead th {
        height: 32px;
    }
    .table-fr-wrap .table-fl .table-4, 
    .table-box-wrap .table-fr .table-4{
        border-left-width: 1px;
    }
    .my-box-2-p {
        display: block;
        width: 100%;
        margin-bottom: 10px;
    }
    .my-box-2-bot-r {
        float: none;
        width: 100%;
        text-align: center;
        clear: both;
    }
    input[type=text].my-box-2-bot-input {
        width: 58%;
    }
    .my-box-2-bot .btn-7 {
        box-sizing: border-box;
        width: 42%;
        padding: 0;
        min-width: 0;
    }
    .login-h2 .sub-3 {
        display: block;
        padding-top: 13px;
        margin-left: 0;
        line-height: 120%;
    }
    .mypage-card-no {
        padding-bottom: 20px;
    }
    .mypage-card-on{
        margin-bottom:10px;
    }
    .mypage-card-on-top {
        padding: 7px 0;
    }
    .mypage-card-on-li {
        padding: 20px 0 60px 20px;
    }
    .mypage-card-on-li-ico-box {
        width: 29%;
        padding-top: 13px;
    }
    .mypage-card-on-li-r {
        width: 70%;
        padding-top: 0;
    }
    .mypage-card-ico {
        width: 65px;
        height: 40px;
        background-size: cover;
    }
    .mypage-card-on-li-r .span-1,
    .mypage-card-on-li-r .span-2,
    .mypage-card-on-li-r .span-3{
        display: block;
        float: none;
        width: 100%;
        line-height: 120%;
    }
    .mypage-card-on-li-r .span-1{
        padding-top:4px;
        margin-bottom:10px;
    }
    .mypage-card-on-li-r .span-2 {
        margin-bottom: 10px;
    }
    .mypage-card-on-li-r .span-4{
        position:absolute;
        left:0;
        bottom:15px;
        width:100%;
        text-align:center;
    }
    .card-btn-1,
    .card-btn-2,
    .card-btn-3 {
        height: 24px;
        line-height: 24px;
    }
    .tab-box-2 .tab-header li {
        width: 50%;
    }
    .tab-box-2 {
        overflow: hidden;
        border: 1px solid #dcdcdc;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }
    .tab-box-2 .tab-header {
        background: #fff;
    }
    .tab-box-2 .tab-header li span{
        color: #d4d4d4;
        border-color:#dcdcdc;
        border-width:0 0 1px 0;
    }
    .tab-box-2 .tab-header li.on span, 
    .tab-box-2 .tab-header li:hover span{        
        border-color:#dcdcdc;
        border-width:0 0 1px 0;
    }
    .tab-box-2 .tab-header li.first span,
    .tab-box-2 .tab-header li.first.on span,
    .tab-box-2 .tab-header li.first:hover span,
    .tab-box-2 .tab-header li.three span,
    .tab-box-2 .tab-header li.three.on span,
    .tab-box-2 .tab-header li.three:hover span{
        border-right-width:1px;
    }
    .tab-box-2 .tab-header li.on span, 
    .tab-box-2 .tab-header li:hover span{
        background:#f6f6f7;
        color:#616161;
    }
    .tab-box-2 .tab-header li.first.on span, 
    .tab-box-2 .tab-header li.first:hover span{
        border-left-width:0;
    }
    .my-table .mt-tr,
    .my-table .mt-td {
        display: inline-block;
    }
    .my-table .mt-tr{
        padding:20px 0;
    }
    .my-table .mt-td-l-2,
    .my-table .mt-td-l-2.type-2,
    .my-table .mt-td-r {
        float: right;
        width: 60%;
        padding: 0 2% 0 0;
    }
    .my-table .mt-td-l-1 {
        width: 37%;
        padding:2px 0 0 0;
        border-right:none;
    }
    .my-table .mt-td-r {
        text-align:left;
        padding:0 2% 0 0;
        border-left: none;
    }
    .my-table .mt-td-l-2 {
        margin-bottom: 22px;
    }
    .my-table .mt-td-con .p-1 {
        margin-bottom: 6px;
    }
    .my-table .mt-btn-1{
        width:98px;
        height:28px;
        line-height:28px;
    }
    .my-table .mt-text-2 {
        display: inline-block;
        width: 98px;
        line-height: 28px;
        text-align: center;
    }
    .my-table .mt-point.mt-point-save,
    .my-table .mt-point.mt-point-use{
        padding: 40px 0 0 0;
        margin-top:25px;
        background-position: center top;
        background-size:28px auto;
    }
    .my-table .mt-point.mt-point-coupon {
        padding: 28px 0 0 0;
        margin-top: 20px;
        background-position: center top;
        background-size: 28px auto;
    }
    .my-table .mt-td-con .p-2-style-2 {
        margin-bottom: 26px;
    }
    .my-table .text-link-1{
        display:block;
        float:none;
        margin-left:0;
        margin-top:20px;
    }
    .tab-box-2 .my-table{
        width:100%;
        margin-left:-1px;
        margin-bottom:0;
    }
    .pop-card-del {
        position:fixed;
        height: 100%;
        width: 100%;
        left: 0;
        top: 0;
        margin: 0;
        border: none;
        overflow-y:auto;
    }
    .pop-card-del-in {
        padding: 105px 14px 40px 14px;
        overflow-y:auto;
    }
    .pop-card-del .pop-header{
        height:56px;
        font-size:16px;
        font-weight:700;
        line-height:140%;
        border:none;
    }
    .pop-card-del-con {
        padding:0;
    }
    .pop-card-del .pop-close-btn {
        height: 18px;
        margin-top:-6px;
    }
    .pop-card-del .my-table{
        overflow:hidden;
        border-width:0 1px 1px 1px;
    }
    .pop-card-del .my-table .mt-tr{
        padding:10px 0;
        border-top:1px solid #e5e5e5;
        border-bottom:none;
    }
    .my-table .mt-th,
    .pop-card-del .my-table .mt-th{
        padding:0;
    }
    .pop-card-del .my-table .mt-td-l-1{
        position:absolute;
        left:0;
        top:32%;
    }
    .pop-card-del .my-table .mt-td-l-2{
        padding-top:10px;
    }
    .pop-card-del .my-table .mt-td-r{
        margin-bottom:10px;
        border:none;
    }
    .pop-card-del .pop-btn-3, 
    .pop-card-del .pop-btn-4 {
        width: 48%;
        height:50px;
        line-height:50px;
    }
    .pop-card-del .pop-card-del-btn-l {
        float: left;
        margin: 0;
    }
    .pop-card-del .pop-card-del-btn-r{
        float:right;
    }
    .pop-card-del .table-scroll {
        max-height:none;
        overflow-y:visible;
    }
    /* 문의응답 */
    .faq-header {
        display: none;
    }
    .faq-style {
        border-width:0;
    }
    .faq-item{
        padding:10px 10px 0 10px;
        margin-bottom:10px;
        border:1px solid #dcdcdc;
    }
    .faq-item-list{
        display:block;
    }
    .faq-item-list ul {
        display: block;
    } 
    .faq-item-list li {
        display: block;
        padding:0;
        width:100%;
    } 
    .faq-item-list .faq-li-1{
        display:none;
    }
    .faq-item-list .faq-li-2{
        width:100%;
        margin-bottom:6px;
        text-align:left;
    }
    .faq-item-list .faq-li-3{
        width:100%;
        margin-bottom:10px;
    }
    .faq-item-list .faq-li-4{
        text-align:left;
        display:inline-block;
        width:49%;
        margin-bottom:10px;
    }
    .faq-item-list .faq-li-5{
        text-align:right;
        display:inline-block;
        width:49%;
        margin-bottom:10px;
    }
    .faq-item-detail {
        padding:0;
        width: 100%;
        border-top: 1px solid #dcdcdc;
    }
    .question-box,
    .answer-box{
        margin-bottom:10px;
    }
    .answer-box{
        padding:10px;
    }
    /* 젠톡 */
    .faq-item-list .faq-li-21 {
        display: none;
    }
    .faq-item-list .faq-li-22 {
        width:100%;
        text-align:left;
    }
    .faq-item-list .faq-li-23 {
        margin-bottom:6px;
    }
    .faq-style-2 .faq-item:hover .faq-li-23 a,
    .faq-style-2 .faq-item:hover .faq-li-23 em {
        color: #696868;
        text-decoration: none;
    }
    .faq-item-list .faq-li-24{
        text-align:left;
        display:inline-block;
        width:49%;
        margin-bottom:10px;
    }
    .faq-item-list .faq-li-25{
        text-align:right;
        display:inline-block;
        width:49%;
        margin-bottom:10px;
    }
    /* 시황 */
    .faq-item-detail-2 {
        padding: 0;
        width: 100%;
        border-top: 1px solid #dcdcdc;
    }
    .faq-item-list .faq-li-31 {
        width:100%;
        text-align:left;
    }
    .faq-item-list .faq-li-32 {
        width: 100%;
        margin-bottom: 2px;
    }
    .faq-item-list .faq-li-33 {
        float:right;
        display: inline-block;
        width: 49%;
        margin-bottom: 10px;
    }
    .faq-item-list .faq-li-34 {
        display: inline-block;
        float: left;
        text-align:left;
        width: 49%;
        margin-bottom: 10px;
    }
    /* pop alert */
    .pop,
    .alert{
        background-color:rgba(0,0,0,0.3);
    }
    .alert-in{
        width:310px;
        margin-left:-155px;
        padding-top:68px;
        background-position-y:34px;
    }
    .alert-con p{
        font-size:14px;
        margin-bottom:15px;
    }
    .alert-close-btn{
        width:28px;
        height:28px;
        background-size:10px;
    }
    .btn-3{
        font-size:14px;
        line-height:24px;
        min-width:68px;
    }
    .pop-position-1{
        left:50%;
        margin-left:-175px;
    }
    /* 시황 */
    .search-box .search-left,
    .search-box .search-right {
        overflow: hidden;
        clear: both;
        float: none;
        width: 100%;
        margin-bottom: 5px;
    }
    .search-select{
        box-sizing:border-box;
        width:68%;
        margin:0;
        float:left;
    }
    .search-right .btn-4{
        width:29%;
        padding:0;
        float:right;
    }
    .faq-no-data {
        padding: 40px 0;
    }
    /* 회사소개 */
    .introduction-box{
        margin-bottom:5rem;
    }
    .introduction-box .content-in{
        padding-bottom:5rem;
    }
    .introduction-box-top {
        width:100%;
        display:table;
        background: url(../imgs/page/m_introduction_1.jpg) no-repeat center center;
        background-size:cover;
    }
    .introduction-box-top-in {
        display: table-cell;
        padding-top: 0;
        vertical-align: middle;
    }
    .introduction-box-top .p-1{
        margin-bottom:1.4rem;
        font-size:15px;
    }
    .introduction-box-top .p-2 {
        margin-bottom: 5.5rem;
        font-size: 30px;
    }
    .introduction-btn-1{
        line-height:3.6rem;
        font-size:1.6rem;
        min-width:10rem;
        padding:0 0.8rem;
    }
    .introduction-p{
        font-size:1.4rem;
        margin-bottom:2.8rem;
    }
    .introduction-p-2{
        font-size:1.8rem;
    }
    .introduction-link-box-in{
        width:100%;
        margin:0 0 1.5rem 0;
    }
    .introduction-link-item {
        clear: both;
        float: none;
        margin: 0 auto;
        margin-bottom: 2rem;
        width:228px;
    }
    .introduction-link-item-in{
        height:64px;
    }
    .ili-1 .introduction-link-item-in {
        background-image: url(../imgs/page/int_rank_on.png);
    }
    .ili-2 .introduction-link-item-in {
        background-image: url(../imgs/page/int_rank_us_on.png);
    }
    .ili-3 .introduction-link-item-in {
        background-image: url(../imgs/page/int_gen_on.png);
    }
    .ili-5 .introduction-link-item-in {
        background-image: url(../imgs/page/int_gen_coin_on.png);
    }
    .introducton-slidedown-box{
        width:100%;
    }
    .isi-top{
        height:4rem;
    }
    .isi-top p{
        line-height:4rem;
        padding:0 1.5rem;
    }
    .isi-top p .num{
        font-size:1.8rem;
    }
    .isi-top p .text{
        display:none;
    }
    .isi-top.on .isi-icon{
        width:3.2rem;
    }
    .isi-con{
        padding:1.5rem;
    }
    .isi-con li{
        overflow:hidden;
        font-size:1.4rem;
    }
    .isi-con li span{
        display:inline-block;
    }
    .isi-con .num{
        float:left;
        width:9%;
    }
    .isi-con .text{
        float:right;
        width:90%;
    }
    .greetings-box{
        background-size:auto 220px;
    }
    .greetings-box p {
        width: 100%;
        font-size: 1.4rem;
    }
    .greetings-list{
        width:54%;
    }
    /* 게시판 */
    .tab-box-3{
        margin-bottom:4rem;
    } 
    .table-top {
        margin-bottom: 0;
    } 
    .table-top-l {
        display: none;
    }
    .table-top-r{
        position:relative;
        float:none;
        width:100%;
        text-align:left;
    }
    .table-search input,
    .btn-search{
        border:none;
    }
    .table-search input {
        max-width: 100%;
        outline: 0;
        text-indent: 0;
        border-bottom: 1px solid #a3a3a3;
    }
    .btn-search {
        position: absolute;
        height: 100%;
        width: 20%;
        right: 0;
        top: 0;
        background-position:right;
    }
    .table-search.in-select-style select {
        width: 33%;
        margin-right: 0;
        border-bottom: 1px solid #a3a3a3;
    }
    .table-search.in-select-style input {
        width: 60%;
        float: right;
    }
    .table-list .thead{
        display:none;
    }
    .table-list .tbody .tr{
        padding:1.4rem 0;
    }
    .table-list .tbody .td{
        width:100%;
        float:none;
        text-align:left;
        text-indent:0;
    }
    .table-list .tbody .td-left {
        font-size: 1.6rem;
        text-overflow: initial; 
        white-space: initial;
        word-wrap: normal;
        min-height:5.2rem;
        line-height:120%;
    }
    .table-list .tbody .td-right {
        color: #acacac;
    }
    .table-detail .thead{
        padding:1.4rem 0;
    }
    .table-detail .thead .td{
        width:100%;
        float:none;
    }
    .table-detail .thead .td-left {
        overflow: hidden;
        min-height: 5.2rem;
        font-size: 1.6rem;
        line-height:120%;
    }
    .table-detail .thead .td-right{
        text-align:left;
        padding-top:0;
    }
    .table-detail .tbody .td{
        padding:3.8rem 0;
    }
    .table-detail .tfoot .td-left{
        width:21%;
    }
    .table-detail .tfoot .td-right {
        width: 78%;
    }
    /* event table detial */
    .table-detail .thead .td-right-2,
    .table-detail .thead .td-right-3{
        width: 49%;
    }
    .table-detail .thead .td-right-2 {
        text-align: left;
        float:left;
    }
    .table-detail .thead .td-right-3{
        float:right;
    }
    .table-detail .tfoot .td-right-2 {
        display:none;
    }
    .table-detail .tfoot .td-right-3 {
        width: 22%;
        font-size: 1.2rem;
    }
    /* event page */
    .terms-box-2 .fl,
    .terms-box-2 .fr {
        width: 100%;
        float: none;
        clear: both;
        margin-bottom: 10px;
    }
    /* 이벤트 */
    .event-item{
        width:100%;
        margin-bottom:3rem;
        height:auto;
    }
    .event-item:nth-child(3n +1), 
    .event-item.event-item-eq1{
        margin-right:0;
    }
    .event-img-box{
        height:auto;
    }
    .event-img-mask p,
    .event-img-mask-dis p {
        position: absolute;
        width: 100%;
        margin-top: -1.4rem;
        top: 50%;
        left: 0;
        padding-top: 0;
    }
    .event-img-mask-dis p{
        margin-top:-0.8rem;
    }
    .event-item .p-1{
        font-size:1.6rem;
    }
    .event-item .p-2 {
        font-size: 1.4rem;
    }
    .btn-2.type-2 {
        box-sizing: border-box;
        width: 100%;
        font-size: 1.6rem;
        line-height:4.3rem;
    }
    .div-sort .sort-select-box {
        display: block;
    }
    .div-sort .sort-ul {
        display: none;
    }
    /* 채용 */
    .content-rec .content-in{
        width:88%;
    }
    .rec-top{
        background:url(../imgs/page/rec_bg_m.jpg) no-repeat center center;
        background-size:cover;
    }
    .rec-top-text-box {
        text-align: center;
        font-size: 34px;
        margin-bottom:170px;
    }
    .rec-top-link-box{
        text-align:center;
    }
    .rec-top-link-p{
        margin-bottom:18px;
    }
    .rec-top-link-text {
        font-size: 20px;
    }
    .rec-top-link-a{
        font-size:18px;
    }
    .rec-top-link-a-in{
        padding:2px 0;
    }
    .rec-top-link-a em {
        font-size: 22px;
    }
    .rec-top-down{
        display:block;
    }
    .rec-top-sub{
        height:100px;
        background-position-y:46%;
    }
    .rec-top-sub .rec-top-in,
    .rec-top-sub .rec-top-down {
        display: none;
    }
    .rec-top-main{
        display:table;
        width:100%;
    }
    .rec-top-main.action{
        display:block;
    }
    .rec-top-main.action .rec-top-in,
    .rec-top-main.action .rec-top-down{
        display:none;
     }
    .rec-top-main .rec-top-in {
        display: table-cell;
        vertical-align: middle;
        padding-top:0;
    }
    .rec-main-top-text-1 {
        margin-bottom: 5px;
        font-size: 24px;
    }
    .rec-link-box{
        margin-bottom:25px;
    }
    .rec-radio-box{
        overflow-x:auto;
    }
    .rec-radio-box-in{
        width:548px;
    }
    .rec-radio-box.type-2 .rec-radio-box-in {
        width:620px;
    }
    .rec-table-1 .tr {
        padding-left: 0;
        margin-bottom: 25px;
    }
    .rec-table-1 .td-title {
        width: 100%;
        clear: both;
        float: none;
        padding: 10px 0;
    }
    .rec-table-1 .td-career,
    .rec-table-1 .td-team,
    .rec-table-1 .td-date {
        padding: 0;
        font-size: 14px;
        width: auto;
        text-align: left;
        padding-right: 10px;
        margin-right: 8px;
        line-height:100%;
        background:url(../imgs/page/rec_ico_bar.gif) no-repeat right center;
    }
    .rec-table-1 .td-date{
        background:none;
    }
    .rec-no-data {
        padding-top: 80px;
        font-size: 14px;
        letter-spacing: -0.05em;
    }
    .rec-h3{
        margin-bottom:12px;
        font-size:24px;
    }
    .rec-text-1{

    }
    .rec-qna-item {
        padding:0;
    }
    .rec-qna-item.on{
        background:none;
    }
    .rec-qna-title{
        padding-left:19px;
    }
    .rec-qna-title .span-q{
        left:0;       
    }
    .rec-h3.type-2{
        margin-bottom:28px;
    }
    .rec-detail {
        width:100%;
        clear:both;
        float:none;
    }
    /* 제휴문의 */
    .h2-box-2{
        margin-bottom:30px;
    }
    .h2-box-2 h2 {
        margin-bottom: 6px;
        font-size: 24px;
    }
    .h2-box-2 .sub-alert {
        display: block;
        position: relative;
        right: auto;
        top: auto;
    }
    .h3 .point{
        font-size:14px;
    }
    .h3 .point-ico{
        top:2px;
        font-size:16px;
    }
    input[type=text].input-style-1,
    input[type=password].input-style-1,
    input[type=number].input-style-1,
    input[type=tel].input-style-1 {
        height: 38px;
    }
    .sub-visual {
        position: relative;
        height: 290px;
        margin-bottom: 25px;
    }
    .sub-visual .sub-visual-in {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: 10;
        background: url(../imgs/common/bg_transparency.png) repeat;
    }
    .sub-visual .sub-visual-txt{
        padding:82px 0 0 21px;
        width:auto;
    }
    .sub-visual .sub-visual-txt-1{
        margin-bottom:21px;
        font-size:30px;
    }
    .sub-visual .sub-visual-txt-2{
        font-size:14px;
    }
    .form-div .form-label {
        clear:both;
        position: relative;
        left: 0;
        top: 0;
        line-height:30px;
    }
    .form-div .form-label .point{
        font-size:14px;
    }
    .form-div .form-label .point-ico{
        font-size:16px;
    }
    .form-div .form-value{
        padding-left:0;
    }
    .form-div .form-value .check{
        margin-bottom:18px;
        display:block;
    }
    .form-div .input-size-1{
        width:81%;
    }
    .form-div .textarea-size-1{
        height:200px;
    }
    .form-div .form-check-group {
        padding-bottom: 0;
    }
    .terms-box-size{
        height:200px;
    }
    .btn-box-2 .btn-l,
    .btn-box-2 .btn-r {
        display:inline-block;
        margin:0;
        width:48%;
    }
    .btn-box-2 .btn-l {
        float: left;
    }
    .btn-box-2 .btn-r {
        float: right;
    }
    /* 마이쿠폰 내쿠폰 */
    .sub-nav p{
        padding-left:36px;
        font-size:16px;
        line-height:20px;
    }
    .sub-nav .sub-nav-ico{
        position:absolute;
        left:4px;
        width:20px;
        height:20px;
        margin-top:-10px;
        background:url(../imgs/common/sub_nav_arr_m.png) no-repeat left top;
    }
    .mycoupon-section-1 {
        overflow: hidden;
        padding: 0;
        margin-bottom: 14px;
        background: none;
    }
    .mycoupon-section-1 input[type=text].mycoupon-input-search{
        float:left;
        width:65%;
        margin-right:0;
    }
    .mycoupon-section-1 .mycoupon-btn-search{
        float:right;
        width:32%;
    }
    .mycoupon-head-table{
        display:none;
    }
    .mycoupon-section-2{
        margin-bottom:25px;
    }
    .mycoupon-body {
        min-height: 240px;
    }
    .mycoupon-body .acc-item {
        position:relative;
        padding: 14px 0 14px 15px;
        margin-bottom: 10px;
        border: 1px solid #e5e5e5;
        border-radius: 5px;
    }
    .mycoupon-body .acc-item:before,
    .mycoupon-body .acc-item:after{
        position: absolute;  
        content: "";
        right: 22%;
        width: 12px;
        margin-right:-6px;
        height: 8px;
        z-index:20;
    }
    .mycoupon-body .acc-item:after {
        top: -2px;
        background: url(../imgs/page/coupon_bg_ico_top.png) no-repeat center top;
        background-size:auto 8px;
    }
    .mycoupon-body .acc-item:before {
        bottom: -2px;
        background: url(../imgs/page/coupon_bg_ico_bot.png) no-repeat center bottom;
        background-size:auto 8px;
    }
    .mycoupon-body .acc-head{
        border-bottom:none;
        cursor:default;
    }
    .mycoupon-body .mycoupon-body-td {
        display:block;
        height: auto;
        clear: both;
        float: none;
        width: auto;
        line-height:130%;
    }
    .mycoupon-body .mycoupon-body-cell{
        display:block;
    }
    .mycoupon-body .mycoupon-body-td-1 {
        margin-bottom:11px;
        font-weight: 700;
    }
    .mycoupon-body .mycoupon-body-td-1 .mycoupon-body-cell{
        padding:0 29% 0 0;
    }
    .mycoupon-body .mycoupon-body-td-2 {
        margin-bottom: 1px;
        font-size: 25px;
        letter-spacing: -0.03em;
    }
    .mycoupon-body .mycoupon-body-td-3{
        font-size:12px;
        letter-spacing:-0.03em;
        text-align:left;
    }
    .mycoupon-body .mycoupon-body-td-4 .acc-arr-ico {
        background: none;
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 22%;
        border-left: 1px dashed #d9d9d9;
    }
    .mycoupon-body .mycoupon-body-td-4 .acc-arr-ico:before,
    .mycoupon-body .mycoupon-body-td-4 .acc-arr-ico:after{
        content:'';
        position:absolute; 
        left:-2px;
        height:11px;
        width:3px;
        background:#fff;
        z-index:10;
    }
    .mycoupon-body .mycoupon-body-td-4 .acc-arr-ico:before{
        top:0;
    }
    .mycoupon-body .mycoupon-body-td-4 .acc-arr-ico:after{
        bottom:0;
    }
    .mycoupon-body .mycoupon-body-td-4 .acc-arr-ico-txt {
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        margin-top:-9px;
        width: 100%;
        font-size: 10px;
        letter-spacing: -0.03em;
        text-align: center;
    }
    .mycoupon-body .acc-con{
        border-bottom:none;
    }
    .mycoupon-body .acc-con-form {
        padding: 15px 25% 3px 0;
        font-size: 10px;
        color:#999;
    }
    .mycoupon-body .acc-head.on .mycoupon-body-td-4 .acc-arr-ico {
        transition:all 0s;
        transform:rotate( 0deg )
    }
    .mycoupon-body .acc-item-no{
        padding:220px 0;
        border-bottom:none;
    }
    .join-clear-box{
        padding:0;
        border:none;
    }
    .join-clear-box-in{
        padding:0;
    }
    .join-clear-txt-1{
        font-size:16px;
    }
    .join-clear-txt-2 {
        margin-bottom:33px;
    }
    .join-clear-coupon-box,
    .join-clear-coupon-box-in {
        background: none;
    }
    .join-clear-coupon-box{
        height:255px;
    }
    .join-clear-coupon{
        background-size:364px auto;
    }
}
@media (max-width: 374px) {
    .gnb-depth-2 li a{
        font-size:12px;
    }
    .pagination li a, 
    .pagination li span{
        width:20px;
        line-height:20px;
        font-size:12px;
    }
}