@charset "euc-kr";
/* CSS Document */

/*���*/
.sublogin{ width:79%;  position:relative; float:left; padding: 50px 10%; border-top:solid 2px #898989; border-bottom:solid 2px #898989;}
.loginimg{ float:left; margin:0 0 0 80px; }
.sublogin .box_all{float:left; margin:20px 0 0 10px; width:246px; height:80px;}
.sublogin .subid{ height:20px; width:170px; border:1px solid #b5aa91; position:relative; float:left; }
.sublogin .subpw{ margin-top:10px; height:20px; width:170px; border:1px solid #b5aa91; position:relative; float:left; }
.sublogin .btn_login{  width:73px; height:41px;position:relative; float:left;  margin:25px 0 0 10px;}

.sublogin .line01{ float:left; width:245px; height:20px;}
.sublogin .img_left{ float:left; }
.sublogin .img_pa{ padding:5px 0 0 0; height:15px; }
.sublogin .img_pa01{ padding:10px 0 0 0;}

.sublogin .textall{ float:left; margin:0 0 0 380px; width:246px; }


/*join*/

table	{
	border-collapse: collapse;
	}

.table_03 {width:660px;}
.table_03 table {width:100%; border-top:2px solid #898989;}
.table_03 th {color:#898989;background:#fff;text-align:right;border-bottom:1px solid #898989;padding:5px 0px 5px 0px;}
.table_03 td {border-bottom:1px solid #898989; padding:5px 0px 5px 10px;text-align:left;}
.table_03 .line_01 {border-right:1px solid #9dbfd1;}

.item{ width:90%; padding:0 0 0 10px;}
.join_table{ padding-left:30px;}
.btn_cen{ text-align:center; margin-top:20px;margin-bottom:20px;}







/*new*/
.newjoin {margin:0 auto; width:90%; font-family:"���� ����","Malgun Gothic",Nanum Gothic,��������,dotum,����}
.newjoin .ti-tle {font-size:21px}
.join_list {width:100%; padding:10px 0;  border-bottom: solid 1px #CCC; *zoom:1}
.join_list:after {clear:both; content:""; display:block}

.join_left {float:left; width:19%; border-right: solid 1px #CCC; text-align:left; padding:0 1% 0 0;}
.join_right{float:left; width:70%;}
input.i_text {/* float:left; */border:1px solid #dedede;padding:3px;margin:3px;}






/* ȸ������ ���� */
#memDiv {padding:0 30px 100px;}
#memDiv h2.memDiv_tit {text-align:center;font-size:30px;font-weight:500;margin:0 0 60px 0;}
#memDiv ul.memDiv_btn {font-size:0;margin:0 0 65px 0;text-align:center}
#memDiv ul.memDiv_btn li {display:inline-block;vertical-align:top;width:23.5%;margin:0 2% 2% 0;border-radius:10px;overflow:hidden;box-sizing:border-box;}
	
#memDiv ul.memDiv_btn li:nth-child(1) {background:#2153c6;}	
#memDiv ul.memDiv_btn li:nth-child(2) {background:#f08d6e;}	
#memDiv ul.memDiv_btn li:nth-child(2) ~ li {border:2px solid #ccc;}
#memDiv ul.memDiv_btn li:nth-child(2) ~ li a span.tit {color:#333;}
	
#memDiv ul.memDiv_btn li:last-child {margin-right:0;}
#memDiv ul.memDiv_btn li a {display:block;padding:40px 0 30px 0;}
#memDiv ul.memDiv_btn li a:after {content:"";width:25px;height:25px;background:url(../img/memDiv_arrw.png) 0 0 no-repeat;display:block;margin:20px auto 0;}
	
	
#memDiv ul.memDiv_btn li:nth-child(2) ~ li a:after {background-position:-25px 0;}
	
#memDiv ul.memDiv_btn li a .sp_icon {display:block;margin:0 auto 10px;width:50px;height:50px;background:url(../img/memDiv_sprite.png) 0 0 no-repeat;}
	
#memDiv ul.memDiv_btn li:nth-child(2) a .sp_icon {background-position:-50px 0;}
#memDiv ul.memDiv_btn li:nth-child(3) a .sp_icon {background-position:-100px 0;}
/*#memDiv ul.memDiv_btn li:nth-child(4) a .sp_icon {background-position:-150px 0;}*/
#memDiv ul.memDiv_btn li:nth-child(4) a .sp_icon {background-position:-200px 0;}
	
#memDiv ul.memDiv_btn li a span.tit {font-size:22px;font-family:"s-coredream-medium";display:block;text-align:center;color:#fff;}

#memDiv ul.memDiv_remark {}
#memDiv ul.memDiv_remark li {font-size:16px;position:relative;padding:0 0 0 10px;}
#memDiv ul.memDiv_remark li:before {content:"";width:2px;height:2px;background:#2153c6;position:absolute;left:0;top:11px;}


@media all and (max-width:1200px){

#memDiv {padding:0 0 100px 0;}
#memDiv ul.memDiv_btn li {width:49%;margin:0 2% 2% 0;}
#memDiv ul.memDiv_btn li:nth-child(2n) {margin-right:0;}

}


@media all and (max-width:768px){

/*
#memDiv ul.memDiv_btn li {width:49%;margin:0 2% 2% 0;}
#memDiv ul.memDiv_btn li:nth-child(2n) {margin-right:0;}
*/

}
	

@media all and (max-width:425px){

#memDiv ul.memDiv_btn li {width:100%!important;margin:0 0 2% 0;}

}