@charset "UTF-8";
@import url("reset.css");
@import url("font.css");

/*검색 엔진 도입전 숨김처리*/
.search{display:none !important;}
a{color:#333;}
body{font-family:'NotoSansCJKsc','Noto Sans KR',sans-serif !important;font-weight:200;font-size:17px;color:#222;line-height:28px;letter-spacing:-0.01em;-webkit-text-size-adjust:none;-moz-text-size-adjust: none;-ms-text-size-adjust:none;overflow-x:hidden;}
.all-fixed{position:fixed;width:100%;height:100%;}/*모바일메뉴클릭시 body고정*/
#wrap{position:relative;}

/*common*/
.hide{display:block;position:absolute;width:0;height:0;text-indent:-99999px;overflow:hidden;}
.pc-hide{display:none;}
.no-pd{padding:0 !important;}
.con-mg-b{margin-bottom:55px;}
.con-p{padding:0 0 30px 0;}
.con-txt-box{padding:0 0 0 10px;}
.img-box{position:relative;}
.img-box > img{max-width:100%;}
.img-box a{position:absolute;right:0;bottom:0}
.btn-link{display:inline-block;padding:8px 35px 10px 18px;border-radius:2px;background:#a10c0c url(/_res/kuibac/img/comm/btn_link.png) no-repeat 99% center;color:#fff;box-shadow:0 2px 4px #ddd;-webkit-box-shadow:0 2px 4px #ddd;-moz-box-shadow:0 2px 4px #ddd;font-weight:400;}
.btn-link02{padding:0 5px;background:#eddedd;}
.btn-down01{display:inline-block;padding:11px 45px 13px 23px;border-radius:3px;background:#a10c0c url(/_res/kuibac/img/comm/btn_down01.png) no-repeat 95% center;color:#fff;box-shadow:0 2px 4px #ddd;-webkit-box-shadow:0 2px 4px #ddd;-moz-box-shadow:0 2px 4px #ddd;font-weight:400;}
.m{display:none}
.msg_touch_help{display:none}
.break{word-break:break-all}

.mg-t10{margin-top:10px;}
.mg-t20{margin-top:20px;}
.mg-b10{margin-bottom:10px;}
.mg-b20{margin-bottom:20px;}
.mg-b30{margin-bottom:30px;}
.pd-l10{padding-left:10px;}

.fl{float:left !important}
.fr{float:right !important}
.clearfix:after{display:block;content:"";clear:both}

/*제목*/
.h4-tit01{padding:0 0 23px 0;color:#a10c0c;font-size:25px;font-weight:500;letter-spacing:-0.02em;}
.h5-tit00{padding:0 0 5px;color:#333;font-size:18px;font-weight:400;line-height:26px;}
.h5-tit01{position:relative;padding:0 0 5px 14px;color:#333;font-size:18px;font-weight:300;line-height:26px;}
.h5-tit01:after{content:'';position:absolute;top:8px;left:0;width:9px;height:9px;border-radius:9px;background:#bf8d8d;}

/*리스트*/
.ul-type00 > li{position:relative;padding:0 0 5px 15px;color:#333;font-size:18px;font-weight:400;line-height:26px;}
.ul-type00 > li:after{content:'';position:absolute;top:8px;left:0px;width:9px;height:9px;border-radius:9px;background:#beb6a8;}
.ul-type01 > li{position:relative;padding:0 0 3px 14px;color:#333;font-size:18px;font-weight:300;line-height:30px;}
.ul-type01 > li:after{content:'';position:absolute;top:12px;left:1px;width:7px;height:7px;border-radius:7px;background:#bf8d8d;}
.ul-type02 > li{position:relative;padding:0 0 5px 15px;font-size:17px;font-weight:200;line-height:26px;}
.ul-type02 > li:after{content:'';position:absolute;top:13px;left:2px;width:6px;height:2px;background:#817269;}
.ul-type02 > li:first-child{margin-top:5px;}
.ul-type03 > li{position:relative;padding:0 0 5px 14px;font-size:17px;font-weight:200;}
.ul-type03 > li:after{content:'';position:absolute;top:13px;left:4px;width:3px;height:3px;border-radius:3px;background:#6d5b5b;}
.ul-type03 > li:first-child{margin-top:5px;}
.ul-type04 > li{position:relative;padding:0 0 5px 14px;}
.ul-type04 > li:before{content:'';position:absolute;top:13px;left:2px;width:4px;height:4px;border-radius:4px;background:#959595;}
.ul-type-hangul{margin-left:23px;}
.ul-type-hangul > li{list-style:hangul;}
.ol-type01 > li{list-style-type:none;padding:0 0 5px 0;font-size:17px;font-weight:200;line-height:28px;}
.ol-type02 {padding-left:18px;}
.ol-type02 > li{list-style-type:decimal;padding:0 0 5px 0;font-size:17px;font-weight:200;line-height:28px;}

/*텍스트*/
.txt_left{text-align:left !important;}/*클라스명 수정금지(게시판)*/
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.txt-justify{text-align:justify;}
.txt-bold{font-weight:500;}
.txt-bold400{font-weight:400;}
.txt-red{color:#a10c0c;}
.txt-black{color:#222;}
.txt-size16{font-size:16px;}
.mark01{padding:0 0 0 11px;background:url(/_res/kuibac/img/comm/bg_mark01.gif) no-repeat 0 9px;color:#a10a0a;font-size:15px;font-weight:400;}
.mark01 a{color:#a10a0a;}

/* button */
.btn_left{margin-top:18px;}
.btn_left li{display:inline-block;margin-bottom:5px;vertical-align:middle}
.btn_right{text-align:right;margin-top:18px;}
.btn_right li{display:inline-block;vertical-align:middle;line-height:17px;}
.btn{display:inline-block;min-width:100px;box-sizing:border-box;padding:13px 25px 12px;border:1px solid #9298a1;font-size:15px;color:#606976;font-weight:500;text-align:center;background:#fff;}
.b_red{color:#fff;background:#ba0b4a;border:1px solid #ba0b4a}
.b_dgray{color:#fff;background:#606976;border:0}
.b_blue{color:#fff;background:#515e7e;border:0}
/* icon */
.ico_file{width:26px;vertical-align:middle;}
.ico_red{display:inline-block !important;min-width:60px;height:23px;box-sizing:border-box;margin-left:10px;padding:5px 5px 0;border:1px solid #bc1350;color:#bc1350 !important;font-size:12px !important;text-align:center;line-height:100% !important;}
.bl_arrow{padding-right:40px;background-image:url(/_res/kuibac/img/comm/bl_arrow_w.png);background-repeat:no-repeat;background-position:95%;}

/* header */
.mnav{display:none;}	
.header-top-wrap{background:#ece9e4;}
.header-top-wrap > a{display:none;}/*퀵메뉴*/ 
.header-top-box > a{display:none}/*퀵메뉴닫기*/
#wrap > header nav > a{display:none}/*모바일 메뉴열기*/

.header-top-box{max-width:1220px;margin:0 auto;padding:0 20px;text-align:right;}
.header-top-wrap ul{display:inline-block;}
.header-top-wrap ul:after{content:'';display:block;clear:both;}
.header-top-wrap ul.m{display:none}
.header-top-wrap ul li{position:relative;float:left;margin:0 10px 0 0;padding:13px 12px 9px 0;color:#454545;font-size:14px;font-weight:400;line-height:1;}
.header-top-wrap ul li:after{content:'';position:absolute;top:16px;right:0;width:1px;height:10px;background:#b2b2b2;}
.header-top-wrap ul li:last-child{margin:0;padding-right:0;}
.header-top-wrap ul li:last-child:after{display:none;}
.header-top-wrap ul li img{margin-top:-3px;}
.header-bottom-wrap{max-width:1220px;margin:0 auto;padding:0 20px;}
.header-bottom-wrap:after{content:'';display:block;clear:both;}
.header-bottom-wrap h1{float:left;width:287px;height:60px;margin-top:25px;background: url(/_res/kuibac/etc/logo_kuibac.svg) no-repeat left center;background-size:100%;font-size:0;text-indent:-99999px;}
.header-bottom-wrap h1 a{display:block;width:100%;height:100%;}

/* gnb */
#wrap > header nav{float:right;margin-top:39px;}
#wrap > header nav div > a{display:none}
#wrap > header nav div > ul :after{display:block;content:"";clear:both}
#wrap > header nav div > ul  > li{position:relative;float:left;padding:0 36px 39px;font-weight:500;font-size:18px;color:#333;}
#wrap > header nav div > ul  > li:last-child{padding-right:0;}
#wrap > header nav div > ul > li > ul{display:none;}

.wnav .deps1:after{display:block;content:"";clear:both}
.wnav .deps1 > li{position:relative;float:left;padding:0 30px 36px;border-bottom:1px solid #fff;font-weight:500;font-size:16px;color:#333;}
.wnav .deps1 > li.selected,
.wnav .deps1 > li:hover{color:#ba0b4a;}
.wnav .deps1 > li > a{color:#333;}
.wnav .deps2{position:absolute;top:54px;left:70%;width:200px;margin-left:-85px;padding:20px;background:rgba(0,0,0,.7);z-index:1;}
.wnav .deps1 > li:last-child .deps2{left:auto;right:0;}
.wnav .deps2 > li{padding:7px 0;word-break:keep-all;line-height:140%;font-weight:normal;font-size:16px;color:#fff;}
.wnav .deps2 > li > a{color:#fff;}

.visual{width:100%;height:0px; margin-bottom:60px;}
/* contaniner */
#container{position:relative;max-width:1180px;margin:0px auto 100px;}
#container:after{display:block;content:"";clear:both}

/* lnb */
#container nav{float:left;width:200px}
#container nav h2{padding-bottom:37px;font-size:25px;color:#464646;line-height:130%;font-weight:normal;word-break:keep-all;background:url(/_res/grad/img/comm/bg_lnb_top.png) no-repeat bottom}
#container nav h2 span{display:block;font-size:13px;line-height:130%;color:#9e9e9e;}
.lnb_deps2 > li{min-height:50px;box-sizing:border-box;padding:15px 3px;border-bottom:1px solid #dadada;font-size:16px;color:#4d4d4d}
.lnb_deps2 > li.selected > a,
.lnb_deps2 > li > a.active,
.lnb_deps2 > li > a:hover{font-weight:500;display: inline-block;width: 100%;height: 100%; background:url(/_res/kuibac/img/sub/bg_lnb.png) no-repeat right 3px}
.lnb_deps3{margin-top:10px}
.lnb_deps3 li a{display:block;padding:6px 0;color:#7c7c7c;font-size:15px;font-weight:300;}
.lnb_deps3 li a:before{content:"-";padding-right:5px;}
.deps1 > li > a.active { color:#a10c0c}
/* lnb 3depth a태그 색깔*/
ul.lnb_deps3 > li >a.active{color:#a10c0c}
/* lnb 3depth a태그 색깔(모바일)*/
ul.deps3 > li >a.active{color:#a10c0c}

/* content */
.content{float:right;max-width:880px;width:100%}
.con_full{width:100% !important;max-width:100%; margin-left:0; }
.content h3{clear:both;margin-bottom:60px;padding:20px 0 60px;font-size: 36px;color: #222;font-weight:500;border-bottom:1px solid #ddd;line-height:35px;background: url(/_res/kuibac/img/sub/bg_title.gif) no-repeat 0 0;}
.content .breadcrumbs{float:right;margin:0 0 15px;color:#9e9e9e;font-size:15px;}
.breadcrumbs a:nth-child(1) {padding:3px 0 3px 20px;background:url(/_res/kuibac/img/sub/ico_home.gif) no-repeat  4px 7px}
.content .breadcrumbs a:after{display:inline;content:">";color:#cac0b7;padding:0 5px 0 8px;font-size:10px;}
.content .breadcrumbs strong{color:#696969;font-weight:normal}

/* aside 공용 */
aside .btn-aside-top{display:none;position:fixed;bottom:60px;right:2px;}
/* aside - 목차 */
#container aside{position:absolute;top:0;right:-170px;}
#container aside .ul-aside li{background:#eddedd;border-bottom:1px solid #fff;text-align:center;transition:all .4s ease;font-size:16px;font-weight:300;}
#container aside .ul-aside li:hover{background:#a10c0c;font-weight:400;}
#container aside .ul-aside li a{display:inline-block;padding:7px 11px;box-sizing:border-box;width:100%;height:100%;color:#444;}
#container aside .ul-aside li:hover a{color:#fff;}
#container aside .ul-aside li.aside-li-top{background:#724f4f url(/_res/kuibac/img/comm/img_btn_top.png) no-repeat center 9px;font-weight:400;}
#container aside .ul-aside li.aside-li-top:hover{background:#a10c0c url(/_res/kuibac/img/comm/img_btn_top.png) no-repeat center 9px;font-weight:500;}
#container aside .ul-aside li.aside-li-top a{padding:15px 10px 7px;color:#fff;}

/* footer */ 
footer{background:#363a43;line-height:120%;}
footer div{padding:35px 0 38px;}
footer div > ul li{font-size:16px;}
footer div > ul li a{font-weight:400}

/* tab */
.tab{margin-bottom:20px;clear:both}
.tab:after{display:block;content:"";clear:both}
.tab li{float:left; }
.tab li a{display:block;box-sizing:border-box;height:37px;width:150px;text-align:center;padding:10px 00px 0;border:1px solid #70000c;border-left:0;font-size:14px;color:#333;background:#fff;}
.tab li:after{content:"";display:block; height:20px; }
.tab li:first-child a{border-left:1px solid #70000c;}
.tab li.selected a,
.tab li a:hover{background:#70000c;border:1px solid #70000c;border-left:0;color:#fff}
.tab li:first-child.selected a,
.tab li:first-child a:hover{border:1px solid #70000c;}
.tab li.selected,
.tab li:hover:after{background:url(/_res/kuibac/img/sub/tab_after.png) no-repeat center bottom;}
.tab_sel{width:100%;margin-bottom:20px}

/* input */
input[type=checkbox] + label,
input[type=radio] + label{padding-left:5px}
/* select */
.sbHolder{background-color: #fff;border: solid 1px #666f7b;font-size: 13px;font-weight: normal;height: 35px;position: relative;width:auto}
.sbSelector{display: block;height:35px;left: 0;line-height:35px;outline: none;overflow: hidden;position: absolute;text-indent:10px;top: 0;width:100%;text-align:left}
.sbToggle{background:#fff url(/_res/kuibac/img/comm/bg_select.png) no-repeat right !important;background-size: 38px;display: block;height: 33px;outline: none; position: absolute;right: 0;top: 0;width: 40px;}
/*.sbHolderDisabled{background-color: #3C3C3C;border: solid 1px #515151;}*/
.sbOptions{background-color: #fff;border: solid 1px #dadada;list-style: none;left: 0px; margin: 0;padding: 0;position: absolute;top:33px; width:100%;z-index: 1; overflow-y: auto;}
.sbOptions li{ padding: 0 7px;}
.sbOptions a{ border-bottom: solid 1px #efefef;display: block;outline: none;text-align:left;padding: 10px 0 10px 3px;}
.sbOptions a:link, .sbOptions a:visited{color: #888;text-decoration: none;}
.sbOptions a:hover,
.sbOptions a:focus,
.sbOptions a.sbFocus{color: #444;}
.m + .sbHolder{display:none !important}
.search_box .sbHolder{display:inline-block;width:125px !important;vertical-align: middle;}/* 0317 추가 */

/* main */
.m_visual{position:relative;width:100%;height:500px;}
#touchSlider6{width:100%;height:100%;}
#touchSlider6 ul li{height:100%;background-size:cover !important;}
#touchSlider6 ul li a p{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);width:auto;padding:70px 60px;background:rgba(255,255,255,0.5);color:#333;font-size:23px;font-weight:400;text-align:center;line-height:150%;}
#touchSlider6 ul li a p strong{color:#a10c0c;font-size:36px;font-weight:600;}
.m_visual .paging{position:absolute;bottom:5%;width:100%;text-align:center;}
.m_visual .paging .btn_page{display:inline-block;width:14px;height:14px;margin:0 8px;border:1px solid #fff;border-radius:15px;box-shadow:0 0 5px rgba(0,0,0,0.5);font-size:0;text-indent:-99999px;line-height:0;cursor:pointer;}
.m_visual .paging .btn_page.on{background:#fff;}

.m_con:after{display:block;content:"";clear:both}
.main-title{position:relative;padding:0 0 0 15px;font-size:28px;font-weight:500;}
.main-title:after{content:'';position:absolute;top:1px;left:0;width:5px;height:28px;background:#a10c0c;}
.btn-mini-board{display:none;position:absolute;top:-2px;right:0;width:32px;height:32px;background:url(/_res/kuibac/img/main/btn_main_more.gif) no-repeat center center;background-size:100%;text-indent:-9999px;}
.m-board-tab >li.active .btn-mini-board{display:inline-block;}

.m-con-first{max-width:1220px;margin:0 auto;padding:50px 20px 0;}
.m-con-first:after{display:block;content:"";clear:both}
.m-board-box{position:relative;float:left;width:61%;height:270px;margin-right:4%;font-size:16px;}
.m-board-box .main-title{float:left;}
.m-board-tab{float:right;margin:0 32px 0 0;}
.m-board-tab >li{float:left;}
.m-board-tab >li > a > span{display:inline-block;position:relative;padding:0 20px;color:#333;font-size:18px;font-weight:500;cursor:pointer;}
.m-board-tab >li > a > span:after{content:'';position:absolute;top:7px;right:0;width:2px;height:15px;background:#ddd;}
.m-board-tab >li:last-child > a > span:after{display:none;}
.m-board-tab >li.active > a > span{color:#a10c0c;font-weight:600;}
.m-board-tab > li ul{display:none;position:absolute;top:55px;left:0;width:100%;}
.m-board-tab >li.active ul{display:block;}
.m-board-tab >li li{position:relative;margin:8px 0;padding:0 0 0 11px;overflow:hidden;font-size:17px;font-weight:300;}
.m-board-tab >li li:before{content:'';position:absolute;top:14px;left:0;width:2px;height:2px;border-radius:2px;background:#666;}
.m-board-tab >li li > a{float:left;width:calc(100% - 105px);margin-right:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.m-board-tab >li li > span{float:right;}

.m-schedule-wrap{position:relative;float:right;width:35%;font-weight:300;}
.m-schedule-wrap .m-mini-board h3{position:relative;margin:35px 0 20px;padding:0 0 16px 16px;border-bottom:1px solid #ddd;font-size:20px;}
.m-schedule-wrap .m-mini-board h3:after{content:'';position:absolute;top:11px;left:0;width:6px;height:6px;border-radius:50%;background:#a10c0c;}
.m-schedule-wrap .m-mini-board li{position:relative;margin:3px 0 0;padding:0 0 0 11px;font-size:17px;}
.m-schedule-wrap .m-mini-board li:before{content:'';position:absolute;top:12px;left:0;width:2px;height:2px;border-radius:2px;background:#666;}
.m-schedule-wrap .m-mini-board li a{display:inline-block;width:97%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;}
.m-schedule-wrap .m-mini-board li a strong{display:inline-block;margin-right:5px;font-weight:400;}

.m-con-btm {margin:55px 0;padding:45px 0 55px;background:#f5f5f5;}
.m-con-btm:after{display:block;content:"";clear:both}
.main-title02{padding:0 0 35px;color:#333;font-size:35px;font-weight:500;text-align:center;}
.m-site-link{max-width:1180px;margin:0 auto;}
.m-site-link:after{content:'';display:block;clear:both;}
.m-site-link li{float:left;width:22%;height:217px;margin:0 4% 0 0;box-shadow:0 0 12px rgba(0,0,0,0.3);}
.m-site-link li:first-child{background:url(/_res/kuibac/img/main/img_m_link01.jpg)no-repeat center;background-size:cover;}
.m-site-link li:nth-child(2){background:url(/_res/kuibac/img/main/img_m_link02.jpg)no-repeat center;background-size:cover;}
.m-site-link li:nth-child(3){background:url(/_res/kuibac/img/main/img_m_link03.jpg)no-repeat center;background-size:cover;} 
.m-site-link li:last-child{margin:0;background:url(/_res/kuibac/img/main/img_m_link04.jpg)no-repeat center;background-size:cover;}
.m-site-link li a{display:block;padding:75px 25px 0;height:100%;box-sizing:border-box;background:rgba(82,90,106,0.3);color:#fff;text-align:center;transition:0.4s ease;}
.m-site-link li a:hover{background:rgba(37,34,30,0.65);}
.m-site-link li a .m-site-link-title{position:relative;padding:0 0 45px 0;font-size:23px;}
.m-site-link li a .m-site-link-title:after{content:'';position:absolute;bottom:23px;left:50%;transform:translateX(-50%);width:35px;height:1px;background:#fff;}
.m-site-link li a p{font-size:14px;line-height:20px;}

/* quick menu -------------------------------- */
.m_quick.w{position:relative;max-width:1220px;margin:0 auto;padding:0 20px 50px;}
.m_quick.w:after{display:block;content:"";clear:both}
.m_quick .btn_area{position:relative;height:65px;}
.m_quick .btn_prev {float:left;position:absolute;top:0;left:0;width:65px;height:65px;background:url(/_res/kuis/img/main/btn_quick.jpg) no-repeat 0 0;border:1px solid #dadada;text-indent:-99999px;}
.m_quick .btn_prev:hover {width:65px;height:65px;background: url(/_res/kuis/img/main/btn_quick.jpg) no-repeat 0 -65px;}
.m_quick .btn_next {float:right;position:absolute;top:0;right:0px;width:65px;height:65px;background: url(/_res/kuis/img/main/btn_quick.jpg) no-repeat -65px 0;border: 1px solid #dadada;text-indent:-99999px;}
.m_quick .btn_next:hover{width:65px;height:65px;background: url(/_res/kuis/img/main/btn_quick.jpg) no-repeat -65px -65px;}
#touchSlider5{float:left;position:relative;width:calc(100% - 128px);height:65px;margin-left:64px;overflow:hidden;background:#fff;border:1px solid #dadada;z-index:2;}
#touchSlider5 ul{position:absolute;top:0;left:0;width:99999px;height:65px;overflow:hidden;}
#touchSlider5 ul li{float:left;width:100%;height:65px;overflow: hidden;border-right:1px solid #dadada;text-align:center;}
#touchSlider5 ul li:nth-child(3n){border-right:none;}
#touchSlider7{position:relative;width:calc(100% - 130px);height:65px;margin:0 auto;overflow:hidden;border-top:1px solid #dadada;border-bottom:1px solid #dadada;}
#touchSlider7 ul{width:99999px;position:absolute;top:0;left:0;overflow:hidden; }
#touchSlider7 ul li{float:left;width:100%;height:65px;}

/*서브페이지 css*/
/* 인사말 */
.greeting .right-box{float:right;width:23%;margin:0 0 15px 25px;}
.greeting .right-box img{width:100%;}
.greeting-name{font-size:19px;font-weight:500;text-align:right;}

/* 오시는 길 */
.location{padding:50px 0 0;}

/* FAQ */
.faq #accordion dt{padding:15px 0 12px 10px;background:#fbfbfb;border-bottom:5px solid #fff;font-size:16px;font-weight:300;}
.faq #accordion dt.selected{background:#ede6e4;}
.faq #accordion dd{padding:12px 0 15px 31px;}

/* 캘린더 */
.cal_heading{position:relative;width:100%;height:100px;text-align:center}
.cal_heading p{color:#70000c;font-size:48px;line-height:48px;}
.cal_heading a{display:inline-block;color:#999;font-size:24px;padding:10px 30px;} 
.cal_heading .prev{position:absolute;top:10px;left:0;background:url(/_res/kuibac/img/sub/btn_calp.gif) no-repeat left center;}
.cal_heading .next{position:absolute;top:10px;right:0;background:url(/_res/kuibac/img/sub/btn_caln.gif) no-repeat right center;}

#modal{max-width:910px;max-height:700px;margin-top:0px;padding:18px;overflow-y:auto;border:4px solid #70000c;background:#fff;box-shadow:0 1px 5px rgba(0,0,0,0.5);opacity: 0.5;z-index:999999;}
#modal h2{color:#444444;font-size:24px;line-height:40px;}
#modal .p_c_text{font-size:12px;line-height:24px;}
#modal .login_line{margin:10px 0 0;height:80px;}
#modal .box_in{float:left;margin:0 10px 0; }
#modal input{width:120px;height:24px;display:block;margin:3px 0 0;}
#modal .btn_login{width:72px;height:60px;background:#363636;color:#e1e1e1;float:left;line-height:60px;text-align:center;}
#modal .find_join{clear:both;margin:20px 0 0 10px;}
html,body{margin:0;padding:0;height:100%;}
div#glayLayer{display:none;position:fixed;left:0;top:0;height:100%;width:100%;background:#000;filter:alpha(opacity=75);opacity: 0.75;}
* html div#glayLayer{position:absolute;}
#overLayer{display:none;width:300px;max-height: 800px;overflow-y: auto;background:white;padding:25px;position:fixed;top:270px;left:50%; border:4px solid #70000c;}
#overLayer a.close{position:absolute;top:0px;right:0px;width:40px;height:40px;text-indent:-999999px;background:#70000c url(/_res/kuibac/img/comm/btn_close.png) no-repeat center;}
* html #overLayer{position: absolute;}
#overLayer3{display:none;width:500px;max-height:500px;overflow-y: auto;background:white;padding:40px 20px 30px;position:fixed;top:270px;left:50%; border:4px solid #70000c;}
#overLayer3 a.close{position:absolute;top:0px;right:0px;width:40px;height:40px;text-indent:-999999px;background:#70000c url(/_res/kuibac/img/comm/btn_close.png) no-repeat center;}
* html #overLayer3{position: absolute;}
#overLayer3 > div {display:none;font-size: 14px;line-height: 160%;margin-bottom: 30px;word-break: keep-all;}
#overLayer3 > div h2 {font-size:16px; margin-bottom:20px;}
#overLayer3 > div p { margin:0 0 20px}

/* 사이트맵 */
.sitemap{margin-left:-3%}
.sitemap:nth-child(1){margin-bottom:50px;}
.sitemap:after{display:block;clear:both;content:""}
.sitemap div{float:left;width:20%;padding-left:3%}
.sitemap div:nth-child(1){margin-left:0;}
.sitemap h3{padding-bottom:10px;font-size:22px;color:#444;font-weight:normal;line-height:140%;}
.sitemap div > ul{border-top:2px solid #ba0b4a;}
.sitemap div > ul > li a{display:block;padding:15px;border-bottom:1px solid #dadada}
.sitemap div > ul > li ul{padding:7px 0;background:#f5f4f1;border-bottom:1px solid #dadada}
.sitemap div > ul > li ul li a{padding:7px 15px;border-bottom:0;}

/* 404 error 0411 추가 */
.error {position:absolute;left:50%;top:50%;/*width:100%;*/text-align: center; }
.error:after{display:block;clear:both;content:"";}
.error >div {max-width:650px; width:100%;padding:0 20px;margin: 0px auto;}
.error h3 {font-size:36px;line-height:140%; color:#a10c0c;border-bottom: 0;padding: 0;}
.error p{margin:0px 0 40px;font-size: 14px;word-break:keep-all;line-height:180%;color:#868686;}
.error p.last{margin-bottom:30px;font-size: 20px;}
.btn_error{display:block;margin:0 auto;width:170px;height:50px;padding-top:15px;text-align:center;font-size:#333;border:1px solid #bbb}

/* 0328 수정 s */
@media screen and (max-width:1600px){
  #container aside{right:-125px;}
  #container aside .ul-aside li{font-size:14px;}
  #container aside .ul-aside li a{padding:5px}
}

@media screen and (max-width:1366px){
  /*main*/
  #touchSlider6 ul li a p{width:70%;}
  
  #container aside{right:-60px;}
  #container aside .ul-aside li{font-size:13px;line-height:1;}
  #container aside .ul-aside li a{padding:10px 2px;width:50px;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:nowrap;}
}

@media screen and (max-width:1300px){
  #container .ul-aside{display:none;}
}

@media screen and (max-width:1180px){
  #wrap{width:100%}
  footer div{padding:30px 20px;} 
  #container{padding:0 20px}
  #container nav{display:none}
  #container .content{float:none;width:100%;max-width:none;margin:0 auto;padding:0;}
  .content h3{margin:0;padding:20px 0 50px;border-bottom:0;}
    
  .header-bottom-wrap{width:100%;height:65px;padding-top:11px;}
  .header-bottom-wrap h1{float:none;margin:0 auto;width:210px;height:44px;}
  #wrap > header > div > a{display:block;position:absolute;right:15px;top:15px;width:35px;height:35px;font-size:0;background:url(/_res/kuibac/img/comm/bg_utill.png) no-repeat;background-size:35px;}
  #wrap > header > div > div{position:fixed;top:0;left:100%;width:100%;height:100%;padding:0;text-align:left;background:#fff;z-index:1200;overflow-y:scroll;}
  #wrap > header > div > div:after{clear:both;content:"";display:block}
  #wrap > header > div > div:before{display:block;content:"QUICK MENU";padding:15px;font-size:17px;color:#444;}
  #wrap > header > div > div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/kuibac/img/comm/btn_nav_close.png) no-repeat;background-size:18px;}
  #wrap > header > div ul.m{display:block;width:100%;margin-top:0}
  #wrap > header > div ul.w{display:none}
  #wrap > header > div ul li{float:none;padding:0;margin:0;font-size:16px;color:#444;}
  #wrap > header > div ul li:first-child > a{border:0;}
  #wrap > header > div ul li:last-child > a{border-bottom:1px solid #dadada}
  #wrap > header > div ul li:after{display:none}
  #wrap > header > div ul li > a{display:block;padding:18px 16px;border-top:1px solid #dadada;}
  #wrap > header > div ul li > a span,
  #wrap > header > div ul li > a span{position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(/_res/kuibac/img/comm/bl_nav_down.png) no-repeat 95%;background-size:12px}
   #wrap > header nav > a{display:block;position:absolute;left:15px;top:15px;width:35px;height:35px;font-size:0;background:url(/_res/kuibac/img/comm/bg_gnb.png) no-repeat;background-size:35px;}
  #wrap > header nav div{position:fixed;top:0;left:-100%;overflow:scroll;width:100%;background:#fff;height:100%;z-index:1200;}
  #wrap > header nav div:before{display:block;content:"전체메뉴";padding:18px;font-size:18px;color:#444;}
  #wrap > header nav div > a{display:block;position:absolute;top:18px;right:15px;width:18px;height:18px;cursor:pointer;font-size:0;background:url(/_res/kuibac/img/comm/btn_nav_close.png) no-repeat;background-size:18px;}  
  
  .wnav{display:none;}	
  .mnav{display:block;}        
  .mnav .deps1{border-top:2px solid #444;margin-right:0 !important}
  .mnav .deps1 > li{width:100%;font-size:17px !important;color:#444 !important;padding:0 !important}
  .mnav .deps1 > li:first-child > a{border:0;}
  .mnav .deps1 > li:last-child > a{border-bottom:1px solid #dadada}
  .mnav .deps1 > li > a{position:relative;display:block;padding:18px 16px;border-top:1px solid #dadada;background:#f5f5f5}
  .mnav .deps1 > li > a span,
  .mnav .deps2 > li > a span{position:absolute;top:24px;right:18px;width:12px;height:12px;background:url(/_res/kuibac/img/comm/bl_nav_down.png) no-repeat 95%;background-size:12px}
  .mnav .deps1 > li.selected > a span,
  .mnav .deps2 > li.selected > a span{background:url(/_res/kuibac/img/comm/bl_nav_up02.png) no-repeat 95%;background-size:12px}
  .mnav .deps1 > li > ul{position:static;width:100%;margin:0;padding:0;}
  .mnav .deps2 > li{padding:0;}
  .mnav .deps2 > li > a{position:relative;display:block;padding:20px 18px;color:#888;font-weight:normal !important;font-size:17px;border-top:1px solid #dadada;background:#fff}
  .mnav .deps1 > li.selected > a,
  .mnav .deps1 > li > a.active,
  .mnav .deps2 > li.selected > a,
  .mnav .deps2 > li > a.active,
  .mnav .deps3 > li.selected > a,
  .mnav .deps3 > li > a.active{color:#ba0b4a;}
  .mnav .deps3 > li > a{display:block;padding:0 15px 15px 0;font-size:15px;color:#999;line-height:140%}
  .mnav .deps3 > li > a:before{content:"-";padding:0 5px 0 20px;}
  .mnav .deps1 > li:last-child .deps2 > li:first-child > a{border-top:0}
    
  .m_visual{height:350px;}
  #touchSlider6 ul li a p{padding:40px 30px;font-size:19px;}
  .m_con{width:100%;}
  .m_con_first{padding:50px 10px 0;}
  .m-site-link{padding:0 20px;}
  .m-site-link li a{padding:45px 25px 0;}
  .m-site-link li  a .m-site-link-title{font-size:20px;}
}

@media screen and (max-width: 970px){  
  select{display:inline-block !important}
  .sbHolder{display:none !important}
  .w{display:none}
  .m{display:block}
  select{width:100%;}
  #container .content{box-sizing:border-box;}
  
  /* main */
  .m-con-first{padding:30px 20px 0;}
  .main-title{padding:0 0 0 10px;font-size:22px;}
  .main-title:after{top:5px;width:4px;height:19px;}
  .main-title02{font-size:30px;}
  .btn-mini-board{top:0;}
  .m-board-box{float:none;width:auto;height:255px;margin:0 0 25px;}
  .m-board-tab >li > a > span{font-size:17px;}
  .m-board-tab > li ul{top:40px;}
  .m-board-tab >li li{font-size:16px;}
  .m-schedule-wrap{float:none;width:auto;}
  .m-schedule-wrap .m-mini-board h3{margin:11px 0 6px;padding:0 0 0 15px;border-bottom:none;font-size:17px;}
  .m-schedule-wrap .m-mini-board li{font-size:16px;}
  .m-con-btm{margin:30px 0;padding:30px 0 35px;}
  .m-site-link li{height:172px;}
  .m-site-link li a{padding:60px 12px 0;}
  .m-site-link li a p{font-size:13px;}  
  .m_quick.m{position:relative;width:calc(100% - 40px);margin:0 auto;padding:0 0 50px;text-align:center}
  .m_quick .btn_area{position:absolute;top:60px;left:0;width:100%;}
  .m_quick.m .btn_prev, .m_quick.m .btn_next{top:0;}
}

@media screen and (max-width:800px){
  body{font-size:15px;line-height:25px;}
  .pc-hide{display:block;}
  .mobile-hide{display:none;}  
  /*common*/
  .con-mg-b{margin-bottom:30px;}
  .con-p{padding:0 0 15px 0;}
  .mg-b30{margin-bottom:20px;}
  /*제목*/
  .h4-tit01{padding:0 0 18px 0;font-size:20px;}
  .h5-tit00{padding:0 0 4px;font-size:16px;}
  .h5-tit01{padding:0 0 4px 14px;font-size:16px;}
  .h5-tit01:after{top:9px;}
  /*리스트*/
  .ul-type00 > li{padding:0 0 4px 15px;font-size:16px;line-height:25px;}
  .ul-type00 > li:after{top:9px;width:8px;height:8px;border-radius:8px;}
  .ul-type01 > li{padding:0 0 3px 12px;font-size:16px;line-height:28px;}
  .ul-type02 > li{padding:0 0 4px 13px;font-size:15px;line-height:24px;}
  .ul-type02 > li:after{top:11px;left:0px;}
  .ul-type02 > li:first-child{margin-top:4px;}
  .ul-type03 > li{padding:0 0 3px 11px;font-size:15px;line-height:24px;}
  .ul-type03 > li:after{top:11px;left:1px;}
  .ul-type03 > li:first-child{margin-top:4px;}
  .ul-type04 > li{padding:0 0 4px 10px;}
  .ul-type04 > li:before{top:11px;left:0px;}
  .ol-type01 > li{font-size:15px;line-height:24px;}
  .ol-type02 > li{padding:0 0 3px 0;font-size:15px;line-height:24px;}
  /*텍스트*/
  .mark01{font-size:13px;line-height:22px;background:url(/_res/kuibac/img/comm/bg_mark01.gif) no-repeat 0 8px;}
   
  footer div > ul li{font-size:14px;}
  .content h3{padding:15px 0 20px;font-size:24px;font-weight:500;} 
  
  /* main */
  .m-board-box{height:235px;}
  .m_con_btm{padding:26px 0;}
  .m-site-link li{margin:0 3.6% 0 0;width:48.2%;height:150px;}
  .m-site-link li:first-child{margin-bottom:2.7%;}
  .m-site-link li:nth-child(2n){margin:0;}
  .m_con > section{width:100%;}
}

@media screen and (max-width: 760px){  
  #wrap > header{border-bottom:1px solid #444}
  #container{margin:30px 0 50px}
  .visual{display:none}
  .breadcrumbs{display:none}
  .tab_sel{width:100%;margin-bottom:5px}  
  .scrollbox{position:relative;width:100%;overflow-x:auto;overflow-y:hidden}
  .scrollbox table{width:900px}
  .msg_touch_help{display:block;position:absolute;top:30px;left:50%;width:70px;height:70px;margin:0 0 0 -35px}
  .msg_touch_help img{width:100%}
  .jwxe_popup{display:none;}/*팝업 안보이도록 설정,요청,후에 해제할것*/
  .dropShadow{display:none;}/*팝업 안보이도록 설정,요청,후에 해제할것*/
  
  
  /*달력-캘린더 게시판*/
  .cal_heading{height:50px;}
  .cal_heading p{font-size:28px;line-height:28px;}
  .cal_heading a{padding:10px 20px;font-size:15px;}
  .cal_heading .prev, .cal_heading .next{top:-3px;}
  .sitemap div {float: none;width: 100%;padding-left: 20px;margin-top: 40px;}
}

@media screen and (max-width:640px){
  /*common*/
  .con-mg-b{margin-bottom:25px;}
  .con-p{padding:0 0 10px 0;}
  .con-txt-box{padding:0 0 0 7px;}
  .mg-b30{margin-bottom:20px;}
  .pd-b30{padding-bottom:20px;}
  /*제목*/
  .h4-tit01{padding:0 0 10px 0;font-size:19px;}
  .h5-tit00{padding:0 0 2px;font-size:15px;}
  .h5-tit01{padding:0 0 2px 13px;font-size:15px;}
  .h5-tit01:after{top:9px;width:8px;height:8px;}
  /*리스트*/
  .ul-type00 > li{padding:0 0 3px 13px;font-size:15px;line-height:24px;}
  .ul-type00 > li:after{top:7px;}
  .ul-type01 > li{font-size:15px;line-height:24px;}
  .ul-type01 > li:after{top:8px;}
  .ul-type02 > li{padding:0 0 2px 11px;font-size:14px;line-height:23px;}
  .ul-type02 > li:after{top:10px;left:0px;}
  .ul-type02 > li:first-child{margin-top:3px;}
  .ul-type03 > li{padding:0 0 2px 9px;font-size:14px;line-height:23px;}
  .ul-type03 > li:first-child{margin-top:3px;}
  .ul-type-hangul{margin-left:18px;}
  .ol-type01 > li{font-size:14px;line-height:23px;}
  .ol-type02{padding-left:14px;}
  .ol-type02 > li{padding:0 0 2px 0;font-size:14px;line-height:23px;}
  
  /*main*/
  .m_visual{height:230px;}
  #touchSlider6 ul li a p{width:100%;padding:30px 0;background:rgba(255,255,255,0.7);font-size:16px;}
  #touchSlider6 ul li a p strong{font-size:27px;}
  .m-board-box{height:212px;}
  .m-board-tab >li li{margin:5px 0;font-size:15px;}
  .m-schedule-wrap .m-mini-board li{margin:0;font-size:15px;}
  .m_con_btm{margin:40px 0;}
  .m-site-link li a .m-site-link-title{padding:0 0 40px 0;}
  .m-site-link li a .m-site-link-title:after{bottom:20px;width:25px;}
  
 /*popup*/
  #item_body > .jwxe_popup{cursor:move;top:0 !important;left:0 !important;max-width:400px;width:85% !important;margin:5%;padding:3%;visibility: visible; z-index: 1001; line-height:150%;}
  #item_body > .jwxe_popup >* {line-height: 150%; height: auto;}  
  #item_body > .jwxe_popup > .jw-relative{ height: auto !important;position:relative;padding-bottom: 5%;}  
  .jwxe_popup_close_1 {position:absolute;bottom:0;left: 10px !important;}
  .jwxe_popup_close{position:absolute;bottom:0;right: 10px !important;}  

  /*sub*/
  /*인사말*/
  .greeting .right-box{float:none;width:auto;margin:0 0 20px 0;text-align:center;}
  .greeting .right-box img{width:auto;}
  /* FAQ */
  .faq-box{padding:0 0 20px 0;}
  .dl-faq dt{padding:6px 3px 5px 29px;}
  .dl-faq dt:after{top:3px;left:7px;font-size:17px;}
  .dl-faq dd{padding:5px 0 0 27px;}
}

@media screen and (max-width:560px){
  .m-site-link li a{padding:50px 5px 0;}
  .m-site-link li a .m-site-link-title{padding:0 0 35px 0;font-size:18px;}
  .m-site-link li a .m-site-link-title:after{bottom:17px;}
}


@media screen and (max-width:480px){
  footer > div{padding:20px;}
}

@media screen and (max-width:380px){
  .m-board-tab >li li > a{width:98%;margin-right:0;}
  .m-board-tab >li li > span{display:none;}
}

input[type=submit].btn_login{position:absolute;top:0;right:0;width:120px;height:80px;border:#ba0b4a;background:#ba0b4a;color:#fff;font-size:20px;text-align:center;}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {width: 47% !important;}