@charset "utf-8";
/* 
	1. container style
*/
#container {

}
	#container .innerWrap {
		width: 980px;
	    background: url(/Images/bg/bg_sub_divide.gif) 30px top repeat-y;
	}
	
/* *******************************************************************
	 sub include style
******************************************************************* */
/*
	1. sub-spot
*/
.sub-spot {
	width: 100%;
	height: 100px;
    border-bottom: 1px solid #dfdfdf;
	background: url(../images/sub/spot_sub.jpg) 50% bottom no-repeat;
}

/*
	2. snb
*/
#snb {
	position: relative;
	float: left;
    width: 220px;
    margin: 0;
}
	#snb h2 {
        padding: 20px 0 20px 20px;
		font-size: 18px;
		font-weight: bold;
		letter-spacing: -1px;
		color: #222;
        background-color: #f0f0f0;
	}
	#snb ul.snb {
		margin: 0;
		width: 220px;
	}
		#snb ul.snb li {
			width: 100%;
			margin: 0;
            border-bottom: 1px solid #dfdfdf;
		}
			#snb ul.snb li.active a {
				color: #fff;
				background-color: #4c495a;
			}
			
			#snb ul.snb li a {
				display: block;
				width: auto;
				height: 40px;
				line-height: 40px;
				padding-left: 25px;
				font-size: 15px;
				font-weight: bold;
				color: #222;
				text-decoration: none;

                outline: none;
				
				-moz-transition: all 0.25s;
				-webkit-transition: all 0.25s;
				transition: all 0.25s;
			}
			#snb ul.snb li a:hover {
				color: #fff;
				background-color: #999;
			}
            #snb ul.snb li.active a:hover {
				background-color: #4c495a;
			}

    #snb .banner-snb {
        margin: 100px 0;
    }
        #snb .banner-snb ul {
            overflow: hidden;
        }
            #snb .banner-snb ul li {
                margin: 0;
                padding: 5px 0;
                border-top: 1px solid #eee;
            }
            #snb .banner-snb ul li.last {
                border-bottom: 1px solid #eee;
            }
                #snb .banner-snb ul li a {
                    display: block;
                    width: 100%;
                    height: 35px;
                }
                #snb .banner-snb ul li.snb01 a {
                    background: url(/Images/banner/banner_snb_01_off.jpg) left top no-repeat;
                }
                    #snb .banner-snb ul li.snb01 a:hover {
                        background: url(/Images/banner/banner_snb_01.jpg) left top no-repeat;
                    }
                #snb .banner-snb ul li.snb02 a {
                    background: url(/Images/banner/banner_snb_02_off.jpg) left top no-repeat;
                }
                    #snb .banner-snb ul li.snb02 a:hover {
                        background: url(/Images/banner/banner_snb_02.jpg) left top no-repeat;
                    }
                #snb .banner-snb ul li.snb03 a {
                    background: url(/Images/banner/banner_snb_03_off.jpg) left top no-repeat;
                }
                    #snb .banner-snb ul li.snb03 a:hover {
                        background: url(/Images/banner/banner_snb_03.jpg) left top no-repeat;
                    }

/*
  3. contents
*/
#contents {
	position: relative;
	float: left;
    width: 740px;
	min-height: 500px;
    padding: 0;
}

/*
	4. constitle
*/
.constitle {
	position: relative;
	width: 100%;
	margin: 0 0 30px;
    padding: 18px 0 15px 50px; 
	border-bottom: 1px solid #eee;
}	
	.constitle h3 {
		font-size: 22px;
		font-weight: bold;
		color: #333;
		letter-spacing: -0.75px;
	}
		.constitle h3 .divline {
			margin-left: 12px;
			font-size: 0.72em;
			font-weight: normal;
			color: #ccc;
		}
		.constitle h3 .sub-title {
			margin-left: 10px;
			font-size: 0.75em;
			font-weight: normal;
			letter-spacing: -0.75px;
			color: #767676;
		}

	.constitle ul {
		position: absolute;
		right: 20px;
		bottom: 15px;
	}
		.constitle li {
			float: left;
			height: 20px;
			margin: 0 5px 0 0;
		}
			.constitle li a {
				display: block;
				height: 20px;
				line-height: 20px;
				font-size: 12px;
				letter-spacing: -0.75px;
				font-weight: normal;
				color: #5d5d5d;
				text-decoration: none;
			}
			.constitle li a:hover {
				color: #bf7188;
			}
			.constitle li.home a {
				margin-top: -1px;
			}
			.constitle li.depth1 a {
				
			}
			.constitle li.depth2 {
				display: block;
				height: 20px;
				line-height: 20px;
				font-size: 1.2em;
				letter-spacing: -0.75px;
				font-weight: normal;
				color: #5d5d5d;
				text-decoration: none;
			}
			.constitle li.arrow {
				margin-top: 3px;
				font-family: verdana;
				font-weight: normal;
				color: #ccc;
				font-size: 1em
			}
		
/*
	5. section
*/
.section {
	position: relative;
	width: 100%;
	padding: 0 20px 50px 50px;
	font-size: 13px;
	letter-spacing: -0.75px;
	line-height: 1.8;
	text-align: justify;	
}
	.section h3 {
		margin: 0 0 20px;
		padding: 10px 20px;
		font-size: 1.5em;
		font-weight: bold;
		color: #234596;
		text-align: center;
		border: 1px solid #234596;
		border-radius: 3px;
		background-color: #f4f8fd;
	}
	.section h4 .glyphicon {
		margin: -7px 8px 0 0;
		font-size: 0.70em;
		vertical-align: middle;
	}
	
	.section .section-title {
		display: inline-block;
		margin: 0 0 10px;
		padding: 2px 10px;
		text-align: center;
		font-size: 0.9em;
		color: #fff;
		background-color: #234596;
	}
	.section .section-title-bullet {
		margin: 0 0 5px;
		padding: 0;
		text-align: left;
		font-size: 1.15em;
		font-weight: bold;
		color: #222;
	}
	
	.section p {
		margin: 0 0 20px;
	}
		
	.section dl {
		margin: 0 0 30px;
	}
		.section dl dt {
			margin: 0 0 5px;
			font-weight: bold;
			color: #2a57a5;
		}
		.section dl dd {
			margin: 0 0 20px;
		}

/*
  6. banner slide 
*/
.banner-area ul.banner-slide li {
  margin: 10px 5px 0 2px;
}

/* *******************************************************************
	sub page style
******************************************************************* */
.btn-area {
    margin: 50px 0 0;
    text-align: center;
}
    .btn-area a {
        color: #fff;
        text-decoration: none;
    }
    .btn-area a:hover {
        background-color: #4c495a;
    }
    .btn-area .glyphicon {
        margin: 0 7px 0 0;
        font-size: 15px;
    }

.btn-pdf {
    display: inline-block;
    padding: 7px 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color: #bf7188;
}

.ready {
    display: block;
    padding: 50px;
    font-size: 15px;
    color: #767676;
    text-align: center;
    background-color: #f7f7f7;
}

/*
  sub01_01
*/
.section.introduce {
	
}
	.section.introduce .chairman {
        font-size: 15px;
        text-align: right;
        font-weight: bold;
	}
	
/*
  sub01_02
*/
.section.vision {
    
}
	.section.vision .title {
		
	}
        .section.vision .title .type1 {
		    margin: 0;
            font-size: 13px;
            color: #767676;
	    }
        .section.vision .title .type2 {
		    margin: 0 0 20px;
            font-weight: bold;
            font-size: 15px;
	    }
        .section.vision .title h4 {
            margin: 0 0 30px;
            font-size: 23px;
            font-weight: bold;
            text-align: center;
            letter-spacing: -0.75ox;
	    }

        p.thm {
            text-align: center;
        }

        .section.vision ul {
		    margin: 0;
	    }
            .section.vision li {
                width: 50%;
                float: left;
                margin: 0 0 10px;
                padding: 0 0 0 10px;
                background: url(/Images/bullet/bullet-board-3x3.jpg) left 50% no-repeat;
	        }

/*
	sub01_04
*/
.section.rules {
	
}
	.section.rules .title {
		margin: 0 0 30px;
        font-size: 23px;
        font-weight: bold;
        text-align: center;
        letter-spacing: -0.75px;
	}

    .section.rules .date {
        margin: 0 0 3px;
		text-align: right;

	}
    .section.rules .list {
        margin: 0 0 20px;
	}

    .section.rules strong {
		display: block;
        font-size: 15px;
	}

    .section.rules .con-text {
		display: block;
        margin: 0 0 5px;
	}

    .section.rules ul {
		
	}
        .section.rules ul li {

        }

    .section.rules ol {
		margin: 0 0 20px 20px;
	}
        .section.rules ol li {
		    list-style-type: decimal;
	    }

/*
	sub01_05
*/
.section.directions {
	
}
	.section.directions ul {
		margin: 0;
	}
        .section.directions li {
            margin: 0 0 10px;
            padding: 0 0 0 10px;
            background: url(/Images/bullet/bullet-board-3x3.jpg) left 50% no-repeat;
	    }
	
/*
	sub02_01
*/
.section.ahead {
	
}
    .section h5 {
        margin: 0 0 5px 20px;
        font-size: 15px;
        font-weight: bold;
        color: #234198;
    }
    .section ul.list-con {
        margin: 0 0 10px 20px;
    }

	.section.ahead .alert {
		border: 1px solid #ccc;
		background: #fafafa url(../images/container/sub/con-sub02-01-01.png) 10px 26px no-repeat;
	}
	.section.ahead .alert.bg-other {
		border: 1px solid #ccc;
		background: #fafafa url(../images/container/sub/con-sub02-01-03.png) left top no-repeat;
	}
		.section.ahead .alert ul {
			margin: 5px 0 0 150px;
		}
		.section.ahead .alert ul li {
			position: relative;
			padding-left: 20px;
		}
		.section.ahead .alert ul li .glyphicon {
			position: absolute;
			left: 0;
			top: 3px;
		}

/*
	sub02_02
*/
.section.goal {
	
}
	.section.goal .table {
		margin: 0 0 30px;
		border-bottom: 1px solid #ddd;
	}
	.section.goal .table caption {
		display: none;
	}
	.section.goal .table tr.striped {
		background-color: #f4f4f4;
	}
	.section.goal .table th {
		padding: 5px 0;
		text-align: center;
		color: #222;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		background: url(../images/bg/bg-table-th02.gif) left top repeat-x;
	}
	.section.goal .table td {
		padding: 10px;
	}
	.section.goal .table td.title {
		font-weight: bold;
		text-align: center;
		vertical-align: middle;
	}
	.section.goal .table td.bd-double {
		border-bottom: 3px double #ddd;
	}

/*
	sub02_03
*/
.section.detail {
	
}
	.section.detail .btn-group {
		width: 100%;
		margin-bottom: 30px;
	}
		.section.detail .btn-group a {
			width: 20%;
			font-weight: bold;
		}
	
	.section.detail .table {
		margin: 0 0 30px;
		table-layout: fixed;
		border-bottom: 1px solid #ddd;
	}
	.section.detail .table caption {
		display: none;
	}
	.section.detail .table th {
		padding: 5px 0;
		text-align: center;
		vertical-align: middle;
		font-weight: bold;
		color: #234596;
		border-top: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		/*background: url(../images/bg/bg-table-th02.gif) left top repeat-x;*/
		background: #fefefe; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ5JSIgc3RvcC1jb2xvcj0iI2ZiZmJmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZmVmZWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #fefefe 0%, #fbfbfb 49%, #efefef 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(49%,#fbfbfb), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #fefefe 0%,#fbfbfb 49%,#efefef 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#efefef',GradientType=0 ); /* IE6-8 */
	}
	.section.detail .table td {
		padding: 10px 15px 10px 10px;
	}
	.section.detail .table td.bd-double {
		border-bottom: 3px double #ddd;
	}
	.section.detail .table td.sub-title {
		text-align: center;
		vertical-align: middle;
		font-size: 1.15em;
		font-weight: bold;
		color: #4d4d4d;
		background-color: #f7f7f7;
	}
	.section.detail .table td.swat-area {
		font-size: 1.1em;
	}
	.section.detail .table td .label {
		margin-left: 0;
		font-size: 1em;
	}
	.section.detail .table td ul {
		margin: 10px 0 10px 15px;
		list-style: disc;
	}
		.section.detail .table td ul li {
			margin: 8px 0;
			font-size: 0.95em;
		}
		
	.section.detail .table td strong {
		font-weight: normal;
		color: #fd3a3a;
	}
	.section.detail .table td.pic {
		text-align: center;
		font-size: 0.95em;
	}
		.section.detail .table td.pic p.thm  {
			margin: 10px 0 0;
		}
		.section.detail .table td.pic p.caption {
			margin: 10px 0;
		}
	
	.section.detail .solution {
		
	}
		.section.detail .solution h6 {
			margin: 0 0 2px;
			padding: 5px 0;
			text-align: center;
			font-weight: bold;
			color: #234596;
			border: 1px solid #dfdfdf;
			border-radius: 3px;
			background-color: #f7f7f7;
		}
		.section.detail .solution .table {
			
		}
			.section.detail .solution .table th {
				padding: 5px;
				font-size: 0.9em;
			}
			.section.detail .solution .table td {
				padding: 5px;
				font-size: 0.9em;
				vertical-align: middle;
			}
			.section.detail .solution .table td.title {
				text-align: center;
				font-weight: bold;
			}
			.section.detail .solution .table td.sub-title {
				text-align: center;
			}
	
/*
	sub02_03 : 0 details
*/


/*
	sub02_03 : 1 details
*/


/*
	sub02_03 : 2 details
*/


/*
	sub02_03 : 3 details
*/


/*
	sub02_03 : 4 details
*/

/*
    sub05_01
*/
.section.question {
    
}
.section.question h4 {
    margin: 0 0 20px;
    font-size: 15px;
    font-weight: bold;
}
.section.question .terms-area {
    
}
.section.question .terms-area .checkbox-area {
    margin: 0 0 10px;
}
    .section.question .terms-area .checkbox-area input {
        margin: 0 5px 0 0;
        vertical-align: middle;
    }
    .section.question .terms-area .checkbox-area label {
        vertical-align: middle;
    }

.section.question .terms-area .guide-join {
    overflow-y: scroll;
    height: 150px;
    margin: 0 0 30px;
    padding: 20px;
    border: 1px solid #ccc;
}

.section.question b {
    color: #f11;
}
.section.question strong {
    font-weight: normal;
    color: #11f;
}

.section.question .tb-notice-area {
    width: 100%;
    border-top: 3px solid #2869b3;
}
    .section.question .gridFooter {
        display: none;
    }
    .section.question .tb-notice {
        width: 100%;
        margin: 0 0 30px;
        /*table-layout: fixed;*/
    }
        .section.question .tb-notice th {
            padding: 5px;
            font-size: 14px;
            text-align: center;
            font-weight: 300;
            border-bottom: 1px solid #e4e0e4;
            background-color: #fafafa;
        }
        .section.question .tb-notice.tb-view th { /* view page table */
            padding: 5px;
        }
        .section.question .tb-notice td {
            padding: 5px;
            font-size: 14px;
            text-align: center;
            border-bottom: 1px solid #e4e0e4;
        }
        .section.question .tb-notice.tb-view td { /* view page table */
            padding: 5px;
            text-align: left;
        }
        .section.question .tb-notice.tb-view td.article-text {
            padding: 20px 20px 30px;
        }
            .section.question .tb-notice td a:hover {
                color: #197cd1;
            }
            .section.question .tb-notice td i {
                display: inline;
                margin-right: 5px;
                font-size: 17px;
                line-height: 1;
            }

.section.question .btn-center {
    text-align: center;
}
.section.question {
    
}

/*
	postview
*/
#tblComment {
	width: 100%;
	border-collapse: collapse;
}
	#tblComment td {
		text-align: left;
		font-size: 12px;
		color: #333;
	}
	#tblComment td.author-area {
		padding: 15px 0 0;	
	}
	#tblComment td .author {
		margin: 0 20px 0 0;
		font-size: 13px;
		font-weight: bold;
	}
	#tblComment td .date {
		color: #767676;
	}
	#tblComment td.btn-area {
		padding-top: 15px 0 0;	
		text-align: right;
	}
	#tblComment td.txt {
		padding: 5px 0 15px;
		font-size: 13px;
		border-bottom: 1px solid #eee;
	}
	#tblComment tr:last-child td.txt {
		border-bottom: 0;
	}
	#tblComment td .modify {
		margin: 0 10px 0 0;
	}
	#tblComment td .delete {
		
	}
	
/* 
    Sitemap
*/
.sitemap a {
	color: #222;
}
.sitemap a:hover {
	color: #bf6c84;
	text-decoration: underline;
}
.sitemap h4 {
	margin: 0;
	padding: 10px 0 12px;
	font-family: 'Malgun Gothic',dotum,sans-serif;
	font-size: 15px;
    font-weight: bold;
	border-top: 2px solid #7d7d7d;
	border-bottom: 1px solid #d0d0d0;
	border-right: 1px solid #e0e0e0;
	border-left: 1px solid #eee;
}
.sitemap h4 {
	color: #222;
	border-top-color: #bf6c84;
}
.sitemap ul.sitemap_dept1 {
	width: 100%;
}
	.sitemap ul.sitemap_dept1 > li {
		width: 160px;
		float: left;
		margin: 0 10px 0 0;
		text-align: center;
	}
    .sitemap ul.sitemap_dept1 > li.last {
        margin: 0;
    }
	
.sitemap ul.sitemap_dept2 {
    min-height: 320px;
	margin: 0;
	padding: 0;
	border-top: 4px solid #eee;
}
.sitemap ul.sitemap_dept2.h-min {
    min-height: 120px;
}
	.sitemap ul.sitemap_dept2 li {
		padding: 10px 0;
		border-bottom: 1px solid #e7e7e7;
	}
	.sitemap ul.sitemap_dept2 li:last-child {
		border-bottom: 0px solid #ccc;
	}