@extends('layouts.default', [
    'activatedNavItem' => 'EDM',
])

@push('head')
<style>
    img {
        width: 100%
    }
    .mo-quick-menu {display:none;}
    .images-mo {display:none;}
    .images-pc > div {width:1920px;margin-left:50%;transform:translateX(-50%);}

  
    @media screen and (max-width:768px) {
        .images-pc {display:none;}
        .images-mo {display:block;}
    }
</style>
@endpush

@section('content')



<div class="images-pc">
    <div style="position: relative">
        <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_01.jpg" />
        <iframe style="position: absolute; top: 62%; left: 51%; transform: translate(-50%, -50%); width: 48vw; height: 27vw;" src="https://www.youtube.com/embed/CXhgNA7eNt0?amp;autoplay=1" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <div style="position: relative">
        <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_02_1.jpg" />
        <iframe style="position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); width: 48vw; height: 27vw;" src="https://www.youtube.com/embed/RP7_G1rRCBY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <!-- <div><img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_03.jpg" usemap="#01" /></div> -->
    <div><img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_04_1.jpg" usemap="#02" /></div>
</div>

<!-- <map name="01"><area shape="rect" coords="957,1057,1330,1117" href="https://www.instagram.com/p/CK2dfJrHKhu/?igshid=abzbpekdntnf" target="_blank" ></map> -->
<map name="02"><area shape="rect" coords="774,1025,1146,1086" href="/inquiry/consultation" target="_blank" ></map>


<div class="images-mo">
    <div style="position: relative">
        <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_01_m.jpg"/>
        <iframe style="position: absolute; top: 65%; left: 51%; transform: translate(-50%, -50%); width: 80vw; height: 50vw;" src="https://www.youtube.com/embed/CXhgNA7eNt0" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <div style="position: relative">
        <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_02_1_m.jpg"/>
        <iframe style="position: absolute; top: 75%; left: 51%; transform: translate(-50%, -50%); width: 80vw; height: 50vw;" src="https://www.youtube.com/embed/RP7_G1rRCBY" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <!-- <div><img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_03_m.jpg"/></div>
    <div>
        <a href="https://www.instagram.com/p/CK2dfJrHKhu/?igshid=abzbpekdntnf" target="_blank">
            <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_04_m_bt.jpg"/>
        </a>
    </div> -->
    <div><img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_05_1_m.jpg"/></div>
    <div>
        <a href="/inquiry/consultation">
            <img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_06_m_bt.jpg"/>
        </a>
    </div>

    <div><img src="https://s3.ap-northeast-2.amazonaws.com/uploadimg.edmedu.com/edm/edmuhak/seminar/akmu_07_m.jpg"/></div>
</div>

<script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> 

<script>

var _nasa={};

if(window.wcs) _nasa["cnv"] = wcs.cnv("4","1"); // 전환유형, 전환가치 설정해야함. 설치매뉴얼 참고


function seminarService()
{
    gtag('event', '무료신청', { 'event_category': '전환', 'event_label': 'edm유학센터' });
    fbq('track', 'Lead');
}



</script>
@endsection