@import url(https://fonts.googleapis.com/earlyaccess/notosanskr.css);

* {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	text-decoration: none
}

html {
	font-family: 'Noto Sans KR', 'Nanum Gothic', '鸚룸씮李덂뜝�뚯� 筌욌챷肄уㅇ�깃탢', '筌욌�李덂ㅇ�욍룉', Arial,
		sans-serif
}

body {
	font-size: 100%
}

#wrap {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	position: relative
}

header,section,footer {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both
}

header nav ul.gnb>li:nth-child(1) {
	background: #0080b6
}

header nav ul.gnb>li:nth-child(1)>a {
	color: #fff
}

header {
	border-bottom: 1px solid #005d84 !important
}

div#about_cop,div#card_wrap {
	margin-top: 70px;
	width: 100%
}

div#about_nav {
	clear: both;
	position: fixed;
	width: 100%;
	height: 40px;
	margin: 0 auto;
	margin-top: -39px;
	text-align: center;
	box-sizing: border-box;
	z-index: 3;
	background: #005382
}

div#about_nav ul {
	width: 960px;
	height: 40px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 0 0 137px
}

div#about_nav ul li {
	display: block;
	float: left;
	margin: 0 20px 0 0
}

div#about_nav ul li a {
	display: block;
	padding: 8px 10px 12px 10px;
	color: #fff;
	font-weight: 500;
	font-size: .825em
}

div.page_title_about,div.page_title_cop,div.page_title_card,div.page_title_biz
	{
	position: relative;
	height: 170px;
	padding: 45px 0;
	margin-top: 110px;
	box-sizing: border-box;
	overflow: hidden
}

div.page_title_about {
	background: #003959
}

div.page_title_cop {
	background: #003959
}

div.page_title_card {
	background: #3c90e8
}

div.page_title_biz {
	background: #003959;
}

div.page_title_about:before,div.page_title_cop:before,div.page_title_card:before,div.page_title_biz:before
	{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1
}

div.page_title_about:before {
	background: url(../images/pagetitle/about.png) no-repeat 50% 42.5%;
	background-size: cover;
	opacity: .6
}

div.page_title_cop:before {
	background: url(../images/pagetitle/cop.png) no-repeat 50% 42.5%;
	background-size: cover;
	opacity: .6
}

div.page_title_card:before {
	background: url(../images/pagetitle/namecard.png) no-repeat 50% 73.5%;
	background-size: cover;
	opacity: .5
}

div.page_title_biz:before {
	background: url(../images/pagetitle/biz.png) no-repeat 50% 73.5%;
	background-size: cover;
	opacity: .5;
}

div#page_title p,div#page_title span {
	display: block;
	z-index: 2;
	position: relative;
	text-align: center;
	color: #fff;
	text-shadow: 0 1px 3px rgba(0, 0, 0, 0.2)
}

div#page_title p {
	font-size: 1.4em;
	font-weight: bold;
	margin-bottom: 3px
}

div#page_title span {
	font-size: 1.2em
}

section#about_product {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 0
}

article.product_main {
	margin: 0 0 60px 0
}

article.product_main p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8
}

article.product_main span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.product_main1 {
	margin: 0;
}

article.product_main1 p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8
}

article.product_main1 span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}
article.product_main ul {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.product_main ul li:before {
	content: '- '
}

div.product_sub {
	margin: 0 0 0 10px;
	box-sizing: border-box;
	width: 960px
}

div.product_sub p {
	display: block;
	font-weight: bold;
	font-size: 1.0em;
	margin: 20px 0 5px 0;
	color: #333
}

div.product_sub span {
	display: block;
	font-size: .9em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all
}

div.product_sub ul {
	display: block;
	font-size: .825em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all
}

div.product_sub ul li:before {
	content: '- '
}

div.product_sub iframe {
	border: 3px solid #0080b6;
	box-sizing: border-box;
	border-radius: 3px
}

section#about_table {
	width: 100%;
	padding: 20px 0;
	box-sizing: border-box
}

article.table_main {
	margin: 0 0 60px 0
}

article.table_main p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8
}

article.table_main span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.table_main ul {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.table_main ul li:before {
	content: '- '
}

div.table_sub {
	margin: 0 0 0 10px;
	box-sizing: border-box;
	width: 960px
}

div.table_sub p {
	display: block;
	font-weight: bold;
	font-size: 1.0em;
	margin: 20px 0 5px 0;
	color: #333
}

div.table_sub span {
	display: block;
	font-size: .9em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all
}

div.table_sub ul {
	display: block;
	font-size: .825em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all
}

div.table_sub ul li:before {
	content: '- '
}

section#about_table table {
	width: 960px;
	box-sizing: border-box;
	margin: 0 auto;
	background: #fff;
	border-collapse: collapse;
	border-spacing: 0;
	border-radius: 5px;
	overflow: hidden
}

section#about_table table tbody {
	box-sizing: inherit
}

section#about_table table td {
	padding: 10px 5px;
	font-size: .825em;
	vertical-align: middle;
	text-align: center;
	letter-spacing: -1px
}

section#about_table table tr.table_title {
	font-size: 1.14em;
	font-weight: 500;
	background: #005d84;
	color: #fff
}

section#about_table table tr.table_title td {
	letter-spacing: 0
}

td.table_category {
	width: 70px;
	background: #0080b6;
	color: #fff
}

td.table_title_hiddentag {
	background: rgba(0, 181, 255, 0.16)
}

td.table_hiddentag {
	background: rgba(221, 235, 241, 0.65);
	font-size: 1.2em !important;
	font-weight: bold;
	color: #3ca7d2;
	text-shadow: 0 1px 5px rgba(255, 255, 255, 0.9)
}

td.table_title_bg {
	background: #ececec
}

td.table_bg {
	background: #f3f3f3
}

td.table_bg.table_hiddentag {
	background: rgba(221, 235, 241, 1)
}

section#about_table article {
	max-width: 960px;
	margin: 20px auto
}

section#about_table .con_txthiddentag {
	clear: both;
	text-align: center;
	line-height: 140%;
	letter-spacing: -0.5px;
	font-size: 1.4em;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 5px rgba(20, 125, 168, 0.5)
}

section#about_effect {
	max-width: 960px;
	margin: 40px auto;
	padding: 20px 0;
	box-sizing: border-box
}

article.effect_main {
	margin: 0 0 60px 0
}

article.effect_main p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8
}

article.effect_main span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.effect_main ul {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.effect_main ul li:before {
	content: '- '
}

div.effect_sub {
	margin: 0 0 0 10px;
	box-sizing: border-box;
	width: 960px
}

div.effect_sub p {
	display: block;
	font-weight: bold;
	font-size: 1.0em;
	margin: 20px 0 5px 0;
	color: #333
}

div.effect_sub span {
	display: block;
	font-size: .9em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all
}

div.effect_sub ul {
	display: block;
	font-size: .825em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all
}

div.effect_sub ul li:before {
	content: '- '
}

section#about_card {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 0
}

article.card_main {
	margin: 0 0 60px 0
}

article.card_main p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8
}

article.card_main span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

div.card_sub {
	margin: 0 0 0 10px;
	box-sizing: border-box;
	width: 960px
}

div.card_sub p {
	display: block;
	font-weight: bold;
	font-size: 1.0em;
	margin: 20px 0 5px 0;
	color: #333
}

div.card_sub span {
	display: block;
	font-size: .9em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all;
}


section#about_partners {
	max-width: 960px;
	margin: 0 auto;
	box-sizing: border-box
}
article.effect_main {
    margin: 0;
}


article.effect_main p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8
}

article.effect_main span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.effect_main ul {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all
}

article.effect_main ul li:before {
	content: '- '
}

section#about_voucher {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 0
}

article.voucher_main {
	margin: 0 0 60px 0;
}

article.voucher_main p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8;
}

article.voucher_main span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all;
}

div.voucher_sub {
	margin: 0 0 0 10px;
	box-sizing: border-box;
	width: 960px;
	margin-bottom: 60px;
}

div.voucher_sub p {
	display: block;
	font-weight: bold;
	font-size: 1.0em;
	margin: 20px 0 5px 0;
	color: #333
}

div.voucher_sub span {
	display: block;
	font-size: .9em;
	line-height: 150%;
	letter-spacing: -0.5px;
	margin: 0 0 15px 0;
	word-break: keep-all;
}

div.voucher_logo {
	width: 960px;
	position: relative;
	height: 530px;
}

div.voucher_inner {
	width: 960px;
	height: 100px;
	margin-top: 40px;
	display: block;
}

div.voucher_left {
	display: block;
	position: relative;
	float: left;
	width: 250px;
}

div.voucher_right {
	display: block;
	position: relative;
	float: left;
	width: 710px;
}

div.voucher_right span {
	width: 90%;
	padding: 2%;
	margin-left: 5%;
}


section#about_biz {
	max-width: 960px;
	margin: 0 auto;
	padding: 10px 0
}

article.biz_main {
	margin: 0 0 0 0;
}

article.biz_main p {
	display: block;
	font-weight: bold;
	font-size: 1.1em;
	margin: 20px 0 10px 0;
	color: #147da8;
}

article.voucher_main span {
	display: block;
	font-size: .9em;
	line-height: 160%;
	letter-spacing: -0.5px;
	margin: 0 0 20px 0;
	word-break: keep-all;
}


section#about_link {
	clear: both;
	max-width: 960px;
	margin: 0 auto 75px auto
}

#about_link a {
	width: 295px;
    height: 115px;
    margin: 0 8px;
    display: inline-block;
    box-sizing: border-box;
    border: 1px solid #e7e7e7;
    background: #fff;
    transition: .2s;
}

#about_link a:hover {
	background: #f7f7f7;
	transition: .4s
}

section#go_qna {
	max-width: 600px;
	height: 90px;
	margin: 0 auto;
	padding: 40px 0 60px 0
}

section#go_qna a {
	display: block;
	float: left;
	text-align: center;
	margin: 0 5px;
	height: 60px;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 60px;
	box-sizing: border-box;
	border-radius: 5px
}

a.link_qna {
	width: 290px;
	background: #fff;
	color: #333;
	border: 1px solid #147da8;
	transition: .2s
}

a.link_qna:hover {
	transition: .3s;
	color: #fff;
	background: #147da8
}

a.link_tel {
	width: 290px;
	background: #fff;
	color: #333;
	border: 1px solid #666;
	transition: .2s
}

a.link_tel:hover {
	transition: .3s;
	color: #fff;
	background: #333
}

.banner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
	z-index: 10;
}

.banner>div.snsid {
	width: 88px;
	height: 292px;
	position: fixed;
	top: 85px;
	margin-left: 1000px
}

.banner>div.snsid>img {
	width: 100%;
	position: static;
	top: 0
}

.banner>div.downpdf {
	width: 88px;
	height: 46px;
	position: fixed;
	top: 456px;
	margin-left: 1000px
}

.banner>div.downpdf>img {
	width: 100%;
	position: static;
	top: 0
}
.banner>div.fashionpdf {
    width: 88px;
    height: 46px;
    position: fixed;
    top: 337px;
    margin-left: 1000px
}
.banner>div.fashionpdf>img {
    width: 100%;
    position: static;
    top: 0
}


.banner>div.downapp {
	width: 88px;
	height: 135px;
	position: fixed;
	top: 559px;
	margin-left: 1000px
}

.banner>div.downapp>img {
	width: 100%;
	position: static;
	top: 0
}

.downbiz {
	width: 88px;
	height: 46px;
	position: fixed;
	top: 507px;
	margin-left: 1000px;
}