@charset "utf-8";


select {height:33px;line-height:33px;/*padding:0 5px;*/background:#fdfeff;border:1px solid #cfd6d9;border-radius:1px;}
.select {position:relative;display:inline-block;}
.select label {display:block;}
.select select {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}
textarea {padding:0 5px;background:#fdfeff;border:1px solid #cfd6d9;resize:none;border-radius:1px;}
input.txt {height:31px;line-height:1.1;padding:0 5px;background:#fdfeff;border:1px solid #cfd6d9;border-radius:1px;}
input.chk {width:13px;height:13px;vertical-align:-2px;}
.inputFile {position:relative;display:block;}
.inputFile .txt {width:95%;background:#dde1e3;}
.inputFile .fileBtn {position:absolute;overflow:hidden;top:0;right:0;}
.inputFile .fileBtn input {position:absolute;width:100%;cursor:pointer;font-size:22px;opacity:0;filter:alpha(opacity=0);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";}

@media all and (max-width:1024px) {
	
	select,
	input.txt,
	input.chk {-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;}
	input.txt {height:33px;}
	.inputFile .txt {height:33px;}
	select {padding:0 30px 0 10px;background:#fdfeff url(/images/bg_select.png) no-repeat 100% 50%;background-size:25px;}
	input.chk {border:0;width:18px;height:18px;vertical-align:-5px;}
	input[type='checkbox'] {border:1px solid #fc6719;background:#fff;border-radius:2px;}
	input[type='checkbox']:checked {background:#fc6719 url(/images/icon_pack_jain.png) no-repeat 2px 3px;background-size:250px;}
	input[type='checkbox']:disabled {border:1px solid #a0a0a0;background:#e6e6e6;}
	input[type='radio'] {border:1px solid #325d8c;border-radius:18px;}
	input[type='radio']:checked {background:#325d8c url(/images/icon_pack_jain.png) no-repeat -21px 4px;background-size:250px;}
	input[type='radio']:disabled {border:1px solid #a0a0a0;background:#e6e6e6;}
}
@media all and (max-width:767px) {
	.input.txt,
	.inputFile .txt,
	select {height:33px;}
}




.greeting {position:relative;}
.greeting p {position:relative;color:#333;font:30px;z-index:1;}
.greeting p strong {font-weight:600;}
.greeting .txt1 {color:#ef7b00;}
.greeting .txt2 {color:#262c7c;}
.greeting img {position:absolute;bottom:0;right:0;}
.greeting2 {position:relative;}
.greeting2 p {margin:30px 0 0 0;line-height:1.8;}
.greeting2 p:first-child {margin-top:0;}
.greeting2 .sign {margin-top:50px;color:#333;text-align:right;}
.greeting2 img {position:absolute;bottom:0;right:180px;}
@media all and (max-width:1024px) {
	.greeting p {margin-top:0;}
	.greeting img {width:300px;}
	.greeting2 {padding-bottom:0;}
	.greeting2 p {margin:25px 0 0;}
	.greeting2 img {position:static;width:150px;}
}
@media all and (max-width:767px) {
	.greeting p {font-size:24px; margin:10px 10px 50px 10px;}
	.greeting img {width:250px}
}

.docList {width:100%;overflow:hidden;}
.docList ul {margin:0 -3px;}
.docList li {display:inline-block;width:267px;margin:3px;}
.docList li a {display:block;border:1px solid #ccc;}
.docList li span {display:block;padding:10px 18px;background:#ddd;border-top:0;}
.docList li span strong {display:block;color:#333;}

.docList .ddoc a {display:block;border:1px solid #720f8b;}
.docList .ddoc span {display:block;padding:10px 18px;background:#720f8b;border-top:0; color:#fff;}
.docList .ddoc span strong {display:block;color:#fff;}

.docList li.on a {border:1px solid #373d90;}
.docList li.on span {background:#373d90 url(../_Img/Layout/bg_docList_on.png) no-repeat 90% 50%;border-top:0;color:#fff;}
.docList li.on span strong {color:#fff;}
@media all and (max-width:1024px) {
	.docList li {width:24.6%;margin:0;padding:5px;box-sizing:border-box;}
	.docList li.on span {background-size:30px;}
}
@media all and (max-width:767px) {
	.docList li {width:49%;font-size:14px; height:280px;}
}






.docSection {display:block;}
.docSection.aboutDoc {display:none;}
.docInfoSection {width:100%;overflow:hidden;} 
.docPicture {position:relative;float:left;width:360px;border:1px solid #ccc;}
.docPicture:after {content:"";position:absolute;right:0;bottom:0;left:0;height:48px;background:#000;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.docPicture span {position:absolute;line-height:48px;right:0;bottom:0;left:0;color:#fff;text-align:center;font-size:18px;z-index:1;}
.docInfo {position:relative;float:right;width:589px;height:363px;padding:0 35px;background:#fefefe;border:1px solid #ddd;}
.docInfo p {position:relative;padding:0 0 0 90px;line-height:30px;}
.docInfo p strong {position:absolute;top:0;left:0;}
.docInfo p:first-child {margin:20px 0 0;}

.docPicture2 {position:relative;float:left;width:360px; height:300px; border:1px solid #ccc;}
.docPicture2:after {content:"";position:absolute;right:0;bottom:0;left:0;height:48px;background:#000;opacity:.5;filter:alpha(opacity=50);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";}
.docPicture2 span {position:absolute;line-height:48px;right:0;bottom:0;left:0;color:#fff;text-align:center;font-size:18px;z-index:1;}
.docInfo2 {position:relative;float:right;width:589px;height:300px;padding:0 35px;background:#fefefe;border:1px solid #ddd;}
.docInfo2 p {position:relative;padding:0 0 0 90px;line-height:30px;}
.docInfo2 p strong {position:absolute;top:0;left:0;}
.docInfo2 p:first-child {margin:20px 0 0;}


@media all and (max-width:1024px) {
	.docInfoSection {display:table;}
	.docPicture {display:table-cell;float:none;width:280px;padding-right:10px;}
	.docPicture:after,
	.docPicture span {right:10px;height:30px;line-height:30px;font-size:16px;}
	.docPicture img {width:100%;}
	/*.docInfo {display:table-cell;float:none;width:auto;height:auto;padding:0;font-size:14px;vertical-align:middle;}*/
	.docInfo {display:table-cell;float:none;width:auto;height:auto;padding:15px;font-size:14px;vertical-align:top;}
	.docInfo p {line-height:1.5;}
	.docInfo p strong {left:15px;}
	.docInfo p:first-child {margin:0;}
	
	
	.docPicture2 {display:table-cell;float:none;width:280px; height:200px; padding-right:10px;}
	.docPicture2:after,
	.docPicture2 span {right:10px;height:30px;line-height:30px;font-size:16px;}
	.docPicture2 img {width:100%;}
	.docInfo2 {display:table-cell;float:none;width:auto;height:auto;padding:0;font-size:14px;vertical-align:middle;}
	.docInfo2 p {line-height:1.5;}
	.docInfo2 p strong {left:15px;}
	.docInfo2 p:first-child {margin:0;}
}
@media all and (max-width:767px) {
	.docInfoSection {display:block;}
	.docPicture {display:block;width:auto;padding:0;}
	.docPicture:after,
	.docPicture span {right:0;}
	.docInfo {display:block;margin:10px 0 0;padding:10px;}
	.docInfo p {padding:0;}
	.docInfo p strong {position:static;display:block;}
	
	
	.docPicture2 {display:block;width:auto;padding:0;}
	.docPicture2:after,
	.docPicture2 span {right:0;}
	.docInfo2 {display:block;margin:10px 0 0;padding:10px;}
	.docInfo2 p {padding:0;}
	.docInfo2 p strong {position:static;display:block;}
}

.aboutBox {position:relative;padding:40px 30px;color:#333;font-family:Nanum Myeongjo;font-size:20px;}
.about4 {padding-left:135px;}
.about4:after {content:"";position:absolute;top:35px;left:40px;width:73px;height:60px;background:url(/images/contents/img_about4.png) no-repeat;}
.about5 {padding-left:135px;}
.about5:after {content:"";position:absolute;top:30px;left:40px;width:58px;height:58px;background:url(/images/contents/img_about5.png) no-repeat;}
.about6 {padding-left:135px;}
.about6:after {content:"";position:absolute;top:35px;left:40px;width:73px;height:60px;background:url(/images/contents/img_about6.png) no-repeat;}
.about8 {padding-left:135px;}
.about8:after {content:"";position:absolute;top:35px;left:40px;width:73px;height:60px;background:url(/images/contents/img_about8.png) no-repeat;}
.about10 {padding-left:135px;}
.about10:after {content:"";position:absolute;top:35px;left:40px;width:83px;height:65px;background:url(/images/contents/img_about10.png) no-repeat;}
@media all and (max-width:767px) {
	.aboutBox {padding:20px;text-align:center;font-size:16px;}
	.about4 {padding:100px 20px 20px;}
	.about4:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;background:url(/images/contents/img_about4_mo.png) no-repeat 50% 0;background-size:73px;}
	.about5 {padding:100px 20px 20px;}
	.about5:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;background:url(/images/contents/img_about5_mo.png) no-repeat 50% 0;background-size:58px;}
	.about6 {padding:100px 20px 20px;}
	.about6:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;background:url(/images/contents/img_about6_mo.png) no-repeat 50% 0;background-size:73px;}
	.about8 {padding:100px 20px 20px;}
	.about8:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;background:url(/images/contents/img_about8_mo.png) no-repeat 50% 0;background-size:73px;}
	.about10 {padding:100px 20px 20px;}
	.about10:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;background:url(/images/contents/img_about10.png) no-repeat 50% 0;}
}

.hospList {width:100%;zoom:1;}
.hospList:after {content:"";display:block;clear:both;}
.hospList ul {margin:0 -20px;}
.hospList li {float:left;width:284px;min-height:150px;margin:20px;line-height:1.1;}
.hospList li a {display:block;}
.hospList li .img img {display:block;margin:0 0 15px;border:1px solid #ddd;}
.hospList li .link {font-size:12px;}
@media all and (max-width:1024px) {
	.hospList li {display:inline-block;float:none;width:33.3%;min-height:0;margin:0 -4px 0 0;padding:20px;box-sizing:border-box;vertical-align:top;}
}
@media all and (max-width:767px) {
	.hospList ul {margin:0 -5px;} 
	.hospList li {width:50%;padding:5px;font-size:12px;}
	.hospList li .img {margin:0 0 5px;}
}

.hospViewSlide li {text-align:center;}
.hospViewSlide li span {display:block;margin:60px 0 0;}
.hospViewSlide li span strong {display:block;font-size:24px;color:#333;}
.hospViewSlide .bx-pager {position:absolute;right:0;bottom:80px;left:0;text-align:center;zoom:1;}
.hospViewSlide .bx-pager:after {content:"";display:block;clear:both;}
.hospViewSlide .bx-pager div {display:inline-block;margin:0 3px;}
.hospViewSlide .bx-pager a {display:block;overflow:hidden;width:10px;height:10px;background:#fff;border:1px solid #adadad;border-radius:100%;text-indent:-9999px;}
.hospViewSlide .bx-pager .active {background:#5b2095;border:1px solid #5b2095;}
.hospViewSlide .slidePrev a,
.hospViewSlide .slideNext a {position:absolute;top:30%;left:30px;overflow:hidden;width:43px;height:75px;background:url(http://www.jainmedi.co.kr/images/contents/btn_hospView_prev.png) no-repeat;text-indent:-9999px;background-size:cover;}
.hospViewSlide .slideNext a {left:auto;right:30px;background:url(http://www.jainmedi.co.kr/images/contents/btn_hospView_next.png) no-repeat;background-size:cover;}
@media all and (max-width:1024px) {
	.hospViewSlide .slidePrev a,
	.hospViewSlide .slideNext a {width:28px;height:50px;}
}
@media all and (max-width:767px) {
	.hospViewSlide li span {margin:40px 0 0;}
	.hospViewSlide .bx-pager {bottom:60px;}
	.hospViewSlide .slidePrev a,
	.hospViewSlide .slideNext a {display:none;}
}

.statusOff {color:#23459c;}
.statusQ {color:#d84416;}
.statusF {color:#5a29a5;}
/*.iconStatus {display:inline-block;position:relative;overflow:hidden;width:16px;height:16px;text-indent:-9999px;}
.iconStatus:after {content:"";position:absolute;top:0;left:0;width:16px;height:16px;background:url(/images/icon_pack_jain.png) no-repeat;}
.statusOn:after {background-position:-300px -100px;}
.statusQ:after {background-position:-350px -100px;}
.statusOff:after {background-position:-400px -100px;}*/

.infoStatus {margin:20px 0 15px;text-align:right;}
.infoStatus .iconStatus {width:auto;height:auto;padding:0 15px 0 40px;text-indent:0;border-left:1px solid #ddd;line-height:1.2;}
.infoStatus .iconStatus:first-child {border-left:0;}
.infoStatus .iconStatus:after {top:2px;left:15px;}

.docProfile {display:none;}
.docProfile.aboutBlock {display:block;}
.docProfile .progressDetail li:first-child {border:0;}

.iconPhone {position:relative;margin:50px 0 0;padding:0 0 0 70px;line-height:1.2;}
.iconPhone .icon:after {content:"";position:absolute;top:0;left:0;width:60px;height:60px;background:url(../_Img/Content/icon_pack_jain_n.png) no-repeat;}
.iconPhone strong {font-size:34px;color:#333;}
.iconPhone .iconP:after {background-position:-300px -150px;}
.iconPhone .iconT:after {background-position:-400px -150px;}
.partTime {zoom:1;}
.partTime:after {content:"";display:block;clear:both;}
.partTime .typeList {float:left;width:70%;}
.partTime .iconPhone {float:right;margin:150px 0 0;width:20%;}

@media all and (max-width:1024px) {
	.partTime .typeList {float:none;width:auto;}
	.partTime .iconPhone {float:none;margin:50px 0 0;width:auto;}
}

@media all and (max-width:767px) {
	.infoStatus .iconStatus {line-height:1.5;}
	.iconPhone {margin:25px 0 0;padding:0 0 0 35px;font-size:13px;}
	.iconPhone strong {font-size:17px;}
	.iconPhone .icon:after {top:2px;width:30px;height:30px;background-size:250px;}
	.iconPhone .iconP:after {background-position:-150px -75px;}
	.iconPhone .iconT:after {background-position:-200px -75px;}
	.partTime .iconPhone {margin:25px 0 0;}
}
/*
.history {width:100%;overflow:hidden;}
.history li {float:left;width:311px;height:190px;margin:0 2px;padding:120px 0 0;text-align:center;color:#fff;font-size:30px;font-weight:bold;}
.history li.story1 {background:url(/images/contents/img_about02_01.jpg) no-repeat;}
.history li.story2 {background:url(/images/contents/img_about02_02.jpg) no-repeat;}
.history li.story3 {background:url(/images/contents/img_about02_03.jpg) no-repeat;}

.historySection {position:relative;min-width:950px;background:#fff;}
.historyTab {position:absolute;top:120px;left:50%;width:260px;margin-left:-480px;z-index:2;}
.historyTab .mobBtn {display:none;}
.historyTab li {margin:0 0 5px;}
.historyTab a {position:relative;display:block;padding:0 0 0 26px;font-size:18px;line-height:48px;background:#fdf5ec;color:#c8af96;}
.historyTab li.on a {background:#ff9f40;color:#fff;}
.historyTab li.on a:before {content:"";position:absolute;top:0;right:-30px;width:30px;height:48px;background:#ff7200;}
.historyTab li.on a:after {content:"";position:absolute;top:0;right:-60px;border:30px solid transparent;border-top:0;border-bottom:48px solid #fff;}

.historySection .section {width:535px;margin:0 auto;padding:115px 0 115px 415px;font-size:16px;color:#333;}
.historySection .subTitle {margin-bottom:40px;color:#5b2095;}
.historySection .history2 {background:#ececec url(/images/contents/bg_history.jpg) no-repeat;}
.historySection .section > ul > li {position:relative;margin:30px 0 0;padding:0 0 0 105px;}
.historySection .section .month {position:absolute;top:0;left:0;color:#999;}
@media all and (max-width:1024px) {
	.history {display:flex;display:-webkit-flex;webkit-justify-content:center;justify-content:center;}
	.history li {width:220px;height:220px;padding:0;background-size:cover !important;font-size:16px;text-align:center;
		display:flex;display:-webkit-flex;-webkit-align-items:center;align-items:center;
		-webkit-justify-content:center;justify-content:center;
	}
	.historySection {min-width:0;}
	.historyTab {top:100px;left:40px;width:175px;margin:0;}
	.historySection .tabCont {overflow:hidden;}
	.historySection .section {width:auto;padding:100px 50px 100px 300px;}
	.historySection .subTitle {margin-bottom:0;}
	.historySection .section > ul > li {margin:15px 0 0;padding:0;}
	.historySection .section .month {display:block;margin:0 0 10px;position:static;}
}
@media all and (max-width:767px) {
	.history {-webkit-flex-direction:column;flex-direction:column;}
	.history li {width:280px;height:280px;margin:10px auto 0;font-size:25px;}
	.historySection {padding:40px 0 0;}
	.historyTab {position:relative;top:auto;left:auto;width:auto;margin:0 15px;}
	.historySection .section {padding:40px 15px;font-size:14px;}
	.historySection .history2 {background-image:none;}
	.historyTab .mobBtn {display:block;background:#f5f7f9;border:1px solid #ddd;}
	.historyTab .mobBtn button {position:relative;padding:0 0 0 18px;font-weight:bold;width:100%;height:40px;text-align:left;color:#ff7e00;}
	.historyTab .mobBtn button:before {content:"";width:45px;position:absolute;border-left:1px solid #ddd;top:0;right:0;bottom:0;}
	.historyTab .mobBtn button:after {content:"";position:absolute;top:17px;right:16px;width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top: 8px solid #999;}
	.historyTab ul {position:absolute;display:none;width:100%;border:0;z-index:2;}
	.historyTab ul li {height:38px;margin:0;border:1px solid #ddd;border-top:0;}
	.historyTab ul li a {height:38px;line-height:38px;margin:0;padding:0 0 0 18px;background:#fff;color:#666;border:0;font-size:14px;}
	.historyTab ul li.on a {margin:0 -1px;background:#f5f7f9;border:1px solid #ddd;border-top:0;color:#ff7e00;font-size:14px;font-weight:normal;}
	.historyTab ul li.on a:before,
	.historyTab ul li.on a:after {display:none;}

}*/
.phoneInfo {zoom:1;}
.phoneInfo:after {content:"";display:block;clear:both;}
.phoneInfo p {float:left;width:25%;}
.phoneInfo p strong {display:block;padding:0 0 0 40%;border-left:1px solid #ddd;line-height:1.8;}
.phoneInfo .phone1 {background:url(/images/contents/img_info_phone1.png) no-repeat 20% 50%;}
.phoneInfo .phone1 strong {border:0;}
.phoneInfo .phone2 {background:url(/images/contents/img_info_phone2.png) no-repeat 20% 50%;}
.phoneInfo .phone3 {background:url(/images/contents/img_info_phone3.png) no-repeat 20% 50%;}
.phoneInfo .phone4 {background:url(/images/contents/img_info_phone4.png) no-repeat 20% 50%;}
@media all and (min-width:768px) and (max-width:1024px) {
	.phoneInfo {display:flex;display:-webkit-flex;}
	.phoneInfo p {float:none;background-position:12% 50% !important;}
	.phoneInfo p strong {padding:0 0 0 35%;}
}
@media all and (max-width:767px) {
	.phoneInfo p {float:none;width:auto;background-size:56px !important}
	.phoneInfo p strong {padding:10px 0 10px 75px;border:0;border-top:1px solid #ddd;}
	.phoneInfo .phone1 {background:url(/images/contents/img_info_phone1_mo.png) no-repeat 0 50%;}
	.phoneInfo .phone2 {background:url(/images/contents/img_info_phone2_mo.png) no-repeat 0 50%;}
	.phoneInfo .phone3 {background:url(/images/contents/img_info_phone3_mo.png) no-repeat 0 50%;}
	.phoneInfo .phone4 {background:url(/images/contents/img_info_phone4_mo.png) no-repeat 0 50%;}
}

/* info01 */
.docTime {zoom:1;margin:0 0 30px;}
.docTime:after {content:"";display:block;clear:both;}
.docTime .picture {float:left;width:260px;height:200px;overflow:hidden;}
.docTime .timeTable {position:relative;float:right;width:650px;}
.docTime .timeTable .name {padding:0 0 25px;font-size:20px;line-height:1.2;}
.docTime .timeTable .name strong {color:#5b2095;}
.docTime .timeTable .name span {display:inline-block;margin:0 0 0 15px;padding:0 0 0 19px;border-left:1px solid #ddd;color:#999;}
.docTime .timeTable .typeList {text-align:center;}
.docTime .timeTable .typeList .on {color:#ff7e00;}
.docTime .timeTable .btnM {position:absolute;top:0;right:0;}
.timeImg {position:relative;height:400px;background:url(/images/contents/img_info01_01_back.jpg) no-repeat 50%;}
.timeImg img {position:absolute;top:50%;left:50%;margin:-122px 0 0 -219px;}
.timeImg .pc {display:block;}
.timeImg .mob {display:none;}

@media all and (min-width:768px) and (max-width:1024px) {
	.docTime {display:flex;display:-webkit-flex;}
	.docTime .timeTable {margin-left:20px;}
	.docTime .timeTable .name {font-size:16px;}
	.docTime .timeTable .name span {margin:0 0 0 5px;padding:0 0 0 9px;}
	.docTime .timeTable .typeList th,
	.docTime .timeTable .typeList td {padding:10px;}

}
@media all and (max-width:767px) {
	.docTime .picture {float:none;width:auto;height:auto;text-align:center;}
	.docTime .timeTable {float:none;width:auto;}
	.docTime .timeTable .name {padding:10px 0;font-size:16px;}
	.docTime .timeTable .name span {margin:0 0 0 5px;padding:0 0 0 9px;}
	.docTime .timeTable .btnM {display:block;position:static;margin:10px 0 0;}
	.timeImg {height:300px;}
	.timeImg .mob {display:block;}
	.timeImg .pc {display:none;}
	.timeImg img {width:260px;margin:-110px 0 0 -130px;}
}
/* //info01 */


.steProgress {zoom:1;}
.steProgress:after {content:"";display:block;clear:both;}
.steProgress ol {margin:0 -8px;}
.steProgress li {float:left;width:360px;margin:6px;background:#fff;color:#333;font-size:16px;}
.steProgress li span {display:block;height:140px;padding:20px 0 0 35px;border:1px solid #ddd;font-weight:bold;}
.steProgress .step1 span, 
.steProgress .step2 span {background:url(../_Img/Content/img_step_arrow.gif) no-repeat 90% 50%;}
.steProgress .step3 span {background:url(../_Img/Content/img_step_arrow2.gif) no-repeat 90% 50%;}
.steProgress .step4, .steProgress .step5, .steProgress .step6 {float:right;}
.steProgress .step4 span,
.steProgress .step5 span,
.steProgress .step6 span {background:url(../_Img/Content/img_step_arrow3.gif) no-repeat 90% 50%;}
@media all and (min-width:768px) and (max-width:1024px) {
	.steProgress ol {}
	.steProgress li {float:left;width:50%;margin:0;padding:3px;background:none;box-sizing:border-box;}
	.steProgress .step3 {float:right;}
	.steProgress .step4, .steProgress .step5 {float:left;}
	.steProgress .step1 span,
	.steProgress .step5 span,
	.steProgress .step6 span {background:#fff url(../_Img/Content/img_step_arrow.gif) no-repeat 90% 50%;}
	.steProgress .step2 span,
	.steProgress .step4 span {background:#fff url(../_Img/Content/img_step_arrow2.gif) no-repeat 90% 50%;}
	.steProgress .step3 span {background:#fff url(../_Img/Content/img_step_arrow3.gif) no-repeat 90% 50%;}
}
@media all and (max-width:767px) {
	.steProgress ol {margin:0;}
	.steProgress li {float:none;width:100%;margin:10px 0 0;}
	.steProgress li:first-child {margin:0;}
	.steProgress li span {height:auto;padding:20px 35px;background:url(../_Img/Content/img_step_arrow2.gif) no-repeat 90% 50% !important;background-size:29px !important;}
}
.steProgress2 {zoom:1;}
.steProgress2:after {content:"";display:block;clear:both;}
.steProgress2 ol {margin:0 -8px;}
.steProgress2 li {float:left;width:310px;margin:6px;background:#fff;}
.steProgress2 li span {display:block;height:120px;padding:170px 30px 0;}
.steProgress2 li strong {display:block;color:#333;}

.inProgress .step1 span {background:url(../_Img/Content/img_step_in.gif) no-repeat 50% 30px;}
.inProgress .step2 span {background:url(../_Img/Content/img_step_in2.gif) no-repeat 50% 30px;}
.inProgress .step3 span {background:url(../_Img/Content/img_step_in3.gif) no-repeat 50% 30px;}

.outProgress .step1 span {background:url(../_Img/Content/img_step_out.gif) no-repeat 50% 30px;}
.outProgress .step2 span {background:url(../_Img/Content/img_step_out2.gif) no-repeat 50% 30px;}
.outProgress .step3 span {background:url(../_Img/Content/img_step_out3.gif) no-repeat 50% 30px;}

.giveProgress .step1 span {background:url(../_Img/Content/img_step_give.gif) no-repeat 50% 30px;}
.giveProgress .step2 span {background:url(../_Img/Content/img_step_give2.gif) no-repeat 50% 30px;}
.giveProgress .step3 span {background:url(../_Img/Content/img_step_give3.gif) no-repeat 50% 30px;}
.giveProgress .step4 span {background:url(../_Img/Content/img_step_give4.gif) no-repeat 50% 30px;}
.giveProgress .step5 span {background:url(../_Img/Content/img_step_give5.gif) no-repeat 50% 30px;}

.surProgress .step1 span {background:url(../_Img/Content/img_step_sur_01.gif) no-repeat 50% 30px;}
.surProgress .step2 span {background:url(../_Img/Content/img_step_sur_02.gif) no-repeat 50% 30px;}
.surProgress .step3 span {background:url(../_Img/Content/img_step_sur_03.gif) no-repeat 50% 30px;}
.surProgress .step4 span {background:url(../_Img/Content/img_step_sur_04.gif) no-repeat 50% 30px;}
.surProgress .step5 span {background:url(../_Img/Content/img_step_sur_05.gif) no-repeat 50% 30px;}
.surProgress .step6 span {background:url(../_Img/Content/img_step_sur_06.gif) no-repeat 50% 30px;}


@media all and (min-width:768px) and (max-width:1024px) {
	.steProgress2 ol {display:flex;display:-webkit-flex;margin:0;ss}
	.steProgress2 li {width:33.33%;}
	.steProgress2 li span {padding:120px 15px 0;background-size:60px !important;}
}
@media all and (max-width:767px) {
	.steProgress2 ol {}
	.steProgress2 li {float:none;width:auto;margin:10px 0 0;}
	.steProgress2 li:first-child {margin:0;}
	.steProgress2 li span {height:auto;padding:20px 15px 20px 100px;background-size:60px !important;background-position:25px 50% !important;}
}

.phoneSection .contWrap {height:250px;}
.phoneSection .number {padding:75px 0 10px 170px;background:url(/images/contents/img_info_phone.gif) no-repeat 55px 75px;font-size:40px;line-height:1.3;}
.phoneSection .number strong {display:block;color:#fff;}
.phoneSection .callInfo {padding:50px 0 0 50px;font-weight:bold;line-height:2;}
@media all and (max-width:1024px) {
	.phoneSection .contWrap {height:270px;}
	.phoneSection .number {padding:95px 0 45px 140px;background:url(/images/contents/img_info_phone.gif) no-repeat 40px 85px;background-size:80px;font-size:30px;line-height:1.3;}
	.phoneSection .callInfo {padding:50px 0 0 30px;}
}
@media all and (max-width:767px) {
	.phoneSection .contWrap {height:auto;}
	.phoneSection .number {padding:20px 0 20px 90px;background-size:45px;background-position:30px 50%;font-size:18px;}
	.phoneSection .callInfo {padding:20px;font-size:12px;}
}

.mapSection {background:#999;}
.daumMap {width:auto;overflow:hidden;}
.daumMap .root_daum_roughmap {width:auto}
.daumMap .root_daum_roughmap .wrap_map {height:400px;}
.mapSection p {padding:15px 20px 20px;color:#fff;}

.bus {position:relative;padding:10px 0 10px 120px;color:#333;}
.bus strong {position:absolute;top:8px;left:0;width:104px;line-height:28px;border-radius:14px;color:#fff;text-align:center;}
.bus .busGreen {background:#2d6613;}
.bus .busRed {background:#be0e3c;}
.bus .busGreen2 {background:#60a83f;}
.bus .blue2 {background:#00a8a2;}
.bus .blue3 {background:#c98900;}


.airport {position:relative;padding:10px 0 10px 120px;color:#333;}
.airport strong {position:absolute;top:8px;left:0;width:104px;line-height:28px;border-radius:14px;color:#fff;text-align:center;}
.airport .blue {background:#0070c0;}
.airport .sky {background:#8ac6cd;}

.metro {margin:10px 0 0;color:#333;}
.metro strong {display:inline-block;width:22px;line-height:22px;color:#ff7e00;border:3px solid #ff7e00;border-radius:100%;text-align:center;}

.customer1 {padding-left:135px;}
.customer1:after {content:"";position:absolute;top:30px;left:40px;width:63px;height:61px;background:url(/images/contents/img_customer1.png) no-repeat;}
.customer2 {padding-left:135px;}
.customer2:after {content:"";position:absolute;top:30px;left:40px;width:55px;height:60px;background:url(/images/contents/img_customer2.png) no-repeat;}
.customer3 {padding-left:135px;}
.customer3:after {content:"";position:absolute;top:30px;left:40px;width:61px;height:60px;background:url(/images/contents/img_customer3.png) no-repeat;}
.customer4 {padding-left:135px;}
.customer4:after {content:"";position:absolute;top:30px;left:40px;width:60px;height:61px;background:url(/images/contents/img_customer4.png) no-repeat;}
.customer5 {padding-left:135px;}
.customer5:after {content:"";position:absolute;top:30px;left:40px;width:60px;height:61px;background:url(/images/contents/img_customer5.png) no-repeat;}
.customer6 {padding-left:135px;}
.customer6:after {content:"";position:absolute;top:32px;left:40px;width:60px;height:58px;background:url(/images/contents/img_customer6.png) no-repeat;}
.customer7 {padding-left:135px;}
.customer7:after {content:"";position:absolute;top:32px;left:40px;width:70px;height:65px;background:url(/images/contents/img_customer7.png) no-repeat;}

@media all and (max-width:767px) {
	.customer1 {padding:100px 20px 20px;}
	.customer1:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;height:62px;background:url(/images/contents/img_customer1_mo.png) no-repeat 50% 0;background-size:62px;;}
	.customer2 {padding:100px 20px 20px;}
	.customer2:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;height:60px;background:url(/images/contents/img_customer2_mo.png) no-repeat 50% 0;background-size:55px;}
	.customer3 {padding:100px 20px 20px;}
	.customer3:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;height:60px;background:url(/images/contents/img_customer3_mo.png) no-repeat 50% 0;background-size:68px;}
	.customer4 {padding:100px 20px 20px;}
	.customer4:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;height:60px;background:url(/images/contents/img_customer4_mo.png) no-repeat 50% 0;background-size:68px;}
	.customer5 {padding:100px 20px 20px;}
	.customer5:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;height:60px;background:url(/images/contents/img_customer5_mo.png) no-repeat 50% 0;background-size:68px;}
	.customer6 {padding:100px 20px 20px;}
	.customer6:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;height:63px;background:url(/images/contents/img_customer6_mo.png) no-repeat 50% 0;background-size:65px;}
	.customer7 {padding:100px 20px 20px;}
	.customer7:after {content:"";position:absolute;top:20px;left:0;right:0;width:auto;height:60px;background:url(/images/contents/img_customer7_mo.png) no-repeat 50% 0;background-size:65px;}
	.daumMap .root_daum_roughmap .wrap_map {height:200px;}
}

.privacySection h2 {margin:30px 0 0;}
.privacySection h3 {margin:20px 0 0;}
.privacySection p {margin:10px 0;}
.agreeSection {width:100%;padding:0 0 50px;border-bottom:1px solid #ddd;}
.agreeSection.another {border-bottom:0;}
.agreeSection:after {content:"";display:block;clear:both;}
span.error {color:#02cc8c;}
.agreeBox {width:100%;}
.terms {float:left;}
.privacy {float:right; padding-top:30px;}
.agreeBox .agree label {font-size:14px;color:#555;}
.agreeBox .cont {height:138px;overflow-y:auto;margin:5px 0 10px;padding:10px;background:#f5f5f5;border:1px solid #ddd;}
.agreeBox .subTitle {margin-top:0;}
.agreeAll {margin:55px 0 0;font-size:14px;color:#333;text-align:center;}
@media all and (max-width:1024px) {
	.agreeBox {float:none;width:auto;}
	.privacy {margin:25px 0 0;}
}
@media all and (max-width:767px) {
	.agreeAll .btnM {display:block;width:100px;margin:0 auto;}
}


/* aboout04 */
.thumbLayer {position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;}
.thumbLayer:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.5;filter:alpha(opacity=50);}
.thumbLayer .layerCon {position:absolute;top:50%;left:50%;margin:-342px 0 0 -475px;width:950px;height:684px;background:#fff;z-index:2;}
.thumbLayer .layerCon .top {position:relative;margin:60px 0 40px;height:46px;text-align:center;}
.thumbLayer .layerCon .top:after {content:"";position:absolute;bottom:0;left:50%;margin:0 0 0 -27px;width:54px;height:3px;background:#ff7200;}
.thumbLayer .layerCon .close {position:absolute;bottom:0;left:0;right:0;height:64px;;background:#ff7200;text-align:center;}
.thumbLayer .layerCon .layClose {margin:18px 0 0;padding:0 20px 0 0;font-size:18px;color:#fff;font-weight:bold;background:url(/images/contents/img_layer_closebtn.gif) no-repeat 100% 50%;}
.thumbLayer .layerCon .con {height:470px;overflow:auto;text-align:center;}
.thumbLayer .layerCon .con .image {margin:0 auto;display:block;width:588px;}
.thumbLayer .layerCon .con .title {margin:26px 0 0;font-size:16px;color:#333;font-weight:bold;}

@media all and (max-width:1024px) {
	.thumbLayer .layerCon {left:10px;right:10px;margin:-342px 0 0;width:auto;}
}

@media all and (max-width:767px) {
	.thumbLayer .layerCon {top:10px;bottom:10px;margin:0;height:auto;}
	.thumbLayer .layerCon .top {margin:30px 0 20px;height:24px;}
	.thumbLayer .layerCon .top img {width:140px;}
	.thumbLayer .layerCon .top:after {margin:0 0 0 -14px;width:28px;height:2px;}
	.thumbLayer .layerCon .close {height:36px;}
	.thumbLayer .layerCon .layClose {margin:8px 0 0;font-size:14px;}
	.thumbLayer .layerCon .con .title {margin:20px 0 0;font-size:14px;}
	.thumbLayer .layerCon .con .image {width:80%;}
}

/* //aboout04 */

/*text top line*/
.contWrap .subTitle span{position:relative; padding-top:27px; display:inline-block;vertical-align:top;}
.contWrap .subTitle span:before{width:170px;height:4px; background:#ff8518; position:absolute; left:0; top:0; display:block; content:""}


.contWrap .subTitle .last{}
.contWrap .subTitle .last:before{background:#373e8f;}


/* department01 */
.jainAdvant {zoom:1;}
.jainAdvant:after {content:"";display:block;clear:both;}
.jainAdvant .title {font-size:24px;color:#333;}
.jainAdvant .item {float:left;width:286px;margin:50px 0 0 46px;}
.jainAdvant .item.num1 {margin-left:0;}
.jainAdvant .image {display:block;text-align:center;}
.jainAdvant .itemTit {display:block;margin-top:30px;font-size:16px;color:#333;text-decoration:underline;}
.jainAdvant .cont {margin-top:26px;}

@media all and (max-width:1024px) {
	.jainAdvant {margin:30px 0 0;}
	.jainAdvant .item {float:none;width:auto;margin:40px 0 0;zoom:1;}
	.jainAdvant .item:after {content:"";display:block;clear:both;}
	.jainAdvant .image {float:left;width:190px;}
}

@media all and (max-width:767px) {
	.jainAdvant {margin:30px 0;}
	.jainAdvant .title {font-size:20px;}
	.jainAdvant .item {margin:25px 0 0;}
	.jainAdvant .itemTit {margin-top:14px;font-size:14px;}
	.jainAdvant .image {float:none;width:auto;}
	.jainAdvant .image img {width:100px;}
	.jainAdvant .cont {margin-top:10px;}
}
/* //department01 */

/* privacyLayer */
.privacyLayer {position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;}
.privacyLayer:after {content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#000;opacity:.5;filter:alpha(opacity=50);}
.privacyLayer .layerCon {position:absolute;top:50%;left:50%;margin:-342px 0 0 -475px;width:950px;height:684px;background:#fff;z-index:2;}
.privacyLayer .layerCon .top {position:relative;margin:60px 0 40px;height:46px;text-align:center;font-size:24px;font-weight:700;line-height: 1.2;color:#5b2095;}
.privacyLayer .layerCon .top:after {content:"";position:absolute;bottom:0;left:50%;margin:0 0 0 -27px;width:54px;height:3px;background:#ff7200;}
.privacyLayer .layerCon .close {position:absolute;bottom:0;left:0;right:0;height:64px;;background:#ff7200;text-align:center;}
.privacyLayer .layerCon .layClose {margin:18px 0 0;padding:0 20px 0 0;font-size:18px;color:#fff;font-weight:bold;background:url(/images/contents/img_layer_closebtn.gif) no-repeat 100% 50%;}
.privacyLayer .layerCon .con {padding:20px;height:434px;overflow:auto;text-align:left;}
.privacyLayer .layerCon .con .image {margin:0 auto;display:block;width:588px;}
.privacyLayer .layerCon .con .title {margin:26px 0 0;font-size:16px;color:#333;font-weight:bold;}

@media all and (max-width:1024px) {
	.privacyLayer .layerCon {left:10px;right:10px;margin:-342px 0 0;width:auto;}
}

@media all and (max-width:767px) {
	.privacyLayer .layerCon {top:10px;bottom:10px;margin:0;height:auto;}
	.privacyLayer .layerCon .top {margin:30px 0 20px;height:24px;}
	.privacyLayer .layerCon .top img {width:140px;}
	.privacyLayer .layerCon .top:after {margin:0 0 0 -14px;width:28px;height:2px;}
	.privacyLayer .layerCon .close {height:36px;}
	.privacyLayer .layerCon .layClose {margin:8px 0 0;font-size:14px;}
	.privacyLayer .layerCon .con .title {margin:20px 0 0;font-size:14px;}
	.privacyLayer .layerCon .con .image {width:80%;}
}

.btn-consult {display:block;position:absolute;right:22px;bottom:44px;padding:5px 0;width:102px;font-size:16px;line-height:26px;color:#fff;text-align:center;background-color:#ff7e00;}
.btn-consult2 {display:block;position:absolute;right:212px;bottom:44px;padding:5px 0;width:102px;font-size:16px;line-height:26px;color:#fff;text-align:center;background-color:#ff7e00;}
.btn-consult3 {display:block;position:absolute;right:42px;bottom:44px;padding:5px 0;width:102px;font-size:16px;line-height:26px;color:#fff;text-align:center;background-color:#8054be;}
.btn-consult4 {display:block;position:absolute;right:252px;bottom:44px;padding:5px 0;width:112px;font-size:16px;line-height:26px;color:#fff;text-align:center;background-color:#cd0000;}
.btn-consult5 {display:block;position:absolute;right:402px;bottom:44px;padding:5px 0;width:102px;font-size:16px;line-height:26px;color:#fff;text-align:center;background-color:#cd0000;}

.customerExplain {margin:28px 0 14px;}
.doctorSelection {margin-bottom:43px;border-top:2px solid #373d90;overflow:hidden;}
.doctorSelection * {-webkit-box-sizing:border-box;box-sizing:border-box;}
.doctorSelection li {float:left;width:20%;text-align:center;border:1px solid #ddd;border-top:0;border-right:0;}
.doctorSelection li a {display:block;line-height:50px;color:#666;}
.doctorSelection li.on a {color:#333;background-color:#f7f5f3;}
.doctorSelection li.on a span {border-bottom:1px solid #333;}
.doctorSelection li:first-child {border-left:0;}
.doctorSelection li:first-child:nth-last-child(1) {width:100%;}
.doctorSelection li:first-child:nth-last-child(2),
.doctorSelection li:first-child:nth-last-child(2) ~ li {width:50%;}
.doctorSelection li:first-child:nth-last-child(3),
.doctorSelection li:first-child:nth-last-child(3) ~ li {width:33.3333%;}
.doctorSelection li:first-child:nth-last-child(4),
.doctorSelection li:first-child:nth-last-child(4) ~ li {width:25%;}
.doctorSelection li:first-child:nth-last-child(5),
.doctorSelection li:first-child:nth-last-child(5) ~ li {width:20%;}
.doctorSelection li:first-child:nth-last-child(6),
.doctorSelection li:first-child:nth-last-child(6) ~ li {width:16.6666%;}
.doctorSelection li:first-child:nth-last-child(7),
.doctorSelection li:first-child:nth-last-child(7) ~ li {width:14.2875%;}
.doctorSelection li:first-child:nth-last-child(8),
.doctorSelection li:first-child:nth-last-child(8) ~ li {width:12.5%;}
.doctorSelection li:first-child:nth-last-child(9),
.doctorSelection li:first-child:nth-last-child(9) ~ li {width:11.1111%;}
@media all and (max-width:1024px) {
	.btn-consult {bottom:20px;right:20px;width:95px;font-size:14px;line-height:20px;}
	.btn-consult2 {bottom:20px;right:210px;width:95px;font-size:14px;line-height:20px;}
    .btn-consult3 {bottom:20px;right:210px;width:95px;font-size:14px;line-height:20px;}
    .btn-consult4 {bottom:20px;right:20px;width:95px;font-size:14px;line-height:20px;}
    .btn-consult5 {bottom:20px;right:20px;width:95px;font-size:14px;line-height:20px;}
}
@media all and (max-width:767px) {
	.btn-consult {top:10px;bottom:auto;right:10px; position:relative; margin:10px;}
	.btn-consult2 {top:10px;bottom:auto;right:10px; position:relative; margin:10px;}
    .btn-consult3 {top:10px;bottom:auto;right:10px; position:relative; margin:10px;}
    .btn-consult4 {top:10px;bottom:auto;right:10px; position:relative; margin:10px;}
    .btn-consult5 {top:10px;bottom:auto;right:10px; position:relative; margin:10px;}
.doctorSelection {padding:8px 0;border-bottom:1px solid #ddd;}
.doctorSelection li {width:33.3333% !important;text-align:center;border:0;}
.doctorSelection li a {display:block;line-height:50px;color:#666;}
.doctorSelection li.on a {color:#333;background-color:#fff;}
.doctorSelection li.on a span {border-bottom:1px solid #333;}

}

.user-attr .attr-title {margin-bottom:10px;color:#333;}
.user-attr li {padding:20px;border-bottom:1px dashed #ccc;}
.user-attr li:last-child {border-bottom:0;}

.videoPop {display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;}
.videoPop:after {content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#000;opacity:0.85;filter:alpha(opacity=85);}
.videoPop .layerCont {position:absolute;top:50%;left:50%;width:1000px;height:562px;margin:-281px 0 0 -500px;background:#000;overflow:visible;z-index:2;}
.videoPop .layerCont .close {position:absolute;top:-56px;right:0;width:40px;height:40px;background:url(/images/main/btn_video_close.png) no-repeat;font-size:0;}
.videoPop .layerCont iframe {width:1000px;height:562px;overflow:hidden;}

@media all and (max-width:1024px) {
	.videoPop .layerCont {width:760px;height:427px;margin:-213px 0 0 -380px;}
	.videoPop .layerCont iframe {width:760px;height:427px;}
}
@media all and (max-width:767px) {
	.videoPop .layerCont {width:320px;height:180px;margin:-90px 0 0 -160px;}
	.videoPop .layerCont iframe {width:320px;height:180px;}
	.videoPop .layerCont .close {top:-40px;width:30px;height:30px;background-size:30px;}
}


/* ? */
.wrap_step{overflow:hidden;margin:20px 0;}
.wrap_step .list_step li{float:left;width:33.3%;padding:20px 0;text-align:center;background:#f5f5f5;font-size:12px;}
.wrap_step .list_step li.on{background:#1F4EA5;color:#fff;}

@media all and (min-width:1331px) {
.wrap_step{overflow:hidden;margin:20px 0;}
.wrap_step .list_step li{float:left;width:33.3%;padding:20px 0;text-align:center;background:#f5f5f5;font-size:14px;}
.wrap_step .list_step li.on{background:#1F4EA5;color:#fff;}
}


/* btn */
.btn_blue{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#373d90;text-align:center;font-size:13px;}
a.btn_blue{color:#fff;}
.btn_Or{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#6983d5;text-align:center;font-size:13px;}
a.btn_Or{color:#fff;}
.btn_gray{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:13px;}
a.btn_gray{color:#000;}
.btn_black{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:13px;}
a.btn_black{color:#fff;}
.btn_pur{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#9ecda1;text-align:center;font-size:13px;}
a.btn_pur{color:#fff;}
.btn_red{display:inline-block;padding:15px;border-radius:5px;color:#fff;background:#cd0000;text-align:center;font-size:13px;}
a.btn_red{color:#fff;}



.wrap_login{position:relative;padding:40px 0;border-radius:5px;border:1px solid #ddd;}
.wrap_login .basic_box{padding:0 5%;}
.wrap_login .basic_box .tit_txt{font-size:23px;color:#15336a;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_login .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_login .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}


.wrap_joinf{position:relative;padding:80px 0;border-radius:5px;border:1px solid #ddd;}
.wrap_joinf .basic_box{padding:0 5%;}
.wrap_joinf .basic_box .tit_txt{font-size:23px;color:#15336a;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_joinf .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_joinf .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}

.wrap_idpw{position:relative;padding:40px 0;border-radius:5px;border:1px solid #ddd;}
.wrap_idpw .basic_box{padding:0 5%;}
.wrap_idpw .basic_box .tit_txt{font-size:23px;color:#15336a;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_idpw .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_idpw .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}


.wrap_memout{position:relative;padding:60px 0;border-radius:5px;border:1px solid #ddd;}
.wrap_memout .basic_box{padding:0 5%;}
.wrap_memout .basic_box .tit_txt{font-size:23px;color:#15336a;margin-bottom:20px;font-weight:400px;letter-spacing:-1px;}
.wrap_memout .basic_box .txt01{margin-bottom:10px;font-size:16px;}
.wrap_memout .basic_box .txt02{font-size:13px;line-height:150%;color:#666;}



.login_form{padding:0 5%;}
.login_form .login_body{position:relative;}
.login_form .login_body .btn_login{position:absolute;top:0;right:0;margin-left:20px;}
.login_form .login_body dl dt{float:left;margin-top:10px;color:#053384;}
.login_form .login_body dl dd{margin:0 0 10px 80px;}
.login_form .login_body dl dd input.input:focus{width:100%;padding:7px 10px;height:32px;border:2px solid #7c87a3;}
.login_form .login_body dl dd input.input{width:100%;padding:7px 10px;height:12px;border:1px solid #b8b8b8;margin-right:5px;}

.login_form .login_footer{overflow:hidden;margin-top:10px;}
.login_form .login_footer li{margin-bottom:10px;background:url(image/ico_bluebullet.gif) no-repeat 0 5px;padding-left:10px;font-size:12px;}
.login_form .login_footer li .btn_go{display:inline-block;margin-top:3px;margin-left:10px;padding:2px 5px;border:1px solid #ddd;background:#ebebeb;}



.idpw_form{padding:0 5%;}
.idpw_form .login_body{position:relative;}
.idpw_form .login_body .btn_login{position:absolute;top:0;right:0;margin-left:20px;}
.idpw_form .login_body dl dt{float:left;margin-top:10px;color:#053384;}
.idpw_form .login_body dl dd{margin:0 0 10px 80px; width:100%;}
.idpw_form .login_body dl dd input.input:focus{width:100%;padding:7px 10px;height:32px;border:2px solid #7c87a3;}
.idpw_form .login_body dl dd input.input{width:100%;padding:7px 10px;height:12px;border:1px solid #b8b8b8;margin-right:5px;}

.idpw_form .login_footer{overflow:hidden;margin-top:10px;}
.idpw_form .login_footer li{margin-bottom:10px;background:url(image/ico_bluebullet.gif) no-repeat 0 5px;padding-left:10px;font-size:12px;}
.idpw_form .login_footer li .btn_go{display:inline-block;margin-top:3px;margin-left:10px;padding:2px 5px;border:1px solid #ddd;background:#ebebeb;}




/* 모바일 */
@media all and (max-width:767px) {

.wrap_login .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_login .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_login .basic_box .txt01{font-size:14px;}

.wrap_joinf .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_joinf .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_joinf .basic_box .txt01{font-size:14px;}

.wrap_idpw .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_idpw .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_idpw .basic_box .txt01{font-size:14px;}

.wrap_memout .basic_box{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #ddd;text-align:center;}
.wrap_memout .basic_box .tit_txt{font-size:16px;}http://dev2.heeil.net/template/main/main.php
.wrap_memout .basic_box .txt01{font-size:14px;}

.login_form .login_body .btn_login{ position:relative;top:0;right:0;margin-left:0px; width:80%;}
.login_form .login_body dl dd{margin:0 0 10px 60px; }
.login_form .login_body dl{width:80%;}


.idpw_form .login_body dl dd{margin:0 0 10px 60px;}
.idpw_form .login_body dl{width:60%;}


}


/* 테블릿 */
@media all and (min-width:768px) and (max-width:1330px) {

.wrap_login .basic_box{float:left;width:40%;padding:0 5%;}
.wrap_login .basic_box .tit_txt{font-size:18px;}
.wrap_login .basic_box .txt01{font-size:14px;}

.wrap_joinf .basic_box{float:left;width:50%;padding:0 5%; margin-top:-30px;}
.wrap_joinf .basic_box .tit_txt{font-size:18px;}
.wrap_joinf .basic_box .txt01{font-size:14px;}

.wrap_idpw .basic_box{float:left;width:35%;padding:0 5%;}
.wrap_idpw .basic_box .tit_txt{font-size:18px;}
.wrap_idpw .basic_box .txt01{font-size:14px;}

.wrap_memout .basic_box{float:left;width:60%;padding:0 5%;}
.wrap_memout .basic_box .tit_txt{font-size:18px;}
.wrap_memout .basic_box .txt01{font-size:14px;}

.login_form{margin-left:50%;padding:0 5%;border-left:1px solid #ddd;}
.login_form .login_body dl{width:60%;}

.idpw_form{margin-left:40%;padding:0 5%;border-left:1px solid #ddd;}
.idpw_form .login_body dl{width:60%;}

}

/* pc */
@media all and (min-width:1323px) {
.wrap_login .basic_box{float:left;width:40%;padding:0 5%;}
.wrap_joinf .basic_box{float:left;width:40%;padding:0 5%; margin-top:-30px;}
.wrap_idpw .basic_box{float:left;width:35%;padding:0 5%;}
.wrap_memout .basic_box{float:left;width:65%;padding:0 5%;  margin-top:-30px;}

.login_form{margin-left:50%;padding:0 5%;border-left:1px solid #ddd;}
.login_form .login_body dl{width:60%;}

.idpw_form{margin-left:40%;padding:0 5%;border-left:1px solid #ddd;}
.idpw_form .login_body dl{width:60%;}


}



	.resultbox{width:100%;height:180px;text-align:center;color:#444;}
        .resultbox li{line-height:21px; }
		
a.btn_blue{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#373d90;text-align:center;font-size:16px;}
a.btn_blue01{display:inline-block;padding:15px 138px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:16px;}	
a.btn_Or{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#6983d5;text-align:center;font-size:16px;}
a.btn_gray{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:16px;}
a.btn_black{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}
a.btn_pur{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#9ecda1;text-align:center;font-size:16px;}
a.btn_red{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#cd0000;text-align:center;font-size:16px;}

@media all and (max-width:767px) {
.serch_wrap .join_info_serch{overflow:hidden;float:left;width:100%;display:block;margin-right:2px;}
.serch_wrap .stit{display:block;padding-bottom:10px;font-size:14px;color:#022f82;}
.join_info_serch .stit {display:block; margin:10px 0;padding:6px 0px 6px 0px;font-weight:bold;color: #053384;background: #f5f5f5;line-height: 130%;text-align:center;}
.serch_wrap .join_info_serch .serch_box .btn_area{display:block;position:absolute;*right:0px;top:116px;}
.serch_box ul li{padding-bottom:5px;}
.serch_name{text-align:left;float: left;padding:7px 0px 7px 2px;font-weight:500;font-size: 12px;color: #666;margin-right:5px;}
.serch_birth{*text-align:left;*float: left;padding:7px 0px 7px 2px;font-weight:500;font-size: 12px;color: #666;margin-right:5px;}
.serch_email{*text-align:left;*float: left;padding:7px 0px 7px 2px;font-weight:500;font-size: 12px;color: #666;margin-right:5px;}
.serch_box input.text {padding: 6px 2px;border: solid #ccc 1px;background: #fff;}
.serch_wrap .join_info_serch .serch_box{overflow:hidden;position:relative;width:310px;margin:0 auto;height:155px;}
.serch_wrap .txt_info{display:block;padding-bottom:10px;border-bottom:1px solid #ddd;margin-bottom:15px;font-size:12px;text-align:center;}
.btn_blue01{display:inline-block;padding:12px 131px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:13px;}
.btn_blue{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#373d90;text-align:center;font-size:16px;}
.btn_Or{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#6983d5;text-align:center;font-size:16px;}
.btn_gray{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:16px;}
.btn_black{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}
.btn_pur{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#9ecda1;text-align:center;font-size:16px;}
.btn_red{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#cd0000;text-align:center;font-size:16px;}
}
@media all and (min-width:768px) and (max-width:1330px) {
.btn_blue{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#373d90;text-align:center;font-size:16px;}
.btn_blue01{display:inline-block;padding:15px 138px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:16px;}	
.btn_Or{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#6983d5;text-align:center;font-size:16px;}
.btn_gray{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#dddddd;text-align:center;font-size:16px;}
.btn_black{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}
.btn_pur{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#9ecda1;text-align:center;font-size:16px;}
.btn_red{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#cd0000;text-align:center;font-size:16px;}
}
@media all and (min-width:1331px) {
.btn_blue{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#373d90;text-align:center;font-size:16px;}
.btn_blue01{display:inline-block;padding:15px 138px;border-radius:5px;color:#fff;background:#1F4EA5;text-align:center;font-size:16px;}	
.btn_Or{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#6983d5;text-align:center;font-size:16px;}
.btn_black{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#333;text-align:center;font-size:16px;}
.btn_pur{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#9ecda1;text-align:center;font-size:16px;}
.btn_red{display:inline-block;padding:15px 41px;border-radius:5px;color:#fff;background:#cd0000;text-align:center;font-size:16px;}
}


