body, .wrap{min-width:1200px;}

.pageTab{position:fixed; top:65px; left:0; width:100%; background:#111; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); z-index:10;}
.pageTab ul{text-align:center; font-size:0}
.pageTab ul li{display:inline-block; margin:0 25px; padding:0 2px; height:60px; line-height:57px; font-size:16px; color:#fff; border-bottom:3px solid transparent; cursor:pointer; box-sizing:border-box;}
.pageTab ul li:hover,
.pageTab ul li.on{font-weight:bold; border-color:#fff}

.aboutloud{position:relative; padding-top:58px;}
.bg_gray{background-color:#f8f8f8;}
.section{position:relative; padding-top:110px; padding-bottom:120px;}
.inner{position:relative; width:1000px; padding:0; margin:0 auto; box-sizing:border-box;}
.pageTab .inner{width:1200px;}
.section .titBox{}
.section .titBox span.cate{display:block; margin-top:-10px; margin-bottom:15px; font-size:82px; font-weight:bold; line-height:100%; color:#000; letter-spacing:-2.43px; opacity:0.13;}
.section .titBox p.tit,
.section .titBox p.tit strong{line-height:140%; font-size:31px; letter-spacing:-0.9px;}
.section .titBox p.txt{margin-top:20px; font-size:18px; color:#3e3e3e; line-height:150%;}
.section .titBox p.txt strong{color:#3e3e3e !important;}
.section .balloon{position:absolute; top:0; right:0; padding:25px 20px;  width:176px; height:176px; color:#fff; text-align:center; background:#3552fb; border-radius:50%; box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.16); box-sizing:border-box;}
.section .balloon span.ico{margin-bottom:7px; display:inline-block; width:50px; height:50px;}
.section .balloon p{font-size:15px; font-weight:500; letter-spacing:-0.45px; text-shadow:0 3px 6px rgba(0, 0, 0, 0.16);}
.section .balloon p.large{margin-top:10px; font-size:24px; font-weight:bold;}
.section .aboutloud_guide{display:block; font-size:12px; letter-spacing:-0.36px; color:#707070;}

.sec1{padding-bottom:20px; overflow:hidden;}
.sec1 .bg_top{padding-top:140px; padding-bottom:200px; background:#5a72fe url("/hive/template/LOUD_IMG/aboutloud/bg_top.png") 0 50% no-repeat; background-size: cover;}
/* .sec1 .bg_top .inner{padding:0 40px;} */
.sec1 .titBox{}
.sec1 .titBox p.tit{color:#fff; font-size:54px; line-height:130%; font-weight:900; letter-spacing:-1.62px;}
.sec1 .titBox p.point{font-weight:900; letter-spacing:-1.62px}
.sec1 .titBox p.point span{position:relative;}
.sec1 .titBox p.point span:before{position:absolute; top:-5px; left:50%; margin-left:-2.5px; display:inline-block; content:""; width:5px; height:5px; background:#fff; border-radius:50%;}
.sec1 .titBox p.txt{padding-left:22px; margin-top:95px; font-size:18px; letter-spacing:-0.54px; color:#fff; background:url("/hive/template/LOUD_IMG/aboutloud/ic_check.png") 0 50% no-repeat;}
.sec1 .titBox p.txt strong{color:#fff !important;}
.sec1 .contentBox{position:relative; margin-top:-190px;}
.sec1 .contentBox .thumb{position:absolute; top:-290px; right:0; width:600px; height:530px; z-index:0;}
.sec1 .contentBox .thumb .cursor{position:absolute; top:300px; right:-55px;}
.sec1 .contentBox .reasonBox{position:relative; left:-16px; width:550px; z-index:1;}
.sec1 .contentBox .reasonBox ul li{position:relative; margin-top:-10px;}
.sec1 .contentBox .reasonBox ul li:first-child{margin-top:0}
.sec1 .contentBox .reasonBox ul li:nth-child(2){text-align:right;}
.sec1 .ico{position:absolute; bottom:-10px; width:324px; right:40px;}
.sec1 .ico img{width:100%;}

.sec2{padding-top:88px;}
.sec2 .inner:after{display:block; content:""; clear:both;}
.sec2 .inner .titBox{float:left;}
.sec2 .inner .contentBox{position:relative; float:right; padding-top:30px; width:561px;}
.sec2 .titBox a{display:inline-block; margin-top:55px; width:200px; height:48px; line-height:46px; text-align:center; color:#3552fb; border-radius:6px; font-size:15px; font-weight:500; border:1px solid #3552fb; box-sizing:border-box;}
.sec2 .titBox a:hover{background:#3552fb; color:#fff;}
.sec2 .balloon{top:auto; bottom:70px;}
.sec2 .balloon span.ico{margin-bottom:15px; background:url("/hive/template/LOUD_IMG/aboutloud/one-icon-1.png") 50% 50% no-repeat;}

.sec3 .inner:after{display:block; content:""; clear:both;}
.sec3 .inner .titBox{float:left;}
.sec3 .inner .contentBox{float:right; width:425px;}
.sec3 .contTab{padding-bottom:10px;}
.sec3 .contTab ul:after{display:block; content:""; clear:both;}
.sec3 .contTab ul li{float:left; margin-right:16px; margin-bottom:10px; width:131px; height:40px; line-height:38px; text-align:center; font-size:15px; color:#707070; background:#fff; border:1px solid transparent; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); cursor: pointer; vertical-align:top; box-sizing:border-box;}
.sec3 .contTab ul li:nth-child(3n){margin-right:0;}
.sec3 .contTab ul li:hover{border-color:#3552fb;}
.sec3 .contTab ul li.on{background-color:#3552fb; color:#fff; border-color:#3552fb}
.sec3 .contWrap{display:table; padding:0 30px; width:100%; height:166px; border-radius:6px; box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.16); background:#fff; box-sizing:border-box;}
.sec3 .contWrap .contBox{display:table-cell; vertical-align:middle;}
.sec3 .contWrap .contBox p{display:none; font-size:22px; letter-spacing:-0.66px; line-height:160%;}
.sec3 .contWrap .contBox p.on{display: block;}
.sec3 .contWrap .contBox p span{position:relative; display:inline-block;}
.sec3 .contWrap .contBox p span:after{position:absolute; bottom:-3px; left:0; display:block; width:115%; content:"";}
.sec3 .contWrap .contBox p span.underline1:after{height:7px; background:url("/hive/template/LOUD_IMG/aboutloud/line-1.png") right 50% no-repeat;}
.sec3 .contWrap .contBox p span.underline2:after{height:5px; background:url("/hive/template/LOUD_IMG/aboutloud/line-2.png") right 50% no-repeat;}
.sec3 .guideBox{position:relative; margin-top:10px;}
.sec3 .guideBox p{font-size:12px; letter-spacing:-0.36px; color:#707070;}
.sec3 .guideBox .ico{position:absolute; bottom:0; right:0;}

.sec4 .titBox{padding-bottom:55px;}
.sec4 .balloon{top:70px;}
.sec4 .balloon span.ico{background:url("/hive/template/LOUD_IMG/aboutloud/one-icon-2.png") 50% 50% no-repeat;}
.sec4 .stepListTit{margin-bottom:30px; display:inline-block; padding:0 40px 0 70px; height:58px; line-height:58px; font-size:18px; border-radius:29px; letter-spacing:-0.54px; background:#f5f5f5 url("/hive/template/LOUD_IMG/aboutloud/ic_puzzle.png") 40px 50% no-repeat;}
.sec4 .stepListTit strong{color:#3552fb !important;}
.sec4 .stepList:after{display:block; content:""; clear:both;}
.sec4 .stepList .item{position:relative; float:left; margin-right:80px; width:280px; height:370px; text-align:center; border-radius:6px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#fff;}
.sec4 .stepList .item:after{position:absolute; top:50%; right:-55px; margin-top:-16px; display:block; content:""; width:32px; height:32px; background:url("/hive/template/LOUD_IMG/aboutloud/right-btn.png") 50% 50% no-repeat;}
.sec4 .stepList .item:last-child{margin-right:0;}
.sec4 .stepList .item:last-child:after{display:none;}
.sec4 .stepList .item span.step{display:block; padding:0 10px; height:46px; line-height:46px; font-size:18px; font-weight:bold; color:#fff; background:#000; border-radius:6px 6px 0 0;}
.sec4 .stepList .item .thumb{position:relative; margin-top:30px; display:inline-block; width:180px; height:145px;}
.sec4 .stepList .item:first-child .thumb{background:url("/hive/template/LOUD_IMG/aboutloud/step-1.png") 50% 50% no-repeat;}
.sec4 .stepList .item:nth-child(2) .thumb{background:url("/hive/template/LOUD_IMG/aboutloud/step-2.png") 50% 50% no-repeat;}
.sec4 .stepList .item:last-child .thumb{background:url("/hive/template/LOUD_IMG/aboutloud/step-3.png") 50% 50% no-repeat;}
.sec4 .stepList .item .cont{padding:20px 20px 25px; }
.sec4 .stepList .item .cont p.stepTit{margin-bottom:10px; font-size:18px; font-weight:bold;}
.sec4 .stepList .item .cont p.txt{font-size:15px; letter-spacing:-0.45px; line-height:160%; color:#3e3e3e;}
.sec4 .stepList .item .cont p.txt strong{color:#3e3e3e !important;}

.sec5{overflow: hidden; background:#333 url("/hive/template/LOUD_IMG/aboutloud/bg_review.png") 0 50% no-repeat; background-size: cover;}
.sec5 .titBox{margin-bottom:78px;}
.sec5 .titBox span.cate{color:#fff; opacity: 0.55;}
.sec5 .titBox p.tit,
.sec5 .titBox p.txt{color:#fff;}
.sec5 .titBox strong,
.sec5 .titBox p.txt strong{color:#fff !important;}
.sec5 .titBox a{display:inline-block; margin-top:30px; width:220px; height:48px; line-height:48px; text-align:center; border-radius:6px; font-size:15px; font-weight:500; background:#fff; box-sizing:border-box;}
.sec5 .titBox a:hover{background:#3552fb; color:#fff;}
.sec5 .reviewInfo{position:absolute; top:95px; right:0;}
.sec5 .reviewInfo:after{display:block; content:""; clear:both;}
.sec5 .reviewInfo .reviewScore{position:relative; float:left; padding-right:80px;}
.sec5 .reviewInfo .reviewScore:after{position: absolute; top:34px; right:40px; display:block; content:""; height:75px; width:1px; background:rgba(255,255,255,0.1);}
.sec5 .reviewInfo .reviewScore *{line-height:100%;}
.sec5 .reviewInfo .reviewScore > span{display:inline-block; margin-bottom:2px; font-size:15px; line-height:150%; letter-spacing:-0.45px; color:#ddd;}
.sec5 .reviewInfo .reviewScore p strong{font-size:60px; font-weight:bold; color:#314ce9; letter-spacing:-2.71px; color:#36ffe0 !important;}
.sec5 .reviewInfo .reviewScore p span{font-size:19px; font-weight:500; letter-spacing:-0.84px; color:#747474;}
.sec5 .reviewInfo .reviewScore div{margin-top:18px;}
.sec5 .reviewInfo .reviewRating{float:right; padding-top:25px;}
.sec5 .reviewInfo .reviewRating .countRow{font-size:0; padding-bottom:1px;}
.sec5 .reviewInfo .reviewRating .countRow > div{display:inline-block; vertical-align:middle; font-size:14px;}
.sec5 .reviewInfo .reviewRating .countRow .star{padding-right:0; width:85px; font-size:0;}
.sec5 .reviewInfo .reviewRating .countRow .star img{display:inline-block; margin-right:2px; vertical-align:middle;}
.sec5 .reviewInfo .reviewRating .countRow .bar{position:relative; margin:0; width:170px; height:7px; background-color:#979797; border-radius:5px; overflow:hidden;}
.sec5 .reviewInfo .reviewRating .countRow .bar > div{position:absolute; left:0; top:0; height:100%; border-radius:4px; background:#fff;}
.sec5 .reviewInfo .reviewRating .countRow .count{padding-left:8px; width:40px; font-size:13px; letter-spacing:-0.65px; color:#b1b1b1;}
.sec5 .reviewInfo .reviewRating .countRow.on .count{font-weight:bold; color:#fff;}

.sec5 .contentBox.inner{width:1110px;}
.swiper-container-main{width:1110px; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center; padding: 0 0 1rem 4rem; box-sizing: border-box; overflow: visible; z-index:0;}
.swiper-wrapper{margin-left:-200px;}
.sec5 .swiper-slide{width:936px; font-size:0; transition:all 0.1s}
.sec5 .reviewList{}
.sec5 .reviewList .item{position:relative; display:inline-block; padding:35px 40px 50px; margin-right:28px; width:440px; border-radius:6px; box-shadow:0 3px 15px 0 rgba(0, 0, 0, 0.22); background:#fff; box-sizing:border-box;}
.sec5 .swiper-slide{opacity:0.6;}
.sec5 .swiper-slide.swiper-slide-active{opacity:1;}
/* .sec5 .swiper-slide.swiper-slide-prev{opacity:0;} */
.sec5 .reviewList .item p.comment{margin-bottom:25px; height:100px; font-size:16px; line-height:160%; letter-spacing:-0.48px; color:#4b4d4d;}
.sec5 .reviewList .item p.comment span{position:relative; display:inline-block; color:#000; font-weight:bold; z-index:0;}
.sec5 .reviewList .item p.comment span:after{position:absolute; top:3px; left:0; width:100%; height:82%; display:block; content:""; opacity:0.12; background:#3451f7; z-index:-1;}
.sec5 .reviewList .item .writeInfo{position:relative; padding:12px 0 0 77px; height:68px; color:#707070; box-sizing:border-box;}
.sec5 .reviewList .item .writeInfo .thumb{position:absolute; top:0; left:0; width:68px; height:68px; background:#f8f8f8; border-radius:50%; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16); overflow:hidden;}
.sec5 .reviewList .item .writeInfo .thumb img{width:100%;}
.sec5 .reviewList .item .writeInfo .writer{margin-bottom:5px; font-size:17px; font-weight:bold;}
.sec5 .reviewList .item .writeInfo .cate{font-size:15px; }
.sec5 .reviewList .item .writeInfo .markNdate{position:absolute; top:12px; right:0; text-align:right; font-size:15px;}
.sec5 .reviewList .item .writeInfo .markNdate .star{font-size:0}
.sec5 .reviewList .item .writeInfo .markNdate .star img{display:inline-block; margin-left:2px;}
.sec5 .reviewList .item .writeInfo .markNdate .date{margin-top:2px;}
.sec5 .reviewList .item a.btn_portfolio{position:absolute; bottom:29px; right:40px; display:block; height:20px; padding-right:15px; font-size:13px; font-weight:bold; color:#707070; background:url("/hive/template/LOUD_IMG/aboutloud/ic_btn_portfolio_gray.png") right 50% no-repeat;}
.sec5 .reviewList .item a.btn_portfolio:hover,
.sec5 .swiper-slide.swiper-slide-active .item:first-child a.btn_portfolio{color:#000; background:url("/hive/template/LOUD_IMG/aboutloud/ic_btn_portfolio.png") right 50% no-repeat;}
.sec5 .swiper-button-prev,
.sec5 .swiper-button-next{margin-top:-40px; display:block; width:74px; height:74px; border-radius:50%; font-size:0; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.sec5 .swiper-button-prev:after,
.sec5 .swiper-button-next:after{display:none; visibility:hidden;}
.sec5 .swiper-button-prev{left:-80px; background:url("/hive/template/LOUD_IMG/aboutloud/btn_left.png") 50% 50% no-repeat;}
.sec5 .swiper-button-next{right:25px; background:url("/hive/template/LOUD_IMG/aboutloud/btn_right.png") 50% 50% no-repeat;}
.sec5 .swiper-button-disabled{display:none;}
.sec5 .aboutloud_guide{padding-left:1rem; color:#c1c1c1; }

.sec6{padding:180px 0 210px; z-index:1;}
.sec6 .titBox{height:270px;}
.sec6 .titBox p.txt{color:#090909}
.sec6 .titBox a{display:inline-block; margin-top:30px; width:200px; height:48px; line-height:46px; text-align:center; color:#3552fb; border-radius:6px; font-size:15px; font-weight:500; border:1px solid #3552fb; box-sizing:border-box;}
.sec6 .titBox a:hover{background:#3552fb; color:#fff;}
.sec6 .contentBox{position:absolute; bottom:-260px; right:-23px; width:607px;}
.sec6 .aboutloud_guide{margin-top:15px;}

.sec7{padding-top:150px;}
.sec7 .balloon{top:-55px; background:#000;}
.sec7 .balloon span.ico{background:url("/hive/template/LOUD_IMG/aboutloud/one-icon-4.png") 50% 50% no-repeat;}
.sec7 .portfolio{margin-top:95px;}
.sec7 .portfolio:after{display:block; content:""; clear:both;}
.sec7 .portfolio .item{float:left; margin-right:20px; margin-bottom:35px; width:320px; box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.sec7 .portfolio .item:nth-child(3n){margin-right:0;}
.sec7 .portfolio .item{cursor:pointer;}
.sec7 .portfolio .item .thumb img{width:100%}
.sec7 .portfolio .item:hover img{opacity:0.7;}
.sec7 .portfolio .item .cont{ padding:15px 20px; background:#fff;}
.sec7 .portfolio .item .cont ul{}
.sec7 .portfolio .item .cont ul li{position:relative; display:inline-block; padding:0 8px; font-size:15px;line-height:160%; color:#484848; letter-spacing:-0.3px;}
.sec7 .portfolio .item .cont ul li:after{position:absolute; top:5px; left:-1px; display:block; content:""; width:2px; height:15px; background:#3552fb;}
.sec7 .portfolio .item .cont ul li:first-child{padding-left:0; color:#000; font-weight: bold;}
.sec7 .portfolio .item .cont ul li:first-child:after{display:none;}
.sec7 .portfolio .item .cont span{margin-top:10px; display:inline-block; font-size:13px; color:#64636d;}

.sec8{}
.sec8 .titBox p.txt{margin-top:30px;}
.sec8 .balloon{background:#000;}
.sec8 .balloon span.ico{background:url("/hive/template/LOUD_IMG/aboutloud/one-icon-3.png") 50% 50% no-repeat;}
.sec8 .balloon p.large{font-size:20px;}
.sec8 .alliance{margin-top:95px;}
.sec8 .alliance:after{display:block; content:""; clear:both;}
.sec8 .alliance .item{float:left; margin-right:13px; width:240px; border:1px solid #ddd; border-radius:6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); background:#fff; box-sizing:border-box;}
.sec8 .alliance .item:last-child{margin-right:0;}
.sec8 .alliance .item .thumb{}
.sec8 .alliance .item .thumb a{display:block;}
.sec8 .alliance .item .thumb img{width:100%;}
.sec8 .alliance .item .cont{padding:10px 16px;}
.sec8 .alliance .item .cont p{margin-top:5px; line-height:160%;}
.sec8 .alliance .item .cont p.tit{margin-top:0; font-size:15px; font-weight:bold;}
.sec8 .alliance .item .cont p.txt1{font-size:14px;}
.sec8 .alliance .item .cont p.txt2{padding-left:18px; font-size:13px; color:#707070; background:#fff url("/hive/template/LOUD_IMG/aboutloud/ic_alliance.png") 0 4px no-repeat;}
.sec8 .alliance .item .cont p.txt2 span{font-weight:bold; color:#2844e8;}

.sec9{padding-top:90px; padding-bottom:75px; position:relative; text-align:center; background:#333 url("/hive/template/LOUD_IMG/aboutloud/bg_bottom.png") 50% 50% no-repeat; background-size: cover;}
.sec9 .titBox{margin-bottom:40px;}
.sec9 .titBox p.tit,
.sec9 .titBox p.tit strong{color:#fff !important;}
.sec9 .titBox p.tit{font-size:18px; letter-spacing: -0.54px;}
.sec9 .titBox p.tit strong{font-size:21px; letter-spacing:-0.63px;}
.sec9 .titBox p.txt{margin-top:15px; font-size:13px; letter-spacing:-0.39px; color:#fff;}
.sec9 .titBox p.txt strong{display:inline-block; border-bottom:1px solid #3552fb; color:#fff !important;}
.sec9 ul.btnWrap{font-size:0;}
.sec9 ul.btnWrap li{display:inline-block; width:210px; margin:0 10px;}
.sec9 ul.btnWrap li a{display:block; height:56px; line-height:56px; font-size:16px; text-align:center; font-weight:bold; letter-spacing:-0.42px; background:#fff; color:#3552fb; border-radius:6px; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);}
.sec9 ul.btnWrap li:last-child a{background:#3552fb; color:#fff;}

.popup_contact{display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.5); box-sizing: border-box; z-index:99999;}
.popup_contact.selected{display:block;}
.popup_contact .popup_inner{position:absolute; top:85px; left:50%; margin-left:-325px; margin-bottom: 80px; width:650px; padding:45px 55px; background:#fff; box-sizing: border-box;}
.top_textbox{font-weight:bold; margin-bottom:20px;}
.top_textbox span{font-size:13px; color:#3552fb;}
.top_textbox .txt_large{font-size: 18px; line-height:160%;}
.list_part{padding:10px 0; border-top:1px solid #ebebeb; box-sizing:border-box;}
.list_part:first-child{border-top:none;}
.list_part dt{font-size:14px; font-weight:bold;}
.list_part.row{position:relative; padding:10px 25px 10px 140px; margin:0;}
.list_part.row dt{color:#464646;position:absolute; top:10px; left:0; padding-left:30px; line-height:40px; background: url("/hive/template/LOUD_IMG/aboutloud/popup_bullet.png") 15px 50% no-repeat; background-size:6px 9px;}
.list_part dd input{width:100%; padding: 0 10px; height: 40px; line-height: 40px; font-size: 14px; border: 1px solid #c9c9c9; box-sizing: border-box;}
.list_part dd input::placeholder{color:#999;}
.list_part dd span{display:block; color:#848484; font-size:13px;}
.list_part dd span.txt{display:block; margin-top:10px;}
.list_part dd span.txt_point{color:#3552fb;}
.list_part dd span.txt.txt_point{margin-top:5px;}
.list_part dd span.txt_bold{font-weight:bold;}
.txt_area{padding:10px 25px 0;}
.txt_area textarea{width:100%; padding:10px; height:170px; line-height:150%; border:1px solid #c9c9c9; font-size:14px; box-sizing:border-box; resize:none; font-family:'Noto Sans KR','NanumGothic', '나눔고딕','Nanum Gothic', '맑은 고딕', 'Malgun Gothic',Dotum}
.txt_area textarea::placeholder{color:#999;}
.contact_guide{margin-bottom:40px; font-size:12px; line-height:140%;}
.contact_guide p{line-height:160%;}
.contact_guide p.txt{color:#c9c9c9; font-size:12px;}
.popup_contact .btnwrap{margin-top:40px; text-align:center;}
.popup_contact .btnwrap .howbtn{display:inline-block; padding:17px 65px; font-size:17px; color:#fff !important; background:#000; border:none; border-radius:0; outline:none;}
.popup_contact .btnwrap .howbtn:hover{background-color:#3552fb;}
.popup_contact .btnwrap .btn_close{position:absolute; right:-40px; top:0; display:block; padding:0; margin:0; width:30px; height:30px; background:url("/hive/template/LOUD_IMG/infor/x-btn.png"); background-size: cover; cursor: pointer; border:none;}
.popup_contact .btnwrap .btn_close:hover{background-color:transparent; outline:none;}

.list_agree_wrap{margin-top: 30px;border-bottom: none;}
.termsBox input[type="checkbox"], .termsBox span{vertical-align: middle;}
.termsBox{font-size: 12px;color:#444444; margin-bottom: 10px;}
label[for="terms"]{cursor: pointer;margin-left: 24px;}
label[for="terms"] input{display: none}
label[for="terms"] input:checked ~ .checkmark{border: solid 2px #3552fb; }
label[for="terms"] input:checked ~ .checkImg{display: block; }
label[for="terms"] input:checked ~ .checkmark .checkImg{display: block; }
label[for="terms"] .joinCheckBox2 .checkmark{position: relative;}
label[for="terms"] .joinCheckBox2 .checkmark .checkImg{top: 2px; left: 1px;}
label[for="terms"] .checkImg{
  display: none;
  left: 3px;
  top: 4.5px;
  width: 12px;
  height: 9px;
  background-image: url(/hive/template/LOUD_IMG/aboutloud/check-blue.png);
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
}
label[for="terms"] .checkmark {
    border: solid 2px #6f79ff;
    display: block;
    height: 18px;
    width: 18px;
    border-radius: 4px;
    border: solid 2px #cccccc;
    background-color: #ffffff;
    box-sizing: border-box;
}
.termsCheckBox{display: inline-block; vertical-align: top; margin-right: 3px;position: relative;margin-top: -2px;vertical-align: middle;}
.list_write.termsTxt{width: 87%; overflow: auto; margin: auto; height: 58px;font-size: 12px;line-height: 1.25;letter-spacing: -0.12px;text-align: left;color: #c9c9c9;    font-size: 14px;
  color: #909090; border: solid 1px #C9C9C9; padding: 10px; background-color: #fff; border-radius: 3px;}

/* aos */
body[data-aos-duration='3500'] [data-aos],
 [data-aos][data-aos][data-aos-duration='3500'] {
   transition-duration: 3500ms;
 }

 .joinEventFooter .eventFooterAnimated font, .joinEventFooter2 .eventFooterAnimated font, .eventFooterAnimated strong{color:#6f79ff !important;}