@charset "utf-8";
@import url('NotoSansKR.css');
@import url('NanumBarunGothic.css');
@import url('Montserrat.css');
@import url('Roboto.css');
@import url('fontawesome.css');


.scrollArea::-webkit-scrollbar {width:10px;height: 10px; }
.scrollArea::-webkit-scrollbar-track {background-color: #eee;}
.scrollArea::-webkit-scrollbar-thumb {background-color: #aaa;}


select,
input:focus {outline:none;}


select,
input[type='text'],
input[type='password'],
textarea {height: 40px;padding:5px 10px 7px;border:1px solid #cacaca;box-sizing:border-box;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #fff;}
select {padding:0;}
textarea {width: 100%;height: 150px;box-sizing:border-box;}


input[type=radio],
input[type=checkbox] {vertical-align:top;margin:0 10px 0 20px;}
table input[type=radio],
table input[type=checkbox] {vertical-align:top;margin:7px 10px 0 20px;}
input[type=radio]:first-child,
input[type=checkbox]:first-child {margin-left:0 !important;}


span.inputC,
span.inputR {overflow: hidden;position: relative;display: inline-block;vertical-align: top;width: 20px;height: 20px;box-sizing:border-box;border: 1px solid #dcdcdc;}
span.inputR {border-radius:50%;}

span.inputC.on,
span.inputR.on {background: #b33130 url('/image/icon/checked.png') center center no-repeat;}

span.inputC input,
span.inputR input {position: absolute;left: 0;top: 0;width: 100%;height: 100%;margin: 0 !important;opacity: 0;}




/* ========================================================================================================== */
/* ============================================= 버튼 및 폼태그 공통 CSS ============================================ */
/* ========================================================================================================== */
img.essenImg {display:inline-block;vertical-align:middle;padding:0 5px 0 0;}

img {max-width:100%;}

a.conLink {text-decoration:none;color: inherit;}
a.conLink:hover,
a.conLink:focus {}
a img {vertical-align:middle;}


a,
input[type=submit],
input[type=button],
input[type=reset],
button {display:inline-block;margin:0;padding:0;border:0 none;cursor:pointer;text-decoration: none; color: inherit;outline:none;font-family: 'NotoSansKR Regular', sans-serif;}
select,
textarea {margin:0;outline:none;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}



/* 버튼 영역 */
.btnArea {position:relative;margin-top: 50px;text-align:center;}
.btnArea:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
.btnArea .posTL,
.btnArea .posTR {overflow:hidden;}
.btnArea .posTL > *,
.btnArea .posTR > * {float:left;margin-left:5px;}
.btnArea .posTL > *:first-child,
.btnArea .posTR > *:first-child {margin-left:0;}


.btn a,
.btn > span,
.btn input,
.btn button {position: relative;display:inline-block;text-decoration:none;cursor:pointer;height:35px;padding:0 15px 2px;font-size:15px;border-style:solid;border-width:1px;vertical-align:top;font-family: 'NotoSansKR Regular', sans-serif;box-sizing:border-box;}

.btn a, .btn > span {height:auto;line-height: 19px;padding: 7px 15px;}
.btn i {padding-right: 5px;}

span.btn {display:inline-block;vertical-align:top;}

.btn > span {display: inline-block;position: relative;}
.btn > span .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;padding: 0;border: 0 none;}



/* 주황색 */				.btn .btnDef {background-color:#de752f !important;border-color:#de752f !important;color:#fff !important;}
/* 회색 */					.btn .btnGrey {background-color:#696c6c !important;border-color:#696c6c !important;color:#fff !important;}
/* 연두색 */				.btn .btnGreen {background-color:#85b70c !important;border-color:#85b70c !important;color:#fff !important;}
/* 연두색 */				.btn .btnRed {background-color:#D21F1F !important;border-color:#A81616 !important;color:#fff !important;}

/* border+주황색 */			.btn .btnBdDef {background-color:#fff !important;border-color:#de752f !important;color:#de752f !important;}
/* border+회색 */				.btn .btnBdGrey {background-color:#fff !important;border-color:#696c6c !important;color:#696c6c !important;}
/* border+연두색 */			.btn .btnBdGreen {background-color:#fff !important;border-color:#85b70c !important;color:#85b70c !important;}

.btn .btnSmall {height: 25px;padding: 0 15px;font-size: 13px;text-align: center;}
.btn a.btnSmall  {height: auto;line-height: 23px;}


.btn .btnBig {min-width: 120px;height: 45px;padding: 0 30px;font-size: 17px;text-align: center;}
.btn a.btnBig  {height: auto;line-height: 43px;}

.btnArea.btn > * {min-width: 120px;height: 50px;padding: 0 30px;font-size: 17px;text-align: center;}
.btnArea.btn > a {height: auto;line-height: 48px;}
.btnArea .btnBig {width: 200px;height: 60px;font-size: 20px;}
.btnArea a.btnBig {height: auto;line-height:58px;}


/* 노란색 */				#hospital .btn .btnPoint {background-color:#e7b00d !important;border-color:#e7b00d !important;color:#fff !important;}
/* border+노란색 */		#hospital .btn .btnBdPoint {background-color:#fff !important;border-color:#e7b00d !important;color:#e7b00d !important;}

/* 보라색 */				#resident .btn .btnPoint {background-color:#7722c7 !important;border-color:#7722c7 !important;color:#fff !important;}
/* border+보라색 */		#resident .btn .btnBdPoint {background-color:#fff !important;border-color:#7722c7 !important;color:#7722c7 !important;}

/* 하늘색 */				#supervisor .btn .btnPoint {background-color:#16a5e1 !important;border-color:#16a5e1 !important;color:#fff !important;}
/* border+하늘색 */		#supervisor .btn .btnBdPoint {background-color:#fff !important;border-color:#16a5e1 !important;color:#16a5e1 !important;}


.btn a.list {border-color: #bfbfbf;background-color: #fff;color: #72757b;}


.btn .upload {border-color: #28bdcf !important;background-color: #28bdcf !important;color: #fff !important;}
.btn .save {border-color: #71af20 !important;background-color: #71af20 !important;color: #fff !important;}
.btn .approval {border-color: #546fc9 !important;background-color: #546fc9 !important;color: #fff !important;}
.btn .excel {border-color: #71af20 !important;background-color: #71af20 !important;color: #fff !important;}
.btn .cancel {border-color: #757575 !important;background-color: #757575 !important;color: #fff !important;}

.btn a.print {border-color: #540cb7;background-color: #540cb7;color: #fff;}
.btn a.upload1 {border-color: #890cb7;background-color: #890cb7;color: #fff;}
.btn a.upload2 {border-color: #890cb7;background-color: #fff;color: #890cb7;}

.btn .btnApply {border-color: #0ca5b7;background-color: #0ca5b7;color: #fff;}
.btn .btnApply2 {border-color: #e7b00d;background-color: #e7b00d;color: #fff;}

div.btn a.upload.btnBig {padding-top: 12px;}

div.btnArea.btnWide {}
div.btnArea.btnWide > * {display: inline-block;vertical-align: top;width: 180px;height: 90px;padding: 0;margin-left: 20px;font-size: 18px;line-height: 25px;text-align: center;box-sizing:border-box;}
div.btnArea.btnWide > a {line-height: 90px;}

/* 레이아웃 */
div.wrapper {min-width: 1620px;background-color: #f9f9f9;}

/* 
병원 id="hospital"
전공의 id="resident"
수련책임자 id=supervisor
*/

div#headerWrap {z-index: 100;position: relative;height: 60px;padding:90px 160px 60px;background-color: #fff;}
div#headerWrap:after {z-index: -1;position: absolute;left: 0;top: 90px;width: 100%;height: 60px;content: "";}
div#hospital div#headerWrap:after {background-color: #e7b00d;}
div#resident div#headerWrap:after {background-color: #5f0de7;}
div#supervisor div#headerWrap:after {background-color: #16a5e1;}

div#headerWrap h1 {position: absolute;left: 160px;top: 21px;font-weight: normal;}
div#headerWrap h1 a {display: block;}
div#headerWrap h1 img,
div#headerWrap h1 span {display: inline-block;vertical-align: top;}
div#headerWrap h1 span {position: relative;padding-left: 42px;font-size: 26px;line-height: 35px;font-family: 'NotoSansKR Bold', sans-serif;font-weight: normal;}
div#headerWrap h1 span:before {position: absolute;left: 20px;top: 5px;width: 2px;height: 25px;content: "";background-color: #b7b7b7;}
div#hospital h1 span {color: #e7b00d;}
div#resident h1 span {color: #5f0de7;}
div#supervisor h1 span {color: #16a5e1;}




ul#gnb, ul#gnb ul, ul#gnb li, ul#gnb a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul#gnb {z-index: 50;position: relative;display: inline-block;vertical-align: top;width: 1300px;}
ul#gnb > li {position: relative;float: left;text-align: center;}
ul#gnb > li:before {position: absolute;left: 0;bottom: 20px;width: 1px;height: calc(100% - 100px);background-color: #c8cdd8;}
ul#gnb.view > li:before {content: "";}
ul#gnb > li:first-child:before {display: none;}

ul#gnb > li > a {position: relative;display: table-cell;width: 1000px;height: 60px;vertical-align: middle;text-align: center;color: #fff;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
ul#gnb > li > a:before {position: absolute;left: 0;top: 50%;width: 1px;height: 18px;margin-top: -9px;content: "";background-color: #fff;}
ul#gnb > li:first-child > a:before {display: none;}

ul#gnb ul {vertical-align: top;padding: 20px 5px;}
ul#gnb ul li {position: relative;padding-left: 15px;text-align: left;}
ul#gnb ul li:before {position: absolute;left: 0;top: 0;font-family: 'NotoSansKR Black', sans-serif;font-size: 16px;content: "·";}
div#hospital ul#gnb ul li:before {color: #cb7e0f;}
div#resident ul#gnb ul li:before {color: #4a15a0;}
div#supervisor ul#gnb ul li:before {color: #2c508c;}

ul#gnb ul a {display: inline-block;font-size: 16px;line-height: 24px;font-family: 'NotoSansKR Regular', sans-serif;text-align: left;}
ul#gnb ul a:hover {text-decoration: underline;}

ul#gnb > li.on > a {font-family: 'NotoSansKR Bold', sans-serif;}
div#hospital ul#gnb > li.on > a {background-color: #cb7e0f;}
div#resident ul#gnb > li.on > a {background-color: #4a15a0;}
div#supervisor ul#gnb > li.on > a {background-color: #2c508c;}

ul#gnb + div.approve {display: inline-block;vertical-align: top;padding: 10px 0;}
ul#gnb + div.approve a {display: block;width: 150px;padding: 10px 0;border-radius: ;text-align: center;background-color: #28bdcf;color: #fff;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}

ul.headerUtil, ul.headerUtil li, ul.headerUtil a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.headerUtil {z-index: 50;position: absolute;right: 160px;top: 20px;width: 650px;text-align: right;font-size: 0;line-height: 0;}
ul.headerUtil > li {position: relative;display: inline-block;vertical-align: top;padding-left: 40px;}
ul.headerUtil > li:before {position: absolute;left: 20px;top: 50%;width: 1px;height: 10px;margin-top: -5px;content: "";background-color: #282828;}
ul.headerUtil > li:first-child {padding-left: 0;}
ul.headerUtil > li:first-child:before,
ul.headerUtil > li.goto:before {display: none;}
ul.headerUtil a {display: block;color: #282828;font-size: 14px;line-height: 44px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.headerUtil .goto {padding-left: 25px;}
ul.headerUtil .goto a {display: block;width: 130px;text-align: center;background-color: #da5725;color: #fff;}

div.gnbBg {display: none;position: absolute;left: 0;top: 150px;width: 100%;background-color: #eee;}
div#hospital div.gnbBg {border-bottom: 1px solid #e7b00d;}
div#resident div.gnbBg {border-bottom: 1px solid #5f0de7;}
div#supervisor div.gnbBg {border-bottom: 1px solid #16a5e1;}


p#goTop {z-index: 50;position: absolute;right: 40px;top: 480px;width:45px;}
p#goTop a {display: block;width: 45px;height: 45px;border-radius: 50%;font-size: 0;line-height: 0;background: url('/image/record/goTop.png') center center no-repeat;box-shadow:0 3px 7px rgba(0,0,0,.35);}
div#hospital p#goTop a {background-color: #e0650b;}
div#resident p#goTop a {background-color: #ae5da1;}
div#supervisor p#goTop a {background-color: #006be3;}

div#footerWrap {padding: 38px 160px;background-color: #f1f1f1;}
div#footerWrap dl, div#footerWrap dt, div#footerWrap dd, div#footerWrap p, div#footerWrap ul, div#footerWrap li, div#footerWrap address, div#footerWrap a {margin: 0;padding: 0;list-style:none;text-decoration: none;font-style: normal;}
div#footerWrap dl {position: relative;margin: 0;padding-right: 220px;box-sizing:border-box;}
div#footerWrap, div#footerWrap a {color: #0e192a;font-size: 14px;line-height: 25px;font-family: 'NotoSansKR DemiLight', sans-serif;}
div#footerWrap dt {position: absolute;right: 0;top: 50%;transform:translateY(-50%);}
div#footerWrap dt img {display: block;}
div#footerWrap ul {overflow: hidden;}
div#footerWrap li {position: relative;float: left;padding-left: 28px;}
div#footerWrap li:before {position: absolute;left: 14px;top: 0;content: "|";font-size: 8px;}
div#footerWrap li:first-child {padding-left: 0;}
div#footerWrap li:first-child:before {display: none;}



div#container {position: relative;min-width: 1300px;margin: 50px 160px 40px;padding: 70px 100px;background-color: #fff;box-sizing:border-box;}

.pageTit {position: relative;margin: 0;padding: 10px 0 15px 25px;border-bottom: 2px solid #eaeaea;color: #282828;font-size: 28px;line-height: 30px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
.pageTit:before {position: absolute;left: 0;top: 20px;width: 9px;height: 9px;content: "";}
.pageTit span {display: inline-block;vertical-align: bottom;padding-left: 29px;margin-left: 20px;background: url('/image/record/tit_arr.png') left center no-repeat;font-size: 22px;}

div#hospital .pageTit {color: #e7b00d;}
div#hospital .pageTit:before {background-color: #e7b00d;}
div#resident .pageTit {color: #5f0de7;}
div#resident .pageTit:before {background-color: #5f0de7;}
div#supervisor .pageTit {color: #2254a6;}
div#supervisor .pageTit:before {background-color: #16a5e1;}



dl.pagePath, dl.pagePath dt, dl.pagePath dd, dl.pagePath ul, dl.pagePath li {margin: 0;padding: 0;list-style:none;}
dl.pagePath {position: absolute;left: 100px;top: 40px;}
dl.pagePath > dt {font-size: 0;line-height: 0;}
dl.pagePath > dd {}
dl.pagePath ul {float: right;height: 32px;}
dl.pagePath li {float: left;font-size: 14px;color: #222;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR DemiLight', sans-serif;}
dl.pagePath li:before {display: inline-block;vertical-align: top;padding: 0 10px;font-size: 14px;line-height: 20px;content: "/";color: #c0bdba;font-family: 'Roboto-Regular', sans-serif;}
dl.pagePath li:first-child:before {display: none;}
dl.pagePath img {display: block;}

dl.pagePath li:last-child {font-family: 'NotoSansKR Medium', sans-serif;}


div.contents {margin-top: 50px;color: #393939;font-size: 15px;line-height: 25px;font-family: 'NotoSansKR Regular', sans-serif;}

.subTit {margin: 50px 0 10px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;font-size: 22px;line-height: 30px;}
div#hospital .subTit {color: #e7b00d;}
div#resident .subTit {color: #5f0de7;}
div#supervisor .subTit {color: #2254a6;}

.subTit_bl {margin: 50px 0 10px;padding: 0 0 0 25px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;font-size: 20px;line-height: 30px;background-position: 0 7px;background-repeat: no-repeat;}
div#hospital .subTit_bl {background-image: url('/image/record/subTit_bl_a.png');}
div#resident .subTit_bl {background-image: url('/image/record/subTit_bl_b.png');}
div#supervisor .subTit_bl {background-image: url('/image/record/subTit_bl_c.png');}

.subTit:first-child,
.subTit_bl:first-child,
legend + .subTit {margin-top: 0;}

div.ing {padding: 150px 0;}
div.ing img {display: block;margin: 0 auto;}

div.notApplicable {padding: 150px 0;font-size: 35px;line-height: 45px;color: #282828;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
div.notApplicable img {display: block;margin: 0 auto 25px;}


ul.noBl, ul.noBl > li {margin: 0;padding: 0;list-style:none;}

ul.listBar, ul.listBar > li {margin: 0;padding: 0;list-style:none;}
ul.listBar > li {position: relative;padding-left: 15px;}
ul.listBar > li:before {position: absolute;left: 0;top: 0;content: "-";}

ul.listNum, ul.listNum > li {margin: 0;padding: 0;list-style:none;}
ul.listNum {counter-reset:num 0;}
ul.listNum > li {position: relative;padding-left: 18px;}
ul.listNum > li:before {position: absolute;left: 0;top: 0;counter-increment:num 1;content: '' counter( num ) '. ';}

/* 컨텐츠내 메뉴 */
ul.conMenu, ul.conMenu li, ul.conMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.conMenu {font-size: 0;line-height: 0;text-align: left;}
ul.conMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.conMenu > li {display: inline-block;vertical-align: top;width: 20%;margin-left: 10px;}
ul.conMenu > li:first-child {margin-left: 0;}
ul.conMenu a {display: table-cell;width: 420px;height: 50px;text-align: center;vertical-align: middle;color: #393939;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;background-color: #eee;}

ul.conMenu .on a {color: #fff;}
div#hospital ul.conMenu .on a {background-color: #e7b00d;}
div#resident ul.conMenu .on a {background-color: #5f0de7;}
div#supervisor ul.conMenu .on a {background-color: #16a5e1;}

ul.conMenu + * {margin-top: 30px;}


ul.subMenu, ul.subMenu li, ul.subMenu a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.subMenu {}
ul.subMenu:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.subMenu > li {float: left;margin-top: 5px;padding-left: 5px;box-sizing:border-box;}
ul.subMenu a {display: table-cell;width: 600px;height: 50px;vertical-align: middle;text-align: center;border-width: 1px;border-style: solid;font-size: 16px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;}
div#hospital ul.subMenu a {border-color: #cb7e0f;color: #cb7e0f;}
div#resident ul.subMenu a {border-color: #7722c7;color: #7722c7;}
div#supervisor ul.subMenu a {border-color: #2c508c;color: #2c508c;}


ul.subMenu + * {margin-top: 50px;}

ul.subMenu .on a {color: #fff !important;}
div#hospital ul.subMenu .on a {background-color: #cb7e0f;}
div#resident ul.subMenu .on a {background-color: #7722c7;}
div#supervisor ul.subMenu .on a {background-color: #2c508c;}

ul.subMenu.col2ea > li {width: 50%;}

ul.subMenu.col3ea > li {width: 33.4;}
ul.subMenu.col3ea > li:nth-child(3n+1) {width: 33.2%;}

ul.subMenu.col4ea > li {width: 25%;}
ul.subMenu.col5ea > li {width: 20%}
ul.subMenu.col6ea > li {width: 16.7%}
ul.subMenu.col6ea > li:nth-child(6n+1) {width: 16.5%;}


ul.subMenu.col2ea > li:nth-child(2n+1),
ul.subMenu.col3ea > li:nth-child(3n+1),
ul.subMenu.col4ea > li:nth-child(4n+1),
ul.subMenu.col5ea > li:nth-child(5n+1), 
ul.subMenu.col6ea > li:nth-child(6n+1) {clear: both;margin-left: 0;}

ul.subMenu.col2ea > li:nth-child(-n+2),
ul.subMenu.col3ea > li:nth-child(-n+3), 
ul.subMenu.col4ea > li:nth-child(-n+4), 
ul.subMenu.col5ea > li:nth-child(-n+5), 
ul.subMenu.col6ea > li:nth-child(-n+6) {margin-top: 0;}

ul.subMenu.col2ea > li:nth-child(2n+1) a,
ul.subMenu.col3ea > li:nth-child(3n+1) a,
ul.subMenu.col4ea > li:nth-child(4n+1) a,
ul.subMenu.col5ea > li:nth-child(5n+1) a, 
ul.subMenu.col6ea > li:nth-child(6n+1) a {padding-left: 0;}



ul.sort, ul.sort li, ul.sort a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.sort {margin-top: 50px;border-bottom: 2px solid #555e73;font-size: 0;line-height: 0;}
ul.sort li {display: inline-block;vertical-align: top;min-width: 186px;border-top: 2px solid #555e73;border-right: 2px solid #555e73;}
ul.sort li:first-child {border-left: 2px solid #555e73;}
ul.sort a {display: block;padding: 14px 10px;text-align: center;color: #555e73;font-size: 15px;line-height: 20px;font-family: 'NotoSansKR Regular', sans-serif;}
ul.sort .on a {background-color: #555e73;color: #fff;font-family: 'NotoSansKR Medium', sans-serif;}

ul.sort + div.listUtil {margin-top: 10px;}


div.infoArea {padding: 20px 40px;}
div#hospital div.infoArea {border: 5px solid #f9ba00;}
div#resident div.infoArea {border: 5px solid #7b4ec4;}
div#supervisor div.infoArea {border: 5px solid #359fcb;}

div.infoArea + * {margin-top: 50px;}

/* 검색영역 */
div.searchArea {}
div.searchArea td.option {padding: 10px 0 !important;text-align: center;background-color: #f9f9f9;}
div.searchArea td.option label, 
div.searchArea td.option span {font-family: 'NotoSansKR Medium', sans-serif;}

div#hospital div.searchArea td.option label, div#hospital div.searchArea td.option span {color: #d6a003;}
div#resident div.searchArea td.option label, div#resident div.searchArea td.option span {color: #7b4ec4;}
div#supervisor div.searchArea td.option label, div#supervisor div.searchArea td.option span {color: #359fcb;}


div.searchArea .btnArea {margin-top: 30px;}
div.searchArea .btnArea * {min-width: 120px;margin-left: 10px;}
div.searchArea .btnArea *:first-child {margin-left: 0;}
div.searchArea + * {margin-top: 50px;}


div.keywordSearch {padding: 20px 30px;background-color: #f8f8f8;text-align: center;font-size: 0;line-height: 0;}
div.keywordSearch select,
div.keywordSearch input[type=text],
div.keywordSearch input[type=submit] {display: inline-block;vertical-align: top;height: 40px;font-size: 16px;line-height: 25px;}
div.keywordSearch select {width: 150px;}
div.keywordSearch input[type=text] {width: calc(70% - 250px);margin: 0 10px;}
div.keywordSearch input[type=submit] {width: 80px;border-color: #222;background-color: #222;color: #fff;}
div.keywordSearch + * {margin-top: 50px;}


div.listUtil {position: relative;margin: 50px 0 10px;text-align: right;}
div.listUtil span.note {position: absolute;left: 0;bottom: 0;color: #e91919;font-size: 14px;line-height: 20px;font-family: 'NotoSansKR Medium', sans-serif;border: 0 none;padding: 0;}
div.listUtil a {display: inline-block;vertical-align: top;text-align: center;min-width: 100px;padding: 0 15px;font-size: 15px;line-height: 38px;font-family: 'NotoSansKR Regular', sans-serif;}
div.listUtil span.fl {border: 0 none;padding: 0;}

div.bdArea {padding: 20px 40px;border: 2px solid #e5e5e5;}

* + div.bdArea,
div.bdArea + * {margin-top: 30px;}

div.bgArea {background-color: #f6f6f6;}
div#resident div.formNote {background-color: #f7f5f9;color: #1d1d1d;margin-top: 50px;padding: 30px;text-align: center;font-size: 16px;line-height: 30px;font-family: 'NotoSansKR Medium', sans-serif;}

span.txtLine {box-shadow: inset 0 -8px 0 #d9ff7e;}

/* 기본 테이블 */
div#hospital table.tblDef, div#hospital table.inputTbl {border-top: 2px solid #f9ba00;}
div#resident table.tblDef, div#resident table.inputTbl {border-top: 2px solid #7b4ec4;}
div#supervisor table.tblDef, div#supervisor table.inputTbl {border-top: 2px solid #359fcb;}

table.tblDef > * > tr > *,
table.inputTbl > * > tr > * {border-bottom: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd;color: #393939;font-family: 'NotoSansKR Regular', sans-serif;}
table.tblDef > * > tr > *:first-child,
table.inputTbl > * > tr > *:first-child {border-left: 0 none;}

table.tblDef > * > tr > th,
table.inputTbl > * > tr > th,
table.innerTbl > * > tr > th {text-align: center;background-color: #f9f9f9;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}


table.tblDef > * > tr > * {padding: 10px;text-align: center;}
div#hospital table.tblDef > * > tr > th, div#hospital table.inputTbl > * > tr > th {color: #d6a003;}
div#resident table.tblDef > * > tr > th, div#resident table.inputTbl > * > tr > th {color: #7b4ec4;}
div#supervisor table.tblDef > * > tr > th, div#supervisor table.inputTbl > * > tr > th {color: #359fcb;}

table.inputTbl > * > tr > * {padding: 5px;font-family: 'NotoSansKR Medium', sans-serif;}
table.inputTbl > * > tr > th {line-height: 1.2;}

table .bdLeft {border-left: 1px solid #cdcdcd !important;}
table .bdRight {border-right: 1px solid #cdcdcd !important;}

table.al > * > tr > td {text-align: left !important;}

table.innerTbl > * > tr > * {padding: 5px;border-top: 1px solid #cdcdcd;border-left: 1px solid #cdcdcd;}
table.innerTbl > * > tr > *:first-child {border-left: 0 none;}
table.innerTbl > colgroup +  tbody > tr:first-child > *,
table.innerTbl > colgroup +  thead > tr:first-child > * {border-top: 0 none;}

/* 리스트 */
table.listTbl,
table.result {width:100%; border:0 none; border-collapse:separate; border-spacing:0;border-top: 2px solid #808080;}
table.listTbl > * > tr > *,
table.result > * > tr > * {padding: 5px;border-bottom: 1px solid #ddd;border-left: 1px solid #ddd;color: #333;font-family: 'NotoSansKR Regular', sans-serif;text-align: center;font-weight: normal;font-size: 14px;line-height: 20px;word-break:break-all;}
table.listTbl > * > tr > *:first-child,
table.result > * > tr > *:first-child {border-left: 0 none;}
table.listTbl > * > tr > th,
table.result > * > tr > th {background-color: #f6f6f6;color: #111;}
table.listTbl input[type=checkbox], table.listTbl input[type=radio],
table.result input[type=checkbox], table.result input[type=radio] {margin: 0 !important;}

table .bdLeft {border-left: 1px solid #ddd !important;}

table.listTbl a.conLink,
table.result a.conLink {word-break:break-all;text-decoration: underline;}
table.listTbl td.btn a,
table.result td.btn a {display: inline-block;vertical-align: top;padding: 2px 5px 3px;font-size: 12px;line-height: 16px;}


/* 페이징 */
ul.pager {clear: both;margin: 0;padding:30px 0;text-align:center;}
ul.pager li {display:inline-block;vertical-align: top;list-style:none;}
ul.pager li {margin-left:2px;}
ul.pager li:first-child {margin-left:0;}
ul.pager img {display: inline-block;vertical-align: top;width: 30px;}

ul.pager a {display: inline-block;width: 30px;border:0 none;padding: 4px 0 6px;vertical-align: top;text-decoration: none;color: #808080;font-size: 14px;line-height:20px;}
ul.pager .first a,
ul.pager .prev a,
ul.pager .next a,
ul.pager .last a {display:inline-block;padding:0;}

ul.pager a.on {background-color: #a3a3a3;color: #fff;text-align: center;}
ul.pager a img {width: 30px;}


/* 팝업 */
div.layerPopup {display: none;z-index: 100;position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);}

div.popupWrap {position: relative;box-sizing:border-box;background-color: #fff;font-family: 'NotoSansKR Regular', sans-serif;font-size: 17px;line-height: 30px;}
div.layerPopup > div.popupWrap {position: absolute;left: 50%;top: 50%;width: 700px;height: 422px;margin: -211px 0 0 -350px;border: 1px solid #cbcbcb;}

div.popupWrap h1 {margin: 0;padding: 18px 70px 18px 30px;font-weight: normal;color: #fff;font-size: 24px;line-height: 34px;font-family: 'NotoSansKR DemiLight', sans-serif;background-color: #333;}
div.popupWrap div.popupCon {margin: 0;padding: 25px;background-color: #fff;}

div.popupWrap .close {display: block;position: absolute;right: 0;top: 0;margin: 0;}
div.popupWrap .close a {display: block;width: 70px;padding: 24px 0;}
div.popupWrap .close img {display: block;height: 22px;margin: 0 auto;}

div.popupWrap table.inputTbl {border-top: 2px solid #666;}
div.popupWrap table.inputTbl > * > tr > th {}

div.popupWrap div.conArea {margin: 0 30px 30px 30px;background: url('/image/record/print_titBg_b2.gif') right top no-repeat;}
div.popupWrap div.btnArea {margin-top: 30px;}


div#popupPrint {width: 754px;}
div#popupPrint div.popupCon {padding: 0;}
div#popupPrint h2 {margin: 0;}
div#popupPrint img {display: block;}

div#popupPrint div.btn {padding: 20px 0;text-align: center;}
div#popupPrint div.btn a {width: 100px;margin-left: 10px;}
div#popupPrint div.btn a:first-child {margin-left: 0;}


.essen:before {display: none;}
.essen:after {display: inline-block;vertical-align: top;padding-left: 5px;color: #f00;content: "*";}

div.formArea .plugArea {padding: 0;}

div.formArea .note {color: #e91919;font-family: 'NotoSansKR Regular', sans-serif;}

div.agreeCon {margin-top: 30px;border: 2px solid #ddd;padding: 20px;text-align: center;background-color: #f8f8f8;}
div.agree {padding: 10px 0 50px;text-align: center;}
div.agree input[type=checkbox] {margin: 5px 5px 0 0;}

select.wide,
input.wide {width: 100% !important;}
select,
textarea,
input[type=text] {font-family: 'NotoSansKR Medium', sans-serif;color: #393939;}

div.formArea span.label {display: inline-block;vertical-align: top;line-height: 40px;}

div.formArea .multi label,
div.formArea .multi span {line-height: 40px;}
div.formArea .multi input[type=radio],
div.formArea .multi input[type=checkbox] {margin: 14px 5px 0 40px;}

div.formArea .multi > *:first-child {margin-left: 0 !important;}

div.formArea .withBtn {}
div.formArea .withBtn:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .withBtn > *  {float: left;}
div.formArea .withBtn input[type=text] {max-width: calc(100% - 115px) !important;height: 40px;}
div.formArea .withBtn a {width: 115px;padding: 8px 0;color: #fff;background-color: #393939;text-align: center;font-size: 15px;line-height: 24px;font-family: 'NotoSansKR Regular', sans-serif;}
div.formArea .withBtn + div.note {line-height: 40px;}

div.formArea .address {}
div.formArea .address:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .address > * {float: left;}
div.formArea .address > *:first-child,
div.formArea .address > *.clear {margin-left: 0;}
div.formArea .address input[type=text] {width: 400px;margin: 5px 0 0 5px}
div.formArea .address input[type=text]:first-child {width: 120px;margin-top: 0;}
div.formArea .address input[type=text].clear {width: calc(100% - 405px);}
div.formArea .address a {width: 115px;padding: 8px 0;color: #fff;background-color: #393939;text-align: center;font-size: 15px;line-height: 24px;font-family: 'NotoSansKR Regular', sans-serif;}
div.formArea .address span.note {clear: both;line-height: 25px;}

div.formArea .phone {}
div.formArea .phone:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .phone > * {float: left;	}
div.formArea .phone input[type=text] {width: calc(50% - 99px);}
div.formArea .phone > *:first-child {width: 120px;}
div.formArea .phone span {width: 30px;line-height: 40px;text-align: center;}

div.formArea .email {}
div.formArea .email:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.formArea .email > * {float: left;}
div.formArea .email input[type=text] {width: calc(50% - 78px);}
div.formArea .email select {width: 120px;}
div.formArea .email input[type=text] + span {width: 30px;line-height: 40px;text-align: center;}
div.formArea .email select {margin-left: 5px;}

div.formArea .date {}
div.formArea .date input[type=text] {width: 150px;padding-right: 30px;}
div.formArea .date input[type=image] {margin-left: -35px;}

ul.dateInfo, ul.dateInfo > li {margin: 0;padding: 0;list-style:none;}
ul.dateInfo > li {border-top: 1px solid #cdcdcd;padding: 5px;}
ul.dateInfo > li:first-child {border-top: 0 none;}
ul.dateInfo > li > * {float: left;}
ul.dateInfo > li:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.dateInfo > li span {width: 30px;line-height: 40px;text-align: center;}


ul.option_multi, ul.option_multi li {margin: 0;padding: 0;list-style:none;}
ul.option_multi {}
ul.option_multi:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
ul.option_multi > li {float: left;margin-left: 20px;}

table.inputTbl td > ul.option_multi {margin-left: -20px !important;}

div.formArea ul.dateInfo input[type=text] {width: 150px;}
div.formArea ul.dateInfo input[type=text].txt {width: calc(100% - 335px);margin-left: 5px;}

/* 사진선택 */
div.photo {display: inline-block;vertical-align: middle;}
div.photo > span {}
div.photo span.thumb {display: block;width: 120px;height: 140px;margin: 0 auto;border: 1px solid #ccc;background-color: #fff;}
div.photo span.search {position: relative;display: block;width:120px;height:40px;margin: 0 auto 5px;background-color:#393939;font-size:14px;line-height: 40px !important;color:#fff;text-align: center;}
div.photo span.search .opacity0 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;}




/* 비밀번호 변경 */
div.changePwd {width: 1000px;margin: 0 auto;}
div.changePwd div.bgArea {border:1px solid #ddd;padding:20px 74px 30px;text-align: center;background-color: #f8f8f8;}
div.changePwd div.bgArea > * {display: inline-block;vertical-align: top;}
div.changePwd dl {margin:0 auto;}
div.changePwd dl:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.changePwd dt,
div.changePwd dd {float: left;padding-top:10px;text-align: left;}
div.changePwd dt {clear: both;width:120px;}
div.changePwd dt label {line-height: 40px;}
div.changePwd dd input {width:320px;padding:4px 10px 5px;}
div.changePwd dd span.note {margin-left: 10px;font-size: .8em;}
div.changePwd ul.listBar {margin-top:30px;padding:30px 75px 20px;border-top:1px solid #dbdbdb;}
div.changePwd ul.listBar li {text-align: left;}

div.changePwd div.btnArea > * {margin-left: 20px;}
div.changePwd div.btnArea > *:first-child {margin-left: 0;}



/* 수련책임자 */
span.photo {display: inline-block;vertical-align: top;width: 120px;height: 150px;border: 1px solid #ddd;background-color: #f8f8f8;}
span.photo img {display: block;max-width: 100%;height: 100%;}

/* ========================================================================================================== */
/* ================================================ 게시판 공통 CSS ============================================== */
/* ========================================================================================================== */

/* ========= 게시판 검색 ========= */
div.bbsSearch {position: relative;margin-bottom: 10px;text-align: right;font-size: 0;line-height: 0;}
div.bbsSearch select,
div.bbsSearch input[type=text] {display: inline-block;vertical-align: top;height: 40px;border: 1px solid #e5e5e5;color: #696969;font-family: 'NotoSansKR Light', sans-serif;}
div.bbsSearch input[type=text]::placeholder {color: #b0b0b0;font-size: 14px;}
div.bbsSearch input[type=submit] {border: 0 none;background-color: #333;color: #fff;font-family: 'NotoSansKR Light', sans-serif;}

div.bbsSearch select {width: 120px;border-radius: 3px;}
div.bbsSearch input[type=text] {width: 300px;padding-right: 50px;margin-left:5px;border-radius: 3px 0 0 3px;box-sizing:border-box;background: url('/image/icon/icon_search.png') right center no-repeat;}
div.bbsSearch span.search {position: relative;display: inline-block;width: 90px;height: 40px;padding-left: 20px;margin-left: 10px;background: #0b316f url('/image/record/bbsBtn_arr.png') right center no-repeat;font-size: 14px;line-height: 40px;font-family: 'NotoSansKR Light', sans-serif;color: #fff;box-sizing:border-box;text-align: left;}
div.bbsSearch input[type=submit] {position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 0 none;padding: 0;opacity: 0;}

div.bbsSearch div.brief {padding-top: 30px;text-align: left;font-size: 15px;line-height: 20px;color: #030303;font-family: 'NotoSansKR DemiLight', sans-serif;}
div.bbsSearch div.brief strong {color: #0046c7;}


/* 게시판 버튼 */
div.bbsUtil {padding-top: 50px;text-align: right;font-size: 0;line-height: 0;}
div.bbsUtil:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div.bbsUtil a {display: inline-block;min-width: 120px;margin-left: 5px;padding: 0 15px 3px;border-radius: 3px;vertical-align: top;font-size: 18px;line-height: 47px;color: #fff;background-color: #313c47;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;text-align: center !important;text-align: center;}




/* 내용 상세보기 */
div.detailView {margin-top: 35px;padding-top: 20px;border-top: 2px solid #808080;}
div.detailView h4 {margin: 0;color: #111;font-size: 20px;line-height: 30px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
div.detailView ul.info {overflow: hidden;margin: 0;padding: 0;}
div.detailView ul.info li {float: left;position: relative;padding-left: 40px;margin: 0;list-style:none;color: #585858;font-size: 14px;line-height: 30px;}
div.detailView ul.info li:after {position: absolute;left: 20px;top: 50%;width: 1px;height: 12px;margin-top: -6px;content: "";background-color: #cecece;}
div.detailView ul.info li:first-child,
div.detailView ul.info li.link {padding-left: 0;}
div.detailView ul.info li:first-child:after,
div.detailView ul.info li.link:after {display: none;}

div.detailView ul.info span {display: inline-block;vertical-align: top;padding-right: 10px;color: #000;font-family: 'NotoSansKR Bold', sans-serif;}

div.detailView ul.info li.link {float: right;padding-left: 38px;background: url('/image/icon/icon_link.png') left top no-repeat;}
div.detailView ul.info a {color: #585858;text-decoration: none;line-height: 30px;}
div.detailView div.con {clear: both;border-top: 1px solid #ddd;margin-top: 20px;padding: 20px 0;color: #333;font-size: 15px;line-height: 30px;font-family: 'NotoSansKR Regular', sans-serif;}

ul.attach, ul.attach li, ul.attach a {margin: 0;padding: 0;list-style:none;text-decoration: none;}
ul.attach {padding: 15px 20px 20px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;background-color: #f6f6f6;}
ul.attach > li {padding-left: 25px;margin-top: 5px;background: url('/image/icon/icon_attach.png') left center no-repeat;}
ul.attach a {display: inline-block;border-bottom: 1px solid #333;color: #333;font-family: 'NotoSansKR DemiLight', sans-serif;}

div.bbsCon {padding: 20px;}


/* ========= 게시글쓰기 ========= */
div.bbsWrite {}

ul.popSize, ul.popSize li {margin: 0;padding: 0;list-style:none;}
ul.popSize li {margin-top:5px;}
ul.popSize li:first-child {margin-top:0;}
ul.popSize li input[type=text] {width:80px; margin-right:5px; text-align:center;}
ul.popSize li span {line-height: 40px;vertical-align: top;}

table.inputTbl  input[type=text] {width: 200px;}

table.inputTbl .bbsTit > * {float: left;}
div.bbsWrite .bbsTit input[type=text] {width: calc(100% - 210px);}
div.bbsWrite .bbsTit input[type=checkbox] {margin: 13px 10px 0 30px;}

div.bbsWrite .bbsTit label,
div.bbsWrite .bbsTit span {line-height: 40px;}

table.inputTbl .date > * {float: left;margin-left: 5px;}
table.inputTbl .date > *:first-child {margin-left: 0;}
table.inputTbl .date label,
table.inputTbl .date span {width: auto;line-height: 40px;}
table.inputTbl .date select {width: 80px;}
table.inputTbl .date select:first-child {width: 120px;}

table.inputTbl .date input[type=text] {width: 120px;padding-right: 30px;}
table.inputTbl .date input[type=image] {width: 16px;margin: 12px 0 0 -25px;}

table.inputTbl .period:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
table.inputTbl .period > *,
table.inputTbl .period > .clear > *,
table.inputTbl .period span > * {float: left;margin-left: 10px;}
table.inputTbl .period *:first-child,
table.inputTbl .period > .clear,
table.inputTbl .period > .clear >*:first-child {margin-left: 0;}
table.inputTbl .period input[type=radio], table.inputTbl td.period input[type=checkbox] {margin: 11px 0 0 20px;}
table.inputTbl .period input[type=text] {width: 100px;}
table.inputTbl .period label,
table.inputTbl .period span {line-height: 40px;}
table.inputTbl .period span {margin-left: 0;text-align: center;}
table.inputTbl .period select + span {min-width: 30px;}
table.inputTbl .period span > span:first-child {padding-left: 10px;}
table.inputTbl .period span + * {margin-left: 0;}
table.inputTbl .period input[type=text]:first-child,
table.inputTbl .period span + input[type=text] {width: 200px;}
table.inputTbl .period span + input[type=text] {margin-left: 10px;}

table.inputTbl .period select {width: 120px;min-width:120px;}

div.bbsWrite table.inputTbl + table.inputTbl {border-top: 0 none;}


table td.editArea {padding:0 !important;text-align:left;}
div.editArea {margin-top:20px;}


div.bbsWrite.formArea div.btn a {display: inline-block;min-width: 140px;padding: 0 15px 3px;border-radius: 3px;vertical-align: top;font-size: 18px;line-height: 55px;text-align: center;font-family: 'NotoSansKR Medium', sans-serif;text-align: center !important;}



div#popupUpload {width: 800px;}
div#popupUpload h3 {margin: 0;color: #282828;font-size: 22px;line-height: 30px;font-weight: normal;font-family: 'NotoSansKR Medium', sans-serif;}
div#popupUpload div.note {padding: 15px;font-size: 14px;line-height: 20px;background-color: #eee;}
div#popupUpload ul.listBar > li {margin-top: 5px;}
div#popupUpload ul.listBar > li:first-child {margin-top: 0;}

div#popupUpload div.scrollArea {overflow: auto;max-width:950px;max-height:250px;}
div#popupUpload table.inputTbl th,
div#popupUpload table.inputTbl td {padding: 5px;font-size: .9em;line-height: 1.2;}
div#popupUpload table.inputTbl > colgroup + tbody > tr:first-child > * {border-top-color: #00a0e9;}

div#popupUpload div.scrollArea table.inputTbl th,
div#popupUpload div.scrollArea table.inputTbl td {padding: 5px 0;font-size: 13px;}

div#popupUpload table.inputTbl + table.inputTbl {border-top: 0 none;}

div#popupUpload ul.option > li {padding-left: 20px;}
div#popupUpload ul.option > li input {top: 10px;}
div#popupUpload ul.option > li label {line-height: 31px;}

div#popupUpload a.del {display: inline-block;vertical-align: top;width: 50px;margin-left: 10px !important;text-align: center;color: #fff;background-color: #393939;font-size: 14px;}

div#popupUpload th {background-color: #f8f8f8;color: #282828;line-height: 1.2;}
div#popupUpload th.bg {background-color: #1f63b0;color: #fff;font-size: 18px;font-family: 'NotoSansKR Medium', sans-serif;}


/* 팝업 > 병원명 검색 */
div#popupSearch {width: 540px;height: auto;padding: 25px 30px;}
div#popupSearch h1 {margin: 0;padding:0 0 10px;border-bottom: 2px solid #696969;color: #333;font-size: 19px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;background-color: transparent;}
div#popupSearch div.close {position: absolute;right: 0;top: 0;}
div#popupSearch div.close img {height: 14px;}
div#popupSearch div.popupCon {padding: 15px 0;}
div#popupSearch div.searchArea {height: 48px;padding-right: 48px;background: #f0f0f0 url('/image/sponsor/icon_search.png') right center no-repeat;}
div#popupSearch div.searchArea input[type=text] {width: 100%;height: 48px;border: 0 none;background-color: transparent;}
div#popupSearch div.searchArea input[type=submit] {position: absolute;right: 30px;top: 77px;width: 48px;height: 48px;border: 0 none;padding: 0;opacity: 0;}

div#popupSearch div.searchArea + * {margin: 0;}
div#popupSearch div.result > a {float: left;padding: 6px 15px 7px;margin: 15px 10px 0 0;background-color: #f1690e;color: #fff;font-size: 15px;line-height: 25px;}
div#popupSearch div.upload {text-align: center;font-size: 0;line-height: 0;}
div#popupSearch div.upload > div {padding: 30px 0;text-align: center;color: #737373;font-size: 15px;line-height: 30px;}
div#popupSearch div.upload img {display: inline-block;vertical-align: top;padding-right: 10px;}

div#popupSearch div.upload form {}
div#popupSearch div.upload form:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#popupSearch div.upload span,
div#popupSearch div.upload label,
div#popupSearch div.upload input {display: inline-block;vertical-align: top;font-size: 15px;line-height: 30px;}
div#popupSearch div.upload label,
div#popupSearch div.upload span {line-height: 30px;margin-bottom: 10px;}
div#popupSearch div.upload input {}
div#popupSearch div.upload input[type=radio] {margin: 10px 10px 0 20px;}
div#popupSearch div.upload input[type=text] {clear: both;width: calc(100% - 60px);}
div#popupSearch div.upload input[type=submit] {width: 60px;height: 40px;border-color: #604432;color: #fff;background-color: #604432;}

/* 팝업 > 회사명 검색 */
div#popupCompany {width: 540px;padding: 25px 30px;}
div#popupCompany h1 {margin: 0;padding:0 0 10px;border-bottom: 2px solid #696969;color: #333;font-size: 19px;line-height: 25px;font-family: 'NotoSansKR Medium', sans-serif;background-color: transparent;}
div#popupCompany div.close {position: absolute;right: 30px;top: 25px;}

div#popupCompany div.popupCon {padding: 15px 0;}
div#popupCompany div.searchArea {height: 48px;padding-right: 48px;background: #f0f0f0 url('/image/sponsor/icon_search.png') right center no-repeat;}
div#popupCompany div.searchArea input[type=text] {width: 100%;height: 48px;border: 0 none;background-color: transparent;}
div#popupCompany div.searchArea input[type=submit] {position: absolute;right: 30px;top: 77px;width: 48px;height: 48px;border: 0 none;padding: 0;opacity: 0;}

div#popupCompany div.result {height: 300px;}
div#popupCompany div.searchArea + * {margin: 0;}
div#popupCompany div.result > a {float: left;padding: 6px 15px 7px;margin: 15px 10px 0 0;background-color: #f1690e;color: #fff;font-size: 15px;line-height: 25px;}

div#popupCompany div.upload {text-align: center;font-size: 0;line-height: 0;}
div#popupCompany div.upload > div {padding: 30px 0;text-align: center;color: #737373;font-size: 15px;line-height: 30px;}
div#popupCompany div.upload img {display: inline-block;vertical-align: top;padding-right: 10px;}

div#popupCompany div.upload form {}
div#popupCompany div.upload form:after {clear: both;display: block;height: 0;line-height: 0;font-size: 0;content: "";}
div#popupCompany div.upload span,
div#popupCompany div.upload label,
div#popupCompany div.upload input {display: inline-block;vertical-align: top;font-size: 15px;line-height: 30px;}
div#popupCompany div.upload label,
div#popupCompany div.upload span {line-height: 30px;margin-bottom: 10px;}
div#popupCompany div.upload input {}
div#popupCompany div.upload input[type=radio] {margin: 10px 10px 0 20px;}
div#popupCompany div.upload input[type=text] {clear: both;width: calc(100% - 60px);}
div#popupCompany div.upload input[type=submit] {width: 60px;height: 40px;border-color: #604432;color: #fff;background-color: #604432;}


div.beUpdated {border: 5px solid #e3f4fc;color: #739fb6;font-family: 'NotoSansKR Medium', sans-serif;text-align: center;}
div.beUpdated:after {display: block;content: "";background-position: center bottom;background-repeat: no-repeat;}


div.beUpdated {width: 650px;margin: 0 auto;padding: 120px 0;font-size: 22px;line-height: 40px;}
div.beUpdated:after {height: 226px;background-image: url('/image/common/beUpdated.png');}