@charset "utf-8";
/*-----------------------------------------------------------
Author : Juyeon Jang
Create date : 2022. 11. 24
-----------------------------------------------------------*/

/* common */
h2{ font-size: 26px; color:#000; font-weight: 600; }
h2 strong{ color:#2683ed; }

/* 메인비주얼 */
.main_visual{position:relative; height:100%; z-index:1;}
#m_visual div{ width:100%; height:100%; border-radius:0 80px 0 0; overflow: hidden;}
.main_visual img{ position:relative; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.main_visual .m_slogan {position: absolute; top:2px; right:-545px; }
.main_visual .m_slogan img {width:75%;}
.main_visual .m_slogan .mo {display:none;}
.main_visual .control{ position:absolute; top:0; right:0; z-index: 2; }
.main_visual .control > a{ position:absolute; top:165px; display:inline-block; width:22px; height:16px; background-repeat: no-repeat; background-position:center; }
.main_visual .control > a.play{ display:none;}
.main_visual .control > a.prev{ background-image: url('/images/org/web/hcedu/main/btn_prev4.png'); right:-425px;}
.main_visual .control > a.prev::before { position: absolute; right:-31px; top:calc(50% - 4px); width: 3px; height: 9px; border-radius: 2px; background: #d9d9d9; content: ''; }
.main_visual .control > a.next{ background-image: url('/images/org/web/hcedu/main/btn_next4.png'); right:-510px;}
.main_visual .control .page { position: absolute; top:57px; right:-60px; font-size: 24px; line-height: 1; padding-left: 96px;}
.main_visual .control .page::before { position: absolute; left: 0; top:calc(50% - 3px); width: 86px; height: 6px; border-radius: 3px; background: #4d6782; content: ''; }
.main_visual .control .page strong {display: inline-block; width:30px; font-weight: 600;}
.main_visual .control .progressBar {position: absolute; right:-510px; top:190px; width:0; display: block; width: 107px; height: 4px; border-radius: 2px; background: #cfd9e5;}
.main_visual .control .pro-bar {position: absolute; left:0; top:0; width:0; height: 4px; border-radius: 2px; background: #4d6885;}
.main_visual .control .pro-ani{animation: proBar 5s 1; width:100%;}
.main_visual:hover .pro-bar{animation-play-state: paused;}
@keyframes proBar{
    0%{width:0;}
    100%{width:100%;}
    }

/* 팝업존 */
.box_popup{ position:relative; height:100%; border-radius:0 50px 0 0; overflow:hidden; background:#f1f1f1;}
.box_popup .pop,
.box_popup .pop div{ height:100%;}
.box_popup .pop a{ position:relative; display:flex; height:100%; align-items: center; justify-content: center;}
.box_popup .pop img{ max-height:100%; max-width:100%;}
.box_popup .control{ position:absolute; right:0; bottom:0; padding:13px 20px; border-radius:15px 0 0; background:rgba(0,0,0,0.5); display:flex; align-items:center;}
.box_popup .control > a{ display:inline-block; font-size:0; line-height:0; width:22px; height:15px; background-repeat: no-repeat; background-position:center; margin:0 3px;}
.box_popup .control > a.prev{ background-image: url('/images/org/web/hcedu/main/btn_prev1.png');}
.box_popup .control > a.next{ background-image: url('/images/org/web/hcedu/main/btn_next1.png');}
.box_popup .control > a.stop{ background-image: url('/images/org/web/hcedu/main/btn_stop.png');}
.box_popup .control > a.play{ background-image: url('/images/org/web/hcedu/main/btn_play.png');}
/*250905 버튼추가  */
.box_popup .control .btn_more{display: flex;width: 10px;height: 15px;color: #fff;font-size: 19px;justify-content: center;align-items: center;margin-left: 10px;}

/* 공지사항 */
.notice{position:relative; height:100%; }
.notice h2{position:absolute; left:0; width:248px; padding:0 31px 0 27px; border-radius:0 20px 0 0; z-index: 1;}
.notice h2:before{ content:""; position:absolute; left:0; top:0; width:100%; border-top:1px solid #ddd;}
.notice h2:first-of-type:before{ display:none;}
.notice h2 a{ position:relative; display:block; height:53px; line-height:53px; font-size:20px; white-space: nowrap; overflow:hidden; }
.notice h2 a:hover{ color:#2a58c2; font-weight:700;}
.notice h2.tit_1{ top:0px;}
.notice h2.tit_2{ top:53px;}
.notice h2.tit_3{ top:106px;}
.notice h2.current{ color:#2483ed; font-weight:700; box-shadow:0 3px 4px rgba(29, 94, 167, 0.13); background:url('/images/org/web/hcedu/main/btn_more.png') no-repeat calc(100% - 20px) center;}
.notice h2.current a{ font-size:22px; }
.notice h2.current:before{ display:block !important; top:0px; width:calc(100% - 4px); height:calc(100% - 4px); border-radius:0 20px 0 0; border:2px solid #2483ed !important;}
.notice .list_box.on{display:block; }
.notice .list_box{ position:relative; display:none; height:100%; font-size:14px; padding-left:295px; }
.notice .list_box .ul_list{ display:flex; height:100%;}
.notice .list_box .ul_list li{flex:1; position:relative; padding:0 20px; }
.notice .list_box .ul_list li a{display:block; color:#000; padding-top:35px; overflow:hidden; word-break: keep-all;}
.notice .list_box .ul_list li p{ height:53px; line-height:28px; font-size:20px; font-weight:600; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.notice .list_box .ul_list li .new{ position: absolute; left:20px; top:0; line-height:30px; padding-left:12px; color:#fa9a13; font-size:16px; font-weight:600;}
.notice .list_box .ul_list li .new::before{ content:""; position: absolute; left:0; top:0; width:30px; height:30px; border-radius:50%; background:#fff0a7; z-index: -1;}
.notice .list_box .ul_list li .txt{ display:block; height:68px; line-height:25px; font-size:16px; color:#666; margin-top:15px; padding-top:15px; border-top:1px dashed #ddd; overflow:hidden; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.notice .list_box .ul_list li .date{ display:block; margin-top:10px; color:#898989; font-size:14px; }
.notice .list_box .ul_list li .date:before{ content:"\ea2c"; display:inline-block; font-family: 'xeicon'; }
.notice .list_box .ul_list li a:hover{ text-decoration: none;}
.notice .list_box .ul_list li a:hover p{ color:#5082e9;}
.notice .list_box .ul_list li a:hover .txt{text-decoration: underline;}
.notice .list_box li.no_data{ display: flex; width:100%; height: 100%; font-size:18px; color:#666; font-weight: 600; justify-content: center; align-items: center;}
.notice .btn_more{position:absolute; left:0; bottom:0; display:flex; width:248px; height:40px; line-height:40px; padding:0 30px; font-weight:600; color:#444; font-size:15px; justify-content:space-between; align-items: center; background:#f1f1f1; transition: all .2s; -webkit-transition: all .2s;}
.notice .btn_more:hover{ color:#fff; background:#5082e9;}

/* 바로가기 */
.M_link{position:relative; height:100%;}
.M_link .slider{position:relative; padding:20px 10px; border-radius:20px; background:#e9f3ff; }
.M_link .item a{ display:flex; align-items: center; margin:0 30px; font-size:18px; color: #000;}
.M_link .item a p{ width:60px; height:60px; line-height:53px; text-align:center; margin:0 auto; border-radius:50%; background:#fff; border:1px solid transparent;}
.M_link .item a span{ flex: 1; line-height:20px; overflow:hidden; padding-left: 10px; }
.M_link .item ~ .item{ background:url('/images/org/web/hcedu/main/dots_link02.png') no-repeat left 23px;}
.M_link .item a:hover p{ border-color:#96a5be; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.M_link .slick-arrow{ position:absolute; top:calc(50% - 20px); width:40px; height:40px; border-radius:50%; font-size:0; line-height:0; z-index: 2; box-shadow:0 0 10px rgba(0,0,0,0.1); transition: all .2s; -webkit-transition: all .2s;}
.M_link .slick-next{ right:-20px; background:#fff url('/images/org/web/hcedu/main/btn_next3.png') no-repeat center;}
.M_link .slick-prev{ left:-20px; background:#fff url('/images/org/web/hcedu/main/btn_prev3.png') no-repeat center;}
.M_link .slick-next:hover,
.M_link .slick-next:focus{ background:#356395 url('/images/org/web/hcedu/main/btn_next2.png') no-repeat center;}
.M_link .slick-prev:hover,
.M_link .slick-prev:focus{ background:#356395 url('/images/org/web/hcedu/main/btn_prev2.png') no-repeat center;}

/* 빠른 메뉴 서비스 */
.M_link3 { border-radius: 20px; border:2px solid #ddeefe; padding: 0 30px 17px;}
.M_link3 h2{ line-height: 95px; border-bottom: 1px solid #d1e7ff; background: url('/images/org/web/hcedu/main/bg_wrap2.png') no-repeat 95% bottom / contain; }
.M_link3 ul{ display:flex; flex-wrap: wrap; padding-top:13px; justify-content:space-between; }
.M_link3 li{ width:calc(20% - 10px); line-height:40px; }
.M_link3 li a { position: relative; display:flex; align-items: center; font-size:18px; color: #333; padding-left:28px; transition: all .15s; -webkit-transition: all .15s; }
.M_link3 li a::before { position: absolute; left:0; top:0; content: "\e92c";  font-family: 'xeicon'; font-size: 24px; color:#8b92ab; }
.M_link3 li a:hover,
.M_link3 li a:focus{ color:#2384ed; font-weight:600;}
.M_link3 li a:hover::before,
.M_link3 li a:focus::before { content: "\e92b"; color:#2384ed; }

/* 갤러리 */
.news{position:relative; height:100%; }
.news h2 { text-align: center; margin-bottom:30px;}
.news .slider{ }
.news .slider .item{ vertical-align: top; padding-bottom:10px;}
.news .slider .item a{ position:relative; display:block; width:auto; border-radius:20px; overflow:hidden; margin:0 15px; box-shadow:0 0 10px rgba(0,0,0,0.15); background:#fff;}
.news .slider .item a:before{ content:""; position:absolute; left:0; top:0; width:calc(100% - 4px); height:calc(100% - 4px); border:2px solid #5082e9; border-radius:20px; opacity: 0; z-index: 1;}
.news .slider .item a .img{ display:block; height:220px; overflow:hidden; background:#f1f1f1; }
.news .slider .item a .img img{ position: relative; left:50%; top:50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.news .slider .item a .cont{ position:relative; padding:20px 20px 30px;}
.news .slider .item a .cont > .index { line-height:30px; padding: 0 15px; display:inline-block; font-size:16px; color:#fff; font-weight: 600; border-radius: 15px; margin-bottom:10px; overflow: hidden;}
.news .slider .item a .cont > .index1 { background: #fcc000;}
.news .slider .item a .cont > .index2 { background: #0c7fff;}
.news .slider .item a .cont > p{ height:50px; line-height:25px; font-size:18px; font-weight:600; color:#222; overflow: hidden;}
.news .slider .item a .cont .new{ position:absolute; display:block; right:15px; top:-25px; width:50px; height:50px; line-height:42px; border-radius:50%; border:4px solid #fff; color:#fff; text-align:center;}
.news .slider .item a .cont .data { position:absolute; display:inline-block; right:20px; top:27px; font-size: 15px; color:#707070;}
.news .control{ position:absolute; right:0; top:0;}
.news .control > a{ float:left; width:45px; height:45px; border-radius:50%; margin:0 3px;}
.news .control > a.btn_prev{ background:#0b7dff url('/images/org/web/hcedu/main/btn_prev2.png') no-repeat center;}
.news .control > a.btn_next{ background:#0b7dff url('/images/org/web/hcedu/main/btn_next2.png') no-repeat center;}
.news .control > a.btn_more{ background:#fff url('/images/org/web/hcedu/main/btn_more3.png') no-repeat center; box-shadow:0 0 7px rgba(90,115,139,0.15);}
.news a,
.news .slider a:before,
.news .slider p{transition: all .2s; -webkit-transition: all .2s;}
.news .slider .item a:hover:before{opacity: 1;}
.news .slider .item a:hover p{ color:#0b7eff;}
.news .slider .item a:hover .img img { -webkit-transform:translate(-50%, -50%) scale(1.1); transform:translate(-50%, -50%) scale(1.1); }
.news .control > a:not(.btn_more):hover{ background-color:#2a58c2;}
.news .control > a.btn_more:hover{ background-color:#ffecb1;}

/* 바로가기2 */
.M_link2{ position:relative; height:100%; }
.M_link2 h2{ position:relative; width:50%; margin-top:15px; float:left; }
.M_link2 h2 a{ display:flex; align-items:center; justify-content:center; line-height:60px; font-size:22px; color:#fff; background:#274569;}
.M_link2 h2 a:before{ content:""; position:absolute; left:calc(50% - 16px); top:-20px; width:26px; height:26px; border-radius:50%; background:#0b7eff url('/images/org/web/hcedu/main/m_link_check.png') no-repeat center; border:3px solid #fff; transform: scale(0); -webkit-transform: scale(0); opacity: 0;}
.M_link2 h2.tit_1 a{ border-radius:15px 0 0 15px; }
.M_link2 h2.tit_2 a{ border-radius:0 15px 15px 0;}
.M_link2 h2.current a{ background:#0b7eff; font-weight:600;}
.M_link2 h2.current a:before{ transform: scale(1); -webkit-transform: scale(1); opacity: 1;}
.M_link2 .list_box{ opacity: 0; visibility: hidden; position: absolute; left:0; top:100px; width:100%; height:calc(100% - 100px); display:flex; align-items:center; border-radius:15px; padding:40px 15px; box-shadow: 2px 0 10px rgba(0,0,0,0.15);}
.M_link2 .list_box.on{ opacity: 1; visibility: visible; }
.M_link2 .slider{ width:100%; }
.M_link2 .item{ vertical-align: top;}
.M_link2 .item a{ display:block; margin:0 5px; font-size:18px; font-weight:600; text-align:center;}
.M_link2 .item a p{ width:100px; height:100px; line-height:100px; margin:0 auto 20px; border-radius:50%; background:#fff7e0; border:1px solid transparent;}
.M_link2 .item a p img{ width:60px; height:auto;}
.M_link2 .item a span{ position: relative; display:inline-block; max-height:40px; line-height:20px; overflow:hidden; padding: 0 5px; }
.M_link2 .item a span::before { position: absolute; left:50%; bottom: 0; width: 0; height: 10px; border-radius: 5px; background: #ffecb2; z-index: -1; transform: translateX(-50%); -webkit-transform: translateX(-50%); transition: all .2s; -webkit-transition: all .2s; content: ''; }
.M_link2 .slick-arrow{ position:absolute; top:calc(50% - 20px); width:40px; height:40px; border-radius:50%; font-size:0; line-height:0; z-index: 2; box-shadow: 0 0 7px rgba(0,0,0,0.17); transition: all .2s; -webkit-transition: all .2s;}
.M_link2 .slick-next{ right:-20px; background:#fff url('/images/org/web/hcedu/main/btn_next3.png') no-repeat center;}
.M_link2 .slick-prev{ left:-20px; background:#fff url('/images/org/web/hcedu/main/btn_prev3.png') no-repeat center;}
.M_link2 .slick-next:hover,
.M_link2 .slick-next:focus{ background:#356395 url('/images/org/web/hcedu/main/btn_next2.png') no-repeat center;}
.M_link2 .slick-prev:hover,
.M_link2 .slick-prev:focus{ background:#356395 url('/images/org/web/hcedu/main/btn_prev2.png') no-repeat center;}
.M_link2 a,
.M_link2 :before,
.M_link2 .item p,
.M_link2 .item span{transition: all .2s; -webkit-transition: all .2s;}
.M_link2 .item a:hover p{ border-color:#f1d6b3; box-shadow:0 0 5px rgba(0,0,0,0.15);}
.M_link2 .item a:hover span {font-weight:700;}
.M_link2 .item a:hover span::before {width: 100%;}

/* 사용자서비스 */
.userSrv{position:relative; height:100%; padding-top:75px;}
.userSrv:before{ content:""; position:absolute; right:-66px; bottom:-31px; width:100px; height:165px; background:url('/images/org/web/hcedu/main/bg_wrap3.png') no-repeat center; z-index: 1;}
.userSrv h2{ position:absolute; bottom:calc(100% - 75px); width:33.33%; }
.userSrv h2 a{ position:relative; display:flex; align-items:center; justify-content:center; height:60px; font-size:22px; font-weight:600; color:#373536; background:#ecf4ff;}
.userSrv h2 a::before { position: absolute; left:-1px; top:21px; width: 1px; height: 19px; border-left: 1px dotted #0b7eff; content: ''; }
.userSrv h2:first-child a::before { display: none; }
.userSrv h2.current{ bottom:calc(100% - 75px);}
.userSrv h2.current a{ height:65px; background:#0b7eff; color:#fff; border-radius:15px 15px 0 0 !important; z-index: 1;}
.userSrv h2.current a::before{ display: none; }
.userSrv h2.tit_1{ left:0;}
.userSrv h2.tit_2{ left:33.33%;}
.userSrv h2.tit_3{ left:66.66%;}
.userSrv h2.tit_1 a{ border-radius:15px 0 0 0;}
.userSrv h2.tit_3 a{ border-radius:0 15px 0 0;}
.userSrv .list_box{ display:none; height:100%; border-radius:0 0 15px 15px; padding:40px; background:#274569;}
.userSrv .list_box.on{ display:block; }
.userSrv ul{ display:flex; flex-wrap: wrap; justify-content:space-between; height:100%; overflow-y: auto;}
.userSrv ul::-webkit-scrollbar { width: 5px; }
.userSrv ul::-webkit-scrollbar-thumb { background-color: #aaa; }
.userSrv ul::-webkit-scrollbar-track { background-color: #ddd; }
.userSrv li{ width:49%;}
.userSrv li a{ position:relative; display:block; min-height:30px; padding-left:40px; padding-top:5px; margin:7px 0; font-size:18px; word-break: keep-all; color:#fff;}
.userSrv li a:before{ content:''; position:absolute; left:0; top:0; width:25px; height:25px; border-radius:50%; background:#356395 url('/images/org/web/hcedu/main/dots_usersrv.png') no-repeat center;}
.userSrv a, .userSrv :before{transition: all .2s; -webkit-transition: all .2s;}
.userSrv li a:hover,
.userSrv li a:focus { font-weight: 600; }
.userSrv li a:hover:before,
.userSrv li a:focus:before { background-color:#0b7eff; background-image: url('/images/org/web/hcedu/main/dots_usersrv_on.png');}

/* 배너존 */
.bannerZone{  position:relative; color:#333; border-top:1px solid #ddd; background: #f1f1f1;}
.bannerZone .container{ display:flex; align-items:center; }
.bannerZone h2{ font-size:16px; font-weight:600; color: #000; }
.bannerZone .control{ margin:0 10px;}
.bannerZone .control > a{ display:inline-block; width:29px; height:29px; background-repeat: no-repeat; background-position: center; background-size:cover; font-size:0; line-height:0; vertical-align:top;}
.bannerZone .control > a.prev{ background-image: url('/images/org/web/hcedu/common/ico_bn_prev.png');}
.bannerZone .control > a.next{ background-image: url('/images/org/web/hcedu/common/ico_bn_next.png');}
.bannerZone .control > a.play{ background-image: url('/images/org/web/hcedu/common/ico_bn_play.png');}
.bannerZone .control > a.stop{ background-image: url('/images/org/web/hcedu/common/ico_bn_stop.png');}
.bannerZone .control > a.list{ background-image: url('/images/org/web/hcedu/common/ico_bn_list.png');}
.bannerZone .obj { display:flex; flex:1; overflow:hidden;}
.bannerZone .obj li { display:flex; flex:1; align-items:center; height:50px; padding:0 27px; word-break: keep-all; font-size:15px;}
.bannerZone .obj li a{ display:block; width:100%; text-align:center; }
.bannerZone .obj li a:hover{text-decoration: underline;}

/* responsive */
@media (max-width:1560px){

	/* 사용자서비스 */
	.userSrv:before{ display:none;}

}

@media (max-width:1440px){

	/* 메인비주얼 */
	.main_visual .m_slogan {right:-515px;}
  .main_visual .control { right:60px; }
  .main_visual .control .page { right:-120px; }

  /* 배너존 */
  .bannerZone { width:100%; float: none ;padding-left:0; border-top: 1px solid #626669; border-left: 1px solid #626669; border-right: 1px solid #626669; }

}

@media (max-width:1380px){

	/* 바로가기 */
	.M_link{padding:0 20px;}

  .news .slider .item a .img {height:190px;}

}

@media (max-width:1280px){

	/* 메인비주얼 */
	.main_visual .m_slogan {right:-495px;}
  .main_visual .control { right:80px; }
  .main_visual .control .page { right:-140px; }

  /* 빠른 메뉴 서비스 */
	.M_link3 li{ width:calc(33.33% - 10px);}

}

@media (max-width:1240px){

	/* 메인비주얼 */
	.main_visual img{ width:100%; height:auto; }
  .main_visual .m_slogan { top:auto; right:auto; max-width: 49%; }
  .main_visual .m_slogan img {width:90%;}
  .main_visual .control { top:auto; right: auto; bottom: 15px; left:37% }
  .main_visual .control > a { top:210px; }
  .main_visual .control > a.prev {right: auto; }
  .main_visual .control > a.next {right: -105px;}
  .main_visual .control .progressBar { right:auto; top: 235px; }
  .main_visual .control .page { top:175px; right:-110px; }
  .main_visual .control .page::before { display:none; }

	/* 팝업존 */
	.box_popup{ border-radius:20px; overflow:hidden;}

	/* 바로가기 */
	.M_link .slider{ padding:20px 10px;}
	.M_link li:nth-of-type(4n+1){ background:none;}

	/* 바로가기2 */
	.M_link2 .list_box{ padding:20px;}

	/* 사용자서비스 */
	.userSrv li{ width:32%;}
	.userSrv ul{ max-height:10rem;}

	/* 배너존 */
	.bannerZone .obj li{ width:25%;}
	.bannerZone .obj li:nth-child(n+5){ display:none;}

}
@media (max-width:1024px){

	/* 바로가기2 */
	.M_link2 .slider{ padding:0 10px;}

}
@media (max-width:960px){

  /* 메인비주얼 */
  .main_visual::before { position: absolute; right:0; bottom:0; width: 26%; height:60px; background: rgba(255,255,255,.7); border-radius: 20px 0 0; z-index: 1; content: ''; }
  .main_visual .m_slogan { left:10px; bottom:0px; }
  .main_visual .m_slogan .web { display: none; }
  .main_visual .m_slogan .mo { display: block; }
  .main_visual .control { bottom: 0; left:83% }
  .main_visual .control > a { top:-45px; }
  .main_visual .control > a.prev {right: auto; }
  .main_visual .control > a.prev::before { background: #4d6885; }
  .main_visual .control > a.next {right: -105px;}
  .main_visual .control .progressBar { top:-20px; }
  .main_visual .control .page { top:-45px; right:17px; }

	/* 공지사항 */
	.notice .list_box .ul_list li{ flex:auto; width:50%;}
	.notice .list_box .ul_list li:nth-of-type(n + 3){ display:none;}
	.notice .list_box li.no_data{ font-size:16px; padding:40px 0 30px;}

}
@media (max-width:768px){
  /* common */
  h2{ font-size: 23px; }

  /* 메인비주얼 */
  .main_visual::before { width: 32%; }
	.main_visual .control { left:78% }

	/* 공지사항 */
	.notice{ padding-top:60px;}
	.notice h2{ width:calc(33.33% - 25px); padding:0 20px 0 10px;  border-radius:20px; border:2px solid #ccc;}
	.notice h2:before,
	.notice h2.current:before{ display:none !important;}
	.notice h2.tit_1{ top:0px; left:0;}
	.notice h2.tit_2{ top:0px; left:calc(33.33% - 15px);}
	.notice h2.tit_3{ top:0px; left:calc(66.66% - 30px);}
	.notice h2 a{ height:40px; line-height:40px; font-size:17px;}
  .notice h2.current a { font-size: 19px; }
	.notice h2.current{ background-position:calc(100% - 10px) center; background-size:auto 12px; border-color:#0b7eff;}
	.notice h2.current:before{ display:none;}
	.notice .list_box{ padding-left:0px; height:auto;}
	.notice .list_box .ul_list li a{ padding-top:30px;}
	.notice .list_box .ul_list li .new{ font-size:14px; line-height:20px;}
	.notice .list_box .ul_list li .new::before{ width:20px; heighT:20px;}
	.notice .list_box .ul_list li p{ font-size:18px; line-height:25px; height:50px; white-space: pre-wrap;}
	.notice .list_box .ul_list li .txt{ font-size:14px; line-height:20px; height:50px; padding-top:10px; margin-top:10px; text-overflow: ellipsis; word-break: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
	.notice .btn_more{ right:0; left:auto; top:-60px; width:40px; height:40px; padding:0; border-radius:50%; text-align:center; line-height:40px; display:block; font-size:0;}
	.notice .list_box .ul_list li .date{ font-size:13px; margin-top:10px;}
	.notice .btn_more i{ font-size:20px; vertical-align: middle;}

  /* 바로가기 */
  .M_link .item a { font-size: 16px; }

  /* 빠른 메뉴 서비스 */
  .M_link3 { padding:0 20px 17px; }
  .M_link3 li a { font-size: 16px; }

	/* 포토뉴스 */
	.news h2{ margin-bottom:20px;}
	.news h3{max-width:100%; width:50%; float:left;}
	.news h3 a{ height:50px; line-height:50px; padding:0 15px; font-size:17px;}
	.news h3.current a{ background-position:calc(100% - 20px) center; background-size:auto 12px; }
	.news .slider{ left:0; top:120px;}
	.news .slider{ width:calc(100% + 10px); }
	.news .slider{ width:100%; }
	.news .slider .item a{ margin: 0 10px; }
	.news .slider .item a .img{ height:150px;}
	.news .slider .item a .cont{ padding:20px 15px 20px;}
	.news .slider .item a .cont > p{ font-size:16px; line-height:25px; height:50px;}
	.news .slider .item a .cont > span{ font-size:14px !important;}
	.news .control > a{ width:35px; height:35px; background-size:auto 14px !important;}

	/* 바로가기2 */
	.M_link2 h2 a{ font-size:18px; letter-spacing: -.5px;}
  .M_link2 .item a { font-size: 16px; }

	/* 사용자서비스 */
	.userSrv{ padding-top:60px;}
	.userSrv h2 a{ height:50px; line-height:50px; font-size:18px;}
	.userSrv h2,
	.userSrv h2.current{ bottom:calc(100% - 60px);}
	.userSrv h2.current a{ height:60px;}
	.userSrv .list_box{ padding:20px;}
	.userSrv li{ width:49%;}
	.userSrv li a{ word-break: break-all; font-size:16px; min-height:26px; }

	/* 배너존 */
	.bannerZone h2{ display:none;}
	.bannerZone .control{ margin-left:0;}
	.bannerZone .obj li{ width:33.33%;}
	.bannerZone .obj li:nth-child(n+4){ display:none;}
}

@media (max-width:680px){

  /* 빠른 메뉴 서비스 */
  .M_link3 li{ width:calc(50% - 10px); letter-spacing: -.5px;}

}

@media (max-width:580px){

	/* 메인 비주얼 */
	#m_visual div{ border-radius:0 30px 0 0;}
  .main_visual::before { width: 40%; }
	.main_visual .control { left:74% }

  /* 빠른 메뉴 서비스 */
	.M_link3 li{ width:calc(50% - 10px); }
  .M_link3 h2 { line-height: 80px; }

	/* 바로가기2 */
	.M_link2 .item a p{ width:80px; height:80px; line-height:80px;}
	.M_link2 .item a p img{ width:45px; height:auto;}

	/* 배너존 */
	.bannerZone .obj li{ width:50%;}
	.bannerZone .obj li:nth-child(n+3){ display:none;}

}

@media (max-width:480px){

	/* 메인 비주얼 */
  .main_visual::before { height:36px; border-radius: 10px 0 0; width: 46%; }
  .main_visual .control { left:71% }
  .main_visual .control > a { top:-25px; }
  .main_visual .control .page { top:-26px; font-size: 18px; right:5px; }
  .main_visual .control > a.prev::before { right:-25px; }
  .main_visual .control > a.next { right:-90px; }
	.main_visual .control .progressBar { display: none; }

  /* 빠른 메뉴 서비스 */
	.M_link3 h2 { line-height: 70px; }

}

@media (max-width:460px){
  /* common */
  h2{ font-size: 20px; }

	/* 빠른 메뉴 서비스 */
  .M_link3 ul { height:170px; overflow-y: auto;}
  .M_link3 ul::-webkit-scrollbar { width: 5px; }
  .M_link3 ul::-webkit-scrollbar-thumb { background-color: #aaa; }
  .M_link3 ul::-webkit-scrollbar-track { background-color: #ddd; }
	.M_link3 li{ width:100%; margin:5px 0; line-height: 30px;}

	/* 공지사항 */
	.notice{ padding-top:160px;}
	.notice h2{ width:calc(100% - 50px); }
	.notice h2.tit_1{ top:0px; left:0;}
	.notice h2.tit_2{ top:50px; left:0;}
	.notice h2.tit_3{ top:100px; left:0;}
  .notice .list_box .ul_list li { width: 100%; flex: none; }

	/* 포토뉴스 */
	.news h2{ text-align: left; }
	.news .slider{ width:100%; margin-left:0px;}

	/* 사용자서비스 */
	.userSrv li{ width:100%;}

	/* 배너존 */
	.bannerZone .obj li{ width:100%;}
	.bannerZone .obj li:nth-child(n+2){ display:none;}
}

@media (max-width:380px){

  /* 메인 비주얼 */
  .main_visual::before { width:57%; }
  .main_visual .control { left:61% }

	/* 바로가기2 */
	.M_link2 h2 a{ font-size:16px;}

  /* 빠른 메뉴 서비스 */
	.M_link3 h2 { background: none; line-height:60px; }

	/* 사용자서비스 */
	.userSrv{ padding-top:135px;}
	.userSrv h2{width:100%; }
	.userSrv h2 a{ height:45px; border-bottom:1px dotted #ccc; font-size: 18px;}
  .userSrv h2 a::before { display: none; }
	.userSrv h2.tit_1{ left:0; top:0px;}
	.userSrv h2.tit_2{ left:0; top:45px;}
	.userSrv h2.tit_3{ left:0; top:90px;}
	.userSrv h2.tit_1 a{ border-radius:15px 15px 0 0;}
	.userSrv h2.tit_3 a{ border-radius:0;}
	.userSrv h2.current a{ height:45px;}
	.userSrv h2.current.tit_1 a{ border-radius:15px 15px 0 0 !important;}
	.userSrv h2.current:not(.tit_1) a{ border-radius:0 !important;}
}

@media (max-width:320px){
  /* 메인 비주얼 */
  .main_visual::before { width:60%; }
  .main_visual .m_slogan { left:0; }
  .main_visual .control { left:57%; }

  /* 바로가기 */
	.M_link .item a {margin:0 20px;}

  /* 포토뉴스 */
	.news .control > a { width:30px; height:30px; }
  .news .slider .item a .cont > .index { padding:0 10px; }

  /* 바로가기2 */
  .M_link2 h2 a { font-size:15px; letter-spacing: -2px;}

	/* 사용자서비스 */
	.userSrv li a { font-size: 15px; }
}