/* CSS Document */


/* Login */
.con_login_c1 { margin:70px 30% 0 30%; overflow:hidden; }
.con_login_c1 ul { overflow:hidden; }
.con_login_c1 ul li { }
.con_login_c1 ul li.forms1 { margin:0 0 15px 0; height:50px; border:1px solid #dedee0; padding:0 0 0 60px; border-radius:5px; background: url(../images/login_01.jpg) no-repeat 20px center;}
.con_login_c1 ul li.forms1 input[type="text"] { width:100%; height:48px; border:none; color:#777777; font-size:15px; letter-spacing:-0.01em; }
.con_login_c1 ul li.forms2 { height:50px; border:1px solid #dedee0; padding:0 0 0 60px; border-radius:5px; background: url(../images/login_02.jpg) no-repeat 20px center; }
.con_login_c1 ul li.forms2 input[type="password"] { width:100%; height:48px; border:none; color:#777777; font-size:15px; letter-spacing:-0.01em; }
.con_login_c1 ul li.idsave { margin:25px 0 25px 0; }
.con_login_c1 ul li.idsave input[type="checkbox"] { margin:-3px 5px 0 0; vertical-align:middle; width:18px; height:18px; cursor:pointer; }
.con_login_c1 ul li.idsave label { color:#666666; font-size:14px; font-weight:normal; letter-spacing:-0.03em; cursor:pointer; }
.con_login_c1 ul li.btns > input {display:inline-block; width:100%; padding:20px 0px 20px 0;  background:#00a2ee; color:#fff; font-size:18px; font-weight:normal; text-align:center; 
                                  border-radius:5px; cursor:pointer;font-family:"NotoSansKR Regular","Malgun Gothic","¸¼Àº °íµñ"; }
.con_login_c1 ul li.btns > input:hover { background-color:DeepSkyBlue; }
.con_login_c2 { margin:25px 0 0 0; overflow:hidden; }
.con_login_c2 ul { overflow:hidden; display:table; margin-left:auto; margin-right:auto; }
.con_login_c2 ul li { float:left; }
.con_login_c2 ul li a { color:#666666; font-size:15px; font-weight:normal; letter-spacing:-0.03em; }
.con_login_c2 ul li a.fcop1 { color:#e53a40; }
.con_login_c2 ul li:after { content:"|"; color:#c8c8c8; font-size:14px; font-weight:normal; text-align:center; padding:0 13px 0 13px; }
.con_login_c2 ul li:last-child:after { content:none; padding:0 0 0 0; }


/* ÄÁÅÙÃ÷ ºÎºÐ(¾ÆÀÌµð/ºñ¹Ð¹øÈ£ Ã£±â)*/
.sub_title04{font-size: 28px; padding-bottom: 40px;}
.label_area{width: 20px;}
.id_pw_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 3px; width:73%; height: 38px; margin: 0px 0px 12px 15px;}
.btn_link03 { font-family: 'NanumBarunGothic', sans-serif; margin:0; }
    
.k_member_06_03_01{width: 100%; margin-bottom: 50px; display: inline-block;}
.k_member_06_03_01 ul{}
.k_member_06_03_01 ul li{float: left; border: 10px solid #d9d9d9; width: 49%; padding: 40px 45px 50px 40px; text-align: center;}
.k_member_06_03_01 ul li.id_search{margin-right: 2%;}
.k_member_06_03_01 ul li.id_search ul{}
.k_member_06_03_01 ul li.id_search ul li{border: 0px; padding: 0px;}
.k_member_06_03_01 ul li.id_search ul li.image{width: 33%; text-align: left;}
.k_member_06_03_01 ul li.id_search ul li.text{width: 67%; border-left: 1px solid #d9d9d9;}
.k_member_06_03_01 ul li.id_search ul li.text ul{}
.k_member_06_03_01 ul li.id_search ul li.text ul li{clear:both; padding-left: 30px; text-align: left; width: 100%;}
.k_member_06_03_01 ul li.id_search ul li.text ul li label{ width:20%; display:inline-block;}
.k_member_06_03_01 ul li.id_search ul li.text ul li.Btn_Area{padding-top: 55px; text-align: right;}
.k_member_06_03_01 ul li.pw_search{}
.k_member_06_03_01 ul li.pw_search ul{}
.k_member_06_03_01 ul li.pw_search ul li{border: 0px; padding: 0px;}
.k_member_06_03_01 ul li.pw_search ul li.image{width: 33%; text-align: left;}
.k_member_06_03_01 ul li.pw_search ul li.text{width: 67%; border-left: 1px solid #d9d9d9;}
.k_member_06_03_01 ul li.pw_search ul li.text ul{}
.k_member_06_03_01 ul li.pw_search ul li.text ul li{clear:both; padding-left: 30px; text-align: left; width: 100%;}
.k_member_06_03_01 ul li.pw_search ul li.text ul li label{ width:20%; display:inline-block;}
.k_member_06_03_01 ul li.pw_search ul li.text ul li.Btn_Area{padding-top: 5px; text-align: right;}
    

.mid_title02{font-size: 22px; padding-bottom: 20px;}
input.add_input { width:30%; padding-left:5px; }

/*********************** ÅÂºí¸´°ú ¸ð¹ÙÀÏ *************************/
@media screen and (max-width:979px){
 	/*Login*/
	.con_login_c1 { margin:30px 0 0 0; }
	.con_login_c1 ul li.forms0 { margin:0 0 8px 0; height:45px; }
	.con_login_c1 ul li.forms0 select { height:43px; font-size:14px; }
	.con_login_c1 ul li.forms1 { margin:0 0 8px 0; height:45px; }
	.con_login_c1 ul li.forms1 input[type="text"] {height:43px;font-size:14px;}
	.con_login_c1 ul li.forms2 { margin:0 0 8px 0; height:45px; }
	.con_login_c1 ul li.forms2 input[type="password"] { height:43px; font-size:14px; }
	.con_login_c1 ul li.idsave { margin:10px 0 20px 0; }
	.con_login_c1 ul li.idsave input[type="checkbox"] { margin:-5px 5px 0 0; width:15px; height:15px; }
	.con_login_c1 ul li.idsave label { font-size:13px; }
	.con_login_c1 ul li.btns > input { padding:13px 0px 13px 0; font-size:15px; }
	.con_login_c2 { margin:22px 0 0 0; }
	.con_login_c2 ul li a { font-size:14px; }
	.con_login_c2 ul li:after { font-size:13px; padding:0 10px 0 10px; }


    /* ÄÁÅÙÃ÷ ºÎºÐ(¾ÆÀÌµð/ºñ¹Ð¹øÈ£ Ã£±â)*/
    .id_pw_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 3px; width:81%; height: 38px; margin: 0px 0px 12px 15px;}
    .id_pw_input02{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 3px; width:81%; height: 38px; margin: 0px 0px 12px 31px;}
    
    .k_member_06_03_01{width: 100%; margin-bottom: 50px; display: inline-block;}
    .k_member_06_03_01 ul{}
    .k_member_06_03_01 ul li{border: 10px solid #d9d9d9; width: 100%; padding: 40px 45px 50px 40px; text-align: center; display: inline-block;}
    .k_member_06_03_01 ul li.id_search{margin-right: 2%; margin-bottom: 20px;}
    .k_member_06_03_01 ul li.id_search ul{}
    .k_member_06_03_01 ul li.id_search ul li{float: left; border: 0px; padding: 0px;}
    .k_member_06_03_01 ul li.id_search ul li.image{width: 33%; text-align: center;}
    .k_member_06_03_01 ul li.id_search ul li.text{width: 67%; border-left: 1px solid #d9d9d9;}
    .k_member_06_03_01 ul li.id_search ul li.text ul{}
    .k_member_06_03_01 ul li.id_search ul li.text ul li{clear:both; padding-left: 30px; text-align: left; width: 100%;}
    .k_member_06_03_01 ul li.id_search ul li.text ul li.Btn_Area{padding-top: 70px; padding-right: 4%; text-align: right;}
    .k_member_06_03_01 ul li.pw_search{}
    .k_member_06_03_01 ul li.pw_search ul{}
    .k_member_06_03_01 ul li.pw_search ul li{float: left; border: 0px; padding: 0px;}
    .k_member_06_03_01 ul li.pw_search ul li.image{width: 33%; text-align: left;}
    .k_member_06_03_01 ul li.pw_search ul li.text{width: 67%; border-left: 1px solid #d9d9d9;}
    .k_member_06_03_01 ul li.pw_search ul li.text ul{}
    .k_member_06_03_01 ul li.pw_search ul li.text ul li{clear:both; padding-left: 30px; text-align: left; width: 100%;}
    .k_member_06_03_01 ul li.pw_search ul li.text ul li.Btn_Area{padding-top: 20px; text-align: right;}

    input.add_input { width:50%; }

}


/*********************** ¸ð¹ÙÀÏ¸¸ *************************/
@media screen and (max-width:759px){

   /* ÄÁÅÙÃ÷ ºÎºÐ(¾ÆÀÌµð/ºñ¹Ð¹øÈ£ Ã£±â)*/
    .id_pw_input{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:68%; height: 38px; margin: 0px 0px 12px 15px;}
    .id_pw_input02{border: 1px solid #d9d9d9; text-align: left; padding: 5px 0px 5px 0px; width:68%; height: 38px; margin: 0px 0px 12px 31px;}
    
    .k_member_06_03_01{width: 100%; margin-bottom: 50px; display: inline-block;}	
	.k_member_06_03_01 .sub_title04 {padding-bottom:20px;}
    .k_member_06_03_01 ul{}
    .k_member_06_03_01 ul li{border: 10px solid #d9d9d9; width: 100%; padding: 30px; text-align: center; display: inline-block;}
    .k_member_06_03_01 ul li.id_search{margin-right: 2%; margin-bottom: 20px;}
    .k_member_06_03_01 ul li.id_search ul{}
    .k_member_06_03_01 ul li.id_search ul li{border: 0px; padding: 0px;}
    .k_member_06_03_01 ul li.id_search ul li.image{width: 100%; text-align: center;}
    .k_member_06_03_01 ul li.id_search ul li.text{width: 100%; border-top:none; margin-top: 0px; padding-top: 0px;}
    .k_member_06_03_01 ul li.id_search ul li.text ul{}
    .k_member_06_03_01 ul li.id_search ul li.text ul li{text-align: center; width: 100%;}
    .k_member_06_03_01 ul li.id_search ul li.text ul li.Btn_Area{padding: 20px 0; text-align: center;}
    .k_member_06_03_01 ul li.pw_search{}
    .k_member_06_03_01 ul li.pw_search ul{}
    .k_member_06_03_01 ul li.pw_search ul li{border: 0px; padding: 0px;}
    .k_member_06_03_01 ul li.pw_search ul li.image{width: 100%; text-align: center;}
    .k_member_06_03_01 ul li.pw_search ul li.text{width: 100%; border-top:none; margin-top: 0px; padding-top: 0px;}
    .k_member_06_03_01 ul li.pw_search ul li.text ul{}
    .k_member_06_03_01 ul li.pw_search ul li.text ul li{text-align: center; width: 100%;}
    .k_member_06_03_01 ul li.pw_search ul li.text ul li.Btn_Area{padding: 20px 0; text-align: center;}

    input.add_input { width:90%; }

}