/* 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 { 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; }
	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; }

	section.contentWrap { }
	section.mainContent .boxCont { float:left; border-left:1px solid #dfdfdf;  }
	#boxCont1 ul.boxOrg {  }
	#boxCont1 ul.boxOrg li.myphoto_men { background-color:#dfdfdf; height:130px; background-image:url("/Ivyimages/site/phnet/bg_men.png"); background-repeat:no-repeat; background-position:120px top;  }
	#boxCont1 ul.boxOrg li.myphoto_woman { background-color:#dfdfdf; height:130px; background-image:url("/Ivyimages/site/phnet/bg_woman.png"); background-repeat:no-repeat; background-position:120px top;  }
	#boxCont1 ul.boxOrg li.name { padding:20px 20px 10px 20px; font-size:22px; }
	#boxCont1 ul.boxOrg li.job { padding:0 20px; }
	#boxCont1 ul.boxOrg li.mail { padding:5px 20px 20px 42px; background:url("/Ivyimages/site/phnet/ico_mail2.gif") 20px 8px no-repeat; }

	#boxCont1{position:absolute; left:180px;  margin:0;  height:100%; padding:0 ; border-left:0px }
	div.scrollBox {position:relative; height:100%; overflow:hidden; }
	div.scrollBox .container{position:relative; width:280px; top:0; float:left;}
	div.scrollBox .content{clear:both; }
	div.dragger_container{ display:none; position:absolute; width:0px; height:30%; float:left; margin:0 0 0 265px; /*border-left:1px solid #31231E; border-right:1px solid #8E7757; cursor:pointer*/ }
	/*div.dragger{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}
	div.dragger_pressed{position:absolute; width:9px; height:60px; background:#31231E; margin-left:-5px; overflow:hidden; cursor:pointer; -moz-border-radius:6px; -khtml-border-radius:6px; -webkit-border-radius:6px; border-radius:6px;}*/

	#boxCont2{position:absolute; left:460px; background-color:#f1f1ef;  margin:0;  height:100%; padding:0 ; }
	#boxCont2 ul {padding:0; margin:0; }
	#boxCont2 ul li{ color:#666; letter-spacing:-0.06em; padding:15px 8px ; list-style-type:none;  font-size:58px; font-weight:bold; line-height:1em; }
	#boxCont2 ul li a:hover { text-decoration:line-through; color:#6fcac6; } 	

	#boxCont3{position:absolute; left:740px;  margin:0;  height:100%; padding:0 ; }
	#boxCont3 div.scrollBox .content{  background:url("/Ivyimages/site/phnet/bg_box3.gif") no-repeat; height:900px; }
	#boxCont3 p.txt01 { font-size:39px;letter-spacing:-0.03em; color:#999; font-weight:bold; line-height:1em; padding:180px 0 155px 10px; }
	#boxCont3 p.txt02 { font-size:13px;letter-spacing:-0.01em;line-height:1.5em; padding:0 10px 15px 10px; }

	#boxCont4 { position:absolute; left:1020px;  margin:0;  height:100%; padding:0 ; }
	#boxCont4 ul.clients li { border-top:1px solid #dfdfdf; text-align:center; padding:15px 0 12px 0; }
	#boxCont5 { position:absolute; left:1300px;  margin:0;  height:100%; padding:0 ; }

}


@media (max-width:699px) { /* 이 코드는 699px 이하의 해상도에서 해석 됩니다 */ 
body { overflow-x:hidden; overflow-y:auto; }
	#wrap { width:100%; min-width:320px;  }
	.headerWrap { width:100%; }
	.header h1.logo { text-align:center; padding-top:40px; height:60px; }
	.header nav.menu {  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 { padding-top:20px; }
	div.info ul li { text-align:center; line-height:28px; font-size:1.45em; }	
	div.util { text-align:center; padding:20px 0; }

	section.contentWrap { display:none; }

}