html, body { margin:0px;padding:0px; font-family:'Nanum Gothic', sans-serif;font-size:12px;color:#666666; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,form,fieldset,p,a,button,checkbox { margin:0px;padding:0px;font-weight:normal;}

li{list-style:none;}
img { border:0px;vertical-align:top; }
.img_middle { border:0px;vertical-align:middle; }
.hidden{display:none;}

/* ÀÏ¹Ý ¸µÅ© ½ºÅ¸ÀÏ ******************************/
a:link { color: #222222; text-decoration: none; }
a:visited {color: #222222; text-decoration: none;}
a:hover { color: #bababa; text-decoration: none;}

.button_center {margin:2px;text-align:center;}
.button_right {margin:2px;text-align:right;}
.button_left {margin:2px;text-align:left;}

.clear {clear:both;}

.vw_content img {max-width: 1000px;height:auto;}


/* È¿°ú ******************************/
.etcmenu a.etc_txt img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);opacity: 1;}
.etcmenu a:hover img{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: .7;}

/* Form ÅÂ±× ¼³Á¤ ******************************/

input.txtbox {height:22px;line-height:22px; ;border:solid 1px #666; border-radius:5px; padding:2px;}
select.txtbox, input[type="file"] { height:22px; background-color:white;border-radius:5px; }



.whidden {display: none;}


.Wid05 { width: 5%;}
.Wid15 { width: 15%;}
.Wid10 { width: 10%;}
.Wid20 { width: 20%;}
.Wid30 { width: 30%;}
.Wid35 { width: 35%;}
.Wid40 { width: 40%;}
.Wid50 { width: 50%;}
.Wid80 { width: 80%;}
.Wid85 { width: 85%;}
.Wid90 { width: 90%;}
.Wid98 { width: 98%;}



#header { width:100%;height:120px;margin:0 auto;}
#mainContents { width:100%;margin:0 auto;}
#mainContents .contentsWrap {width:100%;max-width:1170px;margin:0 auto; *zoom:1;}
#mainContents .contentsWrap:after {content:""; clear:both; display:block; height:0; visibility:none;}



/* TOP¸Þ´º, ¸Þ´º ******************************/
.top_bg {width:100%;height:120px;background:url(/images/bg/top_bg.gif) repeat-x;text-align:center;box-shadow:0px 0px 7px #bbbbbb;}
.top_menu {width:100%;max-width:1170px;height:36px;margin:0 auto;border:0px solid red;}
.top_menu ul {float:right;width:100%;min-width:241px;max-width:241px;}
.top_menu ul li {list-style:none;float:left;width:79px;height:36px;line-height:36px;border-left:1px solid #e6e6e6;}
.top_menu ul li.end {list-style:none;float:left;width:79px;height:36px;line-height:36px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}
.top_menu ul li a{color:#6f6a65;text-decoration:none;}
.top_menu ul li a:hover{color:#bababa;text-decoration:none;}

#navi {width:100%;max-width:1180px;margin:0 auto;}
#navi .menu_logo {float:left;max-width:320px;box-sizing:border-box;height:82px;line-height:82px;}
#navi .menu_logo img {width:100%;max-width:320px;border:0;vertical-align:middle;}
#navi .menu {float:left;width:75%;max-width:880px;box-sizing:border-box;}
#navi .icon_menu {float:right;width:5%;padding:5px 0 0 5px;display:none;text-align:left;cursor:pointer;}

#gnb {display:block;position:relative;z-index:10000;margin:0 auto;float:right;width:70%;max-width:850px;box-sizing:border-box;display:block;}
#gnb .mHidden{display:none;}
#gnb > li {float:left; position:relative;list-style:none;width:24.5%; }
#gnb li > a {height:84px;display:inline-block;margin:0px 0px; padding-top:40px; font-size:18px; font-weight:600; color:#484848;}


#gnb li ul{position:absolute;top:83px;background: #f06236; width:100%;border-bottom-left-radius:3px;border-bottom-right-radius:3px;}
#gnb li ul:after{content:""; display:block; clear:both;}
#gnb li ul li{padding:0 0px 0 0;width:100%;text-align:center;}
#gnb li ul li a{font-size:13px;font-weight:none;color:#fff;text-decoration: none;width:100%;height:39px;line-height:39px;font-weight:600; display:block; }
#gnb li ul li a:hover{color:#f06236;text-decoration: none;font-weight:none;background: #fff;}

#gnb li ul.g1{left:10px;width:185px;padding:5px 0 10px 0;}


#gnb a.menu01 {background-image:url(/images/button/btn_menu01.png);width:120px;}
#gnb a.menu02 {background-image:url(/images/button/btn_menu02.png);width:120px;}
#gnb a.menu03 {background-image:url(/images/button/btn_menu03.png);width:120px;}
#gnb a.menu04 {background-image:url(/images/button/btn_menu04.png);width:120px;}
#gnb a.menu05 {background-image:url(/images/button/btn_menu05.png);width:120px;}
#gnb a.menu06 {background-image:url(/images/button/btn_menu06.png);width:120px;}



#mMenuClose { display:none; }


/* ¸ÞÀÎÀ̹ÌÁö ******************************/
#portfolio {width:100%;max-width:1170px;margin:0 auto;z-index:-10;}
#portfolio li{list-style:none;z-index:-10;width:100%;text-align:left;margin-left:0px;}
#portfolio:after {content:""; clear:both; display:block;}


.contentsWrap {width:100%;max-width:1170px;margin:0 auto;}
.contentsListTit {
	display:table;
	font-size:170%;
	color:#fff; 
	font-weight:550; 
	margin:30px 0 16px 0;
	background:#685b55;
	padding:10px 32px;
	text-align:center;
}




/* ¼­ºêŸÀÌƲ ******************************/
#subTopImg {width:100%;background-color:#c5cfcf;background-size: cover;}
#subTopImg .subimgWrap {width:100%;max-width:1170px;margin:0 auto;position:relative;}
#subTopImg .subimgWrap span.subTitle {
	background-color:#899da1;
	text-align:center;
	position:absolute; 
	top:30px; 
	left:0;
	font-size:250%;
	font-family:'Nanum Gothic', sans-serif;
	color:#fff;
	font-weight:400;
	padding:20px 40px 25px 40px;
}
#subTxt {width:100%;height:45px;line-height:45px;border-bottom:1px solid #d2d2d2;margin-bottom:15px;}
#subTxt .subTxtBox {text-align:right; max-width:1170px; width:100%;margin:0 auto;}
#subTxt span {color:#f06236;}



.board_title {float:left;width:80%;text-align:left;font-size:14px;font-weight:bold;padding-left:30px;}
.board_readnum {float:right;width:10%;}

/* Å×ÀÌºí¸®½ºÆ® ******************************/
.table_css {font-size:120%; color:#666666; letter-spacing:-0.5px; }
.table_css .head_Gray_No{text-align:center;background-color:#efefef;}
.table_css .head_Gray_T{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;}
.table_css .head_Gray_L{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;}
.table_css .head_Gray_B{text-align:center;background-color:#efefef;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_R{text-align:center;background-color:#efefef;border-right:1px solid #bebebe;}

.table_css .head_Gray_LB{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_BR{text-align:center;background-color:#efefef;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .head_Gray_LR{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .head_Gray_TL{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .head_Gray_TB{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_TR{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}

.table_css .head_Gray_LBR{text-align:center;background-color:#efefef;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .head_Gray_TLB{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_TBR{text-align:center;background-color:#efefef;border-top:1px solid #bebebe;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .head_Gray_TLBR{text-align:center;background-color:#efefef;border:1px solid #bebebe;}


.table_css .list_NO_left{text-align:left;padding:0 0 0 5px;}
.table_css .list_NO_center{text-align:center;}
.table_css .list_NO_right{text-align:right;padding:0 5px 0 0;}

.table_css .list_T_center{text-align:center;border-top:1px solid #bebebe;}
.table_css .list_L_center{text-align:center;border-left:1px solid #bebebe;}
.table_css .list_B_center{text-align:center;border-bottom:1px solid #bebebe;}
.table_css .list_R_center{text-align:center;border-right:1px solid #bebebe;}

.table_css .list_LB_center{text-align:center;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe; }
.table_css .list_BR_center{text-align:center;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_LR_center{text-align:center;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TL_center{text-align:center;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .list_TR_center{text-align:center;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TB_center{text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}

.table_css .list_LBR_center{text-align:center;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLB_center{text-align:center;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_TBR_center{text-align:center;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLBR_center{text-align:center;border:1px solid #bebebe;}

.table_css .list_T_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;}
.table_css .list_L_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;}
.table_css .list_B_left{padding:0 0 0 5px;text-align:left;border-bottom:1px solid #bebebe;}
.table_css .list_R_left{padding:0 0 0 5px;text-align:left;border-right:1px solid #bebebe;}

.table_css .list_LB_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_BR_left{padding:0 0 0 5px;text-align:left;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_LR_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TL_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .list_TR_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TB_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}

.table_css .list_LBR_left{padding:0 0 0 5px;text-align:left;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLB_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_TBR_left{padding:0 0 0 5px;text-align:left;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLBR_left{padding:0 0 0 5px;text-align:left;border:1px solid #bebebe;}


.table_css .list_T_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;}
.table_css .list_L_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;}
.table_css .list_B_right{padding:0 5px 0 0;text-align:right;border-bottom:1px solid #bebebe;}
.table_css .list_R_right{padding:0 5px 0 0;text-align:right;border-right:1px solid #bebebe;}

.table_css .list_LB_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_BR_right{padding:0 5px 0 0;text-align:right;border-right:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_LR_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TL_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-left:1px solid #bebebe;}
.table_css .list_TR_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TB_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;}

.table_css .list_LBR_right{padding:0 5px 0 0;text-align:right;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLB_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-left:1px solid #bebebe;border-bottom:1px solid #bebebe;}
.table_css .list_TBR_right{padding:0 5px 0 0;text-align:right;border-top:1px solid #bebebe;border-bottom:1px solid #bebebe;border-right:1px solid #bebebe;}
.table_css .list_TLBR_right{padding:0 5px 0 0;text-align:right;border:1px solid #bebebe;}



.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
.tableSearch:after {content:""; display:block; clear:both;}
.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px;  letter-spacing:-1px;}
.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; letter-spacing:-1px;}
.tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;}
.tableSearch .alignRight {float:right;}



table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:14px; width:100%;color:#444; }
table.tableList th {background-color:#f3f3f6; line-height:19px; padding:15px 5px 15px 5px; font-weight:600; font-size:14px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;}
table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:23px; padding:15px 15px 15px 15px; letter-spacing:-1px;}
table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}
table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}


/* ¸ð¹ÙÀÏ */
@media screen and (max-width:768px) {

	.mhidden {display: none;}

	.vw_content img {max-width: 100%;height:auto;}

	.mWid05 { width: 5%;}
	.mWid10 { width: 10%;}
	.mWid20 { width: 20%;}
	.mWid30 { width: 30%;}
	.mWid35 { width: 35%;}
	.mWid40 { width: 40%;}
	.mWid50 { width: 50%;}
	.mWid80 { width: 80%;}
	.mWid85 { width: 85%;}
	.mWid90 { width: 90%;}
	.mWid98 { width: 98%;}	
	

	#navi {width:100%;max-width:100%;margin:0 auto;}
	#navi .menu_logo {float:left;width:90%;box-sizing:border-box;height:82px;line-height:82px;text-align:left;}
	#navi .menu_logo img {width:60%;border:0;vertical-align:middle;padding-left:10px;}
	#navi .icon_menu {float:right;width:10%;padding:30px 0 0 0px;display:block;text-align:left;cursor:pointer;}


	#subTopImg .subimgWrap span.subTitle {display:none;}
	
	#gnb {display:none; z-index:10000;width:55%;  float:right; background-color:#626565}
	#gnb .mHidden{display:block;}
	#gnb > li {width:100%; line-height:30px; padding:0px; maring:0;}
	#gnb > li a span {display:block; color:#fff; line-height:30px; font-size:14px;}
	
	#gnb li ul{position:relative;top:0;background:#525252;border-bottom-left-radius:0px;border-bottom-right-radius:0px;}
	#gnb li ul:after{content:""; display:block; clear:both;}
	#gnb li ul li{padding:0 0px 0 0px;width:100%;text-align:center;}
	#gnb li ul li a{font-size:12px;color:#fff;text-decoration: none;width:100%;height:28px;line-height:28px;}
	#gnb li ul li a:hover{color:#f06236;text-decoration: none;background: #ffe84e;}

	#gnb li ul.g1{width:100%;padding:0px 0 0px 0px;box-sizing:border-box;}

	#mMenuClose {display:block; width:100%; height:50px; background:url(/images/img/m_close.png) right 10px no-repeat;cursor:pointer;}
	#mMenuClose span {display:none;}
	
	
	.tableSearch {text-align:left; margin-bottom:10px; width:100%;}
	.tableSearch:after {content:""; display:block; clear:both;}
	.tableSearch select {border:solid 1px #ddd; height:35px; color:#666; padding-left:10px;  font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch input {border:solid 1px #ddd; height:31px; color:#868686; padding-left:10px; font-family: '¸¼Àº °íµñ', sans-serif; letter-spacing:-1px;}
	.tableSearch .tableSearchBtn {padding:9px 12px;background-color:#333; color:#fff; line-height:35px; width:63px; text-align:center; font-size:13px; cursor:pointer;}
	.tableSearch .alignRight {float:right;}

	
	table.tableList {clear:both; text-align:left; margin:0 auto; margin-bottom:20px; border-top:solid 3px #0f2c4f; border-bottom:solid 2px #dedee1; font-size:15px; width:100%;color:#444; }
	table.tableList th {background-color:#f3f3f6; line-height:19px; padding:10px 5px 10px 5px; font-weight:700; font-size:14px; border-bottom:solid 1px #d2d2d6; letter-spacing:-1px;text-align:center;}
	table.tableList td {border-bottom:solid 1px #dadada; font-weight:normal; line-height:21px; padding:10px 5px 10px 5px; font-size:14px; letter-spacing:-1px;}
	table.tableList .tableRight {border-right:solid 1px #d2d2d6;}
	table.tableList .tableLeft {border-left:solid 1px #d2d2d6;}
	table.tableList .tableBoth {border-right:solid 1px #d2d2d6; border-left:solid 1px #d2d2d6;}

	table.tableList input {border:solid 1px #bbb; border-radius:5px; padding:2px;}
	table.tableList select {border:solid 1px #bbb; border-radius:5px; padding:2px;}


}



.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}