/* css/sub.css */
/**************** 검색 영역  ****************/
.search_form {display:flex;justify-content: center;padding-top: 85px;}
.box_search_area.right {display: flex;justify-content: end;}
.box_search_area legend {position: absolute;margin: 0;padding: 0;font-size: 0;line-height: 0;text-indent: -9999em;overflow: hidden;}
.box_search_area .search_select select, .box_search_area .search_input input, .box_search_area .search_btn button {padding: 7px 15px;font-size: 16px;border: 1px solid #d5d5d5;height: 50px;box-sizing: border-box;border-radius: 10px;} 
.box_search_area .search_select select{ color: #000; cursor: pointer;background: #fff url(../images/ico_select_bk.png) calc(100% - 15px) center no-repeat;padding: 7px 30px 7px 15px;min-width: 145px;}
.box_search_area .search_btn button {min-width:80px;}
.box_search_area .search_input {position:relative;width:380px;}
.box_search_area .search_input .sch_btn {position: absolute;right: 0;background: url(../images/ico_search.png) no-repeat center center;background-size: 18px;width: 50px;height: 50px;}
.box_search_area .search_input input {width:100%;}
.box_search_area .search_input, .box_search_area .search_btn {margin-left:10px;}


/**************** 게시판 리스트 하단 페이징  ****************/
.pagination { display: flex; justify-content: center;  align-items: center; padding: 120px 0; } 
.pagination li {width: 40px;height: 40px;cursor: pointer;cursor: pointer;border-radius: 100%;} 
.pagination li.active {background-color:#accd43; border-color:#accd43; color:#fff;}
.pagination li:not(.p_btns) {margin-left: 5px;}
.pagination li.p_btns {border:1px solid #ddd; margin-right:5px}
.pagination li.p_btns:last-child {margin-right:0}
.pagination li.p_next {margin-left: 5px;}
.pagination li.p_first {background: url(../images/sub/arrow_first.png) no-repeat center center;background-size: auto;}
.pagination li.p_prev {background: url(../images/sub/arrow_prev.png) no-repeat center center;background-size: auto;}
.pagination li.p_next{background: url(../images/sub/arrow_next.png) no-repeat center center;background-size: auto;}
.pagination li.p_last {background: url(../images/sub/arrow_last.png) no-repeat center center;background-size: auto;}
.pagination li.p_btns.active {background-color:#accd43; border-color:#accd43; }
.pagination li a {display: flex;align-items: center;justify-content: center;width: 100%;height: 100%;color:inherit;cursor: pointer; transition: none;} 
.pagination li:hover {background-color:#accd43 !important; border-color:#accd43; color:#fff;}



/**************** 서브페이지 : 썸네일 게시판 리스트 미리보기 영역  ****************/
.list_portfolio.type_2 {padding: 65px 0 0;}
.list_portfolio.type_2 li {padding-top: 40px;}
.list_portfolio.type_2 li:nth-child(-n+4) { padding-top: 0;}
.list_portfolio.type_2 li .desc2 { position: absolute;z-index:5; bottom: 0;width: 100%;height: 75px;display: flex;align-items: center;padding: 0 20px;box-sizing: border-box;background-color: #f2f2f2;font-size: 24px;font-weight: bold;}
.list_portfolio.type_2 li .desc2> span {max-width: 100%;display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/* .list_portfolio.type_2 li .box_thumbtxt:before {content:'';position: absolute;bottom: 0;left: 0;z-index: 2;width: 100%;height: 100%;background: rgb(172 205 67 / 79%);color: #3c4a50;-webkit-transition: -webkit-transform .35s;transition: transform .35s;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);} */
.list_portfolio.type_2 li .box_thumbtxt:hover:before {-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.list_portfolio.type_2 li .box_thumbtxt:hover .desc2 {background:transparent}
.list_portfolio.type_2 li .box_thumbtxt:hover .desc2 .txt {color:#fff;}

.list_portfolio.type_2 li > a:focus .box_thumbtxt:before {  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.list_portfolio.type_2 li > a:focus .desc2 {background:transparent}
.list_portfolio.type_2 li > a:focus .desc2 .txt {color:#fff;}



/**************** 서브페이지 : 탭 스와이프 버튼 영역 (모바일에서만 스와이프)  ****************/
.list_step {display: flex;justify-content: center;padding-top: 40px;}
.list_step li {color:#000;}
.list_step li.active {color:#accd43;}
.list_step li:last-child > div:after {content:normal}
.list_step li > div {color:inherit;padding: 10px 20px;font-size: 18px;line-height: 28px;position: relative;}
.list_step li > div:after {content:'';background:url(../images/sub/ico_step_arr.png) no-repeat;display:inline-block; margin-top: 1px; width: 6px;height: 11px;position: absolute;right: -4px;top: 50%;transform: translateY(-50%);}
.list_step li > div em { font-weight: 900; font-style: italic; padding-right: 15px; } 

.tab_conts {display:none;}
.tab_conts.active {display:block;}

.swiper-container.box_tab { padding-bottom: 10px;}
.box_tabwrap {width: 100%;overflow: hidden;padding-bottom: 10px;}
.list_tabbtns { display: flex; width: 100%; justify-content: center; padding-top: 85px; } 
.list_tabbtns li { width: 200px; height: 50px; display: inline-block; background-color: #f2f2f2; border-radius: 30px; margin-right: 10px; } 
.list_tabbtns li.active {background-color: #000;color: #fff;font-weight: bold;} 
.list_tabbtns li > a { display: block; color: inherit; font-size: inherit; background-color: inherit; border-radius: inherit; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } 
.list_tabbtns li > a:hover {  transition: 0.5s; border-radius: 10px; box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .5);}

/**************** 서브페이지 : 게시판 반응형 (DIV 형식 테이블)  ****************/
.list_div_table .tr{width: 100%;display: flex;font-weight: 200;} 
.list_div_table .tr.fix { font-weight: bold;}
.list_div_table .tr > a{border-bottom: 1px solid #ddd;position: relative;width: 100%;display: flex;} 
.list_div_table .tr:first-child {font-weight: bold;border-radius: 10px;} 
.list_div_table .tr:first-child { background-color: #F9F9F9; } 
.list_div_table .tr .th {border-left: 0; text-align:center !important;} 
.list_div_table .tr .th,.list_div_table .tr .td {position: relative;display: table-cell;padding: 20px 5px;} 

.list_div_table .tr .xs {width: 7%;text-align:center;}
.list_div_table .tr .ss {width: 8%;text-align:center;}
.list_div_table .tr .sm {width: 10%;text-align:center;}
.list_div_table .tr .md {width: 13%;text-align:center;}
.list_div_table .tr .lg {width:40%;text-align:left;flex: 1;}
.list_div_table .tr .empty {width:100%; text-align:center;}
.list_div_table .tr span {width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  display: block;}
.list_div_table .tr span.ing {color: #f5b11f;font-weight:500;}
.list_div_table .tr span.end {color: #3CAF86;font-weight:500;}
.list_div_table .tr > a:hover {background-color: #f1f1f1;}


.box_div_table, .table-tag {float: none;} 

.box_listboard_freeviewwrap .search_form {padding-top: 80px;justify-content: end;}
.box_listboard_freeviewwrap .box_div_table {padding: 50px 0 0px;}
.box_listboard_freeviewwrap .pagination {padding: 100px 0;}

.box_btnwrap {display:flex; justify-content: end;}
.box_btnwrap .btn_primary {font-size: 18px;display: inline-block;font-weight: bold;background-color: #accd43;color: #fff;padding: 18px 30px;border-radius: 100px;margin: 23px 0;min-width: 100px;text-align: center;}
.box_btnwrap .btn_primary:hover {box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, .4);}
.box_btnwrap .btn_minfix {width:140px;height:58px;font-size:18px;display:flex;align-items: center;justify-content: center;font-weight:bold;background-color:#accd43;color:#fff;border-radius: 100px;}
.box_btnwrap .btn_minfix:hover { box-shadow: 3px 3px 10px 0px rgba(47, 46, 44, 0.5);}
.box_btnwrap .btn_minfix.bk {background-color:#000;}
.box_btnwrap .btn_minfix.gr {background-color:#f2f2f2; color:#000;}
.box_btnwrap .btn_minfix + .btn_minfix {margin-left: 20px;}
.box_btnwrap .l_btns {width: calc(100% - 100px);display: flex;justify-content: center;padding: 20px 20px;}
.box_btnwrap .r_btns {padding: 20px 0;}





/* .box_contact_wrap .box_in {overflow: hidden;} */
.box_contact_wrap.mgt {margin-top:80px;}
.box_contact_wrap .my-form-cont {position: relative;max-width: 1200px;padding: 80px 0 120px;width: 100%;float: none;}
.box_contact_wrap textarea {padding: 15px 15px !important;}
.box_contact_wrap .file_cus {  background-position: calc(100% - 14px) 18px;}
.box_contact_wrap .inp:not(textarea), .box_contact_wrap .file_cus {height: 50px;}
.box_contact_wrap .file_cus {line-height:35px;}
.box_contact_wrap .inp, .box_contact_wrap textarea, .box_contact_wrap .file_cus {padding: 5px 15px;font-size: 16px; max-width: none; box-sizing: border-box;}

.box_contact_wrap .box_chkarea {color:#000; font-size: 0;}
.box_contact_wrap .box_chkarea .box_chk {display:flex;align-items: center; margin: 0;}
.box_contact_wrap .box_chkbtnarea {padding-top: 50px;text-align: center;}

.box_contact_wrap .accordion {background: #ffff;margin: 0 auto;box-shadow: 0 10px 15px -20px rgba(0, 0, 0, 0.3), 0 30px 45px -30px rgba(0, 0, 0, 0.3), 0 80px 55px -30px rgba(0, 0, 0, 0.1);border-radius: 10px;overflow: hidden;-webkit-transition: all .3s ease;transition: all .3s ease;}
.box_contact_wrap .accordion + .accordion {margin-top: 25px;}
.box_contact_wrap .accordion.green {background: #60bb46;}
.box_contact_wrap .accordion:hover {box-shadow: 3px 3px 10px 0px rgb(0 0 0 / 21%);}
.box_contact_wrap .accordion:focus {outline: 1px dotted #000}
.box_contact_wrap .heading {position: relative;  display: block;color: #FFF;font-size: 26px;border-bottom: 1px solid #e7e7e7;letter-spacing: 0.8px;padding: 10px 30px;cursor: pointer;line-height: 48px;box-sizing: border-box;max-height: 67px;cursor: pointer;}
.box_contact_wrap .heading:nth-last-child(2){border-bottom:0; }
.box_contact_wrap .heading::before {content: '';vertical-align: middle;display: inline-block;border-top: 7px solid #959595;border-left: 7px solid transparent;border-right: 7px solid transparent;transform: rotate(0);transition: all 0.5s;position: absolute;right: 10px;top: 50%;transform: translate(-50%);margin-top: -3px;}
.box_contact_wrap .contents p {font-size: 16px;line-height: 1.5;}
.box_contact_wrap .contents p:last-child { margin-bottom: 20px;}
.box_contact_wrap .contents p + p {margin-top: 20px;}


.box_contact_wrap .active.heading::before {transform: rotate(-180deg);right: 20px;}
.box_contact_wrap .not-active.heading::before { transform: rotate(0deg);}
.box_contact_wrap .contents {display: none;background: #fff;padding: 15px;color: #7f8fa4;font-size: 13px;line-height: 1.5;}
.box_contact_wrap .my-form input[type="checkbox"] {width: 28px;height: 28px;border-radius: 5px;}
.box_contact_wrap .my-form input[type="checkbox"] + label {padding:0;font-size: 18px;padding-left:10px;color: #333;}
.box_contact_wrap .my-form input[type="checkbox"] + label em {font-weight:bold;}
.box_contact_wrap .my-form input[type="checkbox"]:checked:after {left: 8px;top: 3px;}

.my-form-cont .grid-cell { flex: 1; }
.my-form-cont .grid-cell .grid-label {display: block;font-size: 18px;font-weight: bold;margin-bottom: 15px; }
.my-form-cont .grid-inp {display: block;position: relative;}
.my-form-cont .grid-inp.inp-required:after {content: '*';position: absolute;top: 10px;right: 10px;color: #accd43; font-size:18px}


.bg_grey {background-color: #f2f2f2;}
.bg_grey:before {content: '';position: absolute; left: -1000%;width: 10000%; height: 100%; background-color: #f2f2f2;}
.bg_grey .inp, .bg_grey select, .bg_grey .file_cus {background-color: #fff;  height: 50px; line-height: 1;  display: flex; align-items: center;}



/**************** 서브페이지 : 게시판 상세  ****************/
.box_board_detailwrap {  margin: 80px auto 120px;}
.box_board_detailtop {border-top: 1px solid #000;border-bottom: 2px solid #dadada;box-sizing: border-box;padding: 30px 50px;}
.box_board_detailtop strong {font-size: 20px;font-weight: bold;line-height: 28px;display: inline-block;width: 100%;color: #333;display: block;}
.box_board_detailtop .writer {font-size:16px;line-height:26px;display:block;margin-top: 20px;font-weight: bold;}
.box_board_detailtop .date {font-size: 14px;line-height:26px;display:block;margin-top: 10px;font-weight: lighter;}
.box_board_detailtop .board_cate {padding:0 30px;}
.box_board_detailtop .board_cate em { display: block;font-size: 16px;font-weight: 600;color: #333;padding-bottom: 10px; }
.box_board_detailtop .row+.row {margin-top: 30px;border-top: 2px solid #dadada;padding: 15px 30px;}
.box_board_detailcont {padding: 40px 0 40px 50px;box-sizing: border-box;border-bottom: 1px solid #d5d5d5;font-size: 16px;}
.box_board_detailcont iframe {display: block;width: 960px;height: 540px;margin: 0 auto;}

.box_board_detailcont .indent {margin-top: 100px;}
.indent .box_board_detailcont {border-bottom:0;}


.list_detail_info {display: flex;font-size: 16px;color: #666;}
.list_detail_info li { padding-right: 15px; border-right: 1px solid #ddd; margin-right: 15px; }
.list_detail_info li:last-child { border-right: 0; }
.box_txtcont {box-sizing: border-box;padding-right: 50px;}
.box_txtcont img { max-width: 100%; height: auto; }
.box_txtcont p { padding-top: 20px; }
.box_txtcont span {/* display: block; */color: #333;line-height: 28px;font-size: inherit;}

.box_txt_down .box_top .tit_down {font-weight: bold;font-size: 16px;line-height: 26px;padding-left: 10px;box-sizing: border-box;display: inline-block;} 
.box_txt_down .box_top .tit_down em { color: #accd43; } 
.box_txt_down .box_top .btn_allfiledown { color: #666; font-weight: lighter; margin-left: 7px; } 
.box_txt_down .box_top .btn_allfiledown:hover { text-decoration: underline; } 

.box_downlist {background: #f3f6f9;padding: 22px 22px;color: #000;font-size: 16px;max-width: 600px;border-radius: 15px;margin-top: 20px;box-sizing: border-box;max-height: 210px;overflow-y: auto;}
.box_downlist a {display: block;margin-top: 15px;width: 100%;color:#000;}
.box_downlist a span {max-width: calc(100% - 90px);text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;} 
.box_downlist a em {color:#666;margin-left: 15px;vertical-align: super;}
.box_downlist a:hover {text-decoration:underline;}
.box_downlist a:first-child {margin-top:0}
.box_downlist a:after {content: '';width: 16px;height: 14px;background: url(../images/sub/board/ico_board_filedown.png) no-repeat center center;display: inline-block;vertical-align: top;margin: 10px 0 0 8px;float: right;}

.pip_wrap {padding: 15px 15px;border: 1px solid #ddd;margin-top:20px;background-color: #fff;border-radius: 7px;}
.pip_wrap.hide {display:none;}
.pip_wrap input[type="checkbox"] {appearance: auto;}
.pip {display: flex;margin: 0;align-items: center;}
.pip + .pip {margin-top: 13px;}
.remove {display: inline-block;text-align: center;cursor: pointer;color: #b42828;margin: 2px 0 0 30px;font-size: 16px;box-sizing: border-box;line-height: 1;}



/**************** 서브페이지 : 개인정보처리방침  ****************/
.box_privacy_wrap { padding: 40px 0 120px;}

.box_row .desc_tit { font-size: 24px; line-height: 36px; font-weight: bold; padding-top: 40px; display: block; }
.box_row .bg_box {margin-top: 35px;padding: 40px 50px;background: #f2f9dd url(../images/sub/bg_ico_privacy.png) no-repeat calc(100% - 55px) bottom;display: block;font-size: 18px;line-height: 28px;}
.box_row .bg_box.center {text-align: center;}
.box_row .bg_box .txt { display: inline-block; vertical-align: top; }
.box_row .txt_box { padding: 40px 20px; }
.box_row .txt_box .txt,.box_row .txt_box .tit {display: block;padding-top: 18px;font-size: 18px;line-height: 1.3; font-weight: 300;}
.box_row .txt_box .tit {font-weight:bold;}
.box_row .txt_box .txt:first-child { padding-top: 0; }
.box_row .txt_box p { padding-top: 50px; }
.box_row .desc_txt {font-size:18px; line-height:28px; padding-top:40px;}
.box_row .desc_txt em {color: #accd43;font-weight:bold;}
.box_row .txt_num {font-weight:bold;color: #accd43;font-size:22px;}

.box_row .txt_box.type2 {padding:40px 0;}
.box_row .txt_box.type2 .txt {padding: 20px 50px;}



/**************** 서브페이지 : 포트폴리오 상세 모달 팝업  ****************/
.fade.show { display:block;transition: opacity .15s linear; } 
.fade:not(.show) {display:none; opacity: 0;}
.modal {position: fixed;top: 0;left: 0;z-index: 23;display: none;width: 100%;height: 100%;overflow-x: hidden;overflow-y: auto;outline: 0;background-color: color(srgb 0 0 0 / 0.2);} 
.modal.fade.show .modal-dialog {  -webkit-animation: show .3s ease-out normal;}
.modal-dialog {position: relative;width: 100%;height:100%; margin: var(--mdb-modal-margin);pointer-events: none;}
.modal-header {display: flex;flex-shrink: 0;align-items: center;padding: 20px 0;border-bottom: 1px solid #000;justify-content: space-between;margin: 0 20px;} 
.modal-header.only_btn {justify-content:end; border-bottom: 0;}
.modal-header .btn-close {width: 28px;height: 28px;background: url(../images/modal_close.png) no-repeat center center;background-size: cover;} 

.modal-title {margin-bottom: 0;line-height: 1.5;font-size: 28px;font-weight: bold;color: #000;} 
.modal-content {position: relative;display: flex;flex-direction: column;color: #000;pointer-events: auto;background-color: #fff;background-clip: padding-box;border-radius: 10px;box-shadow: 0 2px 6px -1px rgba(0,0,0, 0.07), 0 6px 18px -1px rgba(0,0,0, 0.04);outline: 0;width: 90%;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 1160px;} 
.modal-content .modal-body {position: relative;flex: 1 1 auto;margin: 0 20px 20px; max-height: calc(100vh - 130px);  overflow-y: auto;} 

.modal-body .box_half {display: flex;}
.modal-body .box_half .img {width: 385px;background: #f2f2f2;padding: 20px;box-sizing: border-box;border-bottom: 1px solid #ddd;}
.modal-body .box_half .img img {height: 100%;max-width: 100%;}
.modal-body .box_half .desc {flex:1;}
.modal-body .box_half .list_desc li{display:flex;padding:30px;box-sizing: border-box;border-bottom: 1px solid #ddd;line-height: 1.5;}
.modal-body .box_half .list_desc li .tit {width: 175px;font-size:24px; font-weight:bold;}
.modal-body .box_half .list_desc li .sub {flex: 1;font-size: 24px;font-weight: 400;}



.modal-passwordcheck .modal-content {max-width: 740px;text-align: center; border-radius: 30px;}
.modal-passwordcheck .modal-content .modal-body {overflow: visible;max-height: none;}
.modal-body .box_topnotice .txt { padding-top: 20px; font-size:24px; line-height:34px;font-weight:bold;}
.modal-body .box_topnotice .txt .br {display:block;}
.modal-body .box_topnotice .txt em {color:#accd43;}

.modal-body .box_btmconfirm { margin: 50px auto 20px; } 
.modal-body .box_btmconfirm a { width: 220px; height: 58px; display: flex; align-items: center; justify-content: center; border-radius: 100px; background-color: #accd43; color: #fff; font-size: 20px; font-weight: bold; } 
.modal-body .box_btmconfirm .row { display: flex; align-items: center; justify-content: center; } 
.modal-body .box_btmconfirm .row input {width: calc(100% - 200px);margin-right: 20px;height: 58px;border: 1px solid #ddd;border-radius: 10px;padding: 15px;box-sizing: border-box;} 







@media screen and (max-width: 1640px){
    .list_portfolio.type_2 li:nth-child(4) { padding-top: 40px;}
}


@media screen and (max-width: 1240px){
    .list_portfolio.type_2 li:nth-child(-n+3) {padding-top: 40px;}
    .list_portfolio.type_2 li:nth-child(-n+2) {padding-top: 0;} 
    .list_tabbtns {justify-content: start;}
    .pagination {padding:40px 0 120px;}

    .modal-body .box_half .img { width: 360px; } 
    .modal-body .box_half .img img { max-width: 100%; } 

    .modal-body .box_half .list_desc li .tit { font-size: 20px; width: 150px; } 
    .modal-body .box_half .list_desc li .sub { font-size: 20px; } 



}


@media screen and (max-width: 1024px){
    .list_portfolio.type_2 {padding: 45px 0 20px;}
    .list_portfolio.type_2 li .desc2 {font-size: 18px;height: 55px;}
    .my-form .grid-3 {flex-direction: column;}    
    .my-form-cont .grid-cell {width: 100%;}
    .my-form-cont .grid-cell .grid-label {font-size:16px;}
    .box_contact_wrap .my-form-cont {padding: 40px 0 85px; }
    .box_subtitarea {padding: 50px 0 55px;}        
    .box_subtitarea span {font-size: 20px;line-height: 30px;}


    .box_contact_wrap .my-form input[type="checkbox"] {width: 24px;height: 24px;}    
    .box_contact_wrap .my-form input[type="checkbox"] + label {font-size: 16px; line-height: 1;}    
    .box_contact_wrap .my-form input[type="checkbox"] + label .m_hide {display: none;}
    .box_contact_wrap .my-form input[type="checkbox"]:checked:after {left: 7px;top: 0px;width: 4px;}
    .box_contact_wrap .heading {padding: 15px 10px;}
    .box_contact_wrap .heading::before {right:3px; border-top: 6px solid #959595; border-left: 6px solid transparent; border-right: 6px solid transparent;}
    .box_contact_wrap .active.heading::before {right:10px;}

    .search_form {padding-top:50px;}
    .box_listboard_freeviewwrap .search_form {padding-top:50px;}
    
    .list_step { padding-top: 10px; } 
    .list_step li > div { font-size: 14px; } 
    .list_tabbtns { padding-top: 50px; } 
    .list_tabbtns li { width: 140px; height: 48px; font-size: 16px; }   
    .swiper-backface-hidden .swiper-slide{ transform: none; -webkit-backface-visibility: visible; backface-visibility: visible;}
    
    .pagination {padding: 40px 0 90px;}
    .pagination li {width: 35px;height: 35px;}

    .modal-body .box_half { flex-direction: column; } 
    .modal-body .box_half .img { width: 100%; text-align: center; } 

    .modal-body .box_half .list_desc li { padding: 15px 12px; } 
    .modal-body .box_half .list_desc li .tit { font-size: 16px; width: 100px; } 
    .modal-body .box_half .list_desc li .sub { font-size: 16px; width: calc(100% - 100px); word-wrap: break-word;} 

    .modal-title { font-size: 24px; } 

    .box_board_detailtop { padding: 22px 22px; } 
    .box_board_detailcont { padding: 40px 20px; } 


    .box_btnwrap { flex-direction: column; align-items: center; } 
    .box_btnwrap .btn_minfix { width: calc(50% - 10px); } 
    .box_btnwrap .one { width: 100%; } 
    .box_btnwrap .one .btn_minfix { width: 100%; } 
    .box_btnwrap .r_btns {padding: 20px 0 0; }
    .box_btnwrap .l_btns { width: 100%; } 

    .box_row { padding-top: 40px; }
    .box_row:first-child { padding-top: 0; }
    .box_row .desc_tit { font-size: 18px; line-height: 28px; padding-top: 0; }
    .box_row .bg_box {margin-top: 20px;padding: 25px 20px;background-position: calc(100% + 10px) calc(100% + 5px);font-size: 16px;line-height: 24px;}
    .box_row .txt_box {padding: 20px 10px;}
    .box_row .txt_box .txt, .box_row .txt_box .tit {font-size: 16px;}

    .box_row .desc_txt{ font-size: 16px; line-height: 28px; padding-top: 0; }
    .box_row .txt_num {font-size: 18px;}
    .box_row .txt_box .txt, .box_row .txt_box .tit {font-size: 14px;line-height: 1.4;}
    .box_row .txt_box.type2 .txt {padding: 20px 15px;}
    .box_row .txt_box.type2 {padding: 30px 0;}
    .box_row .txt_box p {padding-top: 30px;}

}



@media screen and (max-width: 767px){
    .box_downlist { max-height: 120px;} 
    .box_txtcont {padding-right: 20px;}    
    .box_board_detailcont {padding: 40px 0 40px 20px;}    
    .list_portfolio.type_2 li .desc2 {font-size: 16px;height: 50px; padding: 0 15px;}
    .box_search_area {width:100%;}
    .box_search_area > fieldset {width:100%;}
    .search_form {flex-direction: column;width: 100%;}    
    .box_search_area .search_select select {width: 100%;}    
    .box_search_area .search_input, .box_search_area .search_btn {margin: 10px 0 0 0;width: 100%;}
    .box_search_area .search_select select, .box_search_area .search_input input, .box_search_area .search_btn button {height:45px;}
    .box_search_area .search_input .sch_btn {height:45px;}

    .list_step {padding-top: 0;}

    .list_div_table {border-top: 2px solid #000;}    
    .list_div_table .tr:first-child {display: none;}
    .list_div_table .tr {box-sizing: border-box;border-bottom: 2px solid #ddd;} 
    .list_div_table .tr .td {width: 100% !important;text-align: left;padding: 5px 10px;display: block;} 
    .list_div_table .tr .td.empty {text-align:center; padding: 10px 0;}
    .list_div_table .tr .td.xs { display: none;}
    .list_div_table .tr .td.sm, .list_div_table .tr .td.md {display:inline-block;width: auto !important;}
    .list_div_table .tr .td.m_hide{display:none;}
    .list_div_table .tr, .list_div_table .tr > a {border-bottom: 0;display: block;padding: 5px 0;}  
    .list_div_table .tr {border-bottom:2px solid #ddd;padding: 0;}
    .list_div_table .tr .td.md {position: relative;}
    .list_div_table .tr .td.md:before {content: '';width: 2px;height: 15px;background-color: #ddd;position: absolute;left: -2px;top: 5px;}
    .list_div_table .tr .xs span, .list_div_table .tr .sm span, .list_div_table .tr .md span {color: #727272;}
    .list_div_table .tr > a:hover .td:first-child:before {height:300%;}


    .box_contact_wrap .my-form input[type="checkbox"] {width: 22px;height: 22px;}   
    .box_contact_wrap .my-form input[type="checkbox"] + label {font-size:15px;} 
    .box_contact_wrap .my-form input[type="checkbox"]:checked:after {left: 6px;width: 4px;top: 0;}
    .box_contact_wrap .contents p:last-child { margin-bottom: 15px;}
    .box_contact_wrap .contents p + p {margin-top: 15px;}

    .box_subtitarea span { font-size: 18px;}

    .pagination li:not(.p_btns) { border-radius: 12px;}

    .list_portfolio.type_2 li {padding-top: 20px;}    
    .list_portfolio.type_2 li:nth-child(-n+3) {padding-top: 20px;}    
    .list_portfolio.type_2 li:nth-child(4) {padding-top: 20px;}        
    .list_portfolio.type_2 li:nth-child(-n+2) {padding-top: 0;}

    .box_btnwrap .btn_primary {padding: 15px 20px;font-size: 16px;}
    .box_contact_wrap .box_chkbtnarea { padding-top: 40px;}


    .modal-body .box_btmconfirm .row {flex-direction: column;}    
    .modal-body .box_btmconfirm .row input {width: 100%;margin: 0 0 20px;}    
    .modal-body .box_btmconfirm a {width: 100%;}    
    .modal-body .box_btmconfirm {margin: 40px auto 20px;}    
    .modal-body .box_topnotice .txt {font-size: 20px;line-height: 30px;max-width: 216px;margin: 0 auto;}
    .modal-body .box_topnotice .txt .br:first-child {word-break:auto-phrase}

    .box_privacy_wrap {padding: 55px 0 80px; }

    .box_row .bg_box { font-size: 14px; line-height: 19px; }
    .box_row .txt_box .txt, .box_row .txt_box .tit {font-size: 14px;padding-top: 15px;line-height: 1.5;}
    .box_row .txt_box p {padding-top: 40px;}
    .box_row .desc_txt {font-size: 14px;line-height: 22px;}

}

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

    .pagination li {width: 25px;height: 25px;}
    .pagination li:not(.p_btns) {margin-left:3px; height:27px;border-radius: 10px;}
    
    .box_subtitarea {padding: 35px 0 55px;}
    .box_subtitarea span {font-size: 16px;line-height: 28px;}
    
    .modal-body .box_half .list_desc li .tit {width: 94px;}
}

  





@keyframes show {
    from {
        transform: translateY(-50px);
    }
    to {
        transform: translateY(0);
    }
}

@keyframes show-backdrop {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}