@charset "UTF-8";

#content {
    padding-top: 1rem;
}

.l-grid, .inner {
    padding-left: 20px;
    padding-right: 20px;
}
.terms-wrap > div {display:none;}
.terms-wrap .privacy_box.on {display:block;}
.heading-center {
    text-align: center;
    font-size: 18px;
    margin-top: 30px;
    margin-bottom: 30px;
}


.cnm-reference {padding-bottom: 4rem;}
.cnm-reference.ref_user .ref_wrap {overflow: unset;}
.cnm-reference.ref_user .ref_wrap.active {}
.cnm-reference .ref_tit {    text-align: center;font-size: 18px;margin-top: 30px;margin-bottom: 30px;}
.ref_wrap { font-size: 13px;color: #000;line-height: 1.692em;}


.cnm-reference .table_box{margin-bottom: 3rem;}
.cnm-reference .table_box *{font-size: .9rem; font-weight: normal; word-break: break-all; letter-spacing: -0.08rem;}
.cnm-reference .table_box {
    width: 100%; overflow: hidden;
}
.cnm-reference .table_box table{width: 100%; table-layout: fixed; border-collapse: collapse; margin: 0 -0.1rem; width: calc(100% + 2px) !important}
/* .cnm-reference .table_box thead{border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;} */
/* .cnm-reference .table_box thead th:not(:last-child){border-right: 1px solid #e6e6e6;} */
.cnm-reference .table_box thead th{border: 1px solid #e6e6e6;}
/* .cnm-reference .table_box tbody tr{border-bottom: 1px solid #e6e6e6;} */
/* .cnm-reference .table_box tbody td:not(:last-child){border-right: 1px solid #e6e6e6;} */
.cnm-reference .table_box tbody td{border: 1px solid #e6e6e6;}
.cnm-reference .table_box td,
.cnm-reference .table_box th{padding: .5rem;}
.cnm-reference .table_box p{padding-left: .5rem; font-size: .9rem;}
.cnm-reference .table_box tbody td:last-child {border-right:0;}

.cnm-reference .table_box.type1 thead{background-color: #f9f9f9;}
.cnm-reference .table_box.type1 thead th{height: 6rem;}
.cnm-reference .table_box.type2 th{background-color: #f9f9f9; border-right: 1px solid #e6e6e6;}
.cnm-reference .table_box.type2 tr:first-child{border-top: 1px solid #e6e6e6;}

.cnm-reference .table_box.table_1{text-align: center;}
.cnm-reference .table_box.table_1 tbody{height: 24rem;}
.cnm-reference .table_box.table_1 tbody td{height: 50%;}

.cnm-reference .table_box.table_3{margin-bottom: 2rem;}
.cnm-reference .table_box.table_3 tr{height: 6rem;}
.cnm-reference .table_box.table_3 tr td:first-child{text-align: center;}
.cnm-reference .table_box .list:not(:last-child){margin-bottom: 1rem;}
.cnm-reference.ref_data .table_box.table_1 thead th:last-child {border-right:0;}

.cnm-reference.ref_user .ref_wrap{display: none;}
.cnm-reference.ref_user .ref_wrap.active{display: block;}
.cnm-reference.ref_user .ref_list:last-child{margin-bottom: .5rem;}
.cnm-reference.ref_data .ref_wrap {display:none;}
.cnm-reference.ref_data .ref_wrap.active{display: block;} 
.cnm-reference.ref_data .table_box.table_1 thead th,
.cnm-reference.ref_data .table_box.table_1 tbody td{height: 4.6rem;}
.cnm-reference.ref_user .noti-depth1 {margin-top: 10px;}

.cnm-reference .ref_list h3 {margin-top: 30px;margin-bottom: 8px;}


.cnm-reference .dropdown {
    width: 100%;
    line-height:40px;
    font-size: 13px;
    line-height: 1;
    display: block;
  
    border-radius: 6px;
    border: 1px solid #e6e6e6 !important;
   
    appearance: none;
    cursor: pointer;
    border: none;
    color: #111;
    font-family: "NotoSansKR", "Roboto", Arial, AppleGothic, verdana, sans-serif;
}/*  padding: 10px 36px 10px 10px;*/
.dropdown .depth_title {position:relative;}
.dropdown .depth_title.on {}
.depth_title > a{line-height:40px; width:100%; padding: 0px 36px 0px 10px;display:block; background: url(https://m.kr.canon/resources/assets/img/ico_select_arrow.svg) no-repeat right 10px top 50%/16px;}
.depth_title.on > a {display:none;}
.cnm-reference .dropdown > a {}
.sub_menu {display:none;    }
.sub_menu li {height:40px;line-height:40px;padding: 0px 10px;}
.dropdown .depth_title.on .sub_menu.options {display:block;}
.sub_menu.options li:first-child a{line-height:40px; width:100%; padding: 0px 36px 0px 0px; display:block; background: url(https://m.kr.canon/resources/assets/img/ico_select_arrow.svg) no-repeat right 10px top 50%/16px;}

.sub_menu.options li {}
.cnm-reference.ref_user .dropdown .options a { }




/* 약관 */
.terms-wrap {font-size:13px;color:#000;line-height: 1.692em;}
.terms-wrap > div {display:none;}
.terms-wrap > div:first-child {display:block;}
.terms-wrap .tit {font-weight:500;margin-bottom:8px;font-weight:600;}
.terms-wrap * + .tit {margin-top:30px;}
.terms-wrap .order_list ul {text-indent: 10px;}
.terms-wrap .text_link {text-decoration: underline;}
.cnm-reference .terms-title {font-size: 14px; line-height: 1.4;}/*font-size: 62.5%;*/
.cnm-reference .terms-select {margin-top:20px;}
.terms-select select {width:180px;height:40px; font-size: 13px;}
.terms-select .nice-select {width:180px;}
.list_policy {padding:15px 0;border-top:solid 1px #111;border-bottom:solid 1px #111;margin-top:10px;}


/*운영하고 위치 똑같이 맞출경우 사용*/
/*
.terms-title {margin-left: 20px;}
.terms-select {margin-left: 20px;}
*/
/*//운영하고 위치 똑같이 맞출경우 사용*/
.l-grid .terms-wrap .terms-title{margin-left: 0px;}
.l-grid .terms-wrap .terms-select {margin-left: 0px;}
.ref_data .terms-title{margin-left: 0px;}
.ref_data .terms-select {margin-left: 0px;}

table.col {margin:10px 0 20px 0;border-top:solid 1px #e6e6e6; border-collapse: collapse}
table.col thead th {background:#f9f9f9;}
table.col tbody th {background:#f9f9f9;}
table.col th,
table.col td {border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;font-weight:400;color:#000;padding:15px 10px;font-size:12px;text-align:center;font-size:9px;}
table.col tr th:last-child,
table.col tr td:last-child {border-right:0;}
table.col td + td {
    border-left:solid 1px #e6e6e6;
}
.btn-genuine::after {content: '';display: inline-block;width: 20px;height: 20px;background-image: url('../images/icon/blank.svg');margin-left: 4px;}

.terms-wrap h5 {
    margin-top: 30px;
    font-weight: 500;font-weight: 600;
    margin-bottom: 8px;
    text-align: left !important;
    font-size: 13px !important;
}
.terms-wrap h6 {
    text-align: left !important;
    font-size: 13px !important;
}
.terms-wrap table {
    margin: 10px 0 20px 0;
    border-top: solid 1px #e6e6e6;
    border-collapse: collapse;
}
.terms-wrap table thead th {
    background: #f9f9f9;
}
.terms-wrap table th, .terms-wrap table td {
    border-right: solid 1px #e6e6e6;
    border-bottom: solid 1px #e6e6e6;
    font-weight: 400;
    color: #000;
    padding: 15px 10px;
    font-size: 9px !important;
    text-align: center;
    
}/* font-size: 12px; font-size: 9px !important;*/
.terms-select {
    margin-top: 20px;
}
.terms-select select {
    width: 180px;
    height: 40px;
    font-size: 13px;
    line-height: 1;
    display: block;
    padding: 10px 36px 10px 10px;
    border-radius: 6px;
    border: 1px solid #e6e6e6 !important;
    background: #fff url(https://m.kr.canon/resources/assets/img/ico_select_arrow.svg) no-repeat right 10px top 50%/16px;
    appearance: none;
    cursor: pointer;
    border: none;
    color: #111;
    font-family: "NotoSansKR", "Roboto", Arial, AppleGothic, verdana, sans-serif;
}
.smarterwiki-linkify.one-line {width: auto !important;}


/* 모달 */
/*
[data-js="modal"] {background: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;overflow-x: hidden;overflow-y: scroll;z-index: -1;visibility: hidden;opacity: 0;}
[data-js="modal"].active {visibility: visible;opacity: 1;transition: opacity 0.2s;}
[data-js="modal"] .modal_wrap{position: absolute; left: 0; top: 0; width: 100%; height: auto; background-color: #fff; z-index: 9999;}
[data-js="modal"] .modal_header{display: flex; justify-content: space-between; align-items: center; width: 100%; height: 6rem; flex-shrink: 0; background-color: #fff; z-index: 1;}
[data-js="modal"] .modal_header .modal_tit{font-size: 1.6rem; font-weight: normal; margin-left: 2rem;}
[data-js="modal"] .modal_header .icon_close{margin-right: 2rem;}
[data-js="modal"] .modal_content{padding-top: 6rem; padding-bottom: 3rem;}
[data-js="modal"] .modal_content.fullPop{box-sizing: border-box ;padding-top: 6rem; overflow-y: scroll; padding-bottom: 3rem;}
[data-js="modal"] .modal_content.fullPop.underBtn{padding-bottom: 12rem;}
[data-js="modal"].popup{display: flex; justify-content: center; align-items: center; background-color: rgba(0,0,0,.6);}
[data-js="modal"].popup .modal-pop{max-width: calc(100% - 2rem); position: relative; margin: 0; overflow: hidden; border-radius: 1.8rem;}
[data-js="modal"].popup .modal_header{position: static;}
[data-js="modal"].popup .modal_header .icon_close{background: url('../../img/ico_close.svg#gray') no-repeat center/contain; width: 2.4rem; height: 2.4rem;}
[data-js="modal"].popup .modal_content{padding-top: 1rem; background-color: #fff;}
[data-js="modal"].popup .modal-scroll-inner{overflow-y: auto;}
[data-js="modal"] .modal-type:not(.modal-pop) .modal-page{display: flex; flex-direction: column; height: 100vh; overflow: hidden;}
[data-js="modal"] .modal-type:not(.modal-pop) .modal-page .modal_content{padding-top: 2rem; padding-bottom: 3rem; height: 100%; flex-grow: 1; overflow-y: auto;}
[data-js="modal"] .modal-product1 .modal-page .modal_content{padding-top: 0rem !important;}
[data-js="modal"] .modal-terms .modal-page .modal_content{padding-top:1rem !important; }
[data-js="modal"] .modal-membership2 .modal-page .modal_content,
[data-js="modal"] .modal-membership-child .modal-page .modal_content,
[data-js="modal"] .modal-business .modal-page .modal_content,
[data-js="modal"] .modal-join .modal-page .modal_content,
[data-js="modal"] .modal-pw .modal-page .modal_content
{padding-top: 4rem !important;}
*/

/* 모달 위드 케논 */
/*
[data-js="modal"].popup.modal-withcanon .modal-pop{max-width: 320px; width: calc(100% - 4rem); margin: 0 2rem;}
[data-js="modal"].popup.modal-withcanon .modal-pop .modal-container,
[data-js="modal"].popup.modal-withcanon .modal-pop .modal-page{height: 100%; display: flex; flex-direction: column;}
[data-js="modal"].popup.modal-withcanon .modal-pop .modal_content{padding: 0 2rem; flex-grow: 1; height: 100%; padding-bottom: 2rem;}
[data-js="modal"].popup.modal-withcanon .modal-exhibition .img_box{height: 320px;}
[data-js="modal"].popup.modal-withcanon .modal-exhibition img{width: 100%; height: 100%; object-fit: cover;}
[data-js="modal"].popup.modal-withcanon .modal-scroll-inner{overflow: hidden;}
[data-js="modal"].popup.modal-withcanon .thumb_ctn .swiper-slide img{border-radius: 6px; width: 100%; height: 100%; object-fit: cover; box-sizing: border-box;}
[data-js="modal"].popup.modal-withcanon .thumb_ctn .swiper-slide.swiper-slide-active img{border: solid 2px #dc000c;}


[data-js="modal"] .modal-pw .mem_login_txt {padding: 1rem 0 2rem !important; }
[data-js="modal"] .modal-pw .form_wrap{margin-bottom: 3rem;}
*/
/* 모달가이드 */
/*
[class*=modal-btn-] {
  padding: 1.2rem 2rem;
  font-size: 1.4rem;
  background-color: red;
  border-radius: 2rem;
  color: #fff;
}
*/
/**
.popup-wrap.active {display:block; z-index:99999;opacity: initial;}
.table-layout {
    display: table;
    table-layout: fixed;
    width: 100%;
}
.table-layout .row {
    display: table-row;
}
.table-layout .row .th, .table-layout .row .td {
    text-align: center;
    line-height: 60px;
    display: table-cell;
}
.table-layout .tr .th {
    height: 60px;
    font-weight: 400;
    font-size: 16px;
    background-color: #f9f9f9;
    color: #000;
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.table-layout .tr .td {
    height: 60px;
    text-align: center;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #e6e6e6;
}
.table-layout.has-border .tr:last-child .td {
    border: 0;
}
.table-layout.has-border .tr .th + .th {
    border-left: 1px solid #e6e6e6;
}
.table-layout.has-border .tr .td + .td {
    border-left: 1px solid #e6e6e6;
}
.table-layout.dark .tr .th {
    border: none;
    background: #e2e2e2;
    color: #111;
    font-size: 14px;
    height: 34px;
    padding: 5px 0;
    text-align: center;
}
.table-layout.dark .tr .td {
    font-size: 14px;
    height: 30px;
    padding: 5px 0;
    text-align: center;
    color: #747474;
    border: 1px solid #626262;
}

.personal-terms {
    padding: 0 0px;
}
.personal-terms .table-layout .tr .th, .personal-terms .table-layout .tr .td {
    height: 46px;
}

.popup-title h3.heading {margin: 0; padding: 0;font-size: 16px; line-height: 24px;color: #000;font-weight: 500;height: 70px; line-height: 68px;}
.popup-contents .modal-content {overflow:hidden; overflow-y:scroll; height:100%;}
**/

/*svc*/
.popup-wrap {align-items: center;justify-content: center;position: fixed;z-index: -1;left: 0;top: 0;width: 100%;height: 100%; opacity:0;display:flex}
.popup-wrap:before {content:"";position: fixed;left: 0;top: 0;	right: 0;bottom: 0;background-color: rgba(0,0,0,.7);}
.popup-wrap.opened {z-index:991;opacity:1;}
.popup-wrap.prev-popup {z-index: 989;}
.popup-wrap > .popup-inner {position:relative;border-radius: 15px;background:#fff;overflow:hidden;width:calc(100% - 40px);}
.popup-wrap > .popup-inner.popsizefull {width:100%;height:100%;border-radius: 0;}
.popup-inner .button-x {position:absolute;right:20px;top:20px;z-index:1;}
.popup-title {height:60px;padding:18px 20px;}
.popup-title2 {font-weight: 500;margin-bottom: 30px;}
.popup-title .heading {font-weight:400;font-size:16px;line-height:24px;}
.popup-contents {padding:30px 20px 40px 20px;height:calc(100% - 60px);overflow-y:auto;}
.popup-contents.pdt0 {padding-top:0;padding-bottom:20px;}
.popup-contents--block + .popup-contents--block {margin-top:40px;}
.popup-contents--block h4 {font-size:18px;font-weight:700;margin-bottom:20px;line-height:24px;}
.popup-contents--block h5 {font-size:14px;font-weight:500;margin-bottom:10px;margin-top:20px;line-height:24px;}
.popup-contents.fullsize-confirm{padding: 30px 20px 20px 20px; display: flex; flex-direction: column;}
.popup-contents.fullsize-confirm .popup-contents-inner{flex-grow: 1; margin-bottom: 20px;overflow-y: scroll;}
.popup-contents.fullsize-confirm .confirm-btn{flex-shrink: 0;}

.popup-inner.modal {padding:0 15px 30px 15px;width:240px;}
.popup-inner.modal .modal-txt {display:flex;justify-content:center;align-items:center;height:90px;font-size: 14px;line-height: 22px;text-align: center;}
.popup-inner .modal-btn {text-align: center;}
.popup-inner .modal-btn [class*=btn-] {width:96px;height:36px;margin:0 2px;}

.popup-contents--fix {height:100%;position:relative;}
.popup-contents--fix .btns.fix {position:absolute;left:0;right:0;bottom:0;}

table.col {margin:10px 0 20px 0;border-top:solid 1px #e6e6e6; border-collapse: collapse}
table.col thead th {background:#f9f9f9;}
table.col tbody th {background:#f9f9f9;}
table.col th,
table.col td {border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;font-weight:400;color:#000;padding:15px 10px;font-size:12px;text-align:center;font-size:9px;}
table.col tr th:last-child,
table.col tr td:last-child {border-right:0;}
table.col td + td {
    border-left:solid 1px #e6e6e6;
}

.button-x {width:24px;height:24px;background:url(icon_x_24.svg) center center no-repeat;background-size:24px;}
/*table.col td span {display:block;}*/
.privacy_box table td .blue01 { width:100%;}
.privacy_box table td .blue01 br {display:none;}
.privacy_box table td .blue01 span {display:block;width:100%; }
.privacy_box a {width:auto; height:auto;}
.smarterwiki-linkify a {width:auto; height:auto;} 
/*
table.col td .blue01 { width:100%;}
table.col td .blue01 br {display:none;}
table.col td .blue01 span {display:block;width:100%; }
*/
button.btn_policy {background:none; color: #000; padding:0; height:auto; display:inline-block; font-size: 9px !important; position:relative; top:-2px;}
/*.btn_policy.btn-primary {background:none; color: #000; padding:0; height:auto; display:inline-block; font-size: 9px !important;} line-height:18px;*/

/* 2026-03-18 브랜드 개인정보처리방침 목차 스타일 추가(브랜드 style.css 내용) */
.indexList {position: relative; margin: 30px 0; background: #f8f8f8; border-radius: 6px;}
.indexList:before{content:"";position: absolute; top: 30px;width: 1px; bottom: 30px;background: #ddd;}
.indexList:before{left: 50%; transform:translateX(-50%);}
.indexList ol {padding: 16px 0 16px; column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;}
.indexList ol li {margin: 0 20px 0 20px; padding: 5px;font-size: 13px;line-height: 22px;text-align: left;}