#section1{ padding-top: 80px; text-align: center;}
#section1 .tit p.kor{ font-size: 18px;}
#section1 .tit{ padding-bottom: 40px;}

#section1 .top{ padding-bottom: 60px;}
#section1 .top .img-wrap{ width: 100%; height: 780px; box-shadow: 10px 0 20px rgba(102,102,102,0.2);}
#section1 .top .text-wrap{ padding-top: 60px;}

#section1 .top .text-wrap .tit{ padding-bottom: 35px;}
#section1 .top .text-wrap .tit p.deco{ font-size: 14px; letter-spacing: -0.01em;}
#section1 .top .text-wrap .tit h3{ font-size: 32px;}
#section1 .top .text-wrap .content{ font-size: 14px; line-height: 22px; padding-bottom: 40px; word-break: keep-all;}

#section1 .top .btn-wrap{ font-size: 0;}
#section1 .top .btn-wrap a{ width: 240px; height: 48px; font-size: 14px; line-height: 48px; margin: 0 10px; }



#section1 .mid-top > .img-wrap{ width: 100%; height: 600px; box-shadow: 10px 0 20px rgba(102,102,102,0.2);}
#section1 .mid-top > div{ margin-bottom: 20px;}
#section1 .mid-top > div:nth-child(4){ margin-bottom: 0;}

#section1 .mid-top > .float-area{ overflow: hidden; width: 100%; height: auto;}
#section1 .mid-top > .float-area > .img-wrap{ width: 890px; height: 440px; box-shadow: 10px 0 20px rgba(102,102,102,0.2);}
#section1 .mid-top > .float-area > .right{ width: calc(100% - 890px); height: 440px; position: relative; padding-left: 20px;}
#section1 .mid-top > .float-area > .right > .text-wrap{ padding-top: 85px; text-align: left;}
#section1 .mid-top > .float-area > .right > .text-wrap h3{ font-size: 30px; padding-bottom: 10px; letter-spacing: -0.02em;}
#section1 .mid-top > .float-area > .right > .text-wrap p.kor{ font-size: 14px; padding-bottom: 10px; letter-spacing: -0.01em; padding-bottom: 20px;}
#section1 .mid-top > .float-area > .right > .text-wrap p.deco{ font-size: 11px; line-height: 14px; letter-spacing: -0.05em;}
#section1 .mid-top > .float-area > .right > .img-wrap{ width: calc(100% - 20px); height: 225px; position: absolute; right: 0; bottom: 0; box-shadow: 10px 0 20px rgba(102,102,102,0.2);}

#section1 .mid-top > .second-float > .left{ width: 490px; height: 440px;}
#section1 .mid-top > .second-float > .right{ width: calc(100% - 490px); height: 440px;}


#section1 .mid-btm > .text-wrap{ padding: 55px 0;}
#section1 .mid-btm > .text-wrap ul{ display: flex; width: 100%; justify-content: center;}
#section1 .mid-btm > .text-wrap li{ display: block; text-align: center; width: 155px; border-left: 1px solid rgba(188,188,188,.7); box-sizing: border-box; }
#section1 .mid-btm > .text-wrap li:nth-child(1){ border-left: none;}
#section1 .mid-btm > .text-wrap li h3{font-size: 16px; letter-spacing: -0.025em; padding-bottom: 5px;}
#section1 .mid-btm > .text-wrap li p{ font-size: 13px; letter-spacing: -0.04em;}
#section1 .mid-btm > .img-wrap{ width: 100%; height: 600px; box-shadow: 10px 0 20px rgba(102,102,102,0.2);}



#section1 #wrap{background-color: #ededed; overflow: hidden; margin-bottom: 50px;}
#section1 #table-wrap{  padding: 60px; }
#section1 #table-wrap caption, #section1 #table-wrap h3{ text-align: left; font-size: 18px; padding-bottom: 15px; color: #736966;}
#section1 #table-wrap table{ text-align: left; width: 100%;}
#section1 #table-wrap table tr{ line-height: 24px; }
#section1 #table-wrap table th{ width: 100px; color: #666; vertical-align: top;}
#section1 #table-wrap table td{ color: #222;  vertical-align: middle; }
#section1 #table-wrap table td p{ display: inline-block; padding-right: 3px;}
#section1 #table-wrap table th.bold{ font-size: 18px; padding: 15px 0; color: #736966;}



#section2{ padding-top: 80px; text-align: center;}
#section2 .tit{ padding-bottom: 40px;}

#section2 ul.list{ width: 100%;}
#section2 ul.list > li{ height: 76px; margin-bottom: 2px; background-color: #f0f0f0;}
#section2 ul.list > li.list-top{ background-color: #bfb0a3; line-height: 50px; height: 50px; margin-bottom: 4px;}
#section2 ul.list > li.list-top ul{ height: 50px;}
#section2 ul.list > li ul{ overflow: hidden; font-size: 0; }
#section2 ul.list > li ul li{ display: inline-block; font-size: 15px; color: #fff; text-align: center; overflow: hidden;}
#section2 ul.list > li ul li:nth-child(1){ width: 295px; padding: 0 0 0 10px;}
#section2 ul.list > li ul li:nth-child(2){ width: 145px;}
#section2 ul.list > li ul li:nth-child(3){ width: 180px;}
#section2 ul.list > li ul li:nth-child(4){ width: 270px;}
#section2 ul.list > li ul li:nth-child(5){ width: 390px;}
#section2 ul.list > li ul li:nth-child(6){ width: 120px;}
#section2 ul.list > li ul{ display: table; height: 100%;}
#section2 ul.list > li ul li{ display: table-cell; height: 100%; vertical-align: middle;}
#section2 ul.list > li ul li span{ display: none;}

#section2 ul.list > li ul li:nth-child(1) .img-wrap{ width: 106px; height: 64px;}
#section2 ul.list > li ul li:nth-child(1) .text-wrap{  padding-top: 23px; padding-left: 10px;}
#section2 ul.list > li ul li p{ font-size: 14px; line-height: 18px;}
#section2 ul.list > li ul li p.t-point3{ font-size: 12px; line-height: 14px;}
#section2 ul.list > li ul li a{ width: 90px; height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
#section2 ul.list > li ul li a i{ font-size: 12px;}
#section2 ul.list > li ul li  a span.mo{ display: none;}
#section2 ul.list > li ul li  a span.pc{ display: inline-block;}




#section3{ padding-top: 80px; padding-bottom: 80px; text-align: center;}
#section3 .tit{ padding-bottom: 40px;}
#section3 .tit p.kor{ font-size: 18px;}
#section3 .tit p.kor span{ padding-left: 60px;}

#section3 .maparea{ width: 100%; height: 600px; background-color: antiquewhite;}





/* =================== 1023px =================== */
@media (max-width: 1023px) {

    .con .tit h3{ font-size: 25px;}

    #section1{ padding-top: 30px; text-align: center; margin-top: 60px;}
    #section1 .wrap1400{ padding: 0;}
    #section1 .tit p.kor{ font-size: 15px;}
    #section1 .tit{ padding-bottom: 20px;}

    #section1 .top{ padding-bottom: 40px;}
    #section1 .top .img-wrap{height: 56.00vw; box-shadow: unset;}
    #section1 .top .text-wrap{ padding-top: 40px; padding-left: 15px; padding-right: 15px;}

    #section1 .top .text-wrap .tit{ padding-bottom: 25px;}
    #section1 .top .text-wrap .tit p.deco{ font-size: 12px; letter-spacing: -0.01em; padding-bottom: 10px;}
    #section1 .top .text-wrap .tit h3{ font-size: 26px;}
    #section1 .top .text-wrap .content{ font-size: 12px; line-height: 17px; padding-bottom: 30px;}


    #section1 .top .btn-wrap a{ width: calc(50% - 2px); height: 35px; font-size: 12px; line-height: 35px; margin: 0; }
    #section1 .top .btn-wrap a:nth-child(1){ display: none;}
    #section1 .top .btn-wrap a:nth-child(2){ margin-right: 2px;}
    #section1 .top .btn-wrap a:nth-child(3){ margin-left: 2px;}


    #section1 .mid-top > .img-wrap{ height: 42.67vw; box-shadow: unset;}
    #section1 .mid-top > div{ margin-bottom: 5px;}
    #section1 .mid-top > div:nth-child(4){ margin-bottom: 0;}

    #section1 .mid-top > .float-area > .img-wrap{ width: 100%; height: 48.00vw; box-shadow: unset;}
    #section1 .mid-top > .float-area > .right{ width: 100%; height: auto; position: relative; padding-left: 0;}
    #section1 .mid-top > .float-area > .right > .text-wrap{ padding-top: 20px; text-align: center;}
    #section1 .mid-top > .float-area > .right > .text-wrap h3{ font-size: 19px; padding-bottom: 10px; letter-spacing: -0.02em;}
    #section1 .mid-top > .float-area > .right > .text-wrap p.kor{ font-size: 10px;letter-spacing: -0.01em; padding-bottom: 10px;}
    #section1 .mid-top > .float-area > .right > .text-wrap p.deco{ font-size: 10px; line-height: 12px; letter-spacing: -0.05em; padding-bottom: 17px; }
    #section1 .mid-top > .float-area > .right > .img-wrap{ width: 100%; height: 45.33vw; position: relative; right: 0; bottom: 0; box-shadow: unset}

    #section1 .mid-top > .second-float > .left{ width: 37.33vw; height: 32.00vw;}
    #section1 .mid-top > .second-float > .right{ width: calc(100% - 37.33vw); height: 32.00vw; padding-left: 5px;}


    #section1 .mid-btm > .text-wrap{ padding: 20px 20px 5px 20px;}
    #section1 .mid-btm > .text-wrap ul{ display: flex; width: 100%; justify-content: center; flex-wrap: wrap;}
    #section1 .mid-btm > .text-wrap li{ display: block; text-align: center; width: 33.33%; border-left: 1px solid rgba(188,188,188,.7); box-sizing: border-box; margin-bottom: 15px; }
    #section1 .mid-btm > .text-wrap li:nth-child(1), #section1 .mid-btm > .text-wrap li:nth-child(4), #section1 .mid-btm > .text-wrap li:nth-child(7){ border-left: none;}
    #section1 .mid-btm > .text-wrap li h3{font-size: 11px; letter-spacing: -0.025em; padding-bottom: 0;}
    #section1 .mid-btm > .text-wrap li p{ font-size: 12px; letter-spacing: -0.04em;}
    #section1 .mid-btm > .img-wrap{ height: 42.67vw; box-shadow: unset;}


    #section1 #wrap{background-color: #ededed; overflow: hidden; margin-bottom: 20px;}
    #section1 #table-wrap{  padding: 30px 20px; }



    #section2{ padding-top: 40px; text-align: center;}
    #section2 .tit{ padding-bottom: 20px;}

    #section2 ul.list{ width: 100%;}
    #section2 ul.list > li.list-top{ display: none;}


    #section2 ul.list > li{ height: auto; margin-bottom: 6px; background-color: #f0f0f0;}
    
    #section2 ul.list > li ul{ overflow: hidden; font-size: 0; }
    #section2 ul.list > li ul li{ display: block; font-size: 15px; color: #fff; text-align: left; overflow: hidden;}
    #section2 ul.list > li ul li:nth-child(1){ width: 100%; padding: 10px; border-bottom: 1px solid #fff;}
    #section2 ul.list > li ul li:nth-child(2){ width: 100%; padding-left: 10px; padding-top: 10px;}
    #section2 ul.list > li ul li:nth-child(3){ width: 100%; padding-left: 10px;}
    #section2 ul.list > li ul li:nth-child(4){ width: 100%; padding-left: 10px;}
    #section2 ul.list > li ul li:nth-child(5){ width: 100%; padding-bottom: 10px; padding-left: 10px;}
    #section2 ul.list > li ul li:nth-child(6){ width: 100%; border-top: 1px solid #fff;}
    #section2 ul.list > li ul{ display: block; height: 100%;}
    #section2 ul.list > li ul li{ display: block; height: 100%;}

    #section2 ul.list > li ul li:nth-child(1) .img-wrap{ width: 150px; height: 84px;}
    #section2 ul.list > li ul li:nth-child(1) .text-wrap{  padding-top: 34px; padding-left: 15px; font-size: 15px;}
    #section2 ul.list > li ul li span{ display: inline-block; padding-right: 2px;}
    #section2 ul.list > li ul li p{ font-size: 11px; line-height: 17px;}
    #section2 ul.list > li ul li p.t-point1{ font-size: 15px;}
    #section2 ul.list > li ul li p.t-point3{ font-size: 10px; line-height: 14px; padding-left: 50px;}
    #section2 ul.list > li ul li a{ width: 100%; height: 37px; line-height: 37px; border: 1px solid #bfb0a3; background-color: #bfb0a3; color: #fff; text-align: center; font-size: 12px;}
    #section2 ul.list > li ul li a i{ font-size: 12px;}
    #section2 ul.list > li ul li  a span.mo{ display: inline-block;}
    #section2 ul.list > li ul li  a span.pc{ display: none;}




    
    #section3{ padding-top: 40px; padding-bottom: 40px; text-align: center;}
    #section3 .wrap1400{ padding: 0;}
    #section3 .tit{ padding-bottom: 25px;}
    #section3 .tit p.kor{ font-size: 14px;}
    #section3 .tit p.kor span{ padding-left: 0; display: block; padding-top: 10px;}

    #section3 .maparea{ width: 100%; height: 64.00vw; background-color: antiquewhite;}
}