@charset "utf-8";
/* **************************************************************************************
* 제작자 CSS
Author : 가비아CNS
Author URL : http://www.gabiacns.com
Creation Date : 2023-041-27
Modify Date : 2023-041-27
************************************************************************************** */

/* PC */
* {margin:0; padding:0; box-sizing:border-box; font-family:'Noto Sans KR', sans-serif; font-size:23px; font-weight:400; color:#666; letter-spacing:-0.5px; line-height:1.6;}
#NetFunnel_Loading_Popup {top:0 !important; left:0 !important; right:0 !important;}
#mpopup_bg {background:url('/vendor/netfunnel/images/bg-mo.jpg') no-repeat center; background-size:cover;}
.loading {position:relative; width:100vw; height:100vh; background:url('/vendor/netfunnel/images/bg-pc.jpg') no-repeat center; background-size:cover; padding:0 180px;}
.loading .box {position:fixed; left:50%; top:50%; transform:translate(-50%, -50%); width:1560px; background:rgba(255,255,255, 0.9); padding:65px 190px; text-align:center;}
.loading .box h1 {margin-bottom:30px;}
.loading .box h2 {margin-bottom:15px; font-weight:700;}
.loading .box p {margin-bottom:50px; font-weight:400;}
.loading .box b {font-size:inherit; font-weight:700;}
.loading .box span {font-size:inherit; font-weight:inherit;}
.loading .box .sub {border-top:1px solid #cbcbcb; padding:40px 0;}
.loading .box .sub h3 {font-size:40px; font-weight:700; color:#011e62;}
.loading .box .sub p {margin-bottom:40px; font-size:22px;}
.loading .box .sub ul {width:607px; margin:0 auto 20px;}
.loading .box .sub li {display:inline-block; vertical-align:middle; width:calc(50% - 5px); text-align:center; font-size:22px; color:#555;}
.loading .box .sub li .person {display:inline-block; vertical-align:middle; width:29px; height:29px; background:url('/vendor/netfunnel/images/icon-person.png') no-repeat center; background-size:cover;}
.loading .box .sub li .time {display:inline-block; vertical-align:middle; width:29px; height:29px; background:url('/vendor/netfunnel/images/icon-time.png') no-repeat center; background-size:cover;}
.loading .box .sub .bar {width:607px; height:40px; margin:0 auto;}
.loading .box .sub .bar > div {background:#dadada !important;}
.loading .box .sub .bar > div > div {background:#011e62 !important;}
.loading .box .sub .desc {margin:20px auto 0; font-size:18px; color:#888;}

/* Mobile */
.loading.mo {width:auto; height:auto; background:url('/vendor/netfunnel/images/bg-mo.jpg') no-repeat center; background-size:cover; padding:65px; padding:8.4635vw; font-size:25px; font-size:3.2552vw;}
.loading.mo .box {position:relative; left:0; top:0; transform:translate(0, 0); width:auto; padding:65px; padding:8.4635vw;}
.loading.mo .box h1 {margin-bottom:40px; margin-bottom:5.2083vw;}
.loading.mo .box h1 img {width:218px; width:28.3854vw;}
.loading.mo .box h2 {margin-bottom:40px; margin-bottom:5.2083vw; font-size:25px; font-size:3.2552vw;}
.loading.mo .box p {margin-bottom:60px; margin-bottom:7.8125vw; font-size:27px; font-size:3.5156vw;}
.loading.mo .box .sub {padding:60px 0 0; padding:7.8125vw 0 0;}
.loading.mo .box .sub h3 {font-size:45px; font-size:5.8594vw;}
.loading.mo .box .sub p {margin-bottom:40px; margin-bottom:5.2083vw; font-size:25px; font-size:3.2552vw;}
.loading.mo .box .sub ul {width:100%; margin:0 auto 50px; margin:0 auto 6.5104vw;}
.loading.mo .box .sub li {display:block; width:auto; font-size:26px; font-size:3.3854vw;}
.loading.mo .box .sub li .person,
.loading.mo .box .sub li .time {width:34px; width:4.4271vw; height:34px; height:4.4271vw;}
.loading.mo .box .sub .bar {width:100%; height:40px; height:5.2083vw;}
.loading.mo .box .sub .desc {margin:50px auto 0; margin:6.5104vw auto 0; font-size:22px; font-size:2.8646vw;}
