@charset "utf-8";
/* ------------------------- */
/* Common ------------------- */
/* ------------------------- */
.container {
    color: #666;
    font: 0.938em/1.7 "Helvetica Neue", Helvetica, NanumBarunGothic, "나눔바른고딕", "Noto Sans Korean", "Apple SD Gothic Neo", "Malgun Gothic", AppleGothic, Dotum, "돋움", sans-serif;
}

img {
    height: auto;
    max-width: 100%;
}

label {
    font-size: 90%;
}

label span {
    font-size: 11px;
}

.post .key1 {
    border-bottom: 1px dashed #16A085;
}

.page-header h2 {
    margin-top: 0;
}

.page-header h3 {
    /*padding-top: 17px;*/
}

/* content width setting */
@media (min-width: 992px) {
    .container {
        width: 1190px;
    }
}

/* 전체 박스 라운딩 */
.containers-1 {
    float:left;
    width: 20%;
    border-top: 4px solid #6AC9CD;
}
.containers-2 {
    float:left;
    width: 20%;
    border-top: 4px solid #FFAE00;
}
.containers-3 {
    float:left;
    width: 20%;
    border-top: 4px solid #96C030;
}
.containers-4 {
    float:left;
    width: 20%;
    border-top: 4px solid #44A3DF;
}
.containers-5 {
    float:left;
    width: 20%;
    border-top: 4px solid #B07BD2;
}

.clear {
   clear: both;
}

.smenu-box {
   margin: 0 auto;
   width: 95%;
   padding: 13px 0 13px 0;
   text-align: right;
   border-bottom: 1px solid #F3F3F3;
}

/* 로고박스 테이블 내부 소스 */
.logo-box-table {
   width: 100%; 
   margin-top:10px; 
   margin-bottom: 21px;
   background-color: #fff;
}


/* 맨위 링크 */
.smalls { 
   font-family:'Small Fonts', 'tahoma', Sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-align:center;
}
a.smalls:link, a.smalls:visited, a.smalls:active {
   Color:#bbb;
   Text-decoration:none
}
a.smalls:hover {
   Color:#FB77A9;
   border-bottom:2px solid #FB77A9;
   text-decoration:none;
}

.image {
  width: 100%;
  background-image: url('/images/home.jpg'); 
  background-size: cover; 
}

/* 맨 밑 베너 */
.image-banner {
  width: 100%; 
  background-size: cover; 
}

.none-box {
   height: 20px;
}

/* 메뉴 뒷 배경 + 메뉴 배경과 중복 */
.bgc {
    width: 100%;
    background-color: #34495e;
}

/* 본문 */
.contents-posts {
    text-align: justify;
    font-size: 16px;
    line-height: 1.8em;
    font-family: 'malgun gothic', 맑은 고딕, dotum, helvetica, Gulim, sans-serif;
    color: #606060;
}
/* 이전에 사용하던 포스트 텍스트
   color: #606060;
   font-family:'나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size: 17px;
   font-weight: nomal;
   line-height: 31px;
} */

.admin .button {
    font-size: 0.8em;
    padding: 5px;
    cursor: pointer;
}

/* 로고 텍스트 */
.logo-image {
   font-family:"Verdana", "Osaka", sans-serif;
   font-size:24px;
   font-Weight:Bold;
   color:#FB77A9;
}
.logo-english {
   font-family:"Verdana", "Osaka", sans-serif;
   font-size:24px;
   font-Weight:Bold;
   color:#4e4e4e;
}
.logo-small {
   font-family:'tahoma', sans-serif;
   font-size:10px;
   font-Weight:Bold;
   color:#4e4e4e;
}
.korean-title {
   font-family:"Lato", Helvetica, Arial, "나눔 고딕", Nanum Gothic, "맑은 고딕", Malgun Gothic, Apple Gothic, sans-serif;
   font-size:15px;
   font-Weight:700;
   line-height:24px;
   letter-spacing:4px;
   color:#fff;
}

/* 로고 한글 박스 */
.logo-box {
   margin:0 auto;
   width:300px;
   text-align:center;
   border-radius: 30px;
   Background-color:#4e4e4e;
   padding:8px 14px 8px 14px;
   margin:0 0 0 0;
}

/* 404 Not Found */
.rounding-line { 
   display: inline-block;
   margin-bottom: 20px;
   border-radius:8px;
   width: 100%;
   padding: 20px;
   text-align: left;
   border: 2px solid #DADDE4;
   background-color:#fff;
}
.rounding-text { 
   color:#FB77A9; 
   font-family:Verdana, Osaka,sans-serif; 
   font-weight:bold; 
   font-size:32px; 
   line-height: 34px;
}

/* 404 Not Found */
.moves { 
   padding:15px 25px 15px 25px;
   Font-family:Verdana, Osaka,sans-serif;
   Font-Size:33px;
   Font-weight:bold;
   line-height:43px;
   border-radius: 4px 4px 4px 4px;
}
a.moves:link, a.moves:visited, a.moves:active {
   Background-color:#FB77A9;
   Color:#fff;
   Text-decoration:none
}
   a.moves:hover {
   Background-color:#F4B406;
   Color:#303030;
   text-decoration:none;
}

/* 단락별 라인 */
.line {
   width: 100%;
   height: 1px;
   margin-top: 20px;
   margin-bottom: 20px;
   background-image: url("/images/line.gif");
}

/* 단락별 짧은 라인 */
.lines {
   width: 100%;
   height: 1px;
   margin-top: 12px;
   margin-bottom: 12px;
   background-image: url("/images/line.gif");
}

/* 세로 라인 */
.lol {
   font-family:'tahoma' ,Sans-serif;
   font-size:10px;
   color:#4e4e4e;
}

/* 세로 라인 */
.lll {
   font-family:'tahoma' ,Sans-serif;
   font-size:10px;
   color:#bebebe;
}

/* 푸터 세로 라인 */
.ll {
   font-family:'tahoma' ,Sans-serif;
   font-size:10px;
   color:#fff;
}

/* 맨 아래 링크 */
.nlink { 
   font-family: '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size:12px;
   font-weight:nomal;
   text-align:center;
}
a.nlink:link, a.nlink:visited, a.nlink:active {
   Color:#bbb;
   Text-decoration:none
}
a.nlink:hover {
   Color:#fff;
   border-bottom:2px solid #FFCC00;
   text-decoration:none;
}

/* 푸터 주석 일반 텍스트 */
.aeaeae { 
   font-family:'나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   color: #aeaeae;
   font-size:13px;
   font-weight:nomal;
   text-align:center;
}

/* 카테고리별 목록 */
.categorys-list { 
   font-family:'나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size:13px;
   font-weight:nomal;
   text-align:center;
}
a.categorys-list:link, a.categorys-list:visited, a.categorys-list:active {
   Color:#5B5B5B;
   Text-decoration:none
}
a.categorys-list:hover {
   Color:#58CCD6;
   border-bottom:2px solid #58CCD6;
   text-decoration:none;
}

.copey { 
   color:#6e6e6e;
   font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size:12px;
   font-weight:nomal;
   text-align:center;
}

/* 카피라이터 도메인 링크 */
.noc { 
   color:#2E2E2E;
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-align:center;
   text-transform:uppercase;
}

.engs { 
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-align:center;
   text-transform:uppercase;
}
a.engs:link, a.engs:visited, a.engs:active {
   color:#FB77A9;
   text-decoration:none
}
a.engs:hover {
   color:#3e3e3e;
   border-bottom:2px solid #FB77A9;
   text-decoration:none;
}
.cope { 
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-align:center;
   text-transform:uppercase;
}
a.cope:link, a.cope:visited, a.cope:active {
   color:#33D3E1;
   text-decoration:none
}
a.cope:hover {
   color:#C14D4D;
   border-bottom:2px solid #C14D4D;
   text-decoration:none;
}

/* 일반 영문 텍스트 */
.counts {
   color:#3e3e3e;
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:9px;
   font-weight:nomal;
}

/* 포스트 제목 좌측 아이콘과 높낮이 맞추기 */
.titleh {
   top:18;
   position: absolute;
}

/* 포스트 제목 아이콘 */
.title-icon { 
   font-family:"Lato", Helvetica, Arial, sans-serif;
   font-size: 1.3em;
   font-weight:bold;
}

/* 포스트 제목 */
.Content_title { 
   color:#3e3e3e;
   font-family:'맑은 고딕', 'Malgun Gothic', '나눔 고딕', 'Nanum Gothic', sans-serif;
   font-size: 1.3em;
   font-weight:bold;
}
a.Content_title:link, a.Content_title:visited, a.Content_title:active {
   color:#3e3e3e;
   Text-decoration:none;
}
a.Content_title:hover {
   color:#58CCD6;
   text-decoration:none;
}

/*
.Content_title_line { 
   border-bottom:1px solid #E3E3E3;
   margin: 7px 0 30px 0;
}
*/

/* Small Font */
.Content_infomation { 
   color: #bbb;
   font-family: 'Small Fonts', 'tahoma', Sans-serif;
   font-size:9px;
   font-weight:normal;
   text-align:center;
   text-transform:uppercase;
}

/* Eng Information Bottom Line */
.Content_infomation_line {
   border-bottom:1px solid #dedede;
   margin-top: 11px;
   margin-bottom: 30px;
}

/* I line */
.fnue {
   font-family: 'small fonts', 'tahoma' ,Sans-serif;
   font-size:9px;
   color:#bbb;
   padding-left: 10px;
   padding-right: 10px;
}
/* Hidden 텍스트 */
.dispaly-none {
   overflow: hidden;
   height: 5px;
   dispaly: none.html;
}

/* 링크 리뷰 */
.contents-review {
    text-align: justify;
    font-size: 14px;
    line-height: 1.8em;
    font-family: 'malgun gothic', 맑은 고딕, dotum, helvetica, Gulim, sans-serif;
    color: #606060;
}

/* 우측 추천 타이틀 */
.recommend {
   font-family:'나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size:13px;
   font-Weight:nomal;
   color:#0000CC;
}

/* 도메인링크 */
.recommend-link { 
   font-family:"Verdana", "Osaka", sans-serif;
   font-size: 11px;
   font-weight:nomal;
}
a.recommend-link:link, a.recommend-link:visited, a.recommend-link:active {
   Color:#218D44;
   Text-decoration:none;
}
a.recommend-link:hover {
   Color:#C8555A;
   text-decoration:none;
}

/* 우측 추천 리뷰 */
.recommend-view {
   color:#6E6E6E;
   font-family:'나눔 고딕','Nanum Gothic','Malgun Gothic','맑은 고딕','Apple Gothic', sans-serif; 
   font-weight:nomal;
   font-size:13px;
   line-height: 23px;
}

/* 우측 카테고리 타이틀 */
.tangerine {
    color: #FB77A9;
    font-size: 20px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 3px 0px 0px 0px;
    text-align: left;
}
.Category_Title {
    color: #3e3e3e;
    font-size: 26px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0% 20px 0% 0%;
    margin: -5px 0px 11px 0px;
    text-align: left;
    text-transform: uppercase;
}

.smui {
    color: #3e3e3e;
    font-size: 14px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 3px 0px 0px 0px;
    text-align: left;
}
.cusi {
    color: #FB77A9;
    font-size: 18px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.94em;
    padding: 0% 20px 0% 0%;
    margin: -1px 0px 4px 0px;
    text-align: left;
    text-transform: uppercase;
}

.blacksmui {
    color: #FB77A9;
    font-size: 14px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 3px 0px 0px 0px;
    text-align: left;
}
.blackcusi {
    color: #3e3e3e;
    font-size: 18px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.94em;
    padding: 0% 20px 0% 0%;
    margin: -1px 0px 4px 0px;
    text-align: left;
    text-transform: uppercase;
}
.reading { 
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
   transition: 0.5s;
}
a.reading:link, a.reading:visited, a.reading:active {
   color:#FB77A9;
   background-color:#3e3e3e;
   padding:5px 13px 7px 13px;
   Text-decoration:none;
}
a.reading:hover {
   color:#fff;
   background-color:#32D0DE;
   padding:5px 13px 7px 13px;
   text-decoration:none;
}

/* 우측 테이블 박스 */
.side-box { 
   border-radius: 6px 6px 6px 6px;
   border:1px solid #E9EDEF;
   width: 100%;
   padding: 10px;
   text-align: left;
   margin-bottom: 24px;
   background-color:#fff;
}

/* 리뷰 타이틀 */
.reviews_title {
   width: 35%;
   font-family:'나눔고딕','Nanum Gothic','맑은 고딕','Malgun Gothic',sans-serif;
   font-Size:15px;
   font-weight:600;
   line-height: 28px;
   color:#fff;
   background-color: #B3AD9B;
   padding: 8px;
   border-radius: 8px;
   margin-bottom: 8px;
   text-align: center;
}


/* 다른 글 보기 박스 */
.write-box {
   margin:0 auto;
   width:100%;
   text-align:left;
   background-color: #fafafa;
   border:1px solid #ececec;
   border-radius: 6px;
   margin-bottom:35px;
   padding: 15px;
}
.scp-box {
   width: 80%;
   height: 38px;
   text-align: left;
}
.spc-tit { 
   font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', sans-serif;
   font-size:13px;
   font-weight:bold;
   color: #303030;
}
.spc-title { 
   font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', sans-serif;
   font-size:13px;
   font-weight:nomal;
   color: #5e5e5e;
}
a.spc-title:link, a.spc-title:visited, a.spc-title:active {
   Color:#5e5e5e;
   Text-decoration:none;
}
a.spc-title:hover {
   Color:#B65757;
   border-bottom:2px solid #B65757;
   text-decoration:none;
}
.scp-date {
   width: 20%;
   text-align: right;
   font-family:'tahoma', Osaka,Sans-serif;
   font-size:10px;
   font-weight:bold;
   color: #5e5e5e;
}


/*  hot */
.hot { 
   color:#B03E3E;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
}

/*  new */
.new { 
   color:#FF7800;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
}


/* more */
.more { 
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
}
a.more:link, a.more:visited, a.more:active {
   color:#fff;
   background-color:#FB77A9;
   padding:7px 15px 8px 15px;
   Text-decoration:none;
}
a.more:hover {
   color:#fff;
   background-color:#5e5e5e;
   padding:7px 15px 8px 15px;
   text-decoration:none;
}


/* ■■■■■■■■■■ 게시판 관련 CSS ■■■■■■■■■■ */
.bbs-view {
   color:#6E6E6E;
   font-family:'나눔 고딕','Nanum Gothic','Malgun Gothic','맑은 고딕','Apple Gothic', sans-serif; 
   font-weight:nomal;
   font-size:15px;
   line-height: 28px;
}

/* 컨텐츠 표 테이블 */
#infoh {
   width:100%;
   border:2px solid #fff;
   margin-top:10px;
   margin-bottom:10px;
}
#infoh th, #infoh td {
   text-align:center;
   height:42px;
   line-height:25px;
   vertical-align: middle;
   border:2px solid #fff;
}
#infoh thead th {
   border-bottom:0px solid #F3F4F4;
   background:#FB77A9;
   color:#fff;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px;
}
#infoh tbody td {
   border-bottom:0px solid #F3F4F4;
   background:#fafafa;
   padding:6px 10px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px; 
}
#infoh tbody td.l {
   text-align:left;
}
#infoh ol {
   list-style:outside decimal;
}

/* 컨텐츠 표 테이블 */
#infof {
   width:100%;
   border:2px solid #fff;
   margin-top:10px;
   margin-bottom:10px;
}
#infof th, #infof td {
   text-align:center;
   height:42px;
   line-height:25px;
   vertical-align: middle;
   border:2px solid #fff;
}
#infof thead th {
   border-bottom:0px solid #F3F4F4;
   background:#FB77A9;
   color:#fff;
   Font-family:'tahoma','small fonts',sans-serif;
   Font-Size:10px;
   font-weight: bold;
   text-transform: uppercase; 
}
#infof tbody td {
   border:2px solid #fff;
   border-bottom:0px solid #F3F4F4;
   background:#fafafa;
   padding:6px 10px;
   Font-family:'tahoma','small fonts',sans-serif;
   Font-Size:10px;
   font-weight: bold;
   text-transform: uppercase; 
}
#infof tbody td.l {
   text-align:left;
}
#infof tbody td.rss {
   color:#FF9000;
   text-align:center;
}
#infof ol {
   list-style:outside decimal;
}

.rssatom {
    display: inline-block;
    font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
    font-size: 11px;
    font-weight: nomal;
    padding:4px 8px 6px 8px;
    transition: .33s ease;
    border-radius: 0;
    line-height: 23px;
    text-transform: uppercase; 
}
a.rssatom:link, a.rssatom:visited, a.rssatom:active {
   color:#303030;
   Text-decoration:none
}
a.rssatom:hover {
   color:#02AACF;
   text-decoration:none;
}


/* ★ BBS TAG */
.desc_tag_1 {
    display: inline-block;
    font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
    font-size: 11px;
    font-weight: nomal;
    padding:4px 8px 6px 8px;
    transition: .33s ease;
    border-radius: 0;
    line-height: 23px;
}
a.desc_tag_1:link, a.desc_tag_1:visited, a.desc_tag_1:active {
   color:#303030;
   background-color:#F6BC30;
   Text-decoration:none
}
a.desc_tag_1:hover {
   color:#F6BC30;
   background-color:#303030;
   text-decoration:none;
}
.desc_tag_2 {
    display: inline-block;
    font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
    font-size: 11px;
    font-weight: nomal;
    padding:4px 8px 6px 8px;
    transition: .33s ease;
    border-radius: 0;
    line-height: 23px;
}
a.desc_tag_2:link, a.desc_tag_2:visited, a.desc_tag_2:active {
   color:#303030;
   background-color:#FFAE00;
   Text-decoration:none
}
a.desc_tag_2:hover {
   color:#FFAE00;
   background-color:#303030;
   text-decoration:none;
}
.desc_tag_3 {
    display: inline-block;
    font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
    font-size: 11px;
    font-weight: nomal;
    padding:4px 8px 6px 8px;
    transition: .33s ease;
    border-radius: 0;
    line-height: 23px;
}
a.desc_tag_3:link, a.desc_tag_3:visited, a.desc_tag_3:active {
   color:#fff;
   background-color:#DF79B8;
   Text-decoration:none
}
a.desc_tag_3:hover {
   color:#F0C6E0;
   background-color:#303030;
   text-decoration:none;
}
.desc_tag_4 {
    display: inline-block;
    font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
    font-size: 11px;
    font-weight: nomal;
    padding:4px 8px 6px 8px;
    transition: .33s ease;
    border-radius: 0;
    line-height: 23px;
}
a.desc_tag_4:link, a.desc_tag_4:visited, a.desc_tag_4:active {
   color:#303030;
   background-color:#CED55D;
   Text-decoration:none
}
a.desc_tag_4:hover {
   color:#CED55D;
   background-color:#303030;
   text-decoration:none;
}
.desc_tag_5 {
    display: inline-block;
    font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
    font-size: 11px;
    font-weight: nomal;
    padding:4px 8px 6px 8px;
    transition: .33s ease;
    border-radius: 0;
    line-height: 23px;
}
a.desc_tag_5:link, a.desc_tag_5:visited, a.desc_tag_5:active {
   color:#fff;
   background-color:#FF8F22;
   Text-decoration:none
}
a.desc_tag_5:hover {
   color:#FFBA76;
   background-color:#303030;
   text-decoration:none;
}

/* □□□□ 출처 □□□□ */
.source-url {
    color: #FB77A9;
    font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
    font-size: 11px;
    font-weight: nomal;
}
a.source-url:link, a.source-url:visited, a.source-url:active {
   Color:#FB77A9;
   Text-decoration:none
}
a.source-url:hover {
   Color:#4AC6E4;
   border-bottom:2px solid #4AC6E4;
   text-decoration:none;
}

.desc_skin {
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
}

/* 우측 카테고리 */
.sides { 
   font-family:'나눔 고딕','Nanum Gothic','Malgun Gothic','맑은 고딕','Apple Gothic', sans-serif; 
   font-weight:nomal;
   font-size:13px;
   line-height: 23px;
}
a.sides:link, a.sides:visited, a.sides:active {
   color:#5e5e5e;
   Text-decoration:none;
}
a.sides:hover {
   color:#FB77A9;
   border-bottom:2px solid #FB77A9;
   text-decoration:none;
}

/* ■■■ 모션 버튼 ■■■ */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}


.buttons {
  margin-top: 50px;
  text-align: center;
}

.blob-btn {
  z-index: 1;
  position: relative;
  padding: 20px 46px;
  margin-bottom: 30px;
  text-align: center;
  text-transform: uppercase;
  color: #FB77A9; /* 텍스트 컬러 */
  font-size: 16px;
  font-weight: bold;
  background-color: transparent;
  outline: none;
  border: none;
  -webkit-transition: color 0.5s;
  transition: color 0.5s;
  cursor: pointer;
}
.blob-btn:before {
  content: "";
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: 6px solid #FB77A9;
}
.blob-btn:after {
  content: "";
  z-index: -2;
  position: absolute;
  left: 9px;
  top: 9px;
  width: 100%;
  height: 100%;
  /* border: 6px solid #222; */
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.blob-btn:hover {
  color: #303030;
}
.blob-btn:hover:after {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  left: 0;
  top: 0;
}
.blob-btn__inner {
  z-index: -1;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.blob-btn__blobs {
  position: relative;
  display: block;
  height: 100%;
  -webkit-filter: url("#goo");
          filter: url("#goo");
}
.blob-btn__blob {
  position: absolute;
  top: 6px;
  width: 25%;
  height: 100%;
  background: #FB77A9;
  border-radius: 100%;
  -webkit-transform: translate3d(0, 150%, 0) scale(1.7);
          transform: translate3d(0, 150%, 0) scale(1.7);
  -webkit-transition: -webkit-transform 0.45s;
  transition: -webkit-transform 0.45s;
  transition: transform 0.45s;
  transition: transform 0.45s, -webkit-transform 0.45s;
}
@supports ((-webkit-filter: url("#goo")) or (filter: url("#goo"))) {
  .blob-btn__blob {
    -webkit-transform: translate3d(0, 150%, 0) scale(1.4);
            transform: translate3d(0, 150%, 0) scale(1.4);
  }
}
.blob-btn__blob:nth-child(1) {
  left: 0%;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.blob-btn__blob:nth-child(2) {
  left: 30%;
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
.blob-btn__blob:nth-child(3) {
  left: 60%;
  -webkit-transition-delay: 0.16s;
          transition-delay: 0.16s;
}
.blob-btn__blob:nth-child(4) {
  left: 90%;
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
.blob-btn:hover .blob-btn__blob {
  -webkit-transform: translateZ(0) scale(1.7);
          transform: translateZ(0) scale(1.7);
}
@supports ((-webkit-filter: url("#goo")) or (filter: url("#goo"))) {
  .blob-btn:hover .blob-btn__blob {
    -webkit-transform: translateZ(0) scale(1.4);
            transform: translateZ(0) scale(1.4);
  }
}

/* 무료상담버튼 */
.btn-text {
   font-family: 'Nanum Gothic', '나눔 고딕', 'Malgun Gothic', '맑은 고딕', 'Arial', Baskerville, monospace, serif;
   font-size: 15px;
   color: #fff;
   font-weight: bold;
   line-height: 30px;
}

.btncounsel {
  width:99%;
  border: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 30px;
  padding: 13px 20px 15px 20px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}
.btncounsel:hover,
.btncounsel:focus {
  width:99%;
  outline: none;
  color: #ffffff;
}
.btncounsel:active,
.btncounsel.active {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.counsel-btn-primary {
  width:99%;
  color: #fff;
  background-color: #B3AD9B;
  border-color: #B3AD9B;
  text-decoration: none;
}
.counsel-btn-primary:hover,
.counsel-btn-primary:focus,
.counsel-btn-primary:active,
.counsel-btn-primary.active,
.open .dropdown-toggle.counsel-btn-primary {
  width:99%;
  color: #B3AD9B;
  background-color: #4E4E4E;
  border-color: #4E4E4E;
}




/* Maketclub Counsilling Form */
/* 작성폼 */
#infod {
   width:100%;
   border:0px solid #fff;
   margin-top:17px;
   margin-bottom:17px;
}
#infod th, #infof td {
   text-align:center;
   height:52px;
   line-height:25px;
   vertical-align: middle;
   border:0px solid #fff;
}
#infod thead th {
   border-bottom:0px solid #F3F4F4;
   background:#FB77A9;
   font-family:'tahoma','small fonts',sans-serif;
   font-size:10px;
   font-weight:bold;
   color:#303030;
}
#infod tbody td {
   border-bottom:1px solid #fff;
   background:#fafafa;
   padding:15px 15px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:16px; 
   color:#303030;
}
#infod tbody td.eng {
   border-bottom:1px solid #fff;
   background:#fafafa;
   padding:6px 10px;
   font-family:"Verdana", "Osaka", sans-serif;
   font-Size:14px; 
   font-weight:bold;
   color:#303030;
}
#infod tbody td.l {
   text-align:left;
}
#infod ol {
   list-style:outside decimal;
}

/* Form */
.form-text {
   ime-mode:active; 
   width:58%; 
   height:43px; 
   font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   font-weight:nomal; 
   font-size:16px; 
   padding-left:10px;
   border:1px solid #ddd;
   border-radius: 10px;
}

.phonenum {
   width:28%; 
   height:43px;  
   font-family:'Malgun Gothic','맑은 고딕',sans-serif; 
   font-weight:nomal;  
   font-size:16px;  
   padding:0 0 5px 10px;
   border:1px solid #ddd;
   border-radius: 10px;
}
.textsarea {
   width:97%; 
   height:250px;
   font-family:'Malgun Gothic','맑은 고딕',sans-serif; 
   font-weight:nomal; 
   font-size:16px; 
   padding:21px;
   border:1px solid #ddd;
   border-radius: 10px;
}

/* 작성완료 */
.reform_btn_wrap {
   clear:both; 
   margin:0 auto;
   width:100%;
   letter-spacing:-1px;
   text-align:center;
}

.reform_btn_wrap a{
   display:-moz-inline-box;
   display:inline-block;
   padding:0 30px;
   font:bold 14px/38px 'Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif;
   height:48px;
   color:#fff;
   background:#F69BBE;
   border:1px solid #EA729F;
   border-radius: 5px;
}

.reform_btn_wrap button{
   display:-moz-inline-box;
   display:inline-block;
   padding:0 30px;
   font:bold 14px/40px 'Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif;
   height:50px;
   color:#fff;
   background:#F69BBE;
   border:1px solid #EA729F;
   border-radius: 5px;
   letter-spacing: 1px;
   cursor:pointer;
}

/* Counselling Iframe Border Line */
.iframe_border {
    margin: 0 auto
    margin-bottom: 24px;
    text-align: center;
    border-radius: 8px;
    width: 99%;
    border: 2px solid #ECEFEF;
    padding: 0px;
    background-color: #fff;
    vertical-align: top;
}












<!----------------//* ■■■■■ 아래부터 원본 CSS ■■■■■ *//---------------->
.admin .post_label,
.entry .well .date time,
.entry .well .category a,
.entry .admin .date time,
.notice .admin .date time,
.notice .admin .category a,
.pages .admin .date time,
.pages .admin .author a,
.protected .admin .date time,
.protected .admin .author a {
    font-size: 0.9em;
}

#tt-body-pages .post img,
#tt-body-notice .post img,
#tt-body-category .post img,
#tt-body-search .post img,
#tt-body-tag .post img {
    height: auto;
    max-width: 100%;
    padding: 0px;
    margin: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 0px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
    color: #BDC3C7;
}

.entry_post.panel.panel-default,
.notice_post.panel.panel-default,
.pages_post.panel.panel-default {
    padding-left: 13px;
    padding-right: 13px;
}

.notice_post.panel.panel-default,
.pages_post.panel.panel-default {
    padding-bottom: 15px;
}

/* ------------------------- */
/* menu display ------------ */
/* ------------------------- */
@media (min-width: 768px) and (max-width: 991px) {
    .navbar .navbar-right .owner {
        display: none;
    }
}

.dropdown-menu li {
    font-size: 13px;
    font-weight: lighter;
}

/* ------------------------- */
/* menu via body-id 메뉴 -------- */
/* ------------------------- */
#tt-body-pages #menu .menuPost,
#tt-body-entry #menu .menuPost,
#tt-body-menua #menu .menua,
#tt-body-menub #menu .menub,
#tt-body-menuc #menu .menuc,
#tt-body-menud #menu .menud,
#tt-body-line #menu .menuLine,
#tt-body-cover #menu .menuCover,
#tt-body-page #menu .menuNotice,
#tt-body-notice #menu .menuNotice,
#tt-body-location #menu .menuLocal,
#tt-body-tag #menu .menuTag,
#tt-body-keylog #menu .menuKeyword,
#tt-body-guestbook #menu .menuGuestbook {
    color: #ffffff;
    background-color: #4e4e4e;
    border: 0px solid #333;
}

#tt-body-pages #menu .menuPost a:hover,
#tt-body-entry #menu .menuPost a:hover,
#tt-body-menua #menu .menua a:hover,
#tt-body-menub #menu .menub a:hover,
#tt-body-menuc #menu .menuc a:hover,
#tt-body-menud #menu .menud a:hover,
#tt-body-line #menu .menuLine a:hover,
#tt-body-cover #menu .menuCover a:hover,
#tt-body-page #menu .menuNotice a:hover,
#tt-body-notice #menu .menuNotice a:hover,
#tt-body-location #menu .menuLocal a:hover,
#tt-body-tag #menu .menuTag a:hover,
#tt-body-keylog #menu .menuKeyword a:hover,
#tt-body-guestbook #menu .menuGuestbook a:hover {
    color: #B3AD9B;
}

/* ------------------------- */
/* cover page -------------- */
/* ------------------------- */
.coverpage .coverpost {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-top: 0;
    margin-bottom: 24px;
    background-color: #fafafa;
    border: 1px solid #ddd;
}

.coverpage .coverpost:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.coverpage .coverpost:last-child {
    margin-bottom: 15px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.coverpage .coverpost h2 {
    font-size: 120%;
    padding-right: 5px;
    margin: 0;
}

.coverpage .coverpost h2 a {
    letter-spacing: -1px;
    line-height: 125%;
}

.coverpage .coverpost h2:before {
    content: "\e02b";
    display: inline-block;
    font-family: 'Flat-UI-Icons';
    color: #0faa8b;
    margin-right: 4px;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.coverpage .coverpost .post_info {
    padding: 3px 15px;
    margin-bottom: 7px;
    margin-top: 5px;
    background-color: #f5f5f5;
    border-radius: 4px;
    border: 1px solid #e8e8e8;
    margin-left: 1px;
}

.coverpage .coverpost .category,
.coverpost .post_info .category a,
.coverpage .coverpost .author {
    font-family: Dotum, Arial, sans-serif;
    font-size: 11px;
    color: #888;
    margin-right: 6px;
}

.coverpost .post_info .date
{
    font-family: Verdana, Helvetica, Arial, Gulim, sans-serif;
    font-size: 10px !important;
    color: #888;
}

.coverpage .coverpost .img_preview {
    float: left;
    margin: 0 7px 7px 0;
    border: 1px solid #ccc;
    border-radius: 10%;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
    width: 90px;
    height: 90px;
}

.coverpage .coverpost .img_preview img {
    width: 90px !important;
    height: 90px !important;
    cursor: pointer;
}

@media (max-width: 450px) {
    .coverpage .coverpost .img_preview {
        width: 55px;
        height: 55px;
    }

    .coverpost .img_preview img {
        width: 55px !important;
        height: 55px !important;
    }

    .coverpage .coverpost .author {
        display: none;
    }
}

.coverpost .post_tags {
    background: none !important;
    padding: 5px !important;
    clear: both;
}

.coverpost .post_tags:before {
    content: "\f02c";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px;
    color: #e2703e;
}

.coverpost .post_content {
    margin: 5px 0;
    line-height: 125%;
    overflow: hidden;
}

.coverpost .post_tags span {
    display: none;
}


/* ------------------------- */
/* All section common ------ */
/* ------------------------- */
section.search .list-group,
section.comment .list-group,
section.trackback .list-group {
    margin-top: 10px;
}

section.search dl,
section.comment dl,
section.trackback dl {
    margin: 0;
    margin-top: -1px;
}

section.search dl dt,
section.search dl dd,
section.comment dl dt,
section.comment dl dd,
section.trackback dl dt,
section.trackback dl .regdate {
    display: inline-block;
}

section.search dl dd.regdate,
section.comment dl dd.regdate,
section.comment dl dd.author,
section.trackback dl .regdate {
    font-size: 12px;
    color: #B8BBBB;
    margin-left: 5px;
}

section.entry.post dl.well dd,
section.notice ul.breadcrumb li {
    display: inline;
    margin-right: 7px;
}

section.notice ul.breadcrumb li.category {
    display: none;
}

@media (max-width: 450px) {
    section.entry.post dl.well dd {
        display: table;
        margin-right: 0;
    }

    section.notice ul.breadcrumb li.category,
    section.protected ul.breadcrumb li.author {
        display: none;
    }
}

section.entry.post .admin .information,
section.notice .admin .information {
    margin: 0;
    padding: 0;
}

section.summary {
    margin-top: 12px;
}

section.summary .response menu ul li {
    margin-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #F5F5F5;
    border: 1px solid #E3E3E3;
}

section.summary .response menu ul li a {
    color: #666666;
}

section.summary .response menu {
    margin-left: -24px;
}

section.summary dd.category.feed {
    display: none;
}

section.summary dt.feed,
section.summary dd.feed {
    display: inline;
    margin-right: 3px;
    list-style-type: none;
}

section.summary .tag,
section.summary .author {
    padding: 2px;
}

section.summary .response dt.response,
section.summary .response dt.feed,
section.summary dd.feed {
    display: none;
}

/* ------------------------- */
/* protectd post ----------- */
/* ------------------------- */
.protected-content {
    text-align: center;
}

.protected .well {
    margin-left: 1px;
    margin-right: 1px;
}

.protected .well p {
    font-size: 11px;
}

/* ------------------------- */
/* tb_list ----------------- */
/* ------------------------- */
section.trackbacks.list dl div {
    padding-left: 17px;
    padding-right: 17px;
}

section.trackbacks.list dl div h6 {
    margin: 0;
    margin-left: -10px;
}

section.trackbacks.list dl div .comment-link dd {
    display: inline-block;
}

section.trackbacks.list dl div .comment-link dd a {
    color: #fff;
}

section.trackbacks.list dl div dd.content:hover .delete {
    opacity: 1;
}

section.trackbacks.list dl div dd.content .delete {
    color: #919191;
    opacity: 0;
    margin-right: 12px;
    margin-right: 0.75rem;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

/* ------------------------- */
/* paging ------------------ */
/* ------------------------- */
/* iPhone5 mobile paging */
@media (max-width: 350px) {
    .paging .fui-arrow-right,
    .paging .fui-arrow-left {
        width: 15px !important;
        padding-left: 2px !important;
    }

    .fui-arrow-right:before,
    .fui-arrow-left:before {
        margin-left: -1px;
    }
}

/* etc. mobile paging */
@media (min-width: 351px) and (max-width: 450px) {
    .paging .fui-arrow-right,
    .paging .fui-arrow-left {
        width: 15px !important;
    }

    .fui-arrow-right:before,
    .fui-arrow-left:before {
        margin-left: -8px;
    }
}

.pagination .interword {
    color: #fff;
    font-weight: 900;
    margin: 10px 5px 9px;
    cursor: not-allowed;
}

.pagination ul li .selected {
    border-color: #ffffff;
    border-width: 2px !important;
    color: #d6dbdf;
    margin: 10px 5px 9px;
    font-weight: 300;
}

.pagination ul li .selected:hover,
.pagination ul li .selected:focus {
    border-color: #ffffff;
    color: #d6dbdf;
}

.paging {
    text-align: center;
}

/* ------------------------- */
/* s_guest comments -------- */
/* ------------------------- */
.hiddenCommentTag_name:after {
    content: "S";
    margin-left: 5px;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    line-height: normal;
    text-transform: none;
    /*-webkit-appearance: button;*/
    background-color: #d9534f;
    display: inline-block;
    margin-bottom: 5px;
    display: inline;
    padding: .1em .6em .2em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.hiddenCommentTag_content {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    line-height: normal;
    text-transform: none;
    /*-webkit-appearance: button;*/
    background-color: #d9534f;
    display: inline-block;
    margin-bottom: 5px;
    display: inline;
    padding: .1em .6em .2em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

section.guestbook label {
    font-size: 11px;
    display: table;
}

section.guestbook dl.guestbook {
    position: relative;
}

section.guestbook dl.reply:before {
    content: "";
    position: absolute;
    top: -22px;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

section.guestbook dl.reply:before {
    left: -31px;
    width: 31px;
    height: 52px;
}

section.guestbook dd.reply {
    position: relative;
    margin-left: 60px;
    top: 0;
    height: 100%;
}

section.guestbook .comment-link {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px;
    margin-top: 3px;
}

section.guestbook dl.guestbook .regdate,
section.guestbook dl.guestbook .permalink,
section.guestbook dl.guestbook .delete,
section.guestbook dl.guestbook .write {
    display: inline-block;
}

.comment-link,
section.guestbook .content,
section.guestbook dd.reply dt {
    padding: 0;
    margin: 0;
}

section.guestbook div.panel-body,
section.guestbook dd.reply .panel-body {
    margin: 0;
    padding-bottom: 0;
}

section.guestbook .content:hover .permalink,
section.guestbook .content:hover .delete,
section.guestbook .content:hover .write {
    opacity: 1;
}

section.guestbook dl.guestbook .permalink,
section.guestbook dl.guestbook .delete,
section.guestbook dl.guestbook .write {
    color: #919191;
    opacity: 0;
    margin-right: 12px;
    margin-right: 0.75rem;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

section.guestbook dl.guestbook .permalink,
section.guestbook dl.guestbook .delete,
section.guestbook dl.guestbook .write {
    color: #00a8da;
}

section.guestbook .submit {
    margin-bottom: 20px;
}

/* ------------------------- */
/* s_rp comments ----------- */
/* ------------------------- */
section.comments label {
    font-size: 11px;
    display: table;
}

section.comments dl.comments {
    position: relative;
}

section.comments dl.reply:before {
    content: "";
    position: absolute;
    top: -22px;
    border-bottom: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
}

section.comments dl.reply:before {
    left: -31px;
    width: 31px;
    height: 52px;
}

section.comments dd.reply {
    position: relative;
    margin-left: 60px;
    top: 0;
    height: 100%;
}

section.comments .comment-link {
    border-bottom: 1px solid #d8d8d8;
    margin-bottom: 5px;
    margin-top: 3px;
}

section.comments dl.comments .regdate,
section.comments dl.comments .permalink,
section.comments dl.comments .delete,
section.comments dl.comments .write {
    display: inline-block;
}

.comment-link,
section.comments .content,
section.comments dd.reply dt {
    padding: 0;
    margin: 0;
}

section.comments div.panel-body,
section.comments dd.reply .panel-body {
    margin: 0;
    padding-bottom: 0;
}

section.comments .content:hover .permalink,
section.comments .content:hover .delete,
section.comments .content:hover .write {
    opacity: 1;
}

section.comments dl.comments .permalink,
section.comments dl.comments .delete,
section.comments dl.comments .write {
    color: #919191;
    opacity: 0;
    margin-right: 12px;
    margin-right: 0.75rem;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

section.comments dl.comments .permalink,
section.comments dl.comments .delete,
section.comments dl.comments .write {
    color: #00a8da;
}

section.comments .submit {
    margin-bottom: 17px;
}

/* ------------------------- */
/* line -------------------- */
/* ------------------------- */
section.line .permalink a {
    color: #fff;
}

section.line .feed {
    display: none;
}

section.line div.panel-default {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: -10px;
}

section.line div.panel-default .content {
    margin-bottom: 0;
}

section.line dl.content dd.author,
section.line dl.content dd.source,
section.line dl.content dd.permalink {
    display: inline;
}

section.line dl.content dd.source {
    display: none;
}

section.line dd.contents:hover .author,
section.line dd.contents:hover .permalink {
    opacity: 1;
}

section.line dl.content dd.author,
section.line dl.content dd.permalink {
    color: #fff;
    opacity: 0;
    margin-right: 12px;
    margin-right: 0.75rem;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

section.line .more-button {
    margin-bottom: 20px;
}

/* ------------------------- */
/* Location Log ------------ */
/* ------------------------- */
section.location article dt,
section.location article dd {
    border-bottom: 1px solid #eee;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 12px;
}

section.location article dl dt {
    padding-left: 18px;
}

section.location article dl .spot_20:before,
section.location article dl .spot_40:before,
section.location article dl .spot_60:before,
section.location article dl .spot_80:before,
section.location article dl .spot_100:before,
section.location article dl .spot_120:before,
section.location article dl .spot_140:before,
section.location article dl .spot_160:before,
section.location article dl .spot_180:before,
section.location article dl .spot_200:before {
    content: "\f101";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

section.location article dl dd {
    padding-left: 16px;
}

section.location article dl dd:before {
    content: "\f18c";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

section.location article dl .spot_0 {
    padding-left: 18px;
}

section.location article dl .spot_0:before {
    content: "\f0ac";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 5px;
}

section.location article dd cite {
    font-size: 0.92em;
    vertical-align: middle;
    color: #999;
}

/* ------------------------- */
/* Tag clouds */
/* ------------------------- */
/* Widget Cloud */
#tagcloudWidget li ul {
    padding-left: 0;
    text-align: justify;
}

#tagcloudWidget li ul li {
    list-style: none;
    display: inline;
}

/* Clouds Common */
section.tag article ul {
    padding-left: 0;
    text-align: justify;
}

section.tag article li {
    list-style: none;
    display: inline;
}

section.keyword article ul {
    padding-left: 0;
    text-align: justify;
}

section.keyword article li {
    list-style: none;
    display: inline;
}

section.tag article li a.cloud5,
section.tag article li a.cloud4,
section.tag article li a.cloud3,
section.tag article li a.cloud2,
section.tag article li a.cloud1,
#tagcloudWidget li a.cloud5,
#tagcloudWidget li a.cloud4,
#tagcloudWidget li a.cloud3,
#tagcloudWidget li a.cloud2,
#tagcloudWidget li a.cloud1,
section.keyword article li a.tag_btn {
    display: inline-block;
    padding: 0px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    margin: 2px 0;
}

section.tag article li a.cloud5:focus,
section.tag article li a.cloud4:focus,
section.tag article li a.cloud3:focus,
section.tag article li a.cloud2:focus,
section.tag article li a.cloud1:focus,
#tagcloudWidget li a.cloud5:focus,
#tagcloudWidget li a.cloud4:focus,
#tagcloudWidget li a.cloud3:focus,
#tagcloudWidget li a.cloud2:focus,
#tagcloudWidget li a.cloud1:focus,
section.keyword article li a.tag_btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    color: #333333;
    text-decoration: none;
}

section.tag article li a.cloud5:hover,
section.tag article li a.cloud4:hover,
section.tag article li a.cloud3:hover,
section.tag article li a.cloud2:hover,
section.tag article li a.cloud1:hover,
#tagcloudWidget li a.cloud5:hover,
#tagcloudWidget li a.cloud4:hover,
#tagcloudWidget li a.cloud3:hover,
#tagcloudWidget li a.cloud2:hover,
#tagcloudWidget li a.cloud1:hover,
section.keyword article li a.tag_btn:hover {
    color: #333333;
    text-decoration: none;
}

section.tag article li a.cloud5:active,
section.tag article li a.cloud4:active,
section.tag article li a.cloud3:active,
section.tag article li a.cloud2:active,
section.tag article li a.cloud1:active,
#tagcloudWidget li a.cloud5:active,
#tagcloudWidget li a.cloud4:active,
#tagcloudWidget li a.cloud3:active,
#tagcloudWidget li a.cloud2:active,
#tagcloudWidget li a.cloud1:active,
section.keyword article li a.tag_btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/*cloud 5*/
section.tag article li a.cloud5,
#tagcloudWidget li a.cloud5,
section.keyword article li a.tag_btn {
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    padding: 1px 5px;
}

section.tag article li a.cloud5:hover,
section.tag article li a.cloud5:focus,
section.tag article li a.cloud5:active,
#tagcloudWidget li a.cloud5:hover,
#tagcloudWidget li a.cloud5:focus,
#tagcloudWidget li a.cloud5:active,
#tagcloudWidget li a.cloud5.active,
section.keyword article li a.tag_btn:hover,
section.keyword article li a.tag_btn:focus,
section.keyword article li a.tag_btn:active,
.open .dropdown-toggle.btn-default {
    color: #333333;
    background-color: #ebebeb;
    border-color: #adadad;
}

section.tag article li a.cloud5:active,
#tagcloudWidget li a.cloud5:active,
#tagcloudWidget li a.cloud5.active,
.open .dropdown-toggle.btn-default,
section.keyword article li a.tag_btn:active {
    background-image: none;
}

/*cloud 4*/
section.tag article li a.cloud4,
#tagcloudWidget li a.cloud4 {
    color: #ffffff;
    background-color: #5bc0de;
    border-color: #46b8da;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
    padding: 1px 5px;
}

section.tag article li a.cloud4:hover,
section.tag article li a.cloud4:focus,
section.tag article li a.cloud4:active,
#tagcloudWidget li a.cloud4:hover,
#tagcloudWidget li a.cloud4:focus,
#tagcloudWidget li a.cloud4:active,
#tagcloudWidget li a.cloud4.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #39b3d7;
    border-color: #269abc;
}

section.tag article li a.cloud4:active,
#tagcloudWidget li a.cloud4:active,
#tagcloudWidget li a.cloud4.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

/*cloud 3*/
section.tag article li a.cloud3,
#tagcloudWidget li a.cloud3 {
    color: #ffffff;
    background-color: #f0ad4e;
    border-color: #eea236;
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

section.tag article li a.cloud3:hover,
section.tag article li a.cloud3:focus,
section.tag article li a.cloud3:active,
#tagcloudWidget li a.cloud3:hover,
#tagcloudWidget li a.cloud3:focus,
#tagcloudWidget li a.cloud3:active,
#tagcloudWidget li a.cloud3.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #ed9c28;
    border-color: #d58512;
}

section.tag article li a.cloud3:active,
#tagcloudWidget li a.cloud3:active,
#tagcloudWidget li a.cloud3.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

/*cloud 2*/
section.tag article li a.cloud2,
#tagcloudWidget li a.cloud2 {
    color: #ffffff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

section.tag article li a.cloud2:hover,
section.tag article li a.cloud2:focus,
section.tag article li a.cloud2:active,
#tagcloudWidget li a.cloud2:hover,
#tagcloudWidget li a.cloud2:focus,
#tagcloudWidget li a.cloud2:active,
#tagcloudWidget li a.cloud2.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #47a447;
    border-color: #398439;
}

section.tag article li a.cloud2:active,
#tagcloudWidget li a.cloud2:active,
#tagcloudWidget li a.cloud2.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

/*cloud 1*/
section.tag article li a.cloud1,
#tagcloudWidget li a.cloud1 {
    color: #ffffff;
    background-color: #428bca;
    border-color: #357ebd;
}

section.tag article li a.cloud1:hover,
section.tag article li a.cloud1:focus,
section.tag article li a.cloud1:active,
#tagcloudWidget li a.cloud1:hover,
#tagcloudWidget li a.cloud1:focus,
#tagcloudWidget li a.cloud1:active,
#tagcloudWidget li a.cloud1.active,
.open .dropdown-toggle.btn-default {
    color: #ffffff;
    background-color: #3276b1;
    border-color: #285e8e;
}

section.tag article li a.cloud1:active,
#tagcloudWidget li a.cloud1:active,
#tagcloudWidget li a.cloud1.active,
.open .dropdown-toggle.btn-default {
    background-image: none;
}

/* ------------------------- */
/* Scroll top -------------- */
/* ------------------------- */
#back_top {
    -webkit-transition: all 200ms ease-out;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    bottom: 48px;
    cursor: pointer;
    height: 80px;
    opacity: 0.6;
    position: fixed;
    right: 48px;
    text-align: center;
    transition: all 200ms ease-out;
    width: 80px;
    z-index: 100;
    border: 1px solid #4e4e4e;
    background-color: #5e5e5e;
}

#back_top i {
    -webkit-transition: all 200ms ease-out;
    color:#FB77A9;
    font-size: 80px;
    line-height: 65px;
    transition: all 200ms ease-out;
}

#back_top:hover {
    opacity: 1;
}

/* ------------------------- */
/* etc. -------------------- */
/* ------------------------- */
.moreless_fold,
.moreless_top,
.moreless_bottom {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    line-height: normal;
    text-transform: none;
    /*-webkit-appearance: button;*/
    display: inline-block;
    margin-bottom: 5px;
    display: inline;
    padding: .1em .6em .2em;
    font-size: 75%;
    font-weight: bold;
    line-height: 1;
    color: #ffffff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.moreless_fold {
    background-color: #1abc9c;
}

.moreless_top,
.moreless_bottom {
    background-color: #2ecc71;
}

.moreless_content {
    padding: 1em 10px;
    border-top: solid 1px #e3e3e3;
    border-bottom: solid 1px #e3e3e3;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

/* ------------------------- */
/* Widgets ----------------- */
/* ------------------------- */
.widget ol {
    font-size: 1em;
    padding-left: 0;
}

.widget ol li {
    list-style-type: none;
}

@media (min-width: 991px) {
    #recentPostWidget .author,
    #recentNoticeWidget .author {
        display: none;
    }
}

#namecardWidget .breadcrumb .blogger {
    text-align: right;
}

#namecardWidget .breadcrumb .nameDesc {
    font-size: 0.925em;
}

#searchWidget .input-group {
    margin-bottom: 7px;
}

#recentNoticeWidget a,
#archiveWidget a,
#categoryWidget a,
#recentPostWidget a,
#recentCommentsWidget a,
#recentTrackbacksWidget a,
#authorWidget a,
#bookmarkWidget a,
#subscriptionWidget a {
    //* color: #5e5e5e; *//
}

#recentNoticeWidget a:hover,
#archiveWidget a:hover,
#categoryWidget a:hover,
#recentPostWidget a:hover,
#recentCommentsWidget a:hover,
#recentTrackbacksWidget a:hover,
#authorWidget a:hover,
#bookmarkWidget a:hover,
#subscriptionWidget a:hover {
    color: #B3AD9B;
    border-bottom: 0px solid #4e4e4e;
    text-decoration: none;
}

#archiveWidget .count,
#recentPostWidget .count,
#categoryWidget .c_cnt {
    color: #FFB400;
    font-weight: bold;
}

#recentCommentsWidget ol li cite,
#recentCommentsWidget ol li time,
#recentTrackbacksWidget ol li cite,
#recentTrackbacksWidget ol li time {
    color: #999999;
}

@media (min-width: 990px) {
    #recentCommentsWidget ol li a,
    #recentTrackbacksWidget ol li a {
        display: table;
    }
}

/* Widget List Style */
li.list-group-item.active-gray,
li.list-group-item.active-gray:hover,
li.list-group-item.active-gray:focus {
    z-index: 2;
    color: #666666;
    background-color: #F5F5F5;
    border-color: #DDDDDD;
}

li.list-group-item.active-default,
li.list-group-item.active-default:hover,
li.list-group-item.active-default:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #428bca;
    border-color: #DDDDDD;
}

li.list-group-item.active-success,
li.list-group-item.active-success:hover,
li.list-group-item.active-success:focus {
    z-index: 2;
    color: #3C763D;
    background-color: #DFF0D8;
    border-color: #DDDDDD;
}

li.list-group-item.active-info,
li.list-group-item.active-info:hover,
li.list-group-item.active-info:focus {
    z-index: 2;
    color: #31708F;
    background-color: #D9EDF7;
    border-color: #DDDDDD;
}

li.list-group-item.active-warning,
li.list-group-item.active-warning:hover,
li.list-group-item.active-warning:focus {
    z-index: 2;
    color: #8A6D3B;
    background-color: #FCF8E3;
    border-color: #DDDDDD;
}

li.list-group-item.active-danger,
li.list-group-item.active-danger:hover,
li.list-group-item.active-danger:focus {
    z-index: 2;
    color: #A94442;
    background-color: #F2DEDE;
    border-color: #DDDDDD;
}

.widget .list-group-item.list-item {
    padding-bottom: 3px;
    padding-top: 3px;
    font-size: 0.925em;
}

.widget .list-group-item {
    padding-top: 7px;
    padding-bottom: 7px;
}

.widget .list-group-item h4 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

/* NamecardWidget */
#namecardWidget .breadcrumb {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    border-top: solid 1px #e3e3e3;
    border-radius: 6px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}

#namecardWidget .breadcrumb p:last-child {
    clear: both;
}

@media (min-width: 450px) and (max-width: 991px) {
    #namecardWidget .img-thumbnail {
        float: left;
        height: auto;
        max-width: 230px;
        margin-right: 15px;
    }
}

#namecardWidget .breadcrumb p {
    margin: 7px 12px 5px 12px;
}

/* CategoryWidget */
#categoryWidget ul {
    font-size: 1em;
    padding-left: 0;
    list-style-type: none;
    padding-left: 15px;
}

#categoryWidget .list-item {
    padding-left: 0;
    padding-right: 0;
}

#categoryWidget ul li ul {
    font-size: 1em;
    padding-left: 15px;
}

#categoryWidget li a.categoryFeed:before {
    content: "\f143";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px;
}

#categoryWidget li a.categoryFeed span {
    display: none;
}

/* 카테고리 위젯 1픽셀 라인 삭제 */
#categoryWidget ol li ul li ul {
    border-top: 0px solid #ddd;
    border-bottom: 0px solid #ddd;
}

#categoryWidget ol li ul li ul li {
    margin-bottom: 2px;
    margin-top: 2px;
}

/* 우측 사이드 클릭후 배경색 */
#categoryWidget .selected {
    width: 70%;
    font-weight: bold;
    padding-left: 8px;
    background-color: #DDEDEE;
    border-radius: 4px;
    line-height:24px;
}

/* AuthorWidget */
#authorWidget ol {
    list-style-type: square;
}

/* CountWidget */
#countWidget dl {
    font-size: 1em;
    padding-left: 0;
    margin: 0;
}

#countWidget dd {
    text-align: right;
}

#countWidget dt {
    float: left;
    width: 150px;
}

/* SubscriptionWidget */
#subscriptionWidget a.atom:before {
    content: "\f143";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px;
    color: red;
}

#subscriptionWidget a.rss:before {
    content: "\f143";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: 3px;
    color: green;
}

/* BookmarkWidget */
#bookmarkWidget ul {
    padding-left: 0;
    font-size: 1em;
    list-style-type: none;
}

#bookmarkWidget .link_ct {
    font-size: 1em;
}

#bookmarkWidget .list-group-item ul li {
    width: 100%;
}

#bookmarkWidget .list-group-item ul li,
#bookmarkWidget .list-group-item ul li ul {
    display: inline-block;
}

#bookmarkWidget .link_ct {
    float: left;
}

#bookmarkWidget .list-group-item ul li ul {
    float: left;
    margin-left: 3px;
}

#bookmarkWidget .list-group-item ul li ul:after {
    content: "";
    clear: both;
}

#bookmarkWidget .link_ct:before {
    content: "[";
}

#bookmarkWidget .link_ct:after {
    content: "]";
}

#bookmarkWidget ol li ul li {
    border-bottom: 1px solid #ddd;
}

#bookmarkWidget ol li ul li ul li,
#bookmarkWidget ol li ul li:last-child {
    border: none;
}

#bookmarkWidget ol li ul {
    padding-left: 15px;
}

#bookmarkWidget .list-item {
    padding-left: 0;
    padding-right: 0;
}

/* TextcubeBannerWidget */
#textcubeBannerWidget .list-group-item {
    text-align: center;
}

/* CalendarWidget */
#calendarWidget td {
    text-align: center;
}

#calendarWidget caption {
    margin-top: .8em;
    text-align: left;
    font-size: 1.2em;
    font-weight: bold;
}

#calendarWidget th {
    height: 1.1em;
    text-align: center;
}

#calendarWidget td.cal_day4 {
    background-color: #faf9f8;
    font-weight: bold;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

#calendarWidget td a {
    text-decoration: underline;
    display: block;
    width: 100%;
    font-weight: bold;
}

.cal_month {
    text-align: center !important;
    border-bottom: 1px solid #eee;
}

/* Widget Collapse */
#archiveWidget ol li.list-group-item.active-success a,
#archiveWidget ol li.list-group-item h4:after,
#categoryWidget ol li.list-group-item.active-success a,
#categoryWidget ol li.list-group-item h4:after {
    color: #3C763D;
}

#recentPostWidget ol li.list-group-item.active-info a,
#recentPostWidget ol li.list-group-item h4:after,
#recentTrackbacksWidget ol li.list-group-item.active-info a,
#recentTrackbacksWidget ol li.list-group-item h4:after,
#recentCommentsWidget ol li.list-group-item.active-info a,
#recentCommentsWidget ol li.list-group-item h4:after {
    color: #31708F;
}

#authorWidget ol li.list-group-item.active-gray a,
#authorWidget ol li.list-group-item h4:after,
#bookmarkWidget ol li.list-group-item.active-gray a,
#bookmarkWidget ol li.list-group-item h4:after {
    color: #666666;
}

#archiveWidget ol li.list-group-item h4:after,
#recentPostWidget ol li.list-group-item h4:after,
#recentTrackbacksWidget ol li.list-group-item h4:after,
#authorWidget ol li.list-group-item h4:after,
#bookmarkWidget ol li.list-group-item h4:after,
#recentCommentsWidget ol li.list-group-item h4:after,
#categoryWidget ol li.list-group-item h4:after {
    content: "\f0d7";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 3px;
}

/* ------------------------- */
/* footer ------------------ */
/* ------------------------- */
footer address {
    margin-bottom: 3px;
}

footer p {
    margin: 0;
}