/*################ 컨텐츠 ###############*/
.content{width:100%; overflow:hidden;}
.content .inner{height:100%;}
.content .inner h4{width:100%; font-size:38px; letter-spacing:-3px; color:#000; font-family: 'NotoSansKR-Bold'; font-weight:bold; padding-bottom:28px; text-align:center;}
.content .inner h4 strong{color:#79389e;}
/*메인*/
.main .section{width:100%;}
.main .section:after{content:''; display:block; clear:both;}
.main .section01{height:900px;
background-image:url(/images/main/main_bg01.jpg);
background-repeat:no-repeat;
background-position:center center;
}
.main .section01 .inner .text_box{width:800px; position:absolute; top:340px; left:190px;}
.main .section01 .inner .text_box h3{font-size:62px; font-weight:bold; font-family: 'NotoSansKR-Bold'; color:#fff; letter-spacing:-4px;}
.main .section01 .inner .text_box .tit{font-size:37px; color:#d2c4ff; padding-bottom:50px; letter-spacing:-1px;}
.main .section01 .inner .text_box .text{font-size:23px; color:#fff; letter-spacing:-1px;}
.main .section01 .cnt01_img{position:absolute; bottom:-100px; left:-360px;}

.main .section02{background-color:#fff; text-align:center; padding:130px 0px 130px 0px;}
.main .section02 .banner{width:100%;}
.main .section02 .banner ul{width:100%; height:341px; overflow:hidden;}
.main .section02 .banner ul li{width:234px; height:100%; margin-right:7.5px; position:relative; float:left;}
.main .section02 .banner ul li:last-child{margin-right:0px;}
.main .section02 .banner ul li p{width:100%; position:absolute; left:0px; bottom:35px; font-size:16px; letter-spacing:-2px; color:#000; font-weight:bold;}

.main .section03{height:920px;
background-image:url(/images/main/main_bg02.jpg);
background-repeat:no-repeat;
background-position:center center;
}
.main .section03 h4{padding-top:100px;}
.main .section03 .content{width:100%; height:600px; background-color:#fff; overflow:hidden;}
.main .section03 .content .lt{width:235px; height:100%; border-right:2px solid #f2f2f2; float:left;}
.main .section03 .content .lt ul{width:100%; height:100%; padding-top:36px; box-sizing:border-box;}
.main .section03 .content .lt ul li{width:100%; height:30px; line-height:30px; padding-left:60px; margin-bottom:20px; box-sizing:border-box; position:relative;}
.main .section03 .content .lt ul li:last-child{margin-bottom:0px;}
.main .section03 .content .lt ul li a{color:#000; font-size:18px; letter-spacing:-2px; font-weight:bold;}
.main .section03 .content .lt ul li a span{font-size:30px; position:absolute; top:-4px; left:40px;}
.main .section03 .content .lt ul li.on a{color:#79389e;}

.main .section03 .content .rt{width:963px; height:100%; padding:36px 0px 0px 36px; box-sizing:border-box; float:right;}
.main .section03 .content .rt .thum_box{width:100%;}
.main .section03 .content .rt .thum_box ul{width:100%; overflow:hidden;}
.main .section03 .content .rt .thum_box ul > li{width:100%; height:100%; overflow:hidden; display:none; float:left;}
.main .section03 .content .rt .thum_box ul > li.cnt1{display:block;}
.main .section03 .content .rt .thum_box ul > li .top{width:100%; height:365px;}

.main .section03 .content .rt .thum_box ul > li .top .big{width:891px; height:100%; float:left;}
/* .main .section03 .content .rt .thum_box ul > li .top .map{width:300px; height:100%; float:left;} */

.main .section03 .content .rt .thum_box ul > li .bot{width:100%; height:145px; margin-top:30px;}
.main .section03 .content .rt .thum_box ul > li .bot .small{width:100%; height:100%;}
.main .section03 .content .rt .thum_box ul > li .bot .small ol{width:100%; height:100%; overflow:hidden; box-sizing:border-box;}
.main .section03 .content .rt .thum_box ul > li .bot .small ol li{width:240px; height:145px; margin-right:9px; display:inline-block; float:left;}

.main .section03 .cnt02_img01{position:absolute; top:-180px; right:-360px;}
.main .section03 .cnt02_img02{position:absolute; bottom:-100px; left:-290px;}

.main .section04{width:100%; padding:130px 0px;}
.main .section04 .content{width:100%;}
.main .section04 .content .img{width:100%; text-align:center;}
.main .section04 .content .text{width:100%; overflow:hidden;}
.main .section04 .content .text ul{width:100%; height:80px;}
.main .section04 .content .text ul li{width:182px; height:90px; text-align:center; margin-right:21px; color:#000; font-size:16px; letter-spacing:-1px; float:left;}
.main .section04 .content .text ul li:last-child{margin-right:0px;}
.main .section04 .content .text ul li p{font-weight:bold; font-family: 'NotoSansKR-Bold'; font-size:24px; padding-bottom:5px;}
.main .section04 .content .text ul li span{line-height:20px; display:inline-block; font-weight:bold;}
.main .section04 .content .text ul li.step01 p{color:#c9c9c9;}
.main .section04 .content .text ul li.step02 p{color:#c9c9c9;}
.main .section04 .content .text ul li.step03 p{color:#c9c9c9;}
.main .section04 .content .text ul li.step04 p{color:#90b4d1;}
.main .section04 .content .text ul li.step05 p{color:#8797c2;}
.main .section04 .content .text ul li.step06 p{color:#8783bb;}

.main .section05{height:452px;
background-image:url(/images/main/main_bg03.jpg);
background-repeat:no-repeat;
background-position:center center;
}
.main .section05 h4{color:#fff; padding-top:80px;}
.main .section05 .text_box{text-align:center;}
.main .section05 .text_box .text{color:#fff; font-size:22px; line-height:34px; letter-spacing:-1px; padding-bottom:30px;}
.main .section05 .text_box a{width:300px; height:76px; line-height:73px; border:3px solid #fff; background-color:#79389e;
border-radius:76px; display:inline-block; text-align:center; color:#fff; font-size:22px; font-weight:bold; font-family: 'NotoSansKR-Bold'; letter-spacing:-1px;}

/* alert modal */
.b2b-alert-modal { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: #00000040; display: flex; align-items: center; justify-content: center; z-index: 998; display: none; } 
.b2b-alert-modal--show { display: flex; } 
.b2b-alert-modal__container { position: relative; border-radius: 10px; border: 1px solid #8D9199; border-top: none; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.10); background-color: #fff; padding: 20px; color: #111; max-width: 500px; width: calc(100% - 40px); line-height: 1.4; } 
.b2b-alert-modal__close { position: absolute; top: 26px; right: 20px; background-image: url(//cdn.malltail.com/goods_img/contents/index/b2b_alert_modal_close_D.svg); background-size: 18px; background-repeat: no-repeat; width: 18px; height: 18px; cursor: pointer; } 
.b2b-alert-modal__title-box { display: flex; align-items: center; gap: 6px; padding-bottom: 12px; border-bottom: 1px solid #E0E0E0; font-size: 20px; font-weight: 700; } 
.b2b-alert-modal__content { color: #666; display: flex; flex-direction: column; gap: 10px; padding-top: 20px; } 
.b2b-alert-modal__link { color: #2085FF; font-weight: 700; }