.content{font-family: 'ROKAFSansMedium';}
.con-pd{padding: 0 43px 43px;}
.con-pd h2{
    padding-top: 23px;
}
.result{padding: 0 43px 43px;text-align: center;width: 60%;margin: auto;border: 18px solid #eee;padding: 15px;}
.result h3{
    font-size: 25px;
    color: #0c64aa;
}
.linn {border: 18px solid #414141;margin-top: 10px; }
.login-box{max-width: 742px; margin: 0 auto;}
.acl-lk{padding: 15px 0; padding-right: 80px; margin-bottom: 10px; background: url(/img/pgic1.jpg) right center no-repeat;}
.acl-lk:after{content: ''; display: block; clear: both;}
.acl-lk > li{float: left; line-height: 20px; margin-right: 10px; }
.acl-lk > li:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #383838; margin-top: 4px; margin-left: 10px;}
.acl-lk > li:last-child{margin-right: 0;}
.acl-lk > li:last-child:after{display: none;}
.acl-lk > li > a{vertical-align: top;  color: #191919; font-size: 15px; }

.lgn-ipt{padding: 39px 0; border-top: 1px solid #e1e0e0; border-bottom: 1px solid #e1e0e0;}
.lgn-ipt > dl{display: table; width: 100%; table-layout: fixed; word-break: break-all;}
.lgn-ipt > dl:after{display: none;}
.lgn-ipt > dl + dl{margin-top: 10px;}
.lgn-ipt > dl > dt{float: none; display: table-cell; vertical-align: middle; width: 84px; font-family: 'ROKAFSansBold'; font-size: 19px; color: #262626;}
.lgn-ipt > dl > dd{float: none;  display: table-cell; vertical-align: middle;}
.lgn-ipt > dl > dd input[type="text"], .lgn-ipt > dl > dd input[type="password"]{width: 50%; height: 50px; padding: 0; padding-left: 6px; border: 1px solid #eae9e9; border-radius: 12px;}
.lgn-ipt > dl > dd .atx{display: inline-block; vertical-align: middle; width: calc(50% - 20px); padding-left: 18px; font-size: 13px; color: #767676; line-height: 16px; word-break: keep-all; position: relative; margin-left: 14px;}
.lgn-ipt > dl > dd .atx:before{content: ''; position: absolute; left: 0; top: 50%; width: 8px; height: 8px; background: #343434; margin-top: -4px; border-radius: 50%;}

.lgn-btb{margin-top: 25px;}
.lgn-btb > a{display: block; background: #229580; text-align: center; font-size: 21px; color: #fff; line-height: 25px; border-radius: 12px; padding: 19px 0;}

.ck-u input[type="checkbox"]{display: block; width: 0; height: 0; position: absolute; opacity: 0;}
.ck-u > label{display: inline-block; font-size: 17px; color: #191919; line-height: 23px; padding: 2px 0;  padding-left: 35px;}
.ck-u > input[type="checkbox"] + label{background: url(/img/cku_bg_n.png) 0 0 no-repeat;}
.ck-u > input[type="checkbox"]:checked + label{background: url(/img/cku_bg_c.png) 0 0 no-repeat;}

.join-agr{margin-bottom: 30px; padding-top: 27px; background: url(/img/pgic2.jpg) right top no-repeat;}
.agr-all{padding-right: 40px; margin-bottom: 16px;}
.agr-ls > li{padding: 20px 24px; background: #f4f4f4; border-radius: 12px;}
.agr-ls > li + li{margin-top: 10px;}
.agr-ls > li .ck{position: relative; padding-right: 110px;}
.agr-ls > li .ck .con-sw{position: absolute; right: 0; top: 50%; margin-top: -15px; font-size: 17px; color: #969696; line-height: 22px; padding: 4px 0; padding-right: 35px; background: url(/img/agrLs_ic1.png) right center no-repeat;}
.agr-ls > li.on .ck .con-sw{background-image: url(/img/agrLs_ic2.png);}
.agr-ls > li .con{display: none; background: #fff; padding: 10px; border-radius: 12px; margin-top: 20px;}
.agr-ls > li .con > div{font-size: 16px; color: #191919; line-height: 1.7; padding-left: 25px; padding-right: 5px; height: 340px; overflow-y: auto; word-break: keep-all;}
.agr-ls > li .con h2{font-size: 22px; color: #191919;}
.agr-ls > li .con h3{padding: 0; background: none; height: auto; text-align: left; font-size: 16px; color: #191919; margin-bottom: 8px;}
.agr-ls > li .con table{margin: 8px 0 16px;}

.write-area{font-family: 'ROKAFSansMedium'; border-top: 1px solid #3b3b3b;}
.write-area > dl{display: table;width: 100%;table-layout: fixed;border-bottom: 1px solid #edecec;}
.write-area > dl:after{display: none;}
.write-area > dl > dt{float: none; display: table-cell; vertical-align: middle; width: 182px; padding: 10px 0; padding-right: 8px; letter-spacing: -1px; font-family: 'ROKAFSansBold'; font-size: 19px; color: #262626; }
.write-area > dl > dt .rs{color: #f04d1b;}
.write-area > dl > dd{float: none; display: table-cell; padding: 10px 0;}
.iptt{max-width: 100%;height: 50px;padding: 0;padding-left: 6px;border: 1px solid #939393;border-radius: 12px;}
.iptt.w1{width: 308px; }
.iptt.wb{width: 308px; max-width: calc(100% - 60px); }
.iptt.iiw1{width: 308px; max-width: calc(50% - 12px); }
.iptt.iiw2{width: 140px; max-width: calc(25% - 12px); }
select.iptt{padding-right: 40px; background:url(/img/ico_select.png) calc(100% - 5px) center no-repeat #fff;}

.itb-btn1{display: inline-block;width: 77px;background: #414141;text-align: center;font-size: 17px;color: #fff;line-height: 18px;padding: 14px 0;border-radius: 0px;}
.itb-btn1.lg{width: 107px;}
.itb-btn2{display: inline-block;width:157px;background: #414141;text-align: center;font-size: 17px;color: #fff;line-height: 18px;padding: 14px 0;border-radius: 0px;}

.itb-tel{display: inline-block;width: 480px;max-width: calc(100% - 60px);}
.itb-tel > .iptt{width: calc(30% - 12px);}
.itb-atx{display: inline-block;vertical-align: middle;margin: 4px;padding-left: 16px !important;font-size: 13px;color: #767676;line-height: 16px;position: relative;}
.itb-atx:before{content: '';position: absolute;left: 0;top: 50%;width: 8px;height: 8px;background: #343434;margin-top: -8px;border-radius: 50%;}

.btn-bx{margin-top: 30px;}
.btn-bx.cen{text-align: center;overflow: hidden;width: 50%;display: flex;margin: 26px auto;gap: 30px;}
.bkbt-ss{display: block;width: 80%;max-width: 340px;margin: 0 auto;background: #414141;text-align: center;font-weight: 600;font-size: 21px;color: #fff;line-height: 25px;padding: 19px 0;/* border-radius: 12px; */}
.bkbt-ss.oc{background: #8e95a2;}

.bkbt-ss1{display: block;width: 294px;background: #999;text-align: center;margin-right: 17px;font-weight: 600;font-size: 21px;margin: auto;color: #fff;line-height: 25px;padding: 19px 0;/* border-radius: 12px; */}
.bkbt-ss1.oc{background: #8e95a2;}

.bkbt-ss2{display: block;width: 294px;background: #ffdd00;float: left;text-align: center;font-weight: 600;margin-right: 17px;font-size: 21px;color: #fff;line-height: 25px;padding: 19px 0;/* border-radius: 12px; */}
.bkbt-ss2.oc{background: #8e95a2;}

.bkbt-ss3{display: block;width: 294px;background: #1dc800;text-align: center;font-weight: 600;font-size: 21px;color: #fff;float: left;line-height: 25px;padding: 19px 0;/* border-radius: 12px; */}
.bkbt-ss3.oc{background: #8e95a2;}

.tab-box{margin: 0 -5px 40px; font-family: 'ROKAFSansBold';}
.tab-ls{display: flex;justify-content: space-evenly; }
.tab-ls > li{flex-grow: 1; margin: 5px; }
.tab-ls > li > p{display: table; width: 100%; height: 62px; text-align: center;}
.tab-ls > li > p > a{display: table-cell; vertical-align: middle; background: #f4f4f4; border-radius: 5px; font-size: 22px; color: #8a8a8a;}
.tab-ls > li > p > a > span{display: inline-block;}
.tab-ls > li.on > p > a{border: 1px solid #414141; background: #fff; color: #229580;}
.tab-ls.c4 > li{width: calc(25% - 10px);}

.pic-itxb{background: url(/img/pibx_rbg.jpg) repeat; padding: 8px; margin-bottom: 40px;}
.pic-itxb > div{background: #fff; padding: 40px; position: relative;}
.pic-itxb .itx > h4{font-size: 35px; color: #191919; line-height: 1.2; margin-bottom: 24px; word-break: keep-all;}
.pic-itxb .itx > h4 > span{display: inline-block; word-break: keep-all;}
.pic-itxb .itx > p{font-size: 17px; line-height: 30px; color: #353535; word-break: keep-all;}
.pic-itxb .itx  .mt{margin-top: 16px;}
.pic-itxb .ipo1{width: 50%;}
.pic-itxb .ipo1 .pic{position: absolute; right: 0; left: 50%; bottom: 5px; text-align: center;}
.pic-itxb .ipo2{width: 50%;}
.pic-itxb .ipo2 .pic{position: absolute; right: 0; left: 52%; top: 70px; text-align: center;}
.pic-itxb .ipo3{width: 68%;}
.pic-itxb .ipo3 .pic{position: absolute; right: 5px; left: 68%; bottom: 40px; text-align: right;}
.pic-itxb .gtx{font-size: 17px; color: #039387; line-height: 30px; letter-spacing: -1px;}
.pic-itxb .gtx > p, .pic-itxb .gtx > ul > li{word-break: keep-all;}
.pic-itxb .gtx > ul > li > p, .pic-itxb .gtx .cb{color: #353535;}

.pic-itxb .ictx{text-align: center;}
.pic-itxb .ictx:before{content: ''; display: inline-block; vertical-align: middle;}
.pic-itxb .ictx > p{display: inline-block; vertical-align: middle; text-align: left; font-size: 20px; color: #222; line-height: 1.2; word-break: keep-all;}
.pic-itxb .ictx > p > span{color: #23927e;}
.pic-itxb .s2i:before{ width: 47px; height: 66px; background: url(/img/s2_pgic.jpg) no-repeat; margin-right: 15px;}
.pic-itxb .s2i > p{max-width: calc(100% - 67px); }
.pic-itxb .s3i:before{ width: 63px; height: 45px; background: url(/img/s3_pgic.jpg) no-repeat; margin-right: 5px;}
.pic-itxb .s3i > p{max-width: calc(100% - 73px); }

.pic-itxb .lsbx-ic1{padding-left: 95px; letter-spacing: -1px; word-break: keep-all; background: url(/img/lsbx_ic1.jpg) 0 0 no-repeat;}
.pic-itxb .lsbx-ic1 .list-st1 > li + li{margin-top: 6px;}
.pic-itxb .lsbx-ic1 .co{color: #414141;}

.gt-txls > li{display: inline-block; min-width: 30%; font-size: 17px; color: #353535; line-height: 24px; margin-bottom: 16px; word-break: break-all; letter-spacing: -1px; margin-right: 5px; }
.gt-txls > li.bk{display: block; margin-right: 0; }
.gt-txls > li > b{display: inline-block; padding-left: 16px; margin-right: 4px; font-family: 'ROKAFSansBold'; font-size: 18px; color: #414141; position: relative;}
.gt-txls > li > b:before{content: ''; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; background: #229580; border-radius: 50%;}
.gt-txls > li .ilb{display: inline-block;}
.gt-txls > li > ul > li{margin-top: 8px; word-break: break-all;}
.pic-itxb .gt-txls + .btn-bx >.bkbt-ss{margin-left: 16px;}

.bi1-tbx{background: #f0f9f7; border: 1px solid #8fd3c7; padding: 25px; border-radius: 12px; margin:20px 0}
.bi1-tbx .ti{display: inline-block; vertical-align: middle; width: 20%; text-align: center; font-size: 24px; color: #3b3b3b; font-weight: 600;}
.bi1-tbx .con{display: inline-block; vertical-align: middle; padding-left: 1%; /*width: calc(80% - 6px);*/width:98%; font-size: 17px; color: #3b3b3b; line-height: 1.2;}
.bi1-tbx .con .big{font-size: 22px;  font-weight: 600;}

.bi1-ils-bx{overflow: hidden; margin-top: 40px;}
.bi1-ils{margin-left: -40px; margin-right: -1%;}
.bi1-ils > li{float: left; width: calc(33% - 40px); margin-left: 40px; margin-bottom: 40px; background: #f7f7f7; padding: 24px; border-radius: 10px;}
.bi1-ils > li > dl{position: relative; background: right top no-repeat; min-height: 255px;}
.bi1-ils > li > dl > dt{display: block; float: none; font-size: 22px; color: #111; line-height: 26px; font-weight: 600; padding: 22px 0; margin-bottom: 20px;}
.bi1-ils > li > dl > dd{display: block; float: none; font-size: 17px; line-height: 27px; color: #353535; word-break: keep-all; letter-spacing: -1px;}
.bi1-ils > li > dl > dd > p + p{margin-top: 16px;}
.bi1-ils > li > dl > dd .ss{font-size: 15px; color: #838383; line-height: 20px;}
.bi1-ils .lkp{position: absolute; left: 0; bottom: 0; background: #229580;     font-size: 14px;  color: #fff; line-height: 20px; padding: 10px 16px; border-radius: 16px;}
.bi1-ils > li > dl.ic1{background-image: url(/img/bi1_ic1.jpg);}
.bi1-ils > li > dl.ic2{background-image: url(/img/bi1_ic2.jpg);}
.bi1-ils > li > dl.ic3{background-image: url(/img/bi1_ic3.jpg);}
.bi1-ils > li > dl.ic4{background-image: url(/img/bi1_ic4.jpg);}
.bi1-ils > li > dl.ic5{background-image: url(/img/bi1_ic5.jpg);}
.bi1-ils > li > dl.ic6{background-image: url(/img/bi1_ic6.jpg);}

.tcp-bx{margin-top: 24px; font-size: 17px; color: #353535; line-height: 1.2; margin-bottom: 10px; overflow: hidden;}
.tcp-bx .big{font-size: 22px; color: #111;}
.tcp-bx .big + span{margin-top: 4px;}
.tcp-bx .fll{float: left; }
.tcp-bx .flr{float: right; }

.col-tbst1{ border-collapse: collapse; width: 100%; table-layout: fixed; word-break: break-all; border-top: 1px solid #3b3b3b;}
.col-tbst1 caption{width: 0; height: 0; font-size: 0;}
.col-tbst1 th{text-align: center; background: #f9f9f9; font-size: 17px; color: #353535; line-height: 1.2; vertical-align: middle; padding: 8px 4px; height: 60px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
.col-tbst1 td{text-align: center; font-size: 17px; color: #5d5d5d; line-height: 1.2; vertical-align: middle; padding: 8px 4px; height: 60px; border-bottom: 1px solid #e7e7e7; border-left: 1px solid #e7e7e7;}
.col-tbst1 td.txl{text-align: left; padding: 8px 2%;}
.col-tbst1 td a{color: inherit;}
.col-tbst1 th:first-child, .col-tbst1 td:first-child{border-left: none; border-right: 1px solid #e7e7e7;}
.col-tbst1 thead tr + tr th:first-child{border-left: 1px solid #e7e7e7;}
.col-tbst1 th:only-child, .col-tbst1 td:only-child{border-left: none; border-right: none; }

.list-st1 > li{font-size: 17px; color: #333; line-height: 24px; padding-left: 16px; position: relative;}
.list-st1 > li:before{content: ''; position: absolute; left: 0; top: 7px; width: 8px; height: 8px; background: #343434; border-radius: 50%;}
.list-st1 > li.nb:before{display: none;}
.list-st1 > li + li{margin-top: 16px;}
.list-st1 > li > ul > li{font-size: 15px; color: #767676; line-height: 20px; margin-top: 8px;}
.col-tbst1 + .list-st1{margin-top: 24px;}

.txbk-st1{font-size: 17px; color: #222; line-height: 24px;}
.txbk-st1 > h4{font-size: 22px; color: #111; margin-top: 40px; margin-bottom: 16px;}
.txbk-st1 > h5{font-size: 19px; color: #1a8471; margin-top: 32px; margin-bottom: 16px;}
.txbk-st1 > ul > li + li{margin-top: 16px;}
.txbk-st1 > ul > li > table, .txbk-st1 > ul > li > p{margin-top: 8px;}
.txbk-st1 .bttg{display: table; width: 100%;}
.txbk-st1 .bttg .tx{display: table-cell; vertical-align: middle; padding: 8px; padding-left: 0;}
.txbk-st1 .bttg .bt{display: table-cell; vertical-align: bottom; width: 140px; }
.txbk-st1 .bttg .bt a{display: block; text-align: center; font-size: 15px; color: #188a75; line-height: 22px; padding: 8px 0; background: #f3fcfa; border: 1px solid #229580; border-radius: 12px;}
.txbk-st1 .bttg .llh{line-height: 1.5; color: #5d5d5d;}
.txbk-st1 .bttg .llh ul > li > span{color: #1e9268; font-weight: 600;}
.txbk-st1 .bttg .llh ul > li > strong{ font-size: 19px; color: #222;}
.txbk-st1 > .bttg{margin-top: 8px;}
.txbk-st1 > .bttg > .tx > ul > li + li{margin-top: 16px;}
.txbk-st1 .coo{color: #ea5840;}

.itb-bkbt{display: block; text-align: center; max-width: 140px;/* margin: 0 auto; */font-size: 15px; color: #188a75; line-height: 22px; padding: 8px 0; background: #f3fcfa; border: 1px solid #229580; border-radius: 12px;}
.itb-bkbt + p{margin-top: 8px;}

.qc-ls > li{/* padding: 30px; *//* border: 18px solid #f2f2f2; */border-radius: 0px;}
.qc-ls > li + li{margin-top: 20px;}
.qc-ls > li .qrbx{overflow: hidden;}
.qc-ls > li .qrbx + .qrbx{margin-top: 18px; padding-top: 18px; border-top: 2px solid #ececec;}
.qc-ls > li .qbx{float: left;padding-left: 0px;font-weight: 600;font-size: 19px;color: #222;line-height: 24px;word-break: break-all;position: relative;margin: 6px 0;width: 100%;}
.qc-ls > li .qbx .num{position: absolute;left: 0;top: -3px;}
.qc-ls > li .qbx.ss{font-size: 17px; font-weight: 400;}
.qc-ls > li .qbx .red{color: #ef4d41;}
.qc-ls > li .rbx{float: right;width: 100%;/* margin-bottom: 10px; */}
.line_gh {
    /* border-bottom: 1px solid #eaeaea; */
    padding-bottom: 0px;
    }
.qc-ls > li .rbx > span{display: inline-block;margin-left: 20px;padding-bottom: 10px;}
.qc-ls > li .rbx > span + span{margin-left: 20px;}
.qc-ls > li .gbx{background: #eff6ff;border-radius: 0px;padding: 20px;margin-top: 20px;font-size: 17px;color: #222;line-height: 24px;}
.qc-ls > li .gbx > ul.idt > li{padding-left: 17px; text-indent: -17px;}
.qc-ls > li .gbx > ul > li + li{margin-top: 8px;}

.qc-ls2 > li{/* padding: 30px; *//* border: 18px solid #f2f2f2; *//* border-radius: 0px; */}
.qc-ls2 > li + li{margin-top: 20px;}
.qc-ls2 > li .qrbx{overflow: hidden;}
.qc-ls2 > li .qrbx + .qrbx{margin-top: 18px; padding-top: 18px; border-top: 2px solid #ececec;}
.qc-ls2 > li .qbx{float: left;padding-left: 25px;font-weight: 600;font-size: 19px;color: #222;line-height: 24px;word-break: break-all;position: relative;margin: 6px 0;width: 100%;}
.qc-ls2 > li .qbx .num{position: absolute;left: 0;top: -3px;}
.qc-ls2 > li .qbx.ss{font-size: 17px; font-weight: 400;}
.qc-ls2 > li .qbx .red{color: #ef4d41;}
.qc-ls2 > li .rbx{float: right;width: 100%;/* margin-bottom: 10px; */}

.qc-ls2 > li .rbx > span{display: inline-block;margin-left: 20px;padding-bottom: 10px;}
.qc-ls2 > li .rbx > span + span{margin-left: 20px;}
.qc-ls2 > li .gbx{background: #eff6ff;border-radius: 0px;padding: 20px;margin-top: 20px;font-size: 17px;color: #222;line-height: 24px;}
.qc-ls2 > li .gbx > ul.idt > li{padding-left: 17px; text-indent: -17px;}
.qc-ls2 > li .gbx > ul > li + li{margin-top: 8px;}

.rad-u input[type="radio"]{display: block; width: 0; height: 0; position: absolute; opacity: 0;}
.rad-u > label{display: inline-block; font-size: 17px; color: #191919; line-height: 24px; padding: 6px 0;  padding-left: 47px; position: relative;}
.rad-u > input[type="radio"] + label:before{content: ''; position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: url(/img/rad_ubg_n.png) 0 0 no-repeat;}
.rad-u > input[type="radio"]:checked + label:before{background-image: url(/img/rad_ubg_c.png);}
.qc-ls > li .rbx textarea {
    padding: 10px;
    width: 90%;
    line-height: 1.5;
    border-radius: 5px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px #999;
    margin-left: 19px;
}
.qc-ls > li .rbx input[type="checkbox"]{display: block; width: 0; height: 0; position: absolute; opacity: 0;}
.qc-ls > li .rbx > label{display: inline-block; font-size: 17px; color: #191919; line-height: 23px; padding: 2px 0;  padding-left: 35px;}
.qc-ls > li .rbx > input[type="checkbox"] + label{background: url(/img/cku_bg_n.png) 0 0 no-repeat;}
.qc-ls > li .rbx > input[type="checkbox"]:checked + label{background: url(/img/cku_bg_c.png) 0 0 no-repeat;}

.qc-ipt-bx{display: table; width: 100%; table-layout: fixed; word-break: break-all;}
.qc-ipt-bx .clnd-wp{display: table-cell; vertical-align: middle; width: 278px; padding: 10px; background: #414141;}
.qc-ipt-bx .clnd-wp .ti{text-align: center; font-size: 17px; color: #fff; margin-bottom: 10px;}
.qc-ipt-bx .clnd-wp .clnd-bx{background: #fff; padding: 10px;}
.qc-ipt-bx .y-sel{overflow: hidden; margin-bottom: 6px;}
.qc-ipt-bx .y-sel > div{float: left;}
.qc-ipt-bx .y-sel select.iptt{width: 114px; height: 32px; padding-right: 30px; font-size: 15px; color: #333; border-radius: 0; background-size: 20px;}
.qc-ipt-bx .y-sel > p{float: right; font-size: 19px; color: #222; line-height: 32px; font-weight: 600;}
.qc-ipt-bx .clnd{margin: 0 -4px; position: relative; padding-top: 2px;}
.qc-ipt-bx .clnd:before{content: ''; position: absolute; left: 4px; right: 4px; top: 0; height: 2px; background: #f1f1f1;}
.qc-ipt-bx .clnd table{border-collapse: separate; width: 100%; border-spacing: 4px; }
.qc-ipt-bx .clnd table th{vertical-align: middle; text-align: center; font-size: 13px; color: #7b7b7b; height: 18px; }
.qc-ipt-bx .clnd table td{vertical-align: middle; text-align: center; background: #f1f1f1; height: 24px; font-size: 10px; }
.qc-ipt-bx .clnd table td > a{display: block;  line-height: 14px; color: #2c2c2c; padding: 5px 0; }

.qc-ipt-bx .acbx{display: table-cell;vertical-align: middle;padding-left: 3%;}
.qc-ipt-bx .acbx > dl{display: table; width: 100%; height: 71px; table-layout: fixed; word-break: break-all; border-top: 1px solid transparent; line-height: 1.2;}
.qc-ipt-bx .acbx > dl:after{display: none;}
.qc-ipt-bx .acbx > dl + dl{border-color: #dedede;}
.qc-ipt-bx .acbx > dl > dt{float: none; display: table-cell; vertical-align: middle; width: 136px;}
.qc-ipt-bx .acbx > dl > dt > span{display: inline-block;font-size: 17px;color: #222;position: relative;line-height: 24px;padding-left: 16px;text-align: left;}
.qc-ipt-bx .acbx > dl > dt > span:before{content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: #343434; border-radius: 50%;}
.qc-ipt-bx .acbx > dl > dd{float: none; display: table-cell; vertical-align: middle; padding: 10px; padding-right: 0; font-size: 17px; color: #696969; }
.qc-ipt-bx .acbx > dl > dd > b{color: #222;}
.qc-ipt-bx .acbx > dl > dd .iptt{height: 44px; width: 140px; max-width: calc(100% - 60px);}
.qc-ipt-bx .acbx > dl > dd .itb-btn1{padding: 11px 0;}
.qc-ipt-bx .acbx > dl > dd .time-bx{display: inline-block; width: 100%; max-width: 301px;}
.qc-ipt-bx .acbx > dl > dd .time-bx .iptt{max-width: calc(50% - 11px);}
.qc-ipt-bx .acbx > dl > dd .ilmg{display: inline-block; margin: 4px 0;}

.qc-ls > li > .qc-spbx{margin-top: 20px;}
.qc-spbx{padding: 0;overflow: hidden;border-radius: 0px;}
.qc-spbx > li{padding: 0 30px;background: #eff6ff;}
.qc-spbx > li > div{border-bottom: 1px solid #dedede;}
.qc-spbx .qc-ipt-bx .acbx{padding-left: 0;}
.qc-spbx .qc-ipt-bx .acbx > dl > dt{width: 358px;letter-spacing: -1px;}
.qc-spbx .ac-rbx > span{display: inline-block; margin: 4px 10px; margin-left: 0;}
.qc-spbx > li.bg{background: #3c3c3c;}
.qc-spbx > li.bg > div{border-bottom: none;}
.qc-spbx > li.bg.qc-ipt-bx .acbx > dl > dt > span{font-weight: 600; color: #fff;}
.qc-spbx > li.bg.qc-ipt-bx .acbx > dl > dt > span:before{display: none;}
.qc-spbx > li.bg.qc-ipt-bx .acbx > dl > dd{color: #fff;}
.qc-spbx .qc-ipt-bx .acbx > dl > dd .iptt{width: 208px;}

.fd-ibx{margin-top: 45px; text-align: center; word-break: keep-all;}
.fd-ibx .ti{font-weight: 600; font-size: 25px; color: #222; margin-bottom: 8px;}
.fd-ibx .otx{font-weight: 600;font-size: 19px;color: #009688;margin-bottom: 24px;line-height: 1.2;}
.fd-ibx .ibx{margin-bottom: 40px;}
.fd-ibx .arr{position: relative;}
.fd-ibx .arr:after{content: ''; position: absolute; top: 100%; left: 50%; width: 58px; height: 76px; background: url(/img/fd_bx_arr.png) center bottom no-repeat; margin-left: -29px;}
.qc-ls > li .fd-ibx .arr + .gbx{text-align: left; margin-top: 66px;}
.fd-ibx .qc-ipt-bx .acbx{padding-left: 0;}
.fd-ibx .qc-ipt-bx .acbx > dl{border: none;height: auto;text-align: left;}
.fd-ibx .qc-ipt-bx .acbx > dl > dt{vertical-align: top; padding: 10px 0;}
.fd-ibx .qc-ipt-bx .acbx > dl > dd{vertical-align: top; line-height: 24px; color: #222;}
.fd-ibx .qc-ipt-bx .acbx > dl > dd .ss{font-size: 15px; color: #6c6c6c;}
.fd-ibx .qc-ipt-bx .acbx > dl > dd .coo{color: #ec5e38;}

.hlf-btbx{overflow: hidden; margin: 30px -5px 0;}
.hlf-btbx > a{display: block;float: left;width: calc(50% - 10px);margin: 5px;background: #414141;text-align: center;font-size: 21px;color: #fff;line-height: 25px;padding: 19px 0;/* border-radius: 12px; */}
.hlf-btbx > a.oc{background: #8e95a2;}
.hlf-btbx2{overflow: hidden;margin: 30px auto;width: 100%;}
.hlf-btbx2 > a{display: block;/* float: left; */width: 50%;margin: 5px 25%;background: #414141;text-align: center;font-size: 21px;color: #fff;line-height: 25px;padding: 19px 0;/* border-radius: 12px; */}
.hlf-btbx2 > a.oc{background: #8e95a2;}

/*
.qc-ls > li:first-child{border-color: #414141;}
.qc-ls > li:first-child .qbx .num{color: #414141;}
*/

.ilbk{display: inline-block;}
.itb-cnd{display: inline-block; width: 80px; max-width: 100%; font-size: 15px; color: #188a75; line-height: 20px; padding: 7px 0; border: 1px solid #188a75; border-radius: 12px;}

.faq-ls{border-top: 1px solid #373635;}
.faq-ls > li{border-bottom: 1px solid #e5e5e5;}
.faq-ls .qbx > a{display: block; font-weight: 600; font-size: 20px; color: #494949; line-height: 30px; padding: 25px 70px 25px 100px; position: relative;}
.faq-ls .qbx > a:after{content: ''; position: absolute; width: 38px; height: 38px; right: 25px; top: 50%; margin-top: -19px; background: url(/img/faq_lbg1.jpg) 0 0 no-repeat;}
.faq-ls > li.on .qbx > a:after{background-image: url(/img/faq_lbg2.jpg);}
.faq-ls .abx{display: none;}
.faq-ls .abx > div{padding: 28px 20px 28px 100px; position: relative; background: #f7f7f7; font-size: 17px; color: #606060; line-height: 24px;word-break:break-all;}
.faq-ls .sim{position: absolute; font-weight: 600; font-size: 30px; line-height: 1; left: 0; top: 25px; width: 100px; text-align: center;}
.faq-ls .qbx .sim{color: #444343;}
.faq-ls .abx .sim{color: #414141;}

.brd-search{text-align: center; padding: 30px 3%; background: #f5f5f5; border-radius: 20px; margin-bottom: 40px;}
.brd-search select{vertical-align: top; margin-right: 5px; width: 105px; height: 47px; border-bottom: 2px solid #4f4f4f; font-size: 17px; color: #000; padding-right: 30px; background: url(/img/ico_select.png) right center no-repeat; background-size: 26px;}
.brd-search .sr-ib{display: inline-block; max-width: calc(100% - 115px); width: 560px; }
.brd-search input[type="text"]{vertical-align: top; width: calc(100% - 101px); height: 47px; background: none; border-bottom: 2px solid #4f4f4f; font-size: 17px; color: #000; margin-right: 5px;}
.brd-search .srbt{display: inline-block; vertical-align: top; width: 90px; background: #404040; text-align: center; font-size: 17px; color: #fff; line-height: 25px; padding: 11px 0; border-radius: 16px;}

.paging{text-align: center; margin-top: 40px;}
.paging a{display: inline-block; vertical-align: middle; }
.paging > span{display: inline-block; vertical-align: middle; margin: 0 5px;}
.paging > span > a{font-size: 17px; color: #b3b3b3;/*  line-height: 22px; */ min-width: 22px; padding: 4px; margin: 0 5px;}

.view-bx{border-top: 1px solid #4f4f4f; border-bottom: 1px solid #4f4f4f;}
.view-bx .inf{padding: 30px 100px; text-align: center; position: relative; border-bottom: 1px solid #e6e6e6;}
.view-bx .inf .date{width: 86px; height: 86px; position: absolute; left: 6px; top: 50%; margin-top: -43px; padding-top: 22px; font-size: 14px; color: #fff; background: #26a58e; border-radius: 50%;}
.view-bx .inf .date > p{font-size: 25px; font-weight: 600; margin-top: 8px;}
.view-bx .inf .ti{font-weight: 600; font-size: 32px; color: #111; line-height: 1.2; word-break: keep-all; margin-bottom: 16px;}
.view-bx .inf .writer{font-size: 15px; color: #555; line-height: 20px;}
.view-bx .inf .writer > dt{float: none; display: inline-block; vertical-align: top;}
.view-bx .inf .writer > dt:after{content: ''; display: inline-block; vertical-align: top; width: 2px; height: 12px; margin: 4px 3px 0 8px; background: #d5d5d5;}
.view-bx .inf .writer > dd{float: none; display: inline-block; vertical-align: top; color: #414141;}
.view-bx .file-bk{padding: 10px; background: #f9fafa; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;}
.view-bx .inf + .file-bk{border-top: none;}
.view-bx .file-bk .file-bx{display: inline-block; vertical-align: middle; width: calc(100% - 100px);}
.view-bx .file-bk .file-bx .ti{display: inline-block; vertical-align: top; font-weight: 600; width: 120px; font-size: 16px; color: #5b5b5b; line-height: 22px; padding: 6px; padding-left: 45px; background: url(/img/vw_file_ic.jpg) 0 0 no-repeat; position: relative;}
.view-bx .file-bk .file-bx .ti:after{content: ''; position: absolute; width: 2px; height: 12px; background: #ddd; right: 0; top: 50%; margin-top: -6px;}
.view-bx .file-bk .file-bx .file-ls{display: inline-block; vertical-align: top; width: calc(100% - 125px); font-size: 16px; color: #666; line-height: 22px; padding: 6px 10px; padding-right: 0; letter-spacing: -1px;}
.view-bx .file-bk .file-bx .file-ls a{display: inline-block; color: inherit; margin-right: 5px;}
.view-bx .file-bk .dw-btbx{display: inline-block; vertical-align: middle; text-align: center; margin-top: 5px;}
.view-bx .file-bk .dw-btbx > a{display: inline-block; vertical-align: middle; text-align: center; background: #fff; width: 95px; font-size: 15px; color: #148772; line-height: 20px; padding: 8px 0; border: 1px solid #229580; border-radius: 8px;padding: 6px 0;}
.view-bx .vw-con{padding: 20px 10px; min-height: 400px;}

.mmt-btbx{ position: relative;}
.mmt-btbx .po-rbx{ text-align: right; position: absolute; bottom: 100%; right: 0;}
.btn-lg1{display: inline-block;  width: 194px;   background: #229580;  text-align: center;  font-weight: 600;  font-size: 21px;  color: #fff; line-height: 25px; padding: 14px 0; border-radius: 12px;}
.btn_add {display: inline-block;
    width: auto;
    background: #f29148;
    text-align: center;
    font-weight: 600;
    font-size: 21px !important;
	font-family: 'yg-jalnan';
    color: #fff !important;
    line-height: 25px;
    padding: 14px 20px;
    border-radius: 6px;}
.faq-tab{text-align: center;}
.faq-tab > a{display: inline-block; position: relative; width: calc(50% - 5px); max-width: 150px; background: #353535; font-size: 22px; color: #c2c2c2; line-height: 28px; padding: 12px 0; margin: 0 2px; border-radius: 10px;}
.faq-tab > a.on{background: #414141; color: #fff;}
.faq-tab > a.on:after{content: ''; position: absolute; left: 50%; top: 100%; margin-left: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 9px solid #414141;}


/* 2022/3/28 */
.wrap .terms_nbx h3,
.wrap.ver_new .terms_nbx h3{padding: 0; background: none; height: auto; text-align: left; font-size: 16px; color: #191919; margin-bottom: 8px;}
.wrap.ver_new .terms_nbx .sub_h3, .wrap .terms_nbx .sub_h3{font-size: 30px;  color: #000; margin-bottom: 30px;}
.terms_nbx .hidden{width: 0; height: 0; overflow: hidden; font-size: 0;}
.terms_nbx .text{font-size: 17px;}
.terms_nbx .join_box{padding: 0; border: none;}
.terms_nbx .white_box{width: auto; padding: 0; height: auto; max-width: none;}

.iptt.mx{width: 100%;}
select.iptt.bsn{ padding-right: 40px; background: url(/img/ico_select.png) calc(100% - 5px) center no-repeat #fff; background-size: auto;}
@media screen and (min-width: 551px){
.write-area > dl > dd{vertical-align: middle; height: 70px;}
}

.file-up-bx + .file-up-bx{margin-top: 10px;}
.file-up-bx .file-up{display: inline-block; vertical-align: middle; width: calc(100% - 90px);}
.file-up-bx .file-up input[type="file"]{width: 0; height: 0; padding: 0; position: absolute;}
.file-up-bx .file-up .iptt{width: calc(100% - 110px); vertical-align: top; }
.file-up-bx .file-up .file-fbt{display: inline-block;  vertical-align: top; text-align: center; width: 105px; background: #8e95a2; font-size: 15px; color: #fff; line-height: 20px; padding: 15px 0;  border-radius: 8px;}
.file-up-bx .file-up .file-fbt:before{content: ''; display: inline-block;  vertical-align: top; width: 16px; height: 16px; background: url(/img/fubt_ic.jpg) no-repeat; margin-top: 2px; margin-right: 5px;}
.file-up-bx .fu-bt{font-size: 0; display: inline-block;  vertical-align: middle; width: 40px; height: 40px; border: 1px solid #e1e1e1; position: relative;     border-radius: 8px;}
.file-up-bx .fu-bt:before{content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 2px; margin-top: -1px; margin-left: -8px; background: #8e95a2;}
.file-up-bx .fu-bt.ad:after{content: ''; position: absolute; top: 50%; left: 50%; width: 2px; height: 16px; margin-top: -8px; margin-left: -1px; background: #8e95a2;}
.file-up-atx{padding-left: 18px; font-size: 16px; color: #343434; line-height: 24px; position: relative; margin-top: 8px;}
.file-up-atx:before{content: ''; position: absolute; left: 0; top: 8px; width: 8px; height: 8px; background: #343434; border-radius: 50%;}
.file-up-atx > span{color: #f26539; font-weight: 600;}
textarea.write-con{ width: 100%; height: 190px; padding: 10px;  border: 1px solid #eae9e9;  border-radius: 12px;}

.btn-ss1{display: inline-block;  width: 140px;   background: #229580;  text-align: center;  font-weight: 600;  font-size: 21px;  color: #fff; line-height: 25px; padding: 14px 0; border-radius: 12px;}
.btn-ss1.oc{background: #66696e;}
.btn-bx {
    margin-top: 30px;
    margin-left: 0;
}
/* 2022/3/29 */
.content_nav + .con-pd{padding-top: 0;}
.mypg-tx{font-size: 17px; color: #343434; line-height: 1.5;}
.mypg-tx table{margin-top: 10px;}

.wrap .content .content_mid .btn{height: auto;}

.row-tbst1{ border-collapse: collapse; width: 100%; table-layout: fixed; word-break: break-all; border-top: 1px solid #3b3b3b;}
.row-tbst1 caption{width: 0; height: 0; font-size: 0;}
.row-tbst1 th{text-align: left; background: #f9f9f9; font-size: 17px; color: #353535; line-height: 1.2; vertical-align: middle; padding: 8px 2%; height: 60px; border-bottom: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7;}
.row-tbst1 th:only-child{border-right: none;}
.row-tbst1 td + th{ border-left: 1px solid #e7e7e7;}
.row-tbst1 td{text-align: left; font-size: 17px; color: #5d5d5d; line-height: 1.2; vertical-align: middle; padding: 8px 2%; height: 60px; border-bottom: 1px solid #e7e7e7;}
.row-tbst1 td a{color: inherit;}

.mypg-tx .mypage_list{border-top: 1px solid #3b3b3b;}
.bkbt-ss.wmx{width: 100%;}
.mypg-tx .mypage_list .mypage_list_list-title2{font-weight: 400;}
.mypg-tx .mypage_list .mypage_list_list-title2 a{color: #343434; font-weight: 600;}
.mypg-tx .qualification_txt{font-size: 17px;}
.mypg-tx .qualification_txt h4{font-size: 20px; padding-bottom: 4px; margin-bottom: 10px;}

.mypg-tx .cku-bk{background: #f2f2f2; padding: 10px; margin: 10px 0 30px;}

/* 2022/3/30 */
.view-bx .qtp-sl{margin-top: 10px; }
.view-bx .qtp-sl label{display: inline-block; vertical-align: middle; font-size: 15px; line-height: 20px;}
.view-bx .qtp-sl .iptt{vertical-align: middle;     width: 160px; height: 40px; font-size: 15px; font-weight: 400;}

.col-wd1{width: 160px;}
.tit-st1{font-size: 22px; line-height: 1.2; border-bottom: 1px solid #000; padding-bottom: 8px; margin-bottom: 24px;}

.qc-ls.apv > li:first-child{border-color: #eaeaea;}
.qc-ls.apv > li:first-child .qbx .num{color: inherit;}
.qc-ls.apv .qbx{float: none; display: inline-block; vertical-align: middle;  font-family: 'ROKAFSansBold'; font-size: 18px; color: #222; font-weight: 400; word-break: keep-all; width: calc(100% - 190px);}
.qc-ls.apv .qbx .fwn{font-family: 'ROKAFSansMedium'; }
.qc-ls.apv .qbx .cr{color: #e96262;}
.qc-ls.apv .qbx .cg{color: #767676;}
.qc-ls.apv .rbx{float: none; display: inline-block; vertical-align: middle; width: 185px; padding-left: 3px;}
.qc-ls.ln{margin-top: 60px; border-top: 1px solid #3b3b3b;}
.qc-ls.ln > li{border-radius: 0; padding: 10px; border: none; border-bottom: 1px solid #eaeaea;}
.qc-ls.ln > li + li{margin-top: 0;}
.qc-ls.ln .qbx{padding-left: 60px;}
.qc-ls.ln .qbx .num{ width: 50px; text-align: center;  font-weight: 600; font-size: 24px; line-height: 30px; top: 50%; margin-top: -15px;}
.qc-ls.ln .rbx{margin: 8px 0;}
.qc-ls.ln .rbx input[type="text"].iptt{width: 160px; vertical-align: middle; border-radius: 8px;}
.qc-ls.ln .rbx input[type="text"].iptt + label{vertical-align: middle; margin-left: 3px;}
.cku-gbx{background: #f2f2f2;  padding: 30px 10px; text-align: center;}

.prss-ls{text-align: center; overflow: hidden; margin-bottom: 40px;}
.prss-ls > li{float: left; width: 50%; height: 62px; position: relative; background: #f4f4f4; color: #adadad; }
.prss-ls > li.s1{border-radius: 10px 0 0 10px; padding-right: 15px;}
.prss-ls > li.s2{border-radius: 0 10px 10px 0; padding-left: 15px;}
.prss-ls > li > div{display: table; width: 100%; height: 100%;}
.prss-ls > li > div > p{display: table-cell; vertical-align: middle; font-size: 22px; font-weight: 600;}
.prss-ls > li.on{border: 1px solid #414141; background: #fff; color: #229580;}
.prss-ls > li.s1.on:after{content: ''; position: absolute; left: 100%; top: -1px; bottom: -1px; width: 30px; margin-left: -15px; z-index: 1; background: url(/img/prss_sbg1.jpg) no-repeat;}
.prss-ls > li.s2.on:before{content: ''; position: absolute; left: -15px; top: -1px; bottom: -1px; width: 30px; margin-left: -15px; z-index: 1; background: url(/img/prss_sbg2.jpg) no-repeat;}

.pic-itxb .ictx.al-l{text-align: left;}

.address-sr .iptt{width: 160px; vertical-align: top; max-width: calc(100% - 100px);}
.address-sr .itb-btn1{width: 95px; vertical-align: top;}
.itb-tel.nl{display: block; width: auto; max-width: none; font-size: 14px; letter-spacing: -1px;}
.itb-tel.nl .iptt{width: 180px; max-width: calc(33% - 9px);}
.contact-ibx .iptt{width: calc(33.33% - 3px); max-width: 216px;}
.juminNo-bx .iptt{vertical-align: middle; width: calc(50% - 3px); max-width: 300px; margin: 4px 0;}
.juminNo-bx .itb-btn1{width: calc(50% - 3px); max-width: 190px; vertical-align: middle; margin: 4px 0; font-size: 16px; letter-spacing: -1px;}
.wrkplc-bx .iptt{width: calc(50% - 3px); max-width: 300px;}

.write-area .upload{margin-top: 0;}
.write-area .upload_titlebar{line-height: 1.2;}
.write-area .info_txt{line-height: 1.2;}
.write-area * + .info_txt{margin-top: 10px;}

.tcp-bx.mt0{margin-top: 0;}
.btn-tp2{display: inline-block; font-size: 15px; color: #188a75; line-height: 22px; letter-spacing: -1px; padding: 7px 14px; background: #f3fcfa; border: 1px solid #229580; border-radius: 8px;}

.rad-area .rad-u{display: inline-block; vertical-align: top; margin: 5px 0; margin-right: 20px; }
.rad-area .rad-u > label{font-size: 16px; padding-left: 44px;}
.rad-area .rad-ti{display: inline-block; vertical-align: top; font-size: 16px; line-height: 24px; padding: 6px 0; margin: 5px 0; margin-right: 20px;}
.ck-area > span{display: inline-block; vertical-align: top; margin: 5px 0;}
.ck-area > span > input[type="checkbox"] + label{display: inline-block; background: #f0f0f0; font-size: 16px; color: #232323; line-height: 22px; padding: 14px; border-radius: 8px;}
.ck-area > span > input[type="checkbox"]:checked + label{background: #414141; color: #fff;}
.wt-ari-bx > .iptt{width: calc(100% - 90px); max-width: 300px; text-align: right; margin: 0 5px;}
.txa-cnt{margin-top: 10px;}
.txa-cnt > input[type="text"]{width: 120px; height: 24px; vertical-align: middle; padding: 0 5px;}
.txa-cnt > span{font-size: 15px; line-height: 20px; display: inline-block; vertical-align: middle;}

.hlf-btbx > a.ftb{display: table; padding: 0; height: 60px; line-height: 1.2;}
.hlf-btbx > a.ftb > span{display: table-cell; vertical-align: middle; padding: 4px; }
.hlf-btbx > a.ftb > span > span{display: inline-block;}

.gbg-txbx{padding: 20px; background: #e9f7f7; font-size: 17px; color: #333; line-height: 24px; margin-top: 40px;}
.cck-bx{text-align: center; margin-top: 20px;}
.cck-bx .ck-u{text-align: left; display: inline-block; word-break: keep-all;}
.coo-actx{margin-top: 20px; text-align: center; font-size: 18px; color: #f04d1b; line-height: 1.4;}



@media screen and (max-width: 1024px){
.con-pd{padding: 27px;}

.write-area > dl > dt{width: 120px;}
.id-ipt .btnb{display: block; margin-top: 8px;}
.itb-btn1{width: 55px;}

.pic-itxb > div{padding: 4%;}
.pic-itxb .itx > h4{font-size: 30px;}
.pic-itxb .ipo1{width: 60%;}
.pic-itxb .ipo1 .pic{left: 60%; right: 5px;}
.pic-itxb .ipo2{width: auto;}
.pic-itxb .ipo2 .pic{position: static; margin-top: 30px;}

.bi1-tbx{padding: 10px 15px;}
.bi1-tbx .ti{font-size: 20px; }
.bi1-tbx .con{font-size: 15px; }
.bi1-tbx .con .big{font-size: 18px;}

.bi1-ils{margin-right: 0;}
.bi1-ils > li{width: calc(50% - 40px); padding: 20px;}

.txbk-st1 .bttg .bt{width: 110px;}

.qc-ls > li{padding: 20px;}
.qc-ls > li .gbx{padding: 15px;}
.qc-spbx > li{padding: 0 15px;}

.mmt-btbx{margin-top: 40px;}
.mmt-btbx .po-rbx{position: static;}

}

@media screen and (max-width: 800px){
.qc-ipt-bx{display: block;}
.qc-ipt-bx .clnd-wp{display: block; width: auto;}
.qc-ipt-bx .acbx{display: block; padding-left: 0;}

.view-bx .inf{padding: 20px 10px;}
.view-bx .inf .date{position: static; margin: 0 auto 20px; }
}

@media screen and (max-width: 768px){
.pic-itxb .ipo1{width: auto;}
.pic-itxb .ipo1 .pic{position: static; margin-top: 30px;}

.pic-itxb .ipo3{width: auto;}
.pic-itxb .ipo3 .pic{position: static; margin-top: 30px;}

.bi1-tbx{text-align: center;}
.bi1-tbx .ti{display: block; margin-bottom: 16px; width: auto;}
.bi1-tbx .con{text-align: left; width: auto; padding-left: 0;}

.bi1-ils{margin-left: -20px;;}
.bi1-ils > li{width: calc(50% - 20px); margin-left: 20px; margin-bottom: 20px;}
.bi1-ils > li > dl > dd{font-size: 16px; line-height: 1.2;}
.bi1-ils > li > dl > dd .ss{font-size: 14px; line-height: 1.2;}

.qc-spbx .qc-ipt-bx .acbx > dl > dt{width: 152px;}

.tab-ls.c4{ flex-wrap: wrap;}
.tab-ls.c4 > li{width: calc(50% - 10px);}

.faq-ls .qbx > a{padding: 20px 42px 20px 44px; font-size: 18px; line-height: 24px;}
.faq-ls .qbx > a:after{width: 28px; height: 28px; right: 8px; margin-top: -14px; background-size: 100%;}
.faq-ls .abx > div{padding: 20px 10px 20px 44px; font-size: 15px; line-height: 20px;}
.faq-ls .sim{width: 44px; top: 17px; font-size: 28px;}

.col-tbst1.mscg, .col-tbst1.mscg tbody{display: block;}
.col-tbst1.mscg caption, .col-tbst1.mscg colgroup, .col-tbst1.mscg thead{display: none;}
.col-tbst1.mscg tr{display: block; padding: 10px 2%; border-bottom: 1px solid #e7e7e7;}
.col-tbst1.mscg td{display: inline-block; height: auto; border: none; padding: 0; text-align: left; font-size: 15px; line-height: 20px;}
.col-tbst1.mscg td:after{content: ''; display: inline-block; vertical-align: top; width: 1px; height: 12px; background: #e7e7e7; margin-top: 3px; margin-left: 8px; margin-right: 3px;}
.col-tbst1.mscg td.ti{width: 100%; margin: 5px 0; font-size: 17px; line-height: 24px;}
.col-tbst1.mscg td.ti .lock-ic{margin-top: 2px;}
.col-tbst1.mscg td.num:after, .col-tbst1.mscg td.ti:after, .col-tbst1.mscg td:last-child:after{display: none;}

.paging img{width: 30px;}
.paging > span{margin: 0 2px;}
.paging > span > a{margin: 0 2px;}
}

@media screen and (max-width: 650px){
.lgn-ipt{padding: 19px 0;}
.lgn-ipt > dl > dt{vertical-align: top; padding-top: 18px;}
.lgn-ipt > dl > dd .atx{display: block; margin-left: 0; width: auto; margin-top: 6px;}
.lgn-ipt > dl > dd input[type="text"], .lgn-ipt > dl > dd input[type="password"]{width: 100%;}
.lgn-btb{margin-top: 20px;}

.agr-ls > li{padding: 12px 16px;}

.bi1-ils{margin-left: 0;}
.bi1-ils > li{float: none; width: auto; margin: 0 0 20px;}
.bi1-ils > li > dl{min-height: 0;}
.bi1-ils .lkp{position: static; display: inline-block; margin-top: 20px;}

.txbk-st1 .bttg{display: block;}
.txbk-st1 .bttg .tx{display: block; padding: 0;}
.txbk-st1 .bttg .bt{display: block; max-width: 100%; margin-top: 8px;}

.view-bx .inf .ti{font-size: 24px; margin-bottom: 10px;}
.view-bx .file-bk .file-bx{display: block; width: auto;}
.view-bx .file-bk .dw-btbx{display: block; margin-top: 10px;}
}

@media screen and (max-width: 550px){
.acl-lk > li{letter-spacing: -1px; margin-right: 5px; margin-top: 4px;}
.acl-lk > li:after{margin-left: 5px;}
.acl-lk > li:nth-child(2n + 1){clear: both;}
.acl-lk > li:nth-child(even):after{display: none;}
.btn-bx {
    margin-top: 30px;
    margin-left: 0;
}
.write-area > dl{display: block;overflow: hidden;}
.write-area > dl > dt{display: block; width: auto; padding-right: 0; padding: 16px 0 4px;}
.write-area > dl > dd{display: block; padding: 4px 0 16px; font-size: 14px; letter-spacing: -1px;}

.iptt.iiw2{    max-width: calc(25% - 6px);}
select.iptt{padding-right: 22px; background-size: 18px; background-position: calc(100% - 2px) center;}
.itb-tel > .iptt{width: calc(33% - 9px); padding-left: 4px;}

.col-tbst1 th, .col-tbst1 td{font-size: 15px; height: 40px;}

.qc-ls > li{padding: 12px;}
.qc-ls > li .gbx{padding: 8px;}
.qc-spbx > li{padding: 0 8px;}

.brd-search select{width: 90px; font-size: 15px;}
.brd-search .sr-ib{max-width: calc(100% - 100px);}
.brd-search input[type="text"]{width: calc(100% - 61px); font-size: 15px; margin-right: 0;}
.brd-search .srbt{width: 55px; font-size: 15px;}

.pic-itxb .lsbx-ic1{padding: 70px 0 0; background-position: center 0;}
}

@media screen and (max-width: 526px){
.con-pd{padding: 12px;}

.agr-ls > li .ck{padding-right: 0; text-align: center;}
.agr-ls > li .ck .ck-u{text-align: left; display: block; margin-bottom: 4px;}
.agr-ls > li .ck .con-sw{position: static; display: inline-block; margin-top: 0;}

.tab-box{margin: 0 -3px 40px;}
.tab-ls > li{margin: 3px; }
.tab-ls > li > p{height: 42px;}
.tab-ls > li > p > a{font-size: 15px; line-height: 20px;}

.pic-itxb .itx > h4{font-size: 22px;}
.pic-itxb .itx.ipo1 > h4 > span{display: inline;}
.pic-itxb .gt-txls + .btn-bx >.bkbt-ss{width: calc(100% - 32px); margin-left: auto;}
.pic-itxb .ictx > p{font-size: 18px;}

.qc-ipt-bx .acbx > dl{display: block; height: auto; padding: 16px 0;}
.qc-ipt-bx .acbx > dl > dt{display: block; width: auto; margin-bottom: 8px;}
.qc-ipt-bx .acbx > dl > dd{display: block; padding: 0 0 0 16px;}
.qc-spbx .qc-ipt-bx .acbx > dl > dt{width: auto;}
.fd-ibx .qc-ipt-bx .acbx > dl > dt{padding: 0;}

.faq-tab > a{margin: 0;}
}

@media screen and (max-width: 450px){
.brd-search{text-align: left; padding: 15px; border-radius: 10px;}
.brd-search select{width: 100px;}
.brd-search .sr-ib{display: block; width: auto; max-width: none; margin-top: 10px;}

.col-tbst1.mscg td{font-size: 14px; letter-spacing: -1px;}
.view-bx .file-bk .file-bx .ti{display: block; width: auto; margin-bottom: 5px; padding: 2px 0; padding-left: 30px; background-size: 25px;}
.view-bx .file-bk .file-bx .ti:after{display: none;}
.view-bx .file-bk .file-bx .file-ls{display: block; width: auto; padding: 0 0 0 30px;}
}

@media screen and (max-width: 360px){
.faq-ls .qbx > a { font-size: 16px; line-height: 22px;}

}

table.family {
  border: 1px solid #1C6EA4;
  width: 100%;
  text-align: center;
  border-collapse: collapse;
}
table.family td, table.family th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.family tbody td {
  /* font-size: 13px; */
}
table.family tfoot td {
  font-size: 14px;
}
table.family tfoot .links {
  text-align: right;
}
table.family tfoot .links a{
  display: inline-block;
  background: #1C6EA4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}
.t_line{
    border-top: 2px solid #009688;
}
.b_line{
    border-bottom: 2px solid #009688;
}
.t_c {
    background-color: #e6fbf9;
    color: #000;
    font-size: 16px;
    font-weight: 700;
}
.where {
  display: block;
  margin: 25px 15px;
  font-size: 11px;
  color: #000;
  text-decoration: none;
  font-family: verdana;
  font-style: italic;
} 

.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding: .5em .75em;
	color: #999;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #fdfdfd;
	cursor: pointer;
	border: 1px solid #ebebeb;
	border-bottom-color: #e2e2e2;
	border-radius: .25em;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* ����Ƽ�� ���� ���߱� */
  -moz-appearance: none;
  appearance: none;
}

/* imaged preview */
.filebox .upload-display {
	margin-bottom: 5px;
}

@media(min-width: 768px) {
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
	
}

.filebox .upload-thumb-wrap {
	display: inline-block;
	width: 54px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	border-radius: 5px;
	background-color: #fff;
}

.filebox .upload-display img {
	display: block;
	max-width: 100%;
	width: 100% \9;
	height: auto;
}

.filebox.bs3-primary label {
  color: #fff;
  background-color: #337ab7;
	border-color: #2e6da4;
}
.write-area h3{
    font-size: 16px;
    margin-top: 10px;
}
.write-area span{
    font-size: 15px;
    color: #ff5722;
    padding: 0px 0 10px 0;
}
.filebox{
    width: 309px;
    float: left;
    display: contents;
}
@media all and (max-width:768px) {
.fd-ibx .ti {
    font-weight: 600;
    font-size: 18px;
    color: #222;
    margin-bottom: 8px;
}
.fd-ibx .ibx {
    margin-bottom: 40px;
    overflow: auto;
}
.itb-tel > .iptt {
    width: calc(33% - 11px);
    padding-left: 4px;
}
.iptt.wb {
    width: 308px;
    max-width: calc(100% - 70px);
}
.write-area > dl > dt {
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    padding: 10px 0;
    padding-right: 8px;
    letter-spacing: -1px;
    font-family: 'ROKAFSansBold';
    font-size: 16px;
    color: #262626;
}
	    .write-area > dl > dt {
        display: block;
        width: auto;
        padding-right: 0;
        padding: 16px 0 4px;
    }
.iptt.w1 {
    width: calc(100% - 10px);
}
.result h3 {
    font-size: 22px;
    color: #0c64aa;
}
	    .write-area > dl {
        display: block;
        overflow: hidden;
    }
}





.pddBox {padding: 0 0px 100px 0px;}
.mx_wrap {position:relative;max-width:1240px;margin:0 auto;}
.img img {display:block;width:100%;}

@media screen and (max-width:768px){
    .pddBox {padding:0 30px;}
}

/*---------------------------------------------------------------------------------------------------------------------------
 *  Form Element
 *--------------------------------------------------------------------------------------------------------------------------*/

/* Checkbox */
.check_form1 {display:none;}

.check_form1 + label {position:relative;font-size:15px;color:#555;padding-left:30px;}
.check_form1.checkAll.hide + label {display: inline-block;text-indent: -9999px;}
.check_form1 + label:before {content:'';display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#e8e8e8;}
.check_form1:checked + label {color:#003b98;}
.check_form1:checked + label:before {background:url("/img/icon_check.png") no-repeat center;background-color:#08419b;}

/* Radio */
.join_radio {display:none !important;}
.join_radio + label {position:relative;font-size:15px;color:#555;padding-left:30px;margin-right:20px;}
.join_radio + label:before {content:'';position:absolute;top:50%;left:0;transform:translateY(-50%);display:block;width:20px;height:20px;border-radius:50%;background-color:#e8e8e8;}
.join_radio:checked + label {color:#003b98;}
.join_radio:checked + label:before {background:url("/img/radio_on.png") no-repeat center;}


/* Table : row ddd */
.tb_row_ddd th,
.tb_row_ddd td {border:1px solid #ddd;border-left:none;border-right:none;}
.tb_row_ddd th {text-align:left;padding:30px 20px;}
.tb_row_ddd th.v_top {vertical-align:top;}
.tb_row_ddd td {padding:10px 30px;}
.tb_row_ddd th span {font-size:16px;color:#333;background-position:0 5px;font-weight:400;}
.tb_row_ddd td * {display:inline-block;vertical-align:middle;}


/* Table : col */
.tb_col {border-top: 2px solid #545c73;}
.tb_col th,
.tb_col td {border-bottom:1px solid #ddd;padding:25px 10px;}
.tb_col th {font-size:18px;color: #000;font-weight:500;}
.tb_col thead.center th {text-align: center;}
.tb_col td {font-size:16px;color:#333;text-align:center;}
.tb_col td.td_subject {font-size: 16px;}
td.txt_left {text-align:left;}
td.td_subject > a {font-size: 18px;word-break: break-all;line-height: 1.4}

.td_file a {display: inline-block;margin:0 2px;vertical-align: middle;}

/* 20210601 추가 */
.tb_of {border-top: 2px solid #545c73;overflow: hidden;overflow-x:auto;}
.tb_of > table {min-width: 1060px;}

/* Table : row */
.tb_row {border-top: 2px solid #545c73;}
.tb_row th,
.tb_row td {padding:25px 30px;border-bottom:1px solid #ddd;font-size:16px;}
.tb_row td {color:#333;font-family:'Noto Sans Korean';}
.tb_row td strong {font-size:18px;font-weight:500;}
.tb_row td p {line-height:24px;}
.tb_row th {background: #f5f5f5;color: #000;text-align:left;}
th.v_top {vertical-align:top;}

/* Table : Responsive */
@media screen and (max-width:640px){
    .tb_res thead {display: none;}
    .tb_res tbody tr {display: block;padding:30px 0;border-bottom: 1px solid #ddd;}
    .tb_res tbody tr td {position: relative;display: block;text-align: left;border:none;padding:5px 0 5px 80px;}
    .tb_res tbody tr td:before {content:attr(data-label);position: absolute;left:0;top:5px;font-weight: 500;color:#003b98;}
}
@media screen and (max-width:480px){
    .tb_res tbody tr td {font-size: 14px;}
}

/* Board Search */

.brd_search {background:#f8f8f8;padding:35px;margin-bottom:50px;text-align:center;}
.brd_search .inner {position:relative;display:inline-block;width:100%;max-width:580px;margin:0 auto;border-bottom:3px solid #000;padding-left:180px;text-align:left;/* box-sizing: border-box; */}
button {
    background: none;
    margin: 0;
    padding: 0;
    border: 0 none;
    cursor: pointer;
}
#brd_slt {position:absolute;left:0;top:0px;}
#brd_slt .vDrop {height:50px;}
#brd_slt .vDrop a {font-size:18px;background:none;line-height:50px;border:none;}
#brd_slt .vArrow {width:13px;height:8px;background:url("/img/arr_slt.png") no-repeat center;right:15px;}
#brd_slt .open .vArrow {background-image:url("/img/arr_slt_on.png");}
#brd_slt .vArrow:before {display:none;}
.srchWrap {position:relative;/* padding-right:50px; */height:50px;width:100%;}
.srchWrap input {padding-left:20px;height:100%;border:none;background:none;font-size:18px;color:#000;width:100%;outline:none;}
.srchWrap input::-webkit-input-placeholder {font-size:18px;color:#999;}
.srchWrap input:-ms-input-placeholder {font-size:18px;color:#999;}
.srchWrap input::-moz-placeholder {font-size:18px;color:#999;}
.srchWrap input:-moz-placeholder {font-size:18px;color:#999;}
.srchWrap button {position:absolute;width:50px;height:100%;background:url("/img/btn_search.png") no-repeat center;top:0;right:0;outline:none;text-indent: -9999px;}

/* Select Vdrop */
.vDrop { position:relative;  height:30px;/*margin-bottom:10px;    color:#555; */}
.vDrop select { visibility:hidden; }
.vDrop a { outline:none;  text-decoration:none;  color:#333;  }
.vDrop .vClicker { overflow:hidden;  position:absolute;  top:0;left:0;  padding:0 30px 0 15px;  width:180px;  height:100%;  line-height:30px;  background:#fff;  border:1px solid #ccc;  -webkit-border-top-right-radius:3px;  -moz-border-radius-topright:3px;  border-top-right-radius:3px;  -webkit-border-bottom-right-radius:3px;  -moz-border-radius-bottomright:3px;  border-bottom-right-radius:3px;  -webkit-border-bottom-left-radius:3px;  -moz-border-radius-bottomleft:3px;  border-bottom-left-radius:3px;  -webkit-border-top-left-radius:3px;  -moz-border-radius-topleft:3px;  border-top-left-radius:3px;  -webkit-user-select:none;  -moz-user-select:none;  -ms-user-select:none;  -o-user-select:none;  user-select:none; }
.vDrop .vClicker.open { -webkit-border-top-right-radius:3px;  -moz-border-radius-topright:3px;  border-top-right-radius:3px;  -webkit-border-bottom-right-radius:0;  -moz-border-radius-bottomright:0;  border-bottom-right-radius:0;  -webkit-border-bottom-left-radius:0;  -moz-border-radius-bottomleft:0;  border-bottom-left-radius:0;  -webkit-border-top-left-radius:3px;  -moz-border-radius-topleft:3px;  border-top-left-radius:3px; }
.vDrop .vClicker span { white-space:nowrap; }
.vDrop .vClicker .vArrow { position:absolute;  top:50%;transform:translateY(-50%); right:0;  width:26px;  height:26px;  -webkit-border-top-right-radius:2px;  -moz-border-radius-topright:2px;  border-top-right-radius:2px;  -webkit-border-bottom-right-radius:2px;  -moz-border-radius-bottomright:2px;  border-bottom-right-radius:2px;  -webkit-border-bottom-left-radius:0;  -moz-border-radius-bottomleft:0;  border-bottom-left-radius:0;  -webkit-border-top-left-radius:0;  -moz-border-radius-topleft:0;  border-top-left-radius:0; }
.vDrop .vClicker .vArrow:before { content:'';  display:block;  position:absolute;  right:12px;  top:8px;  width:6px;  height:6px;  border-width:2px 2px 0 0;  border-style:solid;  border-color:#000;  transform:rotate(135deg); }
.vDrop .vClicker.open .vArrow:before { top:11px;  transform:rotate(315deg)}
.vDrop ul { overflow:hidden;  display:none;  z-index:1;  position:absolute;  top:53px;  left:0;  width:180px;  max-width:180px; border:1px solid #ddd;background:#fff;padding:10px 0;}
.vDrop ul li.optgroup span { display:block;  padding:5px;  background:#e8e8e8; }
.vDrop ul li.optgroup ~ .option a { padding-left:20px; }
.vDrop ul li a { display:block;  padding:5px 15px; line-height:1.3 !important; white-space:nowrap;  background:#fff;font-size: 16px !important;color: #888 !important; }
.vDrop ul li a.selected,.vDrop ul li a:hover { background:#06c;  color:#000 !important; }

/* Paging */
.tb_bott {margin:50px 0 0;}
.tb_bott.center {text-align:center;}
.paging,
.paging * {display:inline-block;vertical-align:middle;}
.paging a {width:34px;height:34px;border-radius:50%;font-size:15px;color:#555;line-height:34px;margin:0 3px;}
.paging > a {background-color:#e9e9e9;background-position:center;background-repeat:no-repeat;}
.paging .current a {color:#fff;background: #000;font-weight:500;}
.paging_prev1 {background-image:url("/img/paging_prev1.png");}
.paging_prev2 {background-image:url("/img/paging_prev2.png");}
.paging_next1 {background-image:url("/img/paging_next1.png");}
.paging_next2 {background-image:url("/img/paging_next2.png");}

/* Filefield */
.upload_name {background:none;font-size:14px;line-height:normal;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:380px;color:#000;}
#file_upload {position:absolute;top:0;right:0;width:1px;height:1px;opacity:0;filter:alpha(opacity=0);visibility: hidden;}
#file_upload + label {display:inline-block;line-height:40px;font-size:15px;color:#fff;background:#4a5d7a;padding:0 20px;}
/*20210414추가*/
.upload_name2 {background:none;font-size:14px;line-height:normal;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;appearance:none;max-width:380px;color:#000;}
.file_upload {position:absolute;top:0;right:0;width:1px;height:1px;opacity:0;filter:alpha(opacity=0);visibility: hidden;}
.file_upload + label {display:inline-block;line-height:40px;font-size:15px;color:#fff;background:#4a5d7a;padding:0 20px;}


@media screen and (max-width:960px){
    .family_site {padding:30px 100px;}
    .ftr_top h2 {font-size: 18px;}
    
    .tb_row th, 
    .tb_row td {padding: 25px 20px}

}
@media screen and (max-width:780px){
    .site_link {position: relative;top: auto;right: auto;width:200px;margin-bottom:30px;}
}
@media screen and (max-width:768px){
    .ftr_bott .mx_wrap {padding: 80px 0;}
    .family_site {padding: 40px 0;}
    .ftr_top h2 {position: static;top:auto;left:auto;transform:none;margin-bottom: 20px;}
    .family_site .swiper-button-next, .family_site .swiper-button-prev {top:40px;transform: none;}
    .family_site .stop-autoplay, .family_site .start-autoplay {top:43px;transform: none;}
    
    .totop {bottom: 10px;right: 10px;width: 40px;height: 40px;background-size:12px auto;}
    
    .tb_col th, 
    .tb_col td {padding: 20px 5px;}
    .tb_col th {font-size: 16px;}
    .tb_col td {font-size: 15px;}
    td.td_subject > a {font-size: 16px;}
    td.td_file a img {width: 20px;}
    .upload_name,
    .upload_name2 {max-width: 300px}
}
@media screen and (max-width: 640px){
    .site_link {width: 180px;}
    .pNavTit a {font-size: 14px;padding: 0 30px 0 15px;line-height: 36px;}
    .pNavMenu {bottom:37px;height: 330px; overflow: hidden; overflow-y: auto;}
    .pNavMenu li a {padding: 8px 15px;}
    .pNavMenu li a span {font-size: 13px;}
    
    .ftr_menu a {font-size: 14px;}
    .ftr_menu li:after {margin:0 5px;}
    
    address {font-size: 13px;line-height: 1.5;}
    .copyright {font-size: 10px;}
    
    .check_form1 + label {font-size:14px;padding-left:25px;}
    .check_form1 + label:before {width:18px;height:18px;}
    .check_form1:checked + label:before {background-size: 8px auto;}
    
    .tb_row_ddd {border-bottom: 1px solid #ddd;width: 100%;}
    .tb_row_ddd tbody,
    .tb_row_ddd tr {display: block;width: 100%;}
    .tb_row_ddd th {display: block; width: 100%; padding:20px 20px 10px;border-bottom:none;}
    .tb_row_ddd td {display: block; width: 100%; padding:10px 20px 20px;border-top: none;border-bottom: none;}
    .tb_row_ddd th span {font-size:15px;}
    
    .brd_search {padding: 30px;margin-bottom: 30px;}
    .brd_search .inner {padding-left:120px;}
    .vDrop .vClicker {width: 120px;}
    #brd_slt .vDrop a {font-size: 16px;}
    .vDrop ul {width: 120px;max-width:120px;}
    .vDrop ul li a {font-size: 14px !important;}
    .srchWrap input {font-size: 16px;}
    
    .brd_list table thead,
    .brd_list table td.td_num {display: none;}
    .brd_list table tr {display: block;padding:20px 0;border-bottom: 1px solid #ddd;}
    .brd_list table td {font-size: 14px;display: block;width: 100% !important;text-align: left;padding:2px 5px;border: none;}
    .brd_list table td.td_chk {margin-bottom:15px;}
    .brd_list table td.td_subject {width: 60%;padding-bottom: 10px;}
    td.td_subject > a {font-size: 16px;color:#000;font-weight: 500;}
    .brd_list table td.td_period {width: 20%;}
    .brd_list table td.td_state {width: 20%;}
    .brd_list table tbody td:before {content:attr(data-label);display: inline-block;width: 60px;vertical-align: middle;}
    .brd_list table tbody td.td_subject:before,
    .brd_list table tbody td.td_chk:before {display: none;}
    
    /* 20210601 추가 */
    .tb_of table thead {display:table-header-group;}
    .tb_of table tr {display: table-row;}
    .tb_of table td {display: table-cell !important;width:inherit!important;border-bottom: 1px solid #ddd;padding:15px 10px !important;text-align: center;}
    .tb_of table td.txt_left {text-align: left !important;}
    .tb_of table tbody td:before {display: none !important;width: auto !important;}
    /**/
  
    .brd_view table tr {display: block;border-bottom: 1px solid #ddd;padding:10px 0;}
    .brd_view table th {display: block;padding:15px;font-size: 15px;}
    .brd_view table td {font-size: 14px;display: block;width: 100% !important;text-align: left;padding:5px 10px;border: none;}
    .brd_view .tb_row td strong {font-size: 14px;}
    
    .tb_brd_write th, 
    .tb_brd_write td {display: block;border-right:none !important;}
    
}
@media screen and (max-width:480px){
    .ftr_menu li {width: 50%;margin:4px 0;}
    .ftr_menu li:after {display: none;}
    
    .join_radio + label {font-size: 14px;padding-left: 25px;margin-right: 10px;}
    .join_radio + label:before {width: 16px;height: 16px;}
    
    .tb_col th {font-size: 15px}
    .tb_col td {font-size: 14px;}
    .tb_row_ddd th {padding:25px 10px 5px;    display: table-cell;width: 25%;}
    .tb_row_ddd td {padding:5px 10px 25px}
    
    .brd_list table td {font-size: 13px;padding:2px 5px;}
    .brd_list table td.td_subject {padding: 2px 5px 10px 5px}
    
    .brd_search {padding:25px;}
    .brd_search .inner {padding: 0;border-bottom-width: 2px;}
    #brd_slt {position: static;left: auto;top: auto;width: 100%;border-bottom: 2px solid #000;}
    #brd_slt .vDrop {height:40px;width: 100%;}
    #brd_slt .vDrop a {display: block;width: 100%; line-height: 40px;font-size: 15px;padding: 0 20px 0 10px;}
    #brd_slt .vArrow {right: 10px;}
    .vDrop ul {width: 100%; max-width: none;top: 42px;}
    .vDrop ul li a {padding:5px 10px !important;}
    .srchWrap {padding-right:40px;height:40px;}
    .srchWrap input {padding-left: 10px;font-size: 15px;}
    .srchWrap input::-webkit-input-placeholder {font-size:15px}
    .srchWrap input:-ms-input-placeholder {font-size:15px}
    .srchWrap input::-moz-placeholder {font-size:15px}
    .srchWrap input:-moz-placeholder {font-size:15px}
    .srchWrap button {width: 40px;background-size: 16px auto;}
    .tb_bott {margin: 40px 0 0;}
    .paging a {width: 28px;height: 28px;font-size: 14px;line-height: 27px;background-size: auto 8px;}
}


/* Join */

.join_step {text-align:center;margin-bottom:80px;}
.join_step * {display:inline-block;vertical-align:middle;}
.join_step li {position:relative;padding-left:100px;text-align:left;}
.join_step .icon {position:absolute;top:50%;left:0;transform:translateY(-50%);width:80px;height:80px;border-radius:50%;padding-top:20px;border:1px solid #ddd;text-align:center;}
.join_step span {display:block;font-size:20px;color:#bbb;font-weight:600;margin-bottom:5px;}
.join_step h4 {font-size:20px;color:#aaa;font-weight:400;}
.join_step li:after {display:inline-block;vertical-align:middle;content:'';width:80px;height:1px;background:#ccc;margin:0 15px 20px;}
.join_step .on .icon {background-color:#003b98;border:none;}
.join_step .on span {color: #003b98;}
.join_step .on h4 {color:#003b98;font-weight:500;}
.join_step li:last-child:after {display:none;}

.join_terms {border-top:2px solid #000;padding:30px 0 60px;}
.bullet_tit {position:relative;padding-left:20px;font-size:25px;font-weight:500;margin-bottom: 40px;}
.bullet_tit:before {content:'';display:block;position:absolute;left:0;top: 15px;background:url("/img/bullet_tit.png") no-repeat 0 center;width:10px;height:10px;}
.terms_cont {margin:40px 0;border:1px solid #ddd;height:300px;padding:30px;}
.join_terms input[type="checkbox"] {display:none;}
.join_terms .terms_check {float:right;}

.agree_all {border:1px solid #777;padding:30px;text-align:center;}
.agree_all label {font-size:17px;color:#000;}

.btn_set {text-align:center;margin:50px 0 0;}
.btn_set ul {display:inline-block;font-size:0;}
.btn_set li {display:inline-block;margin:0 5px;}
.btn_set li a,
.btn_set li button {display:inline-block;width:200px;font-size:20px;color:#fff;background: #545c73;line-height:60px;}
.btn_set li a.bg_999 {background:#999;}

/* ì •ë³´ìž…ë ¥ */

.join_cont {border-top:2px solid #000;padding:30px 0 0;}
.join_type {border:1px solid #ddd;padding:20px 30px;margin:30px 0 80px;}
.required_ment {position:relative;}
.required_ment p {position:absolute;top:50%;right:0;transform:translateY(-50%);color:#555;font-size:15px;font-weight:400;line-height: 1.4;}
.required {background: url("/img/icon_required.png") no-repeat 0px 7px;padding-left:15px;}

.join_cont .tb_row_ddd {margin:40px 0 80px;}
.join_cont:last-child .tb_row_ddd {margin-bottom: 0;}
.tb_row_ddd input[type="text"],
.tb_row_ddd input[type="password"],
.tb_row_ddd input[type="number"]{width:100%;border:1px solid #ddd;height:42px;outline:none;padding:0 10px;color:#000;font-size:15px;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
.mxw_50 {max-width:50px;}
.mxw_60 {max-width:60px;}
.mxw_80 {max-width:80px;}
.mxw_100 {max-width:100px;}
.mxw_140 {max-width:140px;}
.mxw_200 {max-width:200px;}
.mxw_400 {max-width:400px;}
.mxw_600 {max-width:600px;}
.btn_bdr555 {border: 1px solid #e0e0e0;line-height:40px;padding: 0 25px;font-size:15px;color:#333;margin-left:10px;}
.tb_row_ddd td p.input_help {color:#333;margin-left:20px;font-size:14px;}
.input_numb span {display: inline-block;margin:0 2px;font-size: 14px;}
.tb_radio strong {font-size:15px;font-weight:500;margin:0 30px 0 20px;}
td.input_address p {display:block;margin-left:0;}
td.input_address p.margin {margin:5px 0;}
.codeArea {width:100%;height:42px;background:#000;margin-right:10px;}


/* 가입완료 */

.join_finish {border:1px solid #ddd;padding:100px;text-align:center;}
.join_finish .img {max-width:88px;margin:0 auto;}
.ment_finish {font-size:40px;margin:30px 0 20px;font-weight:300;letter-spacing: -0.044em;word-break: keep-all;}
.ment_finish strong {font-weight:500;}
.ment_id {font-size:22px;color:#333;word-break: keep-all;}
.ment_id span {color:#f44c19;font-weight:600;}

/* 마이페이지 */

.myPage_link {margin-bottom:60px;overflow:hidden;}
.myPage_link li {float:left;width:50%;}
.myPage_link li a {display:block;border:1px solid #ddd;border-bottom-color:#003b98;font-size:20px;color:#999;text-align:center;line-height:63px;}
.myPage_link li.current a {border-color:#003b98;border-bottom-color:#fff;color:#003b98;}

#myPage .ment {padding-left:25px;background:url("/img/icon_ment.png") no-repeat 0 0;font-size:18px;margin-bottom:40px;word-break: keep-all;}
.state {display:inline-block;border:1px solid #003b98;line-height:30px;font-size:15px;padding:0 15px;}
.state1 {color:#003b98;}
.state2 {background:#003b98;color:#fff;}
.btn_print {display:inline-block;padding:0 35px 0 15px;font-size:15px;color:#003b98;border:1px solid #003b98;line-height:30px;background:url("/img/btn_print.png") no-repeat right 15px center;}

/*20210421추가*/
@font-face {
    font-family: 'NotoSerifKR';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/NotoSerifKR.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.completion_content {border:1px solid #ddd;padding:30px;overflow: auto;}
.completion_content button.btn_print {float: right;border:1px solid #000;color:#000;border-radius: 4px;padding:0 10px 0 30px;background:url("/img/icon_fax.png") no-repeat 10px center;background-size: 14px auto;}
.completion_box {min-width: 700px;margin:50px 20px 40px;border:4px solid #033d9a;border-radius: 5px; padding:80px 50px 120px;text-align: center;background:url("/img/bg_completion.jpg") no-repeat center center;background-size: contain;}
.completion_box * {font-family:'NotoSerifKR', serif;font-weight:600;}
.completion_box .completion_top {text-align: left;font-size: 18px;}
.completion_box h3 {font-size: 54px;font-weight: 900;letter-spacing: 0.6em;margin:50px 0 80px;}
.completion_box dl {text-align: left;font-size: 0;}
.completion_box dl dt {display: inline-block;vertical-align: middle;width:20%;font-size: 18px;margin-bottom: 20px;}
.completion_box dl dd {display: inline-block;vertical-align: middle;width: 80%;font-size: 18px;margin-bottom: 20px;}
.completion_body {text-align: left;font-size:25px;letter-spacing: 0.02em; margin:40px auto 60px;word-break: keep-all;line-height: 1.6;}
.completion_date {font-size: 20px;margin-bottom: 40px;letter-spacing: 0.1em;}
.completion_writer {font-size: 30px;letter-spacing: 0.2em;}
/**/



/* 회원정보수정 */

.mem_info {border:1px solid #ddd;border-bottom:3px solid #003b98;padding:25px 30px;}
.mem_info dl * {display:inline-block;vertical-align: middle;}
.mem_info dt {font-size:16px;margin-right:15px;}
.mem_info dd {font-size:16px;color:#555;}
dd.mem_name:after {display:inline-block;vertical-align:middle;content:'';width:1px;height:15px;background:#ddd;margin:0 15px;word-break: keep-all;line-height: 1.4;}
.mem_modify .tb_row_ddd {overflow:hidden;}
.mem_modify p.required {float:right;margin:40px 0 30px;font-size: 13px;color: #555;}

@media screen and (max-width:1024px){
    .loginBox > div {padding: 0 100px;}
    
    .tb_row_ddd td p.input_help {margin:15px 0 5px;display: block;}
    .tb_row_ddd td .tb_radio {display: block;margin:15px 0 5px;}
    .tb_radio strong {margin: 0 20px 0 0;}
}
@media screen and (max-width:960px){
    .loginBox > div {float: none; width: 100%; padding: 0 200px;border: none;}
    
    .join_step {margin-bottom: 50px;}
    .join_step li {padding-left:60px;}
    .join_step .icon {width: 50px;height: 50px;padding-top: 15px;}
    .join_step .icon img {width: 20px;}
    .join_step li:after {width: 60px;margin: 0 10px 25px;}
    
    .input_numb span {margin: 0;}
}
@media screen and (max-width:768px){
    .loginBox > div {padding: 0 150px;}
    
    .bullet_tit {font-size: 22px;}
    
    .btn_bdr555 {padding: 0 20px;margin-left:5px;}
    
    .join_finish {padding:80px;}
    .join_finish .img {max-width: 80px;}
    .ment_finish {font-size: 36px;}
    .ment_id {font-size: 20px;}
    
    .myPage_link {margin-bottom:40px;}
    .myPage_link li a {font-size: 18px;line-height:58px;}
    #myPage .ment {padding-left: 25px;background-size: 16px auto;font-size:16px;margin-bottom:30px;}
    .state {line-height: 28px;font-size: 14px;padding:0 10px;}
    .btn_print {padding: 0 30px 0 10px;font-size: 14px;line-height:28px;background: url(/img/btn_print.png) no-repeat right 10px center;}
    
    .brd_search {padding: 30px;margin-bottom:40px;}
    .srch_result > p {margin: 30px 0;font-size: 25px;}
    .srch_result ul > li {padding: 25px;}
    .srch_result h4 a {font-size: 18px;}
    .srch_result p a {font-size: 15px;line-height:1.4;}
    .srch_result ol li {font-size: 14px;}
}
@media screen and (max-width:640px){
    .loginBox {padding: 80px 0;}
    .loginBox > div {padding: 0 90px;}
    .loginForm p {font-size: 20px;}
    
    .util_item p {font-size: 17px;}
    .util_item p strong {font-size: 18px;}
    .util_item a {line-height: 44px;padding-left: 45px;background-position: 20px center;background-size: 12px auto;font-size: 15px;}
    
    .join_step li {padding: 0;}
    .join_step li:after {width: 50px;}
    .join_step .icon {display: block; position: static;top: auto;left: auto;transform: none;margin-bottom: 10px;}
    .join_step span {font-size: 18px;}
    .join_step h4 {font-size: 18px;}
    
    .bullet_tit {font-size: 20px;}
    .agree_all {padding: 25px;}
    .btn_set li a {width: 180px;font-size: 18px;line-height: 50px;}
    
    .join_type {margin: 30px 0 50px;padding: 20px;}
    .required_ment p {position: static;top: auto;right: auto;transform:none;font-size: 14px;margin-top: 10px;}
    .join_cont .tb_row_ddd {display: block; margin:30px 0 60px;}
    
    .brd_list .edu_list table tbody td:before {width: 100px;}
}
@media screen and (max-width:480px){
    .loginBox {padding: 60px 0;}
    .loginBox > div {padding: 0 60px;}
    .loginForm p {font-size: 18px;}
    #login li input {height: 48px;padding: 0 15px;font-size: 15px;}
    .loginForm button {height: 54px;}
    .loginForm button span {font-size: 18px;background-size: 14px;padding-left: 20px;}
    .login_btns li {float: none; width: 100%;margin:3px 0;}
    
    .util_item p {font-size: 16px;}
    .util_item p strong {font-size: 17px;}
    .util_item a {line-height: 40px;padding-left: 35px;background-position: 15px center;background-size: 12px auto;font-size:14px;}
    
    .join_step_wrap {display: none;}
    
    .bullet_tit {font-size: 18px;padding-left: 15px;}
    .terms_cont {margin:20px 0;padding: 20px;}
    .agree_all {padding: 20px;}
    .agree_all label {font-size: 15px;}
    .btn_set li {margin: 0 5px;}
    .btn_set li a {width: 140px;font-size:15px; line-height: 44px;}
    
    .required_ment p {font-size: 13px;}
    .mxw_200 {max-width: 160px;}
    .tb_row_ddd td p.input_help {font-size: 13px;}
    .btn_bdr555 {padding: 0 15px;height: 38px;line-height: 37px;font-size: 14px;}
    .tb_radio strong {margin: 0 10px 0 0;font-size: 14px;}
    .codeArea {margin-right: 5px;}
    .tb_row_ddd input[type="text"], 
    .tb_row_ddd input[type="password"], 
    .tb_row_ddd input[type="number"] {height: 38px;}
    
    .join_finish {padding:60px;}
    .join_finish .img {max-width: 60px;}
    .ment_finish {font-size: 30px;margin:20px 0 15px;}
    .ment_id{ font-size: 18px;}
    
    .btn_set {margin: 30px 0 0;}
    
    .myPage_link {margin-bottom:30px;}
    .myPage_link li a {font-size: 16px;line-height: 50px;}
    #myPage .ment {padding-left: 20px;background-size: 14px auto;font-size:15px;margin-bottom:20px;}
    .state {line-height:24px;font-size: 13px;padding: 0 10px;}
    .btn_print {padding: 0 30px 0 10px;font-size:13px;line-height:24px;background-size: 12px auto;}
    
    .mem_info {padding: 20px 25px;}
    .mem_info dt,
    .mem_info dd {font-size: 15px;}
    
    .srch_result > p {font-size: 22px;}
    .srch_result ul > li {padding: 20px;}
}


table{width:100%;border-collapse:collapse;border-spacing:0;word-break:break-all;border:0;}
table th, table td{vertical-align:middle;}



/* 팝업 */
.popUp_contract_wrap {display:none;position: fixed;left: 24%;top: 20%;z-index: 100;background-color: #fff;border:5px solid #0368b3;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);width: 1000px;height: 500px;padding: 30px 35px;}
.popUp_contract_wrap.on {opacity: 1;z-index: 9999;}
.popUp_contract_wrap .btn_close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; color: #fff; background-color: #0368b3; font-size: 20px; transition: all .25s ease;}
.popUp_contract_wrap h2 {font-size: 20px; font-weight: 500; color: #0368b3; margin: 0 0 20px;}
.popUp_contract_wrap h2 .sm {font-size: 0.9em;}
.popUp_contract_wrap .list_1 {width: 100%;}
.popUp_contract_wrap .list_1 li {margin-top: 15px; font-size: 17px; display: flex; flex-wrap: wrap;}
.popUp_contract_wrap .list_1 li .lb {width: 18.5%; font-weight: 500; color: #222; padding-left: 15px; position: relative; padding-top: 0px;}
.popUp_contract_wrap .list_1 li .lbDiv {width: 100%; padding-left: 90px;}
.popUp_contract_wrap .list_1 li .lb.pop_name {width: 100%;}
.popUp_contract_wrap .list_1 li .lb::after {content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #0a2c98; position: absolute; left: 0; top: 12px;}
.popUp_contract_wrap .list_1 li .rb {width: 81.5%; color: #555; /* padding-left: 10px; */ font-size: 0.95em; text-align: justify; word-break: keep-all;}
.popUp_contract_wrap .tb_row_ddd thead tr th {text-align: center; padding: 15px 20px;}
.popUp_contract_wrap .tb_row_ddd tbody tr td {text-align: center; padding: 15px 20px; font-size: 15px;}
.popUp_contract_wrap .brd_search {background: #fff; padding: 0; margin-bottom: 25px;}

@media screen and (max-width:750px){
    /* 팝업 */
    .popUp_contract_wrap {left: 5%; top: 20%; width: 90%; padding: 20px 20px;}
    .popUp_contract_wrap .btn_close {width: 30px; height: 30px; font-size: 15px;}
    .popUp_contract_wrap h2 {font-size: 18px; margin: 0 0 10px;}
    .popUp_contract_wrap .list_1 li {margin-top: 10px; font-size: 15px; display: block;}
    .popUp_contract_wrap .list_1 li .lb {width: 100%; padding-left: 15px; margin-bottom: 5px;}
    .popUp_contract_wrap .list_1 li .lbDiv {padding-left: 0px;}
    .popUp_contract_wrap .list_1 li .lb::after {top: 10px;}
    .popUp_contract_wrap .list_1 li .rb {width: 100%;}
}

/* 두번째 팝업 */
.popUp_contract_wrap2 {display:none;position: fixed;left: 24%;top: 20%;z-index: 100;background-color: #fff;border:5px solid #0368b3;box-shadow: 2px 2px 5px rgba(0,0,0,0.1);width: 900px;height: 500px;padding: 30px 35px;}
.popUp_contract_wrap2.on {opacity: 1;z-index: 9999;}
.popUp_contract_wrap2 .btn_close {position: absolute; right: 0; top: 0; width: 40px; height: 40px; color: #fff; background-color: #0368b3; font-size: 20px; transition: all .25s ease;}
.popUp_contract_wrap2 h2 {font-size: 20px; font-weight: 500; color: #0368b3; margin: 0 0 20px;}
.popUp_contract_wrap2 h2 .sm {font-size: 0.9em;}
.popUp_contract_wrap2 .list_1 {width: 100%;}
.popUp_contract_wrap2 .list_1 li {margin-top: 15px; font-size: 17px; display: flex; flex-wrap: wrap;}
.popUp_contract_wrap2 .list_1 li .lb {width: 18.5%; font-weight: 500; color: #222; padding-left: 15px; position: relative; padding-top: 0px;}
.popUp_contract_wrap2 .list_1 li .lbDiv {width: 100%; padding-left: 90px;}
.popUp_contract_wrap2 .list_1 li .lb.pop_name {width: 100%;}
.popUp_contract_wrap2 .list_1 li .lb::after {content: ""; width: 4px; height: 4px; border-radius: 50%; background-color: #0a2c98; position: absolute; left: 0; top: 12px;}
.popUp_contract_wrap2 .list_1 li .rb {width: 81.5%; color: #555; /* padding-left: 10px; */ font-size: 0.95em; text-align: justify; word-break: keep-all;}
.popUp_contract_wrap2 .tb_row_ddd thead tr th {text-align: center; padding: 15px 20px;}
.popUp_contract_wrap2 .tb_row_ddd tbody tr td {text-align: center; padding: 15px 20px; font-size: 15px;}
.popUp_contract_wrap2 .brd_search {background: #fff; padding: 0; margin-bottom: 25px;}

@media screen and (max-width:750px){
    /* 두번째팝업 */
    .popUp_contract_wrap2 {left: 5%; top: 20%; width: 90%; padding: 20px 20px;}
    .popUp_contract_wrap2 .btn_close {width: 30px; height: 30px; font-size: 15px;}
    .popUp_contract_wrap2 h2 {font-size: 18px; margin: 0 0 10px;}
    .popUp_contract_wrap2 .list_1 li {margin-top: 10px; font-size: 15px; display: block;}
    .popUp_contract_wrap2 .list_1 li .lb {width: 100%; padding-left: 15px; margin-bottom: 5px;}
    .popUp_contract_wrap2 .list_1 li .lbDiv {padding-left: 0px;}
    .popUp_contract_wrap2 .list_1 li .lb::after {top: 10px;}
    .popUp_contract_wrap2 .list_1 li .rb {width: 100%;}
}

/******** 移댄뀒怨좊━ ********/
.cate_tab{overflow: hidden; margin:0 auto 50px;}
.cate_tab ul{display:flex; justify-content: center;}
.cate_tab ul li{width: auto;}
.cate_tab ul li a{display: inline-block; font-size:1rem; letter-spacing:-0.25pt; color:#797979; line-height: 120%; white-space: nowrap; padding: 20px 34px; box-sizing:border-box; position: relative;} 
.cate_tab ul li.hover a{color:#192f5c; font-weight:700;}
.cate_tab ul li:hover a{color:#192f5c;}
.cate_tab ul li a:before{content:''; display:block; width:100%; height:3px; background:#eef3fc; position:absolute; left:0; bottom:0;}
.cate_tab ul li:first-child a:before{border-radius:3px 0 0 3px;}
.cate_tab ul li:last-child a:before{border-radius:0 3px 3px 0;}
.cate_tab ul li a:after{content:''; display:block; width:0; height:3px; background:#192f5c; position:absolute; left:0; bottom:0; transition:all .3s linear; border-radius:3px;}
.cate_tab ul li.hover a:after{width: 100%;}
.cate_tab ul li:hover a:after{width: 100%;}



/******** 酉고럹�댁� ********/
.department_view{}
.department_top{background:#eef3fc; position:relative;}
.department_top dl{padding: 60px 0; display:flex; flex-wrap:wrap; align-items:center;}
.department_top dl dt{width:600px; border-radius:8px; overflow:hidden;}
.department_top dl dt img{max-width:100%; width: 100%; background-repeat:no-repeat; background-position:center; background-size:cover;}
.department_top dl dd{padding:0 0 0 70px; box-sizing:border-box; width:calc(100% - 600px);}
.department_top dl dd small{display:block; font-size:14px; font-weight:500; letter-spacing:0.2pt; line-height:140%; word-break:keep-all; color:#00b5e2; padding:0 0 10px;} 
.department_top dl dd h3{font-size:46px; font-weight:700; letter-spacing:-1.8pt; color:#111; line-height:130%; word-break:keep-all; padding:0 0 25px;}

.tabStyle{}
.tabStyle ul{display:flex;}
.tabStyle ul li{flex:1; cursor:pointer; font-size:1rem; line-height: 72px; letter-spacing:-0.5pt; color:rgba(17,17,17,.7); text-align:center; background:#e3e9f4; border-radius:8px 8px 0 0; transition:all .3s linear;}
.tabStyle ul li.focus{font-weight: 600; color:#192f5c !important; background:#fff;}
.tabStyle ul li:hover{color:#111;}


.department_in{padding:80px 0 0; display:none;}
.department_in.focus{display:block;}

.major_cont{}
.major_cont .subTit{margin:50px 0 20px;}
.major_cont .subTit:first-child{margin-top:0;}

.subject_cont{}
.subject_cont .downloadBtn_wrap{text-align:right; margin:0 0 20px;}
.subject_cont .downloadBtn_wrap .downloadBtn{display:inline-block; font-size:14px; letter-spacing:-0.3pt; color:#fff; background:#192f5c; border-radius:8px; text-align:center; padding:0 28px; height:48px; line-height:48px; transition:all .3s linear;}
.subject_cont .downloadBtn_wrap .downloadBtn:hover{background:#00b5e2;}
.subject_cont .downloadBtn_wrap .downloadBtn:before{content:''; display:inline-block; width:17px; height:17px; background:url('/img/download_icon.png') no-repeat center/100% auto; margin:-4px 8px 0 0; vertical-align:middle;}




/*********** 援먯닔�뚭컻 List *************/
.professor_list{}
.professor_list:after{content:''; display:block; clear:both;}
.professor_list dl{float:left; position: relative; margin:0 30px 30px 0; width: calc((100% - 60px)/3);}
.professor_list dl:nth-child(3n){margin-right:0;}
.professor_list dl a{display:flex; flex-wrap:wrap; align-items:center; box-sizing:border-box; border:1px solid #ddd; border-radius:8px; padding:40px; position:relative; transition:all .3s linear;}
.professor_list dl a:hover{border-color:#00b5e2;}
.professor_list dl a:after{content:''; display:inline-block; width:32px; height:32px; background:url('/img/syu_icon.png') no-repeat center/100% auto; position: absolute; right:20px; top:22px;}
.professor_list dl dt{width:160px; border-radius:8px; overflow:hidden;}
.professor_list dl dt img{max-width:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.professor_list dl dd{width:calc(100% - 160px); padding:0 0 0 40px; box-sizing:border-box;} 
.professor_list dl dd h4{font-size:25px; letter-spacing:-0.75pt; color:#111; line-height:120%; font-weight:300; padding: 0 0 12px;}
.professor_list dl dd h4 strong{display:inline-block; font-weight:700; letter-spacing:-0.75pt; line-height:120%;}
.professor_list dl dd ul{}
.professor_list dl dd ul li{font-size:16px; line-height: 150%; color:#555; box-sizing:border-box; padding:0 0 8px 50px; position:relative; word-break:keep-all; }
.professor_list dl dd ul li:last-child{padding-bottom: 0;}
.professor_list dl dd ul li span{display:inline-block; font-size:14px; line-height: 150%; color:rgba(17,17,17,.5); font-weight:500; letter-spacing:-0.35pt; position:absolute; left:0; top:0;}


/*********** 援먯닔�뚭컻 View *************/
.professor_view{}
.professor_view .contArea{display: flex; width:100%; position:relative; height:100%; padding:60px 0 0;}
.professor_view .contArea .infoZone{width:590px; }
.professor_view .contArea .infoZone > div{position: -webkit-sticky; position: sticky; top: 0; z-index:99; width:100%;}
.professor_view .infoZone dl{display: flex; flex-wrap:wrap; align-items:center; padding:40px 0; border-bottom: 1px solid #ddd; border-top:3px solid #192f5c;}
.professor_view .infoZone dl dt{width:200px; border-radius:8px; overflow:hidden;}
.professor_view .infoZone dl dt img{max-width:100%; width:100%; background-repeat:no-repeat; background-size:cover; background-position:center;}
.professor_view .infoZone dl dd{width:calc(100% - 200px); padding:0 0 0 40px; box-sizing:border-box;} 
.professor_view .infoZone dl dd h4{font-size:25px; letter-spacing:-0.75pt; color:#111; line-height:120%; font-weight:300; padding: 0 0 15px;}
.professor_view .infoZone dl dd h4 strong{display:inline-block; font-weight:700; letter-spacing:-0.75pt; line-height:120%;}
.professor_view .infoZone dl dd ul{}
.professor_view .infoZone dl dd ul li{font-size:18px; line-height: 150%; color:#555; box-sizing:border-box; padding:0 0 10px 60px; position:relative; word-break:keep-all; }
.professor_view .infoZone dl dd ul li:last-child{padding-bottom: 0;}
.professor_view .infoZone dl dd ul li span{display:inline-block; font-size:16px; line-height: 150%; color:rgba(17,17,17,.5); font-weight:500; letter-spacing:-0.35pt; position:absolute; left:0; top:0;}

.professor_view .contArea .contZone{width:calc(100% - 590px); padding:0 0 0 100px; box-sizing:border-box;}
.professor_view .contZone h3{font-size:25px; font-weight:700; letter-spacing:-0.75pt; line-height:140%; word-break:keep-all; color:#192f5c; padding:60px 0 15px;}
.professor_view .contZone h3:first-child{padding-top: 0;}

.professor_view .list_btn{text-align:right; margin:20px 0 0;}
.professor_view .list_btn .btn_w{display: inline-block; text-align: center; height: 50px; line-height: 48px; width: 100px; border: 1px solid #ccc; font-size: 0.9222rem; letter-spacing: -0.5pt; color:#777; vertical-align: top; transition: all 0.3s linear; box-sizing: border-box; border-radius: 3px; background:#fff; cursor:pointer; padding:0;}
.professor_view .list_btn .btn_w:hover{border-color:#555; color:#222;}




/*******************************************************************************
    @media 1700px
*******************************************************************************/
@media all and (max-width:1700px){

/*********** 援먯닔�뚭컻 List *************/
.professor_list{}
.professor_list dl{width: calc((100% - 30px)/2);}
.professor_list dl:nth-child(3n){margin-right:30px;}
.professor_list dl:nth-child(2n){margin-right:0;}

/*********** 援먯닔�뚭컻 View *************/
.professor_view{}
.professor_view .contArea{}
.professor_view .contArea .infoZone{width:480px;}
.professor_view .contArea .contZone{width:calc(100% - 480px); padding:0 0 0 60px;}



}




/*******************************************************************************
    @media ~1280px
*******************************************************************************/
@media all and (max-width:1280px){



/******** 酉고럹�댁� ********/
.department_view{}
.department_top{}
.department_top dl{padding: 50px 0; align-items: flex-start;}
.department_top dl dt{width:500px;}
.department_top dl dd{padding:20px 0 0 40px; width:calc(100% - 500px);}
.department_top dl dd small{font-size:13px; padding:0 0 8px;} 
.department_top dl dd h3{font-size:36px; padding:0 0 18px;}

.tabStyle{}
.tabStyle ul{}
.tabStyle ul li{line-height: 60px;}


.department_in{padding:60px 0 0;}

.major_cont{}
.major_cont .subTit{margin:40px 0 15px;}


/*********** 援먯닔�뚭컻 List *************/
.professor_list{}
.professor_list dl{margin:0 20px 20px 0; width: calc((100% - 20px)/2);}
.professor_list dl:nth-child(3n){margin-right:20px;}
.professor_list dl:nth-child(2n){margin-right:0;}
.professor_list dl a{padding:30px;}
.professor_list dl dt{width:140px;}
.professor_list dl dd{width:calc(100% - 140px); padding:0 0 0 30px;} 
.professor_list dl dd h4{font-size:21px; padding: 0 0 10px;}
.professor_list dl dd ul{}
.professor_list dl dd ul li{font-size:14px; padding:0 0 6px 50px;}
.professor_list dl dd ul li span{font-size:13px;}


/*********** 援먯닔�뚭컻 View *************/
.professor_view{}
.professor_view .contArea{}
.professor_view .contArea .infoZone{width:420px;}
.professor_view .infoZone dl{padding:30px 0;}
.professor_view .infoZone dl dt{width:140px;}
.professor_view .infoZone dl dd{width:calc(100% - 140px); padding:0 0 0 30px;} 
.professor_view .infoZone dl dd h4{font-size:21px; padding: 0 0 12px;}
.professor_view .infoZone dl dd ul{}
.professor_view .infoZone dl dd ul li{font-size:16px; padding:0 0 8px 60px;}
.professor_view .infoZone dl dd ul li:last-child{padding-bottom: 0;}
.professor_view .infoZone dl dd ul li span{font-size:14px;}

.professor_view .contArea .contZone{width:calc(100% - 420px); padding:0 0 0 50px;}
.professor_view .contZone h3{font-size:21px; padding:40px 0 12px;}

}

/*******************************************************************************
    @media  ~980px                body,html{font-size:14px; }     3%
*******************************************************************************/
@media all and (max-width:980px){


/* 移댄뀒怨좊━ */
.cate_tab{margin: 0 auto 30px;}
.cate_tab ul{}
.cate_tab ul li{}
.cate_tab ul li a{padding: 15px 24px;} 




/******** 酉고럹�댁� ********/
.department_view{}
.department_top{}
.department_top dl{padding: 40px 0;}
.department_top dl dt{width:350px;}
.department_top dl dd{padding:20px 0 0 30px; width:calc(100% - 350px);}
.department_top dl dd small{padding:0 0 6px;} 
.department_top dl dd h3{font-size:28px; padding:0 0 12px;}

.tabStyle{}
.tabStyle ul{}
.tabStyle ul li{line-height: 50px;}

.department_in{padding:40px 0 0;}

.major_cont{}
.major_cont .subTit{margin:30px 0 10px;}

.subject_cont{}
.subject_cont .downloadBtn_wrap{margin:0 0 10px;}
.subject_cont .downloadBtn_wrap .downloadBtn{font-size:13px; padding:0 20px; height:40px; line-height:40px;}
.subject_cont .downloadBtn_wrap .downloadBtn:before{width:14px; height:14px; margin:-4px 8px 0 0;}


/*********** 援먯닔�뚭컻 List *************/
.professor_list{}
.professor_list dl{margin:0 0 10px; width: 100%;}
.professor_list dl:nth-child(3n){margin-right:0;}
.professor_list dl:nth-child(2n){margin-right:0;}




/*********** 援먯닔�뚭컻 View *************/
.professor_view{}
.professor_view .contArea{flex-wrap:wrap; padding:40px 0 0;}
.professor_view .contArea .infoZone{width:100%;}
.professor_view .contArea .infoZone > div{position: relative;}

.professor_view .contArea .contZone{width:100%; padding:30px 0 0;}
.professor_view .contZone h3{padding:30px 0 10px;}

.professor_view .list_btn .btn_w{height: 48px; line-height: 46px; width: 90px;}


}
/*******************************************************************************
    @media 481~680px
*******************************************************************************/
@media all and (max-width:680px){


/* 移댄뀒怨좊━ */
.cate_tab{margin: 0 auto 20px; padding:0 3%; box-sizing:border-box; overflow: hidden; position: relative; }
.cate_tab:before{content:''; display:block; width:94%; height:3px; background:#eef3fc; position:absolute; left:3%; bottom:0;}
.cate_tab ul{display:block; white-space:nowrap; text-align:center; font-size:0; }
.cate_tab ul li{float:none; display:inline-block; margin:0;}
.cate_tab ul li a{padding: 10px 15px;} 
.cate_tab ul li a:before{display: none;}
.cate_tab ul li a:after{height: 2px;}


/******** 酉고럹�댁� ********/
.department_view{}
.department_top{}
.department_top dl{padding: 30px 0;}
.department_top dl dt{width:100%;}
.department_top dl dd{padding:20px 0 0; width:100%;}
.department_top dl dd h3{font-size:24px; padding:0 0 10px;}

.tabStyle{}
.tabStyle ul{}
.tabStyle ul li{line-height: 40px;}

.department_in{padding:30px 0 0;}

.major_cont{}
.major_cont .subTit{margin:25px 0 8px;}

.subject_cont{}
.subject_cont .downloadBtn_wrap .downloadBtn{font-size:11px; padding:0 15px; height:36px; line-height:36px;}
.subject_cont .downloadBtn_wrap .downloadBtn:before{width:12px; height:12px; margin:-4px 5px 0 0;}


/*********** 援먯닔�뚭컻 List *************/
.professor_list{}
.professor_list dl a{padding:20px;}
.professor_list dl a:after{width:26px; height:26px; right:15px; top:15px;}
.professor_list dl dt{width:100px;}
.professor_list dl dd{width:calc(100% - 100px); padding:0 0 0 20px;} 
.professor_list dl dd h4{font-size:18px;}
.professor_list dl dd ul{}
.professor_list dl dd ul li{font-size:13px;}
.professor_list dl dd ul li span{font-size:12px;}


/*********** 援먯닔�뚭컻 View *************/
.professor_view{}
.professor_view .infoZone dl{padding:20px 0; align-items: flex-start; border-top:2px solid;}
.professor_view .infoZone dl dt{width:120px;}
.professor_view .infoZone dl dd{width:calc(100% - 120px); padding:0 0 0 25px;} 
.professor_view .infoZone dl dd h4{font-size:18px; padding: 0 0 10px;}
.professor_view .infoZone dl dd ul{}
.professor_view .infoZone dl dd ul li{font-size:14px; padding:0 0 6px 60px;}
.professor_view .infoZone dl dd ul li:last-child{padding-bottom: 0;}
.professor_view .infoZone dl dd ul li span{font-size:13px;}

.professor_view .contArea .contZone{padding:20px 0 0;}
.professor_view .contZone h3{font-size:18px; padding:20px 0 8px;}


.professor_view .list_btn{margin:10px 0 0;}
.professor_view .list_btn .btn_w{height: 38px; line-height: 36px; width: 80px;}



}
/*******************************************************************************
    @media ~480px                body,html{font-size:13px; }
*******************************************************************************/
@media all and (max-width:480px){





}
/*******************************************************************************
    @media ~360px
*******************************************************************************/
@media all and (max-width:360px){



/*********** 援먯닔�뚭컻 List *************/
.professor_list{}
.professor_list dl dt{width:100%;}
.professor_list dl dd{width:100%; padding:15px 0 0;} 


/*********** 援먯닔�뚭컻 View *************/
.professor_view{}
.professor_view .infoZone dl dt{width:100%;}
.professor_view .infoZone dl dd{width:100%;  padding:15px 0 0;} 

}

.brd_list_top {margin-bottom:30px;}
.brd_list_top * {display:inline-block;font-size:15px;color:#333;font-family:'Noto Sans Korean';letter-spacing:0;}
.list_amount {margin-right:15px;}
.list_amount1 {width: 100%;
    text-align: right;
    margin-top: 30px;}
.list_amount span,
.list_page strong {color:#003b98;font-weight: 800;}

.sort {display:inline-block;width:100%;max-width:80px;padding:0 10px;text-align:center;font-size:14px;color:#fff;line-height:34px;font-weight:400;margin:0 auto;border-radius: 3px;}
.sort1 {background:#003b98;}
.sort2 {background: #192f5c;}
.sort3 {background:#555;}


.sortArr{float: right;}

/* Modal Window*/
.modal_win {position:fixed;width:100%;height:100%;top:0;left:0;bottom:0;text-align: center; background-color:rgba(0,0,0,.5);z-index: -1;opacity:0;transition:all 0.2s;}
.modal_win.on{opacity:1;z-index:9999;}
.modal_container {position: relative;display: inline-block;text-align: left;top:50%;transform: translateY(-50%);background: #fff;border-radius: 5px;padding:30px 30px 50px;width: 80%; min-width:360px;max-width:860px; max-height: 95%;}
.modal_content {position: relative;}
.modal_content .tit {position: relative;}
.modal_content .tit h2 {font-size: 24px;font-weight: 500;color: #000;margin-bottom: 20px;}
/*.modal_content .content {height: calc(100vh - 240px);overflow: hidden; overflow-y: auto;}*/
.modal_content .content {}
.modal_content .long_content {height: calc(100vh - 240px);overflow: hidden; overflow-y: auto;}
.modal_content .content .terms_content {}
.modal_content .btn_modal_close {position: absolute;right: -10px;top:-10px;color: #000;font-size: 30px;width: 40px;height: 40px;border-radius: 50%;border:1px solid #555;text-align: center;line-height: 40px;padding: 0;}
.modal_content .btn_modal_close:hover {color:#fff;background:#333;border-color:#333;}
/* Sub0301_contract_apply */
.contract .desc h5 {font-size:22px;text-align:center;margin:0 0 30px;word-break: keep-all;background-color: #eee;padding: 10px;}
.contract_apply textarea {font-size:15px;color:#333;border:1px solid #ddd;outline:None;resize:none;height:500px;width:100%;padding:40px 50px;}

/* Sub0301_contract_search */
.contract .seaTabs {margin-top:50px;}
.contract .seaTabs_switch {text-align:center;}
.contract .seaTabs_tab {position:relative;text-align:left;width:320px;padding:25px 0 25px 100px;border:1px solid #fc722e;background:url("/resources/user/_EDU/images/sub/icon_switch1.png") no-repeat 40px center;}
.contract .seaTabs_tab:last-child {background-image:url("/resources/user/_EDU/images/sub/icon_switch2.png");}
.contract .seaTabs_tab .img {position:absolute;left:40px;top:50%;transform:translateY(-50%);}
.contract .seaTabs_tab h5 {font-size:20px;color:#fc722e;font-weight:500;margin-bottom:5px;}
.contract .seaTabs_tab p {font-size:15px;color:#ff894f;}
.contract .seaTabs_switch_active {background-color:#fc722e;background-image:url("/resources/user/_EDU/images/sub/icon_switch1_on.png");}
.contract .seaTabs_switch_active:last-child {background-image:url("/resources/user/_EDU/images/sub/icon_switch2_on.png");}
.contract .seaTabs_switch_active h5 {font-weight:400;color:#fff;}
.contract .seaTabs_switch_active p {font-weight:300;color:#fff;}
.contract_srch {border:1px solid #fc722e;padding:55px;text-align:center;margin:-1px 0 50px;}
.contract_srch p {font-size:18px;}
.contract_srch .inner {max-width:400px;border-bottom:3px solid #000;margin:20px auto 0;}

/* Sub0301_contract_write */
.contract .tb_brd_write td {border-right:1px solid #ddd;}
.contract td:last-child {border-right:none;}
.contract a.btn_bdr555 {display:inline-block;vertical-align:middle;line-height:38px;margin-left:2px;}
.colorBL {color:#003b98;}
.txt_center {text-align:center !important;}
.contract .colorBL {padding:15px 30px;background:none;}
.contract .colorBL > span {font-size:18px;font-weight: 500;text-align: left !important;}
.contract .input_numb {display:inline-block;margin:3px 30px 3px 0;}
.contract .input_numb:last-child {margin:0;}
.contract .input_numb span:first-child {margin-left:0;}

/* 230622, content.css */
@media screen and (max-width:640px) {
    .contract .tb_brd_write {}
    .contract .tb_brd_write colgroup {display: none;}
    .contract .tb_brd_write table tr {padding: 0;}
    .contract .tb_brd_write table th {text-align: center;}
    .contract .tb_brd_write table td {padding: 10px; text-align: center;}
    .contract .tb_brd_write #CC_CEO_NAME {max-width: unset; margin: 0;}
    .contract .tb_brd_write #CC_POST {width: calc(100% - 102.5px); max-width: unset;}
    .contract .tb_brd_write #CC_MANAGER {max-width: unset;}
    .contract .tb_brd_write #CC_TEL {max-width: unset;}
    .contract .tb_brd_write #CC_PHONE {max-width: unset;}
    .contract .tb_brd_write #CC_FAX {max-width: unset;}
    .contract .tb_brd_write table .error {margin-left: 0;}
    .contract .tb_brd_write .fileDownLoadBtn2 {width: 100%; margin-top: 3px;}
    .contract .input_numb {display: flex; align-items: center; width: 100%;}
    .contract .input_numb span {flex-shrink: 0; width: 60px; text-align: left;}
    .contract .tb_brd_write th.colorBL.txt_center {padding-top: 40px;}
    .contract .tb_brd_write .tb_fix_wrap {padding-top: 40px;}
    .contract .tb_brd_write .tb_fix_wrap .tb_title {margin-bottom: 10px;}
    .contract .tb_brd_write .tb_fix_wrap .contractDelete {margin-top: -15px; margin-bottom: 20px;}
}
/* write */
.tb_brd_write {border-top:3px solid #003b98;}
.tb_brd_write tr.bdr_top {border-top:2px solid #003b98;}
.tb_brd_write tr.bdr_bottom {border-bottom:2px solid #003b98;}
.tb_brd_write th,
.tb_brd_write td {border-bottom:1px solid #ddd;}
.tb_brd_write th {border-right:1px solid #ddd;text-align: left !important;padding:0 30px;background:#f6f9ff}

.tb_brd_write th.colorBL {border-right:none;}
.tb_brd_write th span {vertical-align:middle;font-size:16px;font-weight:500;}
.tb_brd_write th .file_add_btns {display: inline-block;margin:5px 0 0 10px;font-size: 0;}
.tb_brd_write th a {display:inline-block;vertical-align:middle;background:url("/resources/user/_EDU/images/sub/file_del.png") no-repeat center;width:18px;height:18px;margin-left:3px;}
.tb_brd_write th a.add_file {background-image:url("/resources/user/_EDU/images/sub/file_add.png");}
.tb_brd_write td {padding: 20px 20px;}
.tb_brd_write input {height:40px;border:1px solid #ddd;padding:0 10px;outline:none;width:100%;color:#000;margin:2px 0;box-sizing: border-box;}
.tb_brd_write textarea {min-height:210px;width:100%;outline:none;border:1px solid #ddd;resize:none;padding:15px;color: #000;}

.brd_btn li a, 
.brd_btn li button {width: 120px !important;line-height: 50px !important;font-size: 18px !important;text-align: center;}

@media screen and (max-width:1060px){
    .tb_brd_write td {padding:15px 20px;}
}
@media screen and (max-width:960px){
    .tb_brd_write th,
    .tb_brd_write td {padding:15px 15px}
    .tb_brd_write th .file_add_btns {display: block; margin: 5px 0 0 0;}
}
@media screen and (max-width:640px){
    .view_head {padding:25px 20px;}
    .view_head h4 {font-size: 20px;}
    .view_head dd {margin: 0 10px 0 5px;}
    .view_cont .text {padding: 30px 20px;font-size: 15px;}
    .view_bott {padding:20px 20px;overflow: hidden;}
    
    .tb_brd_write th, 
    .tb_brd_write td {padding: 15px;}
    /* 230622 */
    .tb_brd_write th {border-bottom: none;}
    /* // 230622 */

    .tb_brd_write th span {font-size: 15px;}
    .tb_brd_write input.upload_name,
    .tb_brd_write input.upload_name2 {max-width: none;}
    .tb_brd_write #file_upload + label,
    .tb_brd_write .file_upload + label{width: 100%;margin-top:5px;text-align: center;}
}
@media screen and (max-width:480px){
    .view_head {padding: 20px 10px;}
    .view_head dl {font-size: 0;}
    .view_head dl * {font-size: 14px;}
    .view_head dl dt {width:20%;margin:2px 0;}
    .view_head dl dd {width: 80%;margin:2px 0;}
    .view_cont .text {padding: 20px 10px;font-size: 15px;}
    .view_file {padding:20px 10px;}
    .view_file dt {margin-right:20px;font-size: 14px;}
    .view_bott {padding: 15px 10px;}
    .view_bott ul {padding-left:20px;}
    .view_bott .list_ctrl a {font-size: 13px;}
    .view_bott a {font-size: 13px;}
    
    .tb_brd_write th, 
    .tb_brd_write td {padding-left:10px; padding-right: 10px;}
    .tb_brd_write input {height: 38px;}
    
    .brd_btn li a, 
    .brd_btn li button {width: 100px !important;line-height: 44px !important;font-size: 16px !important;}
}
/* 교육신청 개인정보 동의 popup 추가  */
.btn_agree_popup {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: #003b98;padding: 0 20px;}
.btn_agree_popup2 {display: inline-block;line-height: 40px;font-size: 15px;color: #fff;background: #003b98;padding: 0 20px;}
.bt_area {
    position: absolute;
    right: 11px;
    margin-top: 9px;
}
.agree_popup_bg {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: #000; opacity: 0.4; z-index: 20;}
.agree_popup {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 90vw;width: 480px;max-height: 90vh;background-color: #fff;z-index: 21;padding: 30px 30px 25px 30px;border: 3px solid #003b98;}
.agree_popup h2 {text-align: center; font-size: 24px; margin-bottom: 30px;}
.agree_popup label {display: inline-flex;align-items: center;font-size: 16px;margin-top: 10px;}
.agree_popup input[type=checkbox] {min-width: 18px;height: 18px;margin: 0;margin-right: 10px;width: auto;}
.agree_popup .txt_box {border: 1px solid #ddd; max-height: 200px; padding: 15px; overflow-y: auto; font-size: 15px; line-height: 1.3; margin-bottom: 20px;}
.agree_popup .txt_box::-webkit-scrollbar {width: 10px;}
.agree_popup .txt_box::-webkit-scrollbar-thumb {background-color: #ccc; width: 0; border-color: #fff; border-style: solid; border-width: 2px 3px; border-radius: 10px;}
.agree_popup .txt_box::-webkit-scrollbar-track {background-color: #f9f9f9;}
.agree_popup .txt_box .line {margin-bottom: 10px;}
.agree_popup .with_num {position: relative; padding-left: 15px;}
.agree_popup .with_shape {position: relative; padding-left: 20px; margin-top: 7px;}
.agree_popup .with_num .num {position: absolute; top: 0; left: 0;}
.agree_popup .with_shape .shape {position: absolute; top: 0; left: 0;}
.agree_popup .btn_box {display: flex; justify-content: space-between; margin-top: 20px;}
.agree_popup .btn_box button {color: #fff; width: 49.7%; padding: 10px; font-size: 16px;}
.agree_popup .btn_verify {background-color: #002d76;}
.agree_popup .btn_cancel {background-color: #888;}

@media screen and (max-width:480px) {
  .agree_popup {padding: 20px 15px 15px;}
  .agree_popup h2 {font-size: 18px; margin-bottom: 20px;}
  .agree_popup input[type=checkbox] {min-width: 16px; height: 15px; margin-right: 7px;}
  .agree_popup .txt_box {font-size: 14px;}
  .agree_popup label {font-size: 13px;}
  .agree_popup .btn_box button {font-size: 13px; padding: 8px;}
}
/* Sub0301_Education_Write */
.tb_fix_wrap {overflow: hidden;overflow-x: auto;}
.tb_edu2 {min-width: 1100px;border-top:2px solid #003b98;}
.tb_title {font-size: 18px;font-weight: 500;padding: 15px 30px;text-align: left;color: #003b98;}
.tb_brd_write thead th {height:60px;text-align:center;}
.tb_brd_write thead th:last-child {border-right:none;}
.btn_tb_srch {display:inline-block;width:34px;height:34px;border-radius:50%;border:1px solid #ddd;background:url("/resources/user/_EDU/images/sub/btn_tb_srch.png") no-repeat center;text-indent: -9999px;}
/*협약기업 조회 메뉴*/
span.btn_tb {display:inline-block;border:1px solid #003b98;font-size:15px;color:#003b98;line-height:28px;padding:5px 15px;}
span.btn_tb.bg_blue {color:#fff;}
.tb_col.contractWrap td {padding: 15px 10px;}

.tb_fix_wrap .contractAdd{float: right;margin-top: -8px;padding: 0 20px;line-height: 30px;}
.tb_fix_wrap .contractDelete{padding: 0 20px;background: #FF9800;line-height: 30px;color: #fff;}
.tb_fix_wrap .contractDelete:hover{background: #be704c;}

/*협약기업 승인대기 css*/
span.btn_tb.notOk {border: 1px solid #de0000;color: #de0000;}

.fileDownLoadBtn{color: #fff; cursor: pointer; padding: 5px 10px; border: 1px solid #2f8ab9; border-radius: 25px; margin-top: 20px; background: #2f8ab9;}
.fileDownLoadBtn2{display: inline-block;/* line-height: 40px; */font-size: 15px;color: #fff;background: #a1a9b5;padding: 7px 20px;}

/*********** List *************/
.faq_list {position:relative; border-top:1px solid #000;}
.faq_list dl{position:relative; border:1px solid #D7E2EA; border-top:0;}
.faq_list dt{width:100%; transition:all 0.3s;}
.faq_list dt a{position:relative; display:block; cursor:pointer;  padding:26px 60px 26px 70px; background:#fff url('/img/faq_arrow_down.svg') right 30px center no-repeat  ; letter-spacing: -0.05em;}
.faq_list dt a.active{color:#222; font-weight:500; background:url('/img/faq_arrow_up.svg') right 30px center no-repeat}
.faq_list dt a span{position:absolute; left:30px; top:28px; display:inline-block; font-weight:600; color:var(--mainColor); font-size:25px; font-family:var(--eng); line-height:1;}
.faq_list dt a span.cat{font-weight:normal; font-size:14px; color:#333; margin-right:5px;}
.faq_list .check{position:absolute; z-index:99; top:16px; width:20px;}
.faq_list dt input[type="checkbox"]{display:inline-block; width:20px;}
.faq_list dd{position:relative; border-top:1px solid #D7E2EA; padding:27px 70px 27px 70px; background:#F3F7F9; display: none;}
.faq_list dd span.ans{position:absolute; left:30px; top:28px; font-weight:600; color:rgba(34,34,34,0.5); font-size:25px; line-height:1; padding-right:10px; opacity:0; transition: all 0.3s; font-family:var(--eng); }
.faq_list dd.open span.ans{opacity:1; transition: all 0.3s;}
.faq_list dd .faqCont{opacity:0; transition: all 0.3s;}
.faq_list dd.open .faqCont{opacity:1; transition: all 0.3s;}
.faq_list dd p.btn{padding-top:10px;}

.faq_btn{width:100%; padding-top:10px;}
.faq_btn li.sel_btn{float:left;}
.faq_btn li.list_btn{float:right;}

.case_btn{text-align:center; padding-top:30px;}


.view_file {position: relative;overflow: hidden; background:#fff; padding:25px 30px;  margin-top:20px; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center;}
.view_file .btit {font-size:1rem; color:#222;width:145px; font-weight:600;}
.view_file .btit span {display:inline-block; color:#222; font-size:19px; margin-right:5px; position:relative; top:4px;}
.view_file .bstxt{width:calc(100% - 145px);}
.view_file .bstxt a {position:relative; font-size:1rem; word-break: break-all; letter-spacing:-0.3pt; text-decoration:underline;}


/* page_num */
.page_num{padding:60px 0 40px;}

/* 페이지 넘버 */
.page_number_on{font-weight:bold; float:left; line-height:12px; padding-top:4px; width:24px; height:20px; text-align:center; margin:0 2px; background:#646b74; color:#fff;}
.page_number{border:1px solid #ddd; font-weight:bold; line-height:12px; padding-top:4px; width:24px; height:20px; float:left; text-align:center; margin:0 2px;}


/* 검색바 */
.bbs_search {text-align:center; /* padding-top:20px */}
.bbs_search label {font-size:0;}
.bbs_search form {display:flex; flex-wrap:wrap; align-items:center; width:513px; justify-content: space-between; margin:0 auto;}
.bbs_search dt {width:130px;}
.bbs_search dt select {transition:all 0.5s;width:100%;letter-spacing:-0.03em;color:#222;border: 1px solid #ddd;padding: 11px;}
.bbs_search dd {width:380px; display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; }
.bbs_search dd .search_input {width:calc(100% - 81px);}
.bbs_search dd .search_btn {width:78px;height: 46px;background:#222;color:#fff;font-size:0.882rem;padding:0;margin:0;cursor:pointer;font-weight:400;letter-spacing:-0.03em;}

/* 하단 버튼 */
.bbs_btn {position:relative; overflow:hidden; width:100%; padding-top:30px; /* margin-bottom:52px; */}
.bbs_btn.align_right {text-align:right;}
.bbs_btn li.sel_btn{float:left;}
.bbs_btn li.list_btn{float:right;}
.bbs_btn li.list_btn:after {display:block; content:""; overflow:hidden;}
.bbs_btn a{margin:0 1px;/* width:100px; height:50px; line-height:50px; */display: inline-block;text-align: center;height: 36px;line-height: 36px;width: 80px;}
.bbs_btn input{margin:0 1px;}

/*********** View *************/
.board_view .titArea{padding: 32px 20px; border-top:2px solid #222; border-bottom: 1px solid #ddd; position: relative;}
.board_view .titArea .tit_wrap{position: relative;}
.board_view .titArea .btit{color:#222; font-size:22px; letter-spacing:-0.8pt; margin-bottom:14px; font-weight:600; line-height:1.2; padding-right:75px; box-sizing:border-box;}
.board_view .titArea .bdate{position: relative;}
.board_view .titArea .bdate span {position: relative; display:block;   color:#aaa; line-height:100%; font-size:1rem; }
.board_view .titArea .bdate b {font-weight:400;color:#222; display:inline-block; width:45px;}
.board_view .titArea .count {font-style:normal; position:absolute; top:50%; right:0; transform:translateY(-50%);}
.board_view .titArea .count img {margin-right:7px; position:relative; top:-2px;}

.board_view .conArea{padding:30px 20px}
.board_view .conArea img{max-width:100% !important; height:auto !important}

.board_view .page_next{ position: relative;overflow: hidden;}
.board_view .page_next .prev{position: relative;  overflow: hidden; padding:22px 20px; border-top:1px solid #ddd; display:flex; flex-wrap:wrap; align-items:center;}
.board_view .page_next .next{position: relative; overflow: hidden; padding: 22px 20px; border-top:1px solid #ddd; border-bottom:1px solid #bbb; display:flex; flex-wrap:wrap; align-items:center;}
.board_view .page_next .pt{letter-spacing:-0.3pt; position: relative;font-size:1rem; width:155px; color:#222; line-height:100%; font-weight:600;}
.board_view .page_next .pt:after{content:''; display:block; width:14px; height:8px; background:url('/img/pt.png') no-repeat; position:absolute; right:70px; top:50%; margin-top:-4px;}
.board_view .page_next .next .pt:after{ background:url('/img/pb.png') no-repeat;}
.board_view .page_next .pt2{position: relative; float:left;  width: calc(100% - 155px);}
.board_view .page_next .pt2 a{ display: block; letter-spacing:-0.3pt; color:#666; font-size:1rem; line-height:130%; position:relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.board_view .con_box{margin-top:30px;}

.board_view .view_file{position: relative;overflow: hidden; background:#F3F7F9; padding:25px 30px;  margin-top:20px; border-radius:5px; display:flex; flex-wrap:wrap; align-items:center;}
.board_view .view_file .btit {font-size:1rem; color:#222;width:145px; font-weight:600;}
.board_view .view_file .btit span {display:inline-block; color:#222; font-size:19px; margin-right:5px; position:relative; top:4px;}
.board_view .view_file .bstxt{width:calc(100% - 145px);}
.board_view .view_file .bstxt a {position:relative; font-size:1rem; word-break: break-all; letter-spacing:-0.3pt; text-decoration:underline;}


/*********** Input *************/
.bbs_input p.bbsRemark{display:block; color:#0076bd; font-weight:500; padding:8px 0 0; }
.bbs_input span.bbsRemark{color:#0076bd; font-weight:500; padding-left:8px; }
.bbs_input td.bbsRemark{color:#0076bd; font-weight:500; }
.bbsRemark{color:#0076bd; font-weight:500; padding: 0 0 8px;}

/* 저작권공지 */
.input_notice{border:1px solid #ddd; background-color:#f9f9f9; padding:18px 20px;}
.input_notice h4{font-size:16px; font-weight:600; color:#333; letter-spacing:-1pt; padding:0 0 5px 0;}
.input_notice h4 span{color:#d51921; letter-spacing:-1pt;}
.input_notice p.txt{color:#666; line-height:21px; font-size:13px;}
.input_notice p.point{color:#d51921;line-height:21px; padding:3px 0 0 0; text-decoration:underline; font-size:13px;}


.input_msg {padding:15px 0 10px 0; text-align:right;}
.bbs_input {width:100%; border-collapse:separate; border-spacing:0px; border-top:1px solid #222;}
.bbs_input th {color:#333; text-align:left; padding:8px 10px; border-right:1px solid #ddd; border-bottom:1px solid #ddd;}
.bbs_input td {border-bottom:1px solid #d4d4d4; padding:8px 10px; text-align: left;}
.bbs_input td.line {border-right:1px solid #d4d4d4; }
.bbs_input td.input_contents textarea {width:100%; padding:5px; box-sizing:border-box; line-height:150%;}

	.subject_table {width:100%;border-collapse:separate; border-spacing:0px;}
	.subject_table td {border:none; padding:0;}
	.subject_table .cat {width:18%;}

/* 동의폼 */
.pri_box {width:100%; border:1px solid #dddddd; padding:15px; margin:10px 0px 20px 0px; box-sizing:border-box;}  
.pri_box p.pri_tit {font-size:14px; font-weight:600; padding-bottom:10px; color:#333;} 
.pri_box .textarea {height:100px;}
.pri_message {width:100%; text-align:right; padding-top:8px; font-family:inherit;}
.pri_message input[type=checkbox] {width:12px; height:12px; margin-right:5px;}

.reply_icon {position:relative; float:left; width:18px; height:30px; background:url('/admin/images/reply_icon.gif') 0 0 no-repeat}


/*********** Passwd *************/
.passwd {width:530px; margin:0 auto; border:2px solid #eaeaea; padding:20px 15px;}
.passwd ul {width:98%; overflow:hidden;}
.passwd li {float:left;}
.passwd .pw_img {margin-right:5px;}
.passwd .line {width:1px; background:#ddd; height:63px;}
.passwd .info {padding-left:28px;}

.passwd  .msg {padding-bottom:10px;}
.passwd  .input_passwd {margin-right:10px}
.passwd  .btn {}


/*********** Comment *************/
.comments {padding:15px 18px; background:#f9f9f9; border-bottom:1px solid #ddd;}
.comments dl{overflow:hidden; padding:0 0 5px 0;}
.comments dl dt{display:inline-block; font-size:13px;}
.comments dl dd{display:inline-block; margin-right:10px;}

.comments ul{overflow:hidden;}
.comments li{float:left; width:calc(100% - 83px);}
.comments li.btn{float:right; width:80px;}
.comments textarea {height:58px;}
.comments .spam_check{}
.comments .spam_check .sub_txt{font-size:13px; display:inline-block;}
.comm_btn_confirm {display:inline-block; width:80px; cursor:pointer; height:58px; text-align:center; color:#fff; border:1px solid #555; background:#555; font-size:13px; letter-spacing:-0.5pt; vertical-align:top; transition:all 0.3s}


.comments_body{overflow:hidden; border-bottom:1px solid #ddd; padding:15px;}
.comments_body p.file{color:#888; font-size:13px;}
.comments_body p.cont{padding:3px 0 5px 0;}
.comments_body p.info{color:#888; font-size:13px;}
.comments_body p.info strong{color:#333; margin-right:7px}
.comments_body p.info span{margin-right:7px;}
.comments_body p.info span:before{display:inline-block; content:""; width:1px; height:13px; background:#ccc; margin:0 10px -2px 0; overflow:hidden;}


.filebox input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip:rect(0,0,0,0);
	border: 0;
}

.filebox label {
	display: inline-block;
	padding:8px 15px 3px 15px;
	color: #FFF;
	font-size: inherit;
	line-height: normal;
	vertical-align: middle;
	background-color: #484C57;
	cursor: pointer;
	border: 1px solid #484C57;
	height:20px;
}

/* named upload */
.filebox .upload-name {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}
.filebox .upload-name1{
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}
.filebox .upload-name2 {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}
.filebox .upload-name3 {
	display: inline-block;
	padding: .5em .75em;  /* label의 패딩값과 일치 */
	font-size: inherit;
	font-family: inherit;
	line-height: normal;
	vertical-align: middle;
	/* background-color: #f5f5f5; */
	border: 1px solid #ccc;
	border-bottom-color: #ccc;
	-webkit-appearance: none; /* 네이티브 외형 감추기 */
	-moz-appearance: none;
	appearance: none;
	height: 33px;
	width: 200px;
}

.upload-hidden {
	margin:1px 0;
	border:0px;
	font-size:12px;
	font-family:NanumGothic, 나눔고딕, NG, Tahoma, Geneva, sans-serif;
	color:#FFFFFF;
	border:1px solid #d86771;
	padding:5px;
	background-repeat: no-repeat;
	background-position:right 3px center;
	background-color: #d86771;
}


/* imaged preview */
.filebox .upload-display {  /* 이미지가 표시될 지역 */
	margin-bottom: 5px;
}

@media(min-width: 768px) { 
	.filebox .upload-display {
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 0;
	}
}
@media(max-width: 768px) { 
	.popUp_contract_wrap {
    display: none;
    position: fixed;
    left: 5%;
    top: 20%;
    z-index: 100;
    background-color: #fff;
    border: 5px solid #0368b3;
    box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
    width: 90%;
    height: 500px;
    padding: 30px 35px;
}
}

.filebox .upload-thumb-wrap {  /* 추가될 이미지를 감싸는 요소 */
	display: inline-block;
	width: 70px;
	height: 33px;
	padding: 2px;
	vertical-align: middle;
	border: 1px solid #ddd;
	background-color: #fff;
}

.filebox .upload-display img {  /* 추가될 이미지 */
	display: block;
	max-width: 100%;
	width: 100%;
	height: 100%;
}




/*******************************************************************************
	@media 980~1300px
*******************************************************************************/
@media all and (max-width:1300px){


.bbs_input td .input_m {width:50%;}
.bbs_input td .input_l {width:100%;}
.bbs_input td input[type="file"] {width:50%;}

.bbs_input span.sub_txt {display:block; padding-left:0; padding-top:5px;}

}
/*******************************************************************************
	@media 801~980px
*******************************************************************************/
@media all and (max-width:980px){



.bbs_con th {line-height:58px;}
.bbs_con td {padding:16px 0;}







.board_view .titArea {padding:24px 20px;}
.board_view .titArea .btit {font-size:18px; margin-bottom:12px;}
.board_view .titArea .count img {width:20px;}

.board_view .view_file {padding:20px;}
.board_view .view_file .btit {width:110px;}
.board_view .view_file .bstxt {width:calc(100% - 110px);}

.board_view .page_next .prev {padding:18px 20px;}
.board_view .page_next .next {padding:18px 20px;}
.board_view .page_next .pt {width:120px;}
.board_view .page_next .pt:after {right:40px;}
.board_view .page_next .pt2 {width:calc(100% - 120px);}




}
/*******************************************************************************
	@media 681~800px
*******************************************************************************/
@media all and (max-width:768px){



}

/*******************************************************************************
	@media
*******************************************************************************/
@media all and (max-width:680px) {





/*********** 공통 css *************/
select {padding:0 12px; height:42px !important;}
.input {padding:0 12px; height:42px !important;}
.search_input {padding:0 12px; height:42px !important;}
.textarea {padding:12px;}




/*********** List *************/
.bbs_con {border-top:2px solid #222; }
.bbs_con th {display:none}
.bbs_con td {padding:15px 0; border-right:none;}
.bbs_con td.left{padding:13px 3px;}
.bbs_con .pc_line{display:none}
.bbs_con .mo_line{display:block; position:relative; padding-right:30px;}

/* .mo_line .list_cate{color:#858585; letter-spacing:-0.55pt; line-height:20px; padding:0 0 3px}
.mo_line .list_cate .notice{display:inline-block; width:36px; line-height:20px; margin:0 7px 0 0; text-align:Center;color:#fff; letter-spacing:-0.55pt; background:#f1001c; border-radius:20px} */
.mo_line .subject, .mo_line .subject a{font-weight:600 !important; color:#222; letter-spacing:-0.55pt; display:inline-block; margin:0 0 3px;}
.mo_line .writer {overflow:hidden; clear:both; }
	.mo_line .writer li{float:left; color:#aaa; padding:0 8px; background:url('/img/bbs_list_line.gif') no-repeat left center; font-size:0.9222rem}
	.mo_line .writer li:first-child{padding-left:0; background:none;}
.mo_line .img{vertical-align:middle; margin:0 0 3px}
/*.mo_line .re_icon{display:inline-block; float:left; padding:7px 7px 0 0 }*/
.mo_line .list{float:left; }
.mo_line .commentBg{display:block; position:absolute; right:3px; top:30%; width:30px; height:30px; text-align:center; line-height:30px; background:url('/img/comment_bg.gif') no-repeat center; color:#858585; font-weight:400; }
.mo_line .recom{background:url('/img/recom.gif') no-repeat left center; background-size:11px 10px; padding:0 0 0 13px;  font-size:10px; color:#858585;}


.page_num {padding:30px 0 20px;}


.board_view .titArea {padding:16px 15px;}
.board_view .titArea .btit {font-size:15px; margin-bottom:6px; padding-right:40px;}
.board_view .titArea .count img {width:16px; top:0; margin-right:4px;}
.board_view .conArea {padding:20px 15px;}

.board_view .view_file {padding:15px;}
.board_view .view_file .btit {width:90px;}
.board_view .view_file .btit span {font-size:12px; top:2px;}
.board_view .view_file .bstxt {width:calc(100% - 90px);}

.board_view .page_next .prev {padding:14px 15px;}
.board_view .page_next .next {padding:14px 15px;}
.board_view .page_next .pt {width:80px;}
.board_view .page_next .pt:after {right:15px; width:12px; background-size:100% !important;}
.board_view .page_next .pt2 {width:calc(100% - 80px);}


/* 버튼디자인 */
.btn_w {height:30px; line-height:30px; width:65px; font-size:12px;}
.btn_b:link, .btn_b:visited {height:30px; line-height:30px; width:65px; font-size:12px;}
.btn_b_s {height:30px; width:70px;}

input.btn_w {height:30px; line-height:30px; width:65px; font-size:12px;}
input.btn_b {height:30px; width:65px; font-size:12px;}


.bbs_search form {width:100%;}
.bbs_search dt {width:100%; margin-bottom:3px;}
.bbs_search dd {width:100%;}
.bbs_search dd .search_btn {height:42px;}


}


/*******************************************************************************
	@media
*******************************************************************************/
@media all and (max-width:420px) {


/* 검색바 */
.bbs_search {padding-top:20px; width:100%; margin:0 auto;}
.bbs_search dt {display:inline-block; width:100%; margin:0 0 3px;}
.bbs_search dt select{width:100%; }
.bbs_search dd {width:100%;}
.bbs_search dd .search_input {margin:0 3px 0 0; width:calc(100% - 83px); }
.bbs_search dd .btn_b_s{width:60px;font-size:1rem; margin-left:0;}

}

/* view */
.board_view {border-top:3px solid #003b98;border-bottom:1px solid #000;}
.view_head {padding:30px 20px;}
.view_head h4 {font-size:22px;color:#003b98;font-weight:500;margin-bottom:20px;}
.view_head dl * {display:inline-block;vertical-align:middle;font-size:15px;}
.view_head dt:before {content:'';display:inline-block;vertical-align:middle;width:4px;height:4px;background:#555;border-radius:50%;margin:0 5px 3px 0;}
.view_head dd {color:#333;margin:0 20px 0 5px;}
.view_cont {border:1px solid #ddd;border-left:none;border-right:none;}
.view_cont .text {padding:50px 20px;font-size:16px;color:#333;min-height:350px;}
.view_file {padding:30px 20px;border-top:1px solid #ddd;}
.view_file dl {overflow:hidden;}
.view_file dt {float:left;margin-right:30px;font-size:15px;}
.view_file dd {float:left;}
.view_file a {display:inline-block;color:#333;background:url("/resources/user/_EDU/images/sub/icon_file.png") no-repeat 0 center;padding-left:20px;margin-bottom:10px;}
.view_file a:hover {color: #006BEB}
.view_file li:last-child a {margin:0;}
.view_bott {padding:30px 20px;overflow:hidden;}
.view_bott a {line-height:36px;color:#555;}
.view_bott a:hover {color:#000;}
.view_bott .list_ctrl {float:left;}
.view_bott .list_ctrl a {display:block;padding-left:20px;background:url("/resources/user/_EDU/images/sub/view_prev.png") no-repeat 0 center;}
.view_bott .list_ctrl a.brd_next {background-image:url("/resources/user/_EDU/images/sub/view_next.png");}
.view_bott ul {float:left;padding-left:30px;}

/*  20210528 추가  */

/* View Comment */

.brd_comment {padding:30px 50px 40px;background:#f8f8f8;}
.brd_comment .brd_cmt_tit {}
.brd_comment .brd_cmt_tit h3 {font-size: 17px;font-weight: 500;color:#000;}
.brd_comment .brd_cmt_tit p {padding:10px 0 15px;color:#555;font-size:14px;word-break: keep-all;line-height: 1.4;}

.brd_cmt_cont {position:relative; }
.cmt_writer_info {padding-bottom:10px;}
.cmt_writer_info .cmt_writer_input {border:1px solid #ddd;padding:0 10px;width: 120px; height:36px;line-height: 36px;margin-right:5px;}
.cmt_input_area {position: relative;padding:0 100px 0 0;height: 100px;}
.textarea {background: #fff;border: 1px solid #ddd;color: #666;height: 80px;width: 100%;padding: 15px;overflow: auto;outline:none;box-sizing: border-box;}
.btnCmt {position: absolute;top:0;right: 0;width:100px;height: 80px !important;background:#555;color:#fff;font-size:16px;font-weight: 500;border:none;outline:none;cursor: pointer;}
.btnCmt:hover {background:#000;}

.cmt_reply_write {margin-top:20px;}
.cal_search {background: #f8f8f8;padding: 35px;margin-bottom: 50px;text-align: center;}
.cal_search .inner {position: relative;display: inline-block;max-width: 600px;}
.cal_search .sltDrop {display: inline-block;text-align: left;vertical-align: middle;min-width: 100px;border: 1px solid #c9c9c9;border-radius: 6px;}
.cal_search .sltDrop .vDrop {height:44px;border-bottom: 2px solid #000;}
.cal_search .sltDrop .vDrop a {font-size: 18px;background: none;line-height:43px;border: none;min-width: 100px;width: auto;color: #000;}
.cal_search .sltDrop .vDrop > a {padding: 0 25px 0 10px;}
.cal_search .sltDrop .vDrop ul {width: 100%;top:44px;z-index:3;}
.cal_search .inner > span {display: inline-block;vertical-align: middle;font-size: 18px;margin:0 10px;}

.cal_search .inner .cal_btn {display: inline-block;vertical-align: middle;margin-left:10px;}
.cal_search .inner .cal_btn button {outline: none;height: 44px;border-radius: 5px;background:#fff;line-height: 43px;padding:0 25px;font-size: 18px;color: #333;border:1px solid #ccc;margin:0 2px;}
.cal_search .inner .cal_btn button.btn_cal_sch {background:#777;color: #fff;border:none;}

.cal_head {margin-bottom: 20px;text-align: center;overflow: hidden;}
.cal_head .month_prev {float: left;}
.cal_head .month_next {float: right;}
.cal_head button {position: relative;text-indent: -9999px;width:50px;height: 50px;border:1px solid #ccc;border-radius: 50%;outline: none;}
.cal_head button:after {content: '';position: absolute;left:17px;top:15px;display: inline-block;width:10px;height: 10px;border:2px solid #000;transform: rotate(-135deg) translateX(-50%);border-left:none;border-bottom: none;}
.cal_head .month_next button:after {top:19px;left:16px;transform: rotate(45deg);}
.cal_head .month_center h4 {display: inline-block;font-size: 34px;font-weight: 600;}

.cal_container {}
.cal_content {}
.cal_content table {table-layout: fixed;}
.cal_content table thead th {text-align: center;border-left:1px solid #ddd;padding:20px 10px;}
.cal_content table thead th:first-child {border-left: none;}
.cal_content table tbody td {text-align: right;vertical-align: top;border-left:1px solid #ddd;padding:10px}
.cal_content > table > tbody > tr > td {padding: 0;}
.cal_content table tbody td:first-child {border-left: none;}
.cal_container {position: relative;}
.cal_table {height: 120px;}
.cal_table table {height: 100%;}
.cal_table .tb_cal tr td {font-family:"Poppins",sans-serif;color:#000;font-size:18px;}
.cal_table .tb_cal tr td.today {background:#fefaf3;border-top:1px solid #ddd;}
.cal_table .tb_cal tr td span.day_past {color:#bbb;}
.cal_event_table {position: absolute;left:0;top:0;width:100%;z-index: 2;}
.cal_event_table table tr td {border: none;}
.cal_event_table table tr td a.event_msg {display: block; background:#fff;font-size: 14px;color:#000;border:1px solid #ccc;padding:5px;border-radius: 6px;text-align: left;margin-top:25px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

/* Sub020402 : 연간일정 */
.year_edu_list {margin-bottom: 80px;}
.year_edu_list:last-child {margin-bottom: 0;}
.cal_guide {margin:30px 0 0;}
.cal_guide ul {font-size: 0;}
.cal_guide ul li {display: inline-block;vertical-align: middle;font-size:14px;}
.cal_guide ul li span {display: inline-block;margin-right: 10px;width: 23px;height: 23px;line-height:23px;text-align: center;border-radius: 50%;font-size: 13px;font-weight: 500;color: #fff;}
.cal_guide ul li span.sign_wait {background:#BF2426;}
.cal_guide ul li span.sign_end {background:#008C93;}
.cal_guide ul li span.sign_ing {background:#D76610;}
.cal_guide ul li span.sign_edu {background:#003ECF;}
.cal_guide ul li span.sign_finish {background:#777;}
.cal_guide ul li:after {content: '';display: inline-block;vertical-align: middle;width: 1px;height:12px;background:#bbb;margin:0 10px;}
.cal_guide ul li:last-child:after {display: none;}
.sign_state {display: inline-flex;margin-left: 10px;width: 47px;height: 23px;line-height:23px;text-align: center;border-radius: 5%;font-size: 13px;font-weight: 500;color: #fff;justify-content: space-around;}
.sign_state.wait {background: #FF9800;}
.sign_state.end {background: #3F51B5;}
.sign_state.ing {background:#D76610;}
.sign_state.edu {background: #2196F3;}
.sign_state.finish {background:#777;}

@media screen and (max-width:1280px){
    .arrShort_right {min-height: 137px;}
}
@media screen and (max-width:1230px){
    .s020301_2 .step3 dd:last-child .border {height:200px;}
}
@media screen and (max-width:1200px){
    .s020101_1 .desc {padding:80px;padding-left:48%;}
    .s020101_1 .title {width: 400px;}
    
    .arrShort_right {min-height: 140px;}
}
@media screen and (max-width:1160px){
    .s020301_2 .step3 .bg_555 + p.desc {min-height: 98px;}
    .arrShort_right:after {right: -28px;}
}
@media screen and (max-width:1061px){
    .s020301_2 .step2 .float_cont {height:395px;}
    .arrShort:after, .arrLong:after, .arrShort_before:before {margin:5px auto;}
    .arrShort_right:after {right: -26px;}
}
@media screen and (max-width:1024px){
    .s020101_1 .desc {padding-left: 50%;}
    .s020101_1 .title img {width: 320px;}
    .s020101_1 .title strong {font-size: 34px;}
    .s020101_2 .desc {padding:60px 80px 60px 0;}
    .s020101_2 .desc p {padding-left: 40px;}
    
    .s020301_1 .icon {max-width:50px;}
    a.btn_arrow {padding: 0 40px 0 15px;}
}
@media screen and (max-width:1020px){
    .s020301_2 .float_cont_wrap.last .border {height: 240px;}
}
@media screen and (max-width:1010px){
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 200px;}
    a.btn_arrow {font-size: 14px;}
}
@media screen and (max-width:980px){
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 220px;}
    .s020301_2 .step3 dd:last-child .border {height: 220px;}
}
@media screen and (max-width:960px){
    .s020101_1 .desc {padding: 80px;}
    .s020101_1 .title {position: static;top:auto;left:auto;width:auto;transform: none;text-align: center;margin-bottom:25px;}
    .s020101_1 .title img {float: none;margin:0 auto 20px;}
    .s020101_3 .img {padding: 60px;}
    .s020101_2 .inner {padding-left: 0;}
    .s020101_2 .desc {width: 100%;padding:0 0 50px;position:static;left: auto;top: auto;}
    
    .s020102_1 li {float:none;width:100%;border-top:1px solid #ddd;min-height:160px;padding-left: 140px;}
    .s020102_1 .icon {top:45px;width: 80px;height: 80px;background-size: 40px auto;}
    .s020102_3 .inner {padding: 80px;}
    
    .s020301_1 ol {margin: 30px -2.3333% 80px 0;}
    .s020301_1 li {width:31%;margin-right: 2.3333%;margin-bottom: 20px;padding:30px 20px;height:200px;}
    .s020301_1 h5 {font-size: 18px;margin: 10px 0 10px;}
    .s020301_1 p {font-size: 15px;line-height: 1.4;}
    
    .s020301_1 li:nth-child(3):before,
    .s020301_1 li:nth-child(3):after {display: none;}
    
    .s020301_2 span.step {position: static;left: auto;}
    .s020301_2 h5 {position: static; left: auto; top: auto;margin:5px 0 20px;}
    .s020301_2 .rightCont {padding-left: 0;}
    .s020301_2 .step2 .float_cont {height: 376px;}
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 180px;}
    .s020301_2 .step3 dd:last-child .border {height: 200px;}
    .s020301_2 .float_cont_wrap.last .border {height: 220px;}
}
@media screen and (max-width:831px){
    .s020301_2 .step2 .float_cont {height: 395px;}
}
@media screen and (max-width:800px){
    .s020301_2 .float_cont_wrap.last .border {height: 240px;}
}
@media screen and (max-width:780px){
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: 200px;}
	.id_search_new .login_input dd .input_hp3 {
    width: calc(48.9% - 64px);
}
}
@media screen and (max-width:768px){
    .cal_search .inner .cal_btn button {height: 38px;line-height:37px;padding: 0 20px;font-size: 16px;}
    .cal_head button {width:40px;height:40px;}
    .cal_head button:after {left: 14px;top: 12px;width: 6px;height: 6px;}
    .cal_head .month_next button:after {top:15px;left:14px;transform: rotate(45deg);}
    .cal_head .month_center h4 {font-size: 30px;}
    .cal_table .tb_cal tr td {font-size: 15px;}
    .cal_content table tbody td {padding:10px 5px;font-size: 15px;}
    
    #s020101 section {margin-bottom: 50px}
    .s020101_1 .title img {width: 300px;}
    .s020101_1 .title strong {font-size: 30px;}
    .s020101_1 .text p {font-size: 18px;line-height: 1.5;}
    .s020101_2 .desc p {font-size: 17px;line-height: 1.5;}
    .s020101_2 .bg {height: 300px;}
    .s020101_2 li {padding: 40px;}
    .s020101_2 li h5 {font-size:22px;padding-left:60px;margin-bottom: 30px;}
    .s020101_2 li h5:before {width: 40px;height: 40px;}
    .s020101_2 li p {font-size: 17px;line-height: 1.5;}
    .s020101_3 .img {padding: 40px;}
    
    .s020102_1 p {font-size: 18px;line-height: 1.5;}
    .s020102_2 h5 {font-size: 24px;}
    .s020102_2 .bullet_list li {font-size: 17px;line-height: 1.5;}
    .s020102_3 .inner {padding: 50px;}
    .s020102_3 ol > li {padding-left: 130px;}
    .s020102_3 span {font-size: 16px;height: 30px; line-height: 29px;}
    .s020102_3 h5 {font-size: 20px;}
    .s020102_3 p {font-size: 16px;line-height: 1.5;}
    
    a.btn_more {height:30px;line-height:29px;font-size:13px;padding: 0 30px 0 10px;background-position: right 10px center;background-size: 10px auto;}
    
    .bg_blue strong {padding: 10px 15px;font-size: 18px;}
    .rightCont .desc {padding: 15px 20px;}
    .rightCont p {font-size: 15px;}
    a.btn_rightCont {width: 120px;height: 38px;line-height: 37px;font-size: 15px;}
    a.btn_rightCont.abs {right: 20px;}
    .s020301_2 .step1 .float_cont {height: 220px;}
    .bg_f4 strong {padding: 10px 15px;font-size: 18px;}
    .rightCont span {font-size: 16px; margin-bottom: 10px;}
    .bg_f8 strong {padding: 10px 15px;font-size: 18px}
    .rightCont strong {font-size: 18px;}
    .s020301_2 .step2 .float_cont {height:332px;}
    .arrLong:after {margin:0 auto;}
    .s020301_2 .step3 .btn_rightCont {width:150px;}
    .arrShort_right {min-height: 112px;}
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height:200px;}
    .s020301_2 .step3 .bg_555 + p.desc {min-height: 80px;}
    .s020301_2 .step3 dd:last-child .border {height: 200px;}
    a.btn_arrow {padding: 0 30px 0 15px;background-size: 16px auto;background-position: right 10px center;}
    .s020301_2 .float_cont_wrap.last .border {height:220px;}
    .s020301_2 .float_cont_wrap.last {padding-left:200px;}
}
@media screen and (max-width:640px){
    .cal_search .inner .cal_btn {display: block; margin-left: 0;margin-top:20px;}
    .cal_search .inner .cal_btn button {width:48%;margin:0 0.5%;}
    .cal_table {height: 100px;}
    .cal_content table thead th {padding: 15px 10px;font-size: 15px;}
    .cal_content table tbody td {font-size: 14px;}
    .cal_event_table table tr td a.event_msg {font-size: 13px;}

    #s020402 .cal_search .inner .cal_btn button {width: 80%;margin:0;}
    .cal_guide ul li {font-size: 13px;margin-left:10px}
    .cal_guide ul li:first-child {margin-left: 0;}
    .cal_guide ul li span {margin-right:5px;width: 21px;height: 21px;line-height: 21px;font-size: 12px;}
    .cal_guide ul li:after {display: none;}
    
    .s020101_1 .desc {padding:60px;}
    .s020101_1 .title p {padding: 15px 20px;}
    .s020101_1 .title strong {font-size: 26px;}
    .s020101_2 ul {display: block; margin-top: 50px;}
    .s020101_2 ul li {display: block;width: 100%;}
    
    .s020102_2 .img {position: static;width:100%;padding-right:0;left:auto;}
    .s020102_2 h5, .s020102_2 ul {padding-left: 0;}
    .s020102_2 .desc {padding-left: 0;min-height: auto;margin-top: 30px;}
    .s020102_3 ol {margin-top: 80px;}
    .s020102_3 ol > li {padding-left: 30px;}
    .s020102_3 span {position: static;left: auto;margin-bottom: 10px;}
    
    #s020201 .tb_col thead {display: none;}
    #s020201 .tb_col tr {display: block;width: 100%;padding: 20px 0;border-bottom: 1px solid #ddd;}
    #s020201 .tb_col tr td {display: block; width: 100%;position: relative;border:none;text-align: left;padding:3px 0 3px 200px;}
    #s020201 .tb_col tr td:first-child {display: none;}
    #s020201 .tb_col tr td:last-child {padding-left:0;}
    #s020201 .tb_col tr td:before {content: attr(data-label);position: absolute; left: 0; width: 200px; font-size: 14px; color: #000;}
    #s020201 .tb_col tr td:last-child:before {display: none;}
    
    .s020301_1 span {width: 30px;height: 30px;line-height: 30px;font-size: 14px;top: 15px;left: 15px;}
    .s020301_1 .icon {max-width: 46px}
    .s020301_1 li:before {border-left: 12px solid #ccc;border-top: 6px solid transparent;border-bottom: 6px solid transparent;}
    .s020301_1 li:after {border-left: 10px solid #fff;border-top: 5px solid transparent;border-bottom: 5px solid transparent;}
    
    .float_cont {float: none; width: 100%;margin:0 0 20px;}
    .rightCont .border.blue .desc {text-align: center;}
    a.btn_rightCont.abs {display: inline-block;margin-top: 15px;position: static;top:auto;transform: none;right:auto;}
    .s020301_2 .step1 .float_cont {height: auto;}
    .rightCont strong {font-size: 16px;}
    .s020301_2 .step2 .float_cont {height: auto;}
    .float_cont_wrap {margin-right: 0;}
    .arrLong:after {width: 20px;height: 22px;background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center;margin:5px auto;}
    .s020301_2 .step2 .arrLong + .desc {position: static;bottom: auto;left:auto;}
    .s020301_2 .step3 .float_cont_wrap:first-child .border {height: auto;}
    .s020301_2 .step3 .btn_rightCont {display: inline-block;width: auto;padding:0 20px;font-size:14px;}
    .s020301_2 .step3 .ment {margin: 30px 0;}
    .arrShort_right {min-height: auto;}
    .step3 .arrShort_right:after {position: static;width: 25px;height: 20px;top: auto;right:auto;background: url(/resources/user/_EDU/images/sub/arrow.png) no-repeat center;transform:none;margin:5px auto -10px;}
    .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right {margin-bottom:30px;}
    .step3 .rightCont .float_cont_wrap:nth-child(3) .arrShort_right:after {transform: translateY(30px);}
    .s020301_2 .step3 dt {font-size:18px;margin: 20px 0;}
    .rightCont strong {font-size: 15px;}
    .bg_555 strong {padding: 10px 20px;}
    .s020301_2 .step3 .bg_555 + p.desc {min-height: auto; line-height: 1.4;}
    .s020301_2 .step3 dd:last-child .border {height: auto;}
    a.btn_arrow {display: inline-block;padding-right:50px;padding-left: 20px; background-position: right 20px center;}
    .s020301_2 .float_cont_wrap.last {padding-left: 0;}
    .s020301_2 .float_cont_wrap.last .border {height: auto; position: static;left: auto;width: 100%;margin:0 0 20px;}
    .s020301_2 .float_cont_wrap.last .border:last-child {margin-bottom: 0;}
}
@media screen and (max-width:480px){
    .cal_search {padding: 30px;margin-bottom: 30px;}
    .cal_search .sltDrop {min-width:80px;}
    .cal_search .sltDrop .vDrop {height:40px;}
    .cal_search .sltDrop .vDrop a {font-size: 16px;line-height: 39px;}
    .cal_search .sltDrop .vDrop > a {min-width: 80px;padding: 0 20px 0 10px;}
    .cal_search .sltDrop .vDrop ul {top:40px;}
    .cal_search .inner > span {font-size: 16px;}
    .cal_head button {width: 34px; height: 34px;}
    .cal_head button:after {top:9px;left:11px;}
    .cal_head .month_next button:after {top:12px;left:11px;}
    .cal_head .month_center h4 {font-size: 25px;}
    .cal_event_table table tr td a.event_msg {font-size: 12px;}
    
    #s020402 table thead {display: none;}
    #s020402 table tr,
    #s020402 table tr td {display: block;}
    #s020402 table tr {padding:20px 0;border-bottom: 1px solid #ddd;}
    #s020402 table tr td {position: relative;text-align: left;border:none;padding:2px 10px 2px 80px;}
    #s020402 table tr td:first-child {padding-left:0; margin-bottom:10px;}
    #s020402 table tr td a {color:#000;}
    #s020402 table tr td:before {content: attr(data-label);position: absolute;left:0;top:2px;display: inline-block; width:80px;vertical-align: middle;}
    #s020402 table tr td:first-child:before {display: none;}
    
    #s020101 section {margin-bottom: 30px;}
    .s020101_1 .desc {padding: 40px;}
    .s020101_1 .title img {width:100%;max-width: 100%;}
    .s020101_1 .title p {padding:15px;}
    .s020101_1 .title strong {font-size: 22px;}
    .s020101_1 .text p {font-size: 16px;}
    .s020101_2 .desc p {font-size: 16px;padding-left:25px;}
    .s020101_2 .bg {height: 200px;}
    .s020101_2 ul li {padding: 30px;}
    .s020101_2 li h5 {font-size: 20px;padding-left:40px;margin-bottom:10px;}
    .s020101_2 li h5:before {width: 30px;height: 30px;background-size: 12px auto;}
    .s020101_2 li p {font-size: 15px;}
    .s020101_3 .img {padding: 25px;}
    
    #s020102 section {margin-bottom:50px;}
    .s020102_1 li {min-height: 160px;padding:20px 30px;padding-left: 120px;}
    .s020102_1 .icon {top: 20px;width:60px;height: 60px;background-size: 30px auto;}
    .s020102_1 p {font-size: 16px;}
    .s020102_2 h5 {font-size: 20px;}
    .s020102_2 .bullet_list li {font-size: 16px;}
    .s020102_3 .inner {padding: 25px;}
    .s020102_3 ol > li {padding: 20px;}
    .s020102_3 span {font-size: 14px;height: 26px;line-height: 25px;padding: 0 15px;}
    .s020102_3 h5 {font-size: 18px;}
    .s020102_3 p {font-size: 15px;}
    
    #s020201 .tb_col tr td {padding:5px 0;line-height: 1.4;font-size: 14px;}
    #s020201 .tb_col tr td.td_subject a {font-size: 16px;}
    #s020201 .tb_col tr td:last-child {text-align: right;}
    #s020201 .tb_col tr td:before {display: none;}
    
    .s020301_1 ol {margin:20px 0 50px 0;}
    .s020301_1 li {float: none;width: 100%;margin-right: 0;height: auto;}
    .s020301_1 li:before, 
    .s020301_1 li:after {top: auto;right:auto;left:50%;bottom: -13px;transform: translate(-50%, 0);}
    .s020301_1 li:before {border-left: 7px solid transparent;border-top: 12px solid #ccc;border-right: 7px solid transparent;border-bottom: none;}
    .s020301_1 li:after {border-left: 7px solid transparent;border-top: 14px solid #fff;border-right: 7px solid transparent;border-bottom: none;}
    .s020301_1 li:nth-child(3):before,
    .s020301_1 li:nth-child(3):after {display: inline-block;}
}
.cal_content table thead th {font-weight: 500;text-align: center;border-left:1px solid #ddd;padding:20px 10px;}

    text-align: right;
    vertical-align: top;
    border-left: 1px solid #ddd;
    padding: 10px;
    color: #333;
    font-family: 'Noto Sans Korean';
    font-size: 16px;
	
}

#calendar_div table .fc-day-grid-event{
    display: block;
    background: #ddd;
    font-size: 14px;
    color: #000;
    border: 1px solid #ccc;
    padding: 5px;
    border-radius: 6px;
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.cal_content table tbody td:first-child{
	border-left: 1px solid #ddd;
}

#calendar_div table .holiday{
    background: #c40303;
    color: #fff;
}

#calendar_div table .fc-sun{color: red;}
#calendar_div table .fc-sat{color: blue;}
/*!
 * FullCalendar v3.3.0 Stylesheet
 * Docs & License: https://fullcalendar.io/
 * (c) 2017 Adam Shaw
 */
.fc {
	direction: ltr;
	text-align: left
}

.fc-rtl {
	text-align: right
}

body .fc {
	font-size: 1em
}

.fc-unthemed th, .fc-unthemed td, .fc-unthemed thead, .fc-unthemed tbody,
	.fc-unthemed .fc-divider, .fc-unthemed .fc-row, .fc-unthemed .fc-content,
	.fc-unthemed .fc-popover, .fc-unthemed .fc-list-view, .fc-unthemed .fc-list-heading td
	{
	border-color: #ddd
}

.fc-unthemed .fc-popover {
	background-color: #fff
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-popover .fc-header,
	.fc-unthemed .fc-list-heading td {
	background: #eee
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	color: #666
}

.fc-unthemed td.fc-today .fc-day-number {
	color: #74b73b;
	font-weight: bold;
	border: 1px solid #74b73b;
	border-radius: 100px
}

.fc-highlight {
	background: #bce8f1;
	opacity: .3
}

.fc-bgevent {
	background: #8fdf82;
	opacity: .3
}

.fc-nonbusiness {
	background: #d7d7d7
}

.fc-unthemed .fc-disabled-day {
	background: #d7d7d7;
	opacity: .3
}

.ui-widget .fc-disabled-day {
	background-image: none
}

.fc-icon {
	display: inline-block;
	height: 1em;
	line-height: 1em;
	font-size: 1em;
	text-align: center;
	overflow: hidden;
	font-family: "Courier New", Courier, monospace;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.fc-icon:after {
	position: relative
}

.fc-icon-left-single-arrow:after {
	content: "\02039";
	font-weight: bold;
	font-size: 200%;
	top: -7%
}

.fc-icon-right-single-arrow:after {
	content: "\0203A";
	font-weight: bold;
	font-size: 200%;
	top: -7%
}

.fc-icon-left-double-arrow:after {
	content: "\000AB";
	font-size: 160%;
	top: -7%
}

.fc-icon-right-double-arrow:after {
	content: "\000BB";
	font-size: 160%;
	top: -7%
}

.fc-icon-left-triangle:after {
	content: "\25C4";
	font-size: 125%;
	top: 3%
}

.fc-icon-right-triangle:after {
	content: "\25BA";
	font-size: 125%;
	top: 3%
}

.fc-icon-down-triangle:after {
	content: "\25BC";
	font-size: 125%;
	top: 2%
}

.fc-icon-x:after {
	content: "\000D7";
	font-size: 200%;
	top: 6%
}

.fc button {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	height: 2.1em;
	padding: 0 .6em;
	font-size: 1em;
	white-space: nowrap;
	cursor: pointer
}

.fc button::-moz-focus-inner {
	margin: 0;
	padding: 0
}

.fc-state-default {
	border: 1px solid
}

.fc-state-default.fc-corner-left {
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px
}

.fc-state-default.fc-corner-right {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px
}

.fc button .fc-icon {
	position: relative;
	top: -0.05em;
	margin: 0 .2em;
	vertical-align: middle
}

.fc-state-default {
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),
		to(#e6e6e6));
	background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
	background-image: -o-linear-gradient(top, #fff, #e6e6e6);
	background-image: linear-gradient(to bottom, #fff, #e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px
		rgba(0, 0, 0, 0.05)
}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled {
	color: #333;
	background-color: #e6e6e6
}

.fc-state-hover {
	color: #333;
	text-decoration: none;
	background-position: 0 -15px;
	-webkit-transition: background-position .1s linear;
	-moz-transition: background-position .1s linear;
	-o-transition: background-position .1s linear;
	transition: background-position .1s linear
}

.fc-state-down, .fc-state-active {
	background-color: #ccc;
	background-image: none;
	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px
		rgba(0, 0, 0, 0.05)
}

.fc-state-disabled {
	cursor: default;
	background-image: none;
	opacity: .65;
	box-shadow: none
}

.fc-button-group {
	display: inline-block
}

.fc .fc-button-group>* {
	float: left;
	margin: 0 0 0 -1px
}

.fc .fc-button-group>:first-child {
	margin-left: 0
}

.fc-popover {
	position: absolute;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.fc-popover .fc-header {
	padding: 2px 4px
}

.fc-popover .fc-header .fc-title {
	margin: 0 2px
}

.fc-popover .fc-header .fc-close {
	cursor: pointer
}

.fc-ltr .fc-popover .fc-header .fc-title, .fc-rtl .fc-popover .fc-header .fc-close
	{
	float: left
}

.fc-rtl .fc-popover .fc-header .fc-title, .fc-ltr .fc-popover .fc-header .fc-close
	{
	float: right
}

.fc-unthemed .fc-popover {
	border-width: 1px;
	border-style: solid
}

.fc-unthemed .fc-popover .fc-header .fc-close {
	font-size: .9em;
	margin-top: 2px
}

.fc-popover>.ui-widget-header+.ui-widget-content {
	border-top: 0
}

.fc-divider {
	border-style: solid;
	border-width: 1px
}

hr.fc-divider {
	height: 0;
	margin: 0;
	padding: 0 0 2px;
	border-width: 1px 0
}

.fc-clear {
	clear: both
}

.fc-bg, .fc-bgevent-skeleton, .fc-highlight-skeleton,
	.fc-helper-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.fc-bg {
	bottom: 0
}

.fc-bg table {
	height: 100%
}

.fc table {
	width: 100%;
	box-sizing: border-box;
	table-layout: fixed;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 1em
}

.fc th {
	text-align: center;
	line-height: 40px;
	font-size: 17px;
	font-weight: bold
}

.fc th, .fc td {
	border-style: solid;
	border-width: 1px;
	padding: 0;
	vertical-align: top;
}

.fc td.fc-today {
	border-style: double
}

a[data-goto] {
	cursor: pointer
}

a[data-goto]:hover {
	text-decoration: underline
}

.fc .fc-row {
	border-style: solid;
	border-width: 0
}

.fc-row table {
	border-left: 0 hidden transparent;
	border-right: 0 hidden transparent;
	border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
	border-top: 0 hidden transparent
}

.fc-row {
	position: relative
}

.fc-row .fc-bg {
	z-index: 1
}

.fc-row .fc-bgevent-skeleton, .fc-row .fc-highlight-skeleton {
	bottom: 0
}

.fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table
	{
	height: 100%
}

.fc-row .fc-highlight-skeleton td, .fc-row .fc-bgevent-skeleton td {
	border-color: transparent
}

.fc-row .fc-bgevent-skeleton {
	z-index: 2
}

.fc-row .fc-highlight-skeleton {
	z-index: 3
}

.fc-row .fc-content-skeleton {
	position: relative;
	z-index: 4;
	padding-bottom: 2px
}

.fc-row .fc-helper-skeleton {
	z-index: 5
}

.fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {
	background: 0;
	border-color: transparent;
	border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-helper-skeleton tbody td
	{
	border-top: 0
}

.fc-scroller {
	-webkit-overflow-scrolling: touch
}

.fc-scroller>.fc-day-grid, .fc-scroller>.fc-time-grid {
	position: relative;
	width: 100%
}

.fc-event {
	position: relative;
	display: block;
	font-size: .85em;
	line-height: 1.7;
	font-weight: normal
}

.fc-event, .fc-event-dot {
	background-color: #b6bbbf
}

.fc-event, .fc-event:hover, .ui-widget .fc-event {
	color: #fff;
	text-decoration: none
}

.fc-event[href], .fc-event.fc-draggable {
	cursor: pointer
}

.fc-not-allowed, .fc-not-allowed .fc-event {
	cursor: not-allowed
}

.fc-event .fc-bg {
	z-index: 1;
	background: #fff;
	opacity: .25
}

.fc-event .fc-content {
	position: relative;
	z-index: 2;
	padding: 1px;
	text-align: left;
	margin-left: 10px;
}

.fc-event .fc-resizer {
	position: absolute;
	z-index: 4
}

.fc-event .fc-resizer {
	display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer
	{
	display: block
}

.fc-event.fc-selected .fc-resizer:before {
	content: "";
	position: absolute;
	z-index: 9999;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-left: -20px;
	margin-top: -20px
}

.fc-event.fc-selected {
	z-index: 9999 !important;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2)
}

.fc-event.fc-selected.fc-dragging {
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3)
}

.fc-h-event.fc-selected:before {
	content: "";
	position: absolute;
	z-index: 3;
	top: -10px;
	bottom: -10px;
	left: 0;
	right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
	margin-left: 0;
	border-left-width: 0;
	padding-left: 1px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
	margin-right: 0;
	border-right-width: 0;
	padding-right: 1px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer
	{
	cursor: w-resize;
	left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer
	{
	cursor: e-resize;
	right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
	width: 7px;
	top: -1px;
	bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
	border-radius: 4px;
	border-width: 1px;
	width: 6px;
	height: 6px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	top: 50%;
	margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer
	{
	margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer
	{
	margin-right: -4px
}

.fc-day-grid-event {
	padding: 0 1px;
	border: 0
}

tr:first-child>td>.fc-day-grid-event {
	margin-top: 2px
}

.fc-day-grid-event.fc-selected:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -1px;
	right: -1px;
	bottom: -1px;
	left: -1px;
	background: #000;
	opacity: .25
}

.fc-day-grid-event .fc-time {
	font-weight: bold
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
	.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
	margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
	.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
	margin-right: -2px
}

a.fc-more {
	margin: 1px 3px;
	font-size: .85em;
	cursor: pointer;
	text-decoration: none
}

a.fc-more:hover {
	text-decoration: underline
}

.fc-limited {
	display: none
}

.fc-day-grid .fc-row {
	z-index: 1
}

.fc-more-popover {
	z-index: 2;
	width: 220px
}

.fc-more-popover .fc-event-container {
	padding: 10px
}

.fc-now-indicator {
	position: absolute;
	border: 0 solid red
}

.fc-unselectable {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.fc-toolbar {
	text-align: center;
	display: none
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 1em
}

.fc-toolbar.fc-footer-toolbar {
	margin-top: 1em
}

.fc-toolbar .fc-left {
	float: left
}

.fc-toolbar .fc-right {
	float: right
}

.fc-toolbar .fc-center {
	display: inline-block
}

.fc .fc-toolbar>*>* {
	float: left;
	margin-left: .75em
}

.fc .fc-toolbar>*>:first-child {
	margin-left: 0
}

.fc-toolbar h2 {
	margin: 0
}

.fc-toolbar button {
	position: relative
}

.fc-toolbar .fc-state-hover, .fc-toolbar .ui-state-hover {
	z-index: 2
}

.fc-toolbar .fc-state-down {
	z-index: 3
}

.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active {
	z-index: 4
}

.fc-toolbar button:focus {
	z-index: 5
}

.fc-view-container *, .fc-view-container *:before, .fc-view-container *:after
	{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}

.fc-view, .fc-view>table {
	position: relative;
	z-index: 1
}

.fc-basicWeek-view .fc-content-skeleton, .fc-basicDay-view .fc-content-skeleton
	{
	padding-bottom: 1em
}

.fc-basic-view .fc-body .fc-row {
	min-height: 4em
}

.fc-row.fc-rigid {
	overflow: hidden
}

.fc-row.fc-rigid .fc-content-skeleton {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.fc-day-top {
	line-height: 30px;
	padding: 2px
}

.fc-day-top.fc-other-month {
	opacity: .3
}

.fc-basic-view .fc-week-number {
	padding: 4px
}

.fc-basic-view th.fc-week-number, .fc-basic-view th.fc-day-number {
	padding: 0 2px
}

.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
	float: left
}

.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
	float: left;
	border-radius: 0 0 3px 0
}

.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
	float: right;
	border-radius: 0 0 0 3px
}

.fc-basic-view .fc-day-top .fc-week-number {
	min-width: 1.5em;
	text-align: center;
	background-color: #f2f2f2;
	color: #808080
}

.fc-basic-view td.fc-week-number {
	text-align: center
}

.fc-basic-view td.fc-week-number>* {
	display: inline-block;
	min-width: 1.25em
}

.fc-agenda-view .fc-day-grid {
	position: relative;
	z-index: 2
}

.fc-agenda-view .fc-day-grid .fc-row {
	min-height: 3em
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
	padding-bottom: 1em
}

.fc .fc-axis {
	vertical-align: middle;
	padding: 0 4px;
	white-space: nowrap
}

.fc-ltr .fc-axis {
	text-align: right
}

.fc-rtl .fc-axis {
	text-align: left
}

.ui-widget td.fc-axis {
	font-weight: normal
}

.fc-time-grid-container, .fc-time-grid {
	position: relative;
	z-index: 1
}

.fc-time-grid {
	min-height: 100%
}

.fc-time-grid table {
	border: 0 hidden transparent
}

.fc-time-grid>.fc-bg {
	z-index: 1
}

.fc-time-grid .fc-slats, .fc-time-grid>hr {
	position: relative;
	z-index: 2
}

.fc-time-grid .fc-content-col {
	position: relative
}

.fc-time-grid .fc-content-skeleton {
	position: absolute;
	z-index: 3;
	top: 0;
	left: 0;
	right: 0
}

.fc-time-grid .fc-business-container {
	position: relative;
	z-index: 1
}

.fc-time-grid .fc-bgevent-container {
	position: relative;
	z-index: 2
}

.fc-time-grid .fc-highlight-container {
	position: relative;
	z-index: 3
}

.fc-time-grid .fc-event-container {
	position: relative;
	z-index: 4
}

.fc-time-grid .fc-now-indicator-line {
	z-index: 5
}

.fc-time-grid .fc-helper-container {
	position: relative;
	z-index: 6
}

.fc-time-grid .fc-slats td {
	height: 1.5em;
	border-bottom: 0
}

.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: dotted
}

.fc-time-grid .fc-slats .ui-widget-content {
	background: 0
}

.fc-time-grid .fc-highlight-container {
	position: relative
}

.fc-time-grid .fc-highlight {
	position: absolute;
	left: 0;
	right: 0
}

.fc-ltr .fc-time-grid .fc-event-container {
	margin: 0 2.5% 0 2px
}

.fc-rtl .fc-time-grid .fc-event-container {
	margin: 0 2px 0 2.5%
}

.fc-time-grid .fc-event, .fc-time-grid .fc-bgevent {
	position: absolute;
	z-index: 1
}

.fc-time-grid .fc-bgevent {
	left: 0;
	right: 0
}

.fc-v-event.fc-not-start {
	border-top-width: 0;
	padding-top: 1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}

.fc-v-event.fc-not-end {
	border-bottom-width: 0;
	padding-bottom: 1px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0
}

.fc-time-grid-event {
	overflow: hidden
}

.fc-time-grid-event.fc-selected {
	overflow: visible
}

.fc-time-grid-event.fc-selected .fc-bg {
	display: none
}

.fc-time-grid-event .fc-content {
	overflow: hidden
}

.fc-time-grid-event .fc-time, .fc-time-grid-event .fc-title {
	padding: 0 1px
}

.fc-time-grid-event .fc-time {
	font-size: .85em;
	white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-content {
	white-space: nowrap
}

.fc-time-grid-event.fc-short .fc-time, .fc-time-grid-event.fc-short .fc-title
	{
	display: inline-block;
	vertical-align: top
}

.fc-time-grid-event.fc-short .fc-time span {
	display: none
}

.fc-time-grid-event.fc-short .fc-time:before {
	content: attr(data-start)
}

.fc-time-grid-event.fc-short .fc-time:after {
	content: "\000A0-\000A0"
}

.fc-time-grid-event.fc-short .fc-title {
	font-size: .85em;
	padding: 0
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
	left: 0;
	right: 0;
	bottom: 0;
	height: 8px;
	overflow: hidden;
	line-height: 8px;
	font-size: 11px;
	font-family: monospace;
	text-align: center;
	cursor: s-resize
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
	content: "="
}

.fc-time-grid-event.fc-selected .fc-resizer {
	border-radius: 5px;
	border-width: 1px;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: inherit;
	background: #fff;
	left: 50%;
	margin-left: -5px;
	bottom: -5px
}

.fc-time-grid .fc-now-indicator-line {
	border-top-width: 1px;
	left: 0;
	right: 0
}

.fc-time-grid .fc-now-indicator-arrow {
	margin-top: -5px
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
	left: 0;
	border-width: 5px 0 5px 6px;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
	right: 0;
	border-width: 5px 6px 5px 0;
	border-top-color: transparent;
	border-bottom-color: transparent
}

.fc-event-dot {
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 5px
}

.fc-rtl .fc-list-view {
	direction: rtl
}

.fc-list-view {
	border-width: 1px;
	border-style: solid
}

.fc .fc-list-table {
	table-layout: auto
}

.fc-list-table td {
	border-width: 1px 0 0;
	padding: 8px 14px
}

.fc-list-table tr:first-child td {
	border-top-width: 0
}

.fc-list-heading {
	border-bottom-width: 1px
}

.fc-list-heading td {
	font-weight: bold
}

.fc-ltr .fc-list-heading-main {
	float: left
}

.fc-ltr .fc-list-heading-alt {
	float: right
}

.fc-rtl .fc-list-heading-main {
	float: right
}

.fc-rtl .fc-list-heading-alt {
	float: left
}

.fc-list-item.fc-has-url {
	cursor: pointer
}

.fc-list-item:hover td {
	background-color: #f5f5f5
}

.fc-list-item-marker, .fc-list-item-time {
	white-space: nowrap;
	width: 1px
}

.fc-ltr .fc-list-item-marker {
	padding-right: 0
}

.fc-rtl .fc-list-item-marker {
	padding-left: 0
}

.fc-list-item-title a {
	text-decoration: none;
	color: inherit
}

.fc-list-item-title a[href]:hover {
	text-decoration: underline
}

.fc-list-empty-wrap2 {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.fc-list-empty-wrap1 {
	width: 100%;
	height: 100%;
	display: table
}

.fc-list-empty {
	display: table-cell;
	vertical-align: middle;
	text-align: center
}

.fc-unthemed .fc-list-empty {
	background-color: #eee
}

.fc-sat {
	color: #00f
}

.fc-sun, .fc-holiday {
	color: #f00
}

.fc td .fc-event-container {
	padding: 2px 0
}

.fc-time {
	display: none
}

.fc-title {
	cursor: pointer
}

.fc-day-top span {
	padding: 0 4px
}

.fc-day-top .fc-day-number {
	float: left
}

.fc-day-top .fc-day-title {
	float: right;
	color: gray;
	font-size: 13px;
	font-weight: bold
}

.filebox .upload-name {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox .upload-name1 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox .upload-name2 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox .upload-name3 {
    display: inline-block;
    height: 40px;
    padding: 0 10px;
    vertical-align: middle;
    border: 1px solid #dddddd;
    width: 78%;
    color: #999999;
    max-width: 380px;
}
.filebox label {
    /* display: inline-block; */
    /* padding: 10px 20px; */
    /* color: #fff; */
    /* vertical-align: middle; */
    /* background-color: #999999; */
    /* cursor: pointer; */
    height: 40px;
    margin-left: 10px;
    display: inline-block;
    line-height: 40px;
    font-size: 15px;
    color: #fff;
    background: #4a5d7a;
    padding: 0 18px;
}
.filebox input[type="file"] {
    position: absolute;
    width: 0;
    height: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
}
.form-control {
    display: inline-block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
}

.form-control:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)
}

.form-control::-moz-placeholder {
    color: #999;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #999
}

.form-control::-webkit-input-placeholder {
    color: #999
}

.form-control::-ms-expand {
    border: 0;
    background-color: transparent
}

.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control {
    background-color: #eee;
    opacity: 1
}

.form-control[disabled],fieldset[disabled] .form-control {
    cursor: not-allowed
}
textarea {
    width: 100%;
    border: 1px solid #d5d5d5;
    min-height: 80px;
}

select {font-size: 16px;color:#666666;border: 0px solid #ddd0;background-color: #ffffff00;padding: 10px 20px;-webkit-appearance: none;-webkit-border-radius: 0;width: 144px;
    height: 47px}
select { border-radius:0; -webkit-appearance:none; -moz-appearance:none; appearance:none; background: url("/img/cat_arrow_bk.png") no-repeat right 10px center/8px auto;}
 /* qual.css .qc-ls li .rbx input 숨김 무력화 */
    .sv-wrap input[type="radio"],
    .sv-wrap input[type="checkbox"] {
        display:inline-block !important;
        width:17px !important;
        height:17px !important;
        position:relative !important;
        opacity:1 !important;
        appearance:none !important;
        -webkit-appearance:none !important;
        border:2px solid #aaa !important;
        border-radius:50% !important;
        background:#fff !important;
        flex-shrink:0 !important;
        cursor:pointer !important;
        /* margin:0 !important; */
        vertical-align:middle;
        transition:border-color .15s, background .15s;
        margin-right: 12px;
    }
    .sv-wrap input[type="checkbox"] { border-radius:4px !important; }
    .sv-wrap input[type="radio"]:checked {
        border-color:#1a3a6b !important;
        background:#1a3a6b !important;
    }
    .sv-wrap input[type="radio"]:checked::after {
        content:''; display:block;
        width:7px; height:7px;
        background:#fff; border-radius:50%;
        position:absolute; top:50%; left:50%;
        transform:translate(-50%,-50%);
    }
    .sv-wrap input[type="checkbox"]:checked {
        border-color:#1a3a6b !important;
        background:#1a3a6b !important;
    }
    .sv-wrap input[type="checkbox"]:checked::after {
        content:'✓'; display:block;
        color:#fff; font-size:11px; font-weight:700; line-height:1;
        position:absolute; top:50%; left:50%;
        transform:translate(-50%,-50%);
    }
    .sv-opt { display:flex; align-items:center; gap:6px; cursor:pointer; margin-bottom:10px; }
    .sv-opt label { font-size:15px; color:#191919; cursor:pointer; padding:0 !important; background:none !important; padding-left:0 !important; }
    .sv-wrap br { display:none; }   /* 보기 줄바꿈은 .sv-opt(flex)가 처리 - 본문의 임시 <br> 무력화 */
    .survey-notice { background:#f7f8fa; border:1px solid #dde2ea; border-radius:6px; padding:12px 16px; font-size:13px; color:#555; margin-bottom:16px; }
    .survey-notice .notice-em { color:#c00; font-size:12px; margin-top:4px; }
    .sub-block {margin-bottom:14px;margin-left: 20px;}
    .sub-block:last-child { margin-bottom:0; }
    .sub-title { font-size:13px; font-weight:700; color:#444; margin-bottom:8px; padding-top:10px; border-top:1px dashed #e0e5ee; }
    .sub-block:first-child .sub-title { border-top:none; padding-top:0; }
    .info-row { display:flex; align-items:center; gap:10px; margin-bottom:8px; }
    .info-row:last-child { margin-bottom:0; }
    .info-label { font-size:14px; color:#444; font-weight:600; min-width:70px; }
    .info-row input[type="text"] { flex:1; max-width:300px; border:1px solid #ccc; border-radius:4px; padding:7px 10px; font-size:14px; box-sizing:border-box; }
    .sq-textarea { width:100%; min-height:100px; border:1px solid #ccc; border-radius:4px; padding:10px; font-size:14px; resize:vertical; box-sizing:border-box; font-family:inherit; }
    @media(max-width:600px){
        .sv-opt { display:flex; width:100%; margin-right:0; }
        .info-row input[type="text"] { max-width:100%; }
    }

.qrbx.line_gh {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 28px 32px;
  width: 100%;
  box-sizing: border-box;
  font-family: 'Noto Sans KR', sans-serif;
  /* box-shadow: 0 2px 8px rgba(0,0,0,0.05); */
}
.qrbx .qbx {
  font-size: 15px;
  font-weight: 700;
  color: #1a1a1a;
  margin-bottom: 20px;
}
.qrbx .rbx {
  display: flex;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  gap: 12px;
  margin-bottom: 12px;
}
.qrbx .rbx input[type="file"] {
  flex: 1;
  font-size: 13px;
  color: #555;
  cursor: pointer;
  border: 1px solid #d5d5d5;
  border-radius: 6px;
  padding: 7px 10px;
  background: #fafafa;
}
.qrbx .file-row {
  display: flex;
  align-items: center;
  gap: 12px;                   /* space-between 제거, gap만 */
  width: 100%;
  background: #f8f9fb;
  border: 1px solid #e8eaf0;
  border-radius: 8px;
  padding: 10px 16px;
  box-sizing: border-box;
  margin-bottom: 12px;
}
.qrbx .file-row .file-label-txt {
  font-size: 12px;
  color: #bbb;
  white-space: nowrap;
}
.qrbx .file-row a {
  font-size: 13px;
  color: #2d6be4;
  text-decoration: underline;
  font-weight: 500;
}
.qrbx .file-row a:hover { color: #1a4db8; }
.qrbx .file-row .del-group {
  display: flex;
  align-items: center;
  gap: 5px;
}
.qrbx .file-row .del-group input.consult-del-chk {
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
  accent-color: #e53e3e;
  margin: 0 !important;
}
.qrbx .file-row .del-group label {
  font-size: 13px;
  color: #e53e3e;
  font-weight: 500;
  cursor: pointer;
}
.qrbx .rbx-submit {
  justify-content: flex-end;
  margin-bottom: 0;
}
.qrbx .rbx-submit input[type="button"] {
  padding: 10px 40px;
  background: #1a1a1a;
  color: #fff;
  border: none;
  border-radius: 7px;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  letter-spacing: 0.5px;
  transition: background 0.2s;
}
.qrbx .rbx-submit input[type="button"]:hover { background: #444; }