/*basic-set*/ input[type=text], input[type=password], textarea { -webkit-box-sizing :border-box;‌​ -moz-box-sizing :border-box; box-sizing :border-box; } * { position:relative; /*transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;*/ word-break:keep-all;} .top_btn{display: inline-block; position:absolute; width:auto;height:60px;right: 320px;} .top_btn.deal{right: 470px;} .top_btn span{display:flex;height:100%;align-items: center;} .top_btn span a{display:flex;width:160px;height:40px;background:#82005A;line-height:1;align-items:center;justify-content: center;font-size:16px;color:#FFFFFF;} .top_btn span a::before{content:'';background-image:url('../images/icon_concern.png');width:25px;height:19px;margin-right:9px;} .top_phone{display: inline-block; position:absolute; width:300px; right: 50px;top:19px;} .top_phone span {position:relative;font-size:25px;color:#5A2581; font-weight: 700;padding-left:30px;} .drm-num span {color:rgb(15, 25, 30); font-weight: 700;} .top_phone span:before{content: ""; display: inline-block; width: 24px; height: 24px; background: url(../images/call_on.png) no-repeat; margin-right: 45px;} .top_phone span:after{position:absolute;content: "문의"; display: inline-block;font-size:16px;left:60px;margin-top:5px;} .drm-num {display: inline; position:absolute; width:468px; line-height: 60px; right: 50px;} .drm-num > .top_phone{display: inline;position:relative;right:0;top:0;} .drm-num > .top_phone span:after{margin-top:0;} .drm-num > span.part {font-size:16px;} .drm-num > span.name {font-size:24px;letter-spacing:-2px;font-weight:500;} .comment{font-size:14px;color:#b9b9b9;line-height:1.5; width: 1410px;display: block; margin: 30px auto 170px auto; background: #fafafa; padding: 10px;} #gnb { position:fixed; top:0; left:0; width:100%; height: 60px; z-index:999; min-width:1200px; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;background:#FFFFFF;} #gnb.scroll{background: rgb(243, 240, 238); } #gnb.scroll h1>a{background: url(../images/logo_on.png)} #gnb.scroll ul>li>a{color: rgb(15, 25, 30);} #gnb.scroll .top_phone span{color:#5A2581;} #gnb.scroll .top_phone span:before{background: url(../images/call_on.png);} #gnb.scroll .header_line{border: 1px solid rgb(230, 225, 220);} #gnb.scroll span.part {color:#000000;} #gnb.scroll span.name {color:#000000;} #gnb:hover span.part {color:#000000;} #gnb:hover span.name {color:#000000;} #gnb:hover { background:rgb(243, 240, 238); padding-bottom:190px; border-bottom: rgb(243, 240, 238) 1px solid;} #gnb:hover .header_line{border: 1px solid rgb(200, 200, 200);} #gnb h1 { position:absolute; left: 50px; z-index: 1;} #gnb h1 a { display:block; width: 180px;; top:10px;height:40px; text-indent:-9999px; background: url(../images/logo_on.png) no-repeat;} #gnb:hover h1 a { background-image:url(../images/logo_on.png); } #gnb>ul {text-align:center;} #gnb>ul>li { display:inline-block; margin:0 1px; width:120px; border-bottom:0 solid rgb(15, 25, 30); transition:all ease-in-out 0.3s;} #gnb>ul>li>a { display:block; font-size:19px; line-height:60px; color:rgb(15, 25, 30); font-weight: 500; transition:all ease-in-out 0.3s;} #gnb>ul>li.twoline>a{line-height:24px;} #gnb:hover>ul>li>a { color:rgb(15, 25, 30); } #gnb:hover>ul>li:hover{border-bottom: #5A2581 0 solid;} #gnb:hover>ul>li:hover>a { color:#5A2581;} #gnb:hover .top_phone span{color:#5A2581;} #gnb:hover .top_phone span:before{background: url(../images/call_on.png);} #gnb li a:hover { text-decoration:none; } #gnb>ul>li>ul { position:absolute; min-width:120px; overflow: hidden; height:0; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;} #gnb:hover>ul>li>ul { height: 200px;} #gnb>ul>li>ul>li { line-height:40px; text-align:center; top:27px;} #gnb>ul>li>ul>li.twoline{line-height: 22px; top: 34px;} #gnb>ul>li>ul>li>a { font-size:17px; color:rgb(75, 80, 85); } #gnb>ul>li>ul>li:hover a { color:#5A2581; } .header_line {position:absolute; top:61px;left:0;width:100%;border-bottom:1px solid rgb(230, 225, 220);filter:alpha(opacity=30);opacity:0.3;} #footer{position: relative; width:100%; height: 470px; background-color: #5A2581; color: #b7b7b7; font-size: 15px; line-height: 20px; overflow: hidden;} #footer>div>b{font-weight: 400;} #footer .footer_t{width:1440px; margin: 0 auto; top:40px; font-weight: 400;color:#FFF;} #footer #bt_top { position:absolute; top:0; right:0; width:60px; height:60px; border-radius:30%; text-align:center;z-index:20; margin-top:15px; background-color:#a59487;display:none;} #footer #bt_top span {top:20px; font-size:14px; color:#0f191e; font-weight: 800;} #footer .copyright{margin-top:15px;} #footer .footercopytxt a {color:#e6e1dc;font-weight:700;display:inline-block;padding-bottom:2px;} #footer .yourbiz{line-height: 22px;} #footer .mt{margin-top:22px;line-height:1.7;} #footer .info{position:relative; width:1440px;overflow:hidden; color: #b7b7b7; margin:0 auto;display:flex;align-items:end;justify-content: space-between;border-bottom:1px solid #FFF;padding:80px 0 13px 0;} #footer .info ul {} #footer .info ul:after {clear: both; display:block; content:""} #footer .info ul li {display:inline-block;font-size:20px;font-weight:400;letter-spacing:-1px;color:#FFF;} #footer .info ul li:after {position:relative;content:'|';padding:0 20px;font-size:16px;top:-2px;} #footer .info ul li span {display:inline-block;padding-right:20px;font-size:16px;font-weight:300; color: #FFF;} #footer .info ul li img {vertical-align:middle;} #main_bt{position: fixed; bottom:0; right:0; z-index: 999; animation-delay: 1s; opacity: 0;} #main_bt .main_bt1 img{border-top-left-radius: 20px;} #lnb{position: relative; top:-60px; width:100%; min-width: 1300px; box-sizing: border-box; z-index: 100;} #lnb .lnb_area{position: relative; overflow: hidden; } #lnb .lnb_area .inner{position: relative; margin: 0 auto; width:100%; text-align: center; font-size: 0;} #lnb .lnb_area .inner>ul>li{position: relative; display:inline-block; border-right: 1px solid #ddd; background-color: rgb(247, 247, 247); line-height: 60px; font-size: 20px; width: 350px; font-weight:600;} #lnb .lnb_area .inner>ul>li:first-child{border-top-left-radius: 20px;} #lnb .lnb_area .inner>ul>li:last-child{border-right: 0; border-top-right-radius: 20px;} #lnb .lnb_area .inner>ul>li>a{display:inline-block; min-width: 240px; color: #5A2581; width: 100%;} #lnb .lnb_area .inner>ul>li.active {background:#5A2581;} #lnb .lnb_area .inner>ul>li.active a{color:#fff; font-weight: 700;} #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; opacity: 0;} .txt_01>b{font-size: 42px; color: #5A2581;} .txt_01>b.eng{font-family: "Montserrat"; font-weight: 400;} .txt_01>p{font-size: 42px; color: #1E1E1E; margin-top: 30px;font-weight:700;} .txt_01>p::before{content:'|';font-size:42px;padding-right:5px;} .txt_01>p::after{content:'|';font-size:42px;padding-left:5px;} .txt_01>p.not::before{content:'';} .txt_01>p.not::after{content:'';} .txt_01>p.not {color:#5A2581;} .txt_01>p.not i{color:#82005A} .txt_01>p.not .sep{position:relative;font-size:34px;top:-5px;padding:0 5px;} .txt-small-wrap{display: inline-block; position: absolute; z-index: 100; bottom: 0; right: 0;} .txt-small-wrap>.txt-small{opacity: 0.5; color: white; font-size: 14px; padding: 5px 10px;} .txt_01.mark{width:1005px;height:150px; text-align: center; margin:50px auto 0 auto; opacity: 0;background-image:url('../images/txt_mark.png');background-position: center center;background-repeat: no-repeat} .txt_01.mark > p{font-size: 42px; color: #1E1E1E; margin-top: 0px;font-weight:600;} .premium_title {text-align:center;margin-top:150px;} .premium8 {text-align:center;margin-top:25px;} #cont_01{width:100%; min-width: 1300px; height:752px; margin:20px auto 0 auto; overflow: hidden; display:flex;justify-content: center;} .cont_01_line{height:54px; width: 2px; margin: 22px auto 0 auto;background:#000000;} .brand_txt {text-align:center;font-size:24px;padding:54px 0 200px 0;line-height:1.7;} .cline{animation: cline 1s both;} @keyframes cline{ 0%{height: 0;} 100%{height: 54px;} } .cont_01_img{width:100%; height:850px; background:url(../images/main.png) no-repeat; background-size: cover; background-position: center; opacity: 0; animation-delay: 1s;} .cont_01_1{position:relative; width:1300px; margin: 0 auto; opacity: 0; animation-delay: .5s; text-align: center;} .cont_01_1 p{color: #2b2b2b; font-size: 20px; line-height: 24px; letter-spacing: -0.05em; text-transform: uppercase; font-weight: 300; margin-bottom: 70px;} .cont_01_1 p span{color: #000000; font-size: 24px; font-weight: 600; line-height: 28px;} .cont_01_1 p b{color: #5A2581; font-size: 28px; line-height: 40px;} /* .cont_01_1 .cont_01_1_line{height:230px; width: 300px; border-left: rgb(121, 121, 121) 1px solid; top:20px;} .cont_01_1 p{font-size: 28px; color: rgb(19, 19, 19);} .cont_01_1 b{font-size: 45px; color: #5A2581; line-height: 47px; font-weight: 800; top:10px; text-transform: uppercase; letter-spacing: -1px; word-spacing: -3px;} .cont_01_1 span{top:40px; font-size: 18px; color: #555; line-height: 22px;} .cont_01_2{width:900px; height:500px; top:80px; display: inline-block;} .cont_01_2 > div{display: inline-block; text-align: right; width: 200px; overflow: hidden; opacity: 0; margin-left: 80px;} .cont_01_2 > div:nth-child(n+1):nth-child(-n+3){animation-delay: .5s;} .cont_01_2 > div:nth-child(n+4):nth-child(-n+6){animation-delay: 1s; margin-top:70px;} .cont_01_2 > div > p{font-size: 20px; font-weight: 600; line-height: 24px; margin-top: 20px; margin-bottom: 10px; color: rgb(19, 19, 19);} .cont_01_2 > div > span{font-size: 16px; color: #7e7e7e; line-height: 16px;} */ #cont_02{width:100%; margin-top:100px; min-width: 1400px; overflow: hidden;display:flex;justify-content: center;} .cont_02_1{position:relative; width:1400px; text-align:left;overflow:hidden; display: inline-block; opacity: 0; animation-delay: .6s;} .cont_02_1 b{color: #5A2581; font-size: 30px;font-weight:500;letter-spacing:4px;} .cont_02_1 table {border-spacing:0;width:100%;overflow:hidden; margin-top: 50px;} .cont_02_1 table th, .cont_02_1 table td {padding:15px;font-size:25px; color: #717171; line-height:1.7; border-bottom:1px solid #dfdfdf;letter-spacing:-0.05em;} .cont_02_1 table td{left:20px;} .cont_02_1 table td span{font-size:22px;color:#1E1E1E;margin-right:50px;} .cont_02_1 table th {width:300px;font-size:30px; color:#5A2581;text-align:center;font-weight:600; border-bottom: #5A2581 2px solid;} /* .cont_02_1 .comment{border:0;font-size:16px;color:#575757;line-height:1.5;margin:50px 0 250px 0; padding-top: 10px;border-top: 1px solid #b9b9b9;} */ #cont_03{width:100%; height:680px; margin-top:100px;} .cont_03_map{width:1300px; margin: 0 auto; opacity: 0;} .cont_03_map_1{width:500px; display: inline-block;padding: 0 74px;} .cont_03_map_1 .map_1{width:500px; height:400px; border: 1px rgb(223, 223, 223) solid;} .cont_03_map_1 .tx{text-align: left; display: inline-block; top:80px;} .cont_03_map_1 .tx b{color: #5A2581; font-size: 22px; letter-spacing:-0.05em; display: block; line-height: 10px;} .cont_03_map_1 .tx p{color: #7a7a7a; font-size: 17px; letter-spacing:-0.05em;} .cont_03_map_1 .tx > div:nth-child(2){width:60px;height:2px; border-bottom: #5A2581 2px solid; display: inline-block; } .cont_03_map_1 .tx > div:nth-child(3){width:240px;height:2px; border-bottom: #a3a3a3 1px solid; display: inline-block; left:-2px;} .cont_03_map_1 .btn{width:150px; display: inline-block; top:10px; left:98px;} .cont_03_map_1 .btn img{margin-top:10px} #cont_04{width:100%; min-width: 1300px; margin-top:50px; text-align: center; overflow: hidden; opacity: 0;} #cont_04 img{margin-bottom: 100px;} .premium_top{width: 100%; height: 500px; background: url(../images/premium_top.jpg) no-repeat; background-size: cover; margin-top:100px; opacity: 0;} #cont_05{width:100%; text-align: center; overflow: hidden;margin:140px 0 150px 0;} #cont_05 .premium_tx{width:1450px; margin: 0 auto; overflow: hidden;display:flex;flex-wrap: wrap;justify-content: space-between;} #cont_05 .premium_title{text-align: left; width: 580px; height: 200px; top: -35px; display: inline-block; overflow: hidden; margin-bottom: 0;} #cont_05 .premium_title b{left: 43px; font-weight: 400; font-size: 38px; color: #5e5e5e; letter-spacing: -2px; word-spacing:-5px ;} #cont_05 .premium_title p{left: 38px; font-size: 64px; line-height: 59px; letter-spacing: -5px; word-spacing: -6px; font-weight: 600; color: #5A2581;} #cont_05 .premium_title span{position: absolute; right: 40px; top:-23px; font-size: 126px; color: #5A2581; font-weight: 600;} #cont_05 ul li{opacity: 0;width:680px;margin-bottom:60px;display:flex;flex-direction:column;} #cont_05 ul li .exp{display:flex;margin:30px 0 0 0;padding:0 0px;box-sizing: border-box;} #cont_05 ul li .exp .num_wrap{color:#5A2581;width:110px;} /* #cont_05 ul li .exp .num_wrap::after{position:absolute;content:'';border-right:1px solid #1E1E1E;height:120px;top:0;right:0px;} */ #cont_05 ul li .exp .num_wrap .premium{font-weight:700;font-size:8px;} #cont_05 ul li .exp .num_wrap .num{font-weight:800;font-size:40px;} #cont_05 ul li .exp .num_wrap .icon{margin-top:10px;} #cont_05 ul li .exp .info_wrap{flex:1;display:flex;flex-direction:column;align-items:start;padding:0 0 0 20px;box-sizing: border-box;} #cont_05 ul li .exp .info_wrap .ttl{font-size:30px;color:#000000;font-weight:500;text-align:left;margin-bottom:20px;} #cont_05 ul li .exp .info_wrap .ttl b{font-weight:800;} #cont_05 ul li .exp .info_wrap .pcont{font-size: 24px;color: #717171; line-height: 1.4;/* margin-top: 30px;*/font-weight:600;text-align:left;padding:0 0 0 0;line-height:1.4;} #cont_06{width:100%; min-width: 1300px; margin-top:50px; overflow: hidden;background:#E4DCDB;padding:160px 0 190px 0;} #cont_06 ul {width:1270px;margin:140px auto 0 auto;display:flex;justify-content: space-between;} #cont_06 ul li{opacity: 0;} #cont_06 .ttl_wrap {width:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;} #cont_06 .ttl_wrap p{font-size:38px;color:#FFFFFF;font-weight:300;} #cont_06 .ttl_wrap p.m{font-size:60px;font-weight:800;margin:10px 0 0 0;} #cont_06 .ttl_wrap p.m span{color:#DDCABC;} #cont_06 .text_box {display:flex;justify-content: center;margin:69px 0 0 0;font-size:40px;font-weight:800;color:#1E1E1E;} #cont_06 .text_box .box{background:#FFFFFF;width:auto;height:103px;display: flex;align-items: center;justify-content: center;border-radius:103px;} #cont_06 .text_box .box span{position:relative;color:#5A2581;margin:0 10px;top:-2px;} #cont_07{width:100%; min-width: 1300px; overflow: hidden;height:1630px;padding:30px;box-sizing: border-box;} #cont_07 .bg_box{width:100%; height:100%;background:#F8F8F8 url('../images/bg_service_part07-2.png');background-position: center;background-size: 100%;background-repeat: no-repeat;padding:170px 0 170px 0;} #cont_07 ul {width:1270px;margin:140px auto 0 auto;display:flex;justify-content: space-between;} #cont_07 ul li{opacity: 0;} #cont_07 .ttl_wrap {width:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;margin:170px 0 0 0;} #cont_07 .ttl_wrap p{font-size:38px;color:#1E1E1E;font-weight:300;} #cont_07 .ttl_wrap p.m{font-size:60px;font-weight:800;margin:10px 0 0 0;} #cont_07 .ttl_wrap p.m span{color:#82005A;} #cont_07 .text_box {display:flex;justify-content: center;margin:69px 0 0 0;font-size:40px;font-weight:800;color:#1E1E1E;} #cont_07 .text_box .box{background:#DDCABC;width:800px;height:103px;display: flex;align-items: center;justify-content: center;border-radius:103px;} #cont_07 .text_box .box span{position:relative;color:#fff;margin:0 10px;top:-2px;} #cont_08{width:100%; overflow: hidden; margin-top: 100px;} #cont_08 .unit{width: 1497px; margin: 100px auto 100px auto; color: #fff;background-image:url('../images/pic_unit.png');height:334px; display: none; } #cont_08 .unit>div{display: inline-block; margin-right: 12px; width: 314px; height: 500px; overflow: hidden; text-align: center; opacity: 0;} #cont_08 .unit>div:first-child{border-top-left-radius: 30px;} #cont_08 .unit>div:last-child{margin-right: 0; border-bottom-right-radius: 30px;} #cont_08 .unit b{display: block; width: 45px; height: 38px; background-color: #a59487; border-radius: 100px; font-size: 25px; font-weight: 600; margin: 20px auto; padding-top: 7px;} #cont_08 .unit p{font-size: 22px; font-weight: 700;} #cont_08 .unit span{font-size: 15px; font-weight: 300; line-height: 18px; top: 10px;} #cont_08 .unit01{background: url(../images/unit_d1.jpg) no-repeat;} #cont_08 .unit02{background: url(../images/unit_d2.jpg) no-repeat; animation-delay: .1s;} #cont_08 .unit03{background: url(../images/unit_d3.jpg) no-repeat; animation-delay: .2s;} #cont_08 .unit04{background: url(../images/unit_d4.jpg) no-repeat; animation-delay: .3s;} #cont_08 .unit_line{width:1px; height: 300px; border-right: rgba(255, 255, 255, .3) 1px solid; margin: 0 auto;} #cont_08 .cont_dep{opacity: 0; min-width: 1460px;display:flex;flex-direction:column;align-items: center;justify-content: center;} #cont_08 .tab-unit {position:relative;text-align:center;font-size:0;width:1410px; margin: 0 auto; display: flex;} #cont_08 .tab-unit:after {clear: both; display:block; content:""} #cont_08 .tab-unit li {width:100%;text-align:center; border-bottom:1px solid #cccccc; border-top:1px solid #cccccc;/*margin-left:-1px;*/} #cont_08 .tab-unit li a {display:block;width:100%;line-height:60px;font-size:18px;color:#1E1E1E;font-weight:600;} #cont_08 .tab-unit li.active {border-bottom:2px solid #5A2581;} #cont_08 .tab-unit li.active a {color:#1E1E1E;font-weight:800;font-size:22px;} #cont_08 .tab-unit li a span{font-size: 14px; font-weight: 300;} #cont_08 .tab-view {position:relative;/*overflow:hidden;*/ text-align: center;display:flex;justify-content: center;width:1460px;margin-bottom:170px;} #cont_08 .tab-view .unit-img {max-width:100%;overflow:hidden;margin: 0 auto; text-align: left; background-color: #fafafa;padding:122px 0 20px 0;display:flex;width:1410px;} #cont_08 .tab-view .unit-img img{opacity: 0;} #cont_08 .tab-view .unit-img .pic{display:flex;flex-direction:column;align-items: center;width:850px} #cont_08 .tab-view .unit-img .pic .ttl{color:#1E1E1E;font-size:14px;margin-bottom:120px;} #cont_08 .tab-view .unit-img .pic .ttl b{font-size:22px;margin-right:5px;} #cont_08 .guide_txt{width:1300px; font-size: 12px; line-height: 15px; color: #878787; margin: 40px auto 80px; left: 35px;} #cont_08 .tab-view .unit-img>p{ position: absolute; z-index: 99; width: 360px; height: 35px; border-radius: 5px; border: 1px solid #bfbfbf; color: #fff; font-size: 20px; text-align: center; padding-top: 8px; transform: rotate(-20deg); background: rgba(0, 0, 0, 0.4); top: 250px; left: 25px; cursor: default;} #cont_08 .unit-tx{text-align: left; font-size: 40px; color: rgb(15, 25, 30); letter-spacing: -1px; display: inline-block; margin-left: 75px; opacity: 0;} #cont_08 .unit-tx b{font-size: 80px; font-weight: 800; color:#5A2581;} #cont_08 .unit-tx span{font-size: 22px; color:#5A2581; font-weight: 800; margin-left: 5px;} #cont_08 table {border-spacing:0;;overflow:hidden; margin-right: 25px; text-align: center; margin-top: 10px;} #cont_08 table th, #cont_08 table td {padding:15px;font-size:22px; color: #7c7c7c; line-height:1.3; border-bottom:1px solid #dfdfdf;letter-spacing:0.01em;} #cont_08 table td{width: 250px;} #cont_08 table th {width:150px; color:#2b2b2b;text-align:center;font-weight:700; border-bottom: #5A2581 2px solid;font-size:25px;} .page_head {display:flex;flex-direction: column;align-items: center;padding:210px 0 0 0;} .page_head .page_line{width:1px;height:137px;background:#000;} .page_head .sub_title{font-size:42px;font-weight:800;text-align:center;color:#5A2581;margin:15px 0;} .page_head .sub_title span{color:#82005A;} #cont_assemble {width:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;} #cont_assemble ul{margin:190px 0 0 0;width:1924px;} #cont_assemble ul li{margin-bottom:86px;} #cont_assemble ul li.odd{} #cont_assemble ul li .data_wrap{display:flex;} #cont_assemble ul li .pic{width:956px;} #cont_assemble ul li .info{display:flex;flex-direction: column;padding:0 64px 37px 0;box-sizing: border-box;align-items: end;justify-content: end;width:970px;} #cont_assemble ul li.odd .info{padding:0 0 37px 64px;justify-content: end;align-items: start;} #cont_assemble ul li .info .logo span{display:inline-block;font-size:18px;background:#82005A;color:#FFFFFF;border-radius:15px;padding:3px 10px;} #cont_assemble ul li .info .logo span i{font-size:20px;} #cont_assemble ul li .info .exp_wrap{display:flex;gap:0 30px;margin-top:10px;flex-direction: row-reverse} #cont_assemble ul li.odd .info .exp_wrap{flex-direction: row} #cont_assemble ul li .info .exp_wrap .num{position:relative;font-size:54px;font-weight:800;color:#82005A;} #cont_assemble ul li .info .exp_wrap .num::after{position:absolute;content:'';border-right:1px solid #1E1E1E;width:1px;height:52px;top:12px;left:-15px;} #cont_assemble ul li.odd .info .exp_wrap .num::after{left:auto;right:-20px;} #cont_assemble ul li .info .exp_wrap .txt_wrap{word-break: break-all;width:730px;} #cont_assemble ul li .info .exp_wrap .txt_wrap .ttl{font-size:45px;color:#1E1E1E;font-weight:600;text-align:right;} #cont_assemble ul li.odd .info .exp_wrap .txt_wrap .ttl{text-align:left;} #cont_assemble ul li .info .exp_wrap .txt_wrap .txt{font-size:24px;color:#717171;line-height:1.4;margin-top:30px;text-align:right;} #cont_assemble ul li.odd .info .exp_wrap .txt_wrap .txt{text-align:left;} #cont_09{width:100%; overflow: hidden; text-align: center;} #cont_10{width:100%; overflow: hidden; text-align: center;} #cont_10 div{width: 1300px; margin:70px auto; opacity: 0;} #cont_11{width:100%; overflow: hidden; text-align: center;} #cont_12{width:1300px; overflow: hidden; margin: 0 auto;} /*하단 바*/ #cont_unit {width: 1410px; margin: 0 auto;display:flex;flex-direction:column;justify-content: center;align-items:center;margin-bottom:400px;} #cont_unit .cont_wrapper{width:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;background:#FAFAFA;margin:100px 0 0 0;} #cont_unit .tab_wrapper{display:flex;width:100%;height:70px;margin:0 0 44px 0;gap:0 20px;border-top:1px solid #B9B9B9;border-bottom:1px solid #B9B9B9;padding:10px 0;} #cont_unit .tab_wrapper .tab{flex:1;background:#F3F0EE;color:#707070;font-size:36px;font-family:'Montserrat';font-weight:600;display:flex;justify-content: center;align-items: center;cursor:pointer;} #cont_unit .tab_wrapper .tab.on{background:#5A2581;color:#FFFFFF;} #cont_unit .tab_wrapper .tab i{font-weight:800;} #cont_unit .cont_layer_info {display:flex;flex-direction:column;width:100%;} #cont_unit .cont_layer_info .layer_info {display:flex;flex-direction:row;width:100%;padding:70px 70px;box-sizing:border-box;align-items:flex-start;} #cont_unit .cont_layer_info .layer_info .layer{width:310px;height:290px;background:#82005A;border-bottom-right-radius:50px;color:#FFFFFF;padding:34px;box-sizing:border-box;font-weight:300;} #cont_unit .cont_layer_info .layer_info .layer .up{font-size:24px;font-family:'GmarketSansMedium';border-bottom:1px solid #FFFFFF;padding:0 0 22px 0;} #cont_unit .cont_layer_info .layer_info .layer .up span{font-weight:700;} #cont_unit .cont_layer_info .layer_info .layer .info{font-size:130px;margin-top:40px;} #cont_unit .cont_layer_info .layer_info .layer .info span{font-weight:700;} #cont_unit .cont_layer_info .store_info {padding:160px 0 0 70px;width:100%;} #cont_unit .cont_layer_info .store_info .ttl_wrap{font-family: 'Pretendard';display:flex;gap:0 12px;width:100%;} #cont_unit .cont_layer_info .store_info .ttl_wrap .kind{font-size:36px;background:#000;width:250px;height:70px;border-bottom-right-radius:20px;color:#FFFFFF;display:flex;justify-content: center;align-items: center;} #cont_unit .cont_layer_info .store_info .ttl_wrap .store{font-size:38px;border-top:1px solid #B9B9B9;border-bottom:1px solid #B9B9B9;width:100%;display:flex;justify-content: start;align-items: center;padding:0 10px;box-sizing: border-box;} #cont_unit .cont_layer_info .img{padding:60px 0 80px 0;text-align:center;} #cont_unit .cont_layer_info .gallery_info {display:flex;justify-content: space-between;} #cont_unit .cont_layer_info .gallery_info .gallery{width:24%;} #cont_unit .cont_layer_info .gallery_info .pic{display:flex;} #cont_unit .cont_layer_info .gallery_info .pic img{width:100%;} #cont_unit .cont_layer_info .gallery_info .ttl{height:43px;line-height:43px;font-size:24px;font-family:'Pretendard';font-weight:600;background:#E9DFD7;color:#7E6450;padding:0 15px;box-sizing: border-box;} /* 관심고객등록 */ .agree-txt {position:relative; margin: 80px 0 30px;} .agree-txt h2, .per-info h2 {display:block;position:relative;line-height:37px;font-weight:500;padding-bottom:10px;letter-spacing:-2px;font-size:28px;color:#333;} .agree-txt .txt_area {position:relative;display:block;border:1px solid rgb(201, 201, 201);font-size:16px;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:20px;letter-spacing:-1px;font-weight:300;color:#693e41;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:18px;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 #a59487;z-index:1;} .agree-txt .agree-box input[type="radio"]:checked + label:after {content:' '; display:block;left: 8px;top: 4px;background:#a59487;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 #a59487;padding-bottom:10px;} .agree-txt .agree-box .bt-agree-info span {color:#a59487;font-size:18px;letter-spacing:-1px;} .per-info {margin-top: 80px; opacity: 0;} .per-info > p {display:block;position:absolute;right:0;top:20px;font-size:14px;} .per-info > p > span {color:#5A2581;font-weight:700;} .per-info table {border-top:2px solid #a59487;width:100%;border-collapse:collapse;border-spacing:0; } .per-info table th, .per-info table td {border-bottom:1px solid #ddd;font-size:18px;color:#333;letter-spacing:-1px;font-weight:300;padding:20px;} .per-info table tr:last-child th, .per-info table tr:last-child td {border-bottom:1px solid #a59487;} .per-info table tr:last-child th {padding-left:40px;}` .per-info table th {background:#f5f5f5;font-weight:400;text-align:left;} .per-info table th span {display:inline-block;color:#5A2581;font-weight:500;padding-right:7px;padding-left:10px;} /*.per-info table tr:last-child th {padding-left:37px;}*/ .per-info table td span {display:inline-block;font-size:14px; font-weight:400;padding-left:5px;} .per-info input[type="text"] {display:inline-block;line-height:44px;padding:0 10px;width:275px;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:14px;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:400px;height:66px;line-height:66px;color:#fff;text-align:center;background:#a59487;font-size:22px;font-weight:700;} /* 홍보센터 : news */ /*cont */ .cont {position:relative;padding:80px 0;line-height:1;overflow:hidden;} .cont .inner {position:relative;width:1300px;margin:0 auto;text-align:center;} .cont .tit-box {position:relative;text-align:center;margin-bottom:40px;letter-spacing:-1px;overflow:hidden;} .cont .tit-box h2 {font-weight:700;font-size:45px;letter-spacing:-2px;opacity:0;} .cont .tit-box p {padding-top:20px;font-size:22px;line-height:1.3;opacity:0;} .news-box {position:relative;overflow:hidden;} .news-box .posts {position:relative;line-height:2;color:#a0a0a0;font-size:20px;text-align:left;} .news-box .posts span {color:#222;font-weight:500;} .news-box ul {position:relative;border-top:2px solid #000;} .news-box ul li {position:relative;display:block;border-bottom:1px solid #e5e5e5;} .news-box ul li a {position:relative;display:block;} .news-box ul li a .num {display:block;position:absolute;left:0;top:0;width:100px;text-align:center;line-height:130px;font-size:25px;color:#1E1E1E;font-weight:500;} .news-box ul li a .category {display:block;position:absolute;left:100px;top:27px;background:#5A2581;color:#fff;width:160px;line-height:74px;font-size:20px;font-weight:400;} .news-box ul li a .tit {display:block;margin-left:300px;width:830px;font-weight:300;color:#717171;font-size:25px;line-height:130px;letter-spacing:-1px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .news-box ul li a .date {display:block;position:absolute;right:0;top:0;width:150px;line-height:130px;font-size:16px;color:#717171;} /* 페이징 */ .paginate {margin-top:40px;font-size:0;text-align:center;} .paginate a {display:inline-block;position:relative;width: 40px;height: 41px;box-sizing:border-box;font-size:20px;line-height: 40px;text-align:center;vertical-align:top;transition:all 0.4s;} .paginate a.on {background:#5A2581;width:40px;height:41px;color:#fff;font-weight:700;border-radius:50%;} .paginate a.next {width: 35px;height: 35px;margin-left:15px;background:url(../images/icon_next.png) center no-repeat;background-size: 15px 15px;overflow:hidden;text-indent:-999999px;} .paginate a.pre {width: 35px;height: 35px;margin-right:15px;background:url(../images/icon_prev.png) center no-repeat;background-size: 15px 15px;overflow:hidden;text-indent:-999999px;} /* 하단 관심등록*/ .registration {position:relative;text-align:left;height:147px;overflow:hidden; box-sizing:border-box;background:#fff;border-top:1px solid #dfdfdf;z-index:8;} .registration .inner {position:relative;width:1300px;margin: 40px auto 0;} .registration h4 {display:block;position:absolute;left:0;top:6px;color:#a59487;font-size:24px;font-weight:500;line-height:60px;letter-spacing:-2px; padding-left: 35px;} .registration h4:before {content:'';position:absolute;top:17px;left:0px;width:30px;height:29px;background-image:url(/images/regist.png);background-size:100%;} .registration ul {position:relative;margin-left:180px;text-align:left;letter-spacing:-0.05em;} .registration ul:after {clear: both; display:block; content:""} .registration ul li {position:relative;vertical-align:middle; display:inline-block; padding-right: 30px; font-size:18px;line-height:60px;} .registration ul li label {display:inline-block;font-size:18px;font-weight:400;padding-right:10px;line-height:60px;} .registration ul li input[type="text"] {background:#eee;border:none;font-size:20px; } .registration ul li:nth-child(1) input[type="text"] {width:220px; height: 50px;} .registration ul li:nth-child(2) input[type="text"] {width:230px; height: 50px;} .registration ul li input[type="checkbox"] {display:none;} .registration ul li input[type="checkbox"] + label {padding-left:26px;text-indent:-999999px;font-size:0;} .registration ul li input[type="checkbox"] + label:before { content:' '; display:block; width:20px; height:20px; position:absolute;left:10px;top:17px;background:url(/images/rgs-check.png); } .registration ul li input[type="checkbox"]:checked + label:before {background:url(/images/rgs-check-on.png) no-repeat 0 0px;z-index:1;} .registration ul li .privacy {display:inlin-block;padding:5px 0;border-bottom:1px solid #a59487;color:#a59487;font-weight:400;} .registration ul li.bts-r {position:absolute;right:0;padding:0;} .registration ul li .bt-submit {display:block;padding:0 50px;background:#a59487; } .registration ul li .bt-submit span {position:relative;color:#fff;font-weight:500; font-size:22px; text-align: center;} .pic_wrap .pic{width:239px;height:378px;background-repeat:no-repeat;background-position: center top;} .pic_wrap .pic.on{width:334px;height:523px;transition: .5s all;} .pic_wrap .pic.pic01{background-image:url('../images/mn_life01.png');} .pic_wrap .pic.pic02{background-image:url('../images/mn_life02.png');} .pic_wrap .pic.pic03{background-image:url('../images/mn_life03.png');} .pic_wrap .pic.pic04{background-image:url('../images/mn_life04.png');} .pic_wrap .pic.pic05{background-image:url('../images/mn_life05.png');} .pic_wrap .pic.on.pic01{background-image:url('../images/mn_life01_on.png');} .pic_wrap .pic.on.pic02{background-image:url('../images/mn_life02_on.png');} .pic_wrap .pic.on.pic03{background-image:url('../images/mn_life03_on.png');} .pic_wrap .pic.on.pic04{background-image:url('../images/mn_life04_on.png');} .pic_wrap .pic.on.pic05{background-image:url('../images/mn_life05_on.png');} /*********************************** 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;} /* popup start */ .divpop_yb{position:absolute; top: 350px; right: 5%; width: 1200px; opacity: 0; animation: fadeInD2 1s ease-in-out both; z-index: 99; font-size: 0;} @keyframes fadeInD2 { from {opacity: 0; margin-top: -60px;} to {opacity: 1; margin-top: 0;} } .divpop_yb img { width: 100%; height: auto; display: block; } .close_yb{position: absolute; display: block; width: 50px; height: 50px; top:-50px; right:0; background:#000000c7; cursor: pointer;} .close_yb span{position: absolute; width: 40px; height:2px; background: #fff; display: block; left: 50%; top: 50%;} .close_yb span:nth-of-type(1){transform: translate(-50%, -50%) rotate(135deg);} .close_yb span:nth-of-type(2){transform: translate(-50%, -50%) rotate(-135deg);} .popup_btn{position: absolute; width: 33%; height: 22%; bottom: 20%; left:40%; cursor: pointer;} /* popup end */ /*개인정보약관*/ .pop-privacy {position:fixed;left:50%;top:50%;transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); width:1000px;height:100%; background:#fff; box-sizing:border-box;z-index:1001;padding:20px;display:none; } .pop-privacy .bt_close { position:absolute; display:block;top:0px;left:50%; margin-left:510px;width:52px; height:53px; 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:100%;padding:20px;font-size:16px;letter-spacing:-0.5px;} .pop-privacy .pu_txt_area h1 {display:block;text-align:center;font-size:40px;letter-spacing:-3px;font-weight:500;line-height:2;} .pop-privacy .pu_txt_area dl dt {display:block;text-align:left;font-size:20px;letter-spacing:-1px;font-weight:300;color:#753232;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;} #sub_top{overflow: hidden;} #sub_top .sub_top_tx{overflow: hidden; top: 50%; width: 0; animation: sub_top_tx 2.5s .5s ease; animation-fill-mode:both; left: 42.5%;} #sub_top .sub_top_tx p{color: rgb(243, 240, 238); font-size: 18px; font-weight: 700; letter-spacing: 9px; min-width: 275px;} @keyframes sub_top_tx { 0%{ width: 0;} 100%{width: 265px;} } .mr50 {margin-right:50px;} #sub_top .sub_top01_bg{ width: 100%; height:850px; top:60px; background: url(../images/sub_top01.jpg?v=1); /* background-attachment: fixed; */ background-size: cover; background-position: center; animation:sub_top01 1s ease-in-out; animation-fill-mode:both; } #sub_top .sub_top02_bg{ width: 100%; height:850px; background: url(../images/sub_top02.jpg?v=1); background-size: cover; background-position: center; animation:sub_top01 1s ease-in-out; animation-fill-mode:both; } #sub_top .sub_top03_bg{ width: 100%; height:850px; background: url(../images/sub_top03.jpg?v=1); background-size: cover; background-position: center; animation:sub_top01 1s ease-in-out; animation-fill-mode:both; } #sub_top .sub_top04_bg{ width: 100%; height:850px; background: url(../images/sub_top04.jpg); background-size: cover; background-position: center; animation:sub_top01 1s ease-in-out; animation-fill-mode:both; } #sub_top .sub_top05_bg{ width: 100%; height:850px; background: url(../images/sub_top05.png); background-size: cover; background-position: center; animation:sub_top01 1s ease-in-out; animation-fill-mode:both; } #sub_top .sub_top06_bg{ width: 100%; height:850px; background: url(../images/sub_top06.jpg); background-size: cover; background-position: center; animation:sub_top01 1s ease-in-out; animation-fill-mode:both; } #sub_top .sub_top07_bg{ width: 100%; height:850px; background: url(../images/sub_top07.jpg); background-size: cover; background-position: center; animation:sub_top01 1s ease-in-out; animation-fill-mode:both; } @keyframes sub_top01 { 0%{ opacity: 0;} 100%{opacity: 1;} } .hm200 {min-height:200px;}