@charset "utf-8";
@import url("default.css");
@import url("fonts.css");

/*wrpa*/
.wrap { position: relative; width: 100%; min-width: 1280px; background: #fff; font-size: 16px; font-family: 'Noto Sans KR', 'Malgun Gothic', '맑은고딕', 'Apple SD Gothic Neo', sans-serif; font-weight: 400;}

/*header*/
.header{clear: both; padding: 0; margin: 0; width: 100%; }
.topWrap{ width:1280px; margin: 0 auto; padding: 30px 0; position: relative;}
.topWrap:after{content: ""; display: block; clear: both; padding: 0; margin: 0; width: 0; height: 0;}

/*logo*/
.logoWrap{float: left; padding: 0; margin: 0; position: relative;}  
.logoWrap h1{font-size: 1.75em; font-weight: 600; padding: 0 0 0 96px; letter-spacing: -0.5px; line-height: 1.2857142857142858em; color: #222222;}
.logoWrap h1 span{display: block; width: 86px; height:36px; background: url("../images/main/logo.png") no-repeat;  font-size: 0; position: absolute; top: 6px; left: 0;}
.logoWrap h1 a{font-size:inherit; font-weight: 600; padding: 0 0 0 0; letter-spacing: -0.5px; line-height: 1.2857142857142858em; color: #222222;}
.logoWrap h1 a:hover{text-decoration: none;}

/*gnb*/
.gnb{float: right; padding: 10px 0 0 0;}
.gnb:afterr{content: ""; display: block; clear: both; padding: 0; margin: 0; width: 0; height: 0;}
.gnb li{float: left; position: relative; padding: 0 25px 0 45px; background: url("../images/main/gnb_icon.png") no-repeat; background-position: 20px 0px; height: 15px;  line-height: 13px;}
.gnb li:before{content: ""; display: block; width: 5px; height: 5px; background: #939393; position: absolute; top: 5px; left: 0; border-radius: 10px;}
.gnb li:first-child:before{display: none;}
.gnb li.login{background-position: 20px 0;}
.gnb li.logout{background-position: 20px -15px;}
.gnb li.user{background-position: 20px -31px;}
.gnb li.join{background-position: 20px -46px;}
.gnb li a{color: #4d4d4d; font-size: 0.875em}

.mnWrap{width: 100%; clear: both; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; box-shadow: 0 9px 20px 0 rgba(77, 78, 78, 0.1); }
.mnWrap>div{width: 1280px; margin: 0 auto;}
.mnWrap>div .logo{display: none;}
.menuBox{ padding:0 ; margin: 0; width: 100%; display: flex; text-align: center; height: 60px; justify-content:space-between; } 
.menuBox:afterr{content: ""; display: block; clear: both; padding: 0; margin: 0; width: 0; height: 0;}
.menuBox>li{position: relative; flex: auto;  height: 60px}
.menuBox>li>a{display: block; color: #222; font-family: GmarketSans; font-size: 1.125em; font-weight: 500; padding: 0; line-height: 60px; }
.menuBox>li.on:before{content: ""; display: block; width: 5px; height: 30px; background: #fff; position: absolute; top: 50%; left: 0; margin-top: -15px; border-radius: 0 15px 15px 0;}
.menuBox>li.on>a{color: #1265ba; font-weight: bold; text-decoration: underline; text-underline-offset:7px;}
.menuBox>li:hover>a, .menuBox>li>a:hover{color: #1265ba; text-decoration: underline; text-underline-offset:7px;}
.menuBox>li ul.subMn{display: none; position: absolute; top: 61px; left: -15px; z-index: 100; width: 177px; background: #fff;}
.menuBox>li:last-child ul.subMn{left: -20px;}
.menuBox>li ul.subMn li{border: 1px solid #eaeaea;  border-top: 0; line-height: 40px; height: 40px; }
.menuBox>li ul.subMn li a{color: #222; font-family: GmarketSans; font-size: 0.9375em; display: block;}
.menuBox>li:hover ul.subMn{display: block;}

/*스크롤시 메뉴*/
.scroll-fixed{position: fixed; top: 0; left: 0; /*background: #6a1f74;*/ background: rgba(69, 11, 77, 0.85); z-index: 100; border-top: 0; border-bottom: 1px solid #433f44}
.scroll-fixed>div{position: relative;}
.scroll-fixed>div .logo{display: block; position: absolute; top: 10px; left: 20px;}
.scroll-fixed>div .logo h1{font-weight: 600; padding: 0; font-size: 1em; line-height: 1.5em; color: #fff;}
.scroll-fixed>div .logo h1 span{display: block; width: 71px; height:15px; background: url("../images/sub/sub_logo.png") no-repeat;  font-size: 0; }
.scroll-fixed .menuBox{width:1106px; margin:0 0 0 174px; text-align: right;}
.scroll-fixed .menuBox>li>a{color: #fff;}
.scroll-fixed .menuBox>li ul.subMn{background:rgba(47, 43, 48, 0.9);  left: -5px;}
.scroll-fixed .menuBox>li:last-child ul.subMn{left: -20px;}
.scroll-fixed .menuBox>li ul.subMn li{border-color: #4a484a;}
.scroll-fixed .menuBox>li ul.subMn li a{color: #fff; text-align: center;}
.scroll-fixed .menuBox>li:last-child ul.subMn{left: -10px;}

/*container*/
.mainContainer{ padding: 0; margin: 0; width: 100%}

/*visual*/
.visualWrap{background: #0c0e18 url("../images/main/visual_bg.png") no-repeat top center; width: 100%; height: 550px; position: relative}
.visualWrap .visualTxt{position: absolute; top: 205px; left: 50%; margin: 0 0 0 -598px; }
.visualWrap .visualTxt p.tit{opacity:1; position: absolute; top: 0; left: 0;
	animation-name:main-contents-txt1;
	animation-duration:0.5s;
	animation-timing-function:ease;
	animation-delay:0.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;}
.visualWrap .visualTxt p.txt{ 
    padding: 113px 0 0 0; color: #fff; font-size: 1.375em; line-height: 1.3636363636363635em; font-family: GmarketSans; font-weight: 300; opacity: 1; 
    position: absolute; top: 0; left: 0; width: 600px;
    animation-name:main-contents-txt1;
	animation-duration:0.5s;
	animation-timing-function:ease;
	animation-delay:0.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.visualWrap .visualTxt p.txt strong{ color: #fff;  font-weight: 500;}
.visualWrap .visualImg01{
    background: url("../images/main/visual_img01.png") no-repeat; width:444px; height: 388px; position: absolute; top: 96px; left: 50%; margin: 0 0 0 116px;
    animation-name:main-contents-img1;
	animation-duration:1.5s;
	animation-timing-function:ease;
	animation-delay:0.5s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}
.visualWrap .visualImg02{
    background: url("../images/main/visual_img02.png") no-repeat; width:1013px; height: 550px; position: absolute; top: 0; left: 50%; margin: 0 0 0 -107px;
    animation-name:main-contents-img2;
	animation-duration:1.5s;
	animation-timing-function:ease;
	animation-delay:0.0;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
}

@keyframes main-contents-txt1 {
	 0% {opacity:0; top: -20px; }
	 100% {opacity:1; top: 0;}
}
@keyframes main-contents-img1 {
	 0% {opacity:0; top:116px; margin-left: 136px;}
	 100% {opacity:1;  top:96px; margin-left: 116px;}
}

@keyframes main-contents-img2 {
	 0% {opacity:0;}
	 100% {opacity:1; }
}

/*퀵링크*/
.quickWrap{width: 100%; padding: 30px 0; margin: 0; background: #f5f5f5}
.quickWrap ul {width: 1280px; margin: 0 auto;}
.quickWrap ul:after {content: ""; display: block; clear: both; padding: 0; margin: 0; width: 0; height: 0;}
.quickWrap ul li{ float: left; width: 270px; height: 121px; background: #fff; border-radius: 15px; margin: 0 30px 0 0; position: relative;}
.quickWrap ul li:first-child{margin-left: 50px;}
.quickWrap ul li a{display: block; width: 100%; height: 100%; padding: 35px 0 0 95px;  font-family: GmarketSans; font-weight: 500; color: #636363; font-size: 1.125em; line-height: 1.4444444444444444em; text-align: center; }
.quickWrap ul li a strong{ display: block; color:#2d2d2d; font-size: 1.2222222222222223em}
.quickWrap ul li span{display: block; width: 88px; height: 66px; background: url("../images/main/main_icon.png") no-repeat; background-position: 0 0 ; position: absolute; top:30px; left: 30px;}
.quickWrap ul li.ico01 span{background-position: 0 0}
.quickWrap ul li.ico02 span{background-position: 0 -67px}
.quickWrap ul li.ico03 span{background-position: 0 -134px}
.quickWrap ul li.ico04 span{background-position: 0 -201px; left:20px;}

/*게시판 리스트*/
.section{width: 1280px; margin: 50px auto; }
.section:after {content: ""; display: block; clear: both; padding: 0; margin: 0; width: 0; height: 0;}
.section .notiBox{width:583px; margin: 0; padding: 0;}
.section .notiBox.fl{margin-left: 20px;}
.section .notiBox.fr{margin-right: 20px;}
.section .notiBox div.titBox{margin: 0; padding: 0 0 19px 17px; border-bottom: 2px solid #272936; position: relative;}
.section .notiBox div.titBox h4{font-size: 2em;}
.section .notiBox div.titBox h4 span{color: #1265ba;}
.section .notiBox div.titBox a.moreBtn{position:absolute; top: 14px; right: 8px; font-size: 0; line-height: 0; text-indent: -20000px; width: 22px; height: 22px}
.section .notiBox div.titBox a.moreBtn:before{display: block; content: ""; width: 22px; height: 2px; background: #b0b0b0; position: absolute; top:50%; left:0; margin-top: -1px;}
.section .notiBox div.titBox a.moreBtn:after{display: block; content: ""; width: 2px; height: 22px; background: #b0b0b0; position: absolute;  top: 0; left: 50%; margin-left: -1px;}
.section .notiBox .listBox li{padding: 18px 17px; border-bottom: 1px solid #d1d2d4}
.section .notiBox .listBox li a{display:block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #2c2c2c; font-size:1.125em; line-height: 150%;  }
.section .notiBox .listBox li span.date{color: #717171; font-size:0.875em }

/* 검색 layer popup 리스트 */
.listBox table{border-top: 2px solid #373737; border-collapse: collapse; width: 100%; font-size: 15px;}
.listBox table th, .listBox table td{ font-size: 15px; font-weight: 400; text-align: center; border: 1px solid #e4e4e4; line-height: 160%; padding: 10px 8px; }
.listBox table td a { font-size: 15px; display:block; padding: 0 5px; color:#C1484A;}
.listBox table thead th{background: #f4f4f4; font-weight: 500;}


/*footer*/
.footer{ background: #272727; padding: 0 0 30px 0; width: 100%; margin: 0;}
.footer .footerTop{background: #6c6c6c; padding: 0; margin: 0; width: 100%; height: 45px; overflow: hidden}
.footer .footerTop>div{width: 1280px; margin: 0 auto; padding: 0; height: 45px; overflow: hidden}
.footer .footerTop>div:after{content: ""; display: block; clear: both; padding: 0; margin: 0; width: 0; height: 0;}
.footer .footerTop>div ul{float: left; padding: 0 0 0 20px }
.footer .footerTop>div ul li{float: left; line-height: 45px; padding: 0 30px; position: relative;}
.footer .footerTop>div ul li:first-child{padding-left: 0;}
.footer .footerTop>div ul li a{color: #fff; font-size: 0.9375em;}
.footer .footerTop>div ul li:before{display: block; content: ""; width: 1px; height: 9px;background: #fff; position: absolute; top:18px; left:0;}
.footer .footerTop>div ul li:first-child:before{display: none;}
.footer .footerTop>div ul li a strong{color: #ffcc00}
.footer .footerTop>div div.csCenter{float:right;; color: #fff; background: #232323 url("../images/main/cs_icon.png") no-repeat 37px 13px; padding: 0 32px 0 62px; line-height: 45px; font-size: 0.9375em;}
.footer .footer-box{width: 1280px; margin: 0 auto; padding: 30px 0 0 0;}
.footer .footer-box p {padding-left: 205px; background: url("../images/main/footer_logo.png") no-repeat 20px 5px;  color:#fff; font-size: 0.875em; line-height: 1.2857142857142858em; font-weight: 300;}

/*상단으로*/
.top_move{position: fixed; bottom: 200px; left:50%; margin: 0 0 0 700px; width: 48px; height: 48px; border-radius: 40px; background: #fff; border: 1px solid #dddcdc;  box-shadow: 0 0 20px 0 rgba(77, 78, 78, 0.3); font-size: 1.25em; }
.top_move:hover{text-decoration: none;}


/*서브페이지*/
.subContainer{width: 1280px; margin: 0 auto; padding: 50px 0 30px 0; }

/*타이틀 영역*/
.subContainer .subTit{padding: 0 20px; }

/*navi*/
.naviWrap{}
.naviWrap ul{}
.naviWrap ul:after {content: ""; display: block; clear: both; padding: 0; margin: 0; width: 0; height: 0;}
.naviWrap ul li{float: left; font-size: 0.875em; line-height: 1; padding: 0 17px 0 10px; position: relative;}
.naviWrap ul li:first-child{background: url("../images/sub/navi_icon01.jpg") no-repeat; padding-left: 30px;}
.naviWrap ul li:before{content: ""; display: block; width: 2px; height: 8px; background: #8b8b8b; top:3px; right: 0; position: absolute; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }
.naviWrap ul li:after{content: ""; display: block; width: 2px; height: 8px; background: #8b8b8b; top:8px; right: 0; position: absolute; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }
.naviWrap ul li:last-child:before, .naviWrap ul li:last-child:after{display: none;}
.naviWrap ul li.on a{color: #1265ba}

/*h2*/
.subContainer .subTit h2{font-size: 2.75em; padding: 70px 0; margin: 0 ; text-align: center; font-family: GmarketSans; font-weight: bold; color: #0f0e0e; position: relative; line-height: 1.5}
.subContainer .subTit h2:after{content: ""; display: block; position: absolute; top: 150px; left: 50%; margin: 0 0 0 -42px; width: 83px; height: 5px; background: #1265ba}

/*탭메뉴*/
.tabBox{padding: 0zzzz; margin: 30px 0 ;}
.tabBox .nav > li > a{padding: 15px 37px; line-height: 1; margin: 2px;}
.nav-pills > li + li{margin-left:0;}
.tabBox .nav-pills > li > a{border-radius: 0; border: 1px solid #e7e7e7; color: #4d4d4d;}
.tabBox .nav-pills > li > a:hover{background: none; color:#1265ba; text-decoration: underline}
.tabBox .nav-pills > li > a.active{background: #1265ba; border:1px solid #1265ba; font-weight: 500;}
.tabBox .nav-pills > li > a.active:hover{text-decoration: none; color: #fff;}


/*subContent*/
.subContent{clear: both; padding: 30px 20px; margin: 0;}
.subContent h4{ color:#1b1b1b; font-size: 1.375em; line-height: 1.5; background:url("../images/sub/h4_blt.png") no-repeat 8px 8px ; padding: 0 0 0 35px; margin: 0 0 10px 0; }
.subContent h5{color:#1265ba; padding: 0; margin: 0 0 10px 0; font-size:1.125em; }

.subContent .conBox{border:1px solid #e7e7e7; background: #fbfbfb; border-radius: 20px; padding: 20px; margin: 10px 0 30px 0; line-height: 1.875em;}
.subContent .conBox div.innerBox{background: #fff; border: 1px solid #e7e7e7; border-radius: 10px; padding: 20px; font-size: 0.875em; line-height: 1.5}
.subContent .conBox div.innerBox2{background: #fff; border: 1px solid #e7e7e7; border-radius: 15px; padding: 20px;line-height: 1.5; height: 300px; overflow-y: auto}
.subContent .conBox div.innerBox2 dl{margin: 20px 0;}
.subContent .conBox div.innerBox2 dl dt{font-weight: 500; margin: 0 0 5px 0;}
.subContent .conBox div.innerBox2 dl dd ol{padding:0 0 5px 17px; text-indent: -17px; line-height: 150%;}


.list_type01, .list_type02{padding:0; margin: 0; }
.list_type01 li{padding: 0 0 4px 20px; background: url("../images/sub/blt.png") no-repeat 3px 11px; line-height: 1.5;} 
.list_type02 li{background: none; padding: 0 0 4px 10px; line-height: 1.5; position: relative;}
.list_type02 li:before {content: ""; position:absolute; top:10px; left:0; width: 4px; height: 4px; border-radius:2px; background:#d36b32}

ul.list_type01 li ol li{background: none; padding-left: 0;}

.table{table-layout: fixed; width: 100%; height: auto; border-collapse: collapse; border-top: 2px solid #464646; margin: 0; padding: 0; }
.table caption{padding: 0; margin: 0;}
.table > thead > tr > th, .subContent .table > thead > tr > td, .subContent .table > tbody > tr > th, .subContent .table > tbody > tr > td{ border-bottom: 1px solid #dadada; border-right: 1px solid #dadada; padding: 15px 8px; line-height: 1.5; vertical-align: middle}
.table > thead > tr > th:last-child{border-right: 0;}
.table > tbody > tr > td:last-child{border-right: 0;}
.table > thead > tr > th{background:#f1f1f1; text-align: center;  font-weight: 500}
.table > tbody > tr > th{background:#f9f9f9; text-align: center; font-weight: 500}
.table > tbody > tr > td{text-align: center; background: #fff;}
.table > tbody > tr td.subTable{padding:0;}
.table > thead > tr > th.bdl, .subContent .table > tbody > tr > td.bdl{border-right: 1px solid #dadada;}
.table > tbody > tr > td.al{padding-left: 30px; padding-right: 30px;}
.table > tbody > tr td.subTable .table{border-top: none; margin: 0}
.table > tbody > tr td.subTable .table tr:last-child td, .table > tbody > tr td.subTable .table tr:last-child th{border-bottom: 0;}

.site_box_wrap01{clear:both; padding: 0; margin: 0 0 20px 0; display: flex;}
.site_box_wrap01 .box{width: calc(50% - 10px); margin:0  0 0 10px; }
.site_box_wrap01 .box:first-child{margin: 0 10px 0 0;}
.site_box_wrap01 .box .tit{height: 55px; margin:  0; background:#1265ba url("../images/sub/tit_bg.png") no-repeat right top; border-radius: 5px; color: #fff; text-align: center; font-weight: 700; line-height: 55px; position: relative; }
.site_box_wrap01 .box .tit:after{display: block; content: ""; position: absolute; top: 55px; left: 50%; margin-left: -5px;  line-height: 0; 
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 10px 0 10px;
    border-color: #1265ba transparent transparent transparent;
}
.site_box_wrap01 .box .txt{margin: 10px 0 0 0; border:1px solid #e7e7e7; padding: 20px; height: calc(100% - 65px ); border-radius: 5px; line-height: 1.25em; }


/*처리절차*/
.procedure{ width:100%;}
/*.procedure>li{position: relative; width: calc((100% - 225px) / 4); margin-right: 75px;}
.procedure>li:last-child{margin-right: 0;}
.procedure>li:before, .procedure li:after{content: ""; display: block; width: 3px; height: 16px; background: #595959; position: absolute; top: 50%; left:50%; margin: 0 0 0 165px; border-radius: 3px; }
.procedure>li:before{transform: rotate(-45deg);  margin-top: -5px;}
.procedure>li:after{transform: rotate(45deg); margin-top: 5px;}
.procedure>li:last-child:before, .procedure li:last-child:after{display: none;}
.procedure>li dl{border: 4px solid #dadada; padding: 20px; border-radius: 5px; height: calc(100%)}
.procedure>li dl dt{padding: 0 0 15px 0;border-bottom: 4px solid #dadada; text-align: center; font-size: 1.125em;}
.procedure>li dl dt span{display: inline-block; padding: 5px 20px; line-height: 150%; background: #1265ba; border-radius: 15px; font-size: 0.778em; color: #fff;  margin: 0 auto 5px auto}*/

.procedure>li{width:100%; padding: 0 0 50px 0; position: relative;}
.procedure>li:before, .procedure>li:after{content: ""; display: block; width: 3px; height: 16px; background: #595959; position: absolute; bottom:20px; left:50%; margin: 0; border-radius: 3px; }
.procedure>li:before{transform: rotate(-45deg);  margin-left: -5px;}
.procedure>li:after{transform: rotate(45deg); margin-left: 5px;}
.procedure>li:last-child{margin-bottom: 0;}
.procedure>li:last-child:before, .procedure li:last-child:after{display: none;}
.procedure>li dl{border: 4px solid #dadada; padding: 20px; border-radius: 15px; }
.procedure>li dl dt{padding: 0 0 15px 0;border-bottom: 4px solid #dadada; font-size: 1.125em; font-weight: 500}
.procedure>li dl dt span{display: inline-block; padding: 5px 20px; line-height: 150%; background: #1265ba; border-radius: 15px; font-size: 0.778em; color: #fff;  margin: 0 15px 5px 0}
.procedure>li dl dd{padding: 15px 0 0 0; color: #858585; min-height: 70px; position: relative;}
.procedure>li dl dd span.imgBox{display: block; width: 40px; height: 40px; margin: 0 auto 15px auto; background: url("../images/sub/procedure_icon.jpg") no-repeat left top; position: absolute; top: 20px; left: 27px;}
.procedure>li dl dd span.imgBox.ico02{background-position: 0 -40px;}
.procedure>li dl dd span.imgBox.ico03{background-position: 0 -80px;}
.procedure>li dl dd span.imgBox.ico04{background-position: 0 -120px;}
.procedure>li dl dd ul.list_type01{padding-left:100px;}
.procedure>li dl dd ul li{font-size: 0.875em; line-height: 150%; margin-top: 5px;}

/*게시판 화면*/
    /*검색영역*/
    .searchWrap{border:1px solid #e7e7e7; background: #fbfbfb; border-radius: 15px; padding: 30px; margin: 10px 0 30px 0; line-height: 1.875em;}
    .searchWrap .form-control, .searchWrap  .form-select{display: inline-block; border-color: #dadada; border-radius: 5px !important;}
    .searchWrap .btn{border-radius: 5px !important}
    .searchWrap label{position: relative; color: #4d4d4d;}
    .searchWrap label a.bt_calendar{position: absolute; right: 20px; top: 2px}
    .searchWrap label a.bt_calendar span{font-size: 0; line-height: 0; display: none}

/*페이징*/
.page{text-align: center; margin-top: 30px;}
.page .pagination li a{ color:#8b8b8b; border: 0; margin: 0 5px;}
.page .pagination li.active a{color: #fff; background: #1265ba;}
.page .pagination li.active:hover a{color: #fff; background: #1265ba;}
.page .pagination li a span{font-size: 0; line-height: 0; display: none; }
.page .pagination li a i{font-size: 20px;}
.page .pagination li.first a, .page .pagination li.prev a, .page .pagination li.next a, .page .pagination li.last a{border-radius:0;}
.page .pagination li:hover a {background: 0; text-decoration: underline; color: #1265ba}
.page .pagination li.first:hover a, .page .pagination li.prev:hover a, .page .pagination li.next:hover a, .page .pagination li.last:hover a {background: 0; text-decoration: none; color:#3dabca}


/*게시판 상세화면*/
.boardView{clear:both; border-top: 2px solid #464646; margin: 20px 0; padding: 0;}
.boardView div.boardBox{clear: both; border-bottom:1px solid #dadada; padding: 20px; margin: 0;}
.boardView div.boardBox:after{content: ""; clear: both; padding: 0; margin: 0; width: 0; height: 0; display: block;}
.boardView div.boardBox dl dt{display: inline-block; font-weight: normal; font-size: 0.875em; padding-right: 10px; position: relative;} 
.boardView div.boardBox dl dt:after{content: "|"; font-size: 0.625em; display: block; padding-left: 10px; position: absolute; top: 3px; right: 0;}
.boardView div.boardBox dl dd{display: inline-block; padding-left: 10px;}

.boardView div.boardBox.titBox>h4{font-size: 1.25em;  background: none; text-align: center; padding: 0; margin:0 0 10px 0;}
.boardView div.boardBox.titBox>dl{text-align: center; }
.boardView div.boardBox dl.fileBox dt{display: none}
.boardView div.boardBox dl.fileBox dd{padding-left: 0; }
.boardView div.boardBox dl.fileBox dd li{padding: 0 0 2px 0;}
.boardView div.boardBox dl.fileBox dd li a{ font-size: 0.875em !important;}
.boardView div.boardBox dl.fileBox dd li a i{font-size: 0.857em; margin-right: 5px;}
.boardView div.boardBox.btnBox{text-align: center;}
.boardView div.boardBox.btnBox a{margin: 0 10px;}

.boardCon{clear: both; border-bottom:1px solid #dadada; padding: 20px; margin: 0;}
.boardCon div.boardBox.btnBox{border-bottom: none; padding: 50px 20px 30px 20px;}
.boardCon div.boardBox img{max-width: 100%; height: auto; display: block; margin: 0 auto;}

/*입력폼 양식*/
 
.insertWrap{}
.insertWrap .table td{text-align: left; color:#858585}
.insertWrap .table td.ac{padding-left:0; padding-right: 0;}
.insertWrap .table td .form-control{display: inline-block;border-color: #dadada; border-radius: 5px !important;}
.insertWrap .table td .form-select{display: inline-block; border-color: #dadada; border-radius: 5px !important;}
.insertWrap .table td .form-check, .insertWrap .table th .form-check{display: inline-block; border-color: #dadada; border-radius: 5px !important; height: 15px; line-height: 15px; width: 15px;}
.form-control[readonly="readonly"], .form-select[readonly="readonly"], .form-control[readonly], .form-select[readonly] {background: #f1f1f1;}
.insertWrap .form-check{display: inline-block; border-color: #dadada; border-radius: 5px !important; height: 15px; line-height: 15px; width: 15px;}

/*.form-control, .form-select{display: inline-block; border-color: #dadada; border-radius: 5px !important;}
    .searchWrap .btn{border-radius: 5px !important}
    .searchWrap label{position: relative; color: #4d4d4d;}
    .searchWrap label a.bt_calendar{position: absolute; right: 20px; top: 2px}
    .searchWrap label a.bt_calendar span{font-size: 0; line-height: 0; display: none}
*/


/*상단 버튼 영역*/
.topBtn{float: right; text-align: right;}
.topBtn .btn{margin: 0 0 0 5px;}

/*버튼영역*/
.btn{border-radius: 5px; background:#1265ba; color: #fff; border:1px solid #185594;}
.btn:hover{background: #185594; color: #fff;}
.btn-lg{font-size: 1em; padding: 10px 20px; }
.btn i{color: inherit; margin-right: 5px;}
.btn-Excel{background:#0c9d7d; border: 1px solid #087960; }
.btn-Excel:hover{background: #087960}
.btn-list{background:#7f7f7f; border: 1px solid #7f7f7f; }
.btn-list2{background:#fff; border:1px solid #7f7f7f; color:#4d4d4d; }
.btn-list2:hover{background: #fff;  border:1px solid #7f7f7f; color:#1265ba;} 
.btn-list:hover{background:#5a5a5a; border: 1px solid #5a5a5a }
.btn-blue{background:#129aba; border:1px solid #0b7791}
.btn-blue:hover{background:#0b7791}
.btn-red{background:#d74119; border:1px solid #be3713}
.btn-red:hover{background:#be3713}
.btn-search{background:#838383; border: 1px solid #6e6e6e; padding-left:15px; padding-right:15px;}
.btn-search:hover{background:#6e6e6e; border: 1px solid #6e6e6e; }
.btn-date{background:#838383; border: 1px solid #6e6e6e; width: 38px; text-align: center; line-height: 38px; padding: 0;}
.btn-date:hover{background:#6e6e6e; border: 1px solid #6e6e6e; }
.btn-date i{margin-right:0;}
.btn-dark{background:#484848; color: #fff !important; border-color: #393939; padding-left:8px; padding-right:8px;}
.btn-dark:hover{background:#393939; border: 1px solid #393939; }
.btn-delete{width:24px; height: 24px; border-radius: 50%; text-align: center; line-height: 24px; padding: 0; background: #6e6e6e; border: 0; margin-top: -3px}
.btn-delete:hover{background: #393939; border: 0; }
.btn-delete i{margin-right: 0; line-height: 24px; vertical-align: top;}

/*로그인 화면*/
.loginWrap{border:1px solid #e7e7e7; background: #fbfbfb; border-radius: 15px; padding: 30px; margin: 10px auto 30px auto; line-height: 1.875em; width:500px}
.loginWrap .form-select, .loginWrap .form-control{display: inline-block; border-color: #dadada; border-radius: 5px !important;}

.t_underline{text-decoration: underline}

/*모달창 화면*/
.modal{--bs-modal-width:700px; }

/*회원가입 약관동의*/
.conBox.blank400.overflow-y-scroll{overflow: hidden}
.conBox.blank400.overflow-y-scroll h5{margin-bottom:0;}
.conBox.blank400.overflow-y-scroll dl{margin:10px 0 20px 0;}
.conBox.blank400.overflow-y-scroll dl dd {margin-bottom:10px;}
.conBox.blank400.overflow-y-scroll dl dd ol {padding-left:15px; text-indent:-15px;}
.needItm{font-size:13px;  color:#F7383B; vertical-align: top; margin:2px 5px 0 0; }

/*마이페이지*/
.imgBox{border-radius:20px; border:1px solid #dadada; padding:5px; width: 149px; height: 195px; margin: 0 auto 10px auto;}
.imgBox p{background: #f2f2f2 url("../images/sub/no_img_bg.png") no-repeat bottom center; width: 139px; height: 185px; border-radius: 15px; overflow: hidden;}
.imgBox p img{width: 139px !important; height: 185px !important; border: 0 !important}