@charset "utf-8";

.title {width:100%;}
.title > img {width:100%}
.title ul {width:100%;overflow:hidden;}
.title ul > li {width:20%;float:left;}
.title ul > li.center {width:60%;}
.title ul > li > a > img {width:100%;}

.section_sub {
	width:100%;
}

.section_sub > img {width:100%;}
.section_sub2{width:95%; margin:3% auto;}

/**m13*/
.section13_tab {width:100%;overflow:hidden;}
.section13_tab > li {
	width:50%;text-align:center;float:left;border:1px solid #e0e0e0;box-sizing: border-box;
	background:#ededed;
}
.section13_tab > li.left {border-left:0;}
.section13_tab > li.top {border-top:0;}
.section13_tab > li > a {font-size:0.8em;color:#666666;display:block;padding:10px 0;}

.section13_tab > li.on {background:#f7f7f7;}
.section13_tab > li.on > a {color:#333333;border-bottom:2px solid #255ba9;padding-bottom:8px;}

.section13_list {width:100%;overflow:hidden;}
.section13_list > li {display:none;width:100%;}
.section13_list > li > img {width:100%;}
.section13_list > li.on {display:block;}


/**m15*/

.m15_tel {width:100%;overflow:hidden;}
.m15_tel > li {width:25.8%;float:left;}
.m15_tel > li img {width:100%;} 
.m15_tel > li.last {width:74.2%}

/**m31*/
.section31 {width:100%; padding:4% 0 0;border-top:2px solid #1c649d;overflow:hidden;}
.section31 > li {float:left;width:48%;margin-bottom:5%}
.section31 > li.first {margin-right:4%;}
.section31 > li > a {width:100%;display:block;}
.section31 > li > a > img {width:100%;}
.section31 > li > a > h4 {width:100%;text-align:center;font-size:0.8em;color:#555555;font-weight: 300;height:2em;line-height:2em}

.pager{margin-bottom:15%;width:100%;}
.pager ul{font-size: 0px;letter-spacing: 0px;word-spacing: 0px; /*inline-block 여백제거*/ text-align:Center;}
.pager ul li{display:inline-block;zoom:1;*display:inline;_display:inline; width:23px; height:23px; line-height:23px; border:1px solid #e5e5e5; vertical-align:top;margin:0 2px;}
.pager ul li.num{}
.pager ul li img{margin-top:7.5px;}
.pager ul li a{color:#555555; font-size:11px; display:block; width:100%; height:23px;}
.pager ul li.num a{}
.pager ul li.active a{color:#fff; font-weight:600; background:#1c649d}


.m31_view {width:100%;border-top:1px solid #cccccc;overflow:hidden;padding:5% 0;}
.m31_view > img {width:100%;}
.m31_view > h2 {font-size:1em;color:#333333;padding:5% 1% 0;font-weight:bold;}
.m31_view > div.text {width:100%;font-size:0.7em; color:#555555;padding: 3% 0 0;}
.m31_btn {text-align:center;width:100%;padding-top:5%}
.m31_btn  img {width:40%;max-width:173px}

.m31_btn.bottom {border-top:1px solid #cccccc;padding:5% 0 20%;}



/**m43*/
.section43_tab {width:100%;overflow:hidden;}
.section43_tab > li {
	width:50%;text-align:center;float:left;border:1px solid #e0e0e0;box-sizing: border-box;
	background:#ededed;
}
.section43_tab > li.left {border-left:0;}
.section43_tab > li.top {border-top:0;}
.section43_tab > li > a {font-size:0.8em;color:#666666;display:block;padding:10px 0;}

.section43_tab > li.on {background:#f7f7f7;}
.section43_tab > li.on > a {color:#333333;border-bottom:2px solid #255ba9;padding-bottom:8px;}

.m43_con {width:100%;padding:5% 0;}
.m43_con > li {width:auto;padding:15px 2%;border-bottom:1px solid #ededed;overflow:hidden;}
.m43_con > li.first {border-top:1px solid #ededed;}
.m43_con > li > h3  {height:2em;line-height:2em;color:#333333;font-size:0.8em;}
.m43_con > li > h3 > a {
	float: right;
    height: 2em;
    display: block;
}
.m43_con > li > h3 > a > img {height:100%;}
.m44_head {width:100%;border-top:2px solid #1c649d;border-bottom:1px solid #d1d1d1;overflow:hidden;background:#f8f8f8;}
.m44_head > li {float:left;text-align:center;font-size:0.8em;color:#444444;padding:3% 0;font-weight:bold;}
.m44_head > li.num {width:15%;}
.m44_head > li.subject {width:60%;}
.m44_head > li.date {width:25%;}


.m44_body {width:100%;border-bottom:1px solid #d1d1d1;overflow:hidden;}
.m44_body > li {float:left;text-align:center;font-size:0.6em;color:#444444;padding:3% 0;}
.m44_body > li.num {width:15%;}
.m44_body > li.subject {width:60%;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow: hidden;}
.m44_body > li.date {width:25%;}


.m42_head {width:100%;border-top:2px solid #1c649d;border-bottom:1px solid #d1d1d1;overflow:hidden;background:#f8f8f8;}
.m42_head > li {float:left;text-align:center;font-size:0.8em;color:#444444;padding:3% 0;font-weight:bold;}
.m42_head > li.num {width:15%;}
.m42_head > li.subject {width:50%;}
.m42_head > li.file {width:10%;}
.m42_head > li.date {width:25%;}


.m42_body {width:100%;border-bottom:1px solid #d1d1d1;overflow:hidden;}
.m42_body > li {float:left;text-align:center;font-size:0.6em;color:#444444;padding:3% 0;}
.m42_body > li.num {width:15%;}
.m42_body > li.subject {width:50%;text-align:left;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow: hidden;}
.m42_body > li.file {width:10%;}
.m42_body > li.date {width:25%;}

.m44_view {width:100%;text-align:left;border-top:2px solid #1c649d;}
.m44_view  tr {width:100%;}
.m44_view  tr > th {
	width:25%;padding-left:1%;font-size:0.8em;color:#444444;padding:5% 0% 5% 4%;font-weight:bold;border-bottom:1px solid #d1d1d1;
	background:#f6f6f6;
}
.m44_view  tr > td {width:75%;font-size:0.8em;color:#555555;padding:5% 0% 5% 4%;border-bottom:1px solid #d1d1d1;}
.m44_view  tr > td  img {max-width:100%;    height: inherit !important;}


.btn_wrap {text-align:center;width:100%;padding:5% 0 0}
.btn_wrap > a {display: inline-block;width:30%;}
.btn_wrap > a > img {width:100%;}

.np_write {width:100%;border-top:1px solid #d1d1d1;margin:10% 0 20%}
.np_write > div {width:100%;border-bottom:1px solid #d1d1d1;padding:5% 0;color:#5a5a5a;height:1em;line-height:1em;}
.np_write > div > span {font-size:0.8em;padding:0 8% 0 5%;display: inline-block;color:#333333;font-weight:bold;height:1em;line-height:1em;}
.np_write > div > a {
	font-size:0.8em;padding-left:5%;color:#5a5a5a;height:1em;line-height:1em;
	width: 63%;
    display: inline-block;
	text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow: hidden;
}

.m41_tel {width:45%;margin:0 auto 10%;overflow:hidden;}
.m41_tel > li {float:left;width:40%;}
.m41_tel > li > img {width:80%}
.m41_tel > li.last {width:60%;}
.m41_tel > li > a {display:block;}
.m41_tel > li > a > img {width:100%;margin-top:8%;}

.m42_view {width:100%;text-align:left;border-top:2px solid #1c649d;}
.m42_view  tr {width:100%;}
.m42_view  tr > th {
	width:25%;padding-left:1%;font-size:0.8em;color:#444444;padding:5% 0% 5% 4%;font-weight:bold;border-bottom:1px solid #d1d1d1;
	background:#f6f6f6;
}
.m42_view  tr > td {width:75%;font-size:0.8em;color:#555555;padding:5% 0% 5% 4%;border-bottom:1px solid #d1d1d1;}
.m42_view  tr > td  img {max-width:100%;    height: inherit !important;}


.password_form {width:100%;margin:3% 0 30%;padding:10% 0;background:#f0f1f3;text-align:center;}
.password_form .reserve_table_pwd {width:70%;margin:auto}
.password_form .reserve_table_pwd td {color:#333333;font-size:1em;text-align:center;width:100%;}
.password_form .reserve_table_pwd td.title {font-weight:bold;padding:3%;}
.password_form .reserve_table_pwd td.btn {width:100%;padding-top:3%;}
.password_form .reserve_table_pwd td.btn > a {
	color:#fff;font-weight:bold;font-size:1em;width:100%;height:50px;background:#184d9b;
	display: inline-block;
	line-height:50px;
}


.m42_write {width:100%;text-align:left;border-top:2px solid #1c649d;}
.m42_write  tr {width:100%;}
.m42_write  tr > th {
	width:30%;;font-size:0.8em;color:#444444;padding:5% 0% 5% 3%;font-weight:bold;border-bottom:1px solid #d1d1d1;
	background:#f6f6f6;
}
.m42_write  tr > td {width:70%;font-size:0.8em;color:#555555;padding:5% 0% 5% 4%;border-bottom:1px solid #d1d1d1;}

.m42_write  tr > td > .in_b {
	border:1px solid #cecece;border-radius: 0;
	  -webkit-appearance: none;
	  -webkit-box-shadow: none;
	  -moz-box-shadow: none;
	  box-shadow: none;
}

.m42_write  tr > td > .in_w {height:30px;}
.btn_wrap .write_btn ,.btn_wrap .cancel_btn {width:42%;padding:12px 0;background:#184d9b;color:#fff;font-size:1em;font-weight:bold;}
.btn_wrap .write_btn {margin-right:5px;}
.btn_wrap .cancel_btn {background:#333333;}

#list_write {width:20%;padding:7px 0;text-align:center;background:#184d9b;color:#fff;font-size:0.8em;font-weight:bold;}


.p_view{border-top:2px solid #1c649d; padding:2% 0 ; text-align:right; color:#555555;}
.p_view select{width:50%; padding: 0 1.5%;height:30px;line-height:30px;border-radius: 0; border:1px solid #b5b5b5; vertical-align:top; color:#555555;}
.p_view .p_move{
	background:#1c649d;  padding:0 2.5%;height:30px;line-height:30px;border:0;border-radius: 0; color:#fff; text-align:center; display:inline-block; font-weight:600;
}
.m31_view{}
.m31_view .view_img{position:relative;    border: 1px solid #dbdbdb;text-align:center;}
.m31_view .view_img img {
	max-width: 100% !important;
    height: inherit !important;
}
.m31_view .view_img.view1 img {max-width: 230px !important;}
.m31_view .view_img a.big_view{position:absolute; right:0; bottom:0;}
.m31_view>h2{color:#184d9b; margin-bottom:2%; padding-left:0;}
.m31_view>h3{color:#666666; margin-bottom:3%;}
.m31_view>div.text{color:#555555; line-height:1.5em;}
.m31_view>div.text > span {color:#666666; font-weight:bold}

.cate_wrap{}
.cate_wrap>ul{overflow:hidden;}
.cate_wrap>ul>li{
	float:left; border:1px solid #dbdbdb;box-sizing: border-box; border-left:0; background:#f3f3f3; width:33%; text-align:Center;
	height:28px; line-height:28px;
}
.cate_wrap>ul>li.first{border-left:1px solid #dbdbdb;}
.cate_wrap>ul>li.line2{border-top:none;border-bottom:none;}
.cate_wrap>ul>li>a{color:#666666; display:block; width:100%;font-size: 0.9em;line-height:28px;}
.cate_wrap>ul>li.first.on{}
.cate_wrap>ul>li.on{border:2px solid #184d9b; background:#fff; }
.cate_wrap>ul>li.on>a{color:#184d9b;line-height:26px; }
/*.cate_wrap>ul>li.line2.on{height:23px; line-height:23px;}*/
.cate_view{width:94%; padding:3%;  margin:0 auto; border:2px solid #e4e4e4; display:none; min-height:300px;
	font-size: 0.7em;
    color: #666;

}
.cate_view img {    
	max-width: 100% !important;
    height: inherit !important;}
.cate_view1{display:block;}

.m31_pop{position:relative; z-index:100000; position:fixed; left:50%; margin-left:-45%; top:20%; width:90%; display:none;}
.m31_pop>img{width:100%;}
.m31_pop>a.m31_close{ position:absolute; right:0; top:-69px;}
.m31_pop>a.m31_close>img	{width:100%;}

.m12_d {width:90%;margin:auto;}
.m12_d img {width:30%;}