@charset "euc-kr";
/* CSS Document */
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
@import url("//cdn.rawgit.com/hiun/NanumSquare/master/nanumsquare.css");
@import url('//fonts.googleapis.com/earlyaccess/notosanskr.css');

img {border:0px;}

body {background-color:#fff; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px; font-family: 'NotoSansKR'; font-size: 11px;}
h1, h2, h3, h4, h5, figure, ul, li, p{margin:0px; padding:0px;}
a{text-decoration:none;}

#main_bg{background-image: url(../images/pattern.gif);}
#sub_bg{background:url(../images/subbg.gif) center top no-repeat;}

/* header */
#header{height:75px;}

/* main_section */
#main_section{width:1200px; margin:0 auto; padding-bottom:50px;}
.main_top{text-align:right;}
.main_middle div{width:600px; float:right;}

.main_middle h2{font-size:50px; font-family: 'Nanum Myeongjo', serif; font-weight:normal; color:#2d2d2d; margin-top:100px;}
.main_middle h2 span{display:block; font-weight:bold;}
.main_middle h2 span b{color:#f04b36;}

.main_middle h4{font-size:16px; line-height:24px; color:#636363;}
.main_middle h4 span{display:block; font-size:18px; font-weight:bold; font-family:'Nanum Myeongjo', serif; color:#2d2d2d; margin:30px 0px 15px 0px;}

.main_middle h3{margin:40px 0px 0px 0px;}
.main_middle h3 a{display:inline-block; text-align:center; width:140px; font-size:13px; padding:13px 0px; color:#fff; text-decoration:none;}
.main_middle h3 a:nth-child(1){background:#f04b36;}
.main_middle h3 a:nth-child(2){background:#2d2d2d;}
.main_middle h3 a:nth-child(1):hover{background:#2d2d2d;}
.main_middle h3 a:nth-child(2):hover{background:#f04b36;}

.main_bottom figure{float: left;}
.main_bottom figure:nth-child(1){width:30%;}
.main_bottom figure:nth-child(2){width:30%;}
.main_bottom figure:nth-child(3){width:40%;}

.main_bottom figure h3{font-size:14px; font-family: 'NotoSansKR'; color:#6f6f6f; background:url(../images/main_dot.jpg) left top 8px no-repeat; padding-left:20px; margin-bottom:25px;}
.main_bottom figure h3 span{font-size:18px; font-weight:bold; color:#0e0e0e;}
.main_bottom figure .normal{font-size:12px; color:#6f6f6f; line-height:160%;}
.main_bottom figure .micon{width:19%; float:left; text-align:center; border-right:1px solid #848484;}
.main_bottom figure .micon a:hover img{filter:alpha(opacity=30); opacity:0.3; -moz-opacity:0.3;}
.main_bottom figure .micon:nth-child(5){border:none;}

/* footer */
#footer{padding:40px 0px; background:#2d2d2d;}
.copyaddress {color:#999; font-size:11px;}

/* ���������� */
#sub_section{width:1200px; margin:0 auto;}
.sub_top{text-align:right;}
.sub_middle aside, .sub_middle #sub_page{float:left;}

.sub_middle aside{width: 149px; margin-right:50px;}
.sub_middle #sub_page{width:1000px;}
#sub_page{margin-bottom:50px;}

.page_tiele{border-top:1px solid #000; border-bottom:2px solid #000; padding:15px 0px; margin-bottom:50px;}
.page_tiele h2, .page_tiele h3{width:50%; float:left;}
.page_tiele h3{text-align:right; padding-top:4px;}

/* 공통 */
.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
.normal{font-size:17px; line-height:150%; color:#555; word-spacing:-1px;}
.sp20{height:20px;}

/* sub0101 */
.sub0101 figure{float:left; width:50px; padding-top:211px;}
.sub0101 figure div{background:#e0e9f2; height:258px;}
.sub0101 center{float:left; width:400px;}
.sub0101 ul{float:left; width:500px; box-sizing:border-box; padding:150px 0px 0px 0px;}
.sub0101 ul h3{font-size:30px; font-weight:normal; color:#333; padding-left:50px; margin-bottom:30px;}
.sub0101 ul h3 b{font-size:50px;}
.sub0101 ul div{background:#e0e9f2; padding:20px 0px 10px 50px;}
.sub0101 ul li{font-size:18px; margin-bottom:10px; background:url(../images/sub_dot01.png) left center no-repeat; padding-left:18px;}

/* sub0201 */
.sub0201{background:url(../images/sub0201.jpg) center center no-repeat; padding-left:50%;}
.sub0201 figure{background:rgba(0, 0, 0, 0.7); padding:50px;}
.sub0201 h3{color:#efda7d; font-size:20px; font-weight:normal; margin-bottom:40px;}
.sub0201 h3 b{color:#fffdf8; display:block; font-size:25px; margin-bottom:10px; font-weight:normal;}
.sub0201 li{color:#adaaa5; margin-bottom:10px; font-size:20px;}
.sub0201 li:last-child{margin-top:20px; color:#efda7d;}
.sub0201 h4{margin-top:60px; font-size:40px; color:#efda7d;}
.sub0201 h4 b{color:#fffdf8; display:block; font-size:25px; margin-bottom:15px; font-weight:normal;}

/* sub0601 */
.sub0601 center{margin-bottom:50px;}
.sub0601 h3{font-size:20px; color:#f04b36; margin-bottom:15px;}
.sub0601 h4{font-size:19px; color:#333; margin-bottom:15px; background:url(../images/sub_dot02.png) left center no-repeat; padding-left:15px;}
.sub0601 figure{margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dfdfdf; font-size:17px;}
.sub0601 figure b{display:block;}
.sub0601 figure:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}
.sub0601 ul{margin-bottom:50px; padding-bottom:50px; border-bottom:1px solid #dfdfdf;}
.sub0601 ul:last-child{border-bottom:none; padding-bottom:0; margin-bottom:0;}
.sub0601 li{margin-bottom:10px; background:url(../images/sub_dot02.png) left top 7px no-repeat; font-size:17px; padding-left:15px;}
.sub0601 li:last-child{margin-bottom:0;}
.sub0601 li span{display:block; font-size:15px;}
.sub0601 table{border-collapse:collapse;}
.sub0601 td{font-size:17px; line-height:150%; color:#555; word-spacing:-1px; border:1px solid #dfdfdf; padding:10px 15px;}
.sub0601 .tb01{width:60px; text-align:center;}
.sub0601 .tb02{text-align:center;}
.sub0601 h5{margin-top:15px; font-weight:normal;}

/* ����  filter:alpha(opacity=60); opacity:0.6; -moz-opacity:0.6; */

}
.subtitle {
	color:#939393;
	font-size:11px;
	letter-spacing:-1px;
	padding-top:10px;
	padding-bottom:10px;
	font-family: 'NotoSansKR';
}
#tonavi {
	color:#939393;
	font-size:11px;
	padding-left:10px;
	font-family: 'NotoSansKR';
	text-decoration:none;
	padding-top:15px;
}

#tonavi a{
	color:#939393;
	font-size:11px;
	padding-left:10px;
	font-family: 'NotoSansKR';
	text-decoration:none;
}

.titlenavi {
	color:#939393;
	font-size:11px;
	font-family: 'NotoSansKR';
}

.titlenavi2 {
	color:#939393;
	font-size:11px;
	font-family: 'NotoSansKR';
	letter-spacing:-1px;
	padding-left:10px;
}

.title { font-size:25px; color:#333333; text-align:left; font-family: Nanum Gothic, dotum, sans-serif; letter-spacing:-2px;text-decoration:none;}
.title2 { font-size:20px; color:#333333; text-align:left; font-family: batang, sans-serif; letter-spacing:-2px; line-height:40px; font-weight:bold; text-decoration:none;}
.bigtitle {font-family: 'NotoSansKR'; font-size:15px; color:#333333; text-align:left; letter-spacing:-1px; text-decoration:none; font-weight:bold; line-height:50px;}
.bigtitle2 {font-family: 'NotoSansKR'; font-size:20px; color:#333333; text-align:left; letter-spacing:-1px; text-decoration:none; font-weight:bold;}

/* submenu���� */
#menu_sub{list-style:none;}

#menu_sub a{
	padding:0px 0px 2px 20px; /* ����� padding�� �������� top right bottom left */
	color:#656565; /* ���ڻ� */
font-family: 'NotoSansKR'; font-size: 11px;
	text-decoration:none;
	line-height:27px;
	width:149px;
	font-weight:800;
	float:left;
	background-image:url(../images/lbg-off.jpg);
	background-repeat:no-repeat;
	background-position:left top;
}

#menu_sub a:hover{
	background-image:url(../images/lbg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-family: 'NotoSansKR'; font-size: 11px;
	color:#fff; /* ��Ʈ ���� */
	width:149px;
	padding:0px 0px 2px 20px;
	line-height:27px;
	font-weight:800;
	float:left;
}


#page0101 #menu_sub a.menu1, #page0102 #menu_sub a.menu1_2, #page0103 #menu_sub a.menu1_3, #page0104 #menu_sub a.menu1_4, #page0105 #menu_sub a.menu1_5,
#page0201 #menu_sub a.menu2, #page0202 #menu_sub a.menu2_2, #page0203 #menu_sub a.menu2_3, #page0204 #menu_sub a.menu2_4, #page0205 #menu_sub a.menu2_5,
#page0301 #menu_sub a.menu3, #page0302 #menu_sub a.menu3_2, #page0303 #menu_sub a.menu3_3, #page0304 #menu_sub a.menu3_4, #page0305 #menu_sub a.menu3_5,
#page0401 #menu_sub a.menu4, #page0402 #menu_sub a.menu4_2, #page0403 #menu_sub a.menu4_3, #page0404 #menu_sub a.menu4_4, #page0405 #menu_sub a.menu4_5,
#page0501 #menu_sub a.menu5, #page0502 #menu_sub a.menu5_2, #page0503 #menu_sub a.menu5_3, #page0504 #menu_sub a.menu5_4, #page0505 #menu_sub a.menu5_5,
#page0601 #menu_sub a.menu6, #page0602 #menu_sub a.menu6_2, #page0603 #menu_sub a.menu6_3, #page0604 #menu_sub a.menu6_4, #page0605 #menu_sub a.menu6_5,
#page0701 #menu_sub a.menu7, #page0702 #menu_sub a.menu7_2, #page0703 #menu_sub a.menu7_3, #page0704 #menu_sub a.menu7_4, #page0705 #menu_sub a.menu7_5,
#page0801 #menu_sub a.menu8, #page0702 #menu_sub a.menu7_2, #page0703 #menu_sub a.menu7_3, #page0704 #menu_sub a.menu7_4, #page0705 #menu_sub a.menu7_5,
#page0901 #menu_sub a.menu9, #page0702 #menu_sub a.menu7_2, #page0703 #menu_sub a.menu7_3, #page0704 #menu_sub a.menu7_4, #page0705 #menu_sub a.menu7_5{
	background-image:url(../images/lbg.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	font-family: 'NotoSansKR'; font-size: 11px;
	color:#fff; /* ��Ʈ ���� */
	width:149px;
	padding:0px 0px 2px 15px;
	line-height:27px;
	font-weight:800;
	float:left;
}
/* submenu�� */

/* 공통 */
.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;}

/* sub0301 */

@media all and (max-width: 768px) {
	/* ���������� */
	#main_section{width:100%;}
	.main_top{display:none;}
	.main_middle div{width:100%; float:none; text-align: center;}
	.main_middle div:nth-child(2){margin-bottom:50px;}
	#mainimg{margin:0 auto;}
	.main_middle h2{margin-top:0px;}

	.main_banner{width:90%; margin:0 auto;}
	.main_bottom figure:nth-child(1){width:50%;}
	.main_bottom figure:nth-child(2){width:50%;}
	.main_bottom figure:nth-child(3){width:100%; margin-top:50px;}

	/* ���������� */
	#sub_section{width:100%;}
	#tonavi{display:none;}

	.sub_middle{width:90%;}
	.sub_middle aside, .sub_middle #sub_page{float:none;}
	.sub_middle aside{display:none;}
	.sub_middle #sub_page{width:96%; margin:0 auto;}
	#sub_page{width:96%; margin:0px auto 50px auto; padding-bottom:50px;}

	.page_tiele h2, .page_tiele h3{width:100%; float:none; text-align:center;}
	.page_tiele h3{display:none;}

	/* 공통 */
	.normal *{margin:0; padding:0; list-style:none; text-decoration:none;}
	.normal{font-size:17px; line-height:150%; color:#555; word-spacing:-1px;}
	.sp20{height:20px;}

	/* sub0101 */
	.sub0101 figure{display:none;}
	.sub0101 center{float:none; width:100%;}
	.sub0101 ul{float:none; width:100%; box-sizing:border-box; padding:40px 0px 0px 0px;}

	/* sub0201 */
	.sub0201{padding-left:0;}
	.sub0201 figure{padding:30px;}

	/* sub0601 */
	.sub0601 center{margin-bottom:30px;}
	.sub0601 h4{font-size:17px;}
	.sub0601 figure{font-size:15px; text-align:justify;}
	.sub0601 li{background:url(../images/sub_dot02.png) left top 8px no-repeat; font-size:15px;}
	.sub0601 li span{font-size:13px;}
	.sub0601 td{font-size:15px; padding:10px 10px;}
	.sub0601 .tb01{width:40px; text-align:center;}
	.sub0601 h5{margin-top:15px; font-weight:normal;}
}
@media (max-width:580px){
	/* ���������� */
	.main_bottom figure:nth-child(1){width:100%;}
	.main_bottom figure:nth-child(2){width:100%; margin-top:30px;}
	.main_bottom figure:nth-child(3){width:100%; margin-top:30px;}

	.main_middle .main_text{width:90%; margin:0 auto;}
	.main_middle h2{font-size:40px;}

	.main_middle h4{font-size:14px; line-height:24px; color:#636363;}
	.main_middle h4 span{display:block; font-size:22px; font-weight:bold; font-family:'Nanum Myeongjo', serif; color:#2d2d2d; margin:30px 0px 10px 0px;}

	.main_middle h4 br{display:none;}
}