@charset "UTF-8";

/*=========================================================
  1. 레이아웃
=========================================================*/
.site-content {/* padding-top:115px; */padding-top:80px; padding-bottom:150px; overflow:hidden;position: relative;top:-4px;background: #fff;}
.content-area {position:relative; width: 1140px; padding:0 20px; margin:0 auto;}
.content-area:after {content:""; display:block; clear:both;}

/*라인*/
.site-content:before {content: ""; display:block; position: absolute; top:0; left:0; width:70%; height:4px; background:#c90164; z-index: 10;}
.site-content:after {content: ""; display:block; position: absolute; top:0; right:0; width:30%; height:4px; background:#fdbf30;}

/* 사이드바 */
.sidebar {width:280px; float:left; margin-right:60px;}
.sidebar h2.widget-title {width:100%; margin-bottom:27px; text-align: right;}
.sidebar h2.widget-title span {position: relative; display:inline-block; width:220px; height:57px; background-color: #c90164; font-size:20px; color:#fff; padding:22px 13px 8px 0;}
.sidebar h2.widget-title span:before {content: ""; display:block; position: absolute; top:0; left:-50px; width:51px; height: 59px; background: url(/wp-content/themes/postech/images/sidebar_bg_deco.png) no-repeat 0 0;}

/* 메인 컨덴츠 */
.site-main {float:right; width:760px;}
.site-main header.entry-header {display:inline-block; padding-bottom: 18px;margin-bottom:32px; background:url(/wp-content/themes/postech/images/page_title_deco.png) repeat-x 0 bottom; line-height: 0; font-size:0;}
.site-main header.entry-header h1 {font-size:29px; color:#333; font-weight:600;}
.sidebar .widget_nav_menu .menu > li {position: relative;}
.sidebar .widget_nav_menu .menu > li > a {display:block; padding:13px 10px 12px 17px; margin-bottom:10px; width:100%; border:1px solid #eeeded; font-size:15px; color:#333; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.sidebar .widget_nav_menu .menu > li:before {content: ""; display:block; position: absolute; top:0; left:0; width:5px; height: 100%; background-color: #c90164; opacity: 0; visibility: hidden; transition:all ease-out 0.1s;-webkit-transition:all ease-out 0.1s;-moz-transition:all ease-out 0.1s;-ms-transition:all ease-out 0.1s;}
.sidebar .widget_nav_menu .menu > li:hover > a,
.sidebar .widget_nav_menu .menu > li[class*="current"] > a {color:#c90164;}
.sidebar .widget_nav_menu .menu > li[class*="current"]:before,
.sidebar .widget_nav_menu .menu > li:hover:before {opacity: 1; visibility: visible;} 

/*컨덴츠 영역*/
.entry-content p {/* font-size:14px; */ color:#666; line-height: 1.8em;}

/*이미지*/
.alignright {float:right; margin-left:10px!important;}
.alignleft {float:left; margin-right:10px!important;}
.aligncenter {display:block; margin:20px auto!important;}

/*=========================================================
  00. 반응형
=========================================================*/
@media screen and (max-width: 1140px) and (min-width: 1024px){
	
	/*상세페이지*/
	.content-area {width:1004px;}
	.sidebar {width:250px; margin-right:40px}
	.site-main {width:674px;}
	.sidebar h2.widget-title span {width:200px}

}

@media screen and (max-width: 1023px) and (min-width: 800px) {
	
	/*상세페이지*/
	.content-area {width:800px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:709px;}

}

@media screen and (max-width: 799px) and (min-width: 770px) {

	/*상세페이지*/
	.content-area {width:770px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:679px;}

}

@media screen and (max-width: 769px) and (min-width: 740px) {

	/*상세페이지*/
	.content-area {width:740px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:649px;}

}

@media screen and (max-width: 739px) and (min-width: 720px) {

	/*상세페이지*/
	.content-area {width:720px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:629px;}
	
}

@media screen and (max-width: 719px) and (min-width: 670px) {

	/*상세페이지*/
	.content-area {width:670px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:579px}
}

@media screen and (max-width: 669px) and (min-width: 640px) {

	/*상세페이지*/
	.content-area {width:640px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:559px;}

}

@media screen and (max-width: 639px) and (min-width: 480px) {

	/*상세페이지*/
	.content-area {width:480px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:389px;}

}

@media screen and (max-width: 479px) and (min-width: 420px) {

	/*상세페이지*/
	.content-area {width:420px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:329px;}

}

@media screen and (max-width: 419px) and (min-width: 400px) {

	/*상세페이지*/
	.content-area {width:400px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:309px;}

}

@media screen and (max-width: 399px) and (min-width: 380px) {

	/*상세페이지*/
	.content-area {width:380px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:289px;}


}

@media screen and (max-width: 379px) and (min-width: 360px) {

	
	/*상세페이지*/
	.content-area {width:360px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:269;}

}

@media screen and (max-width: 359px) {

	/*상세페이지*/
	.content-area {width:320px;}
	.sidebar {width:100%; float:none; margin-right:30px; margin-top:50px;}
	.site-main {width:100%; float:none;}
	.sidebar h2.widget-title span {width:249;}

}