/*Common*/
body, th, td, textarea, h1, h2, h3, h5, h6 {font-family:dotum;font-size:12px; color:#424142;  background:#ffffff;}
body, th, td, textarea  { line-height:16px; margin:0 0px; padding:0px; }
img, fieldset     { border:0; }
li { list-style:none; }
select, input     { font-family:verdana; color:#000000; font-size:1.00em;line-height:17px; }
address,em     { font-style:normal; }
button       { border:none; background:none; cursor:pointer; }
hr, legend     { display:none; }
p, h1, h2, h3, h4, h5, h6, form, input, ul, li, dl, dt, dd {margin:0; padding:0; }
a img {vertical-align:top;}
/* ¸ÞÀιè³Ê */
.mMainBanner { padding:0px 0 0 0; }
.mMainBanner a { display:block; }
.mMainBanner img { width:100%; }
/* ¸ÞÀιè³Ê */
.mgell p{ max-width:340px; overflow:scroll;}
.aaaaaa {width:80px; height:auto; display:block; float:left;}
.mgell a {text-align:center;}
img {max-width: 100%}




/*********************¸ÞÀÎcss**********************/

/*Àüü·¹À̾ƿô*/
body {min-width:280px; max-width:680px;margin:0 auto;}
.wrapper { margin: 10px 10px;}




.inner {max-width:640px; position:relative; margin:0 auto;}
.menu_all {position: absolute; right:0; top:0; padding:5%; width:11%;}
#gnb {width:100%; height:190px; background:#ffffff; position:absolute; top:-300px; left:0; z-index:5000; -webkit-box-shadow: 0px 0px 20px #000000; -moz-box-shadow: 0px 0px 20px #000000;box-shadow: 0px 0px 20px #000000;}
#gnb .inner {height:190px;}
#gnb p {color:#232361; text-align:center; padding:20px 0 20px 0; font-size:15px; letter-spacing:7px; word-spacing: 5px  }
#gnb .close {position: absolute; bottom:0; width:100%; height:45px; background:url('../img/close_bg.png') repeat-x; text-align: center}
#gnb ul {overflow: hidden; clear: both; background:#eaeaea; }
#gnb ul li {float: left; background:#eaeaea; width:32%;  border-right:solid 1px #ededed;  border-bottom:solid 1px #ededed; text-align:center; }
#gnb ul li.end {background:#eaeaea; width:100%;}
#gnb ul li.g3 {background:#eaeaea;}
#gnb ul li a {color:#333333; display: block; padding:13px 13px 13px 15px;  border:solid 0px #4b5b77;  font-family:"µ¸¿ò" , Arial;font-size:14px; font-style:normal;  text-decoration:none;}
#gnb ul li.end a {background:url('../img/gnb_bg2.png') no-repeat 98% 50%;}




/*ÄÁÅÙÃ÷*/
.content { width:100%; font-family:Helvetica, Arial, sans-serif;  border-radius:0px; box-shadow: 0px 0px 0px rgba(0,0,0,0.75); 
           padding:10px 0; color:#666; font-size:13px; line-height:18px; max-width:100%; min-height:320px; margin-bottom:25px; overflow-x: visible; overflow:hidden;}
/*·Î°í°ü·Ã*/
.home { position:absolute; width:50px;  height:50px;  left:0px; margin-left:5px; top:10px;}
.call { position:absolute; width:50px; height:50px;  right:0px; margin-right:5px; top:10px; text-align:right;}
.slogo {position:relative; margin: 0 auto; width:100%; height:auto;  background: #b0a3b3; max-width:1000px; }
.logo { margin: 0 auto; width: 100%; height:60px;  background: #ffffff; max-width:100%; overflow:hidden; }
.logo img { width: 100%; margin: 0px 0;vertical-align:top;}
/*¸ÞÀκñÁê¾ó*/
#vi{ position:relative; margin:0 auto; width:100%; overflow:hidden;text-align:cetner;}
/*DzÅÍ*/
.footerw {position:relative; width:100%; height:90px; background: #4d5154; max-width:100%; z-index:1000; bottom:0px;text-align:center; color:#1675a9; margin:20px auto 0;  border-top:solid 3px #4963a2;}
.footerlogo {width:100px; background: #4d5154; max-width:1000px;float:left; overflow:hidden; text-align:right; }
.footer {width:100%; background: #4d5154; max-width:1100px; text-align:center;  margin:10px auto; color:#1675a9; }
.footer h4 { text-align:center; font-family: 'Terminal Dosis', sans-serif; font-weight: normal; color:#ededed; font-size:1em !important;}
.footer h4 a {color:#ededed; text-decoration:none;}



/*¸ÞÀθ޴º*/
.mainmenu { position:relative; width:98%; height:230px; left:0px; bottom:0px; z-index:150; margin:10px 1% 20px 1%;  }
.mainmenu ul { text-align:center; }
.mainmenu li { text-align:center;float:left; width:30%; height:90px; padding:4% 1.6% 1% 1.5%; }
.mainmenu li img { width:auto; height:50px;text-align:center;margin:12px 0px 0 0px;} /*¸Þ´º¾ÆÀÌÄÜ*/
/*¼­ºê¸Þ´º*/
.submenu { position:relative; width:100%; height:40px; overflow:hidden;z-index:150; margin:0px 0; background: #5e5f5f; border-Bottom:solid 0px #cccccc; }
.submenu ul { text-align: center;}
.submenu li { text-align:center;float:left; width:25%; }
.submenu .s1 li {width:25%; }
.submenu .s3 li {width:33.33%; } 
.submenu .s5 li {width:20%; }


.submenu li img { width:auto;height:40px;text-align:center;margin:7px 0 0 0px; } /*¸Þ´º¾ÆÀÌÄÜ*/
/*º£½ºÆ®¹è³Ê*/
.bestban {position: absolute; width:100%;left:0px; top:46%; z-index:150; margin:80px 0;}
.bestban ul {text-align:center;}
.bestban li img {text-align:center;float:left; width:48%; margin:0 1% 0; 1%}
/*¼­ºêŸÀÌƲ*/
.header { margin-bottom:25px; box-shadow: 0px 2px 10px rgba(0,0,0,0.5);}
.header h4 { font-family: 'Terminal Dosis', sans-serif; font-weight:700; text-transform:uppercase;}
/*********************¸ÞÀÎcss³¡**********************/



/**¼­ºê***/

.msub2{ position:relative; width:100%; overflow:hidden;margin:0px auto;}
.msub2 ul { text-align:center;}
.msub2 li { float:left; width:30%; padding:4% 1.5% 1% 1.5%;  }


.msub3 { position:relative; width:100%; overflow:hidden;margin:0px auto 0px;}
.msub3 ul { text-align:center;}
.msub3 li { float:left; width:30%; padding:4% 1.5% 1% 1.5%;  height:50px; borde-right:solid 1px #ededed; }
.msub3 li a {color:#727272; font-family:Arial; font-size:13px; font-weight:bold; font-style:normal; height:95px; line-height:30px; text-decoration:none; text-align:center;}



.smenu { position:relative; width:100%; height:30px; overflow:hidden;z-index:150; margin:0px 0; background: #ffffff; border-Bottom:solid 0px #cccccc; }
.smenu ul { text-align: center;}
.smenu li { text-align:center;float:left; width:25%; }


.msub4 { position:relative; width:100%; overflow:hidden;margin:0px auto 0px;}
.msub4 ul { text-align:center;}
.msub4 li { float:left; width:100%; height:60px; borde-right:solid 1px #ededed; }
.msub4 li a {color:#727272; margin:0 5px 0 5px; font-family:Arial; font-size:13px; font-weight:bold; font-style:normal; height:60px; line-height:60px; text-decoration:none; text-align:center;}
.msub4 li .sel {color:#bd308d; margin:0 5px 0 5px; font-family:Arial; font-size:15px; font-weight:bold; font-style:normal; height:60px; line-height:60px; text-decoration:none; text-align:center;}


/************** ¸ÞÀθ޴º¹öÆ°****************/
.menubtn {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#fafafa;
 -webkit-border-top-left-radius:4px;
 -moz-border-radius-topleft:4px;
 border-top-left-radius:4px;
 -webkit-border-top-right-radius:4px;
 -moz-border-radius-topright:4px;
 border-top-right-radius:4px;
 -webkit-border-bottom-right-radius:4px;
 -moz-border-radius-bottomright:4px;
 border-bottom-right-radius:4px;
 -webkit-border-bottom-left-radius:4px;
 -moz-border-radius-bottomleft:4px;
 border-bottom-left-radius:4px;
 text-indent:0px;
 border:solid 1px #e3e3e3;
 display:inline-block;
 color:#727272;
 font-family:Arial;
 font-size:16px;
 font-weight:bold;
 font-style:normal;
 height:95px;
 line-height:30px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.menubtn:hover {
 background-color:#0c0c76;
 color:#ffffff;
}
.menubtn:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/
/************** ¸ÞÀθ޴º¹öÆ°****************/
.menubtn1 {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#ececec;
 -webkit-border-top-left-radius:4px;
 -moz-border-radius-topleft:4px;
 border-top-left-radius:4px;
 -webkit-border-top-right-radius:4px;
 -moz-border-radius-topright:4px;
 border-top-right-radius:4px;
 -webkit-border-bottom-right-radius:4px;
 -moz-border-radius-bottomright:4px;
 border-bottom-right-radius:4px;
 -webkit-border-bottom-left-radius:4px;
 -moz-border-radius-bottomleft:4px;
 border-bottom-left-radius:4px;
 text-indent:0px;
 border:solid 1px #e3e3e3;
 display:inline-block;
 color:#727272;
 font-family:Arial;
 font-size:16px;
 font-weight:bold;
 font-style:normal;
 height:95px;
 line-height:30px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.menubtn1:hover {
 background-color:#0c0c76;
 color:#ffffff;
}
.menubtn1:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/
/************** ¼­ºê¸Þ´º¹öÆ°****************/
.smenubtn {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#505066;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 text-indent:0px;
 border-left:solid 1px #47475e;
 display:inline-block;
 color:#ffffff;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:45px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.smenubtn:hover {
 background-color:#666666;
 border-bottom:0px;
}
.smenubtn:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/
/************** ¼±ÅùöÆ°¹öÆ°****************/
.select_smenubtn {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#232361;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 border-bottom:0px;
 text-indent:0px;
 border-left:solid 0px #47475e;
 display:inline-block;
 color:#ffffff;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:45px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.select_smenubtn:hover {
 background-color:#666666;
}
.select_smenubtn:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/




/************** ¼­ºê2¸Þ´º¹öÆ°****************/
.smenubtn2 {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#ededed;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 text-indent:0px;
 border-left:solid 0px #9ca8ad;
 display:inline-block;
 color:#797979;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 font-style:normal;
 height:35px;
 line-height:40px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.smenubtn2:hover {
 background-color:#ef7778;
 border-bottom:0px;
}
.smenubtn2:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/
/************** ¼±ÅÃ2¹öÆ°¹öÆ°****************/
.select_smenubtn2 {
 -moz-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 -webkit-box-shadow:inset 0px 0px 0px 0px #f9eca0;
 box-shadow:inset 0px 0px 0px 0px #000000;
 background-color:#ffffff;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 border-bottom:0px;
 text-indent:0px;
 border-left:solid 0px #9ca8ad;
 display:inline-block;
 color:#c80c46;
 font-family:Arial;
 font-size:14px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:45px;
 width:100%;
 text-decoration:none;
 text-align:center;
}
.select_smenubtn2:hover {
 background-color:#ef7778;
}
.select_smenubtn2:active {
 position:relative;
 top:1px;
}
/************** ¸Þ´º¹öÆ°****************/


/********** ȨµÚ·Î¸Þ´º¹öÆ°**********/
.logobtn {
 -moz-box-shadow:inset 0px 0px 0px 0px #e13e3e;
 -webkit-box-shadow:inset 0px 0px 0px 0px #e13e3e;
 box-shadow:inset 0px 0px 0px 0px #e13e3e;
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff7878), color-stop(1, #ed4d4d) );
 background:-moz-linear-gradient( center top, #ff7878 5%, #ed4d4d 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7878', endColorstr='#ed4d4d');
 background-color:#ffffff;
 -webkit-border-top-left-radius:0px;
 -moz-border-radius-topleft:0px;
 border-top-left-radius:0px;
 -webkit-border-top-right-radius:0px;
 -moz-border-radius-topright:0px;
 border-top-right-radius:0px;
 -webkit-border-bottom-right-radius:0px;
 -moz-border-radius-bottomright:0px;
 border-bottom-right-radius:0px;
 -webkit-border-bottom-left-radius:0px;
 -moz-border-radius-bottomleft:0px;
 border-bottom-left-radius:0px;
 text-indent:0px;
 border:2px solid #e13e3e;
 display:inline-block;
 color:#7a7a7a;
 font-family:Arial;
 font-size:8px;
 font-weight:bold;
 font-style:normal;
 height:40px;
 line-height:34px;
 width:40px;
 text-decoration:none;
 text-align:center;
}
.logobtn:hover {
 background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1717), color-stop(1, #ff4040) );
 background:-moz-linear-gradient( center top, #fe1717 5%, #ff4040 100% );
 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1717', endColorstr='#ff4040');
 background-color:#fe1717;
}.logobtn:active {
 position:relative;
 top:1px;
}</style>
/********** ȨµÚ·Î¸Þ´º¹öÆ°**********/


/************* È­¸é³ª´©±â ****Áß¿ä ** Áö¿ìÁö¸¶¼¼¿ä *****************/
body.ui-mobile-viewport,div.ui-mobile-viewport {
  overflow-x: hidden;
}
.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page {
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  position: absolute;
  display: none;
  border: 0;
}
.ui-mobile .ui-page-active {
  display: block;
  overflow: visible;
}
.ui-page {
  outline: none;
}
/*** È­¸é³ª´©±â ****Áß¿ä ** Áö¿ìÁö¸¶¼¼¿ä ***/
/** Ŭ¸¯½Ã Ç¥½Ã¾È³ª°ÔÇϱâ**/
.ui-page {
  margin: 0;
  overflow-x: visible;
  -webkit-text-size-adjust: none;
  -ms-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
/** Ŭ¸¯½Ã Ç¥½Ã¾È³ª°ÔÇϱâ**/
/*************** È­¸é³ª´©±â ****Áß¿ä ** Áö¿ìÁö¸¶¼¼¿ä ****************/

/******** È­¸é ³ôÀÌ ÁöÁ¤*********/
@media screen and (orientation:portrait) {
  .page {
    min-height: 500px;
  }
}










 
/*°Ô½ÃÆÇ Á¦¸ñ*/
.bbsnewf5 {padding:10px 10px 10px 10px;font-size:12px;font-family:NanumGothic,³ª´®°íµñ,±¼¸²,µ¸¿ò;color:#333333;}
.bbsnewf5 a:link{color:#555555;text-decoration:none}
.bbsnewf5 a:visited{color:#555555;text-decoration:none}
.bbsnewf5 a:hover{color:#FF5500;text-decoration:none}
 
input#border {font-size:12px;font-family:NanumGothic,³ª´®°íµñ,±¼¸²,µ¸¿ò;color:##666666;border:1px solid #D4D4D4;line-height:20px;}
textarea#border {font-size:12px;font-family:NanumGothic,³ª´®°íµñ,±¼¸²,µ¸¿ò;color:##666666;border:1px solid #D4D4D4}


/* bgcolor : °Ô½ÃÆÇ Ç׸ñ */
.board_bgcolor {width:100px;background-color:#F7F7F7;font-size:12px;font-family:±¼¸²,µ¸¿ò;color:#000000;}
.board_rate {padding:0 0 0 0;font-size:12px;font-family:NanumGothic,³ª´®°íµñ,±¼¸²,µ¸¿ò;color:#333333;background-color:#E6F0F9;}
.board_rate_td {padding:4 5 5 5;font-size:12px;font-family:NanumGothic,³ª´®°íµñ,±¼¸²,µ¸¿ò;color:#333333;background-color:#FFFFFF}
.board_comment_bgcolor {background-color:#F6F6F6;}
 
/* °Ô½ÃÆÇ ±âº»Å×À̺í */
.table_02 { width:100%; border-top:2px #ededed solid; border-bottom:1px #ededed solid; border-left:1px #e5e5e5 solid; margin-bottom:30px; font-size:12px;}
.table_02 td { border-bottom:1px #e5e5e5 solid; border-right:1px #e5e5e5 solid; padding:4px; }
#board_list_output{width:360px;}
#board_list_output .tab{width:360px;font-size:0;margin:0 10px 0 0;}
#board_list_output .tab a{font-size:0;padding:0 1px 0 0;}
#board_list_output .tab .more{float:right;margin:8px 0 0 0;}
#board_list_output .output_table{width:360px;margin:8px 0 0 0;}
#board_list_output .output_table td {font-size:11px;font-family:dotum;color:#777777;height:19px;}
#board_list_output .output_table .title{background:url(/default/img/main/bl_output_board.gif) no-repeat 8px 7px;padding:0 0 0 17px;}
#board_list_output .output_table a{font-size:11px;font-family:dotum;color:#777777;}
#board_list_output .output_table .date {color:#999999;}
/* Á¦¸ñÀÛ¼ºÀÚÆû¿ÞÂÊÁ¤·Ä */
#border {float:left; margin:0 0px 0 10px;}
/*³»¿ë¿ÞÂÊÁ¤·Ä*/
#post_area {text-align:left;}