/*-  Reset Style
----------------------------------------------------------------------*/
html,body,nav,footer,article,div,span,object,figure,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,time,mark,audio,video 
{ margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline; background:transparent; } 
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

/*-  자체 클리닝(class:mod와 section 영역 뒤에 적용)
----------------------------------------------------------------------*/
.mod:after, .section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mod, .section { zoom: 1; }

/*-  Basic Style
----------------------------------------------------------------------*/
body { 	background: #CECECE url("../imgs/body.gif");                                      /* 전체 배경스타일 */ 
	    background: url("../imgs/tile.png") repeat-x -2% -230px,
		url("../imgs/tile.png") repeat-x -4% 550px,
		url("../imgs/tile.png") repeat-x -8% 80%,
		url("../imgs/body.gif") repeat -50% 0,
		#CECECE;
 color:#303030; font: normal 100%/1.5 Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif;}
.ie7 body { background: #CECECE url("../img/body.gif"); }                              /* IE7 버그를 위한... */
table { font-size:inherit; font:100%; }
select, input, textarea { font: 99% sans-serif; }
a { -moz-transition: color 0.3s linear;
	-o-transition: color 0.3s linear;
	-webkit-transition: color 0.3s linear;
	transition: color 0.3s linear;
	color: #D53232; text-decoration: none; }
a:hover { color:#B52A2A; }
input.text, input[type=text] textarea { border: 1px solid #7C7C7C; border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3; }
p,ul,ol{ margin-bottom: 1em; }
abbr[title], dfn[title] { border-bottom: 1px dotted #666; border-bottom:1px dotted rgba(0, 0, 0, 0.2);
 cursor: help; }
hr, .skip, .ineffable { left: -1000em; overflow: hidden; position: absolute; top: 0; width: 0; }
img { max-width:100%; }
.ie6 img { width:100%; }               
/* IE6에서 max-width:100%; 값 대용으로 사용 - 차이점: max-width:100%; 는 정해진 크기를 넘지 않는 반면 width:100%;는 컨테이너 너비에 강제로 맞춰짐 */
#page { margin:36px auto; width:90%; }  
/* 전체 영역을 감싸는 부분 - 90%는 임의로 설정, 항상 양옆에 5%씩 여백이 생김 */

/*-  헤더 영역
----------------------------------------------------------------------*/
.logo, .nav_primary, .lede { position:relative;  z-index:100; }
.logo:after, .nav_primary:after, .lede:after
{ content: "."; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.logo { background:#C52618 url("../imgs/logo-bg.jpg"); float:left; width:16.875%; /* 162 / 960 */ }
.logo:after {                             /*after선택자를 사용해서 .logo뒤에 박스그림자로 입체적인 상자 표현 */
	 -moz-box-shadow: -1px 1px 0 #DA2F1E,
		-2px 2px 0 #DA2F1E,
		-3px 3px 0 #DA2F1E,
		-4px 4px 0 #DA2F1E,
		-5px 5px 0 #DA2F1E,
		-6px 6px 0 #DA2F1E,
		-7px 7px 0 #DA2F1E,
		-8px 8px 0 #DA2F1E,
		-9px 9px 0 #DA2F1E,
		-10px 10px 0 #DA2F1E,
		-11px 11px 0 #DA2F1E;
	-webkit-box-shadow: -1px 1px 0 #DA2F1E,
		-2px 2px 0 #DA2F1E,
		-3px 3px 0 #DA2F1E,
		-4px 4px 0 #DA2F1E,
		-5px 5px 0 #DA2F1E,
		-6px 6px 0 #DA2F1E,
		-7px 7px 0 #DA2F1E,
		-8px 8px 0 #DA2F1E,
		-9px 9px 0 #DA2F1E,
		-10px 10px 0 #DA2F1E,
		-11px 11px 0 #DA2F1E;
	box-shadow: -1px 1px 0 #DA2F1E,
		-2px 2px 0 #DA2F1E,
		-3px 3px 0 #DA2F1E,
		-4px 4px 0 #DA2F1E,
		-5px 5px 0 #DA2F1E,
		-6px 6px 0 #DA2F1E,
		-7px 7px 0 #DA2F1E,
		-8px 8px 0 #DA2F1E,
		-9px 9px 0 #DA2F1E,
		-10px 10px 0 #DA2F1E,
		-11px 11px 0 #DA2F1E;
	-o-box-shadow: -1px 1px 0 #DA2F1E,
		-2px 2px 0 #DA2F1E,
		-3px 3px 0 #DA2F1E,
		-4px 4px 0 #DA2F1E,
		-5px 5px 0 #DA2F1E,
		-6px 6px 0 #DA2F1E,
		-7px 7px 0 #DA2F1E,
		-8px 8px 0 #DA2F1E,
		-9px 9px 0 #DA2F1E,
		-10px 10px 0 #DA2F1E,
		-11px 11px 0 #DA2F1E;
	opacity: 0.5; 
	}
.logo img{ display:block; }
.logo a { display: block; padding: 8px 14.8148148% 18px;	/* 24px / 162px */}
.nav_primary { padding: 1.2em 1em 1em; background:#5E140D url("../imgs/nav-bg.jpg"); 
font:bold 14px "pill-gothic-300mg-1","pill-gothic-300mg-2", Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif; 
text-transform:uppercase; top:24px; z-index:99; }
.nav_primary:after, .lede:after {           /*after선택자를 사용해서 nav뒤에 박스그림자로 입체적인 상자 표현 */
	 -moz-box-shadow: 
	 1px -1px 0 #751910, 
	 2px -2px 0 #751910,
	 3px -3px 0 #751910, 
	 4px -4px 0 #751910, 
	 5px -5px 0 #751910, 
	 6px -6px 0 #751910, 
	 7px -7px 0 #751910, 
	 8px -8px 0 #751910, 
	 9px -9px 0 #751910, 
	 10px -10px 0 #751910, 
	 11px -11px 0 #751910;
	-webkit-box-shadow: 
	1px -1px 0 #751910, 
	2px -2px 0 #751910, 
	3px -3px 0 #751910, 
	4px -4px 0 #751910, 
	5px -5px 0 #751910, 
	6px -6px 0 #751910, 
	7px -7px 0 #751910, 
	8px -8px 0 #751910, 
	9px -9px 0 #751910, 
	10px -10px 0 #751910, 
	11px -11px 0 #751910;
	box-shadow: 
	1px -1px 0 #751910, 
	2px -2px 0 #751910, 
	3px -3px 0 #751910, 
	4px -4px 0 #751910, 
	5px -5px 0 #751910, 
	6px -6px 0 #751910, 
	7px -7px 0 #751910, 
	8px -8px 0 #751910, 
	9px -9px 0 #751910, 
	10px -10px 0 #751910, 
	11px -11px 0 #751910;
	-o-box-shadow: 
	1px -1px 0 #751910, 
	2px -2px 0 #751910, 
	3px -3px 0 #751910, 
	4px -4px 0 #751910, 
	5px -5px 0 #751910, 
	6px -6px 0 #751910, 
	7px -7px 0 #751910, 
	8px -8px 0 #751910, 
	9px -9px 0 #751910, 
	10px -10px 0 #751910, 
	11px -11px 0 #751910;
	opacity: 0.2; 
	}
.nav_primary li { display:inline; }
.nav_primary a { padding: 1.2em 1em 1em; position: relative; color:#EECBA5; z-index: 1; }
.nav_primary a:hover { color: #F8F5F2; }

/*-  Welcome 영역
----------------------------------------------------------------------*/
#welcome, #gallery { background: #F8F5F2 url("../imgs/noise.gif"); }
#welcome { clear: both; margin: 0 15.625% 53px;	/* 150px / 960px */}
.slides { position: relative; width: 112.272727%; /* 741px / 660px */}
#welcome .main { clear:left; padding-bottom:12px; position:relative; margin-top:-15px;
width:73.6363636%; }
.main_title { background:#000; border-left:12px solid #000; color:#FFF; 
font: normal 3.625em/0.9 "league-gothic-1", "league-gothic-2", "League Gothic", "Arial Narrow", Arial, sans-serif;/* 58px/ 16px */ 
margin-left:-12px; margin-bottom:0.15em; padding:12px 1.81818182% 6px; /* 12px / 660px */ text-transform:uppercase; }
#welcome .main p { padding-left:1.81818182%; padding-right:1.81818182%; /* 12px / 660px */ }
#welcome cite { font-style:normal; font-weight:bold; text-transform:uppercase; }
#welcome p.last { margin-bottom:0; }

/*-  blog 영역
----------------------------------------------------------------------*/
#blog, #gallery { margin:0 auto 53px; width:93.75%; /* 900/960 */ }
#blog { background: #F8F5F2 url("../imgs/blog-bg.png") repeat-y  63.1111111111111% 0; /* 568/900 */ }
.lede { background:#751910 url("../imgs/blog-title-bg.jpg"); color:#F9E3CC; 
font:normal 1.25em "league-gothic-1", "league-gothic-2", "League Gothic", "Arial Narrow", Arial, sans-serif;	/* 20px / 16px */ 
padding: 0.8em 5.33333333%;	/* 16px / 20px; 48px / 900px */ text-transform:uppercase; }
.lede a { color:#F8F5F2; font-size:2em; position:relative; z-index:1; }
#blog .main { float:left; width:62.8888889%; /* 566px / 900px */ }
#blog article { float:left; font-size:0.875em; /* 14px / 16px */  padding:40px 8.48056537%; /* 48px / 566px */ }
.date { background: rgba(0, 0, 0, 0.6); -moz-border-radius:3px; -o-border-radius:3px; border-radius:3px; -webkit-border-radius:3px;
color:#FFF; position:left; letter-spacing: 0.075em; margin: -2.25em 0 0 -17.0886076%;		/* 81/474 */
font:normal 0.857142857em/1 "league-gothic-1", "league-gothic-2", "League Gothic", "Arial Narrow", Arial, sans-serif;	/* 12px / 14px */
padding: 0.75em 0; text-align:center; text-transform:uppercase; text-shadow:0 1px 0 #000; width:14.556962%; /* 69px / 474px */ }
.date span { display:block; font-size:3.83333333em; /* 46px / 12px */ }
.title { font:normal 1.07142857em "pill-gothic-600mg-1", "pill-gothic-600mg-2", Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif; 
/* 15px / 14px */  text-transform:uppercase; margin-bottom:1em; }
.intro { font-size:1.14285714em; /* 16px / 14px */ }
/* 사진 추가시
blockquote, #blog figure { float: right; margin-bottom: 0.5em; margin-left: 2.53164557%; 12px / 474px
 width: 48.7341772%;	231px / 474px }
blockquote { border-width: 1px 0; border: 1px solid #AAA; border: 1px solid rgba(0, 0, 0, 0.12); color: #B65600;
font: italic 1.21428571em/1.35294118 Georgia, Times, serif;	17px / 14px; 23px / 17px padding: 1.1em 0 0.1em; }
#blog figure { background: #720000; color: #EEE; -moz-border-radius: 4px; -webkit-border-radius: 4px;
 border-radius: 4px; text-decoration: none; }
#blog figure p { padding: 0.5em; margin: 0; } */
.meta { border-top:1px solid #999; padding:1em 0; color:#666; text-align:right; }
.meta h1, .meta h2 { font-size:1em; font-weight:normal; }
.meta h1 { margin-bottom:0.5em; }
.meta h2, .meta ul, .meta li { display:inline; }
.meta cite { font-style:normal; font-weight:bold; }
.meta h2 { margin-right:0.5em; }
.meta li:after { content:"\20\2022"; color: #AAA; }/* after를 통해 li 뒤에  content:"\20\2022"; dot모양 생김 */
.meta li:last-child:after { content:""; }                                          /* 마지막 li에 dot 없애줌 */
.meta ul a { text-decoration:none; background:#eee; color:#999; padding: 0.15em 0.7em; 
-moz-border-radius:0.4em; -webkit-border-radius:0.4em; border-radius:0.4em; -o-border-radius:0.4em; }
.meta ul a:after { content:"#"; }
.meta ul a:hover { background:#BABABA; color:#FFF; }
#other { float:right; width:36.7777778%; /* 331px / 900px */}
#other .section { margin:40px auto; width:69.7885196%; /* 231px / 331px */ }
#other h1, .recent_entries li { border-bottom:1px solid #B8B7B5; border-bottom:1px solid rgba(0, 0, 0, 0.1); }
#other h1 { clear:both; font-size:0.6875em; /* 11px / 16px */ text-align:center; text-transform:uppercase; letter-spacing:0.25em; padding-bottom:1em; }
.recent_entries { margin:0 auto; width:69.7885196% /* 231px / 331px */ }
.recent_entries h2 { line-height: 1.1; }
.recent_entries a, .recent_entries p { padding-left:23px; }
.recent_entries h2 a { background:url(../imgs/lines.png) no-repeat 0 0.25em; display:block; }
.recent_entries li { padding:0.35em 0; }
.recent_entries p { color:#666; font-size:0.8em; margin:0; }
.recent_entries abbr { border-bottom:none; }

/*-  Gallery 영역
----------------------------------------------------------------------*/
#gallery { padding-bottom:2em; }
#gallery .main_title { margin:0 0 20px -10px; padding-left: 0; padding-right: 0; width: 49%; }
#gallery ul { float: right; margin: 1em 0 2em; /*margin-right: 5.77777778%;*/	/* 52px / 900px */ 
margin-right: 14.7777778%;	/* 133px / 900px */  width: 70.6666667%;  /* 636px / 900px */ }
#gallery li { float:left; margin-right:1.88679245%; /* 12px / 636px */ width: 23.5849057%;  /* 150px / 636px */ }
#gallery .last { margin-right:0; }
#gallery li a { background:#EAEAEA; -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25); border:1px solid rgba(255, 255, 255, 0.6); 
display:block; padding:5px 5px 10px; text-align:center; }
#gallery li:nth-child(odd) a {  /* 사진의 홀수영역 기울기설정 */
-moz-transform: rotate(5deg); transform: rotate(5deg);                           
-o-transform: rotate(5deg); -webkit-transform: rotate(5deg); }
#gallery li:nth-child(even) a { /* 사진의 짝수영역 기울기설정 */
 -moz-transform: rotate(-4deg); -o-transform: rotate(-4deg);                     
-webkit-transform: rotate(-4deg); transform: rotate(-4deg); }
#gallery p { margin:0; }
#gallery span, #gallery img { display:block; max-width:100%; }
#gallery span {                                            /* inset을 적용하여 사진 안쪽으로 그림자효과를 줌 */
-webkit-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.45); -moz-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.45); 
-o-box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.45); box-shadow: inset 0 0 70px rgba(0, 0, 0, 0.45); border:1px solid rgba(255, 255, 255, 0.4); }
#gallery cite { font-size: 0.95em; font-style: normal; font-weight: bold; display: block; text-align: center; line-height: 1.1; 
padding: 0.2em 0; text-transform: uppercase; }

/*-  푸터 영역
----------------------------------------------------------------------*/
footer { text-align:center; font-size:0.8125em; /* 13/16 */}


/*-  미디어 쿼리
-----------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------*/

/* 호환불가능한 iOS/WinMobile 폰트사이즈 변경 -------------------------------------------------------------- */
@media screen and (max-width: 600px),
screen and (max-device-width: 480px) {
	html {
		-ms-text-size-adjust: none;
		-webkit-text-size-adjust: none;
	}
}/*/mediaquery*/ 
/* respond.js 파일을 통해서 IE6이하 버전에서 min-width, max-width 사용 가능하게 해주는 주석처리 부분 */

/* 768~1200px 사이즈에 blog 스타일 변경 ---------------------------------------------------------------------*/
@media screen and (max-width: 768px), screen and (min-width: 1200px) {
	#welcome { margin-bottom:20px; }
	.slides { width:auto; }
	.slides img { max-width:100%; }
	#blog { background: #F8F5F2 url("../imgs/noise.gif"); }                                                           /* blog 배경이미지 변경 */
	#blog .main, #other { margin:0; float:none; width:auto; }
	#blog article { margin-bottom:0; }
    #other { /* blog안에 other 배경이미지 변경 */
	background:url("../imgs/noise-gray.gif"); padding:20px 8.48057%; clear:both; }                 
	#other .section { width:auto; }
	.recent_entries ul {/* other안에 ul에 단락 나눔 */
	  -moz-column-count: 2;
	  -moz-column-width: 48%;
	  -o-column-count: 2;
	  -o-column-width: 48%;
	  -webkit-column-count: 2;
	  -webkit-column-width: 48%;
	  column-count: 2;
	  column-width: 48%;
	}
	.meta { text-align:left; }
}/*/mediaquery*/

/* 768px이하 사이즈에서 배경, nav, gallery 영역 변경 --------------------------------------------------------*/
@media screen and (max-width: 768px) {
	body { background: fixed /* 768px 이하 사이즈시 배경고정 */ 
	url("../imgs/tile.png") repeat-x -50% -40px, url("../imgs/body.gif") repeat -50% 0, #CECECE; }
   .ie7 body { background: #CECECE url("../imgs/body.gif");	/* Stupid IE7 bug is stupid. */ }
   #page { position:relative; margin:20px; width:auto; }
   #welcome, #blog, #gallery { -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; box-shadow: none; 
   margin: 0 0 30px; width: auto; }
   .lede { font-family: Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif; }
   .lede a { font-size: 1em; font-weight: bold; }
   #welcome .main { width:auto; margin-top:-5px; }
   .logo { float:none; margin:0 auto 20px; positive:relative; }
   .nav_primary { padding: 1.2em 0 1em; margin-bottom: 20px; top: auto; text-align: center; }
   .nav_primary:after { /* 768px 이하 사이즈시 네비의 박스 그림자 위치 변경(아래로) */
		-moz-box-shadow: -1px 1px 0 #751910, -2px 2px 0 #751910, -3px 3px 0 #751910, -4px 4px 0 #751910, -5px 5px 0 #751910,
		 -6px 6px 0 #751910, -7px 7px 0 #751910, -8px 8px 0 #751910, -9px 9px 0 #751910, -10px 10px 0 #751910, -11px 11px 0 #751910;
		-webkit-box-shadow: -1px 1px 0 #751910, -2px 2px 0 #751910, -3px 3px 0 #751910, -4px 4px 0 #751910, -5px 5px 0 #751910,
		 -6px 6px 0 #751910, -7px 7px 0 #751910, -8px 8px 0 #751910, -9px 9px 0 #751910, -10px 10px 0 #751910, -11px 11px 0 #751910;
		-o-box-shadow: -1px 1px 0 #751910, -2px 2px 0 #751910, -3px 3px 0 #751910, -4px 4px 0 #751910, -5px 5px 0 #751910,
		 -6px 6px 0 #751910, -7px 7px 0 #751910, -8px 8px 0 #751910, -9px 9px 0 #751910, -10px 10px 0 #751910, -11px 11px 0 #751910;
		box-shadow: -1px 1px 0 #751910, -2px 2px 0 #751910, -3px 3px 0 #751910, -4px 4px 0 #751910, -5px 5px 0 #751910,
		 -6px 6px 0 #751910, -7px 7px 0 #751910, -8px 8px 0 #751910, -9px 9px 0 #751910, -10px 10px 0 #751910, -11px 11px 0 #751910;
		opacity: 0.2;
	}
	.date { float:right; margin:0 0 1em 1em; }
	#gallery .main_title { width:60%; margin-top:10px; }
	#gallery li { clear:right; float:right; margin:0 0 1em; width:49.0566038%; /* 312 / 636 */ }
	#gallery li.odd { clear:left; float:left; }
	#gallery li:nth-child(odd) a, #gallery li:nth-child(even) a { 
	    -moz-transform: rotate(0);
		-o-transform: rotate(0);
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}	
}/*/mediaquery*/

/* 520px이하 사이즈에서 nav영역 변경 ------------------------------------------------------------------------*/
@media screen and (max-width: 520px) {
	.nav_primary { float:left; width:100%; }
	.nav_primary li{ clear:left; float:left; width:48%; }
	li.nav_rated, li.nav_contact { clear:right; float:right; } 
	.nav_primary a { display:block; padding:0.45em; }
	.main_title { font: normal 1.5em Calibri, Candara, "Gill Sans", "Gill Sans MT", sans-serif; }
}/*/mediaquery*/

/* 480px이하 사이즈에서 변경 --------------------------------------------------------------------------------*/
@media screen and (max-width: 480px) {
	.logo { width: 33.75%;	/* 162px / 480px */ }
	.recent_entries ul { -moz-column-count: 1; -o-column-count: 1; -webkit-column-count: 1; column-count: 1; }
	#gallery li, #gallery li.odd { float:none; width:auto; }
	#gallery main_title { font-size:2em; margin-left: 0; width:80%; }
	#gallery li a { -webkit-box-shadow: 0 3px 8px rgba(0 0 0 0.25); -moz-box-shadow: 0 3px 8px rgba(0 0 0 0.25);
	-o-box-shadow: 0 3px 8px rgba(0 0 0 0.25); box-shadow: 0 3px 8px rgba(0 0 0 0.25); }
	#gallery span { -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45); -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45);
	-o-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45);	box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.45); }
}/*/mediaquery*/
	
/* 360px이하 사이즈에서 전체영역 변경 -----------------------------------------------------------------------*/
@media screen and (max-width: 360px) {
	#page { margin: 20px 10px; }
}/*/mediaquery*/

/* 768px 이상 사이즈에서 gallery 영역 사진 변경(하버시 그림자 진하게) -------------------------------------- */
@media screen and (min-width: 768px) {
	#gallery span { -moz-transition:-moz-box-shadow 0.1s linear; -o-transition:-o-box-shadow 0.1s linear;
	-webkit-transition:-webkit-box-shadow 0.1s linear; transition:box-shadow 0.1s linear; }
	#gallery a:hover span { -moz-box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.75); -webkit-box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.75);
	-o-box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.75); box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.75); }
}/*/mediaquery*/

/* 1025px이상 사이즈에서 각 섹션에 그림자효과 ---------------------------------------------------------------*/
@media screen and (min-width: 1025px) {
	#welcome, #blog, #gallery { -moz-box-shadow: 0 0 49px rgba(0, 0, 0, 0.26); -webkit-box-shadow: 0 0 49px rgba(0, 0, 0, 0.26);
	 -o-box-shadow: 0 0 49px rgba(0, 0, 0, 0.26);	box-shadow: 0 0 49px rgba(0, 0, 0, 0.26); }
}/*/mediaquery*/

/* 1200px이상 사이즈에서 변경영역 ---------------------------------------------------------------------------*/
@media screen and (min-width: 1200px) {
	#page { margin-top: 0; }
	.logo { margin-bottom: 40px; }
	.logo:after { /* logo박스 뒤에 입체상자변경 */
		-moz-box-shadow: -1px -1px 0 #DA2F1E, -2px -2px 0 #DA2F1E, -3px -3px 0 #DA2F1E, -4px -4px 0 #DA2F1E, -5px -5px 0 #DA2F1E, -6px -6px 0 #DA2F1E, -7px -7px 0 #DA2F1E, -8px -8px 0 #DA2F1E, -9px -9px 0 #DA2F1E, -10px -10px 0 #DA2F1E, -11px -11px 0 #DA2F1E;
		-webkit-box-shadow: -1px 1px 0 #DA2F1E, -2px 2px 0 #DA2F1E, -3px 3px 0 #DA2F1E, -4px 4px 0 #DA2F1E, -5px 5px 0 #DA2F1E, -6px 6px 0 #DA2F1E, -7px 7px 0 #DA2F1E, -8px 8px 0 #DA2F1E, -9px 9px 0 #DA2F1E, -10px 10px 0 #DA2F1E, -11px 11px 0 #DA2F1E;
		box-shadow: -1px -1px 0 #DA2F1E, -2px -2px 0 #DA2F1E, -3px -3px 0 #DA2F1E, -4px -4px 0 #DA2F1E, -5px -5px 0 #DA2F1E, -6px -6px 0 #DA2F1E, -7px -7px 0 #DA2F1E, -8px -8px 0 #DA2F1E, -9px -9px 0 #DA2F1E, -10px -10px 0 #DA2F1E, -11px -11px 0 #DA2F1E;
	   -o-box-shadow: -1px -1px 0 #DA2F1E, -2px -2px 0 #DA2F1E, -3px -3px 0 #DA2F1E, -4px -4px 0 #DA2F1E, -5px -5px 0 #DA2F1E, -6px -6px 0 #DA2F1E, -7px -7px 0 #DA2F1E, -8px -8px 0 #DA2F1E, -9px -9px 0 #DA2F1E, -10px -10px 0 #DA2F1E, -11px -11px 0 #DA2F1E;
	}
	.logo a { padding: 68px 14.8148% 48px; }
	.nav_primary, .nav_primary li { padding: 30px 1em; }
	.nav_primary { top: 55px; }
	.lede:after { /* 각 섹션 타이들 상자 뒤에 입체상자변경 */
		-moz-box-shadow: -1px -1px 0 #751910, -2px -2px 0 #751910, -3px -3px 0 #751910, -4px -4px 0 #751910, -5px -5px 0 #751910, -6px -6px 0 #751910, -7px -7px 0 #751910, -8px -8px 0 #751910, -9px -9px 0 #751910, -10px -10px 0 #751910, -11px -11px 0 #751910;
		-webkit-box-shadow: -1px -1px 0 #751910, -2px -2px 0 #751910, -3px -3px 0 #751910, -4px -4px 0 #751910, -5px -5px 0 #751910, -6px -6px 0 #751910, -7px -7px 0 #751910, -8px -8px 0 #751910, -9px -9px 0 #751910, -10px -10px 0 #751910, -11px -11px 0 #751910;
		box-shadow: -1px -1px 0 #751910, -2px -2px 0 #751910, -3px -3px 0 #751910, -4px -4px 0 #751910, -5px -5px 0 #751910, -6px -6px 0 #751910, -7px -7px 0 #751910, -8px -8px 0 #751910, -9px -9px 0 #751910, -10px -10px 0 #751910, -11px -11px 0 #751910;
		-o-box-shadow: -1px -1px 0 #DA2F1E, -2px -2px 0 #DA2F1E, -3px -3px 0 #DA2F1E, -4px -4px 0 #DA2F1E, -5px -5px 0 #DA2F1E, -6px -6px 0 #DA2F1E, -7px -7px 0 #DA2F1E, -8px -8px 0 #DA2F1E, -9px -9px 0 #DA2F1E, -10px -10px 0 #DA2F1E, -11px -11px 0 #DA2F1E;
	}
	#welcome, #gallery { float:right; margin:0 0 40px; width: 49.375%; }
	#welcome, footer { clear:both; }
	#welcome { margin:-60px 0 80px; }
	#welcome .main p { padding-left: 5.33333333%; padding-right: 5.33333333%; }
	#welcome .main_title, #gallery .main_title { margin-left:0; }
	#welcome .main_title { font-size:2.75em; /* 44px / 16px */ }
	#gallery { clear:right; }
	#gallery .main_title { font-size: 2.25em;	/* 36px / 16px */ }
	#gallery ul { float:none; margin:0; padding:0.5em 5.33333333% 2em; /* 16px / 20px; 48px / 900px */
	 width:auto;  }
	#gallery li:nth-child(odd) a, #gallery li:nth-child(even) a { 
	-moz-transform: rotate(0); -o-transform: rotate(0);
	-webkit-transform: rotate(0); transform: rotate(0); }
	#blog { clear:left; float:left; margin:0 0 20px; width: 49.375%; }
	#blog #other { clear:both; padding: 10px 8.48057%; }
}/*/mediaquery*/

.ie6 .slides, .ie7 .slides { overflow-x: hidden; zoom: 1; }
.ie6 #wrap { background: url("../imgs/tile.png") repeat-x -2% -230px; zoom: 1; }
.ie .logo, .ie .logo a, .ie .nav_primary, .ie .lede { zoom: 1; }