/* Base Styles */

body {
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.7;
	color: #222;
	font-family:  'Noto Sans KR' , '맑은 고딕', '돋움', 'Dotum', '굴림', 'Gulim', Sans-serif;}

/* scroll */

/* width */
::-webkit-scrollbar {
  width: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f5f5f5; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #ddd; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #ccc; 
}



/* choice design - index */
.wrap{ width: 100%;  height: 100%; display:flex;}
.password{margin:auto; text-align:center; 
  background-color:#fff; width: 530px; height: 554px; border:1px solid #f1f1f1; box-shadow: 3px 4px 5px 0 hsla(0,0%,0%,0.2);}


.password_rock{margin:auto; margin-top:50px; margin-bottom: 40px;background:url("/lb_project/CHOICE/img/choice_img.png")no-repeat; background-size: cover; width: 136px; height:136px; }
.password>h1{font-size:33px; color: #353535; font-weight: 600; font-family: 'Ubuntu',sans-serif; }
.password>p{font-size:20px; color:#696969; margin-bottom:60px;}

.pass_box{width: 90%; height:60px;  margin-bottom: 10px; font-size:20px;}
input::-webkit-input-placeholder { color: #ddd;}
.up{border:2px solid #55bdc5; box-sizing: border-box;  }
.down{background-color: #55bdc5; color:#fff;  border:none; outline:0; cursor: pointer;  text-decoration: none;  display: inline-block;}

/* choice design - version */

.sample_folders{width: 65%; height:800px; margin: auto;text-align: center; }
.sample_folders>h1{font-size: 60px; font-family: 'Ubuntu',sans-serif; margin-top:30px; }
.sample_folders>p{color:#5f5f5f; font-size: 18px; font-weight: 300; }
.color{color:#55bdc5;}
.folders_con,.version_con{margin-left: auto; margin-right: auto; display: table; margin-top:100px;}
.folders_con>li,.version_con>li{width: 187px; float: left; margin: auto; margin-top:20px; margin:0 10px 15px 10px; cursor: pointer; }
.folder_icon{width: 187px; height: 187px; background: url("/lb_project/CHOICE/img/folder_icon.jpg")no-repeat; background-position:center; border:1px solid #c1c1c1;}
.version_icon{width: 187px; height: 187px; background: url("/lb_project/CHOICE/img/version_icon.jpg")no-repeat; background-position:center; border:1px solid #c1c1c1;}
.folders_con p{text-align: center; margin-top:10px;  }
.folder_icon:hover{box-shadow: 0 1px 5px rgba(0,0,0,0.25); transition-duration: 0.25s;}
.version_icon:hover{box-shadow: 0 1px 5px rgba(0,0,0,0.25); transition-duration: 0.25s;}
.back_button{margin:auto; margin-top:30px; width: 50px; height: 50px; background: url("/lb_project/CHOICE/img/back_icon.jpg")no-repeat; cursor: pointer; }