/*-------------------------------------------------------------------------------------------
Basic Style Sheet

author: junkyung Kim
email : kk440404@naver.com
-------------------------------------------------------------------------------------------*/

#subarea {
    width: 100%;
    overflow: hidden;
	margin : 0 auto;
}

#subarea .subtitle{
    position: fixed;
    width: 100%;
    overflow: hidden;
    top: 0;
    margin: 0 auto;
    z-index:9999;
}


#subarea .subtitle ul{
	overflow:auto;
}

#subarea .subtitle ul li.left {
	position:relative;
    float: left;
    width: 50%;
	padding: 3% 0;
	background: url('/images/sub/title_left.png') no-repeat;
	background-size: 100% auto;
}

#subarea .subtitle ul li.left img{
    position:absolute;
	width:7%;
	right:0;
	top:0;
	margin:7.2% 4% 0 4%;
}


#subarea .subtitle ul li.right {
	position:relative;
    float: left;
    width: 50%;
	padding: 3% 0;
	background: url('/images/sub/title_right.png') no-repeat;
	background-size: 100% auto;
}

#subarea .subtitle ul li.right img{
    position:absolute;
	width:7%;
	right:0;
	top:0;
	margin:7.2% 4% 0 4%;
}

#subarea .subtitle ul li p{
	padding: 0 10%;
	font-weight:bold;
	font-size:1em;
	color:#fff;
}

#subarea .middlemenu{
	position:fixed;
    width: 100%;
    max-width: 640px;
    min-width: 320px;
    z-index: 9999;
}

#subarea .midmenu{
    width: 50%;
	display:none;
	float:left;
	border-top:1px solid #a0000b;
}

#subarea .midmenu ul{
	overflow:auto;
}

#subarea .midmenu ul li {
    width: 100%;
	background-color:#f6303e;
	border-bottom:1px solid #ee8189;
}

#subarea .midmenu ul li:first-child {
    border-top:1px solid #ee8189;
}

#subarea .midmenu ul li p{
    padding:4% 5%;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
}



#subarea .midsmenu{
    width: 50%;
	float:right;

}

#subarea .midsmenu ul{
	overflow:auto;
	border-top:1px solid #a0000b;
}

#subarea .midsmenu ul li {
    width: 100%;
	background-color:#f84653;
	border-bottom:1px solid #ee8189;
	cursor:pointer;
}

#subarea .midsmenu ul li:first-child {
    border-top:1px solid #ee8189;
}

#subarea .midsmenu ul li p{
    padding:4% 5%;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
}



/*������_ȸ������*/
.join_input_title{
	color:#000;
	background-color:#fafafa;
	text-align:right;
	padding:20px 20px 20px 0;
	font-weight:bold;
}

.join_input_text{
	text-align:left;
	padding:20px 0 20px 20px;
}

.join_input_cate{
	padding-left:20px;
	color:#d62424;
}

.join_input_cate td{
	color:#000;
}

.join_input_cate td.join_input_cate{
	padding-left:0px;
}


.promise01{position:relative;}
.promise01 .bt01{position:absolute; top:930px; left:680px;}
/*.promise01 .bt02{position:absolute; top:1920px; left:680px;}*/

.promise01 .bt03{position:absolute; top:1996px; left:140px;}
.promise01 .bt04{position:absolute; top:1996px; left:615px;}

.promise01 .bt05{position:absolute; top:2675px; left:140px;}
.promise01 .bt06{position:absolute; top:2675px; left:615px;}

.promise01 .bt07{position:absolute; top:3349px; left:140px;}
.promise01 .bt08{position:absolute; top:3349px; left:615px;}

.promise01 .bt09{position:absolute; top:4026px; left:140px;}
.promise01 .bt10{position:absolute; top:4026px; left:615px;}

.promise01 .bt11{position:absolute; top:4703px; left:140px;}
.promise01 .bt12{position:absolute; top:4703px; left:615px;}

.promise01 .bt13{position:absolute; top:5381px; left:140px;}


.promise01 .bbtn{
	padding:50px 0 80px 0 ;
	text-align:center;
}

.correction03{position:relative;}
.correction03 .bt01{position:absolute; top:9612px; left:376px;}


.info04{position:relative;}
.info04 .bt01{position:absolute; top:1736px; left:358px;}