@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@import url('http://fonts.googleapis.com/earlyaccess/nanumgothic.css');
img {border:0px;}
body {background-color:#ffffff; color:#3b3b3b; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, p, input, button, textarea, select, .c1 {font-family:Nanum Gothic, ��������, sans-serif; color:#3b3b3b; font-size:12px;}
a{text-decoration:none; margin:0; padding:0;}
ul{margin:0; padding:0; list-style:none;}

/*���� ������*/
#header01{height: 60px; background:#373433;}
#head_top{width: 1000px; height: 60px; margin: 0 auto;}
.main_logo, .main_call{width: 500px; float: left;}
.main_call{text-align: right;}

#topmenu{width: 1000px; margin: 0 auto; background: #fff; height: 40px;}

#main{background:url(../images/mainbg.jpg) repeat-x left top #f2f2f2;}
#main_art01{width: 1000px; margin: 0 auto; padding:60px 0px 0px 0px;}
.mbn01{width: 320px; height: 180px; float: left;}
.r_margin{margin-right: 20px;}
.sp60{height: 60px; clear: both;}

#bncenter{background:url(../images/bncenterbg.jpg) repeat-y center top; text-align: center;}
.bn_img{width: 1000px; margin: 0 auto;}

#main_art02{width: 1000px; margin: 0 auto;}
#mbn04 div{color:#8d8d8d;}
#mbn04 {cursor:pointer; position:relative; border:1px solid #ddd; width:32%; height:110px; float: left;}
#mbn04 span{font-weight:bold; font-size:16px; display:inline-block; padding-bottom:10px;}
.bn05, .bn06{margin-left: 5px;}

#footer{background:#373433; height: 50px; padding:20px 0;}
.copy{width: 1000px; margin: 0 auto;}
.copyadd, .copylogo{float: left;}
.copyadd{line-height:200%; color:#949494; width: 700px; font-size: 15px;}
.copylogo{width: 300px; padding-top: 10px;}

/*���� ������*/
#sub{background:#f2f2f2; padding:25px 0;}
#sub_section{width: 1000px; margin: 0 auto;}
#aside, #con{float: left;}
#aside{width: 200px; margin-right: 15px;}
#con{width: 885px;}
.sp30{height: 30px; clear: both;}

#bigtitle{background:#373433; color:#fff; padding:20px 0 20px 30px; font-size:20px; font-weight:bold; line-height:120%;}
#bigtitle span{font-size:11px; color:#c4c4c4;}

.title{font-size:20px; position:relative; padding-bottom:45px;}
.title span{font-size:11px; color:#999; position:absolute; right:0px; _right:30px; top:5px;}

#leftmenu{background:#ffffff; padding:20px 0px 20px 0px;}
#leftmenu a {color:#3b3b3b; font-size:15px; line-height:30px; padding-left:30px; background:url(../images/smbg.jpg) no-repeat left top; width:170px; _width:200px; display:inline-block;}
#leftmenu a:hover {color:#0f7abe; background:url(../images/smbg-on.jpg) no-repeat left top;}

.bntit{
	background:url(../images/mbntit.jpg) no-repeat 15px 0;
	position:relative;
	font-weight:bold;
	font-size:20px;
	padding:15px 0 5px 15px;;
	}

.bntit a{color:#3b3b3b;}
.bnlatest{font-size:13px; line-height:200%; padding:20px 0 0 10px; color:#777;}

.icon{position:absolute; left:20px; top:30px;}
.txt{position:absolute; left:90px; top:22px;}

.color1{color:#3b3b3b;}
.color2{color:#3b3b3b;}
.color3{color:#3b3b3b;}
.color4{color:#0f7abe;}
.color5{color:#0f7abe;}
.color6{color:#0f7abe;}

#con{background:#fff; padding:20px 30px; width:725px;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:15px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}
.s_text01{font-size:22px; font-weight:normal; font-family:'Nanum Square';}
.s_text02{font-size:18px; font-weight:normal; margin:10px 0px 40px 0px;}

/* sub0101 */
.sub0101{padding:10px 0px 10px 320px; text-align:justify; background:url(../images/sub0101.jpg) left center no-repeat;}
.sub0101 h4{margin-top:30px; font-size:19px; font-weight:normal; color:#333; text-align: right;}

/* sub0102 */
.sub0102{background:url(../images/sub0102.jpg) top -50px right no-repeat;}
.sub0102 h4{width:120px; line-height:120px; text-transform:uppercase; font-size:19px; border-radius:50%; text-align:center; background:#1c293a; color:#fff; margin-left:90px;}
.sub0102 figure{padding:50px 0px 1px 0px; background:url(../images/sub0102_1.jpg) left 146px top repeat-y;}
.sub0102 ul{margin-bottom:50px; background:url(../images/sub0102_2.jpg) left 141px top 5px no-repeat;}
.sub0102 h5{float:left; font-size:26px; color:#1c293a; padding-top:5px; font-family:'Nanum Square';}
.sub0102 li{margin-left:250px; margin-bottom:10px;}
.sub0102 li b{display:inline-block; color:#333; margin-right:15px;}

/* sub0103 */
.sub0103{background:url(../images/sub0102.jpg) top -50px right no-repeat;}
.sub0103 center{background:#333; height:350px;}
.sub0103 h4{font-size:19px; color:#000; text-transform:uppercase;}
.sub0103 ul{margin-bottom:20px;}
.sub0103 li{margin-top:10px;}
.sub0103 li b{display:inline-block; margin-right:15px; color:#333;}

/* sub0201 */
.sub0201{background:url(../images/sub0102.jpg) top -50px right no-repeat;}
.sub0201 h4{font-size:19px; color:#333; margin:50px 0px 10px 0px;}
.sub0201 li{background:#f8f8f8; margin-bottom:10px;}
.sub0201 li span{display:inline-block; background:#1c293a; color:#fff; padding:10px 30px; margin-right:30px;}
.sub0201 .sub0201img{margin: 30px 0; display: block;}
.sub0201 table{border-collapse:collapse; background:#fff; border-top:2px solid #1c293a;}
.sub0201 th, .sub0201 td{border-bottom:1px solid #dfdfdf; font-size:15px; color:#555; font-weight:normal; padding:10px 15px; border-left:1px solid #dfdfdf;}
.sub0201 th{border-left:none; background:#f8f8f8; color:#333;}



@media screen and (max-width: 768px) {
	.t_none{display: none;}

	/* ���������� */
	#head_top, #main_art01, #main_art02, .bn_img, .copy{width: 100%;}
	#topmenu{width: 100%; height: 60px; background: #373433;}
	.copyadd{width: 100%; text-align: center;}
	#main_art01{padding:0px 0px 0px 0px;}
	.mbn01{width: 95%; height: 180px; float: none; border:1px solid #ddd; padding-top: 15px; margin: 10px auto;}
	#main_art02{padding:0px;}
	#mbn04 {width:95%; margin: 10px auto; float: none;}
	.bn05, .bn06{margin-left: 0px;}

	/*���� ������*/
	#sub_section, #con{width: 100%;}
	.title{text-align: center;}
	#con{padding:20px 0px;}

	/*���� ������*/
	.sub0101{width:95%; float:none; margin: 0 auto;}

	/* 공통 */
	.normal{font-size:14px;}
	.s_text01{font-size:22px; text-align:center;}
	.s_text02{font-size:15px; text-align:center;}

	/* sub0101 */
	.sub0101{padding:0px; background:none;}
	.sub0101 h4{margin-top:30px; font-size:19px; font-weight:normal; color:#333;}

	/* sub0102 */
	.sub0102{background:none;}
	.sub0102 h4{margin:0px auto;}
	.sub0102 figure{background:url(../images/sub0102_1.jpg) center top repeat-y;}
	.sub0102 ul{background:url(../images/sub0102_2.jpg) center top no-repeat #fff; text-align:center; padding:40px 0px 15px 0px;}
	.sub0102 h5{float:none; padding-top:0px; margin-bottom:15px;}
	.sub0102 li{margin-left:0px;}
	.sub0102 li b{display:block; margin-right:0px; margin-bottom:5px;}

	/* sub0103 */
	.sub0103{background:none;}
	.sub0103 h4{text-align:center;}
	.sub0103 ul{text-align:center;}
	.sub0103 iframe{height:200px;}

	/* sub0201 */
	.sub0201{background:none; padding: 10px;}
	.sub0201 br{display:none;}
	.sub0201 h4{text-align:center;}
	.sub0201 li{text-align:center; padding-bottom:10px;}
	.sub0201 li span{display:block; padding:10px 0px; margin-right:0px; margin-bottom:10px;}
	.sub0201 th, .sub0201 td{font-size:13px; padding:10px; text-align:center;}
	.sub0201 th{border-left:none; background:#f8f8f8; color:#333;}

}

@media (max-width:580px){

}