@charset "utf-8";

@media screen and (max-width:1365px){
    .slidesjs-previous{left:0}
    .slidesjs-next{right:0}
}
@media screen and (max-width:1200px){
    .nav_bar .logo{margin-left:34px}
}

/* 태블릿 */
@media screen and (max-width:1024px){
    /* 메인 */
    .slidesjs-container{min-height:620px !important}
    .slidesjs-pagination{left:34px}
    .slidesjs-play, .slidesjs-stop{left:334px}
    .slidesjs-previous{left:34px}
    .slidesjs-next{right:34px}
    .v1_text{width:365px;position:absolute;text-align:left;left:10%;top:10%;z-index:99}
    .v1_text span{margin-top:0}
    .v1_img{position:relative;left:10%;margin-top:60px}
    .v_list ul li dl{margin-top:20px;padding:70px 8% 0;background-position:center top}
    .v_list ul li dl dt,.v_list ul li dl dd{text-align:center}

    .v2_text{width:420px;top:65px;left:85px;text-align:left}
    .v2_img{object-fit:cover;min-height:620px}
    .v_list.type_1{bottom:inherit;top:420px}

    .news_list li .item{padding:24px 7.450980392156863%}
    .fac_slide_wrap{width:75%}

    .footer_btn{padding-left:1.953125%}
    .footer_addr img{padding-left:1.953125%}
    .footer_addr address{margin:0 0 0 2.166666666666667%;font-size:0.75em}
    
    
}
@media screen and (max-width:910px){
    .footer_addr address{display:block;margin-top:10px}
    .group_link{float:none;position:absolute;right:15px;top:15px}
    
}
@media screen and (max-width:800px){

}

@media screen and (max-width:768px){
    /* 공통 */
    .toolbar{display:none}
    header{position:fixed;width:100%;background:#fff;top:0;left:0;z-index:9999}
    .nav_bar{height:77px;border-top:5px solid #0886cb}
    .gnb{display:none}

    #mobile_menu{display:block}

    /* 메인 */
    #visual_wrap{padding-top:77px}
    .slidesjs-container{min-height:527px !important}
    .slidesjs-pagination{left:73px}
    .slidesjs-play, .slidesjs-stop{left:365px}
    .slidesjs-previous{display:none}
    .slidesjs-next{display:none}
    .v1,.v2{width:65.625%;float:left}
    .v1_text{width:368px;left:6%;top:13%;text-align:center}
    .v1_text strong,.v2_text strong{font-weight:500;font-size:2.7em;line-height:1.2em}
    .v1_img{left:0;margin-top:254px}
    .v_list{width:34.375%;float:left}
    .v_list ul{float:left;background:#0886cb}
    .v_list ul li{width:100%;float:inherit;background:none;border-bottom:1px solid #399ed5}
    .v_list ul li dl{margin-top:0;padding:20px 4% 20px 37.31%;background-position:14.6341% 25px;background-position: 5.634% center}
    .v_list ul li dl dt, .v_list ul li dl dd{color:#fff;text-align:left}
    .v_list ul li dl dd{font-size:0.75em;color:#ccdff0;min-height:88px}
    .v_list ul li.v_item1 dl{background-image:url(/images/main/v1_item_01x768.png)}
    .v_list ul li.v_item2 dl{background-image:url(/images/main/v1_item_02x768.png)}
    .v_list ul li.v_item3 dl{background-image:url(/images/main/v1_item_03x768.png)}

    .v2_text{width:420px;left:1%;text-align:center}
    .v_list.type_1{position:static}
    .v_list.type_1 ul{background:#0fc1c7}
    .v_list.type_1 ul li{border-bottom:1px solid #3fcdd2}
    .v_list.type_1 ul li dl dt{color:#fff}
    .v_list.type_1 ul li dl dd{color:#cdeeef}
    .v_list.type_1 ul li.v_item1 dl{background-image:url(/images/main/v2_item_01x768.png)}
    .v_list.type_1 ul li.v_item2 dl{background-image:url(/images/main/v2_item_02x768.png)}
    .v_list.type_1 ul li.v_item3 dl{background-image:url(/images/main/v2_item_03x768.png)}

    #content_wrap.sub{padding-top:113px}

    .main_banner ul li.bn1,.main_banner ul li.bn2{width:50%}
    .main_banner ul li:nth-child(2n+1){clear:both}
    .bn1 img, .bn3 img{object-fit:contain;object-position:left center}

    .news_list li{width:50%;border-top:1px solid #ededed}
    .news_list li:first-child, .news_list li:nth-child(2){border-top:0}

    .fac_slide_wrap{width:81%}
    .swiper-button-prev.type_1,.swiper-button-next.type_1{width:40px !important;height:14px !important;background-size:40px 14px !important}

    .nullbox{height:80px}
    .footer_btn{padding-left:0}
    .footer_btn ul{width:393px;margin:0 auto}

    /* 서브 */
    .container.sub{background:none;background-size:100%}
    #left_menu{width:100%;position:absolute;height:auto;top:113px;border:0;z-index:98}
    #left_menu>h2{width:100%;height:50px;line-height:50px;font-size:1.3em}
    .left_menu li{box-sizing:border-box;float:left;text-align:center;min-height:68px;border:0;border-left:1px solid #eaeaea}
    .left_menu li:first-child{border-left:0}
	.left_menu.item2>li{width:50%}
	.left_menu.item3>li{width:33.3%}
	.left_menu.item4>li{width:25%}
	.left_menu.item5>li{width:20%}
	.left_menu.item6>li{width:16.66666666666667%}
	.left_menu.item7>li{width:14.28571428571429%}
	.left_menu>li>ul>li{width:50%;border-bottom:1px solid #eaeaea}
    .left_menu li a{padding:0 25%;position:relative;padding:25px 0;font-size:0.875em}
    .left_menu li a.on:after{content:"";width:15px;height:8px;position:absolute;left:50%;margin-left:-7.5px;bottom:-8px;background:url(/images/common/down_arrow.png)}
    .left_menu li a:hover, .left_menu li a:focus, .left_menu li a.on{background:#34aaeb}

    .left_menu li ul li{min-height:0;border-right:1px solid #eaeaea}
    .left_menu li ul li a{padding:3px 0 3px 0;color:#555;min-height:0;background:#fff}
    .left_menu li ul li a:hover, .left_menu li ul li a:focus, .left_menu li ul li a.on{background:#fff;color:#0886cb}

    /*.content{background:url(/images/common/sub_top_bg.png) no-repeat;background-position:-820px top}*/

    #content_input{width:93.333333334%;padding:165px 3.333333333% 80px 3.333333333%;margin-top:110px;}
    #content_input .content_tit{position:relative;text-align:center;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #ededed}
    #content_input .sub_nav{position:static;display:inline-block}
    #content_input .page_move{display:block}
    #content_input .page_move a{position:absolute;top:50%;margin-top:-6.5px}
    #content_input .page_move a.con_prev{left:2%}
    #content_input .page_move a.con_next{right:2%}

    /* 게시판 상세페이지 */
    .board_view.social_btn{padding-top:37px}
    .board_view.social_btn .b_tit{width:90%;padding:11px 5%}
    .b_tit .social{top:-40px;right:0}
    .board_view .b_info dl{width:100%;border-bottom:1px solid #d9d9d9;float:none}
    .board_view .b_info dl:first-child{width:100%}
    .board_view .b_info dl:nth-child(2){width:100%}
    .board_view .b_info dl:last-child{width:100%}
    .board_view .b_info dl dt, .board_view .b_info dl dd{padding:8px 0; border-bottom:none}
    .board_view .b_info dl dt{width:50%}
    .board_view .b_info dl dd{width:50%;border-right:0}
    .board_view .b_page dl dt{width:27%}
    .board_view .b_page dl dt, .board_view .b_page dl dd{padding:8px 2%}
.main_bg{height:335px; min-height:100%; background:url(/images/main/main_img_bg.png) 50% center no-repeat; background-size: cover;}
.main_img01{margin-top:20px; margin-left:-82px;}
.main_img01 img{width:80%;}
.main_img02{z-index:124; position:absolute; margin-top:250px;}
.main_txt{margin-top:80px; position:absolute; font-size:2.916em; color:#424242; font-weight:bold; z-index:125;}
.main_txt span{color:#00509c; font-size:1.400em;}

}
@media screen and (max-width:640px){
    /* 메인 */
    #slides{padding-top:53px}
    .slidesjs-container{min-height:396px !important}
    .slidesjs-pagination{width:80%;top:0;left:0}
    .slidesjs-pagination li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:50%;height:53px;line-height:53px;margin-right:0;text-align:center;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#fff}
    .slidesjs-play, .slidesjs-stop{display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;left:inherit;top:0;right:0;width:20%;height:53px;border-bottom:1px solid #dcdcdc;text-align:center;text-indent:0 !important;background-color:#fff;padding:15px 0 15px 5%;background-position:30% center;background-repeat:no-repeat;font-size:0.9375em;color:#7b7b7b}
    .v1_img{margin-top:200px}
    .v1_text{width:62%;left:3%}
    .v2_text{width:62%;left:3%}
    .v1_text span,.v2_text span{font-size:1em}
    .v1_text strong,.v2_text strong{font-size:2.2em}
    .v_list ul li dl{padding:46px 4% 45px 45%;background-position:15.634% center}
    .v_list ul li dl dt{font-size:1em}
    .v_list ul li dl dd{display:none}
    .v_list ul li.v_item1 dl{background-size:50px 42px}
    .v_list ul li.v_item2 dl{background-size:43px 42px}
    .v_list ul li.v_item3 dl{background-size:42px 42px}
    .v_list.type_1 ul li.v_item1 dl{background-size:42px 42px}
    .v_list.type_1 ul li.v_item2 dl{background-size:39px 42px}
    .v_list.type_1 ul li.v_item3 dl{background-size:31px 42px}

    .main_banner ul{position:relative;display:flex;flex-wrap:wrap}
    .main_banner ul li{width:100% !important}
    .main_banner ul li.bn1{order:1}
    .main_banner ul li.bn2{order:3}
    .main_banner ul li.bn3{order:2}
    .main_banner ul li.bn4{order:4}
    /*.main_banner ul li.bn4{bottom:0;right:0;}*/

    .new_fac ul li > a{min-height:50px}
    .fac_slide{width:70%}

	

    /* 서브 */
    #left_menu>h2{display:none}
    #left_menu .mo_sub_menu{position:relative;display:block;height:32px;padding: 8px 0 9px;background:#00509c;color:#fff;border-bottom:1px solid #4270af;text-align:center}
    #left_menu .mo_sub_menu h2{font-size:1.3em;font-weight:normal}
    #left_menu .mo_sub_menu:after{content:"";width:49px;height:49px;position:absolute;right:0;top:0;background:#002a6d url(/images/left_menu_down.png) center no-repeat}
    #left_menu .mo_sub_menu.on:after{background:#002a6d url(/images/left_menu_up.png) center no-repeat}
    .left_menu{display:none;width:100%;position:absolute;background:#002a6d;z-index:99}
    .left_menu li{width:100% !important;float:none;min-height:inherit;border-left:0;border-bottom:1px solid #4270af}
    .left_menu li a{padding:10px 0;background:#002a6d;color:#fff}
    .left_menu li a.on:after{display:none}

    #content_input{padding:130px 3.333333333% 40px 3.333333333%;min-height:300px}
    #content_input .sub_nav{position:absolute;width:100%;left:0;top:50px;display:block;float:left;background:#f8f8f8;border-top:1px solid #ededed;border-bottom:1px solid #ededed}
    #content_input .sub_nav li{border-right:1px solid #ededed;background:none !important;padding-left:0}
    #content_input .sub_nav li a{display:inline-block;background:#fff none;height:48px;line-height:48px;padding:0 15px}
    #content_input .content_tit{position:static}
    #content_input h3{font-size:2em}
    #content_input .page_move{position:relative}
    #content_input .page_move a{top:-23px}

    /* 게시판 */
    .board col:first-child{width:17% !important}
    .board col:nth-child(2){width:58% !important}
    .board col:nth-child(3){width:25% !important}
    .board tr td{vertical-align:middle;font-size:0.875em}
    .board tr th:first-child, .board tr td:first-child{display:none}
	.board.file col:first-child{display:none}    

.new_bn{width:100%; height:222px;}
.new_bn li{width:100%; height:100%;float:left; box-sizing:border-box; color:#fff; position:relative; overflow:hidden; cursor:pointer;}
.new_bn_con{position:absolute; top:0;}
.new_bn_con h2{font-weight:600; font-size:1.500em; margin:30px 30px 20px 30px; letter-spacing:-0.05em;}
.new_bn_con p{margin:20px 30px;}
.more2{position:absolute; bottom:0; right:0px; cursor:pointer;}	

.new_bn2{width:100%; height:282px;}
.new_bn2 li{width:50%; height:100%;float:left; box-sizing:border-box; color:#fff; position:relative; overflow:hidden; cursor:pointer;}
.new_bn2_con{position:absolute; top:0;}
.new_bn2_con h2{font-weight:600; font-size:1.500em; margin:120px 30px 20px 75px; letter-spacing:-0.05em;}
.new_bn2_con p{margin:20px 30px;}
.more2{position:absolute; bottom:0; right:0px; cursor:pointer;}	

.main_bg{height:335px; min-height:100%; background:url(/images/main/main_img_bg.png) 50% center no-repeat; background-size: cover;}
.main_img01{margin-top:20px; margin-left:-62px;}
.main_img01 img{width:80%;}
.main_img02{z-index:124; position:absolute; margin-top:250px;}
.main_txt{margin-top:80px; position:absolute; font-size:2.08em; color:#424242; font-weight:bold; z-index:125;}
.main_txt span{color:#00509c; font-size:1.400em;}

	.ct-u-display-tablex {
	  display: table;
	  width: 100% !important;
	  height: 250px !important;
	}
	
	.slick-list {
	  height: 250px !important;
	}
}
@media screen and (max-width:410px) {
    .footer_btn{padding:0}
    .footer_btn ul{width:100%}
    .footer_btn ul li{box-sizing:border-box;width:33.3%;border-left:1px solid #5e5e5e;text-align:center}
    .footer_btn ul li:first-child{border-left:0}
    .footer_btn ul li a{display:block;padding:10px 0;font-size:0.875em}
    .footer_btn ul li span{display:none}
    .footer_logo{display:none}
    .group_link{left:50%;margin-left:-80px}
    /*.group_link{left:50%;margin-left:-126px}*/
    .group_link span.selected{width:180px}
    ul.selectOptions{width:210px}

    .footer_addr address{margin-top:50px}
    .footer_addr address p{text-align:center}
.main_txt{margin-top:160px; font-size:1.800em;}
.main_txt span{color:#00509c; font-size:1.400em;}

}
@media screen and (max-width:360px){
    /* 공통 */
    .nav_bar .logo{margin-left:15px}
    .mo_menu_btn{right:15px}

    /* 메인 */
    .slidesjs-container{min-height:408px !important}
    .slidesjs-pagination li{line-height:15px;padding-top:12px}
    .slidesjs-pagination li a span{display:block;margin:0 auto}
    .v1, .v2{float:none;width:100%}
    .v1_text{width:70%;top:20px;left:50%;margin-left:-35%}
    .v1_text span,.v2_text span{font-size:0.875em}
    .v1_text strong,.v2_text strong{font-size:1.8em}
    .v1_img{margin-top:100px}
    .v2_img{min-height:inherit}
    .v2_text{width:62%;top:20px;left:50%;margin-left:-31%}
    .v_list{width:100%;position:absolute;top:317px}
    .v_list.type_1{position:absolute;top:317px}
    .v_list ul{width:100%}
    .v_list ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:33.3%;float:left;border-bottom:0;border-left:1px solid #399ed5}
    .v_list ul li dl{padding:53px 0 15px;}
    .v_list.type_1 ul li{border-bottom:0;border-left:1px solid #3fcdd2;min-height:106px;}
    .v_list.type_1 ul li.v_item3 dl{background-size:30px !important}
    .v_list ul li:first-child dl{border:0}
    .v_list ul li dl dt{font-size:0.75em;text-align:center !important}
    .v_list ul li dl{background-size:35px !important}
    .v_list ul li.v_item1 dl{background-position:center 10px}
    .v_list ul li.v_item2 dl{background-position:center 10px}
    .v_list ul li.v_item3 dl{background-position:center 10px}

    .main_banner ul{display:block}

    /* 서브 */
    .content{background-position:-900px top}

    #content_input{padding:80px 3.333333333% 40px 3.333333333%}
    #content_input .sub_nav{display:none}
    #content_input .content_tit{padding-bottom:20px}
    #content_input h3{font-size:1.5em}
 
.main_bg{height:335px; min-height:100%; background:url(/images/main/main_img_bg.png) 50% center no-repeat; background-size: cover;}
.main_img01{margin-top:100px; margin-left:-62px;}
.main_img01 img{width:100%;}
.main_img02{z-index:124; position:absolute; margin-top:270px; margin-left:20px;}
.main_img02 img{width:50%;}
.main_txt{margin-top:50px; position:absolute; font-size:2.08em; color:#424242; font-weight:bold; z-index:125;}
.main_txt span{color:#00509c; font-size:1.400em;}
}