@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{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_about:before,div.page_title_cop:before,div.page_title_card: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 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_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_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#go_qna{max-width:570px;height:60px;margin:0 auto;padding:40px 0 60px 0}
section#about_link{clear:both;max-width:960px;margin:0 auto 60px auto}
#about_link a{width:450px;height:130px;margin:0 10px;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 a{display:block;float:left;text-align:center;margin:0 5px;height:60px;
font-size:0.8em;font-weight:bold;line-height:60px;box-sizing:border-box;border-radius:5px}
a.link_qna{width:220px;background:#fff;color:#333;border:1px solid #147da8;transition:.2s}
a.link_qna:hover{transition:.3s;color:#fff;background:#147da8}
a.link_tel{width:330px;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:386px;margin-left:1000px;}
.banner>div.downpdf>img{width:100%;position:static;top:0;}
.banner>div.downapp{width:88px;height:135px;position:fixed;top:441px;margin-left:1000px;}
.banner>div.downapp>img{width:100%;position:static;top:0;}