@import url(http://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(3){background:#0080b6}
header nav ul.gnb>li:nth-child(3)>a{color:#fff}
header{border-bottom:1px solid #005d84 !important}
header{background:#fff;height:70px;top:0;border-bottom:1px solid #ccc;position:fixed;z-index:5000}
header h1{float:left;margin:15px 0 0 0; margin-left:20px;}
header h1 img {width:290px; height:auto;}
header nav{max-width:960px;margin:0 auto;position:relative;font-size:.9375em}
header nav ul.gnb{position:relative;float:left;padding:0 13px; width:620px; height:auto;}
header nav ul.gnb a{display:block;color:#333;height:40px;line-height:250%;padding:15px 10px; text-align:center;}
header nav ul.gnb>li{position:relative;display:block;float:left;padding:0}
header nav ul.gnb li a:hover{background:#0080b6;color:#fff}
header nav ul.gnb li {width:150px;}
header nav ul.gnb li:hover>ul{display:block;}
header nav ul.gnb>li:hover a.btn_dropdown{background:#0080b6;color:#fff}
header nav ul.gnb ul.gnb_dropdown_con li.gnb_dropdown_list_1:hover a.btn_dropdown_1{background:#005d84;color:#fff}
header nav ul.gnb ul.gnb_dropdown_con li.gnb_dropdown_list_2:hover a.btn_dropdown_2{background:#005d84;color:#fff}
header nav ul.gnb li ul{display:none;position:absolute;width:150px;top:100%;left:0;box-sizing:border-box;box-shadow:0 4px 6px rgba(0,0,0,0.5);border-radius:0 0 5px 5px;overflow:hidden}
header nav ul.gnb li ul.gnb_dropdown_con li{position:relative;width:150px;height:40px;background:#fff;box-sizing:border-box;padding:0 10px}
header nav ul.gnb li ul.gnb_dropdown_con li:hover{color:#fff;background:#005d84;box-shadow:0 1px 7px rgba(53,53,53,0.75)}
header nav ul.gnb li ul.gnb_dropdown_con li:hover a:hover{color:#fff}
header nav ul.gnb li ul.gnb_dropdown_con a{display:block;background:transparent;width:100%;padding:0 10px;margin:0 0 0 -10px}
header nav ul.gnb li ul ul{top:0;left:150px;}
header nav ul.gnb li ul.gnb_dropdown_con li:last-child{border-radius:0 0 5px 5px}
header nav ul.gnb li:nth-child(5){background:url(../images/gnb_bg.png) no-repeat;background-position:center top;background-size:100%}
header nav ul.gnb a{transition:.15s}header nav ul.gnb li a:hover,header nav ul.gnb>li:hover a.btn_dropdown{transition:.3s}
header nav ul.gnb li ul.gnb_dropdown_con li,header nav ul.gnb li ul.gnb_dropdown_con li a{transition:.2s}
header nav ul.gnb li.btn_admin{transition:none}header nav ul.gnb li.btn_admin a{transition:.2s}
header nav ul.lnb{position:absolute;height:70px;top:0;right:0;box-sizing:border-box;padding:23px 15px 27px 15px}
header nav ul.lnb li{display:inline-block;margin:0 0 0 3px}
header nav ul.lnb li a{display:block}
div.banner {position:relative; widtH:1000px; margin:0 auto; padding:0; z-index:10;}
.banner>div.snsid{width:88px;height:292px;position:fixed;top:70px;margin-left:1000px;}/*수정*/
.banner>div.snsid>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.downpdf{width:88px;height:46px;position:fixed;top:370px;margin-left:1000px;}/*수정*/
.banner>div.downpdf>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.downapp{width:88px;height:135px;position:fixed;top:425px;margin-left:1000px;}/*수정*/
.banner>div.downapp>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.ordercard{width:88px;height:39px;position:fixed;top:570px;margin-left:1000px;}/*수정*/
.banner>div.ordercard>img {width:100%;position:static;top:0;}/*수정*/
.banner>div.ordercard2{width:88px;height:39px;position:fixed;top:608px;margin-left:1000px;}/*수정*/
.banner>div.ordercard2>img {width:100%;position:static;top:0;}/*수정*/
.banner div.ordercard2 img:hover {opacity:0.6;}/*수정*/

.banner>div.snsid2{width:88px;height:66px;position:fixed;top:177px;margin-left:1000px;}/*수정*/
.banner>div.snsid2>a>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.snsid3{width:88px;height:61px;position:fixed;top:240px;margin-left:1000px;}/*수정*/
.banner>div.snsid3>a>img{width:100%;position:static;top:0;}/*수정*/
.banner>div.snsid4{width:88px;height:64px;position:fixed;top:298px;margin-left:1000px;}/*수정*/
.banner>div.snsid4>a>img{width:100%;position:static;top:0;}/*수정*/

div#about_cop,div#card_wrap{margin-top:70px;width:100%}
div.page_title_about{position:relative;height:170px;padding:45px 0;margin-top:70px;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 p{display:block;font-weight:bold;font-size:1.2em;margin:20px 0 10px 0;color:#147da8;}

div.sub_content{margin-top:30px;}
div.content {margin-top:50px;}
div.content p {line-height:2.0;}
article.about_normal {margin:0 0 60px 0;}
article.about_normal p {display:block;font-weight:bold;font-size:1.2em;margin:20px 0 10px 0;color:#147da8;}

table{border-collapse:collapse; border-spacing:0;}
colgroup {display:table-column-group;}
col {display:table-column;}
div.board {width:960px;float:left; margin-top:60px;}
table .css_board {max-width:960px; margin:15px 0;}
div.board .css_board th{background:transparent; font-weight:normal; border-bottom:1px solid #000; border-top:2px solid #000; height:50px;}
div.board .css_board td{text-align:center; padding:6px 0; border-bottom:1px solid #ededed;}
div.board .css_board tbody tr{display:table-row; vertical-align:inherit;}
div.board .css_board tbody td {font-size:0.9em;padding:10px;}
div.board .css_board tbody td a {font-weight:normal; color:#000;}
div.board .css_board tfoot tr {border-bottom:none;}

div.pagination {text-align:center; display:block;margin-bottom:50px; margin-top:360px;}
div.pagination a {color: black;padding: 8px 16px;text-decoration: none;transition: background-color .3s;}
div.pagination a.active {background-color: #0080b6;color: white;}
div.pagination a:hover:not(.active) {background-color: #ddd;}


footer{position:relative;background:#f7f7f7;width:100%;border-top:1px solid #efefef;}
div.footer{width:100%;height:70px;margin:0 auto;background:#eee;border-top:1px solid #e4e4e4;}
footer div.footer div{max-width:960px;height:70px;margin:0 auto;padding:15px 0;box-sizing:border-box;}
footer div.footer h2{float:left;margin:0 25px 0 0;}
footer div.footer address{float:left;font-style:normal;font-size:.75em;color:#333;cursor:default;}
footer div.footer address span{margin:0 15px 0 0;line-height:180%;}
footer div.footer a{color:#333;transition:.3s;}
footer div.footer a:hover{color:#147da8;transition:.15s}
footer div.footer select{float:right;box-sizing:border-box;width:150px;padding:10px 5px;background:rgba(255,255,255,0.3);color:#333;border:1px solid #99b8ca}
.back_to_top{cursor:pointer;position:fixed;z-index:10;bottom:15px;right:15px;width:50px;height:50px;border-radius:15px;box-shadow:2px 2px 5px rgba(27,119,160,0.3);color:#fff;background-color:#0080b6;display:none;font-size:.7em;text-align:center;text-decoration:none}
.back_to_top span{display:block;width:50px;height:50px;border-radius:15px;line-height:50px;transition:.2s}
.back_to_top span:hover{background-color:rgba(255,255,255,0.2);transition:.2s}
.active{color:#777}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#428bca;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#2a6496;background-color:#eee;border-color:#ddd}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#777;cursor:not-allowed;background-color:#fff}