@charset "utf-8";
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.layer_btn {display:inline-block; text-align:center; vertical-align:middle; text-decoration:none !important; overflow:hidden; min-width:100px;}
.layer_btn {height:30px; border:1px solid #6d6d6d; padding:0 10px; color:#fff; font-weight:bold; font-size:12px; line-height:28px; background:#858585;}

.policy_area {padding : 0 10px;}
.policy_area #tit_page {font-weight:500;}
.policy_area .scroll_policy {height:auto; padding:0; border:none; overflow-y:visible;}
.policy_area .panel_box {position:relative; margin:20px 0 20px 0; padding:20px; color:#333; background-color:#fafafa; border:1px solid #e6e6e6; border-radius:5px; word-break:keep-all;}
.policy_area .panel_box h4 {font-size:22px; font-weight:600; text-align:center; margin-bottom:20px;}
.policy_area .panel_box p {margin:10px 0 0; word-break:keep-all;}
.policy_area .label_section h3.tit {margin:50px 0 15px 0; font-size:20px; font-weight:600 !important; color:#444; word-break:keep-all; text-align:center;}
.policy_area .label_wrap {position:relative; width:calc(100% + 20px); box-sizing:border-box; margin:30px -10px 0; padding:0; display:flex; flex-flow:row wrap; justify-content:space-around;}
.policy_area .label_wrap .label_box {width:calc(33.3333% - 20px); height:200px; margin:10px; box-sizing:border-box; padding:20px 30px; border-radius:10px; box-shadow:0 0.2rem 0.8rem rgba(22, 71, 170, 0.2); display:flex; flex-flow:column; justify-content:center; align-items:center; cursor:pointer; background-color:#fff; border:1px solid #fff; position:relative;}
.policy_area .label_box:hover {transition:0.2s; border:1px solid #1647aa;}
.policy_area .label_img {display:block; width:100px; height:100px; margin:0 auto; background-position:center; background-repeat:no-repeat; background-size:76px auto;}
.policy_area .label_img.img1 {background-image:url(../../images/memb/content/policy/privacyIcon-1.svg);}
.policy_area .label_img.img2 {background-image:url(../../images/memb/content/policy/privacyIcon-2.svg);}
.policy_area .label_img.img3 {background-image:url(../../images/memb/content/policy/privacyIcon2.svg);}
.policy_area .label_img.img4 {background-image:url(../../images/memb/content/policy/privacyIcon-3.svg);}
.policy_area .label_img.img5 {background-image:url(../../images/memb/content/policy/privacyIcon-4.svg);}
.policy_area .label_img.img6 {background-image:url(../../images/memb/content/policy/privacyIcon-12.svg);}
.policy_area .label_cnt {font-size:14px; margin-top:20px; font-weight:400; color:#111; text-align:center;}
.policy_area h3.tit {margin:50px 0 15px 0; font-size:20px; font-weight:600 !important; color:#444; word-break:keep-all; text-align:center;}
.policy_area .panel_box.panel_white {background-color:#fff; border:1px solid #d9d9d9; padding:10px 20px;}
.policy_area .cnt_list {width:100%; margin:10px auto; padding:0; display:flex; flex-flow:row wrap; justify-content:space-between;}
.policy_area .cnt_list li {width:50%; margin:10px 0; position:relative; box-sizing:border-box;}
.policy_area .cnt_list li a {color:#444; font-weight:400; box-sizing:border-box; font-size:15px; display:flex; align-items:center; justify-content:flex-start; transition:0.2s; line-height:1.4;}
.policy_area .cnt_list li a:hover {text-decoration:underline;}
.policy_area .cnt_list li a span {display:inline-block; vertical-align:middle;}
.policy_area .cnt_list li a span + span {margin-left:10px;}
.policy_area .cnt_list li a img {height:26px;}
.policy_area .cnt_list li a:nth-child(1) img,
.policy_area .cnt_list li a:nth-child(2) img,
.policy_area .cnt_list li a:nth-child(3) img,
.policy_area .cnt_list li a:nth-child(4) img,
.policy_area .cnt_list li a:nth-child(6) img,
.policy_area .cnt_list li a:nth-child(10) img {width:24px; height:28px;}
.policy_area .cnt_list li a span:nth-child(2) {font-weight:500;}
.divider {color:#eee; width:100%; margin:0 auto; overflow:hidden; text-align:center; line-height:0;}
.divider:before {border-bottom:1px solid #eee; content:""; display:inline-block; height:0; margin:20px 0 0 -100%; vertical-align:middle; width:50%;}
.divider:after {border-bottom: 1px solid #eee; content:""; display:inline-block; height:0; margin:0 0 0 -100%; vertical-align:middle; width:50%; margin:20px -100% 0 0;}
.policy_area  h4.tit {clear:both; display:block; box-sizing:border-box; margin:0 0 10px 0; padding-top:30px;}
.policy_area .list_icon {display:inline-block; margin-right:10px; vertical-align: middle;}
.policy_area .list_icon img {height:36px;}
.policy_area .list_tit {display:inline-block; vertical-align:middle; font-size:16px; font-weight:600 !important; color:#111;}
.policy_area ul,
.policy_area ol {line-height:1.6; display:block; margin:10px 0; list-style-type:none;}
.policy_area li {position:relative; margin:10px 0; word-break:keep-all; font-size:13px;}
.policy_area ol li:before {position:absolute; left:0;}
.policy_area p {margin:10px 0; word-break:keep-all; font-size:13px;}
.policy_area li dl {display:flex; align-items:flex-start; justify-content:flex-start;}
.policy_area li dl dt {width:80px; flex-shrink:0;}
.policy_area .scroll_policy > ol.list_decimal {counter-reset: main-counter;}
.policy_area .scroll_policy > ol.list_decimal > li {counter-increment:main-counter; padding-left:20px;}
.policy_area .scroll_policy > ol.list_decimal > li:before {content:counter(main-counter)". ";}
.policy_area .scroll_policy > ol.list_circle_decimal {counter-reset:circle-counter; margin-top:20px;}
.policy_area .scroll_policy > ol.list_circle_decimal > li {counter-increment:circle-counter; padding-left:24px;}
.policy_area .scroll_policy > ol.list_circle_decimal > li:before {content:counter(circle-counter); top:4px; margin-right:5px; vertical-align:middle; font-size:11px; border-radius:50%; display:inline-block; padding:0; width:16px; height:16px; line-height:16px; text-align:center; background-color:#fff; border:1px solid #666; color:#333;}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal {counter-reset:sub-counter}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li {counter-increment:sub-counter; padding-left:20px;}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li:before {content:counter(sub-counter)". ";}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul {list-style:none;}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li {padding-left:24px;}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li:nth-child(1):before {content:"가. ";}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li:nth-child(2):before {content:"나. ";}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li:nth-child(3):before {content:"다. ";}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li:nth-child(4):before {content:"라. ";}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li:nth-child(5):before {content:"마. ";}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li > ul {list-style:none; margin-left:0 !important;}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li > ul > li {padding-left:16px; }
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li > ul > li:before {content:"-";}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li > ul > li > ul {list-style:none; margin-left:0 !important;}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li > ul > li > ul > li {padding-left:12px;}
.policy_area .scroll_policy > ol.list_circle_decimal li > ol.list_decimal > li > ul > li > ul > li > ul > li:before {content:""; width:3px; height:3px; border-radius:50%; top:10px; background-color:#333;}
.policy_area .table_responsive {margin:10px 0 20px;}
.policy_area table td {line-height:1.6;}
.policy_area table td a:hover {text-decoration:underline;}
.policy_area .table_responsive table .border_left_none {border-left:0 !important;}
.policy_area .btn-download {height:auto; padding:4px 16px; color:#fff; font-weight:600; margin-bottom:20px; background-size:300% 100%; background-image: linear-gradient(to right, #25aae1, #4481eb, #04befe, #3f86ed); outline:0; border:0;
    box-shadow: 0 2px 4px 0 rgba(65, 132, 234, 0.75);
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.policy_area .btn-download:hover {
    background-position: 100% 0;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -webkit-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
.policy_area .btn-download .ico_download {display:inline-block; margin-left:5px; width:20px; height:20px; border-radius:4px; vertical-align:middle; background:url(../../images/memb/content/policy/download-line.svg) no-repeat 50%; background-size:16px;}
.policy_area .mt-0 {margin-top:0 !important}

/* 이전방침 보기 버튼 */
.policy_area .row {display:block; clear:both; margin-top:10px;}
.drop-down {display:inline-block; position:relative;}
.drop-down_button {
    position:relative;
    background: linear-gradient(to right,#4481eb, #04befe);
    display: inline-block;
    line-height: 40px;
    padding: 0 20px;
    text-align: left;
    border-radius: 4px;
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.1);
    cursor: pointer;
}
.drop-down_name {
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    font-weight:500;
}
.drop-down_icon {
    display:inline-block;
    width: 20px;
    height: 20px;
    background:url(../../images/memb/content/policy/arrow-down.svg) no-repeat center;
    vertical-align: middle;
    margin-left: 10px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.drop-down-active .drop-down_icon {transform:rotate(-180deg);}
.drop-down-active .drop-down_menu-box {visibility:visible; opacity:1; margin-top:10px; display:block;}
.drop-down_menu-box {
    position: relative;
    padding:20px;
    width: 400px;
    background-color: #fff;
    border-radius: 4px;
    border:1px solid #eee;
    box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2);
        transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    visibility: hidden;
    opacity: 0;
    margin-top: 5px;
    display:none;
}
.drop-down_menu-box .drop-down_menu {margin:0 !important; padding:0; list-style:none;}
.drop-down_menu-box .drop-down_menu .drop-down_item {
    font-size: 13px;
    margin:0 !important;
    line-height:30px;
    text-align: left;
    color: #333;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items:center;
    flex-wrap: nowrap;
}
.drop-down_menu-box .drop-down_menu .drop-down_item:before{
    content:'';
    position: absolute;
    width: 3px;
    height: 30px;
    background-color: #3d6def;
    left:-20px !important;
    top: 50%;
    transform: translateY(-50%);
    display:none;
}
.drop-down_menu-box .drop-down_menu .drop-down_item span {display:inline-block; width:60px;}
.drop-down_menu-box .drop-down_menu .drop-down_item:hover {color:#3d6def;}
.drop-down_menu-box .drop-down_menu .drop-down_item:hover:before {display:block;}
.drop-down_menu-box .drop-down_menu .drop-down_item .btn{padding:5px;border-radius:4px;margin-left:40px;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;font-size:12px;height:auto;line-height:1;}
.drop-down_menu-box .drop-down_menu .drop-down_item .btn:hover,
.drop-down_menu-box .drop-down_menu .drop-down_item .btn:active,
.drop-down_menu-box .drop-down_menu .drop-down_item .btn:focus {box-shadow:none !important; outline:none !important;}
.drop-down_menu-box .drop-down_menu .drop-down_item .btn-dark{background-color:#ddd;color:#333;border:none;position:relative;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;}
.drop-down_menu-box .drop-down_menu .drop-down_item .btn-dark:hover,
.drop-down_menu-box .drop-down_menu .drop-down_item .btn-dark:focus,
.drop-down_menu-box .drop-down_menu .drop-down_item .btn-dark:active {background:#3d6def !important;visibility:visible;color:#fff;}
.drop-down_menu-box .drop-down_menu .drop-down_item .btn-dark:hover{padding-right:20px;}
.drop-down_menu-box .drop-down_menu .drop-down_item .btn-dark .ico_download {
    width:20px;
    height:20px;
    background:url(../../images/memb/content/policy/download-line.svg) no-repeat 50%;
    background-size: 13px;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right:0;
    top: 0;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
.drop-down_menu-box .drop-down_menu .drop-down_item .btn-dark:hover .ico_download {
    color: #fff;
    right: 0;
    visibility: visible;
    opacity: 1;
}

/* Responsive */
@media screen and (max-width: 768px) {
    .policy_area .cnt_list li {width:100%; margin:5px auto;}
}
@media screen and (max-width: 600px) {
    #header h1#pageTitle {font-weight:normal;}
    .policy_area strong,
    .policy_area b,
    h2.tit_page,
    .policy_area .panel_box h4 {font-weight:normal;}
    .policy_area .label_section h3.tit {margin: 20px 0 10px 0;}
    /* .policy_area .label_wrap .label_box {width:calc(50% - 20px);} */
    .policy_area .label_wrap .label_box {height:auto; padding:10px;}
    .policy_area .label_img {width:50px; height:50px; background-size:80% auto;}
    .policy_area .label_cnt {margin-top:10px;}
    .policy_area .cnt_list li:nth-child(2) span:first-child {width:60px; white-space:nowrap;}
    .policy_area .cnt_list li a {align-items:flex-start; position:relative;}
    .policy_area .cnt_list li a span:first-child {flex-shrink:0; position:absolute; left:0; width:50px;}
    .policy_area .cnt_list li a span:nth-child(2) {flex-shrink:0; position:absolute; left:50px; width:50px; white-space:nowrap;}
    .policy_area .cnt_list li a span:last-child {margin-left:110px; word-break:keep-all;}
    .policy_area h4.tit  {position:relative; display:flex; align-items:center; flex-wrap:nowrap;}
    .policy_area h4.tit .list_icon {width:36px; flex-shrink:0;}
    .policy_area h4.tit .list_tit {font-weight:normal !important; word-break:keep-all;}
    .policy_area h4#list_num02 .list_icon {width:80px;}
    .policy_area .btn-download {display:block; width:100%; text-align:center; background:#fff; border:1px solid #333; color:#000000; box-shadow:none;}
    .policy_area .btn-download .ico_download {background: url(../../images/memb/content/policy/download-line-black.svg) no-repeat 50%;}
    .policy_area .btn-download:hover .ico_download {background: url(../../images/memb/content/policy/download-line.svg) no-repeat 50%;}
    .policy_area .btn-download:hover {background:#111; color:#fff;}
    .policy_area .tb_data > thead > tr > th,
    .policy_area .tb_data > tbody > tr > th {font-weight:normal; color:#111;}
    .policy_area .label_section h3.tit,
    .policy_area h3.tit {font-weight:normal !important;}
    .policy_area .cnt_list li a span:nth-child(2) {font-weight:normal;}
    .policy_area .btn-download {font-weight:normal; border-radius:4px;}
    .drop-down_name {font-weight:normal;}
    .table_responsive {width:100%; overflow-x:auto;}
    table.policy {
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        border-top: 1px solid #333;
      }
      table.policy thead th {
        background-color: #ecf0f3;
        color:#000;
      }

      table.policy th,
      table.policy td {
        text-align: center;
        padding: 8px;
        font-size:13px;
        border-bottom: 1px solid #E1E1E1;
        white-space: nowrap;
      }
      table.policy th.al,
      table.policy td.al {text-align:left !important;}

}