@import url("https://cdn.jsdelivr.net/gh/xpressengine/xeicon@1.0.4/xeicon.min.css");
i.bnew{overflow: hidden;display: inline-block;position: relative;width: 17px;height: 17px;background-color: #f05150/* #bc222e */;z-index: 20;font-style: normal;color: #fff;vertical-align: middle;top: -2px;margin-right: 3px;margin-left: 0;text-indent: -999em;}
i.bnew::after{display: block;content: 'N';position: absolute;line-height: 17px;top: 0;left: 0;text-align: center;z-index: 3;font-size: 10px;font-weight: 700;font-family: 'verdana';height: 100%;width: 100%;overflow: hidden;text-indent: 0;}

/***********
lstPager
***********/

.lstPager{overflow:hidden;text-align:center;padding: 20px 0 ;}
.lstPager a{display:inline-block;min-width:26px;text-align:center;padding:0 7px;position:relative;line-height:40px;height:40px;border-radius:100%;background-color:#fff;color:#666;font-size:15px;margin:0 1px;transition:all .25s ease-out}
.lstPager a::after,.lstPager a::before{content:'';display:block;position:absolute;transition:all .25s ease-out}
.lstPager a::after{border: 1px solid #ddd;top: 0;bottom: 0;left: 0;right: 0;border-radius:100%;}
.lstPager a:hover{color:#f05150}
.lstPager a:hover::after{border-color:#f05150}
.lstPager a.present{color:#fff;background-color:#f05150}
.lstPager a.page_prev::after,
.lstPager a.page_next::after,
.lstPager a.present::after{display: none;}
.lstPager a.page_first,.lstPager a.page_prev,.lstPager a.page_next,.lstPager a.page_last{text-indent:-999em;background: none;}
.lstPager a.page_first::before,.lstPager a.page_prev::before,.lstPager a.page_next::before,.lstPager a.page_last::before{border-style:solid;border-color:#222;border-width:0 0 1px 1px;left:37%;transform:rotate(-135deg);top:40%;padding:4px}
.lstPager a.page_last::before{left:35%}
.lstPager a.page_first::before{border-width:1px 1px 0 0;left:44%}
.lstPager a.page_prev::before{border-width:1px 1px 0 0;left:38%}
.lstPager a.page_first::after{border: none;right: auto;bottom: auto;width:12px;left:0;height:15px;border-right:solid 1px #444;top:13px;border-radius:0}
.lstPager a.page_last::after{border: none;left: auto;bottom: auto;width:12px;right:0;height:15px;border-left:solid 1px #444;top:13px;border-radius:0}
.lstPager a.page_first:hover::after,.lstPager a.page_last:hover::after,.lstPager a.page_first:hover::before,.lstPager a.page_prev:hover::before,.lstPager a.page_next:hover::before,.lstPager a.page_last:hover::before{border-color:#f05150}

/***********
lstTop
***********/
.lstTop {margin-bottom: 30px;margin-top: -13px;}
.lstTop::after{display: block;content: '';clear: both;}
.lstTop .lstTotal{float: left;font-size: 17px;color: #555;font-weight: 400;line-height: 45px;}
.lstTop .lstSrch{float: right;overflow: hidden;}

.lstTotal b{display: inline-block;position: relative;color: #000;height: 45px;}
.lstTotal b::before{display: block;content: '';position: absolute;bottom: 0;left: 0;right: 0;background-color: #f05150;height: 2px;}
.searcher{font-size: 0;position: relative;}
.lstTop select,
.searcher select{width: 120px;border: none;border-bottom: 1px solid #d3d3d5;height: 45px;background-color:transparent;padding: 0 !important;font-size: 16px;line-height: 45px;margin-right: 10px;}
.searcher .inputTxt1{border: none;border-bottom: 1px solid #d3d3d5;height: 45px;padding: 0 50px 0 10px;width: 300px;background: none;line-height: 45px;box-sizing: border-box;font-size: 16px;}
.searcher .inputBtn1{display: block;position: absolute;top: 0;right: 0;bottom: 0;}
.searcher .inputBtn1 input{text-indent: -999em;height: 45px;display: block;width: 50px;background: url(../img/common/ico_zm.png) center no-repeat;}

.lstSrch .searcher{display: inline-block;vertical-align: middle;}
.lstviewTab{display: inline-block;vertical-align: middle;padding-right: 0;margin-right: 0;position: relative;}
.lstview{display: inline-block;vertical-align: middle;position: relative;font-size: 0;width: 14px;height: 14px;padding: 4px;margin: 0 2px;}
.lstview span{display: block;height: 2px;margin-top: 2px;background-color: #c0c0c0;transition:.25s ease-out}
.lstview.on span,
.lstview:hover span{background-color: #111;}
.lstview span:first-child{margin-top: 0;}
.lstview.type_thm span:first-child{height: 6px;}
.lstview.type_lst span:last-child{width: 48%;}


/*********
lstThmBx
**********/
.lstThmBx{background-color: #fff;box-shadow: 1px 2px 15px 0 rgba(0,0,0,0.12);height: 270px;height: 0;position: relative;margin-bottom: 30px;padding-bottom: 22.5%;transition:.25s ease-out}
.lstThmBx::after{display: block;content: '';clear: both;}
.lstThmBx:not(.nothing):hover{box-shadow:none}
.lstThmBx a{display: block;position: absolute;top: 0;bottom: 0;right: 0;left: 0;overflow: hidden;}
.lstThmBx a::before{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 4px solid #f05150;z-index: 2;transition:.25s ease-out;opacity: 0;}
.lstThmBx a:hover::before{opacity: 1;}
.lstThmBx .lstThm{display: block;float: left;position: relative;width: 470px;width: 39.16666%;height: 100%;overflow: hidden;background: #fff url(../img/main/thm_no.png) center 49% no-repeat}
.lstThmBx .lstThm::before{display: block;content: '';position: absolute;border: 10px dashed #eee;top: 12px;bottom: 12px;left: 12px;right: 0;z-index: 0;}
.lstThmBx .lstThm img{display: block;font-size: 0;width: 100%;position: relative;z-index: 1;position: absolute;top: 0;left: 0;}
.lstThmBx .lstThmTxt{display: block;float: right;width: 56.66666%;height: 100%;position: relative;;}
.lstThmBx .lstThmTxt b{font-size: 24px;display: block;margin-bottom: 2.3%;line-height: 1.2;padding-top: 8.3%;overflow:hidden; /* text-overflow:ellipsis; white-space: nowrap; */transition:.25s ease-out;}
.lstThmBx .lstThmTxt b i{display: inline-block;width: 20px;top: -3px;position: relative;}
.lstThmBx .lstThmTxt b i::after{display: inline-block;content: '\e980';vertical-align: middle;font-size: 24px;margin-left: 4px;font-family : 'xeicon';opacity: .4;}


.lstThmBx .lstThmTxt .thmDesc{ display: block;line-height: 1.4;text-align: justify;letter-spacing: -1px;height: 4.2em; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;margin-bottom: 5%;padding-right: 7%;color: #676767}
.lstThmBx .lstThmTxt em{font-style: normal;font-size: 17px;display: block;font-weight: 400;overflow: hidden;}
.lstThmTxt *{transition:.25s ease-out;}
.lstThmBx a:hover b,.lstThmBx a:hover em{color: #f05150;}
.lstThmBx a:hover .thmDesc{color: #000;}
.lstThmBx a:hover .lstThmTxt b i::after{opacity: 1;}
/*********
thmView
**********/
.thmView{max-width: 1000px;margin:0 auto ;font-weight: 400;}
.thmView .viewTle{overflow: hidden;padding-bottom: 30px;margin-bottom: 50px;border-bottom: 2px solid #000;position: relative;padding-right: 60px;}
.thmView .viewTle h3{font-size: 36px;letter-spacing: -2px;}
.thmView .viewTle a.lstIcon{display: block;position: absolute;top: 0;right: 0;width: 34px;height: 24px;padding-top: 10px;text-indent: -999em;font-size: 0;}
a.lstIcon span{display: block;width: 17px;height: 5px;margin: 0 0 3px auto;background-color: #000;position: relative;}
a.lstIcon span::before{display:block;content: '';width: 5px;height: 5px;background-color: #000;vertical-align: middle;position: absolute;top: 0;left: -8px;}
a.lstIcon:hover span,
a.lstIcon:hover span::before{background-color: #f05150;transition: .25s ease-out;}


.thmView .viewInfo {min-height: 416px;position: relative;padding-right: 50%;font-size:18px;margin-bottom: 50px;}
.thmView .viewInfo .imgArea{position: absolute;width: 416px;height: 416px;right: 0;top: 0;text-align: center;}
.thmView .viewInfo .imgArea .noImg{position: absolute;top: 0;bottom: 0;left: 0;right: 0;text-indent: -999em;background: #FFF url(../img/main/thm_no.png) center 49% no-repeat}
.thmView .viewInfo .imgArea img{height: 100%;width: auto;display: block;font-size: 0;margin: 0 auto;}
.thmView .viewInfo dl{overflow: hidden;padding-top: 10px;}
.thmView .viewInfo dl::after{display:block;clear:both;content:''}
.thmView .viewInfo dl dt,
.thmView .viewInfo dl dd{line-height:34px;padding-top:10px;min-height:34px}
.thmView .viewInfo dl dt{width:57px;margin-bottom:-45px;padding-left:3px;font-weight:500;position:relative;overflow:hidden;color: #191919;}
.thmView .viewInfo dl dd{padding-left:60px;padding-bottom:10px;padding-right:10px;border-bottom:1px solid #dfdfe1;color: #4d4d4d;}
.thmView .viewInfo dl.forDtLong dt{width:87px;}
.thmView .viewInfo dl.forDtLong dd{padding-left:90px;}
.thmView .viewInfo dl dd:last-of-type{border-bottom: none;}
.thmView .viewInfo .btn{padding-top: 30px;}
.thmView .viewInfo .btn a{color: #4d4d4d;display: inline-block;padding: 0 62px 0 28px;position: relative;line-height: 48px;border: 1px solid #666;border-radius:3px ;}
.thmView .viewInfo .btn a i{position: relative;display: inline-block;text-indent: -999em;width: 18px;height: 19px;margin-left: 15px;}
.thmView .viewInfo .btn a i::after{display: inline-block;content: '';width: 15px;height: 1px;position: absolute;background-color: #111;top: 50%;right:2px;transition: .25s ease-out}
.thmView .viewInfo .btn a  i::before{display: inline-block;content: '';border-style: solid; border-color: #111;border-width:  1px 0 0 1px; padding: 3px;transform: rotate(135deg);position: absolute;top: 50%;transition: .25s ease-out;right:2px;margin-top: -3px;}
.thmView .viewInfo .btn a:hover{color: #f05150;border-color: #f05150;}

.thmView .viewInfo .btn a:hover i::after{background-color: #f05150;right: -10px;}
.thmView .viewInfo .btn a:hover i::before{border-color: #f05150;right: -10px;}
.thmView .viewCont{padding-top: 30px;padding-bottom: 50px;border-top: 1px solid #dfdfe1;border-bottom: 1px solid #dfdfe1;font-size: 18px;line-height: 1.35;margin-bottom: 50px;text-align: justify;}
.thmView .lstBt {text-align: center;font-size: 0;}
.thmView .lstBt a{background-color: #e9e9eb;line-height: 60px;height: 61px;display: inline-block;margin: 0 3px;font-size: 18px;width: 200px;border-radius:3px ;transition: .25s ease-out}
.thmView .lstBt a:hover{color: #fff;background-color: #f05150;}
/*********
bds list
**********/
.yearbox{margin-bottom: 25px;}
.yearbox ul,.sort_box li{list-style-type: none;margin: 0;padding: 0;font-size: 0;}
.yearbox li{display: inline-block;width: 70px;margin-right: 5px;margin-bottom: 4px;}
.yearbox li a{display: block;line-height: 31px;padding-bottom: 1px;background-color: #f0f0f0;text-align: center;font-size: 15px;border-radius:4px ;transition:.25s ease}
.yearbox li a:hover,.yearbox li a:focus,
.yearbox li a.on{color: #fff;background-color: #111;}

.bds{border-top: 1px solid #000;}
.bds ul{margin: 0;padding: 0;list-style-type: none;clear: both;border-bottom: 2px solid #111}
.bds ul li{border-top:1px solid #ddd;margin: 0;padding: 0;list-style-type: none;position:relative;}
.bds ul li.nothing{line-height: 350px;height: auto;text-align: center;background-color: #f1f2f3;color: #676869;font-size: 18px;font-weight: 300;}
.bds ul li:first-child{border-top-color:#111;}

.bds ul li a{display:block;padding:15px 200px 15px 90px;text-align:left;position:relative;transition:all .25s ease-out;}
.bds ul li a b{display:block;font-weight:400;font-size:20px;color: #000;margin-bottom:0;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .25s ease-out;}
.bds ul li a .cont{display: block;line-height: 1.5;text-align: justify;letter-spacing: -1px;height:2.9em; overflow:hidden; text-overflow:ellipsis; white-space: normal; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;padding-right: 7%;color: #676767;margin-top: 11px;}
.bds ul li.important a{background-color:#f8f7f3;font-size: 0.95em;}
.bds ul li a b span.repl{background-color: #eee;color: #fff;font-size:14px;display: inline-block;vertical-align: middle;}
.bds ul li a b i.mic{display:inline-block;width:18px;height:18px;position: relative !important;margin-right:3px;font-size: 0;text-indent: -999em;vertical-align: middle;color: transparent;}
.bds ul li a b i.mic::before{display: block;content: '\e799'/* '\e737' */;font-size: 15px ;color: #f05150;font-family : 'xeicon';transition:all .25s ease-out}
.bds ul li a em.no,.bds ul li a em.date,.bds ul li a i.file{display: block;font-style: normal;position: absolute;padding-top: 15px;top: 0;font-family: 'Roboto';font-weight: 400;}
.bds ul li a em.no{padding-top: 17px}
.bds ul li a em.no{text-align: center;width: 90px;left: 0;font-size: 14px;margin-top: 0px;}
.bds ul li a i.file{display:inline-block;width:18px;height:18px;font-size: 0;text-indent: -999em;margin-top: -2px;color: transparent;right: 170px;font-weight: 400;}
.bds ul li a i.file::before{display: block;content:'\e679';font-size: 18px ;color: #000;font-family : 'xeicon';font-weight: 400;transition:all .25s ease-out;}
/* .bds ul li a i.file::before{display: block;content:'\e786';font-size: 16px ;color: #000;font-family : 'xeicon';transition:all .25s ease-out} */
.bds ul li a em.date{right: 0;width: 120px;font-size: 17px;}
.bds ul li a:hover{color: #f05150;background-color: #f6f6f6;}
.bds ul li a:hover b{color: #f05150;text-decoration: underline;;}
.bds ul li a:hover .cont{color: #000}
.bdsHead{font-size: 0;display: table;width: 100%;border-top: 1px solid #000;}
.bdsHead span{display: table-cell;font-size: 17px;text-align: center;vertical-align: middle;line-height: 60px;font-weight: 400;}
.bdsHead .no{width: 90px;}
.bdsHead .title{width: auto}
.bdsHead .file{width: 80px;}
.bdsHead .date{width: 120px;padding-right: 20px;}

.bds.cap .bdsHead{}
/* .bds.nocap ul li a .cont,*/
.bds.nocap ul li a .cont,
.bds.cap ul li a .cont{display: none;}


/*********
bds view
**********/
.near { overflow: hidden;border-bottom: 1px solid #ddd;}
.near b,
.near em{ float: left;border-top: 1px solid #ddd;font-size: 18px;display: block;color: #707172;transition:.25s ease-out}
.near b {width: 16%;text-align: center; font-weight: 300;}
.near em {width: 83%;text-align: left;padding-left: 1%; font-style: normal;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.near a{display: block;line-height: 55px;overflow: hidden;}
.near b span{display: inline-block;text-align: center;padding-right: 30px;position: relative;}
.near b span::after{display:block;content:'';border-style: solid;border-color: #999; border-width:  0 0 2px 2px  ;padding: 4px;transform: rotate(135deg);position: absolute;top: 50%;margin-top: 0;right: 0;transition:.25s ease-out}
.near b.prev span::after{ border-width:  2px 2px 0 0;margin-top: -6px; }
.near a:hover b,
.near a:hover em{text-decoration: underline;color: #000;}
.near a:hover b span::after{border-color: #000;}

.apl_btn{margin:50px auto;overflow:hidden;text-align:center;width: 50%;}
a.apl_btn,
.apl_btn a{display:inline-block;width:31%;line-height:50px;height:51px;font-size: 18px;position:relative;margin:0 0.3%;transition:.25s ease-out;color:#eee;font-weight:300;background-color: #515253;}
.apl_btn a:focus,.apl_btn a:hover{background:#000;color:#fff;text-decoration: underline;}
a.apl_btn.on,
.apl_btn a.on{border-color:#f05150;color:#FFF;background-color:#f05150}
a.apl_btn_s{display:inline-block;width:auto;padding:0 15px;line-height:37px;height:38px;color:#FFF;background-color:#f05150;font-size:16px;vertical-align:middle}




@media screen and (max-width:1024px) {
.lstThmBx .lstThmTxt b{padding-top: 6.6%;margin-bottom: 2%;font-size: 22px;}
.lstThmBx .lstThmTxt .thmDesc,.lstThmBx .lstThmTxt em{font-size: 15px;}
}

@media screen and (max-width:900px) {
.thmView .viewInfo {min-height: 100%;padding-right: 0;}
.thmView .viewInfo .imgArea{position: relative;width: auto;height: 0;top: auto;right: auto;padding-bottom: 416px;margin-bottom: 20px;}
.thmView .viewInfo .imgArea img{max-height: 416px;width: auto;max-width: 100%;position: absolute;top: 0;left: 50%;transform:translate(-50%)}
.thmView .viewInfo .btn a,
.thmView .lstBt a{display: block;padding: 0;width: auto;text-align: center;}
}
@media screen and (max-width:820px) {
.lstThmBx .lstThmTxt b{padding-top: 5%;}
.lstThmBx .lstThmTxt .thmDesc{line-height: 1.3;height: 3.9em;}
.near b,.near em{font-size: 16px;}
.near a{line-height: 45px;}
.near b.next span::after{margin-top: -3px;}
.apl_btn{width: 75%;}
.bds ul li a{padding-right: 3%;padding-left: 50px;padding-bottom: 25px;}
.bds ul li a em.no{text-align: left;width: 50px;margin-top: 3px;padding-left: 4px;}
.bds ul li a em.date,.bds ul li a i.file{display: inline-block;position: static;padding-top: 0;top: auto;right: auto;width: auto;vertical-align: middle;}
.bds ul li a .cont{padding-right: 0;-webkit-line-clamp: 3;line-height: 1.4;height: 4.2em;margin-bottom: 15px;}
.bds ul li a em.date{font-size: 16px;margin-right: 10px;}
.bdsHead,
.lstviewTab{display: none;}
.bds.nocap ul li a .cont,
.bds.cap ul li a .cont{display: block;}

}
@media screen and (max-width:820px) and (min-width:640px){
.lstThmBx .lstThmTxt em{display: none;}
.lstThmBx .lstThmTxt .thmDesc{padding-top: 3%;}
}
@media screen and (min-width:640px) {
.lstThmBx .lstThmTxt b,
.lstThmBx .lstThmTxt em{text-overflow:ellipsis; white-space: nowrap;padding-right: 4%;}

}
@media screen and (max-width:640px) {
.lstTop{margin-top: 0;}
.lstTop .lstTotal{font-size: 16px;float: none}
.lstTotal b{height: 35px;}
.lstTop .lstSrch{float: none;border-top: 1px solid #000;}
.lstTop select, .searcher select{width: 90px;margin-right: 0;}
.lstSrch .searcher{display: block;}
.searcher .inputTxt1{width: calc(100% - 92px);}
.lstThmBx{height: auto;padding-bottom: 0;}
.lstThmBx a{position: relative;}
.lstThmBx .lstThm,.lstThmBx .lstThmTxt{float: none;width: auto;height: auto;}
.lstThmBx.nothing,
.lstThmBx .lstThm{height: 0;padding-bottom:57.44%;}
.lstThmBx .lstThm::before{border-width: 5px;top: 10px;bottom: 10px;left: 10px;right: 10px}
.lstThmBx .lstThm img{width: 100%;}
.lstThmBx a::before{display: none;}
.lstThmBx .lstThmTxt{padding:20px 15px 24px 15px;}
.lstThmBx .lstThmTxt b{padding-top: 0;}
.lstThmBx .lstThmTxt .thmDesc{margin-bottom: 15px;padding-right: 0;height: auto;}
.lstThmBx .lstThmTxt em span{display: block;font-size: 0;text-indent: -999em;height: 4px;}
}

@media screen and (max-width:520px) {
.yearbox {margin-bottom: 15px;}
.yearbox ul{overflow: hidden;}
.yearbox li{display: block;width: 20%;margin-right: 0;margin-bottom: 4px;float: left;}
.yearbox li a{margin: 0 2px;}
.near b {width: 40px;}
.near b span{text-indent: -999em;width: 30px;padding-right: 0;}
.near b span::after{right: 50%;margin-right: -7px;}
.apl_btn{width: auto;margin-left: -2.5%;margin-right: -2.5%;}

.lstPager a:not(.page_first,.page_last,.page_next,.page_prev,.present){display: none;}
.thmView .viewTle{margin-bottom: 25px;padding-bottom: 20px;}
.thmView .viewTle h3{font-size: 30px;letter-spacing: -1px;padding-top: 5px;}
.thmView .viewTle a.lstIcon{border-radius:50% ;background-color: #ddd;padding: 12px 0 0 5px;width: 35px;height: 28px;top: 0;right: 3px;}
.thmView .viewTle a.lstIcon span{margin: 0 auto 3px;height: 3px;}
.thmView .viewTle a.lstIcon span::before{width: 3px;height: 3px;left: -5px;}
.thmView .viewInfo .imgArea{padding-bottom: 100%;overflow: hidden;}
.thmView .viewInfo .imgArea img{max-height: 100%}
.thmView .viewInfo dl dt,
.thmView .viewInfo dl dd{font-size: 16px;line-height:24px;padding-top:10px;min-height:24px}
.thmView .viewInfo dl dt{margin-bottom:-35px;}
.thmView .viewCont{padding-top: 20px;padding-bottom: 20px;font-size: 16px;margin-bottom: 30px}
}



/**********************/
.sub_photo ul.photoList{margin: 0;padding: 0;list-style-type: none;overflow: hidden;margin-left: -60px;padding-top: 25px;margin-left: -4.71%;}
.sub_photo ul.photoList li{margin: 0;padding: 0;list-style-type: none;float: left;width: 360px;margin-left: 60px;width: 28.624%;margin-left: 4.71%;margin-bottom: 30px;}
.sub_photo ul.photoList li a{display: block;;padding-bottom: 10px;}
.sub_photo ul.photoList li span.photo{height: 0;display: block;position: relative;padding-top: 66.6666%;font-size: 0;background-color: #f8f8f8;overflow: hidden;background-repeat: no-repeat;background-position: center ;background-size:cover ;}
.sub_photo ul.photoList li span.photo::after{display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid #f05150;opacity: 0;transition:all .25s ease-out}
/* .sub_photo ul.photoList li img{min-width: 360px;min-height: 240px;display: block;font-size: 0;position: absolute;top: 50%;left: 50%;transform:translate(-50%,-50%);display: none;} */
.sub_photo ul.photoList li a b{display:block;font-weight:400;font-size:22px;letter-spacing: -1px;color: #000;padding-top: 20px;margin-bottom:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .25s ease-out}
.sub_photo ul.photoList li a em{font-style:normal;display:inline-block;font-size: 18px;color: #999;}
.sub_photo ul.photoList li a:hover span.photo::after{opacity: 1;}
.sub_photo ul.photoList li a:hover b{color: #f05150;}
.sub_photo ul.photoList.certi {margin-left: -3.2%;max-width: 1240px;}
.sub_photo ul.photoList.certi li{text-align: center;margin-left: 40px;width: 270px;width: 21.789%;margin-left: 3.2%;}
.sub_photo ul.photoList.certi li a b{font-weight:400;font-size:20px;margin-bottom: 5px;line-height: 1.3;}
.sub_photo ul.photoList.certi li a em{font-size: 14px;}
.sub_photo ul.photoList.certi li span.photo{/* width: 270px;height: 382px; */padding-top: 141.48148%;line-height: 0;}
.sub_photo ul.photoList.certi li span.photo::after{opacity: 1;border-color: #ccc;}
.sub_photo ul.photoList.certi li a:hover span.photo::after{border: 1px solid #f05150;}
@media screen  and (min-width:1280px) {
.sub_photo ul.photoList.certi {margin-left: -40px;}
.sub_photo ul.photoList.certi li{margin-left: 40px;width: 270px;}
.sub_photo ul.photoList.certi li span.photo{padding-top: 382px;}
}
.sub_photo ul.photoList li.nothing{line-height: 350px;text-align: center;background-color: #f1f2f3;color: #676869;font-size: 18px;font-weight: 300;float: none;margin-left: 0;width: auto;}


.bds_view{margin:0 auto;margin-top:50px;overflow:hidden}
.bds_view_head{border-top:solid 2px #111;padding:38px 20px;font-size:14px;font-weight:100; border-bottom: 1px solid #666;}
.bds_view_head b{display:block;font-weight:400;font-size:26px;margin-bottom:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;transition:all .25s ease-out}
.bds_view_head span{display:inline-block;margin-right:2px}
.bds_view_head em{font-style:normal;display:inline-block;color:#767676;padding-left:2px}
.bds_view_info{/* background-color:#f5f5f5 */border-bottom: 1px solid #ddd;}
.bds_view_info ul,
.bds_view_info ul li{list-style-type: none;padding: 0;margin: 0;}
.bds_view_info ul li{padding:10px 20px;font-size:15px;position:relative;min-height: 15px;}
.bds_view_info ul li:nth-child(1){padding-top:20px}
.bds_view_info ul li:nth-last-child(1){padding-bottom:20px}
.bds_view_info ul li span{position:absolute;top:20px;left:20px;display:none;font-weight:700;color:#555;margin-right:10px}
.bds_view_info ul li a{padding-left:70px;display: inline-block;font-weight: 300;}
.bds_view_info ul li:nth-child(1) span{display:block}
.bds_view_body{padding:38px 20px;border-bottom:solid 1px #ddd;font-size:18px;line-height:1.4;}
input.input_full{width:calc(100% - 14px)}
input.input_full_m{width:auto}
input.board_inputFile{width:auto}
textarea.board_con{width:calc(100% - 40px);padding:20px}
textarea.board_con::placeholder{color:#888;font-weight:400}

.apl_tit{font-weight:700;margin-bottom:25px;padding-left:10px;position:relative;clear:both;font-size:27px}
.apl_tit span{font-size: 16px; padding-left: 5px;}
.apl_detail{border-top:2px solid #111;margin-bottom:50px;padding: 20px 50px;}
.view_detail_contents img{max-width:100%!important;height:auto!important}
.apl_detail.mb0{margin-bottom: 0;}
.apl_detail.bdt0{border-top: none;}
.apl_detail dl{overflow:visible}
.apl_detail dl::after{display:block;clear:both;content:''}
.apl_detail dt,.apl_detail dd{line-height:39px;padding-top:10px;min-height:39px}
.apl_detail dt{width:100px;margin-bottom:-51px;padding-left:20px;font-size:17px;font-weight:500;position:relative;overflow:hidden;/* border-top: 1px solid #000;background-color: #cf9;border-bottom: 1px solid #36f; */}
.apl_detail dd{padding-left:130px;padding-bottom:11px;font-weight:300;padding-right:50px;font-size:18px;border-bottom:1px solid #e0e0e0}
.apl_detail dl dd:last-of-type{border-bottom: none;}
.apl_detail dt strong{display: inline-block;vertical-align: middle;color: #f05150;}
.apl_detail dd img{max-width:100%;display:block}
.apl_detail dt::before{display:block;content:'';position:absolute;top:25px;left:5px;width:8px;height:8px;border-radius:50%;background-color:#f0f0f0;box-shadow: inset 1px 1px 2px 1px rgba(0,0,0,0.2);}
.apl_detail a.files{display:inline-block;color:#fff;padding:0 20px 0 39px;line-height:30px;height:30px;font-size:13px;border-radius:2.5em;background-color:#4fa5f0;letter-spacing:-1px;font-weight:400;position:relative}
.apl_detail a.files::before{display:block;content:'';position:absolute;top:9px;left:21px;width:9px;height:12px;background-position:-50px -220px}
.apl_detail input[type="text"],.apl_detail input[type="password"],.apl_detail input[type="file"],.apl_detail input[type="tel"],.apl_detail textarea{background-color:#e9e9e9;font-size:17px;padding:9px;border:none}
.apl_detail input[type="file"]{font-size:13px;width:310px}
/* 2025-04-01*/
.inputForm>h3{display: none;}
.inputForm>.note.right.stxt{padding-bottom: 10px;}
.inputForm .apl_detail{background-color: #fff;margin-bottom: 0;border:1px solid #ddd}

.inputForm .apl_detail .select_y select{width: 140px;border: 1px solid #d3d3d5;height: 36px !important;background-color:transparent;padding: 0  0 0 15px !important;font-size: 16px;line-height: 36px;margin-right: 15px;}
@media screen  and (max-width:815px) {
.inputForm .apl_detail .select_y{padding-left: 5px;}
.inputForm .apl_detail .select_y select{width:75%;margin-left: 5px;margin-right: 0;}
.inputForm .apl_detail .select_y select#category{margin-bottom: 5px;}
}

@media screen  and (min-width:816px) {
.inputForm .apl_detail dt{line-height: 1.2;padding-top: 20px;min-height: 30px}
}


.apl_txt_list{border-top:2px solid #111;padding:20px 10px;margin-bottom:40px}
.apl_txt_list li{font-size:18px;line-height:1.4;padding-bottom:10px;font-weight:300}
.apl_txt_list b{font-weight:500}
.apl_txt_list .bgt{color:#fff;background-color:#f04f74;display:inline-block;vertical-align:middle;padding:3px 10px 5px;line-height:1;font-weight:400}
.apl_txt_list li .txtico{margin-bottom:3px}
.apl_txt_list p{font-size:18px;line-height:1.4;padding-bottom:10px;font-weight:300}
.apl_txt_agree{margin-bottom:15px;border-bottom:1px solid #ddd;border-top:2px solid #111;padding:30px;font-size:18px;line-height:1.35;font-weight:300}
.apl_txt_agree h4{font-size:1.075em;margin-bottom:10px;font-weight:500}

.apl_txt_agree p{padding-bottom:10px;font-size:1em}
.apl_txt_agree ul,.apl_txt_agree li{margin: 0;padding: 0;list-style-type: none;}
.apl_txt_agree ul{margin-bottom: 15px;}
.apl_txt_agree li{padding-bottom:5px;position:relative;padding-left:10px}
.apl_txt_agree li:before{display:block;content:'';position:absolute;top:11px;left:0;width:3px;height:3px;background-color:#999;border-radius:50%}
.agree_txt_scroll{padding:30px 30px 20px;background-color: #f0f0f0;}
.apl_agree p{text-align:center;padding-top: 20px;padding-bottom: 0;}
.apl_agree input[type="checkbox"]{margin-bottom: 4px;}
@media screen  and (max-width:1024px) {
.sub_photo ul.photoList li a b{font-size:18px;padding-top: 10px;margin-bottom: 5px;}
.sub_photo ul.photoList li a em{font-size: 15px;}
.sub_photo ul.photoList.certi li a b{font-size:17px;}
.sub_photo ul.photoList.certi li a em{font-size: 13px;}
.apl_txt_agree {font-size: 17px;padding: 20px 2.5%;}
.agree_txt_scroll{padding:20px 3% 10px;}
}
@media screen  and (max-width:815px) {

.apl_detail{padding: 10px 15px;}
.apl_detail dt,.apl_detail dd{line-height:normal;padding-top:10px;min-height:inherit}
.apl_detail dt{width:auto;margin-bottom:0;font-size:15px;}
.apl_detail dd{padding-left:0;padding-right:5px;font-size:16px;}
.apl_detail dt::before{display:block;content:'';position:absolute;top:16px;}


}
@media screen  and (max-width:510px) {


.sub_photo ul.photoList,
.sub_photo ul.photoList.certi{margin-left: -2%;}
.sub_photo ul.photoList li,
.sub_photo ul.photoList.certi li{width: 48%;margin-left: 2%;margin-bottom: 15px;}
.sub_photo ul.photoList li a b{font-size:16px;}
.sub_photo ul.photoList li a em{font-size: 13px;}
.apl_txt_agree {font-size: 16px;padding: 20px 0 ;}


}
@media screen  and (max-width:450px) {
.apl_detail input[type="text"], .apl_detail input[type="password"], .apl_detail input[type="file"], .apl_detail input[type="tel"], .apl_detail textarea{width: calc(100% - 20px) !important;}
.articleTop input[type="text"], .articleTop input[type="password"], .articleTop input[type="file"], .articleTop input[type="tel"], .apl_detail textarea{width: calc(100% - 20px) !important;}
}