@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/

/* 대표포털 > 비주얼 */
#visualWrap {background: #cde4f5;height: 335px;text-align: center;overflow: hidden;}
#visualWrap >li {position: absolute;float: left;}
#visualWrap .bx-wrapper {height: 100% !important;margin-bottom: 0;}
#visualWrap .bx-pager {text-align: center;width: 100%;}
#visualWrap .bx-pager, #visualWrap .bx-controls-auto {bottom: 24px;}
#visualWrap .bx-pager.bx-default-pager a {width: 20px;height: 4px;border-radius: 0;background: #fff;}
#visualWrap .bx-pager.bx-default-pager a.active {background: #ff4e00;}
#visualWrap .bx-controls-direction a {width: 29px;height: 54px;background:url('./../../common/img/common/spr_slide_controls.png') 0 0 no-repeat;}
#visualWrap .bx-next {background-position: -57px 0 !important;}
#visualWrap .bx-controls-auto {width: 95px;}
#visualWrap .bx-controls-auto a {width: 21px;height: 21px;background: rgba(255,255,255,0.5) url('./../../common/img/common/spr_slide_controls.png') 0 0 no-repeat;border-radius: 4px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#visualWrap .bx-controls-auto a:hover {background-color: rgba(39,77,136,0.6);}
#visualWrap .bx-controls-auto .bx-start {background-position: -92px 0;}
#visualWrap .bx-controls-auto .bx-start:hover {background-position: -92px -21px;}
#visualWrap .bx-controls-auto .bx-stop {background-position: -113px 0;}
#visualWrap .bx-controls-auto .bx-stop:hover {background-position: -113px -21px;}

/* 대표포털 > 콘텐츠영역 */
.cont_wrap {padding: 4rem 0;}
.cont_wrap:first-of-type {padding-bottom: 0;}
.cont_wrap >div {margin: 0 auto;}
.cont_wrap h4 {font-size: 2.2rem;font-weight: 700;}
.cont_wrap h4 >span {padding-right: 10px;background: #fff;}

/* 대표포털 > 팝업존 */
#popupWrap, .direct_link {float: left;}
#popupWrap {width: 48%;background: #ececec;border: 1px solid #e4e4e4;border-radius: 5px;margin-right: 3%;}
#popupWrap .bx-wrapper {/* height: 225px !important; */margin-bottom: 0;overflow: hidden;}
#popupWrap .bx-wrapper img {margin: 0 auto;}
#popupWrap .bx-wrapper .bx-pager {left: 10px;bottom: 12px;}
#popupWrap .bx-pager.bx-default-pager a {width: 12px;height: 4px;border-radius: 0;}
#popupWrap .bx-controls-auto {width: 58px !important;bottom: 6px;}
#popupWrap .bx-controls-auto a {width: 21px !important;height: 21px !important;background: url('./../../common/img/common/spr_slide_controls.png') 0 0 no-repeat;border-radius: 2px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;}
#popupWrap .bx-controls-auto a[class^=bx-] {margin: 0;}
#popupWrap .bx-controls-auto .bx-start {background-position: -92px -1px;}
#popupWrap .bx-controls-auto .bx-stop {background-position: -113px -1px;}

/* 대표포털 > 콘텐츠 바로가기 링크 */
.direct_link {width: 23.5%; border: 1px solid #e4e4e4;border-radius: 5px;padding: 8.2rem 3.5rem 8.1rem;margin-right: 2%;}
.direct_link:last-child {margin-right: 0%;}
.direct_link dt {font-size: 2.2rem;font-weight: 700;margin-bottom: 16px;}
.direct_link dd {font-size: 1.4rem;line-height: 150%;}
.direct_link dd a {display: block; padding: 1.3rem 0;margin: 26px 0 0;border: 1px solid #c1c1c1;border-radius: 60px;color: #2b2b2b;font-size: 1.5rem;font-weight: 500;text-align: center;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.direct_link dd a:hover, .direct_link dd a:focus {border:1px solid #ff4e00;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.13);box-shadow:0 2px 8px rgba(0,0,0,0.13);}

 /* 대표포털 > 공지사항 + 포토뉴스 */
.notice, .photo_news {float: left;position: relative;margin-bottom: 2.5rem;overflow: hidden;}
.notice {width: 48%;margin-right: 3%;}
.notice h4:after, .photo_news h4:after {content: '';width: 79.5%;height: 1px;display: inline-block; float: right;margin: 11px 6.5% 0 0;background: #d6d6d6;position: absolute;right: 0;z-index: -1;}
.notice .btn_more, .photo_news .btn_more {position: absolute;right: 0;top: 0;width: 19px;height: 19px;border-radius: 50%;background: #333;color: #fff;font-weight: 700;text-align: center;}
.notice ul, .photo_news ul {margin-top: 2.5rem;}
.notice ul li:not(:last-child), .photo_news ul li:not(:last-child) {margin-bottom: 1.9rem;}
.notice ul li a {display: inline-block;font-size: 1.5rem;}
.notice ul span {float: right;font-size: 1.3rem;color: #999;}
.photo_news {width: 49%;}
.photo_news li {float: left;width: 32%;}
.photo_news li >a {display: block;}
.photo_news li:not(:last-child) {margin-right: 2%;}
.photo_news figure >p {width: 100%;height: 125px;}
.photo_news figure img {width: 100%;height: 100%;}

 /* 대표포털 > 주요메뉴 */
.quick_link {clear: left;}
.quick_link >li {float: left;width: 10.225%;text-align: center;}
.quick_link >li:not(:last-child) {margin-right: 2.6%;}
.quick_link li a {width: 140px;height: 140px;display: inline-block;border: 1px solid #c1c1c1;border-radius: 50%;background: url(./../images/main/btn_link_bg.png) 50% -5% no-repeat;color: #2b2b2b;
font-weight: 600;text-align: center;-webkit-transition: 0.2s;-o-transition: 0.2s;transition: 0.2s;}
.quick_link li a:hover,
.quick_link li a:focus {border:1px solid #ff4e00;-webkit-box-shadow:0 2px 8px rgba(0,0,0,0.13);box-shadow:0 2px 8px rgba(0,0,0,0.13);}
.quick_link .tit {display: inline-block;margin-top: 8.5rem;font-size:1.5rem;}
.quick_link li:nth-child(2) a {background-position: 50% 9.3%;}
.quick_link li:nth-child(3) a {background-position: 50% 23.5%;}
.quick_link li:nth-child(4) a {background-position: 50% 37.6%;}
.quick_link li:nth-child(5) a {background-position: 50% 52%;}
.quick_link li:nth-child(6) a {background-position: 50% 66%;}
.quick_link li:nth-child(7) a {background-position: 50% 80.7%;}
.quick_link li:nth-child(8) a {background-position: 50% 94.9%;}
.quick_link li:nth-child(9) a {background-position: 50% 109.5%;}

/* 대표포털 > 배너모음 */
#bannerWrap {border-top: 1px solid #838e95;}
#bannerWrap >div {overflow:hidden; padding:1.6rem 0;}
#bannerWrap h4 {float:left; padding:0.7rem 20px 0.7rem 0;font-weight: 500;}
#bannerWrap .banner_list {width:77%;margin:0.8rem 0 0 2%;position:relative;float:left;font-size: 1.5rem;overflow:hidden;}
#bannerWrap .banner_list ul {position:relative; width:5000px; white-space:nowrap;}
#bannerWrap .banner_list li {display:inline-block; padding:0 20px 0 20px; border-left:1px solid #ccc;}
#bannerWrap .banner_list li:first-child {border-left:0; padding-left:0;}
#bannerWrap .btn {float:left; margin:0 4px 0 0; width:30px; height:30px; background:#ccc url(./../../common/img/common/spr_footer.png) 10px 8px no-repeat;border-radius: 50%;}
#bannerWrap .btn:hover {background-color: #1b2f3c !important;}
#bannerWrap .btn.pause {background-position:50% -22px;}
#bannerWrap .btn.more {width: 60px;background-position:10px -53px;border-radius: 40px;padding-left: 22px;line-height: 29px;font-size: 1.4rem;color: #fff;background-color: #777983 ;}
#bannerWrap .btn.prev {background-position:50% -84px;}
#bannerWrap .btn.next {background-position:50% -116px;}

/*메인배너*/
.container{width: 100%; max-width: 1200px; margin: 0 auto;}

.mainbanner {background:#f7f6f6}
.mainImg{width:100%;}
.mainImg img{width: 100%;}
.mainIcon{margin-top: -4px;}
.mainIcon ul:after{content:""; display: block; clear: both;}
.mainIcon ul li{float:left; width: 14.28571428571429%; text-align:center; height:195px;padding:35px 0;}
.mainIcon ul li a {color:#fff; font-size:17px;  text-overflow: ellipsis;
/*    -o-text-overflow: ellipsis;*/
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
	line-height: 1.42857143;}
.mainIcon ul li img{display:block; width: auto; height: 100%; margin:0 auto 25px auto;}
.mainIcon ul li:nth-child(1){background:#354b69}
.mainIcon ul li:nth-child(2){background:#166375}
.mainIcon ul li:nth-child(3){background:#2669ad}
.mainIcon ul li:nth-child(4){background:#79a0bf}
.mainIcon ul li:nth-child(5){background:#2c3d7d}
.mainIcon ul li:nth-child(6){background:#816945}
.mainIcon ul li:nth-child(7){background:#23a674}

@media screen and (max-width:1024px) {
	/* 대표포털 > 콘텐츠영역 */
	.cont_wrap {padding: 2rem 1.6rem;}
	.cont_wrap:first-of-type {padding: 1.6rem;}
	/* 팝업존 */
	#popupWrap {width: 100%;margin: 0 0 1.6rem 0;}
	/* 콘텐츠 바로가기 링크 */
	.direct_link, .notice {width: 48.5%;margin-right: 3%;}
	/* 공지사항, 포토뉴스 */
	.notice, .photo_news {width: 48.5%;}
	/* 주요메뉴 */
	.quick_link >li {width: 17.92%;margin-bottom: 1.6rem;}
	.quick_link >li:nth-child(5n) {margin-right: 0;}
	.quick_link li a {width: 117px;height: 117px;background-position: 50% -3%;}
	.quick_link .tit {margin-top: 6.6rem;}
	.quick_link li:nth-child(2) a {background-position: 50% 10.6%;}
	.quick_link li:nth-child(3) a {background-position: 50% 24.5%;}
	.quick_link li:nth-child(4) a {background-position: 50% 38%;}
	.quick_link li:nth-child(7) a {background-position: 50% 80.1%;}
    .quick_link li:nth-child(8) a {background-position: 50% 93.9%;}
    /* 배너모음 */
    #bannerWrap >div {width: 96%;margin: 0 auto;}
	#bannerWrap .banner_list {width: 65%;}
	
	/*메인배너*/
	.mainbanner .mainImg {padding:0 15px;}
	.mainIcon ul li {width:33.33333333333333333%; height:auto; padding:15px 0}
	.mainIcon ul li img {margin:0 auto 10px auto; height:50px;}
	.mainIcon ul li a {font-size:16px;}
}
@media screen and (max-width:768px) {
	/* 공지사항, 포토뉴스 */
	.notice, .photo_news {width: 100%;}
	.notice {margin-bottom: 3.6rem;}
    /* 배너모음 */
    #bannerWrap .btn.next {float: left;}
	#bannerWrap .banner_list {width: 100%;margin-left: 0;}
}
@media screen and (max-width:640px) {
	/* 콘텐츠 바로가기 링크 */
	.direct_link {width: 100%;margin-right: 0;padding: 2rem;}
	.direct_link:last-child {margin-top: 1.6rem;}
	.direct_link dd a {padding: 1rem 0;margin-top: 2rem;}
	/* 주요메뉴 */
	.quick_link >li {width: 31.6%;}
	.quick_link >li:nth-child(3n) {margin-right: 0;}
	.quick_link >li:nth-child(5n) {margin-right: 2.6%;}
	.quick_link .tit {font-size: 1.4rem /* 14px */;}
	
	/*메인배너*/
	.mainIcon ul li {padding:10px 10px; text-align:left; width:50%; height:40px;}
	.mainIcon ul li img {display:inline-block; height:20px; margin:0  5px 0 0;}
	.mainIcon ul li a {font-size:14px; width:100%}
}
@media screen and (max-width:375px) {
	/* 대표포털 > 콘텐츠영역 */
	.cont_wrap, .cont_wrap:first-of-type {padding: 1.6rem 0.8rem;}
	/* 공지사항 */
	.notice ul span {font-size: 1.1rem;padding: 0.3rem 0;}
	.notice h4:after, .photo_news h4:after {margin-right: 7.5%;}
	/* 포토뉴스 */
	.photo_news {margin-bottom: 1.6rem;}
	.photo_news figcaption, .notice ul li a {font-size: 1.3rem}
	/* 주요메뉴 */
	.quick_link li a {width: 98px;height: 98px;background-position: 50% -2.5%;}
	.quick_link li:nth-child(2) a {background-position: 50% 11%;}
	.quick_link li:nth-child(5) a {background-position: 50% 51.6%;}
	.quick_link li:nth-child(6) a {background-position: 50% 65.1%;}
	.quick_link li:nth-child(7) a {background-position: 50% 79%;}
	.quick_link li:nth-child(8) a {background-position: 50% 92.3%;}
	.quick_link .tit {font-size: 1.3rem; margin-top: 5.6rem;}
}
@media screen and (max-width:320px) {
	/* 콘텐츠 바로가기 링크, 공지사항, 포토뉴스 */
	.direct_link, .notice, .photo_news {width: 100%;margin-right: 0;}
	.photo_news li {width: 49%;}
	.photo_news li:nth-child(2n) {margin-right: 0;}
	.photo_news li:nth-child(n+3) {display: none;}
	.notice ul span {display: none;}
	/* 주요메뉴 */
	.quick_link >li {width: 48.7%;}
	.quick_link >li:nth-child(3n) {margin-right: 2.6%;}
	.quick_link >li:nth-child(2n) {margin-right: 0;}
}


/********tab********/
.content{padding: 25px 0;}
.hidden{display: none !important;
    visibility: hidden !important;}
.container:after{content:""; display: block; clear: both;}
.none {
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    font-size: 0px;
    line-height: 0;
    overflow: hidden;
}
.tab_event_wrap {float: left; width:50%; height:188px;}
.tab_box{background:#fff; border:1px solid #cbced2;}
.tab_event .tab_list {position: relative; width:100%; float:left; background-color: #fafafb;}
.tab_event .tab{width:100%;}
.tab_event .tab .tit_tab{color:#222;
	width:30.666666666667%;
	border-right: 1px solid #cbced2;
	border-bottom:1px solid #cbced2;
	background-color:#fafafb;
    color: #606060;
	float:left;height:44px;}
.tab_event .tab .tit_tab a{color:#222; }
.tab_event .tab .tit_tab a:hover{}
.tab_event .tab .last{border-right:1px solid #cbced2;} 
.tab_event .tab h4{font-size:16px; text-align:center; margin:0;}
.tab_event .tab h4 a{display:block; padding:10px 15px; line-height: 1.42857143;}

.tab_event .tab .conts .more {
	display:inline-block;
    position: absolute;
    right: 0; line-height:38px; color:#666;
    top: -46px;
	height:44px;
	width:8%;
	text-align:center;
	border-bottom:1px solid #cbced2;
}
.tab_event .tab .conts .more:hover{background:#eee;}

.init_of a {display: inline-block;}
.tab_event .tab .tit_tab_active {background: #fff; visibility: visible; /*border-bottom:1px solid #fff*/}
.tab_event .tab .tit_tab_active:hover{background:#fff;}
.tab_event .tab .conts {
    position: absolute;
    top: 46px;
    bottom: 0;
    left: 0px;
    right: 0px;
}
.tab_event .tab .conts_inner {overflow:hidden; padding: 11px 20px;}
.tab_event .tab .conts_inner > li {
	padding: 2px 0 2px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.tab_event .tab .conts_inner > li > a{
    text-overflow: ellipsis;
   /* -o-text-overflow: ellipsis;*/
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;
	line-height: 1.42857143;
	color:#222;
	font-size: 14px;
}

.pull-right {float: right !important; font-size: 14px; }
@media (min-width:1200px){
.tab_event .tab .conts_inner > li > a {width:400px;}
}


@media (min-width:992px) and (max-width:1199px) {
.tab_event .tab .conts {top: 37px;}
.tab_event .tab .conts_inner {padding:22px 20px}
.tab_event .tab .conts_inner > li > span.pull-right{display:none;}
.tab_event .tab .tit_tab{height:43px;}
.tab_event .tab .conts .more {top: -37px; height:43px;}
.tab_event .tab .minwon li{width:50%;}

.article-sns .tab_box{float:left;}
.tab_event .tab .conts_inner > li > a {width:100%;}
}

@media (min-width:768px) and (max-width:991px) {
.tab_event .tab .minwon li{width:50%;}
.tab_box{margin-bottom:15px;}
.tab_event_wrap {height:185px;}
}

@media (max-width:991px) {
	.tab_event_wrap{width: 100%;}
}

@media (max-width:768px) {
.tab_box{margin-bottom:15px;}
.tab_event_wrap {height:175px; margin-bottom:15px;}
.tab_event .tab .conts_inner{padding:5px 15px;}
.tab_event .tab .conts_inner > li > span.pull-right{display:none;}
.tab_event .tab .tit_tab h4 a, .tab_event .tab .minwon_tab h4 a{padding: 10px 4px;}
.tab_event .tab .minwon li{width:50%;}
}

@media (max-width:640px) {
.tab_event .tab .mlast{border-right: 1px solid #e8e8e8;}
.tab_event .tab h4 {font-size:14px}
.tab_event .tab .conts .more, .tab_event .tab .tit_tab {height:41px;}
.tab_event .tab .conts_inner > li > a {width:100%;}
}



/********company********/
.clearfix:after{content:""; display: block; clear: both;}
.companywrap {float: left; width: 50%; padding-left:25px;}
.company{border: 1px solid #cbced2; padding:0 20px; height: 188px; overflow:hidden;}
.company>div{float: left;}
.company_L{width: 58%;}
.company p{font-size: 14px;}
.company_R{width: 42%;}
.company_R img{float: right; margin-top: 10px;}
.company h4 {margin:20px 0 22px 0;}
.company label {font-weight:normal}
.company .form-control {
    display: inline-block;
    width:auto;
    vertical-align: middle;
    border:2px solid #337ab7;
}

.btn-primary {
  color: #fff !important;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}

.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
 /* -ms-touch-action: manipulation;*/
      touch-action: manipulation;
  cursor: pointer;
  /*-webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;*/
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
 /* outline: 5px auto -webkit-focus-ring-color;*/
  outline-offset: -2px;
}
.form-control {
  height: 34px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
}

@media (min-width:1200px){
.company .form-control {    width:80%}
}
.company .col-xs-5 img {margin-top:10px;float:right;}
@media (max-width:991px) {
.companywrap {width: 100%; padding-left:0;}
.content{padding:15px 0}
.bcontent{padding-bottom:15px}
}
@media (max-width:640px) {
.company {height:auto; padding:15px 15px;}
.company h4{font-size:14px;margin:0 0 15px 0}
.company .col-xs-7{width:100%; float:none;}
.company .col-xs-5 img {display:none;}
.company .form-control {    width:80%}
.company_L{width: 100%;}
.company_R{display: none;}
}

/*bcontent*/
.bcontent{padding-bottom: 25px; font-size: 14px;}
.bcontent h4{font-size: 16px;}
.float-left{float: left;}
.fta {border: 1px solid #cbced2; overflow:hidden; height:200px}
.fta h4{margin:15px 30px 0 30px;}
.fta .num{margin:0 45px 17px 55px;}
.num p {float:left; margin-top:15px;}
.num p.img {margin-right:25px;}
.num p.txt span{display:block;}
.num p.txt span.tel {color:#2569ac; font-size:45px; font-weight:bold;  line-height:48px;}
.fta ul{background:#f6f6f6; border-top: 1px solid #cbced2; overflow:hidden; padding:10px 16px;}
.fta ul li{float:left;}
.fta ul li:nth-child(1){border-right:1px solid #ccc; padding-right:15px;}
.fta ul li:nth-child(2){padding-left:15px;}

.sminfo, .Ombudsman {background: #fff url(../images/main/bg_sminfo.jpg) no-repeat top right; height:200px; margin-left:30px; padding:15px 20px; width:400px;
border: 1px solid #cbced2; overflow:hidden}
.Ombudsman{background: #fff url(../images/main/bg_Ombudsman.jpg) no-repeat top right; }
.Ombudsman h4{margin-bottom:12px;}
.sminfo h5, .Ombudsman h5{color:#2569ac; font-size:18px; font-weight:bold; margin:5px 0 12px 0}
.sminfo .btn, .Ombudsman .btn{margin-top:12px;}

@media (max-width:1199px) {
.fta, .sminfo, .Ombudsman {margin-left:0; width:33.33333333333%}
.fta .num {margin:0 30px 17px 30px;}
.fta ul {padding:15px 13px}
}
@media (max-width:991px) {
.fta h4 {margin:15px 0; text-align:center;}
.fta .num {margin:0 0 17px 0;}
.num p {text-align:center; margin-top:0; float:none;}
.fta .num .img {display:none;}
.fta ul {padding:0}
.fta ul li {float:none; text-align:center; border-bottom:1px solid #ccc; padding:6px 0}
.fta ul li:nth-child(1){border-right:0; padding-right:0;}
.fta ul li:nth-child(2){padding-left:0; border-bottom:0}
.sminfo {background:#f5f5f5; border-left:0; border-right:0}
 .Ombudsman {background:#eef2f3 url(../images/main/bg_Ombudsman_m.png) no-repeat bottom right; background-size:52%;}
}
@media (max-width:640px) {
.fta {width:100%; float:none; height:auto;}
.fta h4 {font-size:14px; margin-bottom:10px}
.num p.txt span.tel {font-size:28px; line-height:38px;}
.fta .num {margin-bottom:10px;}
.sminfo, .Ombudsman {width:50%; padding:15px; border: 1px solid #cbced2;}
.Ombudsman h4, .sminfo h4{font-size:14px;}
.Ombudsman p, .sminfo p{font-size:85%;}
}

@media (max-width:484px) {
.sminfo, .Ombudsman {width:100%; float:none;}
.sminfo {background: #fff url(../images/main/bg_sminfo.jpg) no-repeat top right;}
.Ombudsman{background-size:auto;}
}