@charset "utf-8";

html {margin:0; padding:0; font-size:10px; -webkit-text-size-adjust:none; -ms-text-size-adjust:none;}
body {margin:0; padding:0; font-family:Helvetica,Verdana,Arial,AppleGothic,Dotum,'돋움',sans-serif; color:#666; font-size:12px; font-size:1.2rem; line-height:1.4;}

/* RESET,COMMON */
a img {border:0;}
img, embed, object, video {max-width:100%;}
a, a:link, a:visited {color:#666; text-decoration:none;}
a:hover, a:active, a:focus {color:#ff4d80;}
.containerArea a, .containerArea a:link, .containerArea a:visited {border-bottom:1px solid transparent;}
.containerArea a:hover, .containerArea a:active, .containerArea a:focus {border-bottom:1px dashed #ff4d80;}
button, input[type='submit'] {cursor:pointer;}
header, footer, aside, nav {margin:0; padding:0;}
iframe {max-width:100%;}

/* COMMON */
.hide {position:absolute; width:1px !important; height:1px !important; padding:0 !important; color:transparent; background-color:transparent !important; font-size:1px !important; clip:rect(1px) !important; overflow:hidden;}
.fieldset {border:0; margin:0; padding:0; box-sizing:border-box;}
.input {border:1px solid #ccc; padding:5px; box-sizing:border-box;}
.input {-webkit-appearance:none; appearance:none; font-family:Helvetica,Verdana,Arial,AppleGothic,Dotum,'돋움',sans-serif;}
.input::-webkit-input-placeholder,
.input:-moz-input-placeholder,
.input::-moz-input-placeholder,
.input:-ms-input-placeholder{font-size:12px; font-size:1.2rem; color:#888;}
.textarea {-webkit-appearance:none; appearance:none; display:block; font-family:Helvetica,Verdana,Arial,AppleGothic,Dotum,'돋움',sans-serif; border:1px solid #ccc; padding:10px; box-sizing:border-box;}
.textarea::-webkit-input-placeholder,
.textarea:-moz-input-placeholder,
.textarea::-moz-input-placeholder,
.textarea:-ms-input-placeholder {font-size:12px; font-size:1.2rem; color:#888;}

.title {line-height:1.2;}
.tNum, .tComm {font-style:normal; color:#ff4d80; font-size:11px; font-size:1.1rem;}
.tDate {font-style:normal; color:#888;}
.contentArea .tDate {font-size:12px; font-size:1.2rem;}
.sidebarArea .tDate {font-size:11px; font-size:1.1rem;}
.tWriter {font-style:normal; color:#888;}
.contentArea .tWriter {font-size:12px; font-size:1.2rem;}
.sidebarArea .tWriter {font-size:11px; font-size:1.1rem;}
.tCate {font-style:normal; font-size:12px; font-size:1.2rem;}

/* BTN */
.btnGroup {margin:0; padding:0; zoom:1;}
.btnGroup:after {clear:both; content:''; display:block;}
.btnGroup li {list-style:none; float:left; margin:0; padding:0 0 0 5px;}
.btnGroup li:first-child {padding-left:0;}
.btn {display:inline-block; padding:5px 30px; border:0; background-color:#888; color:#fff !important; border:0 !important; text-align:center; font-weight:bold; font-size:12px; font-size:1.2rem;}
.btnS {display:inline-block; padding:4px 10px; border:0; background-color:#888; color:#fff !important; border:0 !important; text-align:center; font-weight:bold; font-size:11px; font-size:1.1rem;}
.contentArea .btnTop {margin:0 -21px -20px 0; text-align:right;}
.btnTop a {display:inline-block; padding:4px 5px; text-transform:uppercase; color:#fff; background-color:#888; font-size:11px; font-size:1.1rem; border-bottom:0;}
.btnTop a:hover, .btnTop a:active, .btnTop a:focus {background-color:#ff4d80; color:#fff;}
.sidebarArea + .btnTop {display:none; clear:both;}

/* tag list */
.listTag {margin:0; padding:0;}
.listTag li {display:inline-block; list-style:none; margin:0 3px 2px; padding:0; vertical-align:text-bottom;}
.listTag a {display:inline-block; padding:2px 3px 1px;}
.listTag a.cloud1 {font-size:13px; font-size:1.3rem; color:#ff4d80; font-weight:bold; background-color:#eee;}
.listTag a.cloud2 {font-size:13px; font-size:1.3rem; color:#333; font-weight:bold; background-color:#f3f3f3;}
.listTag a.cloud3 {color:#333; font-weight:bold;}
.listTag a.cloud4 {color:#333;}
.listTag a.cloud5 {font-size:11px; font-size:1.1rem; color:#888;}
.listTag a:hover, .listTag a:active, .listTag a:focus {border-bottom:1px dashed #ff4d80;}
.listTag2 {}

/* article list */
.listArti {margin:0; padding:0;}
.listArti li {list-style:none; margin:0; padding:0;}

.listCate li * {vertical-align:middle;}

/* LAYOUT */
.menuS {position:absolute; top:0; list-style-type:none; width:430px; margin:0; padding:0 10px;}
.menuS li {display:inline; margin:0; padding:0; font-size:12px; font-size:1.2rem; color:#000;}
.menuS a {position:absolute; top:-200px; left:0; display:block; padding:5px 10px 7px; background-color:#dfdfdf;}
.menuS a:focus {top:0; left:0;}

.containerArea {width:100%; max-width:1000px; margin:40px auto 15px;}

.headerArea h1 {float:left; font-size:24px; font-size:2.4rem; margin:0; padding:0 0 25px 20px; border-bottom:0; box-sizing:border-box; line-height:1.2;}
.headerArea h1 a {color:#ff4d80;}
.headerArea h1 a:hover, #header h1 a:active, #header h1 a:focus {border-bottom:0;}
.headerArea .searchForm {float:right; width:200px; padding:0 10px 25px 20px;}
.headerArea .searchForm > div {position:relative; width:100%; padding:3px 29px 3px 3px; background-color:#eee; box-sizing:border-box;}
.headerArea .searchForm * {vertical-align:middle;}
.headerArea .searchForm input[type='search'] {width:100%; height:26px; height:2.6rem; padding:2px 5px; font-size:12px; font-size:1.2rem; box-sizing:border-box; border:1px solid #ccc;}
.headerArea .searchForm .btnSearch {position:absolute; right:3px; top:3px; width:26px; height:26px; background:transparent url('./images/icoSearch2.png') no-repeat 50% 50%; background-size:15px 15px; border:0; color:transparent;}

.headerArea .menuWrap {position:relative; padding-right:200px; clear:both; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}

button.btnMenuOpen, button.btnSearchOpen {display:none;}

.menuWrap{zoom:1;}
.menuWrap:after {clear:both; content:''; display:block;}
.menuWrap li a {display:inline-block; text-transform:uppercase; border-bottom:0 !important;}

.contentArea {float:left; width:75%; margin:20px 0; padding:0 20px 20px 10px; font-size:12px; font-size:1.2rem; box-sizing:border-box; border-right:1px solid #dfdfdf;}

.sidebarArea {float:right; width:25%; margin-top:20px; padding:0 10px 20px 20px; font-size:12px; font-size:1.2rem; box-sizing:border-box;}

.footerArea {clear:both; font-size:12px; font-size:1.2rem; zoom:1;}
.footerArea .menuWrap {margin-bottom:10px;}
.footerArea:after {clear:both; content:''; display:block;}
.footerArea .counter {float:left; padding:0 10px; font-size:11px; font-size:1.1rem;}
.footerArea .counter em {color:#888; vertical-align:middle; font-style:normal;}
.footerArea .bar {display:inline-block; margin:0 3px; vertical-align:middle; color:#ccc;}
.footerArea .copyright {float:right; padding:0 10px; font-size:11px; font-size:1.1rem; background-color:#fff; color:#888; text-align:right;}
.footerArea .copyright a {color:#888;}

.menuM {width:100%; margin:0; padding:4px 6px; zoom:1;}
.menuM:after {clear:both; content:''; display:block;}
.menuM li {float:left; list-style:none; margin:0; padding:0 4px; box-sizing:border-box; border-left:1px dashed #ccc; text-align:center;}
.menuM li a {padding:6px 15px; font-size:14px; font-size:1.4rem; font-weight:bold;}
.menuM li:first-child {border-left:0;}
.menuM li.hidden {display:none;}
.menuM a:hover, .menuM a:active, .menuM a:focus {background-color:#ff4d80; color:#fff;}

.menuA {position:absolute; width:170px; right:10px; top:6px; margin:0; padding:0; background-color:#ccc; zoom:1;}
.menuA:after {clear:both; content:''; display:block;}
.menuA li {float:left; width:50%; list-style:none; margin:0; padding:0; border-left:1px dashed #fff; box-sizing:border-box;}
.menuA li:first-child {border-left:0;}
.menuA li a {display:block; padding:5px 0 6px; font-size:12px; font-size:1.2rem; color:#fff; font-weight:bold; text-align:center;}
.menuA a:hover, .menuA a:active, .menuA a:focus {background-color:#ff4d80;}

.menuF {margin:0; padding:0 10px; background-color:#dfdfdf; zoom:1;}
.menuF:after {clear:both; content:''; display:block;}
.menuF li {float:left; list-style:none; font-size:11px; font-size:1.1rem; margin:0; padding:0;}
.menuF li:first-child {border-left:0;}
.menuF li a {padding:7px 10px;}
.menuF a:hover, .menuF a:active, .menuF a:focus {color:#000;}

/* SIDERBAR */
.sidebarArea .section {margin-bottom:20px;}
.sidebarArea h3.title {margin:0; padding:2px 5px 1px; font-size:12px; font-size:1.2rem; color:#fff; background-color:#ff4d80;}
.sidebarArea .wrap {margin-top:10px;}
.sidebarArea h3.hide + .wrap {margin-top:0;}
.sidebarArea ul {margin:0; padding:0;}
.sidebarArea li {list-style:none; margin:0; padding:0;}

.profile .img {margin-bottom:10px; border-radius:5px; /* background:url('./images/imgProfile.jpg') no-repeat 50% 50%; background-size:contain; */ text-align:center; overflow:hidden;}
.profile .img img {width:100%; height:auto; vertical-align:top;}
.profile .txt strong {font-size:12px; font-size:1.2rem;}
.profile .txt p {margin:0; padding:0; font-size:11px; font-size:1.1rem; color:#888;}

#treeComponent * {border-bottom:0 !important;}
#treeComponent div {cursor:pointer;}
#treeComponent div:hover, #treeComponent div:focus {color:#ff4d80 !important;}

.sidebarArea .listArti li {margin-top:4px; padding-left:7px; background:url('./images/icoDot.png') no-repeat 0 .6rem; background-size:2px 2px;}

.post {}
.trackback {}
.archive {}
.tag {}

.comment .listArti span:first-of-type {display:block;}
.comment .listArti .tWriter {display:inline-block;}

.bookmark li {margin-top:2px;}
.bookmark li:first-child {margin-top:0;}
.bookmark a {padding-left:15px; background:url('./images/icoBookmark.png') no-repeat 0 .2rem; background-size:9px 10px;}

.tt-calendar {width:100%; border-collapse:collapse; table-layout:fixed;}
.tt-calendar .cal_month {position:relative; padding-bottom:5px;}
.tt-calendar .cal_month a {font-size:12px; font-size:1.2rem;}
.tt-calendar .cal_month a:first-child, .tt-calendar .cal_month a:last-child {position:absolute; top:-7px; border:0; padding:5px; background-color:transparent; color:#ff4d80;}
.tt-calendar .cal_month a:first-child {left:0; color:#888;}
.tt-calendar .cal_month a:last-child {right:0; color:#888;}
.tt-calendar th, .tt-calendar td {padding:3px 0 2px; text-align:center; color:#666;}
.tt-calendar thead th {background-color:#f3f3f3; font-size:11px; font-size:1.1rem;}
.tt-calendar .cal_current_week {background-color:#fefefe;}
.tt-calendar td a {color:#ff4d80; font-weight:bold;}

.banner .wrap {padding:15px 15px 0; border-top:1px dashed #ccc; font-size:11px; font-size:1.1rem; text-align:center;}
.banner a {display:inline-block; border-bottom:0 !important;}

/* CONTENT */
.contentArea .section {margin-bottom:30px;}
.contentArea h2.title {margin:0; padding:5px 10px; font-size:1.4rem; color:#fff; background-color:#ff4d80;}
.contentArea .wrap {margin-top:15px;}
.contentArea h2.hide + .wrap {margin-top:0;}

.searchList .title strong, .searchrpList .title strong {color:#fff;}
.searchList .listArti li, .searchrpList .listArti li {margin-top:8px; padding:0 10px 5px 17px; background:url('./images/icoDot.png') no-repeat 10px .6rem; background-size:2px 2px; border-bottom:1px dashed #ccc;}
.searchList .listArti a, .searchrpList .listArti a {border-bottom:0;}
.searchList .listArti .tDate, .searchrpList .listArti .tDate {float:left; margin-right:10px; color:#888;}
.searchrpList .listArti .tWriter {margin-left:5px; font-size:11px; font-size:1.1rem;}

.localLog .spot {display:block; margin-top:8px; padding-top:3px; padding-left:16px; background:url('./images/icoSpot.png') no-repeat 0 .3rem; background-size:12px 12px; color:#888;}
.localLog .arti {display:block; margin-top:8px; padding-left:16px; padding-bottom:5px; background:url('./images/icoDot.png') no-repeat 10px .6rem; background-size:2px 2px; border-bottom:1px dashed #ccc;}
.localLog .arti a {border-bottom:0;}

.tagLog .listTag li {margin-bottom:10px; margin-right:5px;}

.guestForm {padding:10px; background-color:#f3f3f3; zoom:1;}
.guestForm:after {clear:both; content:''; display:block;}
.guestForm p {position:relative; margin:0 0 5px; padding:0 0 0 65px; padding-left:6.5rem;}
.guestForm p .input {width:100%;}
.guestForm p label {position:absolute; left:0; top:3px; display:inline-block; width:65px; width:6.5rem; text-align:justify;}
.guestForm .textarea {width:100%; height:80px; height:8rem; font-size:12px; font-size:1.2rem;}
.guestForm .btn {float:right; margin-top:5px;}

.guestList, .guestList ul {list-style:none; margin:0; padding:0;}
.guestList .guest_general + ul {margin-top:10px; margin-left:20px; padding-top:10px; border-top:1px dashed #ccc;}
.guestList > li {list-style:none; margin:10px 0 0; padding:10px; border:4px solid #dfdfdf;}
.guestList > li:first-child {margin-top:0;}
.guestList li > * {vertical-align:middle;}
.guestList .tWriter {display:inline-block; margin-left:5px; font-size:12px; font-size:1.2rem; color:#333; vertical-align:middle;}
.guestList .tWriter * {vertical-align:middle;}
.guestList .tDate {display:inline-block; margin-left:10px; vertical-align:middle;}
.guestList .btnGroup {display:inline-block; margin-left:10px; vertical-align:middle;}
.guestList .cont {clear:right; margin-top:5px; margin-top:.5rem; padding:10px 5px 0; border-top:1px dashed #ccc;}

.article .titleWrap {padding:10px; border:2px dashed #ff4d80;}
.article h3.title {margin:0 0 5px; padding:0; font-size:16px; font-size:1.6rem;}
.article h3.title a {border-bottom:0;}
.article .tCate, .article .tDate {display:inline-block; margin-right:10px;}
.article.secret .titleWrap {border-color:#ccc;}
.article.secret .titleWrap h3.title {padding-left:20px; background:url('./images/icoSecret.png') no-repeat 0 50%; background-size:16px 16px; background-size:1.6rem 1.6rem;}
.article .btnGroup {float:right; margin-top:5px;}
.article .cont {clear:both; margin:0; padding:20px 10px;}
.article .cont * {word-break:break-all;}
.article .cont .imageblock {max-width:100%;}
.article .cont img {max-width:100% !important; height:auto !important; margin-top:5px; margin-bottom:5px;}
.article .contSecret {clear:both; padding-top:10px;}
.article .contSecret > div {padding:30px; background-color:#f3f3f3; text-align:center;}
.article .contSecret p {font-weight:bold; line-height:1.8;}
.article .contSecret .pwForm * {vertical-align:middle;}
.article .contSecret .pwForm .btnS {padding:7px;}

.another_category {margin-top:30px !important;}

.moreless_fold span, .moreless_top span, .moreless_bottom span {display:inline-block; padding:4px 8px; background-color:#ff4d80; color:#fff; font-weight:bold; font-size:11px; font-size:1.1rem;}
.moreless_content {margin:5px 0; padding:5px 10px; border:1px dashed #ff4d80;}

.tagtrail {position:relative; padding:10px 10px 10px 35px; border-top:1px dashed #ccc; border-bottom:1px dashed #ccc; zoom:1;}
.tagtrail:after {clear:both; content:''; display:block;}
.tagtrail * {vertical-align:middle;}
.tagtrail h4.title {position:absolute; left:10px; top:10px; display:inline-block; width:18px; height:18px; margin:0 10px 0 0; padding:0; background:url('./images/icoTag.png') no-repeat 50% 50%; background-size:18px 18px;}
.tagtrail .listTag2 {display:inline-block; word-break:break-all;}

.actiontrail {margin:0; padding:0 10px; zoom:1;}
.actiontrail:after {clear:both; content:''; display:block;}
.actiontrail li {float:left; list-style:none; margin:0; padding:0 10px; border-left:1px dashed #ccc;}
.actiontrail li:first-child {padding-left:0; border-left:0;}

.trackbackUrl {padding:5px 10px; background-color:#f3f3f3;}
.trackbackUrl * {vertical-align:middle;}
.trackbackUrl p {display:inline-block; margin:0 5px 0 0; padding:0; font-size:11px; font-size:1.1rem;}
.trackbackUrl p .url {font-size:12px; font-size:1.2rem;}
.trackbackUrl p .url * {display:inline-block; vertical-align:middle !important; border-bottom:0 !important;}
.trackback .iframe {width:0; height:0; position:absolute; border:0; background-color:transparent;}
.listTrackback {margin:0; padding:0;}
.listTrackback li {list-style:none; margin:10px 0 0; padding:10px; border:1px dashed #ccc;}
.listTrackback h4.title {margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid #dfdfdf;}
.listTrackback h4.title a {border-bottom:0;}
.listTrackback .btnS {float:right; margin-top:-20px;}
.listTrackback .from {float:left; padding:0 0 3px; color:#666; font-size:11px; font-size:1.1rem; border-bottom:1px dashed #dfdfdf;}
.listTrackback .from em {font-style:normal; color:#000;}
.listTrackback .tDate {clear:left; float:left; margin:5px 0 0; font-size:11px; font-size:1.1rem;}
.listTrackback p {clear:both; margin:0; padding:5px 0 0; color:#888; font-size:11px; font-size:1.1rem;}

.commentList {margin:0; padding:0;}
.commentList > li {list-style:none; margin:10px 0 0; padding:10px; border:1px solid #ccc;}
.commentList > li:first-child {margin-top:0;}
.commentList .tWriter {display:inline-block; color:#333;}
.commentList * {vertical-align:middle;}
.commentList .tWriter {display:inline-block; color:#333;}
.commentList .tDate {display:inline-block; margin-left:10px; font-size:11px; font-size:1.1rem;}
.commentList .btnGroup {display:inline-block; margin-left:10px;}
.commentList .cont {margin-top:8px;}
.commentList > li {list-style:none; margin:10px 0 0; padding:10px; border:1px solid #ccc;}
.commentList .commentList {margin-top:10px;}
.commentList .commentList > li {padding:10px 10px 0 20px; border:0; border-top:1px dashed #ccc; background:url('./images/icoRe.png') no-repeat 0 13px; background-position:0 1.3rem; background-size:14px 14px;}

.commentForm {padding:10px; background-color:#f3f3f3; zoom:1;}
.commentForm:after {clear:both; content:''; display:block;}
.commentForm p {position:relative; margin:0 0 5px; padding:0 0 0 70px; padding-left:7rem;}
.commentForm p .input {width:100%;}
.commentForm p label {position:absolute; left:3px; top:3px; display:inline-block; width:70px; width:7rem; text-align:justify;}
.commentForm .chkSecret {margin-bottom:8px;}
.commentForm .chkSecret * {vertical-align:middle;}
.commentForm .textarea {width:100%; height:80px; height:8rem;}
.commentForm .btn {float:right; margin-top:5px;}

.paging {margin:0; padding:0; text-align:center; line-height:1.1;}
.paging * {display:inline-block; vertical-align:middle !important;}
.paging a {padding:4px 6px; border:0 !important;}
.paging .pageNum a:hover, .paging .pageNum a:active, .paging .pageNum a:focus {background-color:#ff4d80; color:#fff !important;}
.paging > a[href] {margin-bottom:1px; font-size:11px; font-size:1.1rem;}


@media all and (max-width:800px){
    html {font-size:12px;}
    .containerArea {width:100%; margin-top:30px;}
    .contentArea {float:none; width:100%; padding:0 10px; border-right:0;}
    .sidebarArea {float:none; width:100%; padding:10px 10px 20px;}
    .headerArea h1 {float:none; width:100%; margin-bottom:10px; padding:10px; text-align:center; background-color:#ff4d80; font-size:24px; font-size:2.4rem;}
    .headerArea h1 a {color:#fff !important;}
    .headerArea .searchForm {display:block; float:none; width:100%; padding:0 10px 10px;}
    .headerArea .menuWrap {display:block; position:static; padding-right:0; border:0;}
    .headerArea .menuM {position:static; width:100%; box-sizing:border-box; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
    .headerArea .menuM li {width:16%;}
    .headerArea .menuM li a {width:100%; box-sizing:border-box;}
    .headerArea .menuM li.hidden {display:block; width:20%;}
    .headerArea .menuA {position:static; width:100%;}
    .contentArea .btnTop {clear:both; margin:15px 0 0 !important;}
    .sidebarArea + .btnTop {display:block; margin:0 0 15px;}
    .btnTop a {display:block; padding-top:5px; padding-bottom:5px; text-align:center;}
    .profile .img img {width:auto;}
    .sidebarArea .section,
    .sidebarArea .module {width:50%; float:left; padding-left:10px; padding-right:10px; box-sizing:border-box;}
    .sidebarArea .section .wrap {padding-left:0; padding-right:0;}
    .sidebarArea .section:nth-child(2) {margin-top:0;}
    .menuF {text-align:center;}
    .menuF li {float:none; display:inline}
    .footerArea .counter, .footerArea .copyright {float:none; text-align:center;}
    .footerArea .copyright {margin-top:5px;}
}

@media all and (max-width:600px){
    .containerArea {margin-top:0;}
    #tistorytoolbarid {display:none !important;}
    .headerArea {position:relative;}
    .headerArea h1 {font-size:20px; font-size:2rem; margin-bottom:0;}
    button.btnSearchOpen, button.btnMenuOpen {display:block; width:40px; height:40px; border:0 !important; font-size:1px; color:transparent;}
    button.btnSearchOpen {position:absolute; left:5px; top:5px; background:#ff4d80 url('./images/icoSearch.png') no-repeat 50% 50%; background-size:20px 20px;}
    button.btnMenuOpen {position:absolute; right:5px; top:5px; background:#ff4d80 url('./images/icoMenu.png') no-repeat 50% 50%; background-size:20px 20px;}
    .headerArea .searchForm {display:none; float:none; width:100%; padding:0; background-color:#dfdfdf; border-bottom:1px solid #ccc;}
    .headerArea .searchForm > div {padding:10px 40px 10px 10px;}
    .headerArea .searchForm .btnSearch {width:31px; height:31px; top:10px; right:5px; background-size:22px 22px;}
    .headerArea .menuWrap {display:none; padding-right:0; border:0; width:100%; height:auto; background-color:#fff;}
    .headerArea .menuA {display:none !important;}
    .headerArea .menuM {position:static; width:100%; padding:0 10px; border-bottom:1px solid #ccc; box-shadow:0 0 7px #ccc;}
    .headerArea .menuM li {width:100% !important; border-left:0; margin:0; padding:5px 0; border-bottom:1px dashed #ccc;}
    .headerArea .menuM li:last-child {border-bottom:0;}
    .headerArea .menuM li a {width:100%; box-sizing:border-box;}
    .contentArea {float:none; width:100%; padding:0 10px; border-right:0;}
    .article .btnGroup .btnS {padding:5px 8px; font-size:11px; font-size:1.1rem; letter-spacing:-1px; letter-spacing:-0.1rem;}
    .btnTop {margin:15px -10px 0;}
    .btnTop a {display:block; text-align:center;}
    .sidebarArea {float:none; width:100%; padding:10px 10px 20px; zoom:1;}
    .sidebar:after {clear:both; content:''; display:block;}
    .footerArea .copyright .bar {display:block; font-size:0; height:0;}
    .footerArea .menuWrap {display:none;}
}
    
@media all and (max-width:414px){ 
    .containerArea {min-width:320px;}
    .article .cont {padding-left:0; padding-right:0;}
    .article .contSecret > div {padding-left:15px; padding-right:15px;}
    .article .contSecret p {letter-spacing:-1px; letter-spacing:-0.1rem;}
    .article .btnGroup {float:none; text-align:center;}
    .article .btnGroup li {float:none; display:inline; margin-left:-5px;}
    .article .btnGroup li:first-child {margin-left:0;}
    .article .btnGroup .btnS {padding:5px 8px;}
    .article .btnGroup .modify {display:none;}
    .trackbackUrl .btnGroup {display:block; margin-top:3px;}
    .commentList .btnGroup {display:block; margin-left:0; margin-top:3px;}
    .profile {text-align:center;}
    .profile .img {display:inline-block;}
    .profile .img img {width:auto;}
    .sidebarArea .section,
    .sidebarArea .module {float:none; width:100%; padding-left:0; padding-right:0;}
    .sidebarArea .section .wrap {padding-left:10px; padding-right:10px; box-sizing:border-box;}
    #tistorytoolbarid {display:none !important;}
}