@charset "utf-8";
/* CSS Document */
@font-face{
  font-family:'NanumGothic';
  src:url("../font/NanumGothic.eot");
  src:local("※"),url("../font/NanumGothic.woff") format("woff");}
@font-face{
  font-family:'NanumGothicBold';
  src:url("../font/NanumGothicBold.eot");
  src:local("※"),url("../font/NanumGothicBold.woff") format("woff");}
@font-face{
  font-family:'NanumSquareR';
  src:url("../font/NanumSquareR.eot");
  src:local("※"),url("../font/NanumSquareR.woff") format("woff");}
@font-face{
  font-family:'NanumSquareB';
  src:url("../font/NanumSquareB.eot");
  src:local("※"),url("../font/NanumSquareB.woff") format("woff");}
@font-face{
  font-family:'NanumSquareEB';
  src:url("../font/NanumSquareEB.eot");
  src:local("※"),url("../font/NanumSquareEB.woff") format("woff");}
@font-face{
  font-family:'SCDream2';
  src:url("../font/SCDream2.eot");
  src:local("※"),url("../font/SCDream2.woff") format("woff");}
@font-face{
  font-family:'SCDream3';
  src:url("../font/SCDream3.eot");
  src:local("※"),url("../font/SCDream3.woff") format("woff");}
@font-face{
  font-family:'SCDream4';
  src:url("../font/SCDream4.eot");
  src:local("※"),url("../font/SCDream4.woff") format("woff");}
@font-face{
  font-family:'SCDream5';
  src:url("../font/SCDream5.eot");
  src:local("※"),url("../font/SCDream5.woff") format("woff");}
@font-face{
  font-family:'SCDream6';
  src:url("../font/SCDream6.eot");
  src:local("※"),url("../font/SCDream6.woff") format("woff");}
@font-face{
  font-family:'DINLig';
  src:url("../font/DINLig.eot");
  src:local("※"),url("../font/DINLig.woff") format("woff");}
@font-face{
  font-family:'DINMed';
  src:url("../font/DINMed.eot");
  src:local("※"),url("../font/DINMed.woff") format("woff");}
@font-face{
  font-family:'YG-JALNAN_0';
  src:url("../font/YG-JALNAN_0.eot");
  src:local("※"),url("../font/YG-JALNAN_0.woff") format("woff");}
* {margin:0; padding:0; font-family:'NanumGothic', dotum, arial;}
/* default *********************************************************/
ul {margin: 0;}
li {list-style: none;}
.container {width: 900px;margin: 0 auto;padding: 0;}
.m_r_0 {margin-right: 0px !important;}
.m_t_0 {margin-top: 0 !important;}
.m_t_10 {margin-top: 10px !important;}
.m_b_20 {margin-bottom: 20px !important;}
.p_t_20 {padding-top: 20px !important;}
.f_w_b {font-weight: bold !important;}
.f_w_n {font-weight: normal !important;}
.fr {float: right !important;}
.fl {float: left !important;}
.t_a_l {text-align: left !important;}
.t_a_c {text-align: center !important;}
.t_a_r {text-align: right !important;}
.v_outer {display: table !important;width: 100% !important;height: 100% !important;}
.v_inner {display: table-cell !important;vertical-align: middle !important;text-align: center !important;}
.underline {text-decoration: underline;font-family: 'NanumSquareB'}
.centerLine {display: block;border-bottom: 1px solid #ccc;}
.w100p {width: 100% !important;}
.icon_h {background: url(../images/common/icon_h.png)center no-repeat;cursor: pointer;width: 14px;height: 14px;}
.icon_f {background: url(../images/common/icon_f.png)center no-repeat;cursor: pointer;width: 8px;height: 15px;}
.icon_b {background: url(../images/common/icon_b.png)center no-repeat;cursor: pointer;width: 11px;height: 14px;}
.icon_y {background: url(../images/common/icon_y.png)center no-repeat;cursor: pointer;width: 18px;height: 14px;}
.icon_h_sub {background: url(../images/common/icon_h_sub.png)center no-repeat;cursor: pointer;width: 14px;height: 14px;}
.icon_f_sub {background: url(../images/common/icon_f_sub.png)center no-repeat;cursor: pointer;width: 8px;height: 15px;}
.icon_b_sub {background: url(../images/common/icon_b_sub.png)center no-repeat;cursor: pointer;width: 11px;height: 14px;}
.icon_y_sub {background: url(../images/common/icon_y_sub.png)center no-repeat;cursor: pointer;width: 18px;height: 14px;}
.icon_remember {background: url(../images/common/icon_remember.png) no-repeat;background-size: 100%;}
.family_bg {background: url(../images/common/family_bg.png)top center no-repeat;background-size: 100%;}
section ul li .icon_h {position: absolute;top: 10px;left: 10px;width: 14px;height: 14px;}
section ul li .icon_f {position: absolute;top: 10px;left: 10px;width: 8px;height: 15px;}
section ul li .icon_b {position: absolute;top: 10px;left: 10px;width: 11px;height: 14px;}
section ul li .icon_y {position: absolute;top: 10px;left: 10px;width: 18px;height: 14px;}
@media (max-width: 767px) {
	body {width: 100%;}
	.container {width: 100% !important;margin: 0 auto !important;padding: 0 15px !important;}
	.icon_h {background: url(../images/common/icon_h_m.png)center no-repeat;cursor: pointer;width: 14px;height: 14px;background-size: 100%;}
	.icon_f {background: url(../images/common/icon_f_m.png)center no-repeat;cursor: pointer;width: 8px;height: 15px;background-size: 100%;}
	.icon_b {background: url(../images/common/icon_b_m.png)center no-repeat;cursor: pointer;width: 11px;height: 14px;background-size: 100%;}
	.icon_y {background: url(../images/common/icon_y_m.png)center no-repeat;cursor: pointer;width: 18px;height: 14px;background-size: 100%;}
	.icon_h_sub {background: url(../images/common/icon_h_m_sub.png)center no-repeat;cursor: pointer;width: 14px;height: 14px;background-size: 100%;}
	.icon_f_sub {background: url(../images/common/icon_f_m_sub.png)center no-repeat;cursor: pointer;width: 8px;height: 15px;background-size: 100%;}
	.icon_b_sub {background: url(../images/common/icon_b_m_sub.png)center no-repeat;cursor: pointer;width: 11px;height: 14px;background-size: 100%;}
	.icon_y_sub {background: url(../images/common/icon_y_m_sub.png)center no-repeat;cursor: pointer;width: 18px;height: 14px;background-size: 100%;}}
/* nav ***********************************************************/
.navbar-header {float: right !important;}
.navbar-header .logo {float: right;display:inline-block;width: 115px;height:35px;background: url(../images/common/logo_top.png)center no-repeat;cursor: pointer;margin-top: 20px;}
.navbar-header span {float: left;display: inline-block;font-family: 'Century Gothic','NanumSquareR';letter-spacing: 3px;font-size: 15px;font-weight: bold;color: #fff;margin-top: 2px;}
.navbar-default {border: none;background: rgba(0,0,0,.45);top:0;right: 0;left: 0;height: 67px;z-index:99999;}
.navbar-default .mnbox {padding: 20px 0px 0 !important;}
.navbar-default .navbar-nav {margin-top: 4px;float: right;}
.navbar-default .navbar-nav li {display: inline-block;float: left;}
.navbar-default .navbar-nav li a {color: #666;padding: 0 18px;font-family: 'SCDream4';font-size: 16px;}
.navbar-default .navbar-nav li:last-child a {padding: 0 0 0 18px;}
.navbar-default .navbar-nav li a:hover, .navbar-default .navbar-nav li a.active {color: #f63244;text-decoration: underline;}
.navbar-default .navbar-nav li a:focus {color: #ccc;}
.navbar-collapse {padding: 0 !important;border: none;box-shadow: none;}

.nav_sns {display: inline-block;float: right;margin-top: 18px;}
.nav_sns ul {margin: 0;text-align: center;}
.nav_sns ul li {display: inline-block;margin:0 5px;opacity: .85;transition: all 0.2s ease-in-out;}
.nav_sns ul li:hover {opacity: 1;transform: translate(0px, -2px);}
/* footer ***********************************************************/
footer {padding: 3px 0px 5px;background:#151515; color:#dbdbdb; overflow:hidden;text-align: left;}
footer span {display: block;color: #fff;}
footer .btn_s {margin-bottom: 20px;padding: 5px 15px;font-size: 14px;}
footer .copyright {margin: 10px 0 0;font-size: 12px;color: #ccc;display: inline-block;}
footer .copyright strong {color: #fff;}
/* btn ***********************************************************/	
.bottom_btn {width: 100%;text-align: center;margin: 50px 0 20px;}
.btn {border-radius: 5px; font-size: 18px;font-family: 'NanumSquareR';vertical-align:middle;  padding:10px 30px; transition: all 0.2s ease-in-out; color:#fff; background: #f63244; border: 1px solid #f63244; text-align: center; cursor: pointer;line-height: 1.5em;}
.btn:hover, .btn.active, btn:visited, btn:focus {color:#fff !important;background: #cb1f2f;transform: translate(0px, -3px);border: 1px solid #cb1f2f;}
.btn_s {margin-top: -1px;font-size: 12px;font-family: 'NanumSquareR';padding:2px 10px 3px; transition: all 0.2s ease-in-out; color:#fff; background:transparent; border: 1px solid #fff; text-align: center; cursor: pointer;line-height: 1.5em;}
.btn_s:hover, .btn.active, btn:visited, btn:focus {color:#16063e !important;background: rgba(255,255,255,1);border: 1px solid #fff;transform: translate(0px, 0px);box-shadow: none;}
.btn_b {color:#fff; background: #f63244; border: 1px solid #f63244;font-weight: normal;}
.btn_b:hover, .btn_b.active, btn_b:visited, btn_b:focus {color:#fff !important;background: #c51d2c;font-weight: normal;border: 1px solid #c51d2c;transform: translate(0px, 0px);box-shadow: none;}

@media (max-width: 767px) {
	body {width: 100%;margin: 0 auto;}
	.btn {font-size: 14px; padding:8px 20px; line-height: 1.5em;}
	.btn:hover, .btn.active, btn:visited, btn:focus {transform: translate(0px, -2px);}
	.btn_s {display: none;}
	footer {padding: 3px 0px 10px !important;}
	footer .copyright {font-size: 11px;}}
@media (min-width: 768px) and (max-width: 769px) {
	body {width: 768px;margin: 0 auto;}
	.container {width: 100% !important;padding: 0 20px;}
	section .con ul li .conimg {height: 130px !important;}}
@media (min-width: 769px) and (max-width: 1024px) {
	body {width: 1024px;margin: 0 auto;}}