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; }

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;}

.vw_content img {max-width: 900px;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 ÅÂ±× ¼³Á¤ ******************************/
.txtbox {height:22px;line-height:22px;border:1px solid #828282;}

select.txtbox, input[type="file"] {
  height:26px;
  line-height: 30px;
  background-color:white;
}



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


/* 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:1170px;margin:0 auto;}
#navi .menu_logo {float:left;width:25%;max-width:290px;box-sizing:border-box;height:82px;line-height:82px;}
#navi .menu_logo img {border:0;vertical-align:middle;}
#navi .menu {float:left;width:75%;max-width:880px;box-sizing:border-box;}




/* ¸ÞÀÎÀ̹ÌÁö ******************************/
#portfolio {width:100%;max-width:1170px;margin:0 auto;}
#portfolio li{list-style:none;z-index:-10;width:100%;text-align:left;margin-left:0px;}
/*
#portfolio li .main_img {width:100%;height:500px;background-image: url(/images/img/img_main.jpg);background-position:center center;background-repeat: no-repeat;background-size: cover;} ¹Ú½ººñÀ²¿¡ µû¶ó À̹ÌÁö¸¦ ÀÚ¸¦¶§ cover »ç¿ë.
*/





/* ¸ÞÀÎ °øÁö»çÇ× ******************************/
#Wboard {width:100%;max-width:1170px;height:186px;margin:0 auto;border-bottom:1px solid #e0ddd5;margin-top:37px;}
#Wboard li.left {width:50%;min-width:585px;max-width:585px;float:left;}
#Wboard li.right {width:50%;min-width:585px;max-width:585px;float:left;}
#Wboard .Nboard {width:100%;max-width:585px;height:141px;border:0px solid red;}
#Wboard .Nboard li.N-left {float:left;width:30%;max-width:184px;border:0px solid red;text-align:center;}
#Wboard .Nboard li.N-right {float:left;width:70%;max-width:401px;border:0px solid red;}
#Wboard .Nboard li.N-right p {padding:10px 0;}




/* ¹Ù·Î°¡±â ******************************/
#Wbanner01 {width:100%;max-width:1170px;height:197px;margin:0 auto;margin-top:70px;}
#Wbanner01 li {float:left;width:31.6%;min-width:369px;margin-right:30px;border:0px solid red;}
#Wbanner01 li.end {float:left;width:31.6%;min-width:369px;margin-right:0px;}
#Wbanner01 .banner01 {width:100%;max-width:369px;height:197px;background:url(/images/button/btn_banner01.jpg) no-repeat;}
#Wbanner01 .banner02 {width:100%;max-width:369px;height:197px;background:url(/images/button/btn_banner02.jpg) no-repeat;}
#Wbanner01 .banner03 {width:100%;max-width:369px;height:197px;background:url(/images/button/btn_banner03.jpg) no-repeat;}

#Wbanner01 .banner01 h2 {font-size:20px;font-family:³ª´®°íµñ;font-weight:600;color:#282828;padding:54px 0 0 212px;}
#Wbanner01 .banner01 span{display:inline-block;color:#969696;max-width:150px;padding:27px 0 0 212px;line-height:20px;}

#Wbanner01 .banner02 h2 {font-size:20px;font-family:³ª´®°íµñ;font-weight:600;color:#fff;padding:56px 0 0 170px;}
#Wbanner01 .banner02 span{display:inline-block;color:#fff;max-width:170px;padding:27px 0 0 170px;line-height:20px;}

#Wbanner01 .banner03 h2 {font-size:20px;font-family:³ª´®°íµñ;font-weight:600;color:#fff;padding:50px 0 0 205px;}
#Wbanner01 .banner03 span{display:inline-block;color:#fff;max-width:160px;padding:25px 0 0 205px;line-height:20px;}



/* ¼­ºê ******************************/
#subNavi {position:relative; background-color:#CF9; width:100%; text-align:center; z-index:0; *zoom:1; height:200px;}
#subNavi:after {content:""; clear:both; display:block; height:0; visibility:none;}

#subTop { background:url(/images/bg/bg_sub_top.gif) repeat-x; height:200px;}
#subTop .subImg {text-align:center; margin:0 auto; height:200px; *zoom:1;}
#subCate {border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; height:38px;}
#subCate .subCateBox {margin:0 auto; width:1200px; text-align:left; height:38px;}
#subCate .subCateBox span {display:block; float:left;}
#subCate span.subCateText01 {float:left; padding-top:12px;}
#subCate span.subCateText02 {float:left; padding-top:12px; font-weight:bold;}

#subContainer {width:1200px; margin:0 auto; z-index:100; *zoom:1;  background:url(/images/bg/bg_sub_left.gif) repeat-y;}
#subContainer:after {content:""; clear:both; display:block; height:0; visibility:none;}

#subLeft {float:left; border-left:solid 1px #ddd;  border-right:solid 1px #ddd; }
#subLeft:after {content:""; clear:both; display:block; height:0; visibility:none;}
#subLeft h2 {width:218px; background-color:#f7f7f7; color:#48873f; font-size:230%; font-weight:600; line-height:78px; border-bottom:solid 1px #ddd; text-align:center;}
#subLeft li {height:40px; line-height:40px; text-align:left; border-bottom:solid 1px #ddd;}
#subLeft li span {padding:0 18px 0 48px;}
#subLeft li a{display:block; height:40px; font-size:120%; text-decoration:none; font-weight:600; color:#5f5f5f;}
#subLeft li a:hover { background-color:#80bf00; color:#FFF; font-weight:bold; text-decoration:none;}
#subLeft li a.selected {background-color:#80bf00; color:#FFF; font-weight:bold; text-decoration:none;}

#subLeft .subCall {border-top: solid 1px #afa49e; width:100%; text-align:center; margin-top:40px;}
#subLeft .subCall p.subCallTit {font-size:130%; color:#6b5d56; font-weight:600; padding:19px 0 17px 0;}
#subLeft .subCall p.subCallNumder {border-bottom:solid 1px #ddd; padding-bottom:7px; font-size:200%; font-weight:600; color:#f66200; margin:0 20px 0 20px;}
#subLeft .subCall p.subCallMaill {display:block; line-height:18px; padding:20px 0 30px 0;}

#subLeft ul.subLeftBtn li {height:47px;}

#subRight {float:left; width:920px; margin:0 0 50px 50px; }
#subRight h3 {color:#464646; width:920px; font-size:250%; width:100%;  font-weight:600; text-align:left; border-bottom:solid 1px #bfbfbf; padding-bottom:16px; padding-top:29px; letter-spacing:-2px;}

#subPage {font-size:110%; line-height:30px; width:100%; max-width:930px; text-align:left; margin:30px 0 40px 4px; font-size:120%;}
#subPage:after {content:""; clear:both; display:block; height:0; visibility:none;}




/* Å×ÀÌºí¸®½ºÆ® ******************************/
.table_css {font-size:13px;color:#666666;}

.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;}



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

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