@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:nth-child(2) {background:#0080b6;}
header nav ul.gnb>li:nth-child(2) > a {color:#fff;}
header nav ul.gnb>li:nth-child(1) {background:#fff;}
header nav ul.gnb>li:nth-child(1) > a {color:#000;} 
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 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 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: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}

section.content {position:relative; clear:both;max-width:960px;margin:0 auto;padding:10px 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;}
section.content div.show_main {height:350px; width:100%;}
section.content div.show_main .show_main_left {width:300px; height:100%; float:left;}
section.content div.show_main .show_main_left img {background:no-repeat;width:400px;position:relative;margin-left:-55px;margin-top:-30px;}
section.content div.show_main .show_main_right {width:620px; height:100%; float:right;}
section.content div.show_main .show_main_right .show_cont {width:590px; height:280px; border:1px solid #dedede;}
section.content div.show_main .show_main_right .show_cont .show_cont_1 {height:90px; position:relative;}
section.content div.show_main .show_main_right .show_cont span.show_cont_1_1 {color:#000; font-size:1.1em; font-weight:bold; letter-spacing:-1px;
position:absolute; left:230px; top:25px;}
section.content div.show_main .show_main_right .show_cont span.show_cont_1_2 {color:#000; font-size:0.9em; font-weight:normal; letter-spacing:-1px;
position:absolute; left:230px; top:75px;}
section.content div.show_main .show_main_right .show_cont span.show_cont_1_2A {color:#000; font-size:0.9em; font-weight:normal; letter-spacing:-1px;
position:absolute; left:230px; top:65px;}
section.content div.show_main .show_main_right .show_cont span.show_cont_1_3 {color:#000; font-size:0.9em; font-weight:normal; letter-spacing:-1px;
position:absolute; left:230px; top:50px; line-height:1.5;}
section.content div.show_main .show_main_right .show_cont span.show_cont_1_3A {color:#000; font-size:0.9em; font-weight:normal; letter-spacing:-1px;
position:absolute; left:230px; top:50px; line-height:1.5;}

section.content div.show_main .show_main_right .show_cont_box {border-top:1px solid #dedede; width:100%; height:70px; margin-top:30px;}
section.content div.show_main .show_main_right .show_cont_box span.show_cont_1_4 {color:#000; font-size:0.8em; font-weight:normal; letter-spacing:-1px;
position:relative; left:230px; top:22px; line-height:1.5;}
.show_iphone {display:block;position:relative;width:300px; height:400px;}
.show_iphone img {position:absolute; margin-top:-300px; left:30px;height:360px;}
.show_cont_box .small_box {display:block; height:69px; width:70px;float:right;}/*수정 ---여기서부터*/
.show_cont_box .small_box .button {border-radius: 5px;background-color: #c91f22;border: none;
color: #FFFFFF;text-align: center;font-size: 0.85em;padding: 12px;width: 110px;transition: all 0.5s;
cursor: pointer;margin-top:15px;margin-left:-60px;}
.button span {cursor: pointer;display: inline-block;position: relative;transition: 0.5s;}
.button span a {color:#fff;}
.button span:after {content: '\00bb';position: absolute;opacity: 0;top: 0;right: -20px;transition: 0.5s;}
.button:hover span {padding-right: 25px;}
.button:hover span:after {opacity: 1;right: 0;}/*수정 ---여기까지*/

section.content div.show_img {margin-top:70px; height:230px; width:100%; background:transparent; clear:both; margin-left:30px;}/*수정 ---여기서부터*/
section.content div.show_img .pic1 {position: relative;width: 50%;float:left; display:block; 
margin-left:15px; width:210px; height:210px;overflow:hidden;cursor:pointer;}
section.content div.show_img .pic1 .image {display: block;width:210px; height:210px;}
.overlay {position: absolute;bottom: 0;left: 0;right: 0;background-color: #000;overflow: hidden;background: rgba(0,0,0,.7);
width: 100%;height: 0;transition: .3s ease;}
.pic1:hover .overlay {height: 100%;}
.text {white-space: nowrap; color: white;font-size:1.0em;position: absolute;overflow: hidden;
top:40%;left: 50%;transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.text_detail {position:absolute;white-space: nowrap; color:#fff;font-size:1.0em;top:168px;left:0;}
.btn {border: none;color: #fff;padding: 12px 15px;font-size:.9em;width:210px;cursor: pointer;}
.look {background-color:#00567a;} 
.look:hover {background:#003e58;}
.look a {color:#fff;}/*수정 ---여기까지*/

div.show_img .pic_block {clear:both;width:210px;height:210px; background:#000;position:relative;display:none;}

div.show_img .pic_block p {color:#cd981e; font-size:0.7em; margin-top:30px; margin-left:30px;}
div.show_img .pic_block span {color:#fff; width:100%;display:block;font-size:1.1em;margin-left:30px;margin-top:10px;}
div.show_img .pic_block span.sec {color:#fff;font-size:0.9em;display:block;margin-left:30px;margin-top:10px;}
div.show_img .pic_block img {margin-top:15px;margin-left:30px;}

section.content div.margin {width:100%; height:60px; background:transparent;border-bottom:1px solid #ccc;}

article div.main_sub {margin:0 0 0 10px; box-sizing:border-box; width:960px; position:relative; display:block;top:20px;}


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}