@charset "UTF-8";

/*=========================================================
  1. 레이아웃
=========================================================*/
body{padding-top:0; overflow-x: hidden;}
.site_wrap {overflow-x:hidden;}
.site_wrap .site_boxcontainer {position: relative;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;left:0;}
.site-header-main .container {width:1140px; margin:0 auto; padding:45px 20px 0; }
.site-header-main .container .container_item {position:relative;}

/*=========================================================
  2. 로고
=========================================================*/

/*기본로고*/

/*
.site-header-main .logo_box {display:inline-block; position:relative; padding:24px 0px; vertical-align: middle;}
.site-header-main .logo_box a {display:block; width:185px; height:31px;}
.site-header-main .logo_box:before {content:""; position:absolute; top:-47px; left:65px; display:block; width:131px; height:47px; background:url(/wp-content/themes/postech/images/logo_deco_top.png) no-repeat 0 0;}
*/

/*기본로고*/


/*30주년 로고*/
/*
.site-header-main .logo_30 {display:inline-block; position:relative; padding:5px 0px; vertical-align: middle;}
.site-header-main .logo_30 a {display:block; width:110px; height:110px; margin-top:-45px; margin-left: 39px;}
*/
/*30주년 로고*/

/*30주년 로고*/
.site-header-main .logo_box {display:inline-block; position:relative; /* padding:24px 0px; */padding:12px 0px 24px 0px; vertical-align: middle;}
.site-header-main .logo_box a {display:block; width:230px; height:42px;}
.site-header-main .logo_box:before {content:""; position:absolute; top:-47px; left:65px; display:block; width:131px; height:47px; background:url(/wp-content/themes/postech/images/logo_deco_top.png) no-repeat 0 0;}

.home .site-header-main .logo_box:after {content:""; position:absolute; bottom:-82px; left:6px; display:block; width:143px; height:83px; background:url(/wp-content/themes/postech/images/logo_deco_bottom.png) no-repeat 0 0; z-index:40;}

.site-header-main .top_logobx{width: 140px;line-height: 0; position: absolute; top: -20px; right: 190px;display: block;}

/*=========================================================
  3. 메인 네비게이션
=========================================================*/
/*1뎁스*/
.site-header-main .header_nav {display:inline-block; float:right; margin-top:30px;}
.site-header-main .menu-main-menu-container > ul.menu {font-size:0; line-height:0;}
.site-header-main .menu-main-menu-container > ul.menu > li {position:relative; display:inline-block;}
.site-header-main .menu-main-menu-container > ul.menu > li:hover > a {color:#c90164;}
.site-header-main .menu-main-menu-container > ul.menu > li > a {padding:31px 0 31px 38px; font-size:15px; font-family:'Verdana', 'Nanum Barun Gothic', sans-serif; color:#333;}
.site-header-main .menu-main-menu-container > ul.menu > li[class*="current"] > a {color:#c90164;}

/*2뎁스*/
.site-header-main .menu-main-menu-container ul.sub-menu {/* border:1px solid #ccc; */ z-index:20;}
.site-header-main .menu-main-menu-container ul.sub-menu {position:absolute; top:47px; left:-77px; margin-left:50%; background:#fff; border-bottom:3px solid #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;}
.site-header-main .menu-main-menu-container ul.sub-menu li {position:relative; width:189px; height:49px; text-align: center; display:table;}
.site-header-main .menu-main-menu-container ul.sub-menu li a {display:table-cell; width:100%; height:100%; vertical-align:middle; padding:0px 10px; line-height:1.5em; font-size:13px; color:#333; font-family:'Verdana', 'Nanum Barun Gothic', sans-serif;}
.site-header-main .menu-main-menu-container ul.sub-menu li a:before {content:""; position:absolute; top:-1px; display:block; width:152px; height:1px; background:#ececec; margin-left:-76px; left:50% ;opacity: 1; visibility:visible;}
.site-header-main .menu-main-menu-container ul.sub-menu li:first-child a:before {display:none;}
.site-header-main .menu-main-menu-container ul.sub-menu li:hover a {background:#ececec;}
.site-header-main .menu-main-menu-container ul.sub-menu li:hover a:before {width:100%; margin-left:0; left:0;}
.site-header-main .menu-main-menu-container ul.sub-menu li[class*="current"] {background:#ececec}
.site-header-main .menu-main-menu-container > ul.menu > li:hover > ul.sub-menu {opacity:1; visibility:visible;}

/*=========================================================
  4. 서치바
=========================================================*/
.site-header-main .right_box {position:absolute; top:-28px; right:0px; width:175px;}
.site-header-main .search_box {position:relative;}
.site-header-main .search_box label {display:none;}
.site-header-main .search_box .input_box {height:28px; border:1px solid #c9c9c9; padding-right:28px; padding-left:13px;}
.site-header-main .search_box .search_btn_box {position:absolute; top:0px; right:0px; width:28px; height:26px; background:url(/wp-content/themes/postech/images/icons/spritesheet.png) no-repeat 0px 3px;}
.site-header-main .search_box .search_btn_box:hover {position:absolute; top:0px; right:0px; width:28px; height:26px; background:url(/wp-content/themes/postech/images/icons/spritesheet_hover.png) no-repeat 0px 3px; 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;}
.site-header-main .search_box .search_btn {display:block; cursor:pointer; width:28px; height:26px; text-indent:-9999px;}
.site-header-main .search_box .input_box .input_text {width:100%; font-size:13px; color:#303030; line-height: 28px;}

/*=========================================================
  5. 서브페이지 이미지 타이틀 및 빵가루
=========================================================*/
/* 서브페이지 이미지 타이틀 */
.header_title_box {position:relative;overflow: hidden;}

.header_title_box .box_container .title_bar_box {/*background-attachment: fixed!important;*/background-size:cover !important;background-position:center center !important;}
.header_title_box .box_container .title_bar_box.bg_introduction {background:url(/wp-content/themes/postech/images/imgs/introduction_title_bar.jpg) no-repeat; background-position:center 0;}
.header_title_box .box_container .title_bar_box.bg_inbound-programs {background:url(/wp-content/themes/postech/images/imgs/inbound_title_bar.jpg) no-repeat; background-position:center 0;}
.header_title_box .box_container .title_bar_box.bg_outbound-programs {background:url(/wp-content/themes/postech/images/imgs/outbound_title_bar.jpg) no-repeat; background-position:center 0;}
.header_title_box .box_container .title_bar_box.bg_isss {background:url(/wp-content/themes/postech/images/imgs/isss_title_bar.jpg) no-repeat; background-position:center 0;}
.header_title_box .box_container .title_bar_box.bg_visiting-postech {background:url(/wp-content/themes/postech/images/imgs/visiting_title_bar.jpg) no-repeat; background-position:center 0;}
.header_title_box .box_container .title_bar_box.bg_community {background:url(/wp-content/themes/postech/images/imgs/community_title_bar.jpg) no-repeat; background-position:center 0;}
.header_title_box .box_container .title_bar_box.bg_contact-us,
.header_title_box .box_container .title_bar_box.bg_site-map,
.header_title_box .box_container .title_bar_box.bg_search,
.header_title_box .box_container .title_bar_box.bar1.bg_404 {background:url(/wp-content/themes/postech/images/imgs/nons_title_bar.jpg) no-repeat; background-position:center 0;}

.header_title_box .box_container .title_bar_box .wrap_container {position:relative; width:1140px; margin:0 auto; padding: 0 20px; height:186px;}
.header_title_box .box_container .title_bar_box .wrap_container:after {content: ""; display: block; position: absolute; bottom:-188px; left:7px; width:173px; height:191px; background: url(/wp-content/themes/postech/images/sidebar_bg_deco2.png) no-repeat 0 0;}
.header_title_box .box_container .title_bar_box .title_wrap {position:absolute; top:50%; left:20px; margin-top:-13px}
.header_title_box .box_container .title_bar_box .title_wrap h1 {color:#fff; font-size:30px; font-weight:600;}

/* 빵가루 */
.breadcrumbs_wrap {position:absolute; bottom:0; right:0; background:url(/wp-content/themes/postech/images/breadcrumbs_bg_slat.png) repeat 0 0;}
.breadcrumbs_wrap .box_container {position:relative;}
.breadcrumbs_wrap .box_container:before {content:""; position:absolute; top:0; left:-16px; display;display; background:url(/wp-content/themes/postech/images/breadcrumbs_deco.png) no-repeat 0 0; width:16px; height:42px;}
.breadcrumbs_wrap .box_container:after {content:""; position:absolute; right: -400%; top: 0; display:block; height:40px; width:400%; background:url(/wp-content/themes/postech/images/breadcrumbs_bg_slat.png) repeat 0 0;}
.breadcrumbs_wrap ul:after {content:""; display:block; clear:both;}
.breadcrumbs_wrap ul li {position:relative; float:left;}
.breadcrumbs_wrap ul li a {display:block; padding:10px 12px;}
.breadcrumbs_wrap ul li a i {position: absolute; top:16px; right:-2px; display:block; width:5px; height:9px; background:url(/wp-content/themes/postech/images/icons/icon_angle_breadcrumb.png) no-repeat 0 0;}
.breadcrumbs_wrap ul li a span {display:block; font-size:15px; color:#666;}
.breadcrumbs_wrap ul li.home a span,
.breadcrumbs_wrap ul li:hover a span {color:#333;}

/*=========================================================
  6. 모바일 헤더
=========================================================*/

/*모바일 서치*/
.mobile_search_wrap {display:block; position:absolute; top:-82px; left:0; width:100%; padding:20px 10px; background:#C90164; z-index:1000; 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;}
.mobile_search_wrap label {display:none;}
.mobile_search_wrap input[type="submit"] {position: absolute; top:0; right:60px; display:block; width:42px; height:42px; background:url(/wp-content/themes/postech/images/icons/icon_mobile_search.png) no-repeat center center; text-indent:-9999px;}
.m_searchform {position: relative; width:100%; padding-right:50px; text-align: left;}
.mobile_search_wrap input[type="text"] {width:100%; height:42px; background:#A0004F; padding:8px 60px 7px 20px; font-size:14px; line-height:27px; color:#fff;}
.mobile_search_wrap .m_close {position: absolute; top:0; right:0; display:block; width:42px; height:42px;background: url(/wp-content/themes/postech/images/icons/icon_btn_close.png) no-repeat center center; text-indent:-9999px}
.mobile_search_wrap.m_search_on {top:0px;}

/*모바일 내비*/

.site_wrap .mobile_nav_box {position: absolute; top:0; left:-210px; width:210px; height: 100%; background-color:#C90164;}
.mobile_nav .menu > li > a {display:block; color:#fff; font-size:18px; padding: 14px 20px 14px 20px; border-top:1px solid #d0d0d0; background:url(/wp-content/themes/postech/images/icons/nav_m_arrow.png) no-repeat 93% 52%;}
.mobile_nav .menu > li:last-child > a{border-bottom:1px solid #d0d0d0;}
.mobile_nav  ul.sub-menu > li:first-child > a {border-top:none;}
.mobile_nav  ul.sub-menu > li > a {display:block; position: relative; color:#333; font-size:16px; padding:12px 20px 12px 30px; border-top:1px solid #d0d0d0; background-color:#e6e6e6}
.mobile_nav  ul.sub-menu > li > a:after {content:" - "; display:block; position: absolute; top:10px; left:20px; }
.mobile_nav  ul.sub-menu  {display:none;}
.mobile_nav .menu > li[class*="current"] > a {background-color:#A0004F}
.mobile_nav  ul.sub-menu > li[class*="current"] > a {background-color:#A0004F; color:#fff;}
.site_wrap.nav_on .site_boxcontainer {left:210px;}

/*=========================================================
  00. 반응형
=========================================================*/
@media screen and (min-width: 1800px) {

	/* 서브페이지 이미지 타이틀 */
	/* .header_title_box .box_container .title_bar_box {background-size:100%!important;} */
	
}


@media screen and (min-width: 1024px) {

	.mobi_nav_btn_box,
	.mobi_search_btn,
	.mobile_search_wrap {display:none;}
	
	/*로고*/
	/*
.logo_30 {display:inline-block;}
	.logo_box {display:none!important;}
	.site-header-main .logo_box:before {display:none;}
*/



}



@media screen and (max-width: 1023px) and (min-width: 1px){
	.site-header-main .top_logobx{display: none;}
	
	/*모바일 네비 버튼*/
	.mobi_nav_btn_box {display:block;}
	.mobi_nav_btn_box button.mobi_nav_btn {position:absolute; top:50%; left:20px; width:29px; height:29px; padding:5px; margin-top:-17px; border:1px solid #C90164;}
	.mobi_nav_btn_box button.mobi_nav_btn span.bar {display:block; width:100%; height:2px; margin-top:4px; background-color:#C90164;}
	.mobi_nav_btn_box button.mobi_nav_btn span.bar:first-child {margin-top:0;}
	
	/*로고*/
	.site-header-main .logo_box:before,
	.site-header-main .logo_box:after
	.site-header-main .logo_30:after,
	.home .site-header-main .logo_box:after {display:none;}
	.site-header-main .container {padding-top:0;}
	
	/*모바일 서치버튼*/
	.mobi_search_btn {display:block;}
	.mobi_search_btn {position:absolute; top:50%; right:20px;  margin-top:-17px;}
	.mobi_search_btn a {display:block; width:29px; height:29px; border:1px solid #C90164; background:url(/wp-content/themes/postech/images/icons/spritesheet_hover.png) no-repeat 4px 2px;}
	
	
	

}


@media screen and (max-width: 1140px) and (min-width: 1024px){
	
	/*헤더*/
	.site-header-main .container {width:1004px;}
	.site-header-main .menu-main-menu-container > ul.menu > li > a {font-size:14px; padding: 31px 0 31px 19px;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:1004px;}

}

@media screen and (max-width: 1023px) and (min-width: 800px) {
	
	/*헤더*/
	.site-header-main .container {width:800px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:800px;}

}

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

	/*헤더*/
	.site-header-main .container {width:770px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:770px;}

}

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

	/*헤더*/
	.site-header-main .container {width:740px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:740px;}

}

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

	/*헤더*/
	.site-header-main .container {width:720px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:720px;}
	
}

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

	/*헤더*/
	.site-header-main .container {width:670px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:670px;}
}

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

	/*헤더*/
	.site-header-main .container {width:640px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:640px;}

}

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

	/*헤더*/
	#wpadminbar {position: fixed!important;}
	
	.site-header-main .container {width:480px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:480px;}

}

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

	/*헤더*/
	#wpadminbar {position: fixed!important;}
	
	.site-header-main .container {width:420px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:420px;}
	.breadcrumbs_wrap {display:none;}

}

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

	/*헤더*/
	#wpadminbar {position: fixed!important;}
	
	.site-header-main .container {width:400px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:400px;}
	.breadcrumbs_wrap {display:none;}
	
	/*30로고*/
	.site-header-main .logo_box a {width:200px; height:29px;}

}

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

	/*헤더*/
	#wpadminbar {position: fixed!important;}
	
	.site-header-main .container {width:380px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	.mobi_nav_btn_box button.mobi_nav_btn {left:0px;}
	.mobi_search_btn {right:0;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:380px;}
	.breadcrumbs_wrap {display:none;}
	
	/*30로고*/
	.site-header-main .logo_box a {width:200px; height:29px;}
	


}

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

	
	/*헤더*/
	#wpadminbar {position: fixed!important;}
	
	.site-header-main .container {width:360px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	.mobi_nav_btn_box button.mobi_nav_btn {left:0px;}
	.mobi_search_btn {right:0;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:360px;}
	.breadcrumbs_wrap {display:none;}
	
	/*30로고*/
	.site-header-main .logo_box a {width:200px; height:29px;}

}

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

	/*헤더*/
	#wpadminbar {position: fixed!important;}
	
	.site-header-main .container {width:320px;}
	.site-header-main .header_nav {display:none;}
	.site-header-main .logo_box {display:block; width:185px; margin:0 auto;}
	.site-header-main .right_box {display:none;}
	
	.mobi_nav_btn_box button.mobi_nav_btn {left:0px;}
	.mobi_search_btn {right:0;}
	
	/*상세페이지 타이틀바*/
	.header_title_box .box_container .title_bar_box .wrap_container {width:320px;}
	.breadcrumbs_wrap {display:none;}
	
	/*30로고*/
	.site-header-main .logo_box a {width:200px; height:29px;}
}