@charset "UTF-8";
/*-------------------------------------------------
title       : 메인 반응형
Author      : ㅈㅁㅈ
Create date : 2020-06-07
-------------------------------------------------*/
@media (max-width: 1900px) { #visual > .bx-wrapper { height: 100%; }
  #visual > .bx-wrapper .bx-viewport { height: 100%; }
  #visual > .bx-wrapper .bx-viewport .list, #visual > .bx-wrapper .bx-viewport li { height: 100%; }
  #visual > .bx-wrapper .bx-viewport img { max-width: initial; width: initial; height: 100%; }
  #visual > .bx-wrapper .bx-viewport .active img { transform: translateX(-50%) scale(1.1); } }

@media (max-width: 1280px) { #contents { padding-top: 4rem; }
  .section1 .group2 { margin-bottom: 4rem; }
  .popup .bx-controls .bx-controls-auto-item a { line-height: 3.2rem; }
  .issue { margin-top: 4rem; }
  .issue::after { left: -3rem; } 
  .issue > .title::before {height:calc(100% + 16rem); top: -4rem;} 
  .icon a .txt {font-size:1.6rem;}
  }

@media (max-width: 1024px) { #visual { padding: 15rem 0 10rem; }
  #visual > .bx-wrapper .bx-viewport { position: absolute !important; z-index: -1; }
  #visual > .bx-wrapper .bx-viewport img { width: auto; height: 100%; }
  #visual > .bx-wrapper .bx-controls { display: none; }
  #visual .clock { margin-top: 3rem; }
  .section1 .group { float: none; width: 100%; }
  .section1 .group.group2 { margin-bottom: 5rem; }
  .section1 .group.group2 .active .list, .section1 .group.group2 .active .blank { padding-bottom: 2rem; }
  .icon { font-size: 1.6rem; padding: 5rem 0; }
  .icon::before { background-size: auto 100%; }
  .icon h2 { position: relative; top: auto; left: auto; right: auto; bottom: auto; transform: translate(0, 0); overflow: hidden; position: relative; width: 33rem; height: 5rem; margin: 0 auto 3.5rem; background: url("/main/img/main/icon_title.png") no-repeat right bottom; background-size: auto 9.5rem; text-align: center; }
  .icon h2 img { position: absolute; left: 0; height: 9.5rem; }
  .icon i { height: 5rem; width:5rem;}
  .icon i img { height: 100%; }
  .icon ul { height: auto; flex-wrap:wrap; margin: -1.5rem -1rem; width:calc(100% + 2rem)}
  .icon ul li {flex:initial; width:20%; padding:1.5rem 1rem;} 
  .issue { height: auto; padding: 4rem 0 5rem; margin-top:0; }
  .issue::before { display: none; left: 35rem; }
  .issue::after { height: 24.5rem; }
  .issue > .title { position: static; padding:0;}
  .issue > .title::before {height:100%; top:0; left:-3rem;}
  .issue > .title h2 { font-size: 3.1rem; margin: 0; }
  .issue > .title h2 strong { font-size: 3.3rem; display: inline; }
  .issue > .title p { font-size: 1.6rem; margin: 1rem 0 0; }
  .issue > .title p br { display: none; }
  .issue.active > .title::before {width:calc(100% + 6rem);}
  .issue .item { width: auto !important; }
  .issue .count { display: none; }
  .issue .list { display: inline-block; }
  .issue .list a {padding:2.5rem;}
  .issue .list .img { width: 100%; height: 33rem; }
  .issue .list .title { font-size: 1.8rem; margin: 2rem 0 0; }
  .issue .list .date { font-size: 1.5rem; }
  .issue .list .text {padding-right:2.5rem;}
  .issue .count { position: absolute; left: auto; right: 1rem; top: 0.6rem; width: 10rem; }
  .issue .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer { display: none; }
  .issue .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .issue .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { left: auto; top: 0.25rem; }
  .issue .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { right: 15rem; }
  .issue .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0; }
  .issue .bx-controls { position: absolute; right: 0; left:auto; top: -5.5rem; width: auto; text-align: center; line-height: 3.5rem; }
  .issue .bx-controls .bx-pager { position: relative; top: -0.25rem; padding-top: 0; }
  .issue .bx-controls .bx-prev { left: 0; }
  .issue .bx-controls .bx-next { right: 0; }
  .issue .bx-controls .bx-next::before { transform: rotateY(180deg); }
  .issue .bx-controls .bx-controls-direction a { overflow: hidden; width: 3.5rem; height: 3.5rem; background: none; color: #212121; text-align: center; }
  .issue .bx-controls .bx-controls-direction a::before { display: block; font-size:1.6rem; font-family: "xeicon"; text-align: center; line-height: inherit; }
  .issue .bx-controls .bx-pager.bx-default-pager .bx-pager-link { font-size: 2.3rem; display: none; width: auto; height: auto; background: none; font-family: Play; font-weight: 500; color: #212121; text-indent: 0; }
  .issue .bx-controls .bx-pager.bx-default-pager .bx-pager-link:before { content: '0'; }
  .issue .bx-controls .bx-pager.bx-default-pager .bx-pager-link span { color: #B2B2B2; }
  .issue .bx-controls .bx-pager.bx-default-pager .bx-pager-link.active { display: block; } }

@media (max-width:768px) {
	.layerpopup > .group {width:50rem !important;}
}
@media (max-width: 580px) { #visual { padding: 12rem 0 7rem; }
  #visual > .desc span { font-size: 1.4rem; display: block; width: calc(100% - 10rem); margin: 0 auto; line-height: 1.2; }
  #visual .clock h2 { font-size: 1.4rem; height: 3.5rem; line-height: 3.3rem; }
  #visual .clock small { top: 5.5rem; }
  #visual .clock li + li::before { margin: 0 0.5rem; }
  #visual .clock span { font-size: 2.1rem; width: 8.5rem; height: 5rem; line-height: 5rem; letter-spacing: 3.5rem; text-indent: 1.25rem; }
  .section1 .group.group1 { margin-bottom: 4rem; }
  .section1 .group.group1 .bx-wrapper { width: calc(100% + 3rem); }
  .section1 .group.group1 .list li { padding: 0 3.5rem 0 0; }
  .section1 .group.group1 .list a { display: block; }
  .section1 .group.group1 .list .img { display: block; width: 100%; height: 0; margin-bottom: 2rem; padding-top: 65%; }
  .section1 .group.group1 .list .title { max-height: inherit; }
  .section1 .group.group1 .list .desc { display: block; padding: 0; }
  .section1 .group.group2 h2 { margin-bottom: 6rem; padding-bottom: 1rem; border-bottom: 1px solid #ddd; }
  .section1 .group.group2 h2::before { position: absolute; left: 0; bottom: -0.4rem; width: 4rem; height: 0.5rem; background: linear-gradient(to right, #FF7743, #FEA82B); content: ''; }
  .section1 .group.group2 strong a { top: 7.5rem; right: auto !important; }
  .section1 .group.group2 .item1 strong a { left: 0.5rem; }
  .section1 .group.group2 .item2 strong a { left: 5.5rem; }
  .section1 .group.group2 .item3 strong a { left: 10.5rem; }
  .section1 .group.group2 .item4 strong a { left: 20rem; }
  .section1 .group.group2 .item5 strong a { left: 28rem; }
  .section1 .group.group2 .list li:first-child a { height: 9rem; margin-bottom: 2rem; padding: 2.5rem 2rem 2.5rem 10rem; }
  .section1 .group.group2 .list li:first-child a .desc { font-size: 1.5rem; display: block; overflow: hidden; max-height: 5rem; white-space: normal; }
  .section1 .group.group2 .list li:first-child a .title { font-size: 1.6rem; line-height: 1.3125; max-height: 4rem; margin-bottom: 0.5rem; white-space: normal; }
  .section1 .group.group2 .list li:first-child a .date { width: 10rem; padding-top: 2.5rem; }
  .section1 .group.group2 .list li:first-child a .date strong { font-size: 2.6rem; }
  .popup { float: none; width: 100%; margin-bottom: 3rem; }
  .popup .list a { position: relative; height: 0; padding-top: 60%; }
  .popup .list a img { position: absolute; top: auto; left: 50%; transform: translateX(-50%); top: 0; width: 100%; transform: translateX(-50%) scale(1); }
  .popup .list a:hover img, .popup .list a:focus img { transform: translateX(-50%) scale(1.2); }
  .link { display: inline-block; float: none; width: 100%; height: auto; margin-bottom: 3rem; padding: 0; border: 0 none; vertical-align: top; }
  .link a { font-size: 1.7rem; overflow: hidden; float: left; width: 50%; height: 5.5rem; line-height: 5.5rem; white-space: nowrap; letter-spacing: -0.1rem; }
  .link a + a { border: 0 none; }
  .link i { width: 5.5rem; height: 5.5rem; margin-right: 0.5rem; vertical-align: top; }
  .link img { width: 50%; }
  .icon ul > li { width: 33.3%; } 
  .layerpopup .item { padding: 3rem; }
  .layerpopup .close { right: 2rem; }
  .layerpopup > .group > h2 { padding: 2rem 6rem 2rem 2rem; }
  .layerpopup > .group.alert { padding: 3rem 2rem; }
  .layerpopup > .group.alert .img { display: block; width: 100%; text-align: center; }
  .layerpopup > .group.alert .img img { width: 8rem; }
  .layerpopup > .group.alert .desc { display: block; padding: 1rem 0 0; text-align: center; }
  .layerpopup > .group.alert .title { margin-bottom: 0; }
  .layerpopup > .group.alert .btn1.type2.txt_center { display: block; width: 13rem; margin: 2rem auto 0; }
  .layerpopup > .group.type1 .form_captcha .form { padding: 0; }
  .layerpopup > .group.type1 .form_captcha .form span { display: block; overflow: hidden; position: static; width: 100%; margin-top: 1rem; }
  .layerpopup > .group.type1 .form_captcha .form .btn1.type1 { float: left; width: calc(50% - 0.5rem); margin: 0 !important; }
  .layerpopup > .group.type1 .form_captcha .form .btn1.type1 + .btn1.type1 { float: right; }
  .layerpopup > .group.type1 .check li { display: block; }
  .layerpopup > .group.type1 .check li::before { display: none !important; }
  .layerpopup > .group.type1 .close { top: -6rem; right: 0; }
  .sitemap dt, .sitemap dd { width: 100%; } }

@media (max-width: 480px) { .history { font-size: 1.5rem; padding: 4rem 0 4rem 14rem; }
  .history::before { left: 2.5rem; width: 9rem; height: 6rem; }
  .history span { display: none; } }
  
@media (max-width:420px) {
	.icon ul > li {  width: 50%; }
}