@charset "utf-8";
.auto_complete_wrap {margin:100px 0;}
.auto_complete_wrap .inner {width:1360px;margin:auto;}
.auto_complete_wrap h2{position:relative;font-size:40px;font-weight:300;color:#000;letter-spacing:-0.04em;display:inline-block;margin-top:-25px;padding:5px;}
.auto_complete_wrap h2:after{content:'';position:absolute;width:781px;height:1px;background-color:#f87581;left:0;bottom:0;}
.auto_complete_box{width:100%;min-height:971px;box-shadow: 0 74px 86px rgba(0,0,0,0.18);}
.auto_complete_box.type_1{background:url(/images/auto_complete/atuo_complete_box_back.png)no-repeat;}
.auto_complete_box.type_1 h2{margin-left:69px;}
.auto_complete_box.type_1 .auto_complete_info{padding-left:405px;}
.auto_complete_box.type_2{min-height:700px;}
.auto_line{margin-top:115px;width:853px;}
.auto_line:after{content:'';display:block;clear:both;}
.auto_line .auto_left{width:122px;float:left;}
.auto_line .auto_tit{display:inline-block;font-size:20px;line-height:30px;color:#000;border-bottom:1px solid #000;}
.auto_line .auto_right{float:right;width:730px;}
.auto_line .auto_right .auto_step_img{width:730px;overflow:hidden;margin-top:-8px;}
.auto_line.start{margin-top:70px;}
.auto_line.start .auto_right{text-align:center;}
.auto_line.start .auto_right .btn_start{width:176px;height:45px;background-color:#FF761B;color:#fff;display:inline-block;line-height:45px;border-radius:22px;font-size:18px;font-weight:700;transition:all 0.3s;}

.auto_line.start .auto_right .btn_start:hover, .auto_line.start .auto_right .btn_start:active, .auto_line.start .auto_right .btn_start:focus {text-decoration:none;color:#fff;background-color:#E36D1E;}

.auto_des_list:after{content:'';display:block;clear:both;}
.auto_des_list li{float:left;width:226px;position:relative;}
.auto_des_list li + li{margin-left:12px;}
.auto_des_list li .auto_des{width:194px;height:163px;margin:auto;background-color:#007AAF;color:#fff;padding:25px 15px 25px 20px;box-sizing:border-box;margin-top:-30px;z-index:1;position:relative;}
.auto_des_list li .auto_des dt{font-size:18px;font-weight:700;margin-bottom:15px;}
.auto_des_list li .auto_des dd{font-size:13px;letter-spacing:0.5px;line-height: 20px;}
.auto_des_list li .auto_step{position:absolute;bottom:-16.5px;right:0;width:95px;height:33px;line-height:33px !important;background-color:#00294F;text-align:right;font-size:12px;color:rgba(255,255,255,0.4);padding:0 18px;box-sizing:border-box;}
.auto_complete_box.type_2{padding:0 69px 116px;box-sizing:border-box;}
.auto_step_box .auto_step_title h3{font-size: 20px;font-weight: 700;;color:#000;}
.auto_step_box .auto_step_title h3 .num{display:inline-block;line-height:37px;text-align:center;font-size:14px;font-weight:500;color:#fff;width:35px;height:35px;border-radius:100%;background-color:#0FD927;margin-right:7px;vertical-align: middle;}
.auto_step_box .auto_step_title h3 .point{color:#36B445;}
.auto_step_box .auto_step_title p{font-size: 13.5px;font-weight: 500;color: #9b9ea7;margin-top: 10px;letter-spacing: 0px;}
.auto_step_1{padding:35px 0 35px 421px;height:377px;border-radius:20px;margin-top:70px;background:#EFEFEF url(/images/auto_complete/auto_step_back_new.png)no-repeat;box-sizing:border-box;}
.auto_step_1 .auto_input_box{margin-top: 45px;}
.auto_step_1 .auto_input_box input{width: 730px;height: 60px;font-size: 17px;border: solid 1px #d5d5d5;padding-left: 20px;font-family: 'NanumSquare';box-sizing: border-box;}
.auto_step_1 .auto_input_box .g_btn{display: block;width: 180px;height: 50px;background-color: #000;color: #fff;border-radius: 10px;font-size: 17px;font-weight: 600;cursor: pointer;font-family: 'NanumSquare';margin: 25px 0px 45px 250px;}
.auto_step_1 .auto_sm_info{position: relative;padding-left: 65px;font-size: 16px;font-weight: 700;letter-spacing: -0.5px;margin-top: 10px;line-height: 25px;}
.auto_step_1 .auto_sm_info span{text-decoration: none;background-image: linear-gradient(1deg, #f9ff81 0%, #f9ff81 100%);background-repeat: no-repeat;background-size: 100% 12px;background-position: 0 100%;display: inline-block;margin-top: 6px;color: #000;}
.auto_step_1 .auto_sm_info span strong{color:#ff3300}
.auto_step_1 .auto_sm_info:before{content:'';position:absolute;top:-6px;left:0;width:49px;height:49px;background:#fff url(/images/auto_complete/ico_info.jpg)center center no-repeat;}
.auto_step_2{margin-top:38px;text-align:center;overflow:hidden;position:relative;height:0;}
.auto_step_2.open{height:auto;}
.auto_step_2 .auto_move_box{transform:translateX(100%);transition:all 0.5s;}
.auto_step_2.open .auto_move_box{transform:translateX(0);}
.auto_step_3{margin-top:70px;padding-top:40px;display:none}
.auto_step_3 .big_title{text-align:center;display:block;}
.auto_step_3 .big_title:after{top:-50px;width:780px;left:50%;margin-left:-390px;}
.auto_step_3 .sub_title{text-align:Center;font-size:15px;color:#000;font-weight:500;}
.ai_sentence_wrap{margin-top:30px;position:relative;}
.ai_slide{position:relative;width:880px;overflow:hidden;margin:auto;}
.ai_sentence_wrap .ai_slide{position:relative;}
.ai_sentence_wrap .ai_sentence{position:relative;margin:0;box-sizing: border-box;}
.ai_sentence_wrap .ai_sentence:after{content:'';display:block;clear:both;}
.ai_sentence_wrap .ai_sentence li{width:860px !important;min-height:296px;border:1px solid #d5d5d5;float:left;box-sizing:border-box;}
.ai_sentence_wrap .ai_sentence li div{    padding: 50px;
    text-align: left;
    color: #000;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.4px;
    line-height: 30px;
    word-break: keep-all;
    box-sizing: border-box;}
.ai_sentence_wrap .ai_sentence li h3{color: #20bec5;line-height: 18px;font-size: 16px;font-weight: 500;margin-top: 20px;}
.ai_sentence_wrap .step_btn{width:100%;}
.ai_sentence_wrap .step_btn [class*=btn]{position:absolute;top:50%;margin-top:-40px;}
.ai_sentence_wrap .step_btn [class*=btn] a{display:block;width:134px;height:41px;line-height:41px;border-radius:20px;background-color:#000;color:#fff;font-size:17px;font-weight:700;cursor:pointer;transition:all 0.3s;box-sizing:border-box;}
.ai_sentence_wrap .step_btn [class*=btn] a:after{content:'';position:absolute;width:134px;height:33px;background:url(/images/auto_complete/ico_shadow.png)no-repeat;bottom:-30px;left:0;transition:all 0.3s;}
.ai_sentence_wrap .step_btn [class*=btn] a:hover{transform:translateY(-5px);}
.ai_sentence_wrap .step_btn [class*=btn] a:hover:after{transform:translateY(5px);}
.ai_sentence_wrap .step_btn [class*=btn] a.bx-prev.disabled{opacity:0.3;pointer-events:none;}
.ai_sentence_wrap .step_btn .btn_prev{left:0}
.ai_sentence_wrap .step_btn .btn_new{right:0;}
.ai_sentence_wrap .step_btn .btn_prev a{padding-left:30px;background:#000 url(/images/auto_complete/ico_prev.png)no-repeat 2px center;text-decoration: none;}
.ai_sentence_wrap .step_btn .btn_new a{padding-right:30px;background:#000 url(/images/auto_complete/ico_new.png)no-repeat right 2px center;text-decoration: none;}
.write_box_wrap{margin-top:50px;}
.write_box_wrap .sm_title{font-size:16px;font-weight:500;color:#000;margin-bottom:12px;}
.write_box_wrap .write_box textarea{border:1px solid #d5d5d5;width:100%;height:253px;resize:none;padding:20px;box-sizing:border-box;letter-spacing: 1px;margin-bottom:20px;font-family:'NanumSquare';line-height: 20px}
.auto_step_box .btn_group{text-align:center;margin-top:15px;}
.auto_step_box .btn_group .btn{width:120px;height:40px;border-radius:20px;background-color:#000;color:#fff;font-size:15px;font-weight:500;margin:0 5px;cursor:pointer;}
.auto_step_box .btn_group .btn span{line-height: 38px;font-family:'NanumSquare';}
.auto_step_box .btn_group .btn.new{float:right}

.auto_step_box .btn_group .center{margin-right:-250px;display:inline-block}

#loading_icon_correct1 h2{font-size:21px}

.del-btn{    border: 1px solid #c9c9c9;
    vertical-align: middle;
    padding: 1px 10px 1px 7px;
    line-height: 18px;
    margin-left: 15px;
    border-radius: 5px;
    color: #505050;cursor:pointer;font-family:'NanumSquare';
}

.bx-pager{margin-top:20px}
.bx-pager .bx-pager-item{display:inline-block}
.bx-pager .bx-pager-item a{display:inline-block;border:1px solid #000;padding:3px 8px 1px 7px;margin:0px 3px;color:#000;vertical-align: middle}
.bx-pager .bx-pager-item a.active{background-color:#000;color:#fff;}