@charset "utf-8";
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
@import url(base.css); /* reset */
@import url(common.css); /* header,footer */

/*content*/
#content{ width:100%; overflow:hidden;}
#content #con01{width:1000px; margin:0 auto;}
#subtitle{ text-align:center; padding:20px 0; border-bottom:1px solid #ccc;}
#subtitle p{ font-size:16px;}
#subtitle h2{ font-size:40px; padding-top:5px;}

/*submenu*/
#content #con01 #submenu{ width:210px; float:left;}
#content #con01 #submenu ul{ font-size:18px; text-indent:15px; }
#content #con01 #submenu ul li{ border-bottom:1px solid #ccc;}
#content #con01 #submenu ul li a{  width:210px; padding:15px 0; display:block; }
#content #con01 #submenu ul li a:hover{background-color:#45a847;}
#content #con01 #submenu ul li a:hover{ color:#fff;}
#content #con01 #submenu ul li.listOn{ background-color:#45a847; color:#fff; border-bottom:none;}
#content #con01 #submenu ul li.listOn a{ color:#fff;}


/*submain*/
#content #con01 #submain{ width:760px; float:left; padding-left:30px; padding-top:50px;}

#content #con01 #submain .tit_area .line_box{
	width:39px;
	height:5px;
	display: flex;
	margin-bottom:12px;
}

#content #con01 #submain .tit_area .line_box .gr_box{
	width:10px;
	height:5px;
	background-color: #83bf45;
	display:block;
}
#content #con01 #submain .tit_area .line_box .or_box{
	width:29px;
	height:5px;
	background-color:#f98a05;
	display:block;
}

#content #con01 #submain .tit_area h3{
	display:flex;
	font-size: 24px;
	font-weight: 700;
}

#content #con01 #submain .top{
	margin-bottom:50px;
}

#content #con01 #submain .desc{
	text-align:right;
}

#content #con01 #submain .list ul{
	width:100%;
	margin-top:10px;
}

#content #con01 #submain .list ul .li1{
	background-color:#ffe1bc;
	border-bottom:none;
}

#content #con01 #submain .list ul .li2{
	border-bottom:none;
}


#content #con01 #submain .list ul .li3{
	border-bottom:none;
}

#content #con01 #submain .list ul .li1 .p2,
#content #con01 #submain .list ul .li1 .p3,
#content #con01 #submain .list ul .li1 .p4,
#content #con01 #submain .list ul .li1 .p5,
#content #con01 #submain .list ul .li1 .p6,
#content #con01 #submain .list ul .li1 .p7{
	font-weight: 700;
}

#content #con01 #submain .list ul li{
	display:flex;
	width:100%;
	height:38px;
	border:1px solid #c4c0bb;
}

#content #con01 #submain .list ul li p{
	width: calc(100% / 7);
	display:flex;
	justify-content: center;
    align-items: center;
	border-right:1px solid #c4c0bb;
}

#content #con01 #submain .list ul li p:last-child{
	border-right:none;
}

#content #con01 #submain .list ul li p.color_{
	background-color:#ffe1bc;

}