/* main v8 */
.v8m_cont_wrap {position:relative; width:100%; height:770px; background:#ebf3eb url("/new_home/img/main/v8_vis_1.jpg") no-repeat 50% 0px; margin-bottom:110px;}
.v8m_vis_txt {position:absolute; width:580px; height:360px; top:290px; left:calc(50% - 610px); background:url("/new_home/img/main/v8_vis_txt.png") no-repeat 0px 0px;}
.v8m_ic_wrap {position:absolute; width:658px; height:494px; bottom:0px; left:calc(50% + 1px); background:url("/new_home/img/main/v8_vis_bg.png") no-repeat 0px 0px; padding-left:129px; padding-top:50px;}
.v8m_ic_box {position:relative; width:400px; height:275px;}
.v8m_ic_box ul li {position:relative; float:left; width:120px; height:120px; border-radius:30px; margin-right:20px; margin-bottom:10px; overflow:hidden; background:rgba(188,204,211,0); transition:all 0.5s ease 0s;}
.v8m_ic_box ul li:hover { box-shadow:0px 0px 20px rgba(0,0,0,.07);}
.v8m_ic_box ul li:nth-child(3n + 3) {margin-right:0px;}
.v8m_ic_box ul li a {display:block; width:120px; height:120px; text-align:center; font-size:14px; font-weight:600; letter-spacing:-1px; line-height:100%; padding-top:75px; color:#666; transition:all 0.5s ease 0s;}
.v8m_ic_box ul li a:hover {color:#000;}
.v8m_ic_box ul li a.ic_1 {background:url("/new_home/img/main/v8_ic_1.png") no-repeat 50% 22px;}
.v8m_ic_box ul li a.ic_2 {background:url("/new_home/img/main/v8_ic_2.png") no-repeat 50% 22px;}
.v8m_ic_box ul li a.ic_3 {background:url("/new_home/img/main/v8_ic_3.png") no-repeat 50% 22px;}
.v8m_ic_box ul li a.ic_4 {background:url("/new_home/img/main/v8_ic_4.png") no-repeat 50% 22px;}
.v8m_ic_box ul li a.ic_5 {background:url("/new_home/img/main/v8_ic_5.png") no-repeat 50% 22px;}
.v8m_ic_box ul li a.ic_6 {background:url("/new_home/img/main/v8_ic_6.png") no-repeat 50% 22px;}

.v8m_noti_box {position:relative; width:400px; border-top:solid 1px rgba(0,0,0,.05); padding-top:45px;}
.v8m_noti_tit {position:relative; width:100%; font-size:15px; font-weight:600; letter-spacing:-1px; line-height:100%; padding-bottom:12px; color:#000;}
.v8m_noti_list {position:relative; width:100%;}
.v8m_noti_list ul li {position:relative; width:100%; margin-bottom:9px;}
.v8m_noti_list ul li a {font-size:15px; font-weight:400; letter-spacing:-0.5px; line-height:100%; color:#939393; transition:all 0.3s ease 0s;}
.v8m_noti_list ul li a:hover {color:#000;}
.v8m_col_1 {display:inline-block; padding-left:8px; color:#a3a3a3;}
.v8m_noti_bt {position:absolute; width:30px; height:30px; border-radius:15px; right:0px; top:-9px; border:solid 1px rgba(0,0,0,.07); overflow:hidden; transition:all 0.3s ease 0s;}
.v8m_noti_bt:hover {border:solid 1px rgba(0,0,0,.2);}
.v8m_noti_bt a {display:block; width:28px; height:28px; text-align:center; font-size:20px; font-weight:400; letter-spacing:-1px; line-height:100%; padding-top:3px; color:#cacaca; transition:all 0.3s ease 0s;}
.v8m_noti_bt a:hover {color:#333;}

.v8m_cont_wrap_2 {position:relative; width:1200px; height:480px; margin:0 auto; margin-bottom:70px;}
.v8m_titbox {position:absolute; width:320px; height:360px; left:0px; top:20px;} 
.v8m_titbox_1 {position:relative; width:100%; font-size:32px; font-weight:800; letter-spacing:-1.3px; line-height:120%; padding-bottom:22px; color:#a5a3a3;}
.v8m_col_2 {color:#000;}
.v8m_titbox_2 {position:relative; width:100%; font-size:17px; font-weight:400; letter-spacing:-0.7px; line-height:130%; padding-bottom:27px; color:#a5a3a3;}
.v8m_bt_1 {position:relative; width:76px; height:36px; border-radius:18px; border:solid 1px rgba(0,0,0,.1); overflow:hidden; transition:all 0.3s ease 0s;}
.v8m_bt_1 a {display:block; width:100%; height:34px; font-size:12px; font-weight:600; letter-spacing:-0.3px; color:#000; line-height:34px; text-align:center; transition:all 0.3s ease 0s;}
.v8m_bt_1:hover {border:solid 1px #1193fd; background:#1193fd;}
.v8m_bt_1:hover a {color:#fff;}

.v8m_lecbox_1 {position:absolute; width:390px; height:430px; left:405px; top:50px; border-radius:30px; background:#f6f7fa url("/new_home/img/main/v8_cont_bg_1.png") no-repeat 100% 100%; padding:65px 50px; cursor:pointer; transition:all 0.5s ease 0s;}
.v8m_tit_1 {position:relative; width:80%; font-size:20px; font-weight:800; color:#000; letter-spacing:-0.5px; line-height:130%; word-break:keep-all; padding-bottom:11px;}
.v8m_txt_1 {position:relative; width:100%; font-size:14px; font-weight:400; color:#9e9d9d; letter-spacing:-0.5px; line-height:140%; display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.v8m_txt_2 {position:relative; width:100%; font-size:14px; font-weight:400; color:#adadad; letter-spacing:-0.5px; line-height:100%; padding-top:17px;}
.v8m_bt_2 {position:relative; width:76px; height:36px; border-radius:18px; border:solid 1px rgba(0,0,0,.1); overflow:hidden; font-size:12px; font-weight:600; letter-spacing:-0.3px; color:#000; line-height:34px; text-align:center; margin-top:42px; transition:all 0.6s ease 0s;}
.v8m_tag_1 {position:absolute; width:60px; height:40px; left:-10px; top:-10px; border-radius:20px; background:#ff9f7b; font-size:13px; font-weight:600; letter-spacing:-0.2px; color:#fff; line-height:40px; text-align:center;}
.v8m_tag_2 {position:absolute; width:60px; height:40px; left:-10px; top:-10px; border-radius:20px; background:#19c9e3; font-size:13px; font-weight:600; letter-spacing:-0.2px; color:#fff; line-height:40px; text-align:center;}
.v8m_lecbox_1:hover {top:40px; box-shadow:0px 20px 30px rgba(0,0,0,.1);}
.v8m_lecbox_1:hover .v8m_bt_2 {background:#1193fd; border:solid 1px #1193fd; color:#fff;}

.v8m_lecbox_2 {position:absolute; width:390px; height:430px; right:0px; top:0px; border-radius:30px; background:#f6f7fa url("/new_home/img/main/v8_cont_bg_2.png") no-repeat 100% 100%; padding:65px 50px; cursor:pointer; transition:all 0.5s ease 0s;}
.v8m_lecbox_2:hover {top:-10px; box-shadow:0px 20px 30px rgba(0,0,0,.1);}
.v8m_lecbox_2:hover .v8m_bt_2 {background:#1193fd; border:solid 1px #1193fd; color:#fff;}
.v8m_lecbox_vis {position:absolute; width:190px; height:280px; left:275px; top:190px; background:url("/new_home/img/main/v8_cont_bg_3.png") no-repeat 0px 0px;}

.v8m_cont_wrap_3 {position:relative; width:1200px; height:300px; margin:0 auto; margin-top:50px; margin-bottom:40px;}
.v8m_contbox_1 {position:relative; float:left; width:590px; height:300px; border:solid 1px #ededed; border-radius:30px; background:#fff url("/new_home/img/main/v8_cont_bg_4.png") no-repeat calc(100% - 40px) 100%; overflow:hidden; padding:50px;}
.v8m_txt_3 {position:relative; width:100%; padding-bottom:22px; font-size:19px; font-weight:800; letter-spacing:-0.5px; color:#000; line-height:100%;}
.v8m_txt_4 {position:relative; width:100%; font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#9e9d9d; line-height:140%; word-break:keep-all;}
.v8m_txt_5 {position:relative; font-size:14px; font-weight:400; letter-spacing:-0.5px; color:#9e9d9d; line-height:140%; word-break:keep-all; margin-top:25px;}
.v8m_col_3 {display:inline-block; color:#000; font-size:20px; letter-spacing:-0.5px; font-weight:800; padding-top:4px; padding-bottom:3px;}
.v8m_bt_3 {position:absolute; width:76px; height:36px; right:50px; top:42px; border-radius:18px; border:solid 1px rgba(0,0,0,.1); overflow:hidden; transition:all 0.3s ease 0s;}
.v8m_bt_3 a {display:block; width:100%; height:34px; font-size:13px; font-weight:400; letter-spacing:-0.3px; color:#000; padding-top:10px; text-align:center; transition:all 0.3s ease 0s;}
.v8m_bt_3:hover {border:solid 1px #1193fd; background:#1193fd;}
.v8m_bt_3:hover a {color:#fff;}

.v8m_contbox_2 {position:relative; float:right; width:590px; height:300px; background:#19c9e3 url("/new_home/img/main/v8_cont_bg_5.png") no-repeat calc(100% - 40px) calc(100% - 30px); border-radius:30px; overflow:hidden; padding:50px;}
.v8m_txt_6 {position:relative; width:100%; padding-bottom:22px; font-size:19px; font-weight:800; letter-spacing:-0.5px; color:#fff; line-height:130%;}
.v8m_txt_7 {position:relative; width:100%; padding-bottom:15px; font-size:15px; font-weight:400; letter-spacing:-0.5px; color:#fff; line-height:140%; word-break:keep-all;}
.v8m_bt_4 {position:relative; width:76px; height:36px; border-radius:18px; border:solid 1px rgba(255,255,255,.5); overflow:hidden; transition:all 0.3s ease 0s;}
.v8m_bt_4 a {display:block; width:100%; height:34px; font-size:13px; font-weight:400; letter-spacing:-0.3px; color:#fff; padding-top:10px; text-align:center; transition:all 0.3s ease 0s;}
.v8m_bt_4:hover {border:solid 1px #fff; background:#fff;}
.v8m_bt_4:hover a {color:#01aec8;}