@charset "UTF-8";

/* 리셋 */
body, div, dl, dt, dd, ul, ol, li, form, fieldset, input, textarea, p, th, td, h1, h2, h3, h4, h5 {margin:0;padding:0;}
ol, ul{list-style:none;} 
fieldset, img{border:none;}
article,aside,details,figcaption,figure,footer,section,summary {display: block;}
caption{display: none;} 
a {text-decoration:none;}
fieldset {padding:0; border:none;}
fieldset legend {position:absolute; left:0; top:0; overflow:hidden; font-size:0; line-height:0; visibility:hidden;}

/*label{cursor:pointer;}*/
address, caption, em{font-weight:normal;font-style:normal;}
input {font-size:12px; vertical-align:middle; font-family:"맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "돋움", dotum;}
select{font-size:12px; vertical-align:middle; font-family:"맑은 고딕", "Malgun Gothic", "나눔고딕", NanumGothic, "돋움", dotum;}
form, fieldset, button {border: 0; vertical-align: top;}
form img {vertical-align:middle;}
textarea{font-family:Dotum; line-height:135%; font-size:100%; color:#666; border:1px solid #c9c9c9;}
.radio_bisic{width:13px; height:13px; padding-bottom:2px;}
.checkbox_basic{height:13px; width:13px;}


/* 레이아웃 */
#body-bg {background:#f5f7f9;}
.body {}
#container-wrap {width: 100%; height: 100%; overflow: hidden; }
#container {width:1110px; margin: 0 auto; position: relative;}

/* 타이틀과 path */
.top-cont-wrap {width: 100%; height:230px; text-align: center;}
.h-area {position: relative; padding-top:65px; }
.path-area {margin-top:9px; font-size:12px; color:#949ea5; letter-spacing:-0.8px;}
.h2-tit {font-size:50px; color:#222; font-weight:normal; overflow: hidden;  display:inline; letter-spacing:-2px;}

/* 컨텐츠  */
.min-cont-wrap{width: 100%; height: 100%; box-sizing: border-box; background: #fff; padding: 33px; border: 2px solid #c5ced6; border-radius: 3px; margin-bottom:130px;}
.section-wrap01 {box-sizing: border-box; overflow: hidden;} 
.h3-tit-wrap {position: relative;  margin-bottom: 12px;  overflow: hidden;}
.h3-tit01 {font-size:22px; letter-spacing:-2px; color:#222;}
.h3-tit02 {font-size:22px; letter-spacing:-2px; color:#2e4761;}
.h3-span-txt {font-weight: normal; font-size: 12px; color: #969ca3; letter-spacing: -1px; margin-left: 10px; display: inline; line-height: 250%;}
.h3-span-txt01 {font-weight: normal; font-size: 12px; color: #2e5f93; letter-spacing: -1px; display: inline; line-height: 250%;}
.h3-span-pt {color:#e85438;}
.ele-dash {color:#cdcdcd;}
.form-wrap01 {overflow: hidden;}

/* 로그인  */
.login-wid {width:600px; height: 300px; margin:0 auto;}
.login-wrap {box-sizing: border-box; overflow: hidden; position: relative;} 
.login-link-wrap {box-sizing: border-box; overflow: hidden; position:relative; width:600px; margin:0 auto; padding: 22px 0 0 0 ; color:#969ca3; font-size:12px; letter-spacing:-0.5px;}
.login-top {text-align: center; padding-bottom:15px;}
.login-mid {position: relative; width:100%; height: 88px; margin:0 auto;}
.login-bot {margin:0 0 0 99px;width: 100px;height: 20px;color:#4c4c4c; font-size:14px; letter-spacing:-0.5px;}
form  .login-bot  .login-keep{float: left;}
.login-txt {font-size: 13px; color: #969ca3; letter-spacing: -0.5px; margin-left: 10px; line-height: 250%;}
.input-list {width: 525px; margin: 5px 0}
.input-list > label{display: inline-block; width:85px; color:#4c4c4c; font-size: 14px;text-align:right; letter-spacing:-0.5px; margin-right:10px;} 
.input-list > label.label01 {width:50px; font-weight: bold;}
.input-list > input {background:#fafafa ! important;}
.input-list > input, .input-list > select {height: 35px; line-height: 13px}
form .btn-wrap {position: absolute; top: 0; right:28px;}
form .btn-wrap .btn-confirm {display: block; width:110px; height:73px; line-height:100%;}
form .btn-wrap strong {display: block; margin: 2px 0 10px 0; font-size: 17px; font-weight: normal; line-height: 24px; letter-spacing:0;}
.login-link-wrap p.title01 {font-size:14px; color:#222; font-weight:bold; letter-spacing:-1px; padding-bottom:3px; }
.link-left {float:left; border-right:1px solid #c4c6c7; width:42%; margin-left:40px;}
.link-right { float:right; width:43%; }

/* 아이디비번찾기  */
.findidpw-wid {width:810px; height: 350px; margin:0 auto; }
.id-wrap {float:left; width:49%;border-right:1px solid #d3d3d3; margin-right: 23px;}
.id-top {text-align: center; margin:10px 0 40px 0;}
.id-mid {}
.id-txt {font-size:13px; color:#969ca3; letter-spacing:-1px; margin-top:7px;}
.pw-wrap {float:left; width:47%;}



/*button common*/
.btn-wrap {text-align:center;}
.btn-pop-wrap {text-align:center; margin-top:35px;}
.bor-rad-2 {border-radius: 2px;}

/*table common*/
.board-wrap{border-top: 0; border-bottom: 1px solid #7c7c7c}
.board-wrap-none{ border-bottom: 1px solid #7c7c7c}
.board-wrap02 { border-top: 1px solid #7c7c7c;border-bottom: 1px solid #7c7c7c;}
.board-wrap03 { border-top: 1px solid #7c7c7c;border-bottom: 1px solid #7c7c7c; width: 330px; margin:0 auto;}

.board-type1-col,.board-type1,.board-type2 {width: 100%; color: #4d4d4d; border-spacing:0;}
.board-type1 table, .board-type2 table{width:100%}
.board-type1 input, .board-type2 input{height: 35px}
.board-type1 input.h30{height: 30px; font-size:12px;}
.board-type2 tr:first-child, .calendar tr:first-child{border-top:0}

/*table type1*/
.board-type1 {border-top:2px solid #617487; border-bottom:1px solid #909dab;}
.bgtop-none {border-top:none !important;}
.board-type1 th {font-size: 15px; font-weight:bold; background:#eceef1; color:#222; letter-spacing: -1px; text-align: left;padding-left:13px; border-top:1px solid #c5ced6;}
.board-type1 td {font-size: 15px; height: 45px; color:#7f7f80; letter-spacing: -1px; box-sizing:border-box; border-top:1px solid #c5ced6; padding:13px 15px;}
.ast {display: inline-block; color: #e85438; padding-left: 5px; letter-spacing: -1px;}
.board-type1 td.nopd {padding:13px 0;}

/*sub join,my info*/
.section-wrap01 >.sub-title-wrap.join >.sub-title-info{margin-top: 5px; font-size: 15px}
.section-wrap01 >.agree-wrap{height: 50px; padding:16px 30px; margin:25px 0 20px 0; background: #f5f5f5; box-sizing:border-box; font-size:12px; letter-spacing:-1px;}
.section-wrap01 >.agree-wrap >.agree-list{float: left; width: 33%}
.section-wrap01 >.agree-wrap >.agree-list a,
.section-wrap01 >.agree-wrap >.agree-list a:hover {margin-left: 4px; color:#515151; font-weight: bold; text-decoration: underline !important;}
.es {display: inline-block; color: #e85438; padding-left: 5px;}


/*input*/
input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], input[type=file], select, textarea{ display: inline-block; padding:8px; color:#959595; background: #fff; border: 1px solid #cdcdcd; box-sizing:border-box; border-radius: 0px;    letter-spacing: -1px;
font-size: 13px;}
select.sel01 { display: inline-block; padding:5px; color:#959595; background: #fff; border: 1px solid #cdcdcd; box-sizing:border-box; border-radius: 0px;    letter-spacing: -1px;font-size: 13px; height:35px;}
select.sel01:hover {border:1px solid #a2a2a2;}
select.sel02 { display: inline-block; padding:5px; color:#959595; background: #fff; border: 1px solid #cdcdcd; box-sizing:border-box; border-radius: 0px;    letter-spacing: -1px;font-size: 12px; height:30px;}
select.sel02:hover,select.sel03:hover {border:1px solid #a2a2a2;}
select.sel03 { display: inline-block; padding:5px; color:#959595; background: #fafafa; border: 1px solid #cdcdcd; box-sizing:border-box; border-radius: 0px;  letter-spacing: 0;font-size: 12px; height:35px;}
input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, select:hover, textarea:hover, select {border:1px solid #a2a2a2}
input[type=checkbox]{width:17px; height: 17px; cursor: pointer}
input[type=radio], input[type=checkbox]{margin: 0 2px 0 0}
input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden}
.upload-name {display: inline-block; padding-left: 10px; color: #818181;  background-color: #fff; border: 1px solid #cdcdcd; border-radius: 2px; box-sizing:border-box; -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance: none; appearance: none}

/*button color*/
.btn-normal{padding-bottom:1px; text-align: center; vertical-align: middle; cursor: pointer; letter-spacing: -1px; display: inline-block}
.btn-red{color:#fff; background:#e85438; transition: background-color .7s, color .7s; border:1px solid #d14227;}
.btn-red:hover{color:#fff; background: #df4d31;border:1px solid #d14227;}
.btn-white{color:#666666; background:#fff; transition: background-color .7s, color .7s; border:1px solid #cacaca;}
.btn-white:hover{color:#666666; background: #f1f1f1; border:1px solid #cacaca;}
.btn-green{color:#fff; background:#1fab62; transition: background-color .7s, color .7s; border:1px solid #339762;}
.btn-green:hover{color:#fff; background: #1b9f5a; border:1px solid #339762;}

.btn-blue {color:#fff !important; background:#26ace2; transition: background-color .7s, color .7s; border:1px solid #008fcd;}
.btn-blue:hover{color:#fff; background: #1d9fd3; border:1px solid #008fcd;}
.btn-gry{color:#fff !important; background:#9ca1a6; transition: background-color .7s, color .7s; border:1px solid #868b8f;}
.btn-gry:hover{color:#fff; background: #8d939a; border:1px solid #868b8f;}
.btn-blk{color:#fff !important; background:#515151; transition: background-color .7s, color .7s; border:1px solid #36383e;}
.btn-blk:hover{color:#fff; background: #393939; border:1px solid #36383e;}
.btn-blk2{color:#fff; background:#4f5155; transition: background-color .7s, color .7s; border:1px solid #36383e;}
.btn-blk2:hover{color:#fff; background: #404245; border:1px solid #36383e;}

/*button size*/
.btn-115x50 {width: 115px; height: 47px; line-height: 45px; font-size: 18px;}
.btn-270x50 {width: 270px; height: 47px; line-height: 45px; font-size: 18px;}

.btn-150x40{width: 150px;height: 37px;line-height: 37px;font-size: 15px;}
.btn-110x40{width: 110px; height: 37px; line-height: 37px; font-size: 15px;}
.btn-35x35 {width: 35px; height: 32px; line-height: 30px; font-size: 15px;}
.btn-57x35 {width: 57px; height: 32px; line-height: 30px; font-size: 14px;}
.btn-74x35 {width: 74px; height: 32px; line-height: 30px; font-size: 15px;}
.btn-85x35 {width: 85px; height: 32px; line-height: 30px; font-size: 14px;}
.btn-124x35 {width: 124px; height: 32px; line-height: 30px; font-size: 15px;}
.btn-135x35 {width: 135px; height: 32px; line-height: 30px; font-size: 14px;}

.btn-124x32 {width: 124px; height: 29px; line-height: 27px; font-size: 14px;}
.btn-95x32 {width: 95px; height: 29px; line-height: 27px; font-size: 14px;}
.btn-160x30 {width: 160px; height: 27px; line-height: 26px; font-size: 13px;}
.btn-85x31 {width: 85px; height: 28px; line-height: 26px; font-size: 14px;}
.btn-75x28 {width: 75px; height: 25px; line-height: 23px; font-size: 13px;}

.btn-100x24 {width: 100px; height: 21px; line-height: 21px; font-size: 12px;}
.btn-43x22 {width: 43px; height: 19px; line-height: 18px; font-size: 12px;}



/* 공통 */
.blind {width:0; height:0; font-size:0; display:none; visibility:hidden; }  /*익스 hidden 속성 대체  */.both {clear:both;}
.dp-none {display:none;}
.dp-block {display:block;}
.dp-inline {display:inline;}
.dp-inbl {display:inline-block;}
.f-left {float:left;}
.f-right {float:right;}
.f-none {float: none;}
.bg-none {background-image:none; }
.flow-hidden {overflow: hidden}
.clear {clear:both;}
.letter-sp00 {letter-spacing: 0;}
.letter-sp01 {letter-spacing: -1px;}

.t-align-center {text-align: center;}
.t-align-right {text-align: right;}
.t-align-left {text-align: left;}
.t-color-blue {color:#1463ce;}
.t-color-red {color:#e00400;}
.t-bold {font-weight: bold;}
.t-normal {font-weight:normal ! important;}
.t-14 {font-size:14px ! important;}

.t-point-blue {color:#2374bf !important;}
/* 패딩마진 */
.pr-5 {padding-right:5px;}

.mb-25 {margin-bottom: 25px !important;}
.mb-40 {margin-bottom: 40px !important;}

.mt-40 {margin:40px 0 !important;}
.mt-10 {margin-top: 10px !important;}
.mt-12 {margin-top: 12px !important;}
.mt-8 {margin-top: 8px !important;}
.mt-50 {margin-top: 50px !important;}
.ml-0 {margin-left:0}
.ml-3 {margin-left: 3px !important;}
.mr-1 {margin-right:1px !important;}
.mr-2 {margin-right:2px !important;}

.m-8 {margin:8px 0;}
/* 넓이 */
.w75{width: 75px}
.w96{width: 96px}
.w100{width: 100px}
.w110{width: 110px}
.w119{width: 119px}
.w122{width: 122px}
.w200{width: 200px}
.w262{width: 262px}
.w266{width: 266px}
.w275{width: 275px}
.w295{width: 295px}
.w358{width: 358px}
.w400{width: 400px}
.w500{width: 500px}
.w100p{width: 100%}

/* 링크 스타일 */
.a-style01 {text-decoration: underline; color: #515151 ! important;}
.a-style01:hover {text-decoration: underline; color: #515151 ! important;}

/*팝업 공통 */
body#pop-body {background: #fff;}

#popup-wrap{  overflow: hidden; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}
#popup-wrap h1 {font-weight:bold;}
.popup-tit-bg{ background: url(../../../images/ilikedoctor/pop_tit_bg.gif) repeat; position: relative;  padding:12px 15px 15px 15px; letter-spacing: -0.5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.popup-tit-bg h1{color: #fff; font-size: 17px; font-weight: normal;}
.popup-tit-bg .close{ position:absolute;right: 15px; top: 15px; }

.popup-content-wrap{padding:45px 30px; box-sizing:border-box;}
.popup-content{ word-break: break-all; padding:; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.popup-btn-wrap{text-align: center; margin-top: 25px;}

/*팝업 table type1*/
.pop-board-type1 {border-spacing:0; width:100%;}
.pop-board-type1 th{ font-weight: bold; font-size: 14px; height: 40px;  text-align: center; color:#222; letter-spacing: -1px; border-bottom:1px solid #c5ced6; background: #eceef1;}
.pop-board-type1 tr td{font-size: 13px;height: 38px;text-align: center;letter-spacing: -1px;border-left: 0;box-sizing:border-box;color: #7f7f80;border-bottom:1px solid #e2e6ea;line-height:130%;padding: 5px 7px;}
.pop-board-type1 tr td.number{letter-spacing:0;}
.pop-board-type1 tr td.text{color: #828282; line-height:130%;}
.pop-board-type1 td.over{background:#f3f3f3;} /* 마우스 오버할때 적용 */


/* 팝업 - 병원명검색 */
.pop-input01 {position: relative;padding-right: 67px;}
.pop-input-inner { width: 100%;}
.pop-input-btn { position: absolute; right: 0px; top: 0;}
.pop-tit01 {color:#222; font-size:15px; font-weight: bold; line-height:20px; text-align: center; overflow: hidden; margin-bottom:22px; letter-spacing:-0.5px;}
.pop-tit02 {color:#222; font-size:15px; font-weight: bold; line-height:20px; overflow: hidden;}
.result-wrap {margin-top:20px;}
.result-wrap .no-data{padding:18px 0;border:1px solid #c7c7c7;border-right:0;border-left:0;background:#f6f7f8;color:#666;line-height:18px;text-align:center; font-size:12px; letter-spacing:-0.5px;}
.result-wrap .no-data em{font-weight:bold; color:#222;}
.result-wrap .data {overflow-y: scroll; height: 191px; border: 1px solid #cdcdcd;}

/* 0803헤더추가*/
.top-btn-wrap {display:inline-block; position: absolute; top:-3px; right:190px;}
.top-copy {font-size:12px; letter-spacing:-0.5px;}
.top-copy strong {color:#cfcfcf; }
.btn-gry2{color:#aaaaaa !important; background:#222; transition: background-color .7s, color .7s; border:1px solid #5b6167;}
.btn-gry2:hover{color:#aaaaaa !important; background: #222; border:1px solid #464d54;}
.btn-70x22 {width: 70px; height: 19px; line-height: 18px; font-size: 12px; letter-spacing:-0.5px;}
.btn-100x22 {width: 100px; height: 19px; line-height: 18px; font-size: 12px; letter-spacing:-1px;}

/* 내정보수정완료 */
.myinfo-wrap {margin-top:22%; width:750px; height:100%;}
.myinfo-txt {font-size:14px; color:#818181; letter-spacing:-1px; margin-top:13px; line-height:150%; }
.myinfo-txt span {font-size:14px; color:#6e7e85; font-weight:bold;}
.myinfo-icon {margin: 0 auto;display: block;padding: 0 0 15px;}

/* 팝업 - 아이디찾기 */
.pop-findid-box {width: 100%;height: 65px;background:#f5f5f5;padding: 15px;border:1px solid #cdcdcd;box-sizing: border-box;border-radius: 8px;text-align: center;margin-top: 20px; letter-spacing:0;}
.pop-tit01 p {line-height:150%;}

/*버튼 css 추가_1110*/
.btn-200x50 {width: 200px; height: 47px; line-height: 45px; font-size: 18px;}