@charset "UTF-8"; /* CSS Document */ /**************************************************************************** & 디자인 ****************************************************************************/ /* btn */ .btn{display:inline-block;height:40px;padding:10px 20px;font-size:14px;font-weight:bold;background:#12489c;color:#fff;border-radius:4px;cursor:pointer;} .btn_red{background:red;} .btn:hover{color:#fff !important;background: #0a306e!important;} .btn_red:hover{color:#fff;background:red;} .btn[disabled]{background:#bbc0c4;} .btn_block {display:block;width:100%;text-align:center} .btn_sm {height:auto;padding:3px 10px;font-size:12px} .btn_md {height:auto;padding:8px 13px;font-size:13px} .btn_lg {height:auto;padding:15px 20px;font-size:16px} .btng{width:200px;height:50px;line-height:50px;font-size:16px;background:#6b6e70;color:#fff;} .btng[disabled]{background:#bbc0c4;} .btng_s{width:100px;height:49px;line-height:50px;font-size:16px;background:#6b6e70;color:#fff;} .btng_s[disabled]{background:#bbc0c4;} .btng_b{width:33.5%; border-radius:5px; height:44px;line-height:50px;font-size:16px;background:#3da0f2;color:#fff;} .btng_b[disabled]{background:#3da0f2;} .btnbd{width:200px;height:50px;line-height:46px;border:solid 2px #3da0f2;font-size:16px;background:#fff;color:#3da0f2;} .btnbd:hover{background:#187bcc;border-color:#187bcc;color:#fff;} .btnbd[disabled]{background:#f5f6f7;border:solid 2px #d7dade;color:#bbc0c4;} .btnArea button,.btnArea a {margin:0 1px;} .btnArea {width:100%;margin-top:30px;text-align:center;cursor:default;} .btnArea_r{width:100%;margin-top:30px;text-align:right;cursor:default;} .btnArea_l{width:100%;margin-top:30px;text-align:left;cursor:default;} .btn_sm_b{padding:4px 4px 5px;border:solid 1px #bbc0c4;color:#999da1;font-size:12px;vertical-align:top;font-weight:400;} .btn_splus{background:#6b6e70;color:#fff;display:inline-block;width:40px;height:40px;line-height:40px;text-align:center;font-size:16px;margin-right:8px;cursor:pointer;border-radius:2px;} .btn_splus:hover{background:#494b4d;} .btn_delete {background-color:#fc0758} .btn_delete:hover {background-color:#d8074c} /* 로그인 */ .btn_login2 {font-size:16px;font-family:"NanumGothic",Sans-serif;font-weight:500;color:#fff;background-color:#6fab00} .btn_login2:hover {background-color:#699616} .find_area {width:100%;text-align:right;} .find_area>button {padding-top:20px;} .find_area>button>span {display:inline-block;font-size:13px;color:#fff;} /**************************************************************************** data_table ****************************************************************************/ /* 공통 */ [class^="wrap_input_table"] .tit {margin-bottom:10px} [class^="wrap_input_table"] .tit .cmt {padding-left:5px;font-size:12px;color:#777} [class^="wrap_input_table"] .tit .cred {display:inline-block;padding-left:3px} [class^="wrap_input_table"] .fld_radio_set {padding-top:10px} [class^="wrap_input_table"] .tf_single {width:100%;} [class^="wrap_input_table"] .tf_single_overlap {width:calc(100% - 98px)} [class^="wrap_input_table"] .tf_dual_calendar {width:calc(50% - 8px);} [class^="wrap_input_table"] .tf_triple_phone {width:calc(33.33333333% - 8px)} /* 2x@ 배열 */ .wrap_input_table2 {} .wrap_input_table2 .list {width:100%;padding:30px;border:1px solid #d9d9d9;background-color:#f5f6f7;} .wrap_input_table2 .list:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_input_table2 .list .item {float:left;width:50%;padding:0 12px} .wrap_input_table2 .list .item:nth-child(n+3) {margin-top:20px} .wrap_input_table2 .list .item:nth-child(odd) {padding-left:0} .wrap_input_table2 .list .item:nth-child(2n) {padding-right:0} /* 3x@ 배열 */ .wrap_input_table3 {}å .wrap_input_table3 .list {width:100%;padding:30px;border:1px solid #d9d9d9;background-color:#f5f6f7;} .wrap_input_table3 .list:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_input_table3 .list .item {float:left;width:33.333333333333333%;padding:0 12px} .wrap_input_table3 .list .item:nth-child(n+4) {margin-top:20px} .wrap_input_table3 .list .item:first-child, .wrap_input_table3 .list .item:nth-child(3n+1) {padding-left:0} .wrap_input_table3 .list .item:nth-child(3n) {padding-right:0} /* 4x@ 배열 */ .wrap_input_table4 {} .wrap_input_table4 .list {width:100%;padding:30px;border:1px solid #d9d9d9;background-color:#f5f6f7;} .wrap_input_table4 .list:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_input_table4 .list .item {float:left;width:25%;padding:0 12px} .wrap_input_table4 .list .item:nth-child(n+5) {margin-top:20px} .wrap_input_table4 .list .item:first-child, .wrap_input_table4 .list .item:nth-child(4n+1) {padding-left:0} .wrap_input_table4 .list .item:nth-child(4n) {padding-right:0} /* 5x@ 배열 */ .wrap_input_table5 {} .wrap_input_table5 .list {width:100%;padding:30px;border:1px solid #d9d9d9;background-color:#f5f6f7;} .wrap_input_table5 .list:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_input_table5 .list .item {float:left;width:20%;padding:0 12px} .wrap_input_table5 .list .item:nth-child(n+6) {margin-top:20px} .wrap_input_table5 .list .item:first-child, .wrap_input_table5 .list .item:nth-child(5n+1) {padding-left:0} .wrap_input_table5 .list .item:nth-child(5n) {padding-right:0} /* 6x@ 배열 */ .wrap_input_table6 {} .wrap_input_table6 .list {width:100%;padding:30px;border:1px solid #d9d9d9;background-color:#f5f6f7;} .wrap_input_table6 .list:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_input_table6 .list .item {float:left;width:15%;padding:0 12px} .wrap_input_table6 .list .item:nth-child(1) {width:8%;} .wrap_input_table6 .list .item:nth-child(2) {width:14%;} .wrap_input_table6 .list .item:nth-child(3) {width:16%;} .wrap_input_table6 .list .item:nth-child(4) {width:15%;} .wrap_input_table6 .list .item:nth-child(5) {width:9%;} .wrap_input_table6 .list .item:nth-child(6) {width:15.5%;} .wrap_input_table6 .list .item:nth-child(7) {width:10%;} .wrap_input_table6 .list .item:nth-child(8) {width:10%;} .wrap_input_table6 .list .item:nth-child(n+9) {margin-top:20px} .wrap_input_table6 .list .item:first-child, .wrap_input_table6 .list .item:nth-child(8n+1) {padding-left:0} .wrap_input_table6 .list .item:nth-child(8n) {padding-right:0} .wrap_input_table6 .list .tit {margin-bottom:10px} /* 7 */ .wrap_input_table7 {} .wrap_input_table7 .list {width:100%;padding:30px;border:1px solid #d9d9d9;background-color:#f5f6f7;} .wrap_input_table7 .list:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_input_table7 .list .item {float:left;width:15%;padding:0 12px} .wrap_input_table7 .list .item:nth-child(1) {width:9%;} .wrap_input_table7 .list .item:nth-child(2) {width:10%;} .wrap_input_table7 .list .item:nth-child(3) {width:18%;} .wrap_input_table7 .list .item:nth-child(4) {width:18%;} .wrap_input_table7 .list .item:nth-child(5) {width:9%;} .wrap_input_table7 .list .item:nth-child(6) {width:13%;} .wrap_input_table7 .list .item:nth-child(7) {width:12%;} .wrap_input_table7 .list .item:nth-child(8) {width:11%;} .wrap_input_table7 .list .item:nth-child(n+9) {margin-top:20px} .wrap_input_table7 .list .item:first-child, .wrap_input_table7 .list .item:nth-child(8n+1) {padding-left:0} .wrap_input_table7 .list .item:nth-child(8n) {padding-right:0} .wrap_input_table7 .list .tit {margin-bottom:10px} .wrap_input_table6 .list .tit {margin-bottom:10px} /* tbl_type2 : 인쇄하기 */ .tbl_type2 {} .tbl_type2 table {border-top:1px solid #000;border-bottom:1px solid #d9d9d9;} .tbl_type2 thead th {padding:15px 0;font-size:13px;font-weight:bold;color:#333;background:#f5f6f7} .tbl_type2 tbody td {padding:15px 0;font-size:13px;color:#333;border-bottom:0} .tbl_type3 {} .tbl_type3 table {border-top:1px solid #000} .tbl_type3 tbody th {padding:15px 0;font-size:13px;font-weight:bold;color:#333} .tbl_type3 tbody td {padding:15px 0;font-size:13px;color:#333;line-height:1.6em} .tbl_type3 tbody td.tl {padding:15px} /**************************************************************************** layer popup ****************************************************************************/ #dim {z-index:200;display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50);} #layerPopup{z-index:201;position:absolute;top:0;left:0;background:#fff;border-radius:5px;} #layerPopup h1{height:83px;line-height:83px;color:#000;/*background-color:#00a0e9;*/border-radius:5px 5px 0 0;font-size:26px;letter-spacing:-1.3px;font-weight:700;text-align:center;} /*#layerPopup .btn-pop-clse{position:absolute;top:26px;right:30px;width:30px;height:31px;background:url(/images/common/close.png) no-repeat 0 0;font-size:0;}*/ #layerPopup .btn-pop-clse{position:absolute;top:30px;right:30px;width:30px;height:31px;background:url(/images/common/close.png) no-repeat 0 0;font-size:0;} #layerPopup .btn-pop-clse.bk{position:absolute;top:23px;right:30px;width:20px;height:31px;background:url(/images/common/close.png) no-repeat 0 0;font-size:0;} #layerPopup .pop-contents{padding:60px 0 0} #layerPopup .btn-pop-ok{height:83px;line-height:83px;background:#ddd;text-align:center;border-radius:0 0 5px 5px;} #layerPopup .btn-pop-ok button{color:#666;font-size:20px;letter-spacing:-1px;font-weight:700;} /*#layerPopup .btn-ac {display:inline-block; width:100%; height:50px; line-height:50px; background-color:#00a0e9; color:#fff; font-size:15px;text-align:center;border-radius:5px; margin:auto;}*/ #layerPopup .btn-ac {display:block;width:20%;padding:10px 30px;background-color:#00a0e9; color:#fff; font-size:15px;text-align:center;border-radius:5px; margin:0 auto;margin-top:30px;} #layerPopup .btn-ac:hover {background:#187bcc;} #layerPopup .pop-contents > p {margin-top:10px;} #layerPopup .pop-contents > p:first-child {margin-top:0} #layerPopup .pop-contents > p:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} #layerPopup .pop-contents > p > label {float:left;margin-right:20px;padding-top:15px} #layerPopup .pop-contents > p > select, #layerPopup .pop-contents > p > input {float:right;width:150px} #layerPopup2{z-index:201;position:absolute;top:0;left:0;background:#fff;border-radius:5px;} #layerPopup2 h1{height:83px;line-height:83px;color:#000;/*background-color:#00a0e9;*/border-radius:5px 5px 0 0;font-size:26px;letter-spacing:-1.3px;font-weight:700;text-align:center;} /*#layerPopup2 .btn-pop-clse{position:absolute;top:26px;right:30px;width:30px;height:31px;background:url(/images/common/close.png) no-repeat 0 0;font-size:0;}*/ #layerPopup2 .btn-pop-clse{position:absolute;top:30px;right:30px;width:30px;height:31px;background:url(/images/common/close.png) no-repeat 0 0;font-size:0;} #layerPopup2 .btn-pop-clse.bk{position:absolute;top:23px;right:30px;width:20px;height:31px;background:url(/images/common/close.png) no-repeat 0 0;font-size:0;} #layerPopup2 .pop-contents{padding:60px 30px 30px} #layerPopup2 .btn-pop-ok{height:83px;line-height:83px;background:#ddd;text-align:center;border-radius:0 0 5px 5px;} #layerPopup2 .btn-pop-ok button{color:#666;font-size:20px;letter-spacing:-1px;font-weight:700;} #layerPopup2 .btn-ac {display:inline-block; width:100%; height:50px; line-height:50px; background-color:#00a0e9; color:#fff; font-size:15px;text-align:center;border-radius:5px; margin:auto;} #layerPopup2 .pop-contents > p {margin-top:10px;} #layerPopup2 .pop-contents > p:first-child {margin-top:0} #layerPopup2 .pop-contents > p:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} #layerPopup2 .pop-contents > p > label {float:left;margin-right:20px;padding-top:15px} #layerPopup2 .pop-contents > p > select, #layerPopup2 .pop-contents > p > input {float:right;width:150px} #layerPopup2 .popup-offline-interview .tc section {border-top:solid 1px #ccc;padding-top:30px;margin-bottom:40px;} #layerPopup2 .popup-offline-interview .tc section input{margin-right:5px;height:15px;line-height:30px;} #layerPopup2 .popup-offline-interview .tc section input:nth-child(2), #layerPopup2 .popup-offline-interview .tc section input:nth-child(3) {margin-right:5px;margin-left:5px;} #layerPopup2 .popup-offline-interview .tc .btn_close {padding:10px 30px;margin-right:5px;color:#fff;background:#999da1;border:1px solid #d7dade;border-radius:5px;} #layerPopup2 .popup-offline-interview .tc .btn_close:hover {background:#6b6e70 ;} #layerPopup2 .popup-offline-interview .tc .btn_save {padding:10px 30px;color:#fff;background:#00a0e9;border:1px solid #d7dade;border-radius:5px;} #layerPopup2 .popup-offline-interview .tc .btn_save:hover {background:#187bcc;} /*SMS 발송 팝업 */ .popup-myc-send{width:560px;} #layerPopup .popup-myc-send .pop-contents{padding:15px 30px 30px;} .popup-myc-send .pop-contents h2{margin-bottom:13px;font-size:15px;color:#787878;letter-spacing:-0.75px;} .popup-myc-send .pop-contents .box{width:500px;min-height:50px;margin-bottom:15px;padding:13px 35px 8px 10px;border:solid 1px #ccc;border-radius:5px;} .popup-myc-send .pop-contents .box span{display:inline-block;margin-right:8px;margin-bottom:5px;padding:4px 15px 3px 10px;background-color:#eee;border-radius:50px;font-size:15px;color:#787878;} .popup-myc-send .pop-contents .box span:after{background-position:0 -32px;width:11px;height:11px;top:5px;right:10px;} .popup-myc-send .pop-contents .box span a{z-index:99;position:absolute;top:5px;right:10px;width:11px;height:11px;} .popup-myc-send .pop-contents .txtnum{margin:10px 0;text-align:right;color:#787878;font-size:14px;} .popup-myc-send .pop-contents .txtnum b{color:#ff0000;font-size:14px;} .popup-myc-send .pop-contents button{display:block;width:120px;height:30px;margin:0 auto;padding-left:36px;line-height:30px;background-color:#787878;color:#fff;font-size:15px;border-radius:5px;text-align:left;} .popup-myc-send .pop-contents button:before{background-position:-105px -112px;width:16px;height:16px;top:7px;left:20px;} /* layer popup alert*/ #alert_pop{display:none;position:fixed;left:50%;top:50%;min-width:300px;background:#fff;z-index:210;border-radius:5px;} #alert_pop .pop_cotents{position:relative;padding:30px;} #alert_pop .pop_cotents .pop_middle{text-align:center;} #alert_pop .pop_cotents img{padding-bottom:30px;} #alert_pop .pop_cotents p{padding-top:16px;color:#6b6e70;font-size:16px;} #alert_pop .pop_cotents p:nth-of-type(1){padding-top:0;} #alert_pop .pop_cotents p.bold{color:#353738; font-size:20px;} #alert_pop .pop_cotents b{text-align:center;} #alert_pop .pop_btnwrap{height:60px;border-radius:0 0 5px 5px;} #alert_pop .pop_btnwrap button{width:100%;text-align:center;font-weight:700;color:#000;line-height:60px;background:#fff;font-size:16px;} #alert_pop .pop_btnwrap2 button{float:left;width:50%;border-top:1px solid #d7dade;border-bottom-left-radius:5px;border-bottom-right-radius:5px;text-align:center;font-weight:700;color:#000;line-height:60px;background:#fff;font-size:16px;} #alert_pop .pop_btnwrap2 button:first-child{float:left;width:50%;color:#000;font-weight:400; background-color:#fff;border-right:1px solid #d7dade;} #alert_pop .pop_btnwrap2 button:last-child{background-color:#fff;} #alert_pop .list_input_table .item {margin-top:10px} #alert_pop .list_input_table .item:first-child {margin-top:0} #alert_pop .list_input_table .item:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} #alert_pop .list_input_table .item label {float:left;margin-right:20px;padding-top:15px} #alert_pop .list_input_table .item select, #alert_pop .list_input_table .item input {float:right;width:200px} #alert_pop .list_input_table .input_box {float:right;width:200px;height: 40px; padding: 12px 10px 10px 10px; border: 1px solid #d2d2d2; border-radius: 4px; font-size: 100%; color:#b5b5b5; line-height: 1em; vertical-align: middle; box-sizing: border-box; background-color:#fafafa;} #alert_pop2{display:none;position:fixed;left:50%;top:50%;min-width:300px;background:#f5f6f7;z-index:210;border-radius:5px;} #alert_pop2 .pop_cotents{position:relative;padding:40px;text-align:center;} #alert_pop2 .pop_cotents img{padding-bottom:30px;} #alert_pop2 .pop_cotents p{padding-top:16px;color:#6b6e70;font-size:16px;} #alert_pop2 .pop_cotents p:nth-of-type(1){padding-top:0;} #alert_pop2 .pop_cotents p.bold{color:#353738; font-size:20px;} #alert_pop2 .pop_cotents span{background-color:#fff; line-height:30px;padding:10px;} #alert_pop2 .pop_btnwrap2 button{float:left;width:50%; text-align:center;font-weight:700;color:#000;line-height:60px;background:#fff;font-size:16px;} #alert_pop2 .pop_btnwrap2 button:first-child{float:left;width:50%;color:#000;font-weight:400; background-color:#fff;border-right:1px solid #d7dade;} #alert_pop2 .pop_btnwrap2 button:last-child{background-color:#fff;} #alert_pop3{display:none;position:fixed;left:50%;top:50%;min-width:300px;background:#f5f6f7;z-index:210;border-radius:5px;} #alert_pop3 .pop_cotents{position:relative;padding:40px;text-align:center;} #alert_pop3 .pop_cotents img{padding-bottom:30px;} #alert_pop3 .pop_cotents p{padding-top:16px;color:#6b6e70;font-size:16px;} #alert_pop3 .pop_cotents p:nth-of-type(1){padding-top:0;} #alert_pop3 .pop_cotents p.bold{color:#353738; font-size:20px;} #alert_pop3 .pop_cotents span{background-color:#fff;line-height:30px;padding:10px;} #alert_pop3 .pop_btnwrap2 button{float:left;width:50%; text-align:center;font-weight:700;color:#000;line-height:60px;background:#fff;font-size:16px;} #alert_pop3 .pop_btnwrap2 button:first-child{float:left;width:50%;color:#000;font-weight:400; background-color:#fff;border-right:1px solid #d7dade;} #alert_pop3 .pop_btnwrap2 button:last-child{background-color:#fff;} /* admmin Moti 문자인증 팝업 */ .pop_messageWrap {position:fixed;top:50%;left:50%;width:720px;margin:0 auto;} .pop_messageWrap .pop_messageBtn {width:100%;border-top:1px solid #d7dade;} .pop_messageWrap .pop_messageBtn .messageBt {float:left;width:50%;height:50px;display:inline-block;border-radius:0 0 5px 5px;color:#000;font-size:15px;font-weight:500;} .pop_messageWrap .pop_messageBtn .messageBt:nth-child(1) {border-right:1px solid #d7dade;} .pop_messageWrap .pop_messageBtn .messageBt:nth-child(1), .pop_messageWrap .pop_messageBtn .messageBt:nth-child(2) {background:#fff;} .pop_messageWrap .pop_messageBtn .messageBt:nth-child(1):hover, .pop_messageWrap .pop_messageBtn .messageBt:nth-child(2):hover {background:#ddd;} .pop_messageWrap .pop_message_contents {width:100%;background:#fff;padding:0;border-radius:5px 5px 0 0;} .pop_messageWrap .pop_message_contents .pop_middle:nth-child(1) {padding:40px 20px;background:#00a0e9;color:#fff;font-size:20px;font-weight:500;text-align:center;border-radius:5px 5px 0 0;} .pop_messageWrap .pop_message_contents .pop_middle:nth-child(2) {width:100%;margin:0 auto;padding:40px 50px;} .pop_messageWrap .pop_message_contents .pop_middle .font_message {padding-top:7px;font-size:15px;} .pop_messageWrap .pop_message_contents .pop_middle .font_message:nth-child(3) {width:100%;padding-top:20px;padding-bottom:5px;font-size:17px;} .pop_messageWrap .pop_message_contents .pop_middle .font_message:nth-child(3)>.messageB {padding-bottom:5px;border-bottom:1px solid #ff0000;} .pop_messageWrap .pop_message_contents .pop_middle .font_message:nth-child(3)>.messageB, .pop_messageWrap .pop_message_contents .pop_middle .font_message:nth-child(3)>.messageB .messageSpan{font-weight:600;color:#000;} .pop_messageWrap .pop_message_contents .pop_middle .font_message .messageB {color:#555;font-weight:500;} .pop_messageWrap .pop_message_contents .pop_middle .font_message .messageB .messageSpan {font-size:17px;font-weight:500;} .pop_messageWrap .pop_message_contents .pop_middle .font_message .messageB .ico_message{display:inline-block;margin-right:5px;width:18px;height:17px;background:url(/images/common/ico_message.png) no-repeat 0 0;vertical-align:bottom;} @media (max-width:1024px) { .pop_messageWrap {width:70%;} .pop_messageWrap .pop_message_contents .pop_middle .ico_message{display:block;width:18px;height:17px;margin:0 auto;} .pop_messageWrap .pop_message_contents .pop_middle:nth-child(1) {padding:30px 20px;} .pop_messageWrap .pop_message_contents .pop_middle:nth-child(2) {padding:20px;} } @media (max-width:900px) { .pop_messageWrap .pop_message_contents .pop_middle .font_message .messageB .ico_message{margin-bottom:5px;} .pop_messageWrap .pop_message_contents .pop_middle:nth-child(2)>.font_message:nth-child(3)>.messageB {line-height:30px;} } @media (max-width:768px) { .pop_messageWrap {width:90%;} } #alert_pop4{display:none;position:fixed;left:50%;top:50%;min-width:300px;background:#f5f6f7;z-index:210;border-radius:5px;} #alert_pop4 .pop_cotents{position:relative;padding:40px;text-align:center;} #alert_pop4 .pop_cotents img{padding-bottom:30px;} #alert_pop4 .pop_cotents p{padding-top:16px;color:#6b6e70;font-size:16px;} #alert_pop4 .pop_cotents p:nth-of-type(1){padding-top:0;} #alert_pop4 .pop_cotents p.bold{color:#353738; font-size:20px;} #alert_pop4 .pop_cotents span{background-color:#fff; line-height:30px;padding:10px;} #alert_pop4 .pop_btnwrap2 button{float:left;width:50%; text-align:center;font-weight:700;color:#000;line-height:60px;background:#fff;font-size:16px;} #alert_pop4 .pop_btnwrap2 button:first-child{float:left;width:50%;color:#000;font-weight:400; background-color:#fff;border-right:1px solid #d7dade;} #alert_pop4 .pop_btnwrap2 button:last-child{background-color:#fff;} #alert_pop4 .list_input_table{text-align:center;} #alert_pop4 .list_input_table .item {margin-top:10px} #alert_pop4 .list_input_table .item:first-child {margin-top:0} #alert_pop4 .list_input_table .item:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} #alert_pop4 .list_input_table .item label {float:left;margin-right:20px;padding-top:15px} #alert_pop4 .list_input_table .item select, #alert_pop4 .list_input_table .item input {width:87%;} #alert_pop4 .list_input_table .input_box {float:right;width:200px;height: 40px; padding: 12px 10px 10px 10px; border: 1px solid #d2d2d2; border-radius: 4px; font-size: 100%; color:#b5b5b5; line-height: 1em; vertical-align: middle; box-sizing: border-box; background-color:#fafafa;} #alert_pop5{display:none;position:fixed;left:50%;top:50%;min-width:300px;background:#f5f6f7;z-index:210;border-radius:5px;} #alert_pop5 .pop_cotents{position:relative;padding:40px;text-align:center;} #alert_pop5 .pop_cotents img{padding-bottom:30px;} #alert_pop5 .pop_cotents p{padding-top:16px;color:#6b6e70;font-size:16px;} #alert_pop5 .pop_cotents p:nth-of-type(1){padding-top:0;} #alert_pop5 .pop_cotents p.bold{color:#353738; font-size:20px;} #alert_pop5 .pop_cotents span{background-color:#fff; line-height:30px;padding:10px;} #alert_pop5 .pop_btnwrap2 button{float:left;width:50%; text-align:center;font-weight:700;color:#000;line-height:60px;background:#fff;font-size:16px;} #alert_pop5 .pop_btnwrap2 button:first-child{float:left;width:50%;color:#000;font-weight:400; background-color:#fff;border-right:1px solid #d7dade;} #alert_pop5 .pop_btnwrap2 button:last-child{background-color:#fff;} /*세션용 팝업*/ #dim2 {z-index:300;display:none;position:fixed;left:0;top:0;right:0;bottom:0;background:#000;opacity:0.5;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=50);filter:alpha(opacity=50)} #alert_session{display:none;position:fixed;left:50%;top:50%;min-width:600px;background:#f5f6f7;z-index:310;border-radius:5px;} #alert_session .pop_cotents{position:relative;padding:40px;text-align:center;} #alert_session .pop_cotents img{padding-bottom:30px;} #alert_session .pop_cotents p{padding-top:5px;color:#6b6e70;font-size:16px;} #alert_session .pop_cotents p:nth-of-type(1){padding-top:0;} #alert_session .pop_cotents p.bold{color:#353738; font-size:20px;} #alert_session .pop_cotents span{background-color:#fff; line-height:30px;padding:10px;} #alert_session .pop_btnwrap2 button{float:left;width:50%; text-align:center;font-weight:700;color:#000;line-height:60px;background:#fff;font-size:16px;} #alert_session .pop_btnwrap2 button:first-child{float:left;width:50%;color:#000;font-weight:400; background-color:#fff;border-right:1px solid #d7dade;} #alert_session .pop_btnwrap2 button:last-child{background-color:#fff;} #alert_session .list_input_table{text-align:center;} #alert_session .list_input_table .item {margin-top:10px} #alert_session .list_input_table .item:first-child {margin-top:0} #alert_session .list_input_table .item:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} #alert_session .list_input_table .item label {float:left;margin-right:20px;padding-top:15px} #alert_session .list_input_table .item select, #alert_session .list_input_table .item input {width:87%;} #alert_session .list_input_table .input_box {float:right;width:200px;height: 40px; padding: 12px 10px 10px 10px; border: 1px solid #d2d2d2; border-radius: 4px; font-size: 100%; color:#b5b5b5; line-height: 1em; vertical-align: middle; box-sizing: border-box; background-color:#fafafa;} /**************************************************************************** layout ****************************************************************************/ /* IE10미만 호환가능한 브라우저 다운로드 권장 안내 */ #browser_pop {display:none;*display:block;position:fixed;z-index:9999;top:0;left:0;width:100%;padding:30px;background-color:#146fcc;box-shadow:2px 2px 30px #000} #browser_pop .inwrap {position:relative;max-width:1120px;min-width:1120px;margin:0 auto;padding:30px 0} #browser_pop h1 {margin:0 0 10px;padding:0;color:#fff;font-size:26px} #browser_pop p {margin:0;padding:0;color:#fff;font-size:15px} #browser_pop p b {color:#35e5f5;font-size:15px;font-weight:700} #browser_pop div {position:absolute;top:50%;right:50px;margin-top:-25px} #browser_pop div a {display:inline-block;width:200px;height:50px;margin-right:5px;line-height:50px;border-radius:3px;text-align:center;color:#fff;font-size:17px;background: -moz-linear-gradient(left, #3da0f2 0%, #2db9f5 100%) !important;background: -webkit-linear-gradient(left, #3da0f2 0%,#2db9f5 100%) !important;background: linear-gradient(to right, #3da0f2 0%,#2db9f5 100%) !important;filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3da0f2', endColorstr='#2db9f5',GradientType=0 ) !important;} #browser_pop div a i {margin-right:10px;} #browser_pop div a i img {width:25px;height:25px;} #browser_pop .close{position:absolute;top:15px;right:15px;color:#fff;font-size:16px;cursor:pointer} /* IE8 hack */ @media \0screen { #browser_pop{display:block} } /* topbar */ #right_side {padding-left:250px;transition:.2s;} #right_side.active{padding-left:80px} #right_side #header {position: relative; display:flex;align-items:center;height:60px;padding:0 25px;border-top:solid 1px #eaeaea;border-bottom:solid 1px #eaeaea;background-color:#fff;box-shadow:0px 0px 40px 0px rgba(82,63,105,0.1) } #right_side #header .site-path {font-size:14px;color:#626262; height:30px;} #right_side #header .site-path2 {font-size:14px;color:#626262; height:30px; margin-left:20px;} #right_side #header .tit_page {text-align:center; flex:1;} #right_side #header .tit_page.center {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%);} #right_side #header .tit_page .box-round {display:inline-block;padding:5px 15px;border-radius:15px;font-size:14px;font-weight:500} #right_side #header .user-logout {display:flex;flex:1;justify-content:flex-end;color:#626262;font-size:14px;} #right_side #header .user-logout i.logout{display:inline-block;text-align:center;color:#b4b8ce;font-size:20px;vertical-align:sub;} #right_side #header .user-logout i.setting{display:inline-block;margin-right:10px;text-align:center;color:#b4b8ce; font-size:20px;vertical-align:sub; } #right_side #header .user-logout-name {display:inline-block;margin-right:10px;} #right_side #header .site-path {float:left;font-size:14px;color:#626262;} /**************************************************************************** content area ****************************************************************************/ /* 페이징 */ .paging_comm {} .paging_comm:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .paging_comm .btn_paging {position:relative;float:left;min-width:40px;height:40px;padding:10px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-align:center;background-color:#fff;border:1px solid #ddd;} .paging_comm .btn_paging.on {color:#fff;background-color:#12489b} .paging_comm .btn_paging:first-child {border-top-left-radius:4px;border-bottom-left-radius:4px} .paging_comm .btn_paging:last-child {border-top-right-radius:4px;border-bottom-right-radius:4px} .paging_comm .opt_paging {float:left;margin-left:-1px;border-radius:0} .paging_comm .opt_paging .btn_paging {border-radius:0} /* 타이틀 종류 */ .tit_table_sm {margin-bottom:10px;font-size:16px;font-weight:bold;color:#333} .tit_table_sm .cmt {font-size:13px;font-weight:normal} /* 안내사항 */ .bd_coment_box {position:relative;margin-bottom:30px;padding:30px 30px 30px 100px;border-radius:4px;background-color:#fff;box-shadow:0px 0px 13px 0px rgba(82,63,105,0.05)} .bd_coment_box:after {content:"";position:absolute;top:50%;left:30px;width:50px;height:50px;margin-top:-25px;background:url(/images/common/sprite.png) -204px -82px no-repeat} .bd_coment_box .cmt {font-size:14px;color:#6b6e70;} .bd_coment_box--inner {position:relative;padding:30px 30px 30px 100px;border-radius:4px;background-color:#f5f6f7;} .bd_coment_box--inner:after {content:"";position:absolute;top:50%;left:30px;width:50px;height:50px;margin-top:-25px;background:url(/images/common/sprite.png) -508px -82px no-repeat} .bd_coment_box--inner .cmt {padding-top:7px;font-size:14px;color:#6b6e70;} .bd_coment_box--inner .cmt:first-child {padding-top:0} /* clipboard */ .bd_clipboard {margin-bottom:30px;padding:30px;border-radius:4px;background-color:#fff;box-shadow:0px 0px 13px 0px rgba(82,63,105,0.05)} .bd_clipboard:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .bd_clipboard.tab {border-top-left-radius:0;border-top-right-radius:0} .bd_clipboard_tab .list_tab {margin:0 -2px} .bd_clipboard_tab .list_tab:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .bd_clipboard_tab .list_tab .item {float:left;padding:0 2px;} .bd_clipboard_tab .list_tab .link_tab {display:block;padding:15px 30px;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:500;color:#939dd2;text-align:center;background-color:rgba(93,120,255,.1);} .bd_clipboard_tab .list_tab .item.on .link_tab {color:#0d2abb;background-color:#fff;} /* 로그인 */ .login_wrap {position:relative;width:100%;height:100%;background:url("/images/common_2019/bg_login_section.jpg") center center no-repeat;background-size:cover} .login_wrap_header {position:absolute;top:0;left:0;width:100%;padding:30px} .login_wrap_content {display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%} .login_wrap_content .box_form {} .login_wrap_content .box_form .txt_tit {margin-bottom:5px;font-size:18px;font-family:"NanumSquare";color:#fff;font-weight:400} .login_wrap_content .box_form .txt_desc {margin-bottom:20px;font-size:34px;font-family:"NanumSquare";color:#fff;font-weight:300} .login_wrap_content .box_form .txt_desc strong {font-weight:bold} .login_wrap_content .list_form .item.lst {margin-bottom:30px} .login_wrap_content .list_form .tf_single {width:100%;height:44px;border:0;border-radius:5px} .login_wrap_content .list_form .tf_single:-ms-input-placeholder {color:#777} .login_wrap_content .list_form .tf_single::-webkit-input-placeholder {font-size:14px;color:#777} .login_wrap_content .list_form .tf_single::-moz-placeholder {font-size:14px;color:#777} .login_wrap_content .list_form .tf_double{width:64.7%;height:44px;border:0;border-radius:5px} .login_wrap_content .list_form .tf_double:-ms-input-placeholder {color:#777} .login_wrap_content .list_form .tf_double::-webkit-input-placeholder {font-size:14px;color:#777} .login_wrap_content .list_form .tf_double::-moz-placeholder {font-size:14px;color:#777} .login_wrap_content .fld_retain .lab_retain {font-size:14px;color:#fff} .login_wrap_footer {position:absolute;bottom:0;left:0;width:100%;padding:30px;color:#fff;;text-align:center} @media (max-width:768px) { .login_wrap_header {text-align:center} } /* DatePickerX - 캘린더 */ .date-picker-x-container input {font-size:13px} .date-picker-x {left:0} /* 컨설턴트 상세정보 > 온라인 상세정보 */ .wrap_online_counseling_progress {} .wrap_online_counseling_progress .list_ocp {margin:0 -10px} .wrap_online_counseling_progress .list_ocp:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_online_counseling_progress .list_ocp .item {float:left;width:25%;padding:0 10px} .wrap_online_counseling_progress .list_ocp .box_info {height:40px;padding:10px 20px;border:1px solid #d9d9d9;border-radius:4px;text-align:center;line-height:1em} .wrap_online_counseling_progress .list_ocp .box_info.on{background-color:#0f2a55; color:#fff;} .wrap_online_counseling_progress .list_ocp .box_info .tit {display:inline-block;margin-right:10px;font-size:14px;color:#6b6e70} .wrap_online_counseling_progress .list_ocp .box_info.on .tit{color:#fff;} .wrap_online_counseling_progress .list_ocp .box_info .count {font-size:14px;font-weight:500;color:#f74a53} /* 인쇄하기 */ .resume_view_print {width:940px;margin:0 auto;padding:0 0 30px} .resume_view_print .btn_print {width:200px} /* 인쇄하기 - 프로필 */ .wrap_profile {border-top:1px solid #000;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9} .wrap_profile .inner_profile.fl {padding:10px 0 0 10px} .wrap_profile .box_photo {overflow:hidden;position:relative;width:160px;height:201px} .wrap_profile .box_photo .thumb {position:absolute;top:0;left:50%;width:100%;height:auto;transform: translateX(-50%);} .wrap_profile .list_profile {width:758px;border-left:1px solid #d9d9d9} .wrap_profile .list_profile:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_profile .list_profile .item {float:left;width:20%;height:74px;padding:18px 0 0 20px} .wrap_profile .list_profile .item:nth-child(n+6) {border-top:1px solid #d9d9d9} .wrap_profile .list_profile .item .tit {display:block;margin-bottom:7px} .wrap_profile .list_profile .item .desc {display:block} /* 인쇄하기 - SMS발송내역 */ .wrap_sms_list {} .wrap_sms_list .list_sms {margin:0 -7px} .wrap_sms_list .list_sms:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_sms_list .list_sms .item {float:left;width:25%;padding:0 7px} .wrap_sms_list .list_sms .item:nth-child(n+5) {margin-top:14px} .wrap_sms_list .list_sms .box_sms {height:180px;border:1px solid #d9d9d9} .wrap_sms_list .list_sms .box_sms .tit {padding:15px;border-bottom:1px solid #d9d9d9;background-color:#f5f6f7} .wrap_sms_list .list_sms .box_sms .time {padding-left:5px} .wrap_sms_list .list_sms .box_sms .desc {padding:15px 15px 0;line-height:1.6em} /* 인쇄하기 - 추천기업 */ .wrap_recommend {} .wrap_recommend .list_rc {border-top:1px solid #000;border-bottom:1px solid #d9d9d9;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9} .wrap_recommend .list_rc:after {content:'';display:block;visibility:hidden;height:0;font-size:0;clear:both} .wrap_recommend .list_rc .item {float:left;width:16.6666666%;height:74px;padding:18px 0 0 20px} .wrap_recommend .list_rc .item:nth-child(n+5) {border-top:1px solid #d9d9d9} .wrap_recommend .list_rc .item .tit {display:block;margin-bottom:7px} .wrap_recommend .list_rc .item .desc {display:block} /* 참여자 정보 - 전직 계획서 - 자격증명 입력 */ .group04 .fld_license_name .fl_form .row {width:calc(100% - 50px)} .group04 .fld_license_name .fl_form .tf_license {height:50px;width:calc(100% - 200px)} .group04 .fld_license_name .fl_form .row {margin-bottom:25px} .group04 .fld_license_name .fl_form .row:nth-last-child(1) {margin-bottom:0} /*#layerPopup .popup-offline-interview .pop-contents{padding-top:20px;}*/ #layerPopup .popup-offline-interview .pop-contents{padding-top:0;} .popup-offline-interview{width:640px;padding:0 20px 20px 20px;} .popup-offline-interview h1{color:#000;} .popup-offline-interview .pop-contents .top-b div{float:left;width:182px;height:82px;margin-right:25px;border:solid 1px #ccc;background-color:#fff;} .popup-offline-interview .pop-contents .top-b div figure{display:table;width:100%;height:82px;overflow:hidden;text-align:center;} .popup-offline-interview .pop-contents .top-b div figure span{display:table-cell;vertical-align:middle;} .popup-offline-interview .pop-contents .top-b div figure img{width:180px;max-height:75px;} .popup-offline-interview .pop-contents .top-b i{display:block;padding-top:10px;font-size:12px;/*color:#00a0e9;*/} .popup-offline-interview .pop-contents .top-b p{padding-top:20px;font-size:15px;} .popup-offline-interview .pop-contents p.chk-ment{margin-top:5px;font-size:12px;color:#787878;} /*.popup-offline-interview .pop-contents .bot-b{border-top:solid 1px #ccc;margin-top:20px;}*/ .popup-offline-interview .pop-contents .bot-b{border-top:solid 1px #ccc;margin-top:0;} .popup-offline-interview .pop-contents .bot-b div{margin-top:20px;} .popup-offline-interview .pop-contents .bot-b div:after{content:"";display:block;clear:both;} .popup-offline-interview .pop-contents .bot-b div strong{float:left;width:140px;font-size:16px;} .popup-offline-interview .pop-contents .bot-b div table{float:left;width:100%;} .popup-offline-interview .pop-contents .bot-b div table td, .popup-offline-interview .pop-contents .bot-b div table th{padding:12px 0;} .popup-offline-interview .pop-contents .bot-b form div table tbody tr td input{margin:5px 5px 5px 0;} .popup-offline-interview .pop-contents .bot-b form div table tbody tr td input span{} /*파일보안 다운로드 관련*/ .period_slt { margin-top: 30px; margin-bottom: 30px; padding: 28px 20px; border: 1px solid #ddd; background: #fff; color: #666; } .order_shipps_area .period_slt { margin-top: 15px; margin-bottom: 10px; padding: 28px 19px; } .period_slt h5 { float: left; width: 63px; padding-top: 5px; color: #333; font-size: 12px; line-height: 23px; } .order_shipps_area .period_slt h5 { width: 73px; } .period_slt .btn_period { float: left; margin-right: 10px; } .order_shipps_area .period_slt .btn_period { margin-right: 7px; } .period_slt .btn_period a { float: left; width: 48px; margin-left: -1px; padding-top: 2px; border: 1px solid #ddd; background: #f5f5f5; font-size: 11px; line-height: 28px; color: #666; text-align: center; } .order_shipps_area .period_slt .calendar_period { margin-left: 3px; } .period_slt .calendar_period>* { float: left; } .period_slt .calendar_period .date_pick { position: relative; } .period_slt .calendar_period .date_pick input { width: 95px; height: 28px; padding-top: 2px; padding-left: 10px; border: 1px solid #ddd; line-height: 25px; color: #666; } .period_slt .calendar_period .date_pick img { position: absolute; top: 8px; right: 10px; width: 16px; height: 15px; } .period_slt .calendar_period>span { width: 17px; padding-top: 3px; line-height: 25px; text-align: center; } .order_shipps_area .period_slt .calendar_period>span { width: 17px; } .dpfx{ display: flex; justify-content: space-between; align-items: center; }