@charset "utf-8";

@import url(font.css);

/* Reset */
html,body{width:100%;height:100%}
html{overflow-y:scroll}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:ng,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#7a7a7a}
body{background:#fff;text-align:left;*word-break:break-all;-ms-word-break:break-all}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
a{color:#7a7a7a;text-decoration:none}
a:hover{color:#7a7a7a;text-decoration:none;}
hr{display:none}
legend{*width:0}
table{/* border-collapse:collapse;table-layout:fixed; */border-collapse:collapse;border-spacing:0}


/* Mobile Form Default */
input[type=text] {-webkit-border-radius:0; -webkit-appearance:none; }
input[type=checkbox] {-webkit-border-radius:0; -webkit-appearance:none; }



.wrap { text-align:center;  min-width:1000px; overflow-x:hidden; }
.header {width:100%; position:fixed; left:0; top:0; background:#fff;  border-bottom:1px solid #b2b2b2;  z-index:9999;}
.header .headerBox {width:1000px; margin:0 auto;}
.header .headerBox:after { content:''; display:block; clear:both;}
.header .headerBox h1 {float:left; padding-top:18px; display:block; margin-right:60px;}
.header .headerBox .gnb {float:left;}
.header .headerBox .gnb ul:after { content:''; display:block; clear:both;}
.header .headerBox .gnb ul li {float:left;}
.header .headerBox .gnb ul li a {display:block; padding:28px 0 30px; font-size:15px; color:#7a7a7a; position:relative; letter-spacing:-1px;}
.header .headerBox .gnb ul li a .redBottom {display:none; position:absolute; left:0; bottom:-1px; width:100%; height:3px; background:#ec2028; }
.header .headerBox .gnb ul li a:hover {color:#353535; font-weight:bold; } 
.header .headerBox .gnb ul li a:hover .redBottom {display:block;} 
.header .headerBox .gnb ul li a.on { color:#353535; font-weight:bold; }
.header .headerBox .gnb ul li a.on .redBottom {display:block;} 
.header .headerBox .gnb ul li.no1 a{width:173px;} 
.header .headerBox .gnb ul li.no2 a{width:220px;} 
.header .headerBox .gnb ul li.no3 a{width:160px;} 
.header .headerBox .gnb ul li.no4 a{width:180px;} 
.header .headerBox .gnb ul li.no5 a{width:80px;} 


.mainContent { padding-top:75px;}
.mainContent .iconZone { padding:20px 0 40px 0;}

.step01 .slideWrap {height:630px; position:relative; overflow:hidden;}
.step01 .slideWrap .slideBox {height:630px; position:absolute; left:50%; margin-left:-1000px; top:0; }
.step01 .slideWrap .ball {width:204px;position:absolute; left:50%; margin-left:-102px; bottom:0; z-index:999; }
.step01 .slideWrap .slideBox .bx-pager {display:none; }
.step01 .slideWrap .slideBox .bx-controls-auto {display:none; }
.step01 .slideWrap .slideBox .bx-controls-direction { position:absolute; left:50%; width:1050px; margin-left:-525px; top:248px; }
.step01 .slideWrap .slideBox .bx-controls-direction a {display:block; width:25px; height:39px; text-indent:-9999em;}
.step01 .slideWrap .slideBox .bx-controls-direction a.bx-next {float:right; background:url('../images/common/slideRightArrow.png') no-repeat;}
.step01 .slideWrap .slideBox .bx-controls-direction a.bx-prev {float:left; background:url('../images/common/slideLeftArrow.png') no-repeat;}

.step01 .textZone {margin-bottom:45px;} 
.step01 .centerImg {margin-bottom:100px; } 
.textZone {font-size:15px; color:#7d7d7d; line-height:26px;} 
span.red {color:#ec2028;} 
.centerImg { text-align:center; } 


.mainBg {position:relative; height:440px;}
.mainBg img{position:absolute; left:50%; margin-left:-1000px;}
.step02 .title {color:#212121; padding-bottom:42px; font-size:20px;}
.step02 .centerImg {padding-bottom:42px;}
.step02 .textZone {padding-bottom:115px;}
.step02 .textZone .line {border-bottom:1px solid #bebebe; display:inline-block; line-height:15px;}



.step03 .title{color:#212121; padding-bottom:30px; font-size:20px;}
.step03 .centerTExt {width:1000px; margin:0 auto; padding-bottom:29px;}
.step03 .centerTExt:after {content:''; display:block; clear:both;}
.step03 .centerTExt .info {float:left; padding-left:55px; margin-right:10px; font-size:13px; color:#999999; text-decoration:underline; line-height:20px; padding-top:106px;}
.step03 .centerTExt img {float:left;}
.step03 .textZone {padding-bottom:115px;}

.step04 .circleList{width:950px; margin:0 auto; padding-bottom:115px;}
.step04 .circleList ul:after{content:''; display:block; clear:both;}
.step04 .circleList ul li{float:left; padding-left:130px; background:url('../images/common/bgStep04_02.png') no-repeat 50px 90px; width:200px;}
.step04 .circleList ul li.no2{width:287px;}
.step04 .circleList ul li.no2 .text{width:287px;}
.step04 .circleList ul li.no2 .redCircle{left:44px;}
.step04 .circleList ul li:first-child{padding-left:0; background:none;}
.step04 .circleList ul li > div{display:block; position:relative;}
.step04 .circleList ul li > div .redCircle{display:none; position:absolute; left:0; top:0;}
.step04 .circleList ul li > div .text{display:none; position:absolute; left:0; top:93px; width:200px; font-size:15px; color:#fff; font-weight:bold; }
.step04 .circleList ul li > div:hover .redCircle{display:block;}
.step04 .circleList ul li > div:hover .text{display:block;}
.step04 .circleList ul li > div span {}
.step04 .circleList ul li > div .img {padding-bottom:15px; display:block;}
.step04 .circleList ul li > div .last {padding-top:10px; display:block; font-size:12px; color:#7d7d7d; line-height:18px;}
.step04 .circleList ul li > div .name {font-size:14px; color:#212121; font-weight:bold;}


.step05 {position:relative; height:909px;}
.step05 .bgProduct {position:relative; height:909px;}
.step05 .bgProduct img {position:absolute; left:50%; margin-left:-1000px; }
.step05 .productList{position:absolute; left:50%; top:280px; margin-left:-500px; width:1000px; z-index:100; }
.step05 .productList ul:after{content:''; display:block; clear:both;}
.step05 .productList ul > li{float:left; width:323px; height:537px; }
.step05 .productList ul > li.no1{background:url('../images/common/step05_list01.png') no-repeat; margin-right:15px; }
.step05 .productList ul > li.no2{background:url('../images/common/step05_list02.png') no-repeat; margin-right:15px; }
.step05 .productList ul > li.no3{background:url('../images/common/step05_list03.png') no-repeat;}
.step05 .productList ul > li .text{padding-top:297px; height:152px; }
.step05 .productList ul > li .btnMore{margin-top:17px;}
.step05 .productList ul > li .btnMore a{display:block; width:283px; height:50px;  margin:0 auto; overflow:hidden; background:url('../images/common/btnMore.png') no-repeat;}
.step05 .productList ul > li .btnMore a:hover{background-position:0 -50px;}

.step06 {position:relative; height:910px;}
.step06 .bgProduct {position:relative; height:910px;}
.step06 .bgProduct img {position:absolute; left:50%; margin-left:-1000px; }
.step06 .productListRed{position:absolute; left:50%; top:280px; margin-left:-500px; width:1000px; z-index:100; }
.step06 .productListRed ul:after{content:''; display:block; clear:both;}
.step06 .productListRed > ul > li{float:left; width:323px; height:519px; }
.step06 .productListRed > ul > li.no1{background:url('../images/common/step06_list01.png') no-repeat; margin-right:15px; }
.step06 .productListRed > ul > li.no2{background:url('../images/common/step06_list02.png') no-repeat; margin-right:15px; }
.step06 .productListRed > ul > li.no3{background:url('../images/common/step06_list03.png') no-repeat;}
.step06 .productListRed .textList {padding-top:130px; width:284px; margin:0 auto;  text-align:left; margin-bottom:90px;}
.step06 .productListRed .textList > ul  {height:134px;}
.step06 .productListRed .textList > ul li {width:283px; padding-bottom:9px; margin-bottom:9px; background:url('../images/common/dotBottom.png') 100% 100% repeat-x;}
.step06 .productListRed .textList > ul li span {display:block; padding-left:7px; color:#7d7d7d; font-size:12px; line-height:17px; background:url('../images/common/dot01.png') no-repeat 0 6px;}
.step06 .productListRed .textLast{background:#fbfbfb; width:283px;  margin:0 auto; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; height:90px;  }
.step06 .productListRed .textLast p{padding-top:30px; font-size:12px; color:#ec2028; line-height:17px;}
.step06 .productListRed li.no2 .textLast p{padding-top:17px;}
.step06 .productListRed li.no3 .textLast p{padding-top:33px;}
.step06 .productListRed .btnUp { padding-top:29px;}


.step07 .mapZone  {position:relative;}
.step07 .mapZone .mapArea {height:435px;}
.step07 .mapZone .mapArea #map_canvas {position:absolute; top:0; left:50%; margin-left:-1000px; height:435px;}
.step07 .addr {padding:17px 0; font-size:14px; color:#353535;}
.step07 .title {padding-left:16px; background:url('../images/common/bull01.png') no-repeat 0 4px; font-weight:bold;}
.step07 address {display:inline;}


.step08 {background:#2a2a2a; padding:40px 0 45px 0;}
.step08 .centerImg {padding-bottom:60px;}
.step08 .title3 {padding-bottom:15px; font-size:25px; font-weight:bold; color:#c0c0c0;}
.step08 .title2 {padding-bottom:65px;  font-size:16px; color:#909090; line-height:24px;}

.boxInput { width:1000px; margin:0 auto;  text-align:left;}
.boxInput .top:after {content:''; display:block; clear:both;}
.boxInput .top .left{float:left; width:480px; margin-right:40px;}
.boxInput .top .right{float:left; width:480px;}
.boxInput .line {padding:13px 0 10px 0; border-bottom:1px solid #4e4e4e; }
.boxInput .line:after {content:''; display:block; clear:both;}
.boxInput .line .title {float:left; font-size:13px; color:#555555; padding-left:12px;  width:110px; }
.boxInput .line .input {float:left;  width:350px;}
.boxInput .line .input input {  width:300px; background:transparent; border:none;  font-size:13px; color:#555555; outline:none;}
.boxInput .line .input input:focus { outline:none;}
.boxInput .line textarea{  width:870px; background:transparent; border:none;  font-size:13px; color:#555555; outline:none; height:120px; overflow-y:hidden; line-height:17px; resize:none;}
.boxInput .line textarea:focus { outline:none;}
.btnGo {padding:20px 0 28px 0; text-align:right; }


.footer  {background:#2a2a2a; padding-top:30px; }
.footer .logo {padding-bottom:23px; }
.footer .lastInfo {color:#555555; font-size:13px;}
.footer .lastFooter {color:#555555; font-size:13px; padding-top:15px;}
.footer .bull {margin-right:12px; padding-right:15px; background:url('../images/common/bull_footer.png') no-repeat 100% 3px;}

.quickArea {position:fixed; left:50%; top:95px; z-index:999; margin-left:570px; width:67px; height:320px; padding:13px 13px 13px 11px; background:url('/images/common/bgQuick.png') no-repeat; }
.quickArea a {display:block; width:62px; height:60px; margin-bottom:5px;  }
.quickArea a.no1 {background:url('../images/common/btnQuick01.png') no-repeat; }
.quickArea a.no2 {background:url('../images/common/btnQuick02.png') no-repeat; }
.quickArea a.no3 {background:url('../images/common/btnQuick03.png') no-repeat; }
.quickArea a.no4 {background:url('../images/common/btnQuick04.png') no-repeat; }
.quickArea a.video {background:url('../images/common/btnQuickVideo.png') no-repeat; }
.quickArea a.lang {background:url('../images/common/btnQuick05.png') no-repeat; }
.quickArea a:hover {background-position:0 -60px;}
.quickArea a.on {background-position:0 -60px;}


.popVideo {position:fixed; left:0; top:0; width:100%; height:100%; z-index:99999; display:none;}
.popVideo .bg {position:absolute;  left:0; top:0; width:100%; height:100%; z-index:100; background:#000; opacity:.6;}
.popVideo .videoZone {position:absolute; width:840px; height:415px; left:50%; top:200px; margin-left:-420px;  z-index:200; background:#fff;}