@charset "utf-8";


a { text-decoration:none; color:#656565; }
a:hover { color:#000; } /*text-decoration:underline;*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

li{list-style-type:none}
img,fieldset,iframe{border:0}
img,fieldset{border:none}

/* img{ max-width:100%; }ipad사이즈에서 userlogin 의 title등 %로 된  것을 위해 */
li img,dd img{vertical-align:top}
input{vertical-align:middle}
hr{display:none}

.m_wrap {width:100%; max-width:640px; min-width:320px; margin:0 auto; padding:0;}
	ol, ul, li {list-style:none;  padding:0;  margin:0;}
	img {border:0 none;   padding:0;  margin:0;}

	.m_header {position:relative; width:100%;  max-width:640px; min-width:320px;}
	.m_header ul {overflow:hidden; }
	.m_header ul li.t1 img {float:left; width:32.5%;  max-width:208px; min-width:104px;}
	.m_header ul li.t2 img {float:left; width:53.125%;  max-width:340px; min-width:170px;}
	.m_header ul li.t3 img {float:left; width:14.375%;  max-width:92px; min-width:46px;}

	.visual {position:relative;width:100%;overflow:hidden;}
	.visual ul.vis_img li{ position:absolute;top:0px;left:0px;}
	.visual ul.vis_img li img{width:100%;  max-width:640px; min-width:320px;}
	.visual .but {position:absolute; right:3%; bottom:5%; overflow:hidden;}
	.visual .but li {float:left; max-width:100%; margin-right:6px;}




	.content {width:100%; max-width:640px; min-width:320px; margin-top:5.46875%; overflow:hidden; ;}
	.content01  { float:left; width:57%;  max-width:364.8px; min-width:182.4px;;margin-left:3%}
	.content .content01 ul li.c1 img {width:95%;  max-width:325px; min-width:162px;}
	.content .content01 ul li.c2 img {width:95%;  max-width:325px; min-width:162px;}
	.content .content01 ul li.c3 img {width:95%;  max-width:325px; min-width:162px;}
	.content .content01 ul li.c4  {width:95%;  max-width:325px; min-width:162px;}
	.content .content01 ul li.c5 img {width:95%;  max-width:325px; min-width:162px;}

	.content .content01 ul li.cc1 img {float:left; width:24%;  max-width:81px; min-width:40px; margin-right:1%;}
	.content .content01 ul li.cc2 img {float:left; width:24%;  max-width:81px; min-width:40px; margin-right:1%; }
	.content .content01 ul li.cc3 img {float:left; width:24%;  max-width:81px; min-width:40px; margin-right:1%;}
	.content .content01 ul li.cc4 img {float:left; width:24%;  max-width:81px; min-width:40px; margin-right:1%;}



	.content .content02 { float:left; width:40%;max-width:256px; min-width:128px;}
	.content .content02 ul li.c2_1 img { float:left; width:90%;  max-width:204px; min-width:102px;}
	.content .content02 ul li.c2_2 img { float:left; width:90%;  max-width:204px; min-width:102px;}

	.footer ul {text-align:center; width:100%;}
	.footer ul li.f0 {margin-top:35px; margin-bottom:10px;}

	.footer ul li.f0 ul {overflow:hidden; width:100%;}
	.footer li.f1 img { float:left; width:100%;}
	.footer li.f2 img { float:left; width:100%;}
	.footer li.f3 img { float:left; width:100%;}
	.footer li.f4 img { float:left; width:100%;}
	.footer li.f5 img { float:left; width:100%;}

	.footer ul li.copy1 img {width:100%; max-width:640px; min-width:320px; margin-top:15px;}

	.footer ul.foot_icon {overflow:hidden;  text-align:center;}
	.footer ul.foot_icon li { display:inline-block;}

	
/* ------------------------------- 메뉴 CSS ------------------------- */
div#navMenuIcon {position:fixed;width:43px;height:43px;right:20px;top:0px;display:none;cursor:pointer;z-index:80;}
div.navMenuAll {position:absolute;top:0px;left:0px;width:0px;overflow:hidden;background:#fff;border:1px solid #ddd;z-index:700;}
div.navMenu-layout {
	position:relative;
	-moz-border-radius: 21px; /*모질라*/
	-webkit-border-radius: 21px; /*웹킷*/
}
div.navMenu-top {position:relative;width:100%;height:45px;}
div.navMenu-top li.leftTop {float:left;width:49%;text-align:left;}
div.navMenu-top li.rightTop {float:right;width:49%;text-align:right;}
div.navMenu-tab {background:#282828;width:100%;height:66px;}
div.navManu-body {position:relative;width:100%;}
div.navMenu-tab li {float:left;width:33.3%;text-align:center;}
div.navMenu-icon {position:relative;width:80px;float:left;}
div.navMenu-list {position:relative;float:left;}
div.navMenu-list div.partLine {position:relative;width:100%;display:inline-block;}
div.navMenu-list div.depthTitleBar {position:relative;float:left;width:100%;padding-top:15px;padding-bottom:15px;overflow:hidden;font-size:20px;border-bottom:2px solid #ddd;}
div.navMenu-list div.depth1 {position:relative;float:left;width:100%;height:40px;overflow:hidden;border-bottom:1px solid #ddd;}
div.navMenu-list div.depth1 div.depth1-title {width:100%;text-align:left;padding:15px 0px 15px 10px;cursor:pointer;}
div.navMenu-list div.depth1 li.depth2 {width:100%;text-align:left;padding:10px 0px 10px 15px;}

.board_write{margin:0;padding:0;font-family:"돋움",Dotum,Helvetica,sans-serif}