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

img {border:0px;}

ul {padding:0; margin:0; list-style:none;}
a:hover{text-decoration:none;}

body {margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:0px;}
body, td, div, p, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, textarea{font-family:Nanum Gothic, sans-serif; font-size:9.5pt;  -webkit-text-size-adjust:none;}

/* ���������� */
#header{width: 100%;}
#main_img{height:440px;}

#main_section{padding-top: 49px;}
#main_con{width: 1100px; margin: 15px auto;}
#main_left, #main_right{float: left;}
#main_left{width: 865px;}
#main_right{width: 220px; margin-left: 15px;}

#mbn01{padding-bottom: 15px; height:85px;}
#mbn01 .mbn01-1{width:276px; border:1px #dcdcdc solid; text-align:left; float:left; cursor:pointer;}
.mbn01-2{padding:23px 0px 5px 100px; font-family:'Nanum Square'; font-size:20px; font-weight:bold; color:#486ed1;}
.mbn01-3{padding:0px 0px 23px 100px; color:#7b7b7b; padding-bottom:23px;}
.mbn01_bg01{background:url(../images/mbn01_1.jpg) 18px 13px no-repeat; margin-right:15px;}
.mbn01_bg02{background:url(../images/mbn01_2.jpg) 18px 13px no-repeat; margin-right:15px;}
.mbn01_bg03{background:url(../images/mbn01_3.jpg) 18px 13px no-repeat;}

#mbn02{background-color:#eeeeee; height:175px; padding:0px;}
#mbn02 li{float:left; width:144px; text-align:center; padding-top:10px;}
#mbn02 li a{text-decoration:none; color:#555;}
#mbn02 li a b{display:block; color:#ff9921; font-size:19px; margin:10px 0px 5px 0px;}
#mbn02 li img{width:100px;}

#mbn03 .mbn03-1, .mbn03-2{float:left;}
.mbn03-2{padding-left:20px;}
#mbn03-3 {width:412px; font-weight:bold; padding:20px 0px 5px 0px; border-bottom:1px solid #c9c9c9; margin:0px 5px 10px 5px;}
#mbn03-3 a {font-size:19px; color:#313131; text-decoration:none;}
#mbn03-3 span{color:#486ed1;}
.mbn03-4{padding-left:5px; line-height:21px;}

.lst li{font-size:15px; color:#486ed1;}
.lst a{text-decoration:none; display:inline-block; color:#555; width:320px;}

#mbn04{background-color:#486ed1; color:#fff; height:410px; background-color:#486ed1;}
.mbn04_con{padding-left:11px; border-bottom:2px solid #4366c1;}
.mbn04_con1{height:95px; padding-top:15px;}
.mbn04_con2{height:145px; padding-top:15px;}
.mbn04_con3{height:115px; padding-top:20px; border-bottom:none;}

.mbn04-1{width:209px; font-weight:bold; font-size:17px; color:#d0d0d0; margin-bottom:10px;}
.mbn04-2{font-size:12px; padding-top:7px;}
.mbn04-num{font-size:21px; font-weight:800; font-family:'Nanum Square';}
.mbn04-num b{display:block; font-size:28px;}
.mbn04-3{font-weight:bold; font-size:14px; line-height:18px;}
.mbn04-num2{font-size:25px; font-weight:800; line-height:27px; font-family:'Nanum Square';}
.mbn04-4{font-size:14px;}

.sp15{clear: both; height: 15px;}

#footer{border-top: 3px solid #486ed1;}
.copy{padding:20px 0px 20px 0px; text-align: center;}

/* ���������� */
#espace{padding-top: 47px;}
.subtop{height: 200px; width: 100%; background:url(../images/subtop.jpg) center no-repeat #ffffff;}
#sub_contents{width: 1100px; margin: 0 auto; margin-top: 25px;}
#sub_contents .sub_aside, .sub_page{float: left;}
.sub_aside {width: 200px; background: #f5f5f5;}
.sub_page {width: 875px; padding:0px 0px 50px 25px;}

.sub_tit{font-size:17pt; font-weight:bold; letter-spacing:-1px; color:#fff; padding:30px 0px 34px 20px; background: #486ed1; border-bottom:3px solid #313131;}
.sub_menu a{padding-left:20px; font-size:11pt; color:#666; text-decoration:none; width:200px; line-height:40px; float:left; background:url(../images/lbg-of.jpg) left 50% no-repeat;}
.sub_menu a:hover{background:url(../images/lbg.jpg) left 50% no-repeat; font-weight:bold; color:#fff;}
.clear_sub{clear: both; height: 15px; width: 1100px;}

/* 공통 */
.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:30px; font-family:'Nanum Square'; color:#000;}
.s_text01 span{color:#486ed1;}
.s_text02{font-size:16px; font-weight:normal; color:#333; margin:10px 0px 40px 0px;}
.s_text02 br{display:none;}
.bt_bn{background:#486ed1; color:#fff; padding:30px 0px; font-size:18px;}
.bt_bn h6{font-size:19px;}
.bt_bn h5{margin:0; color:#fff; font-size:36px; font-family:'Nanum Square'; margin:15px 0px 20px 0px;}

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

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

/* sub0501 */
.sub0501{background:url(../images/sub0102.jpg) right top -50px no-repeat;}
.sub0501 b{color:#486ed1;}
.sub0501 .con01{margin:20px 0px 15px 0px;}
.sub0501 .con01 li{float:left; font-size:16px; color:#333; background:#fff; border:1px solid #dfdfdf; text-align:center; width:49%; box-sizing:border-box; margin-bottom:15px; padding:20px 0px;}
.sub0501 .con01 li:nth-child(odd){margin-right:2%;}
.sub0501 .con01 li b{display:block; font-size:19px; margin-bottom:10px;}
.sub0501 .con02{padding:20px 0px; background:#f8f8f8; margin:30px 0px;}
.sub0501 .con02 b{display:block; font-size:19px; margin-bottom:10px;}
.sub0501 h4{margin:50px 0px 10px 0px; font-size:19px; color:#486ed1;}
.sub0501 .con03{margin-bottom:30px; background:#f8f8f8; padding:15px 15px 5px 15px;}
.sub0501 .con03 li{margin-bottom:10px; background:#fff; border:1px solid #dfdfdf;}
.sub0501 .con03 li span{display:inline-block; margin-right:20px; padding:10px 20px; background:#486ed1; color:#fff;}
.sub0501 .con03 li br{display:none;}

/* sub0502 */
.sub0502{background:url(../images/sub0102.jpg) right top -50px no-repeat;}
.sub0502 b{color:#486ed1;}
.sub0502 .con01{margin:20px 0px 15px 0px;}
.sub0502 .con01 li{float:left; font-size:16px; color:#333; background:#fff; border:1px solid #dfdfdf; text-align:center; width:49%; box-sizing:border-box; margin-bottom:15px; padding:20px 0px;}
.sub0502 .con01 li:nth-child(odd){margin-right:2%;}
.sub0502 .con01 li b{display:block; font-size:19px; margin-bottom:10px;}

.sub0502 .con02{background:#f8f8f8; padding:30px;}
.sub0502 .con02 h5{font-size:19px; margin-bottom:10px; color:#486ed1;}
.sub0502 .con02 li{float:left; text-align:center; box-sizing:border-box;}
.sub0502 .con02 li:nth-child(1), .sub0502 .con02 li:nth-child(2), .sub0502 .con02 li:nth-child(3){width:33%; margin-bottom:25px;}
.sub0502 .con02 li:nth-child(4), .sub0502 .con02 li:nth-child(5){width:50%;}
.sub0502 .con02 li:nth-child(4){padding-left:130px;}
.sub0502 .con02 li:nth-child(5){padding-right:130px;}
.sub0502 .con02 center{width:120px; height:120px; background:#fff; border-radius:50%; margin:0 auto 10px auto;}
.sub0502 .con02 center b{display:block; width:80%; border-bottom:2px solid #486ed1; font-size:24px; padding:15px 0px 10px 0px; margin-bottom:10px; font-family:'Nanum Square';}

.sub0502 h4{margin:50px 0px 10px 0px; font-size:19px; color:#486ed1;}
.sub0502 .con03{margin-bottom:30px; background:#f8f8f8; padding:15px 15px 5px 15px;}
.sub0502 .con03 li{margin-bottom:10px; background:#fff; border:1px solid #dfdfdf;}
.sub0502 .con03 li span{display:inline-block; margin-right:20px; padding:10px 20px; background:#486ed1; color:#fff;}
.sub0502 .con03 li br{display:none;}


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

	/*���� ������*/
	#main_section{padding-top: 63px;}
	#main_con, #main_left, #main_right{width: 100%;}
	#main_con{width:96%; padding:0px 2%;}
	#main_img{height:200px;}

	#mbn01{width: 100%; height:auto; padding-bottom:0;}
	#mbn01 .mbn01-1{float: none; width:98%; margin:0px auto 5px auto;}

	#mbn02{height: 150px; padding: 0px; display:none;}
	.mbn02-2{width: 100%;}
	.mbn02-2 #bimg{width: 90%;}
	.mbn02-2 .nav_bt{width: 5%;}
	.objImgFrame{width:110px; margin:0px;}

	#mbn03{margin: 15px 0px 15px 0px;}
	#mbn03 .mbn03-1, .mbn03-2{float:none;}
	.mbn03-1, .mbn03-2{width: 94%; padding:0px 0px 20px 4%; margin: 0 auto 5px auto; border:1px #dcdcdc solid;}
	.lst a{width:240px;}

	#main_right{margin-left: 0px;}
	.mbn04_con{padding-left:25px;}

	/*����������*/
	#espace{padding-top: 60px;}
	#sub_contents{width: 100%; margin: 0px;}
	#sub_contents .sub_aside, .sub_page{float: none;}
	.sub_aside{width: 100%}
	.sub_page{width:96%; padding:0px 2%; padding-top: 25px; padding-bottom: 25px;}
	.sub_tit{font-size:14pt; padding:0; padding-top:20px; padding-bottom: 20px; text-align: center;}
	.sub_menu{display: none;}

	/* 공통 */
	.normal{font-size:14px;}
	.s_text01{font-size:25px; text-align:center;}
	.s_text02{font-size:17px; text-align:center; margin:15px 0px 40px 0px; line-height:150%;}
	.s_text02 br{display:block;}

	.bt_bn{padding:20px 0px; font-size:12px;}
	.bt_bn br{display:block;}
	.bt_bn h6{font-size:14px;}
	.bt_bn h5{font-size:20px; margin:10px 0px 15px 0px;}

	/* sub0101 */
	.sub0101{padding:0px; background:none;}
	.sub0101 h5{text-align:center;}

	/* sub0102 */
	.sub0102{background:none;}
	.sub0102 h4{text-align:center;}
	.sub0102 ul{margin-bottom:20px; text-align:center;}
	.sub0102 li{margin-top:15px; font-size:14px;}
	.sub0102 li b{display:block; margin-right:0px;}
	#daumRoughmapContainer1706143640588{height:200px;}

	/* sub0501 */
	.sub0501{background:none;}
	.sub0501 .s_text02 br{display:block;}
	.sub0501 br{display:none;}
	.sub0501 .con01 li{float:none; font-size:14px; width:100%;}
	.sub0501 .con01 li:nth-child(odd){margin-right:0;}
	.sub0501 .con01 li b{font-size:17px;}
	.sub0501 h4{font-size:17px; text-align:center;}
	.sub0501 .con03{text-align:center;}
	.sub0501 .con03 li{padding-bottom:10px;}
	.sub0501 .con03 li span{display:block; margin-right:0px; padding:10px 0px; margin-bottom:10px;}
	.sub0501 .con03 li br{display:block;}
	.bt_bn br{display:block;}

	/* sub0502 */
	.sub0502{background:none;}
	.sub0502 .s_text02 br{display:block;}
	.sub0502 br{display:none;}
	.sub0502 .con01 li{float:none; font-size:14px; width:100%;}
	.sub0502 .con01 li:nth-child(odd){margin-right:0;}
	.sub0502 .con01 li b{font-size:17px;}

	.sub0502 .con02{background:#f8f8f8; padding:40px 0px 1px 0px;}
	.sub0502 .con02 h5{font-size:17px; text-align:center;}
	.sub0502 .con02 li{float:none;}
	.sub0502 .con02 li br{display:block;}
	.sub0502 .con02 li:nth-child(1), .sub0502 .con02 li:nth-child(2), .sub0502 .con02 li:nth-child(3){width:100%; margin-bottom:40px;}
	.sub0502 .con02 li:nth-child(4), .sub0502 .con02 li:nth-child(5){width:100%; margin-bottom:40px;}
	.sub0502 .con02 li:nth-child(4){padding-left:0px;}
	.sub0502 .con02 li:nth-child(5){padding-right:0px;}

	.sub0502 h4{font-size:17px; text-align:center;}
	.sub0502 .con03{text-align:center;}
	.sub0502 .con03 li{padding-bottom:10px;}
	.sub0502 .con03 li span{display:block; margin-right:0px; padding:10px 0px; margin-bottom:10px;}
	.sub0502 .con03 li br{display:block;}
	.bt_bn br{display:block;}
}


@media (max-width:580px){
	.m_none{display: none;}

	/* ���������� */
	#mbn02{height: 280px;}
	#mbn03-3{width: 93%;}
}
