@charset "utf-8";
/* CSS Document */


@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:'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:'NanumGothicExtraBold';
  src:url("../font/NanumGothicExtraBold.eot");
  src:local("※"),url("../font/NanumGothicExtraBold.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");}


/* Noto Sans KR (korean) */
/* font-family: 'Noto Sans KR', sans-serif; */
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 100; 
	src:url(../font/NotoSansKR-Thin.woff2) format('woff2'), 
		url(../font/NotoSansKR-Thin.woff) format('woff'), 
		url(../font/NotoSansKR-Thin.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 200; 
	src:url(../font/NotoSansKR-Light.woff2) format('woff2'), 
		url(../font/NotoSansKR-Light.woff) format('woff'), 
		url(../font/NotoSansKR-Light.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal;
	font-weight: 300;
	src:url(../font/NotoSansKR-DemiLight.woff2) format('woff2'), 
		url(../font/NotoSansKR-DemiLight.woff) format('woff'), 
		url(../font/NotoSansKR-DemiLight.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 400; 
	src:url(../font/NotoSansKR-Regular.woff2) format('woff2'), 
		url(../font/NotoSansKR-Regular.woff) format('woff'),
		url(../font/NotoSansKR-Regular.otf) format('opentype'); 
} 
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 500; 
	src:url(../font/NotoSansKR-Medium.woff2) format('woff2'), 
		url(../font/NotoSansKR-Medium.woff) format('woff'), 
		url(../font/NotoSansKR-Medium.otf) format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 600; 
	src:url(../font/NotoSansKR-Bold.woff2) format('woff2'), 
		url(../font/NotoSansKR-Bold.woff) format('woff'), 
		url(../font/NotoSansKR-Bold.otf) format('opentype'); 
}
@font-face { 
	font-family: 'Noto Sans KR'; 
	font-style: normal; 
	font-weight: 700; 
	src:url(../font/NotoSansKR-Black.woff2) format('woff2'), 
		url(../font/NotoSansKR-Black.woff) format('woff'), 
		url(../font/NotoSansKR-Black.otf) format('opentype'); 
}


* {margin:0; padding:0; font-family: 'Noto Sans KR', 'NanumGothic', 'NanumSquareR', dotum, arial;}


/* default *********************************************************/
.layout_33 {width: calc(100% / 2 - 10px)}


ul {margin: 0;}
li {list-style: none;}
.m_t_0 {margin-top: 0 !important;}
.m_t_10 {margin-top: 10px !important;}
.p_t_0 {padding-top: 0 !important;}
.p_t_20 {padding-top: 20px !important;}
.fr {float: right;}
.fl {float: left;}
.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;}
.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_b02 {background: url(../images/common/icon_b02.png)center no-repeat;cursor: pointer;width: 45px;height: 45px;}
.icon_y {background: url(../images/common/icon_y.png)center no-repeat;cursor: pointer;width: 18px;height: 14px;}
.icon_pdf {background: url(../images/common/icon_pdf.png)center no-repeat;cursor: pointer;width: 40px;height: 44px;background-size: 100%;}
.icon_pdf_w {background: url(../images/common/icon_pdf_w.png)center no-repeat;cursor: pointer;width: 40px;height: 44px;background-size: 100%;}
.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_b02 {position: absolute;top: 62px;left: 0px;right: 0;margin: 0 auto;width: 45px;height: 45px;}
section ul li .icon_y {position: absolute;top: 10px;left: 10px;width: 18px;height: 14px;}
section ul li .icon_pdf {position: absolute;top: 45px;left: 0px;right: 0;margin: 0 auto;width: 40px;height: 44px;}
section ul li .icon_pdf_w {position: absolute;top: 45px;left: 0;right: 0;margin: 0 auto;width: 40px;height: 44px;}
section ul li .downTxt {display: block;color: #fff;font-size: 12px !important;padding: 48px 0 0;letter-spacing: 1px !important;position: absolute;top: 45px;left: 0;right: 0;margin: 0 auto;width: 100%;font-family: NanumGothic !important;font-weight: bold;}

@media (max-width: 767px) {
	.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%;}
	section ul li .icon_b02 {top: 32px !important;}
	section ul li .icon_pdf_w {top: 25px !important;}
	section ul li .downTxt {top: 25px !important;}}
@media (max-width: 1024px) {
	section ul li .icon_b02 {top: 62px;}
	section ul li .icon_pdf_w {top: 54px;}
	section ul li .downTxt {top: 54px;}}

@media (min-width: 320px) {
	.web {display: none !important;}
	.mobile {display: block !important;}}
@media (max-width: 767px) {
	.m_none {display: none !important;}}
@media (min-width: 1200px) {
	.web {display: block !important;}
	.mobile {display: none !important;}}

/* container ***********************************************************/
@media (min-width: 320px) {
	.container {width: 100%;padding: 0 20px;}}
@media (min-width: 1200px) {
	.container {width: 900px !important;padding: 0;}}
/* nav ***********************************************************/
.navbar-default {background: transparent;top: 10px;right: 0;left: 0;height: 67px;z-index: 99999;position: absolute;}
.navbar-default .mnbox {padding: 13px 0 0 !important;}
.navbar-default .nav_sns {margin-top: 4px;}
.navbar-header a.logo {float: left;top: 0 !important;}
.navbar-header span.title {color: #fff;float: left;top: 2px;letter-spacing: 1px;position: relative;}
.navbar-header .vol {margin: 0 10px;float: left;position: relative;top: 2px;}
.navbar-header .vol span {font-size: 14px;color: #fff;display: inline-block;letter-spacing: 1px;left: 0px;}
.navbar-header .vol p {opacity: 0.9;font-size: 16px;letter-spacing: 1px;line-height: 9px;color: #fff;display: inline-block;margin: 0;}
.navbar-header .logo {display:inline-block;width: 115px;height:35px; margin-right: 10px;background: url(../images/common/logo_top.png)center no-repeat;cursor: pointer;position: relative;top: 5px;}
.homeFixed {position: fixed;bottom: 127px;right: -1044px;width: 100%;}
.homeFixed .icon_home {display:block;background: url(../images/common/icon_home.png)right no-repeat;width: 36px;height: 50px;}
.homeFixed .icon_top {display:block;background: url(../images/common/icon_top.png)right no-repeat;width: 36px;height: 45px;}
.homeFixed .icon_home:hover {background: url(../images/common/icon_home_ov.png)right no-repeat;}
.homeFixed .icon_top:hover {background: url(../images/common/icon_top_ov.png)right no-repeat;}
@media (min-width: 320px) {
	.navbar-header span {display: inline-block;font-family: 'Century Gothic','NanumSquareR';letter-spacing: 13.5px;font-size: 15px;font-weight: bold;}
	.navbar-default .nav_sns {float: right;display: inline-block;margin-top: 5px;}
	.navbar-default .nav_sns ul {margin: 0;}
	.navbar-default .nav_sns ul li {display: inline-block;margin-left: 8px;opacity: .75;transition: all 0.2s ease-in-out;}
	.navbar-default .nav_sns ul li:hover {opacity: 1;transform: translate(0px, -2px);}}
@media (max-width: 767px) {
	.navbar {min-height:50px;}
	.navbar-header span {position: relative;top: -6px;}
	.navbar-default .mnbox {padding-top: 0 !important;margin: 15px 20px;}}
@media (max-width: 768px) {
	.navbar-default {top: 0;}
	.navbar-default .mnbox {width: 100%;}
	.navbar-default .mnbox {margin: 12px 15px 0;padding: 0 !important;height: 38px;}
	.navbar-header .logo {width: 80px !important;background-size: 100% !important;margin: 5px 0 0 15px;}
	.navbar-header span {letter-spacing: 1px;}
	.navbar-header .vol {margin-right: 10px;}
	.navbar-header .vol span {top: 0;}
	.homeFixed {display: none;}}
@media (min-width: 768px) {
	.navbar {min-height: 50px;}}
@media (max-width: 1024px) {
	.navbar-default .nav_sns {display: none;}}
/* about ***********************************************************/
@media (min-width: 320px) {
	section.about {padding: 60px 0 0px;float: left;background:#fff;color: #fff;background-size: cover;text-align: center;z-index: 99999;}
	section.about .topTxt {overflow: hidden;text-align: center;color: #333;margin-bottom: 0;}
	section.about .topTxt h5 {font-size: 28px; margin: 0 0 7px 0; font-weight: 400;letter-spacing: -1px;}
	section.about .topTxt div {font-size: 67px;margin: 0 0 10px 0;display: block;line-height: 60px;letter-spacing: 0px; font-weight: 600; color: #000;}
	/*section.about .topTxt span {font-size: 20px;display: block;padding: 1px 20px;width: 450px;text-align: center;background: #555;font-family: 'DINLig';margin: 0 auto;letter-spacing: 10px; color: #fff;}*/
	section.about .topTxt span {font-size: 18px; display: block; padding: 5px 0px 0 0px; width: 450px; text-align: center;margin: 0 auto; letter-spacing: 13px; color: #8f8f8f; font-weight: 500;}
	section.about a:hover {text-decoration: none;}
	section.about .vol {float: right;text-align: center;}
	section.about .vol span {font-size: 30px;margin-top: 20px;color: #fff;}
	section.about .vol p {opacity: 0.8;font-size: 17px;letter-spacing: 2.7px;line-height: 9px;}}
@media (max-width: 768px) {
	section.about {padding: 40px 0 0px;text-align: left;}
	section.about .topTxt {margin-bottom: 20px;}
	section.about .topTxt h5 {font-size: 14px;margin: 0 0 5px;}
	section.about .topTxt div {font-size: 28px;line-height: 30px;}
	section.about .topTxt span {width: 220px;letter-spacing: 4px;font-size: 15px;}
	section.about .titTxt span {font-size: 17px;line-height: 22px;}
	section.about .titTxt span.mainTit_01 {letter-spacing: 0px;}
	section.about .titTxt p.subTit_01 {font-size: 12px;margin: 10px 0 15px;line-height: 15px;}
	section.about .titTxt p.subTit_01 br {display: block;}}
/* footer ***********************************************************/
.bottomTxt {display: block;font-size: 1em; line-height:20px; margin: 20px 0;text-align: center; letter-spacing:-0.5px;}
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: 11px;color: #ccc;display: inline-block;}
footer .copyright strong {color: #fff;}
.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);}
@media (max-width: 767px) {
	.bottomTxt {font-size: 0.8em;}
	footer .mobile .copyright {line-height: 1.3em;}
	.nav_sns {margin: 10px 0;}}
/* btn ***********************************************************/	
.btn {border-radius: 5px; font-size: 18px; vertical-align:middle;  padding:10px 30px; 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:hover, .btn.active, .btn:visited, .btn:focus {color:#16063e !important;background: rgba(255,255,255,.7);transform: translate(0px, -4px);box-shadow: 0px 10px 20px #16063e;font-weight: bold;border: 1px solid #fff;}
.btn_s {margin-top: -1px;font-size: 12px;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_s.active, .btn_s:visited, .btn_s: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;}
.btn_top {margin-top: 2px;font-size: 12px;padding:2px 10px 3px; transition: all 0.2s ease-in-out; color:#333; background:transparent; border: 1px solid #333; text-align: center; cursor: pointer;line-height: 1.5em;border-radius: 3px;}
.btn_top:hover, .btn_top.active, .btn_top:visited, .btn_top:focus {color:#fff !important;background: #ff0e3b;border: 1px solid #ff0e3b;transform: translate(0px, 0px);box-shadow: none;}
@media (max-width: 767px) {
	.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;}}