@extends('layouts.default')

@section('content')

    <link rel="stylesheet" type="text/css" href="/css/inquiry.css"/>

    <div class="container inquiry">
        <!-- 사이트 경로 표시 -->
        <div class="area-pages-wayfinding">
            <div class="flex-wrap">
                <div class="way-prev-dep">
                    <a href="#">견적요청</a>
                </div>
            </div>
        </div>
        <!-- 제목 및 현재위치 표시 -->
        <div class="area-pages-top bg">
            <h1 class="page-title">견적요청</h1>
            <div class="add-text">
                예상 유학 비용이 궁금하신가요?<br>
                모든 항목의 예상비용을 자세하게 알려 드리겠습니다.
            </div>
        </div>
        <div class="area-pages-content">
            <div class="flex-wrap">
                <div class="area-inquiry-form">
                    <div class="input-wrap">
                        <div class="input">
                            <p class="tit"><label for="aif-name">이름</label></p>
                            <p class="line-style">
                                <input type="text" id="aif-name" name="" value="" placeholder="이름을 입력하세요." class="line-style">
                            </p>
                        </div>
                        <div class="input">
                            <p class="tit"><label for="aif-phone">휴대폰</label></p>
                            <p class="line-style">
                                <input type="tel" id="aif-phone" name="phone" value="" placeholder="'-'없이 숫자만 입력하세요" maxlength="11">
                            </p>
                        </div>
                        <div class="input">
                            <p class="tit"><label for="aif-email">이메일</label></p>
                            <p class="line-style">
                                <input type="text" id="aif-email" name="" value="" placeholder="이메일 주소를 입력하세요." maxlength="11">
                            </p>
                        </div>
                        <div class="input sel-box">
                            <p class="tit"><label for="aif-region"><i class="req">*</i>거주지역</label></p>
                            <p class="line-style">
                                <select id="aif-region" name="region">
                                    <option value="">거주지역을 선택하세요.</option>
                                    <option value="서울">서울</option>
                                    <option value="부산">부산</option>
                                    <option value="대구">대구</option>
                                    <option value="대전">대전</option>
                                    <option value="광주">광주</option>
                                    <option value="울산">울산</option>
                                    <option value="인천">인천</option>
                                    <option value="제주">제주</option>
                                    <option value="경기">경기</option>
                                    <option value="강원">강원</option>
                                    <option value="충북">충북</option>
                                    <option value="충남">충남</option>
                                    <option value="경북">경북</option>
                                    <option value="경남">경남</option>
                                    <option value="전북">전북</option>
                                    <option value="전남">전남</option>
                                    <option value="런던">런던</option>
                                </select>
                            </p>
                        </div>
                        <div class="input-wrap">
                            <div class="input ims-active"> <!-- [D]: .input-multi-select 가 활성화될 경우 인풋과 해당요소를 감싼 상위요소에 .ims-active -->
                                <p class="tit"><label for="aif-country">유학국가</label></p>
                                <div class="line-style">
                                    <input type="text" id="aif-country" name="" value="" class="select-style" placeholder="국가를 선택해주세요">
                                </div>
                                <div class="input-multi-select">
                                    <div class="chk-custom-wrap">
                                        <span><input type="checkbox" id="aif-country1" name=""><label for="aif-country1">미국</label></span>
                                        <span><input type="checkbox" id="aif-country2" name=""><label for="aif-country2">영국</label></span>
                                        <span><input type="checkbox" id="aif-country3" name=""><label for="aif-country3">캐나다</label></span>
                                        <span><input type="checkbox" id="aif-country4" name=""><label for="aif-country4">호주</label></span>
                                        <span><input type="checkbox" id="aif-country5" name=""><label for="aif-country5">필리핀</label></span>
                                        <span><input type="checkbox" id="aif-country6" name=""><label for="aif-country6">아일랜드</label></span>
                                        <span><input type="checkbox" id="aif-country7" name=""><label for="aif-country7">뉴질랜드</label></span>
                                        <span><input type="checkbox" id="aif-country8" name=""><label for="aif-country8">몰타</label></span>
                                        <span><input type="checkbox" id="aif-country9" name=""><label for="aif-country9">스위스</label></span>
                                        <span><input type="checkbox" id="aif-country10" name=""><label for="aif-country10">네덜란드</label></span>
                                        <span><input type="checkbox" id="aif-country11" name=""><label for="aif-country11">싱가포르</label></span>
                                        <span><input type="checkbox" id="aif-country12" name=""><label for="aif-country12">말레이시아</label></span>
                                        <span><input type="checkbox" id="aif-country13" name=""><label for="aif-country13">기타국가</label></span>
                                    </div>
                                    <div class="button-wrap">
                                        <input type="reset" class="button half" value="선택해지">
                                        <input type="submit" class="button color half" value="선택완료">
                                    </div>
                                </div>
                            </div>
                            <div class="input"><!-- [D]: .input-multi-select 가 활성화될 경우 인풋과 해당요소를 감싼 상위요소에 .ims-active -->
                                <p class="tit"><label for="aif-interest">관심분야</label></p>
                                <div class="line-style">
                                    <input type="text" id="aif-interest" name="" value="" class="select-style"  placeholder="관심분야를 선택해주세요">
                                </div>
                                <div class="input-multi-select">
                                    <div class="chk-custom-wrap">
                                        <span><input type="checkbox" id="aif-interest1" name=""><label for="aif-interest1">어학연수</label></span>
                                        <span><input type="checkbox" id="aif-interest2" name=""><label for="aif-interest2">대학/대학원</label></span>
                                        <span><input type="checkbox" id="aif-interest3" name=""><label for="aif-interest3">아트유학</label></span>
                                        <span><input type="checkbox" id="aif-interest4" name=""><label for="aif-interest4">포트폴리오</label></span>
                                        <span><input type="checkbox" id="aif-interest5" name=""><label for="aif-interest5">초중고유학</label></span>
                                        <span><input type="checkbox" id="aif-interest6" name=""><label for="aif-interest6">캠프&middot;주니어연수</label></span>
                                        <span><input type="checkbox" id="aif-interest7" name=""><label for="aif-interest7">비자</label></span>
                                    </div>
                                    <div class="button-wrap">
                                        <input type="reset" class="button half" value="선택해지">
                                        <input type="submit" class="button color half" value="선택완료">
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="input">
                            <p class="tit"><label for="aif-write">문의사항</label></p>
                            <div class="">
                                <textarea id="aif-write" name=""></textarea>
                            </div>
                        </div>

                        <div class="input">
                            <span class="chk"><input type="checkbox" id="agree-info"><label for="agree-info">[필수] 개인정보수집 및 이용안내 동의</label></span>
                        </div>

                        <div class="button-wrap">
                            <button type="submit" class="button color wide">견적요청하기</button>
                        </div>
                    </div>
                </div>
                <div class="area-promotion-inquiry">
                    <div class="aip-title">
                        지금 상담신청하고<br>
                        <strong>이 모든 <span class="text-point">혜택</span>  받으세요</strong>
                    </div>
                    <div class="aip-slide slide-simple-arr no-pager">
                        <ul class="aib-slide-banner">
                            <li><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/banner/inquiry-banner-akmu01.png" alt=""></li>
                            <li><img src="https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/banner/inquiry-banner-akmu02.png" alt=""></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

@endsection