@charset "utf-8";
/* ==============================
* 01. BASE
================================= */
html, body, #campus-map  {position:relative;height:100%;overflow:hidden}
button,
input[type=submit],
input[type=text],
input[type=password],
textarea {font-family:"Noto Sans KR";font-size:1em}
#campus-map {font-size:18px;letter-spacing:-.05em;opacity:0;transition:all .3s ease}
#campus-map.stable {opacity:1}
@media all and (max-width:999px){
	#campus-map {font-size:17px}
}
@media all and (max-width:768px){
	#campus-map {font-size:16px}
}
@media all and (max-width:599px){
	#campus-map {font-size:15px}
}

/* ==============================
* 02. 좌측 UI
================================= */
#lm-menu {position:fixed;left:0;top:0;width:420px;height:100%;background:#fff;z-index:9999;box-shadow:5px 0 10px rgba(0, 0, 0, .2);right:auto;transition:all .3s ease}
#lm-menu.close {left:-420px}
#lm-menu .mapPkg {position:relative;height:100%;background:#fff;box-sizing:border-box;padding:120px 0 0;z-index:10}
#lm-menu .map-tit {position:absolute;text-align:center;background:#da262e;left:0;top:0;width:100%;height:120px;display:flex;justify-content:center}
#lm-menu .map-tit h1 {color:#fff;font-family:"SCoreDream", sans-serif;display:flex;align-items:center;font-size:1.333em;font-weight:500}
#lm-menu .map-tit h1 a {display:block}
#lm-menu .map-tit h1 img {max-width:150px;vertical-align:middle;}
#lm-menu .map-tit h1 span {margin:0 0 0 15px;line-height:1}
#lm-menu .map-lst {position:relative;width:100px;height:100%;background:#12213a}
#lm-menu .mapLst {}
#lm-menu .mapLst dl {display:block;width:100px}
#lm-menu .mapLst dl dt button {display:block;width:100%;height:175px;background:transparent;box-sizing:border-box;position:relative;text-align:center;border:0;border-top:1px solid rgba(0, 0, 0, .3);font-size:1.111em;font-weight:500;transition:all .3s ease}
#lm-menu .mapLst dl dt button:before {content:'';display:block;width:0;height:0;border-width:16px 10px 16px 0;border-style:solid;border-color:transparent #fff transparent transparent;position:absolute;top:0;right:0;bottom:0;margin:auto}
#lm-menu .mapLst dl dt button:focus,
#lm-menu .mapLst dl dt button:hover {}
#lm-menu .mapLst dl dt button .name {display:block;background:url(/resources/_Img/CampusMap/lm_ico.png) no-repeat 50% 0;color:#fff;padding-top:42px}
#lm-menu .mapLst dl dd {position:absolute;left:100px;top:0;width:320px;height:100%;padding:30px;box-sizing:border-box;display:none}
#lm-menu .mapLst dl dd ul {position:relative;height:auto}
#lm-menu .mapLst dl dd ul li {border-bottom:1px solid #dadada}
#lm-menu .mapLst dl dd ul li:first-child {border-top:1px solid #dadada}
#lm-menu .mapLst dl dd ul li button {display:flex;align-items:center;flex-flow:row;width:100%;border:0;background:transparent;box-sizing:border-box;position:relative;text-align:left;height:68px;padding:12px 0;transition:all .3s ease}
#lm-menu .mapLst dl dd ul li button span {display:block;line-height:1.2;word-wrap:break-word;word-break:keep-all;white-space:normal;transition:all .3s ease}
#lm-menu .mapLst dl dd ul li button .txt {color:#222;font-weight:500;width:auto;max-width:95%}
#lm-menu .mapLst dl dd ul li button .pin {background:url(/resources/_Img/CampusMap/pin.png) no-repeat;background-size:cover;width:30px;height:45px;margin:0 15px 0 0;text-align:center;position:relative}
#lm-menu .mapLst dl dd ul li button .num {font-size:10px;width:20px;line-height:20px;color:#172e53;font-weight:700;margin:7px auto;position:relative;z-index:1}
#lm-menu .mapLst dl dd ul li button:focus,
#lm-menu .mapLst dl dd ul li button:hover {}
#lm-menu .mapLst dl dd ul li button:focus .txt,
#lm-menu .mapLst dl dd ul li button:hover .txt {text-decoration:underline}
#lm-menu .mapLst dl dd ul li button:focus:after,
#lm-menu .mapLst dl dd ul li button:hover:after {background-image:url(/resources/_Img/CampusMap/pin_ov.png)}
#lm-menu .mapLst dl dd ul li.hasNoData {padding:30px 0}
#lm-menu .mapLst dl dd ul li.hasNoData .no-data {text-align:center;font-size:17px;padding:0;background:none}
#lm-menu .mapLst dl dd ul li.hasNoData .no-data:before {content:"";display:block;width:71px;height:71px;background:url(/resources/_Img/Board/default/ico_nodata.png) no-repeat;margin:0 auto 10px}
#lm-menu .mapLst dl dd ul li.on button .num {color:#da262e}
#lm-menu .mapLst dl dd ul li.on button .pin {background-image:url(/resources/_Img/CampusMap/pin_ov.png)}
#lm-menu .mapLst dl.open dt button {border-color:transparent}
#lm-menu .mapLst dl.open + dl dt button {border-color:transparent}
#lm-menu .mapLst dl.open dd {display:block}
#lm-menu .mapLst dl.open dd .mCSB_outside + .mCSB_scrollTools {right:0}
#lm-menu .mapLst dl.open dd .mCSB_buttonUp,
#lm-menu .mapLst dl.open dd .mCSB_buttonDown {display:none;opacity:0}
#lm-menu .mapUtil {position:absolute;left:0;bottom:0;width:100%;text-align:center}
#lm-menu .mapUtil a {display:block;color:#fff;font-size:15px;padding:27px 0;border-top:1px solid rgba(255,255,255,.2);transition:all .3s ease}
#lm-menu .mapUtil a:focus,
#lm-menu .mapUtil a:hover {background:rgba(0,0,0,.1)}
#lm-menu .func-btn {display:none}
@media all and (max-width:1599px) {
    #lm-menu {width:380px}
    #lm-menu.close {left:-380px}
    #lm-menu .mapLst {padding-top:20px}
    #lm-menu .mapLst dl dd {padding:20px;width:280px}
}
@media all and (max-width:1299px) {
    #lm-menu {width:300px}
    #lm-menu.close {left:-300px}
    #lm-menu .map-tit h1 {font-size:1em}
    #lm-menu .map-lst {width:80px}
    #lm-menu .mapLst {padding-top:15px}
    #lm-menu .mapLst dl {width:80px}
    #lm-menu .mapLst dl dt button {padding:15px 0}
    #lm-menu .mapLst dl dt button span {font-size:15px;line-height:1}
    #lm-menu .mapLst dl dd {padding:15px;width:220px;left:80px}
    #lm-menu .mapLst dl dd ul li button.hasBuildingAbb {padding-right:0}
    #lm-menu .mapLst dl dd ul li button .txt {display:block;max-width:none;margin:0 0 5px}
    #lm-menu .mapLst dl dd ul li.hasNoData .no-data {font-size:15px}
    #lm-menu .mapLst dl dd ul li.hasNoData .no-data:before {width:50px;height:50px}
    #lm-menu .func-btn {display:block;position:absolute;width:40px;height:40px;border:0;background:#fff;left:100%;top:50%;transform:translateY(-50%);box-shadow:5px 0 10px rgba(0, 0, 0, .2);border-radius:0 5px 5px 0}
    #lm-menu .func-btn:before,
    #lm-menu .func-btn:after {content:"";display:block;position:absolute;width:20px;height:2px;background:#333;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
    #lm-menu .func-btn:before {transform:rotate(45deg)}
    #lm-menu .func-btn:after {transform:rotate(-45deg)}
    #lm-menu.close .func-btn {background:#da262e}
    #lm-menu.close .func-btn:before,
    #lm-menu.close .func-btn:after {width:14px;background:#fff}
    #lm-menu.close .func-btn:before {margin:15px auto auto 14px}
    #lm-menu.close .func-btn:after {margin:auto auto 15px 14px}
}
@media all and (max-width:999px) {
    #lm-menu {width:100%;box-shadow:0 5px 10px rgba(0, 0, 0, .2);height:200px}
    #lm-menu.close {left:0;top:-200px}
    #lm-menu .mapPkg {padding:60px 0 0}
    #lm-menu .map-tit {width:100%;height:60px;line-height:60px}
    #lm-menu .map-tit h1 {font-size:1.0em}
    #lm-menu .map-tit h1 img {max-width:none;height:38px}
    #lm-menu .map-tit h1 span {margin:-4px 0 0 10px}
    #lm-menu .map-lst {width:100%}
    #lm-menu .mapLst {padding-top:0;text-align:center;box-sizing:border-box;position:relative}
    #lm-menu .mapLst dl {display:inline-block}
    #lm-menu .mapLst dl dt {}
    #lm-menu .mapLst dl dt button {border-top:0;border-bottom:0;height:50px}
	#lm-menu .mapLst dl dt button:before {top:auto;left:0;bottom:0;border-width:0 7px 5px;border-color:transparent transparent #fff}
	#lm-menu .mapLst dl dt button .name {background:none;padding:0}
    #lm-menu .mapLst dl dd {width:100%;left:0;top:50px;background:#fff;height:90px;padding:10px 15px}
    #lm-menu .mapLst dl dd ul {display:flex;flex-flow:row;flex-wrap:wrap}
    #lm-menu .mapLst dl dd ul li {display:inline-block;width:33.3333%;border-bottom:0;box-sizing:border-box;position:relative;border-top:0 !important;border-bottom:0 !important}
	#lm-menu .mapLst dl dd ul li button .pin {width:24px;height:36px}
	#lm-menu .mapLst dl dd ul li button .num {margin:3px auto}
    #lm-menu .mapLst dl dd ul li.hasNoData {width:100%;padding:0;text-align:center;padding:25px 0}
    #lm-menu .mapLst dl dd ul li.hasNoData:after {display:none}
    #lm-menu .mapLst dl dd ul li.hasNoData .no-data {display:inline-block;padding:0 0 0 60px;box-sizing:border-box;position:relative}
    #lm-menu .mapLst dl dd ul li.hasNoData .no-data:before {position:absolute;margin:0;left:0;top:50%;transform:translateY(-50%)}
    #lm-menu .mapUtil {display:none}
    #lm-menu .func-btn {left:50%;top:100%;transform:translate(-50%, 0);box-shadow:0 5px 10px rgba(0, 0, 0, .2);border-radius:0 0 5px 5px}
    #lm-menu.close .func-btn:before {margin:20px auto auto 9px}
    #lm-menu.close .func-btn:after {margin:20px 9px auto auto}
}
@media all and (max-width:799px) {
    #lm-menu .mapLst dl dd ul li {width:50%;padding:0 15px 0 0}
}
@media all and (max-width:699px) {
    #lm-menu {z-index:2}
}
@media all and (max-width:599px) {
    #lm-menu {height:210px}
    #lm-menu.close {top:-210px}
    #lm-menu .map-tit h1 {font-size:15px}
    #lm-menu .mapLst dl dt button {padding:0;height:40px;line-height:40px}
    #lm-menu .mapLst dl dd {height:110px;top:40px}
    #lm-menu .mapLst dl dd ul li {width:100%;padding:0}
	#lm-menu .mapLst dl dd ul li button {height:45px;padding:0}
    #lm-menu .mapLst dl dd ul li button .txt {margin:0;width:auto;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-wrap:normal;}
    #lm-menu .mapLst dl dd ul li button .num {}
}

/* ==============================
* 03. API지도
================================= */
#campusMap {position:absolute;width:100%;height:100%}
#campusMap .cOverlay {position:absolute;bottom:-2px;left:50%;transform:translateX(-50%);background:none;border:0;box-sizing:border-box;width:30px;height:45px;margin:0 0 0 1px}
#campusMap .cOverlay:after {content:'';display:block;width:5px;height:80%;background:#000;background:linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);border-radius:50%;filter:blur(4px);position:absolute;bottom:0;left:100%;margin:0 0 -10px -4px;transform:rotate(60deg);z-index:-1}
#campusMap .cOverlay span {display:block;font-size:12px;width:20px;line-height:20px;color:#172e53;font-weight:700;padding:8px 5px;text-align:center;transform:translateY(-8px);position:relative;z-index:1}
#campusMap .cOverlay.over span {color:#da262e}

/* ==============================
* 04. 상세보기
================================= */
#rm-text {position:absolute;right:0;bottom:0;width:425px;height:100%;background:#fff;z-index:10;box-shadow:-5px 0 10px rgba(0, 0, 0, .2);box-sizing:border-box;transition:all .3s ease}
#rm-text.close {right:-425px}
#rm-text .cmapPicWr {position:absolute;box-sizing:border-box;width:100%;height:0;padding:65.886% 0 0;left:0;top:0}
#rm-text .cmapPicSld {position:absolute;width:100%;height:100%;text-align:center;background:#f2f2f2 url(/resources/_Img/CampusMap/cmap_noimg.jpg) no-repeat center center;background-size:cover;z-index:0;left:0;top:0}
#rm-text .cmapPicSld .owl-stage-outer,
#rm-text .cmapPicSld .owl-stage,
#rm-text .cmapPicSld .owl-item,
#rm-text .cmapPicSld .item {height:100%;box-sizing:border-box;position:relative;z-index:0}
#rm-text .cmapPicSld .owl-stage-outer {position:absolute;top:0;left:0;width:100%}
#rm-text .cmapPicSld img {display:block;position:absolute;width:100%;height:100%;left:0;top:0}
#rm-text .cmapPicSld .owl-nav {position:absolute;width:100%;left:0;top:50%}
#rm-text .cmapPicSld .owl-nav button {display:block;position:absolute;width:40px;height:40px;border:0;background:rgba(0, 0, 0, .5);top:50%;transform:translateY(-50%);border-radius:3px;font-size:0;transition:all .3s ease}
#rm-text .cmapPicSld .owl-nav button:focus,
#rm-text .cmapPicSld .owl-nav button:hover {background:#12213a}
#rm-text .cmapPicSld .owl-nav button:after {content:"";display:block;position:absolute;width:10px;height:10px;border:solid;border-width:0 0 2px 2px;border-color:transparent transparent #fff #fff;top:0;right:0;bottom:0;left:0}
#rm-text .cmapPicSld .owl-nav .owl-prev {left:10px}
#rm-text .cmapPicSld .owl-nav .owl-prev:after {transform:rotate(45deg);margin:auto auto auto 17px}
#rm-text .cmapPicSld .owl-nav .owl-next {right:10px}
#rm-text .cmapPicSld .owl-nav .owl-next:after {transform:rotate(225deg);margin:auto 17px auto auto}
#rm-text .cmapPicSldCtrl {display:block;position:absolute;text-align:center;padding:10px 25px;background:#f6f6f6;box-shadow:0px 9px 10px 0px rgba(0, 0, 0, 0.1);line-height:1;font-size:0;right:50%;bottom:-20px;transform:translateX(50%);font-size:0;z-index:5}
#rm-text .cmapPicSldCtrl div {display:inline-block;vertical-align:middle;font-size:0;line-height:1}
#rm-text .cmapPicSldCtrl button {display:inline-block;width:20px;height:20px;box-sizing:border-box;position:relative;vertical-align:middle;border:0;background:transparent;transition:all .3s ease}
#rm-text .cmapPicSldCtrl button:after {content:"";display:block;position:absolute;box-sizing:border-box;top:0;right:0;bottom:0;left:0;margin:auto;border:solid;transition:all .3s ease}
#rm-text .cmapPicSldCtrl .dataAuto {}
#rm-text .cmapPicSldCtrl .dataAuto .btn-stop {display:block}
#rm-text .cmapPicSldCtrl .dataAuto .btn-stop:after {width:6px;height:10px;border-width:0 2px;border-color:transparent #999}
#rm-text .cmapPicSldCtrl .dataAuto .btn-stop:focus:after,
#rm-text .cmapPicSldCtrl .dataAuto .btn-stop:hover:after {border-color:transparent #055a23}
#rm-text .cmapPicSldCtrl .dataAuto .btn-play {display:none}
#rm-text .cmapPicSldCtrl .dataAuto .btn-play:after {width:0;height:0;border-width:5px 0 5px 5px;border-color:transparent transparent transparent #999}
#rm-text .cmapPicSldCtrl .dataAuto .btn-play:focus:after,
#rm-text .cmapPicSldCtrl .dataAuto .btn-play:hover:after {border-color:transparent transparent transparent #055a23}
#rm-text .cmapPicSldCtrl .dataDots {}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot {display:inline-block}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot:after {width:10px;height:10px;border-radius:50%;background:#c8c8c8;border:0}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot:focus:after,
#rm-text .cmapPicSldCtrl .dataDots .owl-dot:hover:after {background:#555}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot span {width:1px;height:1px;overflow:hidden;position:absolute;top:-9999em;left:-9999em;display:block;text-indent:-9999em;font-size:0;line-height:0}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot span .isSel {display:none}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot.active {}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot.active:after {background:#da262e}
#rm-text .cmapPicSldCtrl .dataDots .owl-dot.active span .isSel {display:block}
#rm-text .cmapConWr {height:100%;box-sizing:border-box;padding:65.886% 20px 20px}
#rm-text .cmapConWr .ccPkg {height:100%;box-sizing:border-box;display:flex;flex-flow:column}
#rm-text .cmapConWr .ccTit {border-bottom:1px solid #d2d2d2;font-weight:500;margin:-20px 0 22px;padding-bottom:26px;z-index:4}
#rm-text .cmapConWr .ccTit .pin {background:url(/resources/_Img/CampusMap/pin_ov.png) no-repeat;display:block;width:30px;height:45px;margin:0 15px 18px 0;text-align:center;position:relative;z-index:1}
#rm-text .cmapConWr .ccTit .pin:after {content:'';display:block;width:5px;height:80%;background:#000;background:linear-gradient(45deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);border-radius:50%;filter:blur(4px);position:absolute;bottom:0;left:100%;margin:0 0 -10px -4px;transform:rotate(60deg);z-index:-1}
#rm-text .cmapConWr .ccTit .num {display:block;font-size:12px;width:20px;line-height:20px;color:#da262e;font-weight:700;padding:6px 0;margin:0 auto;text-align:center;position:relative;z-index:1}
#rm-text .cmapConWr .ccTit .name {display:block;font-family:"SCoreDream", sans-serif;font-size:1.556em;color:#000}
#rm-text .cmapConWr .ccTxt {display:block;position:relative;height:100%;box-sizing:border-box;padding:70px 0 0;overflow:hidden}
#rm-text .cmapConWr .ccTxt .cType {display:block;position:absolute;width:100%;left:0;top:0}
#rm-text .cmapConWr .ccTxt .cType button {float:left;width:100%;height:50px;text-align:center;background:#fff;border:1px solid #12213a;box-sizing:border-box;color:#333;font-size:0.944em;font-weight:500;padding:0 0 3px}
#rm-text .cmapConWr .ccTxt .cType button.build {}
#rm-text .cmapConWr .ccTxt .cType button.floor {border-right:0}
#rm-text .cmapConWr .ccTxt .cType button.on {background:#12213a;color:#fff}
#rm-text .cmapConWr .ccTxt .cBody {height:100%}
#rm-text .cmapConWr .ccTxt .cBody .mCSB_inside > .mCSB_container {margin-right:20px}
#rm-text .cmapConWr .ccTxt .cBody .mCSB_scrollTools {right:-7px}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList.view,
#rm-text .cmapConWr .ccTxt .cBody .cmap-gInfo.view {display:block}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList {display:none}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li {display:flex;flex-flow:row;align-items:flex-start;position:relative;margin:0 0 20px;line-height:1.647}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .num {display:block;color:#333;font-weight:500;padding:0 0 4px;border-bottom:2px solid #ccc;margin:0 23px 0 0}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt {color:#666;display:block;font-size:.944em}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt p {margin:0 0 10px}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt p:last-child {margin:0}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt .strKor {}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt .strEng {}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt .strJap {}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt .strChi {}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gList li .txt .strEtc {display:inline-block;padding:3px 0 0;border-top:1px solid #ddd;font-size:15px;color:#777}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gInfo {display:none}
#rm-text .cmapConWr .ccTxt .cBody .cmap-gInfo * {word-wrap:break-word;word-break:keep-all;white-space:normal}
#rm-text .func-btn {display:none}
@media all and (max-width:1599px) {
    #rm-text {width:380px}
    #rm-text.close {right:-380px}
}
@media all and (max-width:1299px) {
    #rm-text {width:300px}
    #rm-text.close {right:-300px}
    #rm-text .cmapConWr .ccTxt {padding:65px 0 0}
    #rm-text .func-btn {display:block;position:absolute;width:40px;height:40px;border:0;background:#fff;right:100%;top:50%;transform:translateY(-50%);box-shadow:-5px 0 10px rgba(0, 0, 0, .2);border-radius:5px 0 0 5px}
    #rm-text .func-btn:before,
    #rm-text .func-btn:after {content:"";display:block;position:absolute;width:20px;height:2px;background:#333;top:0;right:0;bottom:0;left:0;margin:auto;transition:all .3s ease}
    #rm-text .func-btn:before {transform:rotate(45deg)}
    #rm-text .func-btn:after {transform:rotate(-45deg)}
    #rm-text.close .func-btn {background:#da262e}
    #rm-text.close .func-btn:before,
    #rm-text.close .func-btn:after {width:14px;background:#fff}
    #rm-text.close .func-btn:before {margin:auto auto 15px 12px}
    #rm-text.close .func-btn:after {margin:15px auto auto 12px}
}
@media all and (max-width:999px) {
    #rm-text {width:100%;height:300px;box-shadow:0 -5px 10px rgba(0, 0, 0, .2)}
    #rm-text.close {bottom:-300px;right:auto}
    #rm-text .cmapPicWr {width:300px;left:20px;top:20px;height:auto;padding:0}
    #rm-text .cmapPicSld {position:relative;height:0;z-index:0;left:auto;top:auto;padding:0 0 65.88235%}
    #rm-text .cmapPicSld .owl-nav button {width:30px;height:30px}
    #rm-text .cmapPicSld .owl-nav .owl-prev {left:10px}
    #rm-text .cmapPicSld .owl-nav .owl-prev:after {margin:auto auto auto 12px}
    #rm-text .cmapPicSld .owl-nav .owl-next {right:10px}
    #rm-text .cmapPicSld .owl-nav .owl-next:after {margin:auto 12px auto auto}
    #rm-text .cmapPicSldCtrl {padding:5px;bottom:-15px}
    #rm-text .cmapConWr {padding:17px 20px 20px 340px;z-index:2}
    #rm-text .cmapConWr .ccTit {display:flex;align-items:center;margin:0 0 10px;padding-bottom:10px}
    #rm-text .cmapConWr .ccTit:before {width:21px;height:31px;background-size:cover}
    #rm-text .cmapConWr .ccTit .buld {height:14px}
	#rm-text .cmapConWr .ccTit .pin {margin-bottom:0}
    #rm-text .cmapConWr .ccTit .name {font-size:1.3em}
    #rm-text .cmapConWr .ccTxt .cType button {height:40px}
    #rm-text .func-btn {right:50%;top:auto;bottom:100%;transform:translate(50%, 0);box-shadow:0 -5px 10px rgba(0, 0, 0, .2);border-radius:5px 5px 0 0}
    #rm-text.close .func-btn:before {margin:auto 9px 20px auto}
    #rm-text.close .func-btn:after {margin:auto auto 20px 9px}
}
@media all and (max-width:799px) {
    #rm-text .cmapConWr {padding:17px 20px 20px 280px}
    #rm-text .cmapPicWr {width:240px}
}
@media all and (max-width:699px) {
    #rm-text {height:100%;z-index:3;bottom:0}
    #rm-text.close {bottom:-100%}
    #rm-text .cmapConWr {padding:65.886% 20px 20px}
    #rm-text .cmapPicWr {width:100%;left:auto;top:auto;padding:65.886% 0 0}
    #rm-text .cmapPicSld {position:absolute;width:100%;height:100%;z-index:0;left:0;top:0;padding:0}
    #rm-text .cmapConWr .ccTit {padding-top:15px}
    #rm-text .func-btn {right:15px;top:15px;bottom:auto;transform:none;box-shadow:none;border-radius:0;z-index:3}
    #rm-text.close .func-btn {right:50%;top:auto;bottom:100%;transform:translateX(50%);border-radius:5px 5px 0 0;box-shadow:0 -5px 10px rgba(0, 0, 0, .2)}
}
@media all and (max-width:499px) {
    #rm-text .cmapConWr .ccTit .name {font-size:1.2em;}
    #rm-text .cmapConWr .ccTxt .cBody .cmap-gInfo .c-tit03 {font-size:1.1em;}
    #rm-text .cmapConWr .ccTxt .cBody .cmap-gInfo ul li {font-size:16px;line-height:1.2}
    #rm-text .cmapConWr .ccTxt .cBody .cmap-gInfo ul li:before {top:11px}
}