@charset "utf-8";

/*
  메디잡 2017 리뉴얼프로젝트
  main css Style
  Author : yuhee77
  Version : 1.0
  date: 2017.7 ~

*/

/* 구조 */
#containerWrap.containerWrap.typeMain .contents{margin-top:0}
#containerWrap.containerWrap.typeMain .contents2{margin-top:0; text-align:center;}
	.containerWrap.typeMain{min-width:1600px; height:1000x !important; background-color: #f7f7f7; } /* 메인 배너광고  */
	.containerWrap.typeMain .contents{position:relative}
#containerWrap.containerWrap.typeMain .contents.grandWrap{width:100%; margin-top: 0; padding-top: 25px; }
#list{ background-color: #ffffff; margin:55px 0 0 0;} /* 채용관  */

.mainRoginWrap{width:960px; margin:20px auto 0}
.mainRoginWrap .loginLine{height:188px}
.mainRoginWrap .loginLine:after{content:""; display:block; clear:both}
.mainRoginWrap .toolLine{margin-top:8px; *zoom:1; height:190px; /*background:url(../images/main/bg_tool.gif) no-repeat 0 0*/}
.mainRoginWrap .toolLine:after{content:""; display:block; clear:both}


.loginLine{}
.loginLine:after{content:""; display:block; clear:both}
.loginLine .loginWrap,
.loginLine .mainBannerWrap,
.loginLine .mainBannerSmall{float:right; }
.loginLine .mainBannerWrap,
.loginLine .mainBannerSmall{margin-left:8px; height:188px; overflow:hidden}
.loginLine .mainBannerWrap{width:599px; float: left; }
.loginLine .mainBannerWrap > a{display:block; width:100%; height:100%}
.loginLine .mainBannerWrap > a > img{display:block !important;}
.loginWrap{position:relative; /*border:1px solid #2e9be4; *//*background-color:#f3f3f3;*/ height:186px;  }
.loginWrap.on{border:1px solid #ddd; width: 298px; height: 177px; }
.loginWrap .tabTit{width:298px; overflow:hidden; height:128px; border: 1px solid #e3e5ed; background-color: #ffffff; } /* height:130px; */
.loginWrap .tabTit:after{content:""; display:block; clear:both}


/* 병원회원  pop */
.loginWrap .tabTit .titBoxss{ height: 131px; position: absolute; width: 298px; background-color: #fff; visibility: hidden; border-bottom: 1px solid #e3e5ed; }
.loginWrap .tabTit .titBoxss label{ font-weight: bold; font-size: 13pt; padding-left: 8px; margin-top: 1px; position: relative; line-height: 2; position: relative; top: 5px; cursor: cursor; letter-spacing: -2px; }
.loginWrap .tabTit .titBoxss .close_titBoxss{ float: right;  margin-top: 1px; padding-right: 12px; }
.loginWrap .tabTit .titBoxss label .logins_SS{ width: 23px; height: 25px; padding-left:6px; vertical-align: text-bottom; position: relative; top: 4px; padding-right: 4px;  }
.loginWrap .tabCont .btnLogins{text-align:center; margin-top:-94px; margin-left:195px; }
.loginWrap .tabCont .btnLogins > a{display:inline-block;zoom:1; *display:inline; border:1px solid #006cb5; padding:0; font-size:13px; height:auto; vertical-align:top; margin-left:1px; text-align:center; border-radius:2px; cursor:pointer; margin-top: 5px; }
.loginWrap .tabCont .btnLogins > a:first-child{margin-left:0}
.loginWrap .tabCont .btnLogins > a.join{color:#006cb6; border-color:#006cb6}
.loginWrap .tabCont .btnLogins > a.login{background-color:#006cb5; color:#fff; }
.loginWrap .tabCont .btnLogins > a.btn{width:62px; height:21px; padding-top:4px; display: none; }
.loginWrap .tabCont .btnLogins > a input[type=submit]{background:none; border:0; cursor:pointer; vertical-align:top; color:#006cb6; width: 85px; height: 57px; }
.loginWrap .tabCont .btnLogins > a input[type=button], .loginWrap .tabCont .btnLogin > a input[type=submit]{padding:4px 10px ; height:64px; }
.loginWrap .tabCont .btnLogins > a.login input{color:#fff}}


/* 개인회원  pop */
.loginWrap .tabTit .titBoxs{ height: 131px; position: absolute; width: 298px; background-color: #fff; }
.loginWrap .tabTit .titBoxs label{ font-weight: bold; font-size: 13pt; padding-left: 8px; margin-top: 1px; position: relative; line-height: 2; position: relative; top: 5px; cursor: cursor; letter-spacing: -2px; }
.loginWrap .tabTit .titBoxs .close_titBoxs{ float: right; margin-top: 1px; padding-right: 12px; }

.loginWrap .tabTit .titBox1{float:left; text-align:center; width:148px; height:42px;  box-sizing:border-box}
.loginWrap .tabTit .titBox1:first-child{border-left:0; }
.loginWrap .tabTit .titBox1.tab{/*border-bottom:0*/}
.loginWrap .tabTit .titBox1 > a{font-size:18px; color:#222; font-weight:bold; width:100%; height: 74px; /*height:22px; */display:block ; padding:42px 0 10px; }
.loginWrap .tabTit .titBox1 > a.tabOn{ border-right: 1px solid #e3e5ed; height: 74px;  } /* color:#006cb6; border-color:#eff7fe; background-color:#eff7fe; font-size:15px; margin-left:-1px; text-decoration:underline; border: 1px solid #2e9be4; border: 1px solid #e3e5ed;  */
.loginWrap .tabTit #CUSTOMER > a:hover{ color:#006cb6; border-color:#eff7fe; background-color:#eff7fe; margin-left:-1px; border: 1px solid #2e9be4; margin-left: 1px; }
.loginWrap .tabTit #COMPANY > a:hover{ color:#006cb6; border-color:#eff7fe; background-color:#eff7fe; margin-left:-1px; border: 1px solid #2e9be4; }

.loginWrap .tabTit .titBox1:first-child > a.tabOn{margin-left:0}
.loginWrap .tabTit .titBox1:first-child{border-right:0}
.loginWrap .tabTit .titBox1:first-child > a{}
.loginWrap .tabTit .titBox1:first-child > a.tabOn{  font-size:18px;}
.loginWrap .tabTit .titBox1:last-child{width:148px; }
.loginWrap .tabTit .titBox1:last-child > a{}
.loginWrap .tabTit .titBox1:last-child > a.tabOn{border-right:1px solid #2e9be4; width:148px; font-size:18px; }
.loginWrap .tabCont .idSaveInner{padding-top:4px; padding-bottom:18px; border: 1px solid #e3e5ed; background-color: #f8f9fb; height: 10px;  }
.loginWrap .idSaveInner{padding-top:8px; padding-bottom:14px; background-color: #f8f9fb; height: 16px; width: 298px; display: block; border-left: 1px solid #e3e5ed; border-right: 1px solid #e3e5ed; border-bottom: 1px solid #e3e5ed;  } /* border: 1px solid #e3e5ed;  */
.loginWrap .idSaveInner .pwSS{ font-size: 11pt; color: #333; background-color: transparent; margin-left: 5px; padding-left: 10px; padding-right: 19px;  border-right: 1px solid #e3e5ed; }
.loginWrap .idSaveInner .typeS2{ font-size: 11pt; color: #333; background-color: transparent; margin-left: 5px; padding-left: 10px; padding-right: 11px; border: 0px; }
.loginWrap .idSaveInner .idSS{ font-size: 11pt; color: #333; background-color: transparent; margin-left: 5px; padding-left: 20px; padding-right: 19px; border-right: 1px solid #e3e5ed; border-left: 1px solid #e3e5ed; }
.loginWrap .idSaveInner .naverSS{ margin-top: -1px; float: right; margin-right: 10px; width: 23px; height: 23px; }
.loginWrap .tabTit .titBoxs label .login_SS{ width: 23px; height: 25px; padding-left:6px; vertical-align: text-bottom; position: relative; top: 4px; padding-right: 4px;  }

.loginWrap .tabCont .tabTxt{text-align:center}
.loginWrap .tabCont .loginInput{ padding-bottom:3px; text-align:center}
.loginWrap .tabCont .loginInput input[type="text"],
.loginWrap .tabCont .loginInput input[type="password"]{width:183px; height:25px; padding-bottom:3px;}
.loginWrap .tabCont .loginInput input[type="password"]{margin-top:-1px}
.loginWrap .tabCont .loginInput input[placeholder]{font-size:12px; letter-spacing:0}
.loginWrap .tabCont .idSave{display:block; position:relative; padding-right:12px; margin-top: -3px;}
.loginWrap .tabCont .idSave:after{content:""; display:block; clear:both}
.loginWrap .tabCont .idSave .saveInner{}
.loginWrap .tabCont .idSave .saveInner > label{color:#333;  font-size:11px; font-family: "돋움",Dotum; letter-spacing:-1px; margin-top:6px; margin-left:3px; vertical-align: super; }
.loginWrap .tabCont .idSave .idSaveInner{/*float:right*/ position: relative; top: 10px; left: -11px; display: block; width: 298px; text-align: center; }
.loginWrap .tabCont .idSave .idSaveInner > a{color:#333; font-size:16px; font-family:"굴림",gulim,helvetica,sans-serif;  vertical-align:bottom;padding-left:8px; background:url(../images/ico/bar_save.gif) no-repeat 0 1px; letter-spacing:-0.025em; }
.loginWrap .tabCont .idSave .idSaveInner > a:first-child{background:none}
.loginWrap .tabCont .idSave .idSaveInner > a:hover{text-decoration:underline}
.loginWrap .tabCont .btnLogin{text-align:center; margin-top:-122px; margin-left:195px; }
.loginWrap .tabCont .btnLogin > a{display:inline-block;zoom:1; *display:inline; border:1px solid #006cb5; padding:0; font-size:13px; height:auto; vertical-align:top; margin-left:1px; text-align:center; border-radius:2px; cursor:pointer; margin-top: 5px; }
.loginWrap .tabCont .btnLogin > a:first-child{margin-left:0}
.loginWrap .tabCont .btnLogin > a.join{color:#006cb6; border-color:#006cb6}
.loginWrap .tabCont .btnLogin > a.login{background-color:#006cb5; color:#fff; }
.loginWrap .tabCont .btnLogin > a.btn{width:62px; height:21px; padding-top:4px; display: none; }
.loginWrap .tabCont .btnLogin > a input[type=submit]{background:none; border:0; cursor:pointer; vertical-align:top; color:#006cb6; width: 85px; height: 55px; }
.loginWrap .tabCont .btnLogin > a input[type=button], .loginWrap .tabCont .btnLogin > a input[type=submit]{padding:4px 10px ; height:57px; }
.loginWrap .tabCont .btnLogin > a.login input{color:#fff}

.loginWrap .mainLogin_icon{position: absolute; top: 6px; right: 0;}
.loginWrap .mainLogin_icon a{font-size: 0; margin-left: 4px;}
.loginWrap .mainLogin_icon a img{width: 20px;}

/* 로그인창 */
.loginWrap.on{ position:relative}
.loginWrap.on .onBox{}
.loginWrap.on .onBox:after{content:""; display:block; clear:both}
.loginWrap.on .onBox > dt{margin:15px 10px 10px 20px;color:#333; font-size:12px}
.loginWrap.on .onBox > dt:after{content:""; display:block; clear:both}
.loginWrap.on .onBox > dt .className1{font-size:10px}
.loginWrap.on .onBox > dd{}
.loginWrap.on .onBox .titOn{ font-size: 15px; color: #222; font-weight: bold;  display: inline-block;  vertical-align: top; }
.loginWrap.on .onBox .className{color:#000; font-weight:bold; }
.loginWrap.on .onBox .ingAd{background:url(../images/ico/ico_grey_dot.png) no-repeat 0 8px; color:#222; line-height:18px; font-size:11px;  font-family:"돋움",Dotum}

.loginWrap.on .onBox > dt.indiDt{} /*indiDt 개인회원전용 이름 아이디 라인*/
.loginWrap.on .onBox > dt.indiDt > span{width:auto}
.loginWrap.on .onBox > dt.indiDt .id{ color:#2293e8; letter-spacing:0}
.loginWrap.on .onBox > dt.indiDt .className1{display:inline-block; float:right; vertical-align:top}
.loginWrap.on .onBox > dt.comDt{height:32px; margin-bottom:0} /* comDt 병원회원전용 */
.loginWrap.on .onBox > dt.comDt > span{ line-height:17px; display:inline-block; vertical-align:top; float:left}
.loginWrap.on .onBox > dt.comDt .titOn{font-size:13px;  }/*text-overflow: ellipsis; white-space: nowrap;  overflow: hidden;*/
.loginWrap.on .onBox > dt.comDt .className1{ padding-left:3px}

.loginWrap.on .onBox > dd > ul{margin:0 10px; background-color:#ffffff; padding:7px 3px 5px 10px; border-radius: 5px; border: 1px solid #1b93e4;  }
.loginWrap.on .onBox > dd > ul > li {padding-left:8px; width:100%}
.loginWrap.on .onBox > dd > ul > li > a{color:#666; padding-left:5px; font-family: "돋움",Dotum;  font-size:11px}
.loginWrap.on .onBox > dd > ul > li > a > span{font-size:15px; color:#000; font-weight:bold}
.loginWrap.on .onBox .num{color:#2293e8; text-decoration:underline}
.loginWrap.on .onBox > dd.logoutBtn{ line-height:14px; position:absolute; right:10px ; top:10px}
.loginWrap.on .onBox > dd.indi > ul > li > a{line-height:1}
.loginWrap.on .onBox > dd.indi > ul > li > a > span{color:#2293e8; text-decoration:underline; padding-left:5px}
.loginWrap.on .onBox >dd.typeIndi{margin-left:9px; margin-top:14px; padding-left: 19px; border-radius: 5px; }
.loginWrap.on .onBox >dd.typeIndis{margin-left:9px; margin-top:11px; padding-left: 19px; border-radius: 5px; padding-top: 5px; height: 49px; width: 261px; }
.loginWrap.on .onBox >dd.typeIndi .ingAd{ font-family:Tahoma, "Malgun Gothic", "돋움", dotum, Helvetica; font-size:12px; color:#222; padding-left:10px; padding-right: 9px; color: #ffffff; } /* display:block; background:url(../images/ico/ico_arrow_pink.png) no-repeat 0 5px;  */

.onBox .menuImp{margin-top:7px; border-radius: 5px; height: 39px; margin-left: 11px; background-color:#1b93e4; width: 278px; }
.onBox .menuImp:after{content:""; display:block; clear:both}
.onBox .menuImp .imgLine{display:block;  padding-left:15px; }
.onBox .menuImp .imgLine:after{content:""; display:block; clear:both}
.onBox .menuImp .imgLine > a{padding-left:10px; display:block; float:left;  width:90px; }
.onBox .menuImp .imgLine > a.ingAd{font-size:12px; font-family:Tahoma, "Malgun Gothic", "돋움", dotum, Helvetica; color: #ffffff; } /* background:url(../images/ico/ico_arrow_pink.png) no-repeat 0 5px;  */
/*.onBox .menuImp .imgLine > a.ingAd:first-child{ padding-left:10px} */
.onBox .menuImp .pointLine{margin-top:8px; text-align: center; padidng-left: 25px;  }
.onBox .menuImp .pointLine:after{content:""; clear:both; display:block}
.onBox .menuImp .pointLine > span{position:relative; display:inline-block; margin-left:8px; color:#222; font-size:11px}
/* .onBox .menuImp .pointLine .imgBox{display:inline-block;  cursor:pointer; background:url(../images/ico/ico_point.png) 0 0 no-repeat; font-size:0; width:38px; height:20px; margin-top:1px; vertical-align:top } */
.onBox .menuImp .pointLine .beforeCh:LAST-CHILD:BEFORE{content: "ㅣ"; color: #888; margin-right: 5px;}
.onBox .menuImp .pointLine .imgBox{display: inline-block; cursor: pointer; font-size: 11px; vertical-align: top; color: cornflowerblue; text-decoration: underline; font-weight: bold;}
.onBox .menuImp .pointLine > span > a{color:#fd4426; letter-spacing:0; font-size:14px}
.onBox .menuImp .pointLine .point .imgBox{background-position:0 5px; }
.onBox .menuImp .pointLine .beforeCh .imgBox{background-position:0 -132px; }
.onBox .menuImp .pointLine .toolTip{padding: 8px 10px; display: block; position: absolute;  left: 0;  bottom: -57px;  width: 222px;  line-height: 18px;  background-color: #f3f4f8;  border: 1px solid #ccc; border-radius: 2px; font-size: 12px;}
/*
.onBox .menuImp .pointLine .point .toolTip{bottom:-57px}
.onBox .menuImp .pointLine .beforeCh .toolTip{bottom:-57px}
*/

.onBox .menuImp span.beforeCh{float:left; /* padding-right:10px */}
.onBox.typeIndi{}

.onBox .logoutBtn{}
.onBox .logoutBtn:after{content:""; display:block; clear:both}
.onBox .logoutBtn > a{display:inline-block; zoom:1; *display:inline;  font-size:11px; ; font-family: "돋움",Dotum; color:#666; border:1px solid #ddd;  padding: 3px 5px 1px;  border-radius: 2px;}

.toolLine{margin-top:8px}
.toolLine .toolCont,
.toolLine .tabNoticeBox,.toolLine .mainBanner3{ } /* float:left; */
.toolLine .tabNoticeBox,
.toolLine .mainBanner3{margin-left:623px; margin-top: 89px; width: 292px; height: 180px; border-bottom: 1px solid #dedede; background-color: #ffffff; }
.toolLine .mainBanner3{float: right; }
.toolLine .mainBanner3 > a{display:block; width:100%; height:100%}
.toolLine .mainBanner3 > a > img{display:block !important}

/* 공지사항&이벤트 추가 */
.tabNoticeBox .notice_event{ background-color: #ff0000; height: 24px; padding-left: 5px; padding-top: 5px; border-bottom: 1px solid #dedede; background-color: #eff7fe; font-weight: bold; }


.toolCont{ } /* width:225px; height:188px; position:relative */
.toolCont .titTool{font:15px "Malgun Gothic", "돋움", dotum, Tahoma, Helvetica; color:#222; width:204px; padding:12px 0 12px 20px; border-right:1px solid #dedede; border-left:1px solid #dedede; border-top:1px solid #dedede; }
.toolCont .titTool > span{font-weight:bold}
.toolCont .toolBox{/*padding-top:40px*/}
.toolCont .toolBox:after{content:""; display:block; clear:both}
.toolCont .toolBox .tool{ position:relative;   width:98px;  float: left; padding-top: 45px;text-align: center; background-color: #fff; border: 1px solid #ddd; height: 90px; box-sizing: border-box; margin:-1px -1PX 0 0}
.toolCont .toolBox .tool.jobLi{width: 195px; background:#0ddd96;}
.toolCont .toolBox .tool.jobLi a{display: block; width: 100%; height: 74px;}
.toolCont .toolBox .tool.jobLi label{font-size: 0;}
.toolCont .toolBox .tool.jobLi img{width: 100%; height: auto; margin-top: -45px; margin-left: auto;}
/* .toolCont .toolBox .tool.jobLi img{margin-top: -31px; margin-left: 78px;} */
.toolCont .toolBox .tool.jobLi2{background:#ffca22;}
.toolCont .toolBox .tool.jobLi2 a{display: block; width: 100%; height: 74px;}
.toolCont .toolBox .tool.jobLi2 label{font-size: 0;}
.toolCont .toolBox .tool.jobLi2 img{width: 98px; height: 90px; margin-top: -45px; margin-left: auto;}
.toolCont .toolBox .tool:hover{border-color:#2293e8; z-index:2;}
.toolCont .toolBox .tool:hover > a{color:#2293e8;}

/*
.toolCont .toolBox .tool .bg1{background:url(../images/top/test_bnr_09.gif) no-repeat 0 0; background-position:0px -7px; }
.toolCont .toolBox .tool .bg2{background:url(../images/top/test_bnr_11.gif) no-repeat 0 0; background-position:4px -7px; }
.toolCont .toolBox .tool .bg3{background:url(../images/top/test_bnr_13.gif) no-repeat 0 0; background-position:-8px -0px; background-size: 45px; }
.toolCont .toolBox .tool .bg4{background:url(../images/top/test_bnr_23.gif) no-repeat 0 0; background-position:10px 0px; }
.toolCont .toolBox .tool .bg5{background:url(../images/top/test_bnr_25.gif) no-repeat 0 0; background-position:12px -2px; }
.toolCont .toolBox .tool .bg6{background:url(../images/top/test_bnr_27.gif) no-repeat 0 0; background-position:6px -7px; }
.toolCont .toolBox .tool .bg7{background:url(../images/top/test_bnr_37.gif) no-repeat 0 0; background-position:5px -6px; }
.toolCont .toolBox .tool .bg8{background:url(../images/top/test_bnr_39.gif) no-repeat 0 0; background-position:4px -6px; }
.toolCont .toolBox .tool .bg9{background:url(../images/top/test_bnr_41.gif) no-repeat 0 0; background-position:10px -6px; }
*/

.toolCont .toolBox .tool a img{ width: 32px; height: 31px; display: block; position: relative; margin-top: -33px; margin-left: 32px; }
.toolCont .toolBox .tool > a{ font-size:13px; font-family: "돋움",Dotum; color:#666; letter-spacing: 0pt;} /* background:url(../images/main/img_tool.png) no-repeat 0 0;  */
.toolCont .toolBox .tool > a label{ float: left; margin-top: 9px; width: 100%; }
.tabNoticeBox{border-top:1px solid #dedede;width:531px; height:188px; }

.arrowTool{position:absolute; right:10px; top:10px}
.arrowTool:after{content:""; display:block; clear:both}
.arrowTool > li{float:left}

.beforeChWrap{background:#fff url(../images/main/bg_tool.gif) no-repeat 0 0; height:188px}
.beforeCh{}
.beforeCh .tit{padding:17px 5px 0 14px}
.beforeCh .text{padding-left:14px; padding-top:6px; padding-right:12px; line-height:17px; font-size:12px}
.beforeCh .bottom{}
.beforeCh .bottom:after{content:""; display:block; clear:both}
.beforeCh .beforeChInfo{margin:0; padding:0; float:left; margin-top:8px; margin-left:15px; position:relative}
.beforeCh .beforeChInfo .qu{}
.beforeCh .beforeChInfo .quBox{display:none; position: absolute; left: 16px; top: 26px; border: 1px solid #222; background-color: #fff; padding:10px 12px; width: 197px; font-size: 11px; color: #222;  z-index: 2; line-height: 16px;}
/* 충전금이란? */
.mainBanner3 .quBox{display:none; position: absolute; right: 77px; top: 206px; border: 1px solid #222; background-color: #fff; padding:10px 12px; width: 197px; font-size: 11px; color: #222;  z-index: 2; line-height: 16px;}
.beforeCh .btnBox{float:left}
.beforeCh .btnBox .btn{ font-size: 15px; margin-left: 30px; color: #222;  width: 83px; height: 19px; background: url(../images/main/img_before_btn.jpg) no-repeat 0 100%;}

/* 탭수정 171226 */
.tabsMain{ margin-top: -1px; margin-left: -1px;  border-left: 1px solid #dedede;  border-right: 1px solid #dedede; padding-bottom:2px; height:35px; overflow:hidden}
.tabsMain:after{content:""; display:block; clear:both}
.tabsMain > li{float: left; text-align: center; width: 131px; border-right: 1px solid #dedede; border-bottom:2px solid #234379; margin-top: 0; /* margin-bottom: -2px;  */cursor: auto; height: 35px;}
.tabsMain > li.on{border-left: 2px solid #234379;  border-right: 2px solid #234379; border-bottom: 2px solid #fff; border-top: 2px solid #234379; height: 34px;   margin-left: -1px;}
.tabsMain > li:first-child.on{margin-left:0}
.tabsMain > li > a{ display: block; font-size: 14px; color: #222; padding: 7px 0 8px; width: 100%;}
.tabsMain > li.on > a{color:#234379; font-weight:bold}
.tabsMain > li.name3{border-right:0}
.tabsMain > li.name3.on{border-right:0; width:133px}
.tabsDep2{background-color: #f0f0f0;}
.tabsDep2:after{content:""; display:block; clear:both}
.tabsDep2 > li{float: left;  padding: 5px 15px 6px; background: url(../images/main/bar_tab2.png) no-repeat 0 0;}
.tabsDep2 > li > a{color:#222}
.tabsDep2 > li.on > a{color: #fd4426; font-weight: bold;}
.tabsDep2 > li:first-child{margin-left:1px}

.tabCenterInner { height: 125px; padding: 13px 12px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
.tabContMain{}
.tabContMain > ul > li > a{color:#222}
.tabContMain .noticeList > li > a{ line-height: 20pt; }
.tabContMain .noticeList > li > a:hover{ color: #1b93e4; }

.tabContDep2{margin-top:10px}
.tabContDep2 > ul > li{padding:5px}
.tabContDep2 > ul > li:after{content:""; display:block; clear:both}
.tabContDep2 > ul > li > a{display: block; float: left; color: #333; font-size: 12px; letter-spacing: -1px; width:16%; line-height: 18px;}
.tabContDep2 > ul > li > a:first-child{padding-left:0}
.tabContDep2 > ul > li:last-child > a:last-child{font-weight:bold}
.tabContDep2 .point{color:#2399e8; font-weight:bold}
.tabContDep2.type2{}
.tabContDep2.type2 > ul > li > a{width:auto; margin:0 10px}
.tabContDep2.type3{}
.tabContDep2.type3 > ul > li > a{width:10%}
.tabContDep2.type3 > ul > li:last-child > a:last-child{width:15%}
.tabContDep2.type4{}
.tabContDep2.type4 > ul > li > a{width:16%}
.tabContDep2.type5{}
.tabContDep2.type5 > ul > li:last-child > a:last-child{font-weight:normal}

.noticeList{ margin-top:10px;}
.noticeList li{ text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:370px; overflow:hidden; display: block; }
.noticeList li .new_icon{ padding-left: 2px; margin-top: 5px; width: 16px; }

.noticeList:after{content:""; display:block; clear:both}
.noticeList .pointNotice{display:inline-block; zoom:1; *display:inline; color:#2399e8; padding-right:2px; padding-left: 3px; width:60px; background }
.noticeList .styleDate{float:right; color:#aaa; display: none; }

.contents {margin-top:30px}
.contents.grandWrap{background-color:#ffffff; margin-top:12px; /* #eff6f8 f3f7f8*/ } /*  */
.contents.grandWrap .wrapCont{width:1600px; margin:0 auto; } /* 1230 */
.contents.grandWrap .wrapCont:first-child{padding:0px; }


.contents.speedWrap .lineStyle1{ }
.contents.speedWrap .lineStyle1 dl{  }
.adWrap .ad_bnrs{ }
.adWrap .ad_bnrs2{  }

.adWrap .ad_bnrs span{ border: 1px solid #b3b2b2; background-color: #fff; width: 18px; text-align: center; display: block; top: 45px; right: 0px; position: absolute; color: #b3b2b2; cursor: pointer; }
.adWrap .ad_bnrs2 span{ border: 1px solid #b3b2b2; background-color: #fff; width: 18px; text-align: center; display: block; top: 45px; right: 0px; position: absolute; color: #b3b2b2; cursor: pointer; }


/* 퀵메뉴 */
.contents.grandWrap.wrapCont{ min-width: 1600px;  }

.wrapCont{/* padding-top:20px; */ text-align: center;}
.wrapCont > dl{width:1230px; margin:0 auto; position:relative; text-align: left;}
.wrapCont > dl > dt{ padding-bottom:12px; height: 30px; padding-top: 8px; padding-left: 45px; font-size:22px; letter-spacing:-2px; font-weight:bold; color:#000;} /*height: 22px; */
.wrapCont .dtPlatinum{background-position:0 0; color: #f5da71;
 background:url(../images/main/Platinum_bar.png) no-repeat; background-size: cover;}/* background:url(../images/main/grand_bnr.png) no-repeat; */
.wrapCont .dtVIP {background-position:0 0; color: #f5da71;
background:url(../images/main/vip_bar.png) no-repeat; background-size: cover ; margin-top: 0;}/* background:url(../images/main/focus_bnr.png) no-repeat; */



.contents .ad_bnrs0 img{ position: relative; margin: 0 auto; width: 1230px; height: 80px; display: block; margin-top: -25px; }
.contents .ad_bnrs img{ position: relative; margin: 0 auto; width: 1230px; height: 80px; display: block; margin-top: 0; }
.contents .ad_bnrs2 img{ position: relative; margin: 0 auto; width: 1230px; height: 80px; display: block; margin-top: -35px; }
.contents .ad_bnrs3 img{ position: relative; margin: 0 auto; width: 1220px; height: 80px; display: block; margin-top: -35px; margin-bottom: -35px;}


.contents .wrapCont .mainLine3{ margin-top: 0; }
.contents .wrapCont .mainLine4{ margin-top: 0; }
.contents .lineStyle1{ margin-top: -35px; }


.wrapCont .dtPremium{background-position:0 0;
background:url(../images/main/Premium_bar.png) no-repeat; background-size: cover ; margin-top: 0px;}

.wrapCont .dtSmart{background-position:0 0;
background:url(../images/main/Smart_bar.png) no-repeat; background-size: cover ; margin-top: 0;}

.wrapCont .dtBasic{background-position:0 0;
background:url(../images/main/Basic_bar.png) no-repeat; background-size: cover ; margin-top: 0px;}

.lineStyle1 .dtSimple{background-position:0 0; width: 100%; height: 38px;
background:url(../images/main/Simple_bar.png) no-repeat; background-size: cover ; margin-bottom: 9px;}

.wrapCont dd:first-child{margin-top:0}
.wrapCont dl > dd{margin-top:8px; margin-left: 152px;}


.mainLineBox{ }
.mainLineBox > ul{padding-bottom:10px; width: 1230px; margin-left: -14%;  }
.mainLineBox > ul:after{content:""; display:block; clear:both}
.mainLineBox > ul > li{float:left; position:relative; background-color:#fff; border:1px solid #c8cbd0; width:308px; height:206px; margin:0 0 -1px -1px; box-sizing:border-box}
.mainLineBox > ul > li:hover{z-index:2; border-width:1px; border-color: #f92b1e }
.mainLineBox > ul > li.hover{/* z-index:2; */ border-width:2px; border-color: #f92b1e }/* z-index있으면 new일때 위에 공고가 가려저 안보여짐 */
.mainLineBox > ul > li .cc_label {position:absolute; float:left; margin:-1px 0 0 -8px; z-index:80;}
.mainLineBox > ul > li .cc_label2 {position:absolute; right:0; float:right; margin:-3px -5px 0 0; z-index:80;}
.mainLineBox > ul > li .cc_label2 img {width:70%;}
.mainLineBox > ul > li .cc_label3 {position:absolute; right:5px; float:right; margin:-3px 0 0 0; z-index:80;}
.mainLineBox .boxRed:hover:after{content:""; display:block; width:100%; height:100%; border:1px solid #f92b1e; box-sizing:border-box; position:absolute; left:0; top:0}
.mainLineBox .boxRed.hover:after{display:none}
.mainLineBox .boxRed.dataNone:hover:after{display:none}
.mainLineBox .boxRed.hover > a{ height:201px} /* width:234px; */
.mainLineBox .boxBlue:hover, .mainLineBox .boxBlue.hover{border-color:#2293e8; z-index:2;}
.mainLineBox .purpleBox:hover, .mainLineBox .purpleBox.hover{border-color:#5f0fcb; }
.mainLineBox .boxNavy:hover, .mainLineBox .boxNavy.hover{border-color:#0046bb; }
.lineStyle1 .leftLine > li:hover{ border-width:1px; border-color: #f770b5}
.mainLineBox > ul > li > a{z-index:2; display:block;width:100%; height:100%; background-color:#f3f3f3 /*#fff6ef*/}
.mainLineBox > ul > li > a > span{z-index:2; display:block; padding:0 6px; color:#222; font-size:1.038em; letter-spacing:-0.05em}
.mainLineBox .boxRed > a{background-color: #fff; position: absolute;left: 1px; top: 1px;  width: 303px; z-index: 1; height: 202px;}
.mainLineBox .dataNone{text-align:center}
.mainLineBox .purpleBox > a > span{font-size:0.962em}
.mainLineBox .boxRed .bottom{width:277px}
.mainLineBox .redLogo{color: #fd4426; font-size: 20pt; position: relative; font-weight: 800; font-family: "나눔스퀘어라운드", "NanumSquareRound"; text-align:center; padding-top:20px; padding-bottom:17px; width:150px; min-width:224px; height:45px; line-height:48px; margin:0 auto; background-color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.mainLineBox .boxRed.hover .redLogo{min-width:223px }
.mainLineBox .redLogo .mainListTit{color: #fd4426; font-size: 20pt; position: relative; padding-top: 20px; font-weight: 800; font-family: "나눔스퀘어라운드", "NanumSquareRound"; } /* 메인 채용관별 로고 폰트 */
.mainLineBox .blueLogo .mainListTitF{ color: #2293e8; font-size: 20pt; top: 10px; position: relative; padding-top: 20px; font-weight: 800; font-family: "나눔스퀘어라운드", "NanumSquareRound";  } /* 메인 채용관별 로고 폰트 */
.mainLineBox .ppLogo .mainListTitS{ color: #5f0fcb; font-size: 10pt; position: relative; top: 0px; padding-top: 20px; font-weight: 800; font-family: "나눔스퀘어라운드", "NanumSquareRound";  } /* 메인 채용관별 로고 폰트 */

.mainLineBox .redLogo > img{ max-width:180px; width:auto; display:block; margin:-2px auto 0;  transform: scale(1); -webkit-transform: scale(1);  -ms-transform: scale(1);  transition: All .3s linear;  -webkit-transition: All .3s linear;  -ms-transition: All .3s linear;} /*  width: 200px; height: 60px; max-width:125px;  height: 56px; */  
.mainLineBox .redTit{font-size:17px; text-align:center; color:#222; letter-spacing:-1px; padding:0 20px; font-weight:bold; height:25px; margin-top:5px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:260px; overflow:hidden; display: block; } /*background-color:#f3f7f8; padding:5px 0 1px*/
.mainLineBox .redTit:hover{}
.mainLineBox .redTit.tit2Line{font-size:18px;  font-weight:bold; height:45px}
.mainLineBox .redText{padding:10px 15px 8px ; font-size:14px;  line-height:20px; letter-spacing:-1px}

.mainLineBox .boxBlue{width:247px; height:185px; }
.mainLineBox .boxBlue .blueLogo{text-align:center;  padding-top:15px; padding-bottom:15px; margin: 0 auto; min-width:178px; height:50px; overflow:hidden; background-color:#fff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*  width:150px; */
.mainLineBox .boxBlue.hover .blueLogo{min-width:176px}
.mainLineBox .boxBlue .blueLogo > img{ width: auto; max-width: 175px; margin-top:-6px; } /* margin-top:5px width: 170px; height: 50px; */
.mainLineBox .boxBlue .blueTit{text-align:center; font-size:15px; color:#000;  letter-spacing:-1px;  line-height:19px; font-weight:bold;  height: 22px; margin-top:12px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:230px; overflow:hidden; display: block;   }
.mainLineBox .boxBlue .blueTit.tit2Line{font-size:16px;   height: 36px;}
.mainLineBox .boxBlue .blueText{padding:5px 13px 5px; line-height:17px; font-size:13px}

.mainLineBox .boxNavy{width:206px; height:150px;/*border:1px solid #e1e1e1/*#e9e9e9*/;}
.mainLineBox .boxNavy > a{background-color:#fff}
.mainLineBox .boxNavy .navyTit{text-align:center; font-size:1.20em; color:#222;  letter-spacing:-1px;  line-height:19px; font-weight:bold; padding:18px 10px 15px; height:18px;  text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:180px; overflow:hidden; display: block;  /* background-color:#f8f8f8; */}
.mainLineBox .boxNavy .navyText{font-size:12px; line-height:16px; padding:0 10px; margin-top:14px; letter-spacing:-0.03em}
.mainLineBox .boxNavy .bottom{padding-left:8px; padding-right:5px;background:none; bottom:0; width:191px; padding-top:3px; padding-bottom:0; background-color:#ebebeb}
.mainLineBox .boxNavy .bottom:after{content:""; display:block; clear:both}
.mainLineBox .boxNavy.hover .bottom{width:189px}
 .mainLineBox .boxNavy:hover .bottom{}
 .mainLineBox .boxNavy.hover .navyTit{color:#1d65df}
.mainLineBox .boxNavy .area{}
.mainLineBox .boxNavy .bottom .career{display:block; float:right; padding-right:8px; background-position:100% 5px; }
.mainLineBox .boxNavy .bottom .career:before{display:none}
.mainLineBox .boxNavy .bottom .career.bgNone{background-position:100% 5px; padding-right:2px}

.mainLineBox .purpleBox{width: 411px; /*border:1px solid #e0daf2; */ height:111px;} /* width: 33.3% 308px */
.mainLineBox .purpleBox > a{background-color:#fff}
.mainLineBox .purpleBox > a > span{padding-left:105px; line-height:16px}
.mainLineBox .purpleBox.hover .bottom, .mainLineBox .purpleBox:hover .bottom{width:289px}  /* width: 186*/
.mainLineBox .purpleBox .ppLogo{position:absolute; left:8px; top:25px; padding-left:0; width:90px; height:40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; z-index:1}
.mainLineBox .purpleBox .ppLogo > img{width:90px;} /* width:90px */
.mainLineBox .purpleBox .ppTit{font-size:14px; color:#222;  letter-spacing:-1px;  line-height:20px; font-weight:bold; padding:13px 9px 5px 105px; height:22px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; width:290px; overflow:hidden; display: block;   }
.mainLineBox .purpleBox .ppText{padding-right:8px; padding-bottom:3px; line-height:17px; font-size:12px}

.mainLineBox .bottom{position:absolute; left:0px; bottom:0; z-index:1; padding:5px 13px ; color:#333; font-size:11px;  font-family: "돋움",Dotum; letter-spacing:-1px; /*background-color:#fff4ed*/}
.mainLineBox .bottom .career{margin-left:4px; background:url(../images/main/img_arrow_top.png) no-repeat 100% 0px; padding-right:8px; letter-spacing:-0.038em}
.mainLineBox .bottom .career.bgNone{background:none}
.mainLineBox .bottom .career:before{content:""; display:inline-block; width:1px; height:10px; background-color:#ddd; vertical-align:top; margin:5px 4px 0 0}
.mainLineBox .bottom .scrap{margin-left:12px; position: absolute; right:53px;  bottom:5px;}
.mainLineBox .bottom .scrap > a{background:none}
.mainLineBox .bottom .scrap > a > img{padding-top:2px }
.mainLineBox .bottom .scrap .on{background:url(../images/main/img_scrap_onrange.png) no-repeat 0 2px; }
.mainLineBox .bottom .scrap .on img{display:none}
.mainLineBox .bottom .jobApp{margin-left:5px;background-color: #fc4222;   padding:2px 2px 0px;  position: absolute; right:8px;  bottom:8px; display:inline-block; line-height:14px; border-radius:2px}
.mainLineBox .bottom .jobApp > a{color:#fff; font-weight:normal;}
.mainLineBox .boxBlue .bottom{ width:217px; padding:5px 10px ; /*background-color:#ebf5fe */}
.mainLineBox .boxBlue .scrap{right:45px; bottom:7px}
.mainLineBox .boxBlue .jobApp{right:0}
.mainLineBox .purpleBox .bottom{padding-left:105px; background-color:#f3f3f3; width:291px; padding-top:3px; padding-bottom:0} /* width: 188 */
.mainLineBox .purpleBox .scrap{bottom:2px; left:10px; margin-left:0; width:auto}
.mainLineBox .purpleBox .area{font-size:11px}
.mainLineBox .purpleBox .career{font-size:11px; background-position:100% 0px}
.mainLineBox .purpleBox .career:before{margin-top:5px; margin-right:5px; }
.mainLineBox .purpleBox .career.bgNone:before{margin-top:6px; margin-right:8px}

.mainLineBox .new{ position: absolute; left:0; top:0;  width:38px; height:16px; background:url(../images/main/ico_new.png) no-repeat 0 0; font-size:0}
.mainLineBox .boxRed .new{left:-1px; top:-1px}
.mainLineBox .boxBlue .new{ background-position:0 -61px}
.mainLineBox .boxNavy .new{background-position:0 -234px;  font-size:0}
.mainLineBox .purpleBox .new{ background-position:0 -123px; font-size:0}
.lineStyle1 .leftLine > li .new{display:block; position: absolute; left:12px; top:-6px; z-index:2; width:38px; height:16px; background:url(../images/main/ico_new.png) no-repeat 0 0; font-size:0}
.lineStyle1 .leftLine > li.hover .new{ border-width:2px; border-color: #f770b5; background-position:0 -184px}

.mainLineBox .boxRed.dataNone{border-color:#eee; border-top:1px solid #eee}
.mainLineBox .boxRed.dataNone:hover{border-color:#eee; z-index:1}
.mainLineBox .boxRed.dataNone > a{overflow:hidden}
.mainLineBox .boxBlue.dataNone{border-color:#eee; border-top:1px solid #eee}
.mainLineBox .boxBlue.dataNone:hover{border-color:#eee}
.mainLineBox .boxBlue.dataNone > a{background-color:#fff}
.mainLineBox .purpleBox.dataNone{border-color:#eee; border-top:1px solid #eee}
.mainLineBox .purpleBox.dataNone:hover{border-color:#eee}
.mainLineBox .boxNavy.dataNone{border-color:#ddd}
.mainLineBox .boxNavy.dataNone:hover{border-color:#ddd}
.dataNone .blank_spcial{ width: 306px; }

/* 2021.03.02_병원서비스리뉴얼(메인 상품명/디자인 변경 퍼블) 1*/
/* 공통 */
.mainLineBox .McommonBox{position: relative; width: 1270px;}/* 메인전체공통 */
.mainLineBox .McommonBox li{margin: 0 15px 10px -1px;}
.McommonBox .McommonBox_a{display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1;}
.McommonBox .McommonBox_logo{text-align: center; display: block; margin: 25px 0; font-size: 14px; font-weight: bold; height: 50px; line-height: 50px; color: #777;}
.McommonBox .McommonBox_logo img{max-height: 50px; max-width: 190px;}
.McommonBox strong{position: absolute; top: 96px; left: 15px; font-size: 15px; display: block; width: 90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.McommonBox .McommonBox_p{position:absolute; top:125px; left:15px; display: block; font-size: 16px; line-height: 25px; width:270px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.McommonBox .McommonBox_wage{position:absolute; bottom: 45px; left: 15px; width: 265px;}
.McommonBox .McommonBox_wage .left{width: 70px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.McommonBox .McommonBox_wage .right{float: right;}
.McommonBox .McommonBox_wage .point{color: #4987fc;}
.McommonBox .mainScrap{ position: absolute; top:10px; left: 15px; display: inline-block; width: 15px; height: 13px; z-index: 2}
.McommonBox .mainScrap.on span{background:url(../images/main/img_scrap_onrange.png) no-repeat; display: inline-block; width: 15px; height: 13px;}
.McommonBox .mainScrap.on img{display:none}
.McommonBox .apply{position: absolute; bottom: 15px; left: 15px; display: inline-block; font-size:11px; color: #fff; background: #7daaff; padding: 0 10px; z-index: 2;}
.McommonBox .McommonBox_information{position: absolute; bottom: 15px; right: 15px; font-size: 12px;}
.McommonBox .McommonBox_information .area{border-right:1px solid #ddd; padding-right: 10px; margin-right: 10px; }
.McommonBox .McommonBox_information .career{background: url(../images/main/img_arrow_top.png) no-repeat 100% 3px; padding-right: 9px;}
.McommonBox.main_prBox{}/* 상단공통라인(플래티넘,vip) */
.McommonBox.main_baBox{}/* 하단공통라인(프리미엄,스마트,베이직)*/
.McommonBox.main_baBox .McommonBox_information{top:10px;}
.mainLineBox_none{border: 1px solid #ddd !important; text-align: center !important; padding: 74px 0;}
/* 매인 중간 바로가기 버튼 */
#containerWrap .contents.mainS_pointMenu{background: #f7f7f7; width: 100%; height: 176px; padding: 20px 0;}
#containerWrap .contents.mainS_pointMenu .wrapCont{width: 1240px; margin: 0 auto; position: relative; padding-left: 10px; padding-top:0; }
#containerWrap .contents.mainS_pointMenu .wrapCont ul{position: absolute; width: 1270px;}
.mainS_pointMenu .wrapCont ul li{float: left; border: 1px solid #ddd; width: 297px; height: 176px; margin-right: 14px; overflow: hidden; box-sizing: border-box; border-radius: 6px;}
.mainS_pointMenu .wrapCont ul li:HOVER{border: 1px solid #5e4489;}
/* 플래티넘 */
#containerWrap.containerWrap.typeMain .contents.PlatinumWrap{width: 100%; margin-top: 0; background-color: #ffffff;}
.PlatinumWrap .mainLineBox_none{}
.PlatinumWrap .mainLineBox > ul > li{border: 2px solid #222; display: inline-block; width: 400.6px; height: 310px;}
.PlatinumWrap .mainLineBox > ul > li:HOVER{border: 2px solid #c27b31;}
.PlatinumWrap .mainLineBox > ul > li > div .McommonBox_img{width: 100%; height: 194px; line-height: 194px; overflow: hidden; display: block; background: #f2f2f2; font-size: 20px; color: #888; font-weight: bold; text-align: center;}
.PlatinumWrap .mainLineBox > ul > li > div .McommonBox_img img{width: 100%; vertical-align: middle;}
.PlatinumWrap .McommonBox strong{position: relative; top: auto; left: auto; padding: 15px 15px 5px; font-size: 20px; color: #c27b31; letter-spacing: -2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.PlatinumWrap .McommonBox .McommonBox_p{position: relative; top: auto; left: auto; padding: 0 15px; display: block; width: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.PlatinumWrap .mainLineBox > ul > li > div .McommonBox_information{position: relative; left: 15px; bottom: -15px;}
.PlatinumWrap .mainLineBox > ul > li > div .mainScrap_Platinum{background: #2c2c2c; padding: 4px 11px 1px; border-radius: 20px; position: absolute; bottom: 8px; right: 15px; box-shadow: 3px 4px 2px #d9d9d9; z-index: 2;}
.PlatinumWrap .mainLineBox > ul > li > div .mainScrap_Platinum img{vertical-align: baseline;}
.PlatinumWrap .mainLineBox > ul > li > div .mainScrap_Platinum.on{background: #f0af00;}
.PlatinumWrap .mainLineBox > ul > li > div .mainScrap_Platinum.on span:BEFORE{content: ""; background: url(../images/main/img_scrap2_on.png) no-repeat; width: 56px; height: 14px; display: inline-block;}
.PlatinumWrap .mainLineBox > ul > li > div .mainScrap_Platinum.on img{display: none;}
.PlatinumWrap .mainLineBox > ul > li > div .apply_Platinum{background: #7daaff; padding: 3px 11px; border-radius: 20px; position: absolute; bottom: 8px; right: 100px; box-shadow: 3px 4px 2px #d9d9d9; color: #fff; font-size: 14px; z-index: 2;}
.PlatinumWrap .mainLineBox > ul > li.mainLineBox_none{padding: 115px 0;}
.PlatinumWrap .mainLineBox > ul > li.hover{border: 4px solid; border-image: linear-gradient(to left, #c7403d, #60483b, #222); border-image-slice: 1;}
.PlatinumWrap .mainLineBox > ul > li.hover .new{position: absolute; left:auto; right: 0; top: 0; width: 38px; height: 16px; background: url(../images/main/ico_new.png) no-repeat 0 0; font-size: 0;}
/* VIP */
#containerWrap.containerWrap.typeMain .contents.VIPWrap{width: 100%; margin-top: 0; background-color: #ffffff;}
.VIPWrap .mainLineBox > ul > li{border: 0; display: inline-block; width: 297px;}
.VIPWrap .mainLineBox > ul > li > div{border: 1px solid #60478a; border-top: 3px solid #60478a; position: absolute; background: #fff; width: 297px; height:206px; box-sizing: border-box; z-index: 1; overflow: hidden;}
.VIPWrap .McommonBox_wage{display: none;}
.VIPWrap .mainLineBox > ul > li > div:HOVER{border: 2px solid #60478a;  border-top: 3px solid #60478a; height: 422px; z-index: 3;}
.VIPWrap .mainLineBox > ul > li > div:HOVER .McommonBox_p{font-size: 17px; width: 240px; white-space: normal;}
.VIPWrap .mainLineBox > ul > li > div:HOVER .McommonBox_wage{display: block;}
.VIPWrap .mainLineBox > ul > li .bg{position: absolute; top: 210px; left: 0; z-index: -1; width: 303px; height: 227px; transition: initial;}
.VIPWrap .mainLineBox > ul > li .bg:BEFORE{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/main/mainLineBox_bg.png) no-repeat 0 0; background-size: contain;}
.VIPWrap .mainLineBox > ul > li.hover > div{border: 3px solid #60478a;}
.VIPWrap .mainLineBox > ul > li.hover .new{position: absolute; left:auto; right: 0; top: 0; width: 38px; height: 16px; background: url(../images/main/ico_new.png) no-repeat 0 -61px; font-size: 0;}
/* 24년 vip */
#containerWrap.containerWrap.typeMain .contents.VIPWrap2{width: 100%; margin-top: 0; background-color: #ffffff;}
.VIPWrap2 .mainLineBox > ul > li{display: inline-block; width: 297px; height: 300px; border: 1px solid #60478a; border-top: 3px solid #60478a;}
.VIPWrap2 .mainLineBox > ul > li:HOVER{border: 3px solid #60478a;  border-top: 3px solid #60478a;}
.VIPWrap2 .mainLineBox > ul > li.hover{border: 3px solid #c7403d;}
.VIPWrap2 .mainLineBox > ul > li .McommonBox_logo{height: 160px; margin: 0 0 20px; display: flex; align-items: center; justify-content: center; background: #f7f7f7;}
.VIPWrap2 .mainLineBox > ul > li .McommonBox_logo .mainListTit{display: inline-block; font-size: 20px;}
.VIPWrap2 .mainLineBox > ul > li .McommonBox_logo img{width: 100%; max-width: 100%; height: auto; max-height: 160px; vertical-align:middle;}
.VIPWrap2 .McommonBox strong{position: relative; margin-left: 15px; top: auto; left: auto;}
.VIPWrap2 .McommonBox .McommonBox_p{position: relative; margin: 5px 15px 0px; top: auto; left: auto;}
.McommonBox .mainScrap2{background: #573ca5; padding: 5px 8px 5px; border-radius: 20px; position: absolute; bottom: 15px; left: 15px; box-shadow: 3px 4px 2px #d9d9d9; z-index: 2;}
.McommonBox .mainScrap2:BEFORE{content: ""; background: url(../images/main/img_scrap2.png) no-repeat; width: 56px; height: 14px; display: block;}
.McommonBox .mainScrap2.on{background: #f0af00 !important;}
.McommonBox .mainScrap2.on:BEFORE{background: url(../images/main/img_scrap2_on.png) no-repeat !important;}

.PremiumWrap .McommonBox .mainScrap2{background: #4149af;}

/* 프리미엄 */
#containerWrap.containerWrap.typeMain .contents.PremiumWrap{}
.PremiumWrap .mainLineBox > ul > li{width: 297px; margin: 0 15px 10px -1px;}
.PremiumWrap .mainLineBox > ul > li:HOVER{border: 2px solid #4c5bac;}
.PremiumWrap .mainLineBox > ul > li > div{width: 297px; height:206px;}
.PremiumWrap .mainLineBox > ul > li.hover{border: 3px solid #4c5bac;}
.PremiumWrap .mainLineBox > ul > li.hover .new{position: absolute; left:auto; right: 0; top: 0; width: 38px; height: 16px; background: url(../images/main/ico_new.png) no-repeat 0 -123px; font-size: 0;}
/* 스마트 */
#containerWrap.containerWrap.typeMain .contents.SmartWrap{}
.SmartWrap .mainLineBox > ul > li{width: 235px; height: 180px; position: relative; overflow: hidden;}
.SmartWrap .mainLineBox > ul > li:HOVER{border: 2px solid #b38146;}
.SmartWrap .mainLineBox > ul > li:HOVER:AFTER{height: 68px;}
.SmartWrap .mainLineBox > ul > li:AFTER{content: ""; background: #f2f2f2; width: 100%; height: 70px; display: block; z-index: -1; margin-top: 23px;}
.SmartWrap .mainLineBox > ul > li .McommonBox_p{width: 205px;}
.SmartWrap .mainLineBox > ul > li .McommonBox_logo{margin: 35px 0 0; }
.SmartWrap .mainLineBox > ul > li .McommonBox_logo .mainListTitF{width: 200px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block;}
.SmartWrap .mainLineBox > ul > li strong{top: 120px;}
.SmartWrap .mainLineBox > ul > li .McommonBox_p{top:141px; font-size: 14px;}
.SmartWrap .mainLineBox > ul > li.mainLineBox_none{padding: 61px 0;}
.SmartWrap .mainLineBox > ul > li.mainLineBox_none .mainLineBox_none_p{padding: 0 0 61px;}
.SmartWrap .mainLineBox > ul > li.hover{border: 3px solid #b38146;}
.SmartWrap .mainLineBox > ul > li.hover .new{position: absolute; left:auto; right: 0; top: 0; width: 38px; height: 16px; background: url(../images/main/ico_new.png) no-repeat 0 -184px; font-size: 0;}
/* 베이직 */
#containerWrap.containerWrap.typeMain .contents.BasicWrap{}
.BasicWrap .mainLineBox > ul > li{width: 193.4px; height: 160px; position: relative; overflow: hidden;}
.BasicWrap .mainLineBox > ul > li:HOVER{border: 2px solid #7faea1;}
.BasicWrap .mainLineBox > ul > li:HOVER:AFTER{height: 68px;}
.BasicWrap .mainLineBox > ul > li:AFTER{content: ""; background: #f2f2f2; width: 100%; height: 70px; display: block; z-index: -1; margin-top: 13px;}
.BasicWrap .mainLineBox > ul > li .McommonBox_p{width: 165px;}
.BasicWrap .mainLineBox > ul > li .McommonBox_logo{margin: 35px 0 0; height: 40px; line-height: 40px;}
.BasicWrap .mainLineBox > ul > li .McommonBox_logo img{max-width: 130px; max-height: 40px;}
.BasicWrap .mainLineBox > ul > li strong{top: 100px;}
.BasicWrap .mainLineBox > ul > li .McommonBox_p{top:124px; font-size: 13px;}
.BasicWrap .mainLineBox > ul > li.mainLineBox_none{padding: 55px 0;}
.BasicWrap .mainLineBox > ul > li.mainLineBox_none img{width: 80%;}
.BasicWrap .mainLineBox > ul > li.mainLineBox_none .mainLineBox_none_p{padding: 0 0 54px;}
.BasicWrap .mainLineBox > ul > li.hover{border: 3px solid #7faea1;}
.BasicWrap .mainLineBox > ul > li.hover .new{position: absolute; left:auto; right: 0; top: 0; width: 38px; height: 16px; background: url(../images/main/ico_new.png) no-repeat 0 -234px; font-size: 0;}
/* 심플 */
#containerWrap.containerWrap.typeMain .contents.SimpleWrap{width:100%; padding:0;}
.SimpleWrap .mainLineBox > ul{margin-left: 0;}
.SimpleWrap .mainLineBox > ul > li{width: 235px; height: 90px; position: relative; border-left-color: #d0aac1;}
.SimpleWrap .mainLineBox > ul > li:HOVER{border: 2px solid #d0aac1;}
.SimpleWrap .mainLineBox > ul > li strong{top: 15px;}
.SimpleWrap .mainLineBox > ul > li .McommonBox_p{width: 165px; top:38px; font-size: 13px;}
.SimpleWrap .mainLineBox > ul > li .mainScrap{bottom: 8px; top: auto;}
.SimpleWrap .mainLineBox > ul > li .McommonBox_information{bottom: 5px;}
.SimpleWrap .mainLineBox > ul > li.mainLineBox_none{padding: 26px 0;}
.SimpleWrap .mainLineBox > ul > li.mainLineBox_none img{width: 50%;}
.SimpleWrap .mainLineBox > ul > li.hover{border: 3px solid #d0aac1;}
.SimpleWrap .mainLineBox > ul > li.hover .new{position: absolute; left:auto; right: 0; top: 0; width: 38px; height: 16px; background: url(../images/main/ico_new.png) no-repeat 0 -278px; font-size: 0;}


/* -------------병원서비스리뉴얼 끝------------ */

.lineStyle1 > dl > dd > ul > li.dataNone:hover{border-color:#ddd; border-left:1px solid #f96fb8}

.lineStyle1{width:1230px; margin:0 auto 0; padding-top:10px; }
.lineStyle1 .titLine1{ padding-bottom: 12px; font-size: 22px; letter-spacing: -2px;  font-weight: bold; margin-top:50px}
.lineStyle1 > dl{position:relative}
.lineStyle1 > dl > dt{color:#444}
.lineStyle1 > dl > dd{}
.lineStyle1 > dl > dd:after{content:"";display:block; clear:both}
.lineStyle1 > dl > dd > ul:after{content:"";display:block; clear:both}
.lineStyle1 > dl > dd > ul > li{width:402px; float:left; border:1px solid #c8cbd0; border-left:1px solid #f96fb8; margin-bottom:10px; margin-right:8px; }
.lineStyle1 > dl > dd > ul > li:hover,
.lineStyle1 > dl > dd > ul > li.hover{border-right:1px solid #dc1a92; border-top:1px solid #f96fb8 ; border-bottom:1px solid #f96fb8}
.lineStyle1 > dl > dd > ul > li > a{position:relative; display:block ; color:#222; padding:9px 10px 4px 13px}
.lineStyle1 > dl > dd > ul > li > a:after{content:""; display:block; clear:both}
.lineStyle1 > dl > dd > ul > li > a > strong{display:block; float:left; width:153px; text-overflow:ellipsis;  white-space:nowrap; overflow:hidden; margin-right:10px; font-size:12px; font-weight:bold; color:#df0997}
.lineStyle1 > dl > dd > ul > li > a > em{display:inline-block; width:130px; height:20px; font-size:12px; overflow:hidden; letter-spacing:-0.06em}
.lineStyle1 > dl > dd > ul > li > a > span.rocation{position:absolute; right:0 ; top:10px; width:100px; padding-right:13px; text-align:right; font-size:11px}
.lineStyle1 .leftLine{}
.lineStyle1 .rightLine{float:right}
.lineStyle1.typeBdNone{margin-top:35px}
.lineStyle1.typeBdNone > dl > dt{padding-bottom: 12px; font-size: 22px; letter-spacing: -2px;  font-weight: bold;}
.lineStyle1.typeBdNone > dl > dd > ul > li{border:1px solid #ddd; margin-bottom:10px; background:none; width: 400px; }
.lineStyle1.typeBdNone > dl > dd > ul > li:hover,
.lineStyle1.typeBdNone > dl > dd > ul > li.hover{border-color:#8cc2e7}
.lineStyle1.typeBdNone > dl > dd > ul > li > a > strong{color: #006db6;  text-overflow: ellipsis;  white-space: nowrap;  word-wrap: normal;  overflow: hidden; margin-right:0; width: 145px; }

.wrapCont > dl .btnWrap{position:absolute;  margin:0; padding:0;  }
.wrapCont > dl .btnWrap .btn{color:#fff; padding:0; font-weight:bold; margin-top: -18px; font-size: 11pt; }
.wrapCont > dl .btnWrap .btn > img{padding-top:3px; padding-left:2px}
.mainLine1 .btnWrap{right:10px; top:17px;}
.mainLine2 .btnWrap{right:10px; top:17px; }
.mainLine3 .btnWrap{right:10px; top:17px; }
.mainLine4 .btnWrap{right:10px; top:17px; }
.mainLine5 .btnWrap{right:10px; top:15px;}
.lineStyle1 > dl .btnWrap{position:absolute;  margin:0; padding:0; right:20px; top:5px}
.lineStyle1 > dl .btnWrap .btn{color:#000; padding:0; font-weight:bold}
.lineStyle1 > dl .btnWrap .btn > img{padding-top:3px;  padding-left:2px}
.wrapCont .cProductWrap{left:-145px; top:28px ;border:2px solid #234379}
.wrapCont .cProductWrap .tdSpan .btn{color:#fff; padding:6px 8px; font-weight:normal; background-color:#2293e8; border:0}
.lineStyle1 .cProductWrap{left:-145px; top:28px ;border:2px solid #234379}
.lineStyle1 .cProductWrap .tdSpan .btn{color:#fff; padding:6px 8px; font-weight:normal; background-color:#2293e8; border:0; font-size:13px}

/* 스피드채용관 0528 */
.newSpeed{}
.newSpeed .innerNew{ height: 71px; box-sizing:border-box; border-left:1px solid #f216aa}
.newSpeed .innerNew > a{padding:0; height:100%}
.newSpeed .innerNew > a > span{display:block}
.newSpeed .innerNew > a > span:after{content:""; display:block; clear:both}
.newSpeed .innerNew > a > span > span{display:inline-block; vertical-align:top}
.newSpeed .innerNew .row1{padding:10px 70px 0px 10px}
.newSpeed .innerNew .row2{background-color:#ebebeb; padding:0px 0px 13px 10px}
.newSpeed .innerNew .titSub{ white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; width: 380px;  display: block; font-size:12px} /* width: 443px; */
.newSpeed .innerNew .titName{display:inline-block; vertical-align:top; width:200px; padding-right:3px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden; color:#222;   font-weight:bold; line-height:20px;  }
.newSpeed .innerNew .rocation{font-size:12px; line-height:18px; text-align:right; overflow:hidden; width:105px}
.newSpeed .innerNew .careerWrap{position:absolute; right:8px; top:7px}
.newSpeed .innerNew .career{font-size:12px; width:70px; padding-right:10px;  line-height:18px;  background:url(../images/main/img_arrow_top.png) no-repeat 100% 2px}
.newSpeed .innerNew .career.bgNone{background:none; padding-right:0}
.newSpeed .innerNew.hover{ border:2px solid #f216aa; box-sizing:border-box}
.newSpeed .innerNew:hover{border:1px solid #f216aa}
.newSpeed .innerNew.hover:hover{border-width:2px}
.newSpeed .innerNew.hover .new{position:absolute; left:-2px; top:-7px; font-size:0; width:30px; height:13px; background:url(../images/main/ico_new.png) no-repeat 0 -184px}
.newSpeed .innerNew.hover .titName{color:#f216aa}
.newSpeed .innerNew.dataNone{height:73px; border-color:#ddd; display: none; }
.newSpeed .innerNew.dataNone:hover{border-left:1px solid #ddd}

/* animation s */
/* 그랜드 */
@keyframes isMoving{
	0%{transform:translateX(0)}
	100%{transform:translateX(-60px)}
  }

 @keyframes isStaying{
	0%{transform:translateX(-60px)}
	100%{transform:translateX(-60px)}
}

@keyframes isGoing_back{
	0%{transform:translateX(-60px)}
	100%{transform:translateX(0)}
}
.mainLineBox > ul{}
.mainLineBox > ul .boxRed:first-child{animation:isMoving .5s 1.5s ease-out, isStaying .3s 2s ease-in-out, isGoing_back .5s 2.3s ease-in}

/* 포커스 */
@keyframes isMovingF{
	0%{transform:translateX(0)}
	100%{transform:translateX(40px)}
  }

 @keyframes isStayingF{
	0%{transform:translateX(40px)}
	100%{transform:translateX(40px)}
}

@keyframes isGoing_backF{
	0%{transform:translateX(40px)}
	100%{transform:translateX(0)}
}
.mainLineBox > ul .boxBlue:nth-child(5){animation:isMovingF .5s 6.5s ease-out, isStayingF .3s 7s ease-in-out, isGoing_backF .5s 7.3s ease-in}


/* width 1400 */ /* 가로길이 1400 이하일 경우 메인 틀어짐으로 인한 수정 */
.width1400{  }
.width1400 .headerWrap{width:100%; min-width:1600px; }
.width1400 .footer{width:100%; min-width:1600px; margin-top: 50px; }