/* .banner1{background: url(/images/main_banner_mob1.jpg) no-repeat 0 0; background-size: cover; background-position: center center;}
    .banner2{background: url(/images/main_banner_mob2.jpg) no-repeat 0 0; background-size: cover; background-position: center center;}
    .banner3{background: url(/images/main_banner_mob3.jpg) no-repeat 0 0; background-size: cover; background-position: center center;}
    .banner4{background: url(/images/main_banner_mob4.jpg) no-repeat 0 0; background-size: cover; background-position: center center;}
    .banner5{background: url(/images/main_banner_mob5.jpg) no-repeat 0 0; background-size: cover; background-position: center center;} */

	.banner1{background: url(/images/2024_sw_mainimg_5.jpg) no-repeat 0 0; background-size: cover; background-position: center center;}
    .banner2{background: url(/images/2024_sw_mainimg_6.jpg) no-repeat 0 0; background-size: cover; background-position: center center;}
    .banner3{background: url(/images/2024_sw_mainimg_7.jpg) no-repeat 0 0; background-size: cover; background-position: center center;}


/* ------------------------------------------------------------------------------------------------------------ 모바일 반응형
 ------------------------------------------------------------------------------------------------------------ */



 @media only screen and (min-width:1px) and (max-width:799px) {
    .top { width:100%; height:30px; background:#343c60; margin:0 auto; }
    .header_wrap { top:40px; position:fixed; transition:all ease .1s; z-index:999; }
    
    /* 메인배너/ 스와이퍼 */
    .contents1_wrap {float:left; width:100%; height: auto; margin-top:65px; overflow: hidden;}

    .main_avi{width: 100%; height: auto;}
    .main_avi video{width: 100%; margin: 0;}

    .swiper_wrap { position:relative; width:100%; height: 450px;}
    .swiper-container { width:100%; height: 450px; }
    
    .swiper-button-next { margin-right:0px; outline:none; width:36px; height:68px; top:45%; transition:all ease .2s; }
    .swiper-button-prev { margin-left:0px; outline:none; width:36px; height:68px; top:45%; transition:all ease .2s; }
    .swiper-button-next:hover, .swiper-button-prev:hover { transform:scale(.85, .85); }
    .swiper-button-next:active, .swiper-button-prev:active { transform:scale(1, 1); }
    .swiper-button-next:after { background:url(../images/arrow_next.png); width:36px; height:68px; }
    .swiper-button-prev:after { background:url(../images/arrow_prev.png); width:36px; height:68px; }
    .swiper-button-next:after, .swiper-container-rtl, .swiper-button-prev:after { font-size:60px; font-weight:bolder; }
    .swiper-pagination-bullet { width:10px; height:10px; opacity:1; background:#fff; }
    .swiper-pagination-bullet-active { background:#343c60; }



    
    /* 분야별 카테고리 */
    .works_cate { width:90%; margin-left:5%; margin-top:20px; padding-bottom:12vw; float:left; }
    .works_tit{ color:#000; text-align:center; font-size:4.5vw; height: 50px; line-height: 50px; font-weight: 500; margin-bottom: 20px;}
    .works_cate ul { width:100%; position:relative; }
    .works_cate ul li { width:calc(100%/ 2); height:calc(100%/ 3); border:1px solid #dfe1e8; position:relative; float:left; box-sizing:border-box; transition:all ease .3s; }
    .works_cate ul li:active { transform:scale(.9, .9); }
    .works_cate ul li img { width:100%; }
    .works_cate ul li a { display:block; font-size:4.5vw; text-align:center; font-weight:500; line-height:4.8vw; color:#000; }
    .works_cate ul li span { position:absolute; left:50%; width:100%; transform:translateX(-50%); bottom:8%; }
    
    
    
    /* 공지사항/ 고객센터 */
    .notice { padding-bottom:0 !important; }
    .notice_inner { width:90%; margin:0 auto; }
    .notice1 { width:100%; box-sizing:border-box; float:left; }
    .notice1 > p { font-size:5vw; font-weight:500; color:#000; }
    .notice1 > p a { width:5vw; height:5vw; line-height:4vw; display:inline-block; border:1px solid #000; text-align:center; box-sizing:border-box; margin-left:2px; vertical-align:baseline; font-weight:300; }
    .notice1 > div { border-top:5px solid #343c60; border-bottom:2px solid #343c60; margin-top:10px; padding:10px 0; }
    .notice1 > div p { padding:5px 0; width:98%; margin:auto; font-size:4vw; }
    .notice1 > div p span { float:right; font-size:16px; color:#555555; }
    
    /*.notice2 { width:100%; border:1px solid red; float:right; border:2px solid #343c60; margin-top:12vw; }*/
    .question { text-align:center;}
    
    .question p br {  }
    .question p:not(:first-child) { float:left; }
    .question .question_tit{ color:#000; text-align:center; font-size:4.5vw; height: 50px; line-height: 50px; font-weight: 500; margin-bottom: 20px; margin-top: 20px;}
    .question .question_cont { width:100%; font-size:4; font-weight:500; text-align:center;  line-height: 40px;}
    .question .question_cont span { font-weight:bold; color:#000; }
    .question p:last-child { width:100%; text-align:center; line-height: 40px;}
    
    /* .question_cont{border:2px solid #e05858; width: 100%; height: 300px; } */
    .question_cont p{margin-top: 30px;}
    .question_tab{display: none;}
    .event_tab{display: none;}
    .event_tit{ color:#000; text-align:center; font-size:4.5vw; height: 50px; line-height: 50px; font-weight: 500; margin-bottom: 20px; margin-top: 20px;}
    /* .event_cont{width: 100%; height: 300px; background-color: #343c60;} */
    .question img{width: 100%; height: 100%;  max-width: 400px;}
.question_cont{background: #efefef; width: 100%; height: 100%;  }
.event_cont{width: 100%; height: 100%; background: url(/images/event_bg.png); display: flex; justify-content: center;}
.event_banner img{width: 100%; height: 100%;  max-width: 400px;}
    }
    
    
    
    
    /* ------------------------------------------------------------------------------------------------------------ 태블릿 반응형
     ------------------------------------------------------------------------------------------------------------ */
    
    
    
    
    @media only screen and (min-width:800px) and (max-width:1449px) {
    .top { width:100%; height:40px; background:#343c60; margin:0 auto; }
    .header_wrap { top:40px; position:fixed; transition:all ease .1s; z-index:999; }
    
    /* 메인배너/ 스와이퍼 */
    .contents1_wrap {float:left; width:100%; height: auto; margin-top:100px; overflow: hidden;}

    .main_avi{width: 100%; height: auto;}
    .main_avi video{width: 100%; margin: 0;}

    .swiper_wrap { position:relative; width:100%; height: 450px;}
    .swiper-container { width:100%; height: 450px; }
    
    .swiper-button-next { margin-right:0px; outline:none; width:36px; height:68px; top:45%; transition:all ease .2s; }
    .swiper-button-prev { margin-left:0px; outline:none; width:36px; height:68px; top:45%; transition:all ease .2s; }
    .swiper-button-next:hover, .swiper-button-prev:hover { transform:scale(.85, .85); }
    .swiper-button-next:active, .swiper-button-prev:active { transform:scale(1, 1); }
    .swiper-button-next:after { background:url(../images/arrow_next.png); width:36px; height:68px; }
    .swiper-button-prev:after { background:url(../images/arrow_prev.png); width:36px; height:68px; }
    .swiper-button-next:after, .swiper-container-rtl, .swiper-button-prev:after { font-size:60px; font-weight:bolder; }
    .swiper-pagination-bullet { width:10px; height:10px; opacity:1; background:#fff; }
    .swiper-pagination-bullet-active { background:#343c60; }



    /* 분야별 카테고리 */
    .works_cate { width:90%; margin-left:5%; padding-bottom:100px; float:left; }
    .works_tit{font-size: 32px; color: #000; height: 50px; line-height: 50px; font-weight: 500; text-align: left;  margin:50px 0 20px 0; }
    .works_cate ul { width:100%; position:relative; }
    .works_cate ul li { width:calc(100%/ 3); /*height:calc(100%/ 3);*/ border:1px solid #dfe1e8; position:relative; float:left; box-sizing:border-box; transition:all ease .3s; }
    .works_cate ul li:hover { transform:scale(.9, .9); }
    .works_cate ul li img { width:100%; }
    .works_cate ul li a { display:block; font-size:2.5vw; text-align:center; font-weight:500; line-height:3vw; color:#000; }
    .works_cate ul li span { position:absolute; left:50%; width:100%; transform:translateX(-50%); bottom:10%; }
    
    
    
    /* 공지사항/ 고객센터 */
    .notice { padding-bottom:0 !important; }
    .notice_inner { width:90%; margin:0 auto; }
    .notice1 { width:100%; box-sizing:border-box; float:left; margin: 50px 0;}
    .notice1 > p { font-size:32px; font-weight:500; color:#000; }
    .notice1 > p a { width:30px; height:30px; line-height:30px; display:inline-block; border:1px solid #000; text-align:center; box-sizing:border-box; vertical-align:baseline; font-weight:300; }
    .notice1 > div { border-top:5px solid #343c60; border-bottom:2px solid #343c60; margin-top:10px; padding:10px 0; }
    .notice1 > div p { padding:5px 0; width:98%; margin:auto; font-size:18px; }
    .notice1 > div p span { float:right; font-size:16px; color:#555555; }
    
    /*.notice2 { width:100%; border:1px solid red; float:right; border:2px solid #343c60; margin-top:12vw; }*/
    .question { height: 450px; text-align:center;}
    .question img { width:80%; }
    .question p br {  }
    
    .question .question_tit{ color:#000; text-align:left; font-size:32px; height: 50px; line-height: 50px; font-weight: 500; margin-top: 50px;}
    .question .question_cont { width:100%; font-size:20px; font-weight:500; text-align:center;  line-height: 30px;}
    
    
    
    /* .question_cont{border:2px solid #e05858; width: 100%; height: 400px; } */
    .question_cont p{margin-top: 30px;}
    
    .event_tit{font-size: 32px; color: #000; height: 50px; line-height: 50px; font-weight: 500; text-align: left;  margin-top: 50px;}
    /* .event_cont{width: 100%; height: 400px; background-color: #343c60;} */
.question_pc{display: none;}
.question_tab{display: block;}
.event_pc{display: none;}
.event_block{display: none;}
.question_tab img{width: 45%; margin-top: 40px; margin-bottom: 40px;}
.question_tab p{text-align: center; color: #000; font-size: 18px; margin: 0 5px; word-break: keep-all;}
.question_tab p span{font-size: 36px; color: #084d77; font-weight: 700;}


/* .question img{width: 100%; height: 400px;  max-width: 400px;} */
.question_cont{background: #efefef; width: 100%; height: 400px;  }
.event_cont{width: 100%; height: 400px; background: url(/images/event_bg.png); position: relative;}
.event_banner img{position: absolute; left: 0; width: 80%;}

.event_tab{ padding: 80px 0 0 0px; text-align:center; }
.event_tab h2{font-size: 32px; color: #000; line-height:35px; }
.event_tab h2 .h2_st01 {color: #fd843f;}
.event_tab h2 .h2_st02 { font-size:22px; color: #5f9b5b;}
.event_tab p {  color: #000; font-size: 20px; margin: 10px 0; font-weight: 500; width: 100%; word-break: keep-all; }
.event_good{color: #fd843f;}
.event_text{color: #5f9b5b;}

.event_btn{width: 40%; height: 50px; border-radius: 50px; background-color: #000; line-height: 50px;}
.event_btn p{color: #fff; text-align: center; font-size: 1.5vw; font-weight: 600;}

    }
    
    
    
    
    /* ------------------------------------------------------------------------------------------------------------ PC 반응형
     ------------------------------------------------------------------------------------------------------------ */
    
    
    
    
    @media only screen and (min-width: 1450px) {
    .header_wrap { top:40px; position:fixed; transition:all ease .1s; z-index:999; }
    
    /* 메인배너/ 스와이퍼 */
    .contents1_wrap {width:100%; height: 500px; padding:100px 0 50px 0; overflow: hidden;}

    .main_avi{width: 100%; height: auto; background-color: #141724;}
    .main_avi p{text-align: center;}

    .swiper_wrap { position:relative; width:100%; height: 100%;}
    .swiper-container { width:100%; height:100%; }
    
    .swiper-button-next { margin-right:20px; outline:none; width:36px; height:68px; top:45%; transition:all ease .2s; }
    .swiper-button-prev { margin-left:20px; outline:none; width:36px; height:68px; top:45%; transition:all ease .2s; }
    .swiper-button-next:hover, .swiper-button-prev:hover { transform:scale(.85, .85); }
    .swiper-button-next:active, .swiper-button-prev:active { transform:scale(1, 1); }
    .swiper-button-next:after { background:url(../images/arrow_next.png); width:36px; height:68px; }
    .swiper-button-prev:after { background:url(../images/arrow_prev.png); width:36px; height:68px; }
    .swiper-button-next:after, .swiper-container-rtl, .swiper-button-prev:after { font-size:60px; font-weight:bolder; }
    .swiper-pagination-bullet { width:15px; height:15px; opacity:1; background:#fff; position: relative; top: -10px; right: 30px;}
    .swiper-pagination-bullet-active { background:#343c60; }
    /* .swiper-pagination{text-align: right;} */

    
    .right_content{width: 100%; max-width: 1280px; margin: 0 auto;}
    
    /* 분야별 카테고리 */
    .works_cate { width:100%; margin:0 auto; height:100%; margin-top:0px; margin-bottom: 50px; }
    .works_tit{width: 100%; height: 50px; text-align: left; line-height: 50px; font-size: 32px; font-weight: 500; color: #000; margin-bottom: 20px;}
    .works_cate ul { width:100%; height:100%; }
    .works_cate ul li { width:calc(100%/ 3 - 10px); height:calc(100%/ 2); border:1px solid #dfe1e8; position:relative; display: inline-block; box-sizing:border-box; transition:all ease .3s; }
    .works_cate ul li:hover { transform:scale(.9, .9); }
    .works_cate ul li img { width:100%; }
    .works_cate ul li a { display:block; font-size:25px; text-align:center; font-weight:500; line-height:31px; color:#000; }
    .works_cate ul li span { position:absolute; left:50%; transform:translateX(-50%); bottom:7%; }
    
    
    
    /* 공지사항/ 고객센터 */
    .notice {float: left; padding-bottom:0px !important; width: 100%; }
    .notice_inner { width:100%; margin:0 auto; }
    .notice1 { width:100%; box-sizing:border-box; margin: 50px 0;}
    .notice1 > p { font-size:32px; font-weight:500; color:#000; }
    .notice1 > p a { width:30px; height:30px; line-height:28px; display:inline-block; border:1px solid #000; text-align:center; box-sizing:border-box; margin-left:2px; vertical-align:baseline; font-weight:300; }
    .notice1 > div { border-top:5px solid #343c60; border-bottom:2px solid #343c60; margin-top:10px; padding:10px 0; }
    .notice1 > div p { padding:5px 0; width:98%; margin:auto; font-size:19px; }
    .notice1 > div p span { float:right; font-size:16px; color:#555555; }
    
    /*.notice2 { width:100%; border:1px solid red; float:right; border:2px solid #343c60; margin-top:12vw; }*/
.question { height: 450px; text-align:center;}
.question p{color: #fff; }
.question p br {  }
.question p:not(:first-child) { float:left; }
.question .question_tit{ color:#000; text-align:left; font-size:32px; height: 50px; line-height: 50px; font-weight: 500; margin-bottom: 20px;}
.question .question_cont { width:100%; font-size:20px; font-weight:500; text-align:center;  line-height: 40px;}
.question .question_cont span { font-size:32px; font-weight:900; color:#fff; }
.question p:last-child { width:100%; font-size:20px; text-align:center; line-height: 40px;}
.question img{width: 100%; height: 400px; min-width: 300px; max-width: 400px;}
/* .question_cont{border:2px solid #e05858; widzth: 100%; height: 400px; } */
.question_cont{background: #efefef; width: 100%; height: 400px;  min-width: 300px;}
/* .question_cont p{margin-top: 30px;} */
.question_tab{display: none;}
.event_tab{display: none;}
.event_tit{font-size: 32px; color: #000; height: 50px; line-height: 50px; font-weight: 500; text-align: left;  margin-bottom: 20px;}
.event_cont{width: 100%; height: 400px; background: url(/images/event_bg.png); min-width: 300px;}
.event_banner img{width: 100%; height: 400px; min-width: 300px; max-width: 400px;}
    }