/* main */
.ai_top_wrap {position:relative; width:100%; height:680px; background:url('../img/bg_top.png') no-repeat 50% 0px;}
.ai_top_logo {position:absolute; width:62px; height:30px; left:50px; top:50px; background:url('../img/logo.svg') no-repeat 50% 0px; opacity:.5;}
.ai_top_cbox {position:relative; width:1200px; height:680px; margin:0 auto; padding-top:310px;}
.ai_top_maintxt {position:relative; width:100%; height:80px; background:url('../img/txt_main.png') no-repeat 50% 0px;}
.ai_top_txt {position:relative; width:100%; font-size:22px; color:#fff; font-weight:600; letter-spacing:-0.7px; line-height:160%; text-align:center; margin-top:25px;}
.ai_col_spa {letter-spacing:normal;}
.ai_col_1 {font-weight:800; color:#07d76c; text-decoration:underline 1px rgba(7,215,108,.6); text-underline-position:under;}
.ai_col_2 {font-weight:800; color:#07d76c; text-decoration:underline 1px rgba(7,215,108,.6); text-underline-position:under; letter-spacing:normal;}
.ai_col_3 {font-weight:800; color:#07d76c;}
.ai_col_4 {font-weight:600;}
.ai_col_5 {color:rgba(255,255,255,.5);}
.ai_col_6 {text-decoration:underline 1px rgba(7,215,108,.6); text-underline-position:under;}
.ai_top_btwrap {position:relative; width:470px; height:56px; margin:0 auto; margin-top:70px;} 
.ai_top_btwrap ul li {position:relative; float:left; width:150px; height:56px; margin-right:10px; border:solid 1px rgba(7,215,108,.3); border-top-right-radius:10px; border-bottom-left-radius:10px; overflow:hidden; transition:all .5s ease 0s;}
.ai_top_btwrap ul li:hover {border-top-right-radius:0px; border-bottom-left-radius:0px; border:solid 1px rgba(7,215,108,.7);}
.ai_top_btwrap ul li a {display:block; width:100%; height:54px; text-align:center; line-height:54px; font-size:16px; letter-spacing:-0.5px; color:#fff; font-weight:600;}
.ai_top_btwrap ul li:last-child {margin-right:0px;}
.ai_top_appbt {position:fixed; width:190px; height:80px; right:30px; top:50px; border-top-right-radius:20px; border-bottom-left-radius:20px; z-index:1000; background:#07d76c url('../img/arr.svg') no-repeat calc(100% - 10px) 50%; background-size:22px; transition:all .5s ease 0s;}
.ai_top_appbt:hover {border-top-right-radius:0px; border-bottom-left-radius:0px;}
.ai_top_appbt_line {position:absolute; width:190px; height:80px; left:10px; top:10px; border:solid 1px rgba(7,215,108,.3); border-top-right-radius:20px; border-bottom-left-radius:20px; z-index:-1;}
.ai_top_appbt a {display:block; width:100%; height:80px; text-align:center; line-height:80px; font-size:16px; letter-spacing:-0.8px; color:#202121; font-weight:800; border-top-right-radius:20px; border-bottom-left-radius:20px;}

.ai_cont_wrap {position:relative; width:1200px; margin:0 auto; padding-bottom:80px; min-width:1200px;}
.ai_cont_box_1 {position:relative; width:100%; height:400px; border:solid 1px rgba(7,215,108,1); border-top-right-radius:30px; border-bottom-left-radius:30px; padding:60px 60px 60px 250px; margin-bottom:50px;}
.ai_cont_box_1_line {position:absolute; width:100%; height:400px; left:20px; top:20px; border:solid 1px rgba(255,255,255,.1); border-top-right-radius:30px; border-bottom-left-radius:30px; z-index:-1;}
.ai_cont_box_2_line {position:absolute; width:100%; height:400px; left:-20px; top:-20px; border:solid 1px rgba(255,255,255,.1); border-top-right-radius:30px; border-bottom-left-radius:30px; z-index:-1;}
.ai_cont_titbox {position:absolute; width:190px; padding-left:50px; padding-top:65px; border-right:solid 1px rgba(7,215,108,.3); left:0px; top:0px; font-size:22px; font-weight:800; letter-spacing:-1px; line-height:100%; color:#fff;}
.ai_cont_1_1 {position:relative; width:100%; font-size:16px; letter-spacing:-0.5px; color:rgba(255,255,255,.9); font-weight:400; line-height:170%; word-break:keep-all;}
.ai_cont_1_2 {position:relative; width:100%; font-size:16px; letter-spacing:-0.5px; color:rgba(255,255,255,.9); font-weight:400; line-height:170%; padding-top:40px; word-break:keep-all;}

.ai_cont_2_1 {position:relative; width:100%; font-size:17px; letter-spacing:-0.5px; color:#fff; font-weight:600; line-height:170%; word-break:keep-all; padding-bottom:20px;}
.ai_cont_2_2 {position:relative; width:100%;}
.ai_cont_2_2 ul li {position:relative; float:left; width:280px; height:250px; border:solid 1px rgba(7,215,108,.3); border-top-right-radius:20px; border-bottom-left-radius:20px; padding:36px 20px 20px 20px; margin-right:-10px;}
.ai_cont_2_2_num {position:relative; width:100%; font-size:16px; letter-spacing:normal; color:#fff; font-weight:800; line-height:100%; text-align:center; padding-bottom:20px;}
.ai_cont_2_2_txt {position:relative; width:100%; font-size:16px; letter-spacing:-0.5px; color:rgba(255,255,255,.9); font-weight:400; line-height:160%; text-align:center; word-break:keep-all;}

.ai_cont_3_1 {position:relative; width:100%;}
.ai_cont_3_1 ul li {position:relative; float:left; width:280px; height:280px; border:solid 1px rgba(7,215,108,.3); border-radius:140px; padding:70px 30px 30px 30px; margin-right:-10px;}
.ai_cont_3_1_num {position:relative; width:100%; font-size:16px; letter-spacing:normal; color:#fff; font-weight:800; line-height:100%; text-align:center; padding-bottom:20px;}
.ai_cont_3_1_txt {position:relative; width:100%; font-size:16px; letter-spacing:-0.5px; color:rgba(255,255,255,.9); font-weight:400; line-height:160%; text-align:center; word-break:keep-all;}
.ai_cir_1 {position:absolute; width:280px; height:280px; left:10px; top:10px; border-radius:140px; border:solid 1px rgba(7,215,108,.1); z-index:-1;}
.ai_cir_2 {position:absolute; width:280px; height:280px; left:-10px; top:-10px; border-radius:140px; border:solid 1px rgba(7,215,108,.1); z-index:-1;}

.ai_cont_box_2 {position:relative; width:100%; height:300px; border:solid 1px rgba(7,215,108,1); border-top-right-radius:30px; border-bottom-left-radius:30px; padding:60px 60px 60px 250px; margin-bottom:50px;}
.ai_cont_box_3_line {position:absolute; width:100%; height:300px; left:-20px; top:-20px; border:solid 1px rgba(255,255,255,.1); border-top-right-radius:30px; border-bottom-left-radius:30px; z-index:-1;}
.ai_cont_4_1 {position:relative; width:100%; font-size:16px; letter-spacing:-0.5px; color:rgba(255,255,255,.9); font-weight:400; line-height:170%; word-break:keep-all;}
.ai_cont_4_txt {display:inline-block; border:solid 1px rgba(7,215,108,.3); border-top-right-radius:10px; border-bottom-left-radius:10px; padding:10px 20px; margin-top:13px; margin-right:-5px; color:#07d76c; font-weight:600;}
.ai_cir {position:absolute; width:160px; height:160px; right:300px; top:100px; background:url('../img/cir.png') no-repeat 50% 50%; opacity:.2;}

.ai_cont_cur_wrap {position:relative; width:100%; padding-top:90px; padding-bottom:140px;}
.ai_cont_cur_tit {position:relative; width:100%; font-size:22px; font-weight:800; letter-spacing:-1px; line-height:100%; color:#fff; text-align:center; padding-bottom:23px; background:url('../img/line.png') no-repeat 50% 100%;}
.ai_cont_cur_txt {position:relative; width:100%; font-size:26px; font-weight:800; letter-spacing:-1px; line-height:150%; color:#fff; text-align:center; padding-top:32px; padding-bottom:40px;}
.ai_cont_cur_box {position:relative; width:100%;}
.ai_cont_cur_box ul li {position:relative; float:left; width:388px; height:300px; border:solid 1px rgba(7,215,108,1); border-top-right-radius:30px; border-bottom-left-radius:30px; padding:30px; margin-right:18px;}
.ai_cont_cur_box ul li:last-child {margin-right:0px;}
.ai_cont_cur_line {position:absolute; width:388px; height:300px; left:10px; top:10px; border:solid 1px rgba(255,255,255,.1); border-top-right-radius:30px; border-bottom-left-radius:30px; z-index:-1;}
.ai_cont_cur_num {position:relative; width:100%; font-size:16px; letter-spacing:normal; color:#fff; font-weight:800; line-height:100%; text-align:left; padding-bottom:20px;}
.ai_cont_cur_con_1 {position:relative; width:100%; color:#07d76c; font-size:16px; font-weight:800; letter-spacing:-0.5px; line-height:160%; text-align:left; word-break:keep-all; padding-bottom:10px;}
.ai_cont_cur_con_2 {position:relative; width:100%; color:rgba(255,255,255,.9); font-size:16px; font-weight:400; letter-spacing:-0.5px; line-height:170%; text-align:left; word-break:keep-all;}
.ai_cont_cur_con_3 {position:absolute; height:40px; right:30px; bottom:16px;}
.ai_cont_cur_con_3 a {display:block; height:40px; color:rgba(255,255,255,.9); font-size:13px; font-weight:400; letter-spacing:-0.5px; line-height:40px; transition:all .5s ease 0s;}
.ai_cont_cur_con_3 a:hover {color:rgba(7,215,108,1);}
.ai_cont_plus {position:absolute; width:11px; height:11px; right:-15px; top:145px; background:url('../img/plus.svg') no-repeat 50% 50%; opacity:.5;}

.ai_cont_5_1 {position:relative; width:100%; font-size:16px; letter-spacing:-0.5px; color:rgba(255,255,255,.9); font-weight:400; line-height:170%; word-break:keep-all;}
.ai_cont_5_2 {position:absolute; right:100px; bottom:100px; font-size:32px; letter-spacing:-1px; color:#07d76c; font-weight:800; line-height:130%; text-align:center; word-break:keep-all;}
.ai_cir_3 {position:absolute; width:160px; height:160px; left:-50px; top:-50px; background:url('../img/cir.png') no-repeat 50% 50%; opacity:.3;}

.ai_cont_6_1 {position:relative; width:100%;}
.ai_cont_6_1 ul li {position:relative; float:left; width:208px; height:215px; border:solid 1px rgba(7,215,108,.3); border-top-right-radius:20px; border-bottom-left-radius:20px; padding:20px; margin-right:15px;}
.ai_cont_6_1 ul li:last-child {margin-right:0px;}
.ai_cont_6_1_num {position:relative; width:100%; font-size:16px; letter-spacing:normal; color:#fff; font-weight:800; line-height:100%; text-align:left; padding-bottom:20px;}
.ai_cont_6_1_txt {position:relative; width:100%; font-size:16px; letter-spacing:-0.5px; color:rgba(255,255,255,.9); font-weight:400; line-height:160%; text-align:left; word-break:keep-all;}
.ai_cont_6_2 {position:absolute; height:40px; right:20px; bottom:7px;}
.ai_cont_6_2 a {display:block; height:40px; color:rgba(255,255,255,.9); font-size:13px; font-weight:400; letter-spacing:-0.5px; line-height:40px; transition:all .5s ease 0s;}
.ai_cont_6_2 a:hover {color:rgba(7,215,108,1);}
.ai_cont_6_line {position:absolute; width:208px; height:215px; left:5px; top:5px; border:solid 1px rgba(255,255,255,.1); border-top-right-radius:20px; border-bottom-left-radius:20px; z-index:-1;}
.ai_cont_titbox_2 {position:absolute; width:190px; padding-left:50px; padding-top:65px; border-right:solid 1px rgba(7,215,108,.3); left:0px; top:0px; font-size:22px; font-weight:800; letter-spacing:-1px; line-height:130%; color:#fff;}
.ai_cont_6_arr {position:absolute; width:7px; height:10px; right:-13px; top:102px; background:url('../img/arr_2.svg') no-repeat 50% 50%; background-size:7px;}

.ai_cont_7_box {position:relative; width:100%; padding-top:40px;}
.ai_cont_7_1 {position:relative; width:100%; color:#fff; font-size:22px; font-weight:600; letter-spacing:-1px; line-height:150%; text-align:center; word-break:keep-all; padding-bottom:40px;}
.ai_cont_7_appbt {position:relative; width:330px; height:80px; margin:0 auto; border-top-right-radius:20px; border-bottom-left-radius:20px; background:#07d76c url('../img/arr.svg') no-repeat calc(100% - 10px) 50%; background-size:22px; transition:all .5s ease 0s;}
.ai_cont_7_appbt:hover {border-top-right-radius:0px; border-bottom-left-radius:0px;}
.ai_cont_7_appbt_line {position:absolute; width:330px; height:80px; left:10px; top:10px; border:solid 1px rgba(7,215,108,.3); border-top-right-radius:20px; border-bottom-left-radius:20px; z-index:-1;}
.ai_cont_7_appbt a {display:block; width:100%; height:80px; text-align:center; line-height:80px; font-size:16px; letter-spacing:-0.8px; color:#202121; font-weight:800; border-top-right-radius:20px; border-bottom-left-radius:20px;}
.ai_cir_4 {position:absolute; width:100px; height:100px; left:calc(50% - 300px); top:-10px; background:url('../img/cir.png') no-repeat 50% 50%; opacity:.3; background-size:100px;}

.ai_cont_8_box {position:relative; width:100%; margin-top:100px;}
.ai_cont_8_logo {position:absolute; width:62px; height:30px; left:calc(50% - 31px); top:0px; background:url('../img/logo.svg') no-repeat 50% 0px; opacity:.3;}
.ai_cont_8_1 {position:relative; width:100%; color:rgba(255,255,255,.5); font-size:15px; font-weight:400; letter-spacing:-0.3px; line-height:100%; text-align:center; padding-top:45px;}






/* ¸ð¹ÙÀÏ CSS */
@media all and (max-width:480px){
	.ai_mob_del {display:none;}
	.ai_top_wrap {height:auto; background-size:120%;}
	.ai_top_logo {position:absolute; width:46px; height:30px; left:20px; top:30px;}
	.ai_top_cbox {position:relative; width:100%; height:auto; padding-top:140px;}
	.ai_top_maintxt {width:100%; height:100px; background:url('../img/txt_main_mob.png') no-repeat 50% 0px; background-size:85%;}
	.ai_top_txt {position:relative; width:calc(100% - 60px); font-size:16px; letter-spacing:-0.7px; margin:0 auto; margin-top:10px; word-break:keep-all;}
	.ai_top_btwrap {position:relative; width:calc(100% - 40px); height:50px; margin-top:60px;} 
	.ai_top_btwrap ul li {width:33%; height:50px; margin-right:5px;}
	.ai_top_btwrap ul li:nth-child(2) {width:calc(34% - 10px); height:50px; margin-right:5px;}
	.ai_top_btwrap ul li a {height:48px; line-height:48px; font-size:14px;}
	
	.ai_top_appbt {width:130px; height:60px; right:20px; top:30px; background:#07d76c url('../img/arr.svg') no-repeat calc(100% - 7px) 50%; background-size:16px;}
	.ai_top_appbt_line {width:130px; height:60px;}
	.ai_top_appbt a {height:60px; line-height:60px; font-size:14px; letter-spacing:-0.7px; color:#202121; font-weight:800;}
	
	.ai_cont_wrap {position:relative; width:calc(100% - 40px); margin:0 auto; margin-top:20px; min-width:auto;}
	.ai_cont_box_1 {height:auto; border:solid 1px rgba(7,215,108,.5); border-top-right-radius:20px; border-bottom-left-radius:20px; padding:35px 20px 35px 20px; margin-bottom:15px;}
	.ai_cont_box_1_line {display:none;}
	.ai_cont_titbox {position:relative; display:inline-block; width:auto; padding-left:0px; padding-top:0px; border-right:none; border-bottom:solid 1px rgba(7,215,108,.3); left:auto; top:auto; font-size:16px; padding-bottom:10px; margin-bottom:20px;}
	
	.ai_cont_1_1 {font-size:14px; color:rgba(255,255,255,.85);}
	.ai_cont_1_2 {font-size:14px; padding-top:20px; color:rgba(255,255,255,.85);}
	
	.ai_cont_box_2_line {display:none;}
	.ai_cont_2_1 {font-size:14px; letter-spacing:-0.5px; padding-bottom:0px; line-height:100%; text-align:left; color:rgba(255,255,255,.85);}
	.ai_cont_2_2 ul li {float:none; width:100%; height:auto; border:none; border-bottom:solid 1px rgba(7,215,108,.15); border-top-right-radius:0px; border-bottom-left-radius:0px; padding:17px 0px 17px 0px; margin-right:0px;}
	.ai_cont_2_2 ul li:last-child {border-bottom:none; padding-bottom:0px;}
	.ai_cont_2_2_num {font-size:13px; padding-bottom:5px; text-align:left; color:rgba(255,255,255,.95);}
	.ai_cont_2_2_txt {font-size:14px; text-align:left; color:rgba(255,255,255,.85);}
	
	.ai_cont_3_1 ul li {float:none; width:100%; height:auto; border:none; border-bottom:solid 1px rgba(7,215,108,.15); border-radius:0px; padding:17px 0px 17px 0px; margin-right:0px;}
	.ai_cont_3_1 ul li:last-child {border-bottom:none; padding-bottom:0px;}
	.ai_cont_3_1 ul li:first-child {padding-top:5px;}
	.ai_cont_3_1_num {font-size:13px; padding-bottom:5px; text-align:left; color:rgba(255,255,255,.95);}
	.ai_cont_3_1_txt {font-size:14px; text-align:left; color:rgba(255,255,255,.85);}
	.ai_cir_1 {display:none;}
	.ai_cir_2 {display:none;}
	
	.ai_cont_box_2 {height:auto; border:solid 1px rgba(7,215,108,.5); border-top-right-radius:20px; border-bottom-left-radius:20px; padding:35px 20px 35px 20px; margin-bottom:15px;}
	.ai_cont_box_3_line {display:none;}
	.ai_cont_4_1 {font-size:14px; color:rgba(255,255,255,.85);}
	.ai_cont_4_txt {display:inline-block; border:solid 1px rgba(7,215,108,.3); border-top-right-radius:10px; border-bottom-left-radius:10px; padding:10px 20px; margin-top:13px; margin-right:-5px; color:#07d76c; font-weight:600;}
	.ai_cir {width:120px; height:120px; right:-10px; top:30px; background-size:120px;}
	
	.ai_cont_cur_wrap {padding-top:50px; padding-bottom:70px;}
	.ai_cont_cur_tit {font-size:16px; padding-bottom:15px; background-size:90%;}
	.ai_cont_cur_txt {width:calc(100% - 60px); font-size:16px; font-weight:600; letter-spacing:-0.7px; padding-top:20px; padding-bottom:25px; margin:0 auto; word-break:keep-all;}
	.ai_cont_cur_box ul li {float:none; width:100%; height:auto; border:solid 1px rgba(7,215,108,.5); border-top-right-radius:20px; border-bottom-left-radius:20px; padding:35px 20px 58px 20px; margin-right:0px; margin-bottom:-9px;}
	.ai_cont_cur_box ul li:last-child {margin-bottom:0px;}
	.ai_cont_cur_line {display:none;}
	.ai_cont_cur_num {font-size:14px; color:rgba(255,255,255,.95); padding-bottom:9px;}
	.ai_cont_cur_con_1 {color:#07d76c; font-size:14px; line-height:160%; padding-bottom:5px;}
	.ai_cont_cur_con_2 {color:rgba(255,255,255,.85); font-size:14px;}
	.ai_cont_cur_con_3 {position:absolute; height:30px; right:20px; bottom:18px;}
	.ai_cont_cur_con_3 a {height:30px; color:rgba(255,255,255,.85); font-size:12px; line-height:30px;}
	.ai_cont_plus {right:auto; top:auto; left:calc(50% - 5px); bottom:-2px;}
	
	.ai_cont_5_1 {font-size:14px; color:rgba(255,255,255,.85); line-height:170%; padding-top:20px;}
	.ai_cont_5_2 {display:none;}
	.ai_cir_3 {position:absolute; width:120px; height:120px; left:-50px; top:-30px; background-size:120px;}
	
	.ai_cont_titbox_2 {position:relative; display:inline-block; width:auto; padding-left:0px; padding-top:0px; border-right:none; border-bottom:solid 1px rgba(7,215,108,.3); left:auto; top:auto; font-size:16px; padding-bottom:10px; margin-bottom:25px; line-height:100%;}
	.ai_cont_6_1 {margin-top:5px;}
	.ai_cont_6_1 ul li {float:none; width:100%; height:auto; border:none; border-bottom:solid 1px rgba(7,215,108,.15); border-top-right-radius:0px; border-bottom-left-radius:0px; padding:17px 0px 17px 0px; margin-right:0px;}
	.ai_cont_6_1 ul li:last-child {border-bottom:none; padding-bottom:0px;}
	.ai_cont_6_1_num {font-size:13px; padding-bottom:9px; text-align:left; color:rgba(255,255,255,.95);}
	.ai_cont_6_1_txt {font-size:14px; text-align:left; color:rgba(255,255,255,.85);}
	.ai_cont_6_2 {height:30px; right:0px; bottom:auto; top:53px;}
	.ai_cont_6_2 a {height:30px; color:rgba(255,255,255,.85); line-height:30px; font-size:12px;}
    .ai_cont_6_line {display:none;}
   	.ai_cont_6_arr {display:none;}
	
    .ai_cont_7_box {padding-top:30px;}
	.ai_cont_7_1 {font-size:16px; padding-bottom:30px;}
	.ai_cont_7_appbt {width:100%; height:60px; background-size:16px;}
	.ai_cont_7_appbt_line {width:100%; height:60px;}
	.ai_cont_7_appbt a {height:60px; line-height:60px; font-size:14px;}
	.ai_cir_4 {position:absolute; width:80px; height:80px; left:-20px; top:-10px; background-size:80px;}
	
	.ai_cont_8_box {margin-top:60px;}
	.ai_cont_8_logo {width:46px; height:30px; left:calc(50% - 23px);}
	.ai_cont_8_1 {font-size:14px; padding-top:33px;}
}












