/* ----------------------------- 메인페이지 스타일 ----------------------------- */
/* 메인비주얼 */
#mainVisual {margin-top:80px}
#mainVisual img {display:block; width:100%}
/* 상단 와이드 배너 */
#wideBanner {position:relative; z-index:60}
#wideBanner img {position:relative; width:100%; left:50%; margin-left:-50%}
/* Before & After */
#section1 {padding:30px 0}
#section1 > .innerContainer {position:relative; padding:0 40px; overflow:hidden}
#section1 > .innerContainer h2 {font-family:'Nanum Myeongjo'; font-size:28px; font-weight:300; color:#fd999b; text-align:center; margin-bottom:20px}
#section1 > .innerContainer h2 span {color:#3e414a}
#section1 > .innerContainer .tab-list {margin:0 -2px 10px -2px}
#section1 > .innerContainer .tab-list > li {float:left; width:33.333334%; padding:0 2px}
#section1 > .innerContainer .tab-list > li a {position:relative; display:block; width:100%; padding:10px 15px; color:#3e414a; border:1px solid #3e414a}
#section1 > .innerContainer .tab-list > li a:after {position:absolute; top:10px; right:15px; font-family:'Pe-icon-7-stroke'; font-size:18px; content:'\e684'; color:#454f59}
#section1 > .innerContainer .tab-list > li.active a {color:#fd999b; border-color:#fd999b}
#rollingBox {position:relative; overflow:hidden}
#rollingBox .rolling-box {display:none; position:relative; overflow:hidden}
#rollingBox .rolling-box.active {display:block !important}
#rollingBox .rolling-box > .imgList {position:relative; width:100%}
#rollingBox .rolling-box > .imgList > li {float:left; width:100%}
#rollingBox .rolling-box > .imgList > li:after {clear:both; display:block; content:''}
#rollingBox .rolling-box > .imgList > li > div {position:relative}
#rollingBox .rolling-box > .imgList > li > div > img {display:block; width:100%}
#rollingBox .rolling-box > .imgList > li > div:after {position:absolute; display:inline-block; bottom:0; padding:10px 15px; font-weight:500; color:#fff; z-index:20}
#rollingBox .rolling-box > .imgList > li .before {float:left; width:50%}
#rollingBox .rolling-box > .imgList > li .after {float:right; width:50%}
#rollingBox .rolling-box > .imgList > li .before:after {right:0; content:'BEFORE'; background:#3e414a}
#rollingBox .rolling-box > .imgList > li .after:after {left:0; content:'AFTER'; background:#fd999b}
#rollingBox .rolling-box > .pagination {margin-top:30px; font-size:0; text-align:center}
#rollingBox .rolling-box > .pagination > li {display:inline-block; font-size:12px; width:10px; height:10px; margin:0 2px; background:#fff}
#rollingBox .rolling-box > .pagination > li.active {background:#fd999b}
/* 3단 그리드 배너 */
#section2 ul > li {float:left; width:33.333334%}
#section2 ul > li img {display:block; width:100%}
/* 와이드 배너 */
#section3 ul > li img {display:block; width:100%}
/* 2x2 그리드 배너 */
#section4 ul > li {float:left; width:50%}
#section4 ul > li img {display:block; width:100%}
/* 지도 및 문의정보 */
#section5 {padding:20px 0}
#section5 > .innerContainer {padding:0 20px}
#section5 #main_map {height:410px}
#section5 .item-contact {padding:20px; background:#3e414a}
#section5 .item-contact .top-info {margin-bottom:20px}
#section5 .item-contact .top-info .left-item {float:left; width:50%}
#section5 .item-contact .top-info .left-item h3 {font-size:13px; font-weight:600; color:#fff; letter-spacing:1px}
#section5 .item-contact .top-info .left-item strong {font-size:20px; color:#fd999b;}
#section5 .item-contact .top-info .sns-list {float:right; width:50%; font-size:0; text-align:right}
#section5 .item-contact .top-info .sns-list > li {display:inline-block; font-size:12px; font-weight:600; color:#fff; line-height:1.28; margin-right:5px}
#section5 .item-contact .top-info .sns-list > li > a {display:block; width:28px; height:28px; font-size:16px; color:#2b2b2b; text-align:center; line-height:28px; border-radius:50%; background:#ffffff}
#section5 .item-contact .top-info .sns-list > li.sns-kakao > a {background:#ffffff}
#section5 .item-contact .top-info .sns-list > li.sns-kakao > a img {vertical-align:middle}
#section5 .item-contact p {color:#bbb}
#section5 .item-contact p a {color:#bbb}
/* ----------------------------- 서브페이지 스타일 ----------------------------- */
/* 서브페이지 섹션 공통 */
#container {position:relative; margin-top:80px}
#container:after {clear:both; display:block; content:''}
#container .section-tit {padding:30px 20px; text-align:center}
#container .section-tit h2 {font-size:20px; font-weight:600; color:#3e414a}
#container .section-tit h2 span {font-weight:300}
#container .section-tit h3 {font-size:10px; font-weight:500; color:#888; letter-spacing:2px; text-transform:uppercase}
#container img {max-width:100%; height:auto !important}
#container > .innerContainer {padding:0 20px}
/* 의료진소개 */
#container .team-info {margin-bottom:20px}
#container .team-info .info-box {padding:20px; background:#333}
#container .team-info .info-box span {display:block; margin-bottom:5px; font-size:13px; color:#a6a6a6}
#container .team-info .info-box h3 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:15px}
#container .team-info .info-box p {font-size:13px; color:#fff}
/* 웹스리둘러보기 */
#facilitySlider {overflow:hidden}
#facilitySlider .big-thumb {position:relative; margin-bottom:40px}
#facilitySlider .big-thumb .thumb-list > li {display:none}
#facilitySlider .big-thumb .thumb-list > li.active {display:block}
#facilitySlider .big-thumb .thumb-list > li img {display:block; width:100%}
#facilitySlider .big-thumb .floor-tab {display:table; margin:-1px -1px 0 -1px; width:101%; table-layout:fixed; border-spacing:1px; border-collapse:separate}
#facilitySlider .big-thumb .floor-tab > li {display:table-cell; width:auto; height:40px; color:#333; text-align:center; vertical-align:middle; background:rgba(200, 201, 202, .8); cursor:pointer}
#facilitySlider .big-thumb .floor-tab > li.active {color:#fff; background:rgba(0, 0, 0, .8)}
#facilitySlider .floor-container .floor-info {display:none; padding:0 20px}
#facilitySlider .floor-container .floor-info h2 {font-size:18px; font-weight:300; color:#2b2b2b; margin-bottom:20px}
#facilitySlider .floor-container .floor-info.active {display:block}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -5px}
#facilitySlider .floor-container .floor-info .thumb-list:after {clear:both; display:block; content:''}
#facilitySlider .floor-container .floor-info .thumb-list > li {position:relative; float:left; width:50%; margin-bottom:10px; padding:0 5px}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:5px; right:5px; bottom:0; content:''; border:0px solid #be9356; transition:all .25s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before {border-width:4px}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}
/* 찾아오시는 길 */
#map {height:300px}
#container .location-info {padding:20px}
#container .location-info h3 {font-size:20px; font-weight:600; color:#000; margin-bottom:15px}
#container .location-info img {margin-bottom:15px}
#container .location-info h4 {font-size:16px; font-weight:600; color:#2b2b2b; margin-bottom:10px}
#container .location-info p {margin-bottom:5px}
#container .location-info strong {display:block; font-size:24px; font-weight:600; color:#fd999b}
/* ----------------------------- 포토갤러리 게시판 스타일 ----------------------------- */
/* 리스트 페이지 */
.photo_list_wrapper {margin:0 -15px}
.photo_list_wrapper:after {clear:both; display:block; content:''}
.photo_list_wrapper > table {float:left; width:50%; margin-bottom:20px; padding:0 15px}
.photo_list_wrapper.brd-grid-1 {margin-left:0; margin-right:0}
.photo_list_wrapper.brd-grid-1 > table {width:100% !important; padding:0}
.photo_list_wrapper > table.board {float:none; clear:both; width:100% !important; padding:0}
.photo_list_wrapper > table .bbsnewf5 a img {display:block; width:100%; height:auto}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {padding:10px 0}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {font-family:inherit !important; color:#555}
.image_sublist {display:none}
/* ----------------------------- 게시판 및 범용 테이블 스타일 ----------------------------- */
.tbl_board {margin-bottom:30px; border-top:2px solid #666; table-layout:fixed}
.tbl_board th, .tbl_board td {font-family:inherit !important; padding:10px !important; border-bottom:1px solid #e5e5e5}
.tbl_board td td {border:none}
.tbl_board div th, .tbl_board div td {padding:0 !important}
.tbl_board span, .tbl_board font, .tbl_board a {font-family:inherit !important; font-size:inherit !important; color:#555}
.tbl_board a:hover {color:#333 !important}
.tbl_board .board_bgcolor {font-size:inherit !important; font-weight:500; color:#4b4b4b; background:#f4f4f4}
.tbl_board input[type=text], .tbl_board input[type=password] {font-family:inherit !important; font-size:inherit !important; max-width:90%; height:30px; padding-left:10px; border:1px solid #dedede; background:#fff}
.tbl_board select {font-family:inherit !important; font-size:inherit !important; max-width:90%; height:30px; border:1px solid #dedede; background:#fff; vertical-align:middle}
.tbl_board .att_title {font-weight:600; color:#343434; text-align:center; background:#fff !important}
.tbl_board .att_title span, .tbl_board .att_title a, .tbl_board .att_title font {font-weight:600; color:#343434}
.tbl_board.tbl_list tr:hover {background:#f9f9f9}
.tbl_board.tbl_list td a font {font-weight:normal !important; margin-left:10px}
.tbl_board td textarea {width:98%; font-family:inherit !important; font-size:inherit !important; padding:10px; border:1px solid #dedede; background:#fff}
.tbl_board .td_center {text-align:center}
.tbl_board .bbsnewf5 a {display:block; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tbl_board .bbsno, .tbl_board .bbswriter, .tbl_board .bbsetc_dateof_write, .tbl_board .bbspublic_ox, .tbl_board .bbsetc_receive_remail {display:none}
.tbl_board td[rel="번호"], .tbl_board td[rel="작성자"], .tbl_board td[rel="작성일자"], .tbl_board td[rel="공개여부"], .tbl_board td[rel="답변받기"] {display:none}
.tbl_board td[rel="진료과목"] {width:25%}
.tbl_board td[rel="제목"] {width:75%}
/* ----------------------------- 게시판 공통 스타일 ----------------------------- */
/* 통합 폰트 관련 */
.board, .bbsnewf5 {font-family:inherit !important; font-size:inherit !important}
.bbsnewf5 input, .bbsnewf5 img {vertical-align:middle}
/* 카테고리 */
.brd_category {display:none}
.board_tab {margin-bottom:30px}
.board_tab > ul > li {display:inline-block; margin-bottom:5px}
.board_tab > ul > li > a {display:block; padding:5px 8px; color:#333; border-radius:3px}
.board_tab > ul > li.on > a {color:#fff; background:#be9356 !important}
/* 하단 글쓰기 버튼 */
.btn_btm_write {text-align:right}
.board-pagination {margin-top:30px; font-size:0; text-align:center}
.board-pagination > b, .board-pagination > a {display:inline-block; width:30px; height:30px; margin:0 2px; font-size:12px; text-align:center; line-height:28px; border:1px solid #dedede}
.board-pagination > a {color:#777}
.board-pagination > a:hover {color:#555; background:#f4f4f4}
.board-pagination > b {color:#fff; border-color:#333; background:#4b4b4b}
/* 검색 */
#ext_search {margin-top:30px}
/* ----------------------------- 예약 관련 스타일 ----------------------------- */
/* 예약 캘린더 */
.reserveWrapper .pickMonth {text-align:center; margin-bottom:30px}
.reserveWrapper .pickMonth .btn {padding:0 10px !important}
.reserveWrapper .pickMonth .btn i {margin:0 !important}
.reserveWrapper .pickMonth #cur {display:inline-block; margin:0 15px; font-size:14px; color:#be9356; letter-spacing:2px}
.tbl_calendar {width:100%; border-top:2px solid #666; table-layout:fixed}
.tbl_calendar thead th {padding:15px 0; font-size:12px; color:#333; border-left:1px solid #e5e5e5; border-bottom:1px solid #dedede}
.tbl_calendar thead th span {display:none}
.tbl_calendar thead th:first-child {border-left:none}
.tbl_calendar tbody td {padding:10px; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; vertical-align:top}
.tbl_calendar tbody td:hover {background:#f9f9f9}
.tbl_calendar tbody tr > td:first-child {border-left:none}
.tbl_calendar .td_sun {color:#c62b2b}
.tbl_calendar .td_sat {color:#3f63eb}
.tbl_calendar .m_sunday, .tbl_calendar .m_saturday {background:#f4f4f4 !important}
.tbl_calendar .ye {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#23bbab}
.tbl_calendar .wan {display:inline-block; color:#fff !important; margin-right:3px; padding:2px 5px; border-radius:2px; background:#c43c3c}
.tbl_calendar div[style*='hand'] {cursor:pointer; padding:2px 0}
#order_list {display:none; margin:30px 20px 0 20px; padding:20px; border:1px solid #dedede; background:#f9f9f9}
#order_list h3 {font-size:14px; font-weight:normal; color:#222; margin-bottom:20px}
#order_list ul {margin-bottom:20px}
#order_list ul > li {color:#777; line-height:1.65}
#order_list input[type=button] {padding:8px 25px; border:1px solid #d5d5d5 !important; border-radius:2px; background:#fff; cursor:pointer}
/* 예약하기 폼 */
#css_orderform table {width:100%; border-top:2px solid #666; border-collapse:collapse}
#css_orderform table th, #css_orderform table td {padding:15px; border-bottom:1px solid #e5e5e5}
#css_orderform table th {width:25%; font-weight:500; color:#4b4b4b; background:#f4f4f4}
#css_orderform table td input[type=text] {font-family:inherit !important; font-size:inherit !important; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
#css_orderform table td select {font-family:inherit !important; font-size:inherit !important; min-width:70px; height:35px; margin:0 10px; padding-left:5px; border:1px solid #dedede; background:#fff; vertical-align:middle}
#css_orderform table td select:first-child {margin-left:0}
#css_orderform table td label {margin-right:10px}
.agreeWrapper {padding:0 20px}
.agreeWrapper .checkArea:after {clear:both; display:block; content:''}
.agreeWrapper .checkArea .left {float:left}
.agreeWrapper .checkArea .right {float:right}
.agreeWrapper .agreeinfo {clear:both; margin-top:5px}
.agreeWrapper .agreeinfo textarea {width:100%; height:160px; padding:10px; border:1px solid #dedede; background:#fff}
.reserve-btn {margin-top:30px; text-align:center}
.reserve-btn .btn {width:40%; height:40px !important; font-size:14px !important; line-height:38px !important}
/* 예약확인 및 취소 */
h2.reservation-title {margin-bottom:15px; font-size:14px; font-weight:normal; color:#333}
h2.reservation-title:before {display:inline-block; width:6px; height:2px; margin-right:7px; content:''; background:#be9356; vertical-align:4px}
.reservation-box {margin:0 20px; padding:20px; border:1px solid #e5d4c6}
.reservation-box ul > li {line-height:1.8}
.reservation-box ul > li:before {display:inline-block; width:2px; height:2px; margin-right:5px; content:''; background:#ccc; vertical-align:4px}
/* ----------------------------- 회원 관련 스타일 ----------------------------- */
/* 회원 관련 공통 요소 */
.joinWrapper {padding:0 20px}
.joinWrapper .tbl_board col {display:none}
.member-box h2 {font-size:20px; font-weight:300; color:#be9356; margin-bottom:20px}
.member-box h3 {font-size:15px; font-weight:normal; color:#4b4b4b; margin-bottom:20px}
.member-box h4 {font-size:14px; font-weight:600; color:#555; margin-bottom:10px}
.member-box input[type=text], .member-box input[type=password] {display:block; width:100%; height:40px; margin-bottom:10px; padding:10px; border:1px solid #dedede; border-radius:0; background:#f9f9f9}
.member-box .btn-confirm {display:block; width:100%; height:40px; font-size:15px; color:#fff; border:none; border-radius:0; background:#be9356; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#b58c52}
.member-btm-btn {margin-top:30px; text-align:center}
.member-btm-btn .btn {width:40%; height:40px !important; font-size:14px !important; line-height:38px !important}
.member_td_bgcolor {width:25%; color:#4b4b4b; background:#f4f4f4}
/* 로그인페이지 */
.loginWrapper {position:relative; padding:0 20px}
.loginWrapper > .login-box {margin-bottom:30px; padding:20px; border:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList {margin-top:20px; padding-top:15px; border-top:1px solid #e5e5e5}
.loginWrapper > .login-box .helpList > li {position:relative; color:#888; padding:4px 0 4px 10px}
.loginWrapper > .login-box .helpList > li.warning {color:#ff7e00}
.loginWrapper > .login-box .helpList > li:before {position:absolute; top:5px; left:0; content:'-'}
.loginWrapper > .login-box .helpList > li a {margin-left:10px}
/* 회원가입 중복확인 페이지 */
.joinWrapper > .join-box {padding:20px; border:1px solid #e5e5e5}
/* 회원가입 약관동의 페이지 */
.joinWrapper .agree-box {margin-bottom:40px}
.joinWrapper .agree-box textarea {width:100%; height:250px; margin-bottom:15px; padding:10px; border:1px solid #e5e5e5}
.joinWrapper .agree-box input[type=checkbox] {margin-right:5px}
/* ----------------------------- 버튼 공통 스타일 ----------------------------- */
.btn {display:inline-block; padding:0 15px !important; height:30px !important; font-family:inherit !important; font-size:12px !important; color:#666 !important; text-align:center; line-height:28px !important; text-decoration:none !important; border:1px solid #dedede; border-radius:2px; background:#fff; cursor:pointer; vertical-align:middle}
.btn.btn-default:hover {color:#555 !important; border-color:#aaa}
.btn.btn-primary {color:#fff !important; border-color:#be9356; background:#be9356}
.btn.btn-primary:hover, .btn.btn-primary:focus {border-color:#b58c52; background:#b58c52}
.btn.btn-secondary {color:#fff !important; border-color:#6d7281; background:#6d7281}
.btn.btn-secondary:hover, .btn.btn-secondary:focus {border-color:#686d7b !important; background:#686d7b}
.btn.btn-link {line-height:inherit !important; padding:0 !important; height:auto !important; border:none}
.btn i {margin-right:7px; vertical-align:0}
.btn.right-icon i {margin:0 0 0 7px}
/* ----------------------------- 탭 공통 스타일 ----------------------------- */
.text-primary {height:30px !important;}
.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:40px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:13px; color:#333; line-height:40px; text-align:center; border:1px solid #d5d5d5; border-left:none}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#d5d5d5; background:#fd999b !important}
.tab-primary > li:hover a {background:#f4f4f4}




/* 20220314 닥터스노트 팝업 */
html.hidden,
body.hidden{
    overflow: hidden;
    /* touch-action:none; */
    /* height: 100%; */
}
.dr_popup_wrap{
    /* display: none; */
}
.dr_popup_wrap .img_popup{
    text-align: center;
    position: fixed;
    left:15px;
    bottom:83px;
    z-index: 100;
}
.dr_popup_wrap .img_popup button{
    border:0;
    background:transparent;
    cursor: pointer;
    display: block;
    width: 100%;
    width: 80px;
    height: 80px;
    color:#fff;
    background: rgba(7, 43, 77, 0.8);
    font-size: 10px;
    font-weight: 700;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    letter-spacing: -0.05em;
}

.dr_popup_wrap .img_popup button em{
    display: block;
    font-size: 12px;
}
.dr_board_popup{
    pointer-events:auto;
    display: none;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:10000;
    background:rgba(0,0,0,0.9);
    overflow: hidden;
}
.dr_board_popup .board_top{
    position: relative;
    font-weight:700;
    color:#333;
    font-size:20px;
    display: flex;
    align-items:center;
    border-bottom: 2px solid #fff;
    padding:30px 0 20px;
    margin:0 24px;
}
.dr_board_popup .board_top p{
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #fff;
}
.dr_board_popup .board_top .btn_back{
    margin-right: 33.5px;
    display: none;
    border:0;
    background-color: transparent;
}
.dr_board_popup .board_top .btn_close{
    position:absolute;
    right:0;
    top:30px;
    border:0;
    background-color: transparent;
}
.dr_board_popup .board_top .btn_close img,
.dr_board_popup .board_top .btn_back img{
    display: block;
}
.dr_board{
    height: calc(100% - 161px);
    overflow: auto;
    box-sizing: border-box;
}
.dr_board_popup .dr_board .note-wrap{
    padding:0 24px 20px;
}
.dr_board_popup .dr_board .note-wrap .list li a{
    display: block;
    padding:20px 0 20px 116px;
    position: relative;
    box-sizing: border-box;
    color:#fff;
}
.dr_board_popup .dr_board .note-wrap .list .thumb-box{
    position: absolute;
    left:0;
    top:20px;
    width: 96px;
    height: 92px;
}
.dr_board_popup .dr_board .note-wrap .list .thumb-box span{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dr_board_popup .dr_board .note-wrap .list .text-box{
    padding-top: 6px;
}
.dr_board_popup .dr_board .note-wrap .list .text-box .title{
    color:#fff;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.05em;
    overflow: hidden;
     text-overflow: ellipsis; 
     display: -webkit-box;
    -webkit-line-clamp: 2; 
     -webkit-box-orient: vertical; 
     word-wrap:break-word; 
     height: 48px;
}
.dr_board_popup .dr_board .note-wrap .list .text-box .txt,
.dr_board_popup .dr_board .note-wrap .list .text-box .more{
    display: none;
}
.dr_board_popup .dr_board .note-wrap .list .hashtag{
    margin-top: 17px;
}
.dr_board_popup .dr_board .note-wrap .list .hashtag .wrap{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    letter-spacing: -0.05em;
    font-size: 12px;
}
.dr_board_popup .dr_board .note-wrap .list+.list,
.dr_board_popup .dr_board .note-wrap .list li+li{
    border-top: 1px solid rgba(255,255,255,0.3);
}
.dr_board_popup nav.pg_wrap {
    font-size: 18px;
    position: absolute;
    background-color: transparent;
    left:16.5px;
    right:16.5px;
    bottom:0;
    top:inherit;
	margin: 0 auto;
    padding:20px 0 30px;
    box-sizing: border-box;
    width: auto;
}
.dr_board_popup nav.pg_wrap:before{
    content: '';
    height: 2px;
    background-color: #fff;
    position: absolute;
    top:0;
    left:3.5px;
    right:3.5px;
}

.dr_board_popup nav.pg_wrap strong, .dr_board_popup nav.pg_wrap a {
    width: 3em;
    height: 3em;
    line-height: 3em;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 0.7em;
    font-weight: 500;
    background-color: transparent;
    color: #fff;
	padding: 0;
}

.dr_board_popup nav.pg_wrap .pg_current {
    background-color: #fff;
	border: 1px solid #fff;
    color: #000 !important;
}

.dr_board_popup nav.pg_wrap .pg_prev
, .dr_board_popup nav.pg_wrap .pg_next {

    font-size: 0.7em;
    background-image: none;
    text-indent: 0;
    width: 4em;
    /* height:3em; */
    line-height:3em;
    text-align: right;
    padding: 0 1em;
    box-sizing: content-box;
    color: #fff;
	position: relative;
}

.dr_board_popup nav.pg_wrap .pg_next {
    text-align: left;
}

.dr_board_popup nav.pg_wrap .pg_next > i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 3.1em;
    padding-right: 0.5em;
}

.dr_board_popup nav.pg_wrap .pg_prev > i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 3em;
    padding-left: 0.5em;
}

.dr_board_popup nav.pg_wrap .pg_start
, .dr_board_popup nav.pg_wrap .pg_end {
    display: none;
}

.dr_board_popup #bo_v{
    padding-top: 20px !important;
}
.dr_board_popup #bo_v_table{
    display: none;
}

.dr_board_popup #bo_v_title {font-size:20px;line-height:1.5em;color:#fff;letter-spacing: -0.05em; text-align:center; font-weight:bold;padding:0 15.5px;}

.dr_board_popup #bo_v_info {margin-top: 20px;border-bottom: 1px solid rgba(255,255,255,0.3);text-align: right;padding:0 24px 10px;font-size:10px;line-height:12px;color:#fff;letter-spacing: -0.05em;}
.dr_board_popup #bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup #bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}

.dr_board_popup #bo_v_file {}
.dr_board_popup #bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup #bo_v_file ul {margin:0;padding:0;list-style:none}
.dr_board_popup #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
.dr_board_popup #bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
.dr_board_popup #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
.dr_board_popup .bo_v_file_cnt {display:inline-block;margin:0 10px}

.dr_board_popup #bo_v_link {}
.dr_board_popup #bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup #bo_v_link ul {margin:0;padding:0;list-style:none}
.dr_board_popup #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
.dr_board_popup #bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
.dr_board_popup #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.dr_board_popup .bo_v_link_cnt {display:inline-block;margin:0 10px}

.dr_board_popup #bo_v_top {padding:10px 10px 0 ;}
.dr_board_popup #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup #bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup #bo_v_top ul {margin:0;padding:0;list-style:none}
.dr_board_popup #bo_v_top a.btn_b01,
.dr_board_popup #bo_v_bot a.btn_b01{font-size: 10px;padding:10px 7px}

.dr_board_popup #popular-hashtag * {
	box-sizing: border-box;
}

.dr_board_popup #popular-hashtag {
	max-width: 1200px;
	padding: 0 25px 0;
	margin: 0 auto;
}

.dr_board_popup #popular-hashtag>.container {
	border-top: 1px solid #ddd;
	padding-top: 50px;
}

.dr_board_popup #popular-hashtag h4 {
	color: #323132;
	font-size: 22px;
	font-weight: bold;
}

.dr_board_popup #popular-hashtag ul {
	text-align: center;
	margin: -10px auto 0;
}

.dr_board_popup #popular-hashtag li {
	display: inline-block;
	margin: 10px 5px 0;
}

.dr_board_popup #popular-hashtag a {
	display: block;
	padding: 8.5px 10px;
	border: 1px solid #ddd;
	border-radius: 12px;
	font-size: 13px;
	letter-spacing: -0.05em;
	color: #fff;
}

.dr_board_popup #popular-hashtag.view {
	padding-top: 50px;
}

.dr_board_popup #popular-hashtag.view>.container {
	border: 0;
	padding-top: 0;
}

.dr_board_popup #popular-hashtag.view ul {
	margin-top: 0;
}

.dr_board_popup #bo_v_bot {padding:0 10px 40px !important;border-bottom: 0 !important;}
.dr_board_popup #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup #bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup #bo_v_bot ul {margin:0;padding:0;list-style:none}

.dr_board_popup .bo_v_nb {float:left}
.dr_board_popup .bo_v_nb li {float:left;margin-right:5px}
.dr_board_popup .bo_v_com {float:right}
.dr_board_popup .bo_v_com li {float:left;margin-left:5px}

.dr_board_popup #bo_v_atc {padding:0 10px;min-height:200px}
.dr_board_popup #bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

.dr_board_popup #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
.dr_board_popup #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup #bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

.dr_board_popup #bo_v_con {margin-bottom:20px;width:100%;font-size:14px;line-height:1.7em;word-break:break-all;overflow:hidden;margin-top: 20px;color:#fff;}
.dr_board_popup #bo_v_con p{color:#fff;font-size: 14px;line-height: 1.7em;}
.dr_board_popup #bo_v_con a {color:#000;text-decoration:underline}
.dr_board_popup #bo_v_con img {max-width:100%;height:auto}

.dr_board_popup #bo_v_act {position:relative;margin-bottom:20px;text-align:center}
.dr_board_popup #bo_v_act a {margin-right:5px;vertical-align:middle}
.dr_board_popup #bo_v_act strong {color:#ff3061}
.dr_board_popup #bo_v_act_good, 
.dr_board_popup #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

.dr_board_popup #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
.dr_board_popup #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup #bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
.dr_board_popup #bo_vc {margin:0 0 20px;padding:20px 10px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
.dr_board_popup #bo_vc h2 {margin-bottom:5px}
.dr_board_popup #bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
.dr_board_popup #bo_vc header {position:relative;padding:13px 0 5px}
.dr_board_popup #bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
.dr_board_popup #bo_vc .sv_member, 
.dr_board_popup #bo_vc .sv_guest {font-weight:bold}
.dr_board_popup .bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
.dr_board_popup #bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.dr_board_popup #bo_vc a {color:#000;text-decoration:none}
.dr_board_popup #bo_vc p {padding:0 0 5px;line-height:1.8em}
.dr_board_popup #bo_vc p a {text-decoration:underline}
.dr_board_popup #bo_vc p a.s_cmt {text-decoration:none}
.dr_board_popup #bo_vc_empty {margin:0;padding:15px !important;text-align:center}
.dr_board_popup #bo_vc #bo_vc_winfo {float:left}
.dr_board_popup #bo_vc footer {zoom:1}
.dr_board_popup #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.dr_board_popup .bo_vc_act {float:right;margin:0;list-style:none}
.dr_board_popup .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup .bo_vc_act li {float:left;margin-left:5px}

.dr_board_popup #bo_vc_w {position:relative;margin-bottom:10px;padding:0 10px 15px;border-bottom:1px solid #dde4e9}
.dr_board_popup #bo_vc_w h2 {padding:10px 0 5px}
.dr_board_popup #bo_vc_w .tbl_wrap {margin:0 0 15px}
.dr_board_popup #bo_vc_w #char_cnt {display:block;margin-bottom:5px}
.dr_board_popup #bo_vc_w textarea {width:99%}

.dr_board_popup #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
.dr_board_popup #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup #bo_vc_sns li {float:left;margin:0 10px 0 0}
.dr_board_popup #bo_vc_sns input {margin:0 0 0 5px}
.dr_board_popup #contents {
	/*background-color: #fbfbfb;*/
}

.go_event{position: fixed; right: 15px; bottom: 83px !important; width: 70px; height: 70px; border-radius: 100%; border: 1.5px solid #636ac6; background: #fff; z-index: 100; display: flex; justify-content: center; align-items: center; flex-direction: column; font-size: 12px !important; font-weight: 700; color: #636ac6 !important; line-height: 12px;}
.go_event:before{content: ''; display: block; width: 19px; height: 16px; background: url('/img/event_color-1.svg')no-repeat; margin: 0 0 6px;}

.btn_pickabeau{position: fixed; right: 15px; bottom: 163px !important; width: 70px; height: 70px; background: #fff; border-radius: 100%; border: 1.5px solid #7a9fba; color: #7a9fba !important; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 100; font-size: 12px !important; line-height: 14px; font-weight: 700;text-align: center;}
.btn_pickabeau:before{content: ''; display: block; width: 25px; height: 25px; background: url('/img/quick_ic_eye_m.png')no-repeat; margin: 0 auto; background-size: contain;}

.btn_dr_note_new{position: fixed; right: 15px; bottom: 243px !important; width: 70px; height: 70px; background: #fff; border-radius: 100%; border: 1.5px solid #072B4D; color: #072B4D !important; display: flex; align-items: center; justify-content: center; flex-direction: column; z-index: 100; font-size: 12px !important; line-height: 14px; font-weight: 700;text-align: center;}
.btn_dr_note_new:before{content: ''; display: block; width: 25px; height: 25px; background: url('/img/quick_ic_doctor_m_2.png')no-repeat; margin: 0 auto 6px; background-size: contain;}


.board_caution_common { background: #f5f5f5; text-align: center; margin: 40px 0; padding: 30px 20px; font-size: 12px !important; line-height: 1.5em; word-break: keep-all;
}








/* 20240113 시선tv 팝업 */
.dr_popup_wrap02{
    /* display: none; */
}
.dr_popup_wrap02 .img_popup02{
    text-align: center;
    position: fixed;
    left:15px;
    bottom:173px;
    z-index: 100;
}
.dr_popup_wrap02 .img_popup02 button{
    border:0;
    background:transparent;
    cursor: pointer;
    display: block;
    width: 100%;
    width: 80px;
    height: 80px;
    color:#fff;
    background: rgba(110, 155, 197, 0.8);
    font-size: 10px;
    font-weight: 700;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    letter-spacing: -0.05em;
}

.dr_popup_wrap02 .img_popup02 button em{
    display: block;
    font-size: 12px;
}
.dr_board_popup02{
    pointer-events:auto;
    display: none;
    position:fixed;
    left:0;
    top:0;
    right:0;
    bottom:0;
    z-index:10000;
    background:rgba(0,0,0,0.9);
    overflow: hidden;
}
.dr_board_popup02 .board_top{
    position: relative;
    font-weight:700;
    color:#333;
    font-size:20px;
    display: flex;
    align-items:center;
    border-bottom: 2px solid #fff;
    padding:30px 0 20px;
    margin:0 24px;
}
.dr_board_popup02 .board_top p{
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #fff;
}
.dr_board_popup02 .board_top .btn_back{
    margin-right: 33.5px;
    display: none;
    border:0;
    background-color: transparent;
}
.dr_board_popup02 .board_top .btn_close{
    position:absolute;
    right:0;
    top:30px;
    border:0;
    background-color: transparent;
}
.dr_board_popup02 .board_top .btn_close img,
.dr_board_popup02 .board_top .btn_back img{
    display: block;
}
.dr_board{
    height: calc(100% - 161px);
    overflow: auto;
    box-sizing: border-box;
}
.dr_board_popup02 .dr_board .note-wrap{
    padding:0 24px 20px;
}
.dr_board_popup02 .dr_board .note-wrap .list li a{
    display: block;
    padding:20px 0 20px 116px;
    position: relative;
    box-sizing: border-box;
    color:#fff;
}
.dr_board_popup02 .dr_board .note-wrap .list .thumb-box{
    position: absolute;
    left:0;
    top:20px;
    width: 96px;
    height: 92px;
}
.dr_board_popup02 .dr_board .note-wrap .list .thumb-box span{
    position: absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.dr_board_popup02 .dr_board .note-wrap .list .text-box{
    padding-top: 6px;
}
.dr_board_popup02 .dr_board .note-wrap .list .text-box .title{
    color:#fff;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.05em;
    overflow: hidden;
     text-overflow: ellipsis; 
     display: -webkit-box;
    -webkit-line-clamp: 2; 
     -webkit-box-orient: vertical; 
     word-wrap:break-word; 
     height: 48px;
}
.dr_board_popup02 .dr_board .note-wrap .list .text-box .txt,
.dr_board_popup02 .dr_board .note-wrap .list .text-box .more{
    display: none;
}
.dr_board_popup02 .dr_board .note-wrap .list .hashtag{
    margin-top: 17px;
}
.dr_board_popup02 .dr_board .note-wrap .list .hashtag .wrap{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color:#fff;
    letter-spacing: -0.05em;
    font-size: 12px;
}
.dr_board_popup02 .dr_board .note-wrap .list+.list,
.dr_board_popup02 .dr_board .note-wrap .list li+li{
    border-top: 1px solid rgba(255,255,255,0.3);
}
.dr_board_popup02 nav.pg_wrap {
    font-size: 18px;
    position: absolute;
    background-color: transparent;
    left:16.5px;
    right:16.5px;
    bottom:0;
    top:inherit;
	margin: 0 auto;
    padding:20px 0 30px;
    box-sizing: border-box;
    width: auto;
}
.dr_board_popup02 nav.pg_wrap:before{
    content: '';
    height: 2px;
    background-color: #fff;
    position: absolute;
    top:0;
    left:3.5px;
    right:3.5px;
}

.dr_board_popup02 nav.pg_wrap strong, .dr_board_popup02 nav.pg_wrap a {
    width: 3em;
    height: 3em;
    line-height: 3em;
    border: 1px solid #fff;
    border-radius: 4px;
    font-size: 0.7em;
    font-weight: 500;
    background-color: transparent;
    color: #fff;
	padding: 0;
}

.dr_board_popup02 nav.pg_wrap .pg_current {
    background-color: #fff;
	border: 1px solid #fff;
    color: #000 !important;
}

.dr_board_popup02 nav.pg_wrap .pg_prev
, .dr_board_popup02 nav.pg_wrap .pg_next {

    font-size: 0.7em;
    background-image: none;
    text-indent: 0;
    width: 4em;
    /* height:3em; */
    line-height:3em;
    text-align: right;
    padding: 0 1em;
    box-sizing: content-box;
    color: #fff;
	position: relative;
}

.dr_board_popup02 nav.pg_wrap .pg_next {
    text-align: left;
}

.dr_board_popup02 nav.pg_wrap .pg_next > i {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    line-height: 3.1em;
    padding-right: 0.5em;
}

.dr_board_popup02 nav.pg_wrap .pg_prev > i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    line-height: 3em;
    padding-left: 0.5em;
}

.dr_board_popup02 nav.pg_wrap .pg_start
, .dr_board_popup02 nav.pg_wrap .pg_end {
    display: none;
}

.dr_board_popup02 #bo_v{
    padding-top: 20px !important;
}
.dr_board_popup02 #bo_v_table{
    display: none;
}

.dr_board_popup02 #bo_v_title {font-size:20px;line-height:1.5em;color:#fff;letter-spacing: -0.05em; text-align:center; font-weight:bold;padding:0 15.5px;}

.dr_board_popup02 #bo_v_info {margin-top: 20px;border-bottom: 1px solid rgba(255,255,255,0.3);text-align: right;padding:0 24px 10px;font-size:10px;line-height:12px;color:#fff;letter-spacing: -0.05em;}
.dr_board_popup02 #bo_v_info h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup02 #bo_v_info strong {display:inline-block;margin:0 0 0 5px;font-weight:normal}

.dr_board_popup02 #bo_v_file {}
.dr_board_popup02 #bo_v_file h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup02 #bo_v_file ul {margin:0;padding:0;list-style:none}
.dr_board_popup02 #bo_v_file li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
.dr_board_popup02 #bo_v_file a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
.dr_board_popup02 #bo_v_file a:focus, #bo_v_file a:hover, #bo_v_file a:active {text-decoration:none}
.dr_board_popup02 .bo_v_file_cnt {display:inline-block;margin:0 10px}

.dr_board_popup02 #bo_v_link {}
.dr_board_popup02 #bo_v_link h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup02 #bo_v_link ul {margin:0;padding:0;list-style:none}
.dr_board_popup02 #bo_v_link li {padding:0 10px;border-bottom:1px solid #eee;background:#f7f7f7}
.dr_board_popup02 #bo_v_link a {display:inline-block;padding:5px 0;color:#000;text-decoration:none}
.dr_board_popup02 #bo_v_link a:focus, #bo_v_link a:hover, #bo_v_link a:active {text-decoration:none}
.dr_board_popup02 .bo_v_link_cnt {display:inline-block;margin:0 10px}

.dr_board_popup02 #bo_v_top {padding:10px 10px 0 ;}
.dr_board_popup02 #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup02 #bo_v_top h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup02 #bo_v_top ul {margin:0;padding:0;list-style:none}
.dr_board_popup02 #bo_v_top a.btn_b01,
.dr_board_popup02 #bo_v_bot a.btn_b01{font-size: 10px;padding:10px 7px}

.dr_board_popup02 #popular-hashtag * {
	box-sizing: border-box;
}

.dr_board_popup02 #popular-hashtag {
	max-width: 1200px;
	padding: 0 25px 0;
	margin: 0 auto;
}

.dr_board_popup02 #popular-hashtag>.container {
	border-top: 1px solid #ddd;
	padding-top: 50px;
}

.dr_board_popup02 #popular-hashtag h4 {
	color: #323132;
	font-size: 22px;
	font-weight: bold;
}

.dr_board_popup02 #popular-hashtag ul {
	text-align: center;
	margin: -10px auto 0;
}

.dr_board_popup02 #popular-hashtag li {
	display: inline-block;
	margin: 10px 5px 0;
}

.dr_board_popup02 #popular-hashtag a {
	display: block;
	padding: 8.5px 10px;
	border: 1px solid #ddd;
	border-radius: 12px;
	font-size: 13px;
	letter-spacing: -0.05em;
	color: #fff;
}

.dr_board_popup02 #popular-hashtag.view {
	padding-top: 50px;
}

.dr_board_popup02 #popular-hashtag.view>.container {
	border: 0;
	padding-top: 0;
}

.dr_board_popup02 #popular-hashtag.view ul {
	margin-top: 0;
}

.dr_board_popup02 #bo_v_bot {padding:0 10px 40px !important;border-bottom: 0 !important;}
.dr_board_popup02 #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup02 #bo_v_bot h2 {position:absolute;font-size:0;text-indent:-9999em;line-height:0;overflow:hidden}
.dr_board_popup02 #bo_v_bot ul {margin:0;padding:0;list-style:none}

.dr_board_popup02 .bo_v_nb {float:left}
.dr_board_popup02 .bo_v_nb li {float:left;margin-right:5px}
.dr_board_popup02 .bo_v_com {float:right}
.dr_board_popup02 .bo_v_com li {float:left;margin-left:5px}

.dr_board_popup02 #bo_v_atc {padding:0 10px;min-height:200px}
.dr_board_popup02 #bo_v_atc_title {margin:0;padding:0;height:0;overflow:hidden}

.dr_board_popup02 #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1}
.dr_board_popup02 #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup02 #bo_v_img img {margin-bottom:15px;max-width:100%;height:auto}

.dr_board_popup02 #bo_v_con {margin-bottom:20px;width:100%;font-size:14px;line-height:1.7em;word-break:break-all;overflow:hidden;margin-top: 20px;color:#fff;}
.dr_board_popup02 #bo_v_con p{color:#fff;font-size: 14px;line-height: 1.7em;}
.dr_board_popup02 #bo_v_con a {color:#000;text-decoration:underline}
.dr_board_popup02 #bo_v_con img {max-width:100%;height:auto}

.dr_board_popup02 #bo_v_act {position:relative;margin-bottom:20px;text-align:center}
.dr_board_popup02 #bo_v_act a {margin-right:5px;vertical-align:middle}
.dr_board_popup02 #bo_v_act strong {color:#ff3061}
.dr_board_popup02 #bo_v_act_good, 
.dr_board_popup02 #bo_v_act_nogood {display:none;position:absolute;top:30px;right:10%;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center}

.dr_board_popup02 #bo_v_sns {margin:0 0 20px;padding:0;list-style:none;zoom:1}
.dr_board_popup02 #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup02 #bo_v_sns li {float:left;margin:0 5px 0 0}

/* 게시판 댓글 */
.dr_board_popup02 #bo_vc {margin:0 0 20px;padding:20px 10px 10px;border:1px solid #e5e8ec;background:#f5f8f9}
.dr_board_popup02 #bo_vc h2 {margin-bottom:5px}
.dr_board_popup02 #bo_vc article {padding:0 0 5px;border-top:1px dotted #ccc}
.dr_board_popup02 #bo_vc header {position:relative;padding:13px 0 5px}
.dr_board_popup02 #bo_vc header .icon_reply {position:absolute;top:13px;left:-20px}
.dr_board_popup02 #bo_vc .sv_member, 
.dr_board_popup02 #bo_vc .sv_guest {font-weight:bold}
.dr_board_popup02 .bo_vc_hdinfo {display:inline-block;margin:0 10px 0 5px}
.dr_board_popup02 #bo_vc h1 {width:0;height:0;font-size:0;line-height:0;overflow:hidden}
.dr_board_popup02 #bo_vc a {color:#000;text-decoration:none}
.dr_board_popup02 #bo_vc p {padding:0 0 5px;line-height:1.8em}
.dr_board_popup02 #bo_vc p a {text-decoration:underline}
.dr_board_popup02 #bo_vc p a.s_cmt {text-decoration:none}
.dr_board_popup02 #bo_vc_empty {margin:0;padding:15px !important;text-align:center}
.dr_board_popup02 #bo_vc #bo_vc_winfo {float:left}
.dr_board_popup02 #bo_vc footer {zoom:1}
.dr_board_popup02 #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}

.dr_board_popup02 .bo_vc_act {float:right;margin:0;list-style:none}
.dr_board_popup02 .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup02 .bo_vc_act li {float:left;margin-left:5px}

.dr_board_popup02 #bo_vc_w {position:relative;margin-bottom:10px;padding:0 10px 15px;border-bottom:1px solid #dde4e9}
.dr_board_popup02 #bo_vc_w h2 {padding:10px 0 5px}
.dr_board_popup02 #bo_vc_w .tbl_wrap {margin:0 0 15px}
.dr_board_popup02 #bo_vc_w #char_cnt {display:block;margin-bottom:5px}
.dr_board_popup02 #bo_vc_w textarea {width:99%}

.dr_board_popup02 #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1}
.dr_board_popup02 #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""}
.dr_board_popup02 #bo_vc_sns li {float:left;margin:0 10px 0 0}
.dr_board_popup02 #bo_vc_sns input {margin:0 0 0 5px}
.dr_board_popup02 #contents {
	/*background-color: #fbfbfb;*/
}

#popup_tab_con .list_con{max-height: 300px;overflow-y: auto;margin-top: 20px;}
#popup_tab_con ul.tabs {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

    /* 스크롤바의 폭 너비 */
#popup_tab_con ul.tabs::-webkit-scrollbar {
    height: 2px;  
}

#popup_tab_con ul.tabs::-webkit-scrollbar-thumb {
    background: #D9D9D9; 
    height: 3px;
    width: 60px;
}

#popup_tab_con ul.tabs::-webkit-scrollbar-track {
    background: #F5F5F5;  
}
#popup_tab_con ul.tabs li {
    cursor: pointer;
    padding: 0;
    border-right: 0;
    display: grid;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255, .3);
    margin-bottom: 20px;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .thumb-box{
    grid-column: 1 / 1;
    grid-row: 1 / 3;
    display: grid;
    grid-template-columns: 1fr;
    text-align: left;
    max-height: 90px;
}

#popup_tab_con ul.tabs li.active {
color:#fff;
}

.dr_board_popup02 .dr_board02 .note-wrap .list li.active .text-box .title{
    font-weight: 600;
    color: #fff;
    font-size: 16px;
}   
.dr_board_popup02 .dr_board02 .note-wrap .list li.active .hashtag .wrap{
    font-weight: 500;
    color: #fff;
    font-size: 12px;
}


#popup_tab_con .tab_container {max-width:900px;-webkit-box-sizing:border-box;box-sizing:border-box;}

#popup_tab_con .tab_content {display: none;text-align: center;}

#popup_tab_con .tab_content #video-player iframe{display: none;}
#popup_tab_con .tab_content.active #video-player iframe{display: block;}
#popup_tab_con .tab_content.active{display: block;}

#popup_tab_con .tab_content .text-box{}
#popup_tab_con .tab_content .text-box .title{
    line-height: 30px;
    font-size: 20px;
    color: #fff;
    font-weight: 600;
}
#popup_tab_con .tab_content .hashtag{

    margin-bottom: 20px;
}
#popup_tab_con .tab_content .hashtag .wrap{     
    font-size: 15px;
    color: #fff;
    font-weight: 400;
}

.dr_board02{
    height: calc(100% - 72px);
    box-sizing: border-box;
    padding: 20px 10px;
    overflow: hidden;
}
.dr_board_popup02 .dr_board02 .note-wrap{

}
.dr_board_popup02 .dr_board02 .note-wrap .list li:first-child{

}
.dr_board_popup02 .dr_board02 .note-wrap .list li:first-child a{
    padding: 20px 0;
}
.dr_board_popup02 .dr_board02 .note-wrap .list li a{
    display: block;
    padding:20px 0 20px 116px;
    position: relative;
    box-sizing: border-box;
}
.dr_board_popup02 .dr_board02 .note-wrap .list li:first-child a #video-player{
    display: block;
}
.dr_board_popup02 .dr_board02 .note-wrap .list li a #video-player{
    display: none;
}

.dr_board_popup02 .dr_board02 .note-wrap .list .thumb-box img{
    max-width: 100%;
    height: auto;
    max-height: 88px; 
    margin: 0 auto;
    max-width: 157px;
    overflow: hidden;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .text-box{
    grid-column: 2 / 2;
    grid-row: 1 / 1;
    display: grid;
    padding: 0 0 0 15px;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .hashtag{
	grid-column: 2 / 2;
	grid-row: 2 / 2;
	display: grid;
	grid-template-columns: 1fr;
	padding-left: 15px;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .text-box{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;max-height: 48px;}
.dr_board_popup02 .dr_board02 .note-wrap .list .text-box .title{
    color:#fff;
    font-size: 16px;
    letter-spacing: -0.05em;
    word-break: normal;
     word-wrap:break-word; 

}
.dr_board_popup02 .dr_board02 .note-wrap .list .hashtag .wrap{
    color:#fff;
    font-size: 12px;
    line-height: 12px;
    letter-spacing: -0.05em;
    overflow: hidden;
     text-overflow: ellipsis; 
     display: -webkit-box;
    -webkit-line-clamp: 1; 
     -webkit-box-orient: vertical; 
     word-wrap:break-word; 
     height: 12px;
}