@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(1){background:#0080b6}
header nav ul.gnb>li:nth-child(1)>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}
.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.page_title_about{position:relative;height:150px;padding:45px 0;margin-top:70px;box-sizing:border-box;overflow:hidden;}
div.page_title_about{background:#000;}
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%;background-size:cover;opacity:.3;}
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;}
article.product_main p.suv_title {display:block;font-size:1.0em;color:#333; margin-top:-2px;}
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:30px 0 10px 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#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 14px;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:1.2em;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}

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}