@charset "UTF-8";
/*#topimg {display:none}*/

#header2smenuBG {height:0; z-index: 4;}
#main_contents-wrap {width:100%;min-width:100%;position:static;/*background: #fffurl("/web/image/visual_bg.jpg") center top no-repeat*/;}
#contents {float:none;width:100%}

.main_zero_banner { width: 100%; background: #c1310f; }
.main_top_text {  width: 100%; height: 145px; background: url(/web/image/main_top_text.jpg) center top no-repeat;}
.brand_cate { width: 100%;}





#topContentsWrap { overflow:hidden; position:relative;  width:100%; /*background:#d9f1f9;*/ background:url("/web/image/img_mainvisual_bg.jpg") center top no-repeat;}
#topContentsWrap .top-contents { position:relative;  width:100%; margin:0px auto; }
#topContentsWrap .main-banner { height:530px; width:1920px; text-align: center;  position:relative; padding:0px; float:left;}


/*#topContentsWrap { overflow:hidden; position:relative;  width:100%; background:#d9f1f9; background:url("/web/image/img_mainvisual_bg.jpg") center top no-repeat;}
#topContentsWrap .top-contents { position:relative; min-width:1200px; max-width:1200px; width:100%; margin:0px auto; }
#topContentsWrap .main-banner { height:530px; width:1200px; max-width:1200px; min-width:1200px; position:relative; padding:0px; float:left;}*/
          
#topContentsWrap .main-banner .bx-wrapper { margin:0px; }
#topContentsWrap .main-banner .bx-wrapper .bx-viewport { moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; left:0; background:none;}
#topContentsWrap .main-banner .bx-wrapper .bx-viewport ul li a {display:block;}
#topContentsWrap .main-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager { width:auto; padding-top:0; float:left; position:relative; margin-left:37px;}
#topContentsWrap .main-banner .bx-wrapper .bx-pager, #topContentsWrap .main-banner .bx-wrapper .bx-controls-auto { bottom:0;}
#topContentsWrap .main-banner .bx-wrapper .bx-pager.bx-default-pager a { background:#d2d2d2; width:10px; height:10px; margin:0 3px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /*border:2px solid #da266b;*/ }
#topContentsWrap .main-banner .bx-wrapper .bx-pager.bx-default-pager a:hover { background:#ffbe4a; }
#topContentsWrap .main-banner .bx-wrapper .bx-pager.bx-default-pager a.active { background:#ffbe4a; width:10px; }
#topContentsWrap .main-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager { height:20px; position:absolute; bottom:30px; right:50%; }
#topContentsWrap .main-banner .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto { width:auto; float:left; position:relative;}
#topContentsWrap .main-banner .bx-wrapper .bx-controls-auto .bx-start { width:10px; height:15px; background:url("/web/image/icon_play.png") no-repeat; margin:0 7px;}
#topContentsWrap .main-banner .bx-wrapper .bx-controls-auto .bx-stop { width:10px; height:15px; background:url("/web/image/icon_pause.png") no-repeat; margin:0 7px;}
.bx-wrapper .bx-controls-auto .bx-start,.bx-wrapper .bx-controls-auto .bx-stop {display: block;}
.bx-wrapper .bx-controls-auto .bx-start.active,.bx-wrapper .bx-controls-auto .bx-stop.active {display: none;}
#topContentsWrap .main-banner .bx-wrapper .bx-controls-direction { display:none; }


        
.main_slide_bg{position: relative; width: 100%;  /*background: url(/image/main_slide_bg.jpg) center no-repeat;*/}
          
#main_slide {position: relative; width: 1200px; height:680px; margin: 0 auto; padding: 0 ; transition: all .3s;}
#main_slide .main_visual {position: relative; margin: 0 -360px;}
#main_slide .main_visual .slick-wrap {position: relative;}
#main_slide .main_visual .slick-wrap > a {display: block;}
          
#main_slide .main_visual .slick-wrap .slick-prev {display: block; position: absolute; top: 258px; left: 200px; z-index: 1; width: 50px; height: 120px; background: url(/web/image/slick_prev.png) 0 0 no-repeat; font-size: 0; text-indent: -9999px;}
#main_slide .main_visual .slick-wrap .slick-next {display: block; position: absolute; top: 258px; right: 200px; z-index: 1; width: 50px; height: 120px; background: url(/web/image/slick_next.png) 0 0 no-repeat; font-size: 0; text-indent: -9999px;}
          
#main_slide .main_visual .slick-dots {position: absolute; top: 510px; width: 1000px; left: 50%; transform: translate(-50%);}
#main_slide .main_visual .slick-dots {font-size: 0;}
#main_slide .main_visual .slick-dots li {display: inline-block; position: relative; width: 25%;}
#main_slide .main_visual .slick-dots li:first-child {margin: 0;}
#main_slide .main_visual .slick-dots li button {display: block; width: 100%; cursor: pointer; text-align: center;}
#main_slide .main_visual .slick-dots li button span {display: block; padding: 14px 0 0;  font-weight: 700; font-size: 15px; line-height: 23px; color: #ffa9a9; text-align: center; transition: all .3s; word-break: keep-all;}
#main_slide .main_visual .slick-dots li.on button span {color: #fff; opacity: 1;}


.bullet_tit {background: url(/web/image/bullet_01.png) no-repeat 0 3px ; padding-left: 28px; font-size: 21px; letter-spacing: -1px;}

.main_form { position: absolute; top: 210px; left: 0; width: 363px; height: 300px;  background:url(/web/image/main_form_bg.png) center no-repeat; z-index: 3; }
.main_form .rel1 { width: 363px; height: 340px; position: relative; margin: 0 auto; z-index: 0; /*background: url(/web/image/main_form_bg.jpg) no-repeat;*/}
.main_form .rel1 .input1 { position: absolute; top: 68px; left: 80px; width: 248px; height: 35px; z-index: 99; background: transparent; border: none; line-height: 27px; IME-MODE: active; }
.main_form .rel1 .input2_1 { position: absolute; top: 120px; left: 80px; width: 81px; height: 38px; z-index: 99;background: url(/web/image/bul_arrow_off.png) 95.5% center no-repeat; border: none; line-height: 27px }
.main_form .rel1 .input2_2 { position: absolute; top: 120px; left: 175px; width: 69px; height: 35px; z-index: 99; background: transparent;border: none; line-height: 27px }
.main_form .rel1 .input2_3 { position: absolute; top: 120px; left: 260px; width: 69px; height: 35px; z-index: 99; background: transparent;border: none; line-height: 27px }
.main_form .rel1 .content2_btn1 { position: absolute; left: 0; top: 220px }
.main_form .rel1 .agree1 { position: absolute; left: 0px; top: 183px; }          
.main_form .rel1 .content2_btn2 { position: absolute; left: 290px; top: 186px; }
.main_form .rel1 .cate {position: absolute; left: 22px; top: 198px; font-size: 12px; letter-spacing: -1px; }      
.main_form .rel1 .cate label {color: #fff;}


.main_form2 {  position: absolute; top: 0; right: 0;  width: 363px; height: 300px;  background:url(/web/image/main_form_bg.png) center no-repeat; }
.main_form2 .rel1 { width: 363px; height: 340px; position: relative; z-index: 0; /*background: url(/web/image/main_form_bg.jpg) no-repeat;*/}
.main_form2 .rel1 .input1 { position: absolute; top: 68px; left: 80px; width: 248px; height: 35px; z-index: 99; border: none; line-height: 27px; IME-MODE: active; }
.main_form2 .rel1 .input2_1 { position: absolute; top: 120px; left: 80px; width: 81px; height: 38px; z-index: 99; border: none; line-height: 27px }
.main_form2 .rel1 .input2_2 { position: absolute; top: 120px; left: 175px; width: 69px; height: 35px; z-index: 99; border: none; line-height: 27px }
.main_form2 .rel1 .input2_3 { position: absolute; top: 120px; left: 260px; width: 69px; height: 35px; z-index: 99; border: none; line-height: 27px }
.main_form2 .rel1 .content2_btn1 { position: absolute; left: 0; top: 220px }
.main_form2 .rel1 .agree1 { position: absolute; left: 0px; top: 183px; }          
.main_form2 .rel1 .content2_btn2 { position: absolute; left: 290px; top: 186px; }
.main_form2 .rel1 .cate {position: absolute; left: 22px; top: 198px; font-size: 12px; letter-spacing: -1px; }      
.main_form2 .rel1 .cate label {color: #fff;}



.sub_top_form { position: relative; top: 0; left: 0; width: 1200px; height: 350px; z-index: 3; }
.sub_top_form .rel1 { width: 600px; height: 350px; position: relative;  z-index: 0; /*background: url(/web/image/main_form_bg.jpg) no-repeat;*/}
.sub_top_form .rel1 .input1 { position: absolute; top: 183px; left: 10px; width: 150px; height: 41px; z-index: 99; border:1px solid #cccccc; line-height: 27px; IME-MODE: active; }

.sub_top_form .rel1 .input2_1 { position: absolute; top: 183px; left: 21px; width: 130px; height: 45px; z-index: 99; border:none; line-height: 27px;background:#fff url(/web/image/bul_arrow_off.png) 95.5% center no-repeat;  }
.sub_top_form .rel1 .input2_2 { position: absolute; top: 183px; left: 166px; width: 140px; height: 41px; z-index: 99; border:none; line-height: 27px }
.sub_top_form .rel1 .input2_3 { position: absolute; top: 183px; left: 328px; width: 130px; height: 41px; z-index: 99; border:none; line-height: 27px }

.sub_top_form .rel1 .content2_btn1 { position: absolute; left: 485px; top: 168px }
.sub_top_form .rel1 .agree1 { position: absolute; left: 445px; top: 263px; }          
.sub_top_form .rel1 .content2_btn2 { position: absolute; left: 311px; top: 262px; }



.sub_form { width: 1200px; height: 540px;  background: url(/web/image/sub_form_bg.jpg) center no-repeat; }
.sub_form .rel1 { width: 1200px; height: 540px; position: relative; margin: 0 auto; z-index: 0; /*background: url(/web/image/main_form_bg.jpg) no-repeat;*/}

.sub_form .rel1 .input1 { position: absolute; top: 170px; left:680px; width: 430px; height: 50px; padding: 0 20px; border:none; background: transparent; font-size: 20px; line-height: 27px; IME-MODE: active; box-sizing: border-box; }
.sub_form .rel1 .input2_1 { position: absolute; top: 231px; left:680px; width: 145px; height: 50px; padding: 0 20px; border:none; background: transparent url(/web/image/bul_arrow_off.png)  95.5% center no-repeat; font-size: 20px; line-height: 27px; box-sizing: border-box;  }
.sub_form .rel1 .input2_2 { position: absolute; top: 231px; left: 835px; width: 130px; height: 50px; padding: 0 20px; border:none; background: transparent;  font-size: 20px; line-height: 27px; box-sizing: border-box;  }
.sub_form .rel1 .input2_3 { position: absolute; top: 231px; left: 980px; width: 130px; height: 50px; padding: 0 20px; border:none; background: transparent; font-size: 20px; line-height: 27px; box-sizing: border-box;  }

.sub_form .rel1 .input3 { position: absolute; top: 291px; left: 680px; width: 430px; height: 50px; padding: 0 20px; border:none; background: transparent; font-size: 20px; line-height: 27px; IME-MODE: active; box-sizing: border-box; }


.sub_form .rel1 .content2_btn1 { position: absolute; left: 680px; top: 430px }

.sub_form .rel1 .agree1 { position: absolute; left: 680px; top: 390px; }          
.sub_form .rel1 .content2_btn2 { position: absolute; left: 700px; top: 390px; }





                        
.detail_form { width: 1200px; height: 620px; margin-top: 50px;  background: url(/web/image/detail_form_bg.png) top center no-repeat; }
.detail_form .rel1 { width: 1200px; height: 400px; position: relative; margin: 0 auto; z-index: 0; /*background: url(/web/image/main_form_bg.jpg) no-repeat;*/}

.detail_form .rel1 .input1 { position: absolute; top: 235px; left: 404px; width: 600px; height: 55px; padding: 0 40px; border: none; border-radius: 30px; background: #fff; font-size: 15px; line-height: 27px; IME-MODE: active; box-sizing: border-box; }
.detail_form .rel1 .input2 { position: absolute; top: 315px; left: 404px; width: 600px; height: 55px; padding: 0 40px; border: none; border-radius: 30px; background: #fff; font-size: 15px; line-height: 27px; box-sizing: border-box;  }


.detail_form .rel1 .content2_btn1 { position: absolute; left: 404px; top: 460px }

.detail_form .rel1 .agree1 { position: absolute; left: 404px; top: 400px; }          
.detail_form .rel1 .content2_btn2 { position: absolute; left: 430px; top: 400px; }






.form_content { width: 1200px; height: 620px;  background: url(/web/image/sub_form_bg.jpg) center no-repeat; }
.form_content .rel1 { width: 1200px; height: 400px; position: relative; margin: 0 auto; z-index: 0; /*background: url(/web/image/main_form_bg.jpg) no-repeat;*/}

.form_content .rel1 .input1 { position: absolute; top: 200px; left: 50px; width: 1100px; height: 71px; padding: 0 40px; border:1px solid #e8e8e8; background: #e8e8e8; font-size: 31px; line-height: 27px; IME-MODE: active; box-sizing: border-box; }
.form_content .rel1 .input2_1 { position: absolute; top: 282px; left: 50px; width: 350px; height: 75px; padding: 0 40px; border:1px solid #e8e8e8; background: #e8e8e8 url(/web/image/bul_arrow_off.png)  95.5% center no-repeat; font-size: 31px; line-height: 27px; box-sizing: border-box;  }
.form_content .rel1 .input2_2 { position: absolute; top: 282px; left: 425px; width: 350px; height: 71px; padding: 0 40px; border:1px solid #e8e8e8; background: #e8e8e8;  font-size: 31px; line-height: 27px; box-sizing: border-box;  }
.form_content .rel1 .input2_3 { position: absolute; top: 282px; left: 800px; width: 350px; height: 71px; padding: 0 40px; border:1px solid #e8e8e8; background: #e8e8e8; font-size: 31px; line-height: 27px; box-sizing: border-box;  }

.form_content .rel1 .input3 { position: absolute; top: 370px; left: 50px; width: 1100px; height: 120px; padding: 20px 40px; border:1px solid #e8e8e8; background: #e8e8e8; font-size: 20px; line-height: 27px; IME-MODE: active; box-sizing: border-box; }


.form_content .rel1 .content2_btn1 { position: absolute; left: 345px; top: 500px }

.form_content .rel1 .agree1 { position: absolute; left: 420px; top: 165px; }          
.form_content .rel1 .content2_btn2 { position: absolute; left: 90px; top: 165px; }




.sub_con1 { width: 1200px; height: 200px; margin: 0 auto;background: url(/web/image/sub_form_bg.jpg) center no-repeat; }
.sub_con1 .rel1 { width: 1200px; height: 200px; position: relative; margin: 0 auto; z-index: 0; /*background: url(/web/image/main_form_bg.jpg) no-repeat;*/}
.sub_con1 .rel1 .input1 { position: absolute; top: 105px; left: 195px; width: 200px; height: 33px; z-index: 99; border:1px solid #cccccc; line-height: 27px; IME-MODE: active; }
.sub_con1 .rel1 .input2_1 { position: absolute; top: 105px; left: 485px; width: 70px; height: 37px; z-index: 99; border:1px solid #cccccc; line-height: 27px }
.sub_con1 .rel1 .input2_2 { position: absolute; top: 105px; left: 580px; width: 60px; height: 33px; z-index: 99; border:1px solid #cccccc; line-height: 27px }
.sub_con1 .rel1 .input2_3 { position: absolute; top: 105px; left: 665px; width: 60px; height: 33px; z-index: 99; border:1px solid #cccccc; line-height: 27px }
.sub_con1 .rel1 .content2_btn1 { position: absolute; left: 750px; top: 100px }
.sub_con1 .rel1 .agree1 { position: absolute; left: 650px; top: 158px; }          
.sub_con1 .rel1 .content2_btn2 { position: absolute; left: 670px; top: 158px; }
.sub_con1 .rel1 .cate {position: absolute; left: 195px; top: 150px; font-size: 12px; letter-spacing: -1px; }      



.main_gift { width: 100%; height: 150px;  background:#cae5f8; text-align: center; }

/* Button */
button{font-size:16px;line-height:28px;color:#393939;*overflow:visible}
button{overflow:visible;margin:0;padding:0;cursor:pointer;border:none;background:none}
button::-moz-focus-inner{padding:0;border:0}
button:focus{outline:0 !important}
.blind{font-size:0;line-height:0;position:absolute;top:0;left:0;visibility:hidden;width:0;height:0;margin:0;padding:0;background:none}
.d-tc{display:table-cell !important;vertical-align:middle; padding-left: 20px;}


#spot_main{position:relative;width:100%;height:530px;overflow:hidden;z-index:2}
#spot_main>.inner{width:1200px;position:relative; margin: 0 auto; overflow:hidden}

/*이미지*/
#spot_main .lst{width:1200px;position:relative;left:50%;top:0;margin-left:-550px;z-index:1}
#spot_main .controls{position:absolute;left:0;top:0;height:100%;z-index:2;text-align:left; }
#spot_main .controls>*{display:inline-block;vertical-align:middle}
#spot_main .controls img{max-width:100%;height:auto}
#spot_main .controls:after{display:inline-block;vertical-align:middle;width:0;height:100%;content:""}
#spot_main .controls .next, #spot_main .controls .prev{width:103px;height:55px;position:relative;text-indent:-9999px;text-align:left;overflow:hidden}
#spot_main .controls .prev:after{position:absolute;left:50%;top:50%;margin-top:-10px;margin-left:-19.5px;display:inline-block;overflow:hidden;text-align:left;vertical-align:middle;text-indent:-9999px;background-image:url("/web/image/ico_common.png");background-repeat:no-repeat;*display:inline;*zoom:1;background-position:0px 0px;width:39px;height:20px;content:""}
#spot_main .controls .next:after{position:absolute;left:50%;top:50%;margin-top:-10px;margin-left:-19.5px;display:inline-block;overflow:hidden;text-align:left;vertical-align:middle;text-indent:-9999px;background-image:url("/web/image/ico_common.png");background-repeat:no-repeat;*display:inline;*zoom:1;background-position:-39px 0px;width:39px;height:20px;content:""}
#spot_main .controls .pageing{position:relative;width:103px;max-height:450px;-webkit-box-shadow:4px 2px 19px -1px rgba(0,0,0,0.2);-moz-box-shadow:4px 2px 19px -1px rgba(0,0,0,0.2);box-shadow:4px 2px 19px -1px rgba(0,0,0,0.2)}
#spot_main .controls .pageing .pos{width:114px;max-height:450px;overflow:hidden}
#spot_main .controls .pageing .pos .item{width:114px;height:70px;border:0;outline:none}

#spot_main .controls .pageing .pos .item a{display:table;width:114px;height:70px;  margin-top: 1px;/*border-top:1px solid #fff;*/color:#fff;font-size:14px;line-height:20px;outline:none;background:url(/web/image/item_off.png) no-repeat; }
#spot_main .controls .pageing .pos .item.on a{width:114px;background:url(/web/image/item_on.png) no-repeat; color:#9c190d;}

.slick-slide{float:left;height:100%;min-height:1px;outline:none;display:none}
.slick-initialized .slick-slide{display:block}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden{display:none}






#sec1 {}
#sec1 .wrapper {position:relative;/*height:145px;*/}
#sec1 ul {/*position:absolute;left:0;top:0*/}
#sec1 ul li {float:left}
#sec1 ul li a {display:block;height:140px;text-indent:-9999em;background:url('/web/image/transparent.png') center no-repeat;}

#sec1 ul li.nth-child-1 a{width:193px; background:url('/web/image/sec1-ico-1.png') center top no-repeat;}
#sec1 ul li.nth-child-2 a{width:177px; background:url('/web/image/sec1-ico-2.png') center top no-repeat;}
#sec1 ul li.nth-child-3 a{width:180px; background:url('/web/image/sec1-ico-3.png') center top no-repeat;}
#sec1 ul li.nth-child-4 a{width:185px; background:url('/web/image/sec1-ico-4.png') center top no-repeat;}
#sec1 ul li.nth-child-5 a{width:365px; background:url('/web/image/sec1-ico-5.png') center top no-repeat;}



#sec2 {background: #f3f5f9}
#sec2 .wrapper {position:relative;/*height:145px;*/}
#sec2 ul {/*position:absolute;left:0;top:0*/}
#sec2 ul li {float:left}
#sec2 ul li a {display:block;height:140px;text-indent:-9999em;background:url('/web/image/transparent.png') center no-repeat;}



#sec3 { }
#sec3 .wrapper {position:relative;}

#sec3 .box_wrap{margin:94px auto 50px;padding:0 0 ;max-width:1200px;}
#sec3 .box_wrap > div{margin:0 -4px 0 0;vertical-align:top;}
#sec3 .main-title{padding:0 0 10px;font-weight:700;font-size:24px;color:#191919;line-height:34px;}
#sec3 .sub-title{padding:0 0 60px;font-weight:400;font-size:20px;color:#555;line-height:26px;text-align:center;}

#sec3 .box_wrap .box01{width:762px;margin-right: 53px; /*border: 1px solid #000;*/}


#sec3 .box_wrap .box02{width:366px;}
#sec3 .box_wrap .box02 > div{position:relative; }
#sec3 .box_wrap .box02 > div > ul{position:relative;border: 1px solid #d6d6d6; box-sizing: border-box;}
#sec3 .box_wrap .box02 > div > ul:before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:#dbdbdb;transform:translateY(-50%);-ms-transform:translateY(-50%);}
#sec3 .box_wrap .box02 > div > ul:after{content:'';display:block;clear:both;}
#sec3 .box_wrap .box02 > div > ul > li{display:table;float:left;width:50%;min-height:185px;border-right:1px solid #dbdbdb;background:#fff;box-sizing:border-box;table-layout:fixed;}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(2n){border-right:none;}
#sec3 .box_wrap .box02 > div > ul > li > a{display:table-cell;position:relative;padding:10px 20px;width:100%;text-align:center;vertical-align:middle;}
#sec3 .box_wrap .box02 > div > ul > li > a:hover{background:#ef4136;color:#fff;}
#sec3 .box_wrap .box02 > div > ul > li > a > span{font-weight:500;font-size:16px;line-height:26px;}
#sec3 .box_wrap .box02 > div > ul > li > a > span:before{content:'';display:block;margin:0 auto 15px;width:85px;height:85px;}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(1) > a > span:before{background:url(/web/image/ico-main-about01.png) no-repeat 0 0/100%;}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(1) > a:hover > span:before{background-image:url(/web/image/ico-main-about01-over.png);}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(2) > a > span:before{background:url(/web/image/ico-main-about02.png) no-repeat 0 0/100%;}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(2) > a:hover > span:before{background-image:url(/web/image/ico-main-about02-over.png);}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(3) > a > span:before{background:url(/web/image/ico-main-about03.png) no-repeat 0 0/100%;}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(3) > a:hover > span:before{background-image:url(/web/image/ico-main-about03-over.png);}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(4) > a > span:before{background:url(/web/image/ico-main-about04.png) no-repeat 0 0/100%;}
#sec3 .box_wrap .box02 > div > ul > li:nth-of-type(4) > a:hover > span:before{background-image:url(/web/image/ico-main-about04-over.png);}
#sec3 .box_wrap .box02 > div > div{position:relative;padding: 65px 0;background:#606062;text-align:center;}
#sec3 .box_wrap .box02 > div > div:before{content:'';position:absolute;top:-17px;left:50%;width:34px;height:17px;background:url(/web/image/bg-main-aboutcg.png) no-repeat 0 0;transform:translateX(-50%);-ms-transform:translateX(-50%);}
#sec3 .box_wrap .box02 > div > div span{display:inline-block;padding: 0 0 10px 0;font-size:16px;color:#fff;line-height:26px;}
#sec3 .box_wrap .box02 > div > div .about-title{position:relative;margin: 0 0 15px 0;padding:0 0 15px 0;font-weight:700;font-size:45px;color:#fff;line-height:55px;}
#sec3 .box_wrap .box02 > div > div .about-title:after{content:'';position:absolute;bottom:0;left:50%;width:20px;height:2px;background:#fff;transform:translateX(-50%);-ms-transform:translateX(-50%);}
#sec3 .box_wrap .box02 > div > div .about-txt{max-height:60px;font-size:18px;color:#9699a5;line-height:30px;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;overflow:hidden;}






#sec4 {/*background:url('/web/image/main_promotion_bg.jpg') center no-repeat;*/}
#sec4 h3 {font-size:1.4em;text-align:center; padding-top: 60px; margin:0 auto 25px }

#sec4 > .wrapper {  position:relative; /*height: 930px;*/}

#sec4 > .wrapper .main_pro { overflow:hidden;width:1200px; height:100%;}
#sec4 > .wrapper .main_pro ul { padding:0; margin:0; list-style:none; margin-top:10px; /*border-top: 1px solid #ccc;*/}
#sec4 > .wrapper .main_pro li { float:left; width:280px; border: solid ; border-width: 5px 1px 1px 1px; border-color:#ff8500 #d6dde5 #d6dde5 #d6dde5 ;  margin:40px 10px 10px;   padding:0; background: #fff;  box-sizing: border-box; /*margin-right: 25px;*/ /*margin-bottom: 25px;*/   border-radius:5px;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;}
#sec4 > .wrapper .main_pro li:nth-child(5n), #sec5 > .wrapper .main_pro li:nth-child(10n), #sec5 > .wrapper .main_pro li:last-child {margin-right: 0; border-right: 1px solid #ccc;  }
#sec4 > .wrapper .main_pro li a { display:block; text-decoration:none;}
#sec4 > .wrapper .main_pro .box { position:relative; width: 275px; height:180px; display:table-cell; vertical-align: middle;text-align: center;}
#sec4 > .wrapper .main_pro .maker { position:relative; height: 50px; width:90%;margin: 0 auto; padding: 0 0 10px 0; /*background:#fbab00;*/ color:#ff8e24; line-height:2.7; text-align: left; font-size:18px;font-weight:normal; border-bottom: 1px solid #d6dde5; background: url(/web/image/car_maker_arrow.png) right center no-repeat; box-sizing: border-box; }
#sec4 > .wrapper .main_pro .money {position:relative;  /*background:#fbab00;*/ height:50px;  padding-left: 25px; text-align:left; line-height:1.5;font-size: 15px; color: #333; letter-spacing: -0.5px; box-sizing: border-box; }
#sec4 > .wrapper .main_pro .money span {font-size: 25px; letter-spacing: -0.5px;}
#sec4 > .wrapper .main_pro .c_go { width: 100%; height: 40px; border-top: 1px solid #ccc; text-align: center;}
#sec4 > .wrapper .main_pro .c_go a { color: #ff8e24; line-height:2.5;}





#sec5 .wrapper {position:relative}
#sec5 .site_map{width:100%;/*background:#727375 url("/web/image/site_map_bg.jpg") center top no-repeat;*/ padding:40px 0;}
#sec5 .site_map>ul{width:1200px;margin:0 auto;}
#sec5 .site_map>ul>li{float:left;margin-right:50px}
#sec5 .site_map>ul>li .tit{font-family:'Roboto';font-weight:700;font-size:14px;color:#666;line-height:34px}
#sec5 .site_map>ul>li .member{display:block;width:195px;padding:13px 0 11px 15px;font-family:'NanumBarunGothic';font-size:12px;color:#d1d7d9;letter-spacing:-0.03em;line-height:15px;margin-top:20px;background:url("/web/image/member_bg.png") no-repeat right bottom #414344}
#sec5 .site_map>ul>li .member>strong{color:#fff}
#sec5 .site_map>ul>li .sub>li>a{font-family:'NanumBarunGothic';font-size:12px;color:#8e8e8e;letter-spacing:-0.02em;line-height:22px}
#sec5 .site_map>ul>li .sub>li>a.tit{font-family:'Roboto';font-weight:700;font-size:14px;color:#fff}
#sec5 .site_map>ul>li .sub>li>a.btn{display:inline-block;width:42px;height:42px;border-radius:50%;margin-right:8px}
#sec5 .site_map>ul>li .sub>li.sns{margin:20px 0 8px;font-family:'Roboto';font-weight:700;font-size:14px;color:#fff}
#sec5 .site_map>ul>li.policy{height:250px;margin-right:0;border-left:1px solid #e2e2e2;padding-left:78px}
#sec5 .site_map>ul:after{content:".";display:block;visibility:hidden;clear:both;height:0;font-size:0}
#sec5 .copy_wrap{width:100%;background:#fff;padding:25px 0 50px}
#sec5 .copy_wrap>ul{width:1200px;margin:0 auto}
#sec5 .copy_wrap>ul>li{float:left;font-family:'NanumBarunGothic';font-size:11px;color:#d0d0d1;margin-right:45px;line-height:22px}
#sec5 .copy_wrap>ul>li>span{display:block;}
#sec5 .copy_wrap>ul>li.copy{margin-top:13px}
#sec5 .copy_wrap>ul>li.site{float:right;margin:15px 0 0}
#sec5 .copy_wrap>ul>li.site>select{width:195px;height:32px;background:url("/web/image/arrow_icon06.png") no-repeat 93% center #b0b2b3;color:#fff;font-size:12px;border:none;padding:0 15px;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}
#sec5 .copy_wrap>ul>li.site select::-ms-expand{display:none}
#sec5 .copy_wrap>ul:after{content:".";display:block;visibility:hidden;clear:both;height:0;font-size:0}





/* 차모델 */
#car_model {position:relative; z-index:25;margin-bottom: 50px; }
#car_model .car_model {}
#car_model .car_model {position:relative; width:1200px; margin:0 auto; background-color:#fff;}
#car_model .car_model .list_wrap {width:990px; height:109px; margin-left:130px; padding:10px 0 11px 20px; border-left:1px solid #e5e5e5;}
#car_model .car_model .btn_wrap {position:absolute; top:0; left:0; width:130px; height:130px;}
#car_model .car_model .btn_wrap .btn_open {width:130px; height:130px;}
#car_model .car_model .btn_wrap .btn_open span {position:relative; display:block; width:130px; height:47px; padding:83px 0 0 0; color:#2d2d2d; font-size:15px; line-height:23px;}
#car_model .car_model .btn_wrap .btn_open span:after,
#car_model .car_model .btn_wrap .btn_open span:before {content:''; position:absolute; background-color:#494949; transition:transform 0.5s;}
#car_model .car_model .btn_wrap .btn_open span:after {top:32px; left:64px; width:1px; height:39px;}
#car_model .car_model .btn_wrap .btn_open span:before {top:51px; left:45px; width:39px; height:1px;}

#car_model .list_wrap ul {padding-left:0; font-size:0;}
#car_model .list_wrap li {display:inline-block; padding:0 28px; text-align:center;}
#car_model .list_wrap a {display:block; text-decoration:none;}


#car_model .list_wrap .img_wrap {display: block; position: relative; width: 65px; height: 65px; overflow: hidden; border-radius: 50%;border: 1px solid #ddd;background: #fff;}
#car_model .list_wrap .img_wrap img { width: auto; height: 25px;  position:absolute; left:0; right:0; top:0; bottom:0; margin:auto;}


#car_model .list_wrap .car_name {color:#2d2d2d; font-size:15px; line-height:3;}

#car_model .all_list {position:absolute; top:130px; left:50%; width:1200px; max-height:0; margin-left:-600px; background-color:#fff; overflow:hidden;
transition:1000ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}	/* easeOutExpo */
#car_model .all_list .car_list {padding:31px 0 38px 44px; border-top:1px solid #e5e5e5;}
#car_model .all_list .car_list:after {content:''; display:block; clear:both;}
#car_model .all_list .h3_tit {float:left; width:108px; margin-top:19px; color:#111; font-size:20px; line-height:32px;}
#car_model .all_list .list_wrap {float:left; width:990px;}
#car_model .all_list .list_wrap li {display:inline-block; padding:0 28px 12px; text-align:center;}
#car_model .all_list .list_wrap .item.off {}
#car_model .all_list .list_wrap .item.off img {opacity:0.2;}
#car_model .all_list .list_wrap .item.off .car_name {color:#a3a3a3;}

/* 열렸을 때 */
#car_model.open .car_model .btn_wrap .btn_open span:after,
#car_model.open .car_model .btn_wrap .btn_open span:before {-webkit-transform:rotate(135deg); transform:rotate(135deg)}
#car_model.open .all_list { max-height:5000px; transition:560ms cubic-bezier(0.550, 0.055, 0.675, 0.190); }	/* easeInCubic */