@charset "utf-8";
/* html5를 인식하지 못하는 브라우져일 경우 신규로 추가된 TAG를 정의 */
header, footer, section, article, aside, nav, hgroup, details, menu, figure, figcaption, summary, mark, meter, output, progress, time, video { display: block }
html { font-family:"나눔고딕","NanumGothic","돋움","Dotum","Arial","Tahoma","Geneva", "Verdana"; }
body { font-size:0.75em; line-height:1.5em;  color:#333;  }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, 
q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, article, aside, hgroup, 
header, footer, figure, figcaption, nav, section { margin:0; padding:0; border:0;  vertical-align:baseline; background:transparent; }
a:link, a:visited, a:hover, a:active, a:focus { text-decoration:none; color:inherit; cursor:pointer; }

@media all and (min-width:699px) {    /* 화면 너비가 995px 이상이고 미디어쿼리를 지원하는 브라우저라면 아래 코드를 해석함 */
body { margin: 0; overflow: hidden; }
	#wrap { width:1588px;  }
	
	.headerWrap {position:absolute; height:100%; width:193px; float:left;  background:url("/Ivyimages/site/phnet/haeder_left_bg.png") 19px top repeat-y; z-index:10; }
	.header {width:180px; }
	.header div.mobileMenu {display:none;}
	.header h1.logo { text-align:center; padding-top:40px; height:98px; }
	.header nav.menu {  width:100%; font-size:16px; border-top:1px solid #dfdfdf; }
	.header nav.menu ul {list-style-type:none; padding:0; margin:0;}
	.header nav.menu li a { display:block; text-align:center; padding:28px 0 0 0; margin:0px 0px; height:48px; border-bottom:1px solid #dfdfdf; }
	.header nav.menu li.select {  margin:0px; border:0; color:#fff; width:192px; background-image:url("/Ivyimages/site/phnet/over_img.png") ;  margin-left:0px; background-repeat:no-repeat; background-position:right 30px;}
	.header nav.menu li.select a{ background-color:#333;  width:180px; border:0; margin:0px; }
	.header nav.menu li a.main { border-top:1px solid #dfdfdf; }
	div.info { width:180px; padding-top:20px; }
	div.info ul li { text-align:center; line-height:20px; }
	div.util { text-align:center; padding-top:20px; width:180px; }

	/*left*/
	section.snbWrap { width:170px; padding:0px; position:absolute; top:0px; bottom: 0px; right: 0px;	overflow: hidden; left:180px; background-color:#f0f0f0;  }
	section.snbWrap  h2.snbTit { font-size:30px; font-weight:bold; line-height:30px; padding:0 20px 10px 20px; height: 128px; display:table-cell; vertical-align:middle; }
	section.snbWrap  div.snb { border-top:1px solid #dfdfdf; }

	section.contentWrap { position:absolute; top:0px; bottom: 0px; right: 0px;	overflow-y: auto; left:385px; padding-top:48px; padding-right:40px;  }	
	section.sub28 { left:225px !important; }	
	/*content*/
	div.IvyMain div.contWrap {  width:100%; overflow: hidden; float:left; }
	div.IvyMain h3.contTit { float:left; line-height: 30px; height:70px; font-size:30px; }
	div.IvyMain div.location { float:right;  }
	div.IvyMain div.option { position: relative; clear:both; }
	div.IvyMain div#contentsSection { width:100%; font-size:13px; padding-bottom:50px; }
	#contentsSection h3  {padding-bottom:15px; }
	#contentsSection h5  {padding-left:13px; margin-left:20px; background-position:left 6px; }
	#contentsSection #moduleBody,
	#contentsSection #moduleBody .bbs_list_head,
	#contentsSection #moduleBody .cont_option .option,	 
	#contentsSection #moduleBody .adminCate { width: auto !important; }
	#contentsSection #moduleBody .bbs_cmode,
	#contentsSection #moduleBody .webzine_box { width:100% !important; }
	div.bbs_list_head { display:none; }
	
	footer {display:none;}
	
	table.tb_history { border-top:1px solid #999 !important; }
	table.tb_history td { padding:8px 10px !important; border-bottom:1px solid #dfdfdf !important; }
	table.tb_history td.tit {font-weight:bold; border-right:1px solid #efefef !important;  }
	table.tb_history td ul { padding-left:0 !important; }
	
	.photo_box {width:200px !important; height:200px !important; }
	.gallerybox {height:180px !important;}
	.etcinfo, .phto_info, .articleMover {display:none !important;}
	.phto_txt {text-align:center !important;  }
	
	.cont {text-align:center !important; width:100% !important; }
	div.map iframe {width:100%; height:500px;}
	
}
	

@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
	html { -webkit-text-size-adjust: none; 
		-moz-text-size-adjust: none; 
		-ms-text-size-adjust: none; }

body { overflow-x:hidden; overflow-y:auto; }	
	#wrap { width:100%; min-width:320px;  }
	.headerWrap { width:100%;  }
	.header h1.logo { text-align:center; padding-top:20px; height:80px; border-bottom:1px solid #dfdfdf; }
	.header nav.menu { display:none; width:100%; padding-top:38px; font-size:16px;  }
	.header nav.menu ul {list-style-type:none; padding:0; margin:0;}
	.header nav.menu li a { display:block; text-align:center; padding:28px 0 0 0; margin:0px 20px; height:48px; border-bottom:1px solid #333; }
	.header nav.menu li.top_first a{ display:none; }
	.header nav.menu li.top_first { border-bottom:1px solid #333; border-top:2px solid #333; margin:0px 20px; }
	div.info { display:none; } 
	div.util { display:none; position:absolute; bottom:0; text-align:center; padding-top:0px; width:100%; background-color:#fff; border-top:1px solid #cdcdcd; }

	/*left*/
	section.snbWrap { width:100%; padding:0px; }
	section.snbWrap  h2.snbTit { font-size:25px; font-weight:bold; line-height:35px; text-align:center; background-color:#333; color:#fff;}
	section.snbWrap  div.snb { }
	section.snbWrap ul.IvySubMenu li a{ clear: both; display:block;   padding: 10px 25px;  font-size: 1.25em; border-bottom:1px solid #dfdfdf;  }	

	section.contentWrap { padding:10px; }
	div.IvyMain h3.contTit { line-height: 35px; height:60px; font-size:30px; text-align:center; padding-top:10px; }
	div.location {display:none;}
	
	div.IvyMain div#contentsSection { width:100%; font-size:13px; }
	#contentsSection img {width:100%; height:100%; border:1px solid #0000;}
	#contentsSection h3  { background:none; padding:0 0 20px 0; margin:0; font-size:18px; }
	#contentsSection p  {  padding:0 0 15px 0; margin:0;  }
	#contentsSection h5  { padding:0 0 15px 15px; margin:0; background-position:left 6px; }
	#contentsSection .pdL35, #contentsSection .pdL20 {padding:0;}
	
	#contentsSection #moduleBody,
	#contentsSection #moduleBody .bbs_list_head,
	#contentsSection #moduleBody .cont_option .option,	 
	#contentsSection #moduleBody .adminCate { width: auto !important; }
	#contentsSection #moduleBody .bbs_cmode,
	#contentsSection #moduleBody .webzine_box { width:100% !important; }
	div.bbs_list_head { display:none; }	
	
	footer a{ display:block; width:50%; text-align:center; float:left; height: 33px; padding-top:15px; margin-top:20px; border-top:1px solid #dfdfdf; background-color:#f7f7f7; font-size:15px; font-weight:bold; }

	table.tb_history { border-top:1px solid #999 !important; }
	table.tb_history td { padding:8px 10px !important; border-bottom:1px solid #dfdfdf !important; }
	table.tb_history td.tit {font-weight:bold; border-right:1px solid #efefef !important;  }
	table.tb_history td ul { padding-left:0 !important; }	
	
	.contentManage img {max-width:100%;}
	.photo_box {height:110px !important; }
	.etcinfo, .phto_info, .articleMover, .bbs_mode {display:none !important;}
	.phto_txt {text-align:center !important;  }	
	
	div.map iframe {width:100%; height:300px;}

}