@charset "utf-8";

/*
 *
 * file : Sub
 * date : 211228
 * writer : eun
 *
 *
 */

/* blank 페이지 */
.list-menu{display:flex;flex-wrap:wrap;justify-content:left;align-items:flex-start}
.list-menu li{width:25%;text-align:center;background:#f4f9ff;border:1px solid #a5a5a5;transition:all 0.2s}
.list-menu li a{width:100%; height:100%;padding:20px;display:block}
.list-menu li:hover{background:#d9eaff}
/* //blank 페이지 끝 */

.sub-v{position:relative;width:100%;height:255px;overflow:hidden;display:flex;align-items:center;background:url('../img/sub/sub-bg.jpg') center/cover no-repeat;color:#fff;}
.sub-v .cinner .txt-box{display:flex;align-items:center}
.sub-v .cinner .txt-box h2{font-size:3.125rem;margin-right:30px}
.sub-v .cinner .txt-box span{display:block;opacity:.5}
.sub-v .cinner .txt-box span.f-gmarket{opacity:1}

.sub-nav{background-color:#113892}
.sub-nav .cinner{position:relative}
.sub-nav .sub-1ul{display:flex;align-items:center}
.sub-nav .sub-1li{position:relative;height:80px}
.sub-nav .sub-1li:after{position:absolute;width:1px;height:45px;content:"";background-color:rgba(255,255,255,.5);top:50%;transform:translateY(-50%);right:0}
.sub-nav .sub-1li:last-child:after{display:none}
.sub-nav .sub-1li.home:after{display:none}
.sub-nav .sub-1li.home .sub-1item{width:80px;background:url('../img/sub/ico-home.png') #397dce center no-repeat;min-width:auto;overflow:hidden;text-indent:-999%}
.sub-nav .sub-1li.home .sub-1item:after{display:none}
.sub-nav .sub-1item{position:relative;display:flex;align-items:center;height:100%;color:#fff;font-size:1.125rem;padding-left:30px;min-width:300px}
.sub-nav .sub-1item:after{position:absolute;right:30px;font-family:'xeicon';content:"\e943";top:50%;transform:translateY(-50%);transition:.3s;font-size:1.2em}
.sub-nav .sub-2ul{display:none;position:absolute;top:80px;border:1px solid #cac9c9;min-width:100%;background-color:#fff;z-index:10;border-radius:0 0 15px 15px;padding:20px}
.sub-nav .sub-2item{display:block;border-bottom:1px solid #f1f1f1;padding:15px;font-size:1rem;color:#333}
.sub-nav .sub-2item:hover{background-color:#ebf4ff;color:#0066d8}

.sub-nav-info{position:absolute;right:0;top:50%;transform:translateY(-50%)}
.sub-nav-info .btn{display:inline-block;color:#fff;width:30px;height:30px;overflow:hidden;text-indent:-999%;background:url('../img/sub/ico-share.png') center no-repeat;margin-right:20px}
.sub-nav-info .btn.print{background-image:url('../img/sub/ico-print.png');margin-right:0}
.sub-nav-info .btn.on,
.sub-nav-info .btn:hover{opacity:1;border-color:#949494}
.sub-nav-info .sns-share-wrap{position:relative;display:inline-block}
.sub-nav-info .sns-share{position:absolute;background-color:#397dce;top:50%;right:100px;transform:translateY(-50%);width:0;height:80px;overflow:hidden;transition:.3s}
.sub-nav-info .sns-share ul{display:flex;align-items:center;justify-content:space-around;height:100%}
.sub-nav-info .sns-share a{display:flex;width:46px;height:46px;border-radius:50%;align-items:center;justify-content:center;background-color:#397dce}
.sub-nav-info .sns-share a:hover{opacity:1}
.sub-nav-info .btn.on + .sns-share{width:230px}

.sub-con{width:1400px;margin:90px auto 150px;color:#333}
.sub-con p{line-height:1.6}
.h3-tit{position:relative;font-size:2.375rem;display:inline-block;margin-bottom:30px}
.h3-tit:after{position: absolute;right: -15px;top: 0;width: 8px;height: 8px;background-color: #4797ef;content: "";border-radius: 50%;}
.h4-tit{margin-bottom:30px;padding:20px; background:#f4f8ff;width:100%;font-size:1.2rem; font-weight:500;border:1px solid #c0d7ff;display:flex;flex-wrap:wrap;align-items:center}
.h4-tit .tit-span{font-size:1.2rem;color:#326bcd; padding-right:15px;margin-right:15px; position:relative;}
.h4-tit .tit-span:after{position:absolute;right:0;top:4px;width:2px;height:20px;background-color:#326bcd;content:""}
.h4-tit .area-custom-select{width:200px}
.h4-tit .area-custom-select.dev-select{width:calc(100% - 110px);}
.h4-tit .area-custom-select .custom-select{background:#fff url('../img/sub/ic-arrow.png')95% center no-repeat;border:1px solid #c0d7ff;border-radius:5px}
.h4-tit .area-custom-select.dev-select .custom-select{background:#fff url('../img/sub/ic-arrow.png')98% center no-repeat}
.con-box{margin:100px auto}

.img-album-flex{display:flex;align-items:center}
.img-album-flex .img{position:relative;flex-shrink:0;flex-grow:1;margin-right:100px}
.img-album-flex .img:before{position:absolute;width:100%;height:100%;border:1px solid #0066d8;content:"";top:15px;left:15px}
.img-album-flex .img img{position:relative}

.img-bg-flex{display:flex;align-items:flex-end;justify-content:center}
.img-bg-flex .txt{padding:50px}
.img-bg-flex .img{flex-shrink:0;flex-grow:1}

.img-right-box{position:relative;padding-right:100px;padding-bottom:100px}
.img-right-box img{width:100%}
.img-right-box .txt-box{position:absolute;right:0;bottom:0;display:inline-block;color:#fff;background-color:#0066d8;padding:50px;width:660px}
.img-right-box .txt-box:before{position:absolute;width:100%;height:100%;border:1px solid #0066d8;content:"";bottom:-15px;right:-15px}
.img-right-box .txt-box:after{position:absolute;width:25px;height:25px;background-color:#0091ea;right:-25px;top:-25px;content:""}

.txt-dashed-box{border:1px dashed #d2d2d2;padding:50px}
.txt-ico-tbl{display:table;width:100%;table-layout:fixed}
.txt-ico-tbl .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-ico-tbl .txt-cell:nth-child(2),
.txt-ico-tbl .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-ico-tbl .txt-cell:last-child{padding-right:0}
.txt-ico-tbl .txt-cell .flex{display:flex;align-items:center}
.txt-ico-tbl .ico{display:flex;align-items:center;justify-content:center;width:75px;height:75px;border-radius:50%;background-color:#0d1b2b;margin-right:20px}
.txt-ico-tbl .tit{display:block;margin-bottom:15px}
.txt-ico-tbl dl{display:flex;align-items:center}
.txt-ico-tbl dt .tit{position:relative;padding-right:25px;margin-right:25px;margin-bottom:0}
.txt-ico-tbl dt .tit:after{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:20px;background-color:#d2d2d2;content:""}

.txt-quote{text-align:center;font-size:40px;font-family:'paybooc';font-weight:bold}
.txt-quote p{line-height:1.4}
.txt-quote p:before{display:block;max-height:50px;line-height:1;content:"“";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}
.txt-quote p:after{display:block;max-height:50px;line-height:1.4;content:"”";font-size:135px;font-family:'GmarketSansMedium';color:#d5d5d5;font-weight:normal}

.txt-dot-box{margin:50px auto}
.txt-dot-box + .txt-dot-box{padding-top:50px;border-top:1px solid #d5d5d5}
.txt-dot-box .tit-dot{position:relative;font-size:1.625rem;padding-left:20px;margin-bottom:30px}
.txt-dot-box .tit-dot:before{position:absolute;content:"";width:8px;height:8px;border-radius:50%;background-color:#0066d8;left:0;top:16px}
.txt-dot-box .tit-ico{position:relative;font-size:1.625rem;padding-left:80px;margin-bottom:30px;border-bottom:1px solid #d2d2d2;padding-bottom:20px}
.txt-dot-box .tit-ico:before{position:absolute;content:"";left:0;top:0;background:url('../img/sub/ico-comment.png') center/contain no-repeat;width:60px;height:50px}
.txt-dot-box .con-dot{padding-left:20px}
.txt-dot-box .con-dot p{margin:30px auto}

.item-hipen > li{position:relative;padding-left:20px;margin:10px 0}
.item-hipen > li:last-child{margin-bottom:0}
.item-hipen > li:before{display:block;content:"";position:absolute;top:12px;left:0;width:10px;height:3px;background-color:#333}

.item-square > li{position:relative;padding-left:15px;margin:10px 0}
.item-square > li:last-child{margin-bottom:0}
.item-square > li:before{width:4px;height:4px;background-color:#a2a2a2;position:absolute;display:block;content:"";left:0;top:10px}

.txt-dashed-tblbox{border:1px dashed #d2d2d2;padding:50px;display:table;width:100%;table-layout:fixed}
.txt-dashed-tblbox .txt-cell{display:table-cell;vertical-align:top;padding-right:50px}
.txt-dashed-tblbox .txt-cell:nth-child(2),
.txt-dashed-tblbox .txt-cell:nth-child(3){border-left:1px solid #d2d2d2;padding-left:50px}
.txt-dashed-tblbox .txt-cell:last-child{padding-right:0}

.item-num{counter-reset: section}
.item-num > li{position:relative;padding-left:50px;margin:15px 0}
.item-num > li::before{position:absolute;top:-2px;left:0;border:1px solid #0066d8;color:#0066d8;counter-increment: section;content: "0" counter(section);padding:2px 4px}

/* 품의서 작성 */
.tbl-basic th,
.tbl-basic td{border:1px solid #a5a5a5;word-break:keep-all;}
.tbl-basic tbody th{font-weight:normal;padding:20px 5px;background-color:#f4f9ff;font-size:1.125rem;min-width:120px}
.tbl-basic tbody td{padding:15px 20px;}
.tbl-basic tbody th:not([colspan]){width:12%}
.tbl-basic tbody td:not([colspan]){width:40%}
.tbl-basic.sm-td tbody tr td:nth-of-type(2){width:20%}
.tbl-basic tbody th.th-title{background-color:#fff;border:none;text-align:left;padding-left:20px;font-size:1.3rem;font-weight:500;position:relative;}
.tbl-basic tbody th.th-title::before{position:absolute;top:50%;left:0;margin-top:-6px;width:12px;height:12px;border:3px solid #0495e9;content:'';}
.tbl-basic tbody th.th-title::after{position:absolute;top:50%;left:6px;margin-top:-8px;width:8px;height:8px;border:2px solid #fff; background:#326bcd;content:'';}
.tbl-basic.tbl-th-wide tbody th{min-width:260px}
#ui-datepicker-div{z-index:9 !important;}
.tbl-basic.sm-td .calender-wrap{max-width:60%;}
.tbl-basic .calender-wrap{max-width:80%}
.calender-wrap{display:flex;align-items:center;justify-content:space-around}
.calender-wrap span{width:30px; text-align:center;}
.calender-wrap .input-text{width:calc(50% - 10px);background:url('../img/sub/ico-calender.png') calc(100% - 5px) center no-repeat}
.calender-wrap .input-text-default{width: calc(50% - 10px);}
.calender-wrap .input-text.input-time{width:calc(50% - 10px);/*background:url('../img/sub/ico-time.png') calc(100% - 5px) center no-repeat*/background:transparent;}
.tbl-basic .calender-wrap-oneday{max-width:200px;}
.calender-wrap-oneday{display:flex;align-items:center;justify-content:left}
.calender-wrap-oneday .input-text{width:100%;background:url('../img/sub/ico-calender.png') calc(100% - 5px) center no-repeat}
select{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
/* IE */select::-ms-expand{display:none}
.area-custom-select{position:relative;width:100%;height:48px}
.custom-select{position:relative;display:inline-block;width:100%;height:48px;cursor:pointer;font-size:1rem;background:#fff url('../img/sub/ic-arrow.png')98% center no-repeat;border:1px solid #a5a5a5;color:#555;outline:none;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out}
.custom-none-select{position:relative;display:inline-block;width:100%;height:48px;cursor:pointer;font-size:1rem;background:#fff url('../img/sub/ic-arrow.png')98% center no-repeat;border:1px solid #a5a5a5;color:#555;outline:none;-webkit-transition:all 0.30s ease-in-out;-moz-transition:all 0.30s ease-in-out;-ms-transition:all 0.30s ease-in-out;-o-transition:all 0.30s ease-in-out}
.select-origin{position:absolute;right:10px;visibility:hidden}
.custom-select-text{position:absolute;top:14px; left:15px}
.custom-select-list{position:absolute;font-size:1rem;width:100%;height:auto;z-index:15;border:1px solid #a5a5a5; background:#fff;text-align:left;margin-top:-5px;border-top-width:0;}
.custom-select-option{padding:5px 0;line-height:1.4;display:flex;flex-wrap:wrap;align-items:center;padding-left:15px !important;cursor:pointer;box-sizing:border-box}
.custom-select-option:last-child{padding:5px 0;}
.custom-select-option:hover{background:#c0d7ff;box-sizing:border-box}

.tbl-basic tbody tr td .td-flex{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.tbl-basic tbody tr td .td-flex input{width:calc(100% - 110px)}
.tbl-basic tbody tr td .td-flex .btn-ico{height:48px;min-width:auto;width:100px}

.tbl-except{display:none;}
.tbl-basic tbody th.th-titlebox{font-weight:600}
.tbl-basic tbody td .content{min-height:300px;vertical-align:top;}


/* 삼분할 */
.area-custom-select.split-three{width:calc((100% - 10px) / 2);margin-right:5px;display:inline-block;}
.area-custom-select.split-three:nth-child(2){margin-right:0}



/* 게시판 조회부 */
.tbl-basic.serchbox tbody tr td{width:20%}
.tbl-basic.serchbox tbody tr td:nth-of-type(2){width:70%}

/* 전화번호 */
.call-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.call-box .area-custom-select{width:calc((100% - 60px) / 3)}
.call-box .custom-select{background:#fff url('../img/sub/ic-arrow.png')93% center no-repeat}
.call-box span{width:30px;text-align:center}
.call-box input[type="text"]{width:calc((100% - 60px) / 3)}

/*첨부파일*/
.filebox{position:relative}
.filebox label{display:inline-block;min-width:150px;height:48px;line-height:48px; text-align:center}
.filebox input[type="file"]{position:absolute;width:auto;height:auto;padding:0;overflow:hidden;border:0;left:74px;top:50%;margin-top:-12px}

/* 필독사항 */
.caution-box{width:100%;margin-top:20px;padding:20px;border:1px solid #ddd;background:#f8f8f8}
.caution-box ul li span{display:block}
.caution-box ul li{padding-left:25px;width:100%;font-size:1rem;color:#666;margin-bottom:10px;word-break:keep-all;position:relative}
.caution-box ul li:last-child{margin-bottom:0}
.caution-box ul li::before{position:absolute;content:'';width:16px;height:16px;left:0;top:3px;background:url('../img/sub/ico-caution.png') left top no-repeat}
.caution-box ul li:last-child::before{display:block}

/* 개별 input박스 */
.con-box{position:relative}
.dl-box{width:100%;display:flex;flex-wrap:wrap;justify-content:left;align-items:center;position:absolute;bottom:0}
.dl-basic{width:calc((100% - 40px) / 3);margin-right:20px;display:flex;flex-wrap:wrap;justify-content:left;align-items:center}
.dl-basic:last-child{margin-right:0}
.dl-basic dt{text-align:center;width:45%; line-height:44px;background-color:#f8f8f8;border:1px solid #a5a5a5;border-right:0}
.dl-basic dd{width:55%}


.tbl-list .board-subject{max-width:60vw;display:block}
.tbl-list th,
.tbl-list td{border:1px solid #a5a5a5}
.tbl-list thead th{font-weight:normal;padding:20px 5px;background-color:#f4f9ff;font-size:1.125rem;border-bottom:0}
.tbl-list tbody td{text-align:center;padding:15px 20px}
.tbl-list th.wd10, .tbl-list td.wd10{width:10%}
.tbl-list th.wd8, .tbl-list td.wd8{width:8%}
.tbl-list tbody tr:hover{background-color:#f8f8f8}
.tbl-inner tbody td{padding:15px 0}
.tbl-inner tr:first-child td{border-bottom:none;}
.tbl-inner tr:last-child td{border-bottom:none;}
.tbl-list tr:last-child .tbl-inner tr:first-child td{border-bottom:1px solid #a5a5a5;}
.tbl-list tr:last-child .tbl-inner tr:last-child td{border-bottom:1px solid #a5a5a5;}
.tbl-inner:hover{background-color:#f8f8f8}

.tbl-list tbody td.pd-none{padding:0;border:none}

.btn-layout-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-top:20px;}
.btn-layout-right > *{margin-left:10px}
.btn-layout-right > *:first-child{margin-left:0}
.btn-ico.btn-search span{background:url('../img/sub/ico-search.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-search:hover span{background:url('../img/sub/ico-searchon.png') left center no-repeat}
.btn-ico.btn-add span{background:url('../img/sub/ico-plus.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-add:hover span{background:url('../img/sub/ico-pluson.png') left center no-repeat}
.btn-ico.btn-save span{background:url('../img/sub/ico-save.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-save:hover span{background:url('../img/sub/ico-saveon.png') left center no-repeat}
.btn-ico.btn-spend span{background:url('../img/sub/ico-spend.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-spend:hover span{background:url('../img/sub/ico-spendon.png') left center no-repeat}
.btn-ico.btn-account span{background:url('../img/sub/ico-account.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-account:hover span{background:url('../img/sub/ico-accounton.png') left center no-repeat}
.btn-ico.btn-print span{background:url('../img/sub/ico-s-print.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-print:hover span{background:url('../img/sub/ico-s-printon.png') left center no-repeat}
.btn-ico.btn-delete{border-color:#8a8a8a;color:#8a8a8a;background-color:#f5f5f5}
.btn-ico.btn-delete span{background:url('../img/sub/ico-trash.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-delete:hover::after{background-color:#eee}
.btn-ico.btn-approve span{background:url('../img/sub/ico-approve.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-approve:hover span{background:url('../img/sub/ico-approveon.png') left center no-repeat}
.btn-ico.btn-reject span{background:url('../img/sub/ico-reject.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-reject:hover span{background:url('../img/sub/ico-rejecton.png') left center no-repeat}
.btn-ico.btn-send span{background:url('../img/sub/ico-send.png') left center  no-repeat;padding-left:30px}
.btn-ico.btn-send:hover span{background:url('../img/sub/ico-sendon.png') left center no-repeat}
.btn-ico.btn-list span{background:url('../img/sub/ico-list.png') left center no-repeat;padding-left:30px}
.btn-ico.btn-list:hover span{background:url('../img/sub/ico-liston.png') left center no-repeat}

.item-flow{overflow:hidden;display:flex;justify-content:space-between;counter-reset: section}
.item-flow > li{position:relative;width:calc(20% - 30px);height:145px;display:flex;align-items:center;justify-content:center}
.item-flow > li:after{position:absolute;width:30px;content:"\e940";font-family:'xeicon';top:50%;transform:translateY(-50%);color:#0066d8;font-size:1.2rem;right:-40px}
.item-flow > li:last-child:after{display:none}
.item-flow .dashed-box{position:relative;border:1px dashed #0066d8;border-radius:8px;overflow:hidden;text-align:center;width:100%;height:100%;display:flex;align-items:center;justify-content:center}
.item-flow .dashed-box:before{position:absolute;top:0;left:0;color:#fff;border-bottom-right-radius:65%;counter-increment: section;content: "0" counter(section);background-color:#0066d8;height:50px;width:65px;display:flex;justify-content:center;align-items:center}
.item-flow .dashed-box ul{text-align:left}
.item-flow.flow-trd > li{width:calc(33.333% - 30px)}
.item-flow.flow-four > li{width:calc(25% - 30px)}

/* 팝업 */
#js-sub-popup, .popup-wrap{display:none;position:fixed;top:50%;left:50%;width:1000px;height:600px;transform:translate(-50%,-50%);box-shadow:5px 5px 20px #333;background-color:#326bcd; padding:15px;z-index:50}
#js-sub-popup .sub-popup-head, .popup-wrap .sub-popup-head{position:relative;color:#fff;font-size:1.625rem;padding:10px 0 20px 20px;padding-right:30px}
#js-sub-popup .btn-close, .popup-wrap .btn-close{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#fff;font-size:2.4rem;font-weight:bold}
#js-sub-popup .sub-popup-con, .popup-wrap .sub-popup-con{background-color:#fff;overflow-y:auto;height:calc(100% - 65px);padding:30px}
#js-sub-popup .sub-popup-con .img-box img, .popup-wrap .sub-popup-con .img-box img{border:1px solid #cccccc; padding:15px; margin:15px 0;}
#js-sub-popup .sub-popup-con th, .popup-wrap .sub-popup-con th{padding:15px;background-color:#eee;border:1px solid #fff}
#js-sub-popup .sub-popup-con td, .popup-wrap .sub-popup-con td{padding:10px;text-align:center;border:1px solid #fff;border-bottom:1px solid #ddd}
#js-sub-popup .frm-wrap, .popup-wrap .frm-wrap{display:flex;align-items:center;margin-bottom:20px}
#js-sub-popup .frm-wrap button, .popup-wrap .frm-wrap button{flex-shrink:0}
#js-sub-popup .js-sub-popup-idx, .popup-wrap .js-sub-popup-idx{display:none;height:100%}
#js-sub-popup .sub-popup-tabs ul, .popup-wrap .sub-popup-tabs ul{overflow:hidden;border:1px solid #ccc}
#js-sub-popup .sub-popup-tabs li, .popup-wrap .sub-popup-tabs li{float:left;width:25%;border-right:1px solid #ccc}
#js-sub-popup .sub-popup-tabs li:last-child, .popup-wrap .sub-popup-tabs li:last-child{border-right:0}
#js-sub-popup .sub-popup-tabs a, .popup-wrap .sub-popup-tabs a{display:flex;height:50px;width:100%;align-items:center;justify-content:center}
#js-sub-popup .sub-popup-tabs a:hover,
#js-sub-popup .sub-popup-tabs a.on{background-color:#0066d8;color:#fff}
.popup-wrap .sub-popup-tabs a:hover,
.popup-wrap .sub-popup-tabs a.on{background-color:#0066d8;color:#fff}
#js-sub-popup .sub-popup-tabs-con, .popup-wrap .sub-popup-tabs-con{display:none}

/* 모바일 이미지 확대보기(새창) */
.mblink{position:relative}
.mblink a{display:none;position:absolute;bottom:0;right:0;width:40px;height:40px;overflow:hidden;background:rgba(0,0,0,0.4);border-radius:50%;text-align:center;color:#fff;line-height:40px}

/* sitemap */
.sub-site-map a{display:block}
.sub-site-map .site-1ul{overflow:hidden}
.sub-site-map .site-1li{display:flex;border-top:1px solid #ccc;padding-bottom:30px}
.sub-site-map .site-1item{font-size:1.5rem;border-top:2px solid #0091ea;padding-top:20px;width:160px;margin-right:50px;flex-shrink:0;font-weight:500}
.sub-site-map .site-2ul-wrap{width:100%}
.sub-site-map .site-2ul{font-size:1.25rem;overflow:hidden}
.sub-site-map .site-2li{float:left;width:16.6666%}
.sub-site-map .site-2li:nth-child(6n + 1){clear:both}
.sub-site-map .site-2item{padding:25px 0 15px 0;font-size:1.125rem;font-weight:500;color:#0d1b2b}
.sub-site-map .site-3li{margin-bottom:5px}
.sub-site-map .site-3li:last-child{margin-bottom:0}
.sub-site-map .site-3item{position:relative;font-size:.938rem;color:#7f7f7f;word-break:keep-all}
.sub-site-map .site-3item:hover{color:#0066d8}

/* 기본테이블 */
.tbl-scroll{margin-bottom:40px;}
.tbl-scroll th, .tbl-scroll td{border-right:1px solid #cfcfcf;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf}
.tbl-scroll th:last-child, .tbl-scroll td:last-child{border-right:0}

.tbl-scroll thead th{word-break:keep-all;width:150px;font-weight:normal;padding:20px 5px;background-color:#f1f8fe;font-size:1.125rem;border-bottom:0;font-weight:500}
.tbl-scroll tbody th{word-break:keep-all;font-weight:500;text-align:center}
.tbl-scroll tbody td{word-break:keep-all;padding:12px 20px;text-align:center;}
.tbl-scroll tbody .bg-type01{background-color: #f9f9f9;}
.tbl-scroll tbody .bg-type02{background-color: #fff;}
.tbl-scroll tbody .bg-type03{background-color: #f1f8fe;}
.tbl-scroll tbody td.td-left{text-align:left;}
.add-green .tbl-scroll thead th{background-color:#f2f8f7;}


/* 테이블 스타일 추가 24.04.08 */
.tbl-scroll .table-style01  thead tr th{background-color: #f3f3f3;}
.tbl-scroll .table-style01  tbody th{
padding:0 1.25rem; text-align: left; background: #f1f8fe;
}
.tbl-scroll .table-style01  tbody td{text-align: left;}
.tbl-scroll .table-style01 .bg-type01 th{background: #f1f8fe;}
.tbl-scroll .table-style01 .bg-type01 th:last-child{border-right: 1px solid #cfcfcf;}


/* 세로테이블 */
.tbl-scroll-h{margin-bottom:40px;}
.tbl-scroll-h th, .tbl-scroll-h td{word-break:keep-all;border-right:1px solid #cfcfcf;border-top:1px solid #cfcfcf;border-bottom:1px solid #cfcfcf}
.tbl-scroll-h td:last-child{border-right:0}
.tbl-scroll-h tbody th{width:150px;font-weight:normal;padding:20px 5px;background-color:#fafcff;font-size:1.125rem;font-weight:500}
.tbl-scroll-h tbody td{padding:15px 20px;text-align:left}
.add-green .tbl-scroll-h th{background-color:#f2f8f7;}
.add-green .inner-tbl thead th{background-color:#f5f5f5;}
.add-green .inner-tbl tbody th{background-color:#fff;}

/* 테이블 내부 점형 리스트 */
table .li-dot > li{position:relative;padding-left:15px;margin-bottom:10px}
table .li-dot > li::before{position:absolute;content:'';left:0;top:10px;width:3px;height:3px;background:#2d48ad}
table .li-dot > li:last-child{margin-bottom:0}
table .li-dot > li:last-child::before{display:block;}
table .li-dot > li.bf-none::before{display:none}
table .li-dot > li > span{margin:5px 0;display:block;position:relative;padding-left:15px;}
table .li-dot > li > span::before{position:absolute;content:'';left:0;top:10px;width:6px;height:2px;background:#444}
table .li-dot > li > span > em{font-weight:500;}
.add-green table .li-dot > li::before{background:#0f9079;}

/* 테이블 내부 컨텐츠 박스 */
table tbody td .td-inner{width:100%}
table tbody td .td-inner li{overflow:hidden;position:relative;margin-top:20px;border:1px solid #ddd;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
table tbody td .td-inner li:last-child{margin-bottom:20px}
table tbody td .td-inner li .td-inner-left{padding:30px;width:calc(100% - 517px);margin-right:100px}
table tbody td .td-inner li .td-inner-right{width:417px;position:absolute;top:50%;right:0;transform:translate(0, -50%)}
table tbody td .td-inner li .td-inner-right img{width:100%;}
table tbody td .td-inner li .td-inner-left dt{font-weight:600;color:#2d48ad;font-size:1.3rem;margin-bottom:20px}
table tbody td .td-inner li .td-inner-left dd{position:relative;padding-left:15px;margin-bottom:10px;}
table tbody td .td-inner li .td-inner-left dd:last-child{margin-bottom:0}
table tbody td .td-inner li .td-inner-left dd::before{position:absolute;content:'';left:0;top:8px;width:6px;height:6px;border:2px solid #2d48ad}
table .li-dot > li .inner-img{}
table .li-dot > li .inner-img .img-title, table .li-dot > li .img-box .img-title{display:block;font-weight:600;color:#2d48ad;margin-bottom:10px}
table .li-dot > li .img-box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start}
table .li-dot > li .img-box li{width:48%;margin-bottom:20px}


/* 테이블 내부 테이블 */
.inner-tbl{width:100%;margin-top:20px}
.inner-tbl table thead th{padding:10px;font-size:1rem;background:#f5f5f5;font-weight:600;text-align:center;border-bottom:0}
.inner-tbl table thead th:last-child{border-right:0}
.inner-tbl table tbody th{font-size:1rem;text-align:center;font-weight:600;background:#fff;}
.inner-tbl table tbody td{text-align:center}
.inner-tbl table tbody td.td-left{text-align:left}

/* login 240319 */
.member-wrap{border:1px solid #ddd;padding:50px 20px;max-width:500px;margin:0 auto;text-align:center}
.member-wrap .login-wrap{max-width:300px;margin:20px auto 0 auto}
.login-wrap .login-area{display:flex;gap:5px;flex-direction:column}
.login-wrap .login-area .flex-item{position:relative}
.login-wrap .login-area .flex-item .input-text{padding-left:50px}
.login-wrap .login-area .flex-item .log-ic{position:absolute;left:20px;top:50%;transform:translateY(-50%);color:#d1d1d1}
.member-wrap .btn-center-wrap{display:flex;gap:5px;flex-wrap:wrap}
.member-wrap .btn-center-wrap .login-idpw{display:flex;gap:5px;width:100%}
.member-wrap .btn-center-wrap .login-idpw > *{flex:1;font-size:.87em}
.member-wrap .flex-li{display:flex;gap:5px;width:100%;margin:20px 0}
.member-wrap .flex-item{flex:1}
.member-wrap .flex-item .radio-box{margin-top:10px}
.member-wrap .flex-li .label-txt{text-align:left;margin-bottom:5px;display:block;font-weight:500}
.member-wrap .flex-btn{display:flex;gap:5px}
.btn-base{background-color:#4797ef;color:#fff;width:100%;font-weight:500;border-radius:5px;height:48px;display:flex;align-items:center;justify-content:center;transition:.3s}
.btn-base:hover{background-color:#113892}
.btn-base.btn-cancel{background-color:#333;color:#fff}
.btn-base.btn-cancel:hover{background-color:#000}
.btn-base.btn-line{color:#333;border:1px solid #333;background-color:transparent}
.btn-base.btn-line:hover{background-color:rgba(201,200,200,.1)}

/* 공지사항 */
.btn-file-add{display:block;color:#444;font-size:.9em;text-decoration:underline}
.btn-file-add:before{font-family:'xeicon';content:"\eaa8"}
.btn-file-add:hover{text-decoration:underline}
.btn-one-wrap input[type=file].input-text{margin-bottom:5px}
.btn-one-wrap input[type=file].input-text:last-child{margin-bottom:0}
.btn-one-wrap > *{margin-bottom:5px}
.btn-one-wrap > *:last-child{margin-bottom:0}

/* 이미지 리스트(갤러리형) */
.li-gallery{display:flex;flex-wrap:wrap;}
.li-gallery li{width:calc((100% - 120px) / 4);margin-right:40px;margin-bottom:40px;border:1px solid #ddd;}
.li-gallery li:nth-child(4n), .li-gallery li:last-child{margin-right:0}
.li-gallery li a{position:relative;display:flex;flex-wrap:wrap;height:100%;}
.li-gallery li a img{padding:20px;}
.li-gallery li a::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border:0;transition:all 0.2s ease;}
.li-gallery li:hover a::before{border:10px solid;border-image-slice:1; border-image-source:linear-gradient(to left, #64b1f8, #0546bd);}
.li-gallery.blue-list li:hover a::before{border:10px solid;border-image-slice:1; border-image-source:linear-gradient(to left, #64b1f8, #0546bd);}
.li-gallery li img{display:block;}
.li-gallery li span{width:100%;display:flex;flex-wrap:wrap;justify-content:center;padding:20px;background:#f7f7f7;}
.li-gallery li span em{width:100%;text-align:center;word-break:keep-all;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-bottom:5px}
.li-gallery li span strong{width:100%;text-align:center;}


/* 장비 view 페이지 */
.about-device{display:flex;flex-wrap:wrap;justify-content:flex-start;position:relative;margin-bottom:70px;}
.about-device::before{position:absolute;content:'';right:0;bottom:-50px;width:286px;height:255px;/*background:url('/lib/img/sub/dev-text-bg.png') left top no-repeat;*/z-index:1;}
.about-device.blue-box::before{background:url('/lib/img/sub/dev-text-blue-bg.png') left top no-repeat;}
.about-device::after{position:absolute;content:'';top:50px;left:50px;width:calc(100% - 50px);height:100%;background:#f9f9f9;z-index:-1;}
.about-device.blue-box::after{background:#f0f8ff;}
.about-device .dev-img{overflow:hidden;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;width:40%;max-height:560px;background:#fff;border-radius:20px;box-shadow:0px 0px 20px 0 rgba(0,0,0,0.1);}
.about-device .dev-img img{width:100%;height:100%;max-width:100%;}
.about-device .dev-text{width:60%;padding:50px;position:relative;z-index:10;}
.about-device .dev-text .dev-title{display:block;font-size:1.5rem;font-weight:700;margin-bottom:30px;margin-top:50px;word-break:keep-all;position:relative;padding-bottom:20px;}
.about-device .dev-text .dev-title::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:2px;background:#b8dfd8;}
.about-device.blue-box .dev-text .dev-title::after{background:#86a7e2;}
.about-device .dev-text .dev-en-title{color:#397dce;}
.about-device .dev-text .dev-detail li{display:flex;flex-wrap:wrap;margin-bottom:20px;position:relative;padding-left:15px;}
.about-device .dev-text .dev-detail li::before{position:absolute;content:'';top:10px;left:0;width:4px;height:4px;background:#0f9079;}
.about-device.blue-box .dev-text .dev-detail li::before{background:#1754c4;}
.about-device .dev-text .dev-detail li:last-child::before{display:block;}
.about-device .dev-text .dev-detail li strong{width:70px;}
.about-device .dev-text .dev-detail li span{width:calc(100% - 90px);display:block;margin-left:20px;}
.about-device .dev-text .dev-detail li p{display:block;width:calc(100% - 90px);margin-left:20px;}
.li-gallery .img_box{width:100%;height:318px}
.li-gallery .img_box img{width:100%;height:100%;max-width:100%;}

/*	숫자 list */
.li-num{width:100%;max-height:400px;overflow-y:auto;padding:30px;border:1px solid #ddd;background:#fff;}
.li-num li{margin-bottom:10px;}
.li-num li:last-child{margin-bottom:0px;}
.li-num li p{background:#f8f8f8;padding:20px;margin-top:20px;word-break:keep-all;}
.li-num li span{position:relative;display:block;padding-left:20px;word-break:keep-all;}
.li-num li span::before{position:absolute;top:0px;left:0;font-weight:700;color:#326bcd;}
.li-num li:first-child span::before{content:'1.';}
.li-num li:nth-child(2) span::before{content:'2.';}
.li-num li:nth-child(3) span::before{content:'3.';}
.li-num li:nth-child(4) span::before{content:'4.';}
.li-num li:nth-child(5) span::before{content:'5.';}
.li-num li:nth-child(6) span::before{content:'6.';}
.li-num li:nth-child(7) span::before{content:'7.';}
.li-num li:nth-child(8) span::before{content:'8.';}
.li-num li:nth-child(9) span::before{content:'9.';}
.li-num li:nth-child(n + 10) span{padding-left:30px}
.li-num li:nth-child(10) span::before{content:'10.';}
.li-num li:nth-child(11) span::before{content:'11.';}
.li-num li:nth-child(12) span::before{content:'12.';}
.li-num li:nth-child(13) span::before{content:'13.';}
.li-num li:nth-child(14) span::before{content:'14.';}
.li-num li:nth-child(15) span::before{content:'15.';}

/* radio button */
.radio-box.rdo-chk-box{display:flex;flex-wrap:wrap;justify-content:center;margin:30px 0 60px}
.radio-box.rdo-chk-box span{width:100%;text-align:center;}
.radio-chk{width:100%;display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0 20px}
.radio-box.rdo-chk-box input[type="radio"] + label{display:inline-block;margin-right:30px}
.radio-box.rdo-chk-box input[type="radio"] + label:last-child{margin-right:0}

.txt-caution em{position:relative;padding-left:20px;color:#f82574;}
.txt-caution em::before{position:absolute;content:'※';top:0;left:0;}


/* writer:sein
page: education.aspx
date:2024.08.20
 */
.education-wrap{}
.education-wrap li{ border:none;}
.education-wrap .img_box{border:1px solid #ddd;border-top-left-radius: 2rem; aspect-ratio: 1 / 1.3; height: auto; transition: 0.2s all ease-in-out; overflow: hidden;}
.education-wrap .img_box:hover{border:1px solid #397dce;}
.education-wrap .img_box img{transition: 0.3s;}
.education-wrap .img_box:hover img{ transform: scale(1.05, 1.05);}
.education-wrap li span{color: #fff; font-size: 1rem; margin-top:10px; padding: 1rem; background-color: #397dce;}
.education-wrap li span.apply-ing{ background-color: #397dce;}
.education-wrap li span.apply-end{background-color: #767676;}
.li-gallery.education-wrap li a::before{display: none;}

.education-apply-wrap{display: flex;align-items: flex-start; justify-content: space-between; gap: 3%; width: 100%;}

.apply-img-cont{width: 45%; background-color: #dbdbdb;}
.apply-img-cont img{width: 100%; aspect-ratio: 1/1.3;}
.apply-write-cont{width: 55%;}
.apply-write-cont .tbl-scroll{ overflow: unset;
	overflow-x: unset;}
.apply-write-cont .tbl-scroll tr{}
.apply-write-cont .tbl-scroll tbody th, .apply-write-cont .tbl-scroll tbody td{ word-break:keep-all;	padding: 12px 20px;text-align: center; height: 80px;}
.apply-write-cont .tbl-scroll tbody td{text-align: left;}
.apply-write-cont .tbl-scroll tbody th{background-color: #f1f8fe;font-size: 1.125rem;border-bottom: 0;font-weight: 500;}
.apply-write-cont .tbl-scroll tbody td input{width: 100%; height: 40px;}
.apply-write-cont .tbl-scroll tbody td .flex-btn{display: flex;align-items: center; gap: 10px;}
.apply-write-cont .tbl-scroll tbody td .flex-btn input{width: 60%;}
.apply-write-cont .tbl-scroll tbody td .flex-btn button{width: 150px;}
.apply-write-cont .checkbox-wrap{display: flex; justify-content: center; align-items: center; gap: 20px;}
.apply-write-cont .checkbox-wrap .checkbox-area{width: auto; display: flex; align-items: center;}
.apply-write-cont .checkbox-wrap .checkbox-area input{margin-right: 10px;}
.apply-write-cont .tel-wrap{display: flex; align-items: center; justify-content: flex-start;}
.apply-write-cont .tel-wrap .area-custom-select{width: 30% !important; height: 40px;}
.apply-write-cont .area-custom-select .custom-select{    background: #fff url(../img/sub/ic-arrow.png) 98% center no-repeat; height: 40px !important;}
.apply-write-cont .area-custom-select .custom-select .custom-select-text{top: 9px;     text-overflow: ellipsis;overflow: hidden;	text-wrap: nowrap;white-space: nowrap;}
.apply-write-cont .tel-wrap  span.dash{display: block; padding: 0px 10px; width: 30px;}
.apply-write-cont .tel-wrap input{width: 30% !important;}
.apply-write-cont .mbtb_quide.mobile-only{display: none;}




/* writer:sein
page: mypage.aspx - 탭 추가
date:2024.10.11.

*/
.member-tab{margin-bottom: 2rem; width: 100%;}
.member-tab ul{border: 1px solid #ddd; display: flex;}
.member-tab ul li{width: 50%; text-align: center;}
.member-tab ul li:first-child{border-right: 1px solid #ddd;}
.member-tab ul li a{display: block;	padding: 15px;}
.member-tab ul li.on{background: #0066d8;}
.member-tab ul li.on a{color: #fff; }
.program-list {}
.program-list .td-subject{}
.program-list .td-status01{color: #555;}
.program-list .td-status02{color:#0066d8;}
.program-list .td-status03{color: red;}

.phone-input {width: 80px !important;}
.btn-ico.btn-del {border-color: #8a8a8a;color: #8a8a8a;background-color: #f5f5f5;}
.btn-ico.btn-del span {background: url(../img/sub/ico-trash.png) left center no-repeat;padding-left: 30px;}
.btn-ico.btn-del:hover::after {background-color: #eee;}
.btn-ico.btn-reapply span{background: url(../img/sub/ico-search.png) left center no-repeat; padding-left: 30px;}
.btn-ico.btn-reapply:hover span {background: url(../img/sub/ico-searchon.png) left center no-repeat;}













@media (max-width:1400px){
	.sub-nav .cinner{width:100%;padding:0}
	.sub-nav-info{right:50px}
	.sub-nav .sub-1item{min-width:250px}
	.sub-nav .sub-1item:after{right:20px;font-size:1em}

	.sub-con{width:100%;margin:50px auto 100px auto;padding:0 50px;font-size:1rem}

	.depth-tabs{width:100%;padding:0 20px}

	table tbody td .td-inner li .td-inner-left{width:calc(100% - 350px);margin-right:50px;}
	table tbody td .td-inner li .td-inner-right{width:300px;}

	.li-gallery .img_box{height:290px}
}



@media (max-width:1200px){
	.sub-v .cinner .txt-box h2{font-size:2.6rem}
	.sub-nav .sub-1li{height:60px}
	.sub-nav .sub-1item{font-size:1rem;padding-left:20px;min-width:205px}
	.sub-nav .sub-1item:after{right:15px}
	.sub-nav .sub-1li.home .sub-1item{width:60px}
	.sub-nav .sub-2ul{top:55px}
	.sub-nav .sub-2item{font-size:.9rem}
	.sub-nav-info{right:20px}
	.sub-nav-info .sns-share{height:60px}

	.depth-tabs li{height:70px}

	.con-box{margin:50px auto}
	.con-pbox-line{padding:50px}
	.con-box-tline{padding-top:50px;margin:50px 0}
	.con-box .subject{font-size:1.875rem;margin-bottom:20px}

	.img-album-flex .img{margin-right:80px}

	.img-bg-flex .txt{padding:30px}

	.txt-dashed-box{padding:30px}

	.txt-ico-tbl .ico{width:60px;height:60px;padding:15px}
	.txt-ico-tbl .txt-cell{padding-right:30px}
	.txt-ico-tbl .txt-cell:nth-child(2),
	.txt-ico-tbl .txt-cell:nth-child(3){padding-left:30px}

	.txt-quote{font-size:1.875rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:6.25rem;max-height:40px}

	.txt-dot-box .tit-dot{font-size:1.5rem;margin-bottom:20px}
	.txt-dot-box .tit-dot:before{width:6px;height:6px;top:15px}
	.txt-dot-box .tit-ico{font-size:1.5rem;margin-bottom:20px;padding-left:60px}
	.txt-dot-box .tit-ico:before{width:50px;height:30px}
	.txt-dot-box .con-dot p{margin:20px auto}

	.item-hipen > li{margin:8px 0}
	.item-hipen > li:before{width:8px;height:2px;top:10px}

	.item-square > li{margin:8px 0}
	.item-square > li:before{top:8px}

	.txt-dashed-tblbox{padding:30px}
	.txt-dashed-tblbox .txt-cell{padding-right:30px}
	.txt-dashed-tblbox .txt-cell:nth-child(2),
	.txt-dashed-tblbox .txt-cell:nth-child(3){padding-left:30px}

	.item-flow .dashed-box:before{width:40px;height:35px}

	.sub-site-map .site-1ul{margin-top:20px}
	.sub-site-map .site-2ul{font-size:2vw}
	.sub-site-map .site-2li{width:33.333%}
	.sub-site-map .site-2li:nth-child(6n + 1){clear:none}
	.sub-site-map .site-2li:nth-child(3n + 1){clear:both}
	.sub-site-map .site-2item{font-size:1.2rem}

	.tbl-basic .calender-wrap{max-width:100%;}
	.tbl-basic.sm-td .calender-wrap{max-width:100%;}

	.tbl-list .board-subject{max-width:50vw}

	table tbody td .td-inner li .td-inner-left{width:100%;margin-right:0;}
	table tbody td .td-inner li .td-inner-right{padding-bottom:30px;text-align:center;margin:0 auto;width:300px;position:relative;top:auto;right:auto;transform:translate(0, 0)}

	/* 게시판 조회부 */
	.tbl-basic.serchbox tbody tr td{width:30%}
	.tbl-basic.serchbox tbody tr td:nth-of-type(2){width:60%}

	.li-gallery li span em{height:46px}
	.li-gallery .img_box{height:240px}
}

@media (max-width:1024px){

	.list-menu li{width:50%;}

	.h3-tit{font-size:2rem;margin-bottom:20px}

	.sub-nav .cinner{padding:0 20px;z-index: 1;}
	.sub-nav .sub-1item{min-width:200px}
	.sub-nav-info .btn{margin-right:0}
	.sub-nav-info .btn.print{display:none}
	.sub-nav-info .sns-share{top:47px;right:50%;transform:translateX(50%);width:auto;height:0;transition:.1s}
	.sub-nav-info .sns-share ul{display:block}
	.sub-nav-info .btn.on + .sns-share{width:auto;height:auto;background: none;}

	.sub-con{padding:0 20px}

	.tbl-basic tbody th{width:10%;min-width:110px;padding:15px;width:10%}
	.tbl-basic tbody td{padding:15px 10px}
	.tbl-basic tbody td:not([colspan]){width:40%}
	.tbl-basic .calender-wrap-oneday{max-width:100%;}
	.tbl-basic tbody tr td .td-flex .btn-ico{height:40px}

	.dl-basic dt{line-height:38px;}
	.check-box input[type="checkbox"] + label:before{top:1px;}

	#js-sub-popup, #js-sub-popup02, #js-sub-popup03, #js-sub-popup04, #js-sub-popup05, .popup-wrap{width:80%;height:60vh;padding:10px;}
	#js-sub-popup .sub-popup-head{font-size:1.125rem;padding-left:0}
	#js-sub-popup .btn-close{font-size:1.6rem;top:7px;transform:none}
	#js-sub-popup .sub-popup-con{padding:20px}
	#js-sub-popup .sub-popup-con td, .popup-wrap .sub-popup-con td{text-align:left;border:none}
	#js-sub-popup .sub-popup-con td .btn-ico{display:block;width:100%;margin-bottom:0}

	.popup-wrap .btn-base{height:40px;}

	.li-gallery li{width: calc((100% - 20px) / 2);margin-right:20px;margin-bottom:20px;}
	.li-gallery li:nth-child(2n){margin-right:0;}
	.li-gallery li span em{height:auto}

	.about-device{justify-content:center;margin-bottom:0}
	.about-device::before{bottom: 0px;}
	.about-device::after{width:100%;left:0;top:30%;height:70%}
	.about-device .dev-img{width:90%;}
	.about-device .dev-text{width:100%;padding:30px;}
	.about-device .dev-text .dev-title{margin-top:10px;}

	.li-gallery .img_box{height:477px}
		
}

@media (max-width:940px){
	.wd-50 .upload-name{width:100%; margin-bottom:10px;}
	.wd-50 label{min-width:100%;}
	.tbl-basic.tbl-th-wide tbody th{min-width:180px}
	.tbl-basic tbody tr td .td-flex input{width:100%}
	.tbl-basic tbody tr td .td-flex .btn-ico{width:100%;margin-top:10px}
}

@media (max-width:850px){
	.dl-box.dl-btn-three{position:relative;margin-top:20px}
	.dl-box.dl-btn-three .dl-basic{width:100%}
	.li-gallery .img_box{height:390px}
}

@media (max-width:720px){
	.sub-v .cinner .txt-box{display:block}
	.sub-v .cinner .txt-box h2{font-size:2rem;margin-right:0;margin-bottom:20px}
	.sub-nav .sub-1li{display:none;height:50px}
	/*.sub-nav .sub-1li.home .sub-1item{width:60px;height:60px;margin-top:-10px}*/
	.sub-nav .sub-1li.home .sub-1item{width:50px;height:50px;margin-top:0;background-size: 40%;}
	.sub-nav .sub-1li:first-child{display:block}
	.sub-nav .sub-1li:last-child{display:block}
	.sub-nav-info .btn{width:20px;height:20px;background-size:contain}
	.sub-nav .sub-2ul{top:50px;padding:10px;border-radius:0 0 10px 10px}
	.sub-nav .sub-2item{padding:10px}

	.h3-tit{font-size:1.6rem}

	.tbl-basic tbody tr,
	.tbl-basic tbody th,
	.tbl-basic tbody td{display:block;width:100%}
	.tbl-basic tbody td:not([colspan]){width:100%}
	.tbl-basic tbody th,
	.tbl-basic tbody td{border-bottom:0}
	.tbl-basic tbody th{text-align:left}
	.tbl-basic.tbl-th-wide tbody th.th-title{border-top:1px solid #a5a5a5;}
	.tbl-basic.tbl-th-wide tbody tr:first-child th.th-title{border-top:0;}
	.tbl-basic.sm-td tbody tr td:nth-of-type(2){width:100%}
	.tbl-basic tbody tr:last-child td:last-child{border-bottom:1px solid #a5a5a5}
	.tbl-basic tbody th:not([colspan]){width:100%}
	.tbl-basic tbody td:not([colspan]){width:100%}
	.tbl-basic tbody #prev,.tbl-basic tbody #next{display:table-row;cell}
	.tbl-basic tbody #prev th:not([colspan]){display:table-cell;min-width:150px;width:auto;text-align:center;border-bottom:1px solid #a5a5a5}
	.tbl-basic tbody #next th:not([colspan]){display:table-cell;min-width:150px;width:auto;text-align:center;border-bottom:1px solid #a5a5a5;border-top:0}
	.tbl-basic tbody #prev td:not([colspan]),
	.tbl-basic tbody #next td:not([colspan]){display:table-cell;}

	.tbl-basic tbody th br{display:none;}
	.tbl-basic .calender-wrap{max-width:100%}
	.area-custom-select{height:40px;}
	.area-custom-select.dev-select{height:60px;}
	.custom-select{height:40px;}
	.custom-select-text{top:10px;}
	.dev-select .custom-select-text{top:50%;transform:translateY(-50%);}
	.custom-select-option{height:40px; line-height:40px;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
	.dev-select .custom-select-option{height:auto;line-height:1.4;overflow:unset;text-overflow:unset;white-space:unset;}
	.filebox .upload-name{width:calc(100% - 105px);height:40px;}
	.wd-50 .upload-name{margin-bottom:0;}
	.filebox label{min-width:100px; width:100px; height:40px; line-height:40px;margin-bottom:0;}
	.filebox input[type="file"]{left:24px}

	/* 게시판 조회부 */
	.tbl-basic.serchbox tbody tr td{width:100%}
	.tbl-basic.serchbox tbody tr td:nth-of-type(2){width:100%}

	.tbl-basic tbody td .content{height:auto;max-height:100%;}

	.tbl-list th.wd10, .tbl-list td.wd10{width:auto}
	.tbl-list th.wd8, .tbl-list td.wd8{width:auto}

	.tbl-list .board-subject{max-width:100%;white-space:inherit}

	.tbl-list{display:block}
	.tbl-list thead{display:none}
	.tbl-list tbody{display:block}
	.tbl-list tbody .td-num{display:none}
	.tbl-list tbody tr{position:relative;display:block;padding:10px 10px;width:100%;box-sizing: border-box;border-bottom:1px solid #ececec}
	.tbl-list tbody tr::after{display:block;clear:both;content:''}
	.tbl-list tbody td{display:block;padding:2px 0;border:0;font-size:13px;text-align:left;}
	.tbl-list .td-subject{font-weight:600}
	.tbl-list .td-subject a{display:block;padding-right:15px;font-weight:500}
	.tbl-list .td-writer::before{margin-right:5px;content:'작성자';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-pre-price::before{margin-right:5px;content:'지출예정금액';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-init-date::before{margin-right:5px;content:'발의일자';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-finish-price::before{margin-right:5px;content:'결의금액';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-state::before{margin-right:5px;content:'진행상태';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-list::before{margin-right:5px;content:'지출항목';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-list-detail::before{margin-right:5px;content:'세목';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-spd-subject::before{margin-right:5px;content:'적요';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-spd-date::before{margin-right:5px;content:'집행일자';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-wrt-date::before{margin-right:5px;content:'작성일';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-bis-dv::before{margin-right:5px;content:'사업구분';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-bdg-dv::before{margin-right:5px;content:'예산구분';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-bill::before{margin-right:5px;content:'계산서';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-card::before{margin-right:5px;content:'카드';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-person::before{margin-right:5px;content:'인건비';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-cash::before{margin-right:5px;content:'현금';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-price::before{margin-right:5px;content:'금액';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-account::before{margin-right:5px;content:'계좌번호';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-req-date::before{margin-right:5px;content:'집행요구일';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-place::before{margin-right:5px;content:'사업장';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-bis-name::before{margin-right:5px;content:'사업명';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-remark::before{margin-right:5px;content:'비고';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-view::before{margin-right:5px;content:'조회수';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-add::before{margin-right:5px;content:'첨부';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-card-num::before{margin-right:5px;content:'카드번호';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-admit-num::before{margin-right:5px;content:'승인번호';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .td-admit-date::before{margin-right:5px;content:'승인일자';font-weight:500;color:#000;width:80px;display:inline-block}
	.tbl-list .check-box{position:absolute;right:10px;top:10px}

	.tbl-inner tbody tr{padding:0 10px;border-bottom:none}
	.tbl-inner tbody tr:first-child{padding-top:10px;}
	.tbl-inner tbody tr:last-child{padding-bottom:10px;}
	.tbl-list tr:last-child .tbl-inner tr:first-child td{border-bottom:none;}
	.tbl-list tr:last-child .tbl-inner tr:last-child td{border-bottom:none;}

	/* 기본테이블 */
	.tbl-scroll{width:100%;overflow:hidden;overflow-x:scroll;position:relative}
	.tbl-scroll table{width:1000px}
	/* 세로테이블 */
	.tbl-scroll-h{width:100%;overflow:hidden;overflow-x:scroll;position:relative}
	.tbl-scroll-h table{width:1200px}
	.mbtb_quide{position:absolute;top:20px;left:50%;width:70px;height:70px;background:url('/lib/img/sub/bg_touch.png') no-repeat;background-size:100%;border-radius:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);}

	table tbody td .td-inner li .td-inner-left{padding:30px;width:calc(100% - 517px);margin-right:100px}
	table tbody td .td-inner li .td-inner-right{width:417px;position:absolute;top:50%;right:0;transform:translate(0, -50%)}

	.img-right-box{padding:0}
	.img-right-box .txt-box{position:relative;margin-top:50px;width:calc(100% - 20px);padding:20px}
	.img-right-box .txt-box:after{width:20px;height:20px;top:-20px;right:-20px}

	.txt-dashed-box{padding:20px}

	.txt-ico-tbl .ico{flex-shrink:0;width:40px;height:40px;padding:10px;margin-right:10px}
	.txt-ico-tbl .btn{display:block}
	.txt-ico-tbl .tit{margin-bottom:10px;margin-right:0}
	.txt-ico-tbl dt .tit{padding-right:10px;margin-right:10px}

	.txt-quote{font-size:1.4rem}
	.txt-quote p:before,
	.txt-quote p:after{font-size:4rem;max-height:25px}

	.txt-dot-box .tit-dot{font-size:1.2rem;padding-left:15px}
	.txt-dot-box .tit-dot:before{width:5px;height:5px;top:10px}
	.txt-dot-box .tit-ico{font-size:1.2rem}
	.txt-dot-box .con-dot{padding-left:15px}

	.item-hipen > li{margin:5px 0;padding-left:15px}
	.item-hipen > li:before{width:6px}

	.item-square > li{margin:5px 0}
	.item-square > li:before{top:9px}

	.item-num > li{padding-left:40px;margin:12px 0}

	.item-flow{display:block}
	.item-flow > li{width:100%;height:auto;display:block;padding-bottom:15px}
	.item-flow .dashed-box{min-height:100px}
	.item-flow > li:after{top:auto;bottom:0;left:50%;transform:translate(-50%,0);content:"\e943";right:auto;width:auto}
	.item-flow.flow-trd > li,
	.item-flow.flow-four > li{width:100%}

	.mblink a{display:block}

	.sub-site-map .site-1li{display:block;border:0}
	.sub-site-map .site-1item{width:100%;margin-right:0;font-size:1.3rem}
	.sub-site-map .site-2li:nth-child(odd) .site-2item{padding-right:5px}


	.btn-ico.btn-list span,.btn-ico.btn-list:hover span,
	.btn-ico.btn-add span,.btn-ico.btn-add:hover span,
	.btn-ico.btn-save span,.btn-ico.btn-save:hover span,
	.btn-ico.btn-spend span,.btn-ico.btn-spend:hover span,
	.btn-ico.btn-account span,.btn-ico.btn-account:hover span,
	.btn-ico.btn-print span,.btn-ico.btn-print:hover span,
	.btn-ico.btn-delete,.btn-ico.btn-delete span,
	.btn-ico.btn-approve span,.btn-ico.btn-approve:hover span,
	.btn-ico.btn-reject span,.btn-ico.btn-reject:hover span,
	.btn-ico.btn-send span,.btn-ico.btn-send:hover span,
	.btn-ico.btn-search span,.btn-ico.btn-search:hover span{background-size:contain}


	.about-device::after{width:100%;left:0;top:15%;height:85%;}

	.area-custom-select.split-three{width:100%;margin-right:0;display:block;margin-bottom:5px;}

	.li-gallery .img_box{height:325px}

	.dev-select .custom-select{height:60px;}
	.h4-tit .area-custom-select.dev-select{margin-top:10px;width:100%;}
	.h4-tit .tit-span:after{display:none}

	.btn-base{height:40px}

	.member-wrap .flex-li{flex-direction:column;gap:20px}

		/* writer:sein
			page: education.aspx
		date:2024.08.20
		*/
		.education-apply-wrap{flex-direction: column;}
		.apply-img-cont{width: 100%;}
		.apply-write-cont {width: 100%;}
		.apply-write-cont .tbl-scroll table{width: 100%;}
		.apply-write-cont .tbl-scroll tbody th{font-size: 1rem;}
		.apply-write-cont .tel-wrap{flex-direction: column;}
		.apply-write-cont .tel-wrap .area-custom-select{width: 100% !important;}
		.apply-write-cont .tel-wrap input{width: 100% !important;}
		.apply-write-cont .tbl-scroll tr {
			display: flex;
			flex-direction: column;
	}
	.apply-write-cont .tbl-scroll tbody th, .apply-write-cont .tbl-scroll tbody td{height: auto; border-bottom: 0; text-align: center; border-right: 0;}
}

@media (max-width:640px){
	.dl-basic{width:50%}

	.li-gallery li{width:100%;margin-right:0;margin-bottom:20px;}
	.li-gallery .img_box{height:auto;}
}

@media (max-width:550px){
	.sub-v .cinner .txt-box p{word-break: break-all;letter-spacing: -0.03em;}
	.sub-v .cinner .txt-box span {margin-top: 5px;}
}

@media (max-width:500px){
	.dl-box{position:relative;margin-top:30px}
	.dl-basic{width:100%;}

	.about-device .dev-text .dev-detail li strong{width:100%;margin-bottom:10px;}
	.about-device .dev-text .dev-detail li span{width:100%;margin-left:0;}
	.about-device .dev-text .dev-detail li p{width:100%;margin-left:0;}
}

@media (max-width:414px){
	.list-menu li{width:100%;}
	.call-box .area-custom-select{width:calc((100% - 20px) / 3);}
	.call-box span{width: 10px;}
	.h4-tit .tit-span{width:80px;}
	.h4-tit .area-custom-select{width:calc(100% - 95px)}
}

/*담당자 및 역할 - 240619 YCE*/
.part-table thead tr th{border-bottom: none; background-color: #f7f7f7; padding: 20px 5px;}
.part-table thead tr th:last-child{border-right: none;}
.part-table li{text-align: left; position: relative; padding-left: 15px;}
.part-table li::before{position: absolute; top: 10px; left: 0; content: ''; display: block; width: 5px; height: 5px; background-color: #0d1b2b; border-radius: 50%;}


.tbl-scroll .counter{counter-reset : numbering; list-style-type:none;}
.tbl-scroll .counter .numbering::before{counter-increment : numbering; content : counter(numbering);}
.tbl-scroll .t-left{text-align: left !important;}



/*조직도 - 240619 YCE*/
.sub-con-inner{position: relative;}
.sub-con-inner .orgTreeBox{width: calc(66% - 20px);}
.sub-con-inner .orgTreeBox .track{position: absolute; top: 30px; right: 0; width: calc(34% - 20px);}
.sub-con-inner .orgTreeBox .track{grid-template-columns: 1fr 1fr; top: 345px;}
.sub-con-inner .orgTreeBox .track:after{width: 184.5%; transform: none; top: -270px; left: -107.5%;}
.sub-con-inner .orgTreeBox .track li:before{top: -270px; z-index: -3; height: 390px;}
.sub-con-inner .orgTreeBox .track li::after{top: 105px;}
.sub-con-inner .orgTreeBox .track .dep4 strong{text-align: left; position: relative; z-index: -2; overflow: hidden; margin-bottom: 40px;}
.sub-con-inner .orgTreeBox .track .dep4 strong::before{content: ''; display: block; width: 200px; height: 200px; background-color: #135fb3; position: absolute; left: -85px; top: 14%; transform: rotate(60deg); z-index: -1;}
.sub-con-inner .orgTreeBox .track .dep4 strong span.leader{margin-right: 35px; color: white;}

.sub-con-inner .orgTreeBox .track .dep5{background-color: white; border: 1px solid #dfdfdf; border-radius: 0 15px 0 0; overflow: hidden;}
.sub-con-inner .orgTreeBox .track .dep5 .title{background-color: #4797ef; padding: 20px; color: #fff; font-size: 20px; font-weight: 500;}
.sub-con-inner .orgTreeBox .track .dep5 p{padding: 15px 20px; position: relative;}
.sub-con-inner .orgTreeBox .track .dep5 p::before{content: ''; position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 1px dashed #dbdbdb;}
.sub-con-inner .orgTreeBox .track .dep5 p:last-child:before{border-bottom: none;}


.sub-con-inner .orgTreeBox ul{width: 100%; grid-template-columns: 1fr 1fr 1fr 1fr;}
.sub-con-inner .orgTreeBox ul::after{width: 78.3%;}
.sub-con-inner .orgTreeBox ul .merge{padding: 42px 20px;} 
.sub-con-inner .orgTreeBox .dep3 .twin{width: 100%; display: flex;}
.sub-con-inner .orgTreeBox .dep3 .twin .merge{padding: 32px 20px;}
.sub-con-inner .orgTreeBox .dep3 .twin > div{flex: 1;}
.sub-con-inner .orgTreeBox .dep3 .twin > div:first-child .bg-b{border-right: 1px solid #dbdbdb;}
.sub-con-inner .orgTreeBox .dep3 .twin > div:first-child .merge{border-right: none}
.sub-con-inner .orgTreeBox .dep3 .twin span.bg-b{background: #4797ef; color: white; border-color: #4797ef; border-top: 1px solid #dbdbdb; padding: 15px 10px; font-size: 14px;}
.sub-con-inner .orgTreeBox .dep3 .twin span span{display: inline-block; border-left: none; border-right: none; padding: 0; background-color: #4797ef; font-size: 8px;}
.sub-con-inner .orgTreeBox .dep3 .twin span span::before {content: ''; position: absolute; width: 100%; left: 0; bottom: 0; border-bottom: 1px dashed #dbdbdb;}

.sub-con-inner .orgTreeBox .dep4 strong span{font-size: 14px;}
.sub-con-inner .orgTreeBox .dep4 strong{font-size: 16px;}

.sub-con-inner .orgTreeBox .dep4.position-tag strong{position: relative; padding: 15px 15px 15px 43px;}
.sub-con-inner .orgTreeBox .dep4.position-tag strong:first-child{padding: 15px;}
.sub-con-inner .orgTreeBox .dep4.position-tag .position{position: absolute; left: 0; top: 0; height: 100%; background-color: #4797ef; width: 50px; display: flex; align-items: center; justify-content: center; color: white; font-size: 14px;}


@media (max-width: 1400px){
	.sub-con-inner .orgTreeBox .track:after{width: 186%; left: -109%;}
	.sub-con-inner .orgTreeBox .track .dep4 strong::before{left: -100px; top: 7%; transform: rotate(75deg);}
	.sub-con-inner .orgTreeBox .track .dep4 strong span.leader{margin-right: 25px;}

	.sub-con-inner .orgTreeBox .dep4.position-tag .position{font-size: 12px; width: 45px;}
	.sub-con-inner .orgTreeBox .dep4.position-tag strong{padding: 15px 15px 15px 50px;}
	.sub-con-inner .orgTreeBox .dep4 strong span{margin-right: 5px;}
}
@media (max-width: 1200px){
	.sub-con-inner .orgTreeBox, .sub-con-inner .orgTreeBox .track{max-width: 1000px; width: 100%; margin: auto;}
	.sub-con-inner .orgTreeBox .track{margin-top: 10em;}
	.sub-con-inner .orgTreeBox .track li::after{top: 75px;}
	.sub-con-inner .orgTreeBox .track li:before{height: 970px; top: -210px;}
	.sub-con-inner .orgTreeBox .track .dep4 strong{z-index: -1;}
	.sub-con-inner .orgTreeBox ul {display: flex;flex-direction: column;}
	.sub-con-inner .orgTreeBox ul:after{display: none;}

	.sub-con-inner .orgTreeBox .track{position: static;}

	.sub-con-inner .orgTreeBox .track .dep4 strong{margin-bottom: 10px;}

	.orgTreeBox ul li {margin-bottom: 3em;}
}
@media (max-width: 550px){
	.sub-con-inner .orgTreeBox .track{margin-top: 4rem;}
	.sub-con-inner .orgTreeBox .track .dep4{margin-top: 0;}
	.sub-con-inner .orgTreeBox .track li::after{top: 60px;}
	.sub-con-inner .orgTreeBox .track li:before{top: -110px; height: 950px;}
}


/*산학협력 - 기업지원 - 240620 YCE*/
.support-flow-box{display: flex; gap: 30px; margin-bottom: 40px;}
.support-flow-box > div:nth-child(1){width: calc(65% - 15px);}
.support-flow-box > div:nth-child(2){width: calc(35% - 15px);}

.li-flow04{display: flex; gap: 20px;}
.li-flow04 > li{flex: 1;}

.support-flow-box .li-flow04 > li{background-color: #82A6E2; color: white; border-radius: 10px; position: relative;}
.support-flow-box .li-flow04 > li:nth-child(2){background-color: #5D80C5; color: white;}
.support-flow-box .li-flow04 > li:nth-child(3){background-color: #2F52A0; color: white;}
.support-flow-box .li-flow04 > li:nth-child(4){background-color: #223F89; color: white;}
.support-flow-box .li-flow04 p{text-align: center;}
.support-flow-box .li-flow04 .title{padding: 10px 5px;}
.support-flow-box .li-flow04 .line-w{background-color: white; padding: 5px; font-size: 24px; font-weight: 600; color: #82A6E2;}
.support-flow-box .li-flow04 > li:nth-child(2) .line-w{color: #5D80C5;}
.support-flow-box .li-flow04 > li:nth-child(3) .line-w{color: #2F52A0;}
.support-flow-box .li-flow04 > li:nth-child(4) .line-w{color: #223F89;}
.support-flow-box .li-flow04 .li-number{counter-reset: number;}

.support-flow-box .li-flow04 .list li{position: relative; padding:  0 5px 0 30px; margin: 10px 0; font-size: 14px;}
.support-flow-box .li-flow04 .list li::before{margin: 0 5px; position: absolute; left: 0; top: 0; border-radius: 50%; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}
.support-flow-box .li-flow04 .li-number li::before{counter-increment: number; content: counter(number); border: 1px solid white;}
.support-flow-box .li-flow04 .li-check li::before{content: "\e928"; font-family: xeicon!important;}

.support-flow-box .li-flow04 .detail p{position: absolute; left: 50%; bottom: 5px; transform: translateX(-50%); width: 100%; font-size: 14px; padding: 0 5px;}

.support-flow-box .flow02 > div{display: flex; gap: 20px; height: 100%; align-items: center;}

.support-flow-box .flow02 .left {width: calc(45% - 10px);}
.support-flow-box .flow02 .right {width: calc(55% - 10px); position: relative;}

.support-flow-box .flow02 .left > div{display: flex; align-items: center; margin-bottom: 35px;}
.support-flow-box .flow02 .left > div:last-child{margin-bottom: 0;}
.support-flow-box .flow02 .left .img{width: 30%; margin-right: 10px;}


.support-flow-box .flow02 .title{font-size: 18px; color: white; background-color: #2F52A0; border-radius: 5px; display: inline-block; text-align: center; position: absolute; top: -15px; left: 50%; transform: translateX(-50%);}
.support-flow-box .flow02 .right,
.support-flow-box .flow02 .left .text{background-color: #D6E6FA; border-radius: 10px; }

.support-flow-box .flow02 .left .text{padding: 15px 0 5px; position: relative; text-align: center; width: calc(70% - 10px);}
.support-flow-box .flow02 .left .text .title{padding: 0; width: 70px; text-align: center; position: absolute; top: -15px; left: 50%; transform: translateX(-50%); font-size: 18px;}
.support-flow-box .flow02 .left .text p{padding: 10px; font-size: 14px;}
.support-flow-box .flow02 .left .text p .text-b{font-weight: 600;}

.support-flow-box .flow02 .right{padding-top: 25px;}
.support-flow-box .flow02 .right .title{width: 90%;}
.support-flow-box .flow02 .right .img{width: 100%; display: flex; gap: 10px; justify-content: center;}
.support-flow-box .flow02 .right .img img{width: 70px;}
.support-flow-box .flow02 .right ul{margin-top: 20px; font-size: 14px; padding: 0 10px;} 
.support-flow-box .flow02 .right li{position: relative; padding-left: 10px; margin: 10px 0;} 
.support-flow-box .flow02 .right li::before{content: '-'; position: absolute; left: 0; top: 0px; display: inline-block;} 

.support-flow-box > div:nth-child(1), .support-flow-box > div:nth-child(2){display: flex; justify-content: space-between; flex-direction: column;}
.support-flow-box .caption{text-align: center; margin-top: 20px; font-weight: 500;}


@media (max-width: 1400px){
	.support-flow-box{display: block;}
	.support-flow-box > div:nth-child(1), .support-flow-box > div:nth-child(2){margin: auto; width: calc(80%);}
	.support-flow-box > div:nth-child(1){margin-bottom: 50px;}
}

@media (max-width: 1024px){
	.li-flow04{flex-wrap: wrap;}
	.li-flow04 > li{flex: 1 1 40%; min-height: 275px;}
	.support-flow-box .li-flow04 .list li::before{margin: 0 10px;}
	.support-flow-box .li-flow04 .list li{padding: 0 10px 0 35px;}
	.support-flow-box .li-flow04 .line-w{font-size: 20px;}
}

@media (max-width: 640px){
	.li-flow04, .support-flow-box .flow02 > div{display: block;}
	.li-flow04 li{min-height: auto; margin-bottom: 20px;}
	.support-flow-box .li-flow04 > li:first-child{padding-bottom: 15px;}
	.support-flow-box .li-flow04 > li{padding-bottom: 30px;}

	.support-flow-box .flow02 .left, .support-flow-box .flow02 .right{width: 100%;}
	.support-flow-box .flow02 .left{margin-bottom: 35px;}
	.support-flow-box .flow02 .right{padding: 25px 0 10px;}

	.support-flow-box .flow02 .left .text .title, .support-flow-box .flow02 .title{font-size: 16px;}
}






/*산학협력 - 기술교류 - 240620 YCE*/
.li-imgbox.no-ratio .imgBox{height: 280px;}
.li-imgbox.no-ratio .imgBox img{object-fit: none;}