@charset "UTF-8";
/*****************************************************************

Copyright C 그누위즈 테마 All rights reserved.
gnuwiz@naver.com & master@gnuwiz.com
본 페이지는 유료콘텐츠 그누위즈 테마 CSS입니다. 불법복제시 법적인 제제를 받으실 수 있습니다.
라이센스를 삭제하지 마세요. 라이센스 삭제시 불법 사용으로 간주될 수 있습니다.

******************************************************************/
.inner {margin:0 auto;max-width:1200px}
.mobile_list_line {display:none;margin:30px 0;height:8px;background:#F5F5F7}
.pc_list_line {margin:25px 0 40px;height:2px;background:#ececec}
.splide__slide img {width:100%;height:auto;border-radius:6px}
#bn_main1 img {width:100%;height:auto;border-radius:8px}
#bn_main2 img {width:100%;height:auto;border-radius:8px}

/* 유튜브 팝업 */
.ajax_youtube {position:relative;margin:0 10px;padding:30px 25px 25px;text-align:center;background:#fff;border-radius:15px}
.ajax_youtube h2 {margin:0 0 30px;padding:0 30px;font-size:30px;color:#020063;font-weight:600}
.ajax_youtube .yt_content {}
.ajax_youtube .yt_content:after {display:block;visibility:hidden;clear:both;content:""}
.ajax_youtube .mfp-close {width:50px;height:50px;line-height:50px;font-size:35px;color:#000 !important}
.ajax_youtube .yt_container {position:relative;height:0;padding-top:30px;padding-bottom:56.25%;overflow:hidden;}
.ajax_youtube .yt_content img,.yt_content iframe,.yt_content object,.yt_content embed {position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;}

@media all and (max-width:576px) {
	.ajax_guest {padding:40px 20px 10px}
	.ajax_youtube h2 {margin:0 0 20px;padding:0 30px;font-size:20px}
	.ajax_youtube {padding:20px 15px 15px;text-align:center;background:#fff;border-radius:10px}
}

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1440px) {
    /*head*/
    #hd_wrapper{width: calc(100vw - 120px);}
    /*#hd.scrolled{width: calc(100vw - 120px);margin-left:calc(-1 * (100vw - 120px) * 0.5);}
    #hd.scrolled #gnb_all:before{width: calc(100vw - 120px);}*/

    /*main*/
    #wrapper{width: calc(100vw - 120px);}

    /*tail*/
    #ft{width: calc(100vw - 120px);}
    .ft-quick-container{right: 60px;}
}

@media screen and (max-width:1280px) {
	.inner {padding:0 15px}
	.mobile_list_line {clear:both;display:block;width:100%}
	#bn_main1 img {border-radius:4px}
	#bn_main2 img {border-radius:4px}
	
	
	.gw-mob{display: none;}

    /*head*/
    #hd{border-bottom: none;box-shadow:0 1px 5px rgba(0, 0, 0, .1);}
    #hd_wrapper{width:calc(100vw - 32px);}
    #hd_wrapper .gnb-container{height:94px;}
    #logo{width: 154px;}
    #logo > a > img {width: 100%;}
    /*#gnb{display: none;}
    .hd_login{right: auto;left: -10px;display:none;}
    .hd_login li:first-child > a {color: #fff;}
    .hd_login li > a {color: #fff;}*/
    .hd_login.on {z-index:9999;}
    .hd_login, .gw-column-center{top: 16px;transform: translateY(0);}

    #gnb .gnb_wrap{padding-left:0px; padding-top:57px}
    #gnb .gnb_1dli{    min-width: unset; padding:5px 0px;        max-width: 68px;}
    .gnb_1da{font-size: 11px;}
    #gnb .gnb_wrap > ul {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
    }
    .bo_sch_wrap{display: none;}
    #gnb ul:after{display: none;}
    .hd_login li{font-size: 14px;}
    .hd_login {    height: 28px; right:40px}
    #hd.on .hd_login li a {color:#fff}
    #gnb_all.show{display: none}


    /* 모바일 */
    #menu-btn {display: block;width: 25px;height: 16px;position: absolute;top: 30px;right: 0;transform:translateY(-50%);z-index: 1000;cursor: pointer;transition: all .3s;}
    #menu-btn span {display: block;width: 100%;height: 2px;background: #000;position: absolute;transition: all 0.3s;}
    #menu-btn span:nth-child(1) {top: 0;}
    #menu-btn span:nth-child(2) {top: 6px;}
    #menu-btn span:nth-child(3) {top: 12px;}
    #menu-btn.active span{background: #fff;}
    #menu-btn.active span:nth-child(2) {opacity: 0;}
    #menu-btn.active span:nth-child(1) {top: 5px;transform: rotate(45deg);}
    #menu-btn.active span:nth-child(3) {top: 5px;transform: rotate(-45deg);}
 
    #mob-gnb{display: block;position:absolute;top:60px;left:-100%;z-index:100;display: none;max-width:100vw;width:100%;height:100vh;background:#fff;overflow-y:auto;transition:all 0.5s;}
    #mob-gnb .menu-list{width: 100%;height: 100%;background:#eee;}
    #mob-gnb .menu-list > ul > li > .dep01{width: 45%;height:55px;line-height:55px;display: table;text-align: center;color: #666;}
    #mob-gnb .menu-list > ul > li:first-child > .dep01{border-top: none;}
    #mob-gnb .menu-list > ul > li.open > .dep01{position: relative;background: var(--main-color);box-shadow:-3px 3px 5px rgba(0,0,0,.1);color: #fff;z-index: 10;}
    #mob-gnb .menu-list > ul > li.open > .dep01 > span{display: table-cell;width: 100%;font-family:'NotoKr_B' , sans-serif; }
    #mob-gnb .dep02{width:55%;height:calc(100% - 60px);position: fixed;top: 60px;left: 45%;overflow-y: auto;overflow-x: hidden;display:none;background: #fff;box-shadow:0px 5px 10px rgba(0,0,0,.1);}
    #mob-gnb .dep02 > li{border-bottom: 1px solid #ddd;width: 100%;height: 55px;line-height: 55px;padding:0 10px;}
    #mob-gnb .dep02 > li a{position: relative;display: block;width: 100%;font-family:'NotoKr_M' , sans-serif; }
    html.on,body.on{overflow: hidden;}
    #hd.on{background: #000;}
    #logo.on{display: none;}
    #mob-gnb.on{left:0;display:block;z-index:999;}
    #mob-gnb .dep02.on{display:block;}
    #mob-gnb .dep02.on > li{height: auto;}
 

    /*main*/
    #wrapper{padding-top:0;width:100%;}
    .gw-sec{padding: 120px 0;}
    .gw-sec-container{padding:0 40px;width: 100%;}
    .gw-sec-title{padding-bottom: 55px;}

    /*gw-theme01-main-banner*/
    #gw-theme01-main-banner{height: 300px;}

    /*tail*/
    #ft_top .ft_top_menu{font-size: 12px;display: flex;flex-wrap: wrap;justify-content: center; padding:24px 0}
    #ft_top .ft_top_menu span:first-child{margin-bottom: 10px;}
    #ft_top .ft_top_menu span a{padding-right: 7px;margin-right: 7px;}
    
    #ft_top .ft_top_menu span:nth-child(6) a, #ft_top .ft_top_menu span:nth-child(7) a, #ft_top .ft_top_menu span:nth-child(8) a, #ft_top .ft_top_menu span:nth-child(9) a, #ft_top .ft_top_menu span:nth-child(10) a
    {padding-right: 12px;margin-right: 13px;}
    #ft_top .ft_top_menu span:nth-child(5) a,  #ft_top .ft_top_menu span:nth-child(10) a{padding-right: 0;margin-right: 0; border-right:0}

    #ft{width:100%;padding:0 40px;}
    #ft_wr{flex-direction: column;align-items: flex-start;max-width: 100%;}
    #ft .ft-bottom{width: 100%;}
    .ft-quick-container{right: 40px;}

    /*다크모드*/
    body.dark-mode #menu-btn span{background: #fff;}

}


@media screen and (max-width:1024px){
    .gw-pc{display: none !important;}
    .gw-mob{display: block;}

    /*main*/
    .gw-sec-container{padding:0;}


    /*gw-theme01-main-about*/
    #gw-theme01-main-about{padding:80px 40px;}
    #gw-theme01-main-about .gw-text-container{padding-left: 80px;}

    /*gw-theme01-main-banner*/
    #gw-theme01-main-banner .gw-sec-container > div {flex-direction: column;text-align: center;}
    #gw-theme01-main-banner .gw-text{margin-bottom:25px;font-size: 20px;}

    /*tail*/
    #ft{padding:0 20px;}
    #ft .ft-bottom{width: 100%;}
    .ft-quick-container{bottom:20px;right: 20px;}
    .ft-quick-container > li{width: 50px;height: 50px;}
    #gw-top_btn:hover > i {color: #fff;}

}

@media screen and (max-width:768px){
    /*main*/
    .gw-sec{padding: 80px 0;}
    .gw-sec-title{padding-bottom: 30px;}

    /*gw-theme01-main-about*/
    #gw-theme01-main-about{padding: 80px 20px;}
    #gw-theme01-main-about .gw-text-container{padding:0 40px;}

    /*gw-theme01-main-banner*/
    #gw-theme01-main-banner{height: 220px;}

    /*tail*/
    #ft_wr{padding:24px 0 18px 0;align-items: center;text-align: center;width:100%;}
    #ft .ft-bottom{padding:0 0 27px 0;flex-direction: column;}
    #ft_company .ft_info{line-height: 1.5;}
    #ft_link{flex-direction:column;width:100%;}
    #ft_copy br{display: block;}

    #ft_company{flex-direction: column;    justify-content: unset;}
    #ft_company .ft_logo{position:relative; text-align: left; padding-bottom:12px}
    #ft_company .ft_info{text-align: left;}
    #ft_company .ft_info.info_left{padding-bottom:22px}
}

@media screen and (max-width:576px){
    /*main*/
    .gw-sec{padding: 40px 0;}
    .gw-sec .gw-btn01 {max-width: 130px;padding: 12px 0;height: auto;line-height: inherit;}

    /*gw-theme01-main-about*/
    #gw-theme01-main-about .gw-flex-btw {flex-direction: column;}
    #gw-theme01-main-about .gw-w-50 {width: 100% !important;}
    #gw-theme01-main-about .gw-text-container{padding:40px 0;}
    #gw-theme01-main-about .img{aspect-ratio: 2 / 1;height: 50%;overflow: hidden;}
    #gw-theme01-main-about .img02{order: 1;}

    /*gw-theme01-main-banner*/
    #gw-theme01-main-banner .gw-sec-container > div{padding: 0 10px;}

    /*tail*/
    #ft_copy{font-size: 12px;}
    #ft_company h2 {font-size: 14px;}
    #ft_company .ft_info{font-size: 12px;}
    .ft-quick-container > li{font-size: 12px;}
}

@media screen and (max-width:375px){
    /*haed*/
    .hd_pops_con{width: 280px !important;}
}

/*반응형 responsive.css-----------------------------------------------------------------------------------------------------------------*/