@charset "euc-kr";
/* ----------------------------- 메인?�이지 ?��???----------------------------- */
/* 메인비주??*/
#mainVisual {position:relative; overflow:hidden; z-index:20}
body.scrollfix #mainVisual {margin-top:61px}
#mainVisual > .imgList {position:relative; height:960px}
#mainVisual > .imgList > li {position:absolute; top:0; left:100%; width:100%; height:960px; background-size:cover !important}
#mainVisual > .imgList > li.item1 {left:0; background:url(../img/main_t.jpg) center top no-repeat}
#mainVisual > .imgList > li.item2 {background:url(../img/main_nose.jpg) center top no-repeat}
#mainVisual > .imgList > li.item3 {background:url(../img/main_br.jpg) center top no-repeat}
#mainVisual > .imgList > li.item4 {background:url(../img/main_m.jpg) center top no-repeat}
#mainVisual > .imgList > li.item5 {background:url(../img/main_real.jpg) center top no-repeat}
#mainVisual > .direction a {position:absolute; top:50%; margin-top:-29px; z-index:30}
#mainVisual > .direction .prev {left:60px}
#mainVisual > .direction .next {right:60px}
/*#mainVisual > .pagination {position:absolute; bottom:380px; left:50%; width:1200px; margin-left:-600px; font-size:0; z-index:30;text-align:left;}*/
/*#mainVisual > .pagination > li {display:inline-block; font-size:13px; width:15px; height:15px; margin-right:8px; border-radius:50%; background:#fff; cursor:pointer}*/
/*#mainVisual > .pagination > li.active, #mainVisual > .pagination > li:hover {background:#fd999b}*/
/* ?�단 ?�?�드 배너 */
#wideBanner {position:relative; margin:-350px auto 0 auto; height:940px; z-index:30}
#wideBanner img {position:relative; left:50%; margin-left:-960px}
/* 메인?�이지 ?�션 공통 */
.section {position:relative}
.section > .innerContainer {position:relative; width:1200px; margin:auto}
.section > .innerContainer:after {clear:both; display:block; content:''}
.section .section-tit {margin-bottom:40px; text-align:center}
.section .section-tit h2 {font-family:'Nanum Myeongjo'; font-size:30px; font-weight:normal; color:#989898; margin-bottom:5px}
.section .section-tit h3 {font-size:18px; font-weight:600; color:#fd999b; letter-spacing:4px; text-transform:uppercase}
.section .section-tit h3 span {color:#25221d}
/* Before & After */
#section1 {margin:130px 0 30px 0}
#section1 .control-box {float:left; width:400px}
#section1 .control-box h2 {font-family:'Nanum Myeongjo'; font-size:60px; font-weight:normal; color:#fd999b; line-height:1.16; margin-bottom:25px}
#section1 .control-box h2 span {color:#3e414a}
#section1 .control-box h3 {font-family:'NBG'; font-size:19px; font-weight:600; color:#454f59}
#section1 .control-box .btngroup {margin:40px 0 50px 0; font-size:0}
#section1 .control-box .btngroup > button {width:40px; height:40px; margin-right:1px; font-size:12px; color:#fff; border:none; background:#454f59; cursor:pointer; outline:none}
#section1 .control-box .btngroup > button:hover {background:#dedede}
#section1 .control-box .tab-list li {position:relative; width:240px; height:40px; margin-bottom:10px; padding-left:30px; font-family:'NBG'; font-size:15px; color:#454f59; line-height:38px; border:1px solid #454f59; cursor:pointer; transition:all .1s ease}
#section1 .control-box .tab-list li:after {position:absolute; right:30px; font-family:'Pe-icon-7-stroke'; font-size:20px; content:'\e684'; color:#454f59}
#section1 .control-box .tab-list li.active, #section1 .control-box .tab-list li:hover {color:#fd999b; border-color:#fd999b}
#section1 .control-box .tab-list li .active:after, #section1 .control-box .tab-list li:hover:after {color:#fd999b}
#rollingBox {position:relative; float:right; width:800px; 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:1000%}
#rollingBox .rolling-box > .imgList > li {float:left; width:800px}
#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:12px 20px; font-size:18px; 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}
/* 3??롤링 ?�션 */
#section2 {margin-bottom:70px}
#grid-rolling {position:relative}
#grid-rolling > .slide-wrapper {position:relative; overflow:hidden}
#grid-rolling > .slide-wrapper > .imgList {position:relative; width:1000%}
#grid-rolling > .slide-wrapper > .imgList > li {float:left; width:400px}
#grid-rolling > .slide-wrapper > .imgList > li a img {display:block}
#grid-rolling > .control-btn > button {position:absolute; top:50%; width:50px; height:50px; font-size:28px; color:#d0d0d0; margin-top:-25px; border:none; background:transparent; cursor:pointer; outline:none}
#grid-rolling > .control-btn > button:hover {color:#aaa}
#grid-rolling > .control-btn > .prev {left:-90px}
#grid-rolling > .control-btn > .next {right:-90px}
/* 2???�?�드 배너 ?�션 */
#section3 {height:660px; background:url(../img/main_wide_btm_bg.jpg) center top no-repeat}
#section3 > .innerContainer {height:100%}
#section3 .spacer {display:table; width:100%; height:100%}
#section3 .left, #section3 .right {display:table-cell; height:100%; text-align:center; vertical-align:middle}
/* 그리??배너 ?�션 1 */
#section4 {padding:80px 0; background:#fee3e3}
#section4 div[class^=grid] a img {display:block}
#section4 .grid-left {float:left; margin-right:32px}
#section4 .grid-right {float:right}
#section4 .grid-right .top {margin-bottom:33px}
#section4 .grid-right .top .left {float:left; margin-right:34px}
#section4 .grid-right .top .right {float:right}
/* 그리??배너 ?�션 2 */
#section5 {padding:55px 0 0 0}
#section5 .grid > li {float:left; margin:0 14px 12px 0}
#section5 .grid > li.right-end {margin-right:0}
#section5 .grid > li.grid-center {margin-right:13px}
#section5 .grid > li.item-contact {width:391px; height:344px; padding:55px 50px 0 50px; background:#3e414a}
#section5 .grid > li.item-contact h2 {font-size:20px; font-weight:600; color:#ffffff; letter-spacing:1.5px; text-transform:uppercase; margin-bottom:15px}
#section5 .grid > li.item-contact strong {display:block; font-size:30px; color:#fd999b; margin-bottom:10px}
#section5 .grid > li.item-contact p {font-size:14px; color:#bbb; line-height:1.5; margin-bottom:20px}
#section5 .grid > li.item-contact .sns-list {font-size:0}
#section5 .grid > li.item-contact .sns-list li {display:inline-block; font-size: 14px; font-weight:600; color:#fff; line-height:1.28; margin-right:10px}
#section5 .grid > li.item-contact .sns-list li > a {display:block; width:36px; height:36px; font-size:23px; color:#2b2b2b; text-align:center; line-height:36px; border-radius:50%; background:#ffffff}
#section5 .grid > li.item-contact .sns-list li > a:hover {background:#c6a25f}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a {background:#ffffff}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a:hover {background:#f5e800}
#section5 .grid > li.item-contact .sns-list li.sns-kakao > a img {vertical-align:middle}
#main_map {width:809px; height:344px}

/* ----------------------------- ?�브?�이지 ?��???----------------------------- */
/* ?�브?�이지 ?�션 공통 */
.sub-section {position:relative; padding:60px 0}
.sub-section.no-padding {padding:0}
.sub-section > .innerContainer {position:relative; width:1200px; margin:auto}
.sub-section > .innerContainer:after {clear:both; display:block; content:''}
.sub-section .section-tit {margin-bottom:50px; text-align:center}
.sub-section .section-tit h2 {font-size:35px; font-weight:600; color:#3a3a3a; margin-bottom:10px}
.sub-section .section-tit h2 span {font-weight:300}
.sub-section .section-tit h3 {font-size:12px; font-weight:500; color:#888; letter-spacing:5px; text-transform:uppercase}
.sub-section .section-tit h3 span {color:#25221d}
/* 배경?�??컨텐�?*/
.container-bgtype {background-position:center top; background-repeat:no-repeat}
/* ?�료진소�?*/
.team-info {position:relative; margin-bottom:20px}
.team-info .info-box {position:absolute; bottom:0; left:0; padding:20px; background:rgba(0, 0, 0, .75); z-index:10}
.team-info .info-box span {display:block; margin-bottom:5px; font-size:15px; color:#a6a6a6}
.team-info .info-box h3 {font-size:18px; font-weight:normal; color:#fff; margin-bottom:20px}
.team-info .info-box p {font-size:15px; color:#fff}
/* 찾아?�시??�?*/
.location-wrapper {padding-top:30px}
.location-wrapper .leftArea {float:left; width:480px}
.location-wrapper .leftArea h3 {font-size:30px; font-weight:600; color:#000; margin-bottom:25px}
.location-wrapper .leftArea img {margin-bottom:25px}
.location-wrapper .leftArea h4 {font-size:20px; font-weight:600; color:#2b2b2b; margin-bottom:15px}
.location-wrapper .leftArea p {font-size:16px; margin-bottom:5px}
.location-wrapper .leftArea strong {display:block; font-size:30px; font-weight:600; color:#3e414a}
.location-wrapper .rightArea {float:right; width:650px}
.location-wrapper .rightArea #map {width:650px; height:400px}
/* ?�러보기 */
#facilitySlider .big-thumb {position:relative; margin-bottom:50px}
#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 {position:absolute; display:table; bottom:0; left:0; width:100%; table-layout:fixed; border-spacing:1px; border-collapse:separate}
#facilitySlider .big-thumb .floor-tab > li {display:table-cell; width:auto; height:40px; padding-left:15px; color:#3e414a; vertical-align:middle; background:rgba(242, 245, 255, .8); cursor:pointer}
#facilitySlider .big-thumb .floor-tab > li.active {color:#fff; background:rgba(62, 65, 74, .8)}
#facilitySlider .floor-container .floor-info {display:none}
#facilitySlider .floor-container .floor-info h2 {font-size:40px; font-weight:300; color:#3e414a; margin-bottom:40px}
#facilitySlider .floor-container .floor-info.active {display:block}
#facilitySlider .floor-container .floor-info .thumb-list {margin:0 -10px}
#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:33.333334%; margin-bottom:20px; padding:0 10px; cursor:pointer}
#facilitySlider .floor-container .floor-info .thumb-list > li:before {position:absolute; top:0; left:10px; right:10px; bottom:0; content:''; border:0px solid #be9356; transition:all .25s ease}
#facilitySlider .floor-container .floor-info .thumb-list > li.selected:before, #facilitySlider .floor-container .floor-info .thumb-list > li:hover:before {border-width:6px}
#facilitySlider .floor-container .floor-info .thumb-list > li img {display:block; width:100%}
/* ----------------------------- ?�토갤러�?게시???��???----------------------------- */
/* 리스???�이지 */
.photo_list_wrapper {margin:0 -15px}
.photo_list_wrapper:after {clear:both; display:block; content:''}
.photo_list_wrapper.brd-grid-1 > table {width:100%}
.photo_list_wrapper.brd-grid-2 > table {width:50%}
.photo_list_wrapper.brd-grid-3 > table {width:33.3333334%}
.photo_list_wrapper.brd-grid-4 > table {width:25%}
.photo_list_wrapper.brd-grid-5 > table {width:20%}
.photo_list_wrapper > table {float:left; margin-bottom:30px; padding:0 15px}
.photo_list_wrapper > table.board {float:none; clear:both; width:100% !important; padding:0}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a {position:relative; display:block}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:before {position:absolute; top:0; left:0; width:100%; height:100%; content:''; border:0 solid #be9356; transition:all .3s; z-index:30; box-sizing:border-box}
.photo_list_wrapper > table .bbsnewf5 td[valign="bottom"] a:hover:before {border-width:5px}
.photo_list_wrapper > table .bbsnewf5 a img {display:block; width:100%; height:auto; transition:all .3s}
.photo_list_wrapper > table .bbsnewf5 a:hover img {opacity:.8; filter:alpha(opacity='80')}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject {padding:10px 0}
.photo_list_wrapper > table .bbsnewf5 .gallery_subject .gallery_title {font-family:inherit !important; font-size:14px; color:#555}
.image_sublist {display:none}
.tbl_board {margin-bottom:30px; border-top:2px solid #666}
.tbl_board th, .tbl_board td {font-family:inherit !important; padding:15px !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; height:35px; padding-left:10px; border:1px solid #dedede; background:#fff}
.tbl_board select {font-family:inherit !important; font-size:inherit !important; min-width:120px; height:35px; padding-left:10px; 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}
/* ----------------------------- 게시??공통 ?��???----------------------------- */
/* ?�합 ?�트 관??*/
.board, .bbsnewf5 {font-family:inherit !important; font-size:inherit !important}
/* 카테고리 */
.brd_category {display:none}
.board_tab {margin-bottom:30px}
.board_tab > ul {display:table; width:100%; table-layout:fixed}
.board_tab > ul > li {display:table-cell; width:auto}
.board_tab > ul > li > a {display:block; width:100%; height:100%; height:55px; font-size:16px; color:#3e414a; text-align:center; line-height:55px; border:1px solid #d0d0d0; border-left:none}
.board_tab > ul > li:first-child > a {border-left:1px solid #d0d0d0}
.board_tab > ul > li.on > a {color:#fff; border-color:#be9356; background:#be9356 !important}
.board_tab > ul > li > a#bo_cate_on {color:#fff; border-color:#d0d0d0 !important; background:#fd999b !important}
.board_tab > ul > li:hover > a {background:#fffcfc}
/* ?�단 글?�기 버튼 */
.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:36px; height:36px; margin:0 3px; font-size:14px; text-align:center; line-height:34px; 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}
#ext_search > table {margin:0 auto}
#ext_search select {min-width:80px; height:35px; margin-right:2px; padding-left:10px; border:1px solid #dedede}
#ext_search input[type=text] {height:35px; margin-right:2px; padding:0 10px; border:1px solid #dedede}
/* ?��? ?�역 */
.board_comment_bgcolor {margin-bottom:30px}

/* ----------------------------- ?�약 관???��???----------------------------- */
/* ?�약 캘린??*/
.reserveWrapper .pickMonth {text-align:center; margin-bottom:30px}
.reserveWrapper .pickMonth .btn {padding:0 15px !important}
.reserveWrapper .pickMonth .btn i {margin:0}
.reserveWrapper .pickMonth #cur {display:inline-block; margin:0 15px; font-size:16px; color:#be9356; letter-spacing:2px}
.tbl_calendar {width:100%; border-top:2px solid #666; table-layout:fixed}
.tbl_calendar thead th {padding:20px 0; font-size:15px; color:#333; border-left:1px solid #e5e5e5; border-bottom:1px solid #dedede}
.tbl_calendar thead th span {font-size:10px !important; font-weight:500 !important; letter-spacing:3px; opacity:.5}
.tbl_calendar thead th:first-child {border-left:none}
.tbl_calendar tbody td {padding:20px; 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-top:30px; padding:30px; border:1px solid #dedede; background:#f9f9f9}
#order_list h3 {font-size:15px; font-weight:normal; color:#222; margin-bottom:20px}
#order_list ul > li {color:#777; line-height:1.65}
#order_list input[type=button] {padding:10px 45px; 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:15%; 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 .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}

/* ?�약?�인 �?취소 */
h2.reservation-title {margin-bottom:20px; font-size:16px; font-weight:normal; color:#333}
h2.reservation-title:before {display:inline-block; width:6px; height:2px; margin-right:7px; content:''; background:#be9356; vertical-align:6px}
.reservation-box {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}
/* ----------------------------- ?�원 관???��???----------------------------- */
/* ?�원 관??공통 ?�소 */
.member-box h2 {font-size:28px; font-weight:300; color:#be9356; margin-bottom:30px}
.member-box h3 {font-size:16px; font-weight:normal; color:#4b4b4b; margin-bottom:20px}
.member-box h4 {font-size:15px; font-weight:600; color:#555; margin-bottom:10px}
.member-box input[type=text], .member-box input[type=password] {display:block; width:100%; height:45px; margin-bottom:10px; padding:10px; border:1px solid #dedede; background:#f9f9f9}
.member-box .btn-confirm {display:block; width:100%; height:45px; font-size:15px; color:#fff; border:none; background:#be9356; cursor:pointer; outline:none}
.member-box .btn-confirm:hover {background:#b58c52}
.member-btm-btn {margin-top:30px; text-align:center}
.member_td_bgcolor {color:#4b4b4b; background:#f4f4f4}
/* 로그?�페?��? */
.loginWrapper {position:relative}
.loginWrapper:after {clear:both; display:block; content:''}
.loginWrapper > .login-box {float:right; width:560px; padding:30px; border:1px solid #e5e5e5}
.loginWrapper > .login-box:first-child {float:left}
.loginWrapper > .login-box .helpList {margin-top:30px; padding-top:20px; 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 {width:560px; margin:auto; padding:30px; 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 25px !important; height:35px !important; font-family:inherit !important; font-size:14px !important; color:#3e414a !important; text-align:center; line-height:33px !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 {font-size:12px !important; line-height:23px !important; padding:0 15px !important; height:25px !important}
.btn.btn-link:hover {border-color:#aaa; background:#f9f9f9}
.btn i {margin-right:7px; vertical-align:0}
.btn.right-icon i {margin:0 0 0 7px}
/* ----------------------------- ??공통 ?��???----------------------------- */
.tab-primary {display:table; width:100%; margin-bottom:30px; table-layout:fixed}
.tab-primary > li {display:table-cell; width:auto; height:55px; text-align:center; vertical-align:middle}
.tab-primary > li a {display:block; width:100%; height:100%; font-size:16px; color:#3e414a; line-height:55px; text-align:center; border:1px solid #f6f6f6; border-left:none}
.tab-primary > li:first-child a {border-left:1px solid #d5d5d5}
.tab-primary > li.active a {color:#fff; border-color:#f6f6f6; background:#fd999b !important}
.tab-primary > li:hover a {background:#fffcfc}




/* 20220314 ?�터?�노???�업 */
.dr_popup_wrap{
    /* display: none; */
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index: 2000;
    pointer-events:none;
}
.dr_popup_wrap .img_popup{
    position: fixed;
    left: 110px;
    bottom: 80px;
    width: 248px;
    z-index: 10;
    -webkit-transition: width 0.2s ease, opacity 0.2s ease;
    -moz-transition: width 0.2s ease, opacity 0.2s ease;
    -ms-transition: width 0.2s ease, opacity 0.2s ease;
    -o-transition: width 0.2s ease, opacity 0.2s ease;
    transition: width 0.2s ease, opacity 0.2s ease;
    opacity: 0.8;
}
.dr_popup_wrap .img_popup:hover {
    width: 310px;
    opacity: 1;
}
.dr_popup_wrap .img_popup button{
    border:0;
    background:transparent;
    cursor: pointer;
    display: block;
    width: 100%;
}
.dr_popup_wrap .img_popup img{
    display: block;
    max-width:100%;
    margin:0 auto;
}
.dr_popup_wrap>*{
    pointer-events:auto;
}
.dr_board_popup{
    display: none;
    width:375px;
    height:534px;
    position:absolute;
    left: 110px;
    bottom: 30px;
    z-index:20;
    background:#fff;
    overflow: hidden;
    max-width: 100%;
    box-sizing: border-box;
    max-height: 100%;
    border:1px solid #DCDCDC;
}
.dr_board_popup .board_top{
    position: relative;
    font-weight:700;
    color:#333;
    font-size:20px;
    display: flex;
    align-items:center;
    border-bottom: 2px solid #DCDCDC;
    padding:20px 0;
    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: #333333;
}
.dr_board_popup .board_top .btn_back{
    margin-right: 33.5px;
    display: none;
}
.dr_board_popup .board_top .btn_close{
    position:absolute;
    right:0;
    top:50%;
    transform: translate(0,-50%);
}
.dr_board_popup .board_top .btn_close img,
.dr_board_popup .board_top .btn_back img{
    display: block;
}
.dr_board{
    height: calc(100% - 62px);
    overflow: auto;
    box-sizing: border-box;
    padding-bottom: 70px;
}

.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;
}
.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:#333;
    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:#333;
    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 #DCDCDC;
}
.dr_board_popup .pg_wrap{}
.dr_board_popup nav.pg_wrap {
    font-size: 18px;
    position: absolute;
    background-color: #fff;
    left:16.5px;
    right:16.5px;
    bottom:0;
    top:inherit;
	margin: 0 auto;
    padding:20px 0;
    box-sizing: border-box;
    width: auto;
}
.dr_board_popup nav.pg_wrap:before{
    content: '';
    height: 1px;
    background-color: #dcdcdc;
    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 #dcdcdc;
    border-radius: 4px;
    font-size: 0.7em;
    font-weight: 500;
    background-color: #fff;
    color: #000;
	padding: 0;
}

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

.dr_board_popup nav.pg_wrap .pg_prev
, .dr_board_popup nav.pg_wrap .pg_next {
    font-size: 0.6em;
    background-image: none;
    text-indent: 0;
    width: 4em;
    height: 3.1em;
    line-height: 3.1em;
    text-align: right;
    padding: 0 1em;
    box-sizing: content-box;
    color: #000;
	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:#333;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 #ddd;text-align: right;padding:0 24px 10px;font-size:10px;line-height:12px;color:#333;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: #333;
}

.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:15px;line-height:1.7em;word-break:break-all;overflow:hidden;margin-top: 20px;}
.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;*/
}

.dr_board_popup .ui-icon, .ui-widget-content .ui-icon{
    position: absolute;
    right:0;
    bottom:0;
    z-index: 2;
}
.dr_board_popup .ui-icon, .ui-widget-content .ui-icon:after{
    content: '';
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-bottom: 15px solid #7a9fba;
    border-right: 0px solid transparent;
    border-left: 15px solid transparent;
    cursor: pointer;
}

/* 20240112 modify  */
.dr_popup_wrap02{
    /* display: none; */
    position:fixed;
    left:0;
    top:0;
    bottom:0;
    right:0;
    z-index: 2000;
    pointer-events:none;
}
.dr_popup_wrap02 .img_popup02{
    position: fixed;
    left: 110px;
    bottom: 350px;
    width: 248px;
    z-index: 10;
    -webkit-transition: width 0.2s ease, opacity 0.2s ease;
    -moz-transition: width 0.2s ease, opacity 0.2s ease;
    -ms-transition: width 0.2s ease, opacity 0.2s ease;
    -o-transition: width 0.2s ease, opacity 0.2s ease;
    transition: width 0.2s ease, opacity 0.2s ease;
    opacity: 0.8;
}
.dr_popup_wrap02 .img_popup02:hover {
    width: 310px;
    opacity: 1;
}
.dr_popup_wrap02 .img_popup02 button{
    border:0;
    background:transparent;
    cursor: pointer;
    display: block;
    width: 100%;
}
.dr_popup_wrap02 .img_popup02 img{
    display: block;
    max-width:100%;
    margin:0 auto;
}
.dr_popup_wrap02>*{
    pointer-events:auto;
}
.dr_board_popup02{
    display: none;
    width:375px;
    height: 590px;
    position:absolute;
    left: 367px;
    bottom: 80px;
    z-index:20;
    background:#fff;
    max-width: 100%;
    box-sizing: border-box;
    max-height: 100%;
    border:1px solid #DCDCDC;
    overflow: hidden;
}
.dr_board_popup02 .board_top02{
    position: relative;
    font-weight:700;
    color:#333;
    font-size:20px;
    display: flex;
    align-items:center;
    border-bottom: 2px solid #DCDCDC;
    padding:20px 0;
    margin:0 24px;
}
.dr_board_popup02 .board_top02 p{
    font-family: 'Noto Sans KR';
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    letter-spacing: -0.05em;
    color: #333333;
}
.dr_board_popup02 .board_top02 .btn_back{
    margin-right: 33.5px;
    display: none;
}
.dr_board_popup02 .board_top02 .btn_close{
    position:absolute;
    right:0;
    top:50%;
    transform: translate(0,-50%);
}
.dr_board_popup02 .board_top02 .btn_close img,
.dr_board_popup02 .board_top02 .btn_back img{
    display: block;
}
.dr_board02{
    padding: 20px 10px;
    overflow-y: scroll;
    height: calc(100% - 102px);
}
/* 스크롤바의 폭 너비 */
.dr_board::-webkit-scrollbar {
    width: 6px;
    cursor: pointer;

}

.dr_board::-webkit-scrollbar-thumb {
background: #D9D9D9;
width: 5px;

}

.dr_board::-webkit-scrollbar-track {
background: #F5F5F5;
}
/* 스크롤바의 폭 너비 */
.dr_board02::-webkit-scrollbar {
width: 6px;
cursor: pointer;

}

.dr_board02::-webkit-scrollbar-thumb {
background: #D9D9D9;
width: 5px;

}

.dr_board02::-webkit-scrollbar-track {
background: #F5F5F5;
}

.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;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .text-box{

}
.dr_board_popup02 .dr_board02 .note-wrap .list .text-box .title{
    color:#333;
    font-size: 14px;
    line-height: 24px;
    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: 24px;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .text-box .txt,
.dr_board_popup02 .dr_board02 .note-wrap .list .text-box .more{
    display: none;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .hashtag{
    margin-bottom: 20px;
}
.dr_board_popup02 .dr_board02 .note-wrap .list .hashtag .wrap{
    color:#666;
    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;
}
.dr_board_popup02 .dr_board02 .note-wrap .list+.list,
.dr_board_popup02 .dr_board02 .note-wrap .list li+li{

}
.dr_board_popup02 .pg_wrap{}
.dr_board_popup02 nav.pg_wrap {
    font-size: 18px;
    position: absolute;
    background-color: #fff;
    left:16.5px;
    right:16.5px;
    bottom:0;
    top:inherit;
	margin: 0 auto;
    padding:20px 0;
    box-sizing: border-box;
    width: auto;
}
.dr_board_popup02 nav.pg_wrap:before{
    content: '';
    height: 1px;
    background-color: #dcdcdc;
    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 #dcdcdc;
    border-radius: 4px;
    font-size: 0.7em;
    font-weight: 500;
    background-color: #fff;
    color: #000;
	padding: 0;
}

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

.dr_board_popup02 nav.pg_wrap .pg_prev
, .dr_board_popup02 nav.pg_wrap .pg_next {
    font-size: 0.6em;
    background-image: none;
    text-indent: 0;
    width: 4em;
    height: 3.1em;
    line-height: 3.1em;
    text-align: right;
    padding: 0 1em;
    box-sizing: content-box;
    color: #000;
	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:#333;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 #ddd;text-align: right;padding:0 24px 10px;font-size:10px;line-height:12px;color:#333;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: #333;
}

.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:15px;line-height:1.7em;word-break:break-all;overflow:hidden;margin-top: 20px;}
.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;*/
}

.dr_board_popup02 .ui-icon, .ui-widget-content .ui-icon{
    position: absolute;
    right:0;
    bottom:0;
    z-index: 2;
}
.dr_board_popup02 .ui-icon, .ui-widget-content .ui-icon:after{
    content: '';
    position: absolute;
    right: 5px;
    bottom: 5px;
    border-bottom: 15px solid #7a9fba;
    border-right: 0px solid transparent;
    border-left: 15px solid transparent;
    cursor: pointer;
}


#popup_tab_con ul.tabs {
    width: 100%;
    color:#555;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
}

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

#popup_tab_con ul.tabs::-webkit-scrollbar-thumb {
    background: #D9D9D9;
    height: 5px;
    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;
    margin-right: 10px;
    position: relative;
    padding-top: 86px;
    padding-bottom: 10px;
    opacity: .7;
    max-width: 140px;
}
#popup_tab_con ul.tabs li.swiper-slide-active{
    opacity: 1;
}

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

.dr_board_popup02 .dr_board02 .note-wrap .list li.swiper-slide-active .text-box .title{
    font-weight: 600;
    color: #636AC6;
}
.dr_board_popup02 .dr_board02 .note-wrap .list li.swiper-slide-active .hashtag .wrap{
    font-weight: 500;
    color: #636AC6;
}


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

#popup_tab_con .tab_content {
padding: 0 0 20px;
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: #333;
    font-weight: 600;
}
#popup_tab_con .tab_content .hashtag{
    line-height: 15px;
    font-size: 15px;
    color: #333;
    font-weight: 400;
    margin-bottom: 20px;
}
#popup_tab_con .tab_content .hashtag .wrap{}
#list_con{
    position: relative;
    padding: 0;
}
#list_con .swiper-container {
	overflow: hidden;
  }

#list_con .swiper-container::-webkit-scrollbar {
height: 6px;
cursor: pointer;
}

#list_con .swiper-container::-webkit-scrollbar-thumb {
background: #D9D9D9;
height: 5px;

}

#list_con .swiper-container::-webkit-scrollbar-track {
background: #F5F5F5;
}


  #list_con .navigation-wrapper {
	  position: absolute;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  z-index: 0;
  }

  #list_con .swiper-nav-btn {
    height: 20px;
    color: #575757;
    position: absolute;
    top: 50%;
    right: 0;
    background: #fff;
    z-index: 5;
    font-size: 20px;
    text-align: center;
    cursor: pointer;
    margin-top: -20px;
  }

  #list_con .swiper-nav-btn.swiper-button-disabled {
	  opacity: 0.3;
  }

  #list_con .swiper-prev-btn {
	  right: auto;
	  left: 0;
  }
.dr_board_popup02 .dr_board02 .note-wrap .list .thumb-box{
    position: absolute;
    left:0;
    top:0;
    width: 138px;
    height: 78px;
}
.dr_board_popup02 .dr_board02 .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;
}

#video-player{

}
#video-player .youtube{}