@media screen and (max-width:1680px) {
  /* Header */
  #hd-logo {top: 32px;}
  #header {background-color: #FFFFFF;}
  #hd-logo a {display: block; width: 270px;}
  #gnb .dp1 {width: 750px; margin-left: 20px;}
  #gnb .dp2-mn {padding: 10px 15px;}
  
  /* Footer */
  .ft_logo {width: 250px; background-size: 100%;}
  
  /* Main */
  .main-governor {padding: 53px 20px 50px 20%;}
  .main-governor::after {right: 5%;}

  .main-webzine-slider .swiper-slide {display: flex; align-items: center; justify-content: center; height: auto; padding: 30px 50px;}
  .main-webzine .swiper-arrow.swiper-prev {left: 30px;}
  .main-webzine .swiper-arrow.swiper-next {right: 30px;}

  .main-service-list {gap: 20px;}

  .main-business-list {gap: 20px;}
  .main-business-item {width: calc((100% - 40px) / 3);}

  .main-tour-slider .swiper-slide {width: 520px; max-width: 100%;}
  .main-tour .swiper-arrow.swiper-prev {left: -25px;}
  .main-tour .swiper-arrow.swiper-next {right: -25px;}

  .main-site-list {margin: 0 -15px;}

  /* Sub */
  .sub-name {padding-right: 100px;}

  .sub-menu {padding: 19px 0 18px 0;}
  .sub-menu-item.home {padding: 0 23px;}
  .sub-menu-link {padding: 5px 60px 5px 20px;}

  .sub-head .wrapper3 {position: relative;}
  .sub-navigation {position: initial;}
  .sub-util {top: 5px; height: auto; padding: 0; border-radius: 0;}
  .sub-util::after {display: none;}
  .sub-util-item:not(:last-child) {margin-right: 5px;}
  .sub-util-item:not(:last-child)::after {display: none;}
  .sub-util-btn {width: 40px; height: 40px; background-color: #CCCCCC; border-radius: 10px;}

  .share-popup {top: 50px;}

  /* Sub > Foreigner Registration */
  .foreigner-graph .graph-ul.depth02 li {width: 380px;}

}

@media screen and (max-width:1400px) {
  /* Common */
  .container {padding-left: 30px; padding-right: 30px;}

  /* Header */
  #gnb {display: none;}
  #hd-language {right: 40px; z-index: 201;}
  #hd-menu-btn {display: block; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: 201;}
  .mo-menu-btn {width: 24px; height: 20px; text-align: right; border: none; background-color: transparent;}
  .mo-menu-btn span {display: inline-block; position: relative; width: 20px; height: 2px; background-color: #333333; vertical-align: middle;}
  .mo-menu-btn span::before {content: ''; width: 24px; height: 2px; position: absolute; top: -8px; right: 0; background-color: #333333; transition: 0.3s;}
  .mo-menu-btn span::after {content: ''; width: 24px; height: 2px; position: absolute; top: 8px; right: 0; background-color: #333333; transition: 0.3s;}

  .mo-menu-btn.active span {background-color: transparent;}
  .mo-menu-btn.active span:before {top: 0; transform: rotate(45deg);}
  .mo-menu-btn.active span:after {top: 0; transform: rotate(-45deg);}

  .mo-menu-wr {display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(0,0,0,0.5); z-index: 200;}
  .mo-menu-box {position: absolute; top: 0; right: 0; width: 405px; max-width: 100%; height: 100%; padding-top: 100px; background-color: #F5F5F5;}
  .mo-menu-box .dp1 {height: 100%; padding: 10px 30px 30px; overflow-y: auto; background-color: #FFFFFF; border-top: 1px solid #CCCCCC;}
  .mo-menu-box .dp1-mn {display: block; position: relative; padding: 15px 0; font-size: 18px; font-weight: 500; color: #333333; border-bottom: 1px dashed #CCCCCC; transition: 0.3s;}
  .mo-menu-box .dp1-mn::after {content:""; position: absolute; right: 0; top: 50%; width: 17px; height: 10px; margin-top: -5px; background: url('../img/arr_down_gr.png') no-repeat center right/contain; transition: 0.3s;}
  .mo-menu-box .dp1-mn.active {color: #FF5331;}
  .mo-menu-box .dp1-mn.active::after {width: 9px; height: 17px; margin-top: -8.5px; margin-right: 4px; background-image: url('../img/arr_next_og.png'); transform: rotate(-90deg);}
  .mo-menu-box .dp2 {display: none; padding: 7px 15px; margin-bottom: 10px; background: #F5F5F5;}
  .mo-menu-box .dp2 > li {padding: 3px 0;}
  .mo-menu-box .dp2-mn {display: block; padding: 3px 0; font-size: 17px; font-weight: 400; color: #333333;}
  .mo-menu-box .dp3 {margin-top: 5px; padding: 8px 12px; background-color: #FFFFFF; border-top: 1px solid #CCCCCC; color: #666666;}
  .mo-menu-box .dp3 > li {}
  .mo-menu-box .dp3-mn {display: block; position: relative; padding: 2px 0 2px 10px; font-size: 16px;}
  .mo-menu-box .dp3-mn::before {content: ''; width: 4px; height: 4px; position: absolute; top: 10px; left: 0; background-color: #CCCCCC;}

  #header .hd-con {height: 100px;}
  
  /* Footer */
  .ft-con {padding: 40px 0; font-size: 0;}
  .ft_logo {float: none;}
  .ft_info {float: none; width: 100%; padding-left: 0; padding-top: 20px;}

  #btnTop {bottom: 10px; right: 10px; width: 60px; height: 60px;}

  /* Main */
  .main-governor {padding: 53px 20px 50px 15%;}

  .main-business-link {padding: 40px 30px;}

  .main-tour-content {padding: 20px 25px;}
  .main-tour-title {margin-top: 10px; line-height: 1.2;}
  .main-tour-text {margin-top: 5px;}
  .main-tour-btn {margin-top: 15px;}

  /* Sub > Visions & Five Goals */
  .vision-content {padding: 50px;}
  .tasks-item ~ .tasks-item {margin-top: 30px;}

  /* Sub > Foreigner Registration */
  .foreigner-graph .graph-ul.depth01 > li > .box {width: 420px;}
  .foreigner-graph .graph-ul.depth01 > li > .caption {font-size: 18px;}

  .foreigner-graph .graph-ul.depth02::before {top: 50%; width: 460px; height: 9px; background-size: cover;}
  .foreigner-graph .graph-ul.depth02 li {width: 400px; max-width: 30%;}
  .foreigner-graph .graph-ul.depth02 li .box {padding: 20px;}

  /* Sub > City Tour */
  .citytour-btn {width: auto; padding: 10px 12px 0;}

}

@media screen and (max-width:1280px) {
  /* Common */

  /* Box */
  .gray-box {padding: 30px;}
  
  /* Btn */
  .btn-read, .btn-download {padding: 9px 15px;}
  .btn-read i {margin-right: 10px;}
  .btn-download i {margin-right: 7px;}

  /* Tab */
  .tab-ctrl {flex-wrap: wrap; gap: 12px;}
  .tab-ctrl .tab-btn {width: calc((100% - 24px) / 3); padding: 15px;}

  /* Google translate */
  .google-text {font-size: 15px;}
  .google-button {position: relative; top: inherit; right: inherit; transform: none; }

  /* Main */
  .main-subject {font-size: 46px;}

  .main-banner .wrapper {flex-direction: column;}
  .main-visual {width: 100%;}
  .main-visual-slider .swiper-slide {position: relative; height: 0; padding-bottom: 55%;}
  .main-visual-image {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}

  .main-group {flex-direction: row; width: 100%; gap: 15px; margin-top: 15px;}
  .main-governor::after {right: -6%;}
  .main-governor {width: 50%; padding: 65px 150px 0 30px;}
  .main-governor-content::before {top: -25px; left: -15px;}
  .main-governor-name {font-size: 40px;}

  .main-webzine {width: 50%;}
  .main-webzine-slider .swiper-slide {padding: 25px;}
  .main-webzine .swiper-arrow {width: 40px; height: 40px; margin-top: -20px;}
  .main-webzine .swiper-arrow.swiper-prev {left: 10px;}
  .main-webzine .swiper-arrow.swiper-next {right: 10px;}
  .main-webzine-content {padding: 50px 25px 25px;}
  .main-webzine-num {font-size: 15px;}
  .main-webzine-title {font-size: 38px;}

  .main-news-link {padding: 12px 10px 12px 0;}
  .main-news-title {font-size: 30px;}
  .main-news-item.first .main-news-date {margin-top: 8px;}

  .main-service-list {flex-wrap: wrap; gap: 15px;}
  .main-service-item {flex: 1 auto; width: 20%;}
  .main-service-text br {display: none;}

  .main-business-list {gap: 15px;}
  .main-business-item {width: calc((100% - 30px) / 3);}
  .main-business-link {padding: 25px 25px 35px;}
  .main-business-title {line-height: 1.2;}
  .main-business-title br {display: none;}

  .main-tour-image {height: 265px;}
  .main-tour .swiper-arrow {width: 40px; height: 40px; margin-top: -20px; background-size: 10px;}

  .main-site-list {margin: 0 -7.5px;}
  .main-site-item {padding: 0 7.5px;}
  .main-site-link {height: 80px;}
  .main-site-link img {max-width: 55%; max-height: 40px;}

  /* Sub */
  .sub-name {font-size: 38px;}

  .sub-navigation {margin-top: 20px; background: #FFFFFF;}
  .sub-menu {padding: 0;}
  .sub-menu-link {padding: 5px 32px 5px 12px; font-size: 17px;}
  .sub-menu2-list {top: calc(100% + 2px);}
  
  .sub-menu-item.home {padding: 0 12px 0 0;}
  .sub-menu-item.home .sub-menu-link {width: 18px; height: 28px;}

  .sub-menu-item.depth .sub-menu-link::after {right: 12px; width: 12px; height: 8px; margin-top: -4px;}
  
  .sub-util {top: 3px;}
  .sub-util-btn {background-size: 18px;}
  .sub-util-btn.print {background-size: 20px;}

  .sub-body {margin-top: 40px;}
  
  /* Sub > Greetings */
  .greeting-image {padding: 90px 50px; text-align: right; background-position: center left 30%;}
  .greeting-description {font-size: 28px;}
  .greeting-description span {font-size: 34px;}
  
  /* Sub > Visions & Five Goals */
  .vision-head {width: 30%;}
  .vision-body {width: 70%;}
  .goals-item {padding: 17px 40px;}
  .goals-num {width: 50px;}

  .tasks-list {padding-left: 40px;}
  
  /* Sub > Symbols */
  .symbol-box {padding: 30px 15px;}
  .symbol-download {margin: 30px -3px -3px;}
  .symbol-download-item {padding: 3px;}

  .symbol-row.symbol-row2 {gap: 15px;}
  .symbol-row.symbol-row2 .symbol-box {padding: 30px 10px;}

  /* Sub > Photos of Provincial Office */
  .photo-thumbs-slider::before {width: 55px; background: linear-gradient(to right, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.75) 68%, rgba(255, 255, 255, 0) 100%);}
  .photo-thumbs-slider::after {width: 55px; background: linear-gradient(to left, rgba(255, 255, 255, 1) 40%, rgba(255, 255, 255, 0.75) 68%, rgba(255, 255, 255, 0) 100%);}
  
  /* Sub > Life in Chungnam 공통 */
  .life-body-half .life-img {width: 40%;}
  .life-body-half .life-cont {width: 60%; padding-top: 5px;}
  
  /* Sub > Call Center Information */
  .supcenter-top > * {max-width: 50%;}
  .supcenter-top-right .bubble {padding: 30px 38px;}
  .supcenter-top-right .tel-num a {font-size: 34px;}
  .supcenter-top-right .tel-num .icon {width: 26px; margin-right: 8px;}

  .supcenter-box {padding: 40px 30px;}

  /* Sub > Foreigner Registration */
  .foreigner-graph {padding: 30px;}
  .foreigner-graph .graph-ul.depth01 > li > .box {width: 100%; padding: 15px; font-size: 18px;}
  .foreigner-graph .graph-ul.depth01 > li:first-child {padding-bottom: 48px;}
  .foreigner-graph .graph-ul.depth01 > li:first-child::before {top: inherit; bottom: 10px; height: 32px;}
  .foreigner-graph .graph-ul.depth01 > li:nth-child(2)::before {top: inherit; bottom: 10px;}

  .foreigner-graph .graph-ul.depth02 {display: flex; justify-content: space-between; position: relative; top: inherit; left: inherit; transform: none; margin-top: 20px;}
  .foreigner-graph .graph-ul.depth02::before {display: none;}
  .foreigner-graph .graph-ul.depth02 li {width: 50%; max-width: calc(50% - 8px);}
  .foreigner-graph .graph-ul.depth02 li .box {height: 100%; border-radius: 10px;}
  .foreigner-graph .graph-ul.depth02 li .box .t1 {font-size: 18px;}
  .foreigner-graph .graph-ul.depth02 li .box .t2 {font-size: 17px;}

  /* Sub > Banking */
  .banking-graph {padding: 50px;}
  
  /* Sub > Tourist Destination 공통 */
  .tourist-tab-item {width: 33.3333%;}

  /* Sub > Tourist Destination > Tourist Attractions */
  .gallery-board {padding: 30px 0 0;}
  .gallery-list {margin: -12px -8px;}
  .gallery-item {padding: 12px 8px;}

  /* Sub > Tourist Destination > Festivals */
  .webzine-thumbnail {width: 45%;}
  .webzine-content {width: 55%;}

  /* Sub > City Tour */
  .citytour-item {width: calc((100% - 24px) / 4);}
  .citytour-btn i {width: 13px; height: 13px;}

  /* Sub > Why Invest in Chungcheongnam-do */
  .invest-image {padding-right: 25px;}

  /* Sub > Province's Key Investment Area in Chungcheongnam-do */
  .company-map-info {left: 20px; bottom: 20px;}
  .company-content {padding-left: 25px;}

  /* Board 공통 */
  .txt-input {min-width: 150px; padding: 0 15px;}
  .select-box {padding: 0 13px;}

  .search-box {padding: 10px 15px;}
  .search-cnt_in .date-input {width: 150px; min-width: auto;}
  .search-cnt_in .btn {width: 110px;}
  .search-cnt_in .btn img {margin-right: 5px;}

  .search-li.period .search-tit {display: none;}
  .search-li.input {width: calc(100% - 510px);}
  .search-li.input .txt-input {width: calc(100% - 118px); min-width: auto;}
  
  /* Board > View */
  .board-view-inner > .k {width: 120px; padding: 13px 10px;}
  .board-view-inner > .v {width: calc(100% - 120px); padding: 13px 10px;}
  .board-view-inner > .content {padding: 30px;}

  /* Board > News List */
  .article-info {padding-left: 30px;}

}

@media screen and (max-width:1023px) {
  /* Common */
  .container {padding-left: 20px; padding-right: 20px;}
  
  /* Font Type */
  .text-type1 {font-size: 34px;}
  .text-type2 {font-size: 30px;}
  .text-type3 {font-size: 20px;}
  .text-type4 {font-size: 16px;}
  
  /* Box */
  .gray-box {padding: 25px;}

  /* Btn */
  .btn-go {font-size: 18px;}

  /* Tab */
  .tab-ctrl {gap: 10px;}
  .tab-ctrl .tab-btn {height: 52px; padding: 2px 10px;}
  
  /* Table */
  .table th {font-size: 17px;}
  .table thead tr {height: 50px;}
  .table tbody tr {height: 50px;}
  .table tbody td {font-size: 16px;}
  
  .scroll-1023 {display: block;}
  .scroll-1023 + .table-wrap {overflow: auto;}

  /* Pagination */
  .pagination li a, .pagination li:not(.i) > span {width: 45px; height: 45px; line-height: 45px;}
  .pagination li.i {height: 45px; line-height: 45px;}
  .pagination li.first {width: 12px;}
  .pagination li.prev {width: 10px; margin-right: 23px;}
  .pagination li.next {width: 10px; margin-left: 23px;}
  .pagination li.end {width: 12px;}

  /* Popup */
  .popup {max-width: calc(100% - 50px); padding: 40px 40px 90px;}
  .popup-inner {max-height: calc(100vh - 330px);}
  .popup-ctrl {bottom: 30px;}
  .popup-btn {width: 120px; height: 45px; line-height: 45px; font-size: 17px;}

  /* Google translate */
  .google-image {width: 75px;}
  .google-text {font-size: 14px;}
  .google-button-reset {font-size: 13px;}

  #header.active::after {top: 148px;}
  #main.active {padding-top: 173px;}
  .subContainer.active {padding-top: 173px;}

  /* Header */
  #header::after {top: 80px;}
  #header .hd-con {height: 80px;}
  #hd-logo {top: 22px;}
  #gnb .dp1 {display: none;}
  #hd-language {top: 22px;}
  .hd-language_btn {display: block; width: 100%; height: 38px; padding: 0 25px 0 15px; line-height: 36px; font-size: 14px; background: url('../img/arr_down_fill.png') no-repeat center right 10px/8px auto, #FFFFFF; border: 1px solid #CCCCCC; border-radius: 100px;}
  .hd-language_btn.on {border-color: #FF5331; color: #FFFFFF; background: url('../img/arr_up_fill.png') no-repeat center right 10px/8px auto, #FF5331;}
  .hd-language_list {display: none; position: absolute; top: 40px; left: 0; z-index: 10; width: 100%; padding: 10px 15px; border-radius: 10px; border: 2px solid #FFE7E2; background-color: #FFFFFF; overflow: hidden;}
  .hd-language_list > li {display: block;}
  .hd-language_list > li > a {padding: 3px 0; font-size: 14px;}
  .hd-language_list > li:not(:last-child):after {display: none;}

  .mo-menu-box {padding-top: 80px;}
  .mo-menu-box .dp1 {padding: 10px 20px 30px;}
  
  /* Footer */
  #footer {margin-top: 40px;}
  .ft-con {padding: 25px 0;}
  .ft_info {padding-top: 10px;}

  #btnTop {width: 50px; height: 50px;}

  /* Main */
  #main {padding-top: 105px;}
  .main-subject {font-size: 42px;}

  .main-banner .wrapper {gap: 0;}

  .main-governor {padding: 60px 120px 60px 20px;}
  .main-governor::after {left: 55%; right: inherit; top: inherit; bottom: -30px;}
  .main-governor-content::before {top: -20px; width: 43px; height: 30px;}
  .main-governor-text1 {font-size: 15px;}
  .main-governor-name {font-size: 30px;}
  .main-governor-text2 {font-size: 18px;}

  .main-webzine-num {font-size: 14px;}
  .main-webzine-title {font-size: 30px;}
  .main-webzine-text {margin-top: 15px; padding: 6px 15px; font-size: 15px; border-radius: 13px;}

  .main-news {margin-top: 50px;}
  .main-news-link {padding: 12px 0;}
  .main-news-title {font-size: 28px;}

  .main-service-link {padding: 25px 10px;}
  .main-service-text {font-size: 18px;}

  .main-business {margin-top: 50px;}
  .main-business-link {padding: 23px 20px 25px;}
  .main-business-title {font-size: 20px;}
  .main-business-text {font-size: 18px;}

  .main-tour {margin-top: 50px;}
  .main-tour-slider .swiper-slide {width: 480px;}
  .main-tour-content {padding: 15px 20px;}
  .main-tour-image {height: 250px;}
  .main-tour-title {font-size: 20px;}
  .main-tour-text {font-size: 16px;}
  .main-tour .swiper-arrow.swiper-prev {left: -20px;}
  .main-tour .swiper-arrow.swiper-next {right: -20px;}

  .main-site {margin-top: 50px;}
  .main-site-link {height: 70px;}

  /* Sub */
  .subContainer {padding-top: 105px; padding-bottom: 40px;}
  .sub-name {font-size: 34px;}

  .sub-navigation {margin-top: 10px;}
  .sub-menu-link {font-size: 16px;}
  .sub-menu-item.depth3 {display: none;}
  .sub-menu-item.depth2::after {display: none;}
  
  .sub-util {top: 1px;}
  .share-popup {top: 48px;} 

  .sub-body {margin-top: 30px;}

  .sub-title {font-size: 22px;}
  
  /* Sub > Greetings */
  .greeting-image {align-items: end; padding: 50px 30px 30px;}
  .greeting-text1 {margin-top: 30px;}
  .greeting-text2 {margin-top: 15px;}
  .greeting-text3 {margin-top: 20px;}
  .greeting-sign {margin-top: 35px;}
  .greeting-sign span {font-size: 28px;}
  
  /* Sub > Visions & Five Goals */
  .vision-signature {width: 280px; height: 280px;}
  .vision-title {margin-top: 65px;}
  .vision-slogan-text {padding: 20px;}
  .vision-content {padding: 30px;}
  .vision-head {width: 33%;}
  .vision-subject {font-size: 22px;}
  .vision-body {width: 67%; margin-top: 0;}

  .goals-item {padding: 15px 30px;}
  .goals-item > p {font-size: 20px;}

  .tasks-body {margin-top: 10px;}
  .tasks-list {padding-left: 30px;}
  .tasks-item ~ .tasks-item {margin-top: 20px;}
  .tasks-title p {font-size: 20px;}
  
  /* Sub > Origin */
  .origin-content {margin-top: 25px;}
  .origin-text ~ .origin-text {margin-top: 15px;}

  /* Sub > History */
  .history-table-container .table th {font-size: 18px;}
  .history-table-container .table tbody td {padding: 15px; font-size: 16px;}
  
  /* Sub > Overview */
  .overview-chungnam-image {max-width: 60%; margin-right: 30%;}
  .overview-korea-image {left: 52%; max-width: 40%;}
  .overview-korea-image::after {left: 33%;}
  
  /* Sub > Symbols */
  .symbol-container ~ .symbol-container {margin-top: 50px;}
  .symbol-row ~ .symbol-row {margin-top: 30px;}
  .symbol-box-content {margin-top: 20px; padding: 20px;}
  .symbol-download {margin: 20px -3px -3px;}

  .symbol-row.symbol-row2 {flex-direction: column; gap: 30px;}
  .symbol-row.symbol-row2 .symbol-box {padding: 30px 15px;}
  .symbol-row.symbol-row2 .symbol-box-image {height: auto;}
  .symbol-row.symbol-row2 .symbol-box-image img {max-width: 45%; max-height: 140px;}

  /* Sub > Direction */
  .direction-map iframe {height: 500px;}
  
  /* Sub > Photos of Provincial Office */
  .photo-view-slider .swiper-slide {position: relative; height: 0; padding-bottom: 56%;}
  .photo-thumbs-slider .swiper-slide {position: relative; width: 40%; height: 0; padding-bottom: 30%;}
  .photo-slider .swiper-slide img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .photo-thumbs-slider {margin-top: 15px;}

  /* Sub > Life in Chungnam 공통 */
  .life-head.connect {padding-top: 0;}
  .life-head.connect > .life-subject {display: block;}
  .life-head.connect .btn-read {margin-top: 8px; margin-left: 0;}
  .life-title {font-size: 18px;}
  .life-content-row::before {top: 6px;}

  .life-content-row.button::before {top: 6px;}
  .life-content-row.button .life-content-item .life-content-text {display: block; margin-right: 0;}
  .life-content-row.button .life-content-item .btn-download {margin-top: 8px;}

  .life-body-half .life-cont {padding-top: 0; padding-left: 20px;}
  
  /* Sub > Call Center Information */
  .supcenter-top > * {max-width: inherit; padding: 0;}
  .supcenter-top-left {width: 35%;}
  .supcenter-top-right {width: 63%; padding-left: 40px;}
  .supcenter-top-right .bubble {padding: 25px;}
  .supcenter-top-right .tel-num a {font-size: 30px;}
  .supcenter-top-right .tel-num .icon {width: 22px;}
  .supcenter-top-right .t1 {margin-top: 10px;}
  .supcenter-box {padding: 25px;}
  .supcenter-box .inner .supcenter-description {margin-bottom: 15px;}
  .supcenter-icon-li {padding: 15px;}
  .supcenter-icon-li .icon-box {width: 40px; margin-right: 15px;}
  .supcenter-icon-li .txt-box {width: calc(100% - 55px);}

  /* Sub > Foreigner Registration */
  .foreigner-graph {padding: 25px;}
  .foreigner-graph .graph-ul.depth01 > li > .box {padding: 12px;}
  .foreigner-graph .graph-ul.depth02 {margin-top: 15px;}
  .foreigner-graph .graph-ul.depth02 li .box {padding: 15px;}

  /* Sub > Banking */
  .banking-graph {padding: 30px;}
  .banking-graph-li {padding: 30px;}
  .banking-graph-li::before {left: 53px;}
  .banking-graph-li .step {margin-top: 2px; font-size: 18px;}
  .banking-graph-li .cont {font-size: 18px;}

  /* Sub > Tourist Destination 공통 */
  .tourist-tab-link i {margin-right: 7px;}
  .tourist-tab-link i ~ p {max-width: calc(100% - 50px);}

  /* Sub > Tourist Destination > Tourist Attractions */
  .gallery-item {width: 33.3333%;}
  .gallery-content {margin-top: 8px;}
  .gallery-location {font-size: 15px;}
  .gallery-subject {font-size: 18px;}

  .tourist-popup-location {font-size: 22px;}
  .tourist-popup-subject {font-size: 28px;}
  .tourist-popup-thumbnail {margin-top: 20px;}
  .tourist-popup-text {margin-top: 20px;}

  /* Sub > Tourist Destination > Festivals */
  .webzine-item {scroll-margin-top: 100px;}
  .webzine-link {gap: 25px;}
  
  /* Sub > City Tour */
  .citytour-item {width: calc((100% - 8px) / 2); height: auto;}
  .citytour-box, .citytour-box:hover {padding: 20px;}
  .citytour-icon {width: 70px; height: 65px;}
  .citytour-ctrl {position: relative; left: inherit; bottom: inherit; transform: none; margin-top: 10px; opacity: 1;}
  .citytour-btn {width: 150px; max-width: 40%;}

  .citytour-box:hover {background: #ffffff;}
  .citytour-box:hover .citytour-icon {height: 65px;}
  .citytour-box:hover .citytour-name {margin-top: 10px; color: #333333;}
  .citytour-box:hover .citytour-ctrl {bottom: inherit; opacity: 1;}
  .citytour-box:hover .citytour-icon img {filter: none;}
  
  /* Sub > Why Invest in Chungcheongnam-do */
  .invest-body {display: flex; flex-direction: column-reverse; gap: 40px;}
  .invest-image {width: 100%; padding-right: 0;}
  .invest-image-btn {margin-top: 20px;}
  .invest-content {width: 100%; padding-top: 0;}
  .invest-description-title {padding-left: 20px;}
  .invest-description-title::before {top: 6px;}
  .invest-description-box {padding-left: 20px;}
  .invest-content-list {padding-top: 22px; margin-top: 22px;}
  .invest-content-item ~ .invest-content-item {margin-top: 20px;}
  .invest-content-title {padding-left: 20px;}
  .invest-content-title::before {top: 6px;}
  .invest-content-box {margin-top: 10px; padding-left: 20px;}
  .invest-content-text {font-size: 16px;}
  
  /* Sub > Province's Key Investment Area in Chungcheongnam-do */
  .company-map {width: 55%; padding: 45px 20px 20px;}
  .company-map-info {position: relative; left: inherit; bottom: inherit; margin-top: 30px;}
  .company-map-info-title {font-size: 18px;}
  .company-map-info-title br {display: none;}
  .company-map-info-box {margin-top: 10px;}
  .company-map-info-text {font-size: 15px;}
  .company-content {width: 45%; padding-left: 20px;}
  .company-content-box {margin-top: 25px;}

  /* Board 공통 */
  .txt-input {min-width: 135px; padding: 0 10px; font-size: 14px;}
  .select-box {padding: 0 10px 0 8px; font-size: 14px;}

  .search-box {padding: 15px;}
  .search-ul {gap: 5px;}
  .date-picker-wr span {margin: 0 5px;}
  .search-cnt_in .date-input {width: 130px;}
  .search-cnt_in .select-box {min-width: 80px;}
  .search-cnt_in .select-box ~ .select-box {margin-left: 5px;}
  .search-cnt_in .btn {width: 40px; margin-left: 5px; font-size: 0;}
  .search-cnt_in .btn img {width: 15px; margin-right: 0;}

  .search-li.period {padding-right: 5px;}
  .search-li.input .txt-input {width: calc(100% - 45px);}

  .board-info {margin-bottom: 15px;}
  .board-info-ul li {font-size: 17px;}

  /* Board > View */
  .board-view-title {font-size: 30px;}
  .board-view-subtitle {font-size: 22px;}

  .board-view-li.item02 {display: block; width: 100%;}
  .board-view-li.item03 {display: block; width: 100%;}
  .board-view-inner > .k {width: 100px; font-size: 16px;}
  .board-view-inner > .v {width: calc(100% - 100px);}
  .board-view-input {padding: 0 10px; font-size: 15px;}
  .board-view-inner > .content {padding: 25px;}

  .view-list-btn {width: 120px; height: 45px; line-height: 45px; font-size: 17px;}

  /* Board > News List */
  .article-info {padding-left: 20px;}
  .article-category {margin-bottom: 5px; font-size: 17px;}
  .article-title {font-size: 20px;}
  .article-date {font-size: 16px;}
  .article-content {font-size: 16px;}

}

@media screen and (max-width:767px) {
  /* Common */
  .table-text-item ~ .table-text-item {margin-top: 6px;}

  /* Font Type */
  .text-type1 {font-size: 28px;}
  .text-type2 {font-size: 24px;}
  .text-type3 {font-size: 18px;}
  .text-type4 {font-size: 15px;}

  /* Text Style */
  .dot {padding-left: 8px;}

  .hyphen {padding-left: 12px;}
  .hyphen::before {left: 0;}

  .colon {padding-left: 12px;}
  .colon::before {left: 4px;}

  .reference {padding-left: 12px;}
  .reference::before {left: -2px;}

  .arrow {padding-left: 16px;}
  .arrow::before {font-size: 14px;}
  
  /* Box */
  .gray-box {padding: 20px;}
  
  /* Btn */
  .btn-go {padding: 1px 13px 4px; font-size: 17px;}

  .btn-view {padding: 10px 13px;}

  .btn-read, .btn-download {padding: 8px 12px; font-size: 13px;}
  .btn-read i {width: 13px; height: 18px; margin-right: 7px;}
  .btn-download i {width: 15px; height: 20px;}

  /* Tab */
  .tab-ctrl {gap: 8px;}
  .tab-ctrl .tab-btn {width: calc((100% - 16px) / 2); height: 47px; font-size: 14px; border-radius: 10px;}

  /* Table */
  .table-scroll {padding-bottom: 6px; font-size: 15px;}
  .scroll-767 {display: block;}
  .scroll-767 + .table-wrap {overflow: auto;}
  
  .table th {padding: 8px; font-size: 16px;}
  .table thead tr {height: 45px;}
  .table tbody tr {height: 45px;}
  .table tbody td {padding: 8px; font-size: 15px;}

  .table-caution {padding-top: 5px;}
  .table-caution-txt {font-size: 14px;}
  
  /* Pagination */
  .paginationSet {margin-top: 30px;}
  .pagination li {padding: 0;}
  .pagination li a, .pagination li:not(.i) > span {width: 32px; height: 32px; line-height: 32px; font-size: 16px;}
  .pagination li.i {height: 32px; line-height: 32px;}
  .pagination li.first {width: 10px; margin-right: 15px;}
  .pagination li.prev {width: 8px; margin-right: 15px;}
  .pagination li.next {width: 8px; margin-left: 15px;}
  .pagination li.end {width: 10px; margin-left: 15px;}

  /* Popup */
  .popup {max-width: calc(100% - 40px); max-height: calc(100vh - 100px); padding: 20px 20px 70px; border-radius: 15px; box-shadow: 5px 5px 20px rgba(0,0,0,0.26);}
  .popup-inner {max-height: calc(100vh - 190px);}
  .popup-ctrl {bottom: 20px;}
  .popup-btn {width: 100px; height: 35px; line-height: 35px; font-size: 15px;}
  
  /* Google translate */
  #google-translate {gap: 5px; padding: 0 10px;}
  .google-image {width: 65px;}
  .google-text {display: none;}  
  .google-select .goog-te-gadget .goog-te-combo {height: 25px;}
  .google-button-reset {padding: 6px 8px; font-size: 12px; border-radius: 5px;}

  #google-translate.show {height: 40px;}
  #header.active::after {top: 100px;}
  #main.active {padding-top: 120px;}
  .subContainer.active {padding-top: 150px;}

  /* Header */
  #header::after {top: 60px;}
  #header .hd-con {height: 60px;}
  #hd-logo {top: 18px;}
  #hd-logo a {width: 190px;}
  #hd-language {top: 15px;}
  .hd-language_btn {height: 32px; line-height: 30px; font-size: 13px;}
  .hd-language_list {top: 33px;}
  .mo-menu-box {padding-top: 60px;}
  .mo-menu-box .dp2-mn {font-size: 16px;}
  .mo-menu-box .dp3-mn {font-size: 15px;}

  /* Footer */
  .ft_logo {width: 200px; height: 28px;}
  .ft_info {padding-top: 10px;}
  .ft_address {font-size: 14px;}
  .copyright {font-size: 13px;}

  #btnTop {bottom: 5px; right: 5px; width: 35px; height: 35px;}
  
  /* Main */
  #main {padding-top: 80px;}
  .main-subject {font-size: 32px;}
  .main-body {margin-top: 8px;}

  .main-visual-slider {border-radius: 15px;}
  .main-visual-slider .swiper-slide {padding-bottom: 60%;}
  .main-visual .swiper-ctrl {bottom: 20px;}
  .main-visual .swiper-pagination-bullet {margin: 0 6px !important;}

  .main-group {flex-direction: column;}
  .main-governor {width: 100%; padding: 55px 32% 55px 20px; border-radius: 15px;}
  .main-governor::after {left: 54%; top: 5px; bottom: inherit; width: 200px; height: 240px;}
  .main-governor-content {text-align: center;}
  .main-governor-content::before {left: 50%; transform: translateX(-330%);}
  .main-governor-text1 {font-size: 14px;}
  .main-governor-name {font-size: 28px;}
  .main-governor-text2 {font-size: 16px;}

  .main-webzine {width: 100%; border-radius: 15px;}
  .main-webzine-content {padding: 20px 15px;}
  .main-webzine-num {position: relative; left: inherit; top: inherit;}
  .main-webzine-title {margin-top: 5px; font-size: 28px;}
  .main-webzine-text {margin-top: 12px; font-size: 14px;}
  .main-webzine .swiper-arrow {width: 35px; height: 35px; margin-top: -17.5px; background-size: 8px;}

  .main-news {margin-top: 30px;}
  .main-news-btn {top: 8px;}
  .main-news-contents {margin-top: 10px;}
  .main-news-link {padding: 10px 0;}
  .main-news-title {font-size: 24px;}
  .main-news-date {width: 100px; font-size: 14px;}
  
  .main-news-item.first .main-news-link {padding-bottom: 3px;}
  .main-news-item.first .main-news-text {margin-top: 5px; font-size: 14px;}

  .main-service {margin-top: 30px;}
  .main-service-list {gap: 10px;}
  .main-service-item {width: calc(50% - 10px);}
  .main-service-link {padding: 20px 10px; border-radius: 15px;}
  .main-service-icon {width: 45px; height: 35px;}
  .main-service-icon::after {width: 30px; height: 30px;}
  .main-service-text {font-size: 16px;}

  .main-business {margin-top: 30px;}
  .main-business-btn {top: 8px;}
  .main-business-list {flex-direction: column; gap: 10px;}
  .main-business-item {width: 100%;}
  .main-business-link {padding: 20px; border-radius: 15px;}
  .main-business-title {font-size: 18px;}
  .main-business-text {margin-top: 5px; font-size: 16px;}

  .main-tour {margin-top: 30px;}
  .main-tour-slider .swiper-slide {border-radius: 18px;}
  .main-tour-inner {border-radius: 16px;}
  .main-tour-content {padding: 10px 20px;}
  .main-tour-category {font-size: 14px;}
  .main-tour-title {margin-top: 10px; font-size: 18px; line-height: 1.15;}
  .main-tour-text {margin-top: 5px; padding-right: 0; font-size: 14px;}
  .main-tour-btn {margin-top: 10px;}
  .main-tour-image {position: relative; height: 0; padding-bottom: 50%; border-radius: 18px 0 0 18px;}
  .main-tour-image img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .main-tour-slider .swiper-slide:hover .main-tour-image img {transform: translate(-50%,-50%) scale(1.08);}
  .main-tour .swiper-arrow {width: 35px; height: 35px; margin-top: -17.5px; background-size: 8px;}
  .main-tour .swiper-arrow.swiper-prev {left: -17.5px;}
  .main-tour .swiper-arrow.swiper-next {right: -17.5px;}

  .main-site {margin-top: 35px;}
  .main-site-list {flex-wrap: wrap; margin: 0; gap: 5px;}
  .main-site-item {width: calc(50% - 2.5px); padding: 0;}
  .main-site-link {height: 50px; padding: 5px; border-radius: 10px;}
  .main-site-link img {max-width: 35%; max-height: 80%;}
  
  /* Sub */
  .subContainer {padding-top: 110px; padding-bottom: 10px;}
  .sub-name {padding-right: 0; font-size: 28px;}
  
  .sub-menu {display: none;}

  .sub-util {top: -40px;}
  .sub-util-item:not(:last-child) {margin-right: 3px;}
  .sub-util-btn {width: 30px; height: 30px; border-radius: 7px; background-size: 16px;}
  .sub-util-btn.print {background-size: 18px;}
  
  .share-popup {top: -3px;} 
  .share-popup-head {padding: 10px 12px;}
  .share-popup-title {width: calc(100% - 23px); font-size: 16px;}
  .share-popup-close {width: 23px; height: 23px;}
  .share-popup-body {padding: 12px;}
  .share-sns-link {width: 35px; height: 35px;}
  .share-address-input {font-size: 13px;}
  .share-address-btn {font-size: 13px;}
  
  .sub-body {margin-top: 20px;}
  .sub-inner {margin-top: 10px;}
  
  .sub-title {padding-top: 10px; font-size: 20px; line-height: 1.15;}
  .sub-title::before {width: 120px;}
  
  /* Sub > Greetings */
  .greeting-image {height: 0; padding: 30%; background-position: center left 20%;}
  .greeting-description {display: none; font-size: 22px;}
  .greeting-description span {font-size: 28px;}

  .greeting-text1 {margin-top: 20px;}
  .greeting-text2 {margin-top: 10px;}
  .greeting-text3 {margin-top: 15px;}
  .greeting-sign {margin-top: 20px; font-size: 16px;}
  .greeting-sign span {font-size: 22px;}
  
  /* Sub > Visions & Five Goals */
  .vision-signature {width: 200px; height: 200px;}
  .vision-signature img {max-width: 70%;}
  .vision-title {margin-top: 45px;}
  .vision-slogan::after {border-left: 22px solid transparent; border-right: 22px solid transparent; border-top: 25px solid #FFE4DF;}
  .vision-slogan-text {padding: 15px; font-size: 26px;}

  .vision-content {margin-top: 40px; padding: 20px; border-radius: 15px;}
  .vision-head {width: 100%;}
  .vision-subject {font-size: 20px;}
  .vision-body {width: 100%; margin-top: 13px;}
  .vision-box ~ .vision-box {margin-top: 40px;}

  .goals-item {padding: 13px 25px;}
  .goals-item > p {font-size: 18px;}
  .goals-num {width: 40px;}
  .goals-text {width: calc(100% - 40px);}

  .tasks-list {padding-left: 0;}
  .tasks-item ~ .tasks-item {margin-top: 15px;}
  .tasks-title {margin-bottom: 5px;}
  .tasks-title::before {left: 4px; width: 6px; height: 6px;}
  .tasks-title p {font-size: 18px;}
  
  /* Sub > Origin */
  .origin-content {margin-top: 20px;}
  .origin-text ~ .origin-text {margin-top: 10px;}
  
  /* Sub > History */
  .history-table-container .table th {font-size: 16px;}
  .history-table-container .table tbody td {padding: 15px; font-size: 15px;}

  /* Sub > Overview */
  .overview-korea-image {display: none;}
  .overview-chungnam-image {max-width: 100%; margin: 0;}

  .overview-content {margin-top: 30px;}
  
  /* Sub > Symbols */
  .symbol-container ~ .symbol-container {margin-top: 30px;}
  .symbol-box {padding: 20px 13px;}
  .symbol-box-image img {width: 80%;}
  .symbol-box-content {padding: 15px;}
  .symbol-box-text ~ .symbol-box-text {margin-top: 12px;}
  .symbol-download {margin: 15px -2px -2px;}
  .symbol-download-item {padding: 2px;}

  .symbol-row.symbol-row2 .symbol-box {padding: 20px 13px;}
  .symbol-row.symbol-row2 .symbol-box-image img {max-width: 55%; max-height: 100px;}

  /* Sub > Direction */
  .direction-map iframe {height: 400px;}
  .direction-content {margin-top: 30px;}
  
  /* Sub > Photos of Provincial Office */
  .photo-thumbs-slider {margin-top: 12px;}
  .photo-thumbs-slider::before {width: 45px;}
  .photo-thumbs-slider::after {width: 45px;}
  .photo-thumbs-slider .swiper-arrow {width: 12px;}

  /* Sub > Life in Chungnam 공통 */
  .life-wrapper ~ .life-wrapper {margin-top: 30px;}
  .life-box ~ .life-box {margin-top: 10px;}
  .life-description ~ .life-description {margin-top: 5px;}
  .life-title {margin-bottom: 4px; font-size: 17px;}
  .life-content-row {padding-left: 15px;}
  .life-content-row::before {width: 6px; height: 6px;}
  .life-content-item .life-content-group.pl20 {padding-left: 12px;}

  .life-content-row.sticky {flex-direction: column;}

  .life-body-half .life-img {width: 100%; padding-bottom: 50%;}
  .life-body-half .life-cont {width: 100%; padding-left: 0; padding-top: 10px;}

  /* Sub > Call Center Information */
  .supcenter-top-left {display: block; width: 40%; margin: 0 auto 10px;}
  .supcenter-top-right {width: 100%; padding-left: 0;}
  .supcenter-top-right .bubble {padding: 20px;}
  .supcenter-top-right .bubble::before {display: none;}
  .supcenter-top-right .tel-num a {font-size: 24px;}
  .supcenter-top-right .tel-num .icon {width: 20px; margin-right: 5px;}
  .supcenter-top-right .t1 {margin-top: 5px; font-size: 18px;}
  .supcenter-box {padding: 20px; margin-top: 15px;}
  .supcenter-box .life-content-item.pl20 {padding: 0; padding-top: 8px;}

  /* Sub > Korea Living Guide References */
  .references-img {margin-top: 10px;}

  /* Sub > Education */
  .education-img {margin-top: 10px;}
  .education-img-link {max-width: 200px;}

  /* Sub > Foreigner Registration */
  .foreigner-graph {padding: 15px;}
  .foreigner-graph .graph-ul.depth01 > li > .box {font-size: 16px;}
  .foreigner-graph .graph-ul.depth01 > li > .caption {padding-top: 7px; font-size: 16px;}
  .foreigner-graph .graph-ul.depth01 > li:first-child,
  .foreigner-graph .graph-ul.depth01 > li:nth-child(2) {padding-bottom: 40px;}
  .foreigner-graph .graph-ul.depth01 > li:first-child::before, 
  .foreigner-graph .graph-ul.depth01 > li:nth-child(2)::before {bottom: 8px; height: 28px;}

  .foreigner-graph .graph-ul.depth02 {margin-top: 12px;}
  .foreigner-graph .graph-ul.depth02 li {max-width: calc(50% - 5px);}
  .foreigner-graph .graph-ul.depth02 li .box {padding: 10px;}
  .foreigner-graph .graph-ul.depth02 li .box .t1 {font-size: 16px;}
  .foreigner-graph .graph-ul.depth02 li .box .t2 {font-size: 15px;}

  /* Sub > Banking */
  .banking-graph {padding: 20px;}
  .banking-graph-li {padding: 15px;}
  .banking-graph-li::before {left: 38px;}
  .banking-graph-li .step {width: 90px; font-size: 17px;}
  .banking-graph-li .cont {width: calc(100% - 90px); font-size: 17px;}

  /* Sub > Tourist Destination 공통 */
  .tourist-tab.tourist-tab-festival {}
  .tourist-tab-mobile {display: block;}
  .tourist-tab-list {display: none; position: absolute; left: 0; top: calc(100% + 3px); height: 240px; margin: 0; padding: 6px; background: #ffffff; border: 1px solid #cccccc; border-radius: 5px; z-index: 1; overflow-x: auto;}
  .tourist-tab-item {width: 100%; padding: 0;}
  .tourist-tab-link {display: block; height: auto; padding: 7px 15px; border-radius: 4px; border: none; text-align: left;}
  .tourist-tab-link i {display: none;}
  .tourist-tab-link i ~ p {max-width: 100%;}
  .tourist-tab-link p {font-size: 14px; line-height: 1.15;}
  .tourist-tab-link.active {background: #eeeeee;}
  .tourist-tab-link.active p {color: #000000;}

  .tourist-info {margin-top: 30px;}
  .tourist-info-total {font-size: 14px;}

  /* Sub > Tourist Destination > Tourist Attractions */
  .gallery-board {padding: 17px 0 0;}
  .gallery-list {margin: -10px -5px;}
  .gallery-item {width: 50%; padding: 10px 5px;}
  .gallery-location {font-size: 14px;}
  .gallery-subject {font-size: 16px;}

  .tourist-popup-location {font-size: 18px;}
  .tourist-popup-subject {margin-top: 3px; font-size: 24px;}
  .tourist-popup-thumbnail {margin-top: 10px;}
  .tourist-popup-text {margin-top: 10px; font-size: 16px;}
  
  /* Sub > Tourist Destination > Festivals */
  .webzine-board {margin-top: 30px;}
  .webzine-item {padding: 20px 5px; scroll-margin-top: 70px;}
  .webzine-link {flex-direction: column; gap: 15px;}
  .webzine-item:nth-child(even) .webzine-link {flex-direction: column;}
  .webzine-thumbnail {width: 100%; padding-bottom: 60%; border-radius: 10px;}
  .webzine-content {width: 100%; margin: 0;}
  .webzine-text {margin-top: 5px;}
  
  /* Sub > City Tour */
  .citytour-box, .citytour-box:hover {padding: 20px 20px 15px;}
  .citytour-icon, .citytour-box:hover .citytour-icon {width: 65px; height: 50px;}
  .citytour-ctrl {flex-direction: column; align-items: center;}
  .citytour-btn {width: 160px; max-width: 100%; height: 38px; padding: 10px 8px 0;}
  .citytour-btn i {width: 11px; height: 11px;}
  .citytour-btn p {font-size: 13px;}

  /* Sub > Why Invest in Chungcheongnam-do */ 
  .invest-head {margin-bottom: 30px;}
  .invest-body {padding-top: 15px; gap: 20px;}
  .invest-image-btn {margin-top: 13px;}
  .invest-category {margin-bottom: 5px;}
  .invest-description-wrap {margin-top: 7px;}
  .invest-description-title {padding-left: 15px;}
  .invest-description-title::before {top: 7px; width: 6px; height: 6px;}
  .invest-description-box {padding-left: 15px;}
  .invest-description {margin-top: 7px;}
  .invest-description-wrap .invest-description {margin-top: 5px;}
  .invest-content-title {padding-left: 15px;}
  .invest-content-title::before {top: 7px; width: 6px; height: 6px;}
  .invest-content-list {padding-top: 13px; margin-top: 13px;}
  .invest-content-item ~ .invest-content-item {margin-top: 10px;}
  .invest-content-box {margin-top: 5px; padding-left: 15px;}
  .invest-content-text {font-size: 14px;}
  .invest-content-box .table-container {margin-top: 15px;}
  
  /* Sub > Province's Key Investment Area in Chungcheongnam-do */
  .company-map {width: 100%; padding: 30px 15px 15px;}
  .company-map-info {margin-top: 15px;}
  .company-content {width: 100%; padding-left: 0; margin-top: 30px;}
  .company-content-box {margin-top: 20px;}

  /* Sub > Support and Incentives */
  .support-body {margin-top: 10px;}
  .support-table-container .table tbody td {padding: 10px;}

  /* Board 공통 */
  .select-box {padding: 0 10px 0 6px;}

  .search-ul {text-align: left;}
  .search-cnt {display: block;}
  .search-cnt_in > .date-input-wr {display: block; width: 100%;}
  .search-cnt_in .date-input {width: calc((100% - 20px) / 2);}
  .search-cnt_in .select-box {min-width: auto;}

  .search-li.period {flex: 1 1 100%; padding-right: 0;}
  .search-li.period:after {display: none;}

  .board-info {margin-top: 30px; margin-bottom: 10px;}
  .board-info-ul li {font-size: 16px;}

  /* Board > View */
  .board-view-title_wr {margin: 0 0 12px;}
  .board-view-category {margin-bottom: 5px; font-size: 18px;}
  .board-view-title {margin-bottom: 8px; font-size: 24px;}
  .board-view-subtitle {font-size: 20px;}

  .board-view-inner > * {font-size: 15px;}
  .board-view-inner > .k {padding: 10px 8px; font-size: 14px;}
  .board-view-inner > .v {padding: 10px 8px; font-size: 14px;}
  .board-view-input {height: 40px; padding: 0 6px; font-size: 14px;}
  .board-view-inner > .content {padding: 15px;}
  
  .board-view-btns {margin-top: 10px;}
  .view-list-btn {width: 100px; height: 37px; line-height: 37px; font-size: 15px; border-radius: 7px;}

  /* Board > News List */
  .article-link {padding: 20px 5px;}
  .article-thumb {position: relative; width: 100%; height: 0; padding-bottom: 60%;}
  .article-thumb img {position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
  .article-info {width: 100%; padding-left: 0; margin-top: 15px;}
  .article-category {margin-bottom: 2px; font-size: 15px;}
  .article-title {font-size: 18px;}
  .article-date_wr {margin-top: 5px;}
  .article-date {font-size: 14px;}
  .article-content {margin-top: 4px;}
  .article-link:hover .article-thumb img {transform: translate(-50%,-50%) scale(1.08);}

}

@media screen and (max-width:480px) {
  /* Font Type */
  .text-type1 {font-size: 24px;}
  .text-type2 {font-size: 20px;}
  .text-type3 {font-size: 17px;}
  /* .text-type4 {font-size: 14px;} */
  
  /* Box */
  .gray-box {padding: 15px; border-radius: 10px;}
  
  /* Btn */
  .btn-view {padding: 8px 10px;}
  .btn-view i {width: 10px; height: 6px; margin-left: 5px; margin-bottom: 2px;}
  
  /* Table */
  .table-scroll {font-size: 13px;}
  .scroll-480 {display: block;}
  .scroll-480 + .table-wrap {overflow: auto;}
  
  /* Pagination */
  .paginationSet {margin-top: 20px;}
  .pagination li a, .pagination li:not(.i) > span {width: 27px; height: 27px; line-height: 27px; font-size: 15px; border-radius: 7px;}
  .pagination li.i {height: 27px; line-height: 27px;}
  .pagination li.first {width: 9px; margin-right: 8px;}
  .pagination li.prev {margin-right: 8px;}
  .pagination li.next {margin-left: 8px;}
  .pagination li.end {width: 9px; margin-left: 8px;}

  /* Header */
  #hd-logo a {width: 160px;}
  #hd-language {right: 35px; width: auto;}
  .hd-language_btn {height: 30px; padding: 0 20px 0 10px; font-size: 11px; line-height: 28px; background-position: center right 8px;}
  .hd-language_list {top: 32px; padding: 5px 10px;}
  .hd-language_list > li > a {font-size: 11px;}
  .mo-menu-box .dp3-mn {word-break: break-all;}
  
  /* Main */
  .main-visual-slider .swiper-slide {padding-bottom: 75%;}
  .main-visual .swiper-ctrl {left: 15px; bottom: 15px;}
  .main-visual .swiper-paging {margin-right: 10px;}
  .main-visual .swiper-pagination-bullet {margin: 0 4px !important;}

  .main-governor {display: flex; align-items: center; height: 180px; padding: 6% 32% 6% 6%;}
  .main-governor::after {left: 52%;}
  .main-governor-content {text-align: left;}
  .main-governor-content::before {left: -10px; transform: none;}
  .main-governor-name {font-size: 22px;}

  .main-webzine-slider .swiper-slide {padding: 20px;}
  .main-webzine-content {padding: 15px;}
  .main-webzine-num {padding: 3px 10px; font-size: 13px;}
  .main-webzine-title {font-size: 22px;}
  .main-webzine-text {padding: 6px 10px 5px; font-size: 13px;}
  .main-webzine .swiper-arrow.swiper-prev {left: 5px;}
  .main-webzine .swiper-arrow.swiper-next {right: 5px;}

  .main-service-icon {width: 40px; height: 30px;}
  .main-service-icon::after {width: 25px; height: 25px;}

  .main-news-contents {margin-top: 5px;}
  .main-news-title {font-size: 20px;}

  .main-tour-content {display: block; width: 100%; padding: 10px 10px 10px 15px;}
  .main-tour-image {display: block; width: 100%; border-radius: 18px 18px;}

  .main-site-link img {max-width: 55%; max-height: 70%;}

  /* Sub */
  .sub-name {font-size: 24px;}
  
  /* Sub > Greetings */
  .greeting-sign {font-size: 15px;}
  .greeting-sign span {font-size: 18px;}
  
  /* Sub > Visions & Five Goals */
  .vision-title {margin-top: 35px;}
  .vision-signature {width: 160px; height: 160px;}
  .vision-slogan {margin-top: 10px;}
  .vision-slogan-text {border-radius: 15px; line-height: 1.2;}
  .vision-signature::before {height: 20px;}
  .vision-signature::after {top: calc(100% + 20px);}
  .goals-item {padding: 10px 15px; border-radius: 15px;}
  
  /* Sub > Origin */
  .origin-content {margin-top: 15px;}
  .origin-text ~ .origin-text {margin-top: 8px;}
  
  /* Sub > Symbols */
  .symbol-box {padding: 15px 13px;}
  .symbol-row ~ .symbol-row {margin-top: 25px;}
  .symbol-box-content {margin-top: 15px;}
  .symbol-download {margin: 10px -2px -2px;}
  .symbol-download-item {width: 100%;}
  .symbol-download-button {width: 100%;}
  
  .symbol-row.symbol-row2 {gap: 25px;}
  .symbol-row.symbol-row2 .symbol-box {padding: 15px 13px; margin-top: 10px;}

  /* Sub > Direction */
  .direction-map iframe {height: 300px;}

  /* Sub > Photos of Provincial Office */
  .photo-thumbs-slider .swiper-arrow {width: 10px;}
  
  /* Sub > Life in Chungnam 공통 */

  /* Sub > Call Center Information */
  .supcenter-top-left {display: none;}
  .supcenter-top-right .bubble {padding: 15px;}
  .supcenter-top-right .tel-num a {font-size: 22px;}
  .supcenter-top-right .t1 {font-size: 15px;}
  .supcenter-box {padding: 15px;}
  .supcenter-box .inner .supcenter-description {margin-bottom: 10px;}
  .supcenter-icon-li {padding: 12px;}
  .supcenter-icon-li > * {vertical-align: top;}
  .supcenter-icon-li .icon-box {width: 30px; margin-right: 10px; margin-top: 2px;}
  .supcenter-icon-li .txt-box {width: calc(100% - 40px);}

  /* Sub > Foreigner Registration */
  .foreigner-graph .graph-ul.depth01 > li > .box {padding: 10px;}
  .foreigner-graph .graph-ul.depth02 {flex-direction: column; gap: 8px;}
  .foreigner-graph .graph-ul.depth02 li {width: 100%; max-width: 100%;}
  .foreigner-graph .graph-ul.depth01 > li:first-child, 
  .foreigner-graph .graph-ul.depth01 > li:nth-child(2) {padding-bottom: 37px;}
  .foreigner-graph .graph-ul.depth01 > li:first-child::before, 
  .foreigner-graph .graph-ul.depth01 > li:nth-child(2)::before {bottom: 7px; height: 23px;}

  /* Sub > Banking */
  .banking-graph {padding: 15px;}
  .banking-graph-li::before {left: 50%; transform: translateX(-50%);}
  .banking-graph-li .step {width: 100%; font-size: 16px;}
  .banking-graph-li .cont {width: 100%; margin-top: 5px; font-size: 16px;}

  /* Sub > Tourist Destination 공통 */
  .tourist-tab-mobile {padding: 5px 30px 5px 12px; font-size: 14px; line-height: 1.1;}
  .tourist-tab-mobile::after {right: 12px;}
  .tourist-tab-link {padding: 6px 12px 8px;}
  .tourist-tab-link p {font-size: 13px;}

  /* Sub > Tourist Destination > Tourist Attractions */
  .tourist-popup-location {font-size: 17px;}
  .tourist-popup-subject {font-size: 22px;}
  
  /* Sub > Tourist Destination > Festivals */
  .webzine-item {padding: 15px 0;}
  .webzine-link {gap: 12px;}

  /* Sub > City Tour */
  .citytour-list {gap: 8px;}
  .citytour-item {height: auto;}
  .citytour-box, .citytour-box:hover {padding: 17px 10px 10px;}
  .citytour-icon, .citytour-box:hover .citytour-icon {width: 55px; height: 45px;}
  
  /* Sub > Province's Key Investment Area in Chungcheongnam-do */
  .company-map {padding: 20px 15px 15px;}
  .company-map-info {margin-top: 10px;}
  .company-map-info-box {margin-top: 8px;}
  .company-map-info-title {font-size: 17px;}
  .company-map-info-text {padding-left: 22px; font-size: 14px;}
  .company-map-info-text::before {top: 2px; width: 14px; height: 14px;}
  .company-map-info-text ~ .company-map-info-text {margin-top: 5px;}
  .company-content {margin-top: 15px;}
  .company-content-box {margin-top: 15px;}

  /* Board 공통 */
  .txt-input {padding: 0 6px;}
  .select-box {padding: 0 10px 0 4px;}

  .search-box {padding: 10px;}
  .search-ul {flex-direction: column;}
  .date-picker-wr span {margin: 0 3px; font-size: 14px;}
  .search-cnt_in .date-input {width: calc((100% - 14.5px) / 2);}
  .search-cnt_in .select-box {width: 50%;}
  .search-cnt_in .btn {width: 40px; font-size: 0;}
  .search-cnt_in .btn img {width: 13px; margin-right: 0;}

  .search-li.input {width: 100%;}
  .search-li.input .txt-input {width: calc(100% - 45px);}

  .board-info-ul li {font-size: 15px;}

  /* Board > View */
  .board-view-title_wr {margin: 0 0 8px;}
  .board-view-category {font-size: 16px;}
  .board-view-title {margin-bottom: 5px; font-size: 20px;}
  .board-view-subtitle {font-size: 18px;}

  .board-view-inner > .k {width: 65px;}
  .board-view-inner > .v {width: calc(100% - 65px);}
  .board-view-input {font-size: 13px;}

  /* Board > News List */
  .article-link {padding: 15px 0;}
  .article-info {margin-top: 12px;}
  .article-title {font-size: 17px;}
  .article-content {font-size: 15px;}

}