@charset "utf-8";

/* tag reset */
html {
	overflow-y: scroll;
}
body {
	font-family: 'Nanum Gothic'; color: #676767;
	min-width: 1280px;
	-webkit-text-size-adjust:none;
}
html, body, pre,
h1, h2, h3, h4, h5, h6,
dl, dt, dd, ul, li, ol,
th, td, p, blockquote,
form, fieldset, legend,
input, select, textarea, button,
div, span {
    margin: 0;
    padding: 0;
    list-style: none;
}
img {
	vertical-align:top;
	border: 0;
}
a, input {
	color:#676767;
	text-decoration:none;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	-ms-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
a:hover {
	color: #000;
	text-decoration: underline;
}

/* call class */
.clear { *zoom:1 } /* float clear */
.clear:after { content:" "; display:block; clear:both; } /* float clear */
.float_l { float:left; } /* float left */
.float_r { float:right; } /* float right */
.none_blank { font-size: 0; line-height: 0; letter-spacing: -4px; } /* 이미지여백삭제 (letter-spacing: window 사파리) */
@-moz-document url-prefix() { .none_blank {letter-spacing: 0;} } /* 파폭 */

.xe_mobile {
	display: none; /* 모바일로 보기 display */
}

/* Layout */
#fixo_wrap {
	width: 100%;
}
#fixo_header {
	position: relative; z-index: 40;
	width: 100%;
	background: #f4f4f4;
	border-bottom: 1px solid #d5d9d8;
}
#fixo_container {
	
}
#fixo_container .inner_container {
	width: 1280px; margin: 0 auto;
	position: relative;
}
#fixo_snb {
	width: 220px; margin: 0 25px 80px 0;
	float: left;
}
#fixo_content {
	width: 1035px;
	float: left;
}
#fixo_footer {
	padding: 150px 0 35px;
}

/*
.x {
	width: 1280px; margin: 0 auto;
}*/

/* quick */
.q_btn_area {
	position: relative;
	width: 1280px; margin: 0 auto; z-index: 999;
	display: none;
}
.q_btn_area .inner {
	position: fixed; bottom: 70px;
}
.q_btn_area .q_btn_top {
	position: absolute; top: -51px; left: 1300px;
	cursor: pointer;
}
.q_btn_area .q_btn_down {
	position: absolute; top: 0; left: 1300px;
	cursor: pointer;
}

/* fixo_header : 공통상단 */
#fixo_header .section {
	width: 1280px; height: 79px;
	margin: 0 auto;
}
#fixo_header .section h1 {
	float: left;
	margin: 17px 0 0 10px;
}

/* global navigation bar */
#fixo_header .section .gnb {
	float: right;
}
#fixo_header .section .gnb .menu > li:last-child {
	display: none;
}
#fixo_header .section .gnb .menu > li {
	float: left;
	border-left: 1px solid #d5d9d8;
	position: relative;
}
#fixo_header .section .gnb .menu > li:first-child {
	border-left: 0;
}
#fixo_header .section .gnb .menu > li > a {
	display: block;
	padding: 0 40px;
	line-height: 79px;
	text-decoration: none;
	font-size: 15px; color: #626262; font-weight: 700;
}
#fixo_header .section .gnb .menu > li > a:hover {
	color: #000;
	background: #e6e6e6;
}
#fixo_header .section .gnb .menu .sub_menu {
	position: absolute; top: 80px; left: 0;
	width: 100%;
	display: none;
}
#fixo_header .section .gnb .menu .sub_menu li a {
	display: block;
	background: #343434;
	line-height: 45px;
	text-decoration: none;
	font-size: 12px; color: #b4bab9;
	border-top: 1px solid #444;
	text-indent: 16px;
}
#fixo_header .section .gnb .menu .sub_menu li:first-child a {
	border-top: 0;
}
#fixo_header .section .gnb .menu .sub_menu li a:hover {
	background: #222;
	color: #fff;
}

#fixo_header .section .link {
	float: right;
	display: block;
	padding: 10px 15px 10px 40px; margin: 22px 0 0 0;
	border-radius: 20px;
	background: #00c63b url('/postfixo/images/ico-blog.png') no-repeat left 13px center;
	background-size: 20px auto;
	font-size: 13px; font-weight: 700; color: #fff;
	text-decoration: none;
}

/* latest bbs, contact us banner */
#fixo_container .section_top {
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 40px;
}
#fixo_container .section_top .inner {
	width: 1280px; height: 78px;
	margin: 0 auto;
}
#fixo_container .section_top .area_latest_bbs {
	float: left;
	width: 50%;
}
#fixo_container .section_top .area_latest_bbs h2 {
	margin: 21px 0 0 10px;
	float: left;
}
#fixo_container .section_top .area_latest_bbs .txt {
	float: left;
	margin: 21px 0 0 40px;
	width: 290px;
	text-overflow: ellipsis; overflow: hidden; white-space: nowrap;
}
#fixo_container .section_top .area_latest_bbs .txt a {
	font-size: 15px;
	text-decoration: none;
}
#fixo_container .section_top .area_latest_bbs .btn_more {
	float: right;
	margin: 21px 20px 0 0;
}
#fixo_container .section_top .ban {
	float: left;
	width: 50%;
}
#fixo_container .section_top .ban img {
	margin: 21px 0 0 20px;
}

/* fixo_footer : 공통하단 */
#fixo_footer .brand {
	background: #0085c1;
	text-align: center;
	padding: 43px 0 29px 0;
}
#fixo_footer .copyright {
	color: #797979; line-height: 20px;
	text-align: center;
	padding: 30px 0;
	border-bottom: 1px solid #e2e4e6;
}
#fixo_footer .copyright a {
	color: #797979;
}
#fixo_footer .copyright span {
	text-transform: uppercase;
}
#fixo_footer .copyright span b {
	color: #0085c1; font-weight: 800;
}

#fixo_footer .btn_top {
	text-align: center;
	margin: 30px 0 0 0;
}
#fixo_footer .btn_top p {
	cursor: pointer;
	display: inline;
}
#fixo_footer .btn_top span {
	display: block;
	text-transform: uppercase;
	color: #bdc3c7; font-size: 11px;
	padding-top: 20px;
}
#fixo_footer .btn_top span a {
	color: #bdc3c7; text-decoration: none;
}


/* fixo_snb : 공통 좌측 */
#fixo_snb li a {
	display: block;
	height: 45px;
	font-size: 14px; line-height: 45px; text-decoration: none; font-weight: 400;
	border-bottom: 1px solid #d5d9d8;
	text-indent: 15px;
}
#fixo_snb li a:hover {
	background: #e6e6e6;
}
#fixo_snb li a.active {
	background: #e6e6e6;
	color: #000;
}

#fixo_snb .area_sms {
	width: 206px; height: 137px;
	background: #6cbef8 url(../images/common/bg_sms.gif) no-repeat 0 0;
	padding: 74px 0 0 14px;
	margin: 20px 0;
}
#fixo_snb .area_sms iframe {
	width: 206px; height: 137px;
	border: 0;
}

#fixo_snb .ban {
	margin: 0 0 20px;
}

.detail-wrap {
	text-align: center;
}
.detail-wrap img {
	max-width: 100%;
}
.tetram-menu-toggle{display:none}
@media(max-width:1279px){
 html body{min-width:0!important;-webkit-text-size-adjust:100%;font-family:'Nanum Gothic','Malgun Gothic',sans-serif}
 #fixo_wrap{width:100%;max-width:100%}
 #fixo_header .section{width:100%!important;height:auto!important;min-height:72px;box-sizing:border-box;padding:12px 16px;display:flex;align-items:center;flex-wrap:wrap;gap:10px}
 #fixo_header .section h1{float:none;margin:0;margin-right:auto}
 #fixo_header .section h1 img{width:168px;height:auto}
 #fixo_header .section .link{float:none;margin:0;padding:12px 14px 12px 38px;font-size:12px}
 .tetram-menu-toggle{display:block;background:#fff;color:#202b32;border:1px solid #bcc7ce;border-radius:6px;min-height:44px;padding:0 14px;font:700 15px sans-serif;cursor:pointer}
 #fixo_header .section .gnb{display:none;float:none;width:100%}
 #fixo_header .section .gnb.tetram-open{display:block}
 #fixo_header .section .gnb .menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:8px 0}
 #fixo_header .section .gnb .menu>li{float:none;border:0;min-width:0}
 #fixo_header .section .gnb .menu>li>a{padding:0 10px;line-height:48px;font-size:16px;background:#eaf0f3!important;color:#202b32!important;border-radius:4px}
 #fixo_header .section .gnb .menu .sub_menu{position:static;width:auto;display:block!important;height:auto!important}
 #fixo_header .section .gnb .menu .sub_menu li a{background:#fff;color:#424d54;border-color:#e7ecef;line-height:44px;font-size:14px;text-indent:10px}
 #fixo_container .inner_container,#fixo_container .section_top .inner,#fixo_container .section_banners .inner,#fixo_container .section_gallery h2 div,.btnArea{width:100%!important;box-sizing:border-box}
 #fixo_container .section_top{margin-bottom:16px}
 #fixo_container .section_top .inner{height:auto;display:flex;flex-wrap:wrap;padding:12px 16px;gap:8px}
 #fixo_container .section_top .area_latest_bbs{width:100%;float:none;display:flex;align-items:center;gap:10px}
 #fixo_container .section_top .area_latest_bbs h2{margin:0;float:none;flex:0 0 120px}
 #fixo_container .section_top .area_latest_bbs h2 img{width:120px;height:auto}
 #fixo_container .section_top .area_latest_bbs .txt{margin:0;float:none;width:auto;min-width:0;flex:1}
 #fixo_container .section_top .area_latest_bbs .txt a{font-size:13px}
 #fixo_container .section_top .area_latest_bbs .btn_more{margin:0;float:none}
 #fixo_container .section_top .ban{width:100%;float:none}
 #fixo_container .section_top .ban img{margin:0;max-width:100%;height:auto}
 #fixo_snb{float:none;width:auto;margin:0 16px 20px}
 #fixo_snb h2{display:none}
 #fixo_snb>ul{display:flex;flex-wrap:wrap;gap:6px}
 #fixo_snb li{flex:1 1 auto}
 #fixo_snb li a{height:auto;min-height:44px;line-height:44px;text-indent:0;padding:0 12px;text-align:center;border:1px solid #d5d9d8;border-radius:4px}
 #fixo_snb .area_sms,#fixo_snb .ban{display:none}
 #fixo_content{float:none;width:100%!important;box-sizing:border-box;padding:0 16px;min-width:0}
 #fixo_content img,#fixo_footer img{max-width:100%!important;height:auto!important}
 #fixo_content iframe{max-width:100%!important}
 #fixo_content .xe_content{font-size:16px;line-height:1.7;overflow-wrap:anywhere}
 #fixo_content .xe_content table{max-width:100%!important;width:100%!important}
 #fixo_content .header .title a{font-size:20px;line-height:1.5;overflow-wrap:anywhere}
 #fixo_content .list .article,#fixo_content .list .article.even{box-sizing:border-box;width:50%!important;padding:18px 10px;min-height:0}
 #fixo_content .list .thumb{width:100%!important;height:auto!important;aspect-ratio:7/5;line-height:normal}
 #fixo_content .list .thumb img{width:100%;height:100%!important;object-fit:cover}
 #fixo_content .list a.title,#fixo_content .list .meta li.summary{width:100%!important;text-align:left;overflow-wrap:anywhere}
 #fixo_content .write_header .iText{width:100%;box-sizing:border-box;height:40px}
 #fixo_content .write_header{padding:8px 0}
 #fixo_content .write_footer .btnArea{width:auto!important}
 #fixo_container .section_gallery .widgetGalleryA{width:100%!important;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));box-sizing:border-box}
 #fixo_container .section_gallery .widgetGalleryA>li{float:none!important;box-sizing:border-box;width:100%!important;margin:0!important;padding:12px!important;min-width:0}
 #fixo_container .section_gallery .widgetGalleryA img{max-width:100%!important;height:auto!important}
 #fixo_container .section_gallery .widgetGalleryA a{max-width:100%;overflow-wrap:anywhere}
 #fixo_container .section_banners .ban{float:none;width:100%;text-align:center}
 #fixo_container .section_banners .ban img{max-width:100%;height:auto}
 #fixo_container .section_banners .area_sms{display:none}
 #fixo_container .banner-a img{max-width:100%;height:auto}
 #fixo_container #main_img .inner,#fixo_container .sliderkit.slide_main{width:100%!important;height:32.8125vw!important;max-height:420px}
 #fixo_container #main_img2 .inner,#fixo_container .sliderkit.slide_main2{width:100%!important;height:42.9vw!important;max-height:549px}
 #fixo_container .sliderkit .sliderkit-panel{width:100%!important;height:100%!important}
 #fixo_container .sliderkit .sliderkit-panel img{width:100%;height:auto}
 #fixo_container .sliderkit .sliderkit-go-btn,#fixo_container .sliderkit .sliderkit-go-btn a{height:100%!important;width:32px}
 #fixo_container #main_img .inner .main_txt{margin:0;transform:translate(-50%,-50%);width:33%;}
 #fixo_container #main_img .inner .main_txt img{width:100%;height:auto}
 #fixo_footer{padding:36px 16px 24px}
 #fixo_footer .copyright{font-size:12px;line-height:1.8;overflow-wrap:anywhere}
 #fixo_wrap .q_btn_area{display:none!important}
}
@media(max-width:479px){
 #fixo_header .section .link{display:none}
 #fixo_content .list .article,#fixo_content .list .article.even{width:100%!important}
}
@media(max-width:1279px){
 #fixo_container img{max-width:100%;height:auto}
 #fixo_container .section_gallery .widgetGalleryA .thumb{width:100%!important;height:auto!important}
}
@media(max-width:1279px){
 #fixo_content .read_header h1{width:auto!important;max-width:100%;margin:0;white-space:normal;overflow:visible;line-height:1.5}
 #fixo_content .read_header h1 a{white-space:normal;overflow-wrap:anywhere}
 #fixo_content .menu02_01 .section{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 #fixo_content .menu02_01 .section ul{float:none;width:auto}
 #fixo_content .menu02_01 .section ul li{width:auto;max-width:100%;text-align:left;line-height:1.65}
 #fixo_content .menu02_01 .section2{font-size:18px;line-height:1.6}
}
@media(max-width:1279px){
 #fixo_content .read_header .time{position:static;margin:8px 0 12px;font-size:12px}
 #fixo_content .read_body{padding:16px 0}
 #fixo_content h3.navi{margin-bottom:24px}
}
@media(max-width:1279px){
 #fixo_content .menu01_02 .section .txt .inner{position:static;width:auto;margin:0 0 20px;padding-left:12px}
 #fixo_content .menu01_02 .section .txt .inner div{text-align:left;line-height:1.7}
 #fixo_content .menu01_02 .section .img{margin:0;text-align:center}
 #fixo_content .menu01_04 .section .area_map{width:100%;height:320px;box-sizing:border-box}
 #fixo_content .menu01_04 .section .area_map iframe{width:100%;height:100%}
 #fixo_content .menu01_04 .section .area_txt .tit,#fixo_content .menu01_04 .section .area_txt .txt{float:none;margin:0 0 8px}
 #fixo_content .menu01_03 .section .list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
 #fixo_content .menu01_03 .section .list li{float:none;width:auto;margin:0}
 #fixo_content .menu01_03 .section .list li p{width:auto;height:auto}
}
@media(max-width:1279px){
 #fixo_container .sliderkit .sliderkit-panels,#fixo_container .sliderkit .sliderkit-panels-wrapper{width:100%!important;height:100%!important}
}