@charset "utf-8";
@import url(font.css);
@import url(page_con.css);

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:ng,'돋움',Dotum,Helvetica,'Apple SD Gothic Neo',Sans-serif;font-size:12px;color:#000}
body{text-align:left; word-break:break-word;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
a{color:#000;text-decoration:none}
a:hover{color:#000;text-decoration:none}
hr{display:none}
legend{*width:0}
table{border-collapse:collapse;border-spacing:0}
caption{font-size:0; line-height:0; height:0}

/* Mobile Form Default */
input[type='text'],input[type='password'],input[type='image'],input[type='search']{-webkit-appearance:none;-webkit-border-radius:0}

/* Skip */
#skipnavigation{z-index:9999;position:absolute;left:0;top:0;width:100%;text-align:center}
#skipnavigation *{list-style:none;margin:0;padding:0;}
#skipnavigation a{display:block;width:100%;height:0;overflow:hidden;white-space:nowrap;}
#skipnavigation a:focus,
#skipnavigation a:active{display:block;width:100%;height:36px;color:#fff;background:#000;line-height:36px;text-decoration:underline !important;font-size:14px;}

.inline1 {
	width:90%;display:inline-table;
}
.inline2 {
	width:6%;display:inline-table;position:relative;
}
.arrow_up {
	cursor:pointer;
	background-image:url('../images/sub/arrow_up.png');
	background-repeat:no-repeat;
	background-size:contain;
	width:30px;height:30px;
	position:absolute;
	top:-60px;
	right:-18px;
}
.arrow_dn {
	cursor:pointer;
	background-image:url('../images/sub/arrow_dn.png');
	background-repeat:no-repeat;
	background-size:contain;
	width:30px;height:30px;
	position:absolute;
	top:-33px;
	right:-18px;
}

/* modal 옵션설정*/
.modal_option_box {width:800px;}
.modal_option .title {
	font-size:20px;
	background-color:#2e7db2;
}
.full_ul {
	width:377px;
}
.sub_ul {
	display: inline-flex;
	width:100%;
}
.sub_ul li {
	width:100%;
	display:inline-table;
}
.sub_ul li.left {
	width:50%;
}
.sub_ul li.right {
	width:50%;
}
.sub_ul li.right * {
	width:100%;
}
.sub_ul li.right.both * {
	width:50%;
}
.sub_ul li.title {
	text-align:center;
	background-color:#2e7db2;
	font-size:13px;

}
.option_gubun {
	border:2px solid #2e7db2;
	background-color:#659cc1;
	display: inline-grid;
	border-radius:5px;
}

/* modal 회원가입 디자인 */
.sign_ul {
	display: inline-flex;
	width:100%;
	margin-bottom:5px;
}
.sign_ul input {
	height:30px;
	margin-bottom:5px;
}
.sign_ul li.left {
	width:30%;
	padding-top: 10px;
}
.sign_ul li.right {
	width:70%;
}

/* modal 프로젝트추가 */
.sub_project {
	border: 1px solid #eeeeee;
	padding: 17px 17px 17px 50px;
	list-style-type: disc;
	width: 95%;
	display: none;
}
.sub_project li {
	list-style: circle;
}
.project_select {
	overflow: auto;
	height: 300px;
}
.project_select li {
	width:95%;
}

/* modal 로그인 */
.login_option_box {width:500px;}
.sign_option_box {width:500px;}

@media screen and (max-width:767px) {
	.login_option_box {width:400px;}
	.modal_option_box {width:600px;}
	.full_ul {width:600px;}
}
@media screen and (max-width:479px) {
	.login_option_box {width:300px;}
	.modal_option_box {width:100%;}
	.full_ul {width:100%;}
}
@media screen and (max-width:374px) {
	.login_option_box {width:210px;}
	.modal_option_box {width:100%;}
	.full_ul {width:100%;}
}