@charset "utf-8"; 



/* 231016 개인 멘토링 > 목록 : s */
.mentor-list { position: relative; display: block; width: 100%; } 

.program--search .form-control { border: 1px solid #DDD; } 

.program--search.detail { background: #008656; box-shadow: none; margin: 0 0 62px 0; padding: 0; border-radius: 15px; } 
.program--search.detail .search-input-wrap { padding: 35px 274px; display: block; width: 100%; } 
.program--search.detail .float-md-left { display: inline-block; min-width: 58px; vertical-align: top; margin: 11px 24px 0 0; } 
.program--search.detail .float-md-left .program--count { padding-left: 0; margin-top: 0; } 
.program--search.detail .search-tit { color: #FFF; font-size: 22px; font-weight: 700; line-height: 135%; } 
.program--search.detail .search-inner { display: inline-block; width: calc(100% - 89px); } 
.program--search.detail .search-inner .fieldset { display: flex; align-items: center; width: 100%; } 
.program--search.detail .search-inner .fieldset .search--text { width: calc(100% - 277px); max-width: 325px; } 
.program--search.detail .search-inner .fieldset .search--select > span,
.program--search.detail .search-inner .fieldset .search--text > span { background: transparent; border: none; } 
.program--search.detail .search-inner .fieldset .search--text > span { padding: 0; } 
.program--search.detail .search-inner .fieldset .search--select select,
.program--search.detail .search-inner .fieldset .search--text input { border: none; height: 50px; line-height: 50px; border-bottom: 1px solid #fff; border-radius: 0; } 
.program--search.detail .search-inner .fieldset .search--select select { color: #fff; font-size: 15px; background: transparent url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.837891L4 5.5L0.5 0.837891H7.5Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat 98% 50%; padding-left: 0; width: auto; line-height: normal; } 
.program--search.detail .search-inner .fieldset .search--text input,
.program--search.detail .search-inner .fieldset .search--text input::placeholder { color: rgba(255,255,255,0.8); } 
.program--search.detail .search-inner .fieldset .search--text input { margin: 0; background-color: transparent; width: 100%; padding: 0 10px 0 30px; } 
.program--search.detail .search-inner .fieldset .search--btn { margin-left: 21px; display: inline-flex; } 
.program--search.detail .search-inner .fieldset .search--btn .btn--submit { background-color: #fff; width: 97px; height: 50px; line-height: 50px; padding: 0; font-size: 15px; color: #008656; display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; } 
.program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background: #fff url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2996 10.7996L13 13.5M6.41015 12.3203C9.39808 12.3203 11.8203 9.89806 11.8203 6.91014C11.8203 3.92221 9.39808 1.5 6.41015 1.5C3.42222 1.5 1 3.92221 1 6.91014C1 9.89806 3.42222 12.3203 6.41015 12.3203Z' stroke='%23008656' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") no-repeat 30% 49%; padding: 0 5px 0 20px; border-radius: 5px; border: none; width: 100%; color: #008656; text-shadow: none; } 
.program--search.detail .search-inner .fieldset .search--btn .refresh-btn { width: 50px; height: 50px; line-height: 50px; border: 1px solid #fff; margin-left: 5px; font-size: 0; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 4.22222V10C16 6.41016 13.0898 3.5 9.5 3.5C7.66357 3.5 6.00502 4.26157 4.82293 5.48611M3 15.7778V10C3 13.5898 5.91016 16.5 9.5 16.5C11.2534 16.5 12.8447 15.8057 14.0139 14.6771' stroke='white' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-color: transparent; background-position: center center; background-repeat: no-repeat; } 
.program--search.detail .detail-btn { position: absolute; width: 123px; height: 50px; border-radius: 5px; background: #00503A; display: inline-flex; justify-content: center; align-items: center; top: 35px; right: 93px; font-size: 15px; color: #fff; border: 1px solid #00503A; } 
.program--search.detail .search_click > button:after { display: none; } 
.program--search.detail .detail-btn > span { background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.2996 10.7996L13 13.5M6.41015 12.3203C9.39808 12.3203 11.8203 9.89806 11.8203 6.91014C11.8203 3.92221 9.39808 1.5 6.41015 1.5C3.42222 1.5 1 3.92221 1 6.91014C1 9.89806 3.42222 12.3203 6.41015 12.3203Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.5 6.875H8.5M6.5 8.875L6.5 4.875' stroke='white'/%3E%3C/svg%3E%0A"); width: 14px; height: 15px; margin: 0 6px 0 0; font-size: 0; } 
.program--search.detail .search_click .detail-wrap { max-width: 1240px; margin: 0; display: none; background-color: #F8F9FB; border-radius: 0px 0px 12px 12px; padding: 33px 90px 51px; } 
.program--search.detail .search_click.on .detail-wrap { display: block; } 
.program--search.detail .inner-tit { color: #222; font-size: 16px; font-weight: 700; line-height: 135%; display: block; text-align: left; margin-bottom: 6px; } 
.program--search.detail .inner-select { min-height: 40px; } 
.program--search.detail .search_click .detail-wrap .d_box { display: flex; align-items: flex-start; justify-content: center; width: calc(100% + 10px); margin: -5px; } 
.program--search.detail .search_click .detail-wrap .d_box .box-inner { width: calc(33.3333% - 5px); margin: 5px; text-align: left; } 
.program--search.detail .search_click .detail-wrap .tag-box { margin-top: 29px; display: block; width: 100%; } 
.program--search.detail .search_click .detail-wrap .tag-box .inner { display: flex; flex-wrap: wrap; width: calc(100% + 10px); margin: -5px; } 
.program--search.detail .search_click .detail-wrap .tag-box .inner-tit { margin-bottom: 4px; } 
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag { width: auto; height: 35px; border: 1px solid #999; background-color: #fff; border-radius: 100px; margin: 5px; padding: 8px 15px; color: #444; font-size: 14px; line-height: 135%; } 
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag:active,
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag:focus,
.program--search.detail .search_click .detail-wrap .tag-box .inner .tag.on { background-color: #008656; color: #fff; border-color: #008656; } 
.program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn { background-color: #18114E; position: relative; right: auto; top: auto; width: 123px; font-size: 15px; } 
.program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn { display: inline-flex; justify-content: center; align-items: center; width: 125px; height: 50px; border-radius: 5px; background-color: transparent; font-size: 15px; color: #18114E; border: 1px solid #18114E; margin-left: 6px; } 
.program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn > span { display: inline-block; width: 20px; height: 20px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.5 4.22222V10C16.5 6.41016 13.5898 3.5 10 3.5C8.16357 3.5 6.50502 4.26157 5.32293 5.48611M3.5 15.7778V10C3.5 13.5898 6.41016 16.5 10 16.5C11.7534 16.5 13.3447 15.8057 14.5139 14.6771' stroke='%2318114E' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-position: center center; background-repeat: no-repeat; margin-right: 3px; } 
.program--search.order { padding: 0; background: transparent; border-radius: 0; box-shadow: none; margin: 0; } 
.program--search.order .float-md-left { margin-top: 7px; } 
.program--search.order .program--count { margin-top: 0; padding-left: 0; font-size: 15px; line-height: 135%; color: #222; } 
.program--search.order .program--count > span { line-height: 135%; font-size: 15px; color: #222; letter-spacing: normal; } 
.program--search.order .program--count > span > strong { color: #008656; } 
.program--search.order .program--page { border: none; } 
.program--search.order .program--page:before { display: none; } 
.program--search.order .program--page .search--select span { border: 1px solid #DDD; border-radius: 5px; height: 100%; } 
.program--search.order .program--page .search--select span .form-control { background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.5 0.837891L4 5.5L0.5 0.837891H7.5Z' fill='%23555555'/%3E%3C/svg%3E%0A"); height: 40px; border-radius: 5px; color: #555; background-position: 90% 50%; } 
.program--search.order .program--page .apply-btn { height: 40px; width: 80px; border-radius: 5px; background-color: #354346; color: #fff; font-size: 15px; letter-spacing: 0.02813rem; } 


@media (max-width: 1280px) { 
 .program--search.detail .search-input-wrap { padding: 35px 274px 35px 150px; } 
 .program--search.detail .search-inner .fieldset .search--text { max-width: none; } 
 .program--search.detail .detail-btn { right: 140px; } 
 } 

@media (max-width: 1140px) { 
 .program--search.detail .search-input-wrap { padding: 35px 223px 35px 90px; } 
 .program--search.detail .detail-btn { right: 90px; } 

 } 



@media (max-width: 993px) { 
 .program--search.order .search-inner { text-align: right; } 
 } 

@media (max-width: 920px) { 
 .program--search.detail .float-md-left { margin-top: 12px; } 
 .program--search.detail .search-tit { font-size: 20px; } 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit { width: 50px; } 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { font-size: 0; background-position: center center; padding: 0; } 
 .program--search.detail .detail-btn { right: 37px; font-size: 0; width: 50px; } 
 .program--search.detail .detail-btn > span { margin: 0; } 
 .program--search.detail .search-input-wrap { padding: 35px 90px 35px 30px; } 
 .program--search.detail .search-inner .fieldset .search--text { width: calc(100% - 225px); } 
 .program--search.detail .search_click .detail-wrap { padding: 33px 30px 51px; } 
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn > span { margin: 0 6px 0 0; } 


 .mentor-person-list .obj.col3 .col { width: calc(50% - 20px); } 
 } 

@media (max-width: 768px) { 
 .program--search.detail .search-input-wrap,
 .program--search.detail .search_click .detail-wrap { padding: 30px; } 

 .program--search.detail .float-md-left { display: none; } 
 .program--search.detail .search-inner { width: 100%; } 

 .program--search.detail .search_click .detail-wrap .d_box { flex-direction: column; width: 100%; margin: 0; } 
 .program--search.detail .search_click .detail-wrap .d_box .box-inner { width: 100%; margin: 0 0 10px 0; } 

 .program--search.detail .search-inner .fieldset .search--btn { width: 190px; } 
 .program--search.detail .search_click .detail-btn.twin { top: 30px; } 
 } 

@media (max-width: 680px) { 

 .program--search.detail .search-inner .fieldset { display: block; } 
 .program--search.detail .search-inner .fieldset .search--text { width: calc(100% - 101px); margin-left: -3px; } 
 .program--search.detail .search-inner .fieldset .search--btn { margin: 20px 0 0 0; padding-right: 110px; width: auto; } 
 .program--search.detail .detail-btn { top: 105px; right: calc(50% - 85px); } 

 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"],
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { font-size: 15px; } 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { width: 100px; } 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background-position: 30% 49%; padding: 0 5px 0 20px; } 
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { padding: 0 5px 0 30px; background-position: 20% 49%; color: #fff; } 
 .program--search.detail .search_click .detail-btn.twin { top: 100px; right: calc(50% - 152px); } 
 .program--search.detail .search_click .detail-btn.twin > span { margin: 0 6px 0 0; } 
 } 

@media (max-width: 630px) { 
 .mentor-person-list .obj { margin: 0 0 49px; } 
 .mentor-person-list .obj .col { margin: 10px 0; } 
 .mentor-person-list .obj.col3 .col { width: 100%; } 

 .mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 30px 30px 150px 30px; } 
 .mentor-person-list .obj .col.add-mentor .inner-box .link .item::after { right: 20px; bottom: 20px; width: 140px; height: 110px; } 
 } 

@media (max-width: 600px) { 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { width: 120px; } 

 .program--search.detail .search-inner .fieldset .search--select select,
 .program--search.detail .search-inner .fieldset .search--text { width: 100%; } 
 .program--search.detail .search-inner .fieldset .search--text { margin-left: 0; } 
 .program--search.detail .search-inner .fieldset .search--text input { padding: 0; } 
 .program--search.detail .search-inner .fieldset .search--btn { justify-content: center; padding: 0 130px 0 0; } 
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { margin-left: 10px; background-position: 25% 49%; } 
 .program--search.detail .detail-btn { right: auto; left: 50%; top: 245px; width: calc(100% - 60px); transform: translateX(-50%); } 
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn { left: auto; transform: none; height: 50px; } 
 .program--search.detail .search_click .detail-btn.twin { top: 156px; right: calc(50% - 160px); left: auto; right: calc(50% - 250px); } 
 } 

@media (max-width: 490px) { 
 .program--search.detail .search-input-wrap,
 .program--search.detail .search_click .detail-wrap { padding: 30px 20px; } 

 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { widtH: 100px; } 
 .program--search.detail .search-inner .fieldset .search--btn { padding: 0 110px 0 0; } 
 .program--search.detail .search_click .detail-btn.twin { right: calc(50% - 210px); } 
 } 

@media (max-width: 450px) { 
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn,
 .program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn { width: 50px; font-size: 0; } 
 .program--search.detail .search_click .detail-wrap .btn-wrap .detail-btn > span,
 .program--search.detail .search_click .detail-wrap .btn-wrap .refresh-btn > span { margin: 0; } 
 } 

@media (max-width: 430px) { 
 .program--search.detail .search-input-wrap { padding: 30px 20px 75px; } 
 .program--search.detail .search-inner .fieldset .search--btn { flex-direction: column; padding: 0; width: 100%; } 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit,
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn,
 .program--search.detail .search_click .detail-btn.twin { width: 100%; height: 40px; } 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background-position: 45% 49%; padding: 0 0 0 20px; } 
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { margin: 5px 0 0 0; padding: 0 0 0 20px; display: flex; align-items: center; justify-content: center; background-position: 43% 49%; } 
 .program--search.detail .search_click .detail-btn.twin { right: auto; left: 50%; width: calc(100% - 40px); top: 248px; } 
 } 

@media (max-width: 400px) { 
 .program--search.order .program--page { padding-left: 0; } 
 .program--search.order .program--page .search--select,
 .program--search.order .program--page .search--select span .form-control { width: 100%; } 
 .program--search.order .program--page .search--select { margin: 0 0 5px 0; } 
 .program--search.order .program--page .apply-btn { width: 100%; } 
 } 

@media (max-width: 360px) { 
 .program--search.detail .search_click .detail-wrap .tag-box .inner .tag { width: 100%; } 
 .program--search.detail .search-inner .fieldset .search--btn .btn--submit input[type="submit"] { background-position: 44% 49%; } 
 .program--search.detail .search-inner .fieldset .search--btn .refresh-btn { background-position: 41% 49%; } 

 } 
/* 231016 개인 멘토링 > 목록 : e */



.mypagebox { position:relative; width:100%; margin-top:-58px; } 
.nameCard { position:relative; margin-bottom:40px; width:100%; padding:74px 0; display: flex; justify-content: space-between; } 
.nameCard:before { content:''; background-color:#F8F9FB; position:absolute; top:0; left:-100vw; width:200vw; height:100%; } 
.namebox { position:relative; padding-left:80px; } 
.namebox > strong { display:block; color: #000; 
 font-size: 24px; 
 font-weight: 700; 
 line-height: 32px; letter-spacing: -0.48px; } 
.namebox > em { display:flex; flex-wrap:wrap; align-items:center; } 
.namebox > em i,
.namebox > em span { position:relative; } 
.namebox > em span:before { content:''; position:absolute; top:6px; left:0; width:1px; height:11px; background-color:#ccc; } 
.namebox > em span { margin-left:8px; padding-left:8px; color: #7B7E82; font-size: 15px; font-weight: 600; line-height: 150%; letter-spacing: -0.3px; } 
.namebox > em i { color:#18114E; 
 font-size: 15px; 
 font-weight: 600; 
 line-height: 150%; 
 letter-spacing: -0.3px; } 
.namebox .text-dashboard { position:absolute; top:0; left:0; width:60px; height:60px; background-color:#008656; border-radius:5px; display:inline-flex; align-items:center; justify-content:center; color: #FFF; font-size: 15px; 
 font-weight: 600; 
 line-height: 150%; 
 letter-spacing: -0.3px; } 
.nameCard .button-list { position:relative; margin-right:-5px; } 
.nameCard .button-list .list { position:relative; display:flex; flex-wrap:wrap; align-items:center } 
.nameCard .button-list .item { height:50px; margin:0 5px; } 
.nameCard .button-list .item .btn { display:flex; align-items:center; justify-content:center; padding:5px 6px;; min-width:190px; height:100%; border-radius: 5px; border: 1px solid #18114E; background:#18114E } 
.nameCard .button-list .item .btn span { color:#fff; font-size: 15px; font-weight: 400; line-height: 10px; letter-spacing: 0.45px; } 
.nameCard .button-list .item .btn.outline { background:transparent } 
.nameCard .button-list .item .btn.outline span { color:#18114E; } 
.group2 { position:relative; margin:0 -13px; margin-bottom:24px; } 
.group2 ul { display:flex; flex-wrap:wrap; width:100%; } 
.group2 ul > li { width:33.3333%; padding:0 13px; } 
.group2 ul .link { display: flex; border-radius: 15px; 
 border: 1px solid #DDD; 
 min-height: 130px; 
 padding: 40px; 
 justify-content: space-between; 
 align-items: center; 
 flex: 1 0 0; } 
.group2 ul .link p { 
 position:relative; 
 color: #000; 
 font-size: 18px; 
 font-weight: 600; 
 line-height:1; 
 padding-right: 10px; 
 letter-spacing: -0.36px; vertical-align:middle } 
.group2 ul .link p:before { content:''; display:inline-block; width:18px; height:18px; margin-top: -1px; margin-right:5px; vertical-align:middle } 
.group2 ul .link strong { display:inline-flex; align-items:flex-end; margin-top:-5px; color: #000; 
 font-size: 18px; 
 font-weight: 400; 
 line-height:1; 
 letter-spacing: -0.36px; } 
.group2 ul .link strong em { color:#008656; 
 font-size: 50px; 
 font-weight: 700; 
 line-height: 1; 
 letter-spacing: -1px; 
 position: relative; 
 top:8px; 
 padding-right: 3px; } 
.group2 ul .link.ico1 p:before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3891_4537)'%3E%3Cpath d='M9.00002 7.30003C10.6431 7.30003 11.975 5.96808 11.975 4.32503C11.975 2.68199 10.6431 1.35004 9.00002 1.35004C7.35697 1.35004 6.02502 2.68199 6.02502 4.32503C6.02502 5.96808 7.35697 7.30003 9.00002 7.30003Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4.2125 1.8833C3.44176 2.4209 2.9375 3.31407 2.9375 4.32506C2.9375 5.40723 3.51533 6.35447 4.37927 6.87505' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.85 1.8833C14.6207 2.4209 15.125 3.31407 15.125 4.32506C15.125 5.336 14.6207 6.22923 13.85 6.76681' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.90001 15.7999V16.6499H14.1V15.7999C14.1 14.2158 14.1 13.4236 13.8412 12.7988C13.4961 11.9657 12.8342 11.3038 12.0011 10.9588C11.3763 10.7 10.5842 10.7 9 10.7C7.41582 10.7 6.6237 10.7 5.99887 10.9588C5.16578 11.3038 4.50389 11.9657 4.15883 12.7988C3.90001 13.4236 3.90001 14.2158 3.90001 15.7999Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17.25 16.65V16.14C17.25 14.2358 17.25 13.2838 16.8794 12.5565C16.5535 11.9167 16.0333 11.3966 15.3936 11.0706' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M0.812561 16.65V16.14C0.812561 14.2358 0.812561 13.2838 1.18314 12.5565C1.50911 11.9167 2.02924 11.3966 2.66899 11.0706' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3891_4537'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } 
.group2 ul .link.ico2 p:before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3891_4535)'%3E%3Cpath d='M8.99996 16.625C13.2111 16.625 16.625 13.2111 16.625 8.99996C16.625 4.78877 13.2111 1.37494 8.99996 1.37494C4.78877 1.37494 1.37494 4.78877 1.37494 8.99996C1.37494 10.0338 1.58069 11.0196 1.95348 11.9186C2.14595 12.3828 2.38295 12.8238 2.65916 13.2364C2.75185 13.3748 1.98224 14.8697 1.54174 16.482C3.15401 16.0415 4.62506 15.248 4.76353 15.3408C5.17612 15.6169 5.61716 15.854 6.08133 16.0464C6.98032 16.4192 7.96612 16.625 8.99996 16.625Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cline x1='6' y1='7.4375' x2='12' y2='7.4375' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 10.375H9.125' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3891_4535'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } 
.group2 ul .link.ico3 p:before { background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3891_4534)'%3E%3Cpath d='M8.99996 16.625C13.2111 16.625 16.625 13.2111 16.625 8.99996C16.625 4.78877 13.2111 1.37494 8.99996 1.37494C4.78877 1.37494 1.37494 4.78877 1.37494 8.99996C1.37494 10.0338 1.58069 11.0196 1.95348 11.9186C2.14595 12.3828 2.38295 12.8238 2.65916 13.2364C2.75185 13.3748 1.98224 14.8697 1.54174 16.482C3.15401 16.0415 4.62506 15.248 4.76353 15.3408C5.17612 15.6169 5.61716 15.854 6.08133 16.0464C6.98032 16.4192 7.96612 16.625 8.99996 16.625Z' stroke='%23222222' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.78895 8.99991C6.78895 9.50037 6.38325 9.90608 5.88279 9.90608C5.38233 9.90608 4.97662 9.50037 4.97662 8.99991C4.97662 8.49945 5.38233 8.09375 5.88279 8.09375C6.38325 8.09375 6.78895 8.49945 6.78895 8.99991Z' fill='%23222222'/%3E%3Cpath d='M9.90614 8.99991C9.90614 9.50037 9.50043 9.90608 8.99997 9.90608C8.49951 9.90608 8.09381 9.50037 8.09381 8.99991C8.09381 8.49945 8.49951 8.09375 8.99997 8.09375C9.50043 8.09375 9.90614 8.49945 9.90614 8.99991Z' fill='%23222222'/%3E%3Cpath d='M13.0233 8.99991C13.0233 9.50037 12.6176 9.90608 12.1172 9.90608C11.6167 9.90608 11.211 9.50037 11.211 8.99991C11.211 8.49945 11.6167 8.09375 12.1172 8.09375C12.6176 8.09375 13.0233 8.49945 13.0233 8.99991Z' fill='%23222222'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3891_4534'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } 
.mypagebox .h2 { margin:60px 0 20px 0; } 
.mypagebox .h2 em { color:#008656 } 



.mypagebox .d-bot { } 
.mypagebox .d-bot ul { margin:0 -10px; } 
.mypagebox .d-bot ul li { position:relative; float:left; width: calc(25% - 20px); min-height:433px; padding: 42px 48px 24px; margin: 0 10px 101px; border-radius:15px; } 
.mypagebox .d-bot ul li.n1 { background:#008853; } 
.mypagebox .d-bot ul li.n2 { background:#139EA8; } 
.mypagebox .d-bot ul li.n3 { background:#00648F } 
.mypagebox .d-bot ul li.n4 { background: #1E3B70; } 

.mypagebox .d-bot ul li .tit { display:block; margin: 0 0 8px; color: #FFF; 
 font-size: 24px; 
 font-weight: 700; 
 line-height: 1; 
 letter-spacing: 0.72px; 
 text-align: left; } 
.mypagebox .d-bot ul li .btn_box { width: 100%; } 
.mypagebox .d-bot ul li .btn_box .item { display:block; padding:21px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.20); } 
.mypagebox .d-bot ul li .btn_box a { display:block; position:relative; text-align: left; } 
.mypagebox .d-bot ul li .btn_box a:before { display:inline-block; content:''; position:absolute; top: 22px; right:0; width:21px; height:21px; background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='21' height='21' rx='10.5' fill='black' fill-opacity='0.2'/%3E%3Cpath d='M11.0469 13.628L14.175 10.4999M14.175 10.4999H6.82495M14.175 10.4999L11.0469 7.37195' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mypagebox .d-bot ul li .btn_box strong { display:block; color: #FFF; margin-bottom:4px; 
 font-size: 14px; 
 font-weight: 400; 
 line-height: 10px; 
 letter-spacing: -0.28px; } 
.mypagebox .d-bot ul li .btn_box p { margin:-4px 0 0 0; position: relative; color: #FFF; 
 font-size: 15px; 
 font-weight: 400; 
 line-height: 10px; /* 66.667% */
 letter-spacing: -0.3px; } 
.mypagebox .d-bot ul li .btn_box p span { display:inline-block; color: #FFF; position: relative; top:7px; 
 font-size: 30px; 
 font-weight: 700; 
 line-height: 1; 
 letter-spacing: -0.6px; vertical-align: bottom; } 
.mypagebox .d-bot ul li .btn_box .item:last-child { border-bottom:none; } 



@media(max-width:1340px) { 
.nameCard { display: block; } 
.namebox { margin-bottom: 15px; } 
.nameCard .button-list { margin-left: -5px; margin-right: 0; } 
 } 


@media(max-width:1319px) { 
 .mypagebox .d-bot ul li .btn_box { width:auto; min-width:150px; } 
 .mypagebox .d-top2 .group { float:none; width:calc(100% - 20px); margin:0 10px 20px; } 
 .mypagebox .d-bot ul li .btn_box strong { line-height: 1.2; } 
 .mypagebox .d-bot ul li .tit { margin-bottom: 10px; } 
 .mypagebox .d-bot ul li .btn_box .item { padding-bottom: 15px; } 
 }

 @media(max-width:1220px) {
    .mypagebox .d-bot ul li .btn_box .item {padding: 12px 0;}
 }

@media(max-width:1140px) { 
.group2 ul .link { flex-wrap: wrap; flex-direction: column; padding: 40px 20px; } 
.group2 ul .link strong em { font-size: 40px; } 
.mypagebox .d-bot ul li { min-height: 402px; padding: 30px 25px 24px; } 
 } 
@media(max-width:1023px) { 
 .mypagebox .d-bot ul li { width:calc(100% - 20px); height: auto; margin: 0 10px 20px; text-align: right; } 
 .mypagebox .d-bot ul li .btn_box { position: static; width:auto; } 
 .mypagebox .d-bot ul li .btn_box a { display:inline-block; width:100%; padding: 0 20px 10px;background-position: 86% 90%;padding-left: 0;} 
 .mypagebox .d-bot ul li .btn_box a:first-child { border:none;  } 
 } 

@media(max-width:880px) { 
 .nameCard .button-list .item { width: calc(100% / 3 - 10px); margin-bottom: 10px; } 
 } 
@media(max-width:767px) { 
 .mypagebox .d-bot ul li { padding:40px 30px; } 
 .mypagebox .d-bot ul li .tit { margin:0 0 20px; } 

 } 

@media(max-width:650px) { 
 .nameCard .button-list .item { width: calc(100% / 2 - 10px) } 
 .group2 ul > li { padding: 0 6px; } 
 .group2 ul .link { padding: 20px 10px; } 
 .group2 ul .link p { margin: 0; padding: 0; } 
 .group2 ul .link p:before { display: block; text-align: center; margin: 0 auto; margin-bottom: 11px; } 

 } 

@media(max-width:580px) { 
 .mypagebox .d-bot ul li .btn_box { display: inline-block; width: 100%; } 
 .mypagebox .d-bot ul li .btn_box a { display:block; padding: 20px 0; margin: 0; } 
 } 
 @media(max-width:480px) { 
 .group2 { margin: 0 0 24px; } 
 .group2 ul { display: block; } 
 .group2 ul > li { width: 100%; padding: 0; margin-bottom: 10px; } 
 .group2 ul > li:last-child { margin-bottom: 0; } 
 } 

@media(max-width:440px) { 
 .nameCard .button-list .item { width: 100%; margin: 0; margin-bottom: 10px; } 
 .nameCard .button-list .item:last-child { margin-bottom: 0; } 
 } 




.stroy_list { margin-top:0 } 
.stroy_list.totalList .col a,
.stroy_list.totalList .col a:hover,
.stroy_list.totalList .col a:focus { border-radius:0; border:none; background: #fff; } 
.stroy_list.totalList .col a .box { border-radius:15px; position:relative;height: 219px;overflow:hidden } 
.stroy_list.totalList .col a .tag { display:flex; flex-wrap:wrap; /*margin-top:20px;*/ } 
.stroy_list.totalList .col a .tag span { margin:0 5px; padding:2px 8px; color: #666; font-size: 14px; font-weight: 400; line-height: 150%; letter-spacing: -0.28px; border-radius: 5px; border: 1px solid rgba(221, 221, 221, 0.87); } 
.stroy_list .col .info .inner { padding:45px; } 
.stroy_list.photoType .col .info .inner strong { display: block; display: -webkit-box; color: #fff; font-weight: bold; font-size: 20px; line-height: 1.4; white-space: inherit; overflow: hidden; height: 56px; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom:20px; } 
.stroy_list.photoType .col .info ul li.n1 { position:relative; top:auto; } 
.stroy_list.photoType .col .info ul li.n2,
.stroy_list.photoType .col .info ul li.n3 { display:none } 
.stroy_list.totalList .col.textType a,
.stroy_list.totalList .col.textType a:hover,
.stroy_list.totalList .col.textType a:focus { background:none; border:none } 
.stroy_list.totalList .col.textType .info { background: #17ae6f; background-image: linear-gradient(270deg,#17ae6f,#0f93a3); border:none; } 
.stroy_list.totalList .col.textType a .info .inner strong,
.stroy_list.totalList .col.textType a .info ul li { color:#fff; } 



.stroy_list.totalList .col.videoType a .box {max-height: 219px;height: 100%;}

/* 링크다운로드박스 */
.ui-banner__box .item { position:relative; margin:10px 0; padding:26px 135px 26px 30px; width:100%; border:1px solid #c4cbd2; border-radius: 10px; min-height:74px; } 
.ui-banner__box .item .ui-banner__title { position: relative; display:block; padding-left: 40px; color:#3a3a3a; font-size:16px; line-height: 20px; } 
.ui-banner__box .item .ui-banner__title:before { content: ""; position: absolute; left: 0; top:50%; margin-top: -10px; width:20px; height:20px; background:url(/pcms_old/dist/img/ir-bbs.png) 0 -340px; } 
.ui-banner__box.link .item .ui-banner__title:before { background-position: -28px -340px; } 
.ui-banner__box .item .down,
.ui-banner__box .item .link { position: absolute; right: 10px; top:50%; margin-top:-23px; padding: 7px 14px; border: 1px solid #ddd; border-radius: 3px; font-size: 15px; line-height: 30px; transition: 0.3s; } 
.ui-banner__box .item .down:hover, .ui-banner__box .item .down:focus, .ui-banner__box .item .link:hover, .ui-banner__box .item .link:focus { background-color: #0A844D; color: #fff; } 



.mentor-person-list .obj { margin: -8px -22px 49px; display: flex; flex-wrap: wrap; } 

.mentor-person-list .obj .col { margin: 20px 22px; } 
.mentor-person-list .obj.col2 .col { width: calc(50% - 44px); } 
.mentor-person-list .obj.col3 .col { width: calc(33.3333% - 44px); } 
.mentor-person-list .obj.col4 .col { width: calc(25% - 44px); } 
.mentor-person-list .obj.col5 .col { width: calc(20% - 44px); } 

.mentor-person-list .obj .col .inner-box { display: block; width: 100%; height: 100%; border-radius: 15px; border: 1px solid #E3E4E9; position: relative; background-color: #fff; } 
.mentor-person-list .obj .col .inner-box .link { border: none; width: 100%; height: 100%; } 
.mentor-person-list .obj .col .inner-box .item { display:block; padding: 45px 36px 54px; border: none; position: relative; height: 100%; } 
.mentor-person-list .obj .col .inner-box .item .thm--box,
.mentor-person-list .obj .col .inner-box .item .thm--box .inner { width: 130px; height: 130px; border-radius: 100%; } 
.mentor-person-list .obj .col .inner-box .item .thm--box { position: relative; padding: 0; margin: 0 auto; overflow: visible; } 
.mentor-person-list .obj .col .inner-box .item .thm--box .inner { position: relative; overflow: hidden; } 
.mentor-person-list .obj .col .inner-box .item .thm--box .inner img,
.mentor-person-list .obj .col .inner-box .item .thm--box .inner .no-img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width: 100%; height: auto; max-width: none; max-height: none; } 
.mentor-person-list .obj .col .inner-box .item .thm--box .inner .no-img { background-image: url(/images/prog/no.jpg); height: 130px; background-size: contain; } 
.mentor-person-list .obj .col .inner-box .item .card--body { border: none; padding: 0; } 
.mentor-person-list .obj .col .inner-box .item .card--body .name { display: block; margin-top: 8.5px; color: #000; text-align: center; font-size: 24px; font-weight: 700; line-height: 133%; letter-spacing: -0.03rem; } 
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap { display: block; text-align: center; } 
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com1,
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com2 { letter-spacing: -0.01875rem; font-weight: 600; line-height: 150%; font-size: 15px; display: inline-block; } 
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com1 { color: #18114E; margin-right: 3px; padding-right: 8px; position: relative; } 
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com1::before { position: absolute; content: ''; width: 1px; height: 11px; background-color: #CCC; right: 0; top: 5px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .com-wrap .com2 { color: #7B7E82; } 
.mentor-person-list .obj .col .inner-box .item .card--body .introduce { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; text-overflow: ellipsis; height: 42px; overflow: hidden; word-break: break-all; color: #666; text-align: center; font-size: 15px; line-height: 140%; letter-spacing: -0.01875rem; margin: 2px 0 8px 0; } 
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul { display: block; padding: 11.5px 30px; border-radius: 10px; background-color: #F8F9FB; margin-bottom: 8px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li { display: block; padding-left: 76px; position: relative; line-height: 120%; letter-spacing: -0.01875rem; font-size: 15px; text-align: left; } 
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li + .notice-li { margin-top: 6px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li .li-tit { position: absolute; display: inline-block; left: 0; top:0; color: #008656; min-width: 51px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li .li-con { color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-overflow: ellipsis; height: 18px; overflow: hidden; word-break: break-all; } 
.mentor-person-list .obj .col .inner-box .item .card--body .tag-wrap { display: flex; justify-content: center; flex-wrap: wrap; width: calc(100% + 12px); margin: 0 -6px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .tag-wrap .tag { color: #18114E; font-size: 14px; line-height: 150%; margin: 0 6px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap { display: flex; justify-content: center; padding: 10px 0 16px 0; border-top: 1px dotted rgba(0,0,0,0.15); margin-top: 9px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap > span { color: #666; font-size: 13px; font-weight: 400; line-height: normal; position: relative; display: inline-block; padding-left: 17px; margin: 0 10px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap > span::before { position: absolute; left: 0; top: 0; width: 12px; height: 13px; content: ''; background-position: center center; background-repeat: no-repeat; } 
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap .view-count::before { background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.94653 11C10.8256 11 13 7 13 7C13 7 10.8256 3 6.94653 3C3.06746 3 1 7 1 7C1 7 3.06746 11 6.94653 11Z' stroke='%23CCCCCC' stroke-opacity='0.8' stroke-linejoin='round'/%3E%3Cpath d='M7 9C8.10456 9 9 8.10456 9 7C9 5.89544 8.10456 5 7 5C5.89544 5 5 5.89544 5 7C5 8.10456 5.89544 9 7 9Z' stroke='%23CCCCCC' stroke-opacity='0.8' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); top: 1px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap .like-count::before { background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.77271 1.84434C5.94351 1.43369 6.52524 1.43369 6.69604 1.84434L7.64212 4.119C7.71412 4.29212 7.87693 4.4104 8.06382 4.42539L10.5195 4.62226C10.9628 4.6578 11.1426 5.21105 10.8048 5.50039L8.93386 7.10308C8.79146 7.22505 8.72928 7.41644 8.77278 7.59882L9.34439 9.99515C9.44759 10.4278 8.97696 10.7697 8.59741 10.5379L6.495 9.25372C6.33499 9.15599 6.13376 9.15599 5.97375 9.25372L3.87134 10.5379C3.49179 10.7697 3.02116 10.4278 3.12436 9.99515L3.69597 7.59882C3.73947 7.41644 3.67729 7.22505 3.53489 7.10308L1.66392 5.50039C1.32615 5.21105 1.50591 4.6578 1.94924 4.62226L4.40493 4.42539C4.59182 4.4104 4.75463 4.29212 4.82663 4.119L5.77271 1.84434Z' stroke='%23CCCCCC' stroke-opacity='0.8'/%3E%3C/svg%3E%0A"); top: 1px; } 
.mentor-person-list .obj .col .inner-box .item .card--body .view-wrap .review-count::before { background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.750061 10.2497L2.74554 10.2497L9.88058 3.11467L7.88504 1.11914L0.75 8.25418L0.750061 10.2497Z' stroke='%23CCCCCC' stroke-linejoin='round'/%3E%3Cpath d='M6.37695 2.86816L7.92904 4.42025' stroke='%23CCCCCC' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); top: 1px; } 
.mentor-person-list .obj .col .inner-box .item .button-pbancLike { position: absolute; right:21px; top:19px; display: inline-block; width:24px; height: 24px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0767 1.21993C10.4183 0.398635 11.5817 0.398636 11.9233 1.21993L13.9395 6.06735C14.0835 6.41358 14.4091 6.65015 14.7829 6.68012L20.0161 7.09966C20.9027 7.17074 21.2623 8.27725 20.5867 8.85592L16.5996 12.2713C16.3148 12.5153 16.1904 12.8981 16.2774 13.2628L17.4956 18.3695C17.702 19.2348 16.7607 19.9186 16.0016 19.455L11.5213 16.7184C11.2012 16.5229 10.7988 16.5229 10.4787 16.7184L5.9984 19.455C5.2393 19.9186 4.29805 19.2348 4.50444 18.3695L5.72257 13.2628C5.80958 12.8981 5.68521 12.5153 5.40042 12.2713L1.41328 8.85592C0.73774 8.27725 1.09727 7.17074 1.98392 7.09966L7.21712 6.68012C7.59091 6.65015 7.91652 6.41358 8.06052 6.06735L10.0767 1.21993Z' fill='%23DDDDDD'/%3E%3C/svg%3E%0A"); background-position: center center; background-repeat: no-repeat; font-size: 0; line-height: 0; } 
.mentor-person-list .obj .col .inner-box .item .button-pbancLike.on { background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.0767 1.21993C10.4183 0.398635 11.5817 0.398636 11.9233 1.21993L13.9395 6.06735C14.0835 6.41358 14.4091 6.65015 14.7829 6.68012L20.0161 7.09966C20.9027 7.17074 21.2623 8.27725 20.5867 8.85592L16.5996 12.2713C16.3148 12.5153 16.1904 12.8981 16.2774 13.2628L17.4956 18.3695C17.702 19.2348 16.7607 19.9186 16.0016 19.455L11.5213 16.7184C11.2012 16.5229 10.7988 16.5229 10.4787 16.7184L5.9984 19.455C5.2393 19.9186 4.29805 19.2348 4.50444 18.3695L5.72257 13.2628C5.80958 12.8981 5.68521 12.5153 5.40042 12.2713L1.41328 8.85592C0.73774 8.27725 1.09727 7.17074 1.98392 7.09966L7.21712 6.68012C7.59091 6.65015 7.91652 6.41358 8.06052 6.06735L10.0767 1.21993Z' fill='%23FFC700'/%3E%3C/svg%3E%0A"); } 
.mentor-person-list .obj .col .inner-box .item .like-box { position: absolute; left: 20.5px; top: 22px; text-align: left; z-index: 1; } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge { display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; flex-direction: column; border-radius: 10px; } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge + .like-badge { margin-left: 5px; } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like1 { background-color: #EFF9F3; border: 1px solid rgba(0, 134, 86, 0.5); } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like2 { background-color: #F2F4FB; border: 1px solid rgba(24, 17, 78, 0.5); } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge .icon { display: inline-block; margin: 0 auto 2px; width: 9px; height: 9px; background-position: center center; background-repeat: no-repeat; } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like1 .icon { background-image: url("data:image/svg+xml,%3Csvg width='11' height='10' viewBox='0 0 11 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.39746 9.20111V4.58631L5.07555 0.810547C5.77065 0.810547 6.33412 1.37403 6.33412 2.06914V3.74725H8.85125C9.09742 3.74445 9.33238 3.84992 9.49391 4.03567C9.65543 4.22143 9.72724 4.46877 9.6903 4.71216L9.11136 8.48791C9.04864 8.90159 8.69069 9.20584 8.27231 9.20111H3.39746ZM3.39746 9.20111L2.27729 9.20102C1.78583 9.20971 1.36569 8.84908 1.2998 8.36196V5.42527C1.36569 4.93817 1.78583 4.53107 2.27729 4.53976H3.39742L3.39746 9.20111Z' stroke='%23008656' stroke-width='0.800005' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like2 .icon { background-image: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.96776 8.3085V4.18463L4.46733 0.810547C5.08849 0.810547 5.59201 1.31409 5.59201 1.93524V3.43483H7.84136C8.06134 3.43233 8.2713 3.52658 8.41566 3.69258C8.55999 3.85857 8.62416 4.07959 8.59115 4.2971L8.0738 7.67117C8.01775 8.04084 7.69788 8.31273 7.32401 8.3085H2.96776ZM2.96776 8.3085L1.96676 8.30841C1.52758 8.31618 1.15214 7.99392 1.09326 7.55862V4.93434C1.15214 4.49906 1.52758 4.13527 1.96676 4.14303H2.96772L2.96776 8.3085Z' stroke='%2318114E' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge .like-tit { text-align: center; font-size: 12px; font-weight: 400; line-height: 117%; letter-spacing: -0.015rem; } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like1 .like-tit { color: #008656; } 
.mentor-person-list .obj .col .inner-box .item .like-box .like-badge.like2 .like-tit { color: #18114E; } 
.mentor-person-list .obj .col .inner-box .fe-btn { display: inline-flex; justify-content: center; align-items: center; width: calc(100% + 2px); height: 55px; background-color: #18114E; color: #fff; text-align: center; font-size: 15px; font-weight: 700; line-height: 150%; letter-spacing: -0.01875rem; border-radius: 0 0 10px 10px; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); z-index: 2; } 




.mentor-person-list .obj .col.add-mentor .inner-box { background-color: #D9E8FF; border: none; } 
.mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 75px 53px 258px 53px; position: relative; border: none; } 
.mentor-person-list .obj .col.add-mentor .inner-box .link .item::after { position: absolute; content: ''; right: 50px; bottom: 53px; width: 164px; height: 134px; background-position: center center; background-repeat: no-repeat; background-image: url(/images/prog/mentor-list-icon.png); background-size: contain; } 
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body { text-align: left; padding: 0; } 
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .sub-tit { display: block; color: #0064C9; font-size: 20px; line-height: 140%; } 
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .tit { display: block; color: #000; font-size: 32px; font-weight: 700; line-height: 128%; letter-spacing: -0.02rem; margin: 9px 0 31px 0; } 
.mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .add-btn { display: inline-flex; justify-content: center; align-items: center; width: 122px; height: 41px; background-color: #fff; border-radius: 100px; color: #000; font-size: 15px; font-weight: 700; line-height: 140% } 




.mentor-person-list .obj .col.mentor:hover .inner-box,
.mentor-person-list .obj .col.mentor:focus .inner-box { border: 2px solid transparent; border-radius: 15px 15px 10px 10px; background-image: linear-gradient(#fff, #fff), linear-gradient(to right, rgba(0, 134, 86, 1) 0%, rgba(0, 132, 173, 1) 100%); background-origin: border-box; background-clip: content-box, border-box; } 
.mentor-person-list .obj .col.mentor:hover .inner-box .item,
.mentor-person-list .obj .col.mentor:focus .inner-box .item { padding: 44px 35px 53px; } 
.mentor-person-list .obj .col.mentor:hover .inner-box .item .like-box,
.mentor-person-list .obj .col.mentor:focus .inner-box .item .like-box { top: 21px; left: 19.5px; } 
.mentor-person-list .obj .col.mentor:hover .inner-box .item .button-pbancLike,
.mentor-person-list .obj .col.mentor:focus .inner-box .item .button-pbancLike { right: 20px; top: 18px; } 
.mentor-person-list .obj .col.mentor:hover .inner-box .fe-btn,
.mentor-person-list .obj .col.mentor:focus .inner-box .fe-btn { bottom: -2px; } 


@media (max-width: 1140px) { 
 .mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 75px 30px 281px 30px; } 
 .mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .sub-tit { font-size: 18px; } 
 .mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .tit { font-size: 28px; } 
 } 

@media (max-width: 1024px) { 
 .mentor-person-list { margin-top: 14px; } 
 .mentor-person-list .obj { margin: 0 -10px 49px; } 
 .mentor-person-list .obj .col { margin: 10px; } 
 .mentor-person-list .obj .col .inner-box .item { padding: 70px 20px 54px; } 

 .mentor-person-list .obj .col.mentor:hover .inner-box .item,
 .mentor-person-list .obj .col.mentor:focus .inner-box .item { padding: 69px 19px 53px; } 


 .mentor-person-list .obj.col2 .col { width: calc(50% - 20px); } 
 .mentor-person-list .obj.col3 .col { width: calc(33.3333% - 20px); } 
 .mentor-person-list .obj.col4 .col { width: calc(25% - 20px); } 
 .mentor-person-list .obj.col5 .col { width: calc(20% - 20px); } 
 } 

@media (max-width: 920px) { 
 .mentor-person-list .obj.col3 .col { width: calc(50% - 20px); } 
 } 

 @media(max-width:767px) {
   .stroy_list.totalList .col{margin-bottom: 20px;}
   .stroy_list.totalList .col.videoType a .box{max-height: none;height: 219px;}
}
@media (max-width: 450px) {
   .stroy_list.totalList .col.videoType a .box{max-height: 219;height: 100%;}
}
@media (max-width: 400px) { 
 .mentor-person-list .obj .col.add-mentor .inner-box .link .item { padding: 30px; } 
 .mentor-person-list .obj .col.add-mentor .inner-box .link .item::after { display: none; } 
 .mentor-person-list .obj .col.add-mentor .inner-box .link .item .card--body .tit { font-size: 22px; } 
 } 

@media (max-width: 360px) { 

 .mentor-person-list .obj .col .inner-box .item .card--body .notice-ul { padding: 11.5px 20px; } 
 .mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li { padding-left: 0; } 
 .mentor-person-list .obj .col .inner-box .item .card--body .notice-ul .notice-li .li-tit { position: relative; display: block; } 
 .mentor-person-list .obj .col .inner-box .item .card--body .view-wrap > span { margin: 0 5px; } 
 } 
/* 231016 개인 멘토링 > 목록 : e */

.group-tab { display:none; }