@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(4){background:#0080b6}
header nav ul.gnb>li:nth-child(4)>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#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;}

section#pat_gallery{max-width:960px;margin:40px auto;margin-bottom:70px;box-sizing:border-box;clear:both; margin-top:0;}
article.pat_title p{display:block;font-weight:bold;font-size:1.1em;margin:0 0 10px 0;color:#147da8;}
article.pat_list{max-width:960px;text-align:center;display:inline-block;}
article.pat_list img{width:18%;margin:1%;float:left;}
article.pat_list img:nth-child(5n+1){clear:both;}

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}

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;}/*수정*/