@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Montserrat');
/* ------------------------- */
/* Common ------------------- */
/* ------------------------- */
footer .coptright-text
{color:#fff}
#estbox{
margin:auto;
}
#estframe{
top:0px;
}
.estframe2{
    width: 100%;
    height: 1658px;
    border: none;
    position: absolute;
    top: -85%;
 
}
.mainimg{
7width:100%;}
.menubox{
    float: left;
    width: 48%;
    margin: 1%;
    color: white;
    background-color: #166cb1;
    font-size: 24px;
    font-weight: bold;
    line-height: 160%;
}
@media(max-width:600px){
.menubox{
font-size:18px
}
}
@media(min-width:1024px){
.menubox{
width:23%
}
}
.menuimgbox{
}
.menutextbox{
}
.date{width:15%;text-align:center;}
.begin_end{width: 60%;
    text-align: center;
    padding: 10px 0px;}
.progresss{width:25%;text-align:center;}
.list_loop {
line-height: 160%;
}
.headbox{
    width: 100%;
    height: 400px;
    background: url(/images/main.gif);
    background-size: cover;
    vertical-align: middle;
    text-align: center;
    background-position: center;
}
.headtext{
    text-align: center;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    background-color: #00000057;
    display: inline-block;
    padding: 20px 44px;
    top: 119px;
    position: relative;
}
.buttonbox{
    text-align: right;
}
@media(min-width:735px){
.buttonbox{
    display:none;
}
}
@media(max-width:735px){
.framebox{
display:none;
}
}
.subtext1-1{
    font-size: 24px;
    margin-right: 8px;
    color: #69a9db;
}
.subtext1-2{
    font-size: 24px;
    color: #9f9f9f;
}
.subtext2{
    margin: 20px;
    font-size: 18px;
}

@media (max-width: 800px) {
.subtext1-1{
    font-size: 20px;
}
.subtext1-2{
    font-size: 20px;
}
.subtext2{
    font-size: 14px;
}
}
.textbox1{
    width: 96%;
    margin: auto;
    padding: 3%;
    margin-top: 10px;
    margin-bottom: 18px;
    border: 3px solid #78c2fd;
    border-radius: 14px;
}
.navbar-inverse {
    background-color: #166cb1;
    padding: 22px 0px;
    width: 1024px;
    max-width: 100%;
    margin: auto;
}
h3{
    color: #166cb1;
    font-family: 'Black Han Sans', sans-serif;
    font-weight: 400;
}
.panel-default {
background: #166cb1;
}
.gongbeck{
height: 62px;
}
.sidetext{
    position: relative;
    top: -60px;
    color: #fff;
    background: #00000096;
    padding: 5px 46px;
    font-size: 20px;
    font-weight: bold;
}
.sidetext:hover,.sidetext:focus{
    background: #000;
    color:#Fff
}
.sidetext2{
    color: #fff;
}
.sidetext2:hover,.sidetext2:focus{
 
    color:#Fff
}
.footdiv{
    float: left;
    margin: 10px 16px;
    color: #fff;
    font-size: 8px;
    font-weight: bold;
}
.topimg{width:100%;margin:auto;max-width:100%;}
.section-title{
display: inline-block;
    position: relative;
    font-family: 'Montserrat', Sans-serif;
    font-size: 2em;
    font-weight: 900;
    color: #fff;
    text-transform: uppercase;
    font-style: italic;
    letter-spacing: 1px;
    line-height: .75em;
    width: 100%;
    padding: 1rem 0;
    margin-bottom: -7px;
    margin-left: 2px;
    white-space: nowrap;
    overflow: hidden;

}
.section-title:after {
    overflow: hidden;
    width: 100%;
    height: 4px;
    background: #dba433;
    content: " ";
    vertical-align: middle;
    margin-left: .75em;
    display: inline-block;
}
.mainlogobox{float:left;}
.toptextbox{float:right;}
.toptopdiv{
background: #f2e0cd;
    width: 100%;
    display: table;
    line-height: 160%;
}
.topdiv{

    max-width: 1080px;
    width: 100%;
    background: #f2e0cd;
    margin: auto;
}
.submal{
display:none;
}
.bjname{
float:left;}
.grayline{
border:1px solid #6666;
}
.cardbox {
    border: 1px solid;
    border-radius: 8px;
    border: 1px #888888;
    background: #111;
    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 0.5), 0 6px 20px 0 rgba(255, 255, 255, 0.5);
}
.bottomcardbox {
    border: 1px solid;
    border-radius: 8px;
    border: 1px #fff;
    background: #111;
}

.cardbox:hover {
    border: 1px solid;
    border-radius: 8px;
    border: 1px #888888;
    background: #111;
    box-shadow: 0 4px 8px 0 rgba(255, 255, 255, 1), 0 6px 20px 0 rgba(255, 255, 255, 1);
}
.cardtitle {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    height: 28px;
    padding: 7px;
    overflow: hidden;
}

.bottomcardtitle {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    height: 44px;
    padding: 7px;
    overflow: hidden;
}
.carddescription {
    color: #aaa;
    padding: 10px;
    height: 60px;
    overflow: hidden;
}
.index-button {
    width: 100%;
    text-align: right;
    padding: 15px;
    padding-top: 0px;
}
.cardimg {
    height: auto;
    width: 100%;
    border-radius: 8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.sidebar-div{
    text-align: center;
    vertical-align: middle;
    line-height: 2250%;
    background-size: cover;
    padding: 20px;
}
.sidebar-div:hover{

}

.bottom-div{
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 12px;

}


.index-div{
  width: 100%;
    padding: 18px;
    display:block;
    float:left;
}
@media (min-width: 560px) {
.index-div{
  width: 50%;
    padding: 18px;
    display:block;
    float:left;
}
}

.index-div2{
  width: 100%;
    padding: 10px;
    display:block;
   
    float:left;
}
.sidebar-title{
    background: #0000006e;

}
.sidebar-title-text{
color: #FFF;
    font-size: 30px;
    font-weight: 900;
}
.long-calc{

    background: cornsilk;
    padding: 20px;

}
.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: 100%;
    }
}

/* 마무리 */
.clear {
   clear: both;
}

#header {
position: fixed;
    z-index: 999;
    margin: 0 auto;
    width: 100%;
    top: 0px;
    background: #166cb1;
}
/* 맨 위 라인 */
.topline:link{
    color: #fff;
    text-align: right;
    width: 1080px;
    margin: auto;
    line-height: 250%;
    font-size: 14px;
    font-weight: bold;
}
.topline{
	color: #fff;
    text-align: right;
    width: 1080px;
    max-width: 100%;
    margin: auto;
    line-height: 250%;
    font-size: 14px;
    font-weight: bold;
}

/* 맨 위 메뉴 박스 */
.content-box {
   margin:0 auto;
   width:100%;
   text-align:center;
   position:relative;
   border-bottom:0px solid #F9F9F9;
   padding:24px 0 24px 0;
}
.content-boxs {
   margin:0 auto;
   width:100%;
   max-width:1170px;
   text-align:left;
   padding:8px 0 8px 0;
}

.background-1 {
  width: 100%;
  background-image: url('/images/home-1.jpg'); 
  background-size: cover; 
  background-attachment: fixed;
  background-repeat: no-repeat; 
}
.background-2 {
  width: 100%;
  background-image: url('/images/home-2.jpg'); 
  background-size: cover; 
  background-attachment: fixed;
  background-repeat: no-repeat; 
}
.background-3 {
  width: 100%;
  background-image: url('/images/home-3.jpg'); 
  background-size: cover; 
  background-attachment: fixed;
  background-repeat: no-repeat; 
}
.background-4 {
  width: 100%;
  background-image: url('/images/home-4.jpg'); 
  background-size: cover; 
  background-attachment: fixed;
  background-repeat: no-repeat; 
}
.background-5 {
  width: 100%;
  background-image: url('/images/home-5.jpg'); 
  background-size: cover; 
  background-attachment: fixed;
  background-repeat: no-repeat; 
}

/* Logo Title */
.logo-design {
    color: #FC84B4;
    font-size: 18px;
    font-family: 'Tangerine', serif;
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 0px 0px 0px 20px;
    text-align: left;
}
.logo-text-title {
color: #ffffff;
    font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 0.84em;
    padding: 0% 20px 0% 0%;
    margin: -8px 0px 1px 20px;
    text-align: left;
}
.logo-text-titles {
    color: #ffffff;
    font-size: 22px;
    font-family: sans-serif;
    font-weight: bold;
    line-height: 0.84em;
    padding: 0% 20px 0% 0%;
    margin: 12px 0px 1px 47px;
    text-align: left;
}

/* Logo Title Text */
.serif-title {
    color: #FF7CB4;
    font-size: 68px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 23px 0px 10px 6px;
    text-align: left;
}
.blod-title {
    color: #ffffff;
    /* text-shadow: 0px 0px 0px #666; */
    font-size: 100px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0% 20px 0% 0%;
    margin: -26px 0px 0px 6px;
    text-align: left;
}

/* Footer menu line */
.bottom-line {
    width: 100%;
    border-bottom: 1px solid #475466;
    margin:10px 0 10px 0;
}

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

/* Movie List */
.movie-serif-title {
    color: #FC84B4;
    font-size: 48px;
    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;
}
.lists-movie-title {
    color: #2B3748;
    font-size: 60px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0% 20px 0% 0%;
    margin: -15px 0px 11px 0px;
    text-align: left;
    text-transform: uppercase;
}

/* Movie List . 2 */
.tangerine-title {
    color: #FC84B4;
    font-size: 28px;
    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;
}
.lists-small-title {
    color: #2B3748;
    font-size: 30px;
    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;
}

/* Movie Content Title Text */
.mc-title {
    color: #FC84B4;
    font-size: 48px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 3px 0px 10px 0px;
    text-align: center;
}
.mcb-title {
    color: #2B3748;
    font-size: 80px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 1.14em;
    padding: 0% 20px 0% 0%;
    margin: -26px 0px 40px 0px;
    text-align: center;
}

.desc-box {
   margin: 0 auto;
   width: 100%;
   padding: 25px;
   background-color:#fdfdfd;
   border: 1px solid #F4F4F4;
}

/* Button Box */
.button-box {
   margin: 0 auto;
   width: 100%;
   padding: 20px;
   margin: 20px 0px 0px 0px;
   text-align: center;
   background-color:#fff;
   /* border: 0px solid #F9F9F9; */
}

/* Title Box */
.title-box {
   margin: 0 auto;
   width: 100%;
   padding: 20px;
   margin: 0px 0px 10px 0px;
   text-align: center;
   background-color:#fff;
   /* border: 0px solid #F9F9F9; */
}

/* List Button */
.elementor-button {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #fc84b4;
    border-radius: 0px 0px 0px 0px;
    padding: 23px 39px 24px 39px;
    margin-bottom: 2px;
    text-decoration:none;
}
a.elementor-button:hover {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #2B3748;
    border-radius: 0px 0px 0px 0px;
    padding: 23px 39px 24px 39px;
    margin-bottom: 2px;
    text-decoration:none;
}

/* Search Button */
.mobiles-button {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #5AD7CA;
    border-radius: 0px 0px 0px 0px;
    padding: 23px 39px 24px 39px;
    margin-bottom: 2px;
    text-decoration:none;
}
a.mobiles-button:hover {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #2B3748;
    border-radius: 0px 0px 0px 0px;
    padding: 23px 39px 24px 39px;
    margin-bottom: 2px;
    text-decoration:none;
}

.computers-button {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #F9AD28;
    border-radius: 0px 0px 0px 0px;
    padding: 23px 39px 24px 39px;
    margin-bottom: 2px;
    text-decoration:none;
}
a.computers-button:hover {
    display: inline-block;
    font-size: 13px;
    font-family: "Montserrat", Sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    color: #ffffff;
    transition:0.3s;
    background-color: #2B3748;
    border-radius: 0px 0px 0px 0px;
    padding: 23px 39px 24px 39px;
    margin-bottom: 2px;
    text-decoration:none;
}

/* Small Font */
.eng-info { 
   font-family: 'tahoma', 'Small Fonts', Sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-align:center;
}
a.eng-info:link, a.eng-info:visited, a.eng-info:active {
   Color:#22ADD5;
   Text-decoration:none
}
a.eng-info:hover {
   Color:#3BA4E6;
   border-bottom:2px solid #3BA4E6;
   text-decoration:none;
}

/* Eng Information Bottom Line */
.eng-info-line {
   border-bottom:1px solid #F4F4F4;
   margin-top: 5px;
   margin-bottom: 20px;
}

/* I line */
.fnue {
   font-family: 'small fonts', 'tahoma' ,Sans-serif;
   font-size:9px;
   color:#bebebe;
   padding-left: 10px;
   padding-right: 10px;
}

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

.none-box {
   height: 20px;
}

/* More Right Box */
.mbox {
  margin: 11px 0 0 0;
  text-align:right;
}

/* Wallpaper Right Box */
.wbox {
  margin: -79px 0 0 0;
  text-align:right;
}


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

/* 본문 */
.contents-posts {
    color: #868383;
    font-family: '맑은 고딕', 'Malgun Gothic', '나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 31px;
}

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

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

/* 로고 텍스트 */
.logo-image {
   font-family:"Verdana", "Osaka", sans-serif;
   font-size:24px;
   font-Weight:Bold;
   color:#22ADD5;
}
.logo-english {
   font-family:"Verdana", "Osaka", sans-serif;
   font-size:24px;
   font-Weight:Bold;
   color:#22ADD5;
}
.logo-small {
   font-family:'tahoma', sans-serif;
   font-size:10px;
   font-Weight:Bold;
   color:#22ADD5;
}
.korean-title {
   font-family:"Lato", Helvetica, Arial, "나눔 고딕", Nanum Gothic, "맑은 고딕", Malgun Gothic, Apple Gothic, sans-serif;
   font-size:14px;
   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:#22ADD5;
   padding:8px 14px 8px 14px;
   margin:0 0 0 0;
}

/* 404 Not Found */
.rounding-line { 
   margin-bottom: 20px;
   border-radius:8px;
   width: 100%;
   padding: 20px;
   text-align: left;
   border: 2px solid #DADDE4;
   background-color:#fff;
}
.rounding-text { 
   color:#5A606E; 
   font-family:Verdana, Osaka,sans-serif; 
   font-weight:bold; 
   font-size:42px; 
   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:#22ADD5;
   Color:#fff;
   Text-decoration:none
}
   a.moves:hover {
   Background-color:#F4B406;
   Color:#303030;
   text-decoration:none;
}

/* 명언 */
.contents-info {
   color: #9b9b9b;
   font-family:'맑은 고딕', 'Malgun Gothic', '나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size: 14px;
   font-weight: normal;
   line-height: 26px;
}
.famous {
    color: #2B3748;
    font-size: 40px;
    font-family: 'Nanum Pen Script', cursive;
    /* font-family: 'Do Hyeon', sans-serif; */
    font-weight: 400;
    line-height: 1.54em;
    padding: 25px 20px 0% 0%;
    margin: 3px 0px 1px 0px;
    text-align: left;
}
/* 컴퓨터 검색 */
.search-box {
   width:100%;
   padding-bottom: 8px;
   margin-bottom: 34px;
   border-bottom: 2px solid #eaeaea;
}
.search-notice {
   color: #606060;
   font-family:"맑은 고딕",Malgun Gothic,"나눔 고딕",Nanum Gothic,"돋움",Dotum, sans-serif;
   font-size: 13px;
   font-weight: normal;
   line-height:27px;
}
.search-point {
   color: #1D95B7;
   font-family:"맑은 고딕",Malgun Gothic,"나눔 고딕",Nanum Gothic,"돋움",Dotum, sans-serif;
   font-size: 13px;
   font-weight: normal;
   line-height:27px;
}
.search-link { 
   font-family:"맑은 고딕",Malgun Gothic,"나눔 고딕",Nanum Gothic,"돋움",Dotum, sans-serif;
   font-size: 13px;
   font-weight:nomal;
   text-align:center;
}
a.search-link:link, a.search-link:visited, a.search-link:active {
   color:#EB61B2;
   border-bottom:2px solid #EB61B2;
   text-decoration:none
}
a.search-link:hover {
   color:#D24242;
   border-bottom:2px solid #D24242;
   text-decoration:none;
}

.search-form {
   width:85%;
   height:50px;
   border:2px solid #00C73C;
   padding-top:6px;
   padding-left:8px;
   border-radius: 0px;
   margin-bottom:8px;
}
.search-text {
   color: #4e4e4e;
   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: 15px;
   font-weight: bold;
}

.search-button {
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 50px;
width: 15%;
color: #fff;
background-color: #00C73C;
border-left: 0px solid #fff;
border-radius: 0px;
}   
.search-button:hover {background: #4e4e4e; color:#fff;}
.search-button:active {box-shadow: 0px 0px 12px 0px rgba(225, 225, 225, 1);}
.search-button:focus {outline: 0;}


/* 모바일 검색 */
.search-forms {
   width:85%;
   height:50px;
   border:2px solid #2FA7D3;
   padding-top:6px;
   padding-left:8px;
   border-radius: 0px;
   margin-bottom:8px;
}

.search-buttons {
position: relative;
float: right;
border: 0;
padding: 0;
cursor: pointer;
height: 50px;
width: 15%;
color: #fff;
background-color: #2FA7D3;
border-left: 0px solid #fff;
border-radius: 0px;
}   
.search-buttons:hover {background: #4e4e4e; color:#fff;}
.search-buttons:active {box-shadow: 0px 0px 12px 0px rgba(225, 225, 225, 1);}
.search-buttons:focus {outline: 0;}

/* 모바일 + 컴퓨터 이용자 */
.pc-more { 
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:12px;
   font-weight:bold;
   transition: .35s 
}
a.pc-more:link, a.pc-more:visited, a.pc-more:active {
   color:#fff;
   background-color:#00C73C;
   padding:7px 15px 8px 15px;
   Text-decoration:none;
}
a.pc-more:hover {
   color:#fff;
   background-color:#4e4e4e;
   padding:7px 15px 8px 15px;
   text-decoration:none;
}
.mobile-more { 
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:12px;
   font-weight:bold;
   transition: .35s 
}
a.mobile-more:link, a.mobile-more:visited, a.mobile-more:active {
   color:#fff;
   background-color:#2FA7D3;
   padding:7px 15px 8px 15px;
   Text-decoration:none;
}
a.mobile-more:hover {
   color:#fff;
   background-color:#4e4e4e;
   padding:7px 15px 8px 15px;
   text-decoration:none;
}

/* 컴퓨터 검색 타이틀 */
.pc-search-title { 
   width: 100%;
   text-align: left;
   color:#00C73C;
   font-family: Verdana, Osaka,sans-serif;
   font-size: 23px;
   font-weight: bold; 
   margin-bottom: 6px;
}

.info-list {
   margin: auto;
   position: relative;
   border: 0;
   padding: 0;
   cursor: pointer;
   padding: 17px;
   width: 15%;
   background-color: #2FA7D3;
   border-left: 0px solid #fff;
   border-radius: 0px;
}   
.info-list:hover {background: #4e4e4e; color:#fff;}
.info-list:active {box-shadow: 0px 0px 12px 0px rgba(225, 225, 225, 1);}
.info-list:focus {outline: 0;}

.info-lists { 
   Color:#fff;
   font-family:'나눔 고딕', Nanum Gothic, '맑은 고딕', Malgun Gothic, sans-serif;
   font-size: 14px;
   font-weight: bold;
}
a.info-lists:link, a.info-lists:visited, a.info-lists:active {
   color:#fff;
   text-decoration:none
}
a.info-lists:hover {
   color:#fff;
   text-decoration:none;
}

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

/* 단락별 라인 */
.line {
    display: inline-block;
   width: 100%;
   height: 1px;
   margin-top: 20px;
   margin-bottom: 20px;
   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;
}

/* Footer Verlical Line */
.verlicals {
   font-family:'tahoma' ,Sans-serif;
   font-size:10px;
   color:#fff;
}

/* 순위 도메인 링크 */
.urls { 
   font-family:'Small Fonts', 'tahoma', Sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-align:center;
   color:#2265D5;
   line-height:19px;
}

/* 맨 아래 링크 */
.desc-link { 
   font-family: '나눔 고딕', '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:normal;
   text-align:center;
}
a.desc-link:link, a.desc-link:visited, a.desc-link:active {
   color:#fff;
   Text-decoration:none
}
a.desc-link:hover {
   color:#3b3b3b;
   border-bottom:2px solid #fff;
   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;
}

/* Footer Category menu */
.footer-menu { 
   font-family: '나눔 고딕', '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:normal;
   text-align:center;
}
a.footer-menu:link, a.footer-menu:visited, a.footer-menu:active {
   color:#93A3BA;
   text-decoration:none
}
a.footer-menu:hover {
   color:#FFCC00;
   border-bottom:2px solid #fff;
   text-decoration:none;
}
.footer-pmenu { 
   font-family: '나눔 고딕', '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:normal;
   text-align:center;
}
a.footer-pmenu:link, a.footer-pmenu:visited, a.footer-pmenu:active {
   color:#BCDA2C;
   text-decoration:none
}
a.footer-pmenu:hover {
   color:#FFC600;
   border-bottom:2px solid #fff;
   text-decoration:none;
}
.footer-admenu { 
   font-family: '나눔 고딕', '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:normal;
   text-align:center;
}
a.footer-admenu:link, a.footer-admenu:visited, a.footer-admenu:active {
   color:#30E3E5;
   text-decoration:none
}
a.footer-admenu:hover {
   color:#ddd;
   border-bottom:2px solid #FFC600;
   text-decoration:none;
}
/* Copyright Link */
.noc { 
   color:#2E2E2E;
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:11px;
   font-weight:nomal;
   text-align:center;
}

.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:#22ADD5;
   Text-decoration:none
}
a.engs:hover {
   Color:#fff;
   border-bottom:2px solid #22ADD5;
   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:#22ADD5;
   Text-decoration:none
}
a.cope:hover {
   Color:#CFDE23;
   border-bottom:2px solid #CFDE23;
   text-decoration:none;
}
.copyinfo { 
   color:#6F8099;
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-align:center;
   text-transform: uppercase;
}

/* Eng text */
.english-copyright {
   color:#fff;
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:9px;
   font-weight:nomal;
   text-transform: uppercase;
}
.copylink {
   font-family: "Small Fonts", Helvetica, Arial, sans-serif;
   font-size:9px;
   font-weight:normal;
   text-transform: uppercase;
}
a.copylink:link, a.copylink:visited, a.copylink:active {
   Color:#FFC000;
   Text-decoration:none
}
a.copylink:hover {
   Color:#FC84B4;
   border-bottom:2px solid #FC84B4;
   text-decoration:none;
}

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

/* 포스트 제목 아이콘 */
.title-icon { 
    font-family: "Lato", Helvetica, Arial, sans-serif;
    font-size: 1.3em;
    font-weight: bold;
    border-bottom: 6px solid #166cb1;
    border-bottom-style: dotted;
    width: 96%;
    text-align: center;
    display: inline-block;
}

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

/* 컨텐츠 내용 */
.content-posts {
   font-family: '나눔바른고딕', 'NanumBarunGothic', '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
   font-size: 17px;
   line-height: 28px;
   letter-spacing: 1.2px;
}

/* Hidden 텍스트 */
.dispaly-none {
   overflow: hidden;
   height: 5px;
   dispaly: none.html;
}

/* Hidden 텍스트 */
.dispaly-nones {
   overflow: hidden;
   width:1px;
   height: 1px;
   dispaly: none.html;
}

/* 제목 아래 날짜 + 작성자 정보 */
.blog-title-info {
   /* margin:0 auto; */
   width:100%;
   text-align:left;
   font-family:'tahoma', 'small fonts', sans-serif;
   font-size: 10px;
   font-weight:bold;
   color:#bebebe;
   border-bottom:1px solid #E5E5E5;
   padding:8px 0 8px 4px;
   margin-bottom: 34px;
}
.blog-title-info-link { 
   font-family:'tahoma', 'small fonts', sans-serif;
   font-size: 10px;
   font-weight:bold;
}
a.blog-title-info-link:link, a.blog-title-info-link:visited, a.blog-title-info-link:active {
   Color:#bebebe;
   Text-decoration:none;
}
a.blog-title-info-link:hover {
   Color:#22ADD5;
   text-decoration:none;
}

/* 리뷰 타이틀 */
.review-box {
   width: 96%;
   margin-left:12px;
   margin-bottom:15px;
   padding-bottom:8px;
   border-bottom:1px solid #efefef;
   text-align: left;
}
.review-title {
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-Size:15px;
   font-weight:bold;
   color:#5e5e5e;
}

/* 리뷰 순위 번호 */
.review-rank {
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-Size:15px;
   color: #f06;
   font-weight: bold
}

.review-ranks {
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-Size:15px;
   color: #5e5e5e;
   font-weight: bold
}

/* more */
.more { 
   display: inline-block;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
   transition: .35s 
}
a.more:link, a.more:visited, a.more:active {
   color:#fff;
   background-color:#FC84B4;
   padding:7px 15px 8px 15px;
   Text-decoration:none;
}
a.more:hover {
   color:#fff;
   background-color:#4e4e4e;
   padding:7px 15px 8px 15px;
   text-decoration:none;
}

/* 세로 라인 */ 
.flex {
   border-right: 1px solid lightgrey;
}

/* 사이드 순위 표기 % 포인트 */
.progress-numbers {
  margin: 25px auto;
  text-align: center;
  font-size: 11px;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
  color: #00C73C;
  font-weight: bold
}

/* % 포인트 */
.progress-number {
  margin: 25px auto;
  text-align: center;
  font-size: 15px;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
  color: #F2BC14;
  font-weight: bold
}

/* 순위 포스트 */
.content-post {
   display: -webkit-box;
   display: box;
   overflow: hidden;
   max-height: 80px;
   margin-top: 1px;
   font-family: '나눔 고딕','Nanum Gothic','맑은 고딕','Malgun Gothic', sans-serif;
   font-size: 15px;
   line-height: 28px;
   color: #666;
   vertical-align: top;
   /* word-break: break-all; */
   word-wrap: break-word;
   white-space: normal;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
}

/* 우측 추천 타이틀 */
.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;
}

/* 우측 작성 + 날짜 */
.latest-tahoma {
   text-align:left;
   font-family:'tahoma', 'small fonts', sans-serif;
   font-size: 10px;
   font-weight:bold;
   color:#bebebe;
}

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

/* 우측 카테고리 타이틀 */
.side-titles { 
   width: 100%;
   text-align: left;
   color:#22ADD5;
   font-family: Verdana, Osaka,sans-serif;
   font-size: 23px;
   font-weight: bold; 
   margin-bottom: 6px;
}

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


.program-link { 
   font-family:'나눔 고딕', 'Nanum Gothic', '맑은 고딕', 'Malgun Gothic', Dotum, '돋움', sans-serif;
   font-size:15px;
   font-weight:nomal;
   color: #5e5e5e;
}
a.program-link:link, a.program-link:visited, a.program-link:active {
   Color:#226AD5;
   border-bottom:2px solid #226AD5;
   Text-decoration:none;
}
a.program-link:hover {
   Color:#C74444;
   border-bottom:2px solid #C74444;
   text-decoration:none;
}

/* 다른 글 보기 박스 */
.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;
}


/* 컨텐츠 표 테이블 */
#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:#22ADD5;
   color:#fff;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px;
}
#infoh tbody td {
   color: #606060;
   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:#BAD47D;
   color:#fff;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px;
}
#infof tbody td {
   border-bottom:0px solid #F3F4F4;
   background:#fafafa;
   padding:6px 10px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px; 
}
#infof tbody td.l {
   text-align:left;
}
#infof ol {
   list-style:outside decimal;
}

/* 무료상담버튼 */
.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: #22ADD5;
  border-color: #22ADD5;
  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: #22ADD5;
  background-color: #4E4E4E;
  border-color: #4E4E4E;

}

/* Wallpaper download */
.wall { 
   font-family: 'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
   color:#2B3748;
   line-height:24px;
}
.walls { 
   font-family: 'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
   color:#666E7A;
   line-height:24px;
}





                                     /* generic css - ※ 이미지 모션 */
.view {
  margin: 10px;
  /* float: left; */
  border: 0px solid #fff;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.view .mask,
.view .content {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0
}

.view img {
  display: block;
  position: relative
}

.view h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 17px;
  font-family: Raleway, serif;
  padding: 10px;
  /*background: rgba(0, 0, 0, 0.8);*/
  margin: 20px 0 0 0
}

.view p {
  font-family: Merriweather, serif;
  font-style: italic;
  font-size: 14px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center
}

.view a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  font-family: 'tahoma', 'Small Fonts', Sans-serif;
  font-size:10px;
  font-weight:bold;
  text-align:center;
  text-transform: uppercase;
  box-shadow: 0 0 1px #000
}

.view a.info:hover {
  box-shadow: 0 0 5px #000
}


/*1*/

.view-first img {
  /*1*/
  transition: all 0.2s linear;
  width: 300px;
  height: 200px;
}

.view-first .mask {
  opacity: 0;
  background-color: rgba(58, 1, 132, 0.44);
  transition: all 0.4s ease-in-out;
}

.view-first h2 {
  transform: translateY(-100px);
  opacity: 0;
  font-family: Raleway, serif;
  transition: all 0.2s ease-in-out;
}

.view-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear;
}

.view-first a.info {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}


/* */

.view-first:hover img {
  transform: scale(1.1);
}

.view-first:hover .mask {
  opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
  opacity: 1;
  transform: translateY(0px);
}

.view-first:hover p {
  transition-delay: 0.1s;
}

.view-first:hover a.info {
  transition-delay: 0.2s;
}


/*2*/

.view-second img {
  transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
}

.view-second .mask {
  background-color: rgba(12, 19, 27, 0.6);
  width: 300px;
  padding: 105px;
  height: 200px;
  opacity: 0;
  transform: translate(265px, 145px) rotate(45deg);
  -webkit-transform: translate(265px, 145px) rotate(45deg);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.view-second h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  font-family: Raleway, serif;
  background: transparent;
  margin: 20px 40px 0px 40px;
  -webkit-transform: translate(200px, -200px);
  transform: translate(200px, -200px);
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.view-second p {
  transform: translate(-200px, 200px);
  -webkit-transform: translate(200px, -200px);
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.view-second a.info {
  transform: translate(0px, 100px);
  -webkit-transform: translate(0px, 100px);
  transition: all 0.2s 0.1s ease-in-out;
  -webkit-transition: all 0.2s 0.1s ease-in-out;
}


/* */

.view-second:hover .mask {
  opacity: 1;
  transform: translate(-80px, -125px) rotate(45deg);
  -webkit-transform: translate(-80px, -125px) rotate(45deg);
}

.view-second:hover h2 {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transition-delay: 0.3s;
  -webkit-transition-delay: 0.3s;
}

.view-second:hover p {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transition-delay: 0.4s;
  -webkit-transition-delay: 0.4s;
}

.view-second:hover a.info {
  transform: translate(0px, 0px);
  -webkit-transform: translate(0px, 0px);
  transition-delay: 0.5s;
  -webkit-transition-delay: 0.5s;
}


/*3*/

.view-tenth img {
  transform: scaleY(1);
  transition: all .7s ease-in-out;
}

.view-tenth .mask {
  background-color: rgba(255, 255, 255, 0.3);
  transition: all 0.5s linear;
  opacity: 0;
  padding:25px;
}

.view-tenth h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  background: transparent;
  margin: 20px 40px 0px 40px;
  transform: scale(0);
  color: #333;
  transition: all 0.5s linear;
  opacity: 0;
}

.view-tenth p {
  color: #333;
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
  padding-
}

.view-tenth a.info {
  opacity: 0;
  transform: scale(0);
  transition: all 0.5s linear;
}

.view-tenth:hover img {
  -webkit-transform: scale(2.5);
  transform: scale(2.5);
  opacity: 0.3;
}

.view-tenth:hover .mask {
  opacity: 1;
}

.view-tenth:hover h2,
.view-tenth:hover p,
.view-tenth:hover a.info {
  transform: scale(1);
  opacity: 1;
}

/* 이미지 롤오버시 나타나는 텍스트 */
.youtube-title {
    color: #2B3748;
    font-size: 30px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0% 20px 0% 0%;
    margin: 1px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
}
.youtube-titles {
    font-family:"Verdana", "Osaka", sans-serif;
    font-size:14px;
    font-Weight:Bold;
    color:#2B3748;
    margin: 11px 0px 0px 0px;
}

/* 아이프레임 동영상 100% */
.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    border:0; 
}

/* Diet Famous Saying */
.Famous_saying-1 {
  width: 100%;
  background-image: url('/image/Famous_saying_02.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-2 {
  width: 100%;
  background-image: url('/image/Famous_saying_06.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-3 {
  width: 100%;
  background-image: url('/image/leesora.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-4 {
  width: 100%;
  background-image: url('/image/failure-edited.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-5 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_1.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-6 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_2.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-7 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_3.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-8 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_5.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-9 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_6.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-10 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_9.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-11 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_8.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Famous_saying-12 {
  width: 100%;
  background-image: url('/image/Famous_saying_bg_7.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}

/* Index Big Text */
.saying-title {
    color: #FF7CB4;
    font-size: 58px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 14px 0px;
    text-align: center;
}
.lists-saying-title {
    color: #fff;
    font-size: 40px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0% 0px 0% 0%;
    margin: -15px 0px 21px 0px;
    text-align: center;
    text-transform: uppercase;
}
.lists-saying-title-small {
    color: #fff;
    font-size: 30px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0% 0px 0% 0%;
    margin: -15px 0px 24px 0px;
    text-align: center;
    text-transform: uppercase;
}
.saying-view {
    display: inline-block;
    color: #fff;
    font-size: 28px;
    font-family: 'Nanum Pen Script', cursive;
    /* font-family: 'Do Hyeon', sans-serif; */
    font-weight: 400;
    line-height: 1.54em;
    padding: 8px 15px 8px 15px ;
    margin: 15px 0px 10px 0px;
    text-align: left;
    background-color: rgba( 0, 0, 0, .3 );
}

/* 비만도 계산기 OBESITY */
#obesity {
   width:100%;
   border:2px solid #fff;
   margin-top:10px;
   margin-bottom:10px;
}
#obesity th, #obesity td {
   text-align:center;
   height:42px;
   line-height:25px;
   vertical-align: middle;
}
#obesity thead th {
   border-bottom:2px solid #fff;
   background:#FF7CB4;
   color:#fff;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px;
}
#obesity tbody td {
   color: #606060;
   border-bottom:2px solid #fff;
   background:#fdfdfd;
   padding:6px 10px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px; 
}
#obesity tbody td.l {
   text-align:left;
}
#obesity tbody td.b {
   color:#3b3b3b !important;
   background:#FFBA13;
}
#obesity tbody td.c {
   color:#3b3b3b !important;
   background:#5BD8E6;
}
#obesity tbody td.e {
   color:#3b3b3b !important;
   background:#EBEBEB;
}
#obesity tbody td.aa {
   color:#fff!important;
   background:#EED91F;
}
#obesity tbody td.ab {
   color:#fff!important;
   background:#EEBB1F;
}
#obesity tbody td.ac {
   color:#fff!important;
   background:#EEA81F;
}
#obesity tbody td.ad {
   color:#fff!important;
   background:#EE8F1F;
}
#obesity tbody td.ae {
   color:#fff!important;
   background:#EE771F;
}
#obesity tbody td.af {
   color:#fff!important;
   background:#DE5038;
}
#obesity tbody td.end {
   color:#fff!important;
   background:#4e4e4e;
}

#obesity tbody td.beauty1 {
   color:#2B3748!important;
   background:#76D9E1;
}
#obesity tbody td.beauty2 {
   color:#2B3748!important;
   background:#CEE176;
}
#obesity tbody td.beauty3 {
   color:#2B3748!important;
   background:#F3C469;
}

/* OBESITY */
.bmi_txtbx {
    width:45%; 
    border:1px solid #BCBCBC; 
    background-color:#ffffff; 
    padding:8px 11px 8px 11px;
    font-weight:bold; 
    font-family:'Malgun Gothic','맑은 고딕', 'Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif; 
    font-size:16px; 
    color:#3e3e3e;
    margin-bottom:2px;
    margin-right:13px;
}
.bmi_button {
    border:1px solid #ED70A6; 
    background-color:#FF7CB4; 
    font-weight:nomal; 
    font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif; 
    font-size:12px; 
    color:#fff;
    padding:8px 11px 8px 11px;
}
.bmi_text {
    color: #2B3748;
    font-size: 14px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 700;
    line-height: 1.14em;
    padding: 0 0 0 0;
    text-align: left;
}
.bmi_num {
    display: inline-block;
    width:30%; 
    border:0px solid #BCBCBC; 
    background-color: transparent; 
    padding:8px 11px 8px 11px;
    font-weight:bold; 
    font-family: 'Montserrat', Sans-serif;
    font-size:20px; 
    color:#FF8813;
    margin-bottom:2px;
    margin-right:13px;
}
.bmi_end {
    width:100%; 
    border:0px solid #BCBCBC; 
    background-color: transparent; 
    padding:8px 11px 8px 11px;
    font-weight:bold; 
    font-family:'Malgun Gothic','맑은 고딕', 'Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif; 
    font-size:16px; 
    color:#3e3e3e;
    margin-bottom:2px;
    margin-right:13px;
}
.bmi_bmis {
    padding:8px 11px 8px 11px;
    font-weight:bold; 
    font-family: 'Montserrat', Sans-serif;
    font-size:20px; 
    color:#3e3e3e;
    margin-bottom:2px;
    margin-right:13px;
}
.bmi_fonts {
    font-weight:bold; 
    font-family: 'tahoma','small fonts' Sans-serif;
    font-size:10px; 
    color:#fff;
    font-height:10px;
}
.bmi_font {
    font-weight:bold; 
    font-family: 'tahoma','small fonts' Sans-serif;
    font-size:10px; 
    color:#606060;
    font-height:10px;
}

/* A beauty weight calculator */
.beauty_txtbx {
    width:45%; 
    border:1px solid #BCBCBC; 
    background-color:#ffffff; 
    padding:8px 11px 8px 11px;
    font-weight:bold; 
    font-family:'Malgun Gothic','맑은 고딕', 'Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif; 
    font-size:16px; 
    color:#3e3e3e;
    margin-bottom:2px;
    margin-right:13px;
}
.beauty_button {
    display: inline-block;
    /* position: absolute; */
    border:1px solid #ED70A6; 
    background-color:#FF7CB4; 
    font-weight:nomal; 
    font-family:'Malgun Gothic','맑은 고딕','Nanum Gothic','Malgun Gothic','맑은 고딕',sans-serif; 
    font-size:12px; 
    color:#fff;
    padding:6px 11px 8px 11px;
}
.beauty_text {
    display: inline-block;
    color: #2B3748;
    font-size: 14px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 700;
    line-height: 1.14em;
    padding: 0 0 0 0;
    text-align: left;
}
.beauty_num {
    display: inline-block;
    width:45%; 
    border:0px solid #BCBCBC; 
    background-color: transparent; 
    padding:8px 11px 8px 11px;
    font-weight:bold; 
    font-family: 'Montserrat', Sans-serif;
    font-size:20px; 
    color:#FF8813;
    margin-bottom:2px;
    margin-right:13px;
}


/* Diet Products */
#dp {
   width:100%;
   border:2px solid #fff;
   margin-top:20px;
   margin-bottom:20px;
}
#dp th, #dp td {
   text-align:center;
   height:42px;
   line-height:25px;
   vertical-align: middle;
}
#dp thead th {
   border-bottom:2px solid #fff;
   background:#4C495C;
   color:#fff;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px;
}
#dp tbody td {
   color: #606060;
   border-bottom:2px solid #fff;
   background:#fbfbfb;
   padding:6px 10px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px; 
}
#dp tbody td.l {
   text-align:left;
}
#dp tbody td.a {
   color:#3b3b3b !important;
   background:#eee;
}
#dp tbody td.b {
   color:#fff!important;
   background:#8DD2E0;
}
#dp tbody td.c {
   color:#fff!important;
   background:#E08DC4;
}
#dp tbody td.d {
   color:#fff!important;
   background:#E0C48D;
}
#dp tbody td.e {
   color:#fff!important;
   background:#3b3b3b;
}

/* dpmore */
.dpmore { 
   width: 100%;
   display: inline-block;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:11px;
   font-weight:bold;
   transition: .35s 
}
a.dpmore:link, a.dpmore:visited, a.dpmore:active {
   color:#fff;
   background-color:#FF7CB4;
   padding:7px 15px 8px 15px;
   Text-decoration:none;
}
a.dpmore:hover {
   color:#4C495C;
   background-color:#F7BF27;
   padding:7px 15px 8px 15px;
   text-decoration:none;
}
.dpmores { 
   width: 100%;
   display: inline-block;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:11px;
   font-weight:bold;
   transition: .35s 
}
a.dpmores:link, a.dpmores:visited, a.dpmores:active {
   color:#fff;
   background-color:#29BCC9;
   padding:7px 15px 8px 15px;
   Text-decoration:none;
}
a.dpmores:hover {
   color:#4C495C;
   background-color:#F7BF27;
   padding:7px 15px 8px 15px;
   text-decoration:none;
}

.dp-posts {
   color: #606060;
   font-family:'맑은 고딕', 'Malgun Gothic', '나눔바른고딕', 'NanumBarunGothic', '나눔 고딕', 'Nanum Gothic', 'Helvetica Neue', Helvetica, 'Noto Sans Korean', 'Apple SD Gothic Neo', 'Malgun Gothic', AppleGothic, Dotum, '돋움', sans-serif;
   font-size: 16px;
   font-weight: normal;
   line-height: 31px;
}
a.dp-posts:link, a.dp-posts:visited, a.dp-posts:active {
   color:#2A7AF2;
   text-decoration:none;
}
a.dp-posts:hover {
   color:#F53F91;
   border-bottom:2px solid #3b3b3b;
   text-decoration:none;
}

/* Diet Products . 1 */
#dpi {
   width:100%;
   border:2px solid #fff;
   margin-top:20px;
   margin-bottom:20px;
}
#dpi th, #dp td {
   text-align:center;
   height:42px;
   line-height:25px;
   vertical-align: middle;
}
#dpi thead th {
   border-bottom:2px solid #fff;
   background:#4C495C;
   color:#fff;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px;
}
#dpi tbody td {
   color: #606060;
   border-bottom:2px solid #fff;
   background:#fbfbfb;
   padding:6px 10px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px; 
}
#dpi tbody td.l {
   text-align:left;
}
#dpi tbody td.a {
   text-align:center;
   color:#3b3b3b !important;
   background:#eee;
}
#dpi tbody td.b {
   text-align:center;
   color:#3b3b3b !important;
}

/* Image Color */
.grayscale { 
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */
  -webkit-filter: grayscale(1);
}

/* BBS */
#ibbs {
   width:100%;
   border:2px solid #fff;
   margin-top:20px;
   margin-bottom:20px;
}
#ibbs th, #ibbs td {
   text-align:center;
   height:42px;
   line-height:25px;
   vertical-align: middle;
}
#ibbs thead th {
   border-bottom:2px solid #fff;
   background:#4C495C;
   font-size: 16px;
   font-family: 'Montserrat', Sans-serif;
   font-weight: 800;
   color:#fff;
   /*
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px;
   */
}
#ibbs tbody td {
   height:47px;
   color: #606060;
   border-bottom:2px solid #fff;
   background:#fafafa;
   padding:6px 10px;
   Font-family:'Malgun Gothic','맑은 고딕',sans-serif;
   Font-Size:15px; 
}
#ibbs tbody td.l {
   text-align:left;
}
#ibbs tbody td.ce {
   text-align:center !important;
   color:#3b3b3b !important;
   background:#fafafa;
}

#ibbs tbody td.no {
   text-align:center !important;
   color:#fff !important;
   background:#FC84B4;
}
#ibbs tbody td.nos {
   text-align:left !important;
   color:#fff !important;
   background:#FC84B4;
}

/* members information */
.member { 
   display: inline-block;
   font-size: 12px;
   font-family: 'Montserrat', Sans-serif;
   font-weight: 400;
   text-align: center;
   color:#9B9B9B;
}

.bbs-sub { 
   display: inline-block;
   font-size: 12px;
   font-family: 'Montserrat', Sans-serif;
   font-weight: 400;
   transition: .35s 
}
a.bbs-sub:link, a.bbs-sub:visited, a.bbs-sub:active {
   color:#2B3748;
   text-decoration:none;
}
a.bbs-sub:hover {
   color:#FC84B4;
   border-bottom:2px solid #FC84B4;
   text-decoration:none;
}

/* Comment */
.bbs-comment { 
   color:#FF9600;
   font-size: 10px;
   font-family: 'tahoma','small fonts', Sans-serif;
   font-weight: bold;
}

/* Icon */
.bbs-ico { 
   color:#2B3748;
   font-size: 14px;
}
/* Notice */
.notice-member { 
   display: inline-block;
   font-size: 12px;
   font-family: 'Montserrat', Sans-serif;
   font-weight: 400;
   text-align: center;
   color:#fff;
}
/* Icon */
.notice-ico { 
   color:#fff;
   font-size: 14px;
}

/* Search Title */
.search-tangerine {
    color: #FC84B4;
    font-size: 28px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    text-align: left;
}
.search-title {
    color: #2B3748;
    font-size: 30px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0;
    margin: -5px 0px 0px 0px;
    text-align: left;
    text-transform: uppercase;
}
/* popularity search */
.popularity-search {
    display: inline-block;
    font-size: 12px;
    font-family: 'Malgun Gothic','맑은 고딕','Montserrat',Sans-serif;
    font-weight: 400;
    line-height: 0.84em;
    padding: 0;
    text-align: left;
    text-transform: uppercase;
}
a.popularity-search:link, a.popularity-search:visited, a.popularity-search:active {
   color:#3b3b3b;
   text-decoration:none;
}
a.popularity-search:hover {
   color:#E8347C;
   text-decoration:none;
}

/* Line */
.vertical-line {
    position: absolute;
    border-left: 1px solid #bbb;
    height: 10px;
    margin-top:8px;
    margin-left: auto;
    margin-right: auto;
    width: 1px;
}

/* Main Products */
.Products-1 {
  width: 100%;
  background-image: url('/image/diet-product-background-1.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Products-2 {
  width: 100%;
  background-image: url('/image/diet-product-background-2.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Products-3 {
  width: 100%;
  background-image: url('/image/diet-product-background-3.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.Products-4 {
  width: 100%;
  background-image: url('/image/diet-product-background-4.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}

/* Main Products Fonts */
.main-dietguide {
    color: #3b3b3b;
    font-size: 28px;
    font-family: 'Tangerine', serif;
    font-weight: 400;
    text-transform: none;
    line-height: 1em;
    padding: 0px 0px 0px 0px;
    margin: 3px 0px 0px 0px;
    text-align: center;
}
.main-fonts {
    color: #fff;
    font-size: 30px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0;
    margin: -5px 0px 0px 0px;
    text-align: center;
    text-transform: uppercase;
}

.main-fontsee {
    color: #FFCC00;
    font-size: 18px;
    font-family: 'Tangerine', serif;
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 0px 0px 0px 3px;
    text-align: left;
}
.main-fontse {
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0;
    margin: -3px 0px 15px 0px;
    text-align: left;
    text-transform: uppercase;
}

.main-ads {
    color: #fff;
    font-size: 18px;
    font-family: 'Tangerine', serif;
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 0px 0px 0px 3px;
    text-align: left;
}
.main-ad {
    color: #FFCC00;
    font-size: 20px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0;
    margin: -3px 0px 15px 0px;
    text-align: left;
    text-transform: uppercase;
}
.main-view {
    display: inline-block;
    width:80%;
    color: #fff;
    font-size: 14px;
    font-family: 'Montserrat', Sans-serif;
    /* font-family: 'Nanum Pen Script', cursive; */
    font-weight: 400;
    line-height: 1.54em;
    padding: 8px 15px 8px 15px ;
    margin: 15px 0px 10px 0px;
    text-align: left;
    background-color: rgba( 0, 0, 0, .3 );
}

.main-more { 
   display: inline-block;
   font-family:'tahoma', 'Small Fonts', Sans-serif;
   font-size:10px;
   font-weight:bold;
   transition: .35s 
}
a.main-more:link, a.main-more:visited, a.main-more:active {
   color:#fff;
   background-color: rgba( 252, 132, 180, .8 );
   padding:7px 15px 8px 15px;
   text-decoration:none;
}
a.main-more:hover {
   color:#fff;
   background-color: rgba( 43, 44, 72, .6 );
   padding:7px 15px 8px 15px;
   text-decoration:none;
}

/* Footer Banner Box */
.banner-box {
   margin:0 auto;
   width:100%;
   text-align:center;
   position:relative;
   border-bottom:0px solid #F9F9F9;
   padding:0;
}
.banner-boxs {
   margin:0 auto;
   width:100%;
   max-width:1170px;
   text-align:left;
   padding:24px 0 24px 0;
}

/* Footer Background Link */
.footer-1 {
  width: 100%;
  background-image: url('/image/breast-1.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-2 {
  width: 100%;
  background-image: url('/image/breast-2.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-3 {
  width: 100%;
  background-image: url('/image/breast-3.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-4 {
  width: 100%;
  background-image: url('/image/disorder-1.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-5 {
  width: 100%;
  background-image: url('/image/disorder-2.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-6 {
  width: 100%;
  background-image: url('/image/disorder-3.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-7 {
  width: 100%;
  background-image: url('/image/diets-1.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-8 {
  width: 100%;
  background-image: url('/image/diets-2.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-9 {
  width: 100%;
  background-image: url('/image/diets-3.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-10 {
  width: 100%;
  background-image: url('/image/diets-4.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-11 {
  width: 100%;
  background-image: url('/image/diets-5.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}
.footer-12 {
  width: 100%;
  background-image: url('/image/diets-6.jpg'); 
  background-size: cover; 
  text-align: center;
  padding:25px 25px 25px 25px ;
}

/* Footer Images */
.Eimg-1 {
    width: 100%;
    position: relative;
    display: inline-block;
    background: url('/image/Footer-diet-rounding-image-1.jpg') center center no-repeat;
    border-radius: 180px;
    background-size: cover; 
    text-align: center;
    padding:25px 25px 25px 25px ;
}
.Eimg-2 {
    width: 100%;
    position: relative;
    display: inline-block;
    background: url('/image/Footer-diet-rounding-image-2.jpg') center center no-repeat;
    border-radius: 180px;
    background-size: cover; 
    text-align: center;
    padding:25px 25px 25px 25px ;
}
.Eimg-3 {
    width: 100%;
    position: relative;
    display: inline-block;
    background: url('/image/Footer-diet-rounding-image-3.jpg') center center no-repeat;
    border-radius: 180px;
    background-size: cover; 
    text-align: center;
    padding:25px 25px 25px 25px ;
}

.Eimg-fonts {
    color: #3b3b3b;
    font-size: 18px;
    font-family: 'Tangerine', serif;
    font-weight: 500;
    text-transform: none;
    line-height: 1em;
    padding: 0px 15px 0px 0px;
    margin: 0px 0px 0px 3px;
    text-align: center;
}
.Eimg-font {
    color: #fff;
    font-size: 20px;
    font-family: 'Montserrat', Sans-serif;
    font-weight: 800;
    line-height: 0.84em;
    padding: 0;
    margin: -3px 0px 15px 0px;
    text-align: center;
    text-transform: uppercase;
}











/* 아래서 부터 원본 */
.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;
}
}
@media(max-width:768px){
.navbar-inverse {
padding:0px;
}
.logo-text-title{
    padding: 0% 0px 0% 0%;
    margin: 0px 0px 1px 20px;
}}

/* ------------------------- */
/* 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: #22ADD5;
}

/* ------------------------- */
/* 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: 50px;
    border-bottom-right-radius: 50px;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    bottom: 58px;
    cursor: pointer;
    height: 40px;
    opacity: 0.8;
    position: fixed;
    right: 78px;
    text-align: center;
    transition: all 200ms ease-out;
    width: 40px;
    z-index: 100;
    border: 1px solid #FC84B4;
    background-color: #FC84B4;
}

#back_top i {
    -webkit-transition: all 200ms ease-out;
    padding-top:5px;
    color: #fff;
    font-size: 30px;
    line-height: 25px;
    transition: all 200ms ease-out;
}

#back_top:hover {
    opacity: 1;
    color: #2B3748;
}

/* ------------------------- */
/* 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: #22ADD5;
    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;
}