@charset "utf-8";

/*-----------------------------------------------
	common
-----------------------------------------------*/
.mainTitBox.lazyloaded{ background:url(../img/title/bgReform.jpg) top center / cover no-repeat;}
@media only screen and (max-width:767px){
    .mainTitBox.lazyloaded{ background:url(../img/title/bgReformSp.jpg) top center / cover no-repeat;}
}

/*-----------------------------------------------
	works.html
-----------------------------------------------*/

.secIndex{
    padding-bottom: 40px;
}
@media only screen and (max-width:767px){
    .secIndex{
        padding-bottom: 20px;
    }
}

/* secSearchReform */
.secSearchReform{
    margin-top: 72px;
}
.secSearchReform .boxHead{
	display:-webkit-flex;
	display:flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	-webkit-align-items:center;
	align-items:center;
}
.secSearchReform .titHead{
	font-weight:700;
	font-size:17px;
	letter-spacing:1px;
}
.secSearchReform .titHead::before{
    display:inline-block;
    width:22px;
    height:22px;
    margin-right:10px;
    background:url(../img/common/iconSearch.png) center center / contain no-repeat;
    vertical-align:middle;
    content:"";
}
.secSearchReform .boxBtnFilter a{
    display:block;
    width:210px;
    border-radius:25px;
    background:#006253;
    color:#fff;
    font-weight:700;
    font-size:13px;
    line-height:50px;
    text-align:center;
    transition:all .2s ease-out;
}
.secSearchReform .boxBtnFilter a::before{
    display:inline-block;
    width:0;
    height:0;
    margin-right:10px;
    border-style:solid;
    content:"";
    border-width:0 5px 10px 5px;
    border-color:transparent transparent #fff transparent;
    vertical-align:-2px;
}
.secSearchReform .boxBtnFilter .active::before{
    border-width:10px 5px 0 5px;
    border-color:#fff transparent transparent transparent;
    vertical-align:0;
}
.secSearchReform .boxBtnFilter span{
	display:none;
	-webkit-transition:all 0.2s ease-out;
	transition:all .2s ease-out;
}
.secSearchReform .boxBtnFilter .txtOff,
.secSearchReform .boxBtnFilter .active .txtOn{
	display:inline-block;
}
.secSearchReform .boxBtnFilter .active .txtOff{
	display:none;
}
@media only screen and (max-width:767px){
    .secSearchReform{
        margin-top: 6px;
    }
    .secSearchReform .boxHead{
        display:-webkit-flex;
        display:flex;
        -webkit-justify-content:space-between;
        justify-content:space-between;
        -webkit-align-items:center;
        align-items:center;
    }
    .secSearchReform .titHead{
        position: relative;
        width: 100%;
        margin: 24px 0 10px;
        font-size: 13px;
        letter-spacing: 0;
    }
    .secSearchReform .titHead::before{
        width: 14px;
        height: 14px;
        margin-right: 8px;
        margin-bottom: 2px;
    }
    .secSearchReform .boxBtnFilter{
        margin-top: 30px;
    }
    .secSearchReform .boxBtnFilter a{
        width: 235px;
        margin: 0 auto;
        font-size: 11px;
        line-height: 44px;
    }
    .secSearchReform .boxBtnFilter a::before{
        display: inline-block;
        width: 0;
        height: 0;
        margin-right: 10px;
        border-style: solid;
        content: "";
        border-width:0 5px 10px 5px;
        border-color:transparent transparent #fff transparent;
        vertical-align:-2px;
    }
    .secSearchReform .boxBtnFilter .active::before{
        border-width: 10px 5px 0 5px;
        border-color: #fff transparent transparent transparent;
        vertical-align:0;
    }
    .secSearchReform .boxBtnFilter span{
        display:none;
        -webkit-transition:all 0.2s ease-out;
        transition:all .2s ease-out;
    }
    .secSearchReform .boxBtnFilter .txtOff,
    .secSearchReform .boxBtnFilter .active .txtOn{
        display:inline-block;
    }
    .secSearchReform .boxBtnFilter .active .txtOff{
        display:none;
    }
}

/* boxBody */
.secSearchReform .inputTable{
    margin-top: 24px;
}
.secSearchReform .inputTable dl{
    border-top: 1px solid #e8e9ea;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.secSearchReform .inputTable dl:last-child{
    border-bottom: 1px solid #e8e9ea;
}
.secSearchReform .inputTable dt{
    min-width: 104px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.7px;
    line-height: 1.5;
    padding: 25px 10px 25px 0;
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.secSearchReform .inputTable dt::after{
    content: "";
    width: 1px;
    height: calc(100% - 60px);
    background: #e8e9ea;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}
.secSearchReform .inputTable dd{
    -webkit-flex: 1;
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    line-height: 1.5;
    padding: 25px 10px 25px 19px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.secSearchReform .inputTable dd .inputWrap{
    min-width: 124px;
}
.secSearchReform .inputTable dd .inputWrap input{
    width: 20px;
    height: 20px;
    margin: 10px 0;
}
.secSearchReform .inputTable .type01 dd .inputWrap{ min-width: 126px;}
.secSearchReform .inputTable .type02 dd .inputWrap{ min-width: 162px;}
.secSearchReform .inputTable dd .inputWrap .txt{
    vertical-align: middle;
    padding-right: 15px;
}
@media only screen and (max-width:767px){
    .secSearchReform .inputTable{
        margin-top: 1px;
    }
    .secSearchReform .inputTable dl{
        display: block;
        padding: 6px 0 9px;
    }
    .secSearchReform .inputTable dt{
        min-width: 0;
        font-size: 12px;
        letter-spacing: 0.6px;
        padding: 0;
    }
    .secSearchReform .inputTable dt::after{
        display: none;
    }
    .secSearchReform .inputTable dt .txt{
        vertical-align: auto;
    }
    .secSearchReform .inputTable dt .spOnly{
        display: inline;
    }
    .secSearchReform .inputTable dd{
        font-size: 13px;
        letter-spacing: 0.65px;
        line-height: 1.5;
        padding: 0;
        margin-top: 5px;
    }
    .secSearchReform .inputTable dd .inputWrap input{
        margin: 6px 0;
    }
    .secSearchReform .inputTable .type01 dd .inputWrap{ min-width: 80px;}
    .secSearchReform .inputTable .type02 dd .inputWrap{ min-width: 143px;}
    .secSearchReform .inputTable dd .inputWrap input{
        width: 18px;
        height: 18px;
        margin-right: 2px;
    }
}

.secSearchReform .boxBtnSearch{
    margin-top: 50px;
    text-align: center;
}
.secSearchReform .boxBtnSearch .aBtnLink{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    width: 360px;
    padding: 27px 0;
    text-align: center;
    border: 1px solid #000;
    position: relative;
    display: inline-block;
    text-decoration: none;
    color: #000;
}
.secSearchReform .boxBtnSearch .aBtnLink::after{
    content: "";
    background: url(../img/common/iconArrow60_12_b.png) center / contain no-repeat;
    width: 30px;
    height: 6px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 30px;
    margin: auto;
}
@media only screen and (max-width:767px){
    .secSearchReform .boxBtnSearch{
        margin-top: 20px;
    }
    .secSearchReform .boxBtnSearch .aBtnLink{
        font-size: 14px;
        letter-spacing: 0.7px;
        max-width: 325px;
        width: 100%;
        padding: 21px 0;
    }
    .secSearchReform .boxBtnSearch .aBtnLink::after{
        right: 20px;
    }
}

/* boxSearchResult */
.secReformMain .boxSearchResult{
    text-align: left;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    margin-top: 82px;
}
.secReformMain .boxSearchResult .num{
    font-size: 34px;
    letter-spacing: 1.7px;
    color: #006253;
    display: inline-block;
    padding: 0 3px;
}
@media only screen and (max-width:767px){
    .secReformMain .boxSearchResult{
        text-align: center;
        font-size: 14px;
        letter-spacing: 0.3px;
        margin-top: 50px;
    }
    .secReformMain .boxSearchResult .num{
        font-size: 28px;
        letter-spacing: 1.3px;
        margin-top: 14px;
        vertical-align: -3px;
    }
}

/* .secBnrRow2 */
.secBnrRow2{
    padding-bottom: 0px;
    margin-top: 120px;
}
.secBnrRow2 .box{
   display: flex;
   flex-wrap: nowrap;
   margin-bottom: 30px;
}
.secBnrRow2 .box .aBox{
    display: block;
    width: 100%;
}
.secBnrRow2 .box .aBox:last-child{
    margin-left: 30px;
}
@media only screen and (max-width:767px){
    .secBnrRow2{
        padding-bottom: 0;
        margin-top: 50px;
    }
    .secBnrRow2 .box {
        display: flex;
        flex-wrap: nowrap;
        margin-bottom: 10px;
    }
    .secBnrRow2 .box .aBox:last-child {
        margin-left: 2.933%;
    }
}

/* secBnrList */
.secBnrList{
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .secBnrList{
        margin-top: 11px;
    }
}

/* secReformList */
.secReformList{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 58px;
}
.secReformList .reformItem{
    width: 47.826%;
    margin-left: 4.348%;
}
.secReformList .reformItem:nth-child(2n+1){
    margin-left: 0;
}
.secReformList .reformItem:nth-child(n+3){
    margin-top: 80px;
}
.secReformList .reformItem .aBoxLink{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
    position: relative;
    padding-bottom: 3px;
}
.secReformList .reformItem .aBoxLink::after{
    position:absolute;
    bottom:0;
    right:0;
    content:"";
    background: url(../img/common/iconArrowCircle2.gif) center / contain no-repeat;
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #000;
}
.secReformList .reformItem .boxImg{
    -webkit-order: 1;
    order: 1;
    width: 100%;
    height: 0;
    padding-top: 63.636%;
}
.secReformList .reformItem .boxImg .boxLabel{
    position: absolute;
    top: 0;
    left: 0;
}
.secReformList .reformItem .boxImg .boxLabel .label{
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.6px;
    color: #fff;
    text-align: center;
    display: inline-block;
    padding: 7px 11px;
}
.secReformList .reformItem .boxImg .boxLabel .label.labelNew{
    background: #b09b11;
}
.secReformList .reformItem .listTit{
    -webkit-order: 2;
    order: 2;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 1.84px;
    margin-top: 36px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.secReformList .reformItem .boxPlace{
    -webkit-order: 3;
    order: 3;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 0.8px;
    margin-top: 27px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.secReformList .reformItem .boxTag{
    -webkit-order: 4;
    order: 4;
    height: 14px;
    overflow: hidden;
    padding-right: 50px;
    width: 100%;
    font-size: 0;
    margin-top: 23px;
}
.secReformList .reformItem .boxTag .txt{
    display: inline-block;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.7px;
    white-space: nowrap;
    margin-left: 1em;
}
.secReformList .reformItem .boxTag .txt:first-child{
    margin-left: 0;
}
@media only screen and (max-width:767px){
    .secReformList{
        display: block;
        margin-top: 33px;
    }
    .secReformList .reformItem{
        width: 100%;
        margin-left: 0;
    }
    .secReformList .reformItem:nth-child(n+3),
    .secReformList .reformItem:nth-child(n+2){
        margin-top: 40px;
    }
    .secReformList .reformItem .aBoxLink{
        padding-bottom: 4px;
    }
    .secReformList .reformItem .aBoxLink::after{
        width:22px;
        height:22px;
    }
    .secReformList .reformItem .boxImg .boxLabel .label{
        padding: 6px 9px;
    }
    .secReformList .reformItem .listTit{
        font-size: 16px;
        line-height: 1.4375;
        letter-spacing: 0.8px;
        margin-top: 19px;
        white-space: normal;
        text-overflow: clip;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        max-height: 46px;
    }
    .secReformList .reformItem .boxPlace{
        font-size: 13px;
        letter-spacing: 0.65px;
        margin-top: 11px;
    }
    .secReformList .reformItem .boxTag{
        height: 10px;
        padding-right: 25px;
        margin-top: 14px;
    }
    .secReformList .reformItem .boxTag .txt{
        font-size: 10px;
        letter-spacing: 0.5px;
    }
}

/*-----------------------------------------------
	details
-----------------------------------------------*/
.secDetails{
    padding-bottom: 150px;
}
@media only screen and (max-width:767px){
    .secDetails{
        padding-bottom: 60px;
    }
}

/* detailsTit */
.detailsTit{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-align-items:center;
    align-items:center;
	position:relative;
    margin:90px auto 50px;
    text-align:center;
}
.detailsTit .iconNew{
    width:70px;
    height:32px;
    font-weight:700;
    font-size:15px;
}
.detailsTit > .boxTit{
    position:relative;
    width:100%;
    padding-bottom:25px;
	font-weight:700;
	font-size:32px;
	line-height:44px;
	letter-spacing:2px;
}
.detailsTit > .boxTit::after{
    position:absolute;
    bottom:0;
    left:calc(50% - 15px);
    width:30px;
    height:1px;
    background:#000;
    content:"";
}
.detailsTit .txtName{
    margin-top:25px;
    font-weight:400;
    font-size:14px;
    line-height:24px;
    letter-spacing:.75px;
}
.secDetails .boxTag{
    margin-top:45px;
    width:100%;
    padding:30px;
    background:#f7f6f4;
}
.secDetails .txtTag{
    font-weight:400;
    font-size:14px;
    line-height:24px;
    letter-spacing:.75px;
}
.secDetails .txtTag a{
    display:inline-block;
    margin:5px 20px;
    color:#1a8ac5;
    text-decoration:underline;
}
@media only screen and (max-width:767px){
	.secDetails .detailsTit{
        -webkit-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-flex-direction:row;
        flex-direction:row;
        margin:25px auto;
    }
    .detailsTit .iconNew{
        width:60px;
        height:26px;
        font-size:12px;
    }
	.secDetails .detailsTit .boxTit{
        padding-bottom:12px;
		font-size:17px;
        line-height:28px;
		letter-spacing:0;
	}
    .detailsTit > .boxTit::after{
        left:50%;
        width:19px;
        transform:translateX(-50%);
    }
    .detailsTit .txtName{
        width:100%;
        margin:10px 0 0;
        font-size:12px;
    }
	.secDetails .detailsTit .txtDate{
		font-size:12px;
		letter-spacing:.5px;
	}
    .secDetails .boxTag{
        order:3;
        width:100%;
        margin:15px auto 0;
        padding:15px;
        text-align:left;
    }
    .secDetails .txtTag{
        font-size:12px;
        line-height:20px;
    }
    .secDetails .txtTag a{
        margin:0 5px;
        line-height:2;
    }
}

/* detailsSlider */
.detailsSlider{
    margin-top: 103px;
}
.boxSlider{
    position: relative;
    max-width: 1180px;
    width: 100%;
    margin: 0 auto;
}
.boxSlider .boxSliderTit{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    position: absolute;
    left: -99px;
    top: -26px;
    z-index: 10;
}
.boxSlider .boxSliderTit .boxImg{
    -webkit-order: 1;
    order: 1;
}
.boxSlider .boxSliderTit .tit{
    -webkit-order: 2;
    order: 2;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    background: #fff;
    line-height: 1;
    padding: 2px 3px;
    display: inline-block;
    margin-left: 18px;
    position: relative;
    top: 18px;
}
.boxSlider .swiper-container{
    width: 100%;
    overflow: visible;
}
.boxSlider .img{
    width: 100%;
    height: 0;
    padding-top: 57.966%;
}
.boxSlider img{
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}
.boxSlider .swiper-slide{
    opacity: .3;
}
.boxSlider.disabled .swiper-slide,
.boxSlider .swiper-slide-active{
    opacity: 1;
}
.boxSlider .swiper-pagination{
    display:none;
}
.boxSlider .swiper-button-prev,
.boxSlider .swiper-button-next{
	width: 60px;
	height: 60px;
	margin: 0;
	top: calc(50% - 30px);
	z-index: 10;
    border-radius:50%;
    box-shadow:0 0 15px rgb(0,0,0,.15);
	background:#fff;
    opacity: 1 !important;
}
.boxSlider .swiper-button-prev{
	left: -30px;
    transform:scale(-1, 1);
}
.boxSlider .swiper-button-next{
	right: -30px;
}
.boxSlider .swiper-button-prev::after,
.boxSlider .swiper-button-next::after{
    content: "";
    position: absolute;
    top: 24px;
    left: 20px;
    width: 14px;
    height: 14px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.boxThumb{
    width: 1100px;
    margin: -85px auto 0;
    position: relative;
}
.boxThumb .wrapThumb{
    width: 854px;
    margin: 0 auto 0;
    overflow: hidden;
}
.boxThumb .swiper-container{
    width: 170px;
    margin: 0 auto;
    overflow: visible;
}
.boxThumb .swiper-slide{
    width: 100%;
    border-radius: 100%;
    overflow: hidden;
    position: relative;
    -webkit-transition: -webkit-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    transform-origin: center center;
    -webkit-transform: scale(0.82);
    transform: scale(0.82);
    cursor: pointer;
}
.boxThumb .swiper-slide::before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.4);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;    
    z-index: 10;
}
.boxThumb .swiper-slide:hover::before{
    opacity: 1;
}
.boxThumb .swiper-slide:nth-child(1){
    margin-left: -14px;
}
.boxThumb .swiper-slide::after{
    content: "";
    border: #FFF solid 3px;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 100%;
}
.boxThumb .swiper-slide-prev{
    margin-right: 16px!important;
}
.boxThumb .swiper-slide-active{
    -webkit-transform: none;
    transform: none;
}
.boxThumb .swiper-slide::after{
    content: "";
}
.boxThumb.noSlide .swiper-container{
    width: 854px;
}
.boxThumb.noSlide .swiper-wrapper{
   justify-content: center;
}
.boxThumb.noSlide .swiper-slide-active{
    -webkit-transform: scale(0.82);
    transform: scale(0.82);
}
.boxThumb.noSlide .swiper-slide-thumb-active{
    -webkit-transform: scale(1);
    transform: scale(1);
}
.boxThumb.noSlide .swiper-button-prev,
.boxThumb.noSlide .swiper-button-next{
    display: none;
}
.boxThumb.noSlide .swiper-slide:nth-child(1){
    margin-left: 0;
}
.boxThumb .imgBox{
    width: 100%;
    height: 0;
    padding-top: 100%;
}
#thumbPickup .swiper-button-next:after,
#thumbPickup .swiper-button-prev:after{
    display: none;
}
@media only screen and (max-width:767px){
    .detailsSlider{
        margin-top: 107px;
    }
    .boxSlider .boxSliderTit{
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        left: 0;
        right: 0;
        top: -77px;
        margin: auto;
    }
    .boxSlider .boxSliderTit .boxImg{
        width: 75px;
    }
    .boxSlider .boxSliderTit .tit{
        font-size: 13px;
        letter-spacing: 1.3px;
        background: transparent;
        padding: 0;
        margin-left: 0;
        margin-top: 7px;
        position: static;
    }
    .secIndex .secSlider{
        margin: 0 auto 75px;
    }
    .boxSlider{
        width: 92%;
        position: relative;
    }
    .boxSlider .swiper-pagination{
        display:block;
        position:static;
        margin-top:18px;
    }
    .boxSlider .swiper-pagination-bullet{
        width:9px;
        height:9px;
        margin:0 5px;
        background:#d4d4d4;
        opacity:1;
    }
    .boxSlider .swiper-pagination-bullet-active{
        background:#006253;
    }
    .boxThumb{
        display: none;
    }
    .boxSlider .swiper-button-prev,
    .boxSlider .swiper-button-next{
        display: none;        
    }
}

/* secIntro */
.secIntro{
    padding-top: 44px;
}
.secIntro .secTxt .tit{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2.2px;
}
.secIntro .secTxt .txt{
    font-size: 15px;
    font-weight: 500;
    line-height: 2.067;
    letter-spacing: 0.75px;
    margin-top: 24px;
}
.secIntro .secImg{
    margin-top: 114px;
}
.secIntro .secImg .boxTit{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}
.secIntro .secImg .boxTit .boxImg{
    -webkit-order: 1;
    order: 1;
}
.secIntro .secImg .boxTit .tit{
    -webkit-order: 2;
    order: 2;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0.8px;
    background: #fff;
    margin-left: 18px;
    padding-top: 23px;
}
.secIntro .secImg .beforeList{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 31px;
}
.secIntro .secImg .beforeItem{
    width: 23.431%;
    height: 0;
    padding-top: calc(77.1605% * 0.23431);
    margin-left: 2.092%;
}
.secIntro .secImg .beforeItem:nth-child(4n+1){
    margin-left: 0;
}
.secIntro .secImg .beforeItem:nth-child(n+5){
    margin-top: 25px;
}
@media only screen and (max-width:767px){
    .secIntro{
        padding-top: 24px;
    }
    .secIntro .secTxt .tit{
        font-size: 15px;
        line-height: 1.733;
        letter-spacing: 0.75px;
    }
    .secIntro .secTxt .txt{
        font-size: 12px;
        font-weight: 400;
        line-height: 1.917;
        letter-spacing: 0.6px;
        margin-top: 12px;
    }
    .secIntro .secImg{
        margin-top: 52px;
    }
    .secIntro .secImg .boxTit{
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
    }
    .secIntro .secImg .boxTit .boxImg{
        width: 88px;
    }
    .secIntro .secImg .boxTit .tit{
        font-size: 13px;
        letter-spacing: 1.3px;
        padding: 0;
        margin-left: 0;
        margin-top: 7px;
    }
    .secIntro .secImg .beforeList{
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 22px;
    }
    .secIntro .secImg .beforeItem{
        width: 49.275%;
        height: 0;
        padding-top: calc(77.1605% * 0.49275);
        margin-left: 1.45%;
    }
    .secIntro .secImg .beforeItem:nth-child(4n+1){
        margin-left: 1.45%;
    }
    .secIntro .secImg .beforeItem:nth-child(2n+1){
        margin-left: 0;
    }
    .secIntro .secImg .beforeItem:nth-child(n+5),
    .secIntro .secImg .beforeItem:nth-child(n+3){
        margin-top: 5px;
    }
}

/* secTit */
.secDetails .secTit{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    margin:120px auto 50px;
}
.secDetails .boxIn{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    position:relative;
    text-align:center;
}
.secDetails .boxIn .titEng{
    position:relative;
    padding-bottom:28px;
    font-size:24px;
    letter-spacing:1.25px;
}
.secDetails .boxIn .titEng::after{
    position:absolute;
    bottom:0;
    left:calc(50% - 15px);
    width:30px;
    height:1px;
    background:#000;
    content:"";
}
.secDetails .boxIn .boxTit{
    margin-top:20px;
    padding-bottom:10px;
    border-bottom:2px solid #000;
	font-weight:700;
	font-size:28px;
	line-height:44px;
}
@media only screen and (max-width:767px){
    .secDetails .secTit{
        margin:60px auto 30px;
    }
    .secDetails .boxIn .titEng{
        padding-bottom:18px;
        font-size:18px;
    }
    .secDetails .boxIn .titEng::after{
        left:50%;
        width:19px;
        transform:translateX(-50%);
    }
	.secDetails .boxIn .boxTit{
        margin-top:18px;
        border-bottom-width:1px;
		font-size:17px;
		line-height:18px;
		letter-spacing:0;
	}
}

/* secContentsTable */
.secDetails .secContentsTable{
    margin-top: 62px;
}
.secDetails .secContentsTable .wrapRow{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.secDetails .secContentsTable dl{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.secDetails .secContentsTable .wrapRow dl{
    width: 100%;
    border-top: 1px solid #ccc;
    -webkit-flex: 1;
    flex: 1;
}
.secDetails .secContentsTable .wrapRow:last-child dl{
    border-bottom: 1px solid #ccc;
}
.secDetails .secContentsTable dt{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 21px 15px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.75px;
    background: #f9f9f9;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    width: 200px;
}
.secDetails .secContentsTable dd{
    -webkit-flex: 1;
    flex: 1;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding: 21px 15px 21px 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: 0.75px;
    width: calc(100% - 200px);
}
.secDetails .secContentsTable dl:last-child dd{
    border-right: 1px solid #ccc;
}
@media only screen and (max-width:767px){
    .secDetails .secContentsTable{
        margin-top: 33px;
    }
    .secDetails .secContentsTable .wrapRow{
        display: block;
    }
    .secDetails .secContentsTable dt{
        padding: 15px 10px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.6px;
        width: 120px;
    }
    .secDetails .secContentsTable dd{
        padding: 15px 10px 15px 14px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.6px;
        width: calc(100% - 100px);
        border-right: 1px solid #ccc;
    }
}

/* secFp */
.secFp{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 50px;
}
.secFp .boxWrap{
    width: 47.101%;
}
.secFp .boxImg{
    width: 100%;
    height: 483px;
    border: 1px solid #ccc;
    background: #fff;
    display: block;
    text-decoration: none;
    color: #000;
    padding: 15px;
    position: relative;
}
.secFp .boxWrap:nth-child(2) .boxImg::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 45px 0 45px 30px;
    border-color: transparent transparent transparent #000000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -8.4615%;
    margin: auto;
}
.secFp .boxImgIn{
    width: 100%;
    height: 100%;
}
.secFp .tit{
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    letter-spacing: 3.3px;
    margin-top: 40px;
}
@media only screen and (max-width:767px){
    .secFp{
        display: block;
        margin-top: 30px;
    }
    .secFp .boxWrap{
        width: 100%;
        position: relative;
    }
    .secFp .boxWrap:nth-child(2){
        margin-top: 55px;
    }
    .secFp .boxWrap:nth-child(2)::after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 15px 22.5px 0 22.5px;
        border-color: #000000 transparent transparent transparent;
        position: absolute;
        top: -35px;
        left: 0;
        right: 0;
        margin: auto;
    }
    .secFp .boxImg{
        width: 100%;
        height: 256px;
        padding: 10px;
    }
    .secFp .boxWrap:nth-child(2) .boxImg::after{
        display: none;
    }
    .secFp .tit{
        font-size: 15px;
        letter-spacing: 2px;
        margin-top: 20px;
    }
}

/* secRequest */
.secRequest .boxBody{
    background: #f7f6f4;
    padding: 60px 60px 90px;
}
.secRequest .boxBody .boxImg{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.secRequest .boxBody .boxIn{
    width: 48.413%;
    height: 0;
    padding-top: calc(65.573% * 0.48413);
}
.secRequest .boxBody .boxIn:nth-child(2){
    margin-left: 3.174%;
}
.secRequest .boxBody .boxTxt{
    margin-top: 45px;
}
.secRequest .boxBody .boxTxt .tit{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 2.2px;
}
.secRequest .boxBody .boxTxt .txt{
    font-size: 15px;
    font-weight: 500;
    line-height: 2.133;
    letter-spacing: 0.75px;
    margin-top: 18px;
}
@media only screen and (max-width:767px){
    .secRequest .boxBody{
        padding: 30px 30px 40px;
    }
    .secRequest .boxBody .boxImg{
        display: block;
    }
    .secRequest .boxBody .boxIn{
        width: 100%;
        height: 0;
        padding-top: 65.573%;
    }
    .secRequest .boxBody .boxIn:nth-child(2){
        margin-top: 10px;
        margin-left: 0;
    }
    .secRequest .boxBody .boxTxt{
        margin-top: 25px;
    }
    .secRequest .boxBody .boxTxt .tit{
        font-size: 15px;
        line-height: 1.733;
        letter-spacing: 0.75px;
    }
    .secRequest .boxBody .boxTxt .txt{
        font-size: 12px;
        font-weight: 400;
        line-height: 1.917;
        letter-spacing: 0.6px;
        margin-top: 12px;
    }
}

/* secPoint */
.secPoint .secTit .txt{
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 1.6px;
    text-align: center;
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .secPoint .secTit .txt{
        font-size: 14px;
        font-weight: 500;
        line-height: 1.786;
        letter-spacing: 0.7px;
        margin-top: 18px;
    }
}
@media only screen and (max-width:359px){
    .secPoint .secTit .txt{
        font-size: 12px;
        letter-spacing: 0.3px;
    }
}

/* secDetailsPager */
.secDetailsPager{
	position:relative;
	margin:80px auto 0;
    padding:50px 0;
    border-top:1px solid rgba(212,212,212,.88);
}
.secDetailsPager .boxItem{
	display:-webkit-flex;
	display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
	width:236px;
    color:#000;
}
.secDetailsPager .boxItem.prev{
	margin-left:7.384%;
    float: left;
}
.secDetailsPager .boxItem.next{
	margin-right:7.384%;
    float: right;
}
.secDetailsPager .boxImg{
    position:relative;
	width:236px;
}
.secDetailsPager .boxImg::before{
    display:none;
    position:absolute;
    top:calc(50% - 2px);
    z-index:1;
    width:41px;
    height:8px;
    background:url(../img/common/iconArrowBlk.png) right center / cover no-repeat;
    content:"";
}
.secDetailsPager .prev .boxImg::before{
    left:-30px;
    transform:scale(-1, 1);
}
.secDetailsPager .next .boxImg::before{
    right:-30px;
}
.secDetailsPager .img{
	height:0;
	padding-top:63.559%;
}
.secDetailsPager .tit{
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
	overflow:hidden;
	max-height:44px;
	margin-top:15px;
	font-weight:700;
	font-size:14px;
	line-height:22px;
    letter-spacing:.75px;
}
.secDetailsPager .txt{
    position:absolute;
    top:calc(50% - 40px);
	font-weight:400;
    font-style:italic;
	font-size:24px;
	letter-spacing:1px;
}
.secDetailsPager .prev .txt{
    left:0;
    padding-left:50px;
    text-align:left;
}
.secDetailsPager .next .txt{
	right:0;
    padding-right:50px;
    text-align:right;
}
.secDetailsPager .txt::before{
    position:absolute;
    top:calc(50% - 18px);
    width:36px;
    height:36px;
    border-radius:50%;
    border:1px solid #000;
    background:#fff;
    content:"";
}
.secDetailsPager .prev .txt::before{
    left:0;
}
.secDetailsPager .next .txt::before{
    right:0;
}
.secDetailsPager .txt::after{
    position:absolute;
    top:calc(50% - 5.5px);
    right:15px;
    width:9px;
    height:9px;
    border-top:2px solid #000;
    border-right:2px solid #000;
    transform:rotate(45deg);
    content:"";
}
.secDetailsPager .prev .txt::after{
    right:inherit;
    left:15px;
    transform:rotate(-135deg);
}
.secDetailsPager .txt span{
	padding-bottom:2px;
	border-bottom:1px solid #000;
}
.secDetailsPager .secCmnBack:not(:only-child){
	position:absolute;
	left:calc(50% - 190px);
	top:calc(50% - 70px);
    margin:0 auto;
}
@media only screen and (max-width:767px){
	.secDetailsPager{
        position:relative;
		margin:60px auto;
        padding:30px 0 0;
	}
    .secDetailsPager::after{
        position:absolute;
        top:20px;
        left:50%;
        width:1px;
        height:180px;
        background:rgba(212,212,212,.88);
        content:"";
    }
	.secDetailsPager .boxItem{
		width:44.776%;
	}
    .secDetailsPager .boxItem.next{
        margin-right:0;
    }
    .secDetailsPager .boxImg::before{
        display:none;
    }
	.secDetailsPager .boxBtn{
		width:40px;
	}
	.secDetailsPager .prev .boxBtn,
	.secDetailsPager .next .boxBtn{
        flex-direction:column;
        -webkit-flex-direction:column;;
	}
    .secDetailsPager .txt::before{
        top:calc(50% - 11px);
        width:22px;
        height:22px;
    }
    .secDetailsPager .txt::after{
        top:calc(50% - 3.5px);
        width:6px;
        height:6px;
        border-width:1.5px;
    }
    .secDetailsPager .prev .txt::after{
        left:9px;
    }
    .secDetailsPager .next .txt::after{
        right:9px;
    }
	.secDetailsPager .txt{
        position:relative;
        top:inherit;
        margin-top:15px;
		margin-bottom:5px;
		font-size:13px;
		letter-spacing:0.5px;
	}
    .secDetailsPager .prev .txt{
        padding-left:28px;
    }
    .secDetailsPager .next .txt{
        padding-right:28px;
    }
	.secDetailsPager .imgArrow{
		width:30px;
		height:30px;
		margin:0;
		line-height:27.7px;
	}	
	.secDetailsPager .imgArrow img{
		width:8px;
		height:auto;
	}
	.secDetailsPager .boxImg{
		width:88.312%;
        margin:0 auto;
	}
    .secDetailsPager .prev .boxImg::before{
        display:none;
    }
	.secDetailsPager .tit{
		font-size:11px;
		line-height:16px;
		-webkit-line-clamp:2;
		max-height:32px;
		margin:10px auto 0 0;
	}
	.secDetailsPager .secCmnBack:not(:only-child){
		position:static;
        width:100%;
		margin:30px auto 0;
	}
    .secDetailsPager .boxItem.prev{
        margin-left:0;
    }
}