@charset "UTF-8";
/* common */
br.mo{display: none;}
.bg-purple{background-color: #61218A; color: #fff;}
.bg-purple span{ color: #fff;}
.bg-line_purple {background-color: #fff;border: 1px solid #61218A; color: #61218A;}
.bg-line_purple span{ color: #61218A; }
.sub-tit h3{font-size: 38px; margin-bottom: 19px;}
.list-num{width: 35px; height: 35px; border-radius: 50%; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.bg-pink{background-color: #B60081; color: #fff;}
.bg-purple{background-color: #61218A; color: #fff;}
.bg-navy{background-color: #36318F; color: #fff;}
.color-pink{color: #B60081 !important;}
.color-purple{color: #61218A !important;}
.color-navy{color: #36318F !important;}
.bg-white{background-color: #fff;}
.bg-darkgray{background-color: #424242; color: #fff;}



/* loca */
.loca { background-color: #F7F7F7; height: 51px; border-bottom: 1px solid #e4e4e4; padding-top: 1px;} 
.loca-ul1 { font-size: 0; } 
.loca-li1 { display: inline-block; vertical-align: top; position: relative; padding-right: 1px;} 
.loca-li1.loca-home{width: 50px;}
.loca-li1{width: 230px;}
.loca-item1 { width: 100%; height: 50px; display: flex; align-items: center; justify-content: left; padding: 0 25px; position: relative; border-left: 1px solid #e4e4e4; } 
.loca-item1::before,
.loca-item1::after { content: ''; position: absolute; height: 2px; width: 9px; background-color: #707070; right: 30px; top: 50%; display: block; transition: all .2s; z-index: 1; } 
.loca-item1:before { transform: rotate(45deg); margin-right: 6px; } 
.loca-item1:after { margin-right: 0; transform: rotate(-45deg); } 
.loca-li1.on .loca-item1:after { transform: rotate(45deg); } 
.loca-li1.on .loca-item1:before { transform: rotate(-45deg); } 
.loca-li1:last-child { border-right: 1px solid #e4e4e4; } 
.loca-ul2 { position: absolute; top: 100%; } 
.home-btn { width: 100%; height: 50px; border-left: 1px solid #e4e4e4;  padding-right: 1px;} 
.ico-home { width: 18px; height: 16px; background-image: url(../../images/cmn/ico-home.svg); } 
.loca-ul2 { display: none; position: absolute; top: calc(100% + 1px); width: 100%; z-index: 11; background: #292929; border-radius: 0 0 5px 5px; padding: 15px 20px; } 
.loca-ul2 > li:not(:last-child) { margin-bottom: 15px; } 
.loca-ul2 > li > a { font-size: 16px; color: #fff; } 
.loca-ul2 > li > a:focus { box-shadow: 0 0 0 2px #fff; } 
.loca-ul2 > li > a:hover { text-decoration: underline; } 

/* com-wrap */
.com-wrap { padding: 60px 0; border-bottom: 1px solid #F0F0F0; text-align: center; margin-bottom: 50px;} 
.com-loca > ul { display: flex; justify-content: center; align-items: center; } 
.com-loca > ul > li { font-size: 18px; font-weight: 500; color: #5B5B5B; } 
.com-loca > ul > li:not(.loca-home)::before { content: ' > '; margin-left: 5px; } 
.com-tit { margin-top: 15px; } 
.com-tit h2 { font-size: 44px; font-weight: 900; color: #292929; } 


.join-a .join_wrap { max-width: 780px; margin: 0 auto; } 
.join-a .join_wrap .join-header { display: flex; align-items: center; justify-content: center; padding-bottom: 20px; border-bottom: 1px solid #E4E4E4; } 
.join-a .join_wrap .join-header .tit { font-size: 2.125rem; font-weight: 700; } 
.join-a .join_wrap .list-step-a {padding-bottom: 40px; } 
.join-a .join_wrap .btn-wrap { margin-top: 50px; } 
.join-a.find .list-input-a { margin-top: 40px; } 
.list-step-a ul { display: flex; align-items: center; justify-content: center; } 
.list-step-a ul li { position: relative; display: flex; align-items: center; } 
.list-step-a ul li .img-wrap { width: 46px; height: 46px; background-color: #bababa; border-radius: 10px; display: flex; justify-content: center; align-items: center; } 
.list-step-a ul li.active .img-wrap { background-color: #B60081; } 
.list-step-a ul li.active:nth-child(2n) .img-wrap { background-color: #61218A; } 
.list-step-a ul li .img-wrap .ico__list-step-a-01 { background-image: url("../../images/cmn/ico__list-step-a-01.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 28px; height: 23px; } 
.list-step-a ul li .img-wrap .ico__list-step-a-02 { background-image: url("../../images/cmn/ico__list-step-a-02.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 23px; height: 25px; } 
.list-step-a ul li .img-wrap .ico__list-step-a-03 { background-image: url("../../images/cmn/ico__list-step-a-03.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 24px; height: 24px; } 
.list-step-a ul li .img-wrap .ico__list-step-a-04 { background-image: url("../../images/cmn/ico__list-step-a-04.svg"); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 46px; height: 46px; } 
.list-step-a ul li .txt-wrap { color: #757575; margin-left: 10px; } 
.list-step-a ul li.active .txt-wrap { color: #B60081; } 
.list-step-a ul li.active:nth-child(2n) .txt-wrap { color: #61218A; } 
.list-step-a ul li .txt-wrap .no { font-size: 1rem; font-weight: 500; line-height: 1.6; color: inherit;} 
.list-step-a ul li .txt-wrap .tit { font-size: 1rem; font-weight: 400;  color: inherit;} 
.list-step-a ul li + li { padding-left: 50px; } 

.list-step-a ul li + li::before, .list-step-a ul li + li::after { content: ""; position: absolute; height: 2px; width: 8px; left: 22px; top: 50%; transform: translateY(-50%); background-color: #D0D0D0; } 
.list-step-a ul li + li::before { transform: translateY(-50%) rotate(45deg); margin-top: -3px; } 
.list-step-a ul li + li::after { transform: translateY(-50%) rotate(-45deg); margin-top: 2px; } 
.list-step-a ul li.active + li::before, .list-step-a ul li.active + li::after { background-color: #B60081; } 
.list-step-a ul li.active:nth-child(2n) + li::before, 
.list-step-a ul li.active:nth-child(2n) + li::after { background-color: #61218A; } 
.joinagree_cnt_wr ul li.join_li.joinagree { cursor: pointer; } 
.joinagree_cnt_wr ul li.join_li.joinagree + li { margin-top: 35px; } 
.joinagree_cnt_wr ul li.join_li.joinagree .tab { width: 100%; height: 80px; line-height: 80px; text-align: left; padding: 0 30px; color: #333333; position: relative; background-color: #F7F7F7;  border-radius: 10px; cursor: pointer; } 
.joinagree_cnt_wr ul li.join_li.joinagree .tit { width: 100%; height: 80px; line-height: 80px; text-align: left; padding: 0 30px; color: #333333; position: relative; background-color: #F7F7F7;  border-radius: 10px 10px 0 0; cursor: pointer; } 
.joinagree_cnt_wr ul li.join_li.joinagree .tab.active { border-radius: 10px 10px 0 0; } 
.tab-btn { position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 70px; height: 100%; } 
.tab-btn::before, 
.tab-btn::after { content: ""; position: absolute; height: 2px; width: 13px; background: #000; right: 30px; top: 50%; display: block; transition: all 0.3s; cursor: pointer; } 
.tab-btn::before { transform: rotate(-45deg); margin-right: -5px; } 
.tab-btn::after { margin-right: 3px; transform: rotate(45deg); } 
.tab.active > .tab-btn::before { transform: rotate(45deg); } 
.tab.active > .tab-btn::after { transform: rotate(-45deg); } 
.tab.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } 


.joinagree_cnt_wr ul li.join_li.joinagree .tab span { font-size: 22px; font-weight: bold; } 
.joinagree_cnt_wr ul li.join_li.joinagree .tit span { font-size: 22px; font-weight: bold; } 
.joinagree_cnt_wr ul li.join_li.joinagree .tab span.title_cnt { font-weight: 400; } 
.joinagree_cnt_wr ul li.join_li.joinagree .tit span.title_cnt { font-weight: 400; } 
.joinagree_cnt_wr ul li.join_li.joinagree .join_cnt_wr { display: none; } 
.join_box_cnt {background: #ffffff;border: 1px solid #e4e4e4;border-top-width: 0;box-sizing: border-box;position: relative;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;font-size: 12px;font-weight: 400;background: transparent;color: #535353;padding: 20px;} 
.join_box_cnt .join_box_wr pre{white-space: pre-wrap;max-height: 420px;overflow: auto;margin-right: 8px;padding-top: 0;cursor: text;font-size: 14px;color: #333;line-height: 1.6;} 
.join_box_cnt .join_box_wr::-webkit-scrollbar { width: 4px; background-color: transparent; } 
.join_box_cnt .join_box_wr::-webkit-scrollbar-track { background: transparent; } 
.join_box_cnt .join_box_wr::-webkit-scrollbar-thumb { border-radius: 10px; background: #ADADAD; } 
.join_box_cnt .join_box_wr span { font-size: 12px; color: #333333; font-weight: 400; line-height: 1.7; display: block; } 
.join_box_cnt .join_box_wr img { width: 100%; } 
.join_box_cnt .join_box_wr .sfchkra span { font-size: 14px; font-weight: 500; color: #fff; margin-left: 10px; } 
.join_box_cnt .modal_cont_ table { width: 100%; border-bottom: 1px solid #a2a2a2; text-align: center; line-height: 1.6em; table-layout: fixed; border-collapse: collapse; border-spacing: 0; border-color: grey; } 
.join_box_cnt .modal_cont_ table th, .join_box_cnt .modal_cont_ table td { padding: 10px; border: 1px solid #dadde0; border-width: 1px 1px 0 1px; font-size: 15px; word-break: break-all; padding: 5px; font-size: 13px; } 
.join_box_cnt .modal_cont_ table th:first-child,
.join_box_cnt .modal_cont_ table td:first-child { border-left: none; } 
.join_box_cnt .modal_cont_ table th:last-child,
.join_box_cnt .modal_cont_ table td:last-child { border-right: none; } 

.join_set { padding-top: 15px; } 
.join_set .sfchkra { margin: 0; } 
.join_set .sfchkra span { font-size: 18px; font-weight: 500; } 
.btn-wrap { display: flex; align-items: center; justify-content: space-between; width: 100%; } 
.btn-wrap .btn + .btn { margin-left: 20px; } 
.btn-style-01 { border-radius: 10px; border: 1px solid #61218A; font-weight: 700; width: 100%; display: flex; align-items: center; justify-content: center; height: auto; min-height: 60px; font-size: 1.125rem; color: #61218A; } 
.btn-style-02 { border-radius: 10px; background-color: #61218A; color: #fff; font-weight: 700; width: 100%; display: flex; align-items: center; justify-content: center; height: auto; min-height: 60px; font-size: 1.125rem; } 
.join_box_cnt .join_box_wr .required{color: #B60081; display: inline-block;}



/* counsel */
.counsel-box{min-height: 200px;padding: 30px;margin: 10px 0 20px;border-radius: 15px;background: -webkit-linear-gradient(150deg, rgba(182, 0, 129, 0.1) 35%, rgba(54, 49, 143, 0.1), rgba(54, 49, 143, 0.1));background: -moz-linear-gradient(150deg, rgba(182, 0, 129, 0.1) 35%, rgba(54, 49, 143, 0.1), rgba(54, 49, 143, 0.1));background: linear-gradient(150deg, rgba(182, 0, 129, 0.1) 35%, rgba(54, 49, 143, 0.1), rgba(54, 49, 143, 0.1));text-align: center;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.counsel-box__txt{width: 100%;text-align: center;font-size: 18px;line-height: 1.7;color: #232323;}
.counsel-box__txt b{display: block; font-size: 22px;}
.counsel-box__btn{margin-top: 20px;width: 100%;}
.counsel-box__btn .btn{width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; background-color: #61218A; color: #fff; font-size: 18px; font-weight: 700; border-radius: 10px;}
.counsel-img{text-align: center; margin-bottom: 5px;}

.counsel-notice{border: 1px solid #E4E4E4; border-radius: 15px;}
.counsel-notice .notice-top{text-align: center; padding: 30px 0;}
.counsel-notice .notice-bottom{background-color: #F7F7F7; padding: 25px 20px;}
.counsel-notice .checkbox input[type="checkbox"] + label:before{margin-right: 0;}
.counsel-notice .txt1{font-size: 16px; color: #888; margin-top: 15px;}
.counsel-notice .txt2{font-size: 18px; font-weight: 700; color: #333; margin-top: 10px; line-height: 1.5;}
.counsel-notice .notice-bottom .tit{display: flex; align-items: center; font-size: 16px; color: #36318F; font-weight: 700;}
.counsel-notice .notice-bottom .tit::before{content: ''; width: 20px; height: 20px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/ico-notice.svg); margin-right: 5px;}
.counsel-notice .notice-bottom .list{padding-left: 25px;}
.counsel-notice .notice-bottom .list > li{margin-top: 10px;display: flex;font-weight: 500;}
.counsel-notice .notice-bottom .list > li > div{line-height: 1.5; font-size: 14px; color: #757575;}
.counsel-notice .notice-bottom .list > li:before{content: '- '; margin-right: 3px; margin-top: 3px;}
.counsel-notice .notice-bottom .list span{color: #36318F;}


/* appli-form */
.appli-form:not(:last-child){margin-bottom: 40px;}
.appli-form .form-tit{height: 80px; display: flex; align-items: center; padding: 24px 30px; background-color: #F7F7F7; border-radius: 5px 5px 0 0 ;}
.appli-form .form-tit .tit{font-size: 22px; font-weight: 700; color: #232323;}
.appli-form .appli-wrap{border: 1px solid #F7F7F7; padding: 30px; border-radius: 0 0 5px 5px;}
.appli-form .appli-wrap dt{width: 85px; flex: none; font-size: 16px; font-weight: 700; margin-top: 2px;}
.appli-form .appli-wrap dt .tit{font-size: inherit; font-weight: inherit;}
.appli-form .appli-wrap dt.required{display: flex;}
.appli-form .appli-wrap dt.required::after{content: '*'; color: #B60081;}
.appli-form .appli-wrap > li{margin-bottom: 30px;}
.appli-form .appli-wrap dd{flex: 1; width: 100%; font-size: 16px;}
.appli-form .appli-wrap input[type="text"],
.appli-form .appli-wrap input[type="tel"],
.appli-form .appli-wrap input[type="password"]{font-size: 16px; height: 50px; border-radius: 10px; padding: 0 15px;}
.appli-form .appli-wrap select{font-size: 16px;height: 50px;border-radius: 10px;padding: 0 15px;background-size: 30px; border: 1px solid #000;}
.appli-form input[type=radio] + label {padding-left:26px; font-size:15px; color:#000; background:url(../../images/cmn/ico-radio.svg) left center no-repeat; background-size:20px 20px; white-space: nowrap; cursor: pointer;}
.appli-form input[type=radio]:checked + label {background:url(../../images/cmn/ico-radio_on.svg) left center no-repeat; background-size:20px 20px;}
.appli-form input[type=radio]:focus + label {box-shadow: 0 0 0 2px rgba(0,0,0,1);}
.appli-form input[type="radio"] + label::before{display: none;}
.appli-form .com-radio-list.flex-wrap{flex-wrap: wrap;}
.appli-form .com-radio-list.flex-wrap li{margin-bottom: 10px;}
.appli-form .com-radio-list > li:not(:last-child){margin-right: 20px;}
.appli-form textarea{min-height: 200px; border: 1px solid #e4e4e4; border-radius: 10px; padding: 15px;}
.appli-form .declaration_txt{margin-top: 8px; font-size: 12px; color: #888;}
.appli-form .declaration_txt p{font-size: inherit; color: inherit;}
.appli-form .fileInfo{margin-top: 20px;}
.appli-form .fileInfo > li{display: flex; align-items: center; font-size: 12px; font-weight: 500; color: #000;} 
.appli-form .fileInfo > li::before{content: ''; width: 20px; height: 20px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/ico-notice_gray.svg); margin-right: 5px; flex: none;}
.appli-form .fileInfo > li:not(:last-child){margin-bottom: 10px;}
.appli-form .fileEx{margin-top: 20px; background-color: #F6F7F7; border-radius: 10px; padding: 20px;}
.appli-form .fileEx > li{display: flex; align-items: center;}
.appli-form .fileEx > li:not(:last-child){margin-bottom: 5px;}
.appli-form .fileEx .tit{width: 60px; flex: none; margin-right: 20px; font-size: 12px; font-weight: 700;}
.appli-form .fileEx .cont{font-size: 12px;}
.appli-form .input-wrap.mail{display: flex; align-items: center;}
.appli-form .input-wrap .mail-wrap { display: flex; align-items: center; width: 70%; } 
.appli-form .input-wrap.mail .select-style-01 { margin-left: 10px; max-width: 200px; width: 30%; } 
.appli-form .input-wrap .mail-wrap .at-Sign { margin: 0 10px; font-size: 0.875rem; } 
.appli-form .input-wrap.tel{display: flex; align-items: center;}
.appli-form .input-wrap.tel select{max-width: 130px; margin-right: 10px;}
.appli-form .input-info{margin-top: 10px; font-size: 12px;}
.appli-form .input-info + .input-info{margin-top: 0;}
.appli-form .input-info span{color: #B60081;}
.appli-form .input-wrap .address-wrap{display: flex;}
.appli-form .input-wrap .address-wrap .btn-input{width: 100px; height: 50px; background-color: #B60081; color: #fff; font-size: 16px; font-weight: 500; border-radius: 10px; flex: none; margin-left: 10px;}
.appli-form .input-wrap:not(:last-child){margin-bottom: 10px;}
.checkbox.color input[type="checkbox"] + label:before {background-image: url(../../images/cmn/ico_checkbox_w2.svg);}
.checkbox.color input[type="checkbox"]:checked + label:before {background-image: url(../../images/cmn/ico_check2.svg);}
.checkbox.color input[type="checkbox"] + label span{font-weight: 400; font-size: 16px;}
.checkbox-depth.flex{flex-wrap: wrap;}
.checkbox-depth{padding-left: 20px;}
.checkbox-depth::before{content: '('; margin-top: 1px;}
.checkbox-depth::after{content: ')'; margin-top: 1px;}
.checkbox-depth{margin: 0 -7.5px;}
.checkbox-depth > div{padding: 0 7.5px;}
.checkbox-depth.depth2{margin-top: 10px; padding-left: 34px;}
.checkbox-depth.depth2 > div{margin-bottom: 10px;}



/*---- 파일첨부 ----*/
.filebox {width: 100%; border: 1px solid #E4E4E4; border-radius: 10px; padding: 15px;}
.counsel04 .counsel-img{margin-bottom: 0;}
.uploadBtn{flex: none; margin-left: 10px; width:50px; height: 50px; background-color: #292929; border-radius: 10px; cursor: pointer; font-size: 0; background-repeat: no-repeat; background-position: 50%; background-image: url(../../images/cmn/ico-attach.svg);}
.delete-btn { border-radius: 6px; width: 25px; height: 25px; background-color: #B60081; } 
.delete-btn .ico-delete{width: 22px; height: 22px; background-image: url(../../images/cmn/ico-close.svg); }
.file-list li{display: flex; align-items: center;}
.file-list li:not(:last-child){margin-bottom: 10px;}
.appli-form .appli-wrap .file-list input[type="text"]{border: 0; background: transparent !important; height: auto; border-radius: 0;}



/* counsel-info */
.counsel-info{margin-top: 50px;}
.counsel-info .tit{width: 400px; flex: none; display: flex; font-size: 26px; color: #292929; font-weight: 700;}
.counsel-info .tit .num{width: 35px; height: 35px; display: inline-flex; align-items: center; justify-content: center;  background-color: #61218A; color: #fff; border-radius: 50%; font-size: 20px; font-weight: 700; margin-right: 15px;}
.counsel-info .cont{width: 100%; flex: 1;}
.counsel-info__list:not(:last-child) {margin-bottom: 30px;}
.cont-list .cont-tit{display: flex; font-size: 26px; font-weight: 900; color: #61218A; margin-bottom: 16px;}
.cont-list .cont-tit::before{content: '· '; margin-right: 5px;}
.cont-list{margin-bottom: 40px;}
.cont-box{padding: 40px 30px; background-color: #F7F7F7; border: 1px solid #F6F7F7; border-radius: 20px;}
.cont-box .list{line-height: 1.5;font-size: 18px;color: #232323;position: relative;padding-left: 7px;}
.cont-box > ul > li:not(:last-child){margin-bottom: 20px;}
.cont-box .list::before{content:'·';margin-right: 5px;position: absolute;left: 0;}
.cont-btn {width: 100%; justify-content: center;}
.cont-btn .btn{width: 353px;height: 60px;display: flex;align-items: center;justify-content: center;border-radius: 10px;position: relative;transition: .4s;}
.cont-btn .btn:hover{opacity: 0.7;}
.cont-btn .btn span{ font-size: 18px; font-weight: 700;}
.cont-btn .btn::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 10px; width: 29px; height: 42px; background: no-repeat 50% / cover;}
.cont-btn .btn + .btn{margin-left: 15px;}
.cont-btn .btn.bg-line_purple::after{background-image: url(../../images/cmn/ico-arr_purple.svg);}
.cont-btn .btn.bg-purple::after{background-image: url(../../images/cmn/ico-arr_w.svg);}
.cont-btn .btn span.small-txt{display: block; font-size: 14px;}
.ico-tel{width: 28px; height: 24px; background-image: url(../../images/cmn/ico-tel.svg);}
.tel-box{width: 100%; height: 60px; border-radius: 10px; font-size: 28px; font-weight: 500;}
.tel-box .ico-tel{margin-right: 10px;}
.tel-box + .tel-box{margin-left: 15px;}
.cont-box .txt-color{color: #61218A; font-weight: 500; line-height: 1.5;}
.cont-box.cont-map{padding: 0; background-color: transparent; border: 0; height: 400px; overflow: hidden;}
.cont-adr .adr.flex:not(:last-child){margin-right: 53px;}
.cont-adr .adr-tit{width: 70px; height: 30px; border-radius: 15px; display: flex; align-items: center; justify-content: center; background-color: #61218A; color: #fff; font-size: 16px; font-weight: 700;}
.cont-adr .adr-cont{margin-left: 10px; font-size: 18px; line-height: 1.6;}

.cont-box.cont-step{padding: 20px 30px 0;}
.cont-box__step{display: flex; flex-wrap: wrap;}
.cont-box__step > div{display: flex;align-items: center;margin-bottom: 20px;}
.cont-box__step .arrow{width: 25px;height: 36px;background: no-repeat 50% / cover;background-image: url(../../images/cmn/ico-arr_purple.svg);margin: 0 10px;}
.cont-box__step .arrow.pad{display: none;}
.cont-step__wrap .num {font-size: 18px; font-weight: 700; color: #61218A; margin-right: 5px;}
.cont-step__wrap .txt {font-size: 18px; color: #232323;}


/* bbsBar: 박스형 디자인은 sub_content.css 에서 정의함. 여기서는 중복 정의를 두지 않음. */


/* bbsBoard */
.bbsBoard caption{font-size: 0;}
.bbsBoard thead tr{background-color: #F7F7F7;}
.bbsBoard th,
.bbsBoard td{font-size: 16px; height: 70px; color: #000;}
.bbsBoard th:first-child{border-radius: 15px 0 0 15px;}
.bbsBoard th:last-child{border-radius: 0 15px 15px 0;}
.bbsBoard td{text-align: center; border-bottom: 1px solid #E4E4E4;}
.bbsBoard td.td-subj{text-align: left;}
.bbsBoard table {width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; } 
.bbsBoard .td-subj{font-weight: 500;}
.bbsBoard .td-subj a {max-width: 90%; padding-right: 6px; color: #000; vertical-align: middle; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 
.bbsBoard .td-notice{ color: #B60081;}
.bbsBoard .td-bold{font-weight: 700;}
.bbsBoard tbody td:first-child{position: relative;}
.bbsBoard tbody td:first-child::before{content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #B60781; z-index: 1; display: none;}
.bbsBoard tbody tr:hover td{background-color: rgba(0, 0, 0, 0.03);}
.bbsBoard tbody tr:hover td:first-child::before{display: none;}
.bbsBoard tbody tr:hover .td-subj a{text-decoration: underline;}


/* bbsPaging */
.bbsPaging {width:100%; margin:50px 0; font-size:0; text-align:center;}
.bbsPaging .prev{background: no-repeat 50% / 6px 12px; background-image: url(../../images/cmn/ico-page_btn.svg);}
.bbsPaging .next{background: no-repeat 50% / 6px 12px; background-image: url(../../images/cmn/ico-page_btn.svg); transform: rotate(180deg);}
.bbsPaging a { display: inline-block; font-size: 14px; font-weight: 700; color: #BABABA; border: 1px solid #E4E4E4; background-color: #fff; border-radius: 0; vertical-align: top; width: 35px; height: 35px; line-height: 32px; margin-right: 10px; }
.bbsPaging .num-group {display: inline-block;font-size: 0;}
.bbsPaging .num { display: inline-block; }
.bbsPaging .num a{border-color: #E4E4E4; color: #BABABA;}
.bbsPaging .num.on a{background-color: #5381B7; border-color: #5381B7; color: #fff;}


/* bbsView */
.bbsView-top {padding-bottom: 20px; border-bottom: 1px solid #BABABA;}
.bbsView-top .date{display: flex; align-items: center;}
.bbsView-top .date li{font-size: 14px; color: #757575;}
.bbsView-top .date li:not(:last-child){position: relative;display: flex;align-items: center;}
.bbsView-top .date li:not(:last-child):after{content: 'ㅣ'; margin: 0 4px; color: #E4E4E4;}
.bbsView-top .tit{font-size: 26px; margin-top: 5px;}
.bbsView-detail{padding: 40px 0;}
.bbsView-detail .cont *{font-size: 18px;}
.bbsView-detail img{max-width: 100%; height: auto !important;}
.bbsView-file__cont{background: rgba(224, 231, 244, 0.2); border-radius: 10px;}
.bbsView-file__cont > ul > li{padding: 24px 20px;display: flex;align-items: center;}
.bbsView-file__cont > ul > li > a{font-size: 14px;margin-top: 3px;font-weight: 400;text-decoration: underline;line-height: 1.5;}
.bbsView-file__cont > ul > li:before{content: ''; width: 22px; height: 22px; flex: none; margin-right: 10px; background: #757575; -webkit-mask: url("../../images/cmn/ico-file.svg") no-repeat 50% / contain; mask: url("../../images/cmn/ico-file.svg") no-repeat 50% / contain;}
.bbsView-file__cont > ul > li:not(:last-child){border-bottom: 1px solid #e4e4e4;}
.bbsView-nav { margin-top: 40px;}
.bbsView-nav > ul {border-bottom: 1px solid #e4e4e4; border-top: 1px solid #e4e4e4;}
.bbsView-nav > ul > li{display: flex; align-items: center;}
.bbsView-nav > ul > li:not(:last-child){border-bottom: 1px solid #e4e4e4;}
.bbsView-nav > ul > li > span {flex: none; position: relative; font-weight: 500; padding-left: 20px; padding-right: 20px; height: 60px; display: flex; justify-content: center; align-items: center; font-size: 14px; font-weight: 500; }
.bbsView-nav > ul > li.prev > span::after,
.bbsView-nav > ul > li.next > span::after{ content: ''; width: 20px; height: 20px; background-image: url(../../images/cmn/nav-prev.svg); background-repeat: no-repeat;  margin-left: 15px; }
.bbsView-nav > ul > li.next > span::after{transform: rotate(180deg)}
.bbsView-nav > ul > li > a { width: calc(100% - 90px); height: 60px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 23px 20px; font-size: 14px; }
.bbsView-nav > ul > li > a:hover{text-decoration: underline;}
.bbsView-btn__wrap{width: 100%; display: flex; justify-content: center;}
.bbsView-nav__btn {margin-top: 30px; color: #292929;  width: 173px; height: 50px; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; background-color: #fff; }


/* bbsQna */
.bbsQna-list{border-top: 1px solid #000;}
.bbsQna-list li{border-bottom: 1px solid #e4e4e4;}
.bbsQna-hd{padding: 23px 0; position: relative; cursor: pointer;}
.bbsQna-hd::before,
.bbsQna-hd::after { content: ""; position: absolute; height: 2px; width: 10px; background: #000; right: 25px; top: 50%; display: block; transition: all 0.3s; cursor: pointer; } 
.bbsQna-hd::before { transform: rotate(-45deg); margin-right: -4px; } 
.bbsQna-hd::after { margin-right: 2px; transform: rotate(45deg); } 
.bbsQna li.active .bbsQna-hd::before { transform: rotate(45deg); } 
.bbsQna li.active .bbsQna-hd::after { transform: rotate(-45deg); } 
.bbsQna-hd .tit{position: relative;padding-left: 80px;padding-right: 60px;font-size: 16px;line-height: 1.5;font-weight: 500;width: 100%;text-align: left;}
.bbsQna-hd .tit:before{content: 'Q'; position: absolute; top: 0; left: 0; color: #B60081; width: 80px; text-align: center; font-weight: 900;}
.bbsQna-bd{display: none;padding: 35px 0;}
.bbsQna-bd .bbsQna-bd_wrap{position: relative;display: flex;align-items: center;padding-left: 80px;padding-right: 80px;font-size: 16px;font-weight: 500;line-height: 1.6;word-break: keep-all;}
.bbsQna-bd .bbsQna-bd_wrap::before{content: 'A';position: absolute;top: 0;left: 0;color: #B60081;width: 80px;font-size: 18px;text-align: center;font-weight: 900;}
.bbsQna-list li.active{background-color: rgba(182, 0, 129, 0.05);}
.bbsQna-list li.active .bbsQna-hd{background-color: rgba(182, 0, 129, 0.05);}
.bbsQna-list li.active .bbsQna-hd .tit{text-decoration: underline;}


/* bbsOrg */
.bbsOrg-wrap:not(:last-child){margin-bottom: 50px;}
.bbsOrg-tit{margin-bottom: 15px;}
.bbsOrg-tit h3{font-size: 30px; font-weight: 900; display: flex;}
.bbsOrg-tit h3::before{content: '·'; margin-right: 3px;}
.bbsOrg-list{display: flex; flex-wrap: wrap; margin: 0 -10px;}
.bbsOrg-list > li{width: 33.3333%; padding: 0 10px; margin-bottom: 30px;}
.bbsOrg-box{border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.1); overflow: hidden; border: 1px solid #E4E4E4;}
.bbsOrg-box .hd{padding: 23px 25px 21px; font-size: 18px; font-weight: 700; color: #232323;}
.bbsOrg-box .bd{padding: 25px;}
.bbsOrg-box .bd-wrap{position: relative; padding-bottom: 50px}
.bbsOrg-box .bd p{display: flex; color: #232323; letter-spacing: -0.5px;}
.bbsOrg-box .bd p + p{margin-top: 15px;}
.bbsOrg-box .bd p span{margin-right: 3px;}
.bbsOrg-box .link{position: absolute; bottom: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 90px; height: 30px; border-radius: 15px; color: #fff; font-size: 16px; font-weight: 700; transition: .3s;}
.bbsOrg-box .link:hover{opacity: 0.7;}
.list01 .bbsOrg-tit h3{color: #B60081; }
.list01 .bbsOrg-box .hd{ background-color: rgba(182, 0, 129, 0.1);}
.list01 .bbsOrg-box .link{ background-color: #B60081;}
.list02 .bbsOrg-tit h3{color: #61218A; }
.list02 .bbsOrg-box .hd{ background-color: rgba(97, 33, 138, 0.1);}
.list02 .bbsOrg-box .link{ background-color: #61218A;}
.list03 .bbsOrg-tit h3{color: #36318F; }
.list03 .bbsOrg-box .hd{ background-color: rgba(54, 49, 143, 0.1);}
.list03 .bbsOrg-box .link{ background-color: #36318F;}
.list04 .bbsOrg-tit h3{color: #000; }
.list04 .bbsOrg-box .hd{ background-color: rgba(117, 117, 117, 0.1);}
.list04 .bbsOrg-box .link{ background-color: #424242;}



/* info */
.purpose .counsel-box{width: 50%; margin: 0; padding: 45px 0;}
.purpose .plus{width: 120px; background: no-repeat 50% / 44px 46px; background-image: url(../../images/user/sub/ico-intro_plus.svg); flex: none;}
.purpose .counsel-box__txt {font-size: 24px;}
.purpose .counsel-box__txt b {font-size: 34px;}
.purpose-txt{margin-top: 40px; text-align: center; padding: 48px 0; line-height: 1.5; font-size: 18px; color: #232323; background-color: #fff; border: 1px solid #F6F7F7; border-radius: 15px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}
.project{margin-top: 110px;}
.project-list{margin-top: 50px;}
.project-list > li{display: flex; margin-bottom: 70px;}
.project-list .tit-wrap{width: 400px; flex: none;}
.project-list .num{width: 35px; height: 35px; background-color: #61218A; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 20px; font-weight: 700; border-radius: 50%; margin-right: 15px;}
.project-list .tit{font-size: 20px; color: #292929;}
.project-list .tit b{display: block; font-size: 26px; margin-top: 10px;}
.project-list .cont{width: 100%; flex: 1; padding: 28px 30px; background-color: #F7F7F7; border: 1px solid #F6F7F7; border-radius: 20px;}
.project-list .cont p{display: flex; font-size: 18px; color: #232323; line-height: 2;}
.project-list .cont p::before{content: '· '; margin-right: 5px;}

.greetings{max-width: 780px; width: 100%; margin: 0 auto;}
.greetings .top{position: relative; text-align: center; font-size: 24px; font-weight: 500; line-height: 1.7; padding: 70px 0; background: no-repeat 50% / 205px 205px; background-image: url(../../images/user/sub/greeting-img.png);}
.greetings .bottom{margin-top: 20px; padding: 40px 20px; background-color: #F7F7F7; border-radius: 20px; text-align: center; line-height: 2.1; font-size: 16px; font-weight: 300; color: #292929;}
.greetings .bottom b{font-weight: 500;}
.org-wrap{position: relative;margin-top: 50px;}
.org-wrap::before{content: ''; position: absolute; left: 0; top: -5px; width: 100%; height: 1213px; background: no-repeat 50% / 100% 100%; background-image: url(../../images/user/sub/org-bg.png); z-index: -1;}
.org-top{text-align: center;background-color: #F7F7F7;border-radius: 18px;padding: 5px 39px;color: #888;font-weight: 500;display: flex;align-items: center;justify-content: center;max-width: 400px;width: 100%;margin: 0 auto;}
.orgTit{width: 220px; height: 220px; border-radius: 50%; margin: 0 auto; text-align: center;  display: flex; align-items: center; justify-content: center; font-size: 30px; font-weight: 700; color: #fff;}
.orgTit.orgTit01{background: linear-gradient(150deg,#B60081, #36318F, #36318F ); margin-bottom: 157px;}
.orgTit.orgTit02{background-color: #B60081;}
.org .depth2-list > li{position: absolute; top: 70px;}
.org .depth2-list > li:first-child{left: 0;}
.org .depth2-list > li:last-child{right: 0;}
.org .orgBox{border: 1px solid #B090C5; background-color: #fff; border-radius: 15px; width: 180px; height: 80px; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; color: #61218A; transition: .3s;}
.org a.orgBox:hover{background-color: #61218A; color: #fff;}
.org .orgBox.default{color: #888; border-color: #888;}
.org .depth2-list.type2 > li{left: 200px; top: 260px;}
.depth3-list.type2 {display: flex;justify-content: right;margin: 40px 0 100px;}
.depth3-list:not(.type2) { max-width: 780px; width: 100%; margin: 0 auto; display: flex; justify-content: space-between; } 
.orgBox.orgBg { background-color: #E0D3E8; color: #61218A; border: 0;} 
.depth3-list:not(.type2) > li > .orgBox:not(:last-child) { margin-bottom: 25px; } 
.orgBox.orgEtc{border-color: #E4E4E4; border-radius: 40px;color: #757575; font-weight: 500;}
.org-table{margin-top: 80px;} 
.org-table .pc-ver{display: block;}
.org-table .mobile-ver{display: none;}
.org-table .bbsBoard table{table-layout: auto;}
.org-table .bbsBoard thead tr{background-color: #EFE8F3; border: 1px solid #F6F7F7;}
.org-table .tbl-mo__tit{display: none;}



.history-list li + li{margin-top: 35px;}
.history-box{padding: 40px 50px; padding-right: 35px; border-radius: 20px; background-color: #F7F7F7; border: 1px solid #F6F7F7; display: flex;}
.history-box .l{width: 245px; flex: none;}
.history-box .r{margin-left: 60px; margin-top: 45px; width: 100%; flex: 1; display: flex;}
.history-img{}
.history-img .img-wrap{width: 100%;height: 100%;position: relative;overflow: hidden;border-radius: 20px;height: 0;padding-bottom: 100%;}
.history-img .img-wrap img{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.history-tit{margin-top: 20px; text-align: center;}
.history-tit .tit{font-size: 30px;}
.history-tit .date{margin-top: 10px;}
.history-box .list{width: 55%;}
.history-box .list:first-child{width: 45%;}
.history-box .list-tit{width: 70px; height: 30px; background-color: #61218A; color: #fff; border-radius: 15px; display: flex; align-items: center; justify-content: center; font-weight: 700; margin-bottom: 15px;}
.history-box .list-cont p{display: flex; font-size: 18px; color: #232323; line-height: 2;}
.history-box .list-cont p::before{content: '· '; margin-right: 3px;}

.ci-top .counsel-box{padding: 55px 0 49px; margin: 0;}
.ci-top .counsel-box b{margin: 33px 0 29px; font-size: 30px;}
.ci-list{margin-top: 80px;}
.mean-img{display: flex; align-items: center;}
.mean-img .bg-gray{width: 300px; height: 300px; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.mean-img .img01{position: relative; margin-right: 100px;}
.mean-img .img01::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%);  right: -65px; background: no-repeat 50% / cover; background-image: url(../../images/user/sub/ci-plus.svg); width: 32px; height: 33px;}
.mean-img .img03{margin-left: 190px; width: 210px; height: 210px; position: relative;}
.mean-img .img03::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: calc(100% + 84px); background: no-repeat 50% / cover; background-image: url(../../images/user/sub/ci-equal.svg); width: 33px; height: 23px;}
.mean-img .img03 img{width: 100%; height: 100%;}
.ci-mean .ci-cont{margin-top: 50px;}
.ci-txt{text-align: center; font-size: 18px; line-height: 2.1;}
.ci-txt br.pad{display: none;}
.ci-mean .ci-txt{margin-top: 64px;}
.ci-signature .signature-img__wrap{background: no-repeat 50% / cover; background-image: url(../../images/user/sub/sig-bg.png); width: 100%; height: 500px; display: flex; justify-content: space-between; align-items: center; padding: 65px 90px;}
.signature-list { position: relative; height: 100%; } 
.signature-list .txt { position: absolute; bottom: 0; width: 100%; text-align: center; font-size: 24px; font-weight: 700; } 
.signature-list .img {position: relative;top: 50%;transform: translate(-50%, -50%);width: 85%;left: 50%;} 
.signature-list .img img {width: 100%;}
.ci-signature .ci-txt{margin-top: 35px;}
.ci-btn{width: 353px; height: 60px; margin: 0 auto; margin-top: 70px;}
.ci-btn .btn{width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; border-radius: 10px; font-size: 18px; font-weight: 700; transition: .4s;}
.ci-btn .btn:hover{opacity: 0.8;;}
.ci-btn .ico-down{width: 16px; height: 15px; background-image: url(../../images/cmn/ico-down.svg); margin-left: 14px;}
.counsel-box br.pad{display: none;}

.direction-tab.swiper-container{overflow: unset;}
.direction-tab > ul {position: relative;display: flex;}
.direction-tab > ul > li{width: 180px;}
.direction-tab > ul > li:not(:last-child){margin-right: 20px;}
.direction-btn{width: 100%; display: flex; align-items: center; justify-content: center; height: 60px; border-radius: 15px; border: 1px solid #E4E4E4; background-color: #fff; color: #888; font-size: 18px; font-weight: 500;}
.direction-btn.active{background: linear-gradient(130deg, #B60081 15%, #36318F, #36318F); color: #fff; font-weight: 700;}
.direction-list{margin-top: 30px;}
.direction .info { padding: 35px 40px; background-color: #fff; border: 1px solid #E4E4E4; border-radius: 20px; position: relative;} 
.direction .info-tit{font-size: 28px; margin-bottom: 19px;}
.direction .info-cont p{margin-bottom: 15px;}
.direction .info-cont p b{margin-right: 10px;}
.direction .info-btn{position: absolute; top: 35px; right: 40px; width: 144px; height: 50px; display: flex; align-items: center; justify-content: center; border-radius: 15px; font-size: 14px; font-weight: 700; transition: .4s;}
.direction .info-btn:hover{opacity: 0.8;}
.ico-direction{width: 30px; height: 30px; background-image: url(../../images/cmn/ico-direction.svg);}
.direction .map-cont{margin-top: 30px;height: 460px;border-radius: 20px;overflow: hidden;position: relative;width: 100%;font-size: 0;}
.direction .map-cont .root_daum_roughmap{width: 100%; height: 100%;}
.direction .map-cont .wrap_controllers.hide{display: none;}
.root_daum_roughmap .map_border {border: 0 !important; background-color: transparent !important;}
.direction .txt{margin-top: 30px; padding: 37px 40px; border-radius: 20px; background-color: #F7F7F7;}
.direction .txt p{display: flex; font-size: 18px; font-weight: 500;}
.direction .txt p::before{content: '·'; margin-right: 2px;}


/* disclosure */
.dis-top__box{position: relative; border-radius: 20px; background: no-repeat 50% / cover; background-image: url(../../images/user/sub/dis-top.png); padding: 45px 0; text-align: center; position: relative; z-index: 1;}
.dis-top__box::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%;  backdrop-filter: blur(4px); border-radius: 20px; background-color: rgba(0,0,0,0.7);}
.dis-top__tit{font-size: 34px; margin-bottom: 15px; color: #fff; position: relative; z-index: 1;}
.dis-top__box p{font-size: 20px; color: #fff; line-height: 1.6; position: relative; z-index: 1;}
.dis-cont{margin-top: 100px;}
.dis-cont__top .sub-tit h3{text-align: center; display: flex; align-items: center; justify-content: center; font-size: 28px; }
.dis-cont__top .sub-tit h3::before,
.dis-cont__top .sub-tit h3::after{content: ''; width: 14px; height: 14px; background-color: #61218A; border-radius: 50%; margin: 0 10px;}
.dis-cont__box{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.05); padding: 30px 0; font-size: 20px;color: #232323; border-radius: 45px; text-align: center;}
.dis-cont__bottom{margin-top: 100px;}
.dis-cont__bottom .list{display: flex; justify-content: center;}
.dis-cont__bottom .list > li{flex: 1;}
.dis-cont__bottom .list > li:not(:last-child){margin-right: 20px;}
.dis-cont__bottom .img-wrap{margin: 0 auto; width: 180px; height: 180px; display: flex; align-items: center; justify-content: center; border-radius: 50%; position: relative;}
.dis-cont__bottom .cont{text-align: center;margin-top: 60px;background-color: #F7F7F7;border-radius: 10px;min-height: 204px;display: flex;flex-direction: column;justify-content: space-around;padding: 25px 0; position: relative;}
.dis-cont__bottom .tit{font-size: 24px; font-weight: 700;}
.dis-cont__bottom p{line-height: 1.75;}
.dis-cont__bottom .list01 .img-wrap{background-color: #F8E5F2;}
.dis-cont__bottom .list02 .img-wrap{background-color: #EFE8F3;}
.dis-cont__bottom .list03 .img-wrap{background-color: #EAEAF4;}
.dis-cont__bottom .cont::before,
.dis-cont__bottom .cont::after{content: '';position: absolute; left: 50%; transform: translateX(-50%);}
.dis-cont__bottom .cont::before{ bottom:100%; height: 61px; width: 2px; z-index: -1;}
.dis-cont__bottom .cont::after{ bottom: calc(100% - 10px); width: 20px; height: 20px; border-radius: 50%;}
.dis-cont__bottom .list01 .cont::before,
.dis-cont__bottom .list01 .cont::after{background: #B60081;}
.dis-cont__bottom .list02 .cont::before,
.dis-cont__bottom .list02 .cont::after{background: #61218A;}
.dis-cont__bottom .list03 .cont::before,
.dis-cont__bottom .list03 .cont::after{background: #36318F;}
.dis-cont__bottom .list01 .tit{color: #B60081;}
.dis-cont__bottom .list02 .tit{color: #61218A;}
.dis-cont__bottom .list03 .tit{color: #36318F;}

.dis-aply .aply-exp > ul{display: flex;}
.dis-aply .aply-exp > ul > li{flex: 1;}
.dis-aply .aply-exp > ul > li:not(:last-child){margin-right: 20px;}
.dis-aply .aply-box{border-radius: 20px; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.dis-aply .aply-cont{padding: 63px 59px; display: flex;}
.dis-aply .aply-cont .img{width: 89px; height: 89px; background: no-repeat 50% / cover; margin-right: 36px;}
.dis-aply .aply-cont .tit{font-size: 24px; color: #B60081; margin-bottom: 15px;}
.dis-aply .aply-cont p{line-height: 1.75; color: #232323;}
.dis-aply .aply-info{padding: 30px 0; text-align: center; background-color: #F7F7F7;}
.dis-aply .aply-info p{color: #232323; word-break: keep-all;}
.dis-aply .aply-info p + p{margin-top: 10px;}
.dis-aply .cont-btn{max-width: 780px; width: 100%; margin: 0 auto; margin-top: 60px;}
.dis-aply .cont-btn .btn.bg-line_purple::after{background-image: url(../../images/cmn/ico-down_p.svg); width: 22px; height: 22px; right: 20px;}

.counsel-box__txt .tit{font-size: 34px; color: #61218A; margin-bottom: 15px;}
.counsel-box .cont-btn{margin-top: 30px;}
.counsel-info.type2 .tit{font-size: 28px; display: flex; align-items: center; margin-bottom: 30px;}
.counsel-info.type2 .tit::before{content: ''; width: 14px; height: 14px; background: #61218A; margin-right: 10px; border-radius: 50%;}
.counsel-info.type2 .counsel-info__list:not(:last-child){margin-bottom: 80px;}
.counsel-info.type2 .cont-list .cont-tit{color: #292929; font-size: 24px;}
.counsel-info.type2 .cont-list .cont-tit::before{color: #61218A;}
.counsel-info.type2 .cont-box{padding: 30px;}
.counsel-info.type2 .cont-box .list{padding-left: 15px;}
.counsel-info.type2 .cont-box .list::before{margin-right: 15px;}
.counsel-info.type2 .depth{margin-top: 15px; padding-left: 20px;}
.counsel-info.type2 .depth .list{font-size: 14px; color: #757575; padding-left: 10px;}
.counsel-info.type2 .depth .list:not(:last-child){margin-bottom: 10px;}
.counsel-info.type2 .depth .list::before{content: '-';}
.counsel-info.type2 .cont-btn .btn.bg-purple::after { width: 20px; height: 20px; background-image: url(../../images/cmn/ico-down_w.svg); right: 20px; } 


/* calendar */
.counsel-rsv .calendar { margin-top: 40px; width: 100%; padding-right: 0; display: flex; justify-content: space-between; } 
.counsel-rsv .calendar .calendar_ { width: 750px; flex: none; } 
.calendar_hd.flex-space {align-items: flex-end;}
.counsel-rsv .calendar_nav { display: flex; align-items: center; } 
.counsel-rsv .calendar_nav a { font-size: 0; width: 27px; height: 27px; border: 0; border-radius: 23px; background: no-repeat 50% / cover; margin: 0; } 
.counsel-rsv .calendar_nav a:before,
.counsel-rsv .calendar_nav a:after { display: none; } 
.counsel-rsv .calendar_nav a.prev { background-image: url("../../images/cmn/ico-prev.svg"); } 
.counsel-rsv .calendar_nav a.next { background-image: url("../../images/cmn/ico-next.svg"); } 
.counsel-rsv .calendar_nav span { font-size: 22px; font-weight: 500; padding: 0 18px; } 
.counsel-rsv .calendar_legend { top: auto; bottom: 0; background: transparent; } 
.counsel-rsv .calendar_legend > ul > li { display: inline-block; font-size: 14px; line-height: 14px; height: 14px; font-weight: 500; padding-left: 17px; margin: 0 7.5px; position: relative; } 
.counsel-rsv .calendar_legend > ul > li:last-child { margin-right: 0; } 
.counsel-rsv .calendar_legend > ul > li.legend_a,
.counsel-rsv .calendar_legend > ul > li.legend_b{ background: transparent; } 
.counsel-rsv .calendar_legend > ul > li:before { content: ''; position: absolute; left: 0; top: 1px;  width: 12px; height: 12px; border-radius: 30px;}
.counsel-rsv .legend_a:before,
.counsel-rsv .ct_skd .legend_a::before,
.counsel-rsv .ct_skd_list .legend_a a:before,
.calendar-list__bd .legend_a{background: #B60081; } 
.counsel-rsv .calendar_legend .legend_b:before,
.counsel-rsv .ct_skd .legend_b::before,
.counsel-rsv .ct_skd_list .legend_b a:before,
.calendar-list__bd .legend_b {background: #36318F;} 
table.ct {width: 100%; table-layout: fixed; border-collapse: collapse;}
.ct_skd { margin-left: 2px; margin-top: 8px; } 
.ct_skd > ul > li:not(:last-child) {
    margin-bottom: 5px;
} 
.ct_skd > ul > li{display: flex;align-items: center;font-size: 14px;font-weight: 500;}
.ct_skd > ul > li::before{content: '';width: 12px;height: 12px;border-radius: 50%;margin-right: 5px;}
.ct_skd_smy { margin-top: 5px; } 
.ct_skd_smy li { font-size: 12px; font-weight: 400; line-height: 12px; height: 12px; padding-left: 17px; } 
_:-ms-input-placeholder, :root .ct_skd_smy li { line-height: normal; } 
.ct_skd_smy li span { font-weight:500; } 
.ct_skd_smy li:not(:last-child) { margin-bottom: 6px; } 
.ct_skd_list {display: none; position: absolute;width: 100%;top: 35px;left: 0;background: #fff;border: 1px solid #000;z-index: 10;border-radius: 3px;} 
.ct_skd_list:before,
.ct_skd_list:after {content:'';bottom: 100%;left: 50%;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;} 
.ct_skd_list:before { border-color: transparent; border-bottom-color: #1A1B1D; border-width: 10px; border-bottom-width: 10px; margin-left: -10px; } 
.ct_skd_list:after { border-color: transparent; border-bottom-color: #fff; border-width: 10px; border-bottom-width: 10px; margin-left: -10px; transform: translateY(1px); -webkit-transform: translateY(1px); -ms-transform: translateY(1px); } 
.ct td:hover .ct_skd_list,
.ct td:focus .ct_skd_list,
.ct td.focus .ct_skd_list { display:block } 
.ct_skd_list ul { padding: 15px 10px; } 
.ct_skd_list li { font-size: 14px; line-height: 15px; height: 14px; } 
_:-ms-input-placeholder, :root .ct_skd_list li { line-height: normal; } 
.ct_skd_list li:not(:last-child) { margin-bottom: 10px; } 
.ct_skd_list li a {text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: block;font-size: 14px;font-weight: 500;color: #1A1B1D;text-align: center;display: flex;align-items: center;justify-content: center;} 
.ct_skd_list li:hover a { font-weight: 500; /* border-bottom: 1px solid #000; */
 text-decoration: underline; } 
.counsel-rsv .calendar_table {border: 1px solid #CECECE;border-radius: 5px;margin-top: 25px;} 
.counsel-rsv .calendar_table table { margin-top: 0; } 
.counsel-rsv .ct th {background: #E4E4E4;height: 35px;color: #1A1B1D;padding-left: 10px;font-size: 15px;text-align: left;font-weight: 400;} 
.counsel-rsv .ct th:first-child { border-radius: 5px 0 0 0; } 
.counsel-rsv .ct th:last-child { border-right: 0; border-radius: 0 5px 0 0; } 
.counsel-rsv .ct td {position: relative; border: 1px solid #CECECE;height: 114px !important;vertical-align: top;color: #646464;padding: 0;} 
.counsel-rsv .ct_day {color: #646464;line-height: 1.5;font-size: 15px;font-weight: 500;} 
.counsel-rsv .ct td:first-child { border-left: 0; } 
.counsel-rsv .ct td:last-child { border-right: 0; } 
.counsel-rsv .ct tr:last-child td { border-bottom: 0; } 
.counsel-rsv .ct td.ct_today { background-color: #F7F7F7; } 
.counsel-rsv .ct_wrap { padding-top: 5px; padding-left: 15px; } 
.ct th.sat,
.ct td .ct_day.sat{ color: #36318F; } 
.ct th.sun,
.ct td .ct_day.sun { color: #B60081; } 
.calendar-list { width: calc(100% - 750px); padding-left: 30px; } 
.calendar-list__hd {display: flex;align-items: center;justify-content: center;height: 40px;border: 1px solid #E4E4E4;background-color: #F7F7F7;border-radius: 10px;margin-bottom: 15px;} 
.calendar-list__hd .list-hd__tit {font-size: 16px;} 
.calendar-list__hd .more_btn { font-size: 16px; text-decoration: underline; } 
.calendar-list__bd ul.no-list { position: relative;  text-align: center; display: flex; align-items: center; justify-content: center;} 
.calendar-list__bd li {display: flex;align-items: center;padding-top: 20px;} 
.calendar-list__bd li:not(:last-child) {} 
.calendar-list__bd {border: 1px solid #e4e4e4;border-radius: 10px;padding: 0px 20px 20px;background-color: #fff;height: 383px;position: relative;} 
.calendar-list__bd [class *= "legend"] {width: 80px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 15px;color: #fff;margin-right: 10px;font-weight: 700;font-size: 14px;} 
.calendar-list__bd .list-cont {width: calc(100% - 80px - 15px);font-size: 14px;font-weight: 500;} 
.calendar-list__bd .list-bd__tit { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; font-weight: 500; position: relative; line-height: 1.5; } 
.counsel-rsv .ct_day::after {content: '일';}
.calendar-list__bd .list-bd__tit:hover { text-decoration: underline; } 
.calendar-list__bd .list-bd__date { font-size: 14px; color: #5B5B5B; line-height: 1.5; margin-top: 5px; } 
.counsel-rsv .ct td:focus { outline-width: 1px !important; outline-style: solid !important; outline-color: #000!important; } 
.ct_skd_list li a::before { content: ''; width: 12px; height: 12px; border-radius: 50%; margin-right: 10px; } 
.counsel-rsv .ct td.active { background-color: #F8E5F2; } 
.calendar-list__bd .list-bd__select { padding: 20px 0; text-align: center; font-size: 16px; font-weight: 500; border-bottom: 1px solid #E4E4E4; } 
.calendar-list__bd .list-ul {height: calc(100% - 145px);overflow-y: auto;margin-bottom: 20px;} 
.calendar-list__bd .cont-btn .btn{font-size: 18px; font-weight: 700;}
.calendar-list__bd .cont-btn .btn.black{background-color: #292929;}
.calendar-list__info{margin-top: 25px; padding: 20px; background-color: #F6F7F7; border-radius: 10px;}
.calendar-list__info p{display: flex; line-height: 2; font-size: 12px;}
.calendar-list__info p:not(:last-child){margin-bottom: 5px;}
.calendar-list__info p::before{content: '*'; margin-right: 3px;}



.progress-box{width: 90px; height: 30px; background-color: #424242; color: #fff; border-radius: 15px; font-size: 16px; font-weight: 700; display: flex; align-items: center; justify-content: center;}
.td-progress.complete .progress-box{background-color: #B60081;}

.checkbox .small-txt,
.checkbox input[type="checkbox"] + label .small-txt{font-size: 14px;}
.checkbox.flex-start input[type="checkbox"] + label{align-items: flex-start;}
.checkbox.flex-start input[type="checkbox"] + label::before{margin-top: 5px;}
.checkbox .declaration_txt{display: block; width: 100%; padding-left: 35px; font-size: 14px; margin-top: 5px;}
.input-wrap .width-big{width: 70%;}
.input-wrap .width-small{margin-left: 10px;flex: 1;}
.width-full{width: 100%;}

.dis-lms.dis-aply .aply-cont{flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 37px 0 30px;}
.dis-lms.dis-aply .aply-cont .img{width: 75px; height: 75px; margin-right: 0; margin-bottom: 5px;}
.dis-lms.dis-aply .aply-cont p{font-size: 18px; font-weight: 500;}
.dis-lms.dis-aply .aply-info{height: 118px;padding: 17px 0;display: flex;flex-direction: column;justify-content: center;}
.dis-lms.dis-aply .aply-cont .tit{margin-bottom: 10px;}
.dis-lms.dis-aply .list01 .aply-cont .tit{color: #61218A;}
.dis-lms.dis-aply .list02 .aply-cont .tit{color: #36318F;}
.dis-lms.dis-aply .list01 .aply-info{background-color: #EFE8F3;}
.dis-lms.dis-aply .list02 .aply-info{background-color: #EAEAF4;}


.dis-lms.dis-info .direction-tab > ul{justify-content: center;}
.dis-info__box{border: 1px solid #e4e4e4; border-radius: 20px; overflow: hidden;}
.dis-info__img .img-wrap{position: relative; overflow: hidden; width: 100%; height: 0; padding-bottom: 25.5%;}
.dis-info__img img{position: absolute; top: 0; left: 0; width: 100%;  height: 100%; object-fit: cover;}
.dis-info__cont{padding: 36px 40px 25px; min-height: 250px;}
.dis-info__cont .wrap{position: relative;}
.dis-info__cont .tit{font-size: 28px; color: #232323;}
.dis-info__cont .subTit{margin-top: 19px; color: #232323; display: block;}
.dis-info__cont .cont{line-height: 1.6; color: #232323; margin-top: 15px;}
.dis-info__cont .info-btn{position: absolute; top: 0; right: 0;}
.historyInfo-list > li:not(:last-child){margin-bottom: 100px;}
.historyInfo-box{display: flex;}
.historyInfo-box .l{width: 400px; flex: none;}
.historyInfo-box .l{font-size: 38px; font-weight: 900; position: relative;}
.historyInfo-box .l::before{content: ''; position: absolute; width: 94px; height: 94px; border-radius: 50%;  filter: blur(30px); -webkit-filter: blur(30px); top: -10px; left: 0; z-index: -1;}
.historyInfo-box .l.color-pink{color: #B60081;}
.historyInfo-box .l.color-navy{color: #36318F;}
.historyInfo-box .l.color-purple{color: #61218A;}
.historyInfo-box .l.color-pink::before{ background-color: rgba(182, 0, 129, 0.25);}
.historyInfo-box .l.color-navy::before{ background-color: rgba(54, 49, 143, 0.25);}
.historyInfo-box .l.color-purple::before{ background-color: rgba(97, 33, 138, 0.25);}
.historyInfo-box .r{flex: 1;}
.historyInfo-box .list{display: flex; align-items: center; position: relative;}
.historyInfo-box .list:not(:last-child){padding-bottom: 30px;}
.historyInfo-box .list-tit{display: flex; align-items: center; margin-right: 130px; font-size: 20px; font-weight: 500;}
.historyInfo-box .list-tit::before{content: ''; width: 8px; height: 8px; background: #000; border-radius: 50%; margin-right: 20px;}
.historyInfo-box .list-tit::after{content: ''; position: absolute; top: 20px; left: 4px; width: 1px; height: 100%; background: #e4e4e4; z-index: -1;}
.historyInfo-box .list:last-child .list-tit::after{display: none;}
.historyInfo-box .list-cont{flex: 1;border: 1px solid #e4e4e4;border-radius: 25px;height: 50px;text-align: center;padding: 10px 0;background: #fff;}
.historyInfo-box .list-cont p{font-size: 20px; font-weight: 500; color: inherit;}
.historyInfo-box .list-cont.bg-pink{background-color: #B60081; color: #fff;}
.historyInfo-box .list-cont.bg-purple{background-color: #61218A; color: #fff;}
.historyInfo-box .list-cont br.pad{display: none;}


/* tab-list */
.com-wrap.tab{padding-bottom: 0;}
.tab-list{margin-top: 45px;}
.tab-list ul{display: flex; justify-content: center;}
.tab-list ul li:not(:last-child){margin-right: 20px;}
.tab-list ul li a{min-width: 180px; text-align: center; font-size: 18px; font-weight: 700; color: #888; padding: 10px 0; position: relative;}
.tab-list ul li.active a{color: #61218A; border-bottom: 1px solid #61218A;}

.join_box_cnt .join_box_wr pre .join-box__tit{font-size: 18px; color: #333;}
.join_box_cnt .join_box_wr pre .join-box__tit .num{width: 24px; height: 24px; background-color: #424242; border-radius: 5px; font-size: 14px; font-weight: 700; color: #fff; display: flex; align-items: center; justify-content: center; margin-right: 8px;}
.join_box_cnt table{border: 1px solid #E4E4E4; border-bottom: 0;}
.join_box_cnt table th, 
.join_box_cnt table td{font-size: 14px; border-bottom: 1px solid #e4e4e4;}
.join_box_cnt table th{width: 145px; background-color: #F7F7F7; text-align: center; font-weight: 400;}
.join_box_cnt table td{padding: 10px;}

.cont-box .list.list02::before{content: '-';}
.counsel-inquiry{border-radius: 15px; border: 1px solid #F6F7F7; box-shadow: 0 0 10px rgba(0,0,0,0.05); padding: 100px 0; text-align: center;}
.inquiry-list > ul{display: flex; align-items: center; justify-content: center; height: 260px;}
.inquiry-list > ul > li{position: relative;}
.inquiry-list > ul > li:not(:last-child){padding-right: 20px;}
.inquiry-list > ul > li:not(:last-child)::after{content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 20px; height: 20px; background: no-repeat 50% / cover; background-image: url(../../images/cmn/ico-arr_gray.svg);}
.inquiry-list .box{width: 180px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 15px; font-size: 24px; font-weight: 700; color: #fff;}
.inquiry-list .box.box-pink{background-color: #B60081;}
.inquiry-list .box.box-purple{background-color: #61218A;}
.inquiry-list .box-list .box{height: 40px; border: 1px solid #BABABA; background-color: #F7F7F7; font-size: 18px; color: #757575; position: relative;}
.inquiry-list .box-list li > div:not(:last-child){margin-bottom: 20px;}
.inquiry-list .box-wrap{position: relative;}
.inquiry-list .box-wrap .top{position: absolute; bottom: calc(100% + 20px);}
.inquiry-list .box-wrap .bottom{position: absolute; top: calc(100% + 20px);}
.inquiry-list .box-list .box::after{content: ''; position: absolute; left: 50%; transform: translateX(-50%); width: 1px; height: 21px; background: #888;}
.inquiry-list .box-list .top .box::after{top: 100%;}
.inquiry-list .box-list .bottom .box::after{ bottom: 100%;}

/* govInfo */
.govInfo .dis-top__box{background-image: url(../../images/user/sub/govInfo-bg.png);}
.govInfo .dis-cont__bottom .sub-tit{margin-top: 110px; padding-bottom: 40px;}
.govInfo .dis-cont__bottom .sub-tit h3::before,
.govInfo .dis-cont__bottom .sub-tit h3::after{content: ''; width: 300px; height: 1px; background: #D0D0D0; margin: 0 38px;}
.govInfo .dis-cont__bottom .sub-tit h3{font-size: 28px; font-weight: 500; display: flex; align-items: center; justify-content: center;}
.govInfo .dis-cont__bottom .img-wrap{ width: 280px; height: 267px; flex-direction: column; }
.govInfo .dis-cont__bottom .cont{margin-top: 0;}
.govInfo .dis-cont__bottom .list.listValue > li{flex: none;} 
.govInfo .dis-cont__bottom .cont::before, 
.govInfo .dis-cont__bottom .cont::after { display: none; } 
.govInfo .dis-cont__bottom .list01 .img-wrap{background-color: rgba(97,33,138,0.1);}
.govInfo .dis-cont__bottom .list02 .img-wrap{background-color: rgba(182,0,129,0.1);}
.govInfo .dis-cont__bottom .list03 .img-wrap{background-color: rgba(54,49,143,0.1);}
.govInfo .dis-cont__bottom .list01 .tit{color: #61218A;}
.govInfo .dis-cont__bottom .list02 .tit{color: #B60081;}
.govInfo .dis-cont__bottom .list03 .tit{color: #36318F;}
.govInfo .dis-cont__bottom .list .img-wrap .tit{font-size: 31px; margin-top: 10px;}
.govInfo .dis-cont__bottom .cont.flex-c-all{justify-content: center;}
.govInfo .dis-cont__bottom .cont .list-num{margin-bottom: 10px;}
.sub-list{margin-top: 25px;}
.sub-list > li:not(:last-child){margin-right: 30px;}
.sub-list .tit{font-size: 12px; display: flex; align-items: center; margin-right: 5px;}
.sub-list .tit::before{content: ''; width: 11px; height: 11px; background: #292929; border-radius: 50%; margin-right: 5px;}
.sub-list p{font-size: 12px;}
.supportSys .dis-top__box{background-image: url(../../images/user/sub/supportSys-bg.png);}
.cont-list.flex .cont-tit{margin-bottom: 0; flex: none; width: 200px;}
.counsel-info.type2 .cont-box{flex: 1;}
.counsel-info.type2 .cont-list.flex .cont-tit{font-weight: 500;}
.counsel-info.type2 .img-wrap{width: 180px; height: 160px; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 4px solid #F7F7F7; border-bottom: 0; border-radius: 20px 20px 0 0;}
.counsel-info.type2 .cont-box.cont-box__list{background-color: transparent;border: 0;padding: 0;}
.counsel-info.type2 .cont-box__list li{padding: 0 10px; flex: 1; margin: 0;}
.counsel-info.type2 .cont-box__list .list-box{border-radius: 20px; overflow: hidden; height: 100%;}
.counsel-info.type2 .cont-box__list .cont{background-color: #F7F7F7; padding: 10px 15px 22px; height: calc(100% - 160px); color: #5B5B5B;}
.counsel-info.type2 .cont-box__list .list-tit{font-size: 20px; font-weight: 700; color: #232323;}
.cont-btn .btn.btn-full{max-width: 780px;width: 100%;margin: 0 auto;}
.cont-box > ul.process-list > li:not(:last-child){margin-bottom: 0;}
.counsel-box__txt strong{font-size: inherit;}
.width-160{width: 160px;}
.height-160{height: 160px;}
.cir-box{border-radius: 50%;}
.process-list{margin: 0 -10px;}
.process-list > li{padding: 0 10px;}
.process-list .list-num{margin-bottom: 10px;}
.process-list .list-tit{color: #292929; font-size: 20px;}



@media screen and (min-width: 1201px) {
    .direction-tab > ul{transform: none !important;}
}

/* common bbs table - Figma 9958:16979 / 9976:19547 */
.bbsBoard.type-table {
    overflow-x: auto;
}
.bbsBoard.type-table table.tbl-list {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    border-top: 1px solid #BABABA;
}
.bbsBoard.type-table table.tbl-list col:nth-child(3) {
    width: 12% !important;
}
.bbsBoard.type-table table.tbl-list col:nth-child(5) {
    width: 10% !important;
}
.bbsBoard.type-table table.tbl-list thead tr {
    background: #F7F7F7;
}
.bbsBoard.type-table table.tbl-list thead th {
    height: 80px;
    padding: 0 8px;
    border: 0;
    border-bottom: 1px solid #E4E4E4;
    border-radius: 0;
    color: #000;
    font-family: 'Pretendard Variable', sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}
.bbsBoard.type-table table.tbl-list tbody tr {
    background: #fff;
    transition: background-color .2s;
}
.bbsBoard.type-table table.tbl-list tbody tr:hover {
    background: rgba(0, 0, 0, .03);
}
.bbsBoard.type-table table.tbl-list tbody tr:hover td {
    background: transparent;
}
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice,
.bbsBoard.type-table table.tbl-list tbody tr.notice,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed {
    background: #F0F6FB;
}
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed:hover,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice:hover,
.bbsBoard.type-table table.tbl-list tbody tr.notice:hover,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed:hover {
    background: #ECF2F7;
}
.bbsBoard.type-table table.tbl-list tbody tr:last-child td {
    border-bottom-color: #BABABA;
}
.bbsBoard.type-table table.tbl-list tbody td {
    height: 80px;
    padding: 0 8px;
    border: 0;
    border-bottom: 1px solid #E4E4E4;
    color: #757575;
    font-family: 'Pretendard Variable', sans-serif;
    font-size: 18px;
    font-weight: 500;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
}
.bbsBoard.type-table table.tbl-list tbody td.ta-l {
    max-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-align: left;
    text-overflow: ellipsis;
}
.bbsBoard.type-table table.tbl-list tbody td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody td.ta-l .ellipsis {
    display: block;
    max-width: 100%;
    overflow: hidden;
    color: #000;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.bbsBoard.type-table table.tbl-list tbody td.ta-l a {
    color: #000;
}
.bbsBoard.type-table table.tbl-list tbody tr:hover td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr:hover td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr:hover td.ta-l .ellipsis {
    text-decoration: underline;
}
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.is-fixed td.ta-l .ellipsis,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.is-notice td.ta-l .ellipsis,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.notice td.ta-l .ellipsis,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l a,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l .fs-20,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l .text-over,
.bbsBoard.type-table table.tbl-list tbody tr.bbs-fixed td.ta-l .ellipsis {
    font-weight: 700;
}
.bbsBoard.type-table table.tbl-list tbody td .fs-20 {
    color: inherit;
    font-size: 20px !important;
    font-weight: 500;
    line-height: 40px;
    white-space: nowrap;
}
.bbsBoard.type-table table.tbl-list .bbs-fixed-badge,
.bbsBoard.type-table table.tbl-list .bbs-notice-badge,
.bbsBoard.type-table table.tbl-list .badge-notice {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 70px;
    height: 36px;
    padding: 0 12px;
    border-radius: 5px;
    background: #E4E4E4;
    color: #292929;
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}
.bbsBoard.type-table table.tbl-list .bbs-fixed-pin,
.bbsBoard.type-table table.tbl-list .bbs-notice-pin,
.bbsBoard.type-table table.tbl-list .ico-pin {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    background: #292929 url('../../images/ico/ico-pin_w.svg') no-repeat 50% / 20px 20px;
    vertical-align: middle;
}
.bbsBoard.type-table table.tbl-list .ico-download,
.bbsBoard.type-table table.tbl-list .item-ico.ico-download {
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url('../../images/ico/ico-download_gray.svg') no-repeat 50% / contain;
    vertical-align: middle;
}

@media screen and (max-width:1024px) {
    .bbsBoard.type-table {
        overflow-x: visible;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card,
    .bbsBoard.type-table table.tbl-list.tbl-card tbody {
        display: block;
        width: 100%;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card colgroup,
    .bbsBoard.type-table table.tbl-list.tbl-card thead {
        display: none;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card tbody tr {
        display: block;
        padding: 14px 16px;
        border-bottom: 1px solid #E4E4E4;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card tbody tr:last-child {
        border-bottom-color: #BABABA;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td {
        position: relative;
        display: flex;
        align-items: flex-start;
        box-sizing: border-box;
        min-height: 34px;
        height: auto;
        padding: 6px 0 6px 100px;
        border: 0;
        color: #757575;
        font-size: 16px;
        line-height: 24px;
        text-align: left !important;
        white-space: normal;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td[data-titletxt]::before {
        content: attr(data-titletxt);
        position: absolute;
        top: 6px;
        left: 0;
        display: block;
        width: 84px;
        height: auto;
        padding: 0;
        background: transparent;
        color: #292929;
        font-size: 15px;
        font-weight: 700;
        z-index: auto;
        line-height: 24px;
        text-align: left;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l {
        max-width: none;
        white-space: normal;
    }
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l a,
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l .fs-20,
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l .text-over,
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td.ta-l .ellipsis,
    .bbsBoard.type-table table.tbl-list.tbl-card tbody td .fs-20 {
        display: block;
        max-width: 100%;
        font-size: 16px !important;
        line-height: 24px;
        white-space: normal;
    }
    .bbsBoard.type-table table.tbl-list .bbs-fixed-badge,
    .bbsBoard.type-table table.tbl-list .bbs-notice-badge,
    .bbsBoard.type-table table.tbl-list .badge-notice {
        min-width: 54px;
        height: 28px;
        padding: 0 10px;
        font-size: 15px;
        line-height: 20px;
    }
    .bbsBoard.type-table table.tbl-list .bbs-fixed-pin,
    .bbsBoard.type-table table.tbl-list .bbs-notice-pin,
    .bbsBoard.type-table table.tbl-list .ico-pin {
        width: 30px;
        height: 30px;
        background-size: 18px 18px;
    }
    .bbsBoard.type-table table.tbl-list .ico-download,
    .bbsBoard.type-table table.tbl-list .item-ico.ico-download {
        width: 32px;
        height: 32px;
    }
}


/* Research achievements - promising technologies */
.page-promising-tech .topBanner { background-image: url("../../images/user/sub/topBanner02.png"); background-position: 50% 50%; }
.page-promising-tech .content-area { padding-bottom: 36px; }
.page-promising-tech .promising-hero-area + .promising-list-area { margin-top: 64px; }
.page-promising-tech .promising-hero { position: relative; min-height: 304px; overflow: hidden; display: flex; align-items: flex-end; padding: 40px; border-radius: 5px; background: url("../../images/user/sub/sub02/promising-hero-banner.png") no-repeat 50% 50% / cover; }
.page-promising-tech .promising-hero__text { position: relative; z-index: 1; color: #fff; }
.page-promising-tech .promising-hero__eyebrow { display: block; margin-bottom: 16px; color: #fff; font-size: 28px; font-weight: 500; line-height: 34px; }
.page-promising-tech .promising-hero__title { display: block; color: #fff; font-size: 56px; font-weight: 700; line-height: 1.18; letter-spacing: 0; }
.page-promising-tech .sect-tit { margin-bottom: 30px; }
.page-promising-tech .sect-tit h2 { color: #000; font-size: 30px; font-weight: 700; line-height: 1.35; }
.page-promising-tech .promising-bbsBar { align-items: center; gap: 24px; padding-bottom: 30px; }
.page-promising-tech .promising-bbsBar .bbsBar-subTit { flex: 1; min-width: 120px; color: #000; font-size: 20px; font-weight: 500; line-height: 24px; }
.page-promising-tech .promising-bbsBar .bbsBar-subTit b { font-weight: 700; }
.page-promising-tech .promising-bbsBar .input-group { align-items: center; gap: 16px; }
.page-promising-tech .date-range { display: flex; align-items: center; gap: 14px; }
.page-promising-tech .date-input { width: 174px; height: 50px; padding: 0 56px 0 20px; border: 1px solid #E4E4E4; border-radius: 5px; background: #fff url("../../images/cmn/ico-calendar.svg") no-repeat right 12px center / 32px 32px; color: #757575; font-size: 16px; font-weight: 500; line-height: 20px; }
.page-promising-tech .date-input::placeholder,
.page-promising-tech .sch-input input::placeholder { color: #BABABA; opacity: 1; }
.page-promising-tech .date-dash { width: 14px; height: 1px; background: #757575; }
.page-promising-tech .sch-select select { width: 192px; }
.page-promising-tech .sch-input input { color: #424242; line-height: 20px; }
.page-promising-tech .promising-card-list ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.page-promising-tech .promising-card-list > ul > li { width: auto; margin-bottom: 0; }
.page-promising-tech .promising-card-list .bbsItem { display: block; height: 100%; padding: 40px 30px; border: 1px solid #E4E4E4; border-radius: 5px; background: #fff; transition: border-color .2s, box-shadow .2s, transform .2s; }
.page-promising-tech .promising-card-list .bbsItem:hover,
.page-promising-tech .promising-card-list .bbsItem:focus { border-color: #5381B7; box-shadow: 0 14px 32px rgba(49, 76, 106, .12); transform: translateY(-2px); }
.page-promising-tech .bbsItem-top { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.page-promising-tech .bbsItem-top strong { color: #314C6A; font-size: 20px; font-weight: 700; line-height: 24px; white-space: nowrap; }
.page-promising-tech .bbsItem-top strong::after { content: ''; display: inline-block; width: 1px; height: 10px; margin-left: 10px; background: #D0D0D0; vertical-align: 0; }
.page-promising-tech .bbsItem-top span { color: #757575; font-size: 20px; font-weight: 500; line-height: 24px; white-space: nowrap; }
.page-promising-tech .promising-card-list .tit { min-height: 76px; color: #000; font-size: 26px; font-weight: 700; line-height: 38px; word-break: keep-all; }
.page-promising-tech .promising-card-list .img { margin-top: 30px; height: 228px; overflow: hidden; background: #F7F7F7; }
.page-promising-tech .promising-card-list .img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-promising-tech .bbsPaging { margin: 50px 0 0; }
.page-promising-tech .bbsPaging a { width: 40px; height: 40px; margin-right: 8px; border: 1px solid #E4E4E4; border-radius: 2px; color: #BABABA; font-size: 18px; font-weight: 400; line-height: 38px; }
.page-promising-tech .bbsPaging .num.on a { border-color: #5381B7; background: #5381B7; color: #fff; font-weight: 700; }
.page-promising-tech .bbsPaging .prev,
.page-promising-tech .bbsPaging .next { background-color: #fff; background-size: 6px 12px; }
.page-promising-tech .manage-area { padding-bottom: 80px; }
.page-promising-tech footer .ft-info { padding: 60px 0; background: #F7F7F7; }
.page-promising-tech footer .ft-info .inner,
.page-promising-tech footer .ft-site .inner { max-width: calc(1560px + 80px); }
.page-promising-tech footer .ft-logo img { width: 206px; height: auto; }
.page-promising-tech footer .ft-info address { margin-top: 28px; }
.page-promising-tech footer .ft-info address ul li { color: #757575; font-size: 16px; font-weight: 500; line-height: 20px; }
.page-promising-tech footer .ft-info address ul li:not(:last-child)::after { background: #D0D0D0; }
.page-promising-tech footer .family-btn { width: 256px; height: 46px; border: 1px solid #E4E4E4; border-radius: 5px; background: #fff; color: #757575; font-size: 18px; font-weight: 600; }
.page-promising-tech footer .family-btn::before,
.page-promising-tech footer .family-btn::after { width: 14px; background: #757575; }
.page-promising-tech footer .ft-site { padding: 20px 0; background: #5381B7; }
.page-promising-tech footer .ft-site__nav { align-items: center; }
.page-promising-tech footer .ft-site__nav li:not(:last-child)::after { height: 12px; background: rgba(255, 255, 255, .26); }
.page-promising-tech footer .ft-site__nav a { color: rgba(255, 255, 255, .80); font-size: 18px; font-weight: 500; }
.page-promising-tech footer .ft-site__nav li:first-child a { color: rgba(255, 255, 255, .80); font-weight: 500; }
.page-promising-tech footer .copyright { margin: 0; color: rgba(255, 255, 255, .48); font-size: 14px; font-weight: 500; line-height: 18px; }

@media (max-width: 1280px) {
    .page-promising-tech .promising-bbsBar { align-items: flex-start; flex-direction: column; }
    .page-promising-tech .promising-bbsBar .bbsBar-sch,
    .page-promising-tech .promising-bbsBar .input-group { width: 100%; }
    .page-promising-tech .promising-bbsBar .input-group { flex-wrap: wrap; justify-content: flex-end; }
    .page-promising-tech .sch-input { flex: 1; min-width: 320px; }
    .page-promising-tech .sch-input input { width: 100%; }
    .page-promising-tech .promising-card-list ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 900px) {
    .page-promising-tech .promising-hero { min-height: 260px; padding: 32px; }
    .page-promising-tech .promising-hero::after { right: -130px; bottom: -150px; width: 540px; }
    .page-promising-tech .promising-hero__eyebrow { font-size: 22px; line-height: 30px; }
    .page-promising-tech .promising-hero__title { font-size: 42px; }
    .page-promising-tech .date-range { width: 100%; }
    .page-promising-tech .date-input { flex: 1; min-width: 0; }
    .page-promising-tech footer .ft-info .inner,
    .page-promising-tech footer .ft-site .inner { display: block; }
    .page-promising-tech footer .ft-r { margin-top: 28px; }
    .page-promising-tech footer .ft-site__nav { margin-top: 16px; flex-wrap: wrap; gap: 10px 0; }
}

@media (max-width: 640px) {
    .page-promising-tech .promising-hero-area + .promising-list-area { margin-top: 48px; }
    .page-promising-tech .promising-hero { min-height: 230px; padding: 28px 24px; }
    .page-promising-tech .promising-hero::after { right: -210px; bottom: -150px; width: 500px; opacity: .34; }
    .page-promising-tech .promising-hero__eyebrow { margin-bottom: 10px; font-size: 18px; line-height: 26px; }
    .page-promising-tech .promising-hero__title { font-size: 32px; line-height: 1.25; }
    .page-promising-tech .sect-tit h2 { font-size: 24px; }
    .page-promising-tech .promising-bbsBar .input-group { display: block; }
    .page-promising-tech .date-range,
    .page-promising-tech .sch-select,
    .page-promising-tech .sch-input { width: 100%; margin-top: 10px; }
    .page-promising-tech .date-range { margin-top: 0; }
    .page-promising-tech .sch-select select,
    .page-promising-tech .sch-input input { width: 100%; }
    .page-promising-tech .promising-card-list ul { grid-template-columns: 1fr; gap: 20px; }
    .page-promising-tech .promising-card-list .bbsItem { padding: 28px 22px; }
    .page-promising-tech .bbsItem-top { flex-wrap: wrap; gap: 6px 10px; }
    .page-promising-tech .bbsItem-top strong,
    .page-promising-tech .bbsItem-top span { font-size: 16px; line-height: 22px; }
    .page-promising-tech .promising-card-list .tit { min-height: auto; font-size: 20px; line-height: 30px; }
    .page-promising-tech .promising-card-list .img { height: 180px; margin-top: 22px; }
    .page-promising-tech .bbsPaging a { width: 36px; height: 36px; line-height: 34px; font-size: 15px; }
    .page-promising-tech footer .ft-info { padding: 42px 0; }
    .page-promising-tech footer .family-btn { width: 100%; }
}

/* KBRI introduction - former directors */
.page-former-director * { letter-spacing: 0; }
.page-former-director,
.page-former-director .contents,
.page-former-director main,
.page-former-director .sect-tab,
.page-former-director .content-area,
.page-former-director .manage-area { background: #fff; }
.page-former-director header,
.page-former-director header.on { background: #fff; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.10); backdrop-filter: none; }
.page-former-director .hd-logo a { display: block; width: 218px; height: 46px; background: url("../../images/cmn/hd-logo.svg") no-repeat 50% / contain; }
.page-former-director .depth-box { display: none; }
.page-former-director .gnb-cont > li > a { color: #292929; font-family: var(--f-nanum), 'Pretendard Variable', sans-serif; font-size: 22px; font-weight: 400; }
.page-former-director .gnb-cont > li.active > a { font-weight: 700; }
.page-former-director .lang-btn,
.page-former-director .lang-btn p { color: #002F63; }
.page-former-director .gnb-control i,
.page-former-director .lang-btn i { filter: none; }
.page-former-director .ico-print { width: 30px; height: 30px; background-image: url("../../images/cmn/ico-print.svg"); }
.page-former-director .ico-slide_arr { position: relative; width: 12px; height: 12px; }
.page-former-director .ico-slide_arr::before { content: ''; position: absolute; inset: 0; border-top: 1px solid #757575; border-right: 1px solid #757575; transform: rotate(45deg); }
.page-former-director .swiper-prev .ico-slide_arr::before { transform: rotate(-135deg); }
/* ico-close.svg 는 흰색(fill:#fff) 으로 제작되어 어두운 배경 가정.
   서브의 모달/사이트맵 닫기 버튼은 흰 배경 위에 놓이므로 검은색으로 반전. */
.page-former-director .ico-close { display: inline-block; width: 24px; height: 24px; background-image: url("../../images/cmn/ico-close.svg"); background-repeat: no-repeat; background-position: 50% 50%; background-size: 24px 24px; filter: brightness(0); }

.page-former-director .topBanner { position: relative; height: 330px; padding-top: 100px; background: url("../../images/user/sub/sub01/top-banner-kbri.png") no-repeat 50% 50% / cover; }
.page-former-director .topBanner::before { content: ''; position: absolute; inset: 0; background: rgba(21, 22, 58, 0.20); }
.page-former-director .topBanner .inner { position: relative; z-index: 1; height: 100%; }
.page-former-director .topBanner-cont { height: 100%; display: flex; align-items: center; justify-content: center; padding-bottom: 40px; }
.page-former-director .topBanner-cont strong { color: #fff; font-size: 50px; font-weight: 700; line-height: 1.12; text-align: center; text-shadow: 0 0 10px rgba(39, 49, 75, 0.80); }
.page-former-director .topBanner .lnb { position: absolute; left: 50%; bottom: -30px; transform: translateX(-50%); z-index: 2; width: auto; }
.page-former-director .lnb-ul { display: flex; align-items: center; justify-content: center; gap: 40px; min-height: 60px; padding: 0 90px; border: 1px solid #E4E4E4; border-radius: 5px; background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.05); white-space: nowrap; }
.page-former-director .lnb-ul a { color: #757575; font-size: 20px; font-weight: 500; line-height: 40px; }
.page-former-director .lnb-ul a.active { color: #424242; font-weight: 700; }

.page-former-director .sect-tab { padding-top: 64px; }
.page-former-director .sect-tab .inner,
.page-former-director .content-area .inner,
.page-former-director .manage-area .inner { max-width: calc(1440px + 80px); }
.page-human-rights .inner { box-sizing: border-box; }
.page-former-director .sect-tab .inner { display: flex; align-items: center; gap: 40px; }
.page-former-director .tab-menu { display: flex; flex: 1; border-bottom: 1px solid #E4E4E4; }
.page-former-director .tab-menu li { flex: 1; }
.page-former-director .tab-menu .tab-btn { position: static; transform: none; width: 100%; height: auto; display: flex; align-items: center; justify-content: center; padding: 14px; color: #BABABA; font-size: 20px; font-weight: 500; line-height: 24px; }
.page-former-director .tab-menu .tab-btn::before,
.page-former-director .tab-menu .tab-btn::after { display: none; }
.page-former-director .tab-menu .tab-btn.active { color: #5381B7; font-weight: 700; border-bottom: 3px solid #5381B7; margin-bottom: -1px; }
.page-former-director .print-area { flex: none; }
.page-former-director .print-btn { width: 50px; height: 50px; border: 1px solid #E4E4E4; background: #F7F7F7; display: flex; align-items: center; justify-content: center; }

.page-former-director .content-area { padding: 64px 0 36px; }
.page-former-director .former-director-title { margin-bottom: 64px; color: #000; font-size: 40px; font-weight: 700; line-height: 56px; }
.page-former-director .director-slide02 { position: relative; overflow: hidden; }
.page-former-director .director-slide02 .swiper-slide { background: #fff; }
.page-former-director .director-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 60px; min-height: 468px; }
.page-former-director .director-top__l { position: relative; flex: 1; min-width: 0; padding-bottom: 56px; }
.page-former-director .sect-tit { margin-bottom: 40px; }
.page-former-director .sect-tit h3 { color: #314C6A; font-size: 28px; font-weight: 700; line-height: 40px; }
.page-former-director .history-item__tit { display: inline-flex; align-items: center; justify-content: center; min-width: 68px; min-height: 38px; margin-bottom: 40px; padding: 8px 18px; background: #5381B7; color: #fff; font-size: 18px; font-weight: 600; line-height: 22px; }
.page-former-director .history-item { --year-col: 140px; --col-gap: 30px; --dot-size: 10px; --item-gap: 34px; position: relative; display: grid; grid-template-columns: var(--year-col) minmax(0, 1fr); gap: var(--col-gap); align-items: center; }
.page-former-director .history-item + .history-item { margin-top: var(--item-gap); }
.page-former-director .history-item .year { color: #5381B7; font-size: 30px; font-weight: 600; line-height: 36px; }
.page-former-director .history-item .content { position: relative; padding-left: 30px; }
.page-former-director .history-item .content::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: var(--dot-size); height: var(--dot-size); border-radius: 50%; background: #5381B7; z-index: 1; }
.page-former-director .history-item:not(:last-child)::after { content: ''; position: absolute; left: calc(var(--year-col) + var(--col-gap) + var(--dot-size) / 2); top: 50%; bottom: calc(-1 * var(--item-gap) - 50%); width: 1px; transform: translateX(-50%); background: #E4E4E4; z-index: 0; }
.page-former-director .history-item .content p { color: #000; font-size: 22px; font-weight: 500; line-height: 36px; word-break: keep-all; }
.page-former-director .history-item .content p.sub-note { color: #5B5B5B; font-family: 'Pretendard Variable', Pretendard Variable, sans-serif; font-size: 20px; font-weight: 500; line-height: 36px; }

.page-former-director .director-top__r { flex: 0 0 452px; display: flex; flex-direction: column; align-items: flex-end; gap: 24px; }
.page-former-director .director-img { width: 396px; }
.page-former-director .director-img > img { display: block; width: 100%; height: auto; }
.page-former-director .director-name { display: flex; align-items: center; justify-content: flex-end; gap: 24px; width: 100%; white-space: nowrap; }
.page-former-director .director-name span { color: #424242; font-size: 26px; font-weight: 600; line-height: 44px; }
.page-former-director .director-name strong { color: #000; font-family: 'Nanum YeDangCe', 'Nanum Myeongjo', serif; font-size: 48px; font-weight: 400; line-height: 1; }
.page-former-director .director-signature { display: block; width: auto; height: 46px; max-width: none; }
.page-former-director .area-btn.full { margin-top: 64px; }
.page-former-director .btn.btn-line { width: 100%; height: 48px; border: 1px solid #5381B7; border-radius: 8px; color: #5381B7; background: #fff; font-size: 18px; font-weight: 400; transition: background .2s, color .2s; }
.page-former-director .btn.btn-line:hover,
.page-former-director .btn.btn-line:focus { background: #5381B7; color: #fff; }
.page-former-director .swiper-control { position: absolute; top: 0; right: 540px; z-index: 2; display: flex; align-items: center; gap: 14px; }
.page-former-director .swiper-btn { width: 40px; height: 40px; border: 1px solid #E4E4E4; background: #fff; display: flex; align-items: center; justify-content: center; }

.page-former-director .manage-area { padding: 0 0 100px; }
.page-former-director .manage-box { display: flex; min-height: 76px; border: 1px solid #E4E4E4; border-radius: 2px; background: #fff; overflow: hidden; }
.page-former-director .manage-hd { flex: 0 0 14.07%; display: flex; align-items: center; justify-content: center; background: #E0E7F4; padding: 18px 24px; }
.page-former-director .manage-hd strong { color: #424242; font-size: 16px; font-weight: 700; line-height: 20px; }
.page-former-director .manage-bd { display: flex; align-items: center; gap: 20px; padding: 18px 38px; }
.page-former-director .manage-bd span { color: #000; font-size: 16px; font-weight: 500; line-height: 20px; }
.page-former-director .manage-tit { display: inline-flex; align-items: center; gap: 20px; }
.page-former-director .manage-tit::after { content: ''; display: block; width: 1px; height: 15px; background: #D0D0D0; }

.page-former-director .director.modal-common { max-width: 1100px; max-height: 86vh; padding: 0; overflow: hidden; border-radius: 6px; box-shadow: 0 10px 40px rgba(0,0,0,.24); }
.page-former-director .director .modal-wrap { max-height: 86vh; overflow-y: auto; padding: 40px; }
.page-former-director .director .modal-top { display: flex; align-items: center; justify-content: space-between; min-height: 36px; margin-bottom: 24px; }
.page-former-director .director .modal-top strong { color: #292929; font-size: 24px; font-weight: 700; }
/* 모달 닫기 버튼 — ico-close.svg(흰색) 가 흰 모달 위에서 안 보이는 문제를
   원천 차단하기 위해 SVG 배경 대신 ::before/::after 로 직접 X 를 그린다.
   기존 <i class="ico-close"> 는 숨김. cursor 명시로 클릭 가능 표시. */
.page-former-director .director .modal__close { position: relative; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; background: transparent; border: 0; padding: 0; cursor: pointer; }
.page-former-director .director .modal__close .ico-close { display: none; }
.page-former-director .director .modal__close::before,
.page-former-director .director .modal__close::after { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 22px; background: #292929; border-radius: 1px; }
.page-former-director .director .modal__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.page-former-director .director .modal__close::after  { transform: translate(-50%, -50%) rotate(-45deg); }
.page-former-director .director .modal__close:hover::before,
.page-former-director .director .modal__close:hover::after { background: #5381B7; }
.page-former-director .director-content__tit strong { display: block; margin-bottom: 24px; color: #314C6A; font-size: 28px; font-weight: 700; }
.page-former-director .director.modal-common .history-content__list { align-items: flex-start; gap: 48px; }
.page-former-director .director.modal-common .list-l,
.page-former-director .director.modal-common .list-r { flex: 1; min-width: 0; }
.page-former-director .director.modal-common .history-item__list + .history-item__list { margin-top: 42px; }
.page-former-director .director.modal-common .history-item__tit { margin-bottom: 24px; font-size: 16px; min-height: 34px; }
.page-former-director .director.modal-common .history-item { grid-template-columns: 88px minmax(0, 1fr); gap: 24px; }
.page-former-director .director.modal-common .history-item + .history-item { margin-top: 22px; }
.page-former-director .director.modal-common .history-item { --year-col: 88px; --col-gap: 24px; --dot-size: 8px; --dot-top: 11px; --item-gap: 22px; }
.page-former-director .director.modal-common .history-item .year { font-size: 20px; line-height: 30px; }
.page-former-director .director.modal-common .history-item .content { padding-left: 24px; }
.page-former-director .director.modal-common .history-item .content::before { width: 8px; height: 8px; top: 11px; }
/* 모달 약력: 점이 top 11px(상단 고정)이므로, 선도 점 중심에서 시작해 다음 점 중심까지 (top 50% 어긋남 해결) */
.page-former-director .director.modal-common .history-item:not(:last-child)::after { top: var(--dot-top); bottom: calc(-1 * (var(--item-gap) + var(--dot-top))); }
.page-former-director .director.modal-common .history-item .content p { font-size: 17px; line-height: 30px; }

/* KBRI introduction - director greeting */
.page-director-greeting .director-top__l .sect-title__h { font-family: "Pretendard Variable", sans-serif; font-weight: 700; font-size: 40px; line-height: 56px; color: #000; }
.page-director-greeting .director-top__l .sect-title__lead { position: relative; z-index: 0; isolation: isolate; margin-top: 64px; font-family: "Pretendard Variable", sans-serif; font-weight: 700; font-size: 30px; line-height: 44px; color: #5381B7; }
.page-director-greeting .director-top__l .sect-title__lead::before { content: ''; position: absolute; pointer-events: none; left: -110px; top: -26px; width: 148px; height: 102px; border: 0; border-radius: 0; background: url("../../images/user/sub/sub01/director-bg.png") no-repeat 50% / contain; z-index: -1; }
.page-director-greeting .director-top__l .sect-title__desc { margin-top: 46px; padding-bottom: 24px; margin-bottom: 0; font-family: "Pretendard Variable", sans-serif; font-weight: 500; font-size: 20px; line-height: 34px; color: #292929; }
.page-director-greeting .content-area { padding-top: 100px; padding-bottom: 36px; }
.page-director-greeting .director-top { align-items: flex-start; min-height: 0; gap: 64px; width: max-content; max-width: 100%; }
.page-director-greeting .director-top__l { flex: 0 1 auto; margin-top: 0; padding-bottom: 0; width: max-content; }
.page-director-greeting .director-top__r { flex: 0 0 440px; }
.page-director-greeting .director-img { position: relative; width: 100%; max-width: 440px; height: auto; background: none; overflow: visible; border-radius: 0; }
.page-director-greeting .director-img::before,
.page-director-greeting .director-img::after { content: none; display: none; background: none; }
.page-director-greeting .director-img > img { position: static; display: block; width: 575px; height: 595px; max-width: none; left: auto; top: auto; z-index: auto; border-radius: 0; object-fit: initial; -webkit-clip-path: none; clip-path: none; margin-top: 140px; }
.page-director-greeting .director-top .tit-eng { color: #424242; font-size: 18px; font-weight: 200; line-height: 24px; }
.page-director-greeting .director-top .tit { display: block; margin-top: 10px; color: #314C6A; font-size: 28px; font-weight: 700; line-height: 38px; word-break: keep-all; }
.page-director-greeting .director-top .cont { margin-top: 24px; font-family: "Pretendard Variable", sans-serif; color: #292929; font-size: 20px; font-weight: 500; line-height: 34px; word-break: keep-all; }
.page-director-greeting .director-top__l .sect-title__desc > p,
.page-director-greeting .director-top .cont > p,
.page-director-greeting .director-top .cont > .cont-tit { margin: 0; color: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; }
.page-director-greeting .director-top__l .sect-title__desc > p + p,
.page-director-greeting .director-top .cont > p + p,
.page-director-greeting .director-top .cont > p + .cont-tit { margin-top: 24px; }
.page-director-greeting .director-top .cont > .cont-tit { display: block; font-family: "Pretendard Variable", sans-serif; font-weight: 700; font-size: 22px; line-height: 34px; color: #314C6A; }
.page-director-greeting .director-top .cont > .cont-tit + p { margin-top: 8px; }
.page-director-greeting .director-top .cont strong { color: inherit; font-size: inherit; font-weight: inherit; }
.page-director-greeting .director-name { margin-top: 32px; justify-content: flex-start; }
.page-director-greeting .director-name span { font-family: "Pretendard Variable", sans-serif; font-weight: 600; font-size: 18px; line-height: 30px; color: #424242; }
.page-director-greeting .director-name strong { font-family: 'Nanum YeDangCe', 'Nanum Myeongjo', serif; font-weight: 400; font-size: 34px; line-height: 28px; color: #000; }
.page-director-greeting .director-name strong img { display: block; width: 64px; height: 34px; }
.page-director-greeting .director-sign { display: block; width: 140px; height: 32px; }
.page-director-greeting .director-content { margin-top: 48px; }
.page-director-greeting .director-slide { overflow: visible; }
.page-director-greeting .director-slide .swiper-wrapper { display: block; transform: none !important; height: auto !important; }
.page-director-greeting .director-slide .swiper-slide { width: 100% !important; }
.page-director-greeting .director-slide .swiper-slide + .swiper-slide,
.page-director-greeting .director-slide .swiper-control { display: none; }
.page-director-greeting .director-greetings,
.page-director-greeting .director-history { position: relative; overflow: hidden; padding: 50px; border: 1px solid #D0D0D0; background: #fff; }
.page-director-greeting .history-content__list { display: flex; align-items: flex-start; gap: 48px; }
.page-director-greeting .history-content__list .list-l,
.page-director-greeting .history-content__list .list-r { flex: 1; min-width: 0; }
.page-director-greeting .history-item__list + .history-item__list { margin-top: 14px; }
.page-director-greeting .list-l .history-item__list + .history-item__list { margin-top: 40px; }
.page-director-greeting .history-item .year { font-family: "Pretendard Variable", sans-serif; font-weight: 600; font-size: 20px; line-height: 1.4; }
.page-director-greeting .history-item .content p { font-family: "Pretendard Variable", sans-serif; font-weight: 500; font-size: 18px; line-height: 30px; }
.page-director-greeting .history-item { --item-gap: 14px; }
.page-director-greeting .history-item + .history-item { margin-top: var(--item-gap); }
.page-director-greeting .history-item__tit { margin-bottom: 14px; font-family: "Pretendard Variable", sans-serif; font-weight: 600; font-size: 18px; line-height: 22px; }
.page-director-greeting .history-divider { height: 1px; background: #E4E4E4; margin: 40px 0; border: 0; }

/* main-footer 가 fullPage 환경 밖에서도 ft-site 가 올바르게 하단 정렬되도록 */
.main-footer { position: relative; }
.page-director-greeting .history-item__tit--group { margin-bottom: 14px; }
.page-director-greeting .history-sub-tit { margin: 0 0 14px; font-family: "Pretendard Variable", sans-serif; font-weight: 700; font-size: 18px; line-height: 30px; color: #000000; }
.page-director-greeting .director-content__tit,
.page-director-greeting .greetings-cont { position: relative; z-index: 1; }
.page-director-greeting .director-content__tit { margin-bottom: 40px; }
.page-director-greeting .director-content__tit strong { margin-bottom: 0; font-family: "Pretendard Variable", sans-serif; color: #314C6A; font-size: 28px; font-weight: 700; line-height: 40px; }
.page-director-greeting .greetings-cont p { color: #000; font-size: 24px; font-weight: 500; line-height: 44px; word-break: keep-all; }

/* KBRI introduction - CI and character */
.page-ci-character .ci-tab-panel[hidden] { display: none !important; }
.page-ci-character .sect-ci .sect-tit h2 { margin: 0; color: #000; font-size: 40px; font-weight: 700; line-height: 56px; }
.page-ci-character .sect-ci .ci-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 30px; }
.page-ci-character .sect-ci .ci-item { display: flex; flex-direction: column; align-items: center; min-width: 0; padding: 50px 25px 28px; border: 1px solid #E4E4E4; border-radius: 16px; background: #fff; }
.page-ci-character .sect-ci .ci-img { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 180px; margin-bottom: 30px; font-size: 0; }
.page-ci-character .sect-ci .ci-img img { max-width: 100%; height: auto; }
.page-ci-character .sect-ci .btn-wrap { justify-content: center; gap: 10px; }
.page-ci-character .sect-ci .btn-wrap .btn { flex: 1; min-width: 0; }
.page-ci-character .sect-ci .btn-wrap .btn + .btn { margin-left: 0; }
.page-ci-character .ci-character { display: flex; flex-direction: column; gap: 64px; min-width: 0; }
.page-ci-character .ci-tab-panel + .ci-tab-panel { margin-top: 36px; }
.page-ci-character .ci-character > * { min-width: 0; }
.page-ci-character .ci-character__title { margin: 0; color: #000; font-size: 40px; font-weight: 700; line-height: 56px; }
.page-ci-character .ci-character__section { display: flex; flex-direction: column; gap: 32px; }
.page-ci-character .ci-character__section > h3,
.page-ci-character .ci-character__head h3 { color: #000; font-size: 28px; font-weight: 700; line-height: 1.55; }
.page-ci-character .ci-character__head { display: flex; align-items: center; gap: 24px; }
.page-ci-character .ci-character__head h3 { flex: 1; min-width: 0; }
.page-ci-character .ci-downloads { display: flex; align-items: center; gap: 8px; flex: none; }
.page-ci-character .ci-download-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 89px; height: 44px; padding: 0 20px; border: 1px solid #5381B7; border-radius: 8px; background: #fff; color: #5381B7; font-size: 18px; font-weight: 400; line-height: 1; }
.page-ci-character .ci-download-btn:hover,
.page-ci-character .ci-download-btn:focus { background: #F4F8FD; }
.page-ci-character .ico-download-blue { display: block; width: 24px; height: 24px; background: url("../../images/ico/ico-download.svg") no-repeat 50% / 24px 24px; }

.page-ci-character .duya-card { position: relative; overflow: hidden; width: 100%; min-width: 0; border: 1px solid #E4E4E4; border-radius: 16px; background: #fff; }
.page-ci-character .duya-story { display: flex; align-items: flex-start; gap: 100px; min-height: 572px; padding: 48px; }
.page-ci-character .duya-story::before { content: ''; position: absolute; left: -373px; top: 50%; width: 1098px; height: 1098px; border-radius: 50%; background: #F1F2F8; transform: translateY(-50%); }
.page-ci-character .duya-story__copy { position: relative; z-index: 1; flex: 0 0 630px; min-width: 0; max-width: 100%; }
.page-ci-character .duya-name { display: flex; flex-direction: column; gap: 12px; }
.page-ci-character .duya-name p { font-family: 'ONE Mobile POP', sans-serif; color: #B0B4D2; font-size: 28px; font-weight: 400; line-height: 1.1; }
.page-ci-character .duya-name strong { font-family: 'ONE Mobile POP', sans-serif; color: #6C6FA6; font-size: 48px; font-weight: 400; line-height: 1.1; }
.page-ci-character .duya-story__text { display: flex; flex-direction: column; gap: 24px; margin-top: 32px; }
.page-ci-character .duya-story__text p { color: #292929; font-size: 18px; font-weight: 400; line-height: 1.65; word-break: keep-all; }
.page-ci-character .duya-story__visual { position: relative; z-index: 1; flex: 1; align-self: center; display: flex; align-items: center; justify-content: center; gap: 80px; min-width: 0; max-width: 100%; }
.page-ci-character .duya-story__visual img { width: auto; height: 260px; object-fit: contain; }

.page-ci-character .duya-feature-card,
.page-ci-character .duya-rule-card,
.page-ci-character .duya-motion-card { padding: 48px; }
.page-ci-character .duya-feature { position: relative; display: flex; align-items: flex-end; justify-content: center; height: 336px; }
.page-ci-character .duya-feature > img { width: auto; height: 300px; object-fit: contain; }
.page-ci-character .duya-feature__label { position: absolute; color: #757575; font-size: 14px; font-weight: 500; line-height: 1.55; white-space: nowrap; }
.page-ci-character .duya-feature__label::after { content: ''; position: absolute; height: 0; border-top: 1px dashed #B8C0CC; transform-origin: center; }
.page-ci-character .duya-feature__label::before { content: ''; position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #B8C0CC; }
.page-ci-character .duya-feature__label.is-top-left { left: 25.8%; top: 0; }
.page-ci-character .duya-feature__label.is-top-left::after { right: -102px; top: 6px; width: 70px; height: 0; transform: none; }
.page-ci-character .duya-feature__label.is-top-left .duya-feature__bend { position: absolute; right: -158px; top: 5px; width: 56px; height: 0; border-top: 1px dashed #B8C0CC; transform-origin: left center; transform: rotate(38deg); }
.page-ci-character .duya-feature__label.is-top-left::before { right: -34px; top: 4px; box-shadow: 118px 34px 0 0 #B8C0CC; }
.page-ci-character .duya-feature__label.is-top-right { left: 64.4%; top: 92px; }
.page-ci-character .duya-feature__label.is-top-right::after { left: -78px; top: 11px; width: 60px; }
.page-ci-character .duya-feature__label.is-top-right::before { left: -80px; top: 9px; box-shadow: 60px 0 0 0 #B8C0CC; }
.page-ci-character .duya-feature__label.is-mid-left { right: 65.9%; top: 145px; text-align: right; }
.page-ci-character .duya-feature__label.is-mid-left::after { right: -133px; top: 22px; width: 120px; }
.page-ci-character .duya-feature__label.is-mid-left::before { right: -20px; top: 20px; }
.page-ci-character .duya-feature__label.is-low-left { right: 65.9%; top: 225px; text-align: right; }
.page-ci-character .duya-feature__label.is-low-left::after { right: -138px; top: 22px; width: 120px; }
.page-ci-character .duya-feature__label.is-low-left::before { right: -140px; top: 20px; box-shadow: -120px 0 0 0 #B8C0CC; }
.page-ci-character .duya-feature__label.is-mid-right { left: 62.9%; top: 186px; }
.page-ci-character .duya-feature__label.is-mid-right::after { left: -146px; top: 11px; width: 130px; }
.page-ci-character .duya-feature__label.is-mid-right::before { left: -148px; top: 9px; box-shadow: 130px 0 0 0 #B8C0CC; }
.page-ci-character .duya-callout { margin-top: 40px; padding: 24px; border-radius: 16px; background: #E9EDF3; text-align: center; }
.page-ci-character .duya-callout p { color: #5381B7; font-size: 20px; font-weight: 700; line-height: 1.65; word-break: keep-all; }
.page-ci-character .duya-info { display: flex; flex-direction: column; gap: 32px; margin-top: 40px; }
.page-ci-character .duya-info div { display: flex; flex-direction: column; gap: 16px; }
.page-ci-character .duya-info dt { color: #5381B7; font-size: 20px; font-weight: 700; line-height: 1.65; }
.page-ci-character .duya-info dd { color: #292929; font-size: 18px; font-weight: 400; line-height: 1.65; word-break: keep-all; }

.page-ci-character .duya-rule-card { display: flex; flex-direction: column; gap: 40px; }
.page-ci-character .duya-rule-block h4 { margin-bottom: 16px; color: #5381B7; font-size: 20px; font-weight: 700; line-height: 1.65; }
.page-ci-character .duya-turnaround { overflow: hidden; padding: 80px; border: 1px solid #E4E4E4; border-radius: 16px; background-color: #fff; background-image: linear-gradient(#EEF1F5 1px, transparent 1px), linear-gradient(90deg, #EEF1F5 1px, transparent 1px); background-size: 16px 16px; }
.page-ci-character .duya-turnaround ul { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); align-items: end; gap: 44px; }
.page-ci-character .duya-turnaround li { display: flex; align-items: flex-end; justify-content: center; min-width: 0; }
.page-ci-character .duya-turnaround img { width: auto; height: 160px; max-width: 100%; object-fit: contain; }
.page-ci-character .duya-color-list { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); overflow: hidden; border-radius: 2px; }
.page-ci-character .duya-color-list li { min-height: 150px; padding: 12px 24px; color: #fff; }
.page-ci-character .duya-color-list strong { display: block; margin-bottom: 8px; color: inherit; font-size: 16px; font-weight: 700; line-height: 26px; }
.page-ci-character .duya-color-list span { display: block; color: inherit; font-size: 14px; font-weight: 500; line-height: 23px; }
.page-ci-character .duya-color-list .is-head { background: #EDE3F0; color: #424242; }
.page-ci-character .duya-color-list .is-forehead { background: #C8BAD1; color: #424242; }
.page-ci-character .duya-color-list .is-body { background: #7477B8; }
.page-ci-character .duya-color-list .is-mouth { background: #F7A1A1; }
.page-ci-character .duya-color-list .is-bag { background: #88D1D1; color: #424242; }
.page-ci-character .duya-color-list .is-bag-logo { background: #F0F8F1; color: #424242; }
.page-ci-character .duya-color-list .is-line { background: #000; }

.page-ci-character .duya-motion-card { overflow: hidden; }
.page-ci-character .duya-motion-list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 48px 24px; }
.page-ci-character .duya-motion-list li { display: flex; flex-direction: column; align-items: center; min-width: 0; }
.page-ci-character .duya-motion-list img { width: auto; height: 200px; max-width: 100%; object-fit: contain; }
.page-ci-character .duya-motion-list span { margin-top: 24px; color: #424242; font-size: 18px; font-weight: 400; line-height: 1.2; text-align: center; }
.page-ci-character .duya-notice { margin-top: -2px; color: #888; font-size: 18px; font-weight: 400; line-height: 1.65; text-align: center; word-break: keep-all; }

@media (max-width: 1200px) {
	.page-former-director .gnb-cont > li:not(:last-child) { margin-right: 34px; }
	.page-former-director .gnb-cont > li > a { font-size: 18px; }
    .page-former-director .topBanner-cont strong { font-size: 42px; }
    .page-former-director .lnb-ul { gap: 24px; padding: 0 44px; }
    .page-former-director .lnb-ul a { font-size: 18px; }
    .page-former-director .director-top { gap: 48px; }
    .page-former-director .director-top__r { flex-basis: 380px; }
    .page-former-director .director-img { transform: scale(.86); transform-origin: right top; margin-bottom: -56px; }
    .page-former-director .director-img.is-wide { transform: none; width: 314px; height: 314px; }
    .page-former-director .director-name { gap: 16px; }
	    .page-former-director .director-name span { font-size: 22px; }
	    .page-former-director .director-name strong { font-size: 40px; }
	    .page-former-director .director-signature { height: 40px; }
		.page-former-director .swiper-control { right: 430px; }
		.page-ci-character .duya-story { gap: 56px; }
		.page-ci-character .duya-story__copy { flex-basis: 560px; }
		.page-ci-character .duya-story__visual { gap: 36px; }
		.page-ci-character .duya-feature__label.is-top-left { left: 19%; }
		.page-ci-character .duya-feature__label.is-top-right { left: 66%; }
		.page-ci-character .duya-feature__label.is-mid-right { left: 66%; }
		.page-ci-character .duya-turnaround { padding: 56px 40px; }
}

@media (max-width: 1400px) {
	.page-former-director header .gnb { display: none; }
}

@media (max-width: 900px) {
    .page-former-director .topBanner { height: 280px; }
    .page-former-director .topBanner-cont strong { font-size: 34px; }
    .page-former-director .topBanner .lnb { width: calc(100% - 40px); }
    .page-former-director .lnb-ul { justify-content: flex-start; gap: 22px; width: 100%; min-height: 54px; padding: 0 20px; overflow-x: auto; }
    .page-former-director .lnb-ul a { font-size: 16px; line-height: 32px; }
    .page-former-director .sect-tab .inner { gap: 16px; }
    .page-former-director .tab-menu .tab-btn { font-size: 17px; }
    .page-former-director .content-area { padding-top: 48px; }
    .page-former-director .former-director-title { margin-bottom: 36px; font-size: 32px; line-height: 42px; }
    .page-former-director .director-top { flex-direction: column; gap: 32px; min-height: 0; }
    .page-former-director .director-top__l { width: 100%; padding-bottom: 0; order: 2; }
    .page-former-director .director-top__r { width: 100%; flex-basis: auto; align-items: center; order: 1; }
    .page-former-director .director-img { transform: scale(.78); transform-origin: center top; margin-bottom: -88px; }
    .page-former-director .director-img.is-wide { transform: none; width: 280px; height: 280px; margin-top: 0; }
    .page-former-director .director-name { justify-content: center; white-space: normal; text-align: center; }
    .page-former-director .swiper-control { top: 8px; right: 0; }
    .page-former-director .history-item { --year-col: 112px; --col-gap: 18px; }
    .page-former-director .history-item .year { font-size: 22px; line-height: 30px; }
    .page-former-director .history-item .content p { font-size: 18px; line-height: 30px; }
    .page-former-director .manage-box { flex-direction: column; }
    .page-former-director .manage-hd { flex-basis: auto; justify-content: flex-start; }
	    .page-former-director .manage-bd { padding: 18px 24px; }
	    .page-former-director .director.modal-common .history-content__list { display: block; }
	    .page-former-director .director.modal-common .list-r { margin-top: 42px; }
	    .page-ci-character .sect-ci .sect-tit h2 { font-size: 32px; line-height: 42px; }
	    .page-ci-character .sect-ci .ci-list { grid-template-columns: 1fr; gap: 24px; margin-top: 48px; }
	    .page-ci-character .sect-ci .ci-item { padding: 36px 24px 28px; }
	    .page-ci-character .ci-character { gap: 48px; }
	    .page-ci-character .ci-character__title { font-size: 32px; line-height: 42px; }
	    .page-ci-character .duya-story { flex-direction: column; align-items: flex-start; gap: 40px; min-height: 0; }
	    .page-ci-character .duya-story__copy { flex-basis: auto; width: 100%; }
	    .page-ci-character .duya-story__visual { width: 100%; }
	    .page-ci-character .duya-feature { height: auto; padding-top: 230px; }
	    .page-ci-character .duya-feature > img { height: 260px; }
	    .page-ci-character .duya-feature__label { white-space: normal; max-width: 180px; }
	    .page-ci-character .duya-feature__label { overflow-wrap: anywhere; }
	    .page-ci-character .duya-feature__label::after,
	    .page-ci-character .duya-feature__label::before { display: none; }
	    .page-ci-character .duya-feature__label.is-top-left { left: 0; top: 0; text-align: left; }
	    .page-ci-character .duya-feature__label.is-top-right { right: 0; left: auto; top: 0; text-align: right; }
	    .page-ci-character .duya-feature__label.is-mid-left { left: 0; right: auto; top: 78px; text-align: left; }
	    .page-ci-character .duya-feature__label.is-low-left { left: 0; right: auto; top: 156px; text-align: left; }
	    .page-ci-character .duya-feature__label.is-mid-right { right: 0; left: auto; top: 100px; text-align: right; }
	    .page-ci-character .ci-character__head { align-items: flex-start; flex-direction: column; }
	    .page-ci-character .duya-turnaround { padding: 36px 24px; }
	    .page-ci-character .duya-turnaround ul { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px; }
	    .page-ci-character .duya-color-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	    .page-ci-character .duya-motion-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 767px) {
    .page-former-director .hd-logo a { width: 176px; height: 38px; }
    .page-former-director .topBanner { height: 240px; }
    .page-former-director .topBanner-cont { padding-bottom: 26px; }
    .page-former-director .topBanner-cont strong { font-size: 28px; }
    .page-former-director .sect-tab { padding-top: 52px; }
    .page-former-director .tab-menu li { min-width: 0; }
	    .page-former-director .tab-menu .tab-btn { padding: 12px 6px; font-size: 16px; line-height: 22px; word-break: keep-all; }
	    .page-former-director .print-area { display: none; }
	    .page-former-director .content-area { padding-bottom: 28px; }
	    .page-human-rights,
	    .page-human-rights #container,
	    .page-human-rights .contents { max-width: 100%; overflow-x: hidden; }
	    .page-human-rights .sect-tab .inner,
	    .page-human-rights .content-area .inner,
	    .page-human-rights .manage-area .inner { width: 100%; max-width: 100%; min-width: 0; }
	    .page-human-rights .sect-tab .inner { display: block; }
	    .page-human-rights .tab-menu { width: 100%; min-width: 0; }
	    .page-human-rights .tab-menu .tab-btn { min-height: 50px; font-size: 13px; line-height: 20px; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; }
	    .page-human-rights .sect-customer .sect-tit p,
	    .page-human-rights .sect-customer .list-point li,
	    .page-human-rights .sect-customer .p-type-01,
	    .page-human-rights .sect-customer .p-type-02 { max-width: 100%; white-space: normal; word-break: keep-all; overflow-wrap: anywhere; }
	    .page-human-rights .sect-customer .list-point li { padding-right: 16px; background-position: right 10px center; }
	    .page-former-director .former-director-title { font-size: 28px; line-height: 36px; }
    .page-former-director .sect-tit h3 { padding-right: 102px; font-size: 23px; line-height: 32px; }
    .page-former-director .history-item__tit { margin-bottom: 22px; font-size: 16px; min-height: 34px; }
    .page-former-director .history-item,
    .page-former-director .director.modal-common .history-item { display: block; }
    .page-former-director .history-item:not(:last-child)::after,
    .page-former-director .director.modal-common .history-item:not(:last-child)::after { display: none; }
    .page-former-director .history-item + .history-item { margin-top: 24px; }
    .page-former-director .history-item .year { margin-bottom: 6px; font-size: 20px; }
    .page-former-director .history-item .content { padding-left: 20px; }
    .page-former-director .history-item .content p { font-size: 16px; line-height: 26px; }
    .page-former-director .director-img { transform: scale(.66); margin-bottom: -132px; }
    .page-former-director .director-img.is-wide { width: 240px; height: 240px; margin-bottom: 0; }
    .page-former-director .director-name { flex-direction: column; gap: 6px; }
    .page-former-director .director-name span { font-size: 18px; line-height: 26px; }
    .page-former-director .director-name strong { font-size: 34px; }
    .page-former-director .director-signature { height: 34px; }
	    .page-former-director .area-btn.full { margin-top: 40px; }
	    .page-former-director .manage-area { padding-bottom: 70px; }
	    .page-former-director:not(.page-director-greeting) .ft-site__nav { flex-wrap: wrap; height: auto; min-height: 50px; align-items: stretch; }
	    .page-former-director:not(.page-director-greeting) .ft-site__nav li { flex: 1 1 50%; display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 !important; margin: 0 !important; }
	    .page-former-director:not(.page-director-greeting) .ft-site__nav li:not(:last-child)::after { display: none; }
	    .page-former-director:not(.page-director-greeting) .ft-site__nav a { display: block; width: 100%; padding: 0 8px; text-align: center; line-height: 18px; word-break: keep-all; }
	    .page-former-director:not(.page-director-greeting) .ft-site__family,
	    .page-former-director:not(.page-director-greeting) .family-btn { width: 100%; }
	    .page-former-director:not(.page-director-greeting) .family-btn { height: 50px; }
	    .page-former-director .manage-bd { flex-direction: column; align-items: flex-start; gap: 8px; }
	    .page-former-director .manage-tit::after { display: none; }
	    .page-former-director .director .modal-wrap { padding: 28px 20px; }
	    .page-ci-character .sect-ci .sect-tit h2 { font-size: 28px; line-height: 36px; }
	    .page-ci-character .sect-ci .ci-list { margin-top: 32px; }
	    .page-ci-character .sect-ci .ci-img { min-height: 140px; }
	    .page-ci-character .sect-ci .btn-wrap { flex-direction: column; }
	    .page-ci-character .sect-ci .btn-wrap .btn { width: 100%; max-width: none; }
	    .page-ci-character .ci-character__section > h3,
	    .page-ci-character .ci-character__head h3 { font-size: 23px; line-height: 32px; }
	    .page-ci-character .duya-card { border-radius: 12px; }
	    .page-ci-character .duya-story,
	    .page-ci-character .duya-feature-card,
	    .page-ci-character .duya-rule-card,
	    .page-ci-character .duya-motion-card { padding: 28px 20px; }
	    .page-ci-character .duya-name p { font-size: 36px; }
	    .page-ci-character .duya-name strong { font-size: 38px; }
	    .page-ci-character .duya-story__text p,
	    .page-ci-character .duya-info dd,
	    .page-ci-character .duya-callout p,
	    .page-ci-character .duya-notice { font-size: 16px; word-break: normal; overflow-wrap: anywhere; }
	    .page-ci-character .duya-story__visual { gap: 16px; }
	    .page-ci-character .duya-story__visual img { width: calc(50% - 8px); height: auto; max-height: 210px; }
	    .page-ci-character .duya-callout p { font-size: 17px; }
	    .page-ci-character .duya-callout p br { display: none; }
	    .page-ci-character .duya-feature { padding-top: 250px; }
	    .page-ci-character .duya-feature > img { height: 230px; }
	    .page-ci-character .duya-turnaround ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	    .page-ci-character .duya-color-list { grid-template-columns: 1fr; }
	    .page-ci-character .duya-color-list li { min-height: 128px; }
	    .page-ci-character .duya-motion-list img { height: 170px; }
}


/* ============================================================
   원장 인사말 (page-director-greeting) — PC / Pad / Mobile 3단계 반응형
   기존 1280 / 900 / 640 단계를 통합해서 1200(Pad), 767(Mobile)에서만 변경.
   소스 위치가 뒤라서 위쪽 기존 미디어쿼리의 director-greeting 규칙을 cascade로 오버라이드함.
   ============================================================ */
@media (max-width: 1200px) {
    /* Pad: 모바일과 동일한 column 레이아웃(이미지 위·본문 아래) + Pad용 폰트 사이즈 */
    .page-director-greeting .director-top { flex-direction: column; gap: 32px; min-height: 0; align-items: stretch; width: 100%; max-width: 100%; }
    .page-director-greeting .director-top__l { order: 2; width: 100%; flex: 0 1 auto; padding-bottom: 0; }
    .page-director-greeting .director-top__r { order: 1; width: 100%; max-width: 100%; flex: 0 1 auto; align-items: center; justify-content: center; overflow: visible; display: flex; }
    .page-director-greeting .director-img { width: 360px; max-width: 360px; transform: none; margin-bottom: 0; }
    .page-director-greeting .director-img > img { width: 360px; height: auto; margin-top: 0; }
    .page-director-greeting .director-top__l .sect-title__h { font-size: 30px; line-height: 42px; }
    .page-director-greeting .director-top__l .sect-title__lead { margin-top: 24px; font-size: 22px; line-height: 32px; }
    .page-director-greeting .director-top__l .sect-title__lead::before { left: -60px; top: -16px; width: 100px; height: 70px; }
    .page-director-greeting .director-top__l .sect-title__desc { margin-top: 24px; padding-bottom: 22px; font-size: 16px; line-height: 28px; }
    .page-director-greeting .director-top .tit { font-size: 24px; line-height: 32px; }
    .page-director-greeting .director-top .cont { font-size: 16px; line-height: 28px; }
    .page-director-greeting .director-top .cont .cont-tit { font-size: 18px; line-height: 28px; }
    .page-director-greeting .director-name { margin-top: 24px; justify-content: flex-start; text-align: left; }
    .page-director-greeting .director-name span { font-size: 16px; line-height: 26px; }
    .page-director-greeting .director-name strong { font-size: 30px; line-height: 26px; }
    .page-director-greeting .director-name strong img { width: 56px; height: 30px; }
    .page-director-greeting .director-sign { width: 124px; height: 28px; }
    /* 약력/상훈/경력 영역: 좌·우 2열 → 1열(아래로 스택) */
    .page-director-greeting .history-content__list { flex-direction: column; gap: 28px; }
}

@media (max-width: 767px) {
    /* Mobile: column 레이아웃 전환 + 추가 shrink */
    .page-director-greeting .director-top { flex-direction: column; gap: 24px; }
    .page-director-greeting .director-top__l { order: 2; width: 100%; flex: 0 1 auto; padding-bottom: 0; }
    .page-director-greeting .director-top__r { order: 1; width: 100%; max-width: 100%; flex-basis: auto; align-items: center; justify-content: center; display: flex; overflow: visible; }
    .page-director-greeting .director-img { width: 100%; max-width: 320px; }
    .page-director-greeting .director-img > img { width: 100%; height: auto; margin-top: 0; }
    .page-director-greeting .director-top__l .sect-title__h { font-size: 22px; line-height: 30px; }
    .page-director-greeting .director-top__l .sect-title__lead { margin-top: 14px; font-size: 18px; line-height: 28px; word-break: normal; overflow-wrap: anywhere; }
    .page-director-greeting .director-top__l .sect-title__lead::before { left: -14px; top: -8px; width: 54px; height: 38px; }
    .page-director-greeting .director-top__l .sect-title__desc { margin-top: 16px; padding-bottom: 20px; font-size: 16px; line-height: 28px; }
    .page-director-greeting .director-top .cont { margin-top: 20px; font-size: 16px; line-height: 28px; }
    .page-director-greeting .director-top .cont .cont-tit { font-size: 18px; line-height: 28px; }
    .page-director-greeting .director-name { margin-top: 20px; justify-content: center; text-align: center; }
    .page-director-greeting .director-content { margin-top: 40px; }
    .page-director-greeting .content-area { padding-top: 28px; }
    .page-director-greeting .director-greetings { padding: 32px 24px; }
    .page-director-greeting .director-history { padding: 32px 20px; }
    .page-director-greeting .director-content__tit { margin-bottom: 20px; }
    .page-director-greeting .director-content__tit strong { font-size: 24px; line-height: 34px; }
    .page-director-greeting .greetings-cont p { font-size: 16px; line-height: 28px; }
    .page-director-greeting .history-content__list { flex-direction: column; gap: 28px; }
    .page-director-greeting .history-item .year { font-size: 18px; }
    .page-director-greeting .history-item .content p { font-size: 16px; line-height: 26px; word-break: keep-all; overflow-wrap: anywhere; }
}


/*--------------------------------------------------------------------- 반응형 --------------------------*/
@media screen and (max-width: 1200px){
    /* common */
    .sub-tit h3{font-size: 30px;}

    
    /* com-wrap */
    .com-wrap{padding: 35px 0 30px;}
    .com-loca > ul > li{font-size: 14px;}
    .com-tit h2{font-size: 34px;}

    /* counsel */
    .counsel-box{margin-bottom: 30px;}
    .counsel-box__txt {font-size: 16px;width: 100%;}
    .counsel-box__txt b {font-size: 20px;}
    .counsel-info__list.flex { display: block; } 
    .counsel-info { margin-top: 40px; } 
    .counsel-info .tit { width: 100%; margin-bottom: 35px; } 
    .counsel-info .tit br { display: none; } 
    .cont-box { padding: 40px 25px; } 
    .counsel-info__list:not(:last-child) { margin-bottom: 70px; } 
    .cont-adr .adr.flex { display: block; width: 50%; } 
    .cont-adr .adr.flex:not(:last-child) { margin-right: 0; } 
    .cont-adr .adr-cont { margin-left: 0; margin-top: 10px; } 

    /* bbsBar */
    .bbsBar{padding-bottom: 25px;}

    /* bbsView */
    .bbsView-top {padding-bottom: 15px;}
    .bbsView-detail{padding: 30px 0;}

    /* bbsQna */
    .bbsQna-hd .tit {padding-left: 70px;}
    .bbsQna-hd .tit:before {width: 70px;}

    /* bbsOrg */
    .bbsOrg-tit h3{font-size: 24px;}
    .bbsOrg-list > li{width: 50%; margin-bottom: 20px;}
    
    /* info */  
    .purpose .plus{width: 80px;}
    .purpose-txt{margin-top: 30px;}
    .project{margin-top: 60px;}
    .project-list > li { display: block; margin-bottom: 40px; } 
    .project-list .tit-wrap { width: 100%; margin-bottom: 14px; } 
    .project-list .tit b br { display: none; } 
    .greetings .top {font-size: 18px;background-size: 130px 130px;padding: 36px 0; } 
    .greetings .bottom {margin-top: 30px;font-size: 14px;padding: 30px 20px; } 
    .cont-btn .btn{width: 100%;}

    .org-wrap{max-width: 697px;width: 100%;margin: 0 auto;margin-top: 50px;}
    .org-wrap::before{background-image: url(../../images/user/sub/org-bg_pad.png);background-size: cover;height: 1000px;top: 0;}
    .orgTit{width: 180px; height: 180px;font-size: 24px;}
    .orgTit.orgTit01{margin-bottom: 110px;}
    .org .orgBox { width: 150px; height: 60px; font-size: 20px; } 
    .org .depth2-list > li{top: 60px;}
    .org .depth2-list.type2 > li { left: 104px; top: 205px; } 
    .depth3-list.type2 { margin: 23px 0 117px;}
    .depth3-list.type2 .orgBox{font-size: 18px;}
    .org-table{margin-top: 60px;}
    .org-table .pc-ver{display: none;}
    .org-table .mobile-ver{display: block;}
    .org-table .tbl-mo__tit{display: inline-flex; align-items: center; font-weight: 700;}
    .org-table .tbl-mo__tit::after{content: ' : '; margin: 0 3px;}
    .org-table .bbsBoard-top{background-color: #EFE8F3; border-radius: 15px; padding: 13px 0; text-align: center; font-size: 16px; font-weight: 700;}
    .org-table .bbsBoard-bottom ul{border-bottom: 1px solid #e4e4e4; padding: 20px 10px; padding-right: 0;}
    .org-table .tbl-list {display: flex;}
    .org-table .tbl-list > *{font-size: inherit;}
    .org-table .tbl-list:not(:last-child)::after{content: 'ㅣ'; font-weight: 500; color: #888; margin: 0 3px;}
    .org-table .bbsBoard-bottom ul li {display: flex;}
    .org-table .bbsBoard-bottom ul li:not(:last-child){margin-bottom: 10px;}




    .history-box { align-items: center; padding: 40px; } 
    .history-box .r { display: block; margin-top: 0; margin-left: 40px; } 
    .history-box .list { width: 100%; } 
    .history-box .list:first-child { width: 100%; } 
    .history-box .list + .list { margin-top: 40px; } 

    .counsel-box br.pad{display: block;}
    .ci-top .counsel-box { padding: 40px 0 45px; } 
    .ci-top .counsel-box b { margin: 20px 0 15px; } 
    .ci-list{margin-top: 70px;}
    .ci-mean .ci-cont{margin-top: 30px;}
    .mean-img{justify-content: center;}
    .mean-img .bg-gray { width: 200px; height: 200px; flex: none; } 
    .mean-img .img01 { margin-right: 54px; } 
    .mean-img .img01::after { right: auto; left: calc(100% + 15px); width: 24px; height: 25px; } 
    .mean-img .img01 img { width: 82px; height: 82px; } 
    .mean-img .img02 img { width: 80px; height: 62px; } 
    .mean-img .img03 { margin-left: 80px; width: 154px; height: auto; } 
    .mean-img .img03::after { width: 25px; height: 18px; right: auto; right: calc(100% + 39px); } 
    .mean-img .img03 img { height: auto; } 
    .ci-mean .ci-txt { margin-top: 40px; } 
    .ci-txt br.pad{display: block;}
    .ci-signature .signature-img__wrap { flex-direction: column; border: 1px solid #E4E4E4; padding: 45px 0; } 
    .signature-list .img {width: 100%;margin: 0 auto;top: auto;left: auto;transform: none;} 
    .signature-list .img.img01 { max-width: 406px; } 
    .signature-list .img img { width: 100%; height: auto; } 
    .signature-list .img02 { max-width: 290px; } 
    .signature-list .txt { position: static; margin-top: 20px; } 
    .signature-list + .signature-list { margin-top: 53px; } 
    .ci-btn{margin-top: 50px;}

    .direction-tab > ul > li {flex: none;}
    .direction-list { margin-top: 50px; } 
    .direction .info { padding: 40px; } 
    .direction .info-btn { top: 30px; } 

    
    /* disclosure */
    .dis-top__box { padding: 40px 0; } 
    .dis-top__tit { font-size: 30px; margin-bottom: 12px; } 
    .dis-top__box p { font-size: 18px; } 
    .dis-cont{margin-top: 50px;}
    .dis-cont__top .sub-tit h3{font-size: 26px; margin-bottom: 30px;}
    .dis-cont__box{font-size: 18px;}
    .dis-cont__bottom{margin-top: 50px;}
    .dis-cont__bottom .list{display: block;}
    .dis-cont__bottom .list > li:not(:last-child){margin-right: 0; margin-bottom: 50px;}
    .dis-cont__bottom .cont{width: 380px; margin:  0 auto; margin-top: 60px;}

    .dis-aply .aply-exp > ul{display: block;}
    .dis-aply .aply-exp > ul > li:not(:last-child){margin-right: 0; margin-bottom: 50px;}
    .dis-aply .aply-cont {justify-content: center;}

    .counsel-info.type2 .counsel-info__list .counsel-box__txt{word-break: keep-all;}
    .counsel-info.type2 .counsel-info__list .counsel-box__txt br{display: none;}
    .counsel-info.type2 .counsel-info__list .cont-btn{display: block;}
    .counsel-info.type2 .counsel-info__list .cont-btn .btn + .btn{margin-left: 0; margin-top: 15px;}


    /* calendar */
    .counsel-rsv .calendar{display: block}
    .counsel-rsv .calendar .calendar_{ width: 100%;}
    .calendar-list{width: 100%;padding-left: 0;margin-top: 30px;}
    .calendar-list__bd .list-ul{height: auto;}
    .calendar-list__bd li{padding: 15px 0;}
    .counsel-rsv .calendar_hd{width: 100%; padding: 0; display: flex;}
    .counsel-rsv .calendar_nav{height: 45px; width: 280px}
    .calendar_legend{display: block;}
    .counsel-rsv .calendar_table { margin-top: 20px; } 
    .counsel-rsv .ct td { height: 105px !important; } 
    .counsel-rsv .ct_skd { border: 0; position: static; width: auto; height: auto; } 
    .counsel-rsv .ct_day { font-size: 13px; padding: 0; } 
    .calendar-list__hd { margin-bottom: 10px; } 
    .counsel-rsv .ct_wrap {padding-left: 8px; } 
    .ct_skd > ul > li:not(:last-child) {margin-bottom: 2px; } 
    .calendar-list__bd {height: auto; } 
    .calendar-list__bd .cont-btn {margin-top: 20px; } 


    .dis-lms.dis-info .direction-tab > ul{justify-content: left;}
    .dis-lms.dis-info.direction .info-btn{top: 0;}
    .dis-info__cont{padding: 40px 30px;min-height: auto;}
    .historyInfo-box .l{width: 190px; font-size: 30px;}
    .historyInfo-box .l::before{width: 74px; height: 74px;}
    .historyInfo-box .list-tit{margin-right: 70px;}
    .historyInfo-box .list-cont br.pad{display: block;}
    .historyInfo-box .list-cont{height: auto; border-radius: 38px;}


    .tab-list ul li a{font-size: 16px; min-width: 160px;}

    .counsel-inquiry { padding: 80px 40px; } 
    .inquiry-list > ul > li{flex: 1;}
    .inquiry-list .box-list > li{width: 100%;}
    .inquiry-list .box {width: 100%; height: 60px; font-size: 17px;} 
    .inquiry-list .box-list .box { font-size: 14px; width: 100%; word-break: keep-all; height: auto; padding: 10px; } 
    .inquiry-list .box-list { width: 100%; } 


    /* govInfo */
    .govInfo .dis-cont__bottom .sub-tit h3{font-size: 26px;}
    .govInfo .dis-cont__bottom .sub-tit h3::before, 
    .govInfo .dis-cont__bottom .sub-tit h3::after{flex: 1; margin: 0;}
    .govInfo .dis-cont__bottom .sub-tit h3::before{margin-right: 30px;}
    .govInfo .dis-cont__bottom .sub-tit h3::after{margin-left: 30px;}
    .sub-list.flex-right{justify-content: center;}

    .cont-list.flex { flex-direction: column; } 
    .counsel-info.type2 .cont-list.flex .cont-tit { flex: 1; width: auto; margin-bottom: 20px; } 
    .counsel-info.type2 .img-wrap { width: 100%; } 
    .counsel-info.type2 .cont-box__list li { width: 50%; flex: none; padding: 10px; } 
    .counsel-info.type2 .cont-box.cont-box__list ul { flex-wrap: wrap; margin: -10px 0; } 
    .process-list { flex-wrap: wrap; margin: -10px; } 
    .process-list > li { padding: 10px; } 

}


@media screen and (max-width: 767px) {
    /* common */
    br.mo{display: block;}
    .sub-tit h3{text-align: center; font-size: 24px;}


    /* loca */
    .loca .inner { padding: 0; } 
    .loca-li1 { width: calc(100% - 50px); } 
    .loca-li1:last-child{display: none;}
    .home-btn { border-left: 0; } 
    .loca-item1{padding: 0 20px;}


    /* com-wrap */
    .com-wrap{padding: 30px 0; margin-bottom: 30px;}
    .com-tit h2{font-size: 28px;}
    .join-a .join_wrap .list-step-a{padding: 30px 0;}
    .list-step-a ul { flex-wrap: wrap; max-width: 275px; margin: 0 auto; justify-content: space-between;} 
    .list-step-a ul li {width: auto;}
    .list-step-a ul li + li::before, 
    .list-step-a ul li + li::after{display: none;}
    .list-step-a ul li + li{padding-left: 0;}
    .list-step-a ul li:nth-of-type(n+3) {margin-top: 25px;}
    .joinagree_cnt_wr ul li.join_li.joinagree .tab,
    .joinagree_cnt_wr ul li.join_li.joinagree .tit{ height: 60px; line-height: 60px; padding: 0 20px; } 
    .joinagree_cnt_wr ul li.join_li.joinagree .tab span,
    .joinagree_cnt_wr ul li.join_li.joinagree .tit span{ font-size: 18px; } 
    .join_box_cnt {padding: 10px 0;}
    .join_box_cnt .join_box_wr pre { padding: 20px 15px; } 
    .joinagree_cnt_wr ul li.join_li.joinagree .join_set .sfchkra span { font-size: 16px; } 
    .join-a .join_wrap .btn-wrap { margin-top: 30px; } 
    .btn-style-01 { min-height: 50px; font-size: 16px; } 
    .btn-style-02 { min-height: 50px; font-size: 16px; } 
    .btn-wrap .btn + .btn { margin-left: 10px; } 


    /* counsel */
    .counsel-box{padding: 25px 20px;min-height: 180px;}
    .counsel-box__txt{font-size: 14px;}
    .counsel-box__txt b{font-size: 16px;}
    .counsel-box__btn{margin-top: 15px;}
    .counsel-box__btn .btn{height: 50px; font-size: 16px; font-weight: 500;}
    .counsel-img{margin-bottom: 15px;}
    .counsel-notice .txt1 { font-size: 14px; margin-top: 13px; } 
    .counsel-notice .txt2 { font-size: 16px; margin-top: 20px; } 
    .counsel-notice .notice-bottom{padding: 20px;}
    .counsel-notice .notice-bottom .list{padding-left: 20px;}
    .counsel-notice .notice-bottom .list br {display: none;}
    .counsel-notice .notice-bottom .list > li{font-size: 12px;}
    .counsel-notice .notice-bottom .list > li > div{font-size: 12px;word-break: keep-all;}
    .counsel-notice .notice-bottom .list > li:before{margin-top: 0;}


    .appli-form .form-tit { height: 60px; padding: 15px 20px; } 
    .appli-form .form-tit .tit { font-size: 18px; } 
    .appli-form .appli-wrap { padding: 25px 20px; } 
    .appli-form .appli-wrap dt { width: 60px; font-size: 14px; margin-top: 0;} 
    .appli-form .appli-wrap .flex-direction{display: block;}
    .appli-form .appli-wrap .flex-direction dt{width: 100%; margin-bottom: 10px;}
    .appli-form .appli-wrap dd{font-size: 14px;}
    .appli-form input[type=radio] + label{font-size: 14px;}
    .appli-form .appli-wrap input[type="text"],
    .appli-form .appli-wrap input[type="tel"],
    .appli-form .appli-wrap input[type="password"]{font-size: 14px;}
    .appli-form .appli-wrap select{font-size: 14px;}
    .appli-form textarea{font-size: 14px; min-height: 300px;}
    .appli-form .fileInfo > li{align-items: flex-start; word-break: keep-all;}
    .appli-form .fileInfo > li:not(:last-child) {margin-bottom: 10px;}
    .appli-form .fileInfo > li::before {margin-top: -2px;}
    .appli-form .fileEx{padding: 20px 15px;}
    .appli-form .fileEx .tit{font-size: 10px;}
    .appli-form .fileEx .cont{font-size: 10px;}
    .appli-form .input-wrap.tel select { max-width: 100%; margin-bottom: 10px; } 
    .appli-form .input-wrap.tel { display: block; } 
    .appli-form .input-wrap.mail { display: block; } 
    .appli-form .input-wrap .mail-wrap { width: 100%; flex-wrap: wrap; } 
    .appli-form .input-wrap .mail-wrap input:first-child { width: calc(100% - 33px); } 
    .appli-form .input-wrap .mail-wrap input:last-child { margin: 10px 0; } 
    .appli-form .input-wrap.mail .select-style-01 { max-width: 100%; margin-left: 0; width: 100%; } 
    .appli-form .input-wrap .address-wrap .btn-input {width: 50px;padding: 0;} 
    .checkbox.color input[type="checkbox"] + label span { font-size: 14px; } 
    .checkbox input[type="checkbox"] + label:before { width: 20px; height: 20px; margin-right: 5px; } 
    .input-wrap.purpose .checkbox-depth { padding-left: 25px; margin-top: 10px; } 
    .input-wrap.purpose > .flex { display: block; } 
    .checkbox-depth::before { font-size: 14px; } 
    .checkbox-depth.depth2 { padding-left: 25px; } 


    .counsel-info .tit { font-size: 20px; margin-bottom: 20px; } 
    .counsel-info .tit .num { width: 30px; height: 30px; font-size: 16px; margin-right: 10px; } 
    .cont-list{margin-bottom: 30px;}
    .cont-list .cont-tit { font-size: 18px; margin-bottom: 14px; } 
    .cont-box { padding: 30px 20px; } 
    .cont-box .list { font-size: 14px; word-break: keep-all;} 
    .cont-box .list br:not(.mo) { display: none; } 
    .cont-btn.flex { display: block; } 
    .cont-btn .btn{width: 100%;height: auto;min-height: 50px;padding: 10px 0;}
    .cont-btn .btn + .btn { margin-left: 0; margin-top: 15px; } 
    .cont-btn .btn span { font-size: 16px; } 
    .cont-btn .btn span.small-txt { font-size: 12px; } 
    .counsel-info__list:not(:last-child){margin-bottom: 40px;}
    .cont-tel.flex { display: block; } 
    .tel-box { height: 50px; font-size: 24px; } 
    .tel-box + .tel-box { margin-left: 0; margin-top: 15px; } 
    .tel-box .ico-tel { width: 24px; height: 20px; } 
    .cont-adr.flex { display: block; } 
    .cont-adr .adr.flex { width: 100%; } 
    .cont-adr .adr + .adr { margin-top: 20px; } 
    .cont-adr .adr-tit { width: 60px; font-size: 14px; } 
    .cont-adr .adr-cont { font-size: 14px; } 
    .cont-box__step > div { width: auto; margin-bottom: 15px; margin-right: 10px; } 
    .cont-step__wrap .num { font-size: 14px; margin-right: 0; } 
    .cont-step__wrap .txt { font-size: 14px; } 
    .cont-box__step .arrow { width: 20px; height: 29px; margin: 0 4px; margin-top: 3px; } 
    .cont-step__wrap { letter-spacing: -1px; } 
    .arrow.pc { display: none; } 
    .cont-box__step .arrow.pad { display: flex; } 
    .cont-box.cont-step { padding: 20px 20px 10px; } 


    /* bbsBar */
    .bbsBar{flex-direction: column-reverse;align-items: baseline; padding-bottom: 0;}
    .bbsBar-subTit { width: 100%; margin-top: 20px; background: #F7F7F7; padding: 10px 15px; font-size: 14px; border-radius: 10px; } 
    .bbsBar-sch {width: 100%;}
    .sch-select select{width: 80px; } 
    .sch-input {flex: 1; width: 100%; } 
    .sch-input input {width: 100%; } 

    /* bbsBoard */
    .bbsBoard thead {display: none;}
    .bbsBoard table{display: block;}
    .bbsBoard table td {display: inline-block;height: auto;border-bottom: 0;padding: 0;font-size: 14px;position: relative;} 
    .bbsBoard table tr { display: block; width: 100%; padding: 15px 10px; border-bottom: 1px solid #e4e4e4; position: relative;} 
    .bbsBoard table tr::before { content: ''; position: absolute; top: 0; left: 0; width: 2px; content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #B60781; z-index: 1; display: none; } 
    .bbsBoard table tbody { display: block; width: 100%; } 
    .bbsBoard .td-subj {width: 100%;display: flex;align-items: center;font-size: 14px;padding-bottom: 8px;} 
    .bbsBoard table .td-subj.td-bold::before { content: '공지'; flex: none; color: #B60081; margin-right: 7px; } 
    .bbsBoard .td-subj a {max-width: 100%;font-size: 14px;} 
    .bbsBoard tbody td.td-num { display: none; } 
    .bbsBoard table tr:hover { background-color: rgba(0, 0, 0, 0.03); }
    .bbsBoard table tr:hover::before{display: none;}
    .bbsBoard tbody tr:hover td { background-color: transparent; } 
    .bbsBoard table tr:hover .td-subj.td-bold::before{text-decoration: underline;}
    .bbsBoard table td::after { content: ''; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 1px; height: 10px; background: #e4e4e4; } 
    .bbsBoard table td.td-subj::after { display: none; } 
    .bbsBoard table td:last-child::after { display: none; } 
    .bbsBoard table td.td-file:not(.on)::after { display: none; } 
    .bbsBoard table .td-file { font-size: 0; } 
    .bbsBoard table td.td-file:not(.on){padding: 0; margin: 0;}
    .bbsBoard table .td-view:before { content: '조회수: '; }    
    .bbsBoard table td:not(.td-subj){padding-right: 10px; margin-right: 10px;}


    /* bbsPaging */
    .bbsPaging{margin: 30px 0;}

    /* bbsView */
    .bbsView-top{padding-bottom: 20px;}
    .bbsView-top .date li{font-size: 12px;}
    .bbsView-top .date li:not(:last-child):after{margin: 0 3px;}
    .bbsView-top .tit{font-size: 22px;}
    .bbsView-detail{padding: 20px 0;}
    .bbsView-detail .cont *{font-size: 14px;}
    .bbsView-file__cont{border-radius: 20px;}
    .bbsView-file__cont > ul > li{padding: 15px 20px; align-items: flex-start;}
    .bbsView-file__cont > ul > li:before{margin-top: 3px;}
    .bbsView-nav{margin-top: 20px;}
    .bbsView-nav > ul > li > span{padding-left: 10px; padding-right: 10px;}
    .bbsView-nav > ul > li > a{padding-left: 0; padding-right: 10px;}
    
    
    /* bbsQna */
    .bbsQna .bbsBar-subTit{background: transparent; padding: 10px 0 15px;}
    .bbsQna-hd .tit{padding-left: 40px;font-size: 14px;word-break: keep-all;}
    .bbsQna-hd .tit:before{width: 40px; font-size: 14px;}
    .bbsQna-hd { min-height: 70px; display: flex; align-items: flex-start; } 
    .bbsQna-hd::before, .bbsQna-hd::after {right: 20px; } 
    .bbsQna-bd {padding: 20px 0; } 
    .bbsQna-bd .bbsQna-bd_wrap {padding-left: 40px;padding-right: 40px;font-size: 14px; } 
    .bbsQna-bd .bbsQna-bd_wrap::before {width: 40px;font-size: 14px; } 


    /* bbsOrg */
    .bbsOrg-list > li{width: 100%; margin-bottom: 25px;}
    .list01 .bbsOrg-tit h3{font-size: 20px;}
    .bbsOrg-wrap:not(:last-child){margin-bottom: 25px;}
    .bbsOrg-box .bd{padding-right: 24px;}
    .bbsOrg-box .bd p { word-break: keep-all; } 
    .bbsOrg-box .bd p br{display: none;}
    .bbsOrg-box .bd p span { flex: none; } 
 


    /* info */
    .purpose .top { flex-direction: column; } 
    .purpose .plus { height: 108px; width: 100%; background-size: 34px 35px; } 
    .purpose .counsel-box { width: 100%; } 
    .purpose-txt { word-break: keep-all; padding: 30px 40px; line-height: 1.75; } 
    .purpose-txt br { display: none; } 
    .project-list { margin-top: 30px; } 
    .project-list .num { width: 30px; height: 30px; font-size: 16px; margin-right: 10px; } 
    .project-list .tit { font-size: 14px; } 
    .project-list .tit b { font-size: 20px; margin-top: 6px; } 
    .project { margin-top: 50px; } 
    .project-list .cont { padding: 30px 20px; } 
    .project-list .cont p { font-size: 14px; } 
    .greetings{max-width: 100%;}
    .greetings .top{font-size: 16px;}
    .greetings .bottom{margin-top: 23px; padding: 25px 20px;}
    .org-wrap{max-width: 320px;margin-top: 30px;}
    .org-wrap::before{background-image: url(../../images/user/sub/org-bg_m.png); background-size: cover; height: 856px;}
    .org-top {max-width: 100%; font-size: 14px;}
    .org .depth2-list > li { position: relative; top: 0; } 
    .orgTit { width: 120px; height: 120px; font-size: 18px; } 
    .orgTit.orgTit01 { margin-bottom: 33px; } 
    .depth1 { position: relative; } 
    .depth2-list { display: flex; justify-content: space-between; } 
    .org .depth2-list.type2 > li { top: 0; left: 0; } 
    .depth3 { margin-top: 46px; } 
    .depth2-list.type2 { padding-top: 40px; } 
    .depth3-list.type2 { justify-content: center; margin: 30px 0 55px; } 
    .org .orgBox {width: 140px;height: 50px;font-size: 16px;border-radius: 10px;} 
    .depth3-list.type2 .orgBox { font-size: 16px; } 
    .depth3-list:not(.type2) { max-width: 100%; width: 100%; } 
    .depth3-list:not(.type2) .orgBox { width: 90px; } 
    .depth3-list:not(.type2) > li > .orgBox:not(:last-child) { margin-bottom: 20px; } 
    .orgBox.orgEtc { font-size: 14px; border-radius: 25px; } 
    .org-table{margin-top: 35px;}
    .org-table .tbl-list {font-size: 14px;}

    .history-list li + li{margin-top: 30px;}
    .history-box { display: block; padding: 30px 20px; } 
    .history-box .l { width: 100%; } 
    .history-box .r { margin-left: 0; margin-top: 30px; } 
    .history-img { width: 186px; height: auto; margin: 0 auto; } 
    .history-tit { margin-top: 15px; } 
    .history-tit .tit { font-size: 20px; } 
    .history-tit .date { font-size: 14px; } 
    .history-box .list + .list { margin-top: 30px; } 
    .history-box .list-tit { width: 60px; font-size: 14px; } 
    .history-box .list-cont p { font-size: 14px; } 

    .ci-list { margin-top: 50px; } 
    .ci-top .counsel-box{padding: 35px 0;}
    .ci-top img{width: 67px;}
    .ci-top .counsel-box b{margin: 0 0 17px; font-size: 24px;}
    .mean-img{flex-wrap: wrap;}
    .mean-img .img:not(:last-child) { width: 141px; height: 141px; } 
    .mean-img .img01 { margin-right: 38px; } 
    .mean-img .img01::after { width: 19px; height: 20px; left: calc(100% + 10px); } 
    .mean-img .img01 img { width: 57px; height: 57px; } 
    .mean-img .img02 img { width: 57px; height: auto; } 
    .mean-img .img03 {width: 100%;margin: 0 auto;margin-left: 0;margin-top: 25px;display: flex;justify-content: center;} 
    .mean-img .img03 img { width: 127px; margin: 0 auto; } 
    .mean-img .img03::after {right: auto;left: calc(50% - 100px);transform: translate(-50%, -50%);width: 16px;height: 12px;} 
    .ci-txt br.pad{display: none;}
    .ci-txt{font-size: 14px; line-height: 1.7;}
    .signature-list .img.img01 { max-width: 270px; } 
    .signature-list .img02 { max-width: 187px; } 
    .ci-signature .signature-img__wrap { height: auto; padding: 60px 0; } 
    .signature-list .txt { font-size: 20px; } 
    .ci-btn {max-width: 100%;}

    .direction-tab > ul > li { width: 120px; } 
    .direction-btn { font-size: 14px; height: 50px; } 
    .direction .info { padding: 30px 20px; border-radius: 10px; } 
    .direction .info-btn { position: static; margin-top: 25px; } 
    .direction .info-tit { font-size: 18px; margin-bottom: 15px; } 
    .direction .info-cont p { margin-bottom: 11px; font-size: 14px; } 
    .direction .info-cont p b { display: block; margin-bottom: 5px; } 
    .direction-list { margin-top: 30px; } 
    .direction .txt { padding: 20px; border-radius: 10px; } 
    .direction .txt p { font-size: 14px; line-height: 2;} 
    .direction .txt p:before{margin-right: 5px;}


    /*  */
    .dis-top__tit{font-size: 26px; margin-bottom: 10px;}
    .dis-top__box p{font-size: 16px;}
    .dis-cont{margin-top: 40px;}
    .dis-cont__top .sub-tit h3{font-size: 20px; margin-bottom: 20px;}
    .dis-cont__top .sub-tit h3::before, 
    .dis-cont__top .sub-tit h3::after{width: 10px; height: 10px;}
    .dis-cont__box{font-size: 16px; padding: 20px 0; line-height: 1.5;}
    .dis-cont__bottom{margin-top: 40px;}
    .dis-cont__bottom .list > li:not(:last-child){margin-bottom: 40px;}
    .dis-cont__bottom .img-wrap{width: 100px; height: 100px;}
    .dis-cont__bottom .img-wrap img {/* width: 49%; */}
    .dis-cont__bottom .cont{width: 100%; margin-top: 40px; padding: 20px 0; min-height: 160px;}
    .dis-cont__bottom .cont::after{width: 10px; height: 10px;}
    .dis-cont__bottom .tit{font-size: 20px;}
    .dis-cont__bottom p{font-size: 14px;}

    .dis-aply .aply-cont{padding: 15px 0 30px; flex-direction: column; align-items: center;}
    .dis-aply .aply-exp > ul > li:not(:last-child){margin-bottom: 40px;}
    .dis-aply .aply-cont .img{margin-right: 0; width: 71px; height: 71px; margin-bottom: 20px;}
    .dis-aply .aply-cont .cont{text-align: center;}
    .dis-aply .aply-cont .tit{font-size: 20px; margin-bottom: 12px;}
    .dis-aply .aply-cont p{font-size: 14px;}
    .dis-aply .aply-info p{font-size: 14px;}
    .dis-aply .cont-btn{max-width: 100%; margin-top: 40px;}

    .counsel-box__txt .tit{font-size: 30px;}
    .counsel-box .cont-btn{margin-top: 25px;}
    .counsel-info.type2{margin-top: 35px;}
    .counsel-info.type2 .tit{font-size: 24px;}
    .counsel-info.type2 .cont-list .cont-tit{font-size: 22px;}
    .counsel-info.type2 .cont-box{padding: 20px;}
    .counsel-info.type2 .depth{margin-top: 10px;}
    .counsel-info.type2 .depth .list:not(:last-child){margin-bottom: 5px;}
    .counsel-info.type2 .cont-box .list{font-size: 16px;}
    .counsel-info.type2 .depth .list{font-size: 14px;}
    .counsel-info.type2 .cont-list{margin-bottom: 20px;}
    .counsel-info.type2 .counsel-info__list:not(:last-child){margin-bottom: 40px;}


    /* calendar */
    .counsel-rsv .calendar_hd { display: block; } 
    .counsel-rsv .calendar_legend { width: 100%; height: 40px; display: flex; align-items: center; justify-content: center; background: #F7F7F8; } 
    .counsel-rsv .calendar_nav { width: 100%; display: flex; justify-content: space-between; margin-bottom: 20px; } 
    .counsel-rsv .calendar_table { margin-top: 0; border-radius: 0; } 
    .counsel-rsv .ct th:first-child { border-radius: 0; } 
    .counsel-rsv .ct th:last-child { border-radius: 0; } 
    .counsel-rsv .ct th { font-size: 14px; height: 30px; } 
    .counsel-rsv .ct td { height: 60px !important; } 
    .counsel-rsv .ct_skd { display: none; } 
    .counsel-rsv .ct_day { font-size: 10px; } 
    .ct_skd_list ul { padding: 5px; } 
    .counsel-rsv .ct_day::after{display: none;}
    .ct_skd_list { width: calc(100% + 20px); left: -10px; top: 25px; } 
    .ct_skd_list li:not(:last-child) { margin-bottom: 5px; } 
    li.legend_a { font-size: 10px; } 
    .ct_skd_list li a { font-size: 12px; } 
    .ct_skd_list li a::before { width: 10px; height: 10px; margin-right: 5px; } 
    .calendar-list__hd .list-hd__tit{font-size: 14px;}

    .progress-box{width: 80px; height: 30px; font-size: 14px;}
    .checkbox .declaration_txt{padding-left: 25px;}

    .input-wrap .width-big{width: 60%;}

    .dis-lms.dis-aply .aply-exp > ul > li:not(:last-child){margin-bottom: 20px;}
    .dis-lms.dis-aply .aply-cont { padding: 20px 0; } 
    .dis-lms.dis-aply .aply-cont .img { width: 70px; height: 70px; } 
    .dis-lms.dis-aply .aply-cont .tit { margin-bottom: 5px; } 
    .dis-lms.dis-aply .aply-cont p { font-size: 16px; } 
    .dis-lms.dis-aply .aply-info { height: auto; padding: 25px 30px; } 
    .dis-lms.dis-aply .aply-info p { word-break: keep-all; line-height: 1.8; } 
    .dis-lms.dis-aply .aply-info p + p { margin-top: 0; } 


    .dis-info .direction-tab > ul > li{width: 150px;}
    .dis-info__img .img-wrap{padding-bottom: 0; height: 170px;}
    .dis-info__cont{padding: 30px 20px;min-height: auto;}
    .dis-info__cont .tit {font-size: 18px;}
    .dis-info__cont .subTit {font-size: 14px; margin-top: 15px;}
    .dis-info__cont .cont {font-size: 14px; margin-top: 10px;}
    .historyInfo-box { display: block; text-align: center; } 

    .historyInfo-box .l { width: auto; display: inline-flex; justify-content: center; font-size: 25px; } 
    .historyInfo-box .l::before { left: 50%; top: 50%; transform: translate(-50%, -50%); } 
    .historyInfo-box .r { margin-top: 45px; } 
    .historyInfo-list { margin-top: 50px; } 
    .historyInfo-box .list { display: block; } 
    .historyInfo-box .list-tit { width: 100%; justify-content: center; } 
    .historyInfo-box .list-tit { margin-right: 0; margin-bottom: 20px; } 
    .historyInfo-box .list-tit::after { left: calc(50% - 31px); transform: translateX(-50%); top: 15px; } 
    .historyInfo-box .list-cont p { font-size: 18px; } 
    .historyInfo-list > li:not(:last-child) { margin-bottom: 50px; } 


    /* tab-list */
    .tab-list ul{justify-content: space-between;}
    .tab-list ul li:not(:last-child){margin-right: 15px;}
    .tab-list ul li a{min-width: 100%; font-size: 14px;}

    .inquiry-list > ul { height: auto; flex-direction: column; } 
    .inquiry-list > ul > li{flex: none;}
    .inquiry-list > ul > li:not(:last-child) { padding-right: 0; padding-bottom: 20px; } 
    .inquiry-list .box {width: 100px;height: 55px;font-size: 15px;} 
    .inquiry-list .box-list .box {font-size: 12px;width: 90px;word-break: keep-all;height: auto;padding: 10px;} 
    .inquiry-list > ul > li:not(:last-child)::after { top: auto; transition: none; right: auto; transform: translateX(-50%) rotate(90deg); left: 50%; } 
    .inquiry-list .box-wrap .top { bottom: auto; right: calc(100% + 10px); top: 10px; width: auto;} 
    .inquiry-list .box-list .top .box::after { top: auto; } 
    .inquiry-list .box-list .box::after { left: 100%; width: 11px; height: 1px; transform: none; } 
    .inquiry-list .box-wrap .bottom { top: 1px; left: calc(100% + 10px); } 
    .inquiry-list .box-list .bottom .box::after { bottom: auto; left: -11px; } 
    .inquiry-list .box-wrap .bottom.bottom02 { top: -43px; display: flex; flex-direction: column; position: absolute; } 
    .inquiry-list .box-wrap .bottom.bottom02::after { content: ''; width: 1px; height: 60px; background: #e4e4e4; top: 0; position: absolute; left: -11px; } 
    .inquiry-list .box-list .bottom .box:nth-child(2)::after {left: 50%;bottom: 100%;width: 1px;height: 21px;}


    /* govInfo */
    .govInfo .dis-cont__bottom .sub-tit{margin-top: 60px; padding-bottom: 20px;}
    .govInfo .dis-cont__bottom .sub-tit h3::before{margin-right: 15px;}
    .govInfo .dis-cont__bottom .sub-tit h3::after{margin-left: 15px;}
    .govInfo .dis-cont__bottom .sub-tit h3{font-size: 20px;}
    .govInfo .dis-cont__bottom .img-wrap { width: 200px; height: 200px; } 
    .govInfo .dis-cont__bottom .img-wrap img { width: auto; } 
    .govInfo .dis-cont__bottom .list .img-wrap .tit { font-size: 20px; } 
    .govInfo .dis-cont__bottom .cont .tit { margin: 0; } 
    .list-num{margin-bottom: 10px; width: 30px; height: 30px; font-size: 18px;}
    .sub-list.flex-right{flex-direction: column;}
    .sub-list > li:not(:last-child){margin-bottom: 10px;}

    .cont-box > ul > li:not(:last-child){margin-bottom: 10px;}
    .counsel-info.type2 .cont-box__list li { width: 100%; padding: 10px 0; } 
    .counsel-info.type2 .cont-box.cont-box__list ul { margin: -10px 0; } 
    .counsel-info.type2 .cont-box__list .list-tit{font-size: 16px;}
    .counsel-info.type2 .cont-box__list .cont{font-size: 14px;text-align: center;padding: 15px;}
    .process-list > li {width: 100%;display: flex;justify-content: center;}
    .counsel-info.type2 .counsel-info__list .counsel-box__txt br.mo {display: block;}
}

/* Promising technologies page final overrides */
.page-promising-tech .topBanner { background: url("../../images/user/sub/topBanner02.png") no-repeat 50% 50% / cover; }
.page-promising-tech .manage-area { padding: 0 0 80px; }
.page-promising-tech footer .family-btn::before { transform: rotate(90deg); margin-right: 0; }
.page-promising-tech footer .family-btn::after { transform: rotate(0deg); }
.page-promising-tech footer .family-btn.active::before { transform: rotate(0deg); }
.page-promising-tech .content-area { padding: 64px 0 100px; }
.page-promising-tech .promising-tab-panel[hidden] { display: none !important; }
.page-promising-tech .promising-tab-panel.is-active { display: block; }
.page-promising-tech #promising-tech-list,
.page-promising-tech #tech-transfer-guide { scroll-margin-top: 130px; }
.page-promising-tech .promising-intro { display: flex; align-items: flex-end; gap: 54px; }
.page-promising-tech .promising-intro__img { flex: 0 0 710px; height: 476px; overflow: hidden; border-radius: 10px; background: #F0F6FB; }
.page-promising-tech .promising-intro__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-promising-tech .promising-intro__copy { flex: 1; display: flex; flex-direction: column; align-items: flex-start; gap: 44px; min-width: 0; }
.page-promising-tech .promising-intro__head { width: 100%; }
.page-promising-tech .promising-intro__eyebrow { display: block; margin-bottom: 14px; color: #5381B7; font-size: 26px; font-weight: 300; line-height: 32px; }
.page-promising-tech .promising-intro__head h2 { color: #424242; font-size: 42px; font-weight: 700; line-height: 56px; word-break: keep-all; }
.page-promising-tech .promising-consult { width: 100%; }
.page-promising-tech .promising-consult strong { display: block; margin-bottom: 14px; color: #314C6A; font-size: 22px; font-weight: 700; line-height: 28px; }
.page-promising-tech .promising-consult p { color: #424242; font-size: 22px; font-weight: 500; line-height: 1.45; word-break: keep-all; }
.page-promising-tech .promising-consult b { color: inherit; font-weight: 700; }
.page-promising-tech .promising-consult .mo-br { display: none; }
.page-promising-tech .promising-download-btn { display: inline-flex; align-items: center; justify-content: center; gap: 6px; min-width: 171px; height: 50px; padding: 0 20px; border: 1px solid #314C6A; border-radius: 5px; background: #fff; color: #314C6A; font-size: 20px; font-weight: 700; line-height: 26px; }
.page-promising-tech .promising-download-btn:hover,
.page-promising-tech .promising-download-btn:focus { background: #F7F7F7; }
.page-promising-tech .promising-download-btn .ico-download-blue { display: block; width: 24px; height: 24px; background: url("../../images/ico/ico-download.svg") no-repeat 50% 50% / contain; }
.page-promising-tech .promising-process { margin-top: 64px; }
.page-promising-tech .promising-process h2 { margin-bottom: 30px; color: #000; font-size: 30px; font-weight: 700; line-height: 1.35; }
.page-promising-tech .promising-process__list { display: grid; grid-template-columns: repeat(4, minmax(0, 300px)); gap: 80px; align-items: center; }
.page-promising-tech .promising-process__list li { position: relative; min-width: 0; }
.page-promising-tech .promising-process__list li:not(:last-child)::after { content: ''; position: absolute; top: 50%; right: -60px; width: 40px; height: 40px; background: #F7F7F7; clip-path: polygon(24% 14%, 78% 50%, 24% 86%); transform: translateY(-50%); }
.page-promising-tech .promising-process__card { overflow: hidden; min-height: 198px; border: 1px solid #BABABA; border-radius: 5px; background: #fff; }
.page-promising-tech .promising-process__card strong { display: flex; align-items: center; justify-content: center; min-height: 70px; padding: 12px; background: #5381B7; color: #fff; font-size: 24px; font-weight: 700; line-height: 30px; text-align: center; word-break: keep-all; }
.page-promising-tech .promising-process__card.is-final strong { background: linear-gradient(135deg, #002F63 0%, #001935 100%); }
.page-promising-tech .promising-process__card p { display: flex; align-items: center; justify-content: center; min-height: 126px; padding: 12px; color: #292929; font-size: 20px; font-weight: 500; line-height: 34px; text-align: center; word-break: keep-all; }

@media (max-width: 1500px) {
    .page-promising-tech .promising-intro__img { flex-basis: 49.3%; }
    .page-promising-tech .promising-process__list { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 5.55%; }
    .page-promising-tech .promising-process__list li:not(:last-child)::after { right: -57px; }
}

@media (max-width: 1100px) {
    .page-promising-tech .promising-intro { align-items: flex-start; flex-direction: column; gap: 36px; }
    .page-promising-tech .promising-intro__img { flex: none; width: 100%; height: auto; aspect-ratio: 710 / 476; }
    .page-promising-tech .promising-intro__copy { width: 100%; }
    .page-promising-tech .promising-process__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
    .page-promising-tech .promising-process__list li::after { display: none; }
}

@media (max-width: 640px) {
    .page-promising-tech .content-area { padding: 48px 0 72px; }
    .page-promising-tech .promising-intro__copy { gap: 28px; max-width: calc(100vw - 40px); }
    .page-promising-tech .promising-consult { max-width: calc(100vw - 40px); }
    .page-promising-tech .promising-intro__eyebrow { margin-bottom: 8px; font-size: 18px; line-height: 26px; }
    .page-promising-tech .promising-intro__head h2 { font-size: 30px; line-height: 40px; }
    .page-promising-tech .promising-consult strong { font-size: 18px; line-height: 26px; }
    .page-promising-tech .promising-consult p,
    .page-promising-tech .promising-consult b { overflow-wrap: anywhere; word-break: normal; }
    .page-promising-tech .promising-consult p { font-size: 16px; line-height: 1.65; }
    .page-promising-tech .promising-consult .mo-br { display: block; }
    .page-promising-tech .promising-download-btn { height: 46px; font-size: 16px; }
    .page-promising-tech .promising-process { margin-top: 48px; }
    .page-promising-tech .promising-process h2 { margin-bottom: 20px; font-size: 24px; }
    .page-promising-tech .promising-process__list { grid-template-columns: 1fr; gap: 18px; }
    .page-promising-tech .promising-process__card { min-height: auto; }
    .page-promising-tech .promising-process__card strong { min-height: 58px; font-size: 18px; line-height: 26px; }
    .page-promising-tech .promising-process__card p { min-height: 94px; font-size: 16px; line-height: 28px; }
}

@media (max-width: 640px) {
    .page-promising-tech .gnb-control { gap: 0; }
    .page-promising-tech .gnb-control .lang-btn { display: none; }
    .page-promising-tech .gnb-control .gnb-btn,
    .page-promising-tech .gnb-control .gnb-btn i { width: 44px; height: 44px; }
    .page-promising-tech .sect-tab .inner { display: block; }
    .page-promising-tech .tab-menu { width: 100%; min-width: 0; }
    .page-promising-tech .tab-menu li { min-width: 0; }
    .page-promising-tech .tab-menu .tab-btn { min-height: 50px; padding: 10px 6px; font-size: 13px; line-height: 20px; white-space: normal; word-break: normal; }
    .page-promising-tech .date-range { display: grid; grid-template-columns: minmax(0, 1fr) 14px minmax(0, 1fr); align-items: center; }
    .page-promising-tech .date-input { width: 100%; }
    .page-promising-tech footer .ft-site__nav li { flex: 1 1 50%; }
    .page-promising-tech footer .ft-site__nav a { color: rgba(255, 255, 255, .80); }
}

/* topBanner breadcrumb: applies to every sub page (page-former-director). */
.page-former-director .topBanner .inner { display: flow-root; }
.page-former-director .topBanner .lnb { bottom: -23px; }
.page-former-director .topBanner-cont { display: block; height: auto; margin-top: 56px; padding-bottom: 0; text-align: center; }
.page-former-director .topBanner .loca { display: block; height: auto; margin-top: 20px; padding-top: 0; border-bottom: 0; background: transparent; }
.page-former-director .topBanner .loca-ul1 { display: flex; align-items: center; justify-content: center; font-size: inherit; }
.page-former-director .topBanner .loca-li1,
.page-former-director .topBanner .loca-li1.loca-home { display: block; width: auto; padding-right: 26px; border-right: 0; }
.page-former-director .topBanner .loca-li1:not(:last-child) { margin-right: 12px; }
.page-former-director .topBanner .loca-li1:not(:last-child)::after { content: ''; position: absolute; right: 0; top: 50%; width: 14px; height: 14px; background: url("../../images/ico/ico-lnb_arr.svg") no-repeat 50% 50% / contain; transform: translateY(-50%); }
.page-former-director .topBanner .loca-li1:last-child { padding-right: 0; }
.page-former-director .topBanner .loca-item,
.page-former-director .topBanner .loca-item1 { display: flex; align-items: center; width: auto; height: auto; padding: 0; border-left: 0; color: #fff; font-size: 18px; font-weight: 500; line-height: 24px; }
.page-former-director .topBanner .loca-item1::before,
.page-former-director .topBanner .loca-item1::after { display: none; }
.page-former-director .topBanner .ico-home_w { width: 24px; height: 24px; background: url("../../images/ico/ico-home_w.svg") no-repeat 50% 50% / contain; font-size: 0; }

@media (max-width: 900px) {
    .page-former-director .topBanner-cont { margin-top: 44px; }
}

@media (max-width: 640px) {
    .page-former-director .topBanner .loca { margin-top: 14px; }
    .page-former-director .topBanner .loca-ul1 { overflow-x: auto; justify-content: flex-start; padding-bottom: 4px; }
    .page-former-director .topBanner .loca-li1,
    .page-former-director .topBanner .loca-li1.loca-home { flex: none; width: auto; }
    .page-former-director .topBanner .loca-li1:last-child { display: block; }
    .page-former-director .topBanner .loca-item,
    .page-former-director .topBanner .loca-item1 { font-size: 14px; line-height: 20px; white-space: nowrap; }
}

/* Figma footer for KBRI introduction pages */
.footer-figma { background: #F7F7F7; }
.footer-figma .ft-info { min-height: 240px; padding: 60px 0; background: #F7F7F7; }
.footer-figma .ft-info .inner,
.footer-figma .ft-site .inner { max-width: calc(1560px + 80px); }
.footer-figma .footer-figma__info-inner { display: flex; align-items: flex-start; justify-content: space-between; gap: 32px; }
.footer-figma .ft-logo img { display: block; width: 206px; height: auto; }
.footer-figma .ft-info address { margin-top: 28px; }
.footer-figma .ft-info address ul + ul { margin-top: 6px; }
.footer-figma .ft-info address ul li { color: #757575; font-size: 16px; font-weight: 500; line-height: 20px; }
.footer-figma .ft-info address .footer-address--location li { display: block; padding-right: 0; margin-right: 0; }
.footer-figma .ft-info address .footer-address--location li::after { display: none; }
.footer-figma .ft-info address ul li:not(:last-child)::after { background: #D0D0D0; }
.footer-figma .ft-site__family,
.footer-figma .family-btn { width: 256px; }
.footer-figma .family-btn { height: 46px; padding: 0 20px; border: 1px solid #E4E4E4; border-radius: 5px; background: #fff; color: #757575; font-size: 18px; font-weight: 600; }
.footer-figma .family-btn::before,
.footer-figma .family-btn::after { right: 20px; width: 14px; height: 2px; background: #757575; }
.footer-figma .family-btn::before { margin-right: 0; transform: rotate(90deg); }
.footer-figma .family-btn::after { transform: rotate(0deg); }
.footer-figma .family-btn.active::before { transform: rotate(0deg); }
.footer-figma .family-list { top: 51px; bottom: auto; }
.footer-figma .ft-site { min-height: 62px; padding: 20px 0; background: #5381B7; }
.footer-figma .footer-figma__site-inner { display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.footer-figma .copyright { flex: 1 1 auto; min-width: 0; margin: 0; color: rgba(255, 255, 255, .48); font-size: 14px; font-weight: 500; line-height: 18px; }
.footer-figma .ft-site__l { flex: 0 0 auto; }
.footer-figma .ft-site__nav { align-items: center; height: auto; background: transparent; }
.footer-figma .ft-site__nav li:not(:last-child) { padding-right: 20px; margin-right: 20px; }
.footer-figma .ft-site__nav li:not(:last-child)::after { height: 12px; background: rgba(255, 255, 255, .26); }
.footer-figma .ft-site__nav a,
.footer-figma .ft-site__nav li:first-child a,
.type03 .footer-figma .ft-site__nav > li > a,
.type03 .footer-figma .ft-site__nav > li:first-child > a { color: rgba(255, 255, 255, .80); font-family: Pretendard Variable, sans-serif; font-size: 18px; font-weight: 500; line-height: normal; }

@media (max-width: 1200px) {
    .footer-figma .ft-info { min-height: 0; padding: 48px 0; }
    .footer-figma .ft-info .inner { display: block; }
    .footer-figma .ft-info * { text-align: left; }
    .footer-figma .ft-r { margin-top: 28px; }
    .footer-figma .ft-site { min-height: 0; padding: 18px 0; }
    .footer-figma .footer-figma__site-inner { flex-direction: column; align-items: flex-start; gap: 14px; }
    .footer-figma .ft-site__l { width: 100%; }
    .footer-figma .ft-site__nav { flex-wrap: wrap; gap: 10px 0; }
}

@media (max-width: 640px) {
    .footer-figma .ft-info { padding: 42px 0; }
    .footer-figma .ft-logo img { width: 180px; }
    .footer-figma .ft-site__family,
    .footer-figma .family-btn { width: 100%; }
    .footer-figma .family-btn { height: 50px; }
    .footer-figma .ft-site__nav li { flex: 1 1 50%; display: flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 !important; margin: 0 !important; }
    .footer-figma .ft-site__nav li:not(:last-child)::after { display: none; }
    .footer-figma .ft-site__nav a,
    .type03 .footer-figma .ft-site__nav > li > a { display: block; width: 100%; padding: 0 8px; text-align: center; font-size: 15px; line-height: 20px; word-break: keep-all; }
}

/* 원장소개 모바일 LNB (홈 + 2뎁스 + 3뎁스 드롭다운) */
.page-former-director .lnb-mobile { display: none; }

@media (max-width: 900px) {
    .page-former-director .topBanner .lnb { display: none; }
    .page-former-director .lnb-mobile {
        display: block;
        position: relative;
        z-index: 5;
        background: #fff;
        border-top: 1px solid #E4E4E4;
        border-bottom: 1px solid #E4E4E4;
    }
    .page-former-director .lnb-mobile .inner {
        display: flex;
        align-items: stretch;
        gap: 0;
        height: 40px;
        padding: 0 20px;
        max-width: 100%;
    }
    .page-former-director .lnb-mobile__home {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        flex-shrink: 0;
        border-left: 1px solid #E4E4E4;
        border-right: 1px solid #E4E4E4;
    }
    .page-former-director .lnb-mobile__home-ico {
        display: block;
        width: 18px;
        height: 18px;
        background: url('../../images/cmn/ico_house.svg') no-repeat 50% / contain;
    }
    .page-former-director .lnb-mobile__group {
        position: relative;
        flex: 1;
        min-width: 0;
    }
    .page-former-director .lnb-mobile__group + .lnb-mobile__group {
        border-left: 1px solid #E4E4E4;
    }
    .page-former-director .lnb-mobile__group:last-child {
        border-right: 1px solid #E4E4E4;
    }
    .page-former-director .lnb-mobile__toggle {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        padding: 0 38px 0 18px;
        background: #fff url('../../images/cmn/ico_select_arr.svg') no-repeat right 16px center / 20px 20px;
        border: 0;
        font-family: 'Pretendard Variable', sans-serif;
        color: #666666;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        text-align: left;
        cursor: pointer;
    }
    .page-former-director .lnb-mobile__toggle span {
        display: inline-block;
        width: 100%;
        font-family: 'Pretendard Variable', sans-serif;
        color: #666666;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .page-former-director .lnb-mobile__menu {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        margin: 0;
        padding: 6px 0;
        list-style: none;
        background: #fff;
        border: 1px solid #E4E4E4;
        border-top: 0;
        box-shadow: 0 6px 14px rgba(0, 0, 0, 0.08);
        z-index: 3;
    }
    .page-former-director .lnb-mobile__group.is-open .lnb-mobile__menu {
        display: block;
    }
    .page-former-director .lnb-mobile__menu li + li {
        border-top: 1px solid #F3F3F3;
    }
    .page-former-director .lnb-mobile__menu a {
        display: block;
        padding: 10px 18px;
        font-family: 'Pretendard Variable', sans-serif;
        color: #666666;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .page-former-director .lnb-mobile__menu a.active {
        font-family: 'Pretendard Variable', sans-serif;
        color: #666666;
        font-size: 12px;
        font-weight: 500;
        line-height: normal;
    }
}

/* common bbsBar responsive */
@media screen and (max-width:1024px) {
    .bbsList > .bbsBar {
        align-items: stretch;
        flex-direction: column-reverse;
        gap: 20px;
        padding-bottom: 0;
    }
    .bbsList > .bbsBar .bbsBar-subTit {
        box-sizing: border-box;
        width: 100%;
        margin: 0;
        padding: 10px 15px;
        border-radius: 10px;
        background: #F7F7F7;
        font-size: 14px;
        line-height: 24px;
        white-space: nowrap;
    }
    .bbsList > .bbsBar .bbsBar-subTit b {
        white-space: nowrap;
    }
    .bbsList > .bbsBar .bbsBar-sch,
    .bbsList > .bbsBar .input-group {
        width: 100%;
        min-width: 0;
    }
    .bbsList > .bbsBar .input-group {
        flex-wrap: wrap;
    }
    .bbsList > .bbsBar .input_wrap.date {
        flex: 1 1 360px;
        min-width: 0;
    }
    .bbsList > .bbsBar .input_wrap.date input {
        flex: 1 1 0;
        width: auto;
        min-width: 0;
    }
    .bbsList > .bbsBar .sch-select {
        flex: 0 0 192px;
    }
    .bbsList > .bbsBar .sch-select select {
        width: 100%;
    }
    .bbsList > .bbsBar .sch-input {
        flex: 1 1 320px;
        min-width: 0;
    }
    .bbsList > .bbsBar .sch-input input {
        flex: 1 1 0;
        width: 0;
        min-width: 0;
    }
}

@media screen and (max-width:767px) {
    .bbsList > .bbsBar .input-group {
        gap: 10px;
    }
    .bbsList > .bbsBar .input_wrap.date {
        display: flex !important;
        width: 100%;
        max-width: calc(100vw - 40px);
        flex-basis: 100%;
        flex-direction: column;
        gap: 8px;
    }
    .bbsList > .bbsBar .input_wrap.date .dash {
        display: none;
    }
    .bbsList > .bbsBar .input_wrap.date input {
        flex: none;
        width: 100% !important;
        padding-right: 44px;
        padding-left: 12px;
        background-size: 28px 28px;
        background-position: right 10px center;
        font-size: 15px;
    }
    .bbsList > .bbsBar .sch-select,
    .bbsList > .bbsBar .sch-input {
        width: 100%;
        max-width: calc(100vw - 40px);
        flex-basis: 100%;
    }
    .bbsList > .bbsBar .sch-input {
        position: relative;
        display: block !important;
        box-sizing: border-box;
        padding-right: 60px;
    }
    .bbsList > .bbsBar .sch-input input {
        width: 100% !important;
        min-width: 0;
    }
    .bbsList > .bbsBar .sch-input .btn-sch {
        position: absolute;
        top: 0;
        right: 0;
        flex: 0 0 50px !important;
        width: 50px !important;
        min-width: 50px !important;
    }
}

@media screen and (max-width:767px) {
    body.page-privacy,
    body.page-privacy #wrap,
    body.page-privacy #container,
    body.page-privacy .contents,
    body.page-privacy main,
    body.page-privacy .content-area,
    body.page-privacy .content-section,
    body.page-privacy .content-area .inner {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    body.page-privacy {
        overflow-x: hidden;
    }

    body.page-privacy .content-area .inner {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    body.page-privacy .page-title p,
    body.page-privacy .privacy-content,
    body.page-privacy .privacy-content p,
    body.page-privacy .privacy-content li {
        max-width: 100%;
        white-space: normal !important;
        word-break: keep-all !important;
        overflow-wrap: break-word !important;
        line-break: strict;
    }

    body.page-privacy .tbl_wrap,
    body.page-privacy .privacy-table-scroll {
        width: 100%;
        max-width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }
}

/* Privacy policy page - Figma alignment */
body.page-privacy.page-former-director header,
body.page-privacy.page-former-director header.on {
    background: #fff;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    backdrop-filter: none;
}

body.page-privacy.page-former-director .hd-logo a {
    width: 218px;
    height: 46px;
}

body.page-privacy.page-former-director .hd-cont {
    justify-content: flex-start;
}

body.page-privacy.page-former-director header .gnb {
    margin-left: auto;
    margin-right: 100px;
}

body.page-privacy.page-former-director .gnb-cont > li:not(:last-child) {
    margin-right: 0;
}

body.page-privacy.page-former-director .gnb-cont > li:nth-child(3) {
    display: none;
}

body.page-privacy.page-former-director .gnb-cont > li > a {
    color: #292929;
    font-family: var(--f-nanum), Pretendard Variable, "Pretendard Variable", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 1;
}

body.page-privacy.page-former-director .gnb-control {
    gap: 14px;
}

body.page-privacy.page-former-director .gnb-control .search-btn {
    display: none;
}

body.page-privacy.page-former-director .gnb-control .btn {
    width: 42px;
    height: 42px;
}

body.page-privacy.page-former-director .gnb-control .search-btn img,
body.page-privacy.page-former-director .gnb-control .gnb-btn i {
    width: 36px;
    height: 36px;
}

body.page-privacy.page-former-director .lang-btn i {
    width: 24px;
    height: 24px;
}

body.page-privacy.page-former-director .lang-btn p {
    font-size: 11px;
    line-height: 1;
}

body.page-privacy main > section.content-area:first-child {
    margin-top: 0;
    padding-top: 186px;
}

body.page-privacy .content-area {
    padding-bottom: 54px;
}

body.page-privacy .page-title {
    margin-bottom: 42px;
}

body.page-privacy .page-title h2 {
    color: #111;
    font-size: 38px;
    font-weight: 800;
    line-height: 1.2;
}

body.page-privacy .page-title p {
    display: none;
}

body.page-privacy .privacy-content {
    color: #424242;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.72;
    word-break: keep-all;
    overflow-wrap: break-word;
    line-break: strict;
    text-wrap: pretty;
}

body.page-privacy .privacy-content .txtBox {
    padding: 14px 36px;
    border: 0;
    border-radius: 8px;
    background: #F7F7F7;
}

body.page-privacy .privacy-content .txtBox p {
    margin: 0;
    font-size: 14px;
    line-height: 1.4;
    word-break: keep-all;
    overflow-wrap: normal;
}

body.page-privacy .privacy-content .txtBox p + p {
    margin-top: 5px;
}

body.page-privacy .privacy-content .txtBox span[style] {
    font-size: inherit !important;
    font-weight: inherit !important;
}

body.page-privacy .privacy-nowrap {
    white-space: nowrap;
}

body.page-privacy .tbl_wrap {
    margin: 32px 0 44px;
}

body.page-privacy .privacy-table-scroll {
    margin: 14px 0 24px;
}

body.page-privacy table th {
    height: 40px;
    padding: 10px 12px;
    font-size: 13px;
    word-break: keep-all;
    overflow-wrap: break-word;
}

body.page-privacy table td {
    padding: 11px 12px;
    font-size: 12px;
    line-height: 1.55;
    word-break: keep-all;
    overflow-wrap: break-word;
}

body.page-privacy table.tbl01 th {
    height: 48px;
    font-size: 14px;
}

body.page-privacy table.tbl01 td {
    padding: 24px 12px;
    color: #333;
    font-size: 14px;
    line-height: 1.5;
}

body.page-privacy table.privacy {
    border-top: 1px solid #9F9F9F;
    border-bottom: 1px solid #B8B8B8;
}

body.page-privacy table.privacy:first-of-type + table.privacy {
    margin-top: 30px;
}

body.page-privacy table.privacy td {
    padding: 26px 12px;
}

body.page-privacy table.privacy:first-of-type td {
    padding: 33px 12px;
}

body.page-privacy table.privacy:not(:first-of-type) td {
    padding: 24px;
}

/* 목차 표 아이콘: 54x54 (라벨링 표와 동일 규격, 전 구간 유지) */
body.page-privacy table.privacy:not(:first-of-type) .privacy-icon {
    width: 54px;
    height: 54px;
}

/* 목차 표(두 번째) 신규 아이콘: 1조~13조 순서 → privacy-07~19.svg */
body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--02 {
    background-image: url("../../images/user/sub/privacy/privacy-07.svg"); /* 1조 처리 목적 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--03 {
    background-image: url("../../images/user/sub/privacy/privacy-08.svg"); /* 2조 처리·보유기간 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--04 {
    background-image: url("../../images/user/sub/privacy/privacy-09.svg"); /* 3조 제3자 제공 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--05 {
    background-image: url("../../images/user/sub/privacy/privacy-10.svg"); /* 4조 처리 위탁 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--07 {
    background-image: url("../../images/user/sub/privacy/privacy-11.svg"); /* 5조 권리·의무 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--08 {
    background-image: url("../../images/user/sub/privacy/privacy-12.svg"); /* 6조 처리 항목 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--09 {
    background-image: url("../../images/user/sub/privacy/privacy-13.svg"); /* 7조 파기 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--10 {
    background-image: url("../../images/user/sub/privacy/privacy-14.svg"); /* 8조 자동 수집 장치 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--11 {
    background-image: url("../../images/user/sub/privacy/privacy-15.svg"); /* 9조 안전성 확보 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--12 {
    background-image: url("../../images/user/sub/privacy/privacy-16.svg"); /* 10조 권익침해 구제 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--06 {
    background-image: url("../../images/user/sub/privacy/privacy-17.svg"); /* 11조 열람청구 부서 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--13 {
    background-image: url("../../images/user/sub/privacy/privacy-18.svg"); /* 12조 보호 책임자 */
}

body.page-privacy table.privacy:not(:first-of-type) .privacy-icon--14 {
    background-image: url("../../images/user/sub/privacy/privacy-19.svg"); /* 13조 방침 변경 */
}

body.page-privacy table.privacy td p,
body.page-privacy table.privacy a {
    font-size: 13px;
    font-weight: 500;
    line-height: 1.5;
    word-break: keep-all;
    overflow-wrap: break-word;
}

body.page-privacy table.privacy a {
    gap: 22px;
    min-width: 0;
}

body.page-privacy .privacy-icon {
    position: relative;
    display: inline-block;
    flex: 0 0 auto;
    width: 70px;
    height: 70px;
    border: 0;
    border-radius: 0;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
    color: inherit;
    font-size: 0;
    font-weight: inherit;
    line-height: 0;
}

body.page-privacy .privacy-icon::before,
body.page-privacy .privacy-icon::after {
    content: none;
}

body.page-privacy .privacy-icon--01 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-01.png");
}

body.page-privacy .privacy-icon--02 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-02.png");
}

body.page-privacy .privacy-icon--03 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-03.png");
}

body.page-privacy .privacy-icon--04 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-04.png");
}

body.page-privacy .privacy-icon--05 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-05.png");
}

body.page-privacy .privacy-icon--06 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-06.png");
}

body.page-privacy .privacy-icon--07 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-07.png");
}

body.page-privacy .privacy-icon--08 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-08.png");
}

body.page-privacy .privacy-icon--09 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-09.png");
}

body.page-privacy .privacy-icon--10 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-10.png");
}

body.page-privacy .privacy-icon--11 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-11.png");
}

body.page-privacy .privacy-icon--12 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-12.png");
}

body.page-privacy .privacy-icon--13 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-13.png");
}

body.page-privacy .privacy-icon--14 {
    background-image: url("../../images/user/sub/privacy/ico-privacy-14.png");
}

/* === 라벨링 표(첫 번째) 신규 아이콘: 54x54, 가운데 정렬, 텍스트 위 8px === */
body.page-privacy table.privacy:first-of-type td {
    text-align: center;
}

body.page-privacy table.privacy:first-of-type .privacy-icon {
    display: block;
    width: 54px;
    height: 54px;
    margin: 0 auto 8px;
}

body.page-privacy table.privacy:first-of-type .privacy-icon--01 {
    background-image: url("../../images/user/sub/privacy/privacy-01.svg");
}

body.page-privacy table.privacy:first-of-type .privacy-icon--02 {
    background-image: url("../../images/user/sub/privacy/privacy-02.svg");
}

body.page-privacy table.privacy:first-of-type .privacy-icon--03 {
    background-image: url("../../images/user/sub/privacy/privacy-03.svg");
}

body.page-privacy table.privacy:first-of-type .privacy-icon--04 {
    background-image: url("../../images/user/sub/privacy/privacy-04.svg");
}

body.page-privacy table.privacy:first-of-type .privacy-icon--05 {
    background-image: url("../../images/user/sub/privacy/privacy-05.svg");
}

body.page-privacy table.privacy:first-of-type .privacy-icon--06 {
    background-image: url("../../images/user/sub/privacy/privacy-06.svg");
}

body.page-privacy .conTit1 {
    display: block;
    margin: 52px 0 6px;
    padding-bottom: 0;
    border-bottom: 0;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.35;
    word-break: keep-all;
    overflow-wrap: break-word;
    text-wrap: pretty;
}

/* 본문 조 제목(conTit1) 아이콘: 목차와 동일한 신규 SVG를 제목 앞에 노출 */
body.page-privacy .conTit1 .privacy-icon {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    vertical-align: middle;
}

body.page-privacy .conTit1 .privacy-icon--02 { background-image: url("../../images/user/sub/privacy/privacy-07.svg"); } /* 1조 */
body.page-privacy .conTit1 .privacy-icon--03 { background-image: url("../../images/user/sub/privacy/privacy-08.svg"); } /* 2조 */
body.page-privacy .conTit1 .privacy-icon--04 { background-image: url("../../images/user/sub/privacy/privacy-09.svg"); } /* 3조 */
body.page-privacy .conTit1 .privacy-icon--05 { background-image: url("../../images/user/sub/privacy/privacy-10.svg"); } /* 4조 */
body.page-privacy .conTit1 .privacy-icon--07 { background-image: url("../../images/user/sub/privacy/privacy-11.svg"); } /* 5조 */
body.page-privacy .conTit1 .privacy-icon--08 { background-image: url("../../images/user/sub/privacy/privacy-12.svg"); } /* 6조 */
body.page-privacy .conTit1 .privacy-icon--09 { background-image: url("../../images/user/sub/privacy/privacy-13.svg"); } /* 7조 */
body.page-privacy .conTit1 .privacy-icon--10 { background-image: url("../../images/user/sub/privacy/privacy-14.svg"); } /* 8조 */
body.page-privacy .conTit1 .privacy-icon--11 { background-image: url("../../images/user/sub/privacy/privacy-15.svg"); } /* 9조 */
body.page-privacy .conTit1 .privacy-icon--12 { background-image: url("../../images/user/sub/privacy/privacy-16.svg"); } /* 10조 */
body.page-privacy .conTit1 .privacy-icon--06 { background-image: url("../../images/user/sub/privacy/privacy-17.svg"); } /* 11조 */
body.page-privacy .conTit1 .privacy-icon--13 { background-image: url("../../images/user/sub/privacy/privacy-18.svg"); } /* 12조 */
body.page-privacy .conTit1 .privacy-icon--14 { background-image: url("../../images/user/sub/privacy/privacy-19.svg"); } /* 13조 */

/* 일반 텍스트: regular 16px / line-height 28 */
body.page-privacy .conBox2,
body.page-privacy .txt01,
body.page-privacy .conBox2 p,
body.page-privacy .conLst3 > li > p,
body.page-privacy .conLst4 > li > p,
body.page-privacy .conLst1 > li > p {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 불릿(점) 제거 목록 (ul 전체) */
body.page-privacy .conLst3.no-dot > li {
    padding-left: 0;
}

body.page-privacy .conLst3.no-dot > li::before {
    display: none;
}

/* 점 개별 제어: li에 class="dot" → 점 표시, class="no-dot" → 점 숨김 (목록 기본값과 무관) */
body.page-privacy .conLst3 > li.no-dot,
body.page-privacy .conLst1 > li.no-dot,
body.page-privacy .conLst4 > li.no-dot { padding-left: 0 !important; }
body.page-privacy .conLst3 > li.no-dot::before,
body.page-privacy .conLst1 > li.no-dot::before,
body.page-privacy .conLst4 > li.no-dot::before { display: none !important; }

body.page-privacy .conLst3 > li.dot,
body.page-privacy .conLst1 > li.dot,
body.page-privacy .conLst4 > li.dot { padding-left: 14px !important; }
body.page-privacy .conLst3 > li.dot::before,
body.page-privacy .conLst1 > li.dot::before,
body.page-privacy .conLst4 > li.dot::before { display: block !important; }

/* p 항목(①②③ 등)에도 점 적용 */
body.page-privacy .conLst1 > li > p.dot,
body.page-privacy .conLst3 > li > p.dot { position: relative; padding-left: 14px; }
body.page-privacy .conLst1 > li > p.dot::before,
body.page-privacy .conLst3 > li > p.dot::before { content: ""; position: absolute; left: 0; top: 13px; width: 4px; height: 4px; border-radius: 50%; background: #5381B7; }

/* 목록 항목(conLst3 라벨·conLst1 세부·가./나. 등): regular 16px #424242 — 제 N조(conTit1)만 #292929 */
body.page-privacy .conLst3 > li,
body.page-privacy .conLst1 > li,
body.page-privacy .conLst4 > li {
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    color: #424242;
    word-break: keep-all;
    overflow-wrap: break-word;
}

/* 원하는 텍스트에만 semibold: 텍스트를 <span class="semibold">로 감싸거나 해당 요소(li/p)에 class="semibold" 부여 */
body.page-privacy .semibold { font-weight: 600 !important; }

@supports (word-break: auto-phrase) {
    body.page-privacy .privacy-content,
    body.page-privacy .privacy-content p,
    body.page-privacy .privacy-content li,
    body.page-privacy .privacy-content a,
    body.page-privacy .conTit1 {
        word-break: auto-phrase;
    }
}

body.page-privacy .conLst3 > li::before,
body.page-privacy .conLst4 > li::before,
body.page-privacy .conLst1 > li::before {
    top: 10px;
}

body.page-privacy .download,
body.page-privacy .private a {
    min-height: 32px;
    margin-top: 10px;
    padding: 0 14px;
    font-size: 12px;
}

/* === 다운로드 버튼: 바로가기 버튼 스타일 + 다운로드 아이콘 (라벨 길이에 맞춤) === */
body.page-privacy .download {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 50px;
    margin: 0 8px 0 0;
    padding: 0;
    border: 0.5px solid #314C6A;
    border-radius: 5px;
    background: #fff;
    color: #314C6A;
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

body.page-privacy .download::after {
    content: "";
    display: inline-block;
    flex: 0 0 auto;
    width: 32px;
    height: 32px;
    background: url("../../images/ico/ico-download.svg") no-repeat 50% / contain;
}

/* === 제13조 이전 방침 목록 === */
body.page-privacy .private {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24px;
    margin-top: 16px;
}

/* 바로가기 버튼: bold 20px / line-height 26 / #314C6A / border 0.5px */
body.page-privacy .private a {
    width: 150px;
    grid-column: 2;
    grid-row: 1 / span 2;
    align-self: center;
    justify-content: center;
    min-width: 150px;
    min-height: 0;
    margin: 0;
    padding: 13px 24px;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    color: #314C6A;
    background: #fff;
    border-width: 0.5px;
    border-radius: 5px;
}

/* 바로가기 버튼 우상향 화살표 아이콘 */
body.page-privacy .private a .ico-link {
    display: inline-block;
    flex: 0 0 auto;
    width: 24px;
    height: 24px;
    margin-left: 8px;
    background: #314C6A;
    -webkit-mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain;
    mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain;
}

body.page-privacy .manage-area {
    padding-top: 34px;
}

body.page-privacy .manage-box {
    max-width: 1280px;
    margin: 0 auto;
}

@media screen and (max-width:1400px) {
    body.page-privacy.page-former-director .hd-cont {
        justify-content: space-between;
    }

    body.page-privacy.page-former-director .gnb-control {
        margin-left: auto;
    }
}

@media screen and (max-width:1200px) {
    body.page-privacy.page-former-director .hd-cont {
        justify-content: space-between;
    }

    body.page-privacy.page-former-director .gnb-control {
        margin-left: auto;
    }

    body.page-privacy .content-area .inner {
        padding-right: 32px;
        padding-left: 32px;
    }

    body.page-privacy.page-former-director .gnb-cont > li:not(:last-child) {
        margin-right: 34px;
    }

    body.page-privacy.page-former-director .gnb-cont > li > a {
        font-size: 14px;
    }

    body.page-privacy.page-former-director .hd-logo a {
        width: 140px;
        height: 32px;
    }

    body.page-privacy main > section.content-area:first-child {
        padding-top: 120px;
    }

    body.page-privacy .page-title {
        margin-bottom: 34px;
    }

    body.page-privacy .page-title h2 {
        font-size: 34px;
    }

    body.page-privacy .privacy-content .txtBox {
        padding: 18px 24px;
    }

    body.page-privacy table.privacy:not(:first-of-type) td {
        padding: 24px 18px;
    }
}

@media screen and (max-width:767px) {
    body.page-privacy.page-former-director .hd-logo a {
        width: 130px;
        height: 30px;
    }

    body.page-privacy main > section.content-area:first-child {
        margin-top: 0;
        padding-top: 96px;
    }

    body.page-privacy .content-area {
        padding-bottom: 38px;
    }

    body.page-privacy .content-area .inner {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    body.page-privacy .page-title {
        margin-bottom: 24px;
    }

    body.page-privacy .page-title h2 {
        font-size: 28px;
        line-height: 1.25;
        word-break: keep-all;
        overflow-wrap: break-word;
    }

    body.page-privacy .privacy-content {
        font-size: 15px;
        line-height: 1.7;
    }

    body.page-privacy .privacy-content .txtBox {
        padding: 18px 16px;
        border-radius: 8px;
    }

    body.page-privacy .privacy-content .txtBox p {
        font-size: 15px;
        line-height: 1.65;
        word-break: keep-all;
        overflow-wrap: anywhere !important;
    }

    body.page-privacy .tbl_wrap {
        margin: 26px 0 34px;
        overflow: visible;
    }

    body.page-privacy table.privacy {
        border-top-color: #D0D0D0;
        border-bottom-color: #D0D0D0;
    }

    body.page-privacy table.privacy:first-of-type tbody {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.page-privacy table.privacy:first-of-type tr {
        display: contents;
        border: 0;
    }

    body.page-privacy table.privacy:first-of-type td {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 8px;
        min-height: 128px;
        padding: 16px 8px;
        border-right: 1px solid #E4E4E4;
        border-bottom: 1px solid #E4E4E4;
        text-align: center;
    }

    body.page-privacy table.privacy:first-of-type td p {
        display: block;
        margin: 0;
        text-align: center;
    }

    /* 라벨링 아이콘: 모바일은 td flex gap(8px)이 간격 처리 → margin 제거 */
    body.page-privacy table.privacy:first-of-type .privacy-icon {
        width: 54px;
        height: 54px;
        margin: 0;
    }

    body.page-privacy table.privacy:first-of-type tr:nth-child(1) td:nth-child(2),
    body.page-privacy table.privacy:first-of-type tr:nth-child(2) td:nth-child(1),
    body.page-privacy table.privacy:first-of-type tr:nth-child(2) td:nth-child(3) {
        border-right: 0;
    }

    body.page-privacy table.privacy:not(:first-of-type) tbody,
    body.page-privacy table.privacy:not(:first-of-type) tr {
        display: block;
    }

    body.page-privacy table.privacy td,
    body.page-privacy table.privacy:first-of-type td,
    body.page-privacy table.privacy:not(:first-of-type) td {
        padding: 14px 12px;
    }

    body.page-privacy table.privacy td p,
    body.page-privacy table.privacy a {
        font-size: 15px;
    }

    body.page-privacy table.privacy a {
        display: grid;
        grid-template-columns: 54px minmax(0, 1fr);
        align-items: center;
        width: 100%;
        gap: 12px;
        min-height: 48px;
        line-height: 1.45;
        word-break: keep-all;
        overflow-wrap: anywhere;
        text-align: left;
    }

    body.page-privacy table.privacy:not(:first-of-type) td {
        border-right: 0;
        border-left: 0;
    }

    body.page-privacy table.privacy:not(:first-of-type) td:not(:has(a)) {
        display: none;
    }

    body.page-privacy .privacy-icon {
        width: 48px;
        height: 48px;
    }

    body.page-privacy .privacy-icon::before {
        width: 26px;
        height: 26px;
    }

    body.page-privacy .privacy-icon::after {
        right: 8px;
        bottom: 8px;
        width: 13px;
        height: 13px;
    }

    body.page-privacy .conTit1 {
        font-size: 20px;
        line-height: 1.45;
        margin: 38px 0 12px;
    }

    body.page-privacy .conBox2,
    body.page-privacy .txt01,
    body.page-privacy .conLst3 > li,
    body.page-privacy .conLst4 > li,
    body.page-privacy .conLst1 > li {
        font-size: 15px;
    }

    body.page-privacy .conBox2 p,
    body.page-privacy .conLst3 > li > p,
    body.page-privacy .conLst4 > li > p,
    body.page-privacy .conLst1 > li > p {
        font-size: 15px;
        line-height: 1.72;
    }

    body.page-privacy .privacy-table-scroll {
        margin: 12px 0 22px;
        padding-bottom: 4px;
    }

    body.page-privacy .privacy-table-scroll table.tbl01 {
        min-width: 720px;
    }
}

@media screen and (max-width:420px) {
    body.page-privacy .content-area .inner {
        padding-right: 16px !important;
        padding-left: 16px !important;
    }

    body.page-privacy .page-title h2 {
        font-size: 26px;
    }

    body.page-privacy .privacy-content .txtBox {
        padding: 16px 14px;
    }

    body.page-privacy table.privacy:first-of-type td {
        min-height: 116px;
        padding: 14px 6px;
    }

    body.page-privacy table.privacy td p,
    body.page-privacy table.privacy a {
        font-size: 14px;
    }

    body.page-privacy table.privacy a {
        gap: 10px;
    }

    body.page-privacy .privacy-icon {
        width: 44px;
        height: 44px;
    }

    body.page-privacy .privacy-icon::before {
        width: 24px;
        height: 24px;
    }
}

@media screen and (max-width:340px) {
    body.page-privacy .download {
        max-width: calc(100vw - 32px);
        gap: 6px;
        font-size: 15px;
        line-height: 20px;
    }

    body.page-privacy .download::after {
        width: 24px;
        height: 24px;
    }

    body.page-privacy .private li {
        grid-template-columns: 143px 130px;
        column-gap: 12px;
    }

    body.page-privacy .private a,
    body.page-video-policy .previous-policy-link {
        width: 130px;
        min-width: 130px;
        padding: 11px 14px;
        font-size: 18px;
        line-height: 24px;
    }

    body.page-privacy .private a .ico-link,
    body.page-video-policy .previous-policy-link::after {
        width: 22px;
        height: 22px;
        margin-left: 6px;
    }
}

body.page-privacy .page-title h2 {
    max-width: 100%;
    white-space: normal !important;
    word-break: keep-all;
    overflow-wrap: anywhere;
}

body.page-video-policy .manage-hd,
body.page-copyright-policy .manage-hd {
    flex-basis: 180px;
}

body.page-video-policy .manage-hd strong,
body.page-copyright-policy .manage-hd strong {
    white-space: nowrap;
}

.mobile-title-break {
    display: inline;
}

@media screen and (max-width:767px) {
    body.page-video-policy .page-title h2 {
        font-size: 25px;
        line-height: 1.32;
    }

    body.page-video-policy .mobile-title-break {
        display: block;
    }

    body.page-video-policy .privacy-content,
    body.page-copyright-policy .privacy-content,
    body.page-video-policy .privacy-content p,
    body.page-copyright-policy .privacy-content p,
    body.page-video-policy .privacy-content li,
    body.page-copyright-policy .privacy-content li {
        word-break: keep-all;
        overflow-wrap: anywhere;
        line-break: strict;
    }

    body.page-video-policy .conTit1,
    body.page-copyright-policy .conTit1 {
        white-space: normal;
        word-break: normal;
        overflow-wrap: anywhere;
    }

    body.page-video-policy .manage-box,
    body.page-copyright-policy .manage-box {
        min-height: 0;
    }

    body.page-video-policy .manage-hd,
    body.page-copyright-policy .manage-hd {
        flex: 0 0 auto;
        width: 100%;
        min-height: 52px;
        padding: 15px 18px;
        justify-content: flex-start;
    }

    body.page-video-policy .manage-bd,
    body.page-copyright-policy .manage-bd {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
        width: 100%;
        padding: 16px 18px;
    }

    body.page-video-policy .manage-tit::after,
    body.page-copyright-policy .manage-tit::after {
        display: none;
    }
}

/* ===== 조직안내 (page-org) ===== */
.page-org .org-pagetit { margin-top: 6px; padding-bottom: 28px; border-bottom: 1px solid var(--g-black3); }
.page-org .org-pagetit h2 { color: #000; font-size: 36px; font-weight: 700; line-height: 50px; }
.page-org .sect-org .inner > .sect-tit { margin: 98px 0 26px; }
.page-org .sect-org .sect-tit h2 { color: #000; font-size: 28px; font-weight: 700; line-height: 40px; }
.page-org .sect-org .sect-tit p.info { margin-top: 30px; font-size: 22px; font-weight: 500; line-height: 30px; }
.page-org .sect-org .sect-tit p.info::before { width: 26px; height: 26px; }
.page-org .org-chart_area { padding: 50px 33px 48px 46px; background: url('../../images/user/sub/sub01/brain-bg.png') no-repeat 0 -141px / 100% auto; border: 1px solid var(--g-black2); border-radius: 5px; }
.page-org .org-button { display: flex; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; padding: 0; border-radius: 4px; text-align: center; }
.page-org .org-button.type01 { width: 400px; max-width: 100%; height: 66px; margin: 0 auto; font-size: 24px; }
.page-org .org-button.type03 { height: 66px; font-size: 22px; }
.page-org .org-button.type02 { min-height: 59px; padding: 0 12px; font-size: 18px; line-height: 1.5; }
.page-org .org-button.type05 { min-height: 59px; padding: 12px; background: #F6F6F6; border: 1px solid var(--g-black2); color: #888; font-size: 18px; font-weight: 500; line-height: 1.55; }
.page-org .org-row.org-main::after { height: 134px; }
.page-org .org-row.org-sub { margin-top: 24px; }
.page-org .org-row.org-sub::after { right: 251px; width: calc(50% - 251px); }
.page-org .org-sub .org-button { width: 251px; }
.page-org .org-row.org-mid { display: flex; margin-top: 51px; }
.page-org .org-row.org-mid::before { left: 19.1%; right: 9.2%; width: auto; }
.page-org .org-row_area { flex: 250 1 0; min-width: 0; margin: 0 0 0 20px; padding-top: 30px; }
.page-org .org-row_area.area-research { flex: 520 1 0; margin: 0 30px 0 0; }
.page-org .org-row_area:nth-child(1) { flex: 520 1 0; margin: 0 30px 0 0; }
.page-org .org-row_wrap { display: flex; gap: 20px; }
.page-org .org-row_wrap > .org-group { flex: 1 1 0; min-width: 0; }
.page-org .org-row_area > .org-group { flex: none; }
.page-org .org-group { margin-top: 20px; }
.page-org .org-group > li:not(:last-child) { margin-bottom: 14px; }
.page-org .org-cont { margin-top: 80px; }
.page-org .manage-area { margin-top: 26px; }
.page-org .bbsBar-subTit { font-size: 22px; font-weight: 600; }
.page-org .org-cont .sect-tit { margin: 0 0 26px; }
.page-org .org-staff table { width: 100%; table-layout: fixed; border-collapse: collapse; border-top: 2px solid #555; border-bottom: 2px solid #999; }
.page-org .org-staff thead th { height: 49px; padding: 0 16px; background: #F4F5F6; border: 0; font-size: 16px; font-weight: 700; color: #000; }
.page-org .org-staff tbody td { padding: 9px 16px; border: 0; border-top: 1px solid var(--g-black2); border-left: 1px solid var(--g-black2); font-size: 16px; font-weight: 500; line-height: 1.8; color: #333; text-align: center; }
.page-org .org-staff tbody td.ta-l { padding-left: 22px; text-align: left; }
.page-org .org-staff tbody td:first-child { border-left: 0; }

@media (max-width: 1200px) {
    .page-org .org-chart_area { overflow-x: auto; }
    .page-org .org-chart { min-width: 1000px; }
}
@media (max-width: 767px) {
    .page-org .org-pagetit { margin-top: 40px; padding-bottom: 18px; }
    .page-org .org-pagetit h2 { font-size: 26px; line-height: 36px; }
    .page-org .sect-org .inner > .sect-tit { margin: 44px 0 20px; }
    .page-org .sect-org .sect-tit h2 { font-size: 22px; line-height: 32px; }
    .page-org .sect-org .sect-tit p.info { font-size: 15px; line-height: 22px; }
    .page-org .org-chart_area { padding: 24px 16px; overflow-x: visible; }
    .page-org .org-chart { min-width: 0; }
    .page-org .org-button.type01 { height: 54px; font-size: 20px; }
    .page-org .org-row.org-main::after { height: 30px; }
    .page-org .org-row.org-sub { margin-top: 30px; justify-content: center; }
    .page-org .org-row.org-sub::after { display: none; }
    .page-org .org-sub .org-button { width: 100%; }
    .page-org .org-row.org-mid { flex-direction: column; gap: 28px; margin-top: 30px; }
    .page-org .org-row.org-mid::before,
    .page-org .org-row_area::before { display: none; }
    .page-org .org-row_area,
    .page-org .org-row_area.area-research,
    .page-org .org-row_area:nth-child(1) { flex: none; margin: 0; padding-top: 0; }
    .page-org .org-row_wrap { flex-direction: column; gap: 0; }
    .page-org .org-button.type03 { height: 54px; font-size: 18px; }
    .page-org .org-button.type02,
    .page-org .org-button.type05 { font-size: 16px; }
    .page-org .org-cont { margin-top: 50px; }
    .page-org .bbsBar-subTit { font-size: 18px; }
    .page-org .org-staff col:nth-child(-n+2) { width: 72px !important; }
    .page-org .org-staff thead th,
    .page-org .org-staff tbody td { padding-left: 8px; padding-right: 8px; font-size: 14px; }
    .page-org .org-staff tbody td.ta-l { padding-left: 10px; }
}

/* ===== 미션 & 비전 (page-mission-vision) ===== */
.page-mission-vision .content-section.sect-vision { padding-bottom: 80px; background: url('../../images/user/sub/sub01/vision_bg01.png') no-repeat top 310px center / 100% auto; }
.page-mission-vision .sect-vision .sect-tit { margin: 16px 0 31px; }
.page-mission-vision .mv-block { margin-top: 66px; text-align: center; }
.page-mission-vision .mv-block + .mv-block { margin-top: 100px; }
.page-mission-vision .mv-philosophy { margin-top: 30px; display: flex; flex-direction: column; gap: 24px; }
.page-mission-vision .mv-philosophy > li { display: flex; align-items: center; height: 164px; padding: 0 32px; border: 1px solid rgba(83, 129, 183, 0.12); border-radius: 82px; background: rgba(83, 129, 183, 0.08); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); text-align: left; }
.page-mission-vision .mv-philosophy__tit { flex: 0 0 356px; display: flex; align-items: center; justify-content: center; height: 100px; border-radius: 50px; background: radial-gradient(187.08% 263.08% at 81.15% 0%, #35588a 0%, #1d3557 100%); color: #fff; font-size: 30px; font-weight: 600; }
.page-mission-vision .mv-philosophy > li:nth-child(1) .mv-philosophy__tit { background: url('../../images/user/sub/sub01/mission-pill02.png') no-repeat center / cover; }
.page-mission-vision .mv-philosophy > li:nth-child(2) .mv-philosophy__tit { background: url('../../images/user/sub/sub01/mission-pill03.png') no-repeat center / cover; }
.page-mission-vision .mv-philosophy > li:nth-child(3) .mv-philosophy__tit { background: url('../../images/user/sub/sub01/mission-pill01.png') no-repeat center / cover; }
.page-mission-vision .mv-philosophy__txt { margin-left: 80px; color: var(--g-black8); font-size: 24px; font-weight: 500; line-height: 1.58; }
.page-mission-vision .mv-strategy { margin-top: 30px; display: flex; gap: 30px; }
.page-mission-vision .mv-strategy > li { flex: 1 1 0; min-width: 0; }
.page-mission-vision .mv-strategy__box { height: 100%; padding: 44px 40px; border-radius: 5px; background: rgba(236, 241, 248, 0.7); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
.page-mission-vision .mv-strategy__box .tit { color: #000; font-size: 34px; font-weight: 700; line-height: 1.5; word-break: keep-all; }
.page-mission-vision .mv-strategy__box .img { margin: 35px 0 16px; }
.page-mission-vision .mv-strategy__box .img img { display: block; margin: 0 auto; max-width: 100%; }
.page-mission-vision .mv-strategy__box .txt { display: flex; flex-direction: column; gap: 15px; padding: 0 8px; }
.page-mission-vision .mv-strategy__box .txt li { color: var(--g-black8); font-size: 24px; font-weight: 500; line-height: 1.58; text-align: center; word-break: keep-all; }
.page-mission-vision .mv-strategy__box .txt li::before { content: '•'; margin-right: 8px; }

@media (max-width: 1200px) {
    .page-mission-vision .mv-philosophy > li { height: auto; padding: 20px 24px; border-radius: 60px; }
    .page-mission-vision .mv-philosophy__tit { flex-basis: 220px; height: 72px; font-size: 24px; }
    .page-mission-vision .mv-philosophy__txt { margin-left: 32px; font-size: 18px; }
    .page-mission-vision .mv-strategy { gap: 14px; }
    .page-mission-vision .mv-strategy__box { padding: 32px 18px 40px; }
    .page-mission-vision .mv-strategy__box .tit { font-size: 24px; }
    .page-mission-vision .mv-strategy__box .txt li { font-size: 17px; }
}
@media (max-width: 767px) {
    .page-mission-vision .content-section.sect-vision { padding-bottom: 60px; background-size: auto; }
    .page-mission-vision .sect-vision .sect-tit h2 { font-size: 22px; line-height: 32px; }
    .page-mission-vision .vision-top { padding: 24px 16px; }
    .page-mission-vision .vision-top p { font-size: 14px; }
    .page-mission-vision .vision-top strong { font-size: 22px; }
    .page-mission-vision .mv-block { margin-top: 40px; }
    .page-mission-vision .mv-block .vision-txt { font-size: 18px; padding: 10px 24px; }
    .page-mission-vision .mv-philosophy > li { flex-direction: column; align-items: stretch; gap: 14px; padding: 20px 18px; border-radius: 30px; text-align: center; }
    .page-mission-vision .mv-philosophy__tit { flex-basis: auto; height: 52px; font-size: 20px; }
    .page-mission-vision .mv-philosophy__txt { margin-left: 0; font-size: 15px; }
    .page-mission-vision .mv-philosophy__txt br { display: none; }
    .page-mission-vision .mv-strategy { flex-direction: column; gap: 16px; }
    .page-mission-vision .mv-strategy__box { padding: 28px 20px 32px; }
    .page-mission-vision .mv-strategy__box .tit { font-size: 20px; }
    .page-mission-vision .mv-strategy__box .tit br { display: none; }
    .page-mission-vision .mv-strategy__box .txt li { font-size: 15px; }
}

/* 미오픈(추후 반영) 페이지 템플릿 */
.page-pending .content-section.sect-pending { padding-bottom: 120px; }
.page-pending .sect-pending .pending-txt { padding: 120px 0; background: #EFF8EE; text-align: center; color: #000; font-size: 20px; font-weight: 700; }

/* ===== 구성원 소개 (page-members) ===== */
.page-members .sect-members .sect-tit { margin-bottom: 28px; }
.page-members .sect-members .sect-tit h2 { color: #000; font-size: 28px; font-weight: 700; line-height: 40px; }
.page-members .member-filter { display: flex; flex-wrap: wrap; gap: 10px; }
.page-members .member-filter__btn { height: 48px; padding: 0 21px; border: 1px solid var(--g-black3); background: #fff; color: #333; font-size: 16px; font-weight: 500; line-height: 46px; cursor: pointer; transition: background .2s, color .2s, border-color .2s; }
.page-members .member-filter__btn:hover { border-color: var(--g-primary-200); color: var(--g-primary-200); }
.page-members .member-filter__btn.on { border-color: var(--g-primary-200); background: var(--g-primary-200); color: #fff; font-weight: 600; }
.page-members .member-list { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 50px 30px; margin-top: 32px; }
.page-members .member-card { display: block; width: 100%; padding: 0; border: 0; background: none; text-align: center; cursor: pointer; }
.page-members .member-card__thumb { display: block; width: 100%; aspect-ratio: 337 / 408; overflow: hidden; background: #f7f7f7 url("../../images/user/sub/sub02/member/no-data.jpg") no-repeat 50% / cover; /* 사진 없을 때 No Data */ }
.page-members .member-card__thumb img { display: block; width: 100%; height: 100%; object-fit: cover; }
.page-members .member-card__name { display: block; margin-top: 22px; color: #000; font-size: 20px; font-weight: 700; line-height: 28px; }
.page-members .member-card__kw { display: flex; align-items: center; justify-content: center; margin-top: 8px; color: var(--g-primary-100); font-size: 14px; font-weight: 600; line-height: 22px; }
.page-members .member-card__kw > span { color: var(--g-primary-100); }
.page-members .member-card__kw > span + span::before { content: ''; display: inline-block; width: 1px; height: 10px; margin: 0 8px; background: var(--g-black3); vertical-align: 0; }
.page-members .member-card:hover .member-card__name { color: var(--g-primary-100); }
.page-members .bbsPaging { margin: 50px 0 0; }

/* 구성원 상세 모달 */
.modal.modal-common.modal-member { width: calc(100% - 80px); max-width: 1440px; padding: 0; border-radius: 6px; box-shadow: none; overflow: hidden; text-align: left; }
.modal-member .modal-wrap { max-height: 90vh; padding: 52px 60px 60px; overflow-y: auto; }
.modal-member .modal__close { position: absolute; top: 34px; right: 40px; z-index: 2; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: transparent; border: 0; cursor: pointer; }
.modal-member .modal__close .ico-close { display: none; }
.modal-member .modal__close::before,
.modal-member .modal__close::after { content: ''; position: absolute; left: 50%; top: 50%; width: 2px; height: 26px; background: #292929; border-radius: 1px; }
.modal-member .modal__close::before { transform: translate(-50%, -50%) rotate(45deg); }
.modal-member .modal__close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.modal-member .member-head { padding-bottom: 28px; border-bottom: 1px solid var(--g-black3); }
.modal-member .member-name { display: flex; align-items: baseline; margin: 0; color: #000; font-size: 38px; font-weight: 700; line-height: 50px; }
.modal-member .member-name__en { margin-left: 20px; color: #aaa; font-size: 20px; font-weight: 500; }
.modal-member .member-pos { margin-top: 12px; color: #5B5B5B; font-size: 20px; font-weight: 600; line-height: 28px; }
.modal-member .member-pos span { color: #5B5B5B; }
.modal-member .member-pos i { margin: 0 8px; color: #bbb; font-style: normal; font-weight: 400; }
.modal-member .member-body { display: flex; align-items: flex-start; gap: 60px; margin-top: 32px; }
.modal-member .member-side { flex: 0 0 340px; min-width: 0; }
.modal-member .member-photo { width: 240px; aspect-ratio: 337 / 408; overflow: hidden; border-radius: 6px; background: #f7f7f7 url("../../images/user/sub/sub02/member/no-data.jpg") no-repeat 50% / cover; /* 사진 없을 때 No Data */ }
.modal-member .member-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.modal-member .member-group { display: block; margin-top: 26px; color: var(--g-primary-200); font-size: 26px; font-weight: 700; line-height: 36px; }
.modal-member .member-field { margin-top: 8px; color: var(--g-primary-100); font-size: 22px; font-weight: 500; line-height: 32px; }
.modal-member .member-contact { margin-top: 22px; }
.modal-member .member-contact > div { display: flex; font-size: 18px; line-height: 33px; }
.modal-member .member-contact dt { flex: 0 0 66px; color: #999; font-weight: 500; }
.modal-member .member-contact dd { min-width: 0; color: #222; font-weight: 500; word-break: break-all; }
.modal-member .member-panel { flex: 1; min-width: 0; padding: 32px; background: #F6F6F6; }
.modal-member .member-tabs { display: flex; gap: 20px; padding-bottom: 29px; border-bottom: 1px solid var(--g-black3); }
.modal-member .member-tabs__btn { width: 91px; height: 48px; border: 1px solid var(--g-black2); background: #fff; color: #333; font-size: 18px; font-weight: 500; cursor: pointer; }
.modal-member .member-tabs__btn.on { border-color: transparent; background: linear-gradient(90deg, #2F4A73 0%, #3E68A3 100%); color: #fff; font-weight: 600; }
.modal-member .member-tabpanel { display: none; }
.modal-member .member-tabpanel.on { display: block; }
.modal-member .member-sec { margin-top: 40px; }
.modal-member .member-tabpanel > .member-sec:first-child { margin-top: 48px; }
.modal-member .member-chip { display: inline-block; height: 38px; padding: 0 20px; background: var(--g-primary-100); color: #fff; font-size: 17px; font-weight: 500; line-height: 38px; }
.modal-member .member-sec__tit { margin-top: 24px; color: var(--g-primary-100); font-size: 24px; font-weight: 700; line-height: 32px; }
.modal-member .member-sec p,
.modal-member .member-bullet li { color: #222; font-size: 18px; font-weight: 500; line-height: 30px; }
.modal-member .member-chip + p,
.modal-member .member-chip + .member-bullet { margin-top: 20px; }
.modal-member .member-sec__tit + p { margin-top: 20px; }
.modal-member .member-sec p + p { margin-top: 12px; }
.modal-member .member-bullet { display: block; }
.modal-member .member-bullet li { position: relative; padding-left: 12px; }
.modal-member .member-bullet li::before { content: '\2022'; position: absolute; left: 0; top: 0; }
.modal-member .member-bullet b.me { color: var(--g-primary-100); font-weight: 700; }
.modal-member .member-timeline { margin-top: 8px; }
.modal-member .member-timeline li { position: relative; display: flex; align-items: center; min-height: 44px; padding-left: 180px; }
.modal-member .member-timeline .year { position: absolute; left: 0; top: 50%; transform: translateY(-50%); color: var(--g-primary-100); font-size: 21px; font-weight: 500; }
.modal-member .member-timeline .txt { color: #222; font-size: 18px; font-weight: 500; line-height: 26px; }
.modal-member .member-timeline li::before { content: ''; position: absolute; left: 157px; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background: var(--g-primary-100); z-index: 1; }
.modal-member .member-timeline li:not(:last-child)::after { content: ''; position: absolute; left: 160.5px; top: 50%; width: 1px; height: 100%; background: #D3DCEA; }

@media (max-width: 1200px) {
    .page-members .member-list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px 20px; }
    .modal-member .modal-wrap { padding: 44px 40px 48px; }
    .modal-member .member-body { gap: 32px; }
    .modal-member .member-side { flex-basis: 260px; }
    .modal-member .member-photo { width: 200px; }
    .modal-member .member-group { font-size: 20px; }
    .modal-member .member-timeline li { padding-left: 150px; }
    .modal-member .member-timeline li::before { left: 127px; }
    .modal-member .member-timeline li:not(:last-child)::after { left: 130.5px; }
}
@media (max-width: 767px) {
    .page-members .member-filter { flex-wrap: nowrap; margin: 0 -16px; padding: 0 16px 6px; overflow-x: auto; }
    .page-members .member-filter__btn { flex: 0 0 auto; height: 40px; padding: 0 16px; font-size: 14px; line-height: 38px; }
    .page-members .member-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 14px; margin-top: 24px; }
    .page-members .member-card__name { margin-top: 14px; font-size: 16px; line-height: 24px; }
    .page-members .member-card__kw { font-size: 12px; }
    .modal.modal-common.modal-member { width: calc(100% - 24px); }
    .modal-member .modal-wrap { padding: 28px 20px 32px; }
    .modal-member .modal__close { top: 14px; right: 12px; }
    .modal-member .member-head { padding-bottom: 18px; }
    .modal-member .member-name { flex-wrap: wrap; font-size: 24px; line-height: 34px; }
    .modal-member .member-name__en { margin-left: 10px; font-size: 15px; }
    .modal-member .member-pos { font-size: 16px; line-height: 24px; }
    .modal-member .member-body { flex-direction: column; gap: 24px; margin-top: 20px; }
    .modal-member .member-side { flex-basis: auto; width: 100%; }
    .modal-member .member-photo { width: 160px; }
    .modal-member .member-group { font-size: 18px; line-height: 26px; }
    .modal-member .member-field { font-size: 15px; }
    .modal-member .member-contact > div { font-size: 14px; line-height: 28px; }
    .modal-member .member-panel { width: 100%; padding: 20px 16px; }
    .modal-member .member-tabs { gap: 10px; padding-bottom: 18px; }
    .modal-member .member-tabs__btn { width: 76px; height: 42px; font-size: 16px; }
    .modal-member .member-tabpanel > .member-sec:first-child { margin-top: 28px; }
    .modal-member .member-sec { margin-top: 28px; }
    .modal-member .member-sec p,
    .modal-member .member-bullet li { font-size: 14px; line-height: 24px; }
    .modal-member .member-sec__tit { font-size: 18px; }
    .modal-member .member-timeline li { align-items: flex-start; min-height: 0; padding: 8px 0 8px 98px; }
    .modal-member .member-timeline .year { top: 8px; transform: none; font-size: 15px; line-height: 26px; }
    .modal-member .member-timeline .txt { font-size: 14px; }
    .modal-member .member-timeline li::before { left: 78px; top: 8px; margin-top: 9px; }
    .modal-member .member-timeline li:not(:last-child)::after { left: 81.5px; top: 8px; height: 100%; margin-top: 13px; }
}

/* 연구분야 > 연구지원 (한국뇌은행 / 첨단뇌연구장비센터 / 실험동물센터) 링크 카드 시안 */
.page-research-support .sect-tab { padding-top: 114px; }
.page-research-support .content-area { padding-top: 61px; }
.page-research-support .link-wrap { padding-top: 0; }
.page-research-support .link-cont .btn.medium.mainLine,
.page-paper .link-cont .btn.medium.mainLine { width: 150px; padding: 0 12px; }
.page-research-support .link-cont .btn.mainLine .ico-link,
.page-paper .link-cont .btn.mainLine .ico-link { display: inline-block; width: 24px; height: 24px; background: #314C6A; -webkit-mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain; mask: url("../../images/user/sub/sub04/ico-link_arr.png") no-repeat 50% / contain; transition: background .2s; }
.page-research-support .link-cont .btn.mainLine:hover .ico-link, .page-research-support .link-cont .btn.mainLine:focus .ico-link,
.page-paper .link-cont .btn.mainLine:hover .ico-link, .page-paper .link-cont .btn.mainLine:focus .ico-link { background: #fff; }
.page-research-support .manage-area { margin-top: 28px; }