body.mfchord_body {margin:0;padding:0}
body.mfchord_body img {border:0}
body.mfchord_body ul, body.mfchord_body li {margin:0;padding:0;list-style:none outside}
div.mfchord_container {width:520px;font-size:12px;font-family:'PT Serif',serif;line-height:1;word-spacing:0;text-align:left;border:#d5d5d5 1px solid}
body.mfchord_body div.mfchord_container {height:240px;overflow:hidden}
body.mfchord_body.subscr div.mfchord_container {height:auto}
body:not(.mfchord_body) div.mfchord_container {display:inline-block}
div.mfchord_container > div {display:inline-block;vertical-align:top;margin-bottom:4px}
div.mfchord_container > div:first-child {width:215px;background-color:white;padding-left:5px}
div.mfchord_container > div:last-child {width:300px}

div.mfchord_container > div:first-child > div:first-child {position:relative;height:22px;margin:3px}
div.mfchord_container > div:first-child > div:nth-child(2) {position:relative;width:195px;height:150px}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child {position:relative;margin-left:31px;width:169px;height:150px;overflow:hidden}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child > table:first-child {position:absolute;top:0;width:753px;border-spacing:1px;table-layout:fixed;border:0}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child > table:first-child tr > th:first-child {border-left:white 2px solid}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child > table:first-child th {padding:0;width:29px;height:19px;text-align:center;font-size:12px;overflow:hidden}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child > table:last-child {position:absolute;top:35px;width:723px;border-spacing:1px;table-layout:fixed;border:0;background-color:#B2B2B2}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child > table:last-child tr {background-color:white}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child > table:last-child tr > td:first-child {border-left:#B2B2B2 2px solid}
div.mfchord_container > div:first-child > div:nth-child(2) > div:first-child > table:last-child td {padding:0;width:29px;height:19px;text-align:center;overflow:hidden}
div.mfchord_container > div:first-child > div:nth-child(2) > div:nth-child(2)::after {content:url(/data/chords/watermark_diagram.png);position:absolute;right:0px;bottom:2px;display:inline-block}
div.mfchord_container > div:first-child > div:last-child {display:none;height:10px;text-align:center;margin-bottom:3px}
div.mfchord_container > div:first-child > div:last-child > span, div#div_mfchord_shapeview > span {cursor:pointer}
div.mfchord_container > div:first-child > div:last-child > span:first-child, #btn_mfchord_v_pitch {margin-right:10px}
div.mfchord_container > div:first-child > div:nth-child(3), div.mfchord_container > div:first-child > div:nth-child(4) {font-size:11px;line-height:1;font-family:gulim,arial,serif}
div.mfchord_container > div:first-child > div:nth-child(3) span {font-size:12px}
div.mfchord_container > div:first-child > div:nth-child(4) {margin:3px 0}

.mfchord_pos_area {position:absolute;width:29px;height:19px}
.mfchord_pitch {position:absolute;left:0;top:2px;width:28px;height:14px;text-align:center;overflow:hidden;cursor:default;font-size:14px;line-height:100%;font-weight:bold}
.mfchord_interval {position:absolute;right:1px;bottom:-2px;cursor:default;font-family:'Oswald',sans-serif;font-size:11px;line-height:100%;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white}

div.mfchord_container > div:last-child > div:first-child {position:relative;width:300px;height:200px;margin-bottom:4px;background:url(/data/chords/pic_blank.jpg) no-repeat scroll left top}
div.mfchord_container > div:last-child > div:first-child div {position:absolute;left:0;top:0;width:300px;height:200px;background-repeat:no-repeat;background-attachment:scroll}
ul.ul_mfchord_media li {float:left;margin:0 3px 3px 3px;font-family:Dotum,arial,serif}
ul.ul_mfchord_media li:nth-child(odd) {width:64px;text-align:right}
ul.ul_mfchord_media li:nth-child(4n-2) {width:92px}
ul.ul_mfchord_media::after {content:"";display:block;clear:left}

div.mfchord_container > div:last-child > div:last-child audio+span,
div.mfchord_container > div:last-child > div:last-child li:nth-child(4) span {width:34px}

div.mfchord_container .div_chord_subscr_pop {position:absolute;z-index:10;left:0;top:0;display:none;overflow:hidden;padding:10px;width:185px;border:#8c8c8c 1px solid;background-color:white;font:normal normal 12px/0.8 '돋움',Dotum,'굴림',Arial}
div.mfchord_container .div_chord_subscr_pop .div_chord_subscr_url {padding:10px 5px 8px 5px;width:80px;background-color:#f8f8f8;text-overflow:ellipsis;white-space:nowrap}
div.mfchord_container .div_chord_subscr_pop > a {padding:10px 4px 8px 4px;margin-left:-1px}
div.mfchord_container .div_chord_subscr_pop > * {display:inline-block;border:#d8d8d8 1px solid;vertical-align:top;overflow:hidden;cursor:pointer}

/* codePictureNavigation */
.mfchord_codePicture {display:block}
.mfchord_codePicture > span {display:inline-block;width:18px;margin:0 1px;text-align:center;font:normal 9px Arial;text-decoration:none;line-height:normal}
.mfchord_codePicture .current {font-weight:bold; color:#f23219 !important; border:#f23219 1px solid;cursor:default}
.mfchord_codePicture .disable {color:#dbdbdb !important; border:#dbdbdb 1px solid;cursor:default}
.mfchord_codePicture .avail {color:#59b948 !important; border:#59b948 1px solid;cursor:pointer}
.mfchord_codePicture .able {color:blue !important; border:blue 1px solid;cursor:pointer}
.mfchord_codePicture .less {color:#f23219 !important; border:#f23219 1px solid;cursor:pointer}
.mfchord_codePicture.naturalwidth span {width:auto}
.mfchord_codePicture.no_hand span {cursor:default}

[class|='cdset'] {display:inline-block;vertical-align:middle;background:url(/Chord/mfset_chord.png) no-repeat}
.cdset-btn-pitch-on {width:53px;height:10px;background-position:0px 0px}
.cdset-btn-pitch-off {width:53px;height:10px;background-position:0px -10px}
.cdset-btn-interval-on {width:53px;height:10px;background-position:-53px 0px}
.cdset-btn-interval-off {width:53px;height:10px;background-position:-53px -10px}
.cdset-mflogo-picture {position:absolute;right:9px;bottom:3px;width:106px;height:25px;background-position:-194px 0px}
.cdset-mflogo-dia {position:absolute;right:0;bottom:5px;width:69px;height:16px;background-position:-231px -25px}
.cdset-inlay {display:table-cell;background-position:-279px -43px}
.cdset-btn-bg-off {width:65px;height:20px;background-position:0px -173px}
.cdset-btn-bg-on1 {width:65px;height:20px;background-position:-66px -173px}
.cdset-btn-bg-on2 {width:65px;height:20px;background-position:-132px -173px}
.cdset-subscr {float:right;width:18px;height:15px;background-position:0 -194px}
.cdset-subscr::after {content:"";clear:right;display:block}

[class|='cdset-pos'] {width:18px;height:18px;margin-left:5px}
.cdset-pos-white {background-position:0px -21px}
.cdset-pos-root {background-position:-18px -21px}
.cdset-pos-black {background-position:-36px -21px}
.cdset-pos-gray {background-position:-54px -21px}
.cdset-pos-yellow {background-position:-72px -21px}
.cdset-pos-hidden {background-position:-90px -21px}
.cdset-pos-x {background-position:-108px -21px}

[class|='cdset-root'], [class|='cdset-inv'], [class|='cdset-suf'], [class|='cdset-upper'] {height:22px}
.cdset-root-A {width:19px;background-position:0px -40px}
.cdset-root-B {width:17px;background-position:-19px -40px}
.cdset-root-C {width:17px;background-position:-36px -40px}
.cdset-root-D {width:18px;background-position:-53px -40px}
.cdset-root-E {width:16px;background-position:-71px -40px}
.cdset-root-F {width:14px;background-position:-87px -40px}
.cdset-root-G {width:19px;background-position:-101px -40px}
.cdset-root-b {width:8px;background-position:-120px -40px}
.cdset-root-h {width:9px;background-position:-128px -40px}

.cdset-inv-slash {width:7px;background-position:0px -62px}
.cdset-inv-A {width:16px;background-position:-7px -62px}
.cdset-inv-B {width:14px;background-position:-23px -62px}
.cdset-inv-C {width:15px;background-position:-37px -62px}
.cdset-inv-D {width:16px;background-position:-52px -62px}
.cdset-inv-E {width:14px;background-position:-68px -62px}
.cdset-inv-F {width:12px;background-position:-82px -62px}
.cdset-inv-G {width:16px;background-position:-94px -62px}
.cdset-inv-b {width:7px;background-position:-110px -62px}
.cdset-inv-h {width:8px;background-position:-117px -62px}

.cdset-suf-1 {width:8px;background-position:0px -84px}
.cdset-suf-2 {width:11px;background-position:-8px -84px}
.cdset-suf-3 {width:10px;background-position:-19px -84px}
.cdset-suf-4 {width:11px;background-position:-29px -84px}
.cdset-suf-5 {width:10px;background-position:-40px -84px}
.cdset-suf-6 {width:10px;background-position:-50px -84px}
.cdset-suf-7 {width:10px;background-position:-60px -84px}
.cdset-suf-8 {width:10px;background-position:-70px -84px}
.cdset-suf-9 {width:11px;background-position:-80px -84px}
.cdset-suf-10 {width:20px;background-position:-91px -84px}
.cdset-suf-11 {width:17px;background-position:-111px -84px}
.cdset-suf-12 {width:19px;background-position:-128px -84px}
.cdset-suf-13 {width:19px;background-position:-147px -84px}

.cdset-suf-M {width:19px;background-position:0px -106px}
.cdset-suf-maj {width:33px;background-position:-96px -106px}
.cdset-suf-m {width:17px;background-position:-19px -106px}
.cdset-suf-sus {width:28px;background-position:-36px -106px}
.cdset-suf-add {width:32px;background-position:-64px -106px}
.cdset-suf-aug {width:30px;background-position:-129px -106px}
.cdset-suf-dim {width:34px;background-position:-159px -106px}

.cdset-upper-open {width:5px;background-position:0px -128px}
.cdset-upper-close {width:5px;background-position:-5px -128px}
.cdset-upper-b {width:5px;background-position:-11px -128px}
.cdset-upper-h {width:6px;background-position:-16px -128px}
.cdset-upper-no {width:14px;background-position:-22px -128px}
.cdset-upper-1 {width:5px;background-position:-36px -128px}
.cdset-upper-2 {width:7px;background-position:-41px -128px}
.cdset-upper-3 {width:7px;background-position:-48px -128px}
.cdset-upper-4 {width:7px;background-position:-55px -128px}
.cdset-upper-5 {width:7px;background-position:-62px -128px}
.cdset-upper-6 {width:7px;background-position:-69px -128px}
.cdset-upper-7 {width:7px;background-position:-76px -128px}
.cdset-upper-8 {width:7px;background-position:-83px -128px}
.cdset-upper-9 {width:7px;background-position:-90px -128px}
.cdset-upper-10 {width:13px;background-position:-97px -128px}
.cdset-upper-11 {width:11px;background-position:-110px -128px}
.cdset-upper-12 {width:12px;background-position:-121px -128px}
.cdset-upper-13 {width:12px;background-position:-133px -128px}

.cdset-upper-inv-open {width:7px;background-position:0px -150px}
.cdset-upper-inv-close {width:8px;background-position:-8px -150px}
.cdset-upper-inv-h11_9 {width:17px;background-position:-16px -150px}

@media screen and (max-width:900px){
	div[data-role="mfUpElement"] > div.mfchord_container {width:auto}
	div[data-role="mfUpElement"] > div.mfchord_container > div:last-child {display:block;margin-top:15px}
}