@charset "utf-8"; /* 2016-10-28 CSS CENTUMSOFT */ input, select {border-radius:0} /* ============================== * 쓰기폼 ================================ */ /** -- 쓰기폼[1] */ .prg-form .top-txt {float:right;margin:8px 0 5px} .prg-form .tbl-form th {width:25%} .prg-form .tbl-form td {width:75%} .prg-form .tbl-form .select {min-width:100px} .prg-form .chk-sch, .prg-form .chk-sch li {display:inline;margin-right:7px} @media all and (max-width:999px){ .prg-form .tbl-form th {width:20%} .prg-form .tbl-form td {width:80%} } @media all and (max-width:800px){ .adm-wr .info-box {padding-top:30px;padding-bottom:30px} .adm-wr .info-box .box-tit {margin-bottom:10px} .adm-wr .info-box button {position:relative;top:auto;right:auto;margin-top:0;display:block} } @media all and (max-width:768px){ .prg-form .tbl-form {border:1px solid #ddd;border-top:2px solid #696c75;border-bottom:0;letter-spacing:0} .prg-form .tbl-form tr {overflow:hidden;display:block;border-bottom:1px solid #ddd} .prg-form .tbl-form th, .prg-form .tbl-form td {border:0;background:#fff;display:block;width:95% !important;float:left} .prg-form .tbl-form th {font-size:14px;padding:15px 0 5px 2.5%} .prg-form .tbl-form td {position:relative;padding:5px 2.5% 15px} .prg-form .tbl-form td .sw-btn {position:absolute;top:-30px;right:2.5%;letter-spacing:-1px} .prg-form .tbl-form td input[type=text], .prg-form .tbl-form td input[type=password], .prg-form .tbl-form td input[type=file] {width:98%;border:0;background:#f0f0f0;margin:2px 0;height:40px;color:#444} .prg-form .tbl-form td input[type=text]::-webkit-input-placeholder, .prg-form .tbl-form td input[type=password]::-webkit-input-placeholder {color:#444} .prg-form .tbl-form td input[type=text]:-moz-placeholder, .prg-form .tbl-form td input[type=password]:-moz-placeholder {color:#444} .prg-form .tbl-form td input[type=text]::-moz-placeholder, .prg-form .tbl-form td input[type=password]::-moz-placeholder {color:#444} .prg-form .tbl-form td input[type=text]::-ms-input-placeholder, .prg-form .tbl-form td input[type=password]::-ms-input-placeholder {color:#444} .prg-form .tbl-form td .stit {display:none} .prg-form .tbl-form td input.text.w40p {width:40%} .prg-form .tbl-form td input.text.w30p {width:45%} .prg-form .tbl-form td input.text.w90 {width:90px} .prg-form .tbl-form td input.text.w50 {width:28% !important} .prg-form .tbl-form td input.text.w15p, .prg-form .tbl-form td input.text.w20p, .prg-form .tbl-form td input.text.w25p, .prg-form .tbl-form td select.select {min-width:25%;height:40px;margin-bottom:5px} .prg-form .tbl-form td textarea {background:#f0f0f0;border:0} } @media all and (max-width:599px){ .adm-wr .info-box {padding-left:30px} } @media all and (max-width:480px){ .prg-form .tbl-form td input.text.w50 {width:25% !important} .prg-form .tbl-form td input.text.w20p, .member-form .tbl-form td input.text.w25p {width:28%} .prg-form .tbl-form td select.select {width:95%;margin-top:5px} .prg-form .tbl-form td select.select.tel {width:20%} } /** -- 쓰기폼[2] : 회원가입 정보입력폼, 정보수정폼 */ .frmPkg-wr {} .frmPkg-wr .nec {display:inline-block;line-height:1;font-size:0;vertical-align:middle} .frmPkg-wr .nec:after {content:"*";display:inline-block;line-height:1;font-size:24px;color:#2396b7;vertical-align:middle;margin:-3px 0 0;width:10px;height:10px} .frmPkg-wr .frmTit {float:left} .frmPkg-wr .frmReq {float:right;font-size:.944em;margin:10px 0 0 0} .frmPkg-wr .frmPkg {box-sizing:border-box;border-top:2px solid #222;clear:both} .frmPkg-wr .frmLst {} .frmPkg-wr .frmLst > li {display:flex;flex-flow:row;flex-wrap:wrap;box-sizing:border-box;width:100%;position:relative;border-bottom:1px solid #dcdcdc;padding:0 0 0 170px} .frmPkg-wr .frmLst > li.has2 {padding:0} .frmPkg-wr .frmLst > li.has2 .halfUnit {display:inline-block;width:50%;box-sizing:border-box;position:relative;padding:0 0 0 170px} .frmPkg-wr .frmLst > li.has2 .halfUnit:first-child:before {content:"";display:block;position:absolute;width:1px;height:50px;right:0;top:50%;transform:translateY(-50%);background:#dcdcdc} .frmPkg-wr .frmLst > li.has2 .halfUnit .fFrm {padding:0 30px 0 0} .frmPkg-wr .frmLst .frmBox {display:block;font-size:0;width:100%;padding:10px 0} .frmPkg-wr .frmLst .frmBox:before {content:"";display:inline-block;width:0;height:65px;vertical-align:middle} .frmPkg-wr .frmLst .fLbl {display:block;position:absolute;left:29px;top:50%;transform:translateY(-50%);line-height:1;font-size:18px;width:135px} .frmPkg-wr .frmLst .fLbl .roleLbl {display:block;line-height:1.2;color:#333;letter-spacing:0;font-size:.944em;font-weight:500} .frmPkg-wr .frmLst .fLbl .roleLbl .nec:after {margin:-6px 0 0 4px} .frmPkg-wr .frmLst .fFrm {display:inline-block;line-height:1.2;vertical-align:middle;width:100%;font-size:18px;box-sizing:border-box} .frmPkg-wr .frmLst .fFrm input[type="text"], .frmPkg-wr .frmLst .fFrm input[type="file"], .frmPkg-wr .frmLst .fFrm input[type="password"], .frmPkg-wr .frmLst .fFrm select {padding:0 15px;box-sizing:border-box;margin:0;height:45px;line-height:45px;border:1px solid #c2c4c6;min-width:0} .frmPkg-wr .frmLst .fFrm input[type="file"] {background:#fff;padding:0;} .frmPkg-wr .frmLst .fFrm .form {display:inline-block;box-sizing:border-box;position:relative;vertical-align:middle;width:100%} .frmPkg-wr .frmLst .fFrm .txt {display:block} .frmPkg-wr .frmLst .fFrm .lnk {height:45px;line-height:45px} @media all and (max-width:1299px) { .frmPkg-wr .frmLst > li.has2 .halfUnit .fFrm {padding:0 20px 0 0} .frmPkg-wr .frmLst .frmBox {padding:5px 0} .frmPkg-wr .frmLst .frmBox:before {height:40px} .frmPkg-wr .frmLst .fLbl {left:15px} } @media all and (max-width:999px) { .frmPkg-wr .nec {margin:-2px 0 0 0} .frmPkg-wr .frmLst > li {padding:0 0 0 130px} .frmPkg-wr .frmLst > li.has2 .halfUnit {width:100%;padding:0 0 0 130px} .frmPkg-wr .frmLst > li.has2 .halfUnit:first-child:before {width:100%;height:1px;top:auto;bottom:0;transform:none} .frmPkg-wr .frmLst > li.has2 .halfUnit .fFrm {padding:0} .frmPkg-wr .frmLst > li.has2:last-child .halfUnit:last-child:before {display:none} .frmPkg-wr .frmLst .fLbl, .frmPkg-wr .frmLst .fFrm {font-size:17px} .frmPkg-wr .frmLst .fLbl {left:0} .frmPkg-wr .frmLst .fFrm input[type="text"], .frmPkg-wr .frmLst .fFrm input[type="password"], .frmPkg-wr .frmLst .fFrm select {padding:0 10px} .frmPkg-wr .frmLst .fLbl .roleLbl .nec:after {margin:-4px 0 0 4px} .frmPkg-wr .frmLst .fLbl {width:120px} } @media all and (max-width:768px) { .frmPkg-wr .nec {margin:-4px 0 0 0} .frmPkg-wr .frmLst .fLbl, .frmPkg-wr .frmLst .fFrm {font-size:16px} } @media all and (max-width:599px) { .frmPkg-wr .frmTit {float:none;margin:0} .frmPkg-wr .frmReq {float:none;font-size:.944em;margin:5px 0} .frmPkg-wr .frmLst .frmBox:before {height:40px} .frmPkg-wr .frmLst .fFrm input[type="text"], .frmPkg-wr .frmLst .fFrm input[type="password"], .frmPkg-wr .frmLst .fFrm input[type="file"], .frmPkg-wr .frmLst .fFrm select {height:40px;line-height:40px} .frmPkg-wr .frmBox button, .frmPkg-wr .frmBox input[type="submit"], .frmPkg-wr .frmBox input[type="button"] {height:40px} .frmPkg-wr .frmLst .fFrm .lnk {height:40px;line-height:40px} } @media all and (max-width:499px) { .frmPkg-wr .frmLst > li {padding:0} .frmPkg-wr .frmLst > li.has2 .halfUnit {padding:0} .frmPkg-wr .frmLst .frmBox {padding:10px 0} .frmPkg-wr .frmLst .frmBox:before {display:none} .frmPkg-wr .frmLst .fLbl, .frmPkg-wr .frmLst .fFrm {font-size:15px} .frmPkg-wr .frmLst .fLbl {position:relative;left:auto;top:auto;transform:none;width:auto;margin:0 0 5px} } /* ============================== * 폼빌더 ================================ */ /** -- 폼빌더 - 리스트 */ .frmbd-search select[name='searchCategory'], .frmbd-search select[name='schState'] {margin-right:8px} .frmbd-list .num {width:10%} .frmbd-list .subject {} .frmbd-list .state {width:10%} .frmbd-list .date {width:13%} .frmbd-list .pnum {width:10%} .frmbd-list .etc {width:80px} .frmbd-list .commont-wr {background:#f2f2f2;text-align:left} .frmbd-list .board-cmt-wrap {margin-top:0} .frmbd-list .board-cmt-list-wrap {padding-bottom:0} .frmbd-list .board-cmt-list li:last-child {border-bottom:0} .frmbd-list .board-cmt-list .cmt-writer {font-size:1em;color:#444;margin-left:125px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Svpb_ercyl2.cat) no-repeat 0 0;padding-left:60px} .frmbd-list .board-cmt-list .cmt-contents {padding-left:185px} @media all and (max-width:999px){ .frmbd-search select[name='searchCategory'], .frmbd-search select[name='schState'] {margin-right:0} .frmbd-list .board-cmt-list .cmt-writer {margin-left:20px} .frmbd-list .board-cmt-list .cmt-contents {padding-left:80px} } @media all and (max-width:720px){ .frmbd-search {font-size:0} .frmbd-search select {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;width:50%;border-bottom:0;box-sizing:border-box} .frmbd-search select[name='searchCategory'], .frmbd-search select[name='schState'] {border-right:0} .frmbd-search input.text {padding-left:10px;width:100%;padding-right:50px} .frmbd-search .btn-srh {position:absolute;bottom:0;right:0} .frmbd-list tbody {display:block} .frmbd-list tbody tr {box-sizing:border-box;position:relative;font-size:0;text-align:left;float:left;overflow:hidden} .frmbd-list td {float:left;display:inline-block;vertical-align:top;box-sizing:border-box;font-size:14px;line-height:1.3} .frmbd-list .board-list-table td:first-child + td + td {padding:2% 2% 2% 0} .frmbd-list .subject {font-size:16px;font-weight:500;padding-top:12px} .frmbd-list .state {width:auto;padding:2%;text-align:left;max-width:30%;font-size:13px} .frmbd-list .date {width:auto;padding:2%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Sione.tvs) no-repeat 0 17px;font-size:13px} .frmbd-list .pnum {padding:2%;max-width:10%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Sione.tvs) no-repeat 0 17px;font-size:13px} .frmbd-list .etc {width:auto;padding:0;text-align:center;position:relative;float:right} .frmbd-list .etc .etc-txt, .frmbd-list .etc button {position:absolute;top:-24px;right:0;width:70px} } @media all and (max-width:499px){ .frmbd-list .board-list-table .subject {width:88%} .frmbd-list .etc .sdp-btn {height:30px} } /** -- 폼빌더 - 뷰페이지 */ .frmbd-fld-list {position:relative;color:#555;border:0px solid #d9d9d9;border-top:1px solid #cccccc;} .frmbd-fld-list:after {clear:both;content:"";display:block} .frmbd-fld-list .reqblt {font-weight:bold;color:#f04e23} .frmbd-fld-list .frm-tit {display:block;line-height:1.3em;margin-bottom:10px;color:#929090} .frmbd-fld-list > ul {position:relative} .frmbd-fld-list > ul:after {clear:both;content:"";display:block} .frmbd-fld-list > ul > li {width:100%;position:relative;box-sizing:border-box;margin-top:20px} .frmbd-fld-list > ul > li:first-child {margin-top:0} .frmbd-fld-list > ul > li:after {clear:both;content:"";display:block} .frmbd-fld-list .fhelp {font-size:13px;display:block;margin:5px 0 0;position:relative} .frmbd-fld-list .frm-li {display:block;position:relative;width:100%;border-radius:0px;border-top:0px solid #dcdcdc;margin:0px;box-sizing:border-box;line-height:1.3em;color:#555} .frmbd-fld-list li:first-child .frm-li {border:0} .frmbd-fld-list .frm-li > .lbl {position:absolute;left:0;top:0;z-index:10;padding:7px 0 0 0;width:130px;vertical-align:middle;line-height:1.5;min-height:1.15em;color:#333333;box-sizing:border-box} .frmbd-fld-list .frm-li > .lbl label {font-size:17px;font-weight:500;color:#333333;position:relative;margin-right:10px} .frmbd-fld-list .frm-li .req {font-weight:bold;color:#d74914} .frmbd-fld-list .frm-li .fld {position:relative;margin-left:150px;display:block;font-size:0;transition:background 0.4s ease;padding:0} .frmbd-fld-list .frm-li .fld .rdos, .frmbd-fld-list .frm-li .fld .chks {margin:3px 22px 3px 0} .frmbd-fld-list .frm-li .text, .frmbd-fld-list .frm-li input[type='text'] {display:inline-block;vertical-align:middle;box-sizing:border-box;width:100%;height:45px;background:#fff;border:1px solid #CCC;padding:10px;color:#555;border:1px solid #c0c0c0;font-size:16px;border-radius:0} .frmbd-fld-list .frm-li .text, .frmbd-fld-list .frm-li input[readonly] {background:#f9f9f9} .frmbd-fld-list .frm-li textarea {border-radius:0;background-color:#FFF;display:block;box-sizing:border-box;width:100%;height:100%;padding:10px;resize:none;border:1px solid #c0c0c0;font-size:16px;margin-bottom:7px} .frmbd-fld-list .frm-li select {border-radius:0;vertical-align:middle;background-color:#FFF;box-sizing:border-box;border:1px solid #CCC;font-size:16px;min-width:120px;width:180px;height:45px;margin:1px;padding:4px 5px 4px 20px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sfrysez_nee3.cat) no-repeat 89.5% 50%} .frmbd-fld-list .frm-li span {font-size:16px;display:inline-block;vertical-align:middle} .frmbd-fld-list .frm-li span.txt-wr {display:block;margin:10px 0 0} .frmbd-fld-list .frm-li .text.in-val, .frmbd-fld-list .frm-li .text:focus, .frmbd-fld-list .frm-li textarea.in-val, .frmbd-fld-list .frm-li textarea:focus {border-color:#0059b7} .frmbd-fld-list .fld-check .fld li, .frmbd-fld-list .fld-radio .fld li {display:block} .frmbd-fld-list .fld-email .fld:after {clear:both;content:"";display:block} .frmbd-fld-list .fld-email .fld {} .frmbd-fld-list .fld-email .text, .frmbd-fld-list .fld-email .a-text {width:30%;border-radius:0px;box-sizing:border-box} .frmbd-fld-list .fld-email select {width:30%;border-radius:0px;box-sizing:border-box;margin-left:10px} .frmbd-fld-list .fld-email .text:nth-child(3), .frmbd-fld-list .fld-email .a-text:nth-child(3) {} .frmbd-fld-list .fld-stxt input[type='text'] {width:437px} .frmbd-fld-list .fld-teli input[type='text'] {width:130px} .frmbd-fld-list .fld-teli .ftxt {width:21px;text-align:center} .frmbd-fld-list .fld-email input[type='text'] {width:195px} .frmbd-fld-list .fld-email .s-at {width:45px;text-align:center} .frmbd-fld-list .fld-email select {width:180px} .frmbd-fld-list .fld-addr .fld {} .frmbd-fld-list .fld-addr .text, .frmbd-fld-list .fld-addr .a-text {} .frmbd-fld-list .fld-addr .fld span {display:block;font-size:0} .frmbd-fld-list .fld-addr .iaddrzip {padding-bottom:7px;text-align:left} .frmbd-fld-list .fld-addr .iaddrzip:after {clear:both;content:"";display:block} .frmbd-fld-list .fld-addr .iaddrzip .text, .frmbd-fld-list .fld-addr .iaddrzip .a-text {width:195px;margin-right:10px} .frmbd-fld-list .fld-addr .iaddrzip a {padding-top:10px;padding-bottom:7px} .frmbd-fld-list .fld-addr .iaddr1 input[type='text'] {width:437px;margin-right:10px} .frmbd-fld-list .fld-addr .sw-btn {vertical-align:middle} .frmbd-fld-list .fld-date .fld {padding-right:45px;position:relative;display:inline-block} .frmbd-fld-list .fld-date .cal-btn {width:45px;height:45px;position:absolute;top:16px;right:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Svpb_pny.cat) no-repeat 100% 50%} .frmbd-fld-list .fld-date input[type='text'] {width:195px;cursor:pointer;background:#f9f9f9;position:relative;z-index:1} .frmbd-fld-list .fld-file input {font-size:15px;font-family:'Noto Sans KR';height:auto;margin:7px 0 0;width:100%;max-width:437px} .frmbd-fld-list li ul.dir-left {position:relative;padding:6px 0} .frmbd-fld-list li ul.dir-left:after {content:"";display:block;clear:both} .frmbd-fld-list li ul.dir-left > li {display:inline-block;margin-right:22px} .frmbd-fld-list li ul.dir-left > li * {vertical-align:middle} .frmbd-fld-list li ul.dir-left > li:last-child {margin-right:0} .frmbd-fld-list li ul.dir-down {position:relative;padding:9px 0} .frmbd-fld-list .frm-li .fld .dir-down li {display:inline-block;vertical-align:middle} .frmbd-fld-list .frm-li .info-ex02 {display:block} .ui-datepicker {z-index:9999 !important} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {min-width:auto} /** -- 관리자 - 폼 미리보기 */ #layout-popup-wrap {z-index:9998} .pop-cont .formbd-topinfo .frmbd-pdate {font-size:16px;line-height:1.75} .pop-cont .frmbd-fld-list {padding:20px 15px} .pop-cont .frmbd-fld-list .frm-li > .lbl {top:7px} .pop-cont .frmbd-fld-list .frm-li > .lbl label {font-size:15px;margin-right:4px} .pop-cont .frmbd-fld-list .frm-li > .lbl:before {top:28px} .pop-cont .frmbd-fld-list .frm-li > .lbl:after {top:20px} .pop-cont .frmbd-fld-list .frm-li .fld * {font-size:16px} .pop-cont .frmbd-fld-list .frm-li .fld br {display:none} .pop-cont .frmbd-fld-list .frm-li .fld .fhelp {font-size:14px} .pop-cont .frmbd-fld-list .frm-li .fld .a-info-ex2 {font-size:14px;display:block} .pop-cont .frmbd-fld-list li ul.dir-left > li label {font-size:15px;margin-right:10px} .pop-cont .frmbd-fld-list .fld-addr .iaddr1 .a-text {margin-bottom:7px} .pop-cont .frmbd-fld-list .fld-email input[type='text'] {width:30%} .pop-cont .frmbd-fld-list .frm-li {border-top:0;border-bottom:1px solid #dcdcdc} .pop-cont .frmbd-fld-list li:last-child .frm-li {border-bottom:0} @media all and (max-width:1268px){ .frmbd-fld-list .fld-addr .iaddrzip .text, .frmbd-fld-list .fld-addr .iaddrzip .a-text {width:27.5%;margin-right:1%} .frmbd-fld-list .fld-addr .iaddr1 input[type='text'] {width:49%;margin-right:1%} .frmbd-fld-list .fld-addr .iaddr1 input[type='text']:last-child {margin-right:0} } @media all and (max-width:1199px){ .frmbd-fld-list .frm-li .text, .frmbd-fld-list .frm-li input[type='text'] {margin:0} .frmbd-fld-list .frm-li select {width:27.5%;margin:0} .frmbd-fld-list .fld-stxt input[type='text'] {width:60%} .frmbd-fld-list .fld-teli .ftxt {width:5%} .frmbd-fld-list .fld-email input[type='text'] {width:27.5%} .frmbd-fld-list .fld-email .s-at {width:5%;font-size:13px} .frmbd-fld-list .fld-email select {width:38%;margin-left:2%} .frmbd-fld-list .fld-date .cal {width:33.83%} } @media all and (max-width:999px){ .frmbd-fld-list {padding:20px 30px} .frmbd-fld-list .frm-li .text, .frmbd-fld-list .frm-li input[type='text'], .frmbd-fld-list .frm-li select, .frmbd-fld-list .frm-li textarea, .frmbd-fld-list .frm-li span {font-size:15px} .frmbd-fld-list .frm-li select {padding:6px 16px 6px 20px} .frmbd-fld-list .frm-li > .lbl {position:relative;top:auto;bottom:auto;right:auto;left:auto;margin:0;width:100%;padding:15px 20px 0} .frmbd-fld-list .frm-li > .lbl:before {top:26px} .frmbd-fld-list .frm-li > .lbl:after {display:none} .frmbd-fld-list .frm-li .fld {margin:0;padding:10px 0 15px} .frmbd-fld-list li ul.dir-left, .frmbd-fld-list li ul.dir-down {padding:0} } @media all and (max-width:767px){ .frmbd-fld-list .frm-li .info-ex02 {margin:7px 0 0 !important} .frmbd-fld-list .frm-li select {width:30%;margin:0} .frmbd-fld-list .fld-stxt input[type='text'] {width:100%} .frmbd-fld-list .fld-teli input[type='text'] {width:30%} .frmbd-fld-list .fld-email input[type='text'] {width:32%} .frmbd-fld-list .fld-email select {width:30%;margin-left:1%} .frmbd-fld-list .fld-addr .iaddrzip {padding:0} .frmbd-fld-list .fld-addr .iaddrzip .text, .frmbd-fld-list .fld-addr .iaddrzip .a-text {width:32%;margin:0 1% 1% 0} .frmbd-fld-list .fld-addr .iaddr1 input[type='text'] {width:100%;margin:0 0 1%} .frmbd-fld-list .fld-date .cal {width:100%} .frmbd-fld-list .fld-date .cal:before {width:88.399%} } @media all and (max-width:600px){ .frmbd-fld-list {padding:10px 15px} .frmbd-fld-list .frm-li select {width:70%;background-position:97.5% 50%;background-size:20px auto;padding:6px 8px 6px 20px} .frmbd-fld-list .frm-li .fld .rdos, .frmbd-fld-list .frm-li .fld .chks, .frmbd-fld-list .frm-li .fld .dir-down li {margin-right:3%;text-align:left} .frmbd-fld-list li ul.dir-left > li {margin-right:3%} .frmbd-fld-list .fld-email input[type='text'] {width:47.5%} .frmbd-fld-list .fld-email select {width:100%;margin:1% 0 0} } /** -- 폼빌더 - 개인정보취급방침 내용 및 동의 */ .prgr-agreement {} .prgr-agreement .agree-tit h4 {color:#FFF;background:#044288;padding:20px 30px 20px;color:#fff;line-height:1.3em;font-weight:500} .prgr-agreement .agree-cont {border:1px solid #d9d9d9;background:#fff;padding:14px;height:200px;overflow-y:scroll} .prgr-agreement .agree-chk {margin-top:10px;text-align:center} .formbd-topinfo {border-top:2px solid #222} .formbd-topinfo .info-tit {position:relative;box-sizing:border-box;width:100%;padding:48px 10px 36px;background:#fff;border-bottom:3px solid #ededed;text-align:center;} .formbd-topinfo .info-tit span {display:inline-block;vertical-align:middle;font-size:1.444em;font-weight:500;color:#222222;overflow:hidden;padding:0 14px;} .formbd-topinfo .frmbd-pdate {overflow:hidden;width:100%;} .formbd-topinfo .frmbd-pdate > ul {width:100%;font-size:0.944em;font-weight:500;display:flex;flex-wrap:wrap;border-bottom:1px solid #ddd;} .formbd-topinfo .frmbd-pdate > ul > li {position:relative;width:50%;display:flex;align-items:center;} .formbd-topinfo .frmbd-pdate > ul > li:before {display:block;content:'';position:absolute;bottom:-1px;left:0;height:1px;width:100%;background:#ddd;z-index:1;} .formbd-topinfo .frmbd-pdate > ul > li .stit {display:flex;align-items:center;background:#f8f8f8;color:#222222;font-style:normal;padding:17px 29px;width:200px;height:100%;box-sizing:border-box;} .formbd-topinfo .frmbd-pdate > ul > li .stxt {display:inline-block;padding:14px 20px;} .frmbd-pwchk-wr {text-align:center;border-top:1px solid #DDD} .frmbd-pwchk {padding-top:4em;padding-bottom:4em;border-bottom:2px solid #DDD;margin-bottom:3em} .frmbd-pwchk .ptit {font-size:1.3em;font-weight:bold;display:block} .frmbd-pwchk .pmsg {font-weight:bold;display:block;margin:1em 0} .frmbd-fld-toptxt {display:block;margin-bottom:0.5em;font-size:13px;text-align:right} .frmbd-fld-toptxt .req {font-weight:bold;color:#f04e23;font-size:15px;vertical-align:middle;display:inline-block} @media all and (max-width:1099px) { .prg-form-list > ul > li.has-li2 {width:100%;} } @media all and (max-width:999px) { .formbd-topinfo .frmbd-pdate > ul > li {width:100%;} } @media all and (max-width:768px) { .formbd-topinfo .info-tit {padding:25px 10px 25px;} .formbd-topinfo .frmbd-pdate > ul > li .stit {width:120px;padding:17px 10px;} .formbd-topinfo .frmbd-pdate > ul > li .stxt {width: calc(100% - 120px);box-sizing:border-box;} } .adm-pop-formbd-topinfo {border-top:2px solid #222;border-bottom:2px solid #dddddd;} .adm-pop-formbd-topinfo .info-tit {display:block;vertical-align:middle;font-size:1.444em;font-weight:500;color:#222222;overflow:hidden;padding:25px 0;text-align:center;} .adm-pop-formbd-topinfo .info-txt {border-top:2px solid #ededed;} .adm-pop-formbd-topinfo .info-txt ul {display:flex;width:100%;} .adm-pop-formbd-topinfo .info-txt ul li {display:flex;align-items:stretch;width:50%;} .adm-pop-formbd-topinfo .info-txt ul li .tit {width:100px;height:100%;background:#f8f8f8;text-align:center;box-sizing:border-box;padding:5px;} .adm-pop-formbd-topinfo .info-txt ul li .txt {width: calc(100% - 100px);height:100%;box-sizing:border-box;padding:5px 5px 5px 10px;} /* ============================== * PDF ================================ */ .contents_view_wrap:after {content:"";display:block;width:100%;clear:both} /** -- PDF 상단 */ .pdf-skin-top {position:relative;padding:0;border-top:2px solid #a4a4a4;overflow:hidden;display:flex;justify-content:space-between;flex-wrap:wrap} .pdf-skin-top .pdfSkinThead {position:relative;box-sizing:border-box;width:100%;padding:0 490px 0 40px;border-bottom:1px solid #d4d4d4} .pdf-skin-top .pdfSkinThead:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;min-height:84px} .pdf-skin-top .pdfSkinThead .btit {display:inline-block;vertical-align:middle;font-size:20px;line-height:1.2;color:#333} .pdf-skin-top .pdfSkinThead .pdfdown-btn {position:absolute;right:53px;top:30px;font-size:0;text-align:right} .pdf-skin-top .pdfSkinThead .pdfdown-btn a {display:inline-block;position:relative;box-sizing:border-box;margin:0 0 0 63px;padding:0 0 0 40px} .pdf-skin-top .pdfSkinThead .pdfdown-btn a:first-child {margin-left:0} .pdf-skin-top .pdfSkinThead .pdfdown-btn a:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;min-height:27px} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .ico {display:block;position:absolute;top:0;left:0;width:25px;height:27px} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .ico.hwpIco {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Svpb_ujc.tvs) no-repeat 0 0} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .ico.pdfIco {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Svpb_cqs.tvs) no-repeat 0 0} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .stxt {position:relative;display:inline-block;vertical-align:middle;padding:0 22px 0 0;font-size:16px;color:#666;line-height:1.2;font-weight:500} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .stxt:after {content:"";display:block;position:absolute;width:14px;height:14px;top:50%;right:0;margin:-7px 0 0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scqs_fce.cat) no-repeat -38px 0;opacity:.2;transition:all .3s} .pdf-skin-top .pdfSkinThead .pdfdown-btn a:hover, .pdf-skin-top .pdfSkinThead .pdfdown-btn a:focus {text-decoration:underline} .pdf-skin-top .pdfSkinThead .pdfdown-btn a:hover span:before, .pdf-skin-top .pdfSkinThead .pdfdown-btn a:focus span:before {transition:all .5s ease} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .stxt:hover:after, .pdf-skin-top .pdfSkinThead .pdfdown-btn a .stxt:focus:after {opacity:1} .pdf-skin-top .pdfSkinThead .pdfdown-btn br {display:none} .pdf-skin-top .pdfSkinTbody {box-sizing:border-box;width:100%;padding:0 46px 0 0;background:#f7f7f7;text-align:right} .pdf-skin-top .pdfSkinTbody > * {display:inline-block;vertical-align:middle} .pdf-skin-top .pdfSkinTbody:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;min-height:70px} .pdf-skin-top .pdfSkinTbody .viewer-down {position:relative;box-sizing:border-box;margin:0 27px 0 0;padding:0 0 0 40px} .pdf-skin-top .pdfSkinTbody .viewer-down:before {content:"";display:inline-block;vertical-align:middle;width:0;height:100%;min-height:28px} .pdf-skin-top .pdfSkinTbody .viewer-down .viewerIco {display:block;position:absolute;width:28px;height:28px;left:0;top:5px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Scqs_fce.cat) no-repeat 0 0} .pdf-skin-top .pdfSkinTbody .viewer-down .viewerTxt {display:inline-block;vertical-align:middle;color:#e94747;font-size:16px;line-height:1.2;letter-spacing:0;text-align:left} .pdf-skin-top .pdfSkinTbody .info-pdf {font-size:16px;line-height:1;letter-spacing:0;color:#777} @media all and (max-width:999px) { .pdf-skin-top:before {width:142px;height:44px;background-size:142px auto;left:30px} .pdf-skin-top .pdfSkinThead {padding:0 430px 0 30px} .pdf-skin-top .pdfSkinThead:before {min-height:67px} .pdf-skin-top .pdfSkinThead .pdfdown-btn {right:30px;top:20px} .pdf-skin-top .pdfSkinThead .pdfdown-btn a {margin:0 0 0 20px} .pdf-skin-top .pdfSkinTbody {padding:0 30px 0 0} .pdf-skin-top .pdfSkinTbody .viewer-down {margin:0 15px 0 0} } @media all and (max-width:799px) { .pdf-skin-top .pdfSkinThead {padding:20px 20px 10px} .pdf-skin-top .pdfSkinThead:before {display:none} .pdf-skin-top .pdfSkinThead .btit {display:block;margin:0 0 15px;text-align:center} .pdf-skin-top .pdfSkinThead .pdfdown-btn {position:relative;width:100%;right:auto;top:auto} .pdf-skin-top .pdfSkinThead .pdfdown-btn a {padding:0 10px 0 40px} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .stxt {font-size:15px} .pdf-skin-top .pdfSkinTbody {padding:10px 20px 15px} .pdf-skin-top .pdfSkinTbody:before {display:none} .pdf-skin-top .pdfSkinTbody .viewer-down {margin:0 0 5px;padding:0 0 0 25px} .pdf-skin-top .pdfSkinTbody .viewer-down .viewerIco {width:23px;height:23px;top:4px;background-size:58px auto} .pdf-skin-top .pdfSkinTbody .viewer-down .viewerTxt {font-size:15px} .pdf-skin-top .pdfSkinTbody .info-pdf {display:block;width:100%;font-size:15px} } @media all and (max-width:499px){ .pdf-skin-top .pdfSkinThead {padding:15px 15px 5px} .pdf-skin-top .pdfSkinThead .pdfdown-btn a {width:50%;margin:0 0 10px;padding:0 10px 0 35px;text-align:center} .pdf-skin-top .pdfSkinThead .pdfdown-btn a:last-child {margin-bottom:0} .pdf-skin-top .pdfSkinThead .pdfdown-btn a span:before {width:27px;height:27px;background-size:107px auto} .pdf-skin-top .pdfSkinThead .pdfdown-btn a .stxt {font-size:14px} .pdf-skin-top .pdfSkinTbody .viewer-down {font-size:14px} .pdf-skin-top .pdfSkinTbody .viewer-down .viewerIco {top:3px} .pdf-skin-top .pdfSkinTbody .info-pdf {font-size:14px} .pdf-skin-top .pdfSkinTbody {padding:15px} } @media all and (max-width:399px) { .pdf-skin-top .pdfSkinThead {padding:10px} .pdf-skin-top .pdfSkinThead .pdfdown-btn a {width:auto;padding:0 0 0 35px} .pdf-skin-top .pdfSkinThead .pdfdown-btn br {display:block} .pdf-skin-top .pdfSkinTbody {padding:10px} } /** -- PDF 탭 */ .pdf-skin-view {position:relative;box-sizing:border-box;height:900px;padding:40px;overflow:hidden} .pdf-skin-view.hasTab {padding:40px 40px 40px 240px} .pdf-skin-view .pdf-skin-btn {display:block;position:absolute;width:200px;height:calc(100% - 80px);left:0;top:50%;transform:translateY(-50%)} .pdf-skin-view .pdf-skin-btn .tit {display:none;font-size:14px;color:#000000;text-align:left;font-weight:normal;padding:12px 20px 13px 20px;border-top:2px solid #002752;border-bottom:1px solid #ddd} .pdf-skin-view .pdf-skin-btn .page-list {box-sizing:border-box;position:relative;width:100%;border:1px solid #ccc} .pdf-skin-view .pdf-skin-btn .page-list li {position:relative;box-sizing:border-box;width:100%;border-bottom:1px solid #ddd} .pdf-skin-view .pdf-skin-btn .page-list li:last-child {border-bottom:none} .pdf-skin-view .pdf-skin-btn .page-list li a {display:flex;align-items:center;justify-content:center;width:100%;padding:10px;box-sizing:border-box;min-height:60px;text-align:center;font-size:0.941em;line-height:1.2em;word-break:break-all;transition:all .3s ease} .pdf-skin-view .pdf-skin-btn .page-list li.over a, .pdf-skin-view .pdf-skin-btn .page-list li a:hover, .pdf-skin-view .pdf-skin-btn .page-list li a:focus {background:#1472b6} .pdf-skin-view .pdf-skin-btn .page-list li.over a span, .pdf-skin-view .pdf-skin-btn .page-list li a:hover span, .pdf-skin-view .pdf-skin-btn .page-list li a:focus span {color:#fff;font-weight:500} .pdf-skin-view .pdf-skin-btn .page-sub ul {padding:30px 50px 10px 50px;overflow:hidden;text-align:center;font-size:0} .pdf-skin-view .pdf-skin-btn .page-sub li {display:inline-block;position:relative;width:14.285%} .pdf-skin-view .pdf-skin-btn .page-sub li:after {content:"";position:absolute;left:0;top:50%;width:1px;height:15px;margin-top:-9px;background:#ddd} .pdf-skin-view .pdf-skin-btn .page-sub li:nth-child(7n+1):after {display:none} .pdf-skin-view .pdf-skin-btn .page-sub li a {display:block;font-size:0;position:relative;height:40px;padding:0 10px;transition:all .3s ease} .pdf-skin-view .pdf-skin-btn .page-sub li a:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%} .pdf-skin-view .pdf-skin-btn .page-sub li a span {display:inline-block;vertical-align:middle;font-size:15px;position:relative;padding-bottom:6px;line-height:1.2;border-bottom:1px solid transparent} .pdf-skin-view .pdf-skin-btn .page-sub li a span:before {display:block;content:"";opacity:0;box-sizing:border-box;width:0;height:0;border-bottom:1px solid #084999;border-right:1px solid #084999;position:absolute;top:50%;right:0;margin-top:-6px;transform:rotate(-45deg);-ms-transform:rotate(-45deg)} .pdf-skin-view .pdf-skin-btn .page-sub li a:focus span, .pdf-skin-view .pdf-skin-btn .page-sub li a:hover span {color:#084998;border-color:#084998;padding-right:15px;transition:all .3s ease} .pdf-skin-view .pdf-skin-btn .page-sub li a:focus span:before, .pdf-skin-view .pdf-skin-btn .page-sub li a:hover span:before{width:6px;height:6px;opacity:1} .pdf-skin-view .pdf-skin-btn .btn-pcate {display:none;width:50px;height:50px;background:none;border:0;position:absolute;top:0;right:0} .pdf-skin-view .pdf-skin-btn .btn-pcate:before {display:block;content:"";position:absolute;top:14px;right:20px;width:21px;height:21px;background:#f2f2f2;border-radius:50%;transition:all .3s ease} .pdf-skin-view .pdf-skin-btn .btn-pcate:after {display:block;content:"";position:absolute;top:21px;right:28px;width:5px;height:5px;border-bottom:1px solid #898989;border-right:1px solid #898989;transform:rotate(45deg);transition:all .3s ease} .pdf-skin-view .pdf-skin-btn .btn-pcate.is-open:before {background:#ff7746} .pdf-skin-view .pdf-skin-btn .btn-pcate.is-open:after {top:23px;right:27px;border-color:#fff;transform:rotate(-135deg)} @media all and (max-width:999px){ .pdf-skin-view {height:720px;padding:30px} .pdf-skin-view.hasTab {padding:30px 30px 30px 180px} .pdf-skin-view .pdf-skin-btn {width:150px;height:calc(100% - 60px)} .pdf-skin-view .pdf-skin-btn .page-sub li {width:25%} } @media all and (max-width:699px){ .pdf-skin-view {height:500px;padding:20px} .pdf-skin-view.hasTab {padding:20px 0} .pdf-skin-view .pdf-skin-btn {position:relative;width:100%;height:auto;left:auto;top:auto;margin:0 0 10px;transform:translateY(0)} .pdf-skin-view .pdf-skin-btn .tit {display:block} .pdf-skin-view .pdf-skin-btn .page-list {display:none;position:absolute;top:49px;left:0;border-top:1px solid #A3A3A3;background:#F2F2F2} .pdf-skin-view .pdf-skin-btn .page-list:before {display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:#dddddd} .pdf-skin-view .pdf-skin-btn .page-list li {float:left;width:50%;border-left:0;box-sizing:border-box;border-bottom:1px solid #dddddd} .pdf-skin-view .pdf-skin-btn .page-list li:nth-child(odd) {border-right:1px solid #dddddd} .pdf-skin-view .pdf-skin-btn .page-list li a {min-height:1px;justify-content:flex-start;height:50px;text-align:left} .pdf-skin-view .pdf-skin-btn .page-list li a:before {display:inline-block;vertical-align:middle;content:"";width:0;height:100%} .pdf-skin-view .pdf-skin-btn .page-list li a span {display:inline-block;font-size:14px;line-height:1.2em} .pdf-skin-view .pdf-skin-btn .page-sub {display:none !important} .pdf-skin-view .pdf-skin-btn .btn-pcate {display:block} } @media all and (max-width:499px) { .pdf-skin-view, .pdf-skin-view.hasTab {padding:15px 0} } /* ============================== * 페이지만족도/담당자 ================================ */ /** -- 공통 */ #charge-satisfy {position:relative;width:100%;margin-top:70px} /** -- 페이지만족도 */ #charge-satisfy .satisfy-wrap {background:#fff;border:1px solid #dddddd;border-radius:30px;overflow:hidden;} #charge-satisfy .satisfy-wrap p {display:block;position:relative;color:#222222;font-size:0.944em;font-weight:500;padding:30px 0 30px 102px;letter-spacing:-.02em;background:#f3f1fb;} #charge-satisfy .satisfy-wrap p:before {content:"";display:block;position:absolute;top:50%;left:50px;margin-top:-15.5px;width:44px;height:38px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Grzcyrg%2SYnlbhg%2Synlbhg_xbe%2SVzt%2Synlbhg_fce.cat) no-repeat 0 -274px;} #charge-satisfy .satis-chk {padding:19px 49px 29px 49px;} #charge-satisfy .satis-chk li {display:inline-block;vertical-align:top} #charge-satisfy .satis-chk input {vertical-align:middle} #charge-satisfy .satis-chk .pcheck {display:block;position:absolute;right:49px;top:28px} #charge-satisfy .satis-chk .pcheck ul {font-size:0} #charge-satisfy .satis-chk .pcheck li {font-size:14px;color:#5d5679;padding-right:20px;letter-spacing:-0.025em;} #charge-satisfy .satis-chk .pcheck input[type="radio"] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0} #charge-satisfy .satis-chk .pcheck input[type="radio"] + label {display:inline-block;vertical-align:middle;position:relative;padding-left:47px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;line-height:37px;transition:all 0.3s ease;} #charge-satisfy .satis-chk .pcheck input[type="radio"] + label:before {content:"";position:absolute;left:0;top:0;width:41px;height:37px;opacity:0.4;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Grzcyrg%2SYnlbhg%2Synlbhg_xbe%2SVzt%2Synlbhg_fce.cat) no-repeat -54px -274px;box-sizing:border-box} #charge-satisfy .satis-chk .pcheck > ul > li:nth-child(1) input[type="radio"] + label:before {background-position:-54px -274px;} #charge-satisfy .satis-chk .pcheck > ul > li:nth-child(2) input[type="radio"] + label:before {background-position:-105px -274px;} #charge-satisfy .satis-chk .pcheck > ul > li:nth-child(3) input[type="radio"] + label:before {background-position:-156px -274px;} #charge-satisfy .satis-chk .pcheck > ul > li:nth-child(4) input[type="radio"] + label:before {background-position:-207px -274px;} #charge-satisfy .satis-chk .pcheck > ul > li:nth-child(5) input[type="radio"] + label:before {background-position:-258px -274px;} #charge-satisfy .satis-chk .pcheck input[type="radio"] + label:active, #charge-satisfy .satis-chk .pcheck input[type="radio"]:checked + label:active, #charge-satisfy .satis-chk .pcheck input[type="radio"]:checked + label, #charge-satisfy .satis-chk .pcheck input[type="radio"]:focus + label {color:#222222;} #charge-satisfy .satis-chk .pcheck input[type="radio"] + label:active:before, #charge-satisfy .satis-chk .pcheck input[type="radio"]:checked + label:active:before, #charge-satisfy .satis-chk .pcheck input[type="radio"]:checked + label:before, #charge-satisfy .satis-chk .pcheck input[type="radio"]:focus + label:before {opacity:1;} #charge-satisfy .satis-chk .pcheck input[type="radio"]:focus + label {outline:2px solid black;} #charge-satisfy .satis-chk .pcomment {position:relative;background:#fff;height:55px;border:0 solid #d2d2d2;text-align:left;margin:0;} #charge-satisfy .satis-chk .pcomment span {display:block;margin:0 140px 0 0} #charge-satisfy .satis-chk .pcomment span input.text {display:block;background:#fff;width:100%;height:51px;font-size:0.889em;border:2px solid #dddddd;border-radius:15px;color:#666;padding:0;margin:0;text-indent:20px} #charge-satisfy .satis-chk .pcomment span input.text::-webkit-input-placeholder {color:#939393;} #charge-satisfy .satis-chk .pcomment span input.text::-moz-placeholder {color:#939393} #charge-satisfy .satis-chk .pcomment span input.text::placeholder {color:#939393} #charge-satisfy .satis-chk .pcomment .btn-pcmt {position:absolute;top:0;right:0;width:130px;height:55px;border:2px solid #482683;background:#fff;color:#482683;font-size:0.889em;font-weight:500;border-radius:15px;transition:all .3s ease;} #charge-satisfy .satis-chk .pcomment .btn-pcmt:hover {background-color:#f3f1fb;border-color:#482683;color:#482683} #charge-satisfy .satis-chk .pcomment .btn-pcmt:focus {outline-color:red;} #charge-satisfy .satis-chk .pcomment input.text::-moz-placeholder {color:#939393} #charge-satisfy .satis-chk .pcomment input.text::-ms-input-placeholder {color:#939393} #charge-satisfy .satis-chk .pcomment input.text::placeholder {color:#939393} #charge-satisfy .satis-chk .pcomment span input.text:focus {border-color:#482683;} /** -- 담당자 */ #charge-satisfy .cont-charge {position:relative;padding:21px 150px 21px 89px;border:1px solid #c5c5c5;background:#fff;overflow:hidden} #charge-satisfy .cont-charge:before {display:block;content:"";position:absolute;top:16px;left:29px;width:37px;height:37px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SYnlbhg%2Synlbhg_fce.cat)no-repeat -280px -59px;border-radius:50%} #charge-satisfy .cont-charge .txt {display:block;position:relative;height:45px;color:#1c5a96;font-size:15px;font-weight:500;line-height:45px;padding:0 0 0 54px} #charge-satisfy .cont-charge .txt:before {content:"";display:block;position:absolute;width:45px;height:45px;top:0;left:0} /** --- 담당자 */ #charge-satisfy .cont-charge .charge-list {display:inline-block;float:left} #charge-satisfy .cont-charge .charge-list li {font-size:17px;color:#666;display:inline-block;margin-right:57px} #charge-satisfy .cont-charge .charge-list li em {font-style:normal;color:#333333} #charge-satisfy .cont-charge .charge-list li span em {padding:0 13px 0 14px;margin-right:12px;position:relative} #charge-satisfy .cont-charge .charge-list li span em:before {display:block;content:"";position:absolute;top:50%;left:0;margin-top:-1px;width:4px;height:4px;background:#b6b6b6;border-radius:50%} #charge-satisfy .cont-charge .charge-list li .part {color:#666} #charge-satisfy .cont-charge .update {display:inline-block;font-size:17px;color:#666;float:left} #charge-satisfy .cont-charge .update em {position:relative;font-style:normal;color:#333333;padding:0 13px 0 28px;margin-right:12px;position:relative} #charge-satisfy .cont-charge .update em:before {display:block;content:"";position:absolute;top:50%;left:0;margin-top:-7px;width:16px;height:15px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SYnlbhg%2Synlbhg_fce.cat)no-repeat -330px -59px} #charge-satisfy .cont-charge .cont-ctrl-btns {position:absolute;top:13px;right:18px;display:block} #charge-satisfy .cont-charge .cont-ctrl-btns button {border:0;background:0;display:none} #charge-satisfy .cont-charge .sns-list {display:none} #charge-satisfy .cont-charge .sns-list button:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto} #charge-satisfy .cont-charge .sns-list .btn-print {position:relative;width:42px;height:42px;background:none;border:0;display:inline-block;vertical-align:text-top} #charge-satisfy .cont-charge .sns-list .btn-print:before {} #charge-satisfy .cont-charge .sns-list .btn-error {position:relative;width:42px;height:42px;background:none;border:0;display:inline-block;margin-right:28px;vertical-align:text-top} #charge-satisfy .cont-charge .sns-list .btn-error:before {} #charge-satisfy .cont-charge .sns-list .btn-error:after {display:block;content:"";position:absolute;top:50%;right:-15px;margin-top:-10px;width:1px;height:20px;background:rgba(85,85,85,0.2)} @media all and (max-width:1199px) { #charge-satisfy .satis-chk .pcheck {position:relative;right:auto;top:auto;margin-bottom:20px;} } @media all and (max-width:999px) { #charge-satisfy .satis-chk {padding:19px 19px 19px 19px;} #charge-satisfy .satisfy-wrap p {padding:20px 10px 20px 75px;} #charge-satisfy .satisfy-wrap p:before {left:20px;margin-top:-19px;} } @media all and (max-width:599px) { #charge-satisfy {margin-top:40px} #charge-satisfy .satisfy-wrap p {padding:15px 10px 15px 75px;} #charge-satisfy .satis-chk .pcheck {margin-bottom:10px;} #charge-satisfy .satis-chk .pcheck ul {display:flex;flex-wrap:wrap;width:100%;} #charge-satisfy .satis-chk .pcheck li {width:33.33%;box-sizing:border-box;margin-bottom:5px;} } @media all and (max-width:459px) { #charge-satisfy .satis-chk .pcheck input[type="radio"] + label {padding-left:27px;line-height:25px;} #charge-satisfy .satis-chk .pcheck input[type="radio"] + label:before {transform:scale(0.5);top:-7px;left:-9px;} #charge-satisfy .satis-chk .pcomment span input.text {text-indent:5px;} #charge-satisfy .satis-chk .pcomment span {margin:0 75px 0 0} #charge-satisfy .satis-chk .pcomment .btn-pcmt {width:70px;} } /* ============================== * 배너모음 ================================ */ .cbanner-wrap {overflow:hidden;margin-left:-3%} .cbanner-wrap li {float:left;width:30%;margin-left:3%;margin-bottom:3%;border:1px solid #ddd} .cbanner-wrap li .pimg {text-align:center;padding:35px 0;overflow:hidden} .cbanner-wrap li .pimg img {display:inline-block;width:auto;height:100px} .cbanner-wrap li a {display:block;position:relative;padding:10px;font-size:15px;color:#444;border-top:1px solid #ddd} .cbanner-wrap li a:after {content:"";position:absolute;left:90%;top:50%;width:16px;height:16px;margin-top:-9px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Spoga_vpb.cat) no-repeat -48px 0} @media screen and (max-width:680px){ .cbanner-wrap li {width:46%} .cbanner-wrap li .pimg img {max-width:100%} } /* ============================== * 타임테이블 ================================ */ .KeepConsulting-Schedule .prgr-sch-wr {width:100%;overflow:hidden;display:flex;} .KeepConsulting-Schedule .sch-data-wr {width:46.429%;border:2px solid #482683;border-radius:30px;padding:28px;box-sizing:border-box;} .KeepConsulting-Schedule .prgr-scheduleList {width:51.429%;margin-left:2.142%;background:#f6f6f6;border-radius:30px;padding:35px 17px;box-sizing:border-box;} .sch-sel-amon {} .sch-sel-amon .sel-y-wr {position:relative;padding:0 0 50px;border-bottom:0 solid #222;text-align:center} .sch-sel-amon .sel-y-wr .cal-tgl-btns {position:absolute;padding:0 0 0 36px;top:16px} .sch-sel-amon .sel-y-wr .cal-tgl-btns:before {content:"";display:block;position:absolute;width:24px;height:20px;left:0;top:3px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbagragf%2Sfpurqhyr_fce.cat) no-repeat 0 -52px} .sch-sel-amon .sel-y-wr .cal-tgl-btns.show-list {left:0} .sch-sel-amon .sel-y-wr .cal-tgl-btns.show-cal {right:0} .sch-sel-amon .sel-y-wr .cal-tgl-btns span {color:#666;line-height:1.2;font-weight:500;letter-spacing:-.05em} .sch-sel-amon .sel-y-wr .cal-tgl-btns.over:before {background-position: -34px -52px} .sch-sel-amon .sel-y-wr .cal-tgl-btns.over span {color:#004198} .sch-sel-amon .sel-y-wr .cal-tgl-btns:hover span, .sch-sel-amon .sel-y-wr .cal-tgl-btns:focus span {text-decoration:underline} .sch-sel-amon .sel-y {display:inline-block;position:relative;box-sizing:border-box;min-width:334px;padding:0 50px} .sch-sel-amon .sel-y:before {content:'';display:inline-block;vertical-align:middle;width:0;height:100%;min-height:45px} .sch-sel-amon .sel-y .sch-date {display:inline-block;vertical-align:middle;max-width:95%;color:#222;line-height:1;} .sch-sel-amon .sel-y .num {font-size:1.944em;font-weight:600;} .sch-sel-amon .sel-y .tx {font-size:1.111em;font-weight:500;} .sch-sel-amon .sel-y a {display:block;position:absolute;box-sizing:border-box;width:45px;height:45px;top:0;border:0;border-radius:50%;background:#482683;transition:all .3s ease} .sch-sel-amon .sel-y a:before {content:"";display:block;position:absolute;top:50%;left:50%;margin:-13px 0 0 0;width:5px;height:15px;transform:rotate(-45deg);background:#fff;border-radius:15px;} .sch-sel-amon .sel-y a:after {content:"";display:block;position:absolute;top:50%;left:50%;margin:-5px 0 0 0;width:5px;height:15px;transform:rotate(45deg);background:#fff;border-radius:15px;} .sch-sel-amon .sel-y a.btn-prev {left:0} .sch-sel-amon .sel-y a.btn-prev:before {transform:rotate(45deg);margin-left:-2px;} .sch-sel-amon .sel-y a.btn-prev:after {transform:rotate(-45deg);margin-left:-2px;} .sch-sel-amon .sel-y a.btn-next {right:0} .sch-sel-amon .sel-y a:focus, .sch-sel-amon .sel-y a:hover {} .sch-sel-amon .sel-m {position:relative;text-align:center;overflow:hidden;display:flex;flex-flow:row wrap;justify-content:center} .sch-sel-amon .sel-m li {width:7%} .sch-sel-amon .sel-m li a {display:block;position:relative;text-align:center} .sch-sel-amon .sel-m li a span {display:inline-block;position:relative;padding:19px 0 21px;transition:all .5s ease;font-weight:500;color:#333} .sch-sel-amon .sel-m li.over a span, .sch-sel-amon .sel-m li a:focus span, .sch-sel-amon .sel-m li a:hover span {color:#004198} .sch-sel-amon .sel-m li.over a span:after {content:"";display:block;position:absolute;width:100%;height:3px;background:#004198;left:0;bottom:0} /** -- 타임테이블 달력 */ .sch-smon-cal {position:relative;box-sizing:border-box;padding:53px 13px 0;width:300px;letter-spacing:0;overflow:hidden} .sch-smon-cal .cal-month {position:absolute;box-sizing:border-box;width:100%;left:0;top:0;padding:0 27px;background:#00275c;text-align:right;line-height:53px;color:#fff} .sch-smon-cal .cal-month em {font-style:normal;font-size:1.111em;font-weight:500} .sch-smon-cal .cal-month span {margin:0 0 0 3px;font-weight:400} .sch-smon-cal .cal-tbl {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0px;letter-spacing:0} .sch-smon-cal .cal-tbl .cal-tbl-col {width:14.28%} .sch-smon-cal .cal-tbl thead th:first-child, .sch-smon-cal .cal-tbl tr td:first-child .num {color:#d2316a} .sch-smon-cal .cal-tbl thead th:last-child, .sch-smon-cal .cal-tbl tr td:last-child .num {color:#5574d0} .sch-smon-cal .cal-tbl thead th {position:relative;padding:15px 0;color:#333;font-size:14px;font-weight:500;text-align:center} .sch-smon-cal .cal-tbl tbody td {position:relative;padding:0 0 15px;color:#333;font-size:14px;text-align:center} .sch-smon-cal .cal-tbl tbody td > a {display:block;text-align:left} .sch-smon-cal .cal-tbl .day-tit .num {display:block;width:25px;text-align:center;line-height:25px;margin:0 auto} .sch-smon-cal .cal-tbl .cal-mk {display:block;position:absolute;width:5px;height:5px;left:16px;top:23px;background:#3187ec;border-radius:50%;white-space:nowrap;overflow:hidden;z-index:-1} .sch-smon-cal .cal-tbl td.today .num {color:#fff;background:#ff9900;border-radius:50%;box-shadow:0 5px 10px rgba(0,28,70,0.1)} .sch-smon-datalist {display:block;margin:0 0 0 70px;border-bottom:1px solid #ccc;flex-grow:1} .sch-smon-datalist .daily-ol {display:block} .sch-smon-datalist .daily-ol .daily-li {display:block;box-sizing:border-box;border-top:1px solid #ccc;padding:23px 10px 23px 0} .sch-smon-datalist .daily-ol .daily-li:first-child {border-top:0} .sch-smon-datalist .daily-ol .daily-li .daily-inwr {display:block;overflow:hidden;position:relative} .sch-smon-datalist .daily-ol .daily-li .daily-inwr .date-core {position:absolute;width:220px;left:0;top:0;font-weight:500;color:#222} .sch-smon-datalist .daily-ol .daily-li .daily-inwr .body-core {margin:0 0 0 225px;font-weight:300} .sch-smon-datalist .daily-ol .daily-li.no-data {background-position:center 40px;color:#333;font-size:.889em;font-weight:500;height:auto;padding-top:120px} .sch-smon-datalist .daily-ol .no-data {padding-right:0} /** -- 타임테이블 달력 */ .sch-monlist-wr {position:relative;margin:0;display:flex;flex-flow:row;} .sch-mon-cal .cal-tbl {width:100%;table-layout:fixed;border-collapse:collapse;border-spacing:0px;border:0 solid #ddd} .sch-mon-cal .cal-tbl thead th {letter-spacing:0;box-sizing:border-box;background-color:#fff;text-align:center;line-height:1;padding-bottom:8px;} .sch-mon-cal .cal-tbl thead th span {display:block;box-sizing:border-box;color:#222222} .sch-mon-cal .cal-tbl thead th:last-child span {border-right:none} .sch-mon-cal .cal-tbl thead th .txt {padding:22px 0 22px 0;font-size:0.889em;font-weight:500;border-bottom:3px solid #e0e0e0} .sch-mon-cal .cal-tbl thead th .stxt {padding:0 0 17px;font-size:13px;color:rgba(255, 255, 255, .6);font-weight:400} .sch-mon-cal .cal-tbl thead tr.stxt-list {display:none;} .sch-mon-cal .cal-tbl thead tr.stxt-list th {background-color:#00275c;color:#222;font-size:0.889em} .sch-mon-cal .cal-tbl thead th:first-child .txt {color:#d2316a} .sch-mon-cal .cal-tbl thead th:last-child .txt {color:#5574d0} .sch-mon-cal .cal-tbl tbody td {position:relative;/*height:65px;*/border:0 solid #e0e0e0;color:#222;font-size:0.889em;text-align:center;vertical-align:top;box-sizing:border-box} .sch-mon-cal .cal-tbl tbody tr:last-child td.grayBox {background:none} .sch-mon-cal .cal-tbl tbody td a, .sch-mon-cal .cal-tbl tbody td button {display:block;border:0;background:transparent;text-align:left} .sch-mon-cal .cal-tbl tbody td .num {letter-spacing:0;display:inline-block;color:#444;font-weight:500;text-align:left} .sch-mon-cal .cal-tbl tbody td:first-child .num, .sch-mon-cal .cal-tbl tbody td.isHoliday .num, .sch-mon-cal .cal-tbl td.isHoliday .day-cont-list li {color:#d2316a} .sch-mon-cal .cal-tbl tbody td:last-child .num {color:#5574d0} .sch-mon-cal .cal-tbl .day-tit {display:block;color:#222;margin:15px auto;text-align:center;width:35px;height:35px;line-height:31px;border-radius:50%;border:2px solid transparent;box-sizing:border-box;} .sch-mon-cal .cal-tbl .cal-mk {display:inline-block;position:absolute;left:8px;top:6px;background:#ededed;border-radius:50%;width:30px;height:30px;margin:0;white-space:nowrap;overflow:hidden;z-index:-1} .sch-mon-cal .cal-tbl .cal-mk span {padding-left:20px} .sch-mon-cal .cal-tbl .day-cont-list li {position:relative;padding:0 0 0 13px} .sch-mon-cal .cal-tbl .day-cont-list li:before {content:"";display:block;position:absolute;width:3px;height:3px;left:3px;top:8px;background:#9b9b9b;border-radius:50%;} .sch-mon-cal .cal-tbl .day-cont-list li span {font-size:16px;line-height:1.2;letter-spacing:-.05em} .sch-mon-cal .cal-tbl tbody td.isHoliday {background-color:#ebd0d0;z-index:-1} .sch-mon-cal .cal-tbl tbody td.today .day-tit {background:#fcc000} .sch-mon-cal .cal-tbl tbody td.today .today-txt {position:absolute;top:58px;left:50%;margin-left:-30px;width:60px;text-align:center;font-size:13px;color:#ffffff;background:#a649d5;border-radius:15px;letter-spacing:0.05em;padding:3px 0 4px 0;line-height:1;} .sch-mon-cal .cal-tbl tbody td.today .today-txt:before {display:block;content:'';position:absolute;top:-9px;left:50%;margin-left:-4px;width:0;height:0;border:4px solid transparent;border-bottom:5px solid #a649d5;} .sch-mon-cal .cal-tbl tbody td.over .num {position:relative} .sch-mon-cal .cal-tbl tbody td.over .num:before {display:block;content:"";position:absolute;width:12px;height:2px;bottom:-5px;left:50%;transform:translateX(-50%);background:#004198} .sch-mon-cal .cal-tbl tbody td.datesel .day-tit {border-color:#744bc5;box-shadow:0 10px 15px rgba(0,0,0,0.15);} .sch-mon-cal .cal-tbl tbody td.datesave .day-tit {border-color:#e7dbff;background:#e7dbff;} .sch-mon-cal .cal-tbl tbody td.datesave .day-tit .num {color:#744bc5;} .sch-mon-cal .cal-tbl tbody td.datesel.datesave .day-tit {border-color:#744bc5;} .sch-mon-cal .cal-tbl tbody td.cal-sel {cursor:pointer;} .sch-mon-cal .cal-tbl tbody td.cal-nosel {pointer-events: none;} .sch-mon-cal .cal-tbl tbody td.cal-nosel .num {color:#ccc;pointer-events: none;} .sch-mon-cal .cal-tbl tbody td.cal-nosel.today .num {color:#ffffff;} /*.sch-mon-cal .cal-tbl tbody td.datesave {pointer-events: none;}*/ .prgr-scheduleList #scheduleList {height:390px;overflow-y:auto;} .prgr-scheduleList #scheduleList .schedule-li {border-bottom:1px solid #ddd;padding-bottom:30px;margin-bottom:30px;} .prgr-scheduleList #scheduleList .schedule-sli {position:relative;width:100%;box-sizing:border-box;padding-right:119px;} .prgr-scheduleList #scheduleList .schedule-sli select.select {/*width:190px;*/width:auto;} .prgr-scheduleList #scheduleList .schedule-sli .btnw {display:inline-block;position:absolute;top:0;right:0;} .prgr-scheduleList #scheduleList .schedule-li input.txt {height:40px;border-radius:20px;background:#fff;width: calc(100% - 100px);margin-top:12px;} /** -- 우리네일정 레이어팝업 스타일 */ .sch-layer-open #popup-wrap .pop-head {background:#004198} .sch-layer-open #popup-wrap .btn-close, .sch-layer-open #popup-wrap .btn-reload, .sch-layer-open #popup-wrap .btn-minsize, .sch-layer-open #popup-wrap .btn-maxsize {background:transparent} .sch-layer-open .sch-pop-list h3 {padding:15px 0;border-top:2px solid #222;font-size:1.278em;border-bottom:1px solid #222;font-weight:bold;text-align:center;line-height:1.2;color:#222;letter-spacing:-.05em} .sch-layer-open .sch-datalist:before {content:none} .sch-layer-open .sch-datalist li {border-bottom:1px solid #ccc;padding:10px 0} .sch-layer-open .sch-datalist li .data-in-wrap {display:block;position:relative;min-height:60px} .sch-layer-open .sch-datalist li .data-in-wrap.is-s {padding-left:70px} .sch-layer-open .sch-datalist li .data-in-wrap.is-d .pdate {width:140px} .sch-layer-open .sch-datalist li .data-in-wrap.is-d {padding-left:150px} .sch-layer-open .sch-datalist li .pcate {font-weight:bold;height:1.2em;padding:0.2em 0 0.6em 0;width:54px;font-size:11px;text-align:center;display:block;color:#fff} .sch-layer-open .sch-datalist li .ptit {display:block;line-height:1.3em;padding-top:5px;font-size:15px;font-weight:400;color:#333;margin-bottom:5px} .sch-layer-open .sch-datalist li .pdate {display:block;font-size:14px;letter-spacing:-0.05em} .sch-layer-open .sch-datalist li .pdate {position:absolute;left:0;top:0} .sch-layer-open .sch-datalist li .pdate .pdate-box {display:inline-block;vertical-align:middle;width:55px;padding-top:7px;padding-bottom:7px;background:#f5f5f5;border:1px solid #ddd;font-size:12px;font-style:normal;text-align:center} .sch-layer-open .sch-pop-list li .pdate-box .mtxt {display:inline-block;width:100%;border-bottom:1px solid #ddd;padding-bottom:5px} .sch-layer-open .sch-pop-list li .pdate-box .dtxt {display:inline-block;font-size:14px;font-weight:bold;padding-top:5px;color:#0097b2} .sch-layer-open .sch-pop-list li .pdate-box .dtxt {color:#044288} .sch-layer-open .sch-datalist li {display:block;position:relative;padding-top:15px;padding-bottom:15px;border-bottom:1px solid #ededed} .sch-layer-open .sch-datalist li:last-child {border-bottom:0} .sch-layer-open .sch-datalist li .data-in-wrap .pdate.hol {color:#555} .sch-layer-open .sch-datalist li.no-data {padding-top:150px;padding-bottom:94px;background-position:50% 70px;background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Pff%2Spbzzba%2S..%2S..%2S_Vzt%2SPbzzba%2Svpb_abqngn.cat);background-repeat:no-repeat;box-sizing:border-box;height:268px;font-size:15px} /* 1:1 계속 컨설팅 */ .KeepConsulting-write2 .KeepConsulting-seltab {text-align:center;padding-bottom:47px;} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos {display:inline-block;text-align:center;vertical-align:text-top;margin:0 2px;} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos input[type=radio] {position:absolute;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos input[type=radio] + label {display:block;position:relative;background:#fff;border:2px solid #dddddd;min-width:280px;padding:0 61px;color:#222222;font-weight:500;line-height:66px;border-radius:35px;box-sizing:border-box;transition:width .3s ease} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos input[type=radio] + label:before {content:"";display:block;position:absolute;top:50%;left:8px;margin-top:-22.5px;width:45px;height:45px;border-radius:50%;vertical-align:middle;box-sizing:border-box;background:#cbcbcb;} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos input[type=radio] + label:after {content:"";display:block;position:absolute;top:50%;left:22px;margin-top:-8px;width:20px;height:22px;vertical-align:middle;box-sizing:border-box;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sfglyr_fce.cat) no-repeat -390px 0;} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos input[type=radio]:checked + label {background:#1c2e88;border-color:#1c2e88;color:#fff} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos input[type=radio]:checked + label:before {background:#8f5bc6;} .KeepConsulting-write2 .sch-sel-amon .sel-y-wr {padding-bottom:23px;padding-top:5px;} .KeepConsulting-write2 .prgr-scheduleList {padding:35px 37px 35px 23px;} .KeepConsulting-write2 .keepcou-date {text-align:center;font-size:1.944em;color:#222222;font-weight:600;padding:8px 0 37px 0;} .KeepConsulting-write2 .scrollmin {height:390px;overflow-y:auto;} .KeepConsulting-write2 .keepcou-list {color:#888888;padding-right:19px;} .KeepConsulting-write2 .keepcou-list li {border-bottom:1px solid #dddddd;} .KeepConsulting-write2 .keepcou-list li button {padding:20px 12px 15px 12px;cursor:pointer;width:100%;box-sizing:border-box;text-align:left;border:0;background:none;font-size:0.944em;font-weight:500;} .KeepConsulting-write2 .keepcou-list .checkli {color:#472682;font-weight:500;background:#f0edf3;} .KeepConsulting-write2 .keepcou-list li.noCheck button {pointer-events:none;color:#888888;font-weight:400;} .KeepConsulting-write2 .keepcou-nolist {position:relative;width:100%;padding-top:30px;text-align:center;} .KeepConsulting-write2 .keepcou-nolist:before {display:block;content:'';margin:0 auto 15px auto;width:82px;height:76px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Spbafhygvat_fce.cat) no-repeat -251px 0;} @media all and (max-width:899px){ .sch-sel-amon .sel-y-wr {padding-bottom:30px;} .KeepConsulting-Schedule .prgr-sch-wr {display:block;} .KeepConsulting-Schedule .sch-data-wr {width:100%;border-radius:20px;padding:20px;} .KeepConsulting-Schedule .prgr-scheduleList {width:100%;margin-left:0;margin-top:20px;border-radius:20px;} .prgr-scheduleList #scheduleList {height:auto;overflow-y:auto;} } @media all and (max-width:699px){ .KeepConsulting-write2 .KeepConsulting-seltab {display:flex;} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos {width: calc(50% - 4px);} .KeepConsulting-write2 .KeepConsulting-seltab .tab-rdos input[type=radio] + label {min-width:100px;padding:0 0 0 41px;} } @media all and (max-width:459px){ .sch-sel-amon .sel-y {min-width:100%;padding:0 30px} .sch-sel-amon .sel-y a {transform:scale(0.8);} .sch-sel-amon .sel-y a.btn-prev {left:-10px} .sch-sel-amon .sel-y a.btn-next {right:-10px} .prgr-scheduleList #scheduleList .schedule-sli {padding-right:0;text-align:center;} .prgr-scheduleList #scheduleList .schedule-sli .btnw {display:inline-block;position:relative;top:auto;right:auto;margin-top:20px;} .prgr-scheduleList #scheduleList .schedule-sli select.select {width:90px;} } /* ============================== * 검색 ================================ */ /** -- 공용 */ /** -- 통합검색 */ .sch-top {text-align:center;padding:0 0 0 0;} .sch-top .sch-box .tit {display:block;position:relative;font-size:1.944em;font-family:'yg-jalnan',sans-serif;color:#222222;line-height:1;letter-spacing:0.2em;padding-bottom:36px;} .sch-top .sch-box .tit:before {display:block;content:"";position:absolute;top:1px;left:0;width:24px;height:23px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sgbgnyfrnepu_fce.cat) no-repeat 0 0} .sch-top .sch-core {position:relative;display:inline-block;border:2px solid #dddddd;border-radius:20px;overflow:hidden;width:750px;max-width:100%;height:70px;margin:0 auto;padding:0 66px 0 187px;font-size:0;box-sizing:border-box} .sch-top .sch-core select {position:absolute;top:0;left:0;width:187px;height:100%;display:inline-block;font-size:17px;color:#555;border:0;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sfrysez_nee2.tvs) no-repeat 100% 50%;padding:10px 40px 8px 20px;box-sizing:border-box} .sch-top .sch-core input[type=text].search-text {border:0;width:100%;height:100%;line-height:100%;margin:0;font-size:17px;color:#555;box-sizing:border-box;padding-left:20px;/*padding-right:82px*/} .sch-top .sch-core input[type=text]::placeholder {font-size:17px;color:#555555;} .sch-top .sch-core .bd-btn-search {position:absolute;top:0;right:0;border:0;width:66px;height:100%;background:none} .sch-top .sch-core .bd-btn-search:before {display:block;content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:22px;height:23px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sgbgnyfrnepu_fce.cat) no-repeat -577px 0} /** -- 탭 */ .isSearch .sch-tab {background:#f2f2f2;border-bottom:1px solid #ccc;text-align:center} .isSearch .sch-tab li {display:inline-block} .isSearch .sch-tab a {display:inline-block;padding:27px 52px 26px 53px} .isSearch .sch-tab a .text {position:relative;display:inline-block;font-weight:500;color:#333;font-size:1.059em;letter-spacing:0} .isSearch .sch-tab a .text:before {display:block;content:"";position:absolute;bottom:-5px;left:50%;width:0;height:1px;background:#387c5e;transition:all .3s ease} .isSearch .sch-tab a:hover .text, .isSearch .sch-tab .over a .text {color:#387c5e} .isSearch .sch-tab a:hover .text:before , .isSearch .sch-tab .over a .text:before {left:0;width:100%} .searchrst-msg {position:relative;padding:90px 0 2px 0;text-align:center;letter-spacing:-0.06em;font-size:1.444em;color:#222222;font-weight:500} .searchrst-msg:before {display:block;content:"";position:absolute;top:60px;left:55%;margin-left:-246px;width:492px;height:336px;} .searchrst-msg .stxt {display:block;padding-top:10px;text-align:center} .searchrst-msg .rnum {color:#a649d5;} .schres-wrap {text-align:center;} .schres-wrap .info-box02 {display:inline-block;margin:0 auto;} .schres-wrap .info-box ul {background:#faf7f6;max-width:1050px;margin:0 auto;box-sizing:border-box;padding:30px 37px;display:flex;flex-wrap:wrap} .schres-wrap .info-box ul li {border:0;width:50%;box-sizing:border-box;margin:0} /** -- 검색결과 */ .searchrst-box {} .searchrst-listbox {padding-top:60px;} .searchrst-listbox .searchrst-tit {width:100%;overflow:hidden;padding-bottom:3px;} .searchrst-listbox .c-tit01 {display:inline-block;margin-bottom:0;} .searchrst-listbox .rtxt {display:inline-block;padding-left:20px;margin:8px 0 20px 0;color:#333333;font-size:0.944em;} .searchrst-listbox .rtxt .rnum {font-weight:500;color:#482683;font-size:1.412em;} .searchrst-listbox .rtxt .rnum em {font-style:normal} .searchrst-list {} .searchrst-list li {position:relative;padding:30px 0 22px;border-bottom:1px solid #ddd;} .searchrst-list li:first-child {padding-top:5px;} .searchrst-list li .ptit, .searchrst-list li .pcont, .searchrst-list li .plinks {display:block} .searchrst-list li .ptit {} .searchrst-list li .ptit:hover {color:#482683} .searchrst-list li .pcont {font-size:0.944em;line-height:1.765em;} .searchrst-list li .pcont strong {font-weight:400;background:#d8c8e7;} .searchrst-list li .plinks {padding-top:8px} .searchrst-list li .isStrong {font-weight:500;background:#d8c8e7;} .searchrst-list li .psdepth {position:relative;padding-left:14px;font-weight:400;font-size:0.944em;color:#222222} .searchrst-list li .psdepth * {vertical-align:text-top;} .searchrst-list li .psdepth:before {display:block;content:"";position:absolute;top:12px;left:0;width:5px;height:5px;background:#482683;border-radius:50%;} .searchrst-list li .psdepth .last {color:#a649d5;font-weight:500;} .searchrst-list li .psdepth .arr {display:inline-block;position:relative;width:34px;font-size:0;color:transparent;} .searchrst-list li .psdepth .arr:before {display:block;content:'';position:absolute;top:10px;left:12px;width:8px;height:8px;border-bottom:2px solid #cbcbcb;border-right:2px solid #cbcbcb;transform:rotate(-45deg);} .searchrst-list li .ptit .c-tit02 {display:inline-block;padding-right:50px;} .searchrst-list li .ptit .c-tit02:after {display:block;content:'';position:absolute;top:16px;right:25px;width:15px;height:15px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Grzcyrg%2SYnlbhg%2Synlbhg_xbe%2SVzt%2Synlbhg_fce.cat) no-repeat -108px -58px;} .searchrst-list li .ptit .psdepth {display:inline-block;padding-left:0;font-size:0.889em} .searchrst-list li .ptit .psdepth .last {color:#555555;font-weight:400;} .searchrst-list li .ptit .psdepth .arr {width:19px;} .searchrst-list li .ptit .psdepth .arr:before {top:11px;left:6px;width:7px;height:7px;border-bottom:1px solid #cbcbcb;border-right:1px solid #cbcbcb;} .searchrst-list li .ptit .psdepth:before {display:none;} .searchrst-list li .pcont .tag {display:block;} .menu-search li {padding:5px 0;border-bottom:0;} .searchrst-listbox .btn-result-more {text-align:center;margin-top:27px;} .searchrst-listbox .btn-result-more .bw-btn {min-width:177px;} .search-info-box {border-top:1px solid #ccc;padding-top:20px} .search-info-box:before {top:20px} .search-wr .info-box {padding:20px} .schres-wrap .searchrst-listbox {padding-top:0} .sch-result.searchrst-msg {padding:30px 0} .sch-result.searchrst-msg:before {width:156px;height:91px;background-size:100% auto;background-position:0 -92px} /** -- 교내조직 */ /** -- 교내조직 - 상세보기 */ /** -- 바로가기 */ .searchrst-list.search-link {padding-bottom:10px} .searchrst-list.search-link li {position:relative;padding:5px 0 5px 25px} .searchrst-list.search-link li:before {position:absolute;top:50%;left:0;margin-top:-5px;content:"";display:block;width:11px;height:11px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2S_Vzt%2SPbagrag%2Sfrnepu_fce.cat) no-repeat -62px bottom} .searchrst-list.search-link li a {display:inline-block;color:#666} .searchrst-list.search-link li a:hover {text-decoration:underline;color:#ff6f21} /** -- 메뉴검색 */ /** -- 연락처 */ .searchrst-list-noline {border-top:0} .searchrst-listbox .is-wauto-box {margin-top:0;padding-bottom:0} /** -- no-data */ .searchrst-listbox li.no-data {padding:155px 0 25px;height:auto;border-bottom:1px solid #e3e3e3} .searchrst-listbox li.no-data:before {display:none} @media all and (max-width:1499px){ .isSearch .sch-tab a {padding:27px 15px 26px 15px} } @media all and (max-width:1299px){ .searchrst-list {margin-left:0;margin-top:0} .searchrst-listbox .btn-result-more {margin-left:0} } @media all and (max-width:999px){ .isSearch .sch-tab {padding:10px 0} .isSearch .sch-tab a {padding:10px 7px 10px 7px} .sch-top {padding:25px 0} .sch-top .sch-box .tit {margin-right:15px} .searchrst-form {padding:25px 0} } @media all and (max-width:768px){ .sch-top .sch-box .tit {margin-right:0;margin-bottom:10px} .sch-top .sch-core {display:block;width:100%;max-width:100%;padding-left:140px;text-align:left} .sch-top .sch-core select {position:absolute;top:0;left:0;width:140px;font-size:15px;padding:10px 40px 8px 10px} .sch-top .sch-core input[type=text].search-text {width:100%;font-size:15px} .sch-top .sch-core input[type=text]::placeholder {font-size:15px} .searchrst-form {padding:20px 0} .searchrst-form label {font-size:15px;padding-left:35px;margin-right:20px} .searchrst-form label:before {width:26px;height:26px;background-size:auto 48px;background-position:-49px 0;margin-top:-13px} .searchrst-form input[type=text].search-text {height:50px;line-height:49px} .searchrst-form .bd-btn-search {width:50px;height:50px;background-position:-5px -5px} .searchrst-msg {font-size:17px} .searchrst-listbox {padding-top:30px} .searchrst-listbox .c-tit01 {font-size:20px} .searchrst-listbox .rtxt {font-size:14px;padding-left:10px;margin-bottom:0} .searchrst-list li {padding:10px 0} .searchrst-list li .pcont, .searchrst-list li .plinks {font-size:14px} } @media all and (max-width:599px){ .isSearch .sch-tab {padding:10px 0} .isSearch .sch-tab a {padding:5px 7px 5px 7px} .sch-top .sch-box .tit {display:none} .sch-top .sch-core {padding-left:120px;height:45px;padding-right:50px;} .sch-top .sch-core select {width:100px;font-size:15px;padding:5px 30px 3px 10px;background-size:20px auto} .sch-top .sch-core input[type=text].search-text {/*padding-right:50px*/} .sch-top .sch-core .bd-btn-search {width:50px} .sch-top .sch-core .bd-btn-search:before {transform:scale(0.7)} .searchrst-msg {position:relative;font-size:15px;padding-top:250px;} .searchrst-msg:before {transform:scale(0.6);top:-40px;} .schres-wrap .info-box {padding:0 0 10px} .schres-wrap .info-box ul {padding:20px 30px} .schres-wrap .info-box ul li {width:100%} .searchrst-listbox .c-tit01 {font-size:18px;margin:0} .searchrst-listbox .rtxt {display:block;text-align:right;/* border-bottom:1px solid #ccc;*/} .searchrst-listbox .rtxt .rnum {font-size:17px} .searchrst-list li .ptit {font-size:16px} .searchrst-list li .pcont {padding-top:7px} .searchrst-list li .psdepth:before {top:10px;} .searchrst-list li .psdepth .arr:before {top:8px;} .searchrst-list li .ptit .psdepth .arr:before {top:10px;} } @media all and (max-width:499px){ .search-wr .info-box {padding:10px 15px} .searchrst-listbox .rtxt {margin:0 0 8px} .searchrst-listbox .rtxt .rnum {font-size:16px} } /* ============================== * 연혁 ================================ */ .history-wr {} .history-wr .hisSlogan {position:relative;display:flex;flex-wrap:wrap;box-sizing:border-box;padding:162px 0 145px;margin:0 0 90px} .history-wr .hisSlogan:before {content:"";display:block;position:absolute;width:2000px;height:100%;top:0;left:50%;margin:0 0 0 -1000px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2SuvfFybtna01.wct) no-repeat;background-size:cover;z-index:-1} .history-wr .hisSlogan p {position:relative;box-sizing:border-box;width:50%;color:#fff;line-height:1.75;font-size:1.111em;letter-spacing:-.05em} .history-wr .hisSlogan .tit {width:100%;margin:0 0 65px;text-align:center;font-family:Gmarket Sans, sans-serif;font-size:2.778em} .history-wr .hisSlogan .txt.txtL {padding:0 60px 0 0;border-right:2px solid rgba(255,255,255,.3)} .history-wr .hisSlogan .txt.txtR {padding:0 0 0 60px} .history-wr .hisSlogan .txt span {opacity:.7} .history-wr .hisType01 {position:relative;overflow:hidden;padding:62px 209px 0 388px} .history-wr .hisType01 .hisTit {position:absolute;left:0;top:0;color:#222;font-family:Gmarket Sans, sans-serif} .history-wr .hisType01 .hisTit span {display:block;line-height:1.2} .history-wr .hisType01 .hisTit .eng {margin:0 0 13px;font-size:1.389em;letter-spacing:0} .history-wr .hisType01 .hisTit .num {font-size:2.778em;letter-spacing:-.025em} .history-wr .hisType01 .hisTit.fixed {position:fixed;left:auto;top:100px;margin:0 0 0 -388px} .history-wr .hisType01 .hisListBox {position:relative;box-sizing:border-box;min-height:120px;padding:44px 0 0 93px} .history-wr .hisType01 .hisListBox:before, .history-wr .hisType01 .hisListBox:after {content:"";display:block;position:absolute;top:0} .history-wr .hisType01 .hisListBox:before {width:15px;height:15px;border-radius:50%;background:#222;left:-6px} .history-wr .hisType01 .hisListBox:after {height:160%;width:3px;left:0;background:#e1e1e1;z-index:-1} .history-wr .hisType01 .hisListBox .historyList {margin:0 0 80px} .history-wr .hisType01 .hisListBox .historyList .year {margin:0 0 29px;font-size:1.667em;color:#222;line-height:1.2;font-family:Gmarket Sans, sans-serif;letter-spacing:0} .history-wr .hisType01 .hisListBox .historyList li {position:relative;padding:0 0 0 110px;margin:0 0 24px} .history-wr .hisType01 .hisListBox .historyList li .date {display:block;position:absolute;top:3px;left:0;letter-spacing:0;line-height:1.2;font-family:Gmarket Sans, sans-serif;color:#333;font-weight:500} .history-wr .hisType01 .hisListBox .historyList li .txt p {letter-spacing:-.05em;line-height:1.2} .history-wr .hisType01 .hisListBox .historyList li .imgBox, .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr {margin:28px 0 0} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr {position:relative} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl {position:absolute;width:100px;height:45px;right:0;bottom:0;background:#13151e;text-align:center;z-index:10} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl:before {content:'';display:inline-block;vertical-align:middle;width:0;height:100%} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl button {display:inline-block;vertical-align:middle;width:20px;height:20px;border:none;background-color:transparent} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .owl-prev, .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .owl-next {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Suvf_fce.cat) no-repeat} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .owl-next {background-position:-30px 0} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .btn-stop, .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .btn-play {position:relative} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .btn-stop:before, .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .btn-play:before {content:"";display:block;position:absolute;box-sizing:border-box} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .btn-stop:before {width:6px;height:9px;left:50%;top:50%;transform:translate(-50%, -50%);border-left:2px solid #898b8f;border-right:2px solid #898b8f} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .btn-play {display:none} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl .btn-play:before {width:0;height:0;left:8px;top:50%;margin:-6px 0 0;border:6px solid transparent;border-left-color:#898b8f} .history-wr .hisType01 .hisListBox .historyList li .imgBox img {width:100%} .history-wr .hisType01 .hisListBox .historyList:last-child {margin:0} .history-wr .hisType01 .hisNavi {position:absolute;right:0;top:5px} .history-wr .hisType01 .hisNavi.fixed {position:fixed;right:auto;top:50%;transform:translateY(-50%);margin:0 0 0 870px} .history-wr .hisType01 .hisNavi li {position:relative;margin:0 0 47px;text-align:right} .history-wr .hisType01 .hisNavi li a {position:relative;display:block;width:110px;padding:0 32px 0 0;font-family:Gmarket Sans, sans-serif;font-size:.889em;color:#ccc;line-height:1;letter-spacing:-.05em;transition:all .3s ease} .history-wr .hisType01 .hisNavi li a:before, .history-wr .hisType01 .hisNavi li a:after {content:"";display:block;position:absolute} .history-wr .hisType01 .hisNavi li a:before {box-sizing:border-box;width:7px;height:7px;right:4px;top:50%;transform:translateY(-50%);border-radius:50%;background:#ccc;transition:all .1s ease;z-index:10} .history-wr .hisType01 .hisNavi li a:after {width:1px;height:400%;top:4px;right:7px;background:#ccc} .history-wr .hisType01 .hisNavi li:last-child {margin:0} .history-wr .hisType01 .hisNavi li:last-child a:after {display:none} .history-wr .hisType01 .hisNavi li.over a {font-size:1em;color:#222} .history-wr .hisType01 .hisNavi li.over a:before {width:15px;height:15px;right:0;border:3px solid #004198;background:#fff} @media all and (max-width:1440px) { .history-wr .hisType01 {padding:60px 160px 0 360px} .history-wr .hisType01 .hisTit.fixed {margin:0 0 0 -360px} .history-wr .hisType01 .hisListBox {padding:40px 0 0 60px} .history-wr .hisType01 .hisListBox .historyList {margin:0 0 40px} .history-wr .hisType01 .hisNavi.fixed {right:20px;margin:0} } @media all and (max-width:1399px) { .history-wr .hisSlogan {padding:120px 0;margin:0 0 70px} .history-wr .hisSlogan .tit {margin:0 0 50px;font-size:2.5em} .history-wr .hisSlogan .txt.txtL {padding:0 40px 0 0} .history-wr .hisSlogan .txt.txtR {padding:0 0 0 40px} } @media all and (max-width:1299px) { .history-wr .hisType01 {padding:55px 160px 0 320px} .history-wr .hisType01 .hisTit .eng {font-size:1.2em} .history-wr .hisType01 .hisTit .num {font-size:2.6em} .history-wr .hisType01 .hisTit.fixed {margin:0 0 0 -320px} .history-wr .hisType01 .hisListBox {padding:30px 0 0 40px} .history-wr .hisType01 .hisListBox .historyList .year {margin:0 0 20px} .history-wr .hisType01 .hisListBox .historyList li {padding:0 0 0 90px} .history-wr .hisType01 .hisListBox .historyList li .imgBox, .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr {margin:20px 0 0} } @media all and (max-width:1199px) { .history-wr .hisType01 {padding:40px 160px 0 300px} .history-wr .hisType01 .hisTit .eng {margin:0 0 5px;font-size:1.1em} .history-wr .hisType01 .hisTit .num {font-size:2.4em} .history-wr .hisType01 .hisTit.fixed {margin:0 0 0 -300px} .history-wr .hisType01 .hisListBox .historyList .year {margin:0 0 15px;font-size:1.5em} .history-wr .hisType01 .hisListBox .historyList li {margin:0 0 20px} .history-wr .hisType01 .hisListBox .historyList li .imgBox, .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr {margin:15px 0 0} } @media all and (max-width:1099px) { .history-wr .hisType01 {margin:0 0 30px} .history-wr .hisType01 .hisListBox {min-height:90px;padding:30px 0 0 30px} .history-wr .hisType01 .hisListBox:before {width:12px;height:12px;left:0;top:8px} .history-wr .hisType01 .hisListBox:after {left:4px;top:8px} .history-wr .hisType01 .hisListBox .historyList .year {margin:0 0 10px} .history-wr .hisType01 .hisListBox .historyList li {margin:0 0 15px} .history-wr .hisType01 .hisNavi li {margin:0 0 30px} .history-wr .hisType01 .hisNavi li a:after {height:300%} } @media all and (max-width:999px){ .history-wr .hisSlogan {padding:70px 0;margin:0 0 50px} .history-wr .hisSlogan p {font-size:1em} .history-wr .hisSlogan .tit {margin:0 0 30px;font-size:2em} .history-wr .hisSlogan .txt.txtL {padding:0 30px 0 0} .history-wr .hisSlogan .txt.txtR {padding:0 0 0 30px} .history-wr .hisType01 {padding:0 160px 0 0;margin:0 0 20px} .history-wr .hisType01 .hisTit {position:relative;box-sizing:border-box;width:100%;padding:10px} .history-wr .hisType01 .hisTit .eng {font-size:1em} .history-wr .hisType01 .hisTit .num {font-size:2em} .history-wr .hisType01 .hisTit.fixed {left:0;top:0;transform:translateY(0);margin:0;padding:10px 30px;background:linear-gradient(180deg, rgba(255,255,255,.8) 90%, rgba(255,255,255,0) 100%);z-index:100} .history-wr .hisType01 .hisListBox:before {width:10px;height:10px} .history-wr .hisType01 .hisListBox:after {height:110%;left:3px} .history-wr .hisType01 .hisListBox .historyList {margin:0 0 30px} .history-wr .hisType01 .hisListBox .historyList .year {font-size:1.3em} .history-wr .hisType01 .hisListBox .historyList li {padding:0 0 0 80px} } @media all and (max-width:799px) { .history-wr .hisSlogan {padding:50px 0;margin:0 0 30px} .history-wr .hisSlogan .tit {margin:0 0 20px;font-size:1.8em} .history-wr .hisSlogan .txt.txtL {padding:0 20px 0 0} .history-wr .hisSlogan .txt.txtR {padding:0 0 0 20px} } @media all and (max-width:768px) { .history-wr .hisType01 {padding:0 160px 0 0} .history-wr .hisType01 .hisListBox {padding:20px 0 0 25px} .history-wr .hisType01 .hisListBox:before {width:8px;height:8px} .history-wr .hisType01 .hisListBox:after {width:2px} .history-wr .hisType01 .hisListBox .historyList {margin:0 0 25px} } @media all and (max-width:599px){ .history-wr .hisSlogan {padding:40px 0;margin:0 0 20px} .history-wr .hisSlogan .tit {margin:0 0 15px;font-size:1.6em} .history-wr .hisSlogan .txt {width:100%} .history-wr .hisSlogan .txt.txtL {padding:0 0 15px;border-right:none;border-bottom:1px solid rgba(255,255,255,.3)} .history-wr .hisSlogan .txt.txtR {padding:15px 0 0} .history-wr .hisType01 {padding:0} .history-wr .hisType01 .hisTit .num {font-size:1.8em} .history-wr .hisType01 .hisListBox:before {top:5px} .history-wr .hisType01 .hisListBox .historyList .year {font-size:1.2em} .history-wr .hisType01 .hisListBox .historyList li {padding:0;margin:0 0 10px} .history-wr .hisType01 .hisListBox .historyList li .date {position:relative;left:auto;top:auto;margin:0 0 10px} .history-wr .hisType01 .hisListBox .historyList li .imgBox, .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr {margin:10px 0 0} .history-wr .hisType01 .hisNavi {display:none} } @media all and (max-width:399px) { .history-wr .hisType01 .hisListBox .historyList li .date {margin:0} .history-wr .hisType01 .hisListBox .historyList li .hisSld-wr .dataCtrl {width:90px;height:36px} } /** -- 노데이터 */ .historyList-wr .no-data {display:inline-block;font-size:1em;text-align:center;padding-top:150px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Svpb_abqngn.cat) no-repeat center 70px} /* ============================== * 마이페이지 ================================ */ .mypage-main {width:100%;overflow:hidden} .mypage-main .mypage-sec1 {position:relative;width:100%;overflow:hidden;border-top:2px solid #112b49;border-bottom:1px solid #cccccc;padding:30px 230px 29px 141px;min-height:35px;box-sizing:border-box} .mypage-main .mypage-sec1 .stit {display:inline-block;position:absolute;top:25px;left:41px;font-size:0.882em;color:#fff;font-weight:500;letter-spacing:0.06em;font-family:'Lato',sans-serif;padding:4px 16px 5px 16px;background:#ff7746;border-radius:17.5px} .mypage-main .mypage-sec1 .name {display:inline-block;font-size:1.059em;color:#222222;font-weight:500;font-style:normal;padding-right:32px} .mypage-main .mypage-sec1 .list {display:inline-block} .mypage-main .mypage-sec1 .list li {display:inline-block;position:relative;font-size:0.941em;padding:0 15px} .mypage-main .mypage-sec1 .list li:before {display:block;content:"";position:absolute;top:50%;left:0;margin-top:-6px;width:1px;height:12px;background:#cccccc} .mypage-main .mypage-sec1 .list li:first-child {padding-left:0} .mypage-main .mypage-sec1 .list li:last-child {padding-right:0} .mypage-main .mypage-sec1 .list li:first-child:before {display:none} .mypage-main .mypage-sec1 .btn-siteset {display:inline-block;position:absolute;top:16px;right:40px;border:1px solid #bfbfbf;padding:13px 25px 14px 59px;transition:all .3s ease} .mypage-main .mypage-sec1 .btn-siteset:before {display:block;content:"";position:absolute;top:50%;left:18px;margin-top:-15px;width:30px;height:30px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SZrzore%2Szlcntr_fce.cat) no-repeat 0 0;transition:all .3s ease} .mypage-main .mypage-sec1 .btn-siteset:hover {border-color:#f15922;background:#f15922;color:#fff} .mypage-main .mypage-sec1 .btn-siteset:hover:before {background-position:-36px 0} .mypage-main .mypage-sec2 {position:relative;width:100%;overflow:hidden} .mypage-main .mypage-sec2 .c-tit01 {text-align:center} .mypage-main .mypage-sec2 .datalist {position:relative;width:100%;border:1px solid #bfbfbf;background:#f2f2f2;border-radius:0 0 40px 0;box-sizing:border-box;padding:46px 0 32px 0} .mypage-main .mypage-sec2 .datalist:after {display:block;content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:#f2f2f2} .mypage-main .mypage-sec2 .datalist .item {position:relative;text-align:center;padding:0 50px 10px 50px} .mypage-main .mypage-sec2 .datalist .item:before {display:block;content:"";position:absolute;top:0;right:-1px;width:1px;height:100%;background:#d4d4d4} .mypage-main .mypage-sec2 .datalist .item .date {display:inline-block;color:#444;background:#fff;border:2px solid #ccc;font-family:'Lato',sans-serif;font-weight:700;letter-spacing:0;border-radius:16px;padding:0 17px 2px 17px;transition:all .3s ease} .mypage-main .mypage-sec2 .datalist .item .subject {display:block;height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:1.176em;color:#444444;padding-top:13px} .mypage-main .mypage-sec2 .datalist .item a:hover .date {background:#f15922;border-color:#f15922;color:#fff} .mypage-main .mypage-sec2 .datalist .item a:hover .subject {text-decoration:underline} .mypage-main .mypage-sec2 .ctrl-btns {position:absolute;top:0;right:50px;font-size:0} .mypage-main .mypage-sec2 .ctrl-btns button {display:none} .mypage-main .mypage-sec2 .ctrl-btns .btn-prev, .mypage-main .mypage-sec2 .ctrl-btns .btn-next {display:inline-block;position:relative;width:24px;height:24px;border:0;background:none} .mypage-main .mypage-sec2 .ctrl-btns .btn-prev:before, .mypage-main .mypage-sec2 .ctrl-btns .btn-next:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:10px;height:10px;border-bottom:2px solid #9b9b9b;border-right:2px solid #9b9b9b;transform:rotate(-45deg);transition:all .3s ease} .mypage-main .mypage-sec2 .ctrl-btns .btn-prev {transform:rotate(180deg);margin-right:9px} .mypage-main .mypage-sec2 .ctrl-btns .btn-prev:hover:before, .mypage-main .mypage-sec2 .ctrl-btns .btn-next:hover:before {border-color:#f15922} .mypage-main .mypage-sec2 .btn-more {position:absolute;top:0;right:0;width:24px;height:24px} .mypage-main .mypage-sec2 .btn-more:before {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:2px;height:24px;background:#ccc;transition:all .3s ease} .mypage-main .mypage-sec2 .btn-more:after {display:block;content:"";position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;width:24px;height:2px;background:#ccc;transition:all .3s ease} .mypage-main .mypage-sec2 .btn-more:hover:before, .mypage-main .mypage-sec2 .btn-more:hover:after {background:#f15922;transform:rotate(180deg)} .mypage-main .mypage-sec3 {position:relative;width:100%;overflow:hidden} .mypage-main .mypage-sec3 .c-tit01 {text-align:center} .mypage-main .mypage-sec3 .mypm-icolist {width:100%;overflow:hidden;display:flex;padding-top:13px} .mypage-main .mypage-sec3 .mypm-icolist li {position:relative;width:12.5%;text-align:center} .mypage-main .mypage-sec3 .mypm-icolist li:before {display:block;content:"";position:absolute;top:8px;left:0;width:1px;height:calc(100% - 8px);background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SZrzore%2Szlcntr_qbg.cat) repeat-y 0 0} .mypage-main .mypage-sec3 .mypm-icolist li:first-child:before {display:none} .mypage-main .mypage-sec3 .mypm-icolist a {display:block} .mypage-main .mypage-sec3 .mypm-icolist .ico {display:inline-block;width:74px;height:74px;margin:0 auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SZrzore%2Szlcntr_fce.cat) no-repeat 0 -39px;transition:all .3s ease} .mypage-main .mypage-sec3 .mypm-icolist .txt {display:block;font-size:1.118em;color:#333333;font-weight:500;padding:0 5px} .mypage-main .mypage-sec3 .mypm-icolist a:hover .ico {transform:translateY(-5px)} .mypage-main .mypage-sec3 .mypm-icolist a:hover .txt {text-decoration:underline} .mypage-main .mypage-sec3 .mypm-icolist .icon1 {background-position:0 -39px} .mypage-main .mypage-sec3 .mypm-icolist .icon2 {background-position:-79px -39px} .mypage-main .mypage-sec3 .mypm-icolist .icon3 {background-position:-158px -39px} .mypage-main .mypage-sec3 .mypm-icolist .icon4 {background-position:-237px -39px} .mypage-main .mypage-sec3 .mypm-icolist .icon5 {background-position:0 -118px} .mypage-main .mypage-sec3 .mypm-icolist .icon6 {background-position:-79px -118px} .mypage-main .mypage-sec3 .mypm-icolist .icon7 {background-position:-158px -118px} .mypage-main .mypage-sec3 .mypm-icolist .icon8 {background-position:-237px -118px} .mypage-main .mypm-txtlist {position:relative;width:100%;overflow:hidden;display:flex;flex-wrap:wrap;background:#f2f2f2;border-top:1px solid #bfbfbf;box-sizing:border-box} .mypage-main .mypm-txtlist:before {display:block;content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:1px solid #bfbfbf;box-sizing:border-box} .mypage-main .mypm-txtlist:after {display:block;content:"";position:absolute;top:0;left:0;width:1px;height:100%;background:#bfbfbf;box-sizing:border-box;z-index:1} .mypage-main .mypm-txtlist li {display:flex;justify-content:center;position:relative;width:20%;text-align:center;border-bottom:1px solid #bfbfbf;border-right:1px solid #bfbfbf;box-sizing:border-box} .mypage-main .mypm-txtlist a {display:flex;align-items:center;justify-content:center;color:#333333;font-size:1.118em;font-weight:500;line-height:1.2em;word-break:break-all;min-height:73px;width:100%;padding:10px;background:#fff;box-sizing:border-box;transition:all .3s ease} .mypage-main .mypm-txtlist a:hover {background:#285a88;color:#fff} .mypage-main .mypage-top {width:100%;overflow:hidden} @media all and (max-width:1199px) { .mypage-main .mypage-sec2 .datalist .item {padding-left:20px;padding-right:20px} } @media all and (max-width:999px) { .mypage-main .mypage-sec1 {padding:13px 150px 13px 100px} .mypage-main .mypage-sec1 .stit {top:10px;left:10px;font-size:0.882em;color:#fff;font-weight:500;letter-spacing:0.06em;font-family:'Lato', sans-serif;padding:4px 16px 5px 16px;background:#ff7746;border-radius:17.5px} .mypage-main .mypage-sec1 .list {display:block} .mypage-main .mypage-sec1 .btn-siteset {top:10px;right:0;border:1px solid #bfbfbf;padding:7px 15px 7px 35px;transition:all .3s ease} .mypage-main .mypage-sec1 .btn-siteset:before {transform:scale(0.7);left:5px} .mypage-main .mypage-sec2 .datalist {padding:20px 0 10px 0} .mypage-main .mypage-sec3 .mypm-icolist .ico {transform:scale(0.7)} .mypage-main .mypage-sec3 .mypm-icolist a:hover .ico {transform:scale(0.7)} .mypage-main .mypage-top .fl {float:none;margin-bottom:10px !important} .mypage-main .mypage-top .fr {float:none;margin-bottom:20px !important} } @media all and (max-width:699px) { .mypage-main .mypage-sec3 .mypm-icolist {flex-wrap:wrap;padding-top:0} .mypage-main .mypage-sec3 .mypm-icolist li {width:25%;margin-top:10px} .mypage-main .mypage-sec3 .mypm-icolist li:nth-child(4n+1):before {display:none} .mypage-main .mypage-sec3 .mypm-icolist .txt {margin-top:-10px} .mypage-main .mypm-txtlist li {width:33.33%} .mypage-main .mypm-txtlist a {min-height:initial} } @media all and (max-width:599px) { .mypage-main .mypage-sec1 {padding:13px 0 60px 100px} .mypage-main .mypage-sec1 .btn-siteset {top:auto;bottom:10px} .mypage-main .mypage-sec2 .c-tit01 {text-align:left} .mypage-main .mypage-sec3 .c-tit01 {text-align:left} } @media all and (max-width:499px) { .mypage-main .mypm-txtlist li {width:50%} } /* ============================== * 개인정보처리방침 ================================ */ .privacy-list .board-view-head .vtitle {padding:45px 0} .privacy-list .privacy-top {padding:45px 0;border-top:2px solid #a4a4a4;border-bottom:1px solid #ccc} .privacy-list .privacy-top h3 {color:#333;font-size:1.667em;font-weight:700;line-height:1.333;text-align:center} .privacy-list .board-winfo-files {border-top:1px solid #616161;border-bottom:1px solid #e9e9e9} .privacy-list .board-winfo-files .ilbl {display:inline-block;text-align:center;padding:20px 0;width:144px;vertical-align:top} .privacy-list .privacy-cont {padding:50px 20px;border-bottom:1px solid #dcdcdc} .privacy-list .no-data {display:block} .privacy-year {background-color:#f8f8f8;margin-top:40px;padding:28px 10px 27px} .privacy-year #linkPage {background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sfrysez_nee3.cat) no-repeat right 50%;border:0;border-bottom:3px solid #222;width:323px;height:45px;margin-right:30px;color:#666;font-size:1em} .privacy-year .btn-srh {min-width:135px;height:45px} @media all and (max-width:1200px) { .privacy-list .privacy-cont {padding:30px 10px} } @media all and (max-width:699px) { .privacy-list .privacy-top {padding:20px 0} .privacy-list .privacy-cont {padding:20px 5px} } @media all and (max-width:599px) { .privacy-year {padding:10px} .privacy-year #linkPage {display:block;width:100%;margin-right:0} .privacy-year .btn-srh {display:block;width:100%;min-width:0;height:45px;margin:10px 0 0} } /* ============================== * 연구보고서 ================================ */ .report-wr {} .report-wr .report-list {position:relative;} .report-wr .report-list:before {content:"";display:block;position:absolute;left:0;bottom:0;background-color:#e1e1e1;width:100%;height:1px} .report-wr .report-list > li {float:left;position:relative;border-bottom:1px solid #e1e1e1;width:50%;margin-top:60px;padding:0 0 60px 213px;box-sizing:border-box} .report-wr .report-list > li:nth-child(odd) {padding-right:50px} .report-wr .report-list > li:nth-child(even) {padding-left:262px} .report-wr .report-list > li:nth-child(odd):before {content:"";display:block;position:absolute;right:0;top:0;background-color:#e1e1e1;width:1px;height:calc(100% - 60px)} .report-wr .report-list > li:last-child:before {display:none} .report-list > li .report-img {display:block;position:absolute;left:0;top:3px;background-color:#f0f0f0;width:160px;height:200px;box-shadow:-2px 4px 0 0 rgba(0, 0, 0, .1);} .report-wr .report-list > li:nth-child(even) .report-img {left:47px} .report-list > li .report-img > img {display:block;max-width:100%} .report-list > li .tit {height:60px;color:#333;font-size:1.111em;font-weight:500;line-height:1.5;letter-spacing:-.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical} .report-list > li .more-info {position:relative;margin-top:16px;font-size:0} .report-list > li .more-info > p {display:inline-block;position:relative;padding:0 21px;color:#767676;font-size:15px;letter-spacing:-.05em} .report-list > li .more-info > p:before {content:"";display:block;position:absolute;left:0;top:50%;background-color:#dadada;width:1px;height:13px;margin-top:-6px} .report-list > li .more-info > p:first-child {padding-left:0} .report-list > li .more-info > p:first-child:before {display:none} .report-list > li .more-info > p.view {position:absolute;right:0;top:0;padding:0 0 0 23px} .report-list > li .more-info > p.view:before {top:6px;background:transparent url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Sobneq_fce.cat) no-repeat 0 -29px;width:15px;height:10px;margin-top:0} .report-list > li button {display:block;background-color:#f7f7f7;border:0;width:100%;margin-top:25px;text-align:left;box-sizing:border-box} .report-list > li button > span {display:inline-block;position:relative;max-width:100%;padding:12px 20px 12px 40px;color:#555;font-size:15px;letter-spacing:-.05em;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing:border-box} .report-list > li button > span:before {content:"";display:block;position:absolute;left:15px;top:50%;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Svpb_svyr_f.tvs) no-repeat;width:14px;height:18px;margin-top:-9px} @media all and (max-width:999px) { .report-wr .report-list > li {float:none;width:auto;margin-top:30px;padding:0 0 30px 200px !important} .report-wr .report-list > li:nth-child(odd):before {display:none} .report-wr .report-list > li:nth-child(even) .report-img {left:0} } @media all and (max-width:768px) { .report-list > li .tit {height:54px} .report-wr .report-list > li {padding-left:185px !important} } @media all and (max-width:599px) { .report-wr .report-list > li {margin-top:20px;padding:0 0 20px 130px!important } .report-list > li .report-img {width:112px;height:140px} .report-list > li .more-info {margin-top:6px} .report-list > li button {margin-top:14px} .report-list > li button > span {padding:10px 10px 10px 35px} .report-list > li button > span:before {left:12px} } .prg-survey-pop {} .prg-survey-pop .survey-box {} .prg-survey-pop .survey-box > h3 {border-top:2px solid #222;border-bottom:1px solid #222;margin-bottom:42px;padding:13px 0;color:#222;font-weight:500;letter-spacing:-.05em;text-align:center} .survey-box .survey-list {} .survey-box .survey-list > li {margin-top:40px} .survey-box .survey-list > li:first-child {margin-top:0} .survey-list > li .que {position:relative;margin-bottom:10px;padding:5px 0 6px 90px;color:#333;font-size:.944em;letter-spacing:0;box-sizing:border-box} .survey-list > li .que:before {content:"Q";display:block;position:absolute;left:0;top:0;background-color:#004198;border-radius:50%;width:40px;height:40px;color:#fff;/*font-size:.889em;*/font-weight:500;font-family:"Gmarket Sans", sans-serif;line-height:40px;text-align:center;box-sizing:border-box} .survey-list > li .que .num {display:block;position:absolute;top:10px;left:50px;color:#004198;font-size:.882em;font-weight:700;font-family:"Gmarket Sans", sans-serif;} .survey-list > li .ans-box {background-color:#f9f9f9;padding:13px 20px} .survey-list > li .ans-box .rdos input[type="radio"] + label {margin-right:20px;font-size:.889em} .survey-list > li .ans-box input.txt {display:block;width:100%;margin-top:15px} @media all and (max-width:768px) { .prg-survey-pop .survey-box > h3 {margin-bottom:20px} .survey-box .survey-list > li {margin-top:15px} .survey-list > li .que {padding-left:65px} .survey-list > li .que:before {top:2px;width:30px;height:30px;line-height:30px} .survey-list > li .que .num {left:40px} } @media all and (max-width:499px) { .survey-list > li .que {margin-bottom:0;padding:4px 0 6px 60px} .survey-list > li .que:before {top:0} .survey-list > li .que .num {top:7px;left:35px} } /* ============================== * 연계기관 현황 ================================ */ .prt-wr {position:relative;padding:80px 0} .prt-wr:before {content:"";display:block;position:absolute;left:50%;top:0;background-color:#f7f7f7;width:4000px;height:100%;margin-left:-2000px;z-index:-1} .prt-wr .prt-w-box {background-color:#fff;padding:50px;box-sizing:border-box;transition:all .3s ease} .prt-wr > .prt-box {position:relative} .prt-box .prt-map-box {width:800px} .prt-map-box .prt-map {text-align:center} .prt-map-box .prt-map > img {display:inline-block;max-width:100%} .prt-map area {transition:all .3s ease} .prt-map area:focus {outline:0;box-shadow:0 10px 25px 0 rgba(0,0,0,.1)} .prt-box .prt-org-box {position:absolute;right:0;top:0;width:550px;height:100%} .prt-box .prt-org-box > * {margin-top:20px} .prt-box .prt-org-box .num {font-size:.833em;font-weight:300} .prt-box .prt-org-box .num > span {display:inline-block;margin-right:6px;color:#222;font-size:1.333em;font-weight:500;font-family:"Gmarket Sans", sans-serif;letter-spacing:0} .prt-org-box .org-status {border:1px solid #ddd;padding:20px 30px 10px;box-sizing:border-box} .prt-org-box .org-status h4 {position:relative;margin-bottom:17px;padding:8px 0 12px 58px;font-weight:500;box-sizing:border-box} .prt-org-box .org-status h4:before {content:"";display:block;position:absolute;left:0;top:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Sceg_fce.cat) no-repeat;border-radius:50%;width:45px;height:45px} .prt-org-box .org-status h4.st-org {color:#004198} .prt-org-box .org-status h4.st-org:before {background-color:#004198;background-position:0 0} .prt-org-box .org-status h4.st-gu {color:#7228b7} .prt-org-box .org-status h4.st-gu:before {background-color:#7228b7;background-position:-55px 0} .prt-org-box .org-status > ul {font-size:0;overflow:hidden} .prt-org-box .org-status > ul > li {display:inline-block;position:relative;width:45%;margin:9px 10% 0 0;font-size:18px;padding-left:100px;color:#555;letter-spacing:-.05em;text-align:right;vertical-align:top;box-sizing:border-box} .prt-org-box .org-status > ul > li:nth-child(-n+2) {margin-top:0} .prt-org-box .org-status > ul > li:nth-child(2n), .prt-org-box .org-status > ul > li:last-child {margin-right:0} .prt-org-box .org-status > ul > li .tit {position:absolute;left:0;top:0;width:100px;font-size:.889em;font-weight:400;text-align:left} .prt-org-box .org-all {position:relative;border:1px solid #00204b;padding:17px 30px 13px 75px;text-align:right;box-sizing:border-box} .prt-org-box .org-all .tit {position:absolute;left:28px;top:15px;color:#333;font-weight:400} .prg-tbl-box {margin-top:50px} @media all and (max-width:1419px) { .prt-wr .prt-w-box {padding:50px 30px} .prt-box .prt-map-box {width:700px} .prt-box .prt-org-box {width:-webkit-calc(100% - 730px);width:-moz-calc(100% - 730px);width:calc(100% - 730px)} .prt-org-box .org-status > ul > li {width:48%;margin-right:4%;padding-left:95px} .prt-org-box .org-status > ul > li .tit {width:95px} } @media all and (max-width:1199px) { .prt-box .prt-map-box, .prt-box .prt-org-box {width:auto} .prt-box .prt-org-box {position:static;right:auto;top:auto;margin-top:30px} .prt-org-box .org-status {float:right;width:49%;margin:0} .prt-org-box .org-status.mg0t {float:left} .prt-org-box .org-all {float:left;width:100%} } @media all and (max-width:999px) { .prt-wr {padding:60px 0} .prt-wr .prt-w-box {padding:30px} .prt-org-box .org-status {padding:20px 15px 10px} .prt-org-box .org-status > ul > li {font-size:17px;padding-left:90px} .prt-org-box .org-status > ul > li .tit {width:90px} .prt-box .prt-org-box .num > span {margin-right:1px} .prg-tbl-box {margin-top:30px} } @media all and (max-width:768px) { .prt-wr {padding:40px 0} .prt-org-box .org-status h4 {margin-bottom:10px;padding:4px 0 5px 40px} .prt-org-box .org-status h4:before {background-size:70px auto;width:32px;height:32px} .prt-org-box .org-status h4.st-gu:before {background-position:-39px 0;} .prt-wr .prt-w-box {padding:20px} .prt-org-box .org-status > ul > li {font-size:16px} .prt-org-box .org-all {margin-top:15px;padding:12px 20px 8px 60px} .prt-org-box .org-all .tit {left:20px;top:11px} } @media all and (max-width:709px) { .prt-org-box .org-status > ul > li {display:block;width:auto;margin:0} } @media all and (max-width:499px) { .prt-org-box .org-status > ul > li {font-size:15px} } @media all and (max-width:399px) { .prt-box .prt-org-box > * {margin-top:15px} .prt-org-box .org-status {float:none !important;width:auto} } /* ============================== * 프로그램 신청 (자원연계신청 / 교육행사신청) ================================ */ /** -- 프로그램 신청 - 공통 */ .prg-btn-box {margin-top:45px;text-align:center} .prg-btn-box > * {margin:0 5px} @media all and (max-width:768px) { .prg-btn-box {margin-top:30px} } /** -- - 목록 */ .prg-list-wr {} .prg-list-wr .prg-sch-wr {border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;margin-bottom:30px;padding:18px 20px 28px;font-size:0;text-align:center;box-sizing:border-box} .prg-list-wr .prg-sch-wr button, .prg-list-wr .prg-sch-wr select.select, .prg-list-wr .prg-sch-wr input.txt {display:inline-block;margin:10px 5px 0 0} .prg-list-wr .prg-sch-wr .sch-date-box {margin-top:0 !important} .prg-list-wr .prg-sch-wr select.select {border:2px solid #dddddd;height:55px;font-size:16px;line-height:55px;vertical-align:middle} .prg-list-wr .prg-sch-wr input.txt {height:55px;font-size:16px;line-height:55px;vertical-align:middle} .prg-list-wr .prg-sch-wr input.date {background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Svpb_pny.cat) no-repeat 94% center;max-width:250px;padding-right:55px;cursor:pointer} .prg-list-wr .prg-sch-wr select.select {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sfrysez_nee6.cat);min-width:190px} .prg-list-wr .prg-sch-wr .sch-date-box input.txt {margin-right:0} .prg-list-wr .prg-sch-wr .sch-date-box .lnk {display:inline-block;width:50px;margin-top:10px;color:#555;font-size:18px;letter-spacing:-.05em;text-align:center;vertical-align:middle} .prg-list-wr .prg-sch-wr > div.prg-sch {display:block} .prg-sch-wr .prg-sch > * {/*margin-top:0 !important*/} .prg-sch-wr .prg-sch .prg-sch-txt {margin-right:5px !important;width:336px} .prg-sch-wr .prg-sch .prg-sch-btn {display:inline-block;border-width:1px;border-style:solid;height:55px;padding:0 33px;cursor:pointer;font-size:14px;font-weight:400;line-height:1;letter-spacing:-.025em;border-radius:18px;background-color:#482683;border-color:#482683;color:#fff;text-align:center;vertical-align:top;box-sizing:border-box;transition:all .25s ease} @media all and (max-width:999px) { .prg-sch-wr .prg-sch .prg-sch-txt {width:250px} } @media all and (max-width:768px) { .prg-list-wr .prg-sch-wr {padding:10px 15px 20px} } @media all and (max-width:699px) { .prg-list-wr .prg-sch-wr > div, .prg-list-wr .prg-sch-wr select.select, .prg-list-wr .prg-sch-wr input.txt {margin-right:2%} .prg-list-wr .prg-sch-wr select.select {width:48%;min-width:auto} .prg-list-wr .prg-sch-wr input.date {width: calc(50% - 25px);max-width:initial;padding-right:30px} .prg-list-wr .prg-sch-wr #searchState {width: calc(100% - 405px);min-width:auto;} } @media all and (max-width:599px) { .prg-list-wr .prg-sch-wr input.date {width: calc(50% - 10px);} .prg-list-wr .prg-sch-wr .sch-date-box .lnk {width:20px} .prg-list-wr .prg-sch-wr #searchState {width:100%;margin-bottom:10px;} .prg-list-wr .prg-sch-wr #searchKeyword {width: calc(100% - 120px);} } /** -- 상단 검색 폼 */ .prg-form-box.prg-top-sch {padding:25px 20px} .prg-form-box .prg-form-sch {text-align:center} .prg-form-box .prg-form-sch label {margin-right:25px;color:#767676;font-size:.889em;letter-spacing:-.05em} .prg-form-box .prg-form-sch select.select {background-image:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Sfrysez_nee6.cat);border-color:#e3e3e3;min-width:210px;height:50px;color:#333;line-height:50px} @media all and (max-width:499px) { .prg-form-box.prg-top-sch {padding:20px 15px} .prg-form-box .prg-form-sch label {margin-right:15px} .prg-form-box .prg-form-sch select.select {min-width:160px} } /** -- 완료화면 */ .prg-cmpl-box {text-align:center} .prg-cmpl-box .prg-cmpl-list {display:inline-block;padding-top:15px;font-size:0} .prg-cmpl-box .prg-cmpl-list > li {display:inline-block;margin:5px 40px;font-size:18px;vertical-align:middle} .prg-cmpl-list > li > * {display:inline-block;vertical-align:middle} .prg-cmpl-list > li .tit {border:2px solid #dadada;border-radius:50px;min-width:90px;padding:10px 5px 11px;color:#666;font-weight:400;letter-spacing:-.05em;text-align:center;box-sizing:border-box} .prg-cmpl-list > li .txt {margin-left:27px;color:#333;font-size:1.111em;font-weight:500;letter-spacing:-.05em} .prg-cmpl-box .prg-cmpl-detail {margin-top:25px;text-align:left} .prg-cmpl-detail > ul {border-top:2px solid #222222;border-bottom:1px solid #e1e1e1} .prg-cmpl-detail > ul > li {position:relative;padding-left:280px} .prg-cmpl-detail > ul > li:nth-child(odd) {background-color:#f9f9f9} .prg-cmpl-detail > ul > li .tit-box {position:absolute;left:0;top:0;border-right:1px solid #ddd;width:280px;height:100%;text-align:center} .prg-cmpl-detail > ul > li .tit-box:before {content:"";display:inline-block;width:0;height:100%;vertical-align:middle} .prg-cmpl-detail > ul > li .tit-box .tit {display:inline-block;color:#666;font-size:.944em;vertical-align:middle;max-width:98%} .prg-cmpl-detail > ul > li .txt-box {padding:24px 40px 26px;color:#333;letter-spacing:-.05em;line-height:1.667;box-sizing:border-box} .prg-cmpl-detail > ul.has2 {font-size:0} .prg-cmpl-detail > ul.has2 > li {display:inline-block;border-right:1px solid #e1e1e1;width:50%;font-size:18px;vertical-align:top;box-sizing:border-box} .prg-cmpl-detail > ul.has2 > li.col1 {display:block;width:auto} .prg-cmpl-detail > ul.has2 > li.last {border-right:0} .prg-cmpl-detail > ul.has2 > li.bg-odd {background-color:#f9f9f9} .prg-cmpl-detail > ul.has2 > li.bg-even {background:#fff} .prg-cmpl-detail .attach-box {background-color:#f7f7f7;padding:25px 60px} .prg-cmpl-detail .attach-box li {position:relative;margin-top:10px;padding:1px 0 5px 43px;color:#555;font-size:.889em;letter-spacing:-.025em} .prg-cmpl-detail .attach-box li:first-child {margin-top:0} .prg-cmpl-detail .attach-box li .ico {position:absolute;left:0;top:0;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SPbzzba%2Svpb_nggnpu.cat) no-repeat;width:23px;height:29px} .prg-cmpl-detail input.txt {width:100%} .prg-cmpl-detail .tel-box {font-size:0} .prg-cmpl-detail .tel-box input.tel {width:29.83%;font-size:20px} .prg-cmpl-detail .tel-box input.tel1 {width:27.41%} .prg-cmpl-detail .tel-box .lnk {display:inline-block;width:6.435%;color:#333;font-size:20px;font-weight:500;text-align:center} .prg-cmpl-box .prg-cmpl-txt {margin-top:55px;color:#555;font-size:1.111em;font-weight:400;letter-spacing:-.05em} .prg-cmpl-detail .prg-cmpl-input {} .prg-cmpl-detail .prg-cmpl-input > li .txt-box {padding:13px 40px 12px} .prg-cmpl-detail .prg-cmpl-input input.txt {height:55px} @media all and (max-width:1199px) { .prg-cmpl-detail > ul > li {padding-left:230px} .prg-cmpl-detail > ul > li .tit-box {width:230px} } @media all and (max-width:999px) { .prg-cmpl-box .prg-cmpl-list > li {font-size:17px} .prg-cmpl-detail > ul > li {padding-left:200px} .prg-cmpl-detail > ul > li .tit-box {width:200px} .prt-org-box .org-status {padding:20px 20px 10px} .prt-org-box .org-status > ul > li {padding-left:90px} .prt-org-box .org-status > ul > li .tit {width:90px} .prg-cmpl-detail > ul.has2 {font-size:1em} .prg-cmpl-detail > ul.has2 > li {display:block;width:auto;background-color:#fff !important;border-right:0;font-size:1em} .prg-cmpl-detail > ul.has2 > li:nth-child(odd) {background-color:#f9f9f9 !important} .prg-cmpl-detail .tel-box input.tel {font-size:18px} } @media all and (max-width:768px) { .prg-cmpl-box .prg-cmpl-list {padding-top:0} .prg-cmpl-box .prg-cmpl-list > li {margin:5px 25px;font-size:16px} .prg-cmpl-list > li .txt {margin-left:17px} .prg-cmpl-box .prg-cmpl-detail {margin-top:17px} .prg-cmpl-detail > ul > li {padding-left:140px} .prg-cmpl-detail > ul > li .tit-box {width:140px} .prg-cmpl-detail > ul > li .txt-box {padding:20px 22px 22px} .prg-cmpl-detail .attach-box {padding:20px 25px} .prg-cmpl-detail .attach-box li {padding:0 0 0 25px} .prg-cmpl-detail .attach-box li .ico {background-size:auto 20px;width:16px;height:20px} .prg-cmpl-detail .tel-box input.tel {font-size:17px} .prg-cmpl-box .prg-cmpl-txt {margin-top:30px} .prg-cmpl-detail .prg-cmpl-input > li .txt-box {padding:9px 22px 8px} .prg-cmpl-detail .prg-cmpl-input input.txt {height:45px} } @media all and (max-width:599px) { .prg-cmpl-box .prg-cmpl-list {display:block;text-align:left} .prg-cmpl-box .prg-cmpl-list > li {display:block;position:relative;margin:7px 0;padding:8px 0 7px 90px;padding-left:80px} .prg-cmpl-list > li .tit {position:absolute;left:0;top:0;min-width:70px;padding:7px 5px 8px} .prg-cmpl-list > li .txt {margin-left:0} } @media all and (max-width:499px) { .prg-cmpl-box .prg-cmpl-list > li {font-size:15px} .prg-cmpl-detail > ul > li {padding-left:0} .prg-cmpl-detail > ul > li .tit-box {position:static;left:auto;top:auto;border-right:0;width:auto;padding:15px 15px 0;text-align:left} .prg-cmpl-detail > ul > li .tit-box:before {display:none} .prg-cmpl-detail > ul > li .txt-box, .prg-cmpl-detail .prg-cmpl-input > li .txt-box {padding:5px 15px 15px} .prg-cmpl-detail .tel-box input.tel {font-size:16px} } /** -- 팝업 */ .pop-cont .prg-cmpl-box {text-align:left} .pop-cont .prg-cmpl-detail > ul > li {padding-left:170px} .pop-cont .prg-cmpl-detail > ul > li .tit-box {width:170px} @media all and (max-width:999px) { .pop-cont .prg-cmpl-detail > ul > li {padding-left:140px} .pop-cont .prg-cmpl-detail > ul > li .tit-box {width:140px} } @media all and (max-width:499px) { .pop-cont .prg-cmpl-detail > ul > li {padding-left:0} .pop-cont .prg-cmpl-detail > ul > li .tit-box {position:static;left:auto;top:auto;border-right:0;border-bottom:1px solid #ddd;width:auto;padding:10px;text-align:left} .pop-cont .prg-cmpl-detail > ul > li .txt-box {padding:15px 10px 7px} .pop-cont .prg-btn-box {margin-top:15px} .pop-cont .prg-btn-box > * {margin:5px 5px 0 5px} } /** -- 교욱행사신청조회 */ .prg-edu-name .fld-input-box {position:relative} .prg-edu-name .fld-input-box > .status {position:absolute;left:20px;top:12px} .prg-edu-name .fld-input-box > .status + p {padding-left:110px} @media all and (max-width:999px) { .prg-edu-name .fld-input-box > .status + p {padding-left:85px} } @media all and (max-width:768px) { .prg-edu-name .fld-input-box > .status {top:10px} .prg-edu-name .fld-input-box > .status + p {padding-left:75px} } /* ============================== * 프로그램이용현황 ================================ */ /** -- 차트 */ .prg-chart-box.l-chart {float:left;width:780px} .prg-chart-box.r-chart {float:right;width:450px} .prg-chart-box .prg-chart {border:1px solid #ddd;padding:65px 40px;box-sizing:border-box} .prg-chart-box.one-chart .prg-chart #contChart {max-width:50%;margin:0 auto} @media all and (max-width:1459px) { .prg-chart-box.l-chart {float:left;width:60%} .prg-chart-box.r-chart {float:right;width:35%} .prg-chart-box .prg-chart {padding:40px 20px} .prg-chart-box.r-char .prg-chart {padding:40px 5px} .prg-chart-box.one-chart .prg-chart #contChart {max-width:70%} } @media all and (max-width:1099px) { .prg-chart-box {float:none !important;width:auto !important} .prg-chart-box.r-chart {margin-top:30px} .prg-chart-box .prg-chart {padding:40px 30px} .prg-chart-box.one-chart .prg-chart #contChart {max-width:100%} } @media all and (max-width:768px) { .prg-chart-box .prg-chart {padding:30px 20px} } /* ============================== * - 마이페이지 (자원연계신청) ================================ */ /** -- 목록 */ .prg-board-wrap {} .prg-board-wrap .bdListTbl {} .prg-board-wrap .bdListTbl .pbd-num {width:100px} .prg-board-wrap .bdListTbl .pbd-state, .prg-board-wrap .bdListTbl .pbd-result {width:120px} .prg-board-wrap .bdListTbl .pbd-cate, .prg-board-wrap .bdListTbl .pbd-type, .prg-board-wrap .bdListTbl .pbd-people {width:150px} .prg-board-wrap .bdListTbl .pbd-date, .prg-board-wrap .bdListTbl .pbd-sch {width:195px} .prg-board-wrap .bdListTbl .pbd-manage {width:325px} @media all and (max-width:1399px) { .prg-board-wrap .bdListTbl .pbd-num {width:80px} .prg-board-wrap .bdListTbl .pbd-date, .prg-board-wrap .bdListTbl .pbd-sch {width:175px} .prg-board-wrap .bdListTbl .pbd-manage {width:120px} .prg-board-wrap .bdListTbl .pbd-manage .sp-btn {display:block;margin:0 auto 5px} .prg-board-wrap .bdListTbl .pbd-manage > button {margin-top:5px} .prg-board-wrap .bdListTbl .pbd-manage > button:first-child {margin-top:0} } @media all and (max-width:999px) { .prg-board-wrap .bdListTbl .pbd-num {width:60px} .prg-board-wrap .bdListTbl .pbd-date, .prg-board-wrap .bdListTbl .pbd-sch {width:125px} .prg-board-wrap .bdListTbl .pbd-cate, .prg-board-wrap .bdListTbl .pbd-type, .prg-board-wrap .bdListTbl .pbd-date .time, .prg-board-wrap .bdListTbl .pbd-sch .time {display:none} } @media all and (max-width:720px) { .prg-board-wrap .bdListTbl .pbd-state .status {width:70px} } @media all and (max-width:699px) { .prg-board-wrap .bdListTbl tr td {width:auto !important;padding:3px 0;font-size:16px} .prg-board-wrap .bdListTbl td:before {content:attr(data-label);display:inline-block;margin-right:0;color:#222;font-weight:500} .prg-board-wrap .bdListTbl tr td br {display:none} .prg-board-wrap .bdListTbl .pbd-num {position:absolute;top:18px;left:10px;width:40px;font-size:14px;text-align:center} .prg-board-wrap .bdListTbl td.subject:before, .prg-board-wrap .bdListTbl .pbd-manage:before, .prg-board-wrap .bdListTbl .pbd-state:before {display:none} .prg-board-wrap .bdListTbl tr td .stitle {font-size:17px} .prg-board-wrap .bdListTbl .pbd-manage {margin-top:5px} .prg-board-wrap .bdListTbl .pbd-manage > button {margin:0 0 0 2px} .prg-board-wrap .bdListTbl .pbd-manage > button:first-child {margin-left:0} .prg-board-wrap .bdListTbl .pbd-state .status {margin:7px 0 0} } @media all and (max-width:499px) { .prg-board-wrap .bdListTbl tr td {font-size:15px} } @media all and (max-width:339px) { .prg-board-wrap .bdListTbl tbody tr {padding-left:0} .prg-board-wrap .bdListTbl .pbd-num {display:none} } /* ============================== * 프로그램안내 > 드림톡콘서트 신청 ================================ */ /* 버튼 정렬 */ .cBtnBox1 {margin-top:40px;text-align:center;} .cBtnBox2 {margin-top:40px;text-align:right;} .progrm-top {overflow:hidden;width:100%;} @media all and (max-width:499px) { .cBtnBox1 {margin-top:25px;} .cBtnBox2 {margin-top:25px;} } /* 상태값 */ .statev01, .statev02, .statev03 {display:inline-block;font-size:14px;color:#6350d6;line-height:1.2em;letter-spacing:-0.025em;border-radius:18px;border:1px solid #6350d6;padding:10px 10px 7px 10px;min-width:80px;box-sizing:border-box;text-align:center;} .statev02 {color:#fff;border-color:#6350d6;background:#6350d6;} .statev03 {color:#222;border-color:#e5e5e5;background:#e5e5e5;} /* 프로그램 검색 */ .prg-sch2-wr {background:#f5f6f7;border-radius:30px;padding:28px 38px 38px 38px;overflow:hidden;margin-bottom:20px;box-sizing:border-box;} .prg-sch {text-align:center;} .prg-sch * {vertical-align:middle;} .prg-sch input::placeholder {/*color:rgba(85,85,85,0.5);*/color:#939393;} .prg-sch input {margin-top:10px;} .prg-sch select {margin-top:10px;width:190px;} .prg-sch .ftxt {padding-right:9px;padding-left:25px;font-size:0.889em;color:#222222;} .prg-sch .ftxt.ftxt2 {font-size:1.222em;color:#555;font-weight:500;padding-right:3px;padding-left:3px;} .prg-sch input.calendar {max-width:190px;padding-right:35px;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Sfry_nee.cat) no-repeat right 0 center;} .prg-sch .search-inpw {display:inline-block;position:relative;padding-left:26px;margin-top:10px;} .prg-sch .search-inpw input.prg-sch-txt {padding-right:60px;position:relative;z-index:1;border-radius:15px;} .prg-sch .search-inpw .prg-sch-btn {position:absolute;width:55px;height:55px;right:0;top:50%;transform:translateY(-50%);background:transparent;color:transparent;border:0;z-index:2;} .prg-sch .search-inpw .prg-sch-btn:before {content:"";display:block;position:absolute;width:22px;height:23px;left:50%;top:50%;transform:translate(-50%, -50%);background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Sobneq_fce.cat) no-repeat 0 0;transition:all .3s ease} .prg-sch .search-inpw .prg-sch-btn span {position:absolute;width:1px;height:1px;top:0;left:0;padding:0;overflow:hidden} .prg-sch .search-inpw2 {padding-left:6px;} .prg-sch .search-inpw input, .prg-sch .search-inpw select {margin-top:0;} .prg-sch .schTxt {padding-top:5px;font-size:0.889em;} .prg-sch .schTxt .pst-txt {display:inline-block;} .prg-sch .schTxt .pst-icon {display:inline-block;position:relative;width:26px;height:23px;} .prg-sch .schTxt .pst-icon:before {display:block;content:'';position:absolute;top:4px;left:50%;margin-left:-11px;width:22px;height:23px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Sobneq_fce.cat) no-repeat 0 0;} .prg-sch2-pop {background:#f5f6f7;border-radius:20px;padding:20px;overflow:hidden;margin-bottom:20px;} .prg-sch2-pop .prg-sch .search-inpw input {width:100%;} @media all and (max-width:1199px) { .prg-sch2-wr {padding:20px;} .sch-inbox {display:inline-block;padding:2px 5px;} .prg-sch input.calendar {max-width:130px;} .prg-sch .search-inpw {padding-left:0;padding:2px 5px} .prg-sch .ftxt {padding-left:0;} } @media all and (max-width:768px) { .prg-sch .search-inpw input.prg-sch-txt {height:55px;} } @media all and (max-width:599px) { .prg-sch2-wr {padding:10px 20px 20px 20px;border-radius:20px;} .prg-sch2-wr .prg-sch {text-align:left;} .prg-sch2-wr .prg-sch .sch-inbox {display:flex;align-items:center;text-align:center;width:100%;box-sizing:border-box;padding-left:0;padding-right:0;} .prg-sch2-wr .prg-sch .sch-inbox .ftxt {display:block;width:80px;box-sizing:border-box;} .prg-sch2-wr .prg-sch .sch-inbox .ftxt2 {display:inline-block;width:auto;} .prg-sch2-wr .prg-sch .sch-inbox .ftxt3 {display:block;width:100%;box-sizing:border-box;} .prg-sch2-wr .prg-sch .sch-inbox-area .ftxt3 {width: calc(100% - 80px);} .prg-sch2-wr .prg-sch .sch-inbox-area .ftxt3 select {width:100%;height:45px;} .prg-sch2-wr .prg-sch .sch-inbox-date .ftxt3 {width: calc(100% - 80px);display:flex;align-items:center;} .prg-sch2-wr .prg-sch .sch-inbox-date .ftxt3 .calendar {width:50%;max-width:initial;} .prg-sch2-wr .prg-sch .sch-inbox-cate .ftxt3 select {width:47%;} .prg-sch2-wr .prg-sch input.calendar {height:45px;} .prg-sch2-wr .prg-sch .search-inpw {display:block;box-sizing:border-box;padding-left:0;padding-right:0;margin-top:0;} .prg-sch2-wr .prg-sch .search-inpw input.prg-sch-txt {width:100%;height:45px;padding-right:45px;} .prg-sch2-wr .prg-sch .search-selinpw {position:relative;padding-left:80px;} .prg-sch2-wr .prg-sch .search-selinpw select {position:absolute;top:2px;left:0;width:77px;height:45px;} .prg-sch select {max-width:100px;} .prg-sch .search-inpw {display:block;width:100%;} .prg-sch .search-inpw input.prg-sch-txt {width:100%;} } /* 달력팝업 */ .ui-datepicker, .ui-datepicker input, .ui-datepicker select, .ui-datepicker textarea, .ui-datepicker button {font-family:'SCoreDream', sans-serif;} .ui-datepicker.ui-widget-content {border:0;background:#fff;border-radius:15px;box-shadow:0 20px 30px rgba(0,0,0,0.1);padding:20px;box-sizing:border-box;min-width:260px;} .ui-datepicker .ui-widget-header {border:0;background:#fff;padding:0;} .ui-datepicker .ui-datepicker-title {margin:0 17px;} .ui-datepicker .ui-widget-header .ui-datepicker-prev, .ui-datepicker .ui-widget-header .ui-datepicker-next {top:0;width:20px;height:40px;background:#fff;border:0;display:inline-block;} .ui-datepicker .ui-widget-header .ui-datepicker-prev:before, .ui-datepicker .ui-widget-header .ui-datepicker-next:before {display:block;content:'';position:absolute;top:0;bottom:0;left:3px;margin:auto 0;width:12px;height:12px;border-bottom:2px solid #000;border-right:2px solid #000;transform:rotate(-45deg);} .ui-datepicker .ui-widget-header .ui-datepicker-prev:before {transform:rotate(135deg);} .ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon, .ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {font-size:0;color:transparent;background:none;} .ui-datepicker .ui-widget-header select {font-size:14px;color:#555555;height:40px;padding-left:10px;padding-right:35px;border:2px solid #dddddd;background:#fff url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2S_Vzt%2SObneq%2Sqrsnhyg%2Sfry_nee.cat) no-repeat right 0 center;margin:0 5px;width: calc(50% - 10px);border-radius:10px;} .ui-datepicker .ui-datepicker-calendar thead th {font-size:15px;color:#888888;font-weight:400;} .ui-datepicker .ui-datepicker-calendar tbody td {font-size:15px;color:#222222;font-weight:400;} .ui-datepicker .ui-state-default, .ui-datepicker .ui-widget-content .ui-state-default, .ui-datepicker .ui-widget-header .ui-state-default {font-size:15px;color:#222222;font-weight:400;border:0;background:none;text-align:center;} .ui-datepicker .ui-state-highlight, .ui-datepicker .ui-widget-content .ui-state-highlight, .ui-datepicker .ui-widget-header .ui-state-highlight {width:30px;height:30px;border-radius:50%;background:#f7d76f;line-height:30px;margin:auto;} @media all and (max-width:449px) { .ui-datepicker.ui-widget-content {left:auto !important;right:0;} } /* 팝업 */ .pop-dreamtalkPop01 {position:relative;width:100%;overflow:hidden;} .pop-dreamtalkPop01 .fr {padding-bottom:10px;} /** 목록 **/ .req {display:inline-block;padding:0 5px;font-size:0 !important;box-sizing:border-box;position:relative;line-height:1;vertical-align:text-top;} .req:after {content:"*";display:inline-block;color:#fcc000;font-size:22px !important;font-weight:600;line-height:1;vertical-align:middle;} .c-tit01 .req {vertical-align:middle;} .DreamTalk-agree-top {display:flex;justify-content:space-between;align-items:flex-start;} .DreamTalk-agree-top .c-tit01 {display:flex;align-items:center;} .DreamTalk-agree-top .c-tit01 .req {padding-left:18px;} .DreamTalk-agree-box {border:2px solid #dddddd;border-radius:20px;padding:28px 20px 28px 28px;/*padding:38px 20px 38px 38px;*/background:#f8f8f8;} .DreamTalk-agree-box .agreeBox {width:100%;height:240px;overflow-y:auto;} .DreamTalk-agree-box .agreeBox:focus {outline:2px solid black} .chks-box {padding-top:20px;text-align:center;} #doc-wrap .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {background-color:#fff;} #doc-wrap .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {background-color:#1c2e88;} #doc-wrap .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, #doc-wrap .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color:#1c2e88;} .DreamTalk-app .c-intext {color:#000000;font-weight:500;font-size:0.944em;padding-left:8px;} @media all and (max-width:999px) { .DreamTalk-agree-box {border-radius:7px;padding:18px 15px 18px 18px;} } /** 글쓰기 **/ .prg-form-list {width:100%;border-top:2px solid #222222;border-bottom:1px solid #222222;} .prg-form-list > ul {width:100%;display:flex;flex-wrap:wrap;} .prg-form-list > ul > li {display:block;width:100%;border-bottom:1px solid #ddd;font-size:0.944em;} .prg-form-list > ul > li.has-li2 {width:50%;} .prg-form-list > ul > li.has-li3 {width:33.33%;} .prg-form-list .gbg {background:#f8f8f8;} .prg-form-list .frm-li {display:block;align-items:center;width:100%;height:100%;position:relative;box-sizing:border-box;padding:20px 20px 20px 230px;} .prg-form-list .frm-li .lbl {display:flex;align-items:center;position:absolute;top:0;left:0;width:200px;height:100%;background:#f8f8f8;box-sizing:border-box;padding-left:30px;padding-right:10px;color:#222222;font-weight:500;word-break:break-all;} .prg-form-list .frm-li .fld {min-height:30px;height:100%;} .prg-form-list .frm-li input.tel {max-width:25%;width:150px;} .prg-form-list .frm-li input.email, .prg-form-list .frm-li select.email {max-width:30%;width:300px;} .prg-form-list .frm-li select {line-height:1.4em;} .prg-form-list .frm-li input.address {width:48%;} .prg-form-list .frm-li .dir-left {display:flex;flex-wrap:wrap;} .prg-form-list .frm-li .dir-left > li {width:33.33%;padding-right:10px;box-sizing:border-box;} .prg-form-list .frm-li .addr2 {margin-top:2px;} .prg-form-list .frm-li .sbirth {width:30%;} .prg-form-list .frm-li .txtFld {display:flex;align-items:center;height:100%;} .prg-form-list .frm-li .frm-security {display:flex;} .prg-form-list .frm-li .frm-security .chi-numbox {border:2px solid #DDD;display:flex;justify-content:center;width:200px; margin-right:10px;height:50px;border-radius:15px;text-align:center;} .prg-form-list .frm-li .frm-security .chi-numbox#chi_bg .num {display:inline-block;padding:0 2px;line-height:46px;width:30px;} .prg-form-list .frm-li .frm-security .chi-txt {position:relative;display:inline-block;} .prg-form-list2 {width:100%;border-top:2px solid #222222;border-bottom:1px solid #222222;} .prg-form-list2 > ul {width:100%;display:flex;flex-wrap:wrap;} .prg-form-list2 > ul > li {display:block;width:100%;border-bottom:1px solid #ddd;font-size:0.944em;} .prg-form-list2 > ul > li.has-li2 {width:50%;} .prg-form-list2 .frm-li {display:block;align-items:center;width:100%;position:relative;box-sizing:border-box;padding:20px 20px 20px 230px;} .prg-form-list2 .frm-li .lbl {display:flex;align-items:center;position:absolute;top:0;left:0;width:200px;height:100%;box-sizing:border-box;padding-left:30px;color:#222222;font-weight:500;} .prg-form-list2 .frm-li .lbl:before {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-27.5px;width:1px;height:55px;background:#dddddd;} .prg-form-list2 .frm-li .dir-left {display:flex;flex-wrap:wrap;} .prg-form-list2 .frm-li .dir-left > li {width:33.33%;padding-right:10px;box-sizing:border-box;} #layout-popup-wrap .prg-form-list2 {min-width:400px;} #layout-popup-wrap .prg-form-list2 > ul {width:100%;display:flex;flex-wrap:wrap;} #layout-popup-wrap .prg-form-list2 > ul > li {display:block;width:100%;border-bottom:1px solid #ddd;font-size:0.944em;} #layout-popup-wrap .prg-form-list2 > ul > li.has-li2 {width:50%;} #layout-popup-wrap .prg-form-list2 .frm-li {display:block;align-items:center;width:100%;position:relative;box-sizing:border-box;padding:20px 20px 20px 120px;min-height:68px;} #layout-popup-wrap .prg-form-list2 .frm-li .lbl {display:flex;align-items:center;position:absolute;top:0;left:0;width:110px;height:100%;box-sizing:border-box;padding-left:10px;color:#222222;font-weight:500;} #layout-popup-wrap .prg-form-list2 .frm-li .lbl:before {display:block;content:'';position:absolute;top:50%;right:0;margin-top:-27.5px;width:1px;height:55px;background:#dddddd;} #layout-popup-wrap .prg-form-list2 .frm-li .dir-left {display:flex;flex-wrap:wrap;} #layout-popup-wrap .prg-form-list2 .frm-li .dir-left > li {width:33.33%;padding-right:10px;box-sizing:border-box;} #layout-popup-wrap .prg-form-list2.liLbl-long .frm-li {padding-left:250px;} #layout-popup-wrap .prg-form-list2.liLbl-long .frm-li .lbl {width:240px;} @media all and (max-width:999px) { #layout-popup-wrap .prg-form-list2 {min-width:initial;} } @media all and (max-width:1099px) { .prg-form-list > ul > li.has-li2 {width:100%;} .prg-form-list > ul > li.has-li3 {width:100%;} } @media all and (max-width:799px) { .prg-form-list .frm-li .dir-left > li {width:50%;} .prg-form-list2 .frm-li .dir-left > li {width:50%;padding-right:0;} } @media all and (max-width:768px) { .prg-form-list .frm-li {padding:15px 0 15px 130px;} .prg-form-list .frm-li .lbl {padding-left:10px;width:120px;} .prg-form-list2 .frm-li {padding:15px 0 15px 130px;} .prg-form-list2 .frm-li .lbl {padding-left:10px;width:120px;} #layout-popup-wrap .prg-form-list2 .frm-li {padding:10px 0 10px 130px;} #layout-popup-wrap .prg-form-list2 .frm-li .lbl {padding-left:5px;width:120px;} #layout-popup-wrap .prg-form-list2 .frm-li .lbl:before {top:5%;margin-top:0;height:90%;} } @media all and (max-width:599px) { .prg-form-list .frm-li .frm-security {display:block;} .prg-form-list .frm-li .frm-security .chi-numbox {width:100%;box-sizing:border-box;} .prg-form-list .frm-li .frm-security .chi-txt {display:block;margin-top:10px;padding-right:90px;} .prg-form-list .frm-li .frm-security .chi-txt input.txt {width:100%;} .prg-form-list .frm-li .frm-security a {position:absolute;top:0;right:0;} } @media all and (max-width:499px) { /*.prg-form-list .frm-li {padding:0;} .prg-form-list .frm-li .lbl {display:block;position:relative;top:auto;left:auto;width:100%;height:auto;padding:10px;} .prg-form-list .frm-li .fld {min-height:initial;height:auto;padding:10px;} .prg-form-list .frm-li input.txt {width:100%;} .prg-form-list .frm-li input.zipcode {width:50%;} .prg-form-list .frm-li input.tel {max-width:30%;margin-bottom:1px;} .prg-form-list .frm-li input.email, .prg-form-list .frm-li select.email {max-width:30%;margin-bottom:1px;} .prg-form-list .frm-li input.address {width:90%;margin-bottom:1px;} .prg-form-list .frm-li .dir-left > li {width:100%;}*/ .prg-form-list .frm-li {padding:10px 0 10px 130px;} .prg-form-list .frm-li input.zipcode {width:40%;} .prg-form-list .frm-li input.tel {max-width:28%;margin-bottom:1px;} .prg-form-list .frm-li input.email, .prg-form-list .frm-li select.email {max-width:28%;margin-bottom:1px;} .prg-form-list .frm-li input.address {width:90%;margin-bottom:1px;} #layout-popup-wrap .prg-form-list2 .frm-li .fld input, #layout-popup-wrap .prg-form-list2 .frm-li .fld select {width:90%;margin-bottom:1px;} } @media all and (max-width:429px) { .prg-form-list .frm-li .fld-school input.school {width:108px;} .prg-form-list .frm-li input.email, .prg-form-list .frm-li select.email {max-width:90%;} .prg-form-list .frm-li .sbirth {width:90%;margin-bottom:1px;} .prg-form-list .frm-li .dir-left > li {width:100%;} .prg-form-list .frm-li .dir-left-area > li {width:50%;} .prg-form-list2 .frm-li .dir-left > li {width:100%;} } @media all and (max-width:399px) { .prg-form-list .frm-li input.zipcode {width:30%;} } @media all and (max-width:370px) { .prg-form-list .frm-li .fld-school input.school {width:90%;} .prg-form-list .frm-li .fld-school a, .prg-form-list .frm-li .fld-school button {width:90%;margin-top:1px;} .prg-form-list .frm-li input.tel {max-width:90%;} } @media all and (max-width:349px) { .prg-form-list .frm-li input.zipcode {width:90%;} .prg-form-list .frm-li button.zipcodeFind {width:90%;} } /* 질문과 답변 */ .prg-form-list-qa {width:100%;border-top:2px solid #222222;} .prg-form-list-qa > ul > li {width:100%;} .prg-form-list-qa .frm-dl dt {display:block;width:100%;position:relative;box-sizing:border-box;padding:32px 20px 33px 230px;border-bottom:1px solid #ddd;} .prg-form-list-qa .frm-dl dd {display:block;width:100%;position:relative;box-sizing:border-box;padding:20px 20px 20px 230px;border-bottom:1px solid #222222;background:#f8f8f8;} .prg-form-list-qa .frm-dl .lbl {display:block;position:absolute;top:33px;left:0;width:200px;height: calc(100% - 33px);box-sizing:border-box;padding-left:80px;color:#482683;font-weight:500;} .prg-form-list-qa .frm-dl .lbl:before {display:block;content:'Q';position:absolute;top:-5px;left:30px;width:40px;height:40px;background:#482683;border-radius:50%;line-height:40px;color:#fff;font-weight:500;font-size:1.111em;text-align:center;} .prg-form-list-qa .frm-dl .lbl:after {display:block;content:'';position:absolute;top:-13px;right:0;width:1px;height:55px;background:#ddd;} .prg-form-list-qa .frm-dl dt .fld {min-height:33px;} .prg-form-list-qa .frm-dl dd .lbl {color:#222;} .prg-form-list-qa .frm-dl dd .lbl:before {content:'A';background:#fcc000;color:#222;} .prg-form-list-qa .frm-dl dd .fld {min-height:56px;display:flex;align-items:center;flex-wrap:wrap;} .prg-form-list-qa .frm-dl dd .fld.bfld {padding:12px 0 13px 0;} .prg-form-list-qa .dir-left {display:flex;width:100%;flex-wrap:wrap;} .prg-form-list-qa .dir-left > li {width:33.33%;padding-right:10px;box-sizing:border-box;} .prg-form-list-qa .frm-dl dd .ftxt3 {display:inline-block;padding-right:5px;} .prg-form-list-qa .sinfld {display:inline-block;padding-right:15px;padding-bottom:2px;} .prg-form-list-ans .frm-dl dd .fld {padding:12px 0 13px 0;} .prg-form-list-qa.insnum > ul {counter-reset:section;} .prg-form-list-qa.insnum .frm-dl dt .lbl span:after {display:inline-block;counter-increment:section;content:counter(section, decimal-leading-zero);padding-left:3px;} .board-MyReport .bdViewCont #boardContents {padding:0;} .board-MyReport .prg-form-list-qa {border-top:0;} .board-MyReport .prg-form-list-qa > ul > li:nth-child(even) {background:#F8F8F8;} .board-MyReport .prg-form-list-qa .frm-dl dt {border-color:#222222;} .board-MyReport .prg-form-list-qa .frm-dl dd {border-bottom:1px solid #ddd;background:none;} .board-MyReport .prg-form-list-qa .frm-dl .lbl:after {height:100%;} @media all and (max-width:768px) { .DreamTalk-agree-top {display:block;} .DreamTalk-agree-top .chks {padding-bottom:20px;} .prg-form-list-qa .frm-dl dt {padding:15px 0 15px 150px;} .prg-form-list-qa .frm-dl dd {padding:15px 0 15px 150px;} .prg-form-list-qa .frm-dl .lbl {width:140px;padding-left:50px;top:15px;} .prg-form-list-qa .frm-dl .lbl:before {left:10px;width:30px;height:30px;line-height:30px;font-size:1em;} .prg-form-list-qa .frm-dl .lbl:after {top:-1px;height:30px;} .prg-form-list-qa .frm-dl dd .fld {min-height:16px;} .prg-form-list-qa .frm-dl dd .fld.bfld {padding:10px 0 15px 0;} .prg-form-list-ans .frm-dl dd .fld {padding:10px 0 15px 0;} .prg-form-list-qa .dir-left > li {width:50%;} } @media all and (max-width:499px) { .prg-form-list-qa .dir-left > li {width:50%;padding-right:0;} .prg-form-list-qa .frm-dl dd .inline {display:block;} .prg-form-list-qa .frm-dl dt {padding:15px 0 15px 0;} .prg-form-list-qa .frm-dl dd {padding:15px 0 15px 0;} .prg-form-list-qa .frm-dl .lbl {position:relative;top:auto;left:auto;width:100%;height:auto;} .prg-form-list-qa .frm-dl .lbl:after {display:none !important;} .prg-form-list-qa .frm-dl dd .fld {padding-left:15px;padding-right:15px;padding-top:15px;display:block;} .prg-form-list-qa .frm-dl dd .fld input.txt {width:100%;} .prg-form-list-qa .sinfld {display:block;padding-right:0;} .prg-form-list-qa .sinfld .ftxt {display:inline-block;width:50px;} .prg-form-list-qa .frm-dl dd .fld .sinfld input, .prg-form-list-qa .frm-dl dd .fld .sinfld select {width: calc(100% - 70px);} } /* ============================== * 프로그램안내 > 1회, 잡월드 ================================ */ /* 컨설팅 단계 */ .consulting-step {width:100%;overflow:hidden;text-align:center;margin-bottom:55px;} .consulting-step > ol {position:relative;width:90%;max-width:900px;margin:auto;display:flex;padding:0 50px 0 50px;box-sizing:border-box;overflow:hidden;} .consulting-step > ol:before {display:block;content:'';position:absolute;top:57px;left:0;width:100%;height:8px;background:#dee2f1 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Spbafhygvat_qbg.cat) repeat-x 0 0;border-radius:4px;} .consulting-step > ol:after {display:block;content:'';position:absolute;top:57px;left:0;width:0;height:8px;background:#8998e3 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Spbafhygvat_qbg.cat) repeat-x 0 0;border-radius:4px;} .consulting-step > ol > li {width:33.33%;display:inline-block;position:relative;} .consulting-step > ol > li:before {display:block;content:'';position:absolute;top:55px;left:50%;margin-left:-6px;width:12px;height:12px;background:#773abc;border-radius:50%;z-index:1;} .consulting-step > ol > li:last-child:before {top:33px;margin-left:-18px;width:36px;height:58px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Spbafhygvat_fce.cat) no-repeat -150px 0;} .consulting-step .ico {display:none;position:absolute;top:10px;left:0;width:40px;height:40px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Spbafhygvat_fce.cat) no-repeat 0 0;} .consulting-step .txt {display:block;color:#4565d9;font-weight:500;font-size:1.056em;padding-top:81px;} .consulting-step li:nth-child(1) .ico {left:30px;} .consulting-step li:nth-child(2) .ico {left:0;background-position:-50px 0;} .consulting-step li:nth-child(3) .ico {background-position:-100px 0;} .consulting-step .over .ico {display:block;animation:consbounce .3s ease infinite alternate;} .consulting-step .over .txt {color:#773abc;} .consulting-step > ol.csstep2 li:nth-child(1) .txt {color:#773abc;} .consulting-step > ol.csstep3 .txt {color:#773abc;} .consulting-step > ol.csstep1:after {width:24.445%;} .consulting-step > ol.csstep2:after {width:50%;} .consulting-step > ol.csstep3:after {width:95%;} @media all and (max-width:799px) { .consulting-step > ol {padding:0;} .consulting-step .ico {margin-left:-20px;} } @keyframes consbounce { 100% {top:0;} } /* 컨설팅 아이콘 */ .cuns-cate {display:block;position:relative;font-size:1.278em;color:#222222;font-weight:600;padding:0 10px;width:100%;height:220px;border-radius:30px;background:#ecf2f6;border:3px solid #ecf2f6;margin-bottom:22px;box-sizing:border-box;text-align:center;transition:all .3s ease;} .cuns-cate:before {display:block;content:'';width:120px;height:120px;margin:27px auto 12px auto;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Spbafhygvat_fce.cat) no-repeat -1040px -251px;} .cuns-cate .txt {display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} .cuns-cate.cuns-cate01:before {background-position:0 -121px;}/*수학*/ .cuns-cate.cuns-cate02:before {background-position:-130px -121px;}/*물리학*/ .cuns-cate.cuns-cate03:before {background-position:-260px -121px;}/*화학*/ .cuns-cate.cuns-cate04:before {background-position:-390px -121px;}/*지구과학*/ .cuns-cate.cuns-cate05:before {background-position:-520px -121px;}/*농림수산식품*/ .cuns-cate.cuns-cate06:before {background-position:-651px -121px;}/*생명과학*/ .cuns-cate.cuns-cate07:before {background-position:-781px -121px;}/*보건의료*/ .cuns-cate.cuns-cate08:before {background-position:-911px -121px;}/*재료*/ .cuns-cate.cuns-cate09:before {background-position:-1040px -121px;}/*기계*/ .cuns-cate.cuns-cate10:before {background-position:0 -251px;}/*화학공학*/ .cuns-cate.cuns-cate11:before {background-position:-130px -251px;}/*전기전자*/ .cuns-cate.cuns-cate12:before {background-position:-260px -251px;}/*정보통신*/ .cuns-cate.cuns-cate13:before {background-position:-390px -251px;}/*에너지/자원*/ .cuns-cate.cuns-cate14:before {background-position:-520px -251px;}/*원자력*/ .cuns-cate.cuns-cate15:before {background-position:-651px -251px;}/*환경*/ .cuns-cate.cuns-cate16:before {background-position:-781px -251px;}/*건설/교통*/ .cuns-cate.cuns-cate17:before {background-position:-911px -251px;}/*진학*/ .cuns-cate.cuns-cate18:before {background-position:-1040px -251px;}/*기타*/ @media all and (max-width:999px) { .cuns-cate {height:190px;} .cuns-cate:before {transform:scale(0.8);margin:0 auto 0 auto;} .cuns-cate .txt {display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal;} } @media all and (max-width:599px) { .cuns-cate {height:170px;font-size:1.2em;} .cuns-cate:before {transform:scale(0.6);margin:0 auto 0 auto;} .cuns-cate .txt {margin-top:-20px;} } /* 컨설팅 리스트 */ .Consulting-list > ul {width:100%;display:flex;flex-wrap:wrap;} .Consulting-list > ul > li {width:22.858%;margin-left:2.856%;margin-top:50px;border-bottom:3px solid #ededed;padding-bottom:9px;} .Consulting-list > ul > li:nth-child(4n+1) {margin-left:0;} .Consulting-list > ul > li.nodata {width:100%;margin-left:0;margin-top:50px;padding-bottom:50px;} .Consulting-list a {position:relative;display:block;} .Consulting-list .cuns-num {display:none;} .Consulting-list .cuns-secret {position:absolute;top:15px;right:15px;width:45px;height:45px;background:#935dc8 url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2Spbafhygvat_fce.cat) no-repeat -196px 0;border-radius:50%;box-shadow:0 9px 10px rgba(0,0,0,0.1);z-index:1;} .Consulting-list .cuns-id {display:block;color:#482683;font-weight:500;font-size:0.944em;letter-spacing:0;} .Consulting-list .cuns-subject {display:block;color:#333333;font-weight:500;font-size:1.111em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top:2px;} .Consulting-list .cunssubject {display:block;color:#333333;font-weight:500;font-size:1.111em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding-top:2px;} .Consulting-list .cuns-bottom {display:flex;justify-content:space-between;align-items:center;width:100%;padding-top:21px;} .Consulting-list .cuns-date {color:#666666;font-size:0.889em;} .Consulting-list a:hover .cuns-cate {border-color:#6350d6;box-shadow:0 29px 20px rgba(0,0,0,0.2);} .Consulting-list > ul > li.no-data {width:100%;margin-left:0%;margin-top:50px;border-bottom:3px solid #ededed;padding-bottom:9px;} @media all and (max-width:999px) { .Consulting-list > ul > li {width:32%;margin-left:2%;margin-top:40px;} .Consulting-list > ul > li:nth-child(4n+1) {margin-left:2%;} .Consulting-list > ul > li:nth-child(3n+1) {margin-left:0;} } @media all and (max-width:599px) { .Consulting-list > ul > li {width:48.5%;margin-left:3%;margin-top:30px;} .Consulting-list > ul > li:nth-child(4n+1) {margin-left:3%;} .Consulting-list > ul > li:nth-child(3n+1) {margin-left:3%;} .Consulting-list > ul > li:nth-child(odd) {margin-left:0;} } @media all and (max-width:429px) { .Consulting-list > ul > li {width:100%;margin-left:0 !important;margin-top:20px;min-height:120px;padding-bottom:20px;} .Consulting-list a {padding-left:140px;} .Consulting-list .cuns-secret {top:5px;right:auto;left:5px;transform:scale(0.7);} .Consulting-list .cuns-cate {position:absolute;top:0;left:0;width:120px;height:120px;font-size:1em;box-sizing:border-box;padding-top:75px;line-height:1.2em;} .Consulting-list .cuns-cate:before {position:absolute;top:-20px;left:50%;margin-left:-60px;transform:scale(0.5);} .Consulting-list .cuns-cate .txt {margin-top:0;} .Consulting-list .cuns-bottom {display:block;padding-top:10px;} .Consulting-list .cuns-bottom .cuns-date {display:block;} .Consulting-list .cuns-bottom .cuns-state {display:block;} } /* 컨설팅 분야선택 */ .Consulting-catesel {width:100%;display:flex;flex-wrap:wrap;} .Consulting-catesel > li {position:relative;width:19.429%;margin-left:0.71375%;margin-bottom:20px;} .Consulting-catesel > li:nth-child(5n+1) {margin-left:0;} .Consulting-catesel input[type="radio"] {position:absolute;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0)} .Consulting-catesel input[type="radio"] + label {height:200px;line-height:1.2em;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:noneb;} .Consulting-catesel input[type="radio"] + label:before {margin:22px auto 0 auto;} .Consulting-catesel input[type="radio"]:checked + label, .Consulting-catesel input[type="radio"]:focus + label {border-color:#6350d6;box-shadow:0 29px 20px rgba(0,0,0,0.2);} @media all and (max-width:1099px) { .Consulting-catesel > li {width:23.5%;margin-left:2%;} .Consulting-catesel > li:nth-child(5n+1) {margin-left:2%;} .Consulting-catesel > li:nth-child(4n+1) {margin-left:0;} } @media all and (max-width:599px) { .Consulting-catesel > li {width:32%;margin-bottom:0;} .Consulting-catesel > li:nth-child(4n+1) {margin-left:2%;} .Consulting-catesel > li:nth-child(3n+1) {margin-left:0;} .Consulting-catesel input[type="radio"] + label {height:140px;font-size:1em;line-height:1.2em;padding-top:90px;margin-bottom:5px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:noneb;} .Consulting-catesel input[type="radio"] + label:before {position:absolute;top:-15px;left:50%;margin:0 0 0 -60px;} .Consulting-catesel input[type="radio"]:checked + label, .Consulting-catesel input[type="radio"]:focus + label {border-color:#6350d6;box-shadow:0 15px 10px rgba(0,0,0,0.1);} } @media all and (max-width:419px) { /*.Consulting-catesel > li {width:100%;margin-left:0 !important;} .Consulting-list a {position:relative;display:block;}*/ } /* ============================== * 프로그램안내 > 마이페이지 ================================ */ /* 컨설팅 보고서 */ .tbl-MyReport-Box {/* border:2px solid #ddd; *//* border-bottom:1px solid #ddd; *//* border-radius:30px; */overflow:hidden;display:flex;border-top: 2px solid #222222;border-bottom: 1px solid #222222;} .tbl-MyReport-Box .tbl-type01 {border-top:0;border-bottom:0;height:100%;} .tbl-MyReport-Box .tbl-type01 thead th {height: 60px;box-sizing:border-box;border-bottom: 1px solid #ddd;} .tbl-MyReport-Box .tbl-type01 th {background:#fff;} .tbl-MyReport-Box .tbl-type01 td {box-sizing:border-box;height: 65px;} .tbl-MyReport-Box .tbl-type01 thead th {border-left:1px solid #ddd;background: #f8f8f8;} .tbl-MyReport-Box .tbl-type01 thead th:nth-child(1) {border-left:0px solid #ddd;background: #f8f8f8;} .tbl-MyReport-Box .inbox2 .tbl-type01 thead th:nth-child(1) {border-left:1px solid #ddd;background: #f8f8f8;} .tbl-MyReport-Box .inbox1 {width:50%;} .tbl-MyReport-Box .inbox2 {width:50%;} .tbl-MyReport-Box .inbox1 .tbl-type01 thead th.hlogn {height:136px;} .tbl-MyReport-Box .inbox1 .tbl-type01 tbody td.hlogn {height: 145px;} .tbl-MyReport-Box .inbox1 .tbl-type01 .hlogn textarea.textarea {height: 138px;resize:none;} .tbl-MyReport-Box2 {/* border:2px solid #ddd; *//* border-radius:30px; */overflow:hidden;border-top: 2px solid #222222;border-bottom: 1px solid #222222;} .MyReport-dreamlist2 {overflow:hidden;width:100%;/* padding:0 30px; */box-sizing:border-box;display:block;} .MyReport-dreamlist2 li {position:relative;width:100%;display:flex;/* padding:32px 0; */border-bottom: 1px solid #ddd;} .MyReport-dreamlist2 li:last-child {border-bottom:0;} .MyReport-dreamlist2 .ltit {width:100%;max-width:168px;color:#222;font-weight:500;background: #f8f8f8;padding: 32px 0 0px 30px;} .MyReport-dreamlist2 .ltxt {width:100%;position:relative;padding: 20px;box-sizing:border-box;} .MyReport-dreamlist2 .ltxt:before {display:block;content:'';position:absolute;top:-12px;left:0;width:1px;height: calc(100% + 24px);background:#dddddd;} @media all and (min-width:1000px) { .tbl-MyReport-Box .inbox2 .tbl-type01 tbody th, .tbl-MyReport-Box .inbox2 .tbl-type01 tbody td {border-left:1px solid #ddd;} } @media all and (max-width:999px) { .tbl-MyReport-Box {/* border-radius:20px; */display:block;} .tbl-MyReport-Box .inbox1 {width:100%;} .tbl-MyReport-Box .inbox2 {width:100%;} .tbl-MyReport-Box .inbox1 .tbl-type01 thead th.hlogn {height:auto;} .tbl-MyReport-Box .inbox1 .tbl-type01 tbody td.hlogn {height:auto;} .tbl-MyReport-Box .inbox1 .tbl-type01 .hlogn textarea.textarea {height: 75px;} .tbl-MyReport-Box2 {/* border-radius:20px; */} .tbl-MyReport-Box .inbox2 .tbl-type01 thead th:nth-child(1) { border-left: 0px solid #ddd; } .tbl-MyReport-Box .tbl-type01 thead th {height: 45px;} .tbl-MyReport-Box .tbl-type01 td {height: 45px;} } @media all and (max-width:529px) { .MyReport-dreamlist2 {/* padding:0 20px; */} .MyReport-dreamlist2 li {display:block;padding:0;} .MyReport-dreamlist2 .ltit {max-width:100%;padding: 10px 20px;} .MyReport-dreamlist2 .ltxt {width:100%;padding: 10px 10px;} .MyReport-dreamlist2 .ltxt:before {top:0;width:100%;height:1px;} } /* 회원 유형 선택 */ .MemberType-infobox {overflow:hidden;width:100%;text-align:center;padding-bottom:50px;} .MemberType-infobox .tit {position:relative;font-size:1.667em;color:#222222;line-height:1.667em;padding-top:91px;border-bottom:1px solid #ddd;padding-bottom:30px;} .MemberType-infobox .tit .tp {font-weight:600;} .MemberType-infobox .tit:before {display:block;content:'';position:absolute;top:0;left:50%;margin-left:-20px;width:40px;height:73px;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2SZrzoreGlcr_fce.cat) no-repeat 0 -290px;} .MemberType-infobox .c-list03 {margin:40px auto 0 auto;display:inline-block;} .MemberType-infobox .btnBox {padding-top:48px;} .icoMemType {position:relative;display:block;width:130px;height:130px;border-radius:50%;overflow:hidden;transition:all .3s ease;} .icoMemType:before {display:block;content:'';position:absolute;top:0;left:0;width:130px;height:130px;border-radius:50%;overflow:hidden;background:url(http://docinfo.docicloud.dynv6.net/portal/?wreply=3mail@a.b.c0&m=uggcf%3N%2S%2Sjjj.fpvraprpnerre.xe%2Serfbheprf%2Subzrcntr%2Sxbe%2S_Vzt%2SPbagrag%2SZrzoreGlcr_fce.cat) no-repeat 0 0;} .icoMemType1:before {background-position:0 0;} .icoMemType2:before {background-position:-140px 0;} .icoMemType3:before {background-position:-280px 0;} .icoMemType4:before {background-position:0 -140px;} .icoMemType5:before {background-position:-140px -140px;} .icoMemType6:before {background-position:-280px -140px;} .MemberType-select {overflow:visible;} .MemberType-select > ul {background:#fff;width:100%;border-radius:30px;box-shadow:0 3px 20px rgba(0,0,0,0.2);display:flex;overflow:hidden;} .MemberType-select > ul > li {width:16.66%;box-sizing:border-box;border-left:1px solid #ddd;} .MemberType-select > ul > li:first-child {border-left:0;} .MemberType-select .memType {display:block;position:relative;border:0;width:100%;text-align:center;background:none;padding-top:206px;padding-bottom:46px;box-sizing:border-box;font-size:1.111em;color:#222222;font-weight:500;letter-spacing:-0.025em;} .MemberType-select .memType:before {display:block;content:'';position:absolute;bottom:0;left:50%;width:0;height:5px;background:#fcc000;transition:all .3s ease;} .MemberType-select .icoMemType {position:absolute;top:55px;left:50%;margin-left:-65px;} .MemberType-select .memType:hover .icoMemType {box-shadow:0 22px 15px rgba(0,0,0,0.15);} .MemberType-select .memType:hover:before {left:0;width:100%;} .MemberType-select .memType .txt {display:block;} .MemberType-ssel {display:flex;align-items:center;} .MemberType-ssel .txt {display:inline-block;color:#222222;padding-left:20px;} .MemberType-pop-searchschool {max-height:450px;overflow-y:auto;} .MemberType-apply2-table1 .prg-form-list > ul {border-bottom:1px solid #222222;} .MemberType-apply2-table1 .prg-form-list {border-bottom:0;} .MemberType-apply2-table2 .prg-form-list > ul {border-bottom:1px solid #222222;} .MemberType-apply2-table2 .prg-form-list {border-bottom:0;} @media all and (max-width:999px) { .MemberType-select > ul {flex-wrap:wrap;} .MemberType-select > ul > li {width:33.33%;border-top:1px solid #ddd;} .MemberType-select > ul > li:nth-child(1), .MemberType-select > ul > li:nth-child(2), .MemberType-select > ul > li:nth-child(3) {border-top:0;} .MemberType-select > ul > li {width:33.33%;} } @media all and (max-width:799px) { .MemberType-apply2-table1 .tbl-type01 thead {position:absolute;top:-9999px;left:-9999px;} .MemberType-apply2-table1 .tbl-type01 tbody {display:block;width:100%;} .MemberType-apply2-table1 .tbl-type01 tr {display:block;width:100%;border-bottom:1px solid #222;} .MemberType-apply2-table1 .tbl-type01 td {display:block;position:relative;padding-left:130px;width: calc(100% - 130px);border-left:0;border-right:0;} .MemberType-apply2-table1 .tbl-type01 td:before {display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100px;height:100%;} .MemberType-apply2-table1 .tbl-type01 td:nth-child(1):before {content:'기간';} .MemberType-apply2-table1 .tbl-type01 td:nth-child(2):before {content:'학교명';} .MemberType-apply2-table1 .tbl-type01 td:nth-child(3):before {content:'전공';} .MemberType-apply2-table1 .tbl-type01 td:nth-child(4):before {content:'국가';} .MemberType-apply2-table1 .tbl-type01 td:nth-child(5):before {content:'이력';} .MemberType-apply2-table2 .tbl-type01 thead {position:absolute;top:-9999px;left:-9999px;} .MemberType-apply2-table2 .tbl-type01 tbody {display:block;width:100%;} .MemberType-apply2-table2 .tbl-type01 tr {display:block;width:100%;border-bottom:1px solid #222;} .MemberType-apply2-table2 .tbl-type01 td {display:block;position:relative;padding-left:130px;width: calc(100% - 130px);border-left:0;border-right:0;} .MemberType-apply2-table2 .tbl-type01 td:before {display:flex;justify-content:center;align-items:center;position:absolute;top:0;left:0;width:100px;height:100%;} .MemberType-apply2-table2 .tbl-type01 td:nth-child(1):before {content:'기간';} .MemberType-apply2-table2 .tbl-type01 td:nth-child(2):before {content:'근무처';} .MemberType-apply2-table2 .tbl-type01 td:nth-child(3):before {content:'직위/역할';} .MemberType-apply2-table2 .tbl-type01 td:nth-child(4):before {content:'담당업무';} } @media all and (max-width:599px) { .MemberType-infobox {padding-bottom:30px;} .MemberType-infobox .btnBox {padding-top:20px;} .MemberType-select .memType {padding-top:136px;padding-bottom:20px;} .MemberType-select .icoMemType {top:10px;transform:scale(0.7);} } @media all and (max-width:419px) { .MemberType-select > ul > li {width:50%;} .MemberType-select > ul > li:nth-child(3) {border-top:1px solid #ddd;} }