@import url("normalize.css");
/*@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,500italic);*/
.content-area:after, .group:after { content: ""; display: table; clear: both; }

@font-face { font-family: NanumGothic; src: url("../fonts/NanumGothic.eot"); src: url("../fonts/NanumGothic.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumGothic.woff") format("woff"), url("../fonts/NanumGothic.ttf") format("truetype") url("../fonts/NanumGothic.svg#NanumGothic") format("svg"); src: local("※"), url("../fonts/NanumGothic.woff") format("woff"); }

@font-face { font-family: NanumGothicBold; src: url("../fonts/NanumGothicBold.eot"); src: url("../fonts/NanumGothicBold.eot?#iefix") format("embedded-opentype"), url("../fonts/NanumGothicBold.woff") format("woff"), url("../fonts/NanumGothicBold.ttf") format("truetype") url("../fonts/NanumGothicBold.svg#NanumGothicBold") format("svg"); src: local("※"), url("../fonts/NanumGothicBold.woff") format("woff"); }

body { font-family: "Ubuntu", NanumGothic, "나눔고딕", ng, sans-serif; font-size: 100%; }


a { text-decoration: none; }

div, ul, li { padding: 0; margin: 0; }

nav.GNB li.hide { display: none; }

li { list-style: none; }

b { font-family: "Ubuntu", NanumGothicBold, sans-serif, 나눔고딕; font-weight: 700; }

input[type=text], input[type=email], input[type=tel], input[type=password], textarea { -webkit-appearance: none; -webkit-border-radius: 0; font-size: 12px; font-family: NanumGothic, "나눔고딕", sans-serif; line-height: 1.5; }

br.rwd-br { display: none; }
@media only screen and (max-width: 767px) { br.rwd-br { display: block; } }

br.only-notmobile { display: block; }
@media only screen and (max-width: 767px) { br.only-notmobile { display: none; } }

.table { display: table; margin: 0 auto; }

.btn { background-color: black; width: 100px; height: 24px; color: white; text-transform: uppercase; font-size: 0.75em; text-align: center; }

footer { position: relative; margin: 0 auto; max-width: 1280px; width: 100%; min-height: 230px; background-color: black; color: #727272; font-size: 0.7em; text-align: center;  padding-bottom:25px;}
@media only screen and (max-width: 767px) { footer .footer-wrapper { padding: 0 50px 40px 50px; } }
footer p, footer ul { margin: 0; padding: 0; }
footer p { padding-bottom: 1em; line-height: 2; }
@media only screen and (min-width: 768px) { footer p .rwd-br { display: none; } }
footer li { display: inline; }
footer .familysite { padding-top: 40px; padding-bottom: 20px; }
footer .familysite div { height: 36px; background: url("../img/common/footer_logo.png"); display: inline-block; }
footer .familysite .ceci { width: 49px; }
footer .familysite .cecidigital { width: 111px; background-position: -49px 0; }
footer .familysite .instyle { width: 87px; background-position: -160px 0; }
footer .familysite .sure { width: 88px; background-position: -247px 0; }
footer .familysite .womanjoongang { width: 67px; background-position: -335px 0; }
footer .familysite .lemontree { width: 95px; background-position: -402px 0; }
footer .familysite .heren { width: 91px; background-position: -497px 0; }
footer .familysite .gentleman { width: 85px; background-position: -588px 0; }
footer .familysite .beautytalk { width: 89px; background-position: -675px 0; }
/** 풋터 수정 20151029
footer .footerlink { padding-bottom: 1em; line-height: 2; }
footer .footerlink li:after { content: "|"; padding-left: 1em; padding-right: 1em; }
footer .footerlink li:last-child:after { content: ""; }
footer .footerlink li a { color: #727272; }
footer .footerlink li a:hover { color: #cccccc; }
**/

footer .footerlink { padding-bottom: 1em; line-height: 2; padding-top:50px; padding-bottom:20px;}
footer .footerlink li:after { content: "|"; padding-left: 1em; padding-right: 1em; color:#ddd; }
footer .footerlink li:last-child:after { content: ""; }
footer .footerlink li a { color: #ddd; font-size:1.25em;  }
footer .footerlink li a:hover { color: #cccccc; }


footer .company-info a { border:1px solid #444;   color:#666; text-align: center; margin:3px; padding:3px; vertical-align:middle; font-size:0.9em; }
footer .company-info a span {font-size:7px; vertical-align:middle;}
@media only screen and (max-width: 767px) { footer .company-info a {display:none;} }