/* join */
.join_title{text-align:center; margin-top: 120px;
			}

.join_title h1{font-size:30px;}
.join_title h1 span{color:#363636; font-size: 40px; font-weight:normal; }
.join_title h2 span{color:#1f208a; font-size:28px;}
.join_title p{font-size:15px;
			  line-height:1.4;
			  margin-bottom:40px;}
.join_title p.join_m_txt{display:none;}

.join{position:relative;
	  width:1200px;
	  margin:-40px auto;
	  box-sizing:border-box;}

.join .m_select_box{position:relative;
					width:500px; /*height:360px;*/
					float:left;
					box-sizing:border-box;
					text-align:center;
					padding:40px 0;}

.join .m_select_box h2{font-size:22px; color:#555; height:50px;}
.join .m_select_box h2 strong{font-size:17px; color:#555;}


.m_select_box p{position:relative;
				  margin-top:150px;
				  margin-bottom:20px;
				  font-size:15px;}


.m_select_box button{width:150px; height:40px;
						background:linear-gradient(#fff, #eee);
						border:1px solid #eee;
						border-radius:5px;
						outline:none;
						cursor:pointer;
						font-weight:500;}
.m_select_box button:hover{background:linear-gradient(#32ABD3, #21718b); color:#fff; border:none; font-weight:bold;}



/* join_general/corporate_member */
.join_bg{position:relative;
		  width:1240px;
		  margin:100px auto;
		  background:#eee;
		  padding:50px 0;
		  box-sizing:border-box;}
.join_route{position: relative;
    width: 900px;
    margin: 0 auto;
}
.join_route ul li{border:1px solid #dedede;
				  box-sizing:border-box;
				  width:300px; height:45px;
				  line-height:45px;
				  font-size:15px;
				  float:left;}
.join_route ul li.on{border:none; background:#1f208a; color:#fff; font-weight:600;} /*현재 회원가입 단계on*/

.join_in{position:relative;
		 width:1100px;
		 margin:0 auto;
		 background:#fff;
		 padding:50px;
		 box-sizing:border-box;}

.sb_btn{position:relative;
		display:flex;
		justify-content: center;
		text-align:center;}
.sb_btn button{width:140px; height:45px;
			   line-height:45px;
			   font-size:15px;
			   margin:0 5px;
			   outline:none;
			   cursor:pointer;
			   float:left;
			   box-sizing:border-box;
			   font-weight:300}
.sb_btn button.cancel{background:#fff; border:1px solid #dedede;}
.sb_btn button.route_next{background:#1f208a; border:none; color:#fff; font-weight:300;}

.sb_btn button a{color:#fff; display:inline-block; width:100%; height:100%; line-height:45px;}
.sb_btn button a.main{color:#fff; 
					  display:inline-block; 
					  width:100%; height:100%; 
					  line-height:45px;
					  transition:all 0.3s;
					  background-color:rgba(0,0,0,0.8);}


/* join_general_member1 */
.lic_box{margin-bottom:70px;}
.lic_box .lic_tit{font-weight:500; margin-bottom:10px; padding-left:15px}
.lic_box .box1{margin-bottom:70px;}
.lic_txt_box{border:1px solid #d7d7d7;
			 padding:20px;
			 font-size:14px;
			 color:#777;
			 line-height:1.3;
			 height:250px; 
			 overflow-y:scroll;}
.lic_txt_box strong{text-align:center; display:block; color:#222; font-weight:400}
#lic_c,#lic_c2{border:1px solid #d7d7d7; margin-top:10px; float:left;}
.lic_c_txt{margin:10px 0 0 5px;font-size:14px;color:#636363;float:left;font-weight:300;}

.neces{font-size:15px; display:inline; font-weight:normal; float:right; line-height:30px; color:#f64f53;}




/* join_general_member2 */
.join_in h3{padding:10px 15px; font-weight:400; font-size:18px }
.join_in h3::before{
	display:inline-block;
	content:'';
	width:15px; height:2px;
	background-color:rgba(0,0,0,0.6);
	vertical-align:middle;
	margin-right:5px
}

.join_in table{display:block; margin-bottom:50px; font-size:14px; border-collapse:collapse; font-weight:300}
.join_in table:nth-of-type(2){margin-bottom:70px;}
.join_in tbody, .join_in tr{display:block;}
.join_in table input{height:24px; border:1px solid #dedede; outline:none; width:170px; padding-left:5px;}

.join_in tr{height:35px; line-height:35px; display:table-row;}
.join_in tr span{color:red;}
.join_in tr span.hb{color:#363636;}

.join_in tr th, .join_in tr td{border-bottom:1px solid #dedede;}

.join_in th{text-align:left; 
			width:180px;
			padding:5px 0 5px 15px;
			box-sizing:border-box;
			background:#f4f4f4;
			font-size: 15px;
			font-weight: 400;
			color:#555
			}

.join_in td{padding:5px 0 5px 10px;
			border-left:1px solid #dedede;
			box-sizing:border-box;
			width:875px;}
.join_in td button.id_c, .email_c, .addr_c{border:1px solid #eee;
										   width:120px;
										   height:26px;
										   line-height:24px;
										   margin:0 3px;
										   border-radius:3px;
										   background:linear-gradient(#fff, #eee);
										   font-size:12px;
										   outline:none;
										   cursor:pointer;}
.join_in table select{border:1px solid #dedede; 
					  height:26px; 
					  color:#363636; 
					  outline:none; 
					  vertical-align:top; 
					  margin-top:5px;
					  padding-left:5px;
					  box-sizing:border-box;}
.join_in td input#sample6_address:focus::-webkit-input-placeholder{color:transparent;}
.join_in td input#sample6_address::-webkit-input-placeholder{color:#999;}

.join_in td input#k_addr:focus::-webkit-input-placeholder{color:transparent;}
.join_in td input#k_addr::-webkit-input-placeholder{color:#999;}

.join_in td input#ms_agree{vertical-align:middle; width:15px !important; height:15px !important; border:1px solid #d7d7d7;}


#fileTable .file_btn {
	background-color: #8e8e8e;
    border-radius: 5px;
    margin-left: 3px;
    color: white;
    font-weight: 300;
    font-size: 26px;
    cursor: pointer;
    display: inline-block;
    height: 26px;
    line-height: 22px;
    width: 24px;
    text-align: center;
}






/* join_general_member3 */
.join_title h2{font-size:28px;
			   padding:70px 0 15px 0;
			   background-color:#f4f4f4;
			   width:900px;
			   margin:0 auto
			   }

.join_title_welcome{background:url(/image/sub/logo_opacity.png) no-repeat center 155px;}
.join_title_welcome p{margin-bottom:70px; background-color:#f4f4f4;width:900px;margin:0 auto; padding-bottom:80px}

.sb_btn button.home{background:#fff;
					border:1px solid #dedede;
					width:300px; 
					display:block;}
.sb_btn button.login_go{background:#32ABD3; border:none; color:#fff; font-weight:600;}








/* login */
.all_wrap .login{
	   width:100% !important;
	   float:none !important; }
.login > table{margin:0 auto; border-collapse:collapse;}
.login > table tr td{width:460px;}
.login > table tr td input{width:47%; height:50px; 
						   box-sizing:border-box;
						   padding:10px 35px 10px 15px;
						   margin-bottom:14px;
						   outline:none;
						   font-size:15px;
						   border:1px solid #dedede;}
.login > table tr td input:focus::-webkit-input-placeholder{color:transparent;}
.login > table tr td input::-webkit-input-placeholder{color:#999;}

.login #loginbtn{width:470px !important;
				 height:50px;
				 background:#1f208a;
				 border-radius:0;
				 border:none;
				 font-size:17px;
				 color:#fff;
				 margin-top:15px;}
.login .link_box{margin-top:30px; color:#707070; }
.login .link_box span{padding:0 16px 0 13px;
					  background:url(/image/sub/login_bar.png) no-repeat right center;}
.login .link_box span:nth-of-type(2){background:none;}
.login .link_box span a{font-size:18px; color:#707070;}
.login .link_box span a:hover{color:#363636;}

.login .check_box{ width: 460px; margin: 0 auto; text-align: left;}







/* IDPS search */
.idps{border-top:2px solid rgba(0,0,0,0.1) !important;
	   width:100% !important;
	   float:none !important;
	   padding:100px 0 !important;
	   background:#f4f4f4 !important;}
.idps > table{margin:0 auto; border-collapse:collapse;}
.idps > table tr td{width:470px; }
.idps > table tr td input{width:43%; height:50px; 
						   box-sizing:border-box;
						   padding:10px 35px 10px 15px;
						   margin-bottom:17px;
						   outline:none;
						   font-size:15px;
						   border:1px solid #dedede;}
.idps > table tr td input:focus::-webkit-input-placeholder{color:transparent;}
.idps > table tr td input::-webkit-input-placeholder{color:#999;}

.idps #idpsbtn{width:427px !important;
				 height:50px;
				 background:#1f208a;
				 border-radius:0;
				 border:none;
				 font-size:17px;
				 color:#fff;
				 font-weight:400;}






/* join_corporate_member2 */
.c_mem_info{padding-top:50px; margin-bottom:70px;}
.c_mem_info p.strong_word1{margin-bottom:30px; color:#ed272d; /*#32ABD3;*/ font-weight:600; font-size:20px; line-height:1.4;}
.c_mem_info p.strong_word1 span{padding-left:27px;}
/*.c_mem_info p.strong_word2{color:#ed272d; font-weight:600; font-size:16px; text-align:center;}*/

.c_mem1{position:relative;
		width:100%; height:235px;
		margin-bottom:50px;
		background:url(/image/sub/c_member2_bg.jpg) no-repeat center center;
		padding:25px 45px;
		box-sizing:border-box;}
.c_mem1 p strong{font-size:24px;
				 color:#fef200;
				 display:block;
				 height:50px; line-height:50px;
				 padding-left:55px;
				 background:url(/image/sub/c_member2_icon.png) no-repeat left center;
				 margin-bottom:15px;}
.c_mem1 p{font-size:15px;
		  color:#fff;
		  font-weight:600;
		  line-height:1.8;}


.c_mem2{margin-bottom:30px;}
.c_mem2 h4{margin-bottom:10px; padding-left:15px; background:url(/image/sub/txt_bar1.png) no-repeat left center; font-size:17px;}
.c_mem2 p{font-size:15px; line-height:1.5;}
.c_mem2 p strong{margin-bottom:5px; display:block;}

.c_mem3 h4{text-align:center; margin-bottom:30px; font-size:15px;}
.c_mem3 ul li{width: 235px;
			  height: 415px;
			  -webkit-border-radius: 10px;
			  -moz-border-radius: 10px;
			  border-radius: 10px;
			  border:1px solid #dedede;
			  float:left;
			  margin-right:20px;
			  padding:187px 23px 23px 23px;
			  box-sizing:border-box;}

.c_mem3 ul li:nth-of-type(1){background:url(/image/sub/ad_class_bg4.png) no-repeat center 25px;}
.c_mem3 ul li:nth-of-type(2){background:url(/image/sub/ad_class_bg3.png) no-repeat center 25px;}
.c_mem3 ul li:nth-of-type(3){background:url(/image/sub/ad_class_bg2.png) no-repeat center 25px;}
.c_mem3 ul li:nth-of-type(4){background:url(/image/sub/ad_class_bg1.png) no-repeat center 25px; margin-right:0;}

.c_mem3 ul li p{font-size:13px; line-height:1.3; margin-bottom:8px;}
.c_mem3 ul li p strong{margin-bottom:12px;
					   text-align:center;
					   display:block;
					   font-size:14px;
					   color:#fff;
					   font-weight:800;
					   background:#F57A14;
					   padding:5px 0;
					   border-radius:5px;}
.c_mem3 ul li p span{padding-left:8px;}

.join_in table tr td .c_mem_checkbox{margin-right:40px; display:inline-block;}
.join_in table input.c_mem_checked{width:16px !important; height:16px !important; 
								   vertical-align:middle; 
								   margin-right:3px;
								   display:inline-block;}





/* join_corporate_member3_1 */
.book_num{position: relative;
		  float:left; box-sizing:border-box;}

.book_num2{position:absolute; border:1px solid blue;
		   width:100%; height:100%; left:0; top:0px; box-sizing:border-box;}


input[type=number]:not(.i_ea)::-webkit-inner-spin-button,
input[type=number]:not(.i_ea)::-webkit-outer-spin-button
{
  -webkit-appearance: none;
  margin: 0;
}

input[type=number]:not(.i_ea)
{
  -moz-appearance: textfield;
}

.book_num input {
  /*line-height: 1.65;
  float: left;
  display: block;
  padding: 0;
  margin: 0;*/
  padding-left: 10px;
  position:relative;
  box-sizing:border-box;
}

.book_num input:focus {
  outline: 0;
}

.book_num-nav {
  float: left;
  position: relative;
  height: 42px;
}

.book_num-button {
  position: relative;
  cursor: pointer;
  border-left: 1px solid #dedede;
  width: 20px;
  text-align: center;
  color: #333;
  font-size: 13px;
  font-family: "Trebuchet MS", Helvetica, sans-serif !important;
  line-height: 1.7;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}

.book_num-button.book_num-up {
  position: absolute;
  height:11px;
  left:117px; top:7px;
  border-bottom: 1px solid #dedede;
  display:flex;
  align-items: center;
  justify-content: center;
}

.book_num-button.book_num-down {
  position: absolute;
  left:117px; top:17px;
  height:13px;
  display:flex;
  align-items: center;
  justify-content: center;
}

.book_num:nth-of-type(2) .book_num-button.book_num-up{left:116px;}
.book_num:nth-of-type(2) .book_num-button.book_num-down{left:116px;}






/* join_corporate_member4 */
.sb_btn button.bill{background:#F57A14; /*#32ABD3 #ed272d*/ 
					border:none; 
					color:#fff; 
					font-weight:600;
					display:block; 
					width:300px;}






/* mypage */
.m_page_wrap{position:relative;
			  width:1200px;
			  margin:0 auto;
			  background:#eee;
			  padding:50px 80px;
			  box-sizing:border-box;}

.m_page{border-top:2px solid #363636;
	   width:100%; height:300px;
	   padding:85px 0;
	   background:#fff;
	   text-align:center;
	   box-sizing:border-box;}
.m_page > table{margin:0 auto; border-collapse:collapse;}
.m_page > table tr td{width:460px;}
.m_page > table tr td input{width:100%; height:50px; 
						   box-sizing:border-box;
						   padding:10px 35px 10px 15px;
						   margin-bottom:17px;
						   outline:none;
						   font-size:15px;
						   border:1px solid #dedede;}
.m_page > table tr td input:focus::-webkit-input-placeholder{color:transparent;}
.m_page > table tr td input::-webkit-input-placeholder{color:#999;}

.m_page #m_page_btn{width:460px !important;
					 height:50px;
					 background:#32ABD3;
					 border-radius:0;
					 border:none;
					 font-size:17px;
					 color:#fff;
					 font-weight:600;
					 outline:none;
					 cursor:pointer;}

.mp_title{text-align:center;}
.mp_title h1{font-size:30px;
			 margin-bottom:15px;
			 color:#32ABD3;}
.mp_title p{font-size:15px;
			  line-height:1.4;
			  margin-bottom:40px;}

.m_page{border-top:2px solid #363636;
	   width:100%; height:300px;
	   padding:85px 0;
	   background:#fff;
	   text-align:center;
	   box-sizing:border-box;}

.mp_btn button.bill{display:block; 
					width:300px; height:120px; 
					margin:0 20px;
					border:none; 
					font-weight:600; 
					color:#fff; 
					border-radius:5px;
					padding:0 60px 0 50px;
					font-size:19px;}
.mp_btn button.etc_dw{display:block; 
					  width:300px; height:120px; 
					  margin:0 20px;
					  border:none; 
					  font-weight:600; 
					  color:#fff; 
					  border-radius:5px;
					  padding:0 35px 0 20px;
					  font-size:19px;}

.mp_btn button.bill1{text-align:right; background:#5C8CB9 url(/image/sub/btn_bg1.png) no-repeat 45px center;}
.mp_btn button.bill2{text-align:right; background:#41BBC0 url(/image/sub/btn_bg2.png) no-repeat 45px center;}
.mp_btn button.etc_dw1{text-align:right; background:#5C8CB9 url(/image/sub/btn_bg3.png) no-repeat 28px center;}
.mp_btn button.etc_dw2{text-align:right; background:#41BBC0 url(/image/sub/btn_bg4.png) no-repeat 50px 16px; padding:0 65px 0 20px;}

.mp_btn button.bill1:hover{background:#999 url(/image/sub/btn_bg1.png) no-repeat 45px center;}
.mp_btn button.bill2:hover{background:#999 url(/image/sub/btn_bg2.png) no-repeat 45px center;}
.mp_btn button.etc_dw1:hover{background:#999 url(/image/sub/btn_bg3.png) no-repeat 28px center;}
.mp_btn button.etc_dw2:hover{background:#999 url(/image/sub/btn_bg4.png) no-repeat 50px 16px;}






/* mypage 웹회원 내정보보기*/
.m_page_area{height:100%;}
.m_page_area h3{padding-bottom:20px; border-bottom:1px solid #dedede;}

.m_page_area table{margin-bottom:50px; font-size:14px; width:100%; border-top:1px solid #dedede; border-collapse:collapse;}
.m_page_area table:nth-of-type(2){margin-bottom:70px;}

.m_page_area table input{height:24px;
						 border:1px solid #dedede;
						 outline:none; 
						 width:170px;}


.m_page_area tr{height:45px; line-height:1.4; display:table-row;}
.m_page_area tr span{color:#ed272d;}
.m_page_area tr span.hb{color:#363636;}

.m_page_area tr th{border:1px solid #dedede;}
.m_page_area tr th, .m_page_area tr td{border:1px solid #dedede;}

.m_page_area th{text-align:left; 
				width:17%;
				padding:5px 0 5px 12px;
				box-sizing:border-box;
				background:#f4f4f4;}

.m_page_area td{padding:5px 0 5px 10px;
				box-sizing:border-box;
				width:83%;}

.m_page_area td font{width:172px; display:inline-block;}


.m_page_area td button.id_c, .email_c, .addr_c, .disc_c {border:1px solid #eee;
											   width:120px;
											   height:26px;
											   line-height:24px;
											   margin:0 3px;
											   border-radius:3px;
											   background:linear-gradient(#fff, #eee);
											   font-size:12px;
											   outline:none;
											   cursor:pointer;}
.m_page_area table select{border:1px solid #dedede; 
						  height:26px; 
						  color:#363636; 
						  outline:none; 
						  vertical-align:top; 
						  margin-top:5px;
						  padding-left:5px;
						  box-sizing:border-box;}
.m_page_area td input#sample6_address:focus::-webkit-input-placeholder{color:transparent;}
.m_page_area td input#sample6_address::-webkit-input-placeholder{color:#999;}

.m_page_area td input#k_addr:focus::-webkit-input-placeholder{color:transparent;}
.m_page_area td input#k_addr::-webkit-input-placeholder{color:#999;}

.m_page_area td input#ms_agree{vertical-align:middle; width:15px !important; height:15px !important; border:1px solid #d7d7d7;}


.mp_btn{position:relative;
		text-align:center;
		display:flex;
		justify-content: center;}
.mp_btn button{width:140px; height:45px;
			   font-size:15px;
			   margin:0 5px;
			   outline:none;
			   cursor:pointer;
			   float:left;
			   box-sizing:border-box;}
.mp_btn button.mem_change{background:#fff; border:1px solid #dedede;}
.mp_btn button.mem_change:hover{background:#F57A14; border:none;}
.mp_btn button.mem_change:hover a{color:#fff; font-weight:600;}

.mp_btn button.mp_change, .mp_change_save{background:#32ABD3; border:none; font-weight:600;}
.mp_btn button.mp_change a, .mp_change_save a{display:block; line-height:45px; color:#fff;}

.mp_btn button.mp_change_save{display:none;}

.mp_btn button a.main{color:#363636; display:inline-block; width:100%; height:100%; line-height:45px;}



/* mypage 교육신청, 도서신청내역 */
.mp_btn button.info_feed_btn{background:#fff; border:1px solid #dedede;}


.m_page_area table.m_page_table{margin-bottom:50px; font-size:14px; width:100%; border-top:1px solid #dedede; border-collapse:collapse;}

.m_page_area table.m_page_table input{height:24px;
						 border:1px solid #dedede;
						 outline:none; 
						 width:170px;}

.m_page_area table.m_page_table tr{height:45px; line-height:1.4; display:table-row;}
.m_page_area table.m_page_table tr span{color:#ed272d;}
.m_page_area table.m_page_table tr span.hb{color:#363636;}

.m_page_area table.m_page_table tr th, .m_page_area table.m_page_table tr td{border:1px solid #dedede;}

.m_page_area table.m_page_table th{text-align:center;
									padding:5px;
									box-sizing:border-box;
									background:#f4f4f4;
									width:15%;
									box-sizing:border-box;}
.m_page_area table.m_page_table td{padding:5px;
									box-sizing:border-box;
									width:15%;
									text-align:center;}
.m_page_area table.m_page_table td font{width:172px; display:inline-block;}

.m_page_area table.m_page_table > td > a{color:#32ABD3;}
.m_page_area table.m_page_table > td > a:hover{text-decoration:underline;}
.m_page_area table.m_page_table td button.cp_btn{width:90%; height:26px;
												 border-radius:3px;
												 border:none;
												 background:#41BBC0;
												 line-height:26px;
												 cursor:pointer;}
.m_page_area table.m_page_table td button.cp_btn a{color:#fff; font-weight:600;}



/* mypage 청구서,영수증/기타서류 */





/* mypage 법인회원전환 */
.m_page_chtable tr th{width:17% !important;
					  text-align:left !important; 
					  padding:5px 0 5px 15px !important;}
.m_page_chtable tr td{width:83% !important;
					  border-right:1px solid #dedede !important;
					  text-align:left !important;
					  padding:5px 0 5px 15px !important;}
.m_page_chtable tr td select{margin-top:5px !important;}


.m_page_chtable tr td input.c_mem_checked{width:16px !important; height:16px !important; 
										   vertical-align:middle; 
										   margin-right:8px;
										   display:inline-block;}
.mp_btn button.memch_btn{background:#32ABD3; border:none; font-weight:600; color:#fff;}

.plsbtn{ border: none; background-color: white;}
#pls_btn1, #pls_btn2, #pls_btn3{ display :none;}