

@media only screen and (min-width:1px) and (max-width:800px) {

/*AI 검색창*/
.main_ai_wrap { float:left; width:100%; margin-bottom:50px; 
background:#275ba2 url('/images/main/main_ai_bg.jpg') no-repeat center ; border-radius:50px 0 50px 0; }
.main_ai_w { padding:30px; }

.txt_box { float:left; width:100%; }
.txt_box dt { font-size:24px; color:#fff; font-weight:500; line-height:35px; word-break:keep-all; }
.txt_box dt b { font-size:35px; font-weight:900; color:#21f2fe; }
.txt_box dt span { font-size:20px;  }
.txt_box dd { font-size:16px; color:#def5f6; margin:10px 0 20px 0; }

.form_box {float:left; width:100%; padding-bottom:30px; }
.form_box ul { background:#fff; border-radius:50px;    }
.form_box ul li { padding:5px 10px; }
.form_box .inp{width: calc(100% - 95px);height: 40px;line-height: 40px; text-indent: 20px;font-size:16px; border: none; 
border-radius:50px; background: #fff; }
.form_box .sch{ position: relative; height: 40px; border: none; cursor:pointer; background:#00a3ac; font-size:16px; color:#fff; font-weight:500; border-radius:50px; padding:0 15px; }
.form_box .sch img { width:20px; margin:-5px 5px 0 0; vertical-align:middle;  }

}

@media only screen and (min-width:800px) and (max-width:1450px) {

/*AI 검색창*/
.main_ai_wrap { width:100%; height:465px; margin-bottom:50px; 
background:#275ba2 url('/images/main/main_ai_bg.jpg') no-repeat ; border-radius:150px 0 150px 0; }
.main_ai_w { padding:80px 0 0 100px; }

.txt_box { float:left; width:100%; }
.txt_box dt { font-size:38px; color:#fff; font-weight:500; line-height:50px; word-break:keep-all; }
.txt_box dt b { font-size:55px; font-weight:900; color:#21f2fe; }
.txt_box dt span { font-size:26px;  }
.txt_box dd { font-size:18px; color:#def5f6; margin:20px 0 40px 0; }

.form_box {float:left; width:60%; }
.form_box ul { background:#fff; border-radius:50px;    }
.form_box ul li { padding:5px 10px; }
.form_box .inp{width: calc(100% - 95px);height: 40px;line-height: 40px; text-indent: 20px;font-size:16px; border: none; 
border-radius:50px; background: #fff; }
.form_box .sch{ position: relative; height: 40px; border: none; cursor:pointer; background:#00a3ac; font-size:16px; color:#fff; font-weight:500; border-radius:50px; padding:0 15px; }
.form_box .sch img { width:20px; margin:-5px 5px 0 0; vertical-align:middle;  }

}

@media only screen and (min-width: 1450px) {

/*AI 검색창*/
.main_ai_wrap { width:100%; height:465px; margin-bottom:50px; 
background:#275ba2 url('/images/main/main_ai_bg.jpg') no-repeat ; border-radius:150px 0 150px 0; }
.main_ai_w { padding:80px 0 0 100px; }

.txt_box { float:left; width:100%; }
.txt_box dt { font-size:38px; color:#fff; font-weight:500; line-height:50px; word-break:keep-all; }
.txt_box dt b { font-size:55px; font-weight:900; color:#21f2fe; }
.txt_box dt span { font-size:26px;  }
.txt_box dd { font-size:18px; color:#def5f6; margin:20px 0 40px 0; }

.form_box {float:left; width:60%; }
.form_box ul { background:#fff; border-radius:50px;    }
.form_box ul li { padding:5px 10px; }
.form_box .inp{width: calc(100% - 95px);height: 40px;line-height: 40px; text-indent: 20px;font-size:16px; border: none; 
border-radius:50px; background: #fff; }
.form_box .sch{ position: relative; height: 40px; border: none; cursor:pointer; background:#00a3ac; font-size:16px; color:#fff; font-weight:500; border-radius:50px; padding:0 15px; }
.form_box .sch img { width:20px; margin:-5px 5px 0 0; vertical-align:middle;  }

}



@media only screen and (min-width:1px) and (max-width:800px) {

/*검색 페이지*/
.sub_top_bgAI { background:#275ba2 url('/images/sub_top_bgAI.jpg') no-repeat center center ;  }
.ai_page_top_wrap { float:left; width:100%; background: linear-gradient(120deg, #00a3ac, #275ba2 ); 
padding:30px 0 0 0; border-radius:30px 30px 0 0; }
.ai_page_top_wrap .tit { width:100%; font-size:24px; font-weight:700; color:#fff; text-align:center; padding:0 0 10px 0; }
.ai_page_top_wrap .tit span { font-size:18px; font-weight:400;   }
.form_box_ai_page { width:90%; margin:0 auto; }

.ai_page_wrap { float:left; width:100%; margin:30px 0; }
.ai_page_tit { float:left; width:100%; border-bottom:1px solid #000; padding:0 0 10px 0; }
.ai_page_tit dt { font-size:24px; font-weight:600; color:#000; }
.ai_page_tit dt img { width:35px; vertical-align:middle; margin:-15px 8px 0 0; }
.ai_page_tit dd { font-size:12px; color:#555; padding:0 0 10px 0; }

.ai_page_txt { float:left; width:100%; padding:30px 0; }

}

@media only screen and (min-width:800px) and (max-width:1450px) {

/*검색 페이지*/
.sub_top_bgAI { background:#275ba2 url('/images/sub_top_bgAI.jpg') no-repeat center center ;  }
.ai_page_top_wrap { float:left; width:100%; background: linear-gradient(120deg, #00a3ac, #275ba2 ); 
padding:30px 0; border-radius:30px 30px 0 0; }
.ai_page_top_wrap .tit { width:100%; font-size:28px; font-weight:700; color:#fff; text-align:center; padding:0 0 10px 0; }
.ai_page_top_wrap .tit span { font-size:18px; font-weight:400;   }
.form_box_ai_page { width:80%; margin:0 auto; }

.ai_page_wrap { float:left; width:100%; margin:40px 0; }
.ai_page_tit { float:left; width:100%; border-bottom:1px solid #000; padding:0 0 10px 0;  }
.ai_page_tit dt { font-size:28px; font-weight:600; color:#000; }
.ai_page_tit dt img { vertical-align:middle; margin:-20px 10px 0 0; }
.ai_page_tit dd { font-size:14px; color:#555; padding:0 0 10px 0; }

.ai_page_txt { float:left; width:100%; padding:30px 0; }

}

@media only screen and (min-width: 1450px) {

/*검색 페이지*/
.sub_top_bgAI { background:#275ba2 url('/images/sub_top_bgAI.jpg') no-repeat center center ;  }
.ai_page_top_wrap { float:left; width:100%; background: linear-gradient(120deg, #00a3ac, #275ba2 ); 
padding:30px 0; border-radius:30px 30px 0 0; }
.ai_page_top_wrap .tit { width:100%; font-size:28px; font-weight:700; color:#fff; text-align:center; padding:0 0 10px 0; }
.ai_page_top_wrap .tit span { font-size:18px; font-weight:400;   }
.form_box_ai_page { width:80%; margin:0 auto; }

.ai_page_wrap { float:left; width:100%; margin:50px 0; }
.ai_page_tit { float:left; width:100%; border-bottom:1px solid #000; padding:0 0 10px 0; }
.ai_page_tit dt { font-size:28px; font-weight:600; color:#000; }
.ai_page_tit dt img { vertical-align:middle; margin:-20px 10px 0 0; }
.ai_page_tit dd { font-size:14px; color:#555; padding:5px 0 10px 0; }

.ai_page_txt { float:left; width:100%; padding:30px 0; }

}

.ai_page_top_ment { float:left; width:100%; background:#d9edef;  text-align:center; }
.ai_page_top_ment ul { padding:10px 20px; }
.ai_page_top_ment ul li { font-size:13px; color:#333; }