@charset "utf-8";
@import url(https://cdn.jsdelivr.net/font-nanum/1.0/nanumbarungothic/nanumbarungothiclight.css);


body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select,a,pre{ padding: 0px; margin: 0px; font-family: 'Nanum Gothic', sans-serif; font-size: 14px; color: #333333; font-weight: normal }


.align_center { text-align: center !important; }


img{ border: none; padding: 0px; vertical-align: middle;}
li{ list-style: none; }
a{ text-decoration: none; outline:none; select-dummy: expression(this.hideFocus=true); } 
table{ border-spacing: 0px; border-collapse: collapse; }
header, section, footer, nav, article, aside, figure{ padding:0px; margin:0px; display: block; }
fieldset{ border: none; }
legend{ display: none; }
address{ font-style: normal;}
input[type=button], input[type=submit], input[type=reset], input[type=image], button{ cursor: pointer; }


.fl{float: left;}
.fr{float: right;}
.cb:after{content: "";display: block;clear: both;}
.por{position: relative;}
.poa{position: absolute;}
/* COMMON */

html,body{width: 100%;height: 100%;min-width: 1080px;}
.header { width: 100%;z-index: 99; position: relative; background-color: #fff;}


.inner{width: 1080px; margin: 0 auto; min-width: 1080px;}


/* HEADER */

.header_top{width: 100%; border-top: solid 5px #1f286e;border-bottom: solid 1px #1f286e;padding: 22px 0 14px;}
.header_top .lnb{padding-top: 24px;}
.header_top .lnb ul li{float: left; margin-right: 16px;}
.header_top .lnb ul li a{font-size: 12px;color: #919191;}




.header_bottom .gnb_area .gnb>li{float: left;width: 206px;text-align: center;padding: 18px 0 15px;position: relative;}
.header_bottom .gnb_area .gnb>li.all_menu{float: left;width: 50px;padding: 0; background-color: #ddd;padding: 15px 0;}
.header_bottom .gnb_area .gnb>li a{font-size: 15px;font-weight: bold;color: #333;}

.header_bottom .gnb_area .gnb .gnb_li:hover{background-color: #1f286e;color: #fff;}
.header_bottom .gnb_area .gnb .gnb_li:hover a{color: #fff;}

 .gnb .gnb_li .sub_menu{display: none; width: 206px;background-color: #fff;transition: all .2s;position: absolute; left: 0px; top: 50px;background-color: #fff;}
.header_bottom .gnb_area .gnb .gnb_li .sub_menu li{padding: 0;float: none;}
.header_bottom .gnb_area .gnb .gnb_li .sub_menu li a{font-weight: normal;font-size: 13px;color: #474747;line-height: 45px;}

.header_bottom .gnb_area .gnb .gnb_li .sub_menu li:hover{background-color: #efefef;}

.gnb>li:hover > a + .sub_menu{ display: block;}



/*전체메뉴*/

.gnb .all_menu{float: left;width: 50px;background-color: #ddd;padding: 55px 0;}
.gnb .all li img{padding-left: 80px;}
.gnb .all_menu .all{position: absolute; width: 1080px;height: 321px;border-top: 1px solid #ddd;border: 1px solid #ddd;background-color: #fff;right:0px;top:51px;display: none;}
.gnb .sub_allmenu {width: 206px;height: 100%;border-right: 1px solid #efefef; text-align: center; box-sizing: border-box;}
.gnb .sub_allmenu:nth-child(5){border-right:none;}
/*.gnb .sub_allmenu:before { content: ' '; display: inline-block; width: 15px; border-top: 1px solid #828ea7; margin-bottom: 4px; margin-left: 30px;}*/
.gnb .all .sub_allmenu li {text-align: center;line-height: 45px;border-bottom: 1px solid #efefef;}  
.gnb .all .sub_allmenu li a{font-size: 13px;color: #474747;box-sizing: border-box;font-weight: normal;} 

.gnb .all .co{background-color: #ddd; width: 49px;height: 100%;}


.gnb .all_menu:hover .all{ display: block;}
/*전체메뉴*/



/* VISUAL SLIDER */

/*.visual_area .bxslider li{width: 100%; padding: 0;}*/

.visual_area .bxslider .pic01{width: 100%;height: 552px; background: url(../images/main/visual01.jpg)repeat-y top center;}
.visual_area .bxslider .pic02{width: 100%;height: 552px; background: url(../images/main/visual02.jpg)repeat-y top center;}
.visual_area .bxslider .pic03{width: 100%;height: 552px; background: url(../images/main/visual03.jpg)repeat-y top center;}

/*
.visual_txt p{position: relative;left: 0px;top: -381px; z-index: 0;font-size: 14px; color: #a69784;line-height: 20px;}
.visual_txt p span{background-color: #f0a233;color: #fff;font-size: 16px;padding: 6px 5px;}
.visual_txt p b{font-size: 66px;font-weight: bold;color: #f0a233;}
*/

.visual_txt{top: -440px;left: 0; z-index: 0;}
.visual_txt ul {}
.visual_txt ul li{font-size: 14px; color: #676c92;line-height: 20px;}
.visual_txt ul .visual_txt_bg{width: auto;background-color: #20296f;color: #fff;font-size: 16px;padding: 6px 5px;margin:8px 0;}
.visual_txt ul li h3{font-size: 66px;color: #20296f;padding: 25px 0 38px;font-weight: bold}


/* CONTAINER */

.container{position: relative; top: -40px;padding-bottom: 10px;}
.container .top_banner_area div div .more{float: right;margin-top: 108px;}
.container .top_banner_area div div .ban_txt{padding-top:30px;margin-left: 30px;}
.container .top_banner_area div div h2{font-size: 18px;font-weight: bold;color: #fff;margin-bottom: 5px;text-transform: uppercase;}
.container .top_banner_area div div p{font-size: 14px;color: #fff;}

.container .top_banner_area .ban01{width: 250px;height: 220px;background-color: #202c8d;}
.container .top_banner_area .ban01_bg{width: 250px;height: 220px;background: url(../images/main/main_ban01.png)no-repeat 0 0;}
.container .top_banner_area .ban02{width: 250px;height: 220px;background-color:#f0a233;}
.container .top_banner_area .ban02_bg{width: 250px;height: 220px;background: url(../images/main/main_ban02.png)no-repeat 0 0;}
.container .top_banner_area .ban03{width: 250px;height: 220px;background-color:#f0a233;}
.container .top_banner_area .ban03_bg{width: 250px;height: 220px;background: url(../images/main/main_ban03.png)no-repeat 0 0;}
.container .top_banner_area .ban04{width: 578px;height: 220px; background-color: #efefef;}
.container .top_banner_area .ban04>.ban_txt{margin-top: 30px;margin-left: 30px;height: 149px;overflow: hidden;}
.container .top_banner_area .ban04>.ban_txt table{width: 534px;overflow: hidden;margin-top: 15px;}
.container .top_banner_area .ban04>.ban_txt table tr{}
.container .top_banner_area .ban04>.ban_txt table td{font-size: 12px;color: #888888;line-height: 22px;}
.container .top_banner_area .ban04>.ban_txt table .tit{width: 240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.container .top_banner_area .ban04>.ban_txt table .tit a{display: block;width: 430px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.container .top_banner_area .ban04>.ban_txt table .date{width: 76px;}

.container .bottom_banner_area  div div h2{font-size: 18px;font-weight: bold;margin-bottom: 5px;text-transform: uppercase;}
.container .bottom_banner_area div div p{font-size: 14px;color: #5a5a5a;}
.container .bottom_banner_area .ban05{width: 438px;height: 200px;padding-bottom: 19px; border: 1px solid #ececec;background-color: #fdfdfd;}
.container .bottom_banner_area .ban05>.ban_txt{width: 370px;padding-top:30px;margin-left: 30px;padding-bottom: 12px; border-bottom: solid 1px #ececec;}
.container .bottom_banner_area .ban05 h1{font-size: 35px;font-weight: bold;color: #202c8d;padding: 5px 0;padding-left: 30px;}
.container .bottom_banner_area .ban05>p{padding-left: 30px}

.container .bottom_banner_area .ban06{width: 640px;height: 220px; border-bottom: 1px solid #ececec;}
.container .bottom_banner_area .ban06 .bxslider2{}
.container .bottom_banner_area .ban06 .bxslider2 li{}
.container .bottom_banner_area .ban06 .bxslider2 li .slider2_txt{position: relative;padding-top: 30px;padding-left: 20px;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt .slider2_txt_top{border-bottom: 1px solid #dadada;padding-left: 10px;width: 171px;padding-bottom: 12px;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt .slider2_txt_top h2{font-size: 18px;font-weight: bold;margin-bottom: 5px;text-transform: uppercase;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt .slider2_txt_top p{font-size: 14px;color: #5a5a5a;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt:after{content: ''; display:block; background: url('../images/main/main_tri.png')no-repeat;width: 19px; height: 22px; position: absolute;right: -35px;top: 98px;z-index: 0;}
.qna_table tr:last-child{border-bottom: solid 2px #c5c5c5;}
.container .bottom_banner_area .ban06 .bxslider2 li img{border: 1px #dadada solid;}

.slider2_txt_bottom{padding-left: 10px;padding-top: 22px;}
.slider2_txt_bottom span{font-size: 13px;line-height: 20px;color: #a5a5a5;}
.container .bottom_banner_area  div div h2{font-size: 18px;font-weight: bold;margin-bottom: 5px;text-transform: uppercase;}
.container .bottom_banner_area div div p{font-size: 14px;color: #5a5a5a;}
.container .bottom_banner_area .ban05{width: 437px;height: 200px;padding-bottom: 19px; border: 1px solid #ececec;background-color: #fdfdfd;}
.container .bottom_banner_area .ban05>.ban_txt{width: 370px;padding-top:30px;margin-left: 30px;padding-bottom: 12px; border-bottom: solid 1px #ececec;}
.container .bottom_banner_area .ban05 h1{font-size: 35px;font-weight: bold;color: #202c8d;padding: 5px 0;padding-left: 30px;}
.container .bottom_banner_area .ban05>p{padding-left: 30px}

.container .bottom_banner_area .ban06{width: 640px;height: 220px; border-bottom: 1px solid #ececec;}
.container .bottom_banner_area .ban06 .bxslider2{}
.container .bottom_banner_area .ban06 .bxslider2 li{}
.container .bottom_banner_area .ban06 .bxslider2 li .slider2_txt{position: relative;padding-top: 30px;padding-left: 20px;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt .slider2_txt_top{border-bottom: 1px solid #dadada;padding-left: 10px;width: 171px;padding-bottom: 12px;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt .slider2_txt_top h2{font-size: 18px;font-weight: bold;margin-bottom: 5px;text-transform: uppercase;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt .slider2_txt_top p{font-size: 14px;color: #5a5a5a;}
.bottom_banner_area .ban06 .bxslider2 li .slider2_txt:after{content: ''; display:block; background: url('../images/main/main_tri.png')no-repeat;width: 19px; height: 22px; position: absolute;right: -35px;top: 98px;z-index: 0;}
.qna_table tr:last-child{border-bottom: solid 2px #c5c5c5;}
.container .bottom_banner_area .ban06 .bxslider2 li img{border: 1px #dadada solid;}

.slider2_txt_bottom{padding-left: 10px;padding-top: 22px;}
.slider2_txt_bottom span{font-size: 13px;line-height: 20px;color: #a5a5a5;}


/* BANNER ZONE */
.bannerzone { width: 1077px;height: 67px;border: 1px solid #d8dfe1; margin: 0 auto; margin-top: 52px;}
.bannerzone > div { width: 1077px; background: #fff; position: relative;}
.bannerzone > div .b_btn_prev,.bannerzone > div .b_btn_stop, .section .wrap .bannerzone > div .b_btn_next {position: absolute; top: 24px;}

.btn_area{position: absolute; right: 0;top: 0;width: 122px;height: 67px; background-color: #fff;}
.bannerzone > div .b_btn_stop {right: 60px;}
.bannerzone > div .b_btn_prev {right: 90px;}
.bannerzone > div .b_btn_next {position: absolute; top: 24px; right:30px;}
.bannerzone .slider_box {overflow: hidden; border-bottom: none; background: #fff; width: 1077px; height: 67px;}
.bannerzone .slider_box ul { float: none; width: 1080px; margin: 0px auto; padding: 0px;border-bottom: none; background: #fff; }
.bannerzone .slider_box li {float: left;width: 120px; margin-left: 15px;}
.bannerzone .slider_box li a { width: 150px; line-height: 55px;}
.bannerzone .slider_box li a img{}





.bannerzone .slider_box .ba_01:hover a{background: url(../images/main/on_banner01.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_02:hover a{background: url(../images/main/on_banner02.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_03:hover a{background: url(../images/main/on_banner03.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_04:hover a{background: url(../images/main/on_banner04.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_05:hover a{background: url(../images/main/on_banner05.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_06:hover a{background: url(../images/main/on_banner06.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_07:hover a{background: url(../images/main/on_banner07.png?ver=220511)no-repeat 0 9px;}
.bannerzone .slider_box .ba_08:hover a{background: url(../images/main/on_banner08.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_09:hover a{background: url(../images/main/on_banner09.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_10:hover a{background: url(../images/main/on_banner10.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_11:hover a{background: url(../images/main/on_banner11.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_12:hover a{background: url(../images/main/on_banner12.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_13:hover a{background: url(../images/main/on_banner13.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_14:hover a{background: url(../images/main/on_banner14.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_15:hover a{background: url(../images/main/on_banner15.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_16:hover a{background: url(../images/main/on_banner16.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_17:hover a{background: url(../images/main/on_banner17.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_18:hover a{background: url(../images/main/on_banner18.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_19:hover a{background: url(../images/main/on_banner19.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_20:hover a{background: url(../images/main/on_banner20.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_21:hover a{background: url(../images/main/on_banner21.png?ver=220511)no-repeat 0 9px;}
.bannerzone .slider_box .ba_22:hover a{background: url(../images/main/on_banner22.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_23:hover a{background: url(../images/main/on_banner23.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_24:hover a{background: url(../images/main/on_banner24.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_25:hover a{background: url(../images/main/on_banner25.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_26:hover a{background: url(../images/main/on_banner26.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_27:hover a{background: url(../images/main/on_banner27.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_28:hover a{background: url(../images/main/on_banner28.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_29:hover a{background: url(../images/main/on_banner29.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_30:hover a{background: url(../images/main/on_banner30.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_31:hover a{background: url(../images/main/on_banner31.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_32:hover a{background: url(../images/main/on_banner_1224_1.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_33:hover a{background: url(../images/main/on_banner_1224_2.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_34:hover a{background: url(../images/main/on_banner34.jpg)no-repeat 0 9px;}
.bannerzone .slider_box .ba_35:hover a{background: url(../images/main/on_banner35.jpg)no-repeat 0 9px;}
.bannerzone .slider_box .ba_36:hover a{background: url(../images/main/on_banner36.jpg)no-repeat 0 9px;}
.bannerzone .slider_box .ba_37:hover a{background: url(../images/main/on_banner38.png)no-repeat 0 9px;}
.bannerzone .slider_box .ba_38:hover a{background: url(../images/main/on_banner37.png)no-repeat 0 9px;}

.bannerzone .slider_box li:hover a img{display: none;}
.bannerzone .slider_box li a{display: block;width: 120px;height: 67px;z-index: -10;}

.bannerzone .btn_area div:hover{width: 22px;height: 22px;}
.bannerzone .btn_area .b_btn_prev:hover{background: url(../images/main/on_b_prev.png)no-repeat 0 0;}
.bannerzone .btn_area .b_btn_stop:hover{background: url(../images/main/on_b_stop.png)no-repeat 0 0;}
.bannerzone .btn_area .b_btn_next:hover{background: url(../images/main/on_b_next.png)no-repeat 0 0;}
.bannerzone .btn_area div:hover img{display: none;}


/*popup 20200102:S*/
#showimage01 { width: auto; color: #333; z-index: 9999; position: absolute; top: 20px; left: 20px; border: 1px solid #eee; }
#showimage02 { position: absolute; top: 160px; color: #333; background-color: #f2f2f2; z-index: 9999; width: auto; left: 50px; }

#showimage02 {width:545px;/* left: 810px;*/}
#showimage02 img {width: 100%;}
#showimage01 .check_pop, #showimage02 .check_pop { background-color: #f2f2f2; padding: 6px 15px 7px; }
#showimage01 .check_pop > a, #showimage02 .check_pop > a { position: absolute; right: 15px; font-weight: bold; color: #20296f; }
/*popup 20200102:E*/



@media screen\0 {
.bannerzone .slider_box .bx_02 li:hover a{background-position: 0 10px;}    
}


/* FOOTER */
.footer{position: relative; width: 100%; background-color: #c6c6c6;padding: 34px 0;}
.footer .inner p{font-size: 12px;color: #fff;line-height: 18px;}

.board_view { width:100%; }
.board_view th { padding: 6px 2px; text-align: left; }
.board_view td { padding: 6px 2px; }
.board_con { padding: 18px 2px; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; }
.board_btm_zone { margin-top:10px; position: relative; }
.board_btm_zone .list-a { position: absolute; left:50%; top:0px; transform: translateX(-50%); }
.board_btm_zone input[type='button'] { width:80px; height:36px; display: flex; align-items: center; justify-content: center; border:solid 1px #ddd; border-radius: 0px; }