@import url("reset.css");

.share-area {width:100%; box-sizing:border-box; font-family: 'Noto Sans KR', sans-serif !important; padding-bottom:100px; border-bottom:1px solid #d9d9d9;}
.share-area a, .share-area p, .share-area h1, .share-area h2, .share-area h3 {font-family: 'Noto Sans KR', sans-serif !important;}

.share-area.popup {width:1300px; padding:0; border:none; margin:0 auto;}

.share-area .button {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.share-area .button a {display:table; width:100%; height:100%; box-sizing:border-box; text-align:center; z-index:10; position:relative;}
.share-area .button p {display:table-cell; vertical-align:middle; padding:0 30px; font-size:14px; font-weight:500; position:relative;}
.share-area .button.ty-1 {height:50px; border-radius:50px;}
.share-area .button.ty-2 {height:45px; border-radius:45px; min-width:230px; text-align:center;}
.share-area .button.ty-b {background:#222;}
.share-area .button.ty-b a, .share-area .button.ty-b p {color:#fff;}
.share-area .button.ty-s {background:#070707;}
.share-area .button.ty-s a, .share-area .button.ty-s p {color:#fff;}

.share-area > .title {width:100%; height:88px; box-sizing:border-box; border-bottom:1px solid #d9d9d9; display:table; padding:0 50px;}
.share-area > .title > .inner {width:100%; display:table-cell; vertical-align:middle; font-size:0;}
.share-area > .title > .inner > * {display:inline-block; vertical-align:middle;}
.share-area > .title > .inner > h1 {width:calc(100% - 178px); font-family:adobe-gothic-std, sans-serif !important; font-size:23px; letter-spacing:-0.8px; font-weight:700;}
.share-area > .title > .inner > .btn-upload {width:178px; height:50px; border-radius:50px; background:#222; text-align:center;}
.share-area > .title > .inner > .btn-upload a {display:block; width:100%; height:100%; padding:0 30px; box-sizing:border-box;}
.share-area > .title > .inner > .btn-upload p {display:inline-block; max-width:100%; padding-right:35px; box-sizing:border-box; font-size:14px; font-weight:500; line-height:50px; position:relative; color:#fff;}
.share-area > .title > .inner > .btn-upload p:before {content:""; width:22px; height:18px; background:url(/img/share/icon_upload.svg) center no-repeat; background-size:auto 100%; position:absolute; right:0; top:50%; z-index:0; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

.share-area > .contents-area {width:100%; box-sizing:border-box; padding:25px 50px;}
.share-area.popup > .contents-area {width:1300px; padding:30px !important;}
.share-area > .contents-area .select-box {min-width:100px; height:45px; box-sizing:border-box; position:relative; cursor:pointer;}
.share-area > .contents-area .select-box:before {content:""; width:0; height:0; border-top:5px solid #121212; border-left:4px solid transparent; border-right:4px solid transparent; position:absolute; right:10px; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.share-area > .contents-area .select-box .select-option {width:100%; height:100%; display:table; box-sizing:border-box; padding:0 25px 0 10px;}
.share-area > .contents-area .select-box .select-option p {display:table-cell; vertical-align:middle; font-size:18px;}
.share-area > .contents-area .select-box .option-list {width:max-content; max-height:200px; position:absolute; left:0; top:48px; box-sizing:border-box; background:#fff; border:1px solid #d9d9d9; overflow-x:hidden; overflow-y:auto; z-index:100; display:none;}
.share-area > .contents-area .select-box .option-list .list-inner {width:100%; height:100%;}
.share-area > .contents-area .select-box .option-list .list-inner ul li {width:100%; display:block;}
.share-area > .contents-area .select-box .option-list .list-inner ul li label {width:100%; display:inline-block; padding:10px 30px; font-size:18px; cursor:pointer;}
.share-area > .contents-area .select-box .option-list .list-inner ul li [type=checkbox],
.share-area > .contents-area .select-box .option-list .list-inner ul li [type=radio] {display:none;}
.share-area > .contents-area .select-box .option-list .list-inner ul li.on label {color:#c10505;}
.share-area > .contents-area .select-box .option-list .list-inner ul li:hover label {background:#f2f2f2;}
.share-area > .contents-area .select-box .option-list .mCSB_inside > .mCSB_container {margin-right:0;}
.share-area > .contents-area .select-box .option-list .mCSB_scrollTools {height:90%; top:50%; -wekbit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}

.share-area > .contents-area .share-tab {width:100%; margin-top:30px;}
.share-area > .contents-area .share-tab ul {width:100%; box-sizing:border-box; border:solid #d9d9d9; border-width:1px 0 0 1px; font-size:0;}
.share-area > .contents-area .share-tab ul li {display:inline-block; vertical-align:middle; width:10%; height:55px; box-sizing:border-box; border:solid #d9d9d9; border-width:0 1px 1px 0; text-align:center; position:relative;}
.share-area > .contents-area .share-tab ul li a {display:table; width:100%; height:100%; table-layout:fixed;}
.share-area > .contents-area .share-tab ul li a p {display:table-cell; vertical-align:middle; font-size:16px; font-weight:300; letter-spacing:-0.5px; color:#000; word-wrap:break-word; word-break:keep-all;}
.share-area > .contents-area .share-tab ul li.on:before {content:""; width:100%; height:2px; background:#c10505; position:absolute; left:0; bottom:-1px;}
.share-area > .contents-area .share-tab .btn-more {margin-top:10px; text-align:right;}
.share-area > .contents-area .share-tab .btn-more p {display:inline-block; vertical-align:middle; font-size:18px; font-weight:400; letter-spacing:-0.5px; cursor:pointer;}

.share-area > .contents-area .page-nav {width:100%;}
.share-area > .contents-area .page-nav ul {width:100%; font-size:0;}
.share-area > .contents-area .page-nav ul li {display:inline-block; vertical-align:middle; width:50%; box-sizing:border-box;}
.share-area > .contents-area .page-nav ul li:nth-child(1) {text-align:left;}
.share-area > .contents-area .page-nav ul li:nth-child(2) {text-align:right;}

.share-area > .contents-area .share-paging {width:100%; font-size:0; text-align:center; margin-top:50px;}
.share-area > .contents-area .share-paging > * {display:inline-block; vertical-align:middle; box-sizing:border-box; margin-left:10px;}
.share-area > .contents-area .share-paging > *:nth-child(1) {margin-left:0;}
.share-area > .contents-area .share-paging .btn {width:30px; height:30px; box-sizing:border-box; border:1px solid #d9d9d9; position:relative;}
.share-area > .contents-area .share-paging .btn a {display:block; width:100%; height:100%; font-size:0; position:relative; z-index:10;}
.share-area > .contents-area .share-paging .btn:before, 
.share-area > .contents-area .share-paging .btn:after {content:""; width:0; height:0; position:absolute; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); z-index:0;}
.share-area > .contents-area .share-paging .btn.btn-begin:before,
.share-area > .contents-area .share-paging .btn.btn-begin:after,
.share-area > .contents-area .share-paging .btn.btn-prev:before,
.share-area > .contents-area .share-paging .btn.btn-prev:after {border-right:7px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.share-area > .contents-area .share-paging .btn.btn-begin:before {left:6px;}
.share-area > .contents-area .share-paging .btn.btn-begin:after {left:13px;}
.share-area > .contents-area .share-paging .btn.btn-prev:before {left:10px;}
.share-area > .contents-area .share-paging .btn.btn-prev:after {display:none;}
.share-area > .contents-area .share-paging .btn.btn-next:before,
.share-area > .contents-area .share-paging .btn.btn-next:after,
.share-area > .contents-area .share-paging .btn.btn-end:before,
.share-area > .contents-area .share-paging .btn.btn-end:after {border-left:7px solid #000; border-top:5px solid transparent; border-bottom:5px solid transparent;}
.share-area > .contents-area .share-paging .btn.btn-end:before {left:7px;}
.share-area > .contents-area .share-paging .btn.btn-end:after {left:14px;}
.share-area > .contents-area .share-paging .btn.btn-next:before {left:11px;}
.share-area > .contents-area .share-paging .btn.btn-next:after {display:none;}
.share-area > .contents-area .share-paging ul {width:auto; font-size:0;}
.share-area > .contents-area .share-paging ul li {display:inline-block; vertical-align:middle; min-width:30px; height:30px; box-sizing:border-box; border:1px solid #d9d9d9; position:relative; text-align:center; margin-left:10px; padding:0 5px;}
.share-area > .contents-area .share-paging ul li:nth-child(1) {margin-left:0;}
.share-area > .contents-area .share-paging ul li a {display:table; width:100%; height:100%; box-sizing:border-box;}
.share-area > .contents-area .share-paging ul li a p {display:table-cell; vertical-align:middle; font-size:12px; color:#000;}
.share-area > .contents-area .share-paging ul li.on:before {content:""; width:100%; height:2px; background:#d81712; position:absolute; left:0; bottom:0;}

.share-area .share-search {width:100%; max-width:400px; box-sizing:border-box; font-size:0; border-bottom:3px solid #121212; margin:0 auto;}
.share-area .share-search > * {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.share-area .share-search .input-box {width:calc(100% - 100px);}
.share-area .share-search .input-box > .wrap {width:100%; font-size:0;}
.share-area .share-search .input-box > .wrap > * {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.share-area .share-search .input-box input[type="text"] {width:calc(100% - 45px); height:45px; box-sizing:border-box; padding:0 10px; border:none; background:none; outline:none;}
.share-area .share-search .input-box .btn-search {width:45px; height:45px; background:url(/img/share/icon_search.svg) center no-repeat; background-size:auto 25px;}
.share-area .share-search .input-box .btn-search a {display:block; width:100%; height:100%; font-size:0;}

.share-area .share-img-list {width:100%; margin:50px auto;}
.share-area .share-img-list .list-wrap {width:100%; max-width:1802px; margin:0 auto; -webkit-column-count:4; -moz-column-count:4; column-count:4;}
.share-area .share-img-list .list-wrap .list-box {-webkit-column-break-inside:avoid; page-break-inside:avoid; break-inside:avoid; margin-bottom:15px; position:relative; transform:translateZ(0); z-index:10;}
.share-area .share-img-list .list-wrap .list-box .thumnail {width:100%; position:relative;}
.share-area .share-img-list .list-wrap .list-box .thumnail img {max-width:100%; height:auto; display:block; margin:0 auto;}
.share-area .share-img-list .list-wrap .list-box .func {width:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.4); box-sizing:border-box; padding:0 20px; font-size:0; display:none;}
.share-area .share-img-list .list-wrap .list-box .func > * {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.share-area .share-img-list .list-wrap .list-box .func h1 {width:calc(100% - 110px); font-size:15px; color:#fff; font-weight:400;}
.share-area .share-img-list .list-wrap .list-box .func .control {width:110px;}
.share-area .share-img-list .list-wrap .list-box .func .control ul {width:100%; text-align:right; font-size:0;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li {display:inline-block; vertical-align:middle; margin-left:10px; padding:15px 0; box-sizing:border-box; position:relative; z-index:10; }
.share-area .share-img-list .list-wrap .list-box .func .control ul li:nth-child(1) {margin-left:0;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li a {display:block; width:100%; height:100%;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li i {width:30px; height:30px; display:inline-block; vertical-align:middle; font-size:0;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li i.bookmark {background:url(/img/share/icon_star.svg) center no-repeat; background-size:auto 18px;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li i.download {background:url(/img/share/icon_down.svg) center no-repeat; background-size:auto 18px;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li i.zoom {background:url(/img/share/icon_zoom.svg) center no-repeat; background-size:auto 18px;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li:hover i.bookmark,
.share-area .share-img-list .list-wrap .list-box .func .control ul li i.bookmark.on {background:url(/img/share/icon_star_on.svg) center no-repeat; background-size:auto 18px;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li:hover i.download,
.share-area .share-img-list .list-wrap .list-box .func .control ul li i.download.on {background:url(/img/share/icon_down_on.svg) center no-repeat; background-size:auto 18px;}
.share-area .share-img-list .list-wrap .list-box .func .control ul li:hover i.zoom,
.share-area .share-img-list .list-wrap .list-box .func .control ul li i.zoom.on {background:url(/img/share/icon_zoom_on.svg) center no-repeat; background-size:auto 18px;}
.share-area .share-img-list .list-wrap .download-tab {width:100%; background:#fff; box-sizing:border-box; border:1px solid #d9d9d9; position:absolute; z-index:100; display:none;}
.share-area .share-img-list .list-wrap .download-tab .btn {width:100%; height:45px; background:#fff; text-align:center;}
.share-area .share-img-list .list-wrap .download-tab .btn a {display:table; width:100%; height:100%; box-sizing:border-box; padding:5px 10px;}
.share-area .share-img-list .list-wrap .download-tab .btn a p {display:table-cell; vertical-align:middle; font-size:16px; letter-spacing:-1px; color:#000;}
.share-area .share-img-list .list-wrap .download-tab .btn:hover {background:#f2f2f2;}
.share-area .share-img-list .list-wrap .download-tab .btn:hover a p {color:#c10505;}
.share-area .share-img-list .list-wrap .download-tab.active {display:block;}
.share-area .share-img-list .list-wrap .zoom-box {width:auto; max-width:600px; max-height:80vh; box-sizing:border-box; background:#fff; padding:15px; position:absolute; z-index:100; display:block; left:-10000px; top:-10000px; visibility:hidden;}
.share-area .share-img-list .list-wrap .zoom-box img {max-width:100%; max-height:100%; display:block; margin:0 auto;}
.share-area .share-img-list .list-wrap .zoom-box.active {display:block; visibility:visible;}


/*¸ÞÀÎ*/
.share-main .top-txt {width:100%; height:200px; background:url(/img/share/txt_box_bg.png) right center no-repeat; background-size:auto 100%; background-color:#393a6a; box-sizing:border-box; padding:10px 60px; display:table; margin-bottom:30px;}
.share-main .top-txt > .txt-box {width:100%; display:table-cell; vertical-align:middle; color:#fff;}
.share-main .top-txt > .txt-box > h1 {font-size:36px; font-weight:700; letter-spacing:-1px; margin-bottom:10px; color:#fff;}
.share-main .top-txt > .txt-box > .txt {font-size:18px; font-weight:400; letter-spacing:-1px; line-height:1.4; word-wrap:break-word; word-break:keep-all;}


/*»ó¼¼º¸±â*/
.share-view > .inner {width:100%; box-sizing:border-box;}
.share-view .view-area {width:100%; box-sizing:border-box;}
.share-view .view-area .detail-box {width:100%; box-sizing:border-box; font-size:0;}
.share-view .view-area .detail-box > * {display:inline-block; vertical-align:top; box-sizing:border-box; position:relative;}
.share-view .view-area .detail-box .img-box {width:600px; height:600px; background:#e6e6e6;}
.share-view .view-area .detail-box .img-box .img {width:100%; height:0; padding-bottom:100%; position:relative; overflow:hidden;}
.share-view .view-area .detail-box .img-box .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.share-view .view-area .detail-box .cont-box {width:640px; padding-left:30px;}
.share-view .view-area .detail-box .cont-box > .wrap {width:100%;}
.share-view .view-area .detail-box .cont-box > .wrap .cont {width:100%; box-sizing:border-box; margin-top:25px; position:relative;}
.share-view .view-area .detail-box .cont-box > .wrap .cont:nth-child(1) {margin-top:0;}
.share-view .view-area .detail-box .cont-box > .wrap .cont.price{background-color: #eff1f6; height: 66px;border:#dae1e6 1px solid; padding: 0 20px;position: relative;line-height: 66px;font-size: 13px;}
.share-view .view-area .detail-box .cont-box > .wrap .cont.price strong {font-size: 22px; font-weight: 700; letter-spacing: -1px; display: inline-block; margin-right: 4px;}
.share-view .view-area .detail-box .cont-box > .wrap .cont.price b {display: inline-block; margin-left: 10px; padding: 0 10px; font-weight: 700; font-size: 15px; color: #808080; position: relative;}
.share-view .view-area .detail-box .cont-box > .wrap .cont.price b:after {content: '';display: block;width: 100%;height: 1px;background-color: #808080;position: absolute;top: 50%;left: 0;}
.share-view .view-area .detail-box .cont-box > .wrap .cont.price a {display: block; width: 130px; height: 44px; background-color: #fff; border: 1px solid #dae1e6; text-align: center; margin-left: 10px;float:right;margin-top: 9px;line-height: 44px;}



.share-view .view-area .detail-box .cont-box .cont.subject {height:40px; background:url(/img/share/img_logo.png) right center no-repeat; display:table;}
.share-view .view-area .detail-box .cont-box .cont.subject h1 {font-size:28px; font-weight:700; letter-spacing:-1px; display:table-cell; vertical-align:middle;}
.share-view .view-area .detail-box .cont-box .cont.tb table {width:100%; table-layout:fixed; border-top:1px solid #000;}
.share-view .view-area .detail-box .cont-box .cont.tb table tr {border-bottom:1px solid #d9d9d9;}
.share-view .view-area .detail-box .cont-box .cont.tb table tr th,
.share-view .view-area .detail-box .cont-box .cont.tb table tr td {font-size:16px; font-weight:400; letter-spacing:-0.5px; word-wrap:break-word; word-break:keep-all; height:60px; box-sizing:border-box; padding:15px 20px; position:relative;}
.share-view .view-area .detail-box .cont-box .cont.tb table tr th {width:120px; border-right:1px solid #d9d9d9; text-align:left; font-weight:500;}
.share-view .view-area .detail-box .cont-box .cont.tb table tr td.wid {padding:10px 0;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box {width:100%; font-size:0;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn {width:calc(((100% - 5px) / 2) - 1px); height:50px; box-sizing:border-box; text-align:center; display:inline-block; vertical-align:middle; margin-left:5px; position:relative;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn:nth-child(1) {margin-left:0;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn a {display:block; width:100%; height:100%;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn p {font-size:14px; font-weight:300; letter-spacing:-0.5px; line-height:48px; display:inline-block;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn.btn-down {background:#23232c; border:1px solid #23232c;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn.btn-down p {position:relative; padding-left:32px; max-width:100%; box-sizing:border-box; color:#fff;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn.btn-down p:before {content:""; width:22px; height:22px; background:url(/img/share/icon_down.svg) center no-repeat; background-size:100% auto; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn.btn-report {border:1px solid #d9d9d9; background:#fff;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box {width:100%; position:absolute; left:0; top:44px; z-index:100; box-sizing:border-box; border:1px solid #d9d9d9; display:none;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box .down {width:100%; height:45px; background:#fff; text-align:center;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box .down a {display:table; width:100%; height:100%; table-layout:fixed;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box .down a p {display:table-cell; vertical-align:middle; font-size:16px; font-weight:400; letter-spacing:-1px; color:#000; padding:0;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box .down:hover {background:#f2f2f2;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box .down:hover a p {color:#c10505;}
.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box.active {display:block;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box {width:100%; background:#fff; position:absolute; left:0; top:66px; z-index:100; box-sizing:border-box; padding:20px 10px; display:none;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul {width:100%; font-size:0;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li {display:inline-block; vertical-align:middle; width:calc(((100% - 10px) / 2) - 1px); margin-left:10px; font-size:0; margin-top:10px;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li:nth-child(2n+1) {margin-left:0;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li:nth-child(-n+2) {margin-top:0;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box {width:100%; font-size:0;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box > * {display:inline-block; vertical-align:middle; font-size:16px; font-weight:300; letter-spacing:-0.5px; line-height:1.4; box-sizing:border-box;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box input[type="radio"] {display:none;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box label {width:18px; height:18px; border-radius:50%; border:1px solid #d9d9d9; cursor:pointer; margin-right:5px; position:relative;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box input[type="radio"]:checked + label:before {content:""; width:10px; height:10px; border-radius:50%; background:#000; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box p {width:calc(100% - 23px);}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box .btn-submit {width:100%; height:45px; background:#666; text-align:center; margin-top:15px;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box .btn-submit a {display:table; width:100%; height:100%; table-layout:fixed;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box .btn-submit a p {display:table-cell; vertical-align:middle; font-size:14px; font-weight:400; letter-spacing:-0.5px; color:#fff;}
.share-view .view-area .detail-box .cont-box .cont.tb .report-box.active {display:block;}
.share-view .view-area .detail-box .cont-box .cont.info dl {width:100%; font-size:0;}
.share-view .view-area .detail-box .cont-box .cont.info dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box; font-size:16px; color:rgba(0,0,0,0.6); }
.share-view .view-area .detail-box .cont-box .cont.info dl dt {font-weight:500; margin-right:5px;}
.share-view .view-area .detail-box .cont-box .cont.info dl dd {font-weight:300; margin-right:15px;}
.share-view .view-area .detail-box .cont-box .cont.info i {display:inline-block; vertical-align:middle; width:20px; height:20px; cursor:pointer;}
.share-view .view-area .detail-box .cont-box .cont.info i.like {background:url(/img/share/icon_heart.svg) center no-repeat; background-size:15px auto;}
.share-view .view-area .detail-box .cont-box .cont.info i.bookmark {background:url(/img/share/icon_star2.svg) center no-repeat; background-size:15px auto;}
.share-view .view-area .detail-box .cont-box .cont.info i.like.on {background:url(/img/share/icon_heart_on.svg) center no-repeat; background-size:15px auto;}
.share-view .view-area .detail-box .cont-box .cont.info i.bookmark.on {background:url(/img/share/icon_star_on.svg) center no-repeat; background-size:15px auto;}
.share-view .view-area .detail-box .cont-box .cont.notice ul li {font-size:16px; font-weight:400; letter-spacing:-0.5px; color:#000; line-height:1.4; margin-top:5px; width:100%; word-wrap:break-word; word-break:keep-all; padding-left:18px; box-sizing:border-box; position:relative;}
.share-view .view-area .detail-box .cont-box .cont.notice ul li:nth-child(1) {margin-top:0;}
.share-view .view-area .detail-box .cont-box .cont.notice ul li:before {content:""; width:4px; height:4px; border-radius:50%; background:#de3048; position:absolute; left:0; top:9px;}
.share-view .view-area .detail-box .cont-box .cont.thumnail {width:100%;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top {width:100%; font-size:0; margin-bottom:15px;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top > * {display:inline-block; vertical-align:bottom; width:50%;}
.share-view .view-area .detail-box .cont-box .cont.thumnail h1 {font-size:18px; font-weight:400; letter-spacing:-1px; line-height:1.4;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav {font-size:0; text-align:right;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav .btn {width:30px; height:20px; display:inline-block; vertical-align:middle; margin-left:5px; position:relative; cursor:pointer;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav .btn:after {content:""; width:1px; height:100%; border-left:1px solid #e6e6e6; position:absolute; left:-5px; top:0;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav .btn:nth-child(1) {margin-left:0;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav .btn:nth-child(1):after {display:none;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav .btn:before {content:""; width:5px; height:5px; border:solid #000; border-width:1px 1px 0 0; position:absolute; top:50%;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav .btn.nav-prev:before {left:calc(50% + 1px); -webkit-transform:translate(-50%, -50%) rotate(-135deg); -moz-transform:translate(-50%, -50%) rotate(-135deg); transform:translate(-50%, -50%) rotate(-135deg);}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum-top .slide-nav .btn.nav-next:before {left:50%; -webkit-transform:translate(-50%, -50%) rotate(45deg); -moz-transform:translate(-50%, -50%) rotate(45deg); transform:translate(-50%, -50%) rotate(45deg);}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum .img {width:100%; height:0; padding-bottom:calc(95 / 142 * 100%); position:relative; overflow:hidden; box-sizing:border-box;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .thum .img img {max-width:100%; max-height:100%; position:absolute; left:50%; top:50%; -webkit-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); transform:translate(-50%,-50%);}
.share-view .view-area .detail-box .cont-box .cont.thumnail .slick-slide {margin:0 5px;}
.share-view .view-area .detail-box .cont-box .cont.thumnail .slick-list {margin:0 -5px;}

.share-view .share-comment {width:100%; margin-top:50px;}
.share-view .share-comment >.wrap {width:100%; box-sizing:border-box;}
.share-view .share-comment >.wrap > h1 {font-size:25px; font-weight:500; letter-spacing:-1px; line-height:1.4; margin-bottom:20px;}
.share-view .share-comment .comment-wirte-area {width:100%;}
.share-view .share-comment .comment-wirte-area > .inner {width:100%; box-sizing:border-box;}
.share-view .share-comment .comment-wirte-area .write-box {width:100%; font-size:0;}
.share-view .share-comment .comment-wirte-area .write-box .box {display:inline-block; vertical-align:middle; box-sizing:border-box;}
.share-view .share-comment .comment-wirte-area .write-box .box > .inner {width:100%; font-size:0;}
.share-view .share-comment .comment-wirte-area .write-box .box > .inner > * {display:inline-block; vertical-align:middle;}
.share-view .share-comment .comment-wirte-area .write-box .box .input-box {box-sizing:border-box; border:1px solid #d9d9d9;}
.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=text], 
.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=password] {width:100%; height:38px; border:none; background:none; box-sizing:border-box; padding:0 10px; font-size:16px;}
.share-view .share-comment .comment-wirte-area .write-box .box .input-box textarea {width:100%; height:88px; box-sizing:border-box; padding:10px; font-size:16px; resize:none; border:none; background:none;}
.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=text]::placeholder,
.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=password],
.share-view .share-comment .comment-wirte-area .write-box .box .input-box textarea::placeholder {font-family: 'Noto Sans KR', sans-serif !important; font-size:15px; font-weight:300; letter-spacing:-0.5px; color:#999;}
.share-view .share-comment .comment-wirte-area .write-box .box.box-info {width:240px; margin-right:10px;}
.share-view .share-comment .comment-wirte-area .write-box .box.box-info > .inner > * {width:100%; margin-top:10px;}
.share-view .share-comment .comment-wirte-area .write-box .box.box-info > .inner > *:nth-child(1) {margin-top:0;}
.share-view .share-comment .comment-wirte-area .write-box .box.box-cont {width:calc(100% - 250px);}
.share-view .share-comment .comment-wirte-area .write-box .box.box-cont .input-box {width:calc(100% - 90px);}
.share-view .share-comment .comment-wirte-area .write-box .box.box-cont .btn-submit {width:90px; height:90px; background:#23232c; text-align:center;}
.share-view .share-comment .comment-wirte-area .write-box .box.box-cont .btn-submit a {width:100%; height:100%; display:table;}
.share-view .share-comment .comment-wirte-area .write-box .box.box-cont .btn-submit a p {display:table-cell; vertical-align:middle; font-size:16px; font-weight:400; color:#fff; letter-spacing:-0.5px;}

.share-view .share-comment .comment-list-area {width:100%; margin-top:30px;}
.share-view .share-comment .comment-list-area .list-tb {width:100%;}
.share-view .share-comment .comment-list-area .list-tb .list-box {width:100%; box-sizing:border-box; padding:20px 0; border-bottom:1px solid #d9d9d9; font-size:0; position:relative;}
.share-view .share-comment .comment-list-area .list-tb .list-box > * {display:inline-block; vertical-align:top; box-sizing:border-box;}
.share-view .share-comment .comment-list-area .list-tb .list-box i.profile {width:60px; height:60px; background:url(/img/share/icon_profile.png) center no-repeat; background-size:100% auto;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont {width:calc(100% - 332px);padding:0 20px;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont dl {width:100%; font-size:0;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont dl > * {display:inline-block; vertical-align:middle; box-sizing:border-box; position:relative; padding:0 7px; font-size:16px; color:#666; line-height:1.2; letter-spacing:-0.5px;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont dl dt {font-weight:500; padding-left:0;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont dl dd {font-weight:300; font-size:13px; padding-right:0;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont dl dd:before {content:""; width:1px; height:70%; border-left:1px solid #666; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont .txt {width:100%; margin-top:10px; box-sizing:border-box; font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:1.4; word-wrap:break-word; word-break:keep-all;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm {width:272px;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul {width:100%; font-size:0; text-align:right;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li {display:inline-block; vertical-align:middle; padding:0 8px; position:relative; box-sizing:border-box;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li:before {content:""; width:1px; height:50%; border-left:1px solid #d9d9d9; position:absolute; left:0; top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%);}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li:nth-child(1):before {display:none;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li a {font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:1.3; color:#000;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li [type=password] {width:120px; height:35px; box-sizing:border-box; padding:0 10px; border:1px solid #d9d9d9; background:none; font-size:16px;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li [type=password]::placeholder {font-size:15px; color:#999;}
.share-view .share-comment .comment-list-area .list-tb .list-box .comment-edit {width:100%; margin-top:10px; box-sizing:border-box; padding-left:80px;}
.share-view .share-comment .comment-list-area .list-tb .list-box.reply-box {padding-left:100px;}
.share-view .share-comment .comment-list-area .list-tb .list-box.reply-box:before {content:""; width:8px; height:8px; box-sizing:border-box; border:solid #000; border-width:0 0 1px 1px; position:absolute; left:80px; top:45px;}
.share-view .share-comment .comment-list-area .list-tb .list-box.reply-box:after {content:""; width:0; height:0; border-left:5px solid #000; border-top:4px solid transparent; border-bottom:4px solid transparent; position:absolute; left:88px; top:48px;}
.share-view .share-comment .comment-list-area .btn-more {width:200px; height:45px; box-sizing:border-box; border:1px solid #d9d9d9; background:#fff; text-align:center; margin:0 auto; margin-top:50px;}
.share-view .share-comment .comment-list-area .btn-more a {display:table; width:100%; height:100%;}
.share-view .share-comment .comment-list-area .btn-more a p {font-size:16px; font-weight:400; color:#000; display:table-cell; vertical-align:middle;}

.share-view .share-tag {width:100%; margin-top:20px;}
.share-view .share-tag > h1 {font-size:16px; font-weight:500; letter-spacing:-0.5px; line-height:1.2;}
.share-view .share-tag ul {width:100%; font-size:0; margin-top:15px;}
.share-view .share-tag ul li {display:inline-block; vertical-align:middle; margin:5px 10px 5px 0; background:#fff; border-radius:3px; box-sizing:border-box; border:1px solid #e6e6e6; text-align:center;}
.share-view .share-tag ul li a {display:table; box-sizing:border-box; padding:0 10px; table-layout:fixed; height:25px;}
.share-view .share-tag ul li a p {display:table-cell; vertical-align:middle; font-size:13px; font-weight:300; letter-spacing:-0.5px; line-height:1.2; color:#666;}
.share-view .share-tag ul li:last-child {margin-right:0;}
.share-view .share-tag ul li:hover {background:#666; border:1px solid #666;}
.share-view .share-tag ul li:hover a p {color:#fff;}

/*°áÁ¦Çϱâ*/
.share-view .view-area .detail-box .cont-box > .wrap .cont .pay_btn{background:#fff; border:1px solid #23232c; height:50px; text-align:center; position:absolute; top:-15px; right:0; width:300px;}
.share-view .view-area .detail-box .cont-box > .wrap .cont .pay_btn a{font-size:14px; color:#23232c; line-height:48px; letter-spacing:-0.5px; font-weight:300; display:block; width:100%;}
.share-view .update-box{margin-top:30px; display:none;}
.share-view .update-box .notice-txt{width: 100%; text-align: right; font-size: 13px; letter-spacing: -1px; line-height: 1; color: #666; margin-bottom: 15px;}
.share-view .update-box .notice-txt span{color:#db0102; vertical-align:middle;}
.share-view .mypage-button{margin-top: 50px; font-size: 0; text-align: center;}
.share-view .mypage-button .btn{display: inline-block; vertical-align: middle; margin-left: 20px; width: 190px; height: 50px; box-sizing: border-box; text-align: center;}
.share-view .mypage-button .btn:nth-child(1) {margin-left: 0;}
.share-view .mypage-button .btn:nth-child(odd) {background:#a6a6a6;}
.share-view .mypage-button .btn:nth-child(even) {background:#c9161e;}
.share-view .mypage-button .btn a{display: block; font-family: 'Noto Sans KR', sans-serif; font-size: 16px; letter-spacing: -1px; line-height: 50px; color: #fff;}


/**/
.cart_wrap{width:100%; max-width:1300px; padding: 20px; box-sizing: border-box}
.cart_wrap h2{font-size:18px; font-weight: bold}

/*s:????*/
.cart_flag {background-color: #f5f5f5;padding: 8px 20px;position: relative;margin-top: 15px;}
.cart_flag p.cnt {position: absolute;top: 15px;right: 20px;font: 12px Dotum,sans-serif;letter-spacing: 0;}
.cart_data dl {clear: both;margin-top: 40px;}
.cart_data dt {font-size: 18px; line-height: 31px;padding: 0 0 6px 0;border-bottom: 1px solid #9e9e9e;}
.cart_data .cart_mov dt {background-position: -1017px -349px;}
.cart_data .cart_after dt {background-position: -1017px -1449px;}
.cart_data .cart_music dt {background-position: -1017px -1579px;}
.cart_data dt b {display: inline-block;font: bold 12px Dotum,sans-serif;margin-left: 10px;}
.cart_data dt span {color: #df0000;display: inline-block;margin-left: 5px;}

.cart_data.prmov dt span {color: #ba834a;}
.cart_data li {clear: both;margin-top: 25px;}
.cart_data li:after {content: '';display: block;clear: both;}
.cart_data li p.chk {float: left;}
.cart_data li div.thumb {width: 142px;float: left;text-align: center;position: relative;}
.cart_data li div.thumb.close:after {content: '?????';display: block;width: 100%;height: 142px;position: absolute;top: 0;left: 0;filter:alpha(opacity=50);background: rgba(0, 0, 0, 0.5);z-index: 2;color: #fff;line-height: 140px;}
.cart_data li p.chk + div.thumb {margin-left:0}
.cart_data li div.thumb p {width: 140px;height: 140px;display: table-cell;text-align: center;vertical-align: middle;border: 1px solid #e3e3e3;}
.cart_data li div.thumb.music p span {background: url("../images/bg_pm_140.png") no-repeat 0 50%;margin: 0;height: 34px;padding: 45px 4px 0;font: 11px "Malgun Gothic",sans-serif;color: #fff;overflow: hidden;}
.cart_data li div.thumb p img {max-width: 140px;max-height: 140px;display: block;margin: auto;}
.cart_data li div.thumb span {display: block;margin-top: 10px;font: 12px Dotum,sans-serif;color: #666;letter-spacing: 0;}
.cart_data li div.intb {float: right;width:calc(100% - 160px);}
.cart_data li div.intb table {width:100%;table-layout: fixed;white-space: nowrap;border-top: 1px solid #e3e3e3;}
.cart_data li div.intb th {width: 86px;background-color: #f5f5f5;border-bottom: 1px solid #e3e3e3;padding-left: 15px;text-align: left;font-size: 14px;}
.cart_data li div.intb td {width: 280px;border-bottom: 1px solid #e3e3e3;padding: 8px 10px;height: 30px;font: 12px Dotum,sans-serif;color: #666;letter-spacing: 0;}
.cart_data li div.intb td input[type="text"], .cart_data li div.intb td .ui-selectmenu-button {border: 1px solid #e3e3e3;height: 28px;font: 12px/28px Dotum,sans-serif;color: #666;letter-spacing: 0;vertical-align: middle;padding: 0 10px;width: 200px;}
.cart_data li div.intb td .ui-selectmenu-button {background:url('../images/ic_sel2.gif') no-repeat 100% 50%;outline: none;padding: 0;}
.cart_data li div.intb td.cost {color: #df0000;} .cart_data li div.intb td.cost em {color: #666;text-decoration: line-through;font-weight: normal;}
.cart_data.prmov li div.intb td.cost {color: #ba834a;font-weight: bold;}
.cart_data.prmov li div.intb td .ui-selectmenu-button {width: 99%;font-size: 11px;}
.cart_data li div.intb table + p {margin-top: 10px;font: 11px Dotum,sans-serif;color: #666;letter-spacing: 0;}
.cart_data li div.intb table + p input {vertical-align: middle;}
.cart_data li div.intb td.movinfo input[type="radio"] {vertical-align: middle;}
.cart_data li div.intb td.movinfo b {font: 14px Verdana;font-weight: bold;width: 35px;display: inline-block;margin-left: 5px;color: #333;}
.cart_data li div.intb td.movinfo span {display: inline-block;padding-left: 14px;position: relative;font: 11px/18px Dotum,sans-serif;letter-spacing: 0;color: #888;}
.cart_data li div.intb td.movinfo span:after {content: '';display: block;width: 1px;height: 8px;background-color: #e3e3e3;position: absolute;left: 7px;top: 50%;margin-top: -4px;}
.cart_data li div.intb td.movinfo span:first-child, .cart_data li div.intb td.movinfo b + span {padding-left: 0;}
.cart_data li div.intb td.movinfo span:first-child:after, .cart_data li div.intb td.movinfo b + span:after {display: none;}
.cart_data li div.intb td.movinfo_select .ui-selectmenu-button {width: 100%;font: 11px/28px Dotum,sans-serif;letter-spacing: 0;color: #888;}
.cart_data li div.intb .cart_mem_noti {font: 11px/16px Dotum,sans-serif;margin-top: 10px;color: #666;letter-spacing: 0;}
.cart_data li div.intb .cart_mem_noti b {background: url("../images/ic_noti.png") no-repeat 0 -232px;padding-left: 20px;display: block;font-family: 'Malgun Gothic',sans-serif;font-size: 12px;margin-bottom: 7px;color: #333;}
.cart_data li div.intb .intb_btn {text-align: right;margin-top: 10px;}
.cart_data li div.intb .intb_btn a {display: inline-block;width: 80px;height: 40px;text-align: center;line-height: 40px;background-color: #cc9964;color: #fff;}
.cart_data li div.intb .intb_btn a.mem {background-color: #df0000;}
.cart_data li div.intb .intb_btn a.wait {background-color: #9e9e9e;width: 100px;}

.join_agree {margin-top: 50px;overflow: hidden;}
.join_agree.fr {float: right;width: 512px;margin-top: 70px;}
.join_agree dl {width: 512px;} .join_agree dl.must {float: left;} .join_agree dl.choice {float: right;}
.join_agree dl.must dt {font-size: 18px;height: 33px;} .join_agree dl.must dt span {color: #9e9e9e;font-size: 13px;display: inline-block;margin-left: 10px;}
.join_agree dl.choice dt {font-size: 14px;height: 33px;}
.join_agree dd li {background-color: #f5f5f5;margin-bottom: 2px;position: relative;padding: 10px 20px;height: 25px;font-size: 13px;}
.join_agree dd li p {position: absolute;top: 13px;right: 15px;font-size: 13px;} .join_agree dd li p input {vertical-align: middle;}
.join_agree dd li p span {color: #df0000;font-size: 14px;}
.join_agree dd li p.disabled, .join_agree dd li p.disabled span {color: #9e9e9e;}
.join_agree .choice dd li {line-height: 25px;}
.join_agree dd li .noti {display:none; background: url("../images/ic_noti.png") no-repeat 0 0;font: 11px/17px Dotum,sans-serif;color: #df0000;padding-left: 20px;margin-left: 10px;height: 33px;}
.join_agree_open {border: 1px solid #e3e3e3;margin-top: -2px;padding: 17px;font: 12px Dotum,sans-serif;color: #666;line-height: 18px;height: 60px;overflow-y: auto;}
.join_agree .imt_bt3.isshow {background-color: #efefef;}

.table_title {font-size: 18px;position: relative;padding-bottom: 10px;margin-top: 50px;}
.table_title span.s {color: #9e9e9e;font-size: 13px;}
.table_title .r {position: absolute;bottom: 12px;right: 0;} .table_title .r input {vertical-align: middle;}
.table_title .r.point {color: #df0000;font-size: 13px;}
.mem_table {border-top: 1px solid #9e9e9e;width: 100%;}
.mem_table tbody th {background-color: #f5f5f5;border-bottom: 1px solid #e3e3e3;padding-left: 18px;text-align: left;font-size: 14px;}
.mem_table tbody th span {display: inline-block;padding-left: 15px;}
.mem_table tbody th span.must {background: url("../images/ic_star.png") no-repeat 0 6px;}
.mem_table tbody td {border-bottom: 1px solid #e3e3e3;padding: 10px 0 10px 18px;text-align: left;height: 30px;}
.mem_table tbody td, .mem_table tbody td p, .mem_table tbody td input[type="text"], .mem_table tbody td input[type="password"] {font: 12px Dotum,sans-serif;color: #666;}
.mem_table tbody td input[type="text"], .mem_table tbody td input[type="password"] {height: 28px;line-height: 28px;border: 1px solid #e3e3e3;padding: 0 10px;letter-spacing: 0;}
.mem_table tbody td input[type="text"]::placeholder, .mem_table tbody td input[type="password"]::placeholder {color:#9e9e9e;font-size: 11px;}
p.noti {background: url("../images/ic_noti.png") no-repeat 0 0;font: 11px/17px Dotum,sans-serif !important;color: #df0000 !important;padding-left: 20px;margin-top: 6px;display:inline-block;display: none;}
p.noti.msg {background-position: 0 -232px;font-size: 12px !important;color: #666 !important;}
.mem_table tbody td p.noti_fin {background: url("../images/ic_noti.png") no-repeat 0 -348px;font: 11px/17px Dotum,sans-serif !important;color: #333;padding-left: 20px;margin-top: 6px;display: none;}
.mem_table tbody td .ui-selectmenu-button {background:url('../images/ic_sel2.gif') no-repeat 100% 50%;vertical-align: top;border: 1px solid #e3e3e3;height: 28px;font: 12px/26px Dotum,sans-serif;color: #666;letter-spacing: 0;outline: none;width: 183px;}
.mem_table tbody td #sel_mail-button.ui-selectmenu-button {width: 120px;}
.mem_table tbody td .sg {font-size: 11px;color: #9e9e9e;} .mem_table tbody td span.sg {display: inline-block;margin-left: 20px;}
.mem_table tbody td .ml80 {display: inline-block;margin-left: 80px;} .mem_table tbody td .ml30 {display: inline-block;margin-left: 30px;}
.mem_table tbody td .imt_bt5, .mem_table tbody td label, .mem_table tbody td input[type="radio"], .mem_table tbody td input[type="checkbox"] {vertical-align: top;}
.mem_table tbody td input[type="radio"], .mem_table tbody td input[type="checkbox"] {margin-left: 10px;}
.mem_table tbody td input[type="radio"]:first-child, .mem_table tbody td input[type="checkbox"]:first-child {margin-left: 0;}
.mem_table tbody td .inBanner {margin: 20px 0 30px;}
.mem_table tbody td.sum {font-size: 15px;color: #df0000;}
.mem_table tbody td.sum b {font-family: "Roboto", sans-serif;font-size: 22px;font-weight: 700;}
.mem_table tbody td.sum span {font-size: 14px;}
.mem_table tbody td.sum em {font: bold 16px Verdana;color: #9e9e9e;text-decoration: line-through;display: inline-block;margin-right: 8px;}
.mem_table tbody td .sw {display: inline-block;width: 200px;}
.mem_table tbody td textarea {border: 1px solid #e3e3e3;resize: none;padding: 10px;}
.mem_table tbody td .tb_tool {display: inline-block;position: relative;background-color: #f5f5f5;border: 1px solid #e3e3e3;padding: 8px 18px 7px;letter-spacing: 0;margin-left: 15px;font-size: 11px;}
.mem_table tbody td .tb_tool:after {content: '';width: 7px;height: 7px;left: -7px;top: -1px;background: url("../images/ic_tool_l.png") no-repeat 0 0;position: absolute;}
.mem_table tbody td span.f14 b {display: inline-block;font-family: "Roboto", sans-serif;font-weight: 700;font-size: 15px;}
.mem_table tbody td.vid {font-family: "Malgun Gothic",sans-serif;letter-spacing: 0;}
.mem_table tbody td .ui-datepicker-trigger {vertical-align: middle;}
.mem_table tbody td div {font: 12px Dotum,sans-serif;color: #666;}
.mem_table_noti {margin-top: 10px;}
ul.mem_table_noti li {background: url("../images/ic_dot.gif") no-repeat 0 7px;font: 11px Dotum,sans-serif;line-height: 18px;color: #666;padding-left: 9px;}
p.mem_table_noti {font: 12px Dotum,sans-serif;line-height: 18px;color: #666;}
p.mem_table_noti.gray {color: #9e9e9e;}
p.mem_table_alert {background: url("../images/ic_noti.png") no-repeat 0 0;font: 11px/17px Dotum,sans-serif;color: #df0000;padding-left: 20px;}
.mem_table_agree {margin-top: 15px;color: #666;font-size: 13px;} .mem_table_agree input {vertical-align: middle;}
.mem_table_noti_box {background-color: #f5f5f5;padding: 25px 20px;font: 12px Dotum,sans-serif;line-height: 18px;color: #666;}
.mem_table.small tbody th, .mem_table.small tbody td {font: 11px Dotum,sans-serif;padding: 5px 0 5px 18px;}
.cart_btn {margin-top: 40px;text-align: center;}
.cart_sum.prmov + .cart_btn .imt_bt4 {background-color: #cc9964;}

/* btn */
.imt_bt1 {background-color: #666;height: 30px;text-align: center;min-width: 10px;padding: 0 20px;color: #fff; font: 11px/31px Dotum,sans-serif !important;display: inline-block;text-decoration: none !important;cursor: pointer;}
.imt_bt2 {background-color: #9e9e9e;height: 30px;text-align: center;min-width: 10px;padding: 0 20px;color: #fff; font: 11px/31px Dotum,sans-serif !important;display: inline-block;text-decoration: none !important;cursor: pointer;}
.imt_bt3 {background-color: #fff;height: 24px;text-align: center;min-width: 10px;padding: 0 10px;color: #333; font: 11px/25px Dotum,sans-serif !important;display: inline-block;border: 1px solid #e3e3e3;text-decoration: none !important;cursor: pointer;}
.imt_bt4 {background-color: #df0000;height: 30px;text-align: center;min-width: 10px;padding: 0 20px;color: #fff; font: 11px/31px Dotum,sans-serif !important;display: inline-block;text-decoration: none !important;cursor: pointer;}
.imt_bt5 {background-color: #efefef;height: 28px;text-align: center;min-width: 10px;padding: 0 20px;color: #333; font: 11px/28px Dotum,sans-serif !important;display: inline-block;border: 1px solid #d7d7d7;text-decoration: none !important;cursor: pointer;}
.imt_bt6 {background-color: #fff;height: 28px;text-align: center;min-width: 10px;padding: 0 20px;color: #df0000; font: 11px/28px Dotum,sans-serif !important;display: inline-block;border: 1px solid #df0000;text-decoration: none !important;cursor: pointer;vertical-align: top;}
.imt_bt1:hover, .imt_bt1:active, .imt_bt1:focus, .imt_bt2:hover, .imt_bt2:active, .imt_bt2:focus, .imt_bt4:hover, .imt_bt4:active, .imt_bt2:focus {color: #fff;}
.imt_bt3:hover, .imt_bt3:active, .imt_bt3:focus, .imt_bt5:hover, .imt_bt5:active, .imt_bt5:focus {color: #333;}
.imt_bt1.s {height: 26px;font: 11px/25px Dotum,sans-serif !important;padding:0 10px;}
.imt_bt1.s2 {height: 30px;font: 11px/30px Dotum,sans-serif !important;padding:0 20px;}
.imt_bt1.b {height: 40px;font: 12px/40px Malgun Gothic,sans-serif !important;padding:0 20px;}
.imt_bt1.sbm {height: 40px;font: 14px/40px Malgun Gothic,sans-serif !important;min-width: 60px;}
.imt_bt1.sbmb {height: 50px;font: 14px/50px Malgun Gothic,sans-serif !important;min-width: 100px;padding:0 20px;}
.imt_bt1 em.close {display: inline-block;background: url("../images/ic_dnav.png") no-repeat 100% -324px;padding-right: 15px;}
.imt_bt1 em.open {display: inline-block;background: url("../images/ic_dnav.png") no-repeat 100% -364px;padding-right: 15px;}
.imt_bt2.s {height: 26px;font: 11px/25px Dotum,sans-serif !important;padding:0 10px;}
.imt_bt3.s {height: 28px;font: 11px/28px Dotum,sans-serif !important;padding:0 20px;}
.imt_bt3.sbm {height: 38px;font: 14px/38px Malgun Gothic,sans-serif !important;min-width: 60px;padding:0 20px;}
.imt_bt3.sbmb {height: 48px;font: 14px/48px Malgun Gothic,sans-serif !important;min-width: 100px;padding:0 20px;}
.imt_bt3 em.del {display: inline-block;background: url("../images/ic_close_s.png") no-repeat 100% 50%;padding-right: 10px;}
.imt_bt3.point {color: #df0000 !important;}
.imt_bt4.sbm {height: 40px;font: 14px/40px Malgun Gothic,sans-serif !important;min-width: 60px;}
.imt_bt4.sbmb {height: 50px;font: 14px/50px Malgun Gothic,sans-serif !important;min-width: 100px;padding:0 20px;}
.imt_bt5.s {height: 22px;font: 11px/22px Dotum,sans-serif !important;padding:0 5px;}
.imt_bt5.s2 {height: 24px;font: 11px/24px Dotum,sans-serif !important;padding:0 10px;}



/*e:????*/

@media screen and (max-width: 1680px){

	.share-area > .title {padding:0 40px;}

	.share-area > .contents-area {padding:25px 40px;}

}



@media screen and (max-width: 1280px){
	
	.share-area > .contents-area .select-box .select-option p {font-size:16px;}
	.share-area > .contents-area .select-box .option-list .list-inner ul li label {padding:10px 25px; font-size:16px;}

	.share-area > .contents-area .share-tab ul li a p {font-size:15px;}
	.share-area > .contents-area .share-tab .btn-more p {font-size:16px;}

	.share-area .share-search .input-box input[type="text"] {width:calc(100% - 40px);}
	.share-area .share-search .input-box .btn-search {width:40px; height:45px; background-size:auto 20px;}

	.share-area .share-img-list .list-wrap {-webkit-column-count:3; -moz-column-count:3; column-count:3;}
	.share-area .share-img-list .list-wrap .list-box .func {padding:0 15px;}
	.share-area .share-img-list .list-wrap .list-box .func h1 {font-size:14px;}

	.share-main .top-txt {height:180px; padding:10px 50px;}
	.share-main .top-txt > .txt-box > h1 {font-size:32px;}
	.share-main .top-txt > .txt-box > .txt {font-size:16px;}

	/*.share-view .view-area .detail-box .img-box {width:500px; height:500px;}
	.share-view .view-area .detail-box .cont-box {width:calc(100% - 500px); padding-left:30px;}*/

}


@media screen and (max-width: 1200px){

	/*.share-view .view-area .detail-box .img-box {width:400px; height:400px;}
	.share-view .view-area .detail-box .cont-box > .wrap .cont {margin-top:15px;}
	.share-view .view-area .detail-box .cont-box {width:calc(100% - 400px); padding-left:20px;}
	.share-view .view-area .detail-box .cont-box .cont.subject {height:35px; background:url(/img/share/img_logo.png) right center no-repeat; display:table;}
	.share-view .view-area .detail-box .cont-box .cont.subject h1 {font-size:23px;}
	.share-view .view-area .detail-box .cont-box .cont.tb table tr th,
	.share-view .view-area .detail-box .cont-box .cont.tb table tr td {font-size:15px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn p {font-size:13px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn.btn-down p {padding-left:25px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn.btn-down p:before {width:16px; height:16px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .btn-box .btn .download-box .down a p {font-size:15px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li {margin-top:8px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box > * {font-size:15px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box label {width:16px; height:16px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box input[type="radio"]:checked + label:before {width:8px; height:8px;}
	.share-view .view-area .detail-box .cont-box .cont.tb .report-box ul li .radio-box p {width:calc(100% - 21px);}
	.share-view .view-area .detail-box .cont-box .cont.tb .report-box .btn-submit a p {font-size:13px; }
	.share-view .view-area .detail-box .cont-box .cont.info dl > * {font-size:15px;}
	.share-view .view-area .detail-box .cont-box .cont.notice ul li {font-size:14px; padding-left:12px;}
	.share-view .view-area .detail-box .cont-box .cont.notice ul li:before {width:3px; height:3px; top:7px;}
	.share-view .view-area .detail-box .cont-box .cont.thumnail h1 {font-size:17px;}

	.share-view .share-comment {margin-top:40px;}
	.share-view .share-comment >.wrap > h1 {font-size:22px; margin-bottom:15px;}
	.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=text], 
	.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=password] {font-size:15px;}
	.share-view .share-comment .comment-wirte-area .write-box .box .input-box textarea {font-size:15px;}
	.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=text]::placeholder,
	.share-view .share-comment .comment-wirte-area .write-box .box .input-box [type=password],
	.share-view .share-comment .comment-wirte-area .write-box .box .input-box textarea::placeholder {font-size:14px;}
	.share-view .share-comment .comment-wirte-area .write-box .box.box-info {width:220px;}
	.share-view .share-comment .comment-wirte-area .write-box .box.box-cont {width:calc(100% - 230px);}
	.share-view .share-comment .comment-wirte-area .write-box .box.box-cont .btn-submit a p {font-size:15px;}

	.share-view .share-comment .comment-list-area {margin-top:20px;}
	.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont {width:calc(100% - 332px);padding:0 20px;}
	.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont dl > * {font-size:15px;}
	.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont dl dd {font-size:12px;}
	.share-view .share-comment .comment-list-area .list-tb .list-box .comment-cont .txt {font-size:15px;}
	.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li a {font-size:15px;}
	.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li [type=password] {font-size:15px;}
	.share-view .share-comment .comment-list-area .list-tb .list-box .comment-adm ul li [type=password]::placeholder {font-size:14px;}
	.share-view .share-comment .comment-list-area .btn-more {margin-top:40px;}
	.share-view .share-comment .comment-list-area .btn-more a p {font-size:15px;}

	.share-view .share-tag > h1 {font-size:15px;}
	.share-view .share-tag ul {margin-top:10px;}
	.share-view .share-tag ul li {margin:4px 8px 4px 0;}
	.share-view .share-tag ul li a p {font-size:12px;}*/

}




@media screen and (max-width: 1024px){
	
	.share-area .button p {padding:0 15px; font-size:13px;}
	.share-area .button.ty-1 {height:45px; border-radius:45px;}
	.share-area .button.ty-2 {height:40px; border-radius:40px; min-width:180px;}

	.share-area > .title {padding:0 25px;}

	.share-area > .contents-area {padding:25px;}
	.share-area > .contents-area .select-box .select-option p {font-size:15px;}
	.share-area > .contents-area .select-box .option-list .list-inner ul li label {padding:10px 20px; font-size:15px;}

	.share-area > .contents-area .share-tab ul li {height:45px;}
	.share-area > .contents-area .share-tab ul li a p {font-size:13px;}
	.share-area > .contents-area .share-tab .btn-more p {font-size:15px;}

	.share-main .top-txt {height:150px; padding:10px 40px;}
	.share-main .top-txt > .txt-box > h1 {font-size:28px;}
	.share-main .top-txt > .txt-box > .txt {font-size:15px;}

}