@charset "utf-8";
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 100;
  src: /*url(../../fonts/NotoSansKR-Thin-Hestia.woff2) format('woff2'),*/
       url(../../fonts/NotoSansKR-Thin-Hestia.woff) format('woff'),
       url(../../fonts/NotoSansKR-Thin-Hestia.otf) format('opentype');
}
@font-face {
  font-family: 'Noto Sans KR';
  font-style: normal;
  font-weight: 300;
  src: /*url(../../fonts/NotoSansKR-Light-Hestia.woff2) format('woff2'),*/
       url(../../fonts/NotoSansKR-Light-Hestia.woff) format('woff'),
       url(../../fonts/NotoSansKR-Light-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 400;
   src: /*url(../../fonts/NotoSansKR-Regular-Hestia.woff2) format('woff2'),*/
        url(../../fonts/NotoSansKR-Regular-Hestia.woff) format('woff'),
        url(../../fonts/NotoSansKR-Regular-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 500;
   src: /*url(../../fonts/NotoSansKR-Medium-Hestia.woff2) format('woff2'),*/
        url(../../fonts/NotoSansKR-Medium-Hestia.woff) format('woff'),
        url(../../fonts/NotoSansKR-Medium-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 700;
   src: /*url(../../fonts/NotoSansKR-Bold-Hestia.woff2) format('woff2'),*/
        url(../../fonts/NotoSansKR-Bold-Hestia.woff) format('woff'),
        url(../../fonts/NotoSansKR-Bold-Hestia.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans KR';
   font-style: normal;
   font-weight: 900;
   src: /*url(../../fonts/NotoSansKR-Black-Hestia.woff2) format('woff2'),*/
        url(../../fonts/NotoSansKR-Black-Hestia.woff) format('woff'),
        url(../../fonts/NotoSansKR-Black-Hestia.otf) format('opentype');
}

#skipNavi{position:absolute;margin:0 auto;width:100%;list-style:none;font-size:1.15em;top:-10.5em;left:0;z-index:999999;}
#skipNavi a:active,
#skipNavi a:focus{position:absolute;padding-top:0.5em;width:100%;height:2em;top:10.5em;text-align:center;color:#000;font-weight:bold;background:#fff;border-bottom:1px solid #475470;outline:0;z-index:999999;}
#wrap{font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;font-weight: 400;font-size:13px;line-height:150%;letter-spacing:-1px;}

/* main_layout */
#header{}
#header .lnb_wrap .inner{max-width:1192px;margin:0 auto;}
#header .lnb_wrap .inner h1{float:left;padding: 10px 0;}
#header .lnb_wrap .inner .list{float:right;margin: 23px 0 22px 0;}
#header .lnb_wrap .inner .list ul li{float:left;line-height: 35px;font-size:14px;padding-left: 20px;}
#header .lnb_wrap .inner .list ul li span{display:inline-block;margin-right:8px;vertical-align:top;font-weight:400;}
#header .lnb_wrap .inner .list ul li a{margin-left:3px;display:inline-block;vertical-align:top;color:#000;font-weight:400;}
#header .lnb_wrap .inner .list ul li img{vertical-align:middle}
#header .lnb_wrap .inner .list ul:after{content:'';display:block;clear:both;}
#header .lnb_wrap .inner .logo02{float:right;margin-top:5px;margin-right:20px;}
#header .lnb_wrap:after{content:'';display:block;clear:both;}
#header .gnb_wrap{background:#0163b2;position:relative;}
#header .gnb_wrap .inner{max-width:1192px;margin:0 auto;position:relative;z-index:100;}
#header .gnb_wrap .inner .gnb{position:relative;}
#header .gnb_wrap .inner .gnb > ul > li{float:left;width: 20%;position:relative;box-sizing:border-box}
#header .gnb_wrap .inner .gnb > ul > li:before{content:"";position:absolute;left:0;left: -1px;width:1px;height:100%;background: #67a1d1;}
#header .gnb_wrap .inner .gnb > ul > li:last-child{border-right:1px solid #67a1d1}
#header .gnb_wrap .inner .gnb > ul:after{content:'';display:block;clear:both;}
#header .gnb_wrap .inner .gnb > ul > li > a{display:block;font-size:17px;color:#fff;font-weight:400;letter-spacing:0;height:56px;line-height:56px;text-align:center;/* border-right:1px solid #4e92c9 */}
#header .gnb_wrap .inner .gnb > ul > li:first-child > a{/* border-left:1px solid #4e92c9; */}
#header .gnb_wrap .inner .gnb > ul > li > .gnb_sub{display:none;position:absolute;left:0;right:0;top:56px;height:300px;border-right:1px solid #4dccc8;z-index: 102;}
#header .gnb_wrap .inner .gnb > ul > li:first-child > .gnb_sub{border-left:1px solid #4dccc8}
#header .gnb_wrap .inner .gnb > ul > li > .gnb_sub > ul{padding: 20px 5px 0 20px;}
#header .gnb_wrap .inner .gnb > ul > li > .gnb_sub > ul > li > a{display:block;font-size:14px;color:#fff;line-height:150%;padding-bottom:8px;}
#header .gnb_wrap .inner .gnb > ul > li > .gnb_sub > ul > li > a:hover{color:#ffff00}
#header .gnb_wrap .inner .gnb > ul > li > .gnb_sub > ul > li > a:focus{color:#ffff00}
#header .gnb_wrap .inner .gnb > ul > li:hover > a{background:#00b6b0}
#header .gnb_wrap .inner .gnb > ul > li:focus > a{background:#00b6b0}
#header .gnb_wrap .inner .gnb > ul > li > a:hover{background:#00b6b0}
#header .gnb_wrap .inner .gnb > ul > li > a:focus{background:#00b6b0}
#header .gnb_wrap .inner .open_fullmenu_list{position:absolute;right: -54px;background:#067ed9;top:0;}
#header .gnb_wrap .inner .open_fullmenu_list.on{background:url(../../img/front/all_icon_down.png) no-repeat center bottom;}

#header .gnb_wrap .bg_gnb_sub{display:none;background:#00b6b0;position:absolute;left:0;right:0;top:56px;height:300px;z-index:99}
#header .gnb_wrap .fullmenu_list{position:absolute;left:0;right:0;top:56px;border-right:1px solid #4dccc8;z-index:10002;background:#00b6b0;display: none;}
#header .gnb_wrap .fullmenu_list > div{width:1192px; margin:0 auto;border-left:1px solid #4dccc8; ;border-right:1px solid #4dccc8; overflow:hidden;box-sizing:border-box;padding:15px 0}
#header .gnb_wrap .fullmenu_list > div > ul{}
#header .gnb_wrap .fullmenu_list > div > ul > li{width:20%; float:left;}
#header .gnb_wrap .fullmenu_list > div > ul > li > ul > li{padding:7px 15px}
#header .gnb_wrap .fullmenu_list > div > ul > li > ul > li > a{color:#fff; font-size:15px}
#header .gnb_wrap .fullmenu_list > div > ul > li > ul > li > ul > li{padding-left:8px}
#header .gnb_wrap .fullmenu_list > div > ul > li > ul > li > ul > li > a{font-size:13px;line-height:200%;color:#000}

#mobile_header{display:none;position:absolute;left:0;right:0;top:0;z-index:10000;background:#fff;max-width:1192px;margin:0 auto;border-bottom:1px}
#mobile_header h1{border-bottom:1px solid #efefef}
#mobile_header h1 a{display: inline-block;padding: 7px 5px 8px 15px;}
#mobile_header h1 a img{height:33px;}
#mobile_header h1 a.logo{padding-left:0}
#mobile_header .open_mobile_fullmemu{position:absolute;right:0;top:0;padding:14px;}
#mobile_header .open_mobile_fullmemu img{height:20px;}
#mobile_header .mobile_fullmenu{display:none;position:fixed;left:0;right:0;top:0;bottom:0;z-index:10000;background:#fff;max-width:1192px;margin:0 auto;border-bottom:1px;overflow-y:auto;}
#mobile_header .mobile_fullmenu .logo{padding: 7px 5px 8px 15px;}
#mobile_header .mobile_fullmenu .logo a{border-bottom:1px solid #efefef;display:inline-block;padding: 7px 5px 8px 15px;}
#mobile_header .mobile_fullmenu .logo a.logo{padding-left:0}
#mobile_header .mobile_fullmenu .logo img{height:33px;}
#mobile_header .mobile_fullmenu .close_mobile_fullmemu{position:absolute;right:0;top:0;padding:13px;}
#mobile_header .mobile_fullmenu .close_mobile_fullmemu img{height:21px;}
#mobile_header .mobile_fullmenu .fullmenu_list{padding: 0;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li{border-top: 1px solid #66bcdc;background: #2685cc;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li:first-child{border-top:0;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > a{display:block;font-size:14px;color:#fff;line-height:150%;padding:15px 0;background-position:95% center;background-repeat:no-repeat;background-size:auto 8px;background-image:url(../../img/front/ico_fullmenu_arrow.png);padding: 15px;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > a.on{background-image:url(../../img/front/ico_fullmenu_arrow_over.png);background-color: #106aae;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub{display:none;padding: 0;background:#fff;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul {/* padding:5px 0 */}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li{border-bottom: 1px solid #e4e4e4;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li:last-child{border:none}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > a{display:block;font-size:14px;line-height:150%;font-weight: 500;padding: 8px 0 8px 20px;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > a:active{color:#000; font-weight:600}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul{padding: 0 20px 10px 20px;/* margin: 0 auto; *//* width: 95%; *//* margin: 10px 0; */}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul > li{font-size: 13px;line-height: 30px;background: #f2f2f2;/* padding: 20px; */} {padding-left:30px}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul > li > a {padding: 5px 0 5px 15px;display: block;font-weight: 500;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul > li > a:active{color:#0066b3}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul > li > ul{}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul > li > ul > li{padding: 0px 20px;font-size: 12px;}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul > li > ul > li a:last-child{border-bottom:none}
#mobile_header .mobile_fullmenu .fullmenu_list > ul > li > .gnb_sub > ul > li > ul > li > ul > li > a{display:block;border-bottom: 1px solid #bdbdbd;}
#container{position:relative;}
#container .main_visual{/* margin-bottom:-120px; */z-index: 9;position: relative;}
#container .main_visual .inner{}
#container .main_visual .inner ul li a{display:block;height:447px;background-position:center top;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;background-image:url(../../img/front/img_main_visual01_pc.jpg);}
#container .main_visual .inner ul li span{display:block;height:447px;background-position:center top;background-repeat:no-repeat;text-indent:-9999px;overflow:hidden;background-image:url(../../img/front/img_main_visual01_pc.jpg);}
#container .mobile_visual{display: none;/* margin-bottom: 20px; */}
#container .mobile_visual .inner ul li img{width:100%;}
#container .h2_main_tit{font-size:24px;color:#222;line-height:150%;font-weight:500;letter-spacing:-1px;padding-bottom:15px;}
#container .content_inner{width:100%;position: relative;background: url(../../img/front/main_visual.jpg) no-repeat center top;}
#container .content_inner > .inner{width: 1192px;margin:0 auto;padding: 65px 0 120px;box-sizing: border-box;overflow: hidden;box-sizing: border-box;}
#container .content_inner > .inner .main_search{margin: 0 auto 60px;}
#container .content_inner > .inner .main_search p{text-align: center;margin-bottom: 40px;}
#container .content_inner > .inner .main_search .searchArea{width:50%;margin: 0 auto;position: relative;}
#container .content_inner > .inner .main_search .searchArea input{width:100%;height:60px;border:2px solid #0163b2;border-radius:30px;color:#555;font-size:16px;padding:0 70px 0 20px;box-sizing: border-box;}
#container .content_inner > .inner .main_search .searchArea button{overflow:hidden;position: absolute;top: 25%;right:15px;width:31px;height:30px;border:0;background:url(../../img/front/main_search.png)left top no-repeat;}
#container .content_inner > .inner .main_section{position:relative;margin: 0 auto;overflow: hidden;width: 1132px;background:#fff;padding: 30px 40px 40px;box-sizing: border-box;border-radius:20px;}
#container .content_inner > .inner .main_section .notice{float:left;position:relative;border-radius: 10px;}
#container .content_inner > .inner .main_section .notice h2{padding: 0 20px 20px 0;display:block;font-size:24px;color: #000;line-height:150%;font-weight: 500;position:relative;}
#container .content_inner > .inner .main_section .w01{width: 36%;/* margin-right: 3%; */}
#container .content_inner > .inner .main_section .w02{width: 60%;float: right;}
#container .content_inner > .inner .main_section .notice > .item{position:relative;width: 100%;}
#container .content_inner > .inner .main_section .notice > .item .btn_more{position:absolute;right: 0;top:-30px;}
#container .content_inner > .inner .main_section .notice > .item .list{padding: 10px 0 0;}
#container .content_inner > .inner .main_section .notice > .item .list ul li{position:relative;border-bottom: 1px solid #ececec;}
#container .content_inner > .inner .main_section .notice > .item .list ul li a{display:block;padding: 10px 0;margin-right: 90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color: #000;font-weight:300;font-size: 14px;line-height:150%;background:url(../../img/front/ico_bul01.png) no-repeat left 13px;letter-spacing:0;/* width: 75%; */}
#container .content_inner > .inner .main_section .notice > .item .list ul li .sname{position:absolute;right:0;top: 10px;font-size: 13px;/* color:#000; */line-height:150%;letter-spacing:0;font-family:initial;/* width: 40px; */border-radius: 5px;text-align: center;width: 20%;}
#container .content_inner > .inner .main_section .notice > .go_site{/* padding:20px; */box-sizing: border-box;}
#container .content_inner > .inner .main_section .notice > .go_site ul{overflow: hidden;margin-right: 0;}
#container .content_inner > .inner .main_section .notice > .go_site ul li{float:left;width: 23.4%;background: #0163b2;margin-bottom: 5px;margin: 0 0.8% 1% 0.8%;}
#container .content_inner > .inner .main_section .notice > .go_site ul li:hover{background:#00a29d}
#container .content_inner > .inner .main_section .notice > .go_site ul li a{color:#fff;display: block;padding: 13px;box-sizing: border-box;font-size: 14px;}
#container .content_inner > .inner .main_section .notice > .go_site ul li span{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; width:95%; margin-top:7px; color:#fff; font-size:15px}



#footer{border-top: 1px solid #dedede;}
#footer .in{max-width: 1192px;margin:0 auto;padding: 15px 0 20px 0;position:relative;}
#footer .in:after{content:'';display:block;clear:both;}
#footer .in .foot_menu{margin-left: 250px;margin-top: 10px;}
#footer .in .foot_menu ul{padding-bottom: 15px;/* text-align:right; */}
#footer .in .foot_menu ul li{display:inline-block;vertical-align:top;padding: 0 10px;line-height: 130%;}
#footer .in .foot_menu ul li a{display:block;font-size: 13px;color:#101010;font-weight:400;}
#footer .in .foot_menu ul li:first-child{background:none;padding-left:0;}
#footer .in .foot_menu ul li a.blue{color:#0033cc}
#footer .in .address{margin-left: 250px;letter-spacing:0;/* font-size: 13px; */}
#footer .in .address address{font-size: 12px;color:#666;line-height:150%;font-weight:400;}
#footer .in .address .copyright{font-size: 12px;color:#666;line-height:150%;}
#footer .in .foot_logo{position:absolute;left:0;top:20px;}
#footer .in .copyright_logo{position:absolute;right:0;bottom:30px;}
#footer .in .sitemap{position:absolute;right:0;top: 20px;}
#footer .in .sitemap .logo{display:inline-block;vertical-align:top;margin-top:-10px;}
#footer .in .sitemap .logo ul li{display:inline-block;vertical-align:top;margin-right:20px;}
#footer .in .sitemap select{height:38px;line-height:38px;font-size:12px;color:#000;width: 200px;}
#footer .in .sitemap .go{display:inline-block;vertical-align:top;height:38px;line-height:38px;color:#fff;background:#757575;width:70px;text-align:center;}

#container > .inner{max-width:1192px;margin:0 auto;padding:60px 0;position:relative;}
#container > .inner #snb{position:absolute;left:0;top:60px;width:230px;}
#snb .list li.on > a {font-weight: bold; color:#333 !important;}
#container > .inner #snb h2{text-align:center;font-size:30px;color:white;padding-bottom:30px;letter-spacing:-1px;line-height:36px;font-weight:500;padding-top: 20px;display: block;z-index: 0; height: 120px; width: 100%; position: absolute; background-color: #0064b2; border-radius: 10px;}
#container > .inner #snb .list{margin-bottom:90px;/*border-top:2px solid #0163b2;border-bottom:2px solid #0163b2;*/border-radius: 10px;box-shadow: 0px 0px 17px rgba(0, 0, 0, 0.2);left: 10px;width: 170px;background: white;position: absolute;display: block;z-index: 98;margin-top: 85px;padding: 20px;}
#container > .inner #snb .list > ul > li > a{display:block;font-size:14px;color:#000;line-height:54px;padding: 0 0 0 10px;border-top:1px solid #e5e5e5;font-weight:400;background:url(../../img/front/ico_snb_list.png) no-repeat 95% center;}
#container > .inner #snb .list > ul > li > a img{margin-top: 21px;margin-left: 6px;}
#container > .inner #snb .list > ul > li > a.on{background:url(../../img/front/ico_snb_list_ov.png) no-repeat 95% center;color:#067ed9;}
#container > .inner #snb .list > ul > li:first-child > a{border-top:0;}
#container > .inner #snb .list > ul > li > .snb_list{/*border-top:1px solid #e5e5e5;*/padding: 5px;background:#f5f5f5;border-radius: 10px;}
#container > .inner #snb .list > ul > li > .snb_list > ul > li > a{display:block;font-size: 13px;color:#666;line-height:150%;/*background:url(../../img/front/ico_snb_list02.png) no-repeat left 13px;*/padding: 7px 0 7px 10px;letter-spacing: -0.08em;}
/* #container > .inner #snb .list > ul > li > .snb_list > ul > li > a.on{background-image:url(../../img/front/ico_snb_list02_ov.png);color:#ff6600} */
#container > .inner #snb .list > ul > li > .snb_list > ul > li img{margin-top:4px;margin-left:5px}
#snb > div > ul > li > div{display:none;} 
#container > .inner #contents{margin-left:260px;min-height:600px;}
#container > .inner .noLnb{margin-left:0}
#container > .inner #contents .content_section{margin-bottom: 40px;}
/* #container > .inner #contents .h3_tit{border-bottom:1px solid #e5e5e5;padding-top:3px;height:100px;margin-bottom: 30px;} */
#container > .inner #contents .h3_tit span{position: relative; display:inline-block;font-size:26px;color:#000;;line-height:36px;letter-spacing:-1px;font-weight:600;min-width:140px;padding-right:20px;}
#container > .inner #contents .subHeader:after{content: ""; position: absolute; height: 1px; width: 300px; background-color: #0163b2; bottom: -1px; }
#container > .inner #contents .h3_tit .cont{font-weight:300;margin-left: -50px;}
/* #container > .inner #contents .path{position:absolute;top:105px;} */
#container > .inner #contents .path ul{overflow:hidden;}
#container > .inner #contents .path ul li{float:left;background:url(../../img/front/ico_path_arrow.png) no-repeat left center;padding-left:12px;margin-left:12px;font-size:14px;color:#999;font-weight:400;}
#container > .inner #contents .path ul li:first-child{padding-left:0;margin-left:0;background:none;}
#container > .inner #contents .path ul li.last{color:#000; padding-right:5px;}
#container > .inner #contents > .section{padding-bottom:45px;}
#container > .inner #contents .table_info{padding: 20px 0 20px 150px;box-sizing: border-box;margin-bottom: 20px;background: #f1f4f8 url(../../img/front/table_info_bg.png) 30px center no-repeat;}
#container > .inner #contents .table_info dl{overflow:hidden;font-size: 14px;line-height: 25px;}
#container > .inner #contents .table_info dl dt{float:left;width: 10%;color: #000;font-weight: 500;}
#container > .inner #contents .table_info dl dd{/* float:left */}
#container > .inner #contents .table_info ul{overflow: hidden;}
#container > .inner #contents .table_info ul > li{/* float:left; */font-weight:500;color:#1d269d;line-height: 30px;font-size: 14px;}
#container > .inner #contents .table_info ul > li > ul{} 
#container > .inner #contents .table_info ul > li > ul > li{font-weight: 400;color:#000;line-height: 25px;background: url(../../img/front/ico_bul03.png)left 10px no-repeat;padding-left: 10px;/* float: left; */font-size: 13px;}

#container > .inner #contents.table_wrapper > ul {padding: 20px 0 20px 150px;box-sizing: border-box;margin-bottom: 20px;background: #f1f4f8 url(../../img/front/table_info_bg.png) 30px center no-repeat;}
#container > .inner #contents.table_wrapper > ul {overflow:hidden;font-size: 14px;line-height: 25px;}
#container > .inner #contents.table_wrapper > ul > li > strong{float:left;width: 10%;color: #000;font-weight: 500;}
#container > .inner #contents.table_wrapper > ul > li {color: #595959;font-weight: 400; line-height: 25px;}
#container > .inner #contents.table_wrapper ul{overflow: hidden;}
#container > .inner #contents ul > li{float:left;font-weight:500;color:#1d269d;line-height: 30px;font-size: 14px;}

#container > .inner #contents ul > li > ul > li{font-weight: 400;color:#000;line-height: 25px;background: url(../../img/front/ico_bul03.png)left 10px no-repeat;padding-left: 10px;/* float: left; */font-size: 13px;}


#container > .inner #contents .dlList{overflow: hidden;padding-left: 20px;}
#container > .inner #contents .dlList dt{width: 15%;float:left;font-size: 15px;line-height: 40px;background: url(../../img/front/ico_bul03.png) no-repeat 3px 17px;padding-left: 15px;color: #000;}
#container > .inner #contents .dlList dd{font-size: 14px;line-height: 40px;}
#container > .inner #contents .searchTable{padding: 10px 0 10px 40px;box-sizing: border-box;background: #f1f4f8;margin-bottom: 20px;}
#container > .inner #contents .searchTable ul{font-size:14px;overflow: hidden;margin: 7px 0;}
#container > .inner #contents .searchTable ul li{float:left;margin-right: 30px;position: relative;}
#container > .inner #contents .searchTable ul li label{/* margin-right:10px; */font-weight: 500;}
#container > .inner #contents .searchTable ul li select{border:1px solid #dadada;height: 30px;line-height: 30px;min-width:80px;margin: 0 5px; }
#container > .inner #contents .searchTable ul li input[type="text"]{border:1px solid #dadada;height: 30px;line-height: 30px;/* width:245px; */text-indent:10px;font-size:13px;color:#000;padding:0 40px 0 0;box-sizing: border-box;margin: 0 5px;}
#container > .inner #contents .searchTable ul li button{overflow:hidden;position: absolute;top:0;right: 0;width: 30px;height: 30px;border:0;background: url(../../img/front/ico_search02.png)-5px -5px no-repeat;}
#container > .inner #contents .searchBar{overflow:hidden;padding: 20px 10px; color: black; border: 1px solid #dfdfdf; background: #f7faff; border-radius: 15px; margin-bottom:20px;}
#container > .inner #contents .searchBar .left{float:left}
#container > .inner #contents .searchBar .left .total{font-size:14px;color:#666;font-weight:300;}
#container > .inner #contents .searchBar .left .total strong{color:#ff6600;}
#container > .inner #contents .searchBar .right{float:none !important; display: flex; align-items: center; gap: 15px; justify-content: center;}
#container > .inner #contents .searchBar .right .date_form{float:left;/* margin-right:10px; */position: relative;}
#container > .inner #contents .searchBar .right .date_form p{position:relative;width: 50%;float: left;}
#container > .inner #contents .searchBar .right .date_form p input[type="text"]{margin: 0 5px 0 0;padding: 0 30px 0 0;width: 80px;}
#container > .inner #contents .searchBar .right .date_form p button{overflow:hidden;position: absolute;top: 25%;right: 0;width: 30px;height:30px;border:0;background:url(../../img/front/cal_icon.png)left top no-repeat;}
#container > .inner #contents .searchBar .right .date_form p .ui-datepicker-trigger{overflow:hidden;position: absolute;top: 25%;right: 7px;x;border:0;}
#container > .inner #contents .searchBar .right .date_form02{float:left;/* margin-right:10px; */position: relative;}
#container > .inner #contents .searchBar .right .date_form02 p{position:relative;width: 50%;float: left;}
#container > .inner #contents .searchBar .right .date_form02 p input[type="text"]{margin: 0 5px 0 0;padding: 0 30px 0 0;width: 80px;}
#container > .inner #contents .searchBar .right .date_form02 p button{overflow:hidden;position: absolute;top: 25%;right: 0;width: 30px;height:30px;border:0;background:url(../../img/front/cal_icon.png)left top no-repeat;}
#container > .inner #contents .searchBar .right .select_form select{border:1px solid #dadada; border-radius: 20px; height:40px;line-height:40px;min-width:80px;margin-right: 5px;background: #fff;}
#container > .inner #contents .searchBar .right .select_form{float:left;}
#container > .inner #contents .searchBar .right .input_form {position: relative;float: right;box-sizing: border-box;}
#container > .inner #contents .searchBar .right .input_form input[type="text"]{border:1px solid #dadada;border-radius: 15px; height: 40px;line-height: 40px; width:245px;text-indent:10px;font-size:13px;color:#000;padding:0 40px 0 10px;box-sizing: border-box; margin-right:-35px;}
#container > .inner #contents .searchBar .right .input_form button{overflow:hidden;/*position: absolute;top:0;right: 0;*/width: 80px;height:40px;border:0;/*background:url(../../img/front/ico_search02.png)left top no-repeat; */font-size: 13px; background-color: #0263b2; color: white; border-radius: 15px;}
#container > .inner #contents .searchBar select{border-radius: 15px !important;}
#container > .inner #contents .searchBar input{border-radius: 15px !important;}
#container > .inner #contents .searchBar .right .input_form a.file{background:#666;padding: 12px 8px;color:#fff;}
/* #container > .inner #contents .searchBar .right .input_form input.in_w50{width:50%} */
#container > .inner #contents .searchBar .right .input_form02 {position: relative;float: right;box-sizing: border-box;}
#container > .inner #contents .searchBar .right .input_form02 input[type="text"]{border:1px solid #dadada;height: 40px;line-height: 40px;/* width:245px; */text-indent:10px;font-size:13px;color:#000;padding:0 40px 0 0;box-sizing: border-box;}
#container > .inner #contents .searchBar .right .input_form02 button{overflow:hidden;position: absolute;top:0;right: 0;width: 40px;height:40px;border:0;background:url(../../img/front/ico_search02.png)left top no-repeat;}
#container > .inner #contents .head_box {border: 1px solid #1976d2; border-radius: 15px; padding: 10px; display: inline-block; overflow-x: auto; background-color: #f7faff;}
#container > .inner #contents .subhead_box {border: 1px solid #030303; border-radius: 15px; padding: 10px; display: inline-block; overflow-x: auto; background-color: #fff; font-weight: 500;}
#container > .inner #contents .subhead_box th{font-weight:500;}
#container > .inner #contents .body_box {border: 1px solid #dfdfdf; border-radius: 15px; padding: 10px; display: inline-block; overflow-x: auto; background-color: #fff; font-weight: 500;}

#container > .inner #contents .page_box {display: flex;justify-content: space-between;}
#container > .inner #contents .page_box div:first-child {}
#container > .inner #contents .page_box div:last-child {margin-bottom: 10px;}
#container > .inner #contents .page_box div:last-child select {height: 25px;border: 1px solid #ddd;border-radius: 10px;padding: 0 10px;}
.table_list{margin-bottom: 30px;width:100%;/*overflow-x: auto;*/ border-collapse: separate; -webkit-overflow-scrolling: touch; border-spacing: 0; font-family: sans-serif; color: #0d47a1; white-space: wrap;}
.table_list table{width:100%;border-collapse:collapse;table-layout: fixed; border-spacing: 0 10px;}
.table_list thead .row-wrap {display: flex; grid-template-columns: 5% 15% auto 20% 20% 20%; align-items: center; border: 1px solid #0064b2; border-radius: 15px; padding: 15px 10px; background: #f7faff; /* box-shadow: 0 2px 4px rgba(0,0,0,0.05); */ min-width: 500px;}
.table_list tbody .row-wrap {display: flex; grid-template-columns: 5% 15% auto 20% 20% 20%; align-items: center; border: 1px solid #dfdfdf; border-radius: 15px; padding: 15px 10px; background: #fff; /* box-shadow: 0 2px 4px rgba(0,0,0,0.05); */ min-width: 500px;}
.table_list .head_table{min-width: 650px; }
.table_list .body_table{min-width: 650px; }
.table_list .head_table th{color:#075391;font-weight: 500; text-align: center; white-space: nowrap; vertical-align: middle; font-size: 14px;/*padding:20px 5px;*//*background:#f7f7f7;*//*border-bottom:1px solid #e2e2e2;*/ }
.table_list .body_table th{color:#444;font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; font-size: 14px;/*padding:20px 5px;*//*background:#f7f7f7;*//*border-bottom:1px solid #e2e2e2;*/ white-space: normal; word-break: break-word;}
.table_list td{font-size:14px;color: #444;text-align:center;/*padding: 15px 0;*//*border-bottom:1px solid #e2e2e2;letter-spacing:0;*/word-break: break-all;}
.table_list td.left{text-align:left;padding-left:10px;letter-spacing:-1px;/* position: relative; *//* width: 100%; */}
.table_list td.left a{color:#666;}
.table_list td a{white-space: normal;text-overflow: ellipsis;overflow: hidden;display: inline-block;width: 100%;}
.table_list td a.view{font-size:12px;border-radius:5px;background:#828282;color:#fff;display: inline-block;padding: 5px 10px;width: auto;}
.table_list .row-border {border-bottom: 1px solid #1976d2;}
.table_list .col-blue {border-right: 1px solid #1976d2;}
.table_list .col-black {border-right: 1px solid #b4b4b4;}
/* .table_list .btn_group{padding-bottom:40px;; overflow:auto;} */


#budgetTable {min-width: 650px;}
#budgetTable thead {border-top: 2px solid #0d47a1;}
#budgetTable thead th{background:#f7faff; color:black; font-size:14px;  border: 1px solid #c5c9d6; word-break: break-word;}
#budgetTable tbody td{font-size:13px; border: 1px solid #c5c9d6;}
#budgetTable tbody tr td.sty_border{border-top: 2px solid black !important; font-weight:bold;}
#budgetTable tbody tr:nth-last-child(2) td{border-bottom:none;}
#budgetTable tbody tr:last-child{border:2px;}
.budgetTable tbody tr:last-child td{border-top: 2px solid black !important; border-bottom: 1px solid #dfdfdf !important; text-align:center ;font-weight:bold;}
#budgetTable tbody tr:last-child td.sty_none{border-top: 1px solid #c5c9d6 !important; font-weight:normal;}
#budgetTable thead th.right-border, #budgetTable tbody td.right-border{border-right: 2px solid #a3a7b1;}
/* #budgetTable tbody tr:last-child td:first-child{border-left:1px solid black !important;} */
/* #budgetTable tbody tr:last-child td:last-child{border-right:1px solid black !important;} */






.tab_list {display: flex; flex-direction: row; width: 100%; justify-content: space-between;}
.tab_list li{height:39px; border: 1px solid #c5c5c5;/* border-radius: 35px;*/ line-height: 1.3 !important; color: black; text-align: center; padding: 8px 0; font-weight: 500; font-size: 18px; align-content: center;}
.tab_list li:first-child{border-radius: 20px 0 0 20px}
.tab_list li:nth-child(n+2){border-left:0}
.tab_list li:last-child{border-radius: 0 20px 20px 0 }
.tab_list li a{ font-weight: 500; font-size: 15px; line-height:1.3; color:black;}
.tab_list li.on{color: white; background-color: #0263b2; border: 1px solid #0263b2;}
.info_list{display: flex; justify-content: space-between; align-items: center;}
.info_list .accounting_info li{position: relative; color: #0064b2 !important; margin-left: 20px; float:none !important; font-size:16px; line-height:25px;}
.info_list .accounting_info li::before{content: ""; width: 7px;height: 7px; background-color: #0064b2; border-radius: 50%; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.info_list .accounting_info li span{color: black;}
#frm .info_list ul > li{color:black !important; font-size:17px !important;}
#frm .info_list ul > li:before{background-color:black !important;}
.to_list{border: 1px solid #0263b2; padding: 10px 30px; border-radius: 15px; font-size: 15px; color: #0064b2; font-weight: 600;}

.business_info li::before{content: ""; width: 7px; height: 7px; background-color: #0064b2; border-radius: 50%; position: absolute; left: -20px; top: 50%; transform: translateY(-50%);}
.dropdown-tab {position: relative; width: 100%; font-family: sans-serif; display: none;}
.dropdown-toggle {width: 100%;background-color: #0a63b1; color: #fff; padding: 12px 30px; font-size: 16px; border: none; border-radius: 999px; text-align: left; cursor: pointer; display: flex; justify-content: space-between; align-items: center; margin-bottom:30px;}
.dropdown-toggle .arrow {transition: transform 0.3s ease;}
.dropdown-toggle.active .arrow {transform: rotate(180deg);}
.dropdown-toggle a{color:#fff !important;}
.dropdown-list { display: none; position: absolute; top: 100%; left: 0; width: 100%; background-color: #fff; border: 1px solid #ddd; border-radius: 8px; z-index: 10; box-shadow: 0 4px 8px rgba(0,0,0,0.1); padding: 0; margin-top: 6px; list-style: none;}
.dropdown-list li {padding: 12px 30px; cursor: pointer; font-size: 14px; line-height: 1.4; width:calc(100% - 60px) !important;}
.dropdown-list li a{display:block; width: 100%; }
.dropdown-list li:hover,.dropdown-list li.on {background-color: #e6f1ff;}
.dropdown-list li:hover,.dropdown-list li.on a{color:#2f3743 !important;}


#container > .inner #contents .con_table_list{border-top:1px solid #000;margin-bottom: 30px;width:100%;/* overflow-x: auto; */}
#container > .inner #contents .con_table_list table{width:100%;border-collapse:collapse;table-layout: fixed;}
#container > .inner #contents .con_table_list th{font-size:16px;color:#000;text-align:center;padding:20px 5px;background:#f7f7f7;border-bottom:1px solid #e2e2e2;font-weight:400;border-left:1px solid #e2e2e2;}
#container > .inner #contents .con_table_list td{font-size:16px;color: #666;text-align:center;padding: 15px 5px;border-bottom:1px solid #e2e2e2;letter-spacing:0;word-break: break-word;border-left:1px solid #e2e2e2;}
#container > .inner #contents .con_table_list th:last-child, #container > .inner #contents .con_table_list td:last-child {border-right:1px solid #e2e2e2;}

#container > .inner #contents .searchResult{}
#container > .inner #contents .searchResult > .list{padding: 25px 0;}
#container > .inner #contents .searchResult > .list > dl{overflow:hidden;margin-bottom:20px}
#container > .inner #contents .searchResult > .list > dl > dt{color:#000;font-size:15px;font-weight:500;margin-bottom: 10px;}
#container > .inner #contents .searchResult > .list > dl > dt > a{position:absolute;right:10px}
#container > .inner #contents .searchResult > .list > dl > dd{margin-bottom:10px}
#container > .inner #contents .searchResult > .list > dl > dd > a{color:#0559bc;text-decoration: underline;font-size:15px;font-weight: 500;}
#container > .inner #contents .searchResult > .list > dl > dd > .reDate{font-size: 14px;color:#666;margin-left: 15px;display:inline-block;}
#container > .inner #contents .searchResult > .list > .reContent{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size: 14px;font-weight: 300;color: #000;}
#container > .inner #contents .searchResult > .list .result{background:#fafd26}
#container > .inner #contents .moreArea{margin: 10px auto;text-align: center;}
#container > .inner #contents .moreArea button{border:1px solid #9a9a9a; padding:7px 30px; background:#fff;color:#000; font-size:14px}

.inquiry {border:1px solid #d7d7d7;}
.inquiry > ul {overflow: hidden;padding: 15px 50px;	}
.inquiry > ul > li {float: left;background: url(../../img/front/ico_bar02.png) no-repeat left center;padding: 0 30px;font-size:14px; letter-spacing: -0.05em; font-weight: 400}
.inquiry > ul > li strong{color: #000;font-weight:500}
.inquiry > ul > li:first-child {background: none;padding-left: 0;}

#container > .inner #contents .h4_tit{font-weight:500;letter-spacing:-1px;font-size:22px;color:#000;line-height:150%;padding-bottom:15px;}
#container > .inner #contents .h4_tit_b{font-size:30px; font-weight:500;color:#000; line-height: 45px}
#container > .inner #contents .h5_tit{font-weight:400;letter-spacing:-1px;font-size:20px;color:#000;line-height:150%;padding: 0 0 10px 30px;background:url(../../img/front/ico_bul02.png) no-repeat left 5px;position:relative;}
#container > .inner #contents .h5_tit .btn{position:absolute;right:0;top:0;}
#container > .inner #contents .h5_tit .btn a.style01{display:inline-block;width:145px;height:42px;line-height:42px;color:#fff;background:#0b6fc5;border-radius:50px;text-align:center;font-size:14px;font-weight:300;}
#container > .inner #contents .h5_tit .btn a.style02{display:inline-block;width:145px;height:42px;line-height:42px;color:#fff;background:#00a29d;border-radius:50px;text-align:center;font-size:14px;font-weight:300;}
#container > .inner #contents .h5_tit_np{font-weight:400;letter-spacing:-1px;font-size:20px;color:#000;line-height:150%;background:url(../../img/front/ico_bul02.png) no-repeat left 5px;position:relative;padding-left: 30px}
#container > .inner #contents .h6_tit{font-weight:500;letter-spacing:-1px;font-size:16px;color:#0163b2;line-height:150%;padding: 0 0 5px 0;margin: 0;}
#container > .inner #contents .h5_txt{font-size: 16px;color: #000;line-height: 180%;font-weight: 300;}
#container > .inner #contents .h5_txt_bd{font-size: 18px;color:#000;line-height: 200%;font-weight:600;}

#container > .inner #contents .tab_area{padding-bottom:30px;}
#container > .inner #contents .tab_area ul{overflow:hidden;}
/* #container > .inner #contents .tab_area ul li{float:left;width:20%;} */
/* #container > .inner #contents .tab_area ul li a{display:block;font-size:16px;color:#000;line-height: 40px;height: 40px;text-align:center;margin-left:-1px;position:relative;margin:3px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;word-break: break-all;} */
#container > .inner #contents .tab_area ul li.on a{z-index:10;color:#fff;}
#container > .inner #contents .tab_area ul li:first-child a{}
#container > .inner #contents .tab_area.cnt1 > ul > li{width:100%;}
#container > .inner #contents .tab_area.cnt2 > ul > li{width:50%;}
#container > .inner #contents .tab_area.cnt3 > ul > li{width:33.3%;}
#container > .inner #contents .tab_area.cnt4 > ul > li{width:25%;}
#container > .inner #contents .tab_area.cnt5 > ul > li{width:20%;}
#container > .inner #contents .tab_area.cnt6 > ul > li{width:16.66%;}
#container > .inner #contents .tab_area.cnt7 > ul > li{width:14.28%;}
#container > .inner #contents .tab_area.cnt8 > ul > li{width:12.5%;}
#container > .inner #contents .tab_area.cnt9 > ul > li{width:11.11%;}
#container > .inner #contents .cont_area > .item{display:none}

#container > .inner #contents .certi_area{width:100%;margin-top: 20px;}
#container > .inner #contents .certi_area ul{overflow: hidden}
#container > .inner #contents .certi_area ul li{width:48%; border:1px solid #ccc; padding: 20px 0; text-align: center; float: left}
#container > .inner #contents .certi_area ul li:last-child{float: right}
#container > .inner #contents .certi_area ul li p{margin-bottom:30px}

#container > .inner #contents .img{padding: 10px;text-align: left;}
#container > .inner #contents .img_C{padding: 10px 0;text-align:center;}

.subText{font-size:15px;color:#565656;line-height:150%;padding-bottom:5px;background:url(../../img/front/ico_bul03.png) no-repeat left 10px;padding:0 0 5px 12px;letter-spacing:0;font-weight:400;margin-bottom: 15px;}




/* subContent - subHeader */
 .subHeader {position: relative; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px solid #ddd; padding-bottom: 27px; margin-bottom: 2.85rem;}
 .subHeader .h3_tit {width: 100%; font-size: 1.4rem; color: #000; font-weight: 600; margin-bottom: 0.7rem;}
 .subHeader .path {flex: 1; display: flex; flex-wrap: wrap; font-size: 0.75rem; color: #373737;}
 .subHeader .path li:first-child {font-size: 0.9rem; position: relative; bottom: 0.1rem;}
 .subHeader .path li:last-child {color: #085ea9; font-weight: 500;}
 /* .subHeader .path li:not(:last-child) {padding-right: 2.3rem; position: relative;} */
 /* .subHeader .path li:not(:last-child)::after {content: "\e93f"; display: block; font-family: 'xeicon'; font-size: 0.9rem; color: #373737; font-weight: 400; position: absolute; right: 0.7rem; top: 0.05rem;} */
 .subHeader .path li:first-child::after {top: 0.15rem;}
 .subHeader .snsBox {flex-shrink: 0; display: flex;}
 .subHeader .snsBox > button {width: 37px; height: 37px; border-radius: 50%; background: #f1f1f1; font-size: 1.1rem; color: #666; }
/*  .subHeader .snsBox > button.btnPrint {margin-left: 0.25rem;} */
 .subHeader .snsBox .snsMore {order: -1; display: none; height: 2rem; position: relative; right: -2rem;}
 .subHeader .snsBox .snsMore .btnBox {display: flex; align-items: center; height: 100%; border-radius: 0.5rem; background: #fff; box-shadow: 0 0 0.5rem rgba(0,0,0,0.15); padding: 0 0.15rem;}
 .subHeader .snsBox .snsMore .btnBox a {display: block; line-height: 1.7rem; border-radius: 0.5rem; padding: 0 0.25rem; font-size: 1.2rem;}
 .subHeader .snsBox .snsMore .btnBox a.snsT {color: #59acee;}
 .subHeader .snsBox .snsMore .btnBox a.snsK {color: #ffca08;}
 .subHeader .snsBox .snsMore .btnBox a.snsF {color: #3c5899;}
 .subHeader .snsBox .snsMore .btnBox a.snsI {color: #d33d83;}
 .subHeader .snsBox .snsMore .close {display: flex; justify-content: center; align-items: center; width: 2rem; height: 100%; border-radius: 0.5rem; background: #085ea9; font-size: 1.1rem; color: #fff; margin-left: 0.25rem;}
/* subContent - subHeader : active */
 .subHeader .snsBox > button,
 .subHeader .snsBox .snsMore .btnBox a {transition: 0.15s; border:none; margin-left:0.5rem;}
 .subHeader .snsBox > button:hover,
 .subHeader .snsBox > button:focus {background: #085ea9; color: #fff;}
 .subHeader .snsBox .snsMore.active {display: flex;}
 .subHeader .snsBox .snsMore .btnBox a.snsT:hover,
 .subHeader .snsBox .snsMore .btnBox a.snsT:focus {background: #59acee; color: #fff;}
 .subHeader .snsBox .snsMore .btnBox a.snsK:hover,
 .subHeader .snsBox .snsMore .btnBox a.snsK:focus {background: #ffca08; color: #fff;}
 .subHeader .snsBox .snsMore .btnBox a.snsF:hover,
 .subHeader .snsBox .snsMore .btnBox a.snsF:focus {background: #3c5899; color: #fff;}
 .subHeader .snsBox .snsMore .btnBox a.snsI:hover,
 .subHeader .snsBox .snsMore .btnBox a.snsI:focus {background: #d33d83; color: #fff;}

.imgArea{text-align:center}
.imgArea img{max-width:100%}

.infoRight{text-align:right;color:#9c3216}

.select_tab{position:relative;/* border: 3px solid #b2cce4; */padding: 10px;margin-bottom: 30px;background: #f3f3f3;}
.select_tab ul{overflow:hidden;/* text-align: center; */}
.select_tab ul li{/* float:left; */display:inline-block;margin: 5px;}
.select_tab ul li a{border-radius:30px;padding:5px 15px;font-size:13px;border: 1px solid #e2e2e5;line-height: 28px;background: #fff;}
.select_tab ul li a.on{background:#067ed9;color:#fff; border:none}

.select_tab_right{position:relative;/* border: 3px solid #b2cce4; *//* padding: 10px; *//* margin-bottom: 30px; */float: right;}
.select_tab_right ul{overflow:hidden;text-align: center;}
.select_tab_right ul li{/* float:left; */display:inline-block;margin: 3px;}
.select_tab_right ul li a{border-radius:30px;padding:5px 15px;font-size:13px;border: 1px solid #e2e2e5;line-height: 28px;background: #fff;}
.select_tab_right ul li a.on{background:#067ed9;color:#fff; border:none}


.paging{text-align:center;padding-bottom: 20px;position:relative;}
.paging a{display:inline-block;border-radius: 50%;background-color: #efefef; border:1px solid #efefef;width: 30px;height: 30px;line-height: 30px;margin:0 2px;}
.paging strong{display:inline-block;border-radius: 50%;background-color:#0163b2;width: 30px;height: 30px;line-height: 30px;color:#fff;border:1px solid #0163b2;font-weight:400;}
.paging a:hover, .paging a:focus{display:inline-block;background-color:#0163b2; border-radius: 50%; width:30px;height:30px;line-height:30px;color:#fff;border:1px solid #0163b2;}
.paging a.on{display:inline-block;border-radius: 50%;background-color:#0163b2;width:34px;height:34px;line-height:34px;color:#fff;border:1px solid #0163b2;}
.paging .p_right{position:absolute;right:0;top: 0;}
.paging .p_right > a{border-radius: 20px;font-size: 12px;color:#fff;background:#0163b2;display: inline-block;padding: 5px 10px;width: auto;height: 16px;line-height: 15px;border: none;}
.paging .first_pg{border-color:#dfdfdf; background:white;position:relative;}
.paging .first_pg::before{content:"\f100";display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 18px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.paging .prev_pg{border-color:#dfdfdf; background:white; margin-right:20px;position:relative;}
.paging .prev_pg::before{content:"\f104";display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 18px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.paging .next_pg{border-color:#dfdfdf; background:white; margin-left:20px;position:relative;}
.paging .next_pg::before{content:"\f105";display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 18px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.paging .last_pg{border-color:#dfdfdf; background:white; position:relative;}
.paging .last_pg::before{content:"\f101";display: inline-block; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 18px; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}

.fix_btn-wrap{z-index: 15; position: fixed; top: 90%; left: 50%; margin-left: 640px; transform: translateY(-50%) translateY(8px); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .2s ease, transform .2s ease, visibility 0s linear .2s;}
.fix_btn-wrap.is-visible{opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(-50%) translateY(0); transition: opacity .2s ease, transform .2s ease, visibility 0s;}
.go_top{display:flex; justify-content:center; align-items:center; width:40px; height:40px; margin:6px 0; border:1px solid #d0d5d8; border-radius:4px; background:#fbfcfd;}
.sr-only{overflow:hidden; position:absolute; width:1px; height:1px; background: none; font-size:0!important; color:transparent!important; line-height:0;}
@media (prefers-reduced-motion: reduce){ .fix_btn-wrap{ transition:none; }}

/*게시판*/
.searchBar{overflow:hidden;position:relative;padding-bottom:10px;}
.searchBar .left{float:left;padding-top:25px}
.searchBar .left strong{color:#000;}
.searchBar .right{float:right; vertical-align:bottom}
.searchBar select{height:40px;line-height:40px;border:1px solid #ddd; border-radius: 20px; padding: 0 20px;}
.searchBar input[type="text"]{border:1px solid #ddd;height:38px;line-height:38px}
.searchBar input[type="image"]{right:0;top:0;}
.searchBar input.button{overflow:hidden;position: absolute;top:0;right: 0;width: 40px;height:40px;border:0;background:url(../img/ico_search02.png)left top no-repeat;}


.searchBar02{overflow:hidden;position:relative;padding-bottom:10px;}
.searchBar02 .left{float:left;}
.searchBar02 .left strong{color:#000;}
.searchBar02 .right{float:right; vertical-align:bottom}
.searchBar02 select{height:40px;line-height:40px;border:1px solid #ddd;}
.searchBar02 input[type="text"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;}
.searchBar02 input[type="image"]{position:absolute;right:0;top:0;}
.searchBar02 a.search_btn{background-color:#0b6fc5; color:#fff; font-size: 13px; padding:0 20px; display:inline-block; vertical-align: bottom; line-height: 40px}


.search_table{position: relative;border:2px solid #d7d7d7;padding:10px }
.search_table table{width:100%;border-collapse:collapse;font-weight: 300}
.search_table table label{margin-right: 15px; line-height:25px}
.search_table table label.no_right{margin-right:0}
.search_table table th{font-size:16px;color:#000;padding:5px 0;text-align:center;font-weight:400}
.search_table table th strong{font-weight: 500; margin-left:10px}
.search_table table td{padding:5px 0;font-size:14px;font-weight:400}
.search_table table td img{vertical-align: middle}
.search_table table td input[type="text"]{border:1px solid #ddd;height:25px;line-height:25px;margin: 2px 3px}
.search_table table td select{border:1px solid  #dcdcdc;height:27px;line-height:27px;color:#666;font-size:14px;margin: 2px 3px}
.search_table table td a.search_btn{color:#fff; background-color:#000; padding: 5px 10px; display:inline-block;font-size: 13px}

.search_table ul{overflow: hidden}
.search_table ul li{float: left;margin:5px 0}
.search_table ul li:first-child{width:30%}
.search_table ul li:nth-child(2){width:45%}
.search_table ul li:last-child{width:100%; margin-right: 0}
.search_table ul li img{vertical-align: middle}
.search_table ul li label{line-height:25px; font-weight: 400; font-size: 15px}
.search_table ul li input[type="text"]{border:1px solid #ddd;height:25px;line-height:25px;margin: 2px 3px}
.search_table ul li select{border:1px solid  #dcdcdc;height:27px;line-height:27px;color:#666;font-size:14px;margin: 2px 3px}
.search_table ul li a.search_btn{color:#fff; background-color:#000; padding: 5px 10px; display:inline-block;font-size: 13px}

.board_info_txt{margin:0 0 10px 0; font-size: 15px; font-weight: 400 }

.board_list01{padding-bottom:20px;}
.board_list01 table{width:100%;border-collapse:collapse;border-bottom:1px solid #d7d7d7;table-layout: fixed}
.board_list01 table th{border-top:2px solid #1e75d6;border-top:1px solid #000;background:#f7f7f7;font-size:14px;color:#000;padding:10px 0;text-align:center;font-weight:400;word-break:break-all;}
.board_list01 table td{border-top:1px solid #d7d7d7;padding:10px 10px;font-size:14px;text-align: center;border-left:1px solid #d7d7d7;word-break: break-all;font-weight:400}
.board_list01 table td.re{background:url("../../img/front/front/re_icon.png")10px 18px no-repeat; padding-left:45px; text-align: left}
.board_list01 table td.text_over{text-overflow: ellipsis; white-space: nowrap; overflow: hidden}
.board_list01 table td.td_pre{white-space: normal}
.board_list01 table td a{}
.board_list01 table td img{}
.board_list01 table td.t_left{text-align:left;padding-left:10px;}
.board_list01 table td.t_left img{vertical-align:middle}
.board_list01 table td.first_td{border-left:none}
.board_list01 table .border_left{border-left:1px solid #d7d7d7}
.board_list01 table .border_top{border-top:1px solid #d7d7d7}
.board_list01 table .border_bottom{border-bottom:1px solid #d7d7d7}
.board_list01 table .notice_f{font-weight: 600}
.board_list01 table td ul li{font-size:12px;line-height:150%;}
.board_list01 table th.top_none{border-top:1px solid #d7d7d7;}
.board_list01 table th.border_none{border-top: none}
.board_list01 table td > ul{overflow: hidden}
.board_list01 table td > ul > li{text-align: left;padding-left: 10px;font-size:14px;white-space: normal}
.board_list01 table td > ul > li > ul{overflow:hidden}
.board_list01 table td > ul > li > ul > li{padding-left: 5px}


.content_table{padding-bottom:20px;}
.content_table table{width:100%;border-collapse:collapse;border-bottom:1px solid #d7d7d7;table-layout: fixed}
.content_table table th{border-top:2px solid #1e75d6;border-top:1px solid #000;background:#f7f7f7;font-size:14px;color:#000;padding:10px 0;text-align:center;font-weight:400;word-break:break-all;}
.content_table table td{border-top:1px solid #d7d7d7;padding:10px 10px;font-size:14px;text-align: center;border-left:1px solid #d7d7d7;word-break: break-all;font-weight:400}
.content_table table td a{}
.content_table table td img{}
.content_table table td.t_left{text-align:left;padding-left:10px;}
.content_table table td.t_left img{vertical-align:middle}
.content_table table td.first_td{border-left:none}
.content_table table .border_left{border-left:1px solid #d7d7d7}
.content_table table .border_top{border-top:1px solid #d7d7d7}
.content_table table .border_bottom{border-bottom:1px solid #d7d7d7}
.content_table table .notice_f{font-weight: 600}
.content_table table .border_none{border: none}
.content_table table td ul li{font-size:15px;color:#565656;line-height: 130%;padding-bottom:5px;background:url(../../img/front/ico_bul03.png) no-repeat left 10px;padding:0 0 5px 12px;letter-spacing:0;font-weight:400;}
.content_table table th.th_back{border-top:1px solid #d7d7d7;background:#e4f2f6}
.content_table table td > ul{overflow: hidden}
.content_table table td > ul > li{text-align: left;padding-left: 10px;font-size:14px;white-space: normal}
.content_table table td > ul > li > ul{overflow:hidden}
.content_table table td > ul > li > ul > li{padding-left: 5px}




.table_write{padding-bottom:40px;border-top:2px solid #000}
.table_write table{width:100%;border-collapse:collapse; table-layout: fixed}
.table_write table th{border-bottom:1px solid #e5e5e5;background:#fafafa;font-size:14px;color:#000;padding: 10px 10px 10px 25px;text-align:left;font-weight: 400;word-break:break-all;}
.table_write table td{border-bottom:1px solid #e5e5e5;padding:10px 0 10px 10px;font-size:14px;text-align:left;font-weight:400}
/* .table_write table th span, .table_write table td{display:block} */
.table_write table input[type="text"]{border:1px solid #ddd;height: 30px;line-height: 30px;width:250px;margin: 2px 3px;}
.table_write table input[type="password"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;margin: 2px 3px}
.table_write table input[type="radio"] {margin: 5px 3px 5px 0;}
.table_write table input[type="file"]{height:30px;line-height:30px;border:1px solid #dadada;font-size:13px;text-indent:5px; margin-right: 5px}
.table_write table label{pointer-events: none;margin-right: 15p;}
.table_write table select{border:1px solid  #dcdcdc;height: 30px;line-height: 30px;color:#666;font-size:14px;margin: 2px 3px;}
.table_write table .center{text-align: center;}
.table_write table .td_sfont{font-size:12px; color:#DF5D19; font-weight: 400; margin-left: 10px}
.table_write .f_center{text-align: center; margin-top: 15px;}
.table_write table .right_b{color:#000; font-weight: 500; text-align: right; padding-right: 15px}
.table_write table .td_info{line-height: 150%; font-size: 13px; color:#000; font-weight: 400; margin-bottom: 15px; display: block}
.table_write table textarea{border:1px solid #ddd;}
.table_write table td .cal{vertical-align: middle;margin: 0 3px;}
.table_write table td > div.td_list{margin: 15px 0}
.table_write table td > div.td_list > table{border-top:1px solid #e5e5e5;}
.table_write table td > div.td_list > table th{font-size: 13px; background-color:#fff;text-align: center; padding:5px 0; color:#000}
.table_write table td > div.td_list > table td{font-size: 13px;border-bottom:1px solid #e5e5e5;text-align: center;padding:5px 0;}
.table_write table td > div.td_list > table select {height:25px;line-height:40px;}
.table_write table .searchBtn{font-size: 12px;color:#fff;border:none;background-color:#636363;padding:8px 15px;display: inline-block;/* margin-left: 10px */}

.reply_area div:last-child{/* border-bottom: none */}
.reply{display:inline-block;width:100%;border-bottom: 1px dotted #d2d2d2;padding: 7px 0;}
.reply .re_left{float: left; }
.reply .re_left span{font-size: 13px;/* color:#3e3e3e */display: block;}
.reply .re_left span b{font-weight: 700;margin-right:10px;color: #000}
.reply .re_right{float: right; text-align: right;margin-top: 10px}
.reply .file_del{font-size: 12px;color:#fff;border:none;background-color:#636363;padding: 6px 10px;display: inline-block;/* margin-left: 10px */font-weight: 300;}
.reply .file_add{font-size: 12px;color:#000;border:none;background-color:#fff;padding: 5px 10px;display: inline-block;/* margin-left: 10px */font-weight: 300;border:1px solid #636363;}

.table_write02{padding-bottom:40px;border-top:2px solid #000}
.table_write02 table{width:100%;border-collapse:collapse; table-layout: fixed}
.table_write02 table th{border-bottom:1px solid #e5e5e5;background:#fafafa;font-size:14px;color:#000;padding: 10px 10px 10px 15px;text-align:left;font-weight: 400;word-break:break-all;border-right: 1px solid #e5e5e5;}
.table_write02 table td{border-bottom:1px solid #e5e5e5;padding: 10px 10px 10px 15px;font-size:14px;text-align:left;font-weight:400;border-right: 1px solid #e5e5e5;}
.table_write02 table input[type="text"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;margin: 2px 3px}
.table_write02 table input[type="password"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;margin: 2px 3px}
.table_write02 table select{border:1px solid  #dcdcdc;height:40px;line-height:40px;color:#666;font-size:14px;margin: 2px 3px}
.table_write02 table .center{text-align: center;}
.table_write02 table .td_sfont{font-size:12px; color:#DF5D19; font-weight: 400; margin-left: 10px}
.table_write02 table .none{border-right:none}

.table_write_col{padding-bottom:40px;border-top:2px solid #000}
.table_write_col table{width:100%;border-collapse:collapse; table-layout: fixed}
.table_write_col table th{border-bottom:1px solid #e5e5e5;background:#fafafa;font-size:14px;color:#000;padding:10px 0;text-align:center; font-weight:500}
.table_write_col table td{border-bottom:1px solid #e5e5e5;padding:10px 0;font-size:14px;text-align:center;font-weight:400}
.table_write_col table input[type="text"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;margin: 2px 3px}
.table_write_col table input[type="password"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;margin: 2px 3px}
.table_write_col table select{border:1px solid  #dcdcdc;height:40px;line-height:40px;color:#666;font-size:14px;margin: 2px 3px}
.table_write_col table .center{text-align: center;}
.table_write_col table .td_sfont{font-size:12px; color:#DF5D19; font-weight: 400; margin-left: 10px}
.table_write_col .f_left{text-align: left;padding-left:10px}
.table_write_col table .right_b{color:#000; font-weight: 500; text-align: right; padding-right: 15px}
.table_write_col table .td_info{line-height: 150%; font-size: 13px; color:#000; font-weight: 400; margin-bottom: 15px; display: block}
.table_write_col table textarea{border:1px solid #ddd;}


.table_view .tit{border-top: 2px solid #000;border-bottom:1px solid #e2e2e2;padding:20px;}
.table_view .tit > strong{line-height:150%;font-size:18px;color:#000;display:block;padding-bottom:10px;word-break:break-all;width:100%; font-weight:400; margin-bottom: 15px}
.table_view .tit > ul{overflow:hidden}
.table_view .tit > ul > li{float:left;margin-right:15px;font-size:13px;color:#000;border-right:1px solid #c3c3c3; padding-right: 15px; line-height: 15px; margin-bottom:15px}
.table_view .tit > ul > li.list_last{border-right:none}
.table_view .tit > ul > li.last{float:left;margin-right:0; display:inline-block; width:100%; margin-bottom:5px}
.table_view .tit > ul > li.last img {vertical-align:middle}
.table_view .tit > ul > li.last a{color:#1d50a3;text-decoration: underline;margin-right: 13px;display: inline-block;}
.table_view .cont{padding:20px 20px 50px 20px;line-height:230%;font-size:14px;color: #666;word-break:break-all;overflow: hidden;}
.table_view .cont p{display:inline-block; width:100%;}
.table_view .cont img{width:100%}

.table_view02{padding-bottom:40px;border-top:2px solid #000}
.table_view02 table{width:100%;border-collapse:collapse; /*table-layout: fixed*/}
.table_view02 table th{border-bottom:1px solid #e5e5e5;background:#fafafa;font-size:14px;color:#000;padding:10px 0 10px 25px;text-align:left; font-weight:400}
.table_view02 table td{border-bottom:1px solid #e5e5e5;padding:10px 0 10px 10px;font-size:14px;text-align:left; font-weight:400}
.table_view02 table input[type="text"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;}
.table_view02 table input[type="password"]{border:1px solid #ddd;height:38px;line-height:38px;width:250px;}
.table_view02 table tselect{border:1px solid  #dcdcdc;height:40px;line-height:40px;color:#666;font-size:14px;margin:2px}
.table_view02 table .cont{padding:20px; height: 200px; vertical-align: top;}
.table_view02 table p img{width:100%}





.table_prevnext{border-top:1px solid #e4e4e4;padding-bottom:20px;}
.table_prevnext table{border-collapse:collapse;width:100%;word-break:break-all;}
.table_prevnext table th{font-size:14px;color:#000;padding:15px 0;border-bottom:1px solid #e4e4e4;font-weight:500;}
.table_prevnext table .arrow_up{background: url(../../img/front/board_arrow_up.png) no-repeat 80% 22px}
.table_prevnext table .arrow_down{background: url(../../img/front/board_arrow_down.png) no-repeat 80% 22px}
.table_prevnext table td{font-size:14px;color:#666;text-align:left;padding:15px 10px;border-bottom:1px solid #e4e4e4;font-weight:400;}



.board_detail{}
.board_detail .half_box{position: relative;/* float: left; */overflow: hidden;} 
.board_detail .half_box .left{float:left;width: 35%;}
.board_detail .half_box .left img{width:100%;border: 1px solid #e5e5e5;box-sizing: border-box;}
.board_detail .half_box .right{float:right;width: 60%;}
.board_detail .half_box .right .info_box{border: 1px solid #e5e5e5;padding: 20px;box-sizing: border-box;}
.board_detail .half_box .right .info_box p{font-size:24px;line-height:150%;color: #000;}
.board_detail .half_box .right .info_box p span{color:#636363;margin-right: 10px;}
.board_detail .half_box .right .info_box > div{margin: 15px 0;}
.board_detail .half_box .right .info_box > div .info_btn01{background:#004cb4;color:#fff;font-size:13px;display:inline-block;text-align:center;border-radius:10px;padding: 5px 10px;margin-right: 5px;min-width: 50px;}
.board_detail .half_box .right .info_box > div .info_btn02{background:#cd2424;color:#fff;font-size:13px;display:inline-block;text-align:center;border-radius:10px;padding: 5px 10px;/* margin: 5px; */min-width: 50px;}
.board_detail .half_box .right .info_box > ul{overflow:hidden;margin-top: 30px;}
.board_detail .half_box .right .info_box > ul li{font-size:14px;}
.board_detail .half_box .right .info_box > ul li dl{width: 100%;float: left;line-height: 200%;}
.board_detail .half_box .right .info_box > ul li dl dt{float:left;width: 25%;font-weight:500;}
.board_detail .half_box .right .info_box > ul li dl dd{float:left;}
.board_detail .half_box .right .info_box > ul li dl dd span{/* border-right:1px solid #000; */padding: 0 0 0 20px;}
.board_detail .half_box .right .info_box > ul li dl dd strong{color:#cd2424}
.board_detail .full_box{display: block;margin: 20px 0;/* float: left; */padding: 20px;border: 1px solid #e5e5e5;line-height: 180%;font-size: 15px;}
.board_detail > div > h3{font-size:16px;line-height:40px;color:#000}
.board_detail > div > textarea{margin-bottom:20px;border: 1px solid #e5e5e5;line-height: 180%;font-size: 15px;width:100%;padding:10px; box-sizing:border-box;font-family:'Noto Sans KR', '맑은 고딕', sans-serif;font-weight:300}

/* Calendar Styles */
.calender_area {position:relative;margin-bottom:20px;}
.calender_area .calenda_header {position:relative;padding-bottom: 20px; overflow: hidden}
.calender_area .calenda_header .cal_left{float: left; width:50%;text-align: left}
.calender_area .calenda_header .cal_right{float:right; width:50%;}
.calender_area .calenda_header span.title {font-size:30px;line-height:35px;color:#333;font-weight:bold;padding:0 25px;vertical-align: bottom; display: inline-block}
.calender_area .calenda_header a{display:inline-block;vertical-align: bottom}
.calender_area .calenda_header a img{vertical-align:bottom}
.calender_area .calenda_header .view {position:absolute;top:0;right:0;}
.calender_area .calenda_header .cal_sel{float: left; position: absolute; left: 0}
.calender_area .calenda_header .cal_info{float: left; position: absolute; right: 0; top: 0}
.calender_area table{word-break: break-all}

.calendar {width:100%; margin-bottom:20px; border-collapse:collapse; overflow-x: scroll}
.calendar thead th{padding:10px 0 10px 0; text-align:center; border-left:1px solid #f2f2f2;border-right:1px solid #f2f2f2; border-top:1px solid #000; font-weight:600; font-size: 14px}
.calendar td {width:14%; height:90px; vertical-align:top; border:1px solid #f2f2f2; line-height:18px; font-size:12px; text-align:center; padding-bottom:20px;}
.calendar td a{}
.calendar td.today {background:#eaf3fc;}
.calendar td.prev-next div.date {color:#9C9C9C;}
.calendar td.holiday {background:#DDFFDE;}
.calendar th.sun, .calendar td div.sun {color:#cd2424;}
.calendar th.sat, .calendar td div.sat {color:#0a61a9;}
.calendar div.date {text-align:left; font-size:16px; padding:10px 10px 0 10px; margin-bottom:10px; line-height:16px; border-bottom:0px solid #ddd;width: 100%; overflow: hidden;box-sizing: border-box; font-weight: 400}
.calendar div.date > .d_number{float: left;margin-top: 5px}
.calendar div.date > a.reserve{float:right;font-size:11px; border-radius: 20px; background-color:#0b6fc5; color:#fff; padding: 5px 10px; text-align: center;display: block}
.calendar div.day-content {position:relative;}
.calender_area .p_icon {margin:0 7px}
.calender_area .p_icon ul{margin: 0 auto}
.calender_area .p_icon li {float:left;margin: 0;text-align: left;/* padding:0 0 10px 27px; */border-bottom:1px dotted #c9c9c9;display: block;width: 100%;}
.calender_area .p_icon li:last-child{border-bottom:none}
.calender_area .p_icon li span {margin-bottom:5px}
.calender_area .p_icon li p{line-height:14px;padding: 5px 0 5px 7px;background: url(../../img/front/ico_bul04.png)left 10px no-repeat;}
.calender_area .p_icon li a{font-weight:400;/* line-height: 150% */}
.calender_area .p_icon li a:hover{text-decoration: underline;color:#004cb4}
.calender_area .p_icon li .txt01{color:#004cb4;background: url(../../img/front/ico_bul04.png)left 5px no-repeat;padding-left: 7px;display:inline-block}
.calender_area .p_icon li .txt02{color:red;background: url(../../img/front/ico_bul04.png)left 5px no-repeat;padding-left: 7px;display:inline-block}
.calenda_mobile{display: none;}
.calenda_mobile ul{overflow:hidden;}
.calenda_mobile ul li{border-bottom:1px solid #f2f2f2;padding:10px 0}
.calenda_mobile ul li p{padding-left:10px;font-size:20px;color:#000;}
.calenda_mobile ul li p a{font-size:13px;display: block;margin-top: 10px;color:#004cb4}





.list_style01 > ul{padding-bottom:30px;}
.list_style01 > ul > li{font-size:14px;color:#000;line-height:150%;padding:0 0 0 15px;letter-spacing:0;background:url(../../img/front/ico_bul03.png) no-repeat 3px 8px;}
.list_style02 > ul{overflow:hidden}
.list_style02 > ul > li{font-size:14px;color:#000;line-height:150%;padding-bottom:5px;background: url(../../img/front/ico_bul03.png) no-repeat left 8px;padding: 0 0 5px 10px;font-weight:400;letter-spacing:0;}
.list_style03 > ul{overflow:hidden}
.list_style03 > ul > li{font-size:15px;color:#565656;line-height:150%;padding-bottom:5px;background:url(../../img/front/ico_bul03.png) no-repeat left 10px;padding: 0 0 7px 12px;letter-spacing:0;font-weight:400;}
.list_style03 > ul > li > ul > li{margin: 0;}
.list_style04 > ul{overflow:hidden}
.list_style04 > ul > li{font-size:14px;color:#565656;line-height:150%;padding-bottom:5px;background:url(../../img/front/ico_bul03.png) no-repeat left 10px;padding:0 0 5px 12px;letter-spacing:0;font-weight:400;}
.list_style05 > ul{overflow:hidden}
.list_style05 > ul > li{font-size:16px;color:#000;line-height: 180%;padding-bottom:5px;background: url(../../img/front/list_bg.png) no-repeat left 10px;padding:0 0 5px 12px;/* letter-spacing:0; */font-weight: 300;}
.list_style06 > ul{overflow:hidden}
.list_style06 > ul > li{font-size:16px;color:#000;line-height: 180%;padding-bottom:5px;padding:0 0 5px 0;/* letter-spacing:0; */font-weight: 300;}
.list_style06 > ul > li > ul{}
.list_style06 > ul > li > ul > li{padding-left: 15px;line-height: 200%;}

.img_list > ul{overflow:hidden;margin-left:-5%;}
.img_list > ul > li{float:left;width:45%;margin-left:5%;position:relative;}
.img_list > ul > li .img{position:absolute;left:0;top:0;padding:7px;}
.img_list > ul > li .img img{width:100%;}
.img_list > ul > li .txt{margin-left: 130px;margin-top:5px;}
.img_list > ul > li .txt strong{display:block;font-size:20px;color:#000;line-height:150%;padding-bottom:10px;font-weight:400;margin-top: 10px;}
.img_list > ul > li .txt strong span {margin-right:10px; font-weight:600}
.img_list > ul > li .txt p{font-size: 16px;color: #000;font-weight:300;line-height:150%;letter-spacing:-1px;height: 75px;overflow:hidden;}


.dlList02{}
.dlList02 > dl{overflow: hidden;margin: 20px 0;}
.dlList02 > dl >dt{float:left}
.dlList02 > dl >dd{border-radius: 100px;background:#e7e7e8;padding: 15px 30px 15px 40px;font-size:16px;font-weight: 300;margin-left: 15%;min-height: 80px;color: #000;line-height: 160%;width: 70%;box-sizing: border-box;}
.dlList02 > dl >dd.p_t{padding-top:25px}


.con_list{padding: 40px 20px;box-sizing: border-box;border: 1px solid #e3e3e3;background: #f3f3f3;}
.con_list ul{overflow: hidden;}
.con_list ul li{width:16.66%;float:left;border-left:1px solid #e3e3e3;text-align: center;box-sizing: border-box;}
.con_list ul li:first-child{border-left:none}
.con_list ul li .img{min-height:100px;text-align: center;vertical-align:middle}
.con_list ul li > a{display: inline-block;background:#067ed9;color:#fff;font-size: 15px;padding: 10px 10px;border-radius: 10px;min-width: 90px;}


#loginArea .login{width: 360px;display: block;margin: 30px auto;}
#loginArea .login .form_area{width:100%; display: block;}
#loginArea .login .form_area input{height:50px; border:1px solid #d6d6d6; width:100%; margin:10px 0}

#loginArea .login .form_area a.log_btn{background-color:#424242;width:100%;color:#fff;padding: 15px 0;font-size:14px;display: block;margin-top:15px;text-align: center;}
#loginArea .login .log_s{width:100%; text-align: center;margin-top:20px}
#loginArea .login .log_s a{background-color:#fff;color:#333;border:1px solid #676767;padding: 5px 10px;margin: 0 5px;}

.findId{}
.findId ul{overflow: hidden;}
.findId ul li{width: 40%;text-align: center;float: left;margin: 0 30px;}
.findId ul li:last-child{float:right}
.findId ul li img{text-align: center;}
.findId ul li p{font-size:25px;color:#000;line-height: 60px;height: 70px;}
.findId ul li span{display: inline-block;margin:0 auto;text-align: center;width: 100%;}
.findId ul li input{height:50px; border:1px solid #d6d6d6; width:100%; margin:10px 0}
.findId ul li a.find_btn{background-color:#424242;/* width:80%; */color:#fff;padding: 15px 0;font-size:14px;display: block;/* margin: auto 0; *//* text-align: center; *//* display: block; */}


.txt_info{margin-bottom:20px;font-size:14px;color:#ff6009;text-align: right;}

#layer{position:absolute;z-index:10001;left: 20px;top: 30px;border:1px solid #000;width:500px;}
#layer p > img{height:365px; width:100%;}
#layer .today{background:#000; padding:5px;color:#fff; font-size:11px; text-align: right;}
#layer .today span{display:inline-block;margin:0 10px 0 20px}
#layer .today span img{vertical-align: middle;margin-right:3px}
#layer .today span a{color:#fff}

/*float style*/
.f_left{float:left}
.f_right{float:right}
.f_none{float:none}


/*text align*/
.t_center{text-align:center;}
.t_left{text-align:left;padding-left:10px;}
.t_right{text-align:right;}

/*font-color*/
.f_red{color:#ff5371; font-size:15px}
.f_orange{color:#fe6c01;font-size:15px}
.f_blue{color:#0818ad;font-size:15px}
.f_grey{color:#868686;font-size:15px}




.span_right{display: block; float: right; font-size: 12px }
.span_left{display: block; float: left;font-size: 12px }
.file_img{color:#0025B3; text-decoration: underline; margin-right:5px}
.file_img img{margin-right:5px}



.btn_group{overflow:hidden;padding-bottom:20px;}
.btn_group .left{float:left}
.btn_group .right{float:right}
.btn_group .right select{height:35px;line-height:35px;font-size:12px;}
.btn_group .center{text-align:center;}


.btn_xlarge{padding:15px 20px;font-size:20px;min-width:200px; border-radius:30px; display: inline-block; text-align: center}
.btn_large{padding:15px 20px;font-size:16px;min-width:150px; border-radius:30px;display: inline-block;text-align: center}
.btn_medium{padding:10px 20px; font-size:15px;min-width:100px;border-radius:30px;display: inline-block;text-align: center}
.btn_small{padding:10px 15px; font-size:14px;min-width:50px;border-radius:30px;display: inline-block;text-align: center}
.btn_xsmall{padding:10px 10px;font-size:14px;line-height:24px;border-radius:30px;display: inline-block;text-align: center}
.btn_board{font-size: 12px;padding:3px 10px;border-radius: 10px;}
.btn_layer{font-size:14px; border-radius: 5px; padding: 5px 10px;display: inline-block; }

.d_btn{display:inline-block; padding: 5px;font-size:12px; margin-left: 10px}

/*button color set*/
a.bt_white{background-color:#fff; color:#333; border:1px solid #676767;}
a.bt_blue{background-color:#0b6fc5; color:#fff;}
a.bt_green{background-color:#00a29d; color:#fff;}
a.bt_deep_blue{background-color:#3154a3; color:#fff;}
a.bt_red{background-color:#fa2828; color:#fff;}
a.bt_light_grey{background-color:#828282; color:#fff;}
a.bt_black{background-color:#000; color:#fff;}
a.bt_light_green{background-color:#00b6b0; color:#fff;}
a.bt_grey{background-color:#636363; color:#fff;}


a.write_btn{display:inline-block; padding: 5px;font-size:12px; margin-left: 10px}
a.list_btn{font-size: 11px; color:#fff; background-color:#636363; border-radius: 20px; padding:0px 15px; display: inline-block; margin-left: 10px}


a.content_btn{display:inline-block;padding:1px 15px;border-radius:5px;background-color:#0163b2;color:#fff;font-size: 13px;/* margin-left: 15px; */font-weight: 400;line-height: 30px;}

.inquiry {border:1px solid #d7d7d7;}
.inquiry > ul {overflow: hidden;padding: 15px 50px;	}
.inquiry > ul > li {float: left;background: url(../../img/front/ico_bar02.png) no-repeat left center;padding: 0 30px;font-size:14px; letter-spacing: -0.05em; font-weight: 400}
.inquiry > ul > li strong{color: #000;font-weight:500}
.inquiry > ul > li:first-child {background: none;padding-left: 0;}

/*layer popup*/
.layer {display: none;position: fixed;_position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 10000;}	
.layer .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;filter: alpha(opacity = 50);}
.layer_pop{display:none;position: absolute;top: 50%;left: 50%;width:50%;max-height:700px;background-color: #fff;z-index: 10;padding:20px;}
.layer_pop > h1{font-size:22px; font-weight:600; margin: 20px 0;color:#000}
.layer_pop > h2{font-size:20px; font-weight:400; margin: 20px 0;color:#000}
.layer_pop > p{font-size:16px; line-height: 180%; font-weight: 300; color:#6f6f6f; margin-bottom: 20px}
.layer_pop input[type="text"]{border:1px solid #ddd;height:35px;line-height:35px;padding-left: 10px}
.layer_pop input[type="password"]{border:1px solid #ddd;height:35px;line-height:35px;padding-left: 10px}
.layer_pop table{width:100%;border-collapse:collapse;border-bottom:1px solid #d7d7d7; font-weight: 300; margin-bottom: 20px}
.layer_pop table th{border-top:2px solid #1e75d6;border-top:1px solid #d7d7d7;font-size:14px;color:#000;padding:10px 0;text-align:center;font-weight:500}
.layer_pop table td{border-top:1px solid #d7d7d7;padding:10px 0;font-size:14px;text-align: left;font-weight: 400}
.layer_pop label{margin-right: 10px}

/*popup*/
.window_popup{width:100%;font-family:'Noto Sans KR', '맑은 고딕', sans-serif;-webkit-text-size-adjust:100%;box-sizing: border-box;padding: 20px;}
.window_popup .title{padding:10px 0;background-color:#0076bd; }
.window_popup .title h2{font-size:20px; width:70%; padding-left:20px;display: inline;color:#fff;font-weight: 400}
.window_popup .popup_searchBar{overflow:hidden;position:relative;padding-bottom:10px;margin:20px auto 0; width: 95%}
.window_popup .popup_searchBar.left{float:left;padding-top:25px}
.window_popup .popup_searchBar .left strong{color:#000;}
.window_popup .popup_searchBar .right{float:right; vertical-align:bottom}
.window_popup .popup_searchBar select{height:30px;line-height:30px;border:1px solid #ddd;}
.window_popup .popup_searchBar input[type="text"]{border:1px solid #ddd;height:28px;line-height:28px;}
.window_popup .popup_searchBar a.popup_search{display:inline-block; padding: 0 15px;font-size:12px; line-height: 30px; vertical-align:bottom}


.window_popup .popup_table{overflow-x:auto;padding-bottom:20px;margin:0 auto;width: 100%;}
.window_popup .popup_table table{width:100%;border-collapse:collapse;border-bottom:1px solid #d7d7d7;font-weight: 300;border-top: 1px solid #000;}
.window_popup .popup_table table th{background:#f7f7f7;font-size:14px;color:#000;padding:10px 0;text-align:center;font-weight: 400;border-bottom: 1px solid #d7d7d7;}
.window_popup .popup_table table td{border-top:1px solid #d7d7d7;padding: 10px 0 10px 10px;font-size:14px;text-align: left;}
.window_popup .popup_table table td.re{background:url("../../img/front/front/re_icon.png")10px 18px no-repeat; padding-left:45px; text-align: left}
.window_popup .popup_table table td a{}
.window_popup .popup_table table td img{margin: 0 5px}
.window_popup .popup_table table td.t_left{text-align:left;padding-left:10px;}
.window_popup .popup_table table td.t_left img{vertical-align:middle}
.window_popup .popup_table table .notice_f{font-weight: 600}
.window_popup .popup_table table td ul li{font-size:12px;line-height:150%;}

/*20221013 에듀파인연계 메뉴 이동 시 로딩화면 css 추가 시작*/
     .hide2{
          width: 100%;
         height: 100%;
         background-color: rgb(0 0 0 / 30%);
         text-align: center;
         position: fixed;
         z-index: 10001;
         top: 0;
         left: 0;
     }    
     .hide2 p{
          position: relative;
         top: 28%;
          font-size: 1.5em;
         font-weight: bold;
         color: #000;
         line-height: 30px;
     }
     .loader {
       display: block;
       color: rgb(32 126 186);
       font-size: 50px;
       text-indent: -9999em;
       overflow: hidden;
       width: 1em;
       height: 1em;
       border-radius: 50%;
       margin: 72px auto;
       position: relative;
       top: 30%;
       left: 0;
       -webkit-transform: translateZ(0);
       -ms-transform: translateZ(0);
       transform: translateZ(0);
       -webkit-animation: load6 1.7s infinite ease, round 1.7s infinite ease;
       animation: load6 1.7s infinite ease, round 1.7s infinite ease;
     }
     @-webkit-keyframes load6 {
       0% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
       }
       5%,
       95% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
       }
       10%,
       59% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
       }
       20% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
       }
       38% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
       }
       100% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
       }
     }
     @keyframes load6 {
       0% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
       }
       5%,
       95% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
       }
       10%,
       59% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.087em -0.825em 0 -0.42em, -0.173em -0.812em 0 -0.44em, -0.256em -0.789em 0 -0.46em, -0.297em -0.775em 0 -0.477em;
       }
       20% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.338em -0.758em 0 -0.42em, -0.555em -0.617em 0 -0.44em, -0.671em -0.488em 0 -0.46em, -0.749em -0.34em 0 -0.477em;
       }
       38% {
         box-shadow: 0 -0.83em 0 -0.4em, -0.377em -0.74em 0 -0.42em, -0.645em -0.522em 0 -0.44em, -0.775em -0.297em 0 -0.46em, -0.82em -0.09em 0 -0.477em;
       }
       100% {
         box-shadow: 0 -0.83em 0 -0.4em, 0 -0.83em 0 -0.42em, 0 -0.83em 0 -0.44em, 0 -0.83em 0 -0.46em, 0 -0.83em 0 -0.477em;
       }
     }
     @-webkit-keyframes round {
       0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
       }
       100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
       }
     }
     @keyframes round {
       0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
       }
       100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
       }
     }
 /*20221013 에듀파인연계 메뉴 이동 시 로딩화면 css 추가 끝*/         

/*width size*/
.w_50{width:50px}
.w_100{width:100px}
.w_130{width:130px}
.w_150{width:150px}
.w_200{width:200px}
.w_250{width:250px}
.w_300{width:300px}
.w_350{width:350px}
.w_400{width:400px}

.w_10_p{width:10%}
.w_20_p{width:20%}
.w_30_p{width:30%}
.w_40_p{width:40%}
.w_50_p{width:50%}
.w_60_p{width:60%}
.w_70_p{width:70%}
.w_80_p{width:80%}
.w_90_p{width:90%}
.w_100_p{width:100%}

/*height size*/
.h_50{height:50px}
.h_100{height:100px}
.h_150{height:150px}
.h_200{height:200px}
.h_250{height:250px}
.h_300{height:300px}
.h_350{height:350px}
.h_400{height:400px}


/*margin*/
.m_none{margin:0}
.m_5px{margin:5px 0}

/*margin*/
.p_l_10{padding-left: 10px}
.p_l_20{padding-left: 20px}
.p_l_30{padding-left: 30px}
.p_l_40{padding-left: 40px}
.p_l_50{padding-left: 50px}
.p_l_60{padding-left: 60px}
.p_l_70{padding-left: 70px}
.p_l_80{padding-left: 80px}
.p_l_90{padding-left: 90px}
.p_l_100{padding-left: 100px}

.p_t_10{padding-top: 10px}
.p_t_20{padding-top: 20px}
.p_t_30{padding-top: 30px}
.p_t_40{padding-top: 40px}
.p_t_50{padding-top: 50px}
.p_tl_60{padding-top: 60px}
.p_t_70{padding-top: 70px}
.p_t_80{padding-top: 80px}
.p_tl_90{padding-top: 90px}
.p_t_100{padding-top: 100px}

.p_b_0{padding-bottom: 0}
.p_b_10{padding-bottom:10px}
.p_b_20{padding-bottom:20px}
.p_b_30{padding-bottom:30px}
.p_b_40{padding-bottom:40px}
.p_b_50{padding-bottom:50px}
.p_b_60{padding-bottom:60px}
.p_b_70{padding-bottom:70px}
.p_b_80{padding-bottom:80px}
.p_b_90{padding-bottom:90px}
.p_b_100{padding-bottom:100px}

.m_b_0{margin-bottom: 0}
.m_b_10{margin-bottom:10px}
.m_b_20{margin-bottom:20px}
.m_b_30{margin-bottom:30px}
.m_b_40{margin-bottom:40px}
.m_b_50{margin-bottom:50px}
.m_b_60{margin-bottom:60px}
.m_b_70{margin-bottom:70px}
.m_b_80{margin-bottom:80px}
.m_b_90{margin-bottom:90px}
.m_b_100{margin-bottom:100px}

.m_t_0{margin-top: 0}
.m_t_10{margin-top:10px}
.m_t_20{margin-top:20px}
.m_t_30{margin-top:30px}
.m_t_40{margin-top:40px}
.m_t_50{margin-top:50px}
.m_t_60{margin-top:60px}
.m_t_70{margin-top:70px}
.m_t_80{margin-top:80px}
.m_t_90{margin-top:90px}
.m_t_100{margin-top:100px}


.m_l_0{margin-left: 0}
.m_l_10{margin-left:10px}
.m_l_20{margin-left:20px}
.m_l_30{margin-left:30px}
.m_l_40{margin-left:40px}
.m_l_50{margin-left:50px}
.m_l_60{margin-left:60px}
.m_l_70{margin-left:70px}
.m_l_80{margin-left:80px}
.m_l_90{margin-left:90px}
.m_l_100{margin-left:100px}


.m_r_0{margin-right: 0}
.m_r_10{margin-right:10px}
.m_r_20{margin-right:20px}
.m_r_30{margin-right:30px}
.m_r_40{margin-right:40px}
.m_r_50{margin-right:50px}
.m_r_60{margin-right:60px}
.m_r_70{margin-right:70px}
.m_r_80{margin-right:80px}
.m_r_90{margin-right:90px}
.m_r_100{margin-right:100px}

.m_w_10{margin:0 10px}
.m_w_20{margin:0 20px}

.txt_right{text-align:right!important;}

/*font-color*/
.red{color:#e60000}
.light_grey{color:#828282}
.grey{color:#676767}
.blue{color:#1b55da}
.con_height{height: 300px; vertical-align: top;}

.hid {position: absolute; margin: -1px; padding: 0; width: 1px; height: 1px; border: 0; clip: rect(0, 0, 0, 0); overflow: hidden;}
@media (max-width: 1440px) {
    .fix_btn-wrap {top: auto; left: auto; right: 2.4rem; bottom: 2.4rem; margin-left: 0;}
}
@media only screen and (max-width: 1221px) {
	#header{display:none;}
	#mobile_header{display:block;}
	#container{margin-top:69px;}
	#container .content_inner{background-size:cover; width:100%}
	#container .content_inner > .inner{width:100%;padding:50px 20px}
	#container .content_inner > .inner .main_section{width:100%}
	#footer .in{padding:20px 20px;}
	#footer .in .foot_logo{position:static;}
	#footer .in .foot_menu{margin-left:0;}
	#footer .in .foot_menu ul{/* text-align:center; */}
	#footer .in .foot_menu ul li{padding:0 5px;}
	#footer .in .foot_menu ul li a{font-size:12px;}
	#footer .in .sitemap select{height: 30px;line-height: 30px;width: 70%;}
	#footer .in .address{margin-left:0;padding-bottom:20px;}
	#footer .in .address address{font-size:12px;/* text-align:center; */}
	#footer .in .address .copyright{font-size:12px;/* text-align:center; */}
	#footer .in .foot_logo{}
	#footer .in .foot_logo img{height: 60px;}
	#footer .in .copyright_logo{bottom:20px;right:20px;}
	#footer .in .copyright_logo img{height:30px;}
	#footer .in .sitemap{position:relative;margin: 20px 0;top: 0;}
	#container .main_visual ul li img{width:100%;min-height: 200px;}
	#container > .inner{padding:20px;}
	#container > .inner #snb{display:none;}
	#container > .inner #contents{margin-left:0;/* margin-top:50px;*/}
	/* #container > .inner #contents .path{display:none;} */
	/* #container > .inner #contents .h3_tit{height:auto;margin-bottom:30px;padding-top:0;height:46px;} */
	#container > .inner #contents .h3_tit span{padding-bottom:10px;min-width:auto;padding-right:0;}
	#container > .inner #contents > .section{padding-bottom:30px;}
	.table_list{overflow-x: auto; -webkit-overflow-scrolling: touch; margin-bottom:10px;width: 100%;}
	.table_list table th{font-size:12px !important;padding:10px 4px}
	.table_list table td{font-size:12px !important;/*padding:10px 4px;*/word-break: break-all;/*white-space: nowrap;*/}
	.table_list table td a{/* margin: 10px 0; */display: block;margin: 5px 0;word-break: break-all;/* width: 70%; */}
	#container > .inner #contents .con_table_list table th{font-size:12px;padding:10px 4px}
	#container > .inner #contents .con_table_list table td{font-size:12px;padding:10px 4px;word-break: break-all;white-space: break-spaces;}
	#container > .inner #contents .sub_txt{font-size:12px;}
	#container > .inner #contents .list_style01 > ul > li{font-size:12px;background-position:left 8px;background-size:auto 2px}
	#container > .inner #contents .searchBar .total{float:none;margin-bottom:5px;padding-top:0;}
	#container > .inner #contents .searchBar .search{float:none;}
	#container > .inner #contents .searchBar .search select{/* position:absolute; *//* left:0; *//* top:0; *//* width:90px; */}
	#container > .inner #contents .searchBar .search div{display:block;/* margin-left:100px; */margin-top: 5px;}
	#container > .inner #contents .searchBar .search div input[type="text"]{width:100%;}
	#container > .inner #contents .h3_tit .cont{margin-left:0}
  
}

@media only screen and (max-width: 1021px) {
	#footer .inner .sitemap{position:static;padding:10px 0;}	
	#container > .inner #contents .img_area .img img{width:100%;}
	#container .content_inner{margin:0 auto}
	#container .content_inner > .inner .main_search .searchArea{width:70%}
	#container .content_inner > .inner .main_section .w01{width:100%;margin-bottom:30px}
	#container .content_inner > .inner .main_section .w02{width: 100%;}
	#container .content_inner > .inner .main_section p img{width: 100%;/* max-height:170px; */}
	#container .content_inner > .inner .main_section .notice h2{font-size:18px}
	#container > .inner #contents .searchBar .right{flex-wrap: wrap;}
	/* .paging a{width:auto;height:auto;line-height:inherit;padding:5px} */
	.paging strong{width:auto;height:auto;line-height:inherit;padding:5px}
/* 	.paging a:hover, .paging a:focus{width:auto;height:auto;line-height:inherit;} */
	/* .paging a.on{width:auto;height:auto;line-height:inherit;} */
	.paging a.btn{border:0;width:auto;height:auto;vertical-align:top;}
.dropdown-tab{display: block;}
#tab_area{display: none;}
    .fix_btn-wrap {margin-left: 0;}
}

@media only screen and (max-width: 768px) {
	#container .content_inner > .inner .main_section{padding:20px}
	#container .content_inner > .inner .main_search p img{width:60%}
  #container > .inner #contents .searchBar .right{width:100%;}
	#container > .inner #contents .searchBar .right .date_form{width: calc(50% - 70px);}
	#container > .inner #contents .searchBar .right .date_form p input[type="text"]{width:96%;padding: 0;margin:0 2px}
  #container > .inner #contents .searchBar .right .date_form select{width: 100%;}
	#container > .inner #contents .searchBar .right .date_form02{/*width: calc(100% - 60px);*/ flex-wrap:wrap;}
	#container > .inner #contents .searchBar .right .date_form02 p input[type="text"]{width:96%;padding: 0;margin:0 2px}
	#container > .inner #contents .searchBar .right .select_form{width:calc(50% - 70px);}
	#container > .inner #contents .searchBar .right .select_form select{width: 100%;margin-right: 0;}
/* 	#container > .inner #contents .searchBar .right .input_form{width:calc(100% - 60px);margin-top: 10px;} */
	#container > .inner #contents .searchBar .right .input_form .input_form{width:100%;/*margin-top: 10px;*/}
	#container > .inner #contents .searchBar .right .input_form input[type="text"]{width: 100%;/* margin-top: 20px; */}
	#container > .inner #contents .searchBar .right .input_form input.in_w50{width:40%; margin-right:15px; padding-right:20px;}
	#container > .inner #contents .searchBar .right .input_form a.file{padding:10px;display: inline-block;vertical-align: middle;}
	#container > .inner #contents .table_info{background-image: none;padding: 20px 0 20px 20px;}
	#container > .inner #contents .table_info dl{font-size:13px}
	#container > .inner #contents .img{padding:0 10px}
	#container > .inner #contents .img img, #container > .inner #contents .img_C img{width:100%}
	.img_list > ul > li{float:none;width:auto;margin-bottom:2%;}
	.img_list > ul > li .img{max-width:90px;}
	.img_list > ul > li .txt{padding-top:0;margin-left:115px;min-height: 100px;}
	.img_list > ul > li .txt strong{font-size:16px;padding-top: 5px;}
	.img_list > ul > li .txt p{font-size:14px;height:auto;line-height:150%;min-height: initial;}
	.list_style05 > ul > li{font-size:14px;line-height: 160%;}
	.list_style06 > ul > li{font-size:14px;line-height: 160%;}
	#container > .inner #contents .h5_txt_bd{font-size:14px}
	#contents .subHeader .h3_tit {width: auto; flex: 1; line-height: 2rem; margin-bottom: 0;}
  #contents .subHeader .path {order: 1; flex: unset; width: 100%; margin-top: 0.5rem;}
  #contents .subHeader .snsBox > button.btnPrint {display: none;}
}


@media only screen and (max-width: 641px) {
	#container > .inner #contents{min-height:auto}
	#container .content_inner > .inner{width:100%;padding:20px 10px}
    #container .content_inner > .inner .main_section p img{max-height:none;width: 100%;}
    #container .content_inner > .inner .main_section .w01{width:100%;margin-bottom: 30px;}
	#container .content_inner > .inner .main_section .w02{width:100%;margin-left:0;}
	#container .content_inner > .inner .main_search .searchArea{width:90%}
	#container .content_inner > .inner .main_search{margin: 0 auto 20px;}
	#container .content_inner > .inner .main_search p{ margin-bottom: 20px;}
	#container .content_inner > .inner .main_search .searchArea input{font-size:14px}
	#container .content_inner > .inner .main_section .notice > .item .list ul li a{font-size:13px}
	#container .content_inner > .inner .main_section .notice > .item .list ul li .sname{font-size:12px;width: 25%;}
	#container .content_inner > .inner .main_section .notice > .go_site ul li{width:48%}
	#container .content_inner > .inner .main_section .notice > .go_site ul li a{font-size:13px}
	#footer .inner .foot_menu{padding-bottom:10px;}
	#footer .inner .foot_menu ul li a{font-size:13px;}
	#footer .inner .address ul{overflow:hidden;}
	#footer .inner .address ul li.br{clear:inherit}
	#footer .inner .sitemap{padding:15px 0;}
	#footer .inner .sitemap .logo ul li{}
	#footer .inner .sitemap .logo ul li:nth-child(2){display:none;}
	#footer .inner .sitemap .logo ul li img{height:40px;margin-top:5px}
	#footer .inner .sitemap select{height:30px;line-height:30px;font-size:12px;}
	#footer .in .sitemap .go{height:30px; line-height:30px}
	#footer .inner .sitemap .go{height:30px;line-height:30px;}
	#container > .inner #contents .tab_area ul li{width:33.33%;}
	#container > .inner #contents .tab_area ul li a{font-size: 14px;height:35px;line-height:35px;margin-left:0;}
	#container > .inner #contents .img_area{padding:20px;}
	#container > .inner #contents .h3_tit span{font-size: 20px;}
	/* #container > .inner #contents .h3_tit{margin-bottom: 20px;} */
	#container > .inner #contents .h5_tit{font-size:16px;background: url(../../img/front/ico_bul02.png) no-repeat left 2px;padding: 0 0 10px 25px;}
    #container > .inner #contents .h5_txt{font-size:14px}
    .inquiry ul{padding:10px}
    .inquiry ul li{font-size:12px;padding: 0 15px 0 0;}
    #container > .inner #contents .searchTable{padding:10px}
    #container > .inner #contents .searchTable ul{margin:0}
    #container > .inner #contents .searchTable ul li.wPer{width:45%;/* margin-bottom: 10px; */}
	#container > .inner #contents .searchTable ul li.wPer02{width:22%;/* margin-bottom: 10px; */}
    #container > .inner #contents .searchTable ul li{width:100%;font-size:12px;margin-right: 10px;margin-bottom: 5px;}
    #container > .inner #contents .searchTable ul li input{width: 70%;}
    #container > .inner #contents .searchTable ul li button{position:relative;width: 30px;height: 30px;background: url(../../img/front/ico_search02.png)-5px -5px no-repeat;}
	#container > .inner #contents .searchTable ul li .inWidth{width: 30%;}
    /* .table_list table{min-width: 500px; table-layout:auto} */
    .table_list td a.view{font-size:12px;padding:3px 4px}
    .table_list table td{white-space: inherit;}
    .paging{padding-bottom:20px}
    #container > .inner #contents .table_info{padding:15px;}
    #container > .inner #contents .table_info dl{line-height:18px; font-size:12px}
    #container > .inner #contents .table_info dl dt{width:18%}
    #container > .inner #contents .table_info dl dd{width:82%;float:left}
    #container > .inner #contents .table_info ul > li{font-size:13px}
    #container > .inner #contents .table_info ul > li > ul > li{font-size:12px; line-height:20px}
    .list_style02 > ul > li{font-size:12px}
    .con_list{padding:5px}
    .con_list ul li{width:33%;margin:15px 0}
    .con_list ul li > a{font-size:12px; min-width:70px; padding:5px 10px}
	.select_tab ul li a{padding:5px 10px; font-size:12px}
	.select_tab_right ul li a{padding:5px 10px; font-size:12px}
	.board_detail .half_box .left{width:100%}
	.board_detail .half_box .right {width:100%; margin-top:20px}
	.board_detail .half_box .right .info_box p{font-size:18px}
	.board_detail .half_box .right .info_box > ul li dl{font-size:13px}
	.board_detail .full_box{font-size:13px}
	.board_detail > div > textarea{font-size:13px; line-height:150%}
	.table_view .tit > strong{font-size:14px;padding-bottom: 0;}
	.table_view .tit > ul > li{font-size:12px}
	.table_prevnext table th, .table_prevnext table td{font-size:12px;padding: 10px;}
    .table_write table td, .table_write table th, .table_write02 table td, .table_write02 table th{font-size:12px;padding: 5px;}
    #container > .inner #contents .dlList{padding-left:0}
    #container > .inner #contents .dlList dt{font-size:12px;line-height:26px;width:25%;background: url(../../img/front/ico_bul03.png) no-repeat 3px 13px;padding-left: 10px;}
    #container > .inner #contents .dlList dd{font-size:12px;line-height:26px}
    #container > .inner #contents .searchResult > .list{padding: 15px 0;}
    #container > .inner #contents .searchResult > .list > dl > dt{font-size:14px;margin-bottom: 5px;}
    #container > .inner #contents .searchResult > .list > dl > dd{margin-bottom: 5px;}
    #container > .inner #contents .searchResult > .list > dl > dd > a{font-size:12px}
    #container > .inner #contents .searchResult > .list > dl > dd > .reDate{font-size:11px}
    #container > .inner #contents .searchResult > .list > .reContent{font-size:12px}
    #container > .inner #contents .moreArea button{font-size:12px}
    a.content_btn{font-size:12px;line-height: 26px;}
	.btn_xlarge{padding:10px;font-size:18px;min-width:50px; border-radius:20px; display: inline-block; text-align: center}
	.btn_large{padding:10px;font-size:14px;min-width:50px; border-radius:20px;display: inline-block;text-align: center}
	.btn_medium{padding:10px;font-size:13px;min-width:50px;border-radius:20px;display: inline-block;text-align: center}
	.btn_small{padding:10px;font-size:12px;min-width:50px;border-radius:20px;display: inline-block;text-align: center}
	.btn_xsmall{padding:10px;;font-size:11px;line-height:24px;border-radius:20px;display: inline-block;text-align: center}
	.btn_board{font-size: 12px; border-radius: 20px; padding:3px 10px;}
	.btn_layer{font-size:14px; border-radius: 5px; padding: 5px 10px;display: inline-block; }

    .content_table table th, .content_table table td{font-size:12px}
    .content_table table td ul li{font-size:12px}
    .table_view .cont{font-size:12px;line-height:24px}
	
	#loginArea .login{width:90%}
	#layer{top:50px;width:90%;}
	#layer p > img{height:auto}

	.findId ul li{width:100%; margin:20px 0 60px}
	.findId ul li p{font-size:20px;height:50px;line-height:30px}
	.f_red{font-size:12px}
	.f_orange{font-size:12px}
	.f_blue{font-size:12px}
	.f_grey{font-size:12px}
	.table_write table input[type="text"]{height:25px;line-height:25px;font-size:11px;margin: 2px 0;}
	.table_write table select{height:25px;line-height:25px;font-size:11px;margin: 2px 0;}
	.table_write table .searchBtn{padding:5px;font-size:11px}
	.table_write table input[type="file"]{width:80%;font-size: 11px;}
	.reply .file_del{font-size: 11px;padding:3px 5px;}
    .reply .file_add{font-size: 11px;padding:2px 5px;}
    #container > .inner #contents .tab_area.cnt4 > ul > li{width:50%}
    #container > .inner #contents .searchBar .right .wd_100{width:100% !important;margin: 5px 0;}
    .searchBar .w_20{width:20%}
} 

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/*
	#container > .inner #contents .searchBar .right .date_form{width:100%}
	#container > .inner #contents .searchBar .right .date_form p input[type="text"]{margin:0}
	#container > .inner #contents .searchBar .right .select_form{width:100%; margin-top:10px}
	#container > .inner #contents .searchBar .right .select_form select{width:49%}
	*/

}