@charset "utf-8";
/*  
	-----------------------------------------------
	* main.css (포털 메인)
	-----------------------------------------------
*/

#wrap{height: 100%;}

/* 대표포털 > 비주얼 */
#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;}

/*PC*/
/* 스킵 내비게이션 */
.wrap{width:1200px;margin:0 auto;}
.wrap:after{content:""; display: block; clear: both;}
#skip {position: relative;}
#skip a {position: absolute; left: 0px; top: -50px; width: 100%; border:1px solid #fff; color: #fff; font-size:1.2em; text-align: center; background: #146ed8; line-height: 45px; z-index:99999999;}
#skip a:active, 
#skip a:focus {top: 0;}

#main-visual{position:relative;width:100%;overflow:hidden;height:592px;background:url(../images/main/bg_visual.jpg) no-repeat;background-size:cover;}
#main-visual::after{position:absolute;right:0px;bottom:0px;width:753px;height:501px;content:'';background:url(../images/main/bg_visual_child.jpg) no-repeat;}
#main-visual .bx{position:relative;top:117px;z-index:9;font-family:"SCDream6";letter-spacing:-0.05em;}
#main-visual .bx .txt1{color:#fff;font-size:35px;margin-bottom:10px;text-shadow: 0 0 3px #555;}
#main-visual .bx .txt2{color:#fdfc92;font-size:43px;margin-bottom:-3px;text-shadow: 0 0 3px #555;}
#main-visual .bx .txt3{color:#fff;font-size:32px;text-shadow: 0 0 3px #555;}

#main-visual .bx .text {margin-top:20px; margin-left:20px; color:#fff; font-size:30px; line-height:42px; text-shadow: 0 0 3px #555;}
#main-visual .bx .text  + .text {margin-top:0px;}


/*메인 이미지 리뉴얼 0905*/
.visual_wrap {position:relative; width:100%; max-width: 1920px; min-height:592px; margin: 0 auto; background:url(../images/main/bg_newVisual.jpg) no-repeat; background-size:cover;}
.visual_wrap:after{position:absolute; right:200px; bottom:0px; width:624px; height:370px; content:''; background:url(../images/main/bg_visual_family.png) no-repeat;} 

.section_wrap {max-width:1200px; margin: 0 auto;}

.visual_title_list {display:inline-block; position:relative; padding-top:86px; margin-left:70px; margin-right:20px;}
.visual_title_list .visual_title_item {position:relative; z-index:1; width:100%; height:60px;}
.visual_title_list .visual_title_item:nth-child(3), .visual_title_list .visual_title_item:nth-child(4) {height:32px;}
.visual_title_list .visual_title_item span {display:inline-block; margin:0; padding:0; box-sizing:border-box;}
.visual_title_list .visual_title_item .title_text {margin-top:76px; font-size:20px; color:#2f2f2f; letter-spacing:0; line-height:30px; font-weight:400; transition-property:margin-top; transition-duration:1s; transition-timing-function:cubic-bezier(.16,.48,.36,1); transition-delay:0s;}
.visual_title_list .visual_title_item .title_text em {font-family: "GmarketSans"; font-weight:800;}

.visual_title_list.time_ani .visual_title_item .title_text {margin-top:0px;}
.visual_title_list .visual_title_item:nth-child(1) .title_text {transition-delay: 0s; font-size:45px; font-family: "GmarketSans"; font-weight:800; line-height:48px;}
.visual_title_list .visual_title_item:nth-child(2) .title_text {transition-delay: 0.25s; font-size:45px; font-family: "GmarketSans"; font-weight:800; line-height:48px;}
.visual_title_list .visual_title_item:nth-child(3) .title_text {transition-delay: 0.5s;}
.visual_title_list .visual_title_item:nth-child(4) .title_text {transition-delay: 0.75s;}

.title_text_point1 {color:#00A652;}
.title_text_point2 {color:#2e3192;}

@media screen and (max-width:1024px) {
	.visual_wrap {height:auto; background:url(../images/main/bg_newVisual.jpg) -180px 0 no-repeat;}
	.visual_wrap:after{right:0px;}
}

@media screen and (max-width:768px) {
	.visual_wrap {background:url(../images/main/bg_newVisual.jpg) -310px 0 no-repeat;}
	.visual_wrap:after{width:500px; height:296px; background-size:500px;}
}

@media screen and (max-width:640px) {
	.visual_wrap:after{right:20px; width:450px; height:267px; background-size:450px;}
	.visual_title_list {padding-top:66px; margin-left:40px;}
	.visual_title_list .visual_title_item {position:relative; z-index:1; width:100%; height:50px;}
	.visual_title_list .visual_title_item:nth-child(3), .visual_title_list .visual_title_item:nth-child(4) {height:32px;}
	.visual_title_list .visual_title_item .title_text {font-size:18px; line-height:30px;}
	.visual_title_list .visual_title_item:nth-child(1) .title_text {font-size:35px; line-height:38px;}
	.visual_title_list .visual_title_item:nth-child(2) .title_text {font-size:35px; line-height:38px;}

}

@media screen and (max-width:480px) {
	.visual_wrap {background:url(../images/main/bg_newVisual.jpg) -310px -60px no-repeat;}
	.visual_wrap:after{right:20px; bottom:60px; width:380px; height:225px; background-size:380px;}
	.visual_title_list {margin-left:20px;}
	.visual_title_list .visual_title_item {position:relative; z-index:1; width:100%; height:38px;}
	.visual_title_list .visual_title_item:nth-child(3), .visual_title_list .visual_title_item:nth-child(4) {height:28px;}
	.visual_title_list .visual_title_item .title_text {font-size:15px; line-height:20px;}
	.visual_title_list .visual_title_item:nth-child(1) .title_text {font-size:28px; line-height:38px;}
	.visual_title_list .visual_title_item:nth-child(2) .title_text {font-size:28px; line-height:38px;}

}

@media screen and (max-width:414px) {
	.visual_wrap {background:url(../images/main/bg_newVisual.jpg) -310px -80px no-repeat;}
	.visual_wrap:after{right:0px; bottom:80px; width:350px; height:208px; background-size:350px;}	
}


.quickMenu{position:relative;top:-86px;z-index:999;width:800px;height:180px;margin:0 auto;background:#00cbc9;}
.quickMenu ul:after{content:""; display: block; clear: both;}
.quickMenu ul li{position:relative; float: left; width:200px;height:180px;display:inline-block;text-align:center;font-size:16px;margin:0;/*padding-top:110px;*/border-right:1px solid #54dcdb;}
.quickMenu ul li:last-child{border:none;}
.quickMenu ul li span{display:block;}

.quickMenu ul li.bx1{background:url(../images/main/icon_quickMenu1.png) center 27px no-repeat;}
.quickMenu ul li.bx1 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:110px;}
.quickMenu ul li.bx1 a:hover{color:#fff;}
.quickMenu ul li.bx1:hover{background:#0064b8 url(../images/main/icon_quickMenu1.png) center 20px no-repeat;transition: all 0.5s ease-out;}

.quickMenu ul li.bx2{background:url(../images/main/icon_quickMenu2.png) center 27px no-repeat;}
.quickMenu ul li.bx2 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:110px;}
.quickMenu ul li.bx2 a:hover{color:#fff;}
.quickMenu ul li.bx2:hover{background:#0064b8 url(../images/main/icon_quickMenu2.png) center 20px no-repeat;transition: all 0.5s ease-out;}

.quickMenu ul li.bx3{background:url(../images/main/icon_quickMenu3.png) center 27px no-repeat;}
.quickMenu ul li.bx3 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:110px;}
.quickMenu ul li.bx3 a:hover{color:#fff;}
.quickMenu ul li.bx3:hover{background:#0064b8 url(../images/main/icon_quickMenu3.png) center 20px no-repeat;transition: all 0.5s ease-out;}

.quickMenu ul li.bx4{background:url(../images/main/icon_quickMenu4.png) center 27px no-repeat;}
.quickMenu ul li.bx4 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:110px;}
.quickMenu ul li.bx4 a:hover{color:#fff;}
.quickMenu ul li.bx4:hover{background:#0064b8 url(../images/main/icon_quickMenu4.png) center 20px no-repeat;transition: all 0.5s ease-out;}

.quickMenu ul li.bx5{background:url(../images/main/icon_quickMenu5.png) center 27px no-repeat;}
.quickMenu ul li.bx5 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:110px;}
.quickMenu ul li.bx5 a:hover{color:#fff;}
.quickMenu ul li.bx5:hover{background:#0064b8 url(../images/main/icon_quickMenu5.png) center 20px no-repeat;transition: all 0.5s ease-out;}

.quickMenu ul li.bx6{background:url(../images/main/icon_quickMenu6.png) center 27px no-repeat;}
.quickMenu ul li.bx6 a{color:#fff;display:inline-block;width:100%;height:100%;padding-top:110px;}
.quickMenu ul li.bx6 a:hover{color:#fff;}
.quickMenu ul li.bx6:hover{background:#0064b8 url(../images/main/icon_quickMenu6.png) center 20px no-repeat;transition: all 0.5s ease-out;}

.pressBx{position:relative;top:-180px;width:100%;overflow:hidden;padding:165px 0px 50px 0px;background:#f1fdff;}
.pressBx::before{position:absolute;left:0px;top:0px;width:293px;height:606px;content:'';background:url(../images/main/bg_pc01.jpg) no-repeat;}
.pressBx::after{position:absolute;right:0px;top:0px;width:164px;height:453px;content:'';background:url(../images/main/bg_pc02.jpg) no-repeat;}
.pressBx .wrap-p{position:relative;width:1200px;margin:0 auto;}
.pressBx h2{font-family:'Noto Sans Korean Medium';color:#111;font-size:36px;text-align:center;}
.pressBx p{font-family:'Noto Sans Korean Regular';color:#333;font-size:24px;text-align:center;margin-top:15px;}
.pressBx ul{position:relative;margin-top:45px;}
.pressBx ul:after{content:""; display: block; clear: both;}
.pressBx ul li{position:relative;z-index:999;width:280px;float:left;margin-right:26.6px;z-index:999;}
.pressBx ul li:last-child{margin:0px;}
.pressBx ul li a img {width:100%; height:215px;}
.pressBx ul li .date{position:relative;top:15px;font-size:14px;text-align:center;width:98px;height:30px;line-height:30px;background:#00a281;color:#fff;}
.pressBx ul li .txt{color:#111;font-size:16px;text-align:center;width:100%;padding:5%;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
.pressBx ul li .txt:hover{text-decoration:underline;color:#00964e;}
.pressBx .wrap-p .btnMore a{position:absolute; top:-15px; right:415px; display:inline-block;width:34px;height:33px;background:url('../images/main/icon_more.png') 50%  50% no-repeat; text-indent:-9999px;}


.noticeBx{position:relative;top:-100px;width:100%;}
.noticeBx .in1{position:relative;width:48%;float:left;}
.noticeBx .in2{position:relative;width:48%;float:right;}
.noticeBx h2{font-size:22px;color:#111;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:18px;}
.noticeBx ul{margin-top:10px;}
.noticeBx ul li{background:url(../images/main/icon_dot.jpg) 5px 17px no-repeat;padding:7px 0px 7px 15px;}
.noticeBx ul li .tit{width:80%;display:inline-block;font-size:16px;color:#333;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
.noticeBx ul li .tit a{color:#333;}
.noticeBx ul li .tit a:hover{color:#00964e;text-decoration:underline;}
.noticeBx ul li .date{float:right;text-align:right;width:20%;display:inline-block;font-size:14px;color:#666;}
.noticeBx .in1 .btnMore a, .noticeBx .in2 .btnMore a{position:absolute; top:7px; right:0; display:inline-block;width:18px;height:18px;background:url('../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}

.bannerBx{width:100%;position:relative;background:#515455;height:60px;}
.bannerBx h2{font-size:20px !important;color:#fff;float:left;text-align:left ;padding:20px 0px !important;margin:0px !important;background:none !important;}
.bannerBx .owl-carousel{padding:20px 0px;height:40px;}
.bannerBx .owl-carousel .item{float:left;padding:0px 25px;display:table-cell; vertical-align:middle; text-align:center;font-size:14px;}
.bannerBx .owl-carousel .item a{color:#fff;}
.bannerBx .popupzoneBtn{position:relative;z-index:999;float:left;padding:20px;}
.owl-item:after{content:""; display: block; clear: both;}


@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%;}
	
	.wrap{width:100%;}
	.hide1{display:none;}
	
	#main-visual{position:relative;width:100%;height:592px;background:url(../images/main/bg_visual.jpg) no-repeat;background-size:cover;}
	#main-visual::after{position:absolute;right:0px;bottom:0px;width:600px;height:399px;content:'';background:url(../images/main/bg_visual_child.jpg) no-repeat;background-size:600px;}
	#main-visual .bx{width:90%;overflow:hidden;position:relative;top:40px;left:30px;z-index:999;font-family:"SCDream6";letter-spacing:-0.05em;}
	#main-visual .bx .txt1{color:#fff;font-size:33px;margin-bottom:10px;text-shadow: 0 0 3px #555;}
	#main-visual .bx .txt2{color:#fdfc92;font-size:38px;margin-bottom:-3px;text-shadow: 0 0 3px #555;}
	#main-visual .bx .txt3{color:#fff;font-size:27px;text-shadow: 0 0 3px #555;}
	
	#main-visual .bx .text {margin-top:20px; margin-left:20px; color:#fff; font-size:27px; line-height:40px; text-shadow: 0 0 3px #555;}
	
	.quickMenu{position:relative;top:-86px;z-index:999;width:95%;height:330px;margin:0 auto;background:#00cbc9;}
	.quickMenu ul li{position:relative;width:33.3333333%;height:165px;font-weight:bold;display:inline-block;text-align:center;font-size:16px;margin:0;/*padding-top:95px;*/border-right:1px solid #54dcdb;border-bottom:1px solid #54dcdb;}
	.quickMenu ul li:last-child{border:none;}
	.quickMenu ul li span{display:block;}
	
	.quickMenu ul li.bx1{background:url(../images/main/icon_quickMenu1.png) center 27px no-repeat;background-size:55px;}
	.quickMenu ul li.bx1 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx1 a:hover{color:#fff;}
	.quickMenu ul li.bx1:hover{background:#0064b8 url(../images/main/icon_quickMenu1.png) center 20px no-repeat;background-size:55px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx2{background:url(../images/main/icon_quickMenu2.png) center 27px no-repeat;background-size:55px;}
	.quickMenu ul li.bx2 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx2 a:hover{color:#fff;}
	.quickMenu ul li.bx2:hover{background:#0064b8 url(../images/main/icon_quickMenu2.png) center 20px no-repeat;background-size:55px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx3{background:url(../images/main/icon_quickMenu3.png) center 35px no-repeat;background-size:55px;border-right:none;}
	.quickMenu ul li.bx3 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx3 a:hover{color:#fff;}
	.quickMenu ul li.bx3:hover{background:#0064b8 url(../images/main/icon_quickMenu3.png) center 28px no-repeat;background-size:55px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx4{background:url(../images/main/icon_quickMenu4.png) center 27px no-repeat;background-size:55px;border-bottom:none;}
	.quickMenu ul li.bx4 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx4 a:hover{color:#fff;}
	.quickMenu ul li.bx4:hover{background:#0064b8 url(../images/main/icon_quickMenu4.png) center 20px no-repeat;background-size:55px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx5{background:url(../images/main/icon_quickMenu5.png) center 27px no-repeat;background-size:55px;border-bottom:none;}
	.quickMenu ul li.bx5 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx5 a:hover{color:#fff;}
	.quickMenu ul li.bx5:hover{background:#0064b8 url(../images/main/icon_quickMenu5.png) center 20px no-repeat;background-size:55px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx6{background:url(../images/main/icon_quickMenu6.png) center 35px no-repeat;background-size:55px;}
	.quickMenu ul li.bx6 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx6 a:hover{color:#fff;}
	.quickMenu ul li.bx6:hover{background:#0064b8 url(../images/main/icon_quickMenu6.png) center 28px no-repeat;background-size:55px;transition: all 0.5s ease-out;}
	
	.pressBx{position:relative;top:-180px;width:100%;float:left;padding:145px 0px 0px 0px;background:#f1fdff;}
	.pressBx::before{display:none;}
	.pressBx::after{display:none;}
	.pressBx .wrap-p{position:relative;width:100%;margin:0 auto;}
	.pressBx h2{font-family:'Noto Sans Korean Medium';color:#111;font-size:36px;text-align:center;}
	.pressBx p{font-family:'Noto Sans Korean Regular';color:#333;font-size:24px;text-align:center;margin-top:15px;}
	.pressBx ul{position:relative;width:95%;height:300px;overflow:hidden;margin:40px auto 30px auto;}
	.pressBx ul li{width:47%;float:left;margin:0px;}
	.pressBx ul li:nth-child(2){float:right;margin:0px;}
	.pressBx ul li a img {width:100%; height:230px;}
	.pressBx ul li .date{position:relative;top:15px;font-size:14px;text-align:center;width:98px;height:30px;line-height:30px;background:#00a281;color:#fff;}
	.pressBx ul li .txt{color:#111;font-size:16px;text-align:center;width:100%;padding:5%;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
	.pressBx ul li .txt:hover{text-decoration:underline;color:#00964e;}
	.pressBx .wrap-p .btnMore a{position:absolute; top:-15px; right:28%; display:inline-block;width:34px;height:33px;background:url('../images/main/icon_more.png') 50%  50% no-repeat; text-indent:-9999px;}
	
	.noticeBx{position:relative;top:-145px;width:95%;margin:0 auto;float:none;}
	.noticeBx .in1{position:relative;width:48%;float:left;}
	.noticeBx .in2{position:relative;width:48%;float:right;}
	.noticeBx h2{font-size:22px;color:#111;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:18px;}
	.noticeBx ul{margin-top:10px;}
	.noticeBx ul li{background:url(../images/main/icon_dot.jpg) 5px 17px no-repeat;padding:7px 0px 7px 15px;}
	.noticeBx ul li .tit{width:75%;display:inline-block;font-size:16px;color:#333;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
	.noticeBx ul li .tit a{color:#333;}
	.noticeBx ul li .tit a:hover{color:#00964e;text-decoration:underline;}
	.noticeBx ul li .date{float:right;text-align:right;width:20%;display:inline-block;font-size:14px;color:#666;}
	.noticeBx .in1 .btnMore a, .noticeBx .in2 .btnMore a{position:absolute; top:7px; right:0; display:inline-block;width:18px;height:18px;background:url('../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
	
	.bannerBx{display:none;}
}
@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;}
	
	
	#main-visual{position:relative;width:100%;height:420px;background:url(../images/main/bg_visual.jpg) no-repeat;background-size:cover;}
	#main-visual::after{position:absolute;right:-60px;bottom:0px;width:500px;height:333px;content:'';background:url(../images/main/bg_visual_child.jpg) no-repeat;background-size:500px;}
	#main-visual .bx{width:100%;overflow:hidden;position:relative;top:30px;left:0px;z-index:999;font-family:"SCDream6";letter-spacing:-0.05em;}
	#main-visual .bx .txt1{text-align:center;color:#fff;font-size:22px;margin-bottom:5px;text-shadow: 0 0 3px #555;}
	#main-visual .bx .txt2{/*text-align:center;*/margin-left:20px; color:#fdfc92;font-size:24px;margin-bottom:0px;text-shadow: 0 0 3px #555;}
	#main-visual .bx .txt3{text-align:center;color:#fff;font-size:18px;text-shadow: 0 0 3px #555;}
	
	#main-visual .bx .text {margin-top:20px; margin-left:30px; color:#fff; font-size:20px; line-height:40px; text-shadow: 0 0 3px #555;}
	
	.quickMenu{position:relative;top:-86px;z-index:999;width:95%;height:320px;margin:0 auto;background:#00cbc9;}
	.quickMenu ul li{position:relative;height:160px;font-weight:bold;display:inline-block;text-align:center;font-size:14px;margin:0;/*padding-top:95px;*/border-right:1px solid #54dcdb;border-bottom:1px solid #54dcdb;}
	.quickMenu ul li:last-child{border:none;}
	.quickMenu ul li span{display:block;}
	
	.quickMenu ul li.bx1{background:url(../images/main/icon_quickMenu1.png) center 27px no-repeat;background-size:50px;}
	.quickMenu ul li.bx1 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx1 a:hover{color:#fff;}
	.quickMenu ul li.bx1:hover{background:#0064b8 url(../images/main/icon_quickMenu1.png) center 20px no-repeat;background-size:50px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx2{background:url(../images/main/icon_quickMenu2.png) center 27px no-repeat;background-size:50px;}
	.quickMenu ul li.bx2 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx2 a:hover{color:#fff;}
	.quickMenu ul li.bx2:hover{background:#0064b8 url(../images/main/icon_quickMenu2.png) center 20px no-repeat;background-size:50px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx3{background:url(../images/main/icon_quickMenu3.png) center 35px no-repeat;background-size:50px;border-right:none;}
	.quickMenu ul li.bx3 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx3 a:hover{color:#fff;}
	.quickMenu ul li.bx3:hover{background:#0064b8 url(../images/main/icon_quickMenu3.png) center 28px no-repeat;background-size:50px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx4{background:url(../images/main/icon_quickMenu4.png) center 27px no-repeat;background-size:50px;border-bottom:none;}
	.quickMenu ul li.bx4 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx4 a:hover{color:#fff;}
	.quickMenu ul li.bx4:hover{background:#0064b8 url(../images/main/icon_quickMenu4.png) center 20px no-repeat;background-size:50px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx5{background:url(../images/main/icon_quickMenu5.png) center 27px no-repeat;background-size:50px;border-bottom:none;}
	.quickMenu ul li.bx5 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx5 a:hover{color:#fff;}
	.quickMenu ul li.bx5:hover{background:#0064b8 url(../images/main/icon_quickMenu5.png) center 20px no-repeat;background-size:50px;transition: all 0.5s ease-out;}
	
	.quickMenu ul li.bx6{background:url(../images/main/icon_quickMenu6.png) center 35px no-repeat;background-size:50px;}
	.quickMenu ul li.bx6 a{color:#fff;display:inline-block;width:100%;padding-top:95px;}
	.quickMenu ul li.bx6 a:hover{color:#fff;}
	.quickMenu ul li.bx6:hover{background:#0064b8 url(../images/main/icon_quickMenu6.png) center 28px no-repeat;background-size:50px;transition: all 0.5s ease-out;}
	
	.pressBx{position:relative;top:-180px;width:100%;float:left;padding:145px 0px 0px 0px;background:#f1fdff;}
	.pressBx::before{display:none;}
	.pressBx::after{display:none;}
	.pressBx .wrap-p{position:relative;width:100%;margin:0 auto;}
	.pressBx h2{font-family:'Noto Sans Korean Medium';color:#111;font-size:26px;text-align:center;}
	.pressBx p{font-family:'Noto Sans Korean Regular';color:#333;font-size:16px;text-align:center;margin-top:15px;}
	.pressBx ul{position:relative;width:95%;height:228px;overflow:hidden;margin:30px auto 20px auto;}
	.pressBx ul li{width:47%;float:left;margin:0px;}
	.pressBx ul li:nth-child(2){float:right;margin:0px;}
	.pressBx ul li a img {width:100%; height:160px;}
	.pressBx ul li .date{position:relative;top:15px;font-size:14px;text-align:center;width:98px;height:30px;line-height:30px;background:#00a281;color:#fff;}
	.pressBx ul li .txt{color:#111;font-size:16px;text-align:center;width:100%;padding:5%;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
	.pressBx ul li .txt:hover{text-decoration:underline;color:#00964e;}
	.pressBx .wrap-p .btnMore a{position:absolute; top:-15px; right:18%; display:inline-block;width:34px;height:33px;background:url('../images/main/icon_more.png') 50%  50% no-repeat; text-indent:-9999px;}
	
	.noticeBx{position:relative;top:-145px;width:95%;margin:0 auto;float:none;}
	.noticeBx .in1{position:relative;width:100%;float:left;margin-bottom:25px;}
	.noticeBx .in2{position:relative;width:100%;float:right;}
	.noticeBx h2{font-size:20px;color:#111;font-weight:bold;border-bottom:1px solid #ddd;padding-bottom:16px;}
	.noticeBx ul{margin-top:8px;}
	.noticeBx ul li{background:url(../images/main/icon_dot.jpg) 5px 17px no-repeat;padding:7px 0px 7px 15px;}
	.noticeBx ul li .tit{width:75%;display:inline-block;font-size:15px;color:#333;word-break: normal; overflow:hidden;word-wrap: break-word; text-overflow:ellipsis; white-space:nowrap;}
	.noticeBx ul li .tit a{color:#333;}
	.noticeBx ul li .tit a:hover{color:#00964e;text-decoration:underline;}
	.noticeBx ul li .date{float:right;text-align:right;width:20%;display:inline-block;font-size:13px;color:#666;}
	.noticeBx .in1 .btnMore a, .noticeBx .in2 .btnMore a{position:absolute; top:7px; right:0; display:inline-block;width:18px;height:18px;background:url('../images/main/icon_more.jpg') 50%  50% no-repeat; text-indent:-9999px;}
	
	.bannerBx{display:none;}
		
}
@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 */;}
}
@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;}
}

