@charset "utf-8";
@import url("/css/reserv.css");
@import url("/css/reset.css");

@import url("/css/mobile.css");
@import url("/css/board.css");
@import url("/css/m_board.css");
@import url("/css/fullpage.css");
@import url("/css/m_sub.css");
/* medicaldesign */

.noalink1 { display:none; }
.noalink2 { display:block; }

#skip, .skip { font-size:0; width:0; height:0; line-height:0; position:absolute; left:-9999px; }

#mbwrap { width:100%; padding-top:100px; }
#sizewrap { width:1400px; margin:0 auto;  }

#mbmenu { float:left; width:210px; text-align:left;  margin-right:110px; }
#mbmenu ul li { padding:35px 0 25px 20%; border-top:1px solid #d5d4da; border-right:1px solid #d5d4da; border-left:1px solid #d5d4da; font-size:15px; color:#000000; }
#mbmenu ul li.on { padding:35px 0 25px 20%; border:2px solid #435d98; text-decoration:underline; color:#3d5792; font-weight:bold; }
#mbmenu ul li.last { border-bottom:1px solid #d5d4da; }

.btwrap { width:100%; text-align:center; margin:0 auto; padding-top:30px; overflow:hidden; }
.btwrap ul li { display:inline-block; vertical-align:top; }
.btwrap ul li.cancel { width:120px; padding:14px 0 ; background:#e4e4e4; font-size:13px; color:#5e5e5e; font-family: 'NanumGothicBold'; cursor:pointer; }
.btwrap ul li.confirm { width:120px; padding:14px 0 ; background:#44a496; font-size:13px; color:#fff; font-family: 'NanumGothicBold'; cursor:pointer; }
.btwrap input.confirm { width:120px; padding:14px 0 ; background:#44a496; font-size:13px; color:#fff; font-family: 'NanumGothicBold';border:0px; margin:0px; cursor:pointer; }

.btwrap ul li.cancel a { font-size:14px; color:#fff; font-weight:bold; }
.btwrap ul li.confirm a { font-size:14px; color:#fff; font-weight:bold; box-sizing:border-box; }
.btwrap ul li.confirm2 { width:130px; padding:18px 0 ; background:#44a496; font-size:14px; color:#fff; font-weight:bold; }
.btwrap ul li.confirm2 a { font-size:14px; color:#fff; font-weight:bold; }


.btwrap2 { width:181px; margin:0 auto; text-align:center; padding-top:50px;    }
.btwrap2 ul li.confirm { float:left; padding:29px 50px; background:#3d5894; font-size:13px; color:#fff; font-weight:bold; }
.btwrap2 ul li.confirm a { font-size:13px; color:#fff; font-weight:bold; }
.btwrap2 ul li.confirm a:hover { font-size:13px; color:#fff; font-weight:bold; }

.btwrap3 { width:100%; overflow:hidden; text-align:center; padding-top:40px; }
.btwrap3 ul li.on a { display:block; float:left; width:47%; padding:20px 0; background:#21a08d; font-size:13px; color:#fff; font-family: 'NanumGothicBold'; }
.btwrap3 ul li.off a { display:block; float:left; width:47%; padding:20px 0; background:#e4e4e4; font-size:13px; color:#5e5e5e; font-family: 'NanumGothicBold'; }
.btwrap3 ul li.on a:hover { color:#fff; }
.btwrap3 ul li.off a:hover { color:#fff; background:#21a08d; }	
.btwrap3 ul li:nth-child(1) a { margin:0 0.5% 0 2.5%; }
.btwrap3 ul li:nth-child(2) a { margin:0 2.5% 0 0.5%; }


.btwrap4 { width:185px; margin:0 auto; text-align:center; padding-top:50px;    }
.btwrap4 ul li.confirm { float:left; padding:29px 50px; background:#3d5894; font-size:13px; color:#fff; font-weight:bold; }
.btwrap4 ul li.confirm a { font-size:13px; color:#fff; font-weight:bold; }
.btwrap4 ul li.confirm a:hover { font-size:13px; color:#fff; font-weight:bold; }

.btwrap1 { width:325px; margin:0 auto; text-align:center; padding-top:20px;    }
.btwrap1 ul li.cancel { float:left; padding:19px 50px;  background:#686868; font-size:13px; color:#fff; font-weight:bold; }
.btwrap1 ul li.cancel a { font-size:13px; color:#fff; font-weight:bold; }
.btwrap1 ul li.cancel a:hover { font-size:13px; color:#fff; font-weight:bold; }
.btwrap1 ul li.confirm { float:left; padding:19px 50px; margin-right:4px; background:#3d5894; font-size:13px; color:#fff; font-weight:bold; }
.btwrap1 ul li.confirm a { font-size:13px; color:#fff; font-weight:bold; }
.btwrap1 ul li.confirm a:hover { font-size:13px; color:#fff; font-weight:bold; }

.btwrap5 { width:320px; margin:0 auto; text-align:center; padding-top:50px;    }
.btwrap5 ul li.cancel { float:left; padding:29px 50px; margin-right:4px; background:#686868; font-size:13px; color:#fff; font-weight:bold; }
.btwrap5 ul li.cancel a { font-size:13px; color:#fff; font-weight:bold; }
.btwrap5 ul li.cancel a:hover { font-size:13px; color:#fff; font-weight:bold; }
.btwrap5 ul li.confirm { float:left; padding:29px 50px; background:#3d5894; font-size:13px; color:#fff; font-weight:bold; }
.btwrap5 ul li.confirm a { font-size:13px; color:#fff; font-weight:bold; }
.btwrap5 ul li.confirm a:hover { font-size:13px; color:#fff; font-weight:bold; }




/*·Î±×ÀÎ*/
.membertxt { width:100%; padding:5% 0 5% 0; text-align:center; }
.membertxt .txt_title { font-size: 32px; color:#000; font-weight:700; }
.membertxt .txt_con { width:80%; margin:0 10%; padding-top:10px; font-family: 'NanumGothic'; font-size:14px; color:#777; line-height:160%; }

#memberwrap { width:100%; max-width:800px; margin:0 auto; padding:0 0 5% 0; overflow:hidden; font-family: 'NanumGothicBold'; }
#memberwrap2 { width:100%; max-width:1300px; margin:0 auto; padding:4% 0; overflow:hidden; font-family: 'NanumGothicBold'; }
#memberwrap input {  }
#memberwrap input.confirm { -webkit-appearance: none; -webkit-border-radius: 0; }
#memberwrap select {  -moz-appearance: none; border-radius: 0px; background:#fff; }
.memberborder { width:100%; max-width:600px; margin:0 auto; padding:12% 0; text-align:center; border: 1px solid #dadce0; overflow:hidden; }
.loginwrap { width:90%; max-width:450px; margin:0 auto; }
.loginwrap ul.login  li { padding-bottom:10px; }
.login { width:100%; overflow:hidden; }
.login label { width:0px; height:0px; font-size:0px; position:absolute; left:-3000%; }
.loginwrap input.inputTxt {  font-size: 13px; color: #454545; width: 95%; height: 46px; line-height: 1; padding: 0 0 0 2%; background: #fff; border: none; border: 1px solid #d8dce5; font-family: 'NanumGothicBold'; }
.login input.inputTxt::placeholder { color:#999; font-family: 'NanumGothicBold'; }
.chklink { width:97%; padding:10px 0; margin:0 auto; }
.chklink p { float:left; }
.chklink ul { float:right; }
.chklink ul li { float:left; font-family: 'NanumGothicBold'; font-size:13px; }
.chklink p input[type=checkbox] { display: none; }
.chklink p input[type=checkbox] + label{
    display: inline-block;  
    cursor: pointer;  
    position: relative;  
    padding-left: 22px;  
	font-family: 'NanumGothicBold';
	font-size:14px;
}
.chklink p input[type=checkbox]+ label:before {     
    content: "";  
    display: inline-block;  
    width: 13px;  
    height: 13px;  
    margin-right: 10px;  
    position: absolute;  
    left: 0;  
    bottom: 0px;  
    background-color: #fff;  
    border: 1px solid #222; 
    box-shadow: inset 0px 1px 1px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);  
}
.chklink p input[type=checkbox]:checked + label:before { 
    content: "\2714";  /* üũ¸ð¾ç */
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);  
    font-size: 18px; 
    font-weight:800; 
    color: #fff;  
    background:#2f87c1;
    text-align: center;  
    line-height: 15px;  
} 

.loginbt  {  }
.loginbt button.btnlogin { width: 97%; height: 56px; margin-top:15px; line-height: 54px; background: #21a08d; color: #fff; font-size: 16px; text-align: center; border: 1px solid #118574; font-family: 'NanumGothicBold'; }
.naverlogin a { display:block; width: 97%; margin:0 auto; height: 56px;line-height: 54px; margin-top:8px; background: #1ec800; color: #fff; font-size: 14px; text-align: center; border: 1px solid #1ab000; font-family: 'NanumGothicBold'; }
.katocklogin a { display:block; width: 97%; margin:0 auto; height: 56px;line-height: 54px; margin-top:8px; background: #fae100; color: #381e1f; font-size: 14px; text-align: center; border: 1px solid #e1ca00; font-family: 'NanumGothicBold'; }
.facebooklogin a { display:block; width: 97%; margin:0 auto; height: 56px; line-height: 54px;margin-top:8px; background: #325694; color: #fff; font-size: 14px; text-align: center; border: 1px solid #254986; font-family: 'NanumGothicBold'; }
.loginwrap .join { width:100%; text-align:center; margin-top:30px; color:#999; font-family: 'NanumGothic'; font-size:15px; color:#000; letter-spacing:-1px; }
.loginwrap .join a { color:#21a08d; font-family: 'NanumGothicBold'; }
 

/*·Î±×ÀÎ*/

.snsLoginWrap li{float:left;}
.mbSnsLoginWrap li{text-align:center;margin-top:10px;  }



/*ȸ¿ø°¡ÀÔ*/
#join_tap { position:relative; width:100%;  margin-top:10%; }
#join_tap ul li { float:left; margin-right:10px; }
.allch { width:90%; margin:0 5%; overflow:hidden; }
.allch li.allchtxt { float:left; font-size:11px; }
.allch li.allchbox { float:right; font-size:12px; }
.allch li.allchbox input { background:#fff; }
.join_contents { clear:both; width:90%; margin:0 5%;  }
.join_contents dl { width:100%; margin-top:10px; }
.join_contents dl dt { font-size:16px; font-weight:bold; color:#44a496; font-family: 'NanumGothicBold'; }
.clausewrap { overflow-x:hidden; overflow-y:auto; height:110px; font-size:11px; margin-top:10px; padding:3% 3%; color:#333; line-height:20px; border:1px solid #dbdbdb; background:#fff; font-family: 'NanumGothic'; }
.agreechk { width:100%; text-align:right;  padding-top:10px; font-size:11px; color:#000; font-family: 'NanumGothicBold'; }
.agreechk2 { padding-top:30px; text-align:right;  }

.clause_contents2 { clear:both; width:90%; margin:0 5%;  }
.clause_contents2 dl { width:100%; margin-top:10px; }
.clause_contents2 dl dt{ font-size:16px; font-weight:bold; color:#44a496; font-family: 'NanumGothicBold'; }
.clause_contents2 .clausewrap { text-align:left; overflow-x:hidden; overflow-y:auto; height:300px; font-size:12px; margin-top:10px; padding:2%; color:#333; line-height:22px; border:1px solid #dbdbdb; background:#fff; font-family: 'NanumGothic'; }
.clause_contents2 .agreechk { width:100%; text-align:right;  padding-top:10px; font-size:11px; color:#000; font-family: 'NanumGothicBold'; }
.clause_contents2 .agreechk2 { padding-top:30px; text-align:right;  }


.join_contents2 { clear:both; width:100%; }
.join_contents2 input { height:34px; }
.join_contents2 select { height:34px; }
.subword_on {color:blue;}
.subword_error {color:red;}
.mb_title { height:34px; padding-left:54px; background:url('/images/member/mb_icon.jpg') no-repeat 0 34px; font-size:16px; font-weight:bold; color:#000000; }

table.tbwritea { width:100%; border-top:2px solid #383838; margin-top:10px; border-spacing:0; }
table.tbwritea th { height:60px; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; background:#f7f7f7; text-align:right; color:#000; font-size:12px; font-family: 'NanumGothicBold'; padding-right:3%;  }
table.tbwritea td { padding:14px 0; border-bottom:1px solid #dddddd; text-align:left; padding-left:3%; color:#555; font-size:14px; font-family: 'NanumGothicBold'; }
.bluetxt { font-size:12px; color:#3d5894; }
.startxt { font-size:12px; color:#f58500; font-weight:bold; }
table.tbwritea input { border:1px solid #adadad; font-size:13px; }
table.tbwritea select { border:1px solid #adadad; font-size:13px; }
*:first-child+html table.tbwritea select { border:1px solid #adadad;  }
.findbt { width:100%; text-align:center; }
.findbt input { width: 160px; height: 48px; margin-top:5%; line-height:54px; background: #21a08d; color: #fff; font-size: 13px; text-align: center; border: 0px; font-family: 'NanumGothicBold'; cursor:pointer; }


.fn_btn_member_id { padding:10px 20px 11px; background:#111; font-size:13px; color:#fff;}
.fn_btn_member_id { font-size:13px; color:#fff; }
.fn_btn_member_id:hover { font-size:13px; color:#fff; }

.join_contents3 { clear:both; width:90%; padding:5%; background:#f0f1f3; text-align:center; margin-top:20px; }
.finish { width:100%; background:#fff; text-align:center; padding:5% 0 5% 0;  }
.finish span { font-size:14px; color:#000000; }

.search_contents { clear:both; width:90%; padding:5%; background:#f0f1f3; text-align:center; margin-top:20px; }
.finish { width:100%; background:#fff; text-align:center; padding:5% 0 5% 0;  }
.finish span { font-size:14px; color:#000000; }

.sitemap_contents { clear:both; width:100%; line-height:26px; }
.sitemap_contents dl { float:left; width:22%; height:300px; margin-right:3%; margin-top:50px;}
.sitemap_contents dl dt { font-size:15px; color:#334f8e; font-family: 'NanumGothicBold'; padding-bottom:10px; border-bottom:1px solid #e5e5e5; }
.sitemap_contents dl dd.d2 { font-size:12px; color:#404040; font-family: 'NanumGothicBold';  padding-bottom:6px; border-bottom:1px solid #e5e5e5; padding-left:12px; background:url('/images/member/b01.jpg') no-repeat 0 8px; }
.sitemap_contents dl dd.d3 { font-size:12px; color:#404040; font-family: 'NanumGothicBold';  padding-bottom:6px; border-bottom:1px solid #e5e5e5;}
.sitemap_contents dl dd ul li { font-size:12px; color:#6a6a6a; font-family: 'NanumGothicBold';  padding-left:12px; margin-left:10px; background:url('/images/member/b02.jpg') no-repeat 0 8px; }

/*ȸ¿ø°¡ÀÔ*/



@media screen and (max-width:600px) {

.memberborder { width:100%; max-width:600px; margin:0 auto; padding:6% 0; text-align:center; border: 0px solid #dadce0;}


}