@charset "UTF-8";

/*-------------------------------------------------

title       : Sub 메뉴 01
Author      : EASESOFT
Create date : 2024-04

-------------------------------------------------*/

/* CEO 인사말 */
.c010101 {display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start;}
.c010101 .text {margin-right:3.0rem;}
.c010101 .text p {font-size:1.8rem; line-height:1.7; letter-spacing:-0.5px; word-break:keep-all;}
.c010101 .text p + p {margin-top:3.5rem;}
.c010101 .text p.top {font-size:3.1rem; font-weight:500; letter-spacing:-1px; line-height:1.4;}
.c010101 .image {flex:none; position:relative; width:37.5%; padding-top:6rem; padding-right:4rem; text-align:right;}
.c010101 .image::before {content:""; display:block; position:absolute; right:0; top:0; z-index:-1; width:90%; height:80%; background:#F4F7F9;}
.c010101 .image .img {overflow:hidden; aspect-ratio:362/558;}
.c010101 .image p {display:flex; flex-direction:row; justify-content:flex-end; align-items:center; margin-top:3.6rem; font-size:2.0rem; font-weight:400;}
.c010101 .image p .name {margin-left:1.4rem; width:8.0rem; height:3.0rem; background:url("/main/img/sub/sub01/010100_02_jjy.png") no-repeat center center; background-size:contain; font-size:0;}

/* 비전/경영목표 */
.c010200 .grid_box {display:flex; flex-direction:row; justify-content: flex-start; align-items:flex-start;}
.c010200 .grid_box + .grid_box {margin-top:3rem;}
.c010200 .grid_box .tit {flex:none; width:15rem;  font-size:2.4rem; font-weight:700; color:#002361;}
.c010200 .grid_box .tit.center { align-self:center;}
.c010200 .grid_box .tit > strong {display:flex; flex-direction:row; align-items:center; height:6rem;}
.c010200 .grid_box .tit > em {display:none;}
.c010200 .summary {flex:1; padding:3.0rem; background:#002361; font-size:2.0rem; font-weight:600; text-align:center; color:#fff; line-height:1.4; word-break:keep-all; border-radius:0.4rem;}
.c010200 .summary span {display:block; color:#9CDBFF;}

.c010200 .vision {flex:1; text-align:center;}
.c010200 .vision strong {display:block; position:relative; z-index:1; width:12.0rem; margin:0 auto -1.6rem; padding:0.5rem 0; background:var(--main-color-light); color:#fff; border-radius:1000px;}
.c010200 .vision p {padding:4.0rem 1.0rem 3.4rem; background:#D6E5FF; font-size:3.2rem; font-weight:700; line-height:1.4; color:var(--main-color-light); word-break:keep-all; border-radius:5px;}
.c010200 .innovate {flex:1;}
.c010200 .innovate .inner {display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:10px;}
.c010200 .innovate div {flex:1; display:flex; flex-direction:column;}
.c010200 .innovate .title {display:flex; flex-direction:row; justify-content:center; align-items:center; height:6.0rem; margin-bottom:1.5rem; background:#3241AB; font-size:1.8rem; font-weight:700; color:#fff; border-radius:0.5rem;}
.c010200 .innovate div:nth-child(2) .title {background:#0092E5;}
.c010200 .innovate div:nth-child(3) .title {background:var(--point-color);}
.c010200 .innovate div:nth-child(4) .title {background:#f07b06;}
.c010200 .innovate ul.box {flex:1; padding:3.0rem 1.6rem;}
.c010200 .innovate ul.box li {display:flex; flex-direction:row; justify-content:flex-start; align-items:flex-start; line-height:1.4; letter-spacing:-0.5px;}
.c010200 .innovate ul.box li + li {margin-top:1.5rem;}
.c010200 .innovate ul.box .number {flex:none; display:flex; flex-direction:row; justify-content:center; align-items:center; width:2.2rem; height:2.2rem; margin-right:1.0rem; background:#18191B; font-size:1.5rem; font-weight:500; color:#fff; border-radius:100%;}
.c010200 .innovate ul.box .text {font-size:1.6rem; font-weight:400; word-break:keep-all;}
.c010200 .service {flex:1;}
.c010200 .service .inner {display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:10px;}
.c010200 .service .s_box {flex:1; padding:3.0rem; border:1px solid #143F8A; border-radius:0.4rem;}
.c010200 .service .title {display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.5rem; max-width:200px; margin:0 auto 3.0rem; padding-bottom:2.5rem; border-bottom:1px solid #CBD3E2;}
.c010200 .service .title img {}
.c010200 .service li {position:relative; padding-left:1.3rem; font-size:1.6rem; font-weight:400; color:#555; line-height:1.4; word-break:keep-all;}
.c010200 .service li::before {content:""; position:absolute; left:0; top:1.1rem; width:0.5rem; height:0.1rem; background:#555;}
.c010200 .service li + li {margin-top:1.0rem;}


/* 연혁 */
.history {position:relative;}
.history .progress_bar {position:absolute; left:27rem; top:0; z-index:1; width:1px; height:0%; background:linear-gradient(to bottom, #000 calc(100% - 50px), rgba(0,0,0,0) 100%); transition:0.4s;}
.history .h_text {position:relative; padding:2rem 0 6rem 36rem; font-size:4.0rem; font-weight:900; letter-spacing:20px;}
.history .h_text::before {content:""; position:absolute; left:27.0rem; top:0; width:1px; z-index:0; height:100%; background:#E8E8E8;}
.history .h_text::after {content:""; position:absolute; left:26.5rem; top:4rem; z-index:5; width:11px; height:11px; background:#3241AB; border-radius:100%;}
.history .group {display:flex; flex-direction:row; justify-content:flex-start; align-items:center;}
.history .group {position:relative;}
.history .group::before {content:""; position:absolute; left:27.0rem; top:0; width:1px; height:100%; background:#E8E8E8; transition:0.4s;}
.history .group + .group {padding-top:6.0rem;}
.history .group .year {flex:none; align-self:flex-start; width:27.0rem; font-size:8.0rem; font-weight:700; color:#fff; line-height:1; -webkit-text-stroke:1px #151515;}
.history .group ul {display:flex; flex-direction:column; justify-content:center; align-items:flex-start;}
.history .group ul li {position:relative; display:flex; padding-left:9.0rem;}
.history .group ul li::before {content:""; position:absolute; left:-0.5rem; top:calc(50% - 5px); z-index:5; width:11px; height:11px; background:#E8E8E8; border-radius:100%;}
.history .group ul li+li {margin-top:1.5rem;}
.history .group ul li.highlight::before {background:#000;}
.history .group ul li strong {flex:none; width:15rem;}
.history .group ul li span {font-weight:400;}

.history_tab.fix {position:fixed; left:0; top:0; width:100%; border:none; z-index:10; background:#fff; box-shadow:0 3px 12px #00000029; }
.history_tab.fix #depth4_menu_ul {justify-content:center;}
.history_tab.fix #depth4_menu_ul li a {border-top:none;}

/* 조직 및 부서 (2025-07-07) */
.c010401 {margin-bottom:5.0rem;}
.c010401 .organization_list {position:relative; margin-top:5.0rem;}
.c010401 .organization_list::before {content:""; position:absolute; left:50%; top:0; z-index:-1; height:calc(100% - 14.8rem); border-left:1px solid #CBD3E2;}
.c010401 .organization_list a.round {display:flex; justify-content:center; align-items:center; width:16rem; height:16rem; margin:0 auto; background:var(--point-color); font-size:2.4rem; font-weight:700; color:#fff; border-radius:100%;}
.c010401 .organization_list a.round.blue {background:#3241AB;}
.c010401 .organization_list .floor1 {display:flex; flex-direction:row; justify-content:center; align-items:center; margin-bottom:4.0rem;}
.c010401 .organization_list .floor1 ul {position:absolute; right:calc(50% - 36rem);}
.c010401 .organization_list .floor1 ul::before {content:""; position:absolute; left:-8rem; top:3rem; z-index:-1; width:8rem; border-bottom:1px solid #CBD3E2;}
.c010401 .organization_list .floor1 a.line {display:inline-flex; justify-content:center; align-items:center; width:20rem; height:6.0rem; border:1px solid #707070; background:#fff; font-size:1.8rem; border-radius:0.4rem;}

.c010401 .organization_list .floor3 {margin-top:5.0rem;}
.c010401 .organization_list .floor3 ul {position:relative; display:flex; flex-direction:row; justify-content:space-between; align-items:flex-start; gap:2rem; padding-top:4.0rem;}
.c010401 .organization_list .floor3 ul::before {content:""; position:absolute; left:calc(10% - 1.6rem); top:0; z-index:-1; width:calc(80% + 3.2rem); }
.c010401 .organization_list .floor3 li {flex:1; position:relative;}
.c010401 .organization_list .floor3 li::before {content:""; position:absolute; left:50%; bottom:100%; z-index:-1; height:4.0rem; border-left:1px solid #CBD3E2;}
.c010401 .organization_list .floor3 li::after {content:""; position:absolute; left:50%; top:-4rem; z-index:-1; height:1px; width:calc(100% + 2rem); border-bottom:1px solid #CBD3E2;}
.c010401 .organization_list .floor3 li.up {top:-2rem;}
.c010401 .organization_list .floor3 li.up::before {height:2.0rem;}
.c010401 .organization_list .floor3 li.up::after {top:-2rem;}
.c010401 .organization_list .floor3 li:last-child:after {display:none;}
.c010401 .organization_list .floor3 a {display:flex; justify-content:center; align-items:center; width:100%; height:5.8rem; background:#1B3463; font-size:1.7rem; font-weight:500; color:#fff; border-radius:0.4rem;}
.c010401 .organization_list .floor3 a.new_window {height:5rem; border-top:1px dashed #fff; background-color:#3241AB; transition:0.3s; white-space:nowrap;}
.c010401 .organization_list .floor3 a.new_window:hover {background:#1B3463;}

.organizationToggle.board_info {display:flex;}
.organizationToggle.organization_list {display:block;}
.organizationToggle.board_pager {display:flex;}
.organizationToggle.active {display:none;}




/* CI */
.c010501 .top_area {display:flex; flex-direction:row; justify-content:center; align-items:stretch; gap:3.0rem;}
.c010501 .top_area .ci {flex:none; display:flex; flex-direction:row; justify-content:center; align-items:center; width:50%; padding:7.0rem 1.0rem; border:1px solid #CBD3E2;}
.c010501 .top_area .text {flex:1; word-break:keep-all;}
.c010501 .top_area .text h2.dep01 {margin-top:0;}
.c010501 .ci_box {display:flex; flex-direction:row; margin-top:3.0rem;}
.c010501 .ci_box div {position:relative; flex:1; display:flex; flex-direction:row; justify-content:center; align-items:center; min-height:24.0rem; padding:5.0rem 1.0rem; border:1px solid #CBD3E2; box-sizing:border-box;}
.c010501 .ci_box div + div {border-left:none;}
.c010501 .ci_box div .title {position:absolute; left:4.0rem; top:4.0rem;}
.c010501 .ci_box .topbottom img {max-width:13.0rem;}
.c010501 .ci_box .leftright img {max-width:31rem;}

/* 주요사업 - 공통 */
.c010600_all .image_box {display:inline-flex; position:relative; padding:3.0rem 3.0rem 0 0;}
.c010600_all .image_box::before {content:""; position:absolute; right:0; top:0; width:calc(100% - 3.0rem); height:calc(100% - 3.0rem); background:#F2F4FF; border-radius:5.0rem 0 0 0;}
.c010600_all .image_box img {position:relative; z-index:2; border-radius:5.0rem 0 0 0; background:#fff; box-shadow:0px 1px 10px rgba(0,0,0,0.16);}
.c010600_all .grid_list {display:flex; gap:2.0rem;}
.c010600_all .grid_list .text {align-self:center; padding-right:5.0rem; word-break:keep-all;}
.c010600_all .grid_list .text .number {display:block; margin-bottom:2.0rem; font-size:2.0rem; font-weight:900; color:var(--main-color-light);}
.c010600_all .grid_list .text .title {margin-bottom:3.0rem; font-size:2.8rem; font-weight:700; color:var(--main-color-light); line-height:1.3;}
.c010600_all .grid_list .text .title .eng {display:block; letter-spacing:-0.5px;}
.c010600_all .grid_list .text .line {position:relative; padding-bottom:5.0rem; font-size:2.4rem; font-weight:500;}
.c010600_all .grid_list .text .line.paragraph {padding-bottom:3.0rem; font-size:1.8rem; font-weight:400;}
.c010600_all .grid_list .text .line::before {content:""; position:absolute; left:0; bottom:0; width:5.0rem; border-top:1px solid #707070;}
.c010600_all .grid_list .text .dep03 li {letter-spacing:-0.5px;}
.c010600_all .grid_list .image {flex:none; max-width:50%;}
.c010600_all .grid_list + .grid_list {margin-top:5.0rem;}
.c010600_all .grid_list:nth-of-type(2n) .text {padding-right:0; padding-left:5.0rem;}
.c010600_all .grid_list:nth-of-type(2n) .image {order:-1;}
.c010600_all .image_list {margin-top:5.0rem; display:flex; flex-direction:row; gap:2.0rem; flex-wrap:wrap;}
.c010600_all .image_list li {width:calc(50% - 1rem); padding:2.0rem 3.0rem; border:1px solid #ddd;}
.c010600_all .box_group .box {padding-right:1.5rem; padding-left:1.5rem;}
.c010600_all .box_group .box ul.dep05 {margin-top:0;}
@media all and (min-width:1025px) {
	.c010600_all .tel_link {pointer-events:none;}
}

/* 주요사업 - 관광진흥사업 */
.c01060101 .grid_list .text .paragraph {margin-top:4.0rem;}
.c01060101 .grid_list .text .btnbox {margin-top:4.0rem;}

/* 주요사업 - 국내외홍보마케팅 */
.c01060102 .link {margin-top:5.0rem;}
.c01060102 .link .title {display:block; margin-bottom:2.0rem; font-size:2.0rem;}
.c01060102 .link .sns {display:flex; flex-direction:row; gap:2.0rem;}
.c01060102 .link .sns a {position:relative; top:0; transition:0.2s;}
.c01060102 .link .sns a::before {display:block; width:5.0rem; height:5.0rem; font-family:"remixicon"; line-height:5.0rem; font-size:2.3rem; text-align:center; color:#fff; border-radius:100%;}
.c01060102 .link .sns a.youtube::before {content:"\f2d4"; background:#C30909;}
.c01060102 .link .sns a.insta::before {content:"\ee66"; background:url('/main/img/sub/sub01/01060102_insta.png') no-repeat center center; background-size:cover;}
.c01060102 .link .sns a.facebook::before {content:"\ecbc"; background:#1877F2;}
.c01060102 .link .sns a.naver::before {content:"N"; font-family:"Montserrat"; font-weight:900; background:#3ACC15;}
@media all and (min-width:1025px) {
	.c01060102 .link .sns a:hover {top:-10px;}
}

/* 주요사업 - 관광정보 및 서비스 */

.c01060103 .grid_list .text .line {font-size:2.2rem;}

.c01060103 .grid_list.wide {padding-bottom:2.0rem; background:url('../img/sub/sub01/010603_03.svg') no-repeat right center;}
.c01060103 .grid_list.wide .text {width:50%;}
.c01060103 .text_house {display:block; margin-top:2rem; font-size:1.8rem;}
.c01060103 .image_slide {background:#F2F4FF; padding:5.0rem 6.0rem 4.0rem;}
.c01060103 .image_slide .slide_wrap {overflow:hidden;}
.c01060103 .image_slide .swiper-slide img {display:block; margin:0 auto; border-radius:20px;}
.c01060103 .image_slide .swiper-slide span {display:block; margin-top:1.0rem; text-align:center;}
.c01060103 .image_slide .slide_ctrl {display:flex; flex-direction:row; justify-content:center; align-items:center; gap:2rem; margin-top:2.5rem;}
.c01060103 .image_slide .slide_paging {width:inherit; height:3rem; color:#CBD3E2;}
.c01060103 .image_slide .slide_paging span {padding:0 5px; color:#151515;}
.c01060103 .image_slide .slide_btn {display:flex; flex-direction:row;}
.c01060103 .image_slide .slide_btn button {width:3rem; height:3rem; font-size:0;}
.c01060103 .image_slide .slide_btn button::before {font-family:"remixicon"; font-size:3rem; line-height:3rem;}
.c01060103 .image_slide .slide_btn button.stop::before {font-size:2rem;}
.c01060103 .image_slide .slide_btn button.play {display:none;}
.c01060103 .image_slide .slide_btn button.play::before {font-size:2rem;}

/* 주요사업 - MICE 얼라이언스 */
.c01060204 .mice_list {display:flex; flex-direction:row; justify-content:space-evenly; align-items:center; flex-wrap:wrap; gap:1.5rem;}
.c01060204 .mice_list li {overflow:hidden; position:relative; width:14rem; height:14rem; padding:0.8rem; background:#0048C8; border-radius:100%; box-sizing:border-box;}
.c01060204 .mice_list li::before {content:""; position:absolute; left:0; top:50%; width:100%; height:50%; background:var(--point-color);}
.c01060204 .mice_list li .bg {position:relative; z-index:2; display:flex; flex-direction:column; justify-content:center; align-items:center; width:100%; height:100%; padding-top:2.0rem; background:#fff; border-radius:100%; box-sizing:border-box;}
.c01060204 .mice_list li .title {text-align:center; font-weight:700; line-height:1.3;}
.c01060204 .mice_list li .title .small {display:block;}
.c01060204 .mice_list li .num {font-size:2.0rem; font-weight:700; color:var(--point-color);}

.c01060204 button.gma_open::after {content:"\ea4e";}
.c01060204 button.gma_open.active {background:#0D2756; color:#fff;}
.c01060204 button.gma_open.active::after {content:"\ea78";}
.c01060204 .table_tab {display:none; position:relative; margin-top:10rem; padding-top:4rem; border-top:1px solid #D9DADF}
.c01060204 .table_tab .tab_title {position:absolute; top:-4.5rem; display:flex; flex-direction:row; justify-content:center; align-items:center; width:18rem; height:4.5rem; font-size:1.6rem; border:1px solid #D9DADF;}
.c01060204 .table_tab .tab_active .tab_title {border-color:#0D2756; background:#0D2756; color:#fff; border-radius:4px; box-shadow:0px 3px 6px rgba(0, 0, 0, 0.16);}
.c01060204 .table_tab .table {margin-bottom:0;}
.c01060204 .table_tab .tab:nth-child(1) .tab_title {left:0;}
.c01060204 .table_tab .tab:nth-child(2) .tab_title {left:calc(18rem - 1px);}
.c01060204 .table_tab .tab:nth-child(3) .tab_title {left:calc(36rem - 2px);}
.c01060204 .table_tab .tab:nth-child(4) .tab_title {left:calc(54rem - 3px);}
@media screen and (min-width:1025px) {
	.c01060204 .table_tab .tab_title:hover {z-index:1;border-color:#0D2756;}
}
.c01060204 .table .home_icon {font-size:0;}
.c01060204 .table .home_icon::before {content:"\ecaf"; font-family:"remixicon"; font-size:2rem;}

/* 오시는 길 */
.c010701 .map_skip {display:flex; flex-direction:row; align-items:center; justify-content:center; width:0; height:0; overflow:hidden;}
.c010701 .map_skip:focus {border:2px dotted var(--main-color-light); margin:0; width:200px; height:2em; text-align:center;}

.c010701 .wrap_controllers {display:none;}
.c010701 .address_info {margin-top:3.0rem;}
.c010701 .address_info ul {font-size:1.8rem;}
.c010701 .address_info ul li {display:flex; flex-direction:row; }
.c010701 .address_info ul li + li {margin-top:1.5rem;}
.c010701 .address_info ul li strong {flex:none; width:9.0rem; font-weight:800;}
@media all and (min-width:1025px) {
	.c010701 .address_info .tel {pointer-events:none;}
}

/* 주차안내 */
.c010702 h2.dep01:first-child {margin-top:0;}
.c010702 .box {display:flex; flex-direction:column;}
.c010702 .box .text {flex:1; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:1.0rem; word-break:keep-all; font-weight:500;}
.c010702 .box .blue {font-size:2.4rem; font-weight:700; color:var(--main-color-light);}
.c010702 .box .text .small {font-weight:400;}
.c010702 .box .text .small.long {padding:0 0.5rem;}

.c010702 .map_skip {position:absolute; left:0; top:0; z-index:10; width:100%; display:flex; flex-direction:row; align-items:center; justify-content:center;  overflow:hidden;line-height:2; color:#fff;}
.c010702 .map_skip:focus {background:rgba(0,0,0,0.8); text-align:center;}
.c010702 .btn_park {transition:0.3s;}
.c010702 .btn_park.active {background:#F5F7F8;}
.c010702 .map_box {position:relative; height:40rem; overflow:hidden;}
.c010702 .map_box .park_map {width:100% !important; opacity:0; visibility:hidden; position:absolute; left:0; top:0;}
.c010702 .map_box .park_map.show {opacity:1; visibility:visible;}


@media all and (min-width:1025px) {
	.c010702 .btn_park:hover {background:#0D2756; color:#fff;}
}

/*-------------------------------------------------

Responsive

-------------------------------------------------*/

/* Media Query */
@media all and (max-width:1300px) {
	/* 비전/경영목표 */
	.c010200 .grid_box {flex-direction:column;align-items: stretch;}
	.c010200 .grid_box + .grid_box {margin-top:5rem;}
	.c010200 .grid_box .tit {width:inherit; margin-bottom:1rem;}
	.c010200 .grid_box .tit.center { align-self:flex-start;}
	.c010200 .grid_box .tit > strong {display:inline-block; height:inherit;}
	.c010200 .grid_box .tit > em {display:inline-block;}
	.c010200 .service .inner {flex-wrap:wrap;}
	.c010200 .service .s_box {flex:none; width:calc(50% - 5px); box-sizing:border-box;}

	/* 연혁 */
	.history .progress_bar {left:22rem;}
	.history .h_text {padding:2rem 0 6rem 27rem;}
	.history .h_text::before {left:22rem;}
	.history .h_text::after {left:21.5rem;}
	.history .group::before {left:22.0rem;}
	.history .group + .group {padding-top:5.0rem;}
	.history .group .year {width:22.0rem; font-size:7.0rem;}
	.history .group ul li {padding-left:4rem;}

	/* 조직 및 부서 */
	.c010401 .organization_list .floor3 ul {gap:1rem;}
	.c010401 .organization_list .floor3 li::after {width:calc(100% + 1rem);}


	/* 주요사업 - 관광정보 및 서비스 */
	.c01060103 .scroll_box {overflow-x:scroll; overflow-y:hidden; padding-bottom:3px;}
	.c01060103 .scroll_box::-webkit-scrollbar {position:relative; height:3px;}
	.c01060103 .scroll_box::-webkit-scrollbar-thumb {background-color:#333; border:3px solid #333; border-radius:6px}
	.c01060103 .scroll_box::-webkit-scrollbar-track {background-color:#e5e5e5}
	.c01060103 .box_group.col4 {width:max-content; flex-wrap:nowrap;}
	.c01060103 .box_group.col4 .box {width:25rem;}
	.c01060103 .image_slide {padding:5.0rem 4.0rem 4.0rem;}
}

@media all and (max-width:1024px) {
	/* 비전/경영목표 */
	.c010200 .vision strong {font-size:1.6rem;}
	.c010200 .vision p {padding:3.0rem 1.0rem 2rem; font-size:2.4rem;}
	.c010200 .vision p span {display:block;}
	.c010200 .innovate .inner {flex-direction:column; gap:10px;}
	.c010200 .innovate .title {margin-bottom:1rem;}
	.c010200 .service .inner {flex-direction:column;}
	.c010200 .service .s_box {flex:1; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; width:100%; padding:2rem 1.0rem 2rem 0;}
	.c010200 .service .title {flex:none; width:12rem; margin:0 2rem 0 0; padding:0; border-bottom:none; border-right:1px solid #CBD3E2;}

	/* 연혁 */
	.history .progress_bar {display:none;}
	.history::before {content:""; display:block; position:absolute; left:2.0rem; top:0; width:1px; height:100%; background:#1F1F1F;}
	.history .h_text {padding:0 0 6rem 2rem; background-color:#fff; font-size:3.2rem; letter-spacing:16px;}
	.history .h_text::before {display:none;}
	.history .h_text::after {display:none;}
	.history .h_text span {display:block;}
	.history .group {display:block; padding-left:2.0rem;}
	.history .group::before {display:none;}
	.history .group::after {content:""; position:absolute; left:1.5rem; top:0; width:11px; height:11px; background:#322DC8; border-radius:100%;}
	.history .group + .group {margin-top:5.0rem; padding-top:0;}
	.history .group .year {display:block; width:inherit; margin-bottom:4.0rem; padding-left:4.0rem;}
	.history .group ul {display:block;}
	.history .group ul li {flex-direction:column; padding-left:4.0rem;}
	.history .group ul li::before {left:-0.5rem; top:0.9rem; background:#1F1F1F;}
	.history .group ul li+li {margin-top:0.5rem;}
	.history .group ul li.highlight::before {background:#000;}
	.history .group ul li strong {flex:none; width:inherit;}
	.history_tab ul li a {border-left:none !important;}
	.history_tab.fix #depth4_menu_ul {display:block;}
	.history_tab.fix #depth4_menu_ul li a {border-top:none; border-left:none;}

	/* 조직 및 부서 */
	.c010401 .organization_list .floor1 {margin-bottom:4.0rem;}
	.c010401 .organization_list .floor3 ul {gap:0.5rem;}
	.c010401 .organization_list .floor3 li::after {width:calc(100% + 0.5rem);}

	/* CI */
	.c010501 .top_area .ci {width:40%; padding:5.0rem 3.0rem;}
	.c010501 .ci_box div {padding:4.0rem 4.0rem;}
	.c010501 .ci_box div .title {left:2.0rem; top:2.0rem;}

	/* 주요사업 - 공통 */
	.c010600_all .image_box {padding:2.0rem 2.0rem 0 0;}
	.c010600_all .grid_list {flex-direction:column; gap:4.0rem;}
	.c010600_all .grid_list .text {align-self:flex-start; padding-right:0;}
	.c010600_all .grid_list .text .title {font-size:2.4rem;}
	.c010600_all .grid_list .text .line {font-size:1.8rem;}
	.c010600_all .grid_list .image {order:-1; flex:none; align-self:center; max-width:100%;}
	.c010600_all .grid_list:nth-of-type(2n) .text {padding-left:0;}
	.c010600_all .image_list {flex-direction:column; align-items:center;}
	.c010600_all .image_list li {width:inherit; padding:1.5rem;}

	/* 주요사업 - 관광진흥사업 */
	.c01060101 .grid_list .text p.h4 {font-size:2.0rem;}
	.c01060101 .grid_list .text .btnbox {justify-content:center;}

	/* 주요사업 - 국내외홍보마케팅 */
	.c01060102 .link {text-align:center;}
	.c01060102 .link .sns {justify-content:center;}

	/* 주요사업 - 관광정보 및 서비스 */
	.c01060103 .box_group.col4 {grid-template-columns:repeat(4, minmax(0, 1fr));}
	.c01060103 .image_slide {padding:4.0rem 2.0rem 3.0rem;}

	.c010702 .box {padding:2rem;}
}

@media all and (max-width:768px) {

	/* CEO 인사말 */
	.c010101 {flex-direction:column; justify-content:flex-start; align-items:center;}
	.c010101 .text {margin-right:0; font-size:1.8rem;}
	.c010101 .text p + p {margin-top:2.0rem;}
	.c010101 .text p.top {font-size:2.8rem; text-align:center;}
	.c010101 .image {order:-1; width:inherit; margin-bottom:3.0rem; padding-top:4.0rem;}
	.c010101 .image img {width:25rem;}
	.c010101 .image p {justify-content:center; margin-top:3.0rem; font-size:1.6rem;}
	.c010101 .image p .name {width:7.0rem;}

	/* 조직 및 부서 */
	.c010401 .organization_list a.round {width:12rem; height:12rem;}
	.c010401 .organization_list .floor1 ul {right:calc(50% - 22rem);}
	.c010401 .organization_list .floor1 ul::before {top:2.5rem;}
	.c010401 .organization_list .floor1 a.line {width:14rem; height:5rem; font-size:1.6rem;}
	.c010401 .organization_list .floor3 a {flex-direction:column; padding:0 0.5rem; font-size:1.5rem; line-height:1.3; text-align:center; box-sizing:border-box;}

	/* CI */
	.c010501 .top_area {flex-direction:column;}
	.c010501 .top_area .ci {width:100%;}
	.c010501 .ci_box {flex-direction:column;}
	.c010501 .ci_box div {min-height:15.0rem;}
	.c010501 .ci_box div + div {border-left:1px solid #CBD3E2; border-top:none;}
	.c010501 .ci_box div .title {top:1.0rem; left:1.0rem;}

	/* 주요사업 - 관광정보 및 서비스 */
	.c01060103 .box_group.col4 {display:grid; grid-template-columns:repeat(4, minmax(0, 1fr));}
	.c01060103 .box_group.col4 .box {padding:3rem 2rem;}
	.c01060103 .box_group.col4 .box + .box {margin:0;}
	.c01060103 .grid_list.wide {background:none;}
	.c01060103 .grid_list.wide .text {width:100%;}
	.c01060103 .image_slide {padding:3.0rem 0 2.0rem 3.0rem;}
	.c01060103 .image_slide .swiper-slide span {font-size:1.5rem}

	/* 주요사업 - MICE 얼라이언스 */
	.c01060204 .table_tab .tab_title {width:11rem; font-size:1.4rem;}
	.c01060204 .table_tab .tab:nth-child(2) .tab_title {left:calc(11rem - 1px);}
	.c01060204 .table_tab .tab:nth-child(3) .tab_title {left:calc(22rem - 2px);}
	.c01060204 .table_tab .tab:nth-child(4) .tab_title {left:calc(33rem - 3px);}

	/* 오시는 길 */
	.c010701 .address_info ul {font-size:1.6rem;}
	.c010701 .address_info ul li + li {margin-top:1.0rem;}
	.c010701 .address_info ul li strong {width:8.0rem;}

	.c010702 .box .title.small {margin-bottom:0;}
	.c010702 .box + .box {padding:2rem;}
}

@media all and (max-width:480px) {

	/* CEO 인사말 */
	.c010101 .text p {font-size:1.6rem;}
	.c010101 .text p.top {font-size:2.2rem;}

	/* 조직 및 부서 */
	.c010401 .organization_list a.round {width:10rem; height:10rem; font-size:2.2rem;}
	.c010401 .organization_list .floor1 ul {right:0;}
	.c010401 .organization_list .floor1 a.line {width:10rem; font-size:1.5rem;}
	.c010401 .organization_list .floor3 ul {gap:0.3rem;}
	.c010401 .organization_list .floor3 li::after {width:calc(100% + 0.3rem);}
	.c010401 .organization_list .floor3 a {font-size:1.3rem; letter-spacing:-0.5px;}

	/* 주요사업 - MICE 얼라이언스 */
	.c01060204 .table_tab {margin-top:14rem;}
	.c01060204 .table_tab .tab_title {top:-10rem; width:50%; font-size:1.4rem;}
	.c01060204 .table_tab .tab:nth-child(2) .tab_title {left:calc(50% - 1px)}
	.c01060204 .table_tab .tab:nth-child(3) .tab_title {top:calc(-5.5rem - 1px); left:0;}
	.c01060204 .table_tab .tab:nth-child(4) .tab_title {top:calc(-5.5rem - 1px); left:calc(50% - 1px);}
}