@charset "UTF-8";
/*!
* Start Bootstrap - Freelancer v7.0.5 (https://startbootstrap.com/theme/freelancer)
* Copyright 2013-2021 Start Bootstrap
* Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-freelancer/blob/master/LICENSE)
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */

@font-face {font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

/*
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');} 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: 
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');} 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');} 

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;
src: url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),
url(https://fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
*/

/* default */
    * {box-sizing: border-box; margin:0; padding: 0;}
    html, body, div, p, ul, li, h1, h2, h3 {margin: 0; padding: 0;}
    a {text-decoration: none;}

    body {min-width: 1440px; color: #fff;}
    body, h1, h2, h3, h4, h5, h6, input, textarea, select { font-family: 'Noto Sans KR', sans-serif; }
    li {list-style: none;}
    em {font-style: normal;}


		    .bx-wrapper{
			box-shadow: none!important;
		}
        
                .bx-wrapper .bx-prev {
                left: 10px;
                background: url(/img/controls.png) no-repeat 0 -32px!important;
            }
                .bx-wrapper .bx-next {
                right: 10px;
                background: url(/img/controls.png) no-repeat -43px -32px!important; }
            


        .section__01{ 
            padding-top: 120px;
            padding-bottom: 100px;
            background-image: url("/main/img/bg_section_01.png");
            height: 800px;
            text-align: center;
            margin: 0 auto;
            
        }
        
        .section__01 .inner {
            width: 50%;
            text-align: left;
            margin: 0 auto;
            
        }
        
        .section__01 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #fff;
            
        }

      .section__01 .inner .t_1_c {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #00ffd9;         
        }

     
        .section__01 .inner .t_1_300 {
            font-size: 55px;
            letter-spacing: -2px;
            line-height: 30px;
            font-weight: 300;
            color: #fff;
            
        }


         .section__01 .inner .t_2 {
                    margin-top: 30px;
                    padding: 20px 0;
                    font-size: 30px;
                    letter-spacing: -2px;
                     color: #fff;
                }


         .section__01 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #fff;
        }
        

           .section__01 .inner .t_3_line {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            text-decoration: underline;
            color: #fff;
        }



         .section__01 .inner .t_4 { 
            font-size: 55px;
            letter-spacing: -2px;
            line-height: 40px;
            font-weight: 200;
            color: #fff;
            
        }


        .section_02{
            padding-top: 120px;
            padding-bottom: 100px;
            /*background: #111b2e;*/
            background-image: url("/main/img/bg_section_2.png");
            height: 900px;
            text-align: center;
            margin: 0 auto;
            
        }
        
         .section_02 .inner {
            width: 50%;
            text-align: center;
            margin: 0 auto;
            
        }

       .section_02 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #fff;
            
        }
          .section_02 .inner .t_1_c {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #ffffff;
            
        }

      .section_02 .inner .t_2 {
            font-size: 30px;
            letter-spacing: -2px;
            line-height: 40px;
            color: #a4c1f7;
            
        }


        .section_02 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            padding-top: 50px;
            color: #fff
        }



         .section_03{ 
            padding-top: 120px;
            padding-bottom: 100px;
            background:#fff;
            height: 1800px;
            text-align: center;
            margin: 0 auto;
            
        }
        
        .section_03 .inner {
            width: 50%;
            text-align: left;
            margin: 0 auto;
            
        }
        
        .section_03 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #212121ff;
            
        }

  
        .section_03 .inner .t_1_c {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #1c4085;
            
        }

      
         .section_03 .inner .t_2 {
                    margin-top: 30px;
                    padding: 20px 0;
                    font-size: 30px;
                    letter-spacing: -2px;
                     color: #212121;
                }

           .section_04{ 
            padding-top: 100px;
            padding-bottom: 100px;
            background-image: url("/main/img/bg_section_04.png");
            height: 820px;
            text-align: center;
            margin: 0 auto;
            
        }


           .section_04 .inner {
            width: 50%;
            text-align: center;
            margin: 0 auto;
            
        }


        .section_04 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -2px;
            line-height: 70px;
            font-weight: 600;
            color: #212121;
            text-align: center;
            margin: 0 auto;
            margin-top: 20px;
            margin-bottom: 40px;
            
        }

      .section_04 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #212121;
        }

     .section_04 .inner .t_1_c {
            font-size: 55px;
            letter-spacing: -2px;
            line-height: 30px;
            font-weight: 600;
            color: #1c4085;
            
        }


        .section_05{ 
            padding-top: 120px;
            padding-bottom: 100px;
            height: 2100px;
            background-image: url("/main/img/bg_section5.png");
            text-align: center;
            margin: 0 auto;
            
        }

         .section_05 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #fff;
            
        }

          .section_05 .inner .t_1_c {
            font-size: 55px;
            letter-spacing: -2px;
            line-height: 30px;
            font-weight: 600;
            color: #fff;
            text-decoration: underline;
            
        }

         .section_05 .inner .t_2 {
                    margin-top: 30px;
                    padding: 20px 0;
                    font-size: 30px;
                    letter-spacing: -2px;
                     color: #fff;
                }

         .section_06{ 
            padding-top: 120px;
            padding-bottom: 100px;
            background: url("/main/img/bg_section_06.png") center no-repeat;
            height: 800px;
            text-align: center;
            margin: 0 auto;
            
        }
        
        .section_06 .inner {
            width: 50%;
            text-align: left;
            margin: 0 auto;
            
        }
        
        .section_06 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #212121;
            
        }

        .section_06 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #212121;
        }

           .section_07{ 
            padding-top: 120px;
            padding-bottom: 100px;
            background: url("/main/img/bg_section_07.png") center no-repeat;
            height: auto !important;
            text-align: center;
            margin: 0 auto;
            
        }
        

         .section_07 .inner {
            width: 50%;
            text-align: right;
            margin: 0 auto;
            
        }
        
        .section_07 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 500;
            color: #fff;
            
        }

        .section_07 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #fff;
        }

        .section_07{ 
            padding-top: 120px;
            padding-bottom: 100px;
            height: 950px;
            text-align: center;
            margin: 0 auto;
            
        }

 .section_07_myuse .inner {
            width: 50%;
            text-align: right;
            margin: 0 auto;
            
        }
        
        .section_07_myuse .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 500;
            color: #fff;
            text-align: left;
            
        }

        .section_07_myuse .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #fff;
        }

        .section_07_myuse{ 
            padding-top: 120px;
            padding-bottom: 100px;
            height: 950px;
            text-align: center;
            margin: 0 auto;
            
        }



         .section_07-1{ 
            padding-top: 120px;
            padding-bottom: 100px;
            background-image: url("/main/img/img_slide_07-1.png");
            height: 975px;
            text-align: center;
            margin: 0 auto;
            
        }
        
        .section_07-1 .inner {
            width: 50%;
            text-align: left;
            margin: 0 auto;
            
        }
        
        .section_07-1 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #212121;
            
        }

        .section_07-1 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #212121;
        }

        .section_07-2{ 
            padding-bottom: 70px;
            background-image: url("/main/img/bg_section_07-2.png");
            height: 1200px;
            text-align: center;
            margin: 0 auto;
            
            }

         .section_07-2 .inner {
             width: 61%;
            text-align: left;
            margin: 0 auto;
            
        }

         .section_07-2 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 500;
            color: #fff;
            padding-top: 150px;
            
        }

       .section_07-2 .inner .t_2 {
            font-size: 80px;
            letter-spacing: -2px;
            line-height: 40px;
            font-weight: 600;
            color: #ffb359;
           padding-top: 30px;
            
        }
         .section_07-2 .inner .t_3 {
            font-weight: 300;
            font-size: 17px;
            letter-spacing: -0.03em;
            color: #fff;
             padding-top: 50px;
            
        }


    

        .section_08{ 
            padding-top: 120px;
            padding-bottom: 50px;
            text-align: center;
            margin: 0 auto;
            
        }

        .section_08 .inner {
            width: 50%;
            text-align: center;
            margin: 0 auto;
            
        }
        
        .section_08 .inner .t_0 {
            font-size: 40px;
            letter-spacing: -2px;
            line-height: 30px;
            font-weight: 400;
            color: #a3a3a3;
            
        }


       .section_08 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #000;
            
        }
        
        .section_08 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #000;
        }

        .section_09{ 
            padding-top: 120px;
            padding-bottom: 50px;
            text-align: center;
            margin: 0 auto;
            
        }

        .section_09 .inner {
            width: 50%;
            text-align: center;
            margin: 0 auto;
            
        }

        .section_09 .inner .t_0 {
            font-size: 40px;
            letter-spacing: -2px;
            line-height: 30px;
            font-weight: 400;
            color: #a3a3a3;
            
        }

        .section_09 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #000;
            
        }

        .section_09 .inner .t_3 {
            font-weight: 300;
            font-size: 21px;
            letter-spacing: -0.03em;
            color: #000;
        }

       .section_10{ 
            background-image: url("/main/img/bg_section_10.png");
            padding-top: 120px;
            padding-bottom: 50px;
            height:800px; 
            text-align: center;
            margin: 0 auto;
            
        }

        .section_10 .inner {
            width: 50%;
            text-align: center;
            margin: 0 auto;
        
        }

         .section_10 .inner .cont {
            text-align: center;
            margin: 0 auto;
            border: 1px solid #989898;
            height: 375px;
        
        }

        .section_10 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #fff;
            padding-bottom: 15px;
        }

        .section_11{ 
            background:#ededed;
            padding-top: 120px;
            padding-bottom: 40px;
            text-align: center;
            margin: 0 auto;
            
        }

        .section_11 .inner {
            width: 94%;
            text-align: center;
            margin: 0 auto;
            height: 600px;
        
        }

        .section_11 .inner .t_1 {
            font-size: 55px;
            letter-spacing: -5px;
            line-height: 30px;
            font-weight: 600;
            color: #000;
            padding-bottom: 15px;
            
        }

        .section_12{ 
            text-align: center;
            margin: 0 auto;
        
        }

        .section_12 .inner {
           
            text-align: center;
            margin: 0 auto;
        
        }









        .review_t1 {font-size: 25px; padding: 10px 0; padding-top: 20px; line-height: 35px; font-weight: 600; color: #46539d;}

        .review_t2 {font-size: 16px; color: #787878; font-weight: 400;}


    .slider .ttt a:hover {background:none;}

    .lnk {display: block; position: relative;}
    .lnk a {display: block; border: 1px solid #212121; position: relative; width: 260px; height: 65px; padding-left: 30px; font-size: 20px; line-height: 63px; letter-spacing: -2px; transition: color  1s; z-index: 1;}
    .lnk span {display: block; position: absolute; left: 1px; top: 1px; width: 0%; height: 63px; transition: width .5s;}
    .lnk:hover a {border-color: #212121 !important; color: #fff !important; font-weight: 700; text-decoration: none; }
    .lnk:hover a::after {background: url(./images/bg_link_b.png) no-repeat !important;}
    .lnk:hover span {width: 100%; background: #212121; width: 260px;} 

    .lnk.w a {border: 1px solid #fff; color: #fff;}
    .lnk.w a::after {content: ""; display: block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 50px; height: 11px; background: url(./images/bg_link_w.png) no-repeat;}
    
    .lnk.b a {border: 1px solid #000; color: #000;}
    .lnk.b a::after {content: ""; display: block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 50px; height: 11px; background: url(./images/bg_link_b.png) no-repeat;}

    .lnk.y a {border: 1px solid #000; color: #000;}
    .lnk.y a::after {content: ""; display: block; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); width: 50px; height: 11px; background: url(./images/bg_link_b.png) no-repeat;}

     .right {display: block; position: relative; margin-top: 30px;}
    .right a {display: block; border: 1px solid #fff; position: absolute; width: 260px; height: 65px; right: 1px; font-size: 20px; line-height: 63px; letter-spacing: -2px; transition: color  1s; z-index: 1; text-align: left; padding-left: 30px; color: #fff;}
    .right span {display: block; position: absolute; right: 1px; top: 1px; width: 0%; height: 63px; transition: width .5s; color: #fff;}
    .right:hover a {border-color: #2c3e50 !important; color: #fff !important; text-decoration: none; }
    .right:hover span {width: 100%; background: #2c3e50; width: 260px;} 

    .jons {display: block; position: relative;}
    .jons a {display: block; border: 1px solid #fff; width: 260px; height: 65px; margin: 0px auto; right: 280px; font-size: 20px; line-height: 63px; letter-spacing: -2px; z-index: 1; text-decoration: none; color: #fff; font-weight: 200; margin-top: 60px;}
    .jons:hover a {border-color: #fff !important; color: #000 !important; font-weight: 200; text-decoration: none; background-color: #fff; transition: color 1s; }


    .centerr {display: block; position: relative;}
    .centerr a {display: block; border: 1px solid #fff; width: 260px; height: 65px; margin: 50px auto; right: 280px; font-size: 20px; line-height: 63px; letter-spacing: -2px; z-index: 1; text-decoration: none; color: #fff; font-weight: 200;}
    .centerr:hover a {border-color: #fff !important; color: #000 !important; font-weight: 200; text-decoration: none; background-color: #fff; transition: color 1s; }
    


    a.review_box{border: none;}


        /*.top_header {
    	display: flex;
      justify-content: center;
    	width: 100%;
    	height: 60px;
    	position: relative;
    	margin-top: 20px;
    }
		*/




	
#wrap {text-align:left;margin:0 auto;width:600px;}
#slidemenu {background:#fff; border:1px solid #ccc; position:absolute;width:80px;top:250px;right:20px; border-radius: 15px; padding: 10px; }
#slidemenu ul {margin-bottom: 0;}
#slidemenu ul li {border-bottom: 1px dashed #ccc; z-index:1999; }
.sub_card ul a li {transition-duration: 0.4s; top:0px; position: relative;}
.sub_card ul a li:hover {transition-duration: 0.4s; top:-20px; position: relative; border: 2px solid #559ec3; box-shadow: 0 0 5px 5px rgb(85 158 195 / 25%);}
.sub_card ul a {display: inline;}