.footer{position: relative; width:100%; height: 550px; background-color: #0d1728; color: #b7b7b7; font-size: 1rem; line-height: 20px; overflow: hidden; text-align: center;} .footer>div>b{font-weight: 400;} .footer .footer_t{width:90%; margin: 0 auto; top:25px; font-weight: 400; line-height: 1.3; text-align: left;} .footer #bt_top { position:absolute; bottom:-85px; width:100%; height:55px; z-index:20;border: 2px solid rgb(184, 199, 202); left: 50%; transform: translateX(-50%); text-align: center;} .footer #bt_top span {top:20px; font-size:1rem; color:rgb(184, 199, 202); font-weight: 800;} .footer .copyright{margin-top:15px;} .footer .footercopytxt a {color:#e6e1dc;font-weight:700;display:inline-block;padding-bottom:2px;} .footer .yourbiz{margin-top: 20px; line-height: 22px;} .footer .info{color: #b7b7b7; margin-top: 35px;} .footer .info ul {width:90%;margin:0 auto; display: flex; flex-direction: column; align-items: flex-start;} .footer .info ul:after {clear: both; display:block; content:""} .footer .info ul li {font-size:1.3rem;font-weight:400;letter-spacing:-0.02em;} .footer .info ul li span {line-height:30px;padding-right:10px;font-weight:300; color: #cbe0e4;} @media(orientation: Portrait){ .quick{position: fixed; width: 100%; bottom: 0; right: 0; z-index: 999;} .quick ul{width: 100%; display: flex;} .quick ul li{width: 50%; height: 65px; background: rgba(0, 0, 30, 0.9);} .quick ul li:nth-child(1){border-right: 1px solid rgba(255, 255, 255, .2);} .quick ul li a{display: block; width: 100%; height: 100%; text-align: center; font-size: 1.5rem; font-weight: 600; color: #fff; letter-spacing: -0.1rem; line-height: 4.2;} .quick ul li img{vertical-align: middle; margin-right: 10px;} } @media(orientation: Landscape){ .quick{display: none;} } /* 영업용 명함*/ #drm-ncard {position: relative; overflow: hidden;} #drm-ncard .t_info { padding:calc(130/640*100vw) calc(30/640*100vw) calc(50/640*100vw); font-weight:400; background:#fff; } #drm-ncard .t_info .logo { position:absolute; top:calc(65/640*100vw);left:calc(33/640*100vw); width:calc(200/640*100vw); height:calc(62/640*100vw);background:url('/images/logo2.png') center 0 no-repeat; background-size:cover;font-size:0;} #drm-ncard .t_info .name { font-size:calc(26/640*100vw); color:#666; text-align:right; margin-bottom:calc(40/640*100vw);margin-right: calc(30/640*100vw); line-height:calc(50/640*100vw);margin-top:calc(24/640*100vw);} #drm-ncard .t_info .name b { display:inline-block; vertical-align:calc(-10/640*100vw); margin-left:calc(24/640*100vw); font-size:calc(50/640*100vw); color:#333; letter-spacing:-0.2vw; font-weight:700; word-break: keep-all;} #drm-ncard .t_info dl { position:relative;font-size:calc(24/640*100vw); letter-spacing:-0.05em; } #drm-ncard .t_info dl dt { position:absolute; top:0; left:0; color:#688649; font-weight:500; } #drm-ncard .t_info dl dd { margin-left:calc(90/640*100vw); color:#666; } #drm-ncard .t_info dl.place dt { } #drm-ncard .t_info dl.place dd { font-size:calc(26/640*100vw); color:#5a5a5a; letter-spacing:clac(-1/640*100vw); } #drm-ncard .t_info dl.phone dt { top:3vw; } #drm-ncard .t_info dl.phone dd { font-size:calc(50/640*100vw); color:#333; letter-spacing:0.5vw; font-weight:800; } #drm-ncard .t_info dl.phone dd a{color:#333;font-weight:700;} /*서브페이지*/ /*서브상단라인*/ #lnb{width:100%; z-index: 100;} #lnb .lnb_area{overflow: hidden;} #lnb .lnb_area ul{width:100%;display: flex;} #lnb .lnb_area>ul>li:nth-child(1){background-color: #6b6b6b; height: 5px; width: 50%;} #lnb .lnb_area>ul>li:nth-child(2){background-color: #0052A4; height: 5px; width: 35%;} #lnb .lnb_area>ul>li:nth-child(3){background-color: #0a264d; height: 5px; width: 15%;} /*공통*/ .sub_inner{width:100%; margin: 0 auto; text-align: center;} #cont{width:100%; background-color: #fff;} .cont_line{width:70px; border-top: 3px solid rgb(31, 31, 31); margin: 0 auto; margin-bottom: 20px;} .txt_01{width:100%; text-align: center; margin-top:50px;} .txt_01>b{font-size: 2.5rem; color: rgb(31, 31, 31); letter-spacing: -.1rem;} .txt_01>p{font-size: 1.6rem; color: #7e7e7e;} .guide_tx{text-align: center; font-size: .9rem; color: #bbb; width: 80%; margin: 50px auto;} .guide_tx_cg{position: absolute; bottom: 10px; left: 10px; font-size: .9rem; color: #bbb; text-align: left;} /*사업개요*/ #cont_01{width:100%;} #cont_01 .sub_inner>div:nth-child(1){width: 100%; height: 250px; background: url(/images/cont_01_img1.jpg) center / cover no-repeat; margin-top: 50px;} #cont_01 .sub_inner table {border-spacing:0;width:90%;overflow:hidden; top: 25px; margin: 0 auto;} #cont_01 .sub_inner table th, #cont_01 .sub_inner table td {padding:15px;font-size:1.8rem; color: #7c7c7c; border-bottom:1px solid #dfdfdf;letter-spacing:-0.05em;} #cont_01 .sub_inner table td{left:10px;} #cont_01 .sub_inner table th {color:#2b2b2b;text-align:center;font-weight:600; border-bottom: #0a264d 2px solid;} #cont_01 .sub_inner table tr:last-child th , #cont_01 .sub_inner table tr:last-child td {border:0;} /*브랜드스토리*/ #cont_02{width: 100%;} #cont_02 .sub_inner>div:nth-child(1){width: 100%; height: 250px; background: url(/images/cont_02_img1.jpg) center / cover no-repeat; margin-top: 50px;} #cont_02 .sub_inner>div:nth-child(2) img{margin-top: 70px;} #cont_02 .sub_inner>div:nth-child(2)>div>b{font-size: 2rem; color: #0a264d; display: block; margin-top: 50px;} #cont_02 .sub_inner>div:nth-child(2) p{display: flex; justify-content: center; align-items: flex-end; font-size: 3.5rem; font-weight: 600; color: #0a264d; line-height: 1.1; margin-top: 10px; letter-spacing: -.1rem; word-spacing: -.4rem;} #cont_02 .sub_inner>div:nth-child(2) p:before{display: block; content: "["; font-size: 8rem; font-weight: 500; margin-right: 20px;} #cont_02 .sub_inner>div:nth-child(2) p:after{display: block; content: "]"; font-size: 8rem; font-weight: 500; margin-left: 20px;} #cont_02 .sub_inner>div:nth-child(2) span{display: block; margin-top: 50px; margin-bottom: 50px; font-size: 1.4rem; line-height: 1.15;} #cont_02 .sub_inner>div:nth-child(2) span b{display: block; margin-top: 10px; color: #000; font-size: 1.6rem;} /*오시는길*/ #cont_03{width: 100%;} #cont_03 .main5_map{width:100%; margin: 0 auto; margin-top: 60px; text-align: left;} #cont_03 .main5_map_1{width:80%; margin: 0 auto;} #cont_03 .main5_map_1 .map_1{height:250px; border: 1px rgb(223, 223, 223) solid;} #cont_03 .main5_map_1 .tx{margin-top:30px;} #cont_03 .main5_map_1 .tx b{color: #0a264d; font-size: 2rem; letter-spacing:-0.05em; display: block; line-height: 10px;} #cont_03 .main5_map_1 .tx p{color: #7a7a7a; font-size: 1.6rem; letter-spacing:-0.05em;} #cont_03 .main5_map_1 .tx > div:nth-child(2){width:60px;height:2px; border-bottom: #0a264d 2px solid; display: inline-block; } #cont_03 .main5_map_1 .tx > div:nth-child(3){width:240px;height:2px; border-bottom: #a3a3a3 1px solid; display: inline-block; left:-2px;} #cont_03 .main5_map_1 .btn{margin-top:20px;} #cont_03 .root_daum_roughmap{width: 100%;} #cont_03 .main5_map>div:nth-child(2){margin-top: 60px;} /*상품프리미엄*/ #cont_04{width: 100%; } #cont_04 ul{width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 10px;} #cont_04 ul li{width: 90%; height: 360px; margin-top: 50px;} #cont_04 ul li:nth-child(1)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img1.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(2)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img2.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(3)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img3.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(4)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img4.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(5)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img5.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(6)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img6.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(7)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img7.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(8)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img8.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(9)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img9.jpg) center / cover no-repeat;} #cont_04 ul li:nth-child(10)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_04_img10.jpg) 80% / cover no-repeat;} #cont_04 ul li:nth-child(4)>div:nth-child(2)>div:nth-child(2){top: 6px;} #cont_04 ul li:nth-child(5)>div:nth-child(2)>div:nth-child(2){top: 3px;} #cont_04 ul li:nth-child(6)>div:nth-child(2)>div:nth-child(2){top: 6px;} #cont_04 ul li:nth-child(8)>div:nth-child(2)>div:nth-child(2){top: 3px;} #cont_04 ul li:nth-child(10)>div:nth-child(2)>div:nth-child(2){top: 6px;} #cont_04 ul li>div:nth-child(2){text-align: left; margin-top: 15px;} #cont_04 ul li>div:nth-child(2)>div:nth-child(1){position: absolute; text-align: center; left: 0; top: 0; width: 70px; height: 70px; background: #0052A4;} #cont_04 ul li>div:nth-child(2)>div:nth-child(1) p{font-size: .9rem; color: #fff; opacity: .8; margin-top: 13px;} #cont_04 ul li>div:nth-child(2)>div:nth-child(1) b{font-size: 3rem; color: #fff; top: -3px;} #cont_04 ul li>div:nth-child(2)>div:nth-child(2){margin-left: 80px; line-height: 1.2; letter-spacing: -.1rem; top: 15px;} #cont_04 ul li>div:nth-child(2)>div:nth-child(2) p{font-size: 1.5rem;} #cont_04 ul li>div:nth-child(2)>div:nth-child(2) b{font-size: 2rem; color: #000; font-weight: 700;} #cont_04 ul li>div:nth-child(2)>div:nth-child(2) b span{font-size: 1.2rem; font-weight: 400; color: #929292;} /*이미지컷*/ #cont_04 ul li>div:nth-child(3){position: absolute; right: 10px; top: 238px; color: #fff; opacity: .7; font-size: 1rem;} /*세제혜택*/ #cont_05{width: 100%;} #cont_05 .sub_inner>div img{width:100%; margin-top: 80px;} #cont_05 ul{width: 100%; display: flex; justify-content: space-between; flex-direction: column; align-items: center; margin-top: 50px;} #cont_05 ul li{width: 90%; border-bottom: solid 1px #dfdfdf; margin-bottom: 20px;} #cont_05 ul li:last-child{border-bottom: 0px;} #cont_05 ul li>div p{font-size: 1.8rem; font-weight: 700; color: #000;} #cont_05 ul li>div p span{font-size: 3rem; font-weight: 700; letter-spacing: -.1rem;} #cont_05 ul li>div>span{display: block; font-size: 1.2rem; line-height: 1.2; margin-top: 10px; word-spacing: -.1rem; color: #bdbdbd; margin-bottom: 20px;} /*환경 프리미엄*/ /* #cont_06{width: 100%;} #cont_06 ul{width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 60px;} #cont_06 ul li{width: 45%; margin-bottom: 60px; margin-left: 3px; margin-right: 3px;} #cont_06 ul li>img{opacity: .8; height: 45px;} #cont_06 ul li>div:nth-child(2)>div:nth-child(1){text-align: center; left: 0; top: 0; width: 100%; height: 26px; background: #0052A4; margin-bottom: 20px; margin-top: 10px; display: flex; justify-content: center; align-items: center;} #cont_06 ul li>div:nth-child(2)>div:nth-child(1) p{font-size: .9rem; color: #fff; opacity: .8; margin-right: 3px;} #cont_06 ul li>div:nth-child(2)>div:nth-child(1) b{font-size: 1.2rem; color: #fff;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2){line-height: 1.1; letter-spacing: -.1rem;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2)>p{font-size: 1.4rem;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2)>b{font-size: 2rem; color: #000; font-weight: 700; margin-top: 3px; display: block;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2)>b span{display: block; font-size: 1.2rem; opacity: .7; font-weight: 400;} */ /*환경프리미엄*/ #cont_06{width: 100%;} #cont_06 ul{width: 100%; display: flex; flex-direction: column; align-items: center; margin-top: 10px;} #cont_06 ul li{width: 90%; height: 360px; margin-top: 50px;} #cont_06 ul li:nth-child(1)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img1.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(2)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img2.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(3)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img3.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(4)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img4.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(5)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img5.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(6)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img6.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(7)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img7.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(8)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img8.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(9)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img9.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(10)>div:nth-child(1){width: 100%; height: 260px; background: url(/images/cont_06_img10.jpg) center / cover no-repeat;} #cont_06 ul li:nth-child(7)>div:nth-child(2)>div:nth-child(2){top: 3px;} #cont_06 ul li>div:nth-child(2){text-align: left; margin-top: 15px;} #cont_06 ul li>div:nth-child(2)>div:nth-child(1){position: absolute; text-align: center; left: 0; top: 0; width: 70px; height: 70px; background: #0052A4;} #cont_06 ul li>div:nth-child(2)>div:nth-child(1) p{font-size: .9rem; color: #fff; opacity: .8; margin-top: 13px;} #cont_06 ul li>div:nth-child(2)>div:nth-child(1) b{font-size: 3rem; color: #fff; top: -3px;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2){margin-left: 80px; line-height: 1.2; letter-spacing: -.1rem; top: 15px;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2) p{font-size: 1.5rem;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2) b{font-size: 2rem; color: #000; font-weight: 700;} #cont_06 ul li>div:nth-child(2)>div:nth-child(2) b span{font-size: 1.2rem; font-weight: 400; color: #929292;} /*이미지컷*/ #cont_06 ul li>div:nth-child(3){position: absolute; right: 10px; top: 238px; color: #fff; opacity: .7; font-size: 1rem;} /*교통환경*/ #cont_07{width: 100%; text-align: center;} #cont_07 .sub_inner>div:nth-child(1){width: 100%; height: 250px; background: url(/images/cont_07_img1.jpg) center / cover no-repeat; margin-top: 60px;} #cont_07 .sub_inner>p{font-size: 2rem; color: #2b2b2b; margin-top: 30px; line-height: 1.1;} #cont_07 .sub_inner>ul{display: flex; flex-wrap: wrap;} #cont_07 .sub_inner>ul>li{width: 100%; margin-top: 50px;} #cont_07 .sub_inner>ul>li>div{width: 90%; height: 200px; margin: 0 auto;} #cont_07 .sub_inner>ul>li:nth-child(1)>div{background: url(/images/cont_07_img2.jpg);} #cont_07 .sub_inner>ul>li:nth-child(2)>div{background: url(/images/cont_07_img3.jpg);} #cont_07 .sub_inner>ul>li:nth-child(3)>div{background: url(/images/cont_07_img4.jpg);} #cont_07 .sub_inner>ul>li>p{font-size: 2rem; font-weight: 600; margin-top: 10px; color: #000;} #cont_07 .sub_inner>ul>li>span{font-size: 1.2rem; font-weight: 400;} /*이미지컷*/ #cont_07 .sub_inner>ul>li>div>p{position: absolute; right: 10px; top: 180px; color: #fff; opacity: .7; font-size: 1rem;} /*미래비전*/ #cont_08{width: 100%; text-align: center;} #cont_08 .sub_inner>div:nth-child(1){width: 100%; height: 200px; background: url(/images/cont_08_img1.jpg) center / cover no-repeat; margin-top: 60px;} #cont_08 .sub_inner>p{font-size: 2rem; color: #2b2b2b; margin-top: 30px; line-height: 1.1;} /*360vr*/ #cont_09{width: 100%;} #cont_09 p{height: 200px; margin-top: 150px; font-size: 3rem; color: #c0c0c0;} #cont_09 .cont_09_slider{width: 100%; height: 370px; font-size: 0; margin: 0 auto; margin-top: 20px;} #cont_09 .cont_09_slider div>li>div{width: 100%; height: 320px; margin-top: 40px;} #cont_09 .cont_09_slider .cont_09_1>div{background: url(/images/unit_img1.jpg) center / cover no-repeat;} #cont_09 .cont_09_slider .cont_09_2>div{background: url(/images/unit_img2.jpg) center / cover no-repeat;} #cont_09 .cont_09_slider .cont_09_3>div{background: url(/images/unit_img3.jpg) center / cover no-repeat;} #cont_09 .cont_09_slider .cont_09_4>div{background: url(/images/unit_img4.jpg) center / cover no-repeat;} #cont_09 .cont_09_slider .cont_09_5>div{background: url(/images/unit_img5.jpg) center / cover no-repeat;} #cont_09 .cont_09_slider .cont_09_6>div{background: url(/images/unit_img6.jpg) center / cover no-repeat;} /*상품cg*/ #cont_14{width: 100%;} #cont_14 p{height: 200px; margin-top: 150px; font-size: 3rem; color: #c0c0c0;} /*unit*/ #cont_10{width: 100%;} #cont_10 .cont_10_slider{width: 100%; height: 430px; font-size: 0; margin: 0 auto; margin-top: 60px;} #cont_10 .cont_10_slider div>li>div{width: 100%; height: 300px;} #cont_10 .cont_10_slider .cont_10_1>div{background: url(/images/cont_10_img1.jpg) center / contain no-repeat;} #cont_10 .cont_10_slider .cont_10_2>div{background: url(/images/cont_10_img2.jpg) center / contain no-repeat;} #cont_10 .cont_10_slider .cont_10_3>div{background: url(/images/cont_10_img3.jpg) center / contain no-repeat;} #cont_10 .cont_10_slider .cont_10_4>div{background: url(/images/cont_10_img4.jpg) center / contain no-repeat;} #cont_10 .cont_10_slider .slick-dots{ width: 100%; left: 0; top: auto; bottom: -20px; animation: both;} #cont_10 .cont_10_slider .slick-dots li{width: 40%; height: 70px; font-size: 2rem; font-weight: 300; color: #000; text-align: center; line-height: 5; border-bottom: 2px solid rgba(161, 161, 161, 0.3); margin:7px;} #cont_10 .cont_10_slider .slick-dots li p{color: #4b4b4b;font-size: 1rem;} #cont_10 .cont_10_slider .slick-dots li.slick-active{border-bottom: #313131 2px solid; font-weight: 600;} /*홍보영상*/ #cont_11 .sub_inner>div{margin-top: 30px;} #cont_11 .sub_inner > ul{width:100%; margin: 0 auto; display: flex;} #cont_11 .sub_inner > ul li{width: calc(100%/3); height: 55px; background: rgb(228, 228, 228); border-right: 1px solid #d3d3d3;} #cont_11 .sub_inner > ul li:last-child{border-right: 0;} #cont_11 .sub_inner > ul li a{width: 100%; height: 38px; display: block; font-size: 1.5rem; color: #000; padding-top: 17px;} #cont_11 .sub_inner > ul li.active{background: #0a264d;} #cont_11 .sub_inner > ul li.active a{color: #fff; font-weight: 600;} /*언론보도*/ #cont_12 .sub_inner ul{display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 50px;} #cont_12 .sub_inner ul>a{width: 100%;} #cont_12 .sub_inner ul li{width: 96%; padding-bottom:50px; border: 1px solid rgb(227, 227, 227); text-align: left; line-height: 1; margin: 0 auto; margin-top: 1.2rem; cursor: pointer;line-height:1.2;} #cont_12 .sub_inner ul li b{font-size: 1.7rem; color: #000; display: block; margin-top: 28px; padding:0 10px;box-sizing:border-box ;word-spacing: -.2rem;} #cont_12 .sub_inner ul li p{font-size: 1.3rem; color: rgb(143, 143, 143); padding:10px 10px;} #cont_12 .sub_inner ul li>div{position: absolute; display: flex; align-items: center; justify-content: space-between; bottom: 0; background: rgb(235, 235, 235); width: 100%; height: 40px;} #cont_12 .sub_inner ul li>div span{margin: 20px; font-size: 1rem; color: #000;} #cont_12 .sub_inner ul li.date_none{width: 100%; border:0;text-align:center;} #cont_12 .guide-txt{width: 100%; margin: 0 auto; height: 50px; margin-bottom: 60px;} #cont_12 .guide-txt p{position: absolute; left: 10px;font-size: 1rem; color: rgb(168, 168, 168);} /* paginate */ .paginate {margin-top:40px;margin-bottom:20px;font-size:0;text-align:center;} .paginate a {display:inline-block;position:relative;width:32px;height:32px;box-sizing:border-box;font-size:2rem;line-height:1.6;text-align:center;vertical-align:top;transition:all 0.4s;} .paginate a.on {background:#0d1728;width:32px;height:32px;color:#fff;font-weight:700;border-radius:50%;} .paginate a.next {width: 32px;height: 32px;margin-left:15px;background:url(/images/icon_next.png) center no-repeat; overflow:hidden;text-indent:-999999px;} .paginate a.pre {width: 32px;height: 32px;margin-right:15px;background:url(/images/icon_prev.png) center no-repeat; overflow:hidden;text-indent:-999999px;} /*관심고객등록*/ #cont_13{width: 100%;} #cont_13 .sub_inner{text-align: left;} .agree-txt {position:relative; margin: 80px 0 30px;} .agree-txt h2, .per-info h2 {display:block;position:relative;line-height:1.5;font-weight:500;padding-bottom:10px;letter-spacing:-2px;font-size:2.2rem;color:#333;} .agree-txt .txt_area {position:relative;display:block;border:1px solid rgb(201, 201, 201);font-size:1.4rem;color:#666;padding:20px 10px;} .agree-txt .txt_area .tbox {position:relative;height:176px;overflow-y:auto;letter-spacing:-0.5px;padding:0 10px;} .agree-txt .txt_area h1 {display:none;} .agree-txt .txt_area dl dt {display:block;text-align:left;font-size:1.6rem;letter-spacing:-1px;font-weight:300;color:#0a264d;padding:20px 0 10px;font-weight:400;} .agree-txt .txt_area dd ul {padding-top:10px;} .agree-txt .txt_area dd ul li {display:block;position:relative;line-height:1.3;padding:5px 0 5px 20px;} .agree-txt .txt_area dd ul li:before {content:'-';display:block;position:absolute;left:0;top:5px;} .agree-txt .txt_area dd p {font-weight:500;padding:10px 0 5px;} .agree-txt .agree-box {position:relative;padding:20px 0;text-align:center;} .agree-txt .agree-box span {display:inline-block;position:relative;padding-right:30px;} .agree-txt .agree-box input[type="radio"] {display:none;} .agree-txt .agree-box input[type="radio"] + label {position:relative;padding-left:32px;font-size:1.8rem;letter-spacing:-1px;} .agree-txt .agree-box input[type="radio"] + label:before {content:' '; display:block; width:22px; height:22px; position:absolute;left:0;top:-4px;border:2px solid #ddd;border-radius:50%; } .agree-txt .agree-box input[type="radio"]:checked + label:before {border:2px solid #0a264d;z-index:1;} .agree-txt .agree-box input[type="radio"]:checked + label:after {content:' '; display:block;left: 8px;top: 4px;background:#0a264d;width:10px;height:10px;border-radius:50%; position: absolute;} .agree-txt .agree-box .bt-agree-info {display:block;position:absolute;left:504px;top:13px;border-bottom:1px solid #0a264d;padding-bottom:10px;} .agree-txt .agree-box .bt-agree-info span {color:#0a264d;font-size:1.8rem;letter-spacing:-1px;} .per-info {width: 90%; margin: 0 auto; margin-top: 80px;} .per-info > p {display:block;position:absolute;right:0;top:20px;font-size:1.4rem;} .per-info > p > span {color:#a3131b;font-weight:700;} .per-info table {border-top:2px solid #0a264d;width:100%;border-collapse:collapse;border-spacing:0; } .per-info table th, .per-info table td {border-bottom:1px solid #ddd;font-size:1.8rem;color:#333;letter-spacing:-1px;font-weight:300;padding:20px;} .per-info table td{width: 60%;} .per-info table tr:last-child th, .per-info table tr:last-child td {border-bottom:1px solid #0a264d;} .per-info table tr:last-child th {padding-left:33px;} .per-info table th {background:#f5f5f5;font-weight:400;text-align:left;} .per-info table th span {display:inline-block;color:#a3131b;font-weight:500;padding-right:7px;} .per-info table td span {display:inline-block;font-size:1.4rem; font-weight:400;padding-left:5px;} .per-info input[type="text"] {display:inline-block;line-height:44px;padding:0 10px;width:100%;border:1px solid #ccc;vertical-align:middle;outline: none;box-sizing:border-box;} .per-info input[type="text"]:focus{ border:1px solid #ae746e;} .per-info .tx {position:relative;padding-top:10px;} .per-info .tx ul li {display:block;position:relative;padding-left:20px;font-size:1.4rem;color:#666;} .per-info .tx ul li:before {content:'※';position:absolute;left:0;top:0;} .per-info .bt-send {display:block;margin:60px auto 100px;width:90%;height:66px;line-height:66px;color:#fff;text-align:center;background:#0a264d;font-size:2.2rem;font-weight:700;} /*상품CG*/ #cont_14{width: 100%;} #cont_14 .cont_14_slider{width: 100%; height: 440px; font-size: 0; margin: 0 auto; margin-top: 50px;} #cont_14 .cont_14_slider div>li>div{width: 100%; height: 300px; margin-top: 40px;} #cont_14 .cont_14_slider .cont_14_1>div{background: url(/images/cont_14_img1.jpg) center / cover no-repeat;} #cont_14 .cont_14_slider .cont_14_2>div{background: url(/images/cont_14_img2.jpg) center / cover no-repeat;} #cont_14 .cont_14_slider .cont_14_3>div{background: url(/images/cont_14_img3.jpg) center / cover no-repeat;} #cont_14 .cont_14_slider .cont_14_4>div{background: url(/images/cont_14_img4.jpg) center / cover no-repeat;} #cont_14 .cont_14_slider .cont_14_5>div{background: url(/images/cont_14_img5.jpg) center / cover no-repeat;} #cont_14 .cont_14_slider .slick-dots{ width: 100%; left: 0; top: auto; bottom: -30px; animation: both;} #cont_14 .cont_14_slider .slick-dots li{width: 30%; height: 70px; font-size: 2rem; font-weight: 300; color: #000; text-align: center; line-height: 5; border-bottom: 2px solid rgba(161, 161, 161, 0.3); margin:0px;} #cont_14 .cont_14_slider .slick-dots li p{color: #4b4b4b;font-size: 1rem;} #cont_14 .cont_14_slider .slick-dots li.slick-active{border-bottom: #313131 2px solid; font-weight: 600;} #sub_top>div:nth-child(1){position: absolute; left: 0; top: 0; height: 150px; background: rgba(0,0,0,.6); animation: sub_top 1.2s ease both; z-index: 98; left: 50%; transform: translateX(-50%);} @keyframes sub_top { 0%{opacity: 1; width: 0;} 100%{opacity: 0; width: 100%;} } #sub_top .sub_top01_bg{width: 100%; height:150px; background: url(/images/sub_top4.jpg) center / cover no-repeat; overflow: hidden;} #sub_top .sub_top02_bg{width: 100%; height:150px; background: url(/images/sub_top4.jpg) center / cover no-repeat; overflow: hidden;} #sub_top .sub_top03_bg{width: 100%; height:150px; background: url(/images/sub_top4.jpg) center / cover no-repeat; overflow: hidden;} #sub_top .sub_top04_bg{width: 100%; height:150px; background: url(/images/sub_top4.jpg) center / cover no-repeat; overflow: hidden;} #sub_top .sub_top05_bg{width: 100%; height:150px; background: url(/images/sub_top4.jpg) center / cover no-repeat; overflow: hidden;} #sub_top .sub_top06_bg{width: 100%; height:150px; background: url(/images/sub_top4.jpg) center / cover no-repeat; overflow: hidden;} /* 하단 관심등록*/ .registration {position:relative;text-align:left;overflow:hidden; box-sizing:border-box;background:#fff;border-top:1px solid #cfcfcf; margin-top: 70px;} .registration .inner {position:relative; margin: 10px auto 0;} .registration h4 {display:block;position:relative;padding:30px;text-align:center; font-size: 2.2rem; color: #0a264d; } .registration ul {display: flex; align-items: center; flex-direction: column; text-align:left;} .registration ul:after {clear: both; display:block; content:""} .registration ul li {position:relative;vertical-align:middle; font-size:1.6rem;line-height:3;letter-spacing:-0.5px;margin-bottom:10px; display: flex; justify-content: center; width: 80%;} .registration ul li label {width:50px;display:inline-block;font-size:1.5rem;font-weight:400;} .registration ul li input[type="text"] {background:#eee;border:none;font-size:1.5rem; height:45px;} .registration ul li:nth-child(1) input[type="text"] {width:100%;} .registration ul li:nth-child(2) input[type="text"] {width:100%;} .registration ul li input[type="checkbox"] {display:none;} .registration ul li input[type="checkbox"] + label {padding-left:20px;text-indent:-999999px;font-size:0;} .registration ul li input[type="checkbox"] + label:before { content:' '; display:block; width:28px; height:28px; position:absolute; left: 30px; top:10px;background:url(/images/rgs-check.png); background-size:100%;} .registration ul li input[type="checkbox"]:checked + label:before {background:url(/images/rgs-check-on.png) no-repeat 0 0px;background-size:100%;z-index:1;} .registration ul li .privacy {color:#0a264d;font-weight:500; text-decoration: revert;} .registration ul li.bts-r{margin-bottom:50px;} .registration ul li .bt-submit {display:block; background:#0a264d;border-radius:50px;text-align:center;width:350px;line-height:60px;} .registration ul li .bt-submit span {position:relative;color:#fff;font-weight:700;font-size:2rem;} /*********************************** popup ***************************************/ html.on { height:100%; overflow:hidden;} .pu_bg { position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,.8); z-index:1000; display:none;} /*개인정보약관*/ .pop-privacy {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:90%;height:80%; background:#fff; box-sizing:border-box;z-index:1001;padding:20px;display:none; } .pop-privacy .bt_close { position:absolute; display:block;top:-40px;right:0; width:35px; height:35px; background:url(/images/bt_close.png) no-repeat 0 0;background-size:100%; text-indent:-9999px; } .pop-privacy .pu_txt_area {overflow-y:auto;height:92%;padding:20px;font-size:1.5rem;letter-spacing:-0.5px;} .pop-privacy .pu_txt_area h1 {display:block;text-align:center;font-size:3rem;letter-spacing:-3px;font-weight:500;line-height:2;} .pop-privacy .pu_txt_area dl dt {display:block;text-align:left;font-size:1.8rem;letter-spacing:-1px;font-weight:300;color:#0a264d;padding:20px 0 10px;font-weight:400;} .pop-privacy .pu_txt_area dd ul {padding-top:10px;} .pop-privacy .pu_txt_area dd ul li {display:block;position:relative;line-height:1.3;padding:5px 0 5px 20px;} .pop-privacy .pu_txt_area dd ul li:before {content:'-';display:block;position:absolute;left:0;top:5px;} .pop-privacy .pu_txt_area dd p {font-weight:500;padding:10px 0 5px;} /*메뉴*/ body.on{overflow: hidden;} #menu-container{ position: fixed; z-index: 101; width: 100%; height:75px; top: 0; transition: 0.3s; } #menu-container.scroll{ background: rgba(0, 0, 0, .3); } #menu-wrapper { cursor: pointer; z-index: 100; position: absolute; right: 20px; top: 20px; } #menu-wrapper #h_menu { width:30px; height:30px; } #menu-wrapper #h_menu span { left: 0; display: block; width: 100%; height: 2px; border-radius: 10px; color: black; background-color: white; position: absolute; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out; z-index: 9999; } #menu-wrapper #h_menu span:nth-child(1) { top: 5px; } #menu-wrapper #h_menu span:nth-child(2) { top: 16px; } #menu-wrapper #h_menu span:nth-child(3) { top: 27px; } #menu-wrapper #h_menu.open span:nth-child(1) { top: 10px; -webkit-transform: rotate(135deg); transform: rotate(135deg); background-color: rgb(15, 25, 30); } #menu-wrapper #h_menu.open span:nth-child(2) { opacity: 0; left: -60px; } #menu-wrapper #h_menu.open span:nth-child(3) { top: 10px; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); background-color: rgb(15, 25, 30); } #menu-container .menu-list .menu-submenu { background-color: #ececec; } #menu-container .menu-list .menu-submenu li a { display:block; padding: 20px 25px 20px 25px; border-top: 1px solid #dddddd; color: rgb(15, 25, 30); } #menu-container .menu-list .menu-submenu li a:hover { background:#eee; } #menu-container .menu-list { display: block; position:fixed; width: 0; background: rgb(255, 255, 255); z-index: 3; overflow-y: auto; overflow-x: hidden; height:100%; right:0; top:0; transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; } #menu-container .menu-list li:nth-child(1) img{width: 110px; left: 20px; top: 25px;} #nav1{margin-top:45px;} #menu-container .menu-list li.h_menu_toggle{ font-size: 1.7rem; font-weight: 700; padding: 25px; letter-spacing: -.09rem; border-top: 1px solid #dddddd; } .h_menu_toggle, .h_menu_content { cursor: pointer; font-size: 1.5rem; letter-spacing: -.09rem; } .h_menu_content { display: none; } .h_menu_toggle a:before, .h_menu_toggle a:after { content: ''; display: block; position: absolute; top: 50%; right: 3%; width: 10px; height: 1px; margin-top: -1px; background-color: rgb(15, 25, 30); -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.3s; transition: all 0.3s ease-out; } .h_menu_toggle a:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 1; z-index: 2; } .h_menu_toggle.active-tab { background: #0a264d; transition: all 0.3s ease; } .h_menu_toggle.active-tab a{color: #fff;} .h_menu_toggle a.active:before { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); background: rgb(255, 255, 255) !important; } .h_menu_toggle a.active:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); background: rgb(255, 255, 255) !important; opacity: 0; } .m_logo{position: absolute; background: url(/images/logo.png) center / contain no-repeat; width: 150px; height:34px; top:20px; left:12px; text-indent: -9999px; z-index: 1;} .m_menu2{position: fixed; width:0; height:100%; top:0; background-color:rgba(0, 0, 0, .8); z-index: 2; -webkit-transition: .4s ease-in-out; transition: .4s ease-in-out;} .m_menu2.on{width:100%;} .h_menu_link{cursor: pointer; display: block; width: 100%; color: rgb(15, 25, 30);} /* .h_menu_line{position:absolute; top:75px;left:0;width:100%;border-bottom:1px solid rgb(255, 255, 255);opacity:0.3;} */