#tutorialBox { position: absolute; top: 40px; left: 50%; margin-left: -360px; z-index: 9999; }
#tutorialBox .tutorialBoxInner { width: 720px; }
#tutorialBox .ok, #tutorialBox .cancel, #tutorialBox .disable { display: block; width: 200px; padding: 15px 0; margin: 0 auto; background: #f0cf4b; color: #444; font-weight: bold; text-align: center; font-size: 120%; border-radius: 5px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.5); }
#tutorialBox .ok:hover, #tutorialBox .cancel:hover, #tutorialBox .disable:hover { color: #444; }
#tutorialBox .ok:visited, #tutorialBox .cancel:visited, #tutorialBox .disable:visited { color: #444; }
#tutorialBox .disable { background: #c7c7c7; }
#tutorialBox .tutorial1 { width: 100%; padding-top: 370px; background: url(../img/cmn/tutorial1.png) no-repeat center top; }
#tutorialBox .tutorial1 .btns { width: 610px; margin: 0 auto 10px auto; }
#tutorialBox .tutorial1 .tutorialBtn { display: block; width: 300px; padding: 15px 0; min-height: 35px; background-position: 262px -442px; }
#tutorialBox .tutorial1 .existing { float: left; width: 300px; margin-right: 10px; background: #26b99e; text-align: center; font-weight: bold; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.5); border-radius: 5px; }
#tutorialBox .tutorial1 .existing .tutorialBtn { color: #FFF; }
#tutorialBox .tutorial1 .existing .tutorialBtn:hover { color: #FFF; opacity: 0.8; }
#tutorialBox .tutorial1 .existing .tutorialBtn:visited { color: #FFF; }
#tutorialBox .tutorial1 .new { float: left; width: 300px; background: #f0cf4b; text-align: center; font-weight: bold; border-radius: 5px; border-radius: 5px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.5); }
#tutorialBox .tutorial1 .new .tutorialBtn { padding: 30px 0 15px 0; color: #444; }
#tutorialBox .tutorial1 .new .tutorialBtn:hover { color: #444; opacity: 0.8; }
#tutorialBox .tutorial1 .new .tutorialBtn:visited { color: #444; }
#tutorialBox .tutorial1 .txt { width: 610px; margin: 0 auto; color: #FFF; text-align: right; font-size: 85%; }
#tutorialBox .tutorial2 { display: none; }
#tutorialBox .tutorial2 .ttl { margin-bottom: 20px; font-size: 120%; line-height: 1.2; color: #FFF; }
#tutorialBox .tutorial2 .itemList { width: 720px; margin: 0 auto 30px auto; }
#tutorialBox .tutorial2 .item { float: left; width: 134px; height: 75px; margin: 0 10px 10px 0; background: #26b99e; text-align: center; border-radius: 2px; box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.5); }
#tutorialBox .tutorial2 .item a { display: block; margin: 27px 0; color: #FFF; }
#tutorialBox .tutorial2 .item:nth-child(5) { margin-right: 0; }
#tutorialBox .tutorial2 .on { background: #0f7764 url(../img/cmn/tutorialChecked.png) no-repeat center center; }
#tutorialBox .tutorial2 .disable { color: #777; cursor: default; }
#tutorialBox .tutorial2 .disable:hover { text-decoration: none; }
#tutorialBox .tutorial3 { display: none; color: #FFF; }
#tutorialBox .tutorial3 .ttl { margin-bottom: 20px; font-size: 120%; line-height: 1.2; }
#tutorialBox .tutorial3 .categoryResult { float: left; width: 50%; margin-bottom: 20px; }
#tutorialBox .tutorial3 .categoryResult ul { margin-right: 20px; }
#tutorialBox .tutorial3 .categoryTtl { margin: 0 20px 10px 0; padding: 8px 10px; background: #26b99e; }
#tutorialBox .tutorial3 .item { margin-bottom: 15px; }
#tutorialBox .tutorial3 label { display: inline; float: none; width: auto; font-size: 130%; }
#tutorialBox .tutorial3 label input { display: inline; float: none; width: auto; margin-right: 5px; }
#tutorialBox .tutorial3 .txt { font-size: 80%; color: #E6E6E6; }
#tutorialBox .tutorial3 .btnBox { width: 410px; margin: 0 auto; }
#tutorialBox .tutorial3 .btnBox .cancel { float: left; margin-right: 10px; background: #c7c7c7; }
#tutorialBox .tutorial3 .btnBox .ok, #tutorialBox .tutorial3 .btnBox .cancel, #tutorialBox .tutorial3 .btnBox .disable { float: left; }

.tutorial5 { display: none; }
.tutorial5 .yidPopup { padding: 10px; font-size: 85%; background: #f0cf4b; font-weight: bold; *top: -120px; }
.tutorial5 .yidPopup:after { border-bottom-color: #f0cf4b; }
.tutorial5 .addContents { right: 411px; *right: 330px; }
.tutorial5 .addContents:before { left: 160px; }
.tutorial5 .addContents:after { left: 160px; }
.tutorial5 .editLayout { right: 174px; *right: 122px; }
.tutorial5 .editLayout:before { left: 25px; }
.tutorial5 .editLayout:after { left: 25px; }

.grayout { background: #000; opacity: 0.65; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 9998; filter: alpha(opacity=65); }