@charset "utf-8";

.wrap {display:block; height:auto; min-height:calc(100% - 170px); overflow:hidden; max-width:720px; margin:60px auto 0px; background:#FFF; padding-bottom:100px;}
.wrap.regi {margin-top:100px;}
.wrap.bbs {margin-top:100px;}
.wrap.mypage {margin-top:100px;}
.wrap.schedule {margin-top:160px;}
.wrap.legal {padding-bottom:0;}
.wrap.write {margin:0 auto; padding:0; min-height:100vh;}

.dim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0); z-index:-1; transition:.2s all;}
.dim.on {background:rgba(0, 0, 0, 0.5); z-index:1000;}
.sideMenuSet {position:fixed; right:-100%; top:0; width:70%; height:100%; overflow:hidden; overflow-y:auto; background:#f9f9f9; padding:15px; z-index:1100; transition:.4s all; opacity:0;}
.sideMenuSet.on {right:0; opacity:1.0;}
.sideMenuSet .sideClose {position:absolute; right:20px; top:20px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}
.sideMenuSet .userSec {display:block; height:auto; overflow:hidden; padding:20px; background:#FFF; border:1px solid #ddd; margin-bottom:25px;}
.sideMenuSet .userSec .welCome {font-size:16px; line-height:1.3; margin-bottom:10px; padding-right:20px;}
.sideMenuSet .userSec .welCome em {font-weight:700;}
.sideMenuSet .userSec .utilMenu {display:block; height:auto; overflow:hidden;}
.sideMenuSet .userSec .utilMenu .txt a {display:inline-block; font-size:14px; color:#333; font-weight:400; padding-right:13px; margin-right:10px; position:relative;}
.sideMenuSet .userSec .utilMenu .txt a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:70%; background:#ccc;}
.sideMenuSet .userSec .utilMenu .txt:last-child a {padding-right:0; margin-right:0;}
.sideMenuSet .userSec .utilMenu .txt:last-child a:after {background:none;}
.sideMenuSet .userSec .utilMenu .txt.blue a {color:#1face6;}

.sideMenuSet .sideMenu {display:block; height:auto; overflow:hidden;}
.sideMenuSet .sideMenu .sbMenu {display:block; height:auto; overflow:hidden; border:1px solid #ddd; background:#FFF; margin-bottom:10px;}
.sideMenuSet .sideMenu .sbMenu .current {padding:15px 20px; border-bottom:1px solid #ddd; font-size:15px; color:#333; font-weight:700; position:relative;}
.sideMenuSet .sideMenu .sbMenu .current:after {content:''; position:absolute; right:15px; top:20px; width:14px; height:6px; background:url(../img/ar_more.png) no-repeat 50% 50%; background-size:100%; transform:rotate(-180deg); transition:.4s all;}
.sideMenuSet .sideMenu .sbMenu .current.on {color:#2a4198;}
.sideMenuSet .sideMenu .sbMenu .current.on:after {transform:rotate(0deg);}
.sideMenuSet .sideMenu .sbMenu .smList {display:none; height:auto; overflow:hidden;}
.sideMenuSet .sideMenu .sbMenu .smList li {display:block; height:auto; overflow:hidden; font-size:14px;}
.sideMenuSet .sideMenu .sbMenu .smList li a {display:block; padding:10px 20px; color:#444; border-bottom:1px solid #eee;}
.sideMenuSet .sideMenu .sbMenu .smList li:last-child a {border-bottom:0;}
.sideMenuSet .sideMenu .kakaoLink {display:block; height:auto; overflow:hidden; margin:15px 0 40px 0; text-align:right;}
.sideMenuSet .sideMenu .kakaoLink .inKakao a {display:inline-block; padding:10px 30px 12px 45px; background:#fae100 url(../img/ico_kakaoplus.png) no-repeat 7px 50%; background-size:24px 24px; border-radius:40px; color:#3c1e1e; font-size:15px; letter-spacing:0; font-weight:500;}

.comnHead {position:fixed; left:50%; top:0; background:rgba(255, 255, 255, 1.0); width:100%; height:60px; padding:0 20px; z-index:100; max-width:720px; transform:translate(-50%, 0); border:0;
-webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
}
.comnHead .logo a {position:absolute; left:20px; top:50%; transform:translate(0, -50%);}
.comnHead .logo img {width:140px;}
.comnHead .goKatalk a {position:absolute; right:95px; width:30px; height:30px; top:50%; transform:translate(0, -50%); border-radius:50%; background:url(../img/ico_katalk.png) no-repeat 50% 50%; background-size:100%; text-indent:-9999px;}
.comnHead .btnSearch a {position:absolute; right:50px; width:40px; height:40px; top:50%; transform:translate(0, -50%); text-align:center; background:url(../img/ico_search.png) no-repeat 50% 50%; background-size:25px 25px; text-indent:-9999px;}
.comnHead .btnMenu a {position:absolute; right:10px; width:40px; height:40px; top:50%; transform:translate(0, -50%); text-align:center; background:url(../img/ico_menu.png) no-repeat 50% 50%; background-size:25px 25px; text-indent:-9999px;}
.comnHead .legalClose a {position:absolute; right:10px; width:40px; height:40px; top:50%; transform:translate(0, -50%); text-align:center; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:16px 16px; text-indent:-9999px;}
.comnHead h1 {float:left; color:#333; font-size:16px; font-weight:500; line-height:60px;}

.searchForm {position:fixed; left:0; top:-100%; width:100%; height:auto; background:#FFF; padding:20px; z-index:-1; opacity:0; transition:.4s all;
-webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
}
.searchForm.on {top:0; opacity:1.0; z-index:10000;}
.searchForm .sfTitle {color:#333; font-weight:500; margin-bottom:15px;}
.searchForm .form {display:block; height:auto; overflow:hidden; position:relative; padding-right:36px;}
.searchForm .form button.btnSch {position:absolute; right:-10px; width:46px; height:46px; background:url(../img/ico_search.png) no-repeat 50% 50%; background-size:25px 25px; text-indent:-9999px; cursor:pointer;}
.searchForm .searchClose {position:absolute; right:14px; top:8px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}

.invenMenu {position:fixed; left:0; bottom:0; width:100%; height:70px; border-top:1px solid #dadada; background:#FFF; padding:0 10px; z-index:10; 
-webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
}
.invenMenu .invenInner {max-width:720px; margin:0 auto;}
.invenMenu .inMenu {float:left; width:19%; height:100%; text-align:center; font-size:12px;}
.invenMenu .inMenu a {display:block; color:#333; font-weight:500; padding-top:10px; position:relative;}
.invenMenu .inMenu a em {position:absolute; right:15px; top:5px; width:20px; height:20px; line-height:20px; font-weight:500; border-radius:50%; font-size:9px; color:#FFF; background:#f20000; letter-spacing:0;}
.invenMenu .inMatch {float:left; width:24%; height:100%; text-align:center; font-size:14px;}
.invenMenu .inMatch a {display:block; color:#2a4198; font-weight:500;}
.invenMenu .inMatch .icoMatch {display:block; width:60px; height:60px; border-radius:50%; margin:-30px auto 8px; position:relative; background:url(../img/ico_matching.png) no-repeat 50% 50%; background-size:100%;
-webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
}

.invenMenu .inMenu .ico {display:block; width:25px; height:25px; margin:0 auto 5px;}
.invenMenu .inMenu .ico.home {background:url(../img/ico_home.png) no-repeat 50% 50%; background-size:100%;}
.invenMenu .inMenu .ico.in01 {background:url(../img/ico_column.png) no-repeat 50% 50%; background-size:100%;}
.invenMenu .inMenu .ico.in02 {background:url(../img/ico_feed.png) no-repeat 50% 50%; background-size:100%;}
.invenMenu .inMenu .ico.in03 {background:url(../img/ico_note.png) no-repeat 50% 50%; background-size:100%;}
.invenMenu .inMenu .ico.in04 {background:url(../img/ico_write.png) no-repeat 50% 50%; background-size:100%;}

.subMenu {position:fixed; left:50%; top:60px; height:40px; width:100%; padding:0; z-index:100; padding-left:55px; box-sizing:border-box; max-width:720px; transform:translate(-50%, 0);
background: rgb(0,160,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,160,226,1) 0%, rgba(42,65,152,1) 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e2', endColorstr='#2a4198',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.subMenu .cateMenuSet {display:block; height:auto; white-space:nowrap; overflow-x:auto;}
.subMenu .cateMenuSet .cateMenu {display:inline-block; width:auto;}
.subMenu .cateMenuSet .cateMenu a {display:block; line-height:40px; color:#FFF; font-size:14px; padding:0 20px; opacity:0.5;}
.subMenu .cateMenuSet .cateMenu:first-child a {padding-left:0;}
.subMenu .cateMenuSet .cateMenu.on a {opacity:1.0;}
.subMenu .btnBack a {position:absolute; left:10px; top:0px; width:40px; height:40px; text-indent:-99999px; background:url(../img/ico_back.png) no-repeat 50% 50%; background-size:11px 20px;}

.subMenu .wMenu {display:block; height:auto; white-space:nowrap; overflow-x:auto;}
.subMenu .wMenu .cateMenu {display:inline-block; width:auto;}
.subMenu .wMenu .cateMenu a {display:block; line-height:40px; color:#FFF; font-size:14px; padding:0 20px; opacity:0.5;}
.subMenu .wMenu .cateMenu:first-child a {padding-left:0;}
.subMenu .wMenu .cateMenu.on a {opacity:1.0;}

input[type="text"], input[type="password"], input[type="number"] {display:inline-block; width:100%; height:46px; line-height:44px; border:1px solid #dadada; background:#f9f9f9; font-size:16px; color:#333; padding:0 15px; box-sizing:border-box; border-radius:5px;}
select {display:inline-block; width:100%; height:46px; line-height:44px; border:1px solid #dadada; background:#f9f9f9; font-size:16px; color:#999; padding:0 15px; box-sizing:border-box; border-radius:5px;}

.subConWrap {display:block; height:auto; overflow:hidden; padding:20px; line-height:1.4; margin-bottom:10px;}
.subConWrap h3 {color:#333; font-size:13px; padding:20px 0 10px 0; font-weight:700;}

.loginWrap {display:block; height:auto; overflow:hidden; padding-top:80px;}
.loginWrap.short {padding-top:40px;}
.loginWrap .subLogo {display:block; text-align:center;}
.loginWrap .subLogo img {width:160px;}
.loginWrap .loginMent {text-align:center; padding:20px 0; font-size:18px; font-weight:500; line-height:1.3;}

.loginForm {display:block; height:auto; overflow:hidden; padding:30px 20px;}
.loginForm li {display:block; height:auto; overflow:hidden; margin-bottom:10px;}
.loginForm li.saveId {padding:5px 0;}
.loginForm li.saveId .chkB input + span {font-size:16px; color:#666;}
.loginForm li.saveId .chkB input:checked + span {color:#1face6;}
.loginForm .btnArea {margin-top:20px;}
.loginForm .regiFuncBtns {display:block; height:auto; overflow:hidden; margin-top:15px;}
.loginForm .regiFuncBtns li {text-align:center; margin:0;}
.loginForm .regiFuncBtns li a {display:inline-block; font-size:14px; color:#666; padding:10px 3px; position:relative;}
.loginForm .regiFuncBtns li a:after {content:''; position:absolute; left:0; bottom:5px; width:100%; height:1px; background:#666;}
.loginForm .welcomeTxt {display:block; padding:20px 0; text-align:center; font-size:20px; font-weight:500; line-height:1.5; border-top:1px solid #dadada;}

.snsLoginSec {clear:both; display:block; height:auto; overflow:hidden; margin:30px 0; padding:0 20px;}
.snsLoginSec .elseTxt {text-align:center; font-size:15px; color:#333; padding-bottom:20px; line-height:1.4;}
.snsLoginSec ul {display:block; height:auto; overflow:hidden; text-align:center;}
.snsLoginSec ul li {display:inline-block; width:20%; height:auto; overflow:hidden; text-align:center; margin:0 1%;}
.snsLoginSec ul li img {width:100%; max-width:70px;}

.regiWrap {display:block; height:auto; overflow:hidden; padding:20px; background:#FFF; min-height:60vh;}
.regiWrap .subLogo {display:block; text-align:center;}
.regiWrap .subLogo img {width:100px;}
.regiWrap .loginMent {text-align:center; padding:10px 0; font-size:16px; font-weight:500; line-height:1.3;}
.regiWrap .regiMent {padding:0 0 20px 0; font-size:14px; font-weight:500; line-height:1.3;}

.regiWrap .accTab {display:block; height:auto; overflow:hidden; margin:20px 0 40px 0;}
.regiWrap .accTab li {float:left; width:50%; text-align:center;}
.regiWrap .accTab li a {display:block; padding:15px 0; font-size:14px; color:#666; border:1px solid #dadada; border-right:0; background:#f9f9f9;}
.regiWrap .accTab li.on a {border-bottom:1px solid #FFF; background:#FFF; color:#333; font-weight:500;}
.regiWrap .accTab li:last-child a {border-right:1px solid #dadada;}

.regiWrap .myInfoTab {display:block; height:auto; overflow:hidden; margin:0px 0 20px 0;}
.regiWrap .myInfoTab li {float:left; width:25%; text-align:center;}
.regiWrap .myInfoTab li a {display:block; padding:15px 0; font-size:14px; color:#666; border:1px solid #dadada; border-right:0; background:#f9f9f9;}
.regiWrap .myInfoTab li.on a {border-bottom:1px solid #FFF; background:#FFF; color:#333; font-weight:500;}
.regiWrap .myInfoTab li:last-child a {border-right:1px solid #dadada;}

.regiForm {display:block; height:auto; overflow:hidden;}
.regiForm li {display:block; height:auto; overflow:hidden; margin-bottom:10px; position:relative;}
.regiForm li .cauTxt {padding-top:10px; font-size:12px; color:#666;}
.regiForm li .cauTxt.red {color:#f6000c;}
.regiForm li .myTitle {color:#2a4198; font-size:14px; font-weight:500; padding:0 10px; margin-bottom:10px;}
.regiForm li .myItem {color:#333; font-size:14px; letter-spacing:0; padding:0 10px; margin-bottom:10px;}
.regiForm li.part {padding-right:110px;}
.regiForm li.half {padding-right:50%;}
.regiForm button {position:absolute; right:0; top:0; width:100px; height:46px; line-height:46px; background:#555; color:#FFF; font-size:14px; text-align:center; font-weight:500; border-radius:5px;}
.regiForm .gender {float:left; line-height:46px;}
.regiForm .gender label {margin-right:20px;}
.regiForm .gender .chkB input + span {font-size:16px; color:#666; padding:5px 0 5px 30px;}
.regiForm .gender .chkB input:checked + span {color:#1face6; padding:5px 0 5px 30px;}
.regiForm .generation {float:right; width:140px; height:auto; overflow:hidden;}
.regiForm .certifyCount {float:left; line-height:20px; color:#f6000c; font-size:14px; letter-spacing:0px;}
.regiForm .reSendNumber {float:right; text-align:right; line-height:20px; padding-right:5px;}
.regiForm .reSendNumber a {display:inline-block; font-size:14px; color:#666; padding:0 0 10px 3px; position:relative;}
.regiForm .reSendNumber a:after {content:''; position:absolute; left:0; bottom:5px; width:100%; height:1px; background:#666;}
.regiForm .legalAgree {display:block; height:auto; overflow:hidden; margin-top:10px; padding-top:15px; border-top:1px dashed #ccc;}
.regiForm .legalAgree li .viewLegal a {position:absolute; right:5px; top:50%; transform:translate(0, -50%); text-align:right; font-size:14px; color:#1face6;}
.regiForm .legalAgree li.allAgree {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed #dadada;}
.regiForm .legalAgree li.allAgree .chkB input + span {font-size:16px; color:#333;}
.regiForm .legalAgree li.allAgree .chkB input:checked + span {color:#1face6;}
.regiForm .resultTxt {padding:30px 0 0 0; text-align:center; font-size:14px; line-height:1.4;}
.regiForm .resultTxt.pw {padding:30px 0;}
.regiForm .resultTxt em {display:block; font-size:16px; color:#000; letter-spacing:0;}
.regiForm .btnArea {margin-top:30px;}

.regiForm.mypage li {padding:15px 0; margin-bottom:0; border-bottom:1px solid #dadada; position:relative;}
.regiForm.mypage li .myTitle {color:#2a4198; font-size:12px; font-weight:500; padding:0 10px; margin-bottom:0;}
.regiForm.mypage li .myItem {color:#333; font-size:14px; text-align:right; letter-spacing:0; padding:0 10px; margin-bottom:0;}
.regiForm.mypage li .pId {color:#333; font-size:14px; margin-bottom:10px;}
.regiForm.mypage li .bDate {color:#999; font-size:12px;}
.regiForm.mypage li .btnNonBlock a {position:absolute; right:0; top:50%; transform:translate(0, -50%); text-align:right; color:#333; text-decoration:underline; padding:5px 3px;}

.regiForm .leaveTitle {text-align:center; font-size:20px; color:#333; font-weight:500; padding:30px 0 10px 0;}
.regiForm .leaveDesc {color:#999; font-size:16px; line-height:1.4; text-align:center; border-bottom:1px solid #dadada; padding-bottom:30px; margin-bottom:30px;}
.regiForm .leaveCau {display:block; height:auto; overflow:hidden; padding:5px 0 5px 15px; font-size:13px; color:#666; position:relative; line-height:1.3;}
.regiForm .leaveCau:after {content:''; position:absolute; left:5px; top:12px; width:3px; height:3px; background:#666; border-radius:50%;}

.likeAbleBox {display:block; height:auto; overflow:hidden; position:relative; margin:0px 0 50px 0;}
.likeAbleBox:after {content:''; position:absolute; left:0; top:13px; width:100%; height:1px; background:#ccc;}
.likeAbleBox .likeStep {float:left; width:20%; height:auto; overflow:hidden; text-align:center; position:relative; padding-top:30px; cursor:pointer; color:#aaa; z-index:10;}
.likeAbleBox .likeStep:after {content:''; position:absolute; left:50%; top:5px; transform:translate(-50%, 0); width:15px; height:15px; background:#ccc; border-radius:50%; transition:.3s all;}
.likeAbleBox .likeStep.on {color:#1face6; font-weight:500;}
.likeAbleBox .likeStep.on:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:25px; height:25px; background:#1face6; border-radius:50%;}

.likeAbleBox.ty01 .likeStep {width:33.3333%;}
.likeAbleBox.ty01 .likeStep.on {color:#2a4198; font-weight:500;}
.likeAbleBox.ty01 .likeStep.on:after {content:''; position:absolute; left:50%; top:0; transform:translate(-50%, 0); width:25px; height:25px; background:#2a4198; border-radius:50%;}

.interestBox {display:block; height:auto; overflow:hidden;}
.interestBox .interestInner {display:block; height:auto; overflow:hidden;}
.interestBox .interestInner .intPer {display:inline-block; padding:8px 16px; border-radius:5px; border:1px dashed #ccc; color:#999; margin-right:5px; margin-bottom:5px; font-weight:500; cursor:pointer;}
.interestBox .interestInner .intPer.on {color:#FFF; background:#2a4198; border:1px solid #2a4198;}
.interestBox .interestInner .etcInter {clear:both; display:block; margin-top:10px;}
.interestBox .btnArea {margin-top:30px;}

.authorList {display:block; height:auto; overflow:hidden; margin-top:20px;}
.authorList ul {display:block; height:auto; overflow:hidden; padding:0 10px;}
.authorList li {float:left; width:33.3333%; height:auto; overflow:hidden; padding:0 15px; margin-bottom:20px;}
.authorList li .photo {display:block; height:0; padding-bottom:100%; position:relative; overflow:hidden; border-radius:50%; box-sizing:border-box; overflow:hidden;}
.authorList li .photo:after {content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:50%; border:1px solid #dadada; box-sizing:border-box; overflow:hidden; text-align:center;}
.authorList li .photo img {position:absolute; left:0; top:0; width:100%;}
.authorList li .auName {text-align:center; padding-top:6px; color:#666; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.authorList li.on .photo:after {border:4px solid #1face6;}
.authorList li.on .auName {color:#1face6;}
.authorList .btnArea {margin-top:30px;}

.curationTy {display:block; height:auto; overflow:hidden; margin-top:20px;}
.curationTy .tyBox {display:block; height:auto; overflow:hidden; padding:20px; border:1px solid #dadada; border-radius:10px; background:#f9f9f9; margin-bottom:15px;}
.curationTy .tyBox:last-child {margin-bottom:0;}
.curationTy .tyBox .tyTitle {color:#333; font-size:18px; font-weight:500; margin-bottom:15px;}
.curationTy .tyBox li {display:block; padding:5px 0;}
.curationTy .tyBox li .radioB input + span {font-size:16px; color:#666;}
.curationTy .tyBox li .radioB input:checked + span {color:#1face6; font-weight:500;}
.curationTy .btnArea {margin-top:30px;}

.pFunc {position:fixed; left:50%; top:60px; height:40px; width:100%; padding:0 20px; z-index:100; max-width:720px; transform:translate(-50%, 0); 
background: rgb(0,160,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,160,226,1) 0%, rgba(42,65,152,1) 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e2', endColorstr='#2a4198',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.pFunc h1 {float:left; color:#FFF; font-size:16px; font-weight:500; line-height:40px;}
.pFunc .regiStep {float:right; height:auto; overflow:hidden; position:relative; margin-top:17px;}
.pFunc .regiStep .stCount {float:left; width:6px; height:6px; background:#FFF; border-radius:50%; margin-right:5px; position:relative; z-index:10; opacity:0.5;}
.pFunc .regiStep .stCount.on {opacity:1.0; color:#2a4198;}
.pFunc .regiStep .stCount:last-child {margin-right:0;}

.bbsWrap {display:block; height:auto; overflow:hidden; padding:0px; background:#f9f9f9;}
.pTitle {font-size:16px; font-weight:500; color:#000; margin-bottom:15px;}
.popularTy01 {position:relative; padding:20px 0; background:#f9f9f9; border-bottom:1px solid #dadada;}
.popularTy01 .pTitle {padding:0 20px;}
.popularTy01:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.popularTy01 .mainMyFeed {padding:0 20px;}
.popularTy01 .rollingTy01 {padding:0 20px;}
.popularTy01 .rollingTy02 {padding:0 20px;}
.popularTy01 .article {display:block; height:auto; overflow:hidden; border:1px solid #dadada; border-radius:5px; background:#FFF;}
.popularTy01 .article .subjectBox {display:block; height:auto; overflow:hidden; padding:15px 15px 10px 15px; position:relative;}
.popularTy01 .article .subjectBox .subject {color:#333; font-size:16px; line-height:1.3; min-height:64px; max-height:90px; height:auto; font-weight:500; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
.popularTy01 .article .subjectBox .writer {color:#666; padding:5px 0;}
.popularTy01 .article .subjectBox .date {display:block; height:auto; overflow:hidden; text-align:right; line-height:1.0; font-size:12px; color:#999; letter-spacing:0; font-weight:500; margin-top:3px;}

.popularTy01 .matchingList {display:block; height:auto; overflow:hidden; padding:0 20px;}
.popularTy01 .matchingList li {display:block; height:auto; overflow:hidden; margin-bottom:10px;}
.popularTy01 .matchingList .matchingDate {display:inline-block; height:20px; line-height:20px; background:#932cff url(../img/ico_matching.png) no-repeat left 50%; background-size:20px 20px; border-radius:20px; color:#FFF; font-size:12px; font-weight:500; letter-spacing:0; padding:0 10px 0 25px; margin-bottom:5px;}

.popularTy01 .rollingTy02 .article .thumb {display:block; height:auto; overflow:hidden; position:relative;}
.popularTy01 .rollingTy02 .article .thumb:after {content:''; display:block; padding-bottom:56.24%;}
.popularTy01 .rollingTy02 .article .thumb img {position:absolute; left:0; top:0; width:100%;}
.popularTy01 .rollingTy02 .article .subjectBox .subject {height:auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-right:56px; display:block;}

.scheHead {position:fixed; left:50%; top:100px; width:100%; height:55px; padding:0px 100px 0px 80px; background:#f9f9f9; border-bottom:1px solid #dadada; margin-bottom:10px; text-align:center; z-index:50; transform:translate(-50%, 0); max-width:720px; border-left:1px solid #dadada; border-right:1px solid #dadada;}
.scheHead:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.scheHead.new {padding:0 80px 0 10px;}
.scheHead .dDay {position:absolute; left:20px; top:50%; transform:translate(0, -50%); padding:5px 10px 7px 10px; color:#FFF; font-size:14px; font-weight:500; background:#e70000; border-radius:5px; letter-spacing:0;}
.scheHead .todaySche a {position:absolute; right:20px; top:50%; transform:translate(0, -50%); padding:5px 10px 7px 10px; color:#2a4198; font-size:14px; font-weight:500; background:#FFF; border:1px solid #2a4198; border-radius:5px;}
.scheHead .schMonth {display:block; text-align:center; line-height:3.6; white-space:nowrap; overflow:hidden; overflow-x:auto;}
.scheHead .schMonth .month {display:inline-block; width:auto; height:auto;}
.scheHead .schMonth .month a {display:block; padding:10px 10px 0 10px; font-size:14px; color:#333; position:relative;}
.scheHead .schMonth .month a:after {content:''; position:absolute; right:-5px; top:16px; width:3px; height:3px; border-radius:50%; background:#ccc;}
.scheHead .schMonth .month.on a {font-size:16px; font-weight:700;}
.scheHead .schMonth .month.on a:before {content:''; position:absolute; left:50%; bottom:-12px; width:6px; height:6px; border-radius:50%; background:#2a4198; transform:translate(-50%, 0);}
.scheHead .schMonth .month:last-child a:after {background:none;}
.scheHead .schMonth.new {text-align:left;}

.bbsIco {display:inline-block; width:18px; height:18px; border-radius:50%; position:relative; vertical-align:middle; margin-right:3px; text-align:center;}
.bbsIco.new {background:url(../img/ico_new.png) no-repeat 50% 50%; background-size:100%;}
.bbsIco.noti {background:url(../img/ico_noti.png) no-repeat 50% 50%; background-size:100%;}
.bbsIco.secret {background:url(../img/ico_secret.png) no-repeat 50% 1px; background-size:auto 14px; border-radius:0;}

.icoMatching {display:inline-block; width:18px; height:18px; border-radius:50%; position:relative; vertical-align:middle; margin-right:3px; background:url(../img/ico_matching.png) no-repeat 50% 50%; background-size:100%;}

.article .artiStats {display:block; height:auto; overflow:hidden; padding:10px 15px 15px 15px; border-top:1px solid #dadada; position:relative; min-height:22px;}
.article .artiStats span {display:inline-block; padding-left:20px; line-height:1.2; font-size:12px; letter-spacing:0; font-weight:500; margin-right:10px;}
.article .artiStats span:last-child {margin-right:0;}
.article .artiStats .cmt {background:url(../img/ico_cmt_b.png) no-repeat left 50%; background-size:14px 14px; color:#2a4198;}
.article .artiStats .like {background:url(../img/ico_reco_b.png) no-repeat left 50%; background-size:14px 14px; color:#4dbdeb;}
.article .artiStats .hate {background:url(../img/ico_notreco_g.png) no-repeat left 50%; background-size:14px 14px; color:#999;}
.article .artiStats .date {position:absolute; right:15px; top:50%; transform:translate(0, -50%); font-size:12px; text-align:right; font-weight:400;}

.bbsList {display:block; height:auto; overflow:hidden; background:#FFF;}
.bbsList li {display:block; height:auto; overflow:hidden;}
.bbsList li a {display:block; padding:15px 20px 12px 20px; border-bottom:1px solid #dadada; position:relative;}

.bbsList .article {display:block; height:auto; overflow:hidden; position:relative;}
.bbsList .article.read {opacity:0.4;}
.bbsList .article .subject {color:#333; font-size:14px; line-height:1.3; height:auto; font-weight:500; overflow:hidden; padding-right:60px;}
.bbsList .article .subject.full {padding-right:0;}
.bbsList .article .summary {margin-top:10px; color:#666; font-size:14px; line-height:1.3; min-height:40px; max-height:50px; font-weight:400; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.bbsList .article .writer {color:#666; padding:5px 0;}
.bbsList .article .cmt {position:absolute; right:0; top:2px; text-align:right; color:#FFF; padding:3px 8px; font-size:12px; background:#2a4198; border-radius:20px; letter-spacing:0;}
.bbsList .article .artiStats {display:block; height:auto; overflow:hidden; padding:5px 0 0 0;position:relative; border:0; min-height:22px;}
.bbsList .article .artiStats span {display:inline-block; padding-left:16px; line-height:1.0; font-size:12px; letter-spacing:0; font-weight:500; margin-right:10px;}
.bbsList .article .artiStats span:last-child {margin-right:0;}
.bbsList .article .artiStats .writer {padding-left:0;}
.bbsList .article .artiStats .like {background:url(../img/ico_reco_b.png) no-repeat left 50%; background-size:12px 12px; color:#4dbdeb;}
.bbsList .article .artiStats .hate {background:url(../img/ico_notreco_g.png) no-repeat left 50%; background-size:12px 12px; color:#999;}
.bbsList .article .artiStats .date {position:absolute; right:0; top:16px; color:#999;}

.bbsList.author li a {padding:15px 20px 12px 20px;}
.bbsList.author .article {padding:0 0 0 45px; min-height:52px;}
.bbsList.author .article .authorPhoto {position:absolute; left:0; top:0px; width:35px; height:35px; border-radius:50%; border:1px solid #dadada; overflow:hidden;}
.bbsList.author .article .authorPhoto img {max-width:100%;}
.bbsList.author .article .subject {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:16px;}

.bbsListPhoto {display:block; height:auto; overflow:hidden; background:#FFF; padding:0 2px;}
.bbsListPhoto li {float:left; width:33.3333%; height:auto; overflow:hidden; padding:0 2px; margin-bottom:4px;}

.bbsListPhoto li .article {position:relative;}
.bbsListPhoto li .article .thumb {display:block; height:auto; overflow:hidden; position:relative;}
.bbsListPhoto li .article .thumb:after {content:''; display:block; padding-bottom:100%;}
.bbsListPhoto li .article .thumb img {position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:auto; height:100%;}
.bbsListPhoto li .article .artiStats {position:absolute; left:0; bottom:0; background:rgba(0, 0, 0, 0.7); width:100%; border-top:0; padding:6px 8px 10px 8px;}
.bbsListPhoto li .article .artiStats .pDate {text-align:right; color:#999;}

.sortFunc {display:block; height:auto; overflow:hidden; padding:15px 10px; text-align:right; position:relative; border-bottom:1px solid #dadada;}
.sortFunc .sort a {display:inline-block; font-size:14px; color:#999; position:relative; padding:0 10px;}
.sortFunc .sort.on a {color:#2a4198; font-weight:500;}

.totalStats {display:block; height:auto; overflow:hidden; padding:15px 20px; position:relative; border-bottom:1px solid #dadada; background:#f9f9f9;}
.totalStats .title {font-size:14px; color:#333; font-weight:500;}
.totalStats .title em {color:#2a4198; font-weight:500;}

.moreView a {clear:both; display:block; height:auto; overflow:hidden; padding:20px 0; text-align:center; position:relative;}
.moreView a:after {content:''; display:inline-block; width:14px; height:6px; background:url(../img/ar_more.png) no-repeat 50% 50%; background-size:100%; vertical-align:middle; margin-left:5px; color:#333; font-size:14px;}

.bbsViewSec {display:block; height:auto; overflow:hidden; margin-top:20px;}
.bbsViewSec.short {margin-top:0;}
.bbsViewSec .writeInfo {display:block; padding:20px; background:#FFF; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.bbsViewSec .writeInfo .subject {font-size:20px; color:#333; font-weight:700; line-height:1.2;}
.bbsViewSec .writeInfo .artiStats {display:block; height:auto; overflow:hidden; padding:10px 0;position:relative; border:0;}
.bbsViewSec .writeInfo .artiStats span {display:inline-block; line-height:1.0; font-size:13px; letter-spacing:0; font-weight:500; margin-right:10px; padding-right:13px; position:relative;}
.bbsViewSec .writeInfo .artiStats span:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:70%; background:#dadada;}
.bbsViewSec .writeInfo .artiStats span:last-child {margin-right:0; padding:0;}
.bbsViewSec .writeInfo .artiStats span:last-child:after {background:none;}
.bbsViewSec .writeInfo .artiStats .writer {color:#333;}
.bbsViewSec .writeInfo .artiStats .like {color:#4dbdeb;}
.bbsViewSec .writeInfo .artiStats .hate {color:#999;}
.bbsViewSec .writeInfo .date {display:block; color:#999; font-size:13px; letter-spacing:0;}

.bbsViewSec .writeInfo .subject.author {padding-left:65px; position:relative; min-height:48px; padding-top:5px;}
.bbsViewSec .writeInfo .subject.author .authorPhoto {position:absolute; left:0; top:0px; width:50px; height:50px; border-radius:50%; border:1px solid #dadada; overflow:hidden;}
.bbsViewSec .writeInfo .subject.author .authorPhoto img {max-width:100%;}

.bbsViewSec .bbsConSec {display:block; height:auto; overflow:hidden; background:#FFF; padding:20px; margin-top:20px; border-top:1px solid #dadada; border-bottom:1px solid #dadada;}
.bbsViewSec .bbsConSec.short {margin-top:0; border-top:0;}

.bbsViewSec .bbsConSec .bbsCon {display:block; height:auto; overflow:hidden; line-height:1.4; font-size:16px; color:#333; font-family:'Noto Sans KR'; word-break:break-all;}
/* .bbsViewSec .bbsConSec .bbsCon {display:block; height:auto; overflow:hidden; line-height:1.4; font-size:16px !important; color:#333; font-family:'Noto Sans KR' !important; word-break:break-all;}
.bbsViewSec .bbsConSec .bbsCon p, 
.bbsViewSec .bbsConSec .bbsCon span, 
.bbsViewSec .bbsConSec .bbsCon div {line-height:1.4; font-size:16px !important; color:#333; font-family:'Noto Sans KR' !important; word-break:break-all;} */

.bbsViewSec .bbsConSec .bbsCon a, 
.bbsViewSec .bbsConSec .bbsCon p a,
.bbsViewSec .bbsConSec .bbsCon span a, 
.bbsViewSec .bbsConSec .bbsCon div a {color:#932cff; font-weight:500; text-decoration:underline; letter-spacing:0;}
.bbsViewSec .bbsConSec .bbsCon img {max-width:100%;}
.bbsViewSec .bbsConSec .bbsCon .img {display:block; height:auto; overflow:hidden; clear:both; padding:10px 0; text-align:center;}
.bbsViewSec .bbsConSec .bbsCon .img img {max-width:100% !important;}
/* .bbsViewSec .bbsConSec .bbsCon iframe,
.bbsViewSec .bbsConSec .bbsCon object,
.bbsViewSec .bbsConSec .bbsCon embed,
.bbsViewSec .bbsConSec .bbsCon video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } */
.bbsViewSec .bbsConSec .btnMatching {display:block; height:auto; overflow:hidden; margin-top:20px;}
.bbsViewSec .bbsConSec .btnMatching a {padding:15px 20px; text-align:center; display:block; color:#FFF; font-size:16px; font-weight:500; border-radius:40px;
background: rgb(0,160,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,160,226,1) 0%, rgba(42,65,152,1) 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e2', endColorstr='#2a4198',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.bbsViewSec .bbsConSec .bbsFunc {display:block; height:auto; overflow:hidden; text-align:center; padding:40px 0 10px 0;}
.bbsViewSec .bbsConSec .bbsFunc .vote a {display:inline-block; padding:10px 20px 10px 40px; border-radius:5px; font-size:16px; font-weight:500; margin:0 5px; letter-spacing:0;}
.bbsViewSec .bbsConSec .bbsFunc .vote.like a {border:1px solid #34c0fa; background:#f0fbff url(../img/ico_reco_b.png) no-repeat 15px 50%; background-size:18px 18px; color:#00a0e2;}
.bbsViewSec .bbsConSec .bbsFunc .vote.hate a {border:1px solid #dadada; background:#f9f9f9 url(../img/ico_notreco_g.png) no-repeat 15px 50%; background-size:18px 18px; color:#999;}
.bbsViewSec .bbsConSec .bbsFunc .vote.share a {padding:10px 20px; border:1px solid #dadada; background:#f9f9f9 url(../img/ico_share.png) no-repeat 50% 50%; background-size:18px 18px; color:#999; text-indent:-9999px;}
.bbsViewSec .bbsBtns {display:block; height:auto; overflow:hidden; padding:10px 20px; border-bottom:1px solid #dadada;}
.bbsViewSec .bbsBtns .btnList {float:left;}
.bbsViewSec .bbsBtns .btnList a {display:block; padding:5px 10px 5px 20px; color:#333; font-size:14px; background:url(../img/ico_list.png) no-repeat left 50%; background-size:17px 17px;}
.bbsViewSec .bbsBtns .editFunc {float:right; height:auto; overflow:hidden;}
.bbsViewSec .bbsBtns .editFunc a {display:inline-block; font-size:14px; color:#333; padding:5px 15px 5px 0; margin-right:9px; position:relative;}
.bbsViewSec .bbsBtns .editFunc a.siren {color:#f20000;}
.bbsViewSec .bbsBtns .editFunc a.blockPost {color:#999;}
.bbsViewSec .bbsBtns .editFunc a:after {content:''; position:absolute; right:0; top:11px; width:3px; height:3px; border-radius:50%; background:#999;}
.bbsViewSec .bbsBtns .editFunc a:last-child {padding-right:0; margin-right:0;}
.bbsViewSec .bbsBtns .editFunc a:last-child:after {background:none;}

.bbsViewSec .bbsPrevNext {display:block; height:auto; overflow:hidden; background:#FFF; border-bottom:1px solid #dadada;}
.bbsViewSec .bbsPrevNext li {display:block; height:auto; overflow:hidden; position:relative; height:40px; line-height:40px; border-bottom:1px dashed #dadada; padding:0 20px 0 90px;}
.bbsViewSec .bbsPrevNext li:last-child {border-bottom:0;}
.bbsViewSec .bbsPrevNext li .bpnTitle {position:absolute; left:25px; top:50%; transform:translate(0, -50%); color:#000;}
.bbsViewSec .bbsPrevNext li a {display:block; color:#333;}

.cmtSec {display:block; height:auto; overflow:hidden; padding:20px 0 0 0; border-top:1px solid #dadada; background:#FFF;}
.cmtSec .cmtTitle {padding:0 20px; color:#333; font-size:16px; font-weight:500; padding-bottom:15px; border-bottom:1px solid #dadada;}
.cmtSec .cmtTitle .total {display:inline-block; padding-left:5px; color:#666; font-weight:400;}
.cmtSec .cmtTitle .total em {color:#00a0e2; font-weight:500;}
.cmtSec .cmtForm {display:block; position:relative; padding:20px 100px 20px 20px; background:#f9f9f9;}
.cmtSec .cmtForm textarea {display:block; height:80px; width:100%; border:1px solid #ccc; background:#FFF; font-size:14px; padding:10px; box-sizing:border-box;}
.cmtSec .cmtForm button.btnConfirm {position:absolute; right:20px; top:20px; width:70px; height:80px; background:#555; color:#FFF; font-size:16px;}
.cmtSec .cmtList {display:block; height:auto; overflow:hidden; background:#FFF; border-top:1px solid #dadada;}
.cmtSec .cmtList li {display:block; height:auto; overflow:hidden; padding:20px; border-bottom:1px solid #eee; position:relative;}
.cmtSec .cmtList li .cmtFunc {position:absolute; right:20px; top:15px;}
.cmtSec .cmtList li .cmtFunc a {display:inline-block; font-size:14px; color:#333; padding:5px 15px 5px 0; margin-right:9px; position:relative;}
.cmtSec .cmtList li .cmtFunc a.blockPost {color:#999;}
.cmtSec .cmtList li .cmtFunc a.siren {color:#f20000;}
.cmtSec .cmtList li .cmtFunc a:after {content:''; position:absolute; right:0; top:11px; width:3px; height:3px; border-radius:50%; background:#999;}
.cmtSec .cmtList li .cmtFunc a:last-child {padding-right:0; margin-right:0;}
.cmtSec .cmtList li .cmtFunc a:last-child:after {background:none;}

.cmtSec .cmtList li .cmtWriter {color:#333; font-size:14px; margin-bottom:10px; font-weight:500;}
.cmtSec .cmtList li .cmtWriter em {color:#666; letter-spacing:0; font-weight:400; margin-left:5px; font-size:13px;}
.cmtSec .cmtList li .cmtCon {display:block; height:auto; overflow:hidden; font-size:15px; color:#333; line-height:1.4;}
.cmtSec .cmtList li .cmtEditForm {display:block; height:auto; overflow:hidden; padding-right:80px; position:relative; display:none;}
.cmtSec .cmtList li .cmtEditForm textarea {display:block; height:80px; width:100%; border:1px solid #ccc; background:#FFF; font-size:14px; padding:10px; box-sizing:border-box;}
.cmtSec .cmtList li .cmtEditForm button.btnEdit {position:absolute; right:0px; top:0px; width:70px; height:39px; background:#555; color:#FFF; font-size:14px;}
.cmtSec .cmtList li .cmtEditForm button.btnCancel {position:absolute; right:0px; bottom:0px; width:70px; height:39px; background:#ddd; color:#666; font-size:14px;}

.sirenForm {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; height:auto; max-height:90%; background:#FFF; z-index:1200; display:none;}
.sirenForm .sirenSubject {display:block; padding:20px 20px 0 20px; color:#333; font-size:16px; line-height:1.3;}
.sirenForm .sirenSubject.sirenSubjectComment {height:42px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.sirenForm .sirenClose {position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}
.sirenForm .siTitle {padding:20px; border-bottom:1px solid #dadada; font-size:16px; font-weight:500; color:#333;}
.sirenForm .siForm {display:block; height:auto; overflow:hidden; margin-top:10px; padding:20px;}
.sirenForm .siForm li {display:block; height:auto; overflow:hidden; overflow:hidden;}
.sirenForm .siForm li.etcReason {margin-top:10px; display:none;}
.sirenForm .siForm li.etcReason textarea {display:block; height:80px; width:100%; border:1px solid #ccc; background:#FFF; font-size:14px; padding:10px; box-sizing:border-box;}
.sirenForm .btnArea {text-align:right; margin-top:20px;}

.blockForm {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; height:auto; max-height:90%; background:#FFF; z-index:1200; display:none;}
.blockForm .blockSubject {display:block; padding:20px 20px 0 20px; color:#333; font-size:16px; line-height:1.3;}
.blockForm .blockClose {position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}
.blockForm .siTitle {padding:20px; border-bottom:1px solid #dadada; font-size:16px; font-weight:500; color:#333;}
.blockForm .siForm {display:block; height:auto; overflow:hidden; margin-top:10px; padding:10px 20px 20px 20px;}
.blockForm .siForm .blockTxt {color:#333; font-weight:500; margin-bottom:10px; font-size:16px;}
.blockForm .siForm .blockTxtCau {color:#999; font-size:14px; line-height:1.3;}
.blockForm .siForm li {display:block; height:auto; overflow:hidden; overflow:hidden;}
.blockForm .siForm li.etcReason {margin-top:10px; display:none;}
.blockForm .siForm li.etcReason textarea {display:block; height:80px; width:100%; border:1px solid #ccc; background:#FFF; font-size:14px; padding:10px; box-sizing:border-box;}
.blockForm .btnArea {text-align:right; margin-top:20px;}

.shareForm {clear:both; display:block; height:auto; overflow:hidden; margin-top:0px;}
.shareForm .siForm {display:block; height:auto; overflow:hidden; padding:0; text-align:center;}
.shareForm .siForm li {display:inline-block; width:auto; height:auto; overflow:hidden; padding:10px 5px; text-align:center;}
.shareForm .siForm li a {display:block; width:100%; height:100%;}
.shareForm .siForm li img {width:35px; height:35px;}

.matchingForm {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:90%; height:auto; max-height:90%; background:#FFF; z-index:1200; display:none;}
.matchingForm .matchSubject {display:block; padding:20px 20px 0 20px; color:#333; font-size:16px; line-height:1.3;}
.matchingForm .matchWriter {color:#666; padding:5px 20px 0 20px; font-size:14px;}
.matchingForm .mtClose {position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}
.matchingForm .mtTitle {padding:20px; border-bottom:1px solid #dadada; font-size:16px; font-weight:500; color:#333;}
.matchingForm .mtForm {display:block; height:auto; overflow:hidden; margin-top:10px; padding:20px;}
.matchingForm .mtForm textarea {display:inline-block; width:100%; height:160px; line-height:1.4; border:1px solid #dadada; background:#f9f9f9; font-size:16px; color:#333; padding:15px; box-sizing:border-box; border-radius:5px;}
.matchingForm .btnArea {text-align:right; margin-top:20px;}

.bbsWrite {display:block; height:auto; overflow:hidden; margin-top:20px; background:#FFF; border-top:1px solid #dadada; padding:20px;}
.bbsWrite .writeForm {display:block; height:auto; overflow:hidden;}
.bbsWrite .writeForm li {display:block; height:auto; overflow:hidden; margin-bottom:10px;}
.bbsWrite .writeForm li .keyTitle {color:#333; font-size:16px; font-weight:500; margin-bottom:10px; padding-left:5px;}
.bbsWrite .writeForm li.cau {padding:10px; color:#999; font-size:13px; line-height:1.3;}
.bbsWrite .writeForm li.cau em {color:#333; font-weight:500;}
.bbsWrite .writeForm li.cau.short {padding-top:0; letter-spacing:0;}
.bbsWrite .writeForm li.cau.bdr {padding:15px 0 0 0; font-size:14px; color:#333; border-top:1px solid #dadada;}
.bbsWrite .writeForm li.outCrop {height:40px; line-height:40px;}
.bbsWrite .writeForm li.outCrop label {margin-right:20px;}
.bbsWrite .writeForm li.legalAgree {height:auto; overflow:hidden;}
.bbsWrite .writeForm li.legalAgree .legalBox {display:block; height:100px; overflow:hidden; overflow-y:auto; padding:15px; border:1px solid #dadada; margin-bottom:10px; font-size:14px; line-height:1.4;}
.bbsWrite .writeForm textarea {display:inline-block; width:100%; height:200px; line-height:1.4; border:1px solid #dadada; background:#f9f9f9; font-size:16px; color:#333; padding:15px; box-sizing:border-box; border-radius:5px;}
.bbsWrite .writeForm textarea.speak {height:360px;}
.bbsWrite .writeForm input[type="file"] {display:inline-block; width:100%; height:auto; line-height:1.4; border:1px solid #dadada; background:#f9f9f9; font-size:14px; color:#333; padding:8px; box-sizing:border-box; border-radius:5px; margin-bottom:10px;}
.bbsWrite .writeForm .chkB input + span {font-size:16px; color:#666;}
.bbsWrite .writeForm .chkB input:checked + span {color:#1face6;}
.bbsWrite .writeForm .wTitle {color:#333; font-size:14px; font-weight:500; padding:0px; margin-bottom:10px;}
.bbsWrite .writeForm .formDate {display:block; height:auto; overflow:hidden;}
.bbsWrite .writeForm .formDate input.inputDate {float:left; width:48%; margin-right:2%; background:#f9f9f9 url(../img/dico_cal.png) no-repeat 95% 50%; background-size:auto 26px;}
.bbsWrite .writeForm .formDate select.hour {float:left; width:24%; margin-right:2%;}
.bbsWrite .writeForm .formDate select.min {float:left; width:24%;}

.addPhoto .addFileName {display:block; font-size:13px; margin-bottom:15px; margin-left:10px; letter-spacing:0;}
.addPhoto .addFileName a {display:inline-block; vertical-align:middle;}
.addPhoto .addFileName .btnDelete a {display:inline-block; width:25px; height:25px; border:1px solid #dadada; border-radius:50%; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:10px 10px; vertical-align:middle; margin-left:10px;}

.myAuthor {display:block; height:auto; overflow:hidden; overflow-x:auto; white-space:nowrap; padding:15px 20px;}
.myAuthor .myaBox {display:inline-block; width:60px; height:auto; overflow:hidden; margin-right:10px; opacity:0.7;}
.myAuthor .myaBox:last-child {margin-right:0;}
.myAuthor .myaBox.on {opacity:1.0;}
.myAuthor .myaBox .thumb {display:block; width:60px; height:60px; border:1px solid #dadada; border-radius:50%; text-align:center; position:relative; overflow:hidden; margin:0 auto;}
.myAuthor .myaBox .thumb img {max-width:100%;}
.myAuthor .myaBox .thumb.all {background:#FFF;}
.myAuthor .myaBox .thumb.all:after {content:'전체'; display:block; line-height:60px; font-size:16px; font-weight:500; color:#333;}
.myAuthor .myaBox .auName {margin-top:5px; text-align:center; font-size:12px; color:#333; font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.bbsAuthor {display:block; height:auto; overflow:hidden;}
.bbsAuthor .cauTxt {padding:10px 20px 0 20px; font-size:13px; color:#999; letter-spacing:0; line-height:1.3;}

.topicBox {position:relative; padding:20px 0; background:#f9f9f9;}
.topicBox .pTitle {padding:0 20px;}
.topicBox:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.topicBox .topicList {display:block; height:auto; overflow:hidden; overflow-x:auto; white-space:nowrap;}
.topicBox .topicList .topic {display:inline-block; padding:8px 16px; border-radius:5px; border:1px dashed #ccc; color:#999; margin-right:5px; margin-bottom:5px; font-weight:500; cursor:pointer;}
.topicBox .topicList .topic.on {color:#FFF; background:#2a4198; border:1px solid #2a4198;}
.topicBox .topicList .topic:first-child {margin-left:20px;}

.pagingWrap {clear:both; display:block; height:auto; overflow:hidden; padding:20px 0; text-align:center;}
.pagingWrap a {display:inline-block; padding:0 6px; height:30px; line-height:30px; font-size:12px; font-weight:400; vertical-align:middle;}
.pagingWrap a.dir {border:1px solid #dadada; background:#f9f9f9;}
.pagingWrap a.num {border:1px solid #dadada; font-size:14px; padding:0 10px;}
.pagingWrap a.num.on {color:#FFF; border:1px solid #2a4198; background:#2a4198;}

.rate {display:block; height:auto; overflow:hidden; padding:0;}
.rate .starOff {display:inline-block; width:100px; height:auto; overflow:hidden; background:#ccc; position:relative; vertical-align:middle;}
.rate .starOff img {width:100%; position:relative; z-index:10; vertical-align:top;}
.rate .starOff .bar {position:absolute; left:0; top:0; height:100%;
background: rgb(234,159,46); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(234,159,46,1) 0%, rgba(211,42,42,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(234,159,46,1) 0%,rgba(211,42,42,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(234,159,46,1) 0%,rgba(211,42,42,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ea9f2e', endColorstr='#d32a2a',GradientType=1 ); /* IE6-9 */
}
.rate .rateTxt {display:inline-block; margin-left:5px; color:#333; font-weight:500; font-size:14px; letter-spacing:0; vertical-align:middle;}

.bbsList .article .artiStats .rate .starOff {padding-left:0; width:76px; margin-right:0; background:#ccc;}
.bbsList .article .artiStats .rate .starOff img {width:100%; position:relative; z-index:10;}
.bbsList .article .artiStats .rate .starOff .bar {padding-left:0;}
.bbsList .article .artiStats .rate .rateTxt {padding-left:0; font-size:13px;}

.bbsViewSec .writeInfo .rate {margin:5px 0;}

.cmtList .rate {margin-bottom:5px;}
.cmtList .rate .starOff {width:76px;}

.evalCmt {display:block; height:auto; overflow:hidden; padding:0 20px 20px 20px; position:relative; border-bottom:1px solid #dadada;}
.evalCmt .rate .starOff {width:120px;}
.evalCmt .cmtTitle {position:absolute; right:20px; top:0; border-bottom:0;}

.rateFunc {display:block; height:auto; overflow:hidden; padding:20px 20px 0 20px; background:#f9f9f9;}
.rateFunc .txt {font-size:14px; font-weight:300; color:#333; margin-bottom:10px;}
.rateFunc .rateScore {display:block; height:auto; overflow:hidden;}
.rateFunc .rateScore a {float:left; width:20%; padding:8px 0; text-align:center; border:1px solid #dadada; border-right:0; box-sizing:border-box;}
.rateFunc .rateScore a:last-child {border-right:1px solid #dadada;}
.rateFunc .rateScore a.on {background:#34c0fa; color:#FFF; border:0; border:1px solid #34c0fa;}

.cmtSec .cmtList li .evalCmtEdit {display:block; height:auto; overflow:hidden; display:none;}
.cmtSec .cmtList li .evalCmtEdit .cmtEditForm {display:block; height:auto; overflow:hidden; padding-right:80px; position:relative;}
.cmtSec .cmtList li .evalCmtEdit .rateFunc {background:transparent; padding:20px 0 10px 0;}

.scheList {display:block; height:auto; overflow:hidden; padding:20px; margin-top:10px;}
.scheList.white {background:#FFF; margin-top:0; padding-top:20px;}
.scheList .dayBox {margin-bottom:20px; position:relative; padding-left:60px;}
.scheList .dayBox:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.scheList .dayBox .inDay {position:absolute; left:0; top:0; padding:10px 0; width:50px; background:#FFF; border-radius:5px; text-align:center; color:#0731a9; font-size:16px; border:1px solid #dadada;}
.scheList .dayBox .inDay em {display:block; font-size:12px; color:#333; margin-bottom:5px;}
.scheList .dayBox .daySchdule {background:#FFF; border-radius:5px; font-size:14px; border:1px solid #dadada; line-height:1.4; padding:15px;}

.scheList .dayBox .daySchdule p, 
.scheList .dayBox .daySchdule span, 
.scheList .dayBox .daySchdule div {line-height:1.4; font-size:16px !important; color:#333; font-family:'Noto Sans KR' !important;}
.scheList .dayBox .daySchdule img {max-width:100%;}


.scheList .dayBox .daySchdule .emptyTxt {text-align:center; color:#999; padding:5px 0;}
.scheList .dayBox.today .inDay {background:#0731a9; color:#FFF;
-webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
}
.scheList .dayBox.today .inDay em {color:#FFF;}
.scheList .dayBox.today .daySchdule {border:1px solid #0731a9;
-webkit-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);
}

.emptyCon {clear:both; display:block; height:auto; overflow:hidden; color:#ccc; padding:50px 0; text-align:center;}

.section {position:relative; background:#f9f9f9; padding-bottom:25px;}
.section:first-child {padding-top:30px;}
.section:first-child .popularTy01 {padding-top:0;}
.section .pTitle {padding:0 20px 0 20px; position:relative;}
.section .pTitle.bdrBtm {padding-bottom:15px; margin-bottom:0; border-bottom:1px solid #dadada;}
.section:after{content:''; clear:both; display:block; height:auto; overflow:hidden;}
.section .popularTy01 {border-bottom:0; padding:10px 0;}
.section .bbsList li {background:#FFF;}
.section .bbsList.author {background:#f9f9f9; border-top:1px solid #dadada;}

.moreBtn a {position:absolute; right:10px; top:-10px; font-size:12px; color:#999; padding:10px;}

.comnBnr {display:block; height:auto; overflow:hidden; margin:15px 0;}
.comnBnr .innerBnr {padding:0 20px;}
.comnBnr .innerBnr img {max-width:100%; border-radius:5px;}
.comnBnr .innerBnr .bnr-pagination {position:relative; display:block; height:auto; overflow:hidden; text-align:center; bottom:unset; left:unset; padding-top:10px;}
.swiper-pagination-bullet-active {background:#34c0fa !important;}

.mainWrap .comnBnr {margin:0; background:#f9f9f9; padding:30px 0 0 0;}

.footer {clear:both; display:block; height:auto; overflow:hidden; padding:20px; margin-bottom:10px; border-top:1px solid #dadada;}
.footer .ftUtil {display:block; text-align:center; padding-bottom:15px;}
.footer .ftUtil a {padding:10px 20px; font-size:13px; color:#333; position:relative;}
.footer .ftUtil a:after {content:''; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:35%; background:#dadada;}
.footer .ftUtil a:last-child:after {background:none;}
.footer .txtCopyright {text-align:center; font-size:14px; padding-top:0px; color:#666; letter-spacing:0; line-height:1.3;}

.btnArea {clear:both; display:block; height:auto; overflow:hidden;}
.btnArea.padSet {padding:0 20px; margin-bottom:30px;}
.btnArea .half {display:block; height:auto; overflow:hidden; margin-top:20px;}
.btnArea .half li {float:left; width:49%; height:auto; overflow:hidden; margin-right:2%;}
.btnArea .half li:last-child {margin-right:0;}
.btn a {display:inline-block; width:100%; text-align:center; border-radius:5px;}
.login a {background:#1face6; color:#FFF; font-size:18px; padding:20px 0; font-weight:500;}
.siren a {background:#1face6; color:#FFF; font-size:14px; padding:10px 0px; font-weight:500; text-align:center; width:80px;}
.matching a {background:#1face6; color:#FFF; font-size:14px; padding:10px 0px; font-weight:500; text-align:center; width:120px;}
.confirm a {background:#1face6; color:#FFF; font-size:16px; padding:15px 0; font-weight:500;}
.cancel a {background:#ddd; color:#666; font-size:16px; padding:15px 0; font-weight:500;}

.block {filter: blur(7px); -webkit-filter: blur(7px); display:none !important;}
.icoTopic {display:inline-block; color:#999; margin-right:5px;}

.alCenter {text-align:center !important; padding:50px 0 30px 0;}
.write {display:block; height:auto; overflow:hidden; text-align:center; font-size:14px; color:#000; font-weight:500; margin-top:10px;}
.write a {display:inline-block; text-decoration:underline;}

.matchingBox {position:relative; background:#fbf7ff; border:1px solid #dadada; border-radius:5px; padding:25px 15px 15px 15px; color:#333; font-size:16px; line-height:1.4; margin-top:30px;}
.matchingBox:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.matchingBox .maTitle  {position:absolute; left:10px; top:-15px; height:30px; line-height:30px; background:#932cff url(../img/ico_matching.png) no-repeat left 50%; background-size:30px 30px; border-radius:30px; color:#FFF; font-size:14px; font-weight:500; letter-spacing:0; padding:0 15px 0 35px; margin-bottom:5px;}

.introAuthor {display:block; height:auto; overflow:hidden; padding:10px 20px; position:relative; border-top:1px solid #dadada; border-bottom:1px solid #dadada; background:#FFF;}
.introAuthor .author {color:#2a4198; font-size:16px; cursor:pointer; position:relative; padding:10px 0; z-index:10;}
.introAuthor .fold {position:absolute; right:20px; top:23px; font-size:14px; color:#999; z-index:1;}
.introAuthor .fold:after {content:'작가 소개'; display:block; height:auto; overflow:hidden;}
.introAuthor .fold.on:after {content:'닫기'; display:block; height:auto; overflow:hidden;}
.introAuthor .iaCon {display:block; height:auto; overflow:hidden; font-size:15px; color:#333; line-height:1.4; display:none; padding:20px 0 10px 0; border-top:1px solid #dadada; margin-top:10px;}

.memLeave {display:block; height:auto; overflow:hidden; text-align:right;}
.memLeave a {display:inline-block; padding:10px; color:#999; font-size:14px; text-decoration:underline;}

.writeTy {position:fixed; left:0; top:0; width:100%; height:100%; background:#ecf2f6; display:flex; justify-content: center; flex-direction: column; padding:20px; display:none; z-index:1000;}
.writeTy.on {display:block; height:100vh; position:relative; left:unset; top:unset;}
.writeTy .wClose {position:absolute; right:20px; top:20px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}
.writeTy .subLogo {display:block; height:auto; overflow:hidden; text-align:center; margin-bottom:40px; padding-top:150px;}
.writeTy .subLogo img {width:200px;}
.writeTy .goWrite01 a {display:block; height:auto; overflow:hidden; padding:20px; background:#2a4198; color:#FFF; font-size:20px; margin:5px 0; border-radius:5px; text-align:center;}
.writeTy .goWrite02 a {display:block; height:auto; overflow:hidden; padding:20px; background:#029bde; color:#FFF; font-size:20px; margin:5px 0; border-radius:5px; text-align:center;}
.writeTy .goWrite03 a {display:block; height:auto; overflow:hidden; padding:20px; background:#932cff ; color:#FFF; font-size:20px; margin:5px 0; border-radius:5px; text-align:center;}
.writeTy.on a {text-decoration:none;}

.dDayNew {position:absolute; right:20px; top:50%; transform:translate(0, -50%); padding:5px 10px 7px 10px; color:#FFF; font-size:14px; font-weight:500; background:#e70000; border-radius:5px; letter-spacing:0;}

.dDayBox {display:block; height:auto; overflow:hidden; background:#FFF; border:1px solid #dadada; position:relative; margin-top:15px;}
.dDayBox:first-child {margin-top:0;}
.dDayBox .blurPhoto {position:absolute; left:0; top:0; width:100%; height:100%; z-index:5;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+1,ffffff+100&1+33,0+100 */
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 1%, rgba(255,255,255,1) 33%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(255,255,255,1) 1%,rgba(255,255,255,1) 33%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
.dDayBox .bpImg {position:absolute; right:0; top:0; width:100%; height:100%; opacity:0.3;}
.dDayBox .viewPhoto a {position:absolute; right:10px; top:10px; width:30px; height:30px; background:url(../img/dico_photo.png) no-repeat 50% 50%; background-size:20px 20px; z-index:40;}
.dDayBox .inDayBox {display:block; height:auto; overflow:hidden; padding:0px 0px 0px 66px; position:relative; z-index:10;}
.dDayBox .inDayBox a {display:block;}
.dDayBox .inDayBox .scheDay {position:absolute; left:0; top:0; width:66px; height:100%; display:flex; flex-direction: column; align-items: center; justify-content:center; background:#f9f9f9; border-right:1px solid #dadada;}
.dDayBox .inDayBox .scheDay .yrMon {color:#666; font-size:12px; letter-spacing:0; margin-bottom:4px;}
.dDayBox .inDayBox .scheDay .day {color:#333; font-size:19px; font-weight:700;}
.dDayBox .inDayBox .scheDay .day em {font-size:12px; color:#333; font-weight:400; margin-left:5px;}

.dDayBox.today .scheDay {background:#0731a9; border-right:0px solid #dadada;}
.dDayBox.today .scheDay .yrMon {color:#FFF;}
.dDayBox.today .scheDay .day {color:#FFF;}
.dDayBox.today .scheDay .day em {color:#FFF;}

.dDayBox .inDayBox .scheDayCon {display:block; height:auto; overflow:hidden; padding:15px;}
.dDayBox .inDayBox .scheDayCon .schePerson {display:block; color:#333; font-size:15px; margin-bottom:10px;}
.dDayBox .inDayBox .scheDayCon .schePerson em {display:inline-block; height:30px; line-height:30px; padding:0 10px 0 30px; background:#f0f0f0 url(../img/eico_heart.png) no-repeat 5px 50%; background-size:20px 20px; color:#333; letter-spacing:0; margin-right:10px; border-radius:30px;}
.dDayBox .inDayBox .scheDayCon .officialSche {display:block; height:auto; overflow:hidden; line-height:1.3; letter-spacing:0;}

.dDayBox .inDayBox .scheDayCon .officialSche p, 
.dDayBox .inDayBox .scheDayCon .officialSche span, 
.dDayBox .inDayBox .scheDayCon .officialSche div {line-height:1.3; letter-spacing:0; font-size:15px !important; color:#333; font-family:'Noto Sans KR' !important; word-break:break-all;}

.scheCon {display:block; height:auto; overflow:hidden;}
.scheCon .scheTitle {font-size:15px; color:#333; font-weight:500; letter-spacing:0; line-height:30px; margin-bottom:15px;}
.scheCon .scheTitle em {display:inline-block; height:30px; line-height:30px; color:#FFF; border-radius:30px; background:#0731a9; padding:0 15px; margin-right:5px;}
.scheCon .scheImg {display:block; padding:10px 0;}
.scheCon .scheImg img {max-width:100%;}
.scheCon .conTxt {font-size:16px; line-height:1.4; color:#333;}
.scheCon .conTxt span, .scheCon .conTxt p, .scheCon .conTxt div {font-size:16px !important; line-height:1.4 !important; color:#333 !important;}

.forDayList {display:block; height:auto; overflow:hidden; margin-top:20px; background:#FFF; padding:20px; border-top:1px solid #dadada;}
.forDayList .perForDay {display:block; height:auto; overflow:hidden; border:1px solid #dadada; padding:15px 70px 15px 15px; position:relative; letter-spacing:0; margin-bottom:10px; min-height:270px;}
.forDayList .perForDay .pfTitle {color:#333; font-size:14px; font-weight:500; margin-bottom:10px;}
.forDayList .perForDay .pfTitle em {color:#34c0fa; margin-right:5px;}
.forDayList .perForDay .pfCon {color:#333; font-size:14px; line-height:1.4;}
.forDayList .perForDay .emoticon {position:absolute; right:10px; top:18px; width:60px; height:auto; padding-top:44px; background:url(../img/eico_heart.png)no-repeat 50% top; background-size:40px 40px; cursor:pointer;}
/* .forDayList .perForDay .emoticon .fighting {position:absolute; right:0; top:-25px; font-size:11px; padding:3px 5px 5px 5px; border-radius:26px; background:#FFF; color:#999; border:1px solid #dadada;} */

.forDayList .perForDay.scheBg01 {background:url(../img/bg_sche01.png) no-repeat 50% 50%; background-size:cover;}
.forDayList .perForDay.scheBg02 {background:url(../img/bg_sche02.png) no-repeat left bottom; background-size:100% auto;}
.forDayList .perForDay.scheBg03 {background:url(../img/bg_sche03.png) no-repeat left bottom; background-size:100% auto;}

.forDayList .perForDay .emoticon .emoCount {color:#666; font-size:13px; text-align:center;}
.forDayList .perForDay .emoticon .emoCount.on {color:#e70000;}
.forDayList .perForDay .scheFunc {clear:both; display:block; height:auto; overflow:hidden; margin-top:10px;}
.forDayList .perForDay .scheFunc a {display:inline-block; font-size:14px; color:#333; padding:5px 15px 5px 0; margin-right:9px; position:relative;}
.forDayList .perForDay .scheFunc a.blockPost {color:#999;}
.forDayList .perForDay .scheFunc a.siren {color:#f20000;}
.forDayList .perForDay .scheFunc a:after {content:''; position:absolute; right:0; top:11px; width:3px; height:3px; border-radius:50%; background:#999;}
.forDayList .perForDay .scheFunc a:last-child {padding-right:0; margin-right:0;}
.forDayList .perForDay .scheFunc a:last-child:after {background:none;}

.limitTxt {text-align:right; font-size:12px; color:#666; padding-top:10px;}

.forDayImg {display:block; height:auto; overflow:hidden; margin-bottom:20px;}
.forDayImg img {width:100%;}

/* popup */
.mPopDim {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.7); z-index:10000;}
.mPop {position:fixed; left:50%; top:50%; width:90%; height:auto; max-height:90%; max-width:640px; transform:translate(-50%, -50%); overflow:hidden; background:transparent; box-sizing:border-box; padding-bottom:40px;}
.mPop .closePop {position:absolute; right:10px; top:10px; width:40px; height:40px; background:url(../img/ico_close.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}
.mPop .closePop.wc {background:url(../img/ico_close_w.png) no-repeat 50% 50%; background-size:18px 18px;}
.mPop .popDeco {display:block; height:auto; overflow:hidden; position:relative;}
.mPop .popDeco img {max-width:100%;}
/* .mPop .popDeco.top:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#FFF;}
.mPop .popDeco.btm:after {content:''; position:absolute; left:0; top:0; width:100%; height:1px; background:#FFF;} */
.mPop .popDeco.btm {margin-top:-5px;}
/* .mPop .mPopCon {display:block; height:auto; max-height:80vh; overflow:hidden; padding:0px; background:#f0f0f0; margin-top:0px; border-radius:10px;} */
.mPop .mPopCon {display:block; height:auto; max-height:80vh; overflow:hidden; padding:0px; background:#f0f0f0; margin-top:0px; border-radius:10px;}
.mPop .mPopCon.trans {background:transparent; padding:0; margin-top:0;}
.mPop .mPopCon.img {background:transparent; padding:0; margin-top:0; border-radius:0;}
.mPop .mPopCon.ty01 {padding:0;}
.mPop .mPopCon .moreAuth {display:block; height:100%; overflow:hidden; overflow-y:auto; padding:20px;}
.mPop .mPopCon .moreAuth .maTitle {font-size:18px; color:#333; font-weight:500; text-align:center; line-height:1.4; padding-bottom:20px; text-align:left; color:#2a4198; padding-left:30px;}
.mPop .mPopCon .moreAuth .maTitle em {display:block; margin-top:-5px; color:#333; font-weight:900; font-size:28px; letter-spacing:-2px;}
.mPop .mPopCon .moreAuth .newAuth {display:block; height:auto; overflow:hidden; padding:15px; min-height:100px; position:relative; border:1px solid #ccc; background:#f9f9f9; margin-bottom:10px; border-radius:5px;}
.mPop .mPopCon .moreAuth .newAuth .newPhoto {float:left; width:80px; height:80px; overflow:hidden; border-radius:50%; overflow:hidden;}
.mPop .mPopCon .moreAuth .newAuth .newPhoto img {max-width:100%;}
.mPop .mPopCon .moreAuth .newAuth .introNewa {float:right; width:calc(100% - 95px); height:auto; overflow:hidden;}
.mPop .mPopCon .moreAuth .newAuth .introNewa .inTitle {font-size:16px; color:#333; font-weight:500; margin-bottom:10px;}
.mPop .mPopCon .moreAuth .newAuth .introNewa .inDesc {font-size:14px; color:#999; line-height:1.4;}
.mPop .mPopCon .moreAuth .newAuth .moreDesc {clear:both; display:block; padding-top:10px;}
.mPop .mPopCon .moreAuth .newAuth .moreDesc p {padding-bottom:5px; font-size:15px; color:#000; font-weight:500; line-height:1.4;}
.mPop .mPopCon .moreAuth .newAuth .moreDesc .goColumn a {display:inline-block; padding:5px 15px 8px 15px; background:#34c0fa; color:#FFF; border-radius:30px; font-weight:500; font-size:14px;}
.mPop .mPopCon .moreAuth .detailInfor {display:block; height:auto; overflow:hidden; color:#666; font-size:15px; line-height:1.4; text-align:center;}
.mPop .mPopCon .moreAuth .detailInfor .btnArea {clear:both; text-align:center; padding:10px 0;}
.mPop .mPopCon .moreAuth .detailInfor .btnArea .goMyAuth a {padding:15px 40px; text-align:center; display:inline-block; color:#FFF; font-size:16px; font-weight:500; border-radius:40px;
background: rgb(0,160,226); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,160,226,1) 0%, rgba(42,65,152,1) 51%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,160,226,1) 0%,rgba(42,65,152,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a0e2', endColorstr='#2a4198',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.weeklyColumn {display:block; height:auto; overflow:hidden;}
.weeklyColumn .wcTitle {color:#333; font-size:16px; margin-bottom:15px;}
.weeklyColumn ul {display:block; height:auto; overflow:hidden; position:relative; border:1px solid #ccc; background:#FFF; border-radius:5px;}
.weeklyColumn ul li {display:block; height:auto; overflow:hidden; padding:15px 60px 15px 80px; border-bottom:1px dashed #ccc; position:relative; min-height:90px;}
.weeklyColumn ul li a {display:block;}
.weeklyColumn ul li .auPhoto {position:absolute; left:15px; top:15px; width:50px; height:50px; border-radius:50%; overflow:hidden; border:1px solid #dadada; box-sizing:border-box;}
.weeklyColumn ul li .auPhoto img {width:100%;}
.weeklyColumn ul li .wcCon {display:block; height:auto; overflow:hidden;}
.weeklyColumn ul li .wcCon .wcName {color:#333; font-size:16px; margin-bottom:4px;}
.weeklyColumn ul li .wcCon .wcCon {color:#666; font-size:14px; letter-spacing:0; line-height:1.3;}
.weeklyColumn ul li .viewThis {position:absolute; right:15px; top:50%; transform:translate(0, -50%); width:30px; height:30px; background:#444; color:#FFF; line-height:30px; text-align:center; font-size:10px; letter-spacing:0; font-weight:500; border-radius:50%;}

.todayClose {position:fixed; left:0; bottom:0; width:100%; height:40px; padding:10px 20px; background:transparent; color:#FFF;}
.todayClose .chkB input + span {color:#FFF;}
.todayClose .chkB input:checked + span {color:#FFF;}
.todayClose .txtbkClose {position:absolute; right:20px; top:50%; transform:translate(0, -50%); text-align:right; color:#FFF; font-size:14px; cursor:pointer;}
.todayClose.img {bottom:30px;}
.todayClose.img .txtbkClose {left:calc(100% - 34%); right:unset;}

.pColumnSec {display:block; height:auto; overflow:hidden;}
.partColumn {display:block; height:auto; overflow:hidden; padding:0 0 0 30px; position:relative; margin-bottom:15px;}
.partColumn a {display:block;}
.partColumn .pAuPhoto {position:absolute; left:0; top:50%; transform:translate(0, -50%); width:60px; height:60px; border-radius:50%; border:1px solid #999; overflow:hidden;}
.partColumn .pAuPhoto img {width:100%;}
.partColumn .innerPartCon {display:block; height:auto; overflow:hidden; padding:10px 10px 10px 40px; border-radius:10px; border:1px solid #dadada; background:#FFF;}
.partColumn .innerPartCon .columnTitle {color:#333; font-size:16px; margin-bottom:15px;}
.partColumn .innerPartCon .attackTxt {color:#000; font-size:18px; font-weight:500; letter-spacing:-2px; line-height:1.25; margin-bottom:10px;}
.partColumn .innerPartCon .goColumn {display:inline-block; padding:5px 15px 8px 15px; background:#34c0fa; color:#FFF; border-radius:30px; font-weight:500; font-size:14px;}

.partColumn:nth-child(even) {padding:0 30px 0 0;}
.partColumn:nth-child(even) .pAuPhoto {left:unset; right:0;}
.partColumn:nth-child(even) .innerPartCon {text-align:right; padding:10px 40px 10px 10px;}

.imgPop {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:100%; height:auto; max-height:100%; overflow:hidden; overflow-y:auto; padding-top:40px; text-align:center; z-index:1100; display:none;}
.imgPop img {max-width:100%;}
.imgPop .popImg {display:block; height:auto; overflow:hidden;}
.imgClose {position:absolute; right:0px; top:0px; width:40px; height:40px; background:url(../img/ico_close_w.png) no-repeat 50% 50%; background-size:18px 18px; cursor:pointer;}

.mDaySec {display:block; height:auto; overflow:hidden; padding:20px 20px 0 20px;}

.attached {display:block; height:auto; overflow:hidden; margin-top:15px;}
.attached li {float:left; width:80px; height:80px; margin-right:5px; position:relative;}
.attached li a {display:block;}
.attached li .attachThumb {display:block; height:80px; position:relative;}
.attached li .btnPlay {position:absolute; left:50%; top:50%; width:100%; height:100%; transform:translate(-50%, -50%); background:url(../img/ico_play.png) no-repeat 50% 50%; background-size:30px auto; z-index:10;}

.scheBgSec {display:block; height:auto; overflow:hidden;}
.scheBgSec .scheBgBox {float:left; width:32%; height:auto; overflow:hidden; margin-right:2%; background:#f9f9f9; position:relative;}
.scheBgSec .scheBgBox .selOn {position:absolute; left:0; top:0; width:100%; height:100%; border:6px solid #1face6; background:url(../img/ico_chk.png) no-repeat 50% 50%; background-size:35px auto; box-sizing:border-box; display:none;}
.scheBgSec .scheBgBox .selOn.on {display:block;}
.scheBgSec .scheBgBox:last-child {margin-right:0;}
.scheBgSec .scheBgBox img {width:100%;}

.scBox {height:60px; position:relative; border:1px solid #dadada; border-radius:60px; margin-bottom:15px;}
.scBox a {display:flex; align-items: center; height:100%; padding:0 20px 0 70px;}
.scBox:nth-child(even) a {padding:0 70px 0 20px; text-align:right;}
.scBox:nth-child(even) .scAuth {right:-1px; left:unset;}
.scBox .scAuth {position:absolute; left:-1px; top:-1px; width:60px; height:60px; border:4px solid #df9153; overflow:hidden; border-radius:50%; text-align:center; box-sizing:border-box;}
.scBox .scAuth img {width:100%;}
.scBox .scDesc {display:block; color:#333; font-size:16px; line-height:1.3; font-weight:500;}

.promiseList {display:block; height:auto; overflow:hidden; background:#FFF; margin-top:20px; padding:0 0 20px 0;}
.promiseList .proTab {position:relative; padding:0 20px; background:#f9f9f9; height:auto; overflow:hidden;}
.promiseList .proTab:after {content:''; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dadada;}
.promiseList .proTab a {float:left; width:50%; height:auto; text-align:center; padding:10px 0; font-size:16px; border:1px solid #dadada; background:transparent; border-right:0; box-sizing:border-box;}
.promiseList .proTab a.on {background:#4dbdeb; color:#FFF; border:1px solid #4dbdeb;}
.promiseList .proTab a:last-child {border-right:1px solid #dadada;}
.promiseList .proTab a:last-child.on {border-right:1px solid #4dbdeb;}
.promiseList .localPro {display:block; height:auto; overflow:hidden; padding:20px;}
.localProBox {display:block; height:auto; overflow:hidden; border:1px solid #dadada; background:#FFF; border-radius:5px; margin-bottom:10px;}
.localProBox .currentLocal {display:block; padding:15px 20px; color:#333; font-size:16px; position:relative;}
.localProBox .currentLocal.metro a {display:block;}
.localProBox .currentLocal.metro a .arTail {transform:rotate(-90deg);}
.localProBox .currentLocal .arTail {position:absolute; right:20px; top:20px; width:12px; height:8px; background:url(../img/ar_tail.png) no-repeat 50% 50%; background-size:100%; transition:.4s all;}
.localProBox .currentLocal .arTail.on {transform:rotate(180deg);}
.localProBox .localList {display:block; height:auto; overflow:hidden; border-top:1px solid #dadada; padding:20px; background:#f9f9f9; display:none;}
.localProBox .localList .subLocal a {float:left; width:32%; height:auto; margin-right:2%; padding:8px 0; text-align:center; background:#FFF; border-radius:5px; margin-bottom:5px; border:1px solid #dadada; box-sizing:border-box;}
.localProBox .localList .subLocal:nth-child(3n) a {margin-right:0;}

.localCate {display:inline-block; background:#932cff; padding:5px 15px 6px 15px; border-radius:30px; font-size:14px; color:#FFF; margin-bottom:5px;}
.vodSec {clear:both; display:block; height:auto; overflow:hidden; padding:20px 0;}

.mPromise {position:relative;}
.mPromise:after {content:''; clear:both; display:block; height:auto; overflow:hidden;}
.mPromise .mProTab {position:relative; padding:0 20px; background:#f9f9f9; height:auto; z-index:1; margin-top:20px;}
.mPromise .mProTab a {float:left; width:34%; height:auto; text-align:center; padding:10px 0; font-size:14px; border:1px solid #dadada; background:#FFF; border-right:0; box-sizing:border-box; margin-top:4px; transition:.4s all;}
.mPromise .mProTab a.on {background:#4dbdeb; color:#FFF; border:1px solid #4dbdeb; padding:12px 0; margin-top:0;}
.mPromise .mProTab a:last-child {border-right:1px solid #dadada;}
.mPromise .mProTab a:last-child.on {border-right:1px solid #4dbdeb;}
.mPromise .mProCon {display:block; width:100%; height:auto; overflow:hidden; padding:20px 120px 20px 20px; background:#4dbdeb; display:none; position:relative; box-sizing:border-box; z-index:10;}
.mPromise .mProCon select {float:left; width:49%; height:40px; margin-right:2%; box-sizing:border-box; background:#FFF;}
.mPromise .mProCon select + select {margin-right:0;}
.mPromise .mProCon.metro select {width:100%; margin-right:0;}
.mPromise .mProCon input[type="text"] {height:40px; line-height:38px; width:100%; background:#FFF;}
.mPromise .mProCon button.proSearch {position:absolute; right:20px; top:20px; width:90px; height:40px; line-height:38px; background:#444; border:1px solid #444; box-sizing:border-box; text-align:center; color:#FFF; font-size:16px; border-radius:5px;}
.mPromise .bgJmSet {position:absolute; right:0; top:0px; width:27%; height:auto;}
.mPromise .bgJmSet img {height:100px;}
.mPromise .bgJmSet .bjm01 {position:absolute; right:10px; top:-45px; width:100%; opacity:0; transition:.4s all;}
.mPromise .bgJmSet .bjm01.on {opacity:1.0;}
.mPromise .bgJmSet .bjm02 {position:absolute; right:0; top:-45px; width:100%; opacity:0; transition:.4s all;}
.mPromise .bgJmSet .bjm02.on {opacity:1.0;}
.mPromise .bgJmSet .bjm03 {position:absolute; right:10px; top:-45px; width:100%; opacity:0; transition:.4s all;}
.mPromise .bgJmSet .bjm03.on {opacity:1.0;}

.dPopCon {position:relative; min-height:170px; border-radius:10px; margin-bottom:20px;}
.dPopCon:after {content:''; display:block; height:auto; overflow:hidden; clear:both;}
.dPopCon:last-child {margin-bottom:0;}
.dPopCon a {display:block; width:100%; height:100%; padding:20px; box-sizing:border-box;}
.dPopCon.bgHechan {background:#FFF url(../img/pop_hechan.png) no-repeat right bottom; background-size:auto 160px;}
.dPopCon.bgRia {background:#FFF url(../img/pop_ria.png) no-repeat 105% bottom; background-size:auto 100%;}
.dPopCon.bgWoo {background:#FFF url(../img/pop_woo.png) no-repeat left bottom; background-size:auto 160px; padding-left:120px;}
.dPopCon.bgHosaka {background:#FFF url(../img/pop_hosaka.png) no-repeat left bottom; background-size:auto 160px; padding-left:120px;}
.dPopCon.bgJwy {background:#FFF url(../img/pop_jwy.png) no-repeat right bottom; background-size:auto 160px; padding-right:100px;}
.dPopCon.bgPeter {background:#FFF url(../img/pop_peter.png) no-repeat right bottom; background-size:auto 160px; padding-right:100px;}
.dPopCon.bgKjh {background:#FFF url(../img/pop_khj.png) no-repeat left bottom; background-size:auto 160px; padding-left:0px;}
.dPopCon.bgCmh {background:#FFF url(../img/pop_cmh.png) no-repeat right bottom; background-size:auto 160px; padding-right:0px;}
.dPopCon.bgJhy {background:#FFF url(../img/pop_jhy.png) no-repeat 101% bottom; background-size:auto 160px; padding-right:0px;}
.dPopCon.bgCbg {background:#FFF url(../img/pop_cbg.png) no-repeat left bottom; background-size:auto 160px; padding-left:100px;}

.dPopCon.bgHechan .attackTxt {padding-right:95px;}
.dPopCon.bgKjh .attackTxt {padding-left:110px;}
.dPopCon.bgCmh .columnTitle {padding-right:50px;}
.dPopCon.bgCmh .attackTxt {padding-right:95px;}
.dPopCon.bgJhy .columnTitle {padding-right:40px;}
.dPopCon.bgJhy .attackTxt {padding-right:90px;}

.dPopCon .columnTitle {color:#2a4198; font-size:20px; margin-bottom:15px; line-height:1.3; font-weight:700; padding-top:10px;}
.dPopCon .attackTxt {color:#000; font-size:16px; font-weight:500; letter-spacing:-1px; line-height:1.25;}
.dPopCon .highTxt {color:#333; margin-top:15px; font-size:14px;}
.dPopCon .highTxt em {display:inline-block; padding:3px 10px 4px 10px; background:#4dbdeb; color:#FFF; font-size:14px; font-weight:500; border-radius:26px; margin-bottom:5px;}
.dPopCon .specialThing {padding:5px 15px 7px 15px; background:#932cff; color:#FFF; font-size:14px; font-weight:500; border-radius:30px; margin-bottom:0px; display:inline-block; letter-spacing:0;}

.popImg {display:block; height:auto; overflow:hidden;}
.popImg img {max-width:100%;}

.ui-datepicker-trigger {display:none;}

@media only screen and (min-width:720px) {
	.wrap {border:1px solid #dadada;}
	.comnHead {box-shadow:none; border-left:1px solid #dadada; border-right:1px solid #dadada;}

}

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

}

@media only screen and (max-width:720px) {
	.subMenu .cateMenuSet {-ms-overflow-style:none;scrollbar-width: none;}
	.subMenu .cateMenuSet::-webkit-scrollbar {display: none}
	.subMenu .wMenu {-ms-overflow-style:none;scrollbar-width: none;}
	.subMenu .wMenu::-webkit-scrollbar {display: none}
	.myAuthor {-ms-overflow-style:none;scrollbar-width: none;}
	.myAuthor::-webkit-scrollbar {display: none}
	.topicBox .topicList {-ms-overflow-style:none;scrollbar-width: none;}
	.topicBox .topicList::-webkit-scrollbar {display: none}
	.scheHead .schMonth {-ms-overflow-style:none;scrollbar-width: none;}
	.scheHead .schMonth::-webkit-scrollbar {display: none}
}

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

}

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

}