@charset "utf-8";

@font-face {
 font-family: 'NanumSquare';
 src: url(/@resource/font/nanumsquarer.eot);
 src: url(/@resource/font/nanumsquarer.eot?#iefix) format('embedded-opentype'),
      url(/@resource/font/nanumsquarer.woff) format('woff'),
      url(/@resource/font/nanumsquarer.ttf) format('truetype');
}

html {background-color:#e4e9eb;}

/* font */
body { font-family: "NanumSquare", sans-serif; width:100%; height:100%; min-width:1060px;}
input {font-family: "NanumSquare", sans-serif;}
.color01 {color:#0aa3c5;}

.wrap {height:100%;}

a.mc {margin-right:0;}
a.mr {margin-right:10px;}

.tac {text-align:center;}

/* login page */
.login {background-color:#ffffff;}
.login-box {width:416px; margin:0 auto; padding-top:259px; padding-bottom:155px;}
.login-box p {font-size:24px; color:#adadad;}
.login-box input {border:1px solid #ccc; width:355px; padding:22px 27px; font-size:18px;}
.login-box input.text {border-bottom:0;}
.login-box input.password { border-top:1px solid #ebebeb;}
.login-box .login_btn {padding:21px 0; color:#ffffff; font-size:20px; display:block; width:100%; text-align:center; background-color:#0aa3c5; border-radius:3px; margin:0 auto; margin-top:20px;}


/* header */
.header {overflow:hidden; background-color:#ffffff; border-bottom:1px solid #dddddd;}
.header h1 {float:left; font-size:17px; padding:25px 0 15px 40px; font-weight:bold;}
.header h1 a {color:#343434;}
.header .head_left {float:right; font-size:14px; padding:22px 40px 0 0;}
.header .head_left a {color:#636363;}
.header .head_left .password_change {padding-left:15px;}

/* footer */
.footer {width:100%; background-color:#e4e9eb; position:relative;}
.footer .copy {width:1060px; margin:0 auto; }
.footer .copy .footer_link {position:absolute; left:0; top:16px; }
.footer .copy .footer_link .link {padding:0 10px; font-size:12px; color:#68787a;}
.footer .copy .copy_right {text-align:center; color:#97a9ad; padding:16px 0 18px; font-size:12px;}
.footer .family_site {position:absolute; right:11px; top:8px; cursor:pointer; font-size:14px; padding:9px 0px 9px 15px; width:138px; color:#808080; background:#c8d6db url('/@resource/images/common/site_arrow_down.png') 127px 14px  no-repeat; border-radius:3px;}
.footer .family_site.on {background-color:#fff;border-top-left-radius:0;border-top-right-radius:0;background:#fff url('/@resource/images/common/site_arrow.png') 127px 14px  no-repeat;}
.footer .site {display:none;position:absolute; right:11px; top:-106px; background-color:#ffffff; height:114px; width:153px;border-top-left-radius:3px;border-top-right-radius:3px;}
.footer .site li a {display:block;padding:10px 15px; font-size:14px; color:#808080;}
.footer .site li a:hover {background-color:#0aa3c5; color:#fff;}
.footer .site li:first-child a {border-top-left-radius:3px;border-top-right-radius:3px;}

/* gnb */
.gnb {width:100%; background-color:#0aa3c5;}
.gnb > ul {padding-left:10px; overflow:hidden;}
.gnb > ul > li {float:left; cursor: pointer;}
.gnb ul .main_menu {color:#fff; display:block; padding:0 30px; line-height:50px; position:relative; opacity:0.7; font-size:16px;}
.gnb ul .main_menu:hover {font-weight:bold; opacity:1;}
.gnb ul .main_menu.active {font-weight:bold; opacity:1;}

.gnb .sub_menu {display:none; z-index:999; position: absolute; left:0; background-color: #fff; min-width:120px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.gnb .sub_menu a {color: black; padding: 0 10px; display: block; line-height:40px; font-size:13px;}
.gnb .sub_menu a:hover {background-color: #0aa3c5; color:#ffffff;}

/* contents */
.content_wrap {width:100%; height:100%; position:relative; overflow:hidden; background-color:#fff;}

.lnb {float:left; width:160px; height:100%; background-color:#fff; font-size:14px; border-right:1px solid #e0e9ec; padding-left:30px;}
.lnb .lnb_title {padding:30px 0; font-size:26px;}
.lnb .lnb_title a {color:#0aa3c5; font-weight:bold;}
.lnb ul {}
.lnb ul li.lnb_sub {padding-bottom:50px; font-weight:bold;}
.lnb ul li.lnb_sub a.lnb_sub_title {font-size:16px; color:#353535;}
.lnb_sub ul li {padding-top:15px;}
.lnb_sub ul li a {color:#7a8689; font-size:15px; font-weight:normal;}
.lnb_sub ul li.active a {color:#0aa3c5; background:url('/@resource/images/common/lnb_arrow.png') right center no-repeat; padding-right:15px;}
.lnb_sub ul li.active span {border-bottom:1px solid #0aa3c5; padding-bottom:4px;}
.lnb_sub ul li:hover a {color:#0aa3c5; padding-right:15px;}
.lnb_sub ul li:hover span {border-bottom:1px solid #0aa3c5; padding-bottom:4px;}


.content {padding:0 20px 0 210px; *padding-left:20px; margin-bottom:50px; min-height:600px;}

.cont_top {width:100%; border-bottom:1px solid #e4e7e9; font-size:13px; color:#9a9a9a; padding:15px 0 15px 0;}
.cont_top p {color:#8b9396; text-align:right; padding-bottom:0px;}
.cont_top p img {vertical-align:middle; margin-top:-2px;}
.cont_top h2 {font-size:26px; color:#000; font-weight:bold;}

.cont_main {padding:30px 0 0 0;}
.cont_main .tb_text {color:#8b9396; font-size:14px; position:relative;}
.cont_main .tb_text .tb_ts {position:absolute; right:0; top:-4px; border:1px solid #d9d9d9; padding:3px 3px 0 3px; }
.cont_main .tb_text .select_box {position:relative;  height:16px; background:#ffffff url('/@resource/images/common/select_arrow.png') 180px center no-repeat; background-size:13px; display:inline-block;zoom:1;*display:inline; }
.cont_main .tb_text .select_box label {position:absolute; font-size:14px; color:#333333; top:0; left:0;}
.cont_main .tb_text .select_box .select {width:100%; height:16px; opacity:0; filter:alpha(opacity=0);}
.cont_main .tb_info {padding-bottom: 3px;}
.cont_main .tb01 {border-top:2px solid #000;  border-bottom:1px solid #d9d9d9; width:100%; font-size:13px;  margin-top:20px;}
.cont_main .tb01 tr th { color:#000; background-color:#fbfbfb; padding:12px 0 ;} 
.cont_main .tb01 tr td {border-top:1px solid #d9d9d9; text-align:center; padding:20px 0 ; color:#7c7f80;}
.cont_main .tb02 {border-top:2px solid #000;  border-bottom:1px solid #d9d9d9; width:100%; font-size:13px;  margin-top:20px;}
.cont_main .tb02 tr th { color:#000; background-color:#fbfbfb; padding:12px 0 ;} 
.cont_main .tb02 tr td {border-top:1px solid #d9d9d9; text-align:center; padding:20px 0 ; color:#7c7f80;}

.cont_main .select_tb {border-top: 1px solid #cbcbcb;  border-right: 1px solid #cbcbcb; width:500px; margin-bottom:20px;}
.cont_main .select_tb tr td {border-bottom: 1px solid #cbcbcb; border-left: 1px solid #cbcbcb; font-size:13px; vertical-align: top; color:#7c7f80; padding:10px 20px 5px;}
.cont_main .select_tb tr td .select_box {height:15px;}
.cont_main .select_tb tr td .select_box .select {height:15px;}
.cont_main .select_tb tr td .select_box label {font-size:13px; height:15px;}

.cont_main .add_manager {text-align:right; margin-top:35px; overflow:hidden;}

.cont_main .search {padding-bottom:20px;}
.cont_main .search .select {border:1px solid #d9d9d9; padding:8px 14px; color:#000000;}

/* btn */
.btn01 {padding:5px 22px; border:1px solid #0aa3c5; border-radius:3px; color:#0aa3c5; margin-right:10px;}
.btn02 {padding:6px 22px; background-color:#767c7f; border-radius:3px; color:#fff;}
.btn03 {padding:14px 0 13px 30px; width:123px; text-align:center; display:block; background:#0aa3c5 url('/@resource/images/common/btn_icon01.png') 25px center no-repeat; border-radius:3px; color:#fff; float:right;}
.btn04 {padding:14px 0 13px 30px; width:123px; text-align:center; display:block; background:#0aa3c5 url('/@resource/images/common/btn_icon02.png') 20px center no-repeat;; border-radius:3px; color:#fff; float:right;}
.btn05 {padding:12px 40px; text-align:center; background-color:#808080; border-radius:3px; color:#fff;}
.btn06 {padding:12px 40px; text-align:center; background-color:#0aa3c5; border-radius:3px; color:#fff; margin-right:10px;}
.btn07 {padding:14px 30px 13px 30px; text-align:center; background-color:#0aa3c5; border-radius:3px; color:#fff; margin-left:20px;}
.btn08 {padding:14px 30px 13px 30px; text-align:center; background-color:#0aa3c5; border-radius:3px; color:#fff; display:block; width:150px; float:right;}
.btn09 {padding:5px 22px; border:1px solid #FAA523; border-radius:3px; color:#FAA523; margin-right:10px;}
.btn10 {padding:10px 0; vertical-align:middle; color:#ffffff; background-color:#0aa3c5; border-radius:3px; text-align:center; display:inline-block;zoom:1;*display:inline;}
.btn11 {padding:6px 0; border:1px solid #0aa3c5; color:#0aa3c5; text-align:center; border-radius:3px;}

/* panging */
#pageNavPosition {text-align:center; margin-top:32px;}
.pg-prev {font-size:13px; color:#000; padding:0 11px; border-right:1px solid #e5e5e5; cursor:pointer; margin-right:7px;}
.pg-next {font-size:13px; color:#000; padding:0 11px; border-left:1px solid #e5e5e5; cursor:pointer; }
.pg-normal:last-child {margin-right:0;}
.pg-number {font-size:11px; color:#000; padding:7px 10px; cursor:pointer; margin-right:7px; font-weight:bold;}
.pg-selected {font-size:11px; color:#0aa3c5; padding:7px 10px; cursor:pointer; margin-right:7px; border:1px solid #e5e5e5; font-weight:bold;}

/* popup */

.mask {background-color:#000;display: none; position: absolute; top: 0px; left: 0px; width: 100%;}
.popupall {position:fixed; display:none; background-color:#ffffff; z-index:99;}
.popupall .popup {position:relative;}
.popupall .popup .close_btn {display:block; width:15px; height:15px; background:url('/@resource/images/common/popup_btn_close.png') no-repeat; position:absolute; top:30px; right:30px;}
.popupall .popup .manager_popup {width:430px;}
.popupall .popup .manager_popup02 {width:430px; height:430px; overflow-y:auto;}
.popupall .popup .hire_popup {width:550px;}
.popupall .popup .hire_popup2 {width:800px;}
.popupall .popup .hire_popup3 {width:800px; height:700px; overflow-y:auto;}
.pop {padding:30px 28px 20px;}
.pop .popup_title {font-size:20px; font-weight:bold;}
.pop .popup_title span {border-bottom:4px solid #0aa3c5; padding-bottom:5px}
.pop.type01 .tb01 {margin-top:40px; width:100%;}
.pop.type01 .tb01 tr th {font-size:14px; text-align:left;}
.pop.type01 .tb01 tr td .td_box {padding:12px 11px 12px 16px; background-color:#f9f9f9; margin-bottom:10px; border-bottom:1px solid #e0e0e0;}
.pop.type01 .tb01 tr td .td_box input {border:0; background-color:#f9f9f9; height:21px; font-size:16px;}
.pop.type01 .tb02 {margin-top:20px; width:100%;}
.pop.type01 .tb02 tr th {font-size:14px; text-align:left;}
.pop.type01 .tb02 tr td .td_box {padding:12px 11px 12px 16px; background-color:#fff; border-bottom:1px solid #e0e0e0;}
.pop.type01 .tb02 tr td .td_box input {border:0; background-color:#fff; height:21px; font-size:14px;}
.pop.type01 .tb03 {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; margin-top:10px;}
.pop.type01 .tb03 tr th {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:3px 0;}
.pop.type01 .tb03 tr td {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; text-align:center; padding:5px 0;}
.pop.type01 .tb04 {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0; margin-top:40px;}
.pop.type01 .tb04 tr th {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:3px 0;}
.pop.type01 .tb04 tr td {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:5px 10px;}
.pop.type01 .tb05 {border-top:2px solid #000; border-left:1px solid #e0e0e0;}
.pop.type01 .tb05 tr th {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:3px 0;}
.pop.type01 .tb05 tr td {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:5px 10px;}
.pop.type01 .tb06 {border-top:1px solid #e0e0e0; border-left:1px solid #e0e0e0;}
.pop.type01 .tb06 tr th {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:3px 0;}
.pop.type01 .tb06 tr td {border-bottom:1px solid #e0e0e0; border-right:1px solid #e0e0e0; padding:5px 10px;}
.popup_bottom {width:100%; background-color:#f4f4f4; text-align:center; padding:26px 0 42px;}
.popup_bottom p {text-align:center; font-size:16px; color:#333333; font-weight:bold;}
.popup_bottom .bottom_btn {margin-top:25px;}
.popup_release {width:100%; background-color:#ffffff; text-align:center; padding:30px 0 97px;}
.popup_release p {text-align:center; font-size:18px; color:#000000; font-weight:bold;}
.popup_release .release_btn {margin-top:25px;}

.popup input {padding:5px 10px;border:1px solid #e3e3e3;}
.popup select {padding:2px 10px;border:1px solid #e3e3e3;vertical-align:middle;}
.popup .btn_check_same {padding:5px 10px;font-size:12px;border-radius:3px;color:#0aa3c5; border: 1px solid #0aa3c5;}

.calendar {width:427px;}
.calendar .cal_top {padding:26px 24px 16px; background-color:#0aa3c5;}
.calendar .cal_top .month {display:inline-block;zoom:1;*display:inline; width:345px; text-align:center; vertical-align:middle;}
.calendar .cal_top .month a {font-size:26px; padding-right:25px; font-weight:bold; color:#fff; background:url('/@resource/images/common/cal_arrow.png') right center no-repeat;}
.calendar .tb03 {width:100%;}
.calendar .tb03 tr th {font-size:13px; padding:12px 0; background-color:#0aa3c5; color:#fff;}
.calendar .tb03 tr td {font-size:12px; border-bottom:1px solid #dddddd; color:#333; height:76px; padding:6px 6px; vertical-align:top; font-weight:bold;}
.calendar .tb03 tr td:first-child {color:#ff3b3b;}
.calendar .tb03 tr td:last-child {color:#0aa3c5;}
.calendar .tb03 tr .today {background-color:#eef0f1;}
.calendar .tb03 tr .start {background-color:#ceedf3; color:#000;}
.calendar .tb03 tr .start div {padding:15px 13px; color:#0aa3c5; font-size:12px;}
.calendar .tb03 tr .end {background-color:#0aa3c5; color:#fff;}
.calendar .tb03 tr .end div {padding:15px 13px; color:#fff; font-size:12px;}
.calendar .mark {text-align:right; padding:20px; color:#585858; font-size:11px;}
.calendar .mark span {display:inline-block;zoom:1;*display:inline; width:16px; height:16px; background-color:#eef0f1; vertical-align: middle; margin-left:10px;}

/* select_box */
.select_box {position:relative; height:21px; background:#ffffff url('/@resource/images/common/select_arrow.png') right center no-repeat; display:inline-block;zoom:1;*display:inline;}
.select_box label {position:absolute; font-size:16px; color:#333333; top:0; left:0;}
.select_box .select {width:100%; height:21px; opacity:0; filter:alpha(opacity=0);}
.select_box.type01 {display:inline-block;zoom:1;*display:inline; height:26px;  width:125px; font-weight:bold; background:#0aa3c5 url('/@resource/images/common/cal_arrow.png') right 10px no-repeat; vertical-align:middle;}
.select_box.type01 label{color:#fff; font-size:26px;}
.select_box.type01 .select {font-size:26px; border:0; height:26px;}
.select_box.type02 {border:1px solid #d9d9d9; height:40px; background-position:95% center; vertical-align:middle;}
.select_box.type02 label {top:12px; left:14px;}
.select_box.type02 .select {margin-top:12px;}

/* input date */
.input_date {border:1px solid #d9d9d9; padding:10px 14px; background:url('/@resource/images/common/date_icon.png') 95% center no-repeat; color:#dfdfdf;}
.input_text {border:1px solid #d9d9d9; padding:10px 14px; color:#000000;}

.hire_popup2 {height:700px;overflow:hidden;overflow-y:auto;}
.hire_popup2 .tb_pic {background-color:#fff;}
.pop.type01 .tb04 .tb_pic td {border:none;}
.address_detail {margin-top:5px;font-size:12px;}
.pop_tb th {font-size:12px;}
.pop_tb textarea {border:1px solid #ddd;}
.hire_popup2 .tb_carrier th {padding:5px;background-color:#eee;}
.hire_popup2 .tb_carrier td {padding:5px;}
.hire_popup2 .tb_carrier td .btn_check_same2 {display:inline-block;width:43px;border:1px solid #0aa3c5;color:#0aa3c5;font-size:13px;padding:5px 0;}
.hire_popup2 .tb_carrier tr:last-child td {border-bottom:none;}