@media (max-width:768px){
body{min-width:350px}
}


@media (max-width:1680px){
#hd_wrapper{width:95%}
#gnb{margin-right:30px}
#gnb #gnb_1dul>li{padding:0 2em}
.gnb_mnal{right:-10px}

.main_visual img{min-width:1500px}

.main_news {display:flex; align-items:stretch; flex-wrap:wrap;}
.main_notice,
.main_press,
.main_popupzone {flex:1 1 0;min-width:0; position:relative; display:flex; flex-direction:column;}

  .right_quick ul li a{display:block;color:#fff;font-size:0;line-height:0;opacity:.95;transition:all .3s ease;    }
    .right_quick ul li a img{display:block;width:40px;max-width:40px;margin:0 auto;transition:all .3s ease;    }
    .right_quick ul:hover li a{font-size:107%;line-height:2.6;}
    .right_quick ul:hover li a img{margin:0 auto 8px auto;}
    .right_quick ul li a img{width:40px}

.sub_header .header_tit{width:90%}
}



@media (max-width:1280px){
#hd_wrapper{width:95%}
#gnb{margin-right:30px}
#gnb #gnb_1dul>li{padding:0 2em}
.gnb_mnal{right:-10px}

.main_visual img{min-width:1500px}

.main_news {
    display:flex;
    align-items:stretch;
    flex-wrap:wrap;
}
.main_notice,
.main_press,
.main_popupzone {
    flex:1 1 0;
    min-width:0;
    position:relative;
    display:flex;
    flex-direction:column;
}
.news_list{padding:1.5em 1.5em 0em 1.5em}

.notice_desc{    -webkit-line-clamp: 1;}
.notice_sub{font-size:100%}
.notice_main{margin-bottom:10px; padding-bottom:15px}
.news_title{font-size:1.7em}


.popupzone_roll,
.slick-list {
    min-width:0;
    max-width:100%;
    overflow:hidden;
}
.popupzone_roll{
    line-height:0;
}

.popupzone_roll img {
    max-width:100%;
    height:auto;
    display:block;
}
.popupzone_btn{top:1px;}
.popupzone_btn a {width:37px; height:37px; line-height:27px;}

.popupzone_btn img{width:20px}


.pr_title{width:270px}


.main_service .service_box .box_in{height:280px}
.main_service .service_box .box_tit{font-size:1.5em}
.main_service .service_box .box_tit strong{font-size:1.2em}


.right_quick img.ch{max-width:60px; display:none }
  .right_quick ul li a{display:block;color:#fff;font-size:0;line-height:1.3;opacity:.95;transition:all .3s ease;}

    .right_quick ul li a img{display:block;width:40px;max-width:40px;margin:0 auto;transition:all .3s ease;}
    .right_quick ul:hover li a{font-size:95%}
    .right_quick ul:hover li a img{margin:0 auto 8px auto; }
    .right_quick ul li a img{width:40px}



#container_title{font-size:1.6em; margin:1em auto; padding-bottom:0px}

   .sub_header .header_tit{width:90%}
   .sub_header .header_tit b{font-size:3em}
   .sub_header .breadcrumb{font-size:90%}
   .location_wrap{width:92%}
   .loc_item a, .loc_btn{height:44px}

   .container_content{width:90%}

#ft{padding-bottom:1.5em}

/* 게시판 관련 */
.tbl_head01 td{font-size:100%}
}


@media (max-width:1180px){
#gnb #gnb_1dul>li{padding: 0 1em}
}

@media (max-width:1024px){
body {font-size: 80%;}

#logo img{max-width:320px;}
#gnb{display:none}
.gnb_mnal{margin-top:-3px}

#gnb_all h2 {text-align:center}
#gnb_all h2 img{max-width:320px}

.main_visual img{height:auto}
.main_visual .visual_copy{font-size:180%}
.main_visual .visual_copy p{font-size:120%}
.main_visual .visual_copy p b{font-size:150%}

.main_news_wrap{margin:2em auto; width:90%}
	.main_news{flex-direction:column;  }
	.main_notice{padding-bottom:2em}
	.notice_main{margin-bottom:15px; padding-bottom:15px;}
		.news_title{padding:0 0 10px 0; font-size:20px; line-height:36px;}
		.news_title p{width:35px; height:35px; line-height:30px; font-size:30px; top:0px}
		.news_list{padding:1em; border-right:1px solid #e3e3e3; }
		.notice_sub{font-size:100%}
		.main_notice, .main_press{max-width:none}

   .main_popupzone{margin:2em 0 0 0; max-width:none; }
   .popupzone_btn a{width:35px; height:35px; line-height:27px;}
   .popupzone_btn img{width:20px}
   .popupzone_list {background:#FAF8EC}
   .popupzone_list img{width:100%; max-width:503px; margin:auto}


	/* sv */
   .main_service{ height:auto}
   .main_service .service_box{margin-top:2em; gap:10px; flex-wrap:wrap; flex-direction:column}
   .main_service .service_box .box_in{padding:0.7em;  height:auto; margin:auto; width:100%}
   .main_service .service_title{font-size:155%;}
   .main_service .service_box p{padding:5px 0 0 1em; display:inline-block; vertical-align:middle; width:75%; text-align:left}
   .main_service .service_box .box_tit{font-size:120%; display:inline-block; vertical-align:middle; width:120px;}
   .main_service .service_box .box_tit strong{font-size:120%}


	/* pr */
	.main_promotion{display:block; margin:3em auto; width:90%; }
	.pr_title{font-size:80%}
	.pr_title h2 b{font-size:200%}
	.pr_btn{margin-top:0px; position:absolute; right:0; top:30px;}
	.pr_btn a{width:35px; height:35px; font-size:0px; line-height:34px;}
	.pr_btn img{width:20px; height:20px}
	.pr_title{padding-left:0px; padding-bottom:10px;}
	.pr_roll a{font-size:100%}


.main_related_sites{padding:1.5em}

     /* footer */
	 #ft_wr{padding:1.5em; flex-direction:column; padding-bottom:70px;}
	#ft_wr .ft_info{margin-bottom:20px}
	#ft_company span:last-child a{display:block; margin-left:0px;}
	.site, .site2{margin:auto; width:49%; font-size:85%; display:inline-block; vertical-align:top}


	.right_quick{top:auto; bottom:0px; width:100%; left:0px; position:fixed}
	.right_quick ul{display:flex; gap:10px; margin:8px 0 0 0; border-radius:5px 5px 0;justify-content:space-evenly}
	.right_quick ul li{padding:0 3px; border:none}
	.right_quick ul li a{font-size:13px}
	.right_quick ul li a img{width:30px; margin:auto}

.right_quick .mch{display:block;}
.right_quick .mch img{width:100%; max-width:45px}

	#top_btn{width:40px; height:40px; line-height:35px; right:5px;}
}



@media (max-width:768px){
body {font-size: 80%;}

    body.all_menu_open {
        overflow:hidden;
    }

    #gnb_all {
        display:block !important;
        position:fixed;
        top:0;
        right:-85%;
        width:85%;
        max-width:360px;
        height:100%;
        margin-top:0 !important;
        background:#145699;
        z-index:9999;
        overflow-y:auto;
        opacity:1 !important;
        transition:right .35s ease;
        box-shadow:-5px 0 20px rgba(0,0,0,.18);
    }

    body.all_menu_open #gnb_all {
        right:0;
    }

    #gnb_1dul {
        margin:0;
        padding:60px 0 30px;
        list-style:none;
    }

    #gnb_1dul .gnb_1dli {
        position:relative;
        border-bottom:1px solid #eee;
    }

    #gnb_1dul .gnb_1da {
        display:block;
        padding:16px 45px 16px 20px;
        font-size:17px;
        color:#222;
        text-decoration:none;
    }

    /* 하위메뉴 있는 1차 메뉴 표시 */
    #gnb_1dul .gnb_al_li_plus > .gnb_1da:after {
        content:"+";
        position:absolute;
        right:20px;
        top:15px;
        font-size:22px;
        line-height:1;
        color:#333;
    }

    #gnb_1dul .gnb_al_li_plus.on > .gnb_1da:after {
        content:"−";
    }

    #gnb_all .bg {
        display:none;
    }

.gnb_close_btn{display:none}

    #gnb_all .gnb_al_li,
    #gnb_all .gnb_1dli {
        display:block;
        position:relative;
		padding:0 2em
    }

#gnb_all .gnb_al_li li{line-height:1em}

#gnb_all .gnb_al_li > .gnb_al_a,
#gnb_all .gnb_1dli > .gnb_1da {
    display:block;
    position:relative;
    padding:1em;
    font-size:110%;
    color:#fff;
    text-decoration:none;
    box-sizing:border-box;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	margin-bottom:0
}

    #gnb_all .gnb_al_li > ul,
    #gnb_all .gnb_2dul {
        display:none;
        background:#4378ad;
    }

    #gnb_all .gnb_2dul_box {
        margin:0;
        padding:.5em 0;
        list-style:none;
    }

    #gnb_all .gnb_2dli {
        border-bottom:0;
    }

    #gnb_all .gnb_2da,
    #gnb_all .gnb_al_li > ul > li > a {
        display:block;
        padding:0.8em;
        font-size:98%;
        color:#fff;
        text-decoration:none;
    }

    #gnb_all .gnb_2da:hover,
    #gnb_all .gnb_al_li > ul > li > a:hover {
        color:#000;
    }

    #gnb_all .gnb_al_li.on > a,
    #gnb_all .gnb_1dli.on > .gnb_1da {
        font-weight:700;
    }

#gnb_all .gnb_al_li > .gnb_al_a:after,
#gnb_all .gnb_al_li_plus > .gnb_1da:after {
    content:"";
    position:absolute;
    right:20px;
    top:50%;
    width:8px;
    height:8px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:translateY(-70%) rotate(45deg);
    transition:all .25s ease;
}

#gnb_all .gnb_al_li.on > .gnb_al_a:after,
#gnb_all .gnb_al_li_plus.on > .gnb_1da:after {
    transform:translateY(-30%) rotate(-135deg);
}

    .gnb_close_btn {
        position:absolute;
        right:15px;
        top:15px;
        z-index:10000;
    }


#logo img{max-width:280px}
#gnb{display:none}
.gnb_mnal{margin-top:-3px}

#gnb_all h2{text-align:center; padding:2em; margin-bottom:2em}
#gnb_all h2 img{max-width:250px; margin-left:0px;}
/*.gnb_close_btn{width:40px; height:40px; top:20px; right:10px}*/

.main_visual img{height:auto; min-width:1000px;}
.main_visual .visual_copy{font-size:180%}
.main_visual .visual_copy p{font-size:120%}
.main_visual .visual_copy p b{display:block; font-size:150%}

.main_news_wrap{margin:2em auto; width:90%}
	.main_news{flex-direction:column;  }
	.main_notice{padding-bottom:2em}
	.notice_main{margin-bottom:15px; padding-bottom:15px;}
		.news_title{padding:0 0 10px 0; font-size:20px; line-height:36px;}
		.news_title p{width:35px; height:35px; line-height:30px; font-size:30px; top:0px}
		.news_list{padding:1em; border-right:1px solid #e3e3e3; }
		.notice_sub{font-size:100%}
		.main_notice, .main_press{max-width:100%}

   .main_popupzone{margin:2em 0 0 0; max-width:none; }
   .popupzone_btn a{width:35px; height:35px; line-height:27px;}
   .popupzone_btn img{width:20px}
   .popupzone_list {background:#FAF8EC}
   .popupzone_list img{width:100%; max-width:503px; margin:auto}


	/* sv */
   .main_service{padding:1.5em 1.5em 5em 1.5em; height:auto}
   .main_service .service_box{margin-top:2em; gap:10px; flex-wrap:wrap; flex-direction:column}
   .main_service .service_box .box_in{padding:0.7em;  height:auto; margin:auto; width:100%}
   .main_service .service_title{font-size:133%}
   .main_service .service_box p{padding:5px 0 0 1em; display:inline-block; vertical-align:top; width:65%; text-align:left}
   .main_service .service_box .box_tit{font-size:120%; display:inline-block; vertical-align:top}
   .main_service .service_box .box_tit strong{font-size:120%}


	/* pr */
	.main_promotion{display:block; margin:3em auto; width:90%; }
	.pr_title{font-size:80%}
	.pr_title h2 b{font-size:200%}
	.pr_btn{margin-top:0px; position:absolute; right:0; top:30px;}
	.pr_btn a{width:35px; height:35px; font-size:0px; line-height:34px;}
	.pr_btn img{width:20px; height:20px}
	.pr_title{padding-left:0px; padding-bottom:10px;}
	.pr_roll a{font-size:100%}


.main_related_sites{padding:1.5em}

     /* footer */
	 #ft_wr{padding:1.5em; flex-direction:column; padding-bottom:70px;}
	#ft_wr .ft_info{margin-bottom:20px}
	#ft_company span:last-child a{display:block; margin-left:0px;}
	.site, .site2{margin:auto; width:49%; font-size:85%; display:inline-block; vertical-align:top}


	.right_quick{top:auto; bottom:0px; width:100%; left:0px; position:fixed; border-radius:13px 13px 0 0}
	.right_quick ul{display:flex; gap:10px; margin:-8px 0 0 0; justify-content:space-evenly}
	.right_quick ul li{padding:0 3px; border:none}
	.right_quick ul li a{font-size:95%}
	.right_quick ul li a img{width:30px; margin:auto}
.right_quick .mch{display:block;}
.right_quick .mch img{width:100%; max-width:45px}
.right_quick img.ch{display:none}
	#top_btn{width:40px; height:40px; line-height:35px; right:5px;}

.sub_header img{min-width:550px}
.sub_header .header_tit{display:none}

.loc_depth a{height:25px; font-size:12px; padding:3px 0; justify-content:center}

   .location_wrap{width:100%}
   .loc_item{min-width:auto; padding:0 2em}


}


@media (max-width:360px){
.main_visual .visual_copy{font-size:130%}
.main_visual img{min-width:750px; }
#container_title{font-size:140%; margin:1em auto; padding-bottom:0px}
.sub_header img{min-width:550px}
.sub_header .header_tit{display:none}


}