html{
	scroll-behavior: smooth;
  }

img {max-width:100%; font-size: 16px; line-height: 20px;}
.hide{position:absolute;top:-99999px;left:-99999px;font-size:0;width:0;height:0;overflow:hidden;}
.bold {font-weight: 700;}
.colorPoint {color: var(--mainColor1);}

/* 메인 팝업 레이어 */
#mainLayerPopup {display:none; position:fixed; width:100%; height:100%; top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9998;}
.mainLayerPopup { display:none; position:fixed; width:auto; min-height:100px; top:74px; left:0px; padding:0px; /* border:3px solid #242527;*/ background:#fff; overflow:hidden; z-index:9999; }
.mainLayerPopup .popupBox { text-align: center; padding:35px 0 0; min-height:150px; height:100%}
.mainLayerPopup .popupBox img { display: block; margin: 0 0;}
.mainLayerPopup .popupClose {text-align:right; background:#111; padding:10px;}
.mainLayerPopup .popupClose input {vertical-align:middle;}
.mainLayerPopup .popupClose label {color:#fff; font-size:14px; vertical-align:middle;  margin-left:3px;}
.mainLayerPopup .popupClose a{color:#fff; width:15px; display:inline-block; vertical-align:middle; margin-left:10px; }
	

/* 스킵네비게이션 */
#skipNav {position: absolute; left: 0; top: 0; width: 100%; z-index: 10000;}
#skipNav a {
	display: block; position: absolute; left: 0; top: -40px; width: 100%; height: 1px; margin-bottom: -1px;
	background: #111; font-size: 0; text-align: center; color: #fff;
}
#skipNav a:hover,
#skipNav a:focus,
#skipNav a:active {position: absolute; left: 0; top: 0; height: 30px; font-size: 14px; line-height: 30px; margin-bottom: 0}

:focus{outline:2px dotted #000;}/* 20221111 */

/* 공통적용 */
.sec_t {margin-top:145px;}
.inner {width:85%; max-width:1280px; margin:0 auto;}
.lock_scroll {overflow: hidden;}
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.txt_b {font-weight: 800;}

/* input style */
input, textarea, button, select {
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	border-radius:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
}
select::-ms-expand {display:none;}
select {background: url('/static/img/select_arrow-a8408fe9f13aab4c489b0f97050b84e6.png') no-repeat right 3px center; background-size: 13px 13px; padding: 5px 20px 5px 5px;}
table caption {text-indent: -9999px; width: 0; height: 0; overflow: hidden; font-size: 16px;}

/* popup style */
.popup {overflow-y:auto; display:none; position:fixed; width:100%; height:100%; z-index:9999;top:0; left:0; bottom:0; right:0; background:rgba(0,0,0,.5); z-index: 9999;}
.popup.on {display:block;}
.popup .popup_inner {width:100%; height: 100%; padding:15px; display: table; position: relative; margin:0 auto; box-sizing: border-box;}
.popup .popup_wrap {display:table-cell; vertical-align: middle; position: relative; }
.popup .view_box {position: relative; width:85%; max-width:600px; margin:0 auto;}
.popup .view_box .close {position: absolute; right: 0; top: -35px; width: 25px; height: 25px;}
.popup .view_box .pop_tit {font-size: 18px; line-height: 24px; background:#0067AC; color:#fff; font-weight: 700; padding:20px; text-align: center; }
.popup .view_box .pop_layer {padding:20px;}
.popup .view_box .pop_scroll {overflow-x: hidden; overflow-y: scroll; max-height: 450px;}

/* tab */
.tab_cont {display: none;}
.tab_cont.on {display: block;}

/* padding · margin style*/
.padding_tb {padding:90px 0;}
.padding_t {padding-top: 90px;}
.padding_b {padding-bottom: 90px;}
.margin_tb {margin:90px 0;}
.margin_t {margin-top: 90px;}
.margin_b {margin-bottom: 90px;}


.full_p {width: 100%; height: 100vh; overflow: hidden; scroll-snap-type:mandatory;} /* 20221016 */
.full_p .sec_box {
	scroll-snap-align:zcenter; display: inline-block; width: 100%; height: 100vh;
	text-align: center; box-sizing: border-box; 
}


/* 인트로 */
.intro_s {background: url('/static/img/intro_bg-c43bd1a7a87ee2dd94ef29d7732f6f4c.jpg') no-repeat center center / cover; }
.intro_s .sec_box {position: fixed;}
.intro_s .intro_hd {position: absolute; top: 12%; left: 50%; transform: translateX(-50%); width: 100%;}
.intro_s .intro_hd img {width: 370px;}
.intro_s .intro_box {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.intro_s .btn_box {font-size: 0;}
.intro_s .btn_box .box {
	display: inline-block; vertical-align: middle; width: 330px; height:330px; margin:25px; background: #fff; border-radius: 20px; 
	box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.1); -moz-box-shadow: 8px 8px 6px rgba(0, 0, 0, 0.1);
}
.intro_s .btn_box .box .txt {font-size: 24px; padding-top:40px; font-weight: 700;}
.intro_s .btn_box .box .img {width: 120px; height:180px; margin:0 auto; position: relative;}
.intro_s .btn_box .box .img img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.intro_s .btn_box .box .btn {
	font-size: 20px; color:#fff; border-radius: 100px; display: block; width: 170px; height: 50px; line-height: 50px; 
	margin:0 auto; position: relative;
}
.intro_s .btn_box .box .btn:after {
	display: block; content: ""; width: 10px; height: 10px; border-top:1px solid #fff; border-right:1px solid  #fff;
	transform: rotate(45deg) translateY(-50%); position: absolute; right: 25px; top:49%;
}
.intro_s .btn_box .box1 .btn {background: var(--mainColor1);}
.intro_s .btn_box .box2 .btn {background: #B5030F;}
.intro_s .btn_box .box a {display: block; width: 100%; height: 100%;}


.intro_s .intro_ft {position: absolute; bottom: 5%; left: 50%; transform: translateX(-50%); width: 100%; text-align: center;}
.intro_s .intro_ft p {font-size: 16px; line-height: 24px; font-weight: 700;}
.intro_s .intro_ft .info span {display: inline-block;}
.intro_s .intro_ft .info span:after {display: inline-block; content: "｜"; color:#555; margin:0 3px; font-size: 14px;}
.intro_s .intro_ft .info span:last-child:after {display: none;}
.intro_s .intro_ft .copy {font-size: 14px; margin-top: 5px; color: #555;}


/* 플로팅배너 */
#floating {opacity: 0;}
#floating .floating_inner {
	position: fixed; top: 50%; right: 5px; transform: translateY(-50%); z-index: 1;
	border: 1px solid #ddd; border-radius: 10px; overflow: hidden; width: 120px;}
#floating ul {background: #fff;}
#floating .item a{
	border-bottom:1px solid #ddd; aspect-ratio: 1/1; padding: 5px;
	display: flex; flex-direction: column; gap: 2px; align-items: center; justify-content: center; text-align: center;
}
#floating .item .icon {width: 60px; }
#floating .item .text {font-size: 14px; line-height: 1.2;}
#floating .top {font-size: 14px; background: #000; color: #fff; text-align: center; padding:10px 5px; cursor: pointer;}
#floating .top:after {
	display: inline-block; content: ""; background: url('/static/img/icon_arr_top_w-f254e1c6da50523d2453731f6e2f7609.png') no-repeat center center / contain;
	width: 14px; height: 14px; margin-left: 5px; vertical-align: middle;
}

/* 헤더 */
#header {
	position: fixed; top:0; width:100%; height: 100px; background: rgba(255,255,255,1); z-index: 101; transition:all .3s;
	border-top: 4px solid var(--mainColor1); border-bottom: 1px solid var(--mainColor1);
}
#header:hover {background: rgba(255,255,255,1); transition: .5s all}
#header .link_no {pointer-events: none; cursor: default;}
#header .hd_logo {position: absolute; left: 30px; top:50%; transform: translateY(-50%); z-index: 102;}
#header .hd_logo img {width: 230px;}
#header .hd_sns {position: absolute; right: 50px; top:50%; transform: translateY(-50%); margin-right: 5px; z-index: 101;}
#header .hd_sns a {display: inline-block; font-size: 0; height: 20px; margin-right: 5px; position: relative;}
#header .hd_sns a span {
	font-size: 14px; color: #fff; display: inline-block; padding:5px; background: rgba(0,0,0,.8);
	position: absolute; top:-20px; left: 50%; transform: translateX(-50%); z-index: 1; display: none;
}
#header .hd_sns a:hover span {display: block;}
#header .hd_sns img {height: 100%; /*filter: contrast(0);*/}

#header.active {background: rgba(255,255,255,1); transition: .5s all; height: 60px;}
#header.active .hd_logo img {width:47px;}
#header.active .gnb_menu > li > a {line-height: 60px; transition: .5s all;}
#header.active .gnb_sub {top: 60px;}

.gnb {position: absolute; bottom: 0; width: 100%; z-index: 101; background: #fff;}
.gnb_menu {text-align: center; display: flex; margin:0 auto; width: 66.666%; max-width: 1280px;}
.gnb_menu > li {display: inline-block; width: 100%;}
.gnb_menu > li > a {display:block; line-height: 100px; color:#111; font-weight: 700; font-size: 19px; transition: .5s all;}
.gnb_sub {position: absolute; top:100px; left:50%; width: 100%; transform: translateX(-50%); background:#fff; border-top:1px solid #ededed; display: none}
.gnb_sub:before,
.gnb_sub:after {display:block; content:""; position: absolute; top:0; width: 30%; height: 100%; z-index: -1}
.gnb_sub:before{background: var(--mainColor2); left: 0;}
.gnb_sub:after {background: #fff; right: 0;}
.gnb_sub .gnb_sub_box {width:85%; max-width: 1500px; margin:0 auto; font-size: 0; }
.gnb_sub .gnb_tit {background: var(--mainColor2); display: inline-block; width: 30%; vertical-align: top; text-align: left; padding: 50px; height:320px;}
.gnb_sub .gnb_tit .tit {font-size: 30px; line-height:38px; font-weight: 700; margin-bottom: 20px;}
.gnb_sub .gnb_tit .txt {font-size: 14px; line-height: 24px; color: #555; margin-bottom: 20px;}
.gnb_sub .gnb_tit .btn {font-size: 14px; color: #555; display: inline-block; line-height: 20px;}
.gnb_sub .gnb_tit .btn:hover {border-bottom:1px solid #555;}
.gnb_sub .gnb_tit .btn:after {
	display: inline-block; content: ""; width: 8px; height: 8px; border-top:1px solid #555; border-right: 1px solid #555; transform: rotate(45deg); margin-left: 3px;
}
.gnb_sub .gnb_sub_menu {background: #fff; display: inline-block; width: 70%; text-align: left; padding: 50px 0 50px 50px; height:320px;}
.gnb_sub .gnb_sub_menu > li {display: inline-block; vertical-align: top; width: 25%;}
.gnb_sub .gnb_sub_menu > li > a {font-size: 18px; font-weight: 700; line-height: 26px;}
.gnb_sub .gnb_sub_menu > li > a:hover {border-bottom:2px solid var(--mainColor1); color: var(--mainColor1);}
.gnb_sub .gnb_sub_cont {margin-bottom: 30px;}
.gnb_sub .gnb_sub_cont > li {display: block; margin:12px 0;}
.gnb_sub .gnb_sub_cont > li > a {color:#555; font-size: 15px; line-height: 22px;}
.gnb_sub .gnb_sub_cont > li > a:hover {border-bottom:2px solid var(--mainColor1); color: var(--mainColor1);}


/* 헤더 햄버거메뉴 */
.m_box {display:block; width:20px; height:20px; position:absolute; right: 30px; top:50%; transform: translateY(-50%); opacity: .7; z-index: 101;}
.m_menu {position:absolute; right:0; top:50%; width:20px; height:20px; transform: translateY(-50%);
		text-decoration:none;  z-index: 999}
.m_menu span {display:block; width:100%; height:2px; background:#9fa0a0;
		color:transparent; position:absolute; top:50%; transform: translate(0,-50%); transition:all 0.5s;}
.m_menu span:before,
.m_menu span:after {content:""; position:absolute; left:0; top:0; width:100%; height:2px; background:#9fa0a0; transition:all 0.5s;}
.m_menu span:before {top:-7px;}
.m_menu span:after {top:7px;}


.aside {
	width:90%; max-width: 1280px; padding:50px 30px; background: #fff; z-index: 102; 
	margin:0 auto; position: fixed; top:50%; left: 50%; transform: translate(-50%,-50%); display: none;
}
.aside.on {display: block;}
.aside .aside_top .close {position: absolute; top:0; right: 0; width: 50px; height: 50px; background:#111; padding:15px; }
.aside .aside_top .aside_logo {text-align: center; width: 280px; margin:0 auto;}

.gnb_q_menu {display: flex; padding-top: 40px;}
.gnb_q_menu > li {width: 100%; text-align: left; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.gnb_q_menu > li:first-child {border-left:1px solid #ddd;}
.gnb_q_menu > li > a {font-size: 20px; font-weight: 700; background: #333; color:#fff; display: block; text-align: center; padding:15px 0;}
.gnb_q_sub {padding:20px;}
.gnb_q_sub_menu > li {padding-bottom: 25px;}
.gnb_q_sub_menu > li > a {font-size: 18px; font-weight: 700;}
.gnb_q_sub_top {display: none;}
.gnb_q_tit {display: none;}
.gnb_q_sub_cont {display: block; font-size: 15px; font-weight: 500;}
.gnb_q_sub_cont li {margin:10px 0; padding-left: 20px; position: relative;}
.gnb_q_sub_cont li:before {display: block; content: "-"; position: absolute; left: 0; margin-left: 5px; }
.gnb_q_sub_cont li > a {font-size: 16px; line-height: 20px;}
.aside_sns {text-align: center; padding-top: 40px;}
.aside_sns a {display: inline-block; font-size: 0; height: 25px; margin: 0 5px; position: relative;}
.aside_sns a span {
	font-size: 14px; color: #fff; display: inline-block; padding:5px; background: rgba(0,0,0,.8);
	position: absolute; top:-20px; left: 50%; transform: translateX(-50%); z-index: 1; display: none;
}
.aside_sns a:hover span {display: block;}
.aside_sns img {/*opacity: 0.7;*/ height: 100%;}

.aside_bg {position: fixed; top:0; left:0; right:0; bottom:0; z-index: 101; background: rgba(0,0,0,0.8); display: none;}
.aside_bg.on {display: block;}

.hd_bg {position: fixed; top:0; left:0; right:0; bottom:0; z-index: 100; background: rgba(0,0,0,0.8); display: none;}
.hd_bg.on {display: block;}


/* footer */
#footer {border-top:1px solid #ddd;}
.ft_logo {padding:20px 0;}
.ft_logo .logo_box {width: 90%; max-width: 1280px; margin:0 auto; display: flex; align-items:center;}
.ft_logo .logo_box span {margin:0 30px;}
.ft_info {background: #fff; padding:60px 0; text-align: left; border-top:1px solid #ddd;}
.ft_info .info_box {width: 90%; max-width: 1280px; margin:0 auto; color:#000; display: flex; gap: 40px; align-items: center;}
.ft_info .info_box .logo {width: 180px; flex-shrink: 0;}
.ft_info .info_box .logo img {width: 180px}
.ft_info .info_box .txt {flex: 1 0 0; color: #555; }
.ft_info .info_box .txt p {line-height: 24px; font-size: 16px; margin:10px 0;}
.ft_info .info_box .txt .policy {color: #aaa;}
.ft_info .info_box .txt .policy a {font-weight: 700; color: #555; display: inline-block; }
.ft_info .info_box .txt .info span:after {display: inline-block; content: "｜"; margin:0 5px;}
.ft_info .info_box .txt .info span:last-child:after {display: none;}
.ft_info .info_box .txt .copy {font-size: 14px; margin-top: 28px;}
.ft_info .info_box .btn {margin-top: 40px;}
.ft_info .info_box .btn a {font-size:14px; opacity: 0.8; color:#fff; margin:0 20px;}
.ft_info .info_box .btn a:hover {text-decoration: underline;}
.ft_info .info_box .wa_box {width: 180px; flex-shrink: 0;}

.swiper_box {position: relative;}


/* table */
.tb_wrap {}
.tb_wrap .cmnt {color: #777; font-size: 14px; margin-top: 10px; text-align: right;}
.tb_box table {width: 100%; border-left: 2px solid #fff; border-right: 2px solid #fff;}
.tb_box th {background: #f1f1f1;}
.tb_box td {}
.tb_box th,
.tb_box td {padding: 20px 10px; text-align: center; border: 1px solid #ddd; vertical-align: middle; line-height: 1.3;}


/* 안내사항 */
.nt_box {}
.nt_box ul {display: flex; flex-direction: column; gap: 10px; line-height: 1.4;}
.nt_box .list li {padding-left: 15px; position: relative;}
.nt_box .list li::before {display: block; content: ""; background: var(--mainColor1);  position: absolute; left: 0; top: 9px;}
.nt_box .list > li::before {width: 7px; height: 2px; }
.nt_box .list > li > ul {margin-top: 5px;}
.nt_box .list > li > ul > li::before {width: 3px; height: 3px; border-radius: 100px;}
.nt_box .imp {color: #c50707;}
.nt_box .imp::before {background: #c50707 !important;}

/* 서브 공통 */
.body_tit {padding-bottom: 60px;}
.body_tit .big {font-size: 50px; font-weight: 700;}
.body_tit .small {font-size: 20px; line-height: 1.4; color: #555; margin-top: 20px;}
.sec_tit {margin-bottom: 30px;}
.sec_tit .tit {font-size: 32px; font-weight: 700;}


/* 메인 */
.main_tit {font-size: 50px; width: 90%; max-width: 1280px; margin: 0 auto; text-align: center; margin-bottom: 70px;}

.main_t {aspect-ratio: 1/0.32; margin-top: 100px; overflow: hidden;}
.main_t .swiper-slide a {display: block; height: 100%;} /* 20221016 */
.main_t .swiper-slide img {height: 100%; width:100%; max-width: unset; object-fit:cover;}
.main_t .swiper-slide .m_img {display: none;}

/* 20221016 */
.main_t .sec_box {height: 100%;}
.main_t .swiper_box{height:100%; position: relative;}
.main_t .swiper_box .swiper{height:100%;}
.main_t .swiper_box .swiper-button-next, 
.main_t .swiper_box .swiper-button-prev{font-size:0;}
.main_t .swiper_box .paging-wrap{	
	position:absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 10;
	display: flex;justify-content: center;align-items: center;background:rgba(0, 0, 0, 0.5);border-radius: 30px;width: 120px;height: 30px;padding-right: 25px;
	display: none;
}
.main_t .swiper_box .paging-wrap .btn-mainVisualPlay{position: absolute;right: 15px;top: 4px;width: 22px;height: 22px;background: url(/static/img/stop-1a0da9d7b2a5d963951adfc75d330ddc.png) 50% 50% no-repeat;background-size: 100%;vertical-align: middle;text-indent: -9999px;border: 0;}
.main_t .swiper_box .paging-wrap .btn-mainVisualPlay.active{background: url(/static/img/play-310ba9e856678a057ab1c8df28897c17.png) 50% 50% no-repeat;}
.main_t .swiper_box .mainVisual-counter{text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);color: #fff;font-size: 20px;line-height: 1;}
.main_t .swiper_box .mainVisual-counter span{/* color: #cb225a; *//* margin:0 5px; */}
/* //20221016 */


.main_t_next.swiper-button-disabled,
.main_t_prev.swiper-button-disabled {opacity: 1 !important}
.main_t_next:after,
.main_t_prev:after {color: #fff;}
.main_t_next {right: 50px !important;}
.main_t_prev {left: 50px !important;}


.main_cont {padding:140px 0;}
.main_cont .sec_box {max-width: 1600px; width:90%; margin:0 auto; display: flex; gap: 60px;}
.main_cont .cont_box {width: 770px; flex-shrink: 0;}
.main_cont .cont_box .img {aspect-ratio: 16/9; overflow: hidden; font-size: 0; border: 1px solid #ddd;}
.main_cont .cont_box .img img {object-fit: cover; width: 100%; height: 100%;}
.main_cont .cont_box .tit {margin-top: 20px; font-size: 24px; line-height: 1.2;}
.main_cont .bd_box {display: flex; flex-direction: column; flex: 1 0 0; min-width: 0;}
.main_cont .bd_tb {flex: 1 0 0; display: flex; flex-direction: column;}
.main_cont .bd_tb ul {width: 100%;}
.main_cont .bd_tb li {display: flex; height: 100%; border-bottom: 1px solid #ddd; gap: 10px; width: 100%;}
.main_cont .bd_tb li > div {display: flex; align-items: center; justify-content: center; text-align: center;}
.main_cont .bd_tb .moreBtn {
	background: #f1f1f1; border-radius: 5px; padding: 15px 45px 15px 20px; line-height: 1;
	width: max-content; transition: all .3s; position: relative; margin-bottom: -40px; margin-top: 10px;
}
.main_cont .bd_tb .moreBtn::after {
	display: block; content: ""; width: 7px; height: 7px; border-top: 1px solid #000; border-right: 1px solid #000;
	position: absolute; top: 50%; right: 15px; transform: translateY(-50%) rotate(45deg); transition: all .3s; 
}
.main_cont .bd_tb .moreBtn:hover {background: #000; color: #fff;}
.main_cont .bd_tb .moreBtn:hover::after {border-color: #fff;}
.main_cont li .date {font-size: 14px; width: 120px; flex-shrink: 0; }
.main_cont li .subject {flex: 1 0 0; overflow: hidden;}
.main_cont .bd_hd {height: 55px; background: #f1f1f1;}
.main_cont .bd_bd {flex: 1 0 0; display: flex; flex-direction: column;}
.main_cont .bd_bd li {min-height: 55px;}
.main_cont .bd_bd .date {color: #555;}
.mainContNext.swiper-button-disabled,
.mainContPrev.swiper-button-disabled {opacity: 1 !important}
.mainContNext:after,
.mainContPrev:after {color: #fff; font-size: 19px !important;}

.mainContNext,
.mainContPrev {width: 30px !important; height: 30px !important; background: rgb(0,0,0,.5);}
.mainContNext {right: 0 !important;}
.mainContPrev {left: 0 !important;}


/*
.main_cont .bd_bd .subject {display: flex; align-items: center; gap: 10px;}
.main_cont .bd_bd .subject .tit {text-overflow: ellipsis; overflow: hidden; word-break: break-word; white-space:nowrap; width: calc(100% - 120px); min-width: 0;}
.main_cont .bd_bd .subject .cate {
	font-size: 13px; line-height: 1; border-radius: 100px; width: 110px; height: 30px; color: #fff; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center; background: #000;
	}
*/
.main_cont .bd_bd .subject {display: flex; align-items: center; gap: 10px;}
.main_cont .bd_bd .subject .cate {
	font-size: 13px; line-height: 1; border-radius: 100px; width: 110px; height: 30px; color: #fff; flex-shrink: 0;
	display: flex; align-items: center; justify-content: center; background: #000;
	}
.main_cont .bd_bd .subject .tit {min-width: 0; flex: 1 0 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding:2px 0}
.main_cont .bd_bd  .date {padding: 2px 0;}

.main_cont .bd_bd .notice .cate {background: #822A8A;}
.main_cont .bd_bd .press .cate {background: #C65284;}
.main_cont .bd_bd .news .cate {background: #C65284;}
.main_cont .bd_bd .sns .cate {background: #CF8AD6;}
.main_cont .bd_bd .guri .cate {background: #141254;}
.main_cont .bd_bd .trend .cate {background: #7876B4;}


.main_cont .bd_box .tab_menu {display: flex; border-bottom: 2px solid #000;}
.main_cont .bd_box .tab_menu li {
	width: 100%; font-size: 15px; height: 55px; display: flex; align-items: center; justify-content: center; cursor: pointer; color: #555; text-align: center; line-height: 1.2;
}
.main_cont .bd_box .tab_menu li.on {background: #000; color: #fff; font-weight: 700; border-radius: 10px 10px 0 0;}
.main_cont .bd_box .tab_cont {display: none; width: 100%;}
.main_cont .bd_box .tab_cont.on {display: flex;}


.main_s1 {width: 100%; padding:140px 0; background: url('/static/img/main_bg01-a900ffbeb4978bfe6d020cef025a7616.jpg') no-repeat center center / cover;}
.main_s1 .sec_box {width:90%; margin:0 auto; font-size: 0;}
.main_s1 .sec_box .video_box {width: 50%; vertical-align: middle; display: inline-block;}
.main_s1 .sec_box .txt_box { width:47%; margin-left: 3%; text-align: center; vertical-align: middle; display: inline-block;}
.main_s1 .sec_box .txt_box .txt_s {font-size: 20px; margin-bottom: 20px; font-weight: 700;}
.main_s1 .sec_box .txt_box .txt_t {font-size: 45px; line-height: 55px; font-weight: 700; margin-bottom: 40px;}
.main_s1 .sec_box .txt_box .txt_c {font-size: 20px; line-height: 28px; color: #555;}

.main_s2{display:none;}
.main_s2 .bnr_box {font-size: 0;}
.main_s2 .bnr_box li {width: 33.333%; display: inline-block; vertical-align: middle; height:100%; position: relative; overflow:hidden; background: #000;}
.main_s2 .bnr_box li:before {display:block; content:""; position: absolute; top:0; left: 0; right: 0; bottom: 0; opacity: .3; transition:all 0.3s;}
.main_s2 .bnr_box li.bnr1:before { background: url('/static/img/main_bnr01-ee0432ddf7fcc5a6c2ac89dc72255706.jpg') no-repeat center center / cover;}
.main_s2 .bnr_box li.bnr2:before { background: url('/static/img/main_bnr02-4e6ee54458f3bfc6c8c1a348e4a9f19c.jpg') no-repeat center center / cover;}
.main_s2 .bnr_box li.bnr3:before { background: url('/static/img/main_bnr03-86854ae7a555ac024c12f22e4db18d0e.jpg') no-repeat center center / cover;}
.main_s2 .bnr_box li:hover:before {transform:scale(120%); opacity: .5; transition: all 0.3s;}
.main_s2 .bnr_box li.bnr1:hover:before {background: url('/static/img/main_bnr01_hover-92d4962ae88f83cd5a17394d1502ca07.jpg') no-repeat center center / cover; }
.main_s2 .bnr_box li.bnr2:hover:before { background: url('/static/img/main_bnr02_hover-f51d81a7985c5c2060b7f475a2c196ea.jpg') no-repeat center center / cover;}
.main_s2 .bnr_box li.bnr3:hover:before { background: url('/static/img/main_bnr03_hover-f4ba1c3c294866426209b1929093defd.jpg') no-repeat center center / cover;}
.main_s2 .bnr_box a {display: block; width: 100%; height: 100%; position: relative;}
.main_s2 .txt_box {color:#fff; text-align: center; position: absolute; width: 100%; top:50%; left: 50%; transform: translate(-50%,-50%); padding:20px;}
.main_s2 .txt_box .tit {font-size: 40px; line-height: 50px; font-weight: 700;}
.main_s2 .txt_box .txt {font-size: 20px; line-height: 30px; margin-top:30px;}

.main_s3 {padding:140px 0;}
.main_s3 .sec_box {width:90%;  margin:0 auto;}
.main_s3 .bd_box_wrap:after {display: block; content: ""; clear: both;}
.main_s3 .bd_box {float: left;width: 48%;position: relative;}/* 20221016 */
.main_s3 .bd_box .btn_more{font-size: 16px;color:#555;position: absolute;right: 0;top: 30px;background: #fff;padding-left: 10px;} /* 20221016 */
.main_s3 .notice_box {margin-right: 4%;}
.main_s3 .bd_tit {position:relative; width: 100%; height: 75px;}
.main_s3 .bd_tit:after {
	width: 100%; height: 1px; border-bottom:2px dotted #ccc; display: block; content:""; z-index: -1;
	position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);
}
.main_s3 .bd_tit .tit {
	text-align: center; font-size: 30px; font-weight: 700; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);
	background: #fff; padding:0 20px;
}
.main_s3 .bd_tit a {font-size: 16px; color:#555; position: absolute; right: 0; top: 53%; transform: translateY(-50%); background: #fff; padding-left: 10px;}
.main_s3 .bd_table table {border-top:2px solid #111; table-layout: fixed;} 
.main_s3 .bd_table tr td,
.main_s3 .bd_table tr th {padding:25px 5px; font-size: 18px; vertical-align: middle; border-bottom: 1px solid #ddd;}
.main_s3 .bd_table tr th {font-weight: 700; text-align: center; background: #f1f1f1;}
.main_s3 .bd_table tr .tit {width: 80%}
.main_s3 .bd_table tr .date {width: 20%;} 
.main_s3 .bd_table tr td.tit {text-align: left; padding-left: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.main_s3 .bd_table tr td.date {font-size: 16px; color:#555; text-align: center;}

.main_s4 {padding-bottom: 140px;}
.main_s4 .sec_box {max-width: 1600px; width:90%;  margin:0 auto;}
.main_s4 .cont_box {display: flex; flex-direction:row; gap: 60px;}
.main_s4 .cont_box > div {width: 100%; text-align: center;}
.main_s4 .cont_box .cont_tit {
	position:relative; width: 100%; height: 75px;
}
.main_s4 .cont_box .cont_tit:after {
	width: 100%; height: 1px; border-bottom:2px dotted #ccc; display: block; content:""; z-index: -1;
	position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);
}
.main_s4 .cont_box .cont_tit .tit {
	text-align: center; font-size: 30px; font-weight: 700; position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);
	background: #fff; padding:0 20px;
}
#instagram {overflow: hidden; width:100%; max-width: 100%;}
.instagram_item {float: left;width: 33.333%; padding: 1%; }
.instagram_item > a {
	display: block;width: 100%;padding-top: 100%;position: relative;
	background: no-repeat center center;background-size: cover; overflow: hidden;
	border-radius: 10px; border:1px solid #ddd;
}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); text-align: center; color:#fff; font-size: 16px; line-height: 24px; opacity: 0; z-index: 1}
.instagram_item > a:hover:before ,
.instagram_item > a:focus:before{opacity: 1;} /* 20221111 */
.instagram_item > a:hover p ,
.instagram_item > a:focus p{opacity: 1;} /* 20221111 */

.main_qbnr {padding-top: 50px;}
.main_qbnr .inner {max-width: 1600px;}
.main_qbnr .list {display: flex; gap: 40px;}
.main_qbnr .item {width: calc(33.333% - 26.666px); border: 1px solid #ddd; padding: 20px; display: flex; align-items: center; gap: 20px; transition: all .3s; border-radius: 10px;}
.main_qbnr .item:hover {background: var(--mainColor2); border-color: var(--mainColor2);}
.main_qbnr .item .icon {width: 80px; aspect-ratio: 1/1; font-size: 0; flex-shrink: 0;}
.main_qbnr .item .icon img {width: 100%; height: 100%; object-fit: contain;}
.main_qbnr .item .cont {font-size: 20px; line-height: 1.3;}



/* 서브페이지 */
.sub_top {width: 100%; height: 500px; background: #000; position: relative; overflow:hidden;}
.sub_top:before {display:block; content:""; position: absolute; top:0; left: 0; right: 0; bottom: 0; opacity: .3;}
.sub_top.ind_top:before {background: url('/static/img/sub_top_bg_ind-0e581ab73e859232e97bf0736342fd81.jpg') no-repeat center center / cover;}
.sub_top.biz_top:before {background: url('/static/img/sub_top_bg_biz-d5680c5cd85f9f474b992f3691fe8c06.jpg') no-repeat center center / cover;}
.sub_top.bd_top:before {background: url('/static/img/sub_top_bg_board-8de84100aba459ab7318fd95cb2d4435.jpg') no-repeat center center / cover;}
.sub_top.rp_top:before {background: url('/static/img/sub_top_bg_rp-f787327b5a04221ead769d54375a73a9.jpg') no-repeat center center / cover;}
.sub_top.store_top:before {background: url('/static/img/sub_top_bg_store-880922b14df18a890bb12ca5e088ee41.jpg') no-repeat center center / cover;}
.sub_top.map_top:before {background: url('/static/img/sub_top_bg_store-880922b14df18a890bb12ca5e088ee41.jpg') no-repeat center center / cover;}

.sub_top .inner {position: relative; height: 100%; padding-top: 140px;}
.sub_top .txt_box {text-align: center; color: #fff; position: absolute; top:60%; left: 50%; transform: translate(-50%,-50%); width: 100%;}
.sub_top .txt_box .top_nav {font-size: 16px; margin-bottom: 20px;}
.sub_top .txt_box .top_nav span {display: inline-block; margin:3px 0;}
.sub_top .txt_box .top_nav span:after {
	display: inline-block; content: ""; width: 7px; height: 7px; border-top:1px solid #fff; border-right: 1px solid #fff;
	transform: rotate(45deg); margin:0 10px 1px 7px;
}
.sub_top .txt_box .top_nav span:last-child:after {display: none;}
.sub_top .txt_box .top_tit {font-size: 50px; font-weight: 700;}
.sub_top .txt_box .top_tit_sub {font-size: 18px; margin-top: 30px;}


.sub_cate {border-bottom: 1px solid #ddd;}
.sub_cate .sub_cate_box {width: 100%; max-width: 1280px; margin:0 auto; position: relative;}
.sub_cate ul {font-size: 0; z-index: 1; display: flex; justify-content: space-around; margin:0 auto; }
.sub_cate ul li {width: 100%; text-align: center;}
.sub_cate ul li a {width: 100%; color:#555; font-size: 17px; display: block; padding:5px; line-height: 1.3; height: 80px; display: flex; align-items: center; justify-content: center;}
.sub_cate ul li.on a {color: #111; font-weight: 700; border-bottom: 3px solid #111;}

.ssub_cate ul {display: flex;}
.ssub_cate ul li {border: 1px solid #fff; width: 100%; background: #f1f1f1;}
.ssub_cate ul li a {color: #444;  align-items: center; display: flex; justify-content: center; width: 100%; height:100%; padding:20px 5px; font-size: 17px; line-height:24px; text-align: center;}
.ssub_cate ul li.on {border: 1px solid #111; background: #111;}
.ssub_cate ul li.on a {color: #fff; font-weight: 700;}

.ssub_cate.biz_cate li a {padding:20px 5px; line-height: 24px; height:auto;}
.ssub_cate.biz_cate li a p {font-size: 14px; }

.sub_s_tit {font-size: 30px; font-weight: 700; margin-bottom: 30px;}

.sub_nav {border-bottom: 1px solid #ddd;}
.sub_nav .sub_nav_box {width: 100%; max-width: 1280px; margin:0 auto; position: relative;}
.sub_nav ul {font-size: 0; z-index: 1; display: flex; justify-content: space-around; margin:0 auto; }
.sub_nav ul li {width: 100%; text-align: center;}
.sub_nav ul li a {width: 100%; color:#555; font-size: 18px; display: block; padding:30px 0;}
.sub_nav ul li.on a {color: #111; font-weight: 700; border-bottom: 3px solid #111;}



/* 준비중 페이지 */
.ready_s {text-align: center;}
.ready_s .sec_box .tit {font-size: 50px; letter-spacing: -1px; margin-top: 30px;}
.ready_s .sec_box .tit span {font-weight: 800;}
.ready_s .sec_box .txt {font-size: 20px; line-height:30px; margin-top: 30px;}


/* 게시판 */
.board_top {margin-bottom: 30px;}
.board_top .inner:after {display: block; clear: both; content: "";} 
.board_top .search_wrap {vertical-align: bottom; display: inline-block; width: 70%; float: right;}
.board_top .search_box {text-align: right;}
.board_top .search_box .select {display: inline-block; }
.board_top .search_box .select select {display:block; width: 100px;  border:none; border-bottom:1px solid #000; height: 50px; line-height: 50px; font-size: 16px;}
.board_top .search_box .search {margin-left: 10px; display: inline-block; position: relative; vertical-align: top;}
.board_top .search_box .search input {border:none; border-bottom:1px solid #000; width: 300px; font-size: 16px; background: unset; height: 50px; line-height: 50px;}
.board_top .search_box .search button {
	position: absolute; top:50%; right: 2px; transform: translateY(-50%); display: block;
	background:url('/static/img/search_icon-4e46929b05cd56e5353a3d1f4fb7f310.gif') no-repeat; width: 20px; height: 20px; background-size: 100%; border:none; padding:10px;
}
.board_top .all_cont {display: none;}
.board_list {}
.board_list .box {width: 100%; margin:20px 0 40px;}
.board_list .box .board_box {width: 100%; table-layout: fixed; }
.board_list .box .board_box .list_number {width:10%;}
.board_list .box .board_box .list_title {width:60%; }
.board_list .box .board_box .list_file {width: 10%;}
.board_list .box .board_box .list_date {width: 10%;}
.board_list .box .board_box .list_view {width: 10%;}
.board_list .box .board_box td.list_title {text-align: left; }
.board_list .box .board_box .list_title a {display: block;}
.board_list .box .board_box .list_file img {width: 30px;}

.board_list .box .board_box tr th {background: #fff; border-top: 2px solid #111; border-bottom:1px solid #111; font-weight: 700;}
.board_list .box .board_box tr td {border-bottom:1px solid #ddd;}
.board_list .box .board_box tr th,
.board_list .box .board_box tr td {	
	text-align: center; vertical-align: middle; font-size: 16px; line-height: 24px; padding:20px; word-break: keep-all;
}

.paging {text-align: center; }
.paging a {display: inline-block; vertical-align: middle;  }
.paging ol {display: inline-block; vertical-align: middle; }
.paging ol li {display: inline-block; font-size: 18px; }
.paging ol li a  { display: inline-block; vertical-align: middle; padding:0 5px; border:1px solid #111; border-radius:50px; width:45px; height:45px; margin: 0 1px; line-height: 45px;}
.paging ol li a.this {background: #111; color:#fff; border: 1px solid  #111;}


.board_view .view_top {border-top:2px solid #111; border-bottom:1px solid #111; padding:20px 10px; font-size: 0;}
.board_view .view_top .tit {display: inline-block; width: 80%; vertical-align: middle; font-size: 18px; line-height: 24px; font-weight: 700;}
.board_view .view_top .date {display: inline-block; font-size: 14px; width: 20%; vertical-align: middle; text-align: right; color: #555;}
.board_view .view_file {padding:20px 10px; border-bottom:1px dotted #ddd; }
.board_view .view_file img {width: 25px; display: inline-block; vertical-align: middle; margin-bottom: 2px;}
.board_view .view_file span {display: inline-block; vertical-align: middle;}
.board_view .view_file a {display: inline-block; vertical-align: middle; border-bottom: 1px solid #111; margin-left: 5px;}
.board_view .view_file a:before {display: inline-block; vertical-align: middle; content: "·"; margin-right: 5px;}
.board_view .view_file_list {border-bottom: 1px solid #111;}
.board_view .view_file_list .tit {display: flex; align-items: center; padding: 10px 0; font-weight: 700;}
.board_view .view_file_list .tit img {width: 25px;}
.board_view .view_file_list .list li {
	border-bottom: 1px solid #ddd; padding: 5px 25px; display: flex; gap: 10px; align-items: center;
}
.board_view .view_file_list .list li:first-child {padding-top: 0;}
.board_view .view_file_list .list li:last-child {border-bottom: 0;}
.board_view .view_file_list .list li .name {flex: 1 0 0; line-height: 1.4; font-size: 15px;}
.board_view .view_file_list .list li .btn {display: flex; gap: 10px;}
.board_view .view_file_list .list li .btn a {border:1px solid #ddd; font-size: 13px; height:32px; line-height: 32px; width: 100px; text-align: center;}


.board_view .view_cont {padding:50px 10px; border-bottom:1px solid #111;}
.board_view .view_btn {margin-top: 40px; text-align: right;}
.board_view .view_btn a {display: inline-block; width: 200px; height: 50px; line-height: 50px; color:#fff; background: #111; text-align: center;}


/* 점포안내 */
.st_l_s1 {font-size: 0;}
.st_l_s1 .img_box {display:inline-block; vertical-align:top; width: 80%; margin-right: 3%; position: relative; overflow: hidden; border:1px solid #ddd;}
.st_l_s1 .img_box:after {display: block; content: ""; padding-bottom: 70%;}
.st_l_s1 .img_box img {position: absolute; top:0; left: 0; bottom: 0; right: 0; width: 100%; display:none;}/* 20221016 */
.st_l_s1 .btn_box {display:inline-block; vertical-align:top; width: 17%;}
.st_l_s1 .btn_box span {border:1px solid #ddd; line-height: 55px; line-height: 55px; margin-bottom: 9px; display: block;}
.st_l_s1 .btn_box label {font-size: 18px; display: inline-block; cursor: pointer; padding:0 20px; vertical-align: middle; width: 100%;}
.st_l_s1 .btn_box label:before {width: 16px; height: 16px; display: inline-block; content: ""; vertical-align: middle; margin: 0 10px 1px 0;}
.st_l_s1 .btn_box input[type="radio"] {position:absolute;opacity:0;}/* 20221016 */
.st_l_s1 .btn_box input[type="radio"]:checked + label {background: #111; color:#fff;}
.st_l_s1 .btn_box input[type="radio"]:checked:focus + label{outline:2px dotted #000;}/* 20221016 */


.st_l_s1 .img_box .on {z-index: 2; display:block;}/* 20221016 */
.st_l_s1 .img_box .basic {z-index: 1; display:block;}/* 20221016 */

.st_l_s1 .btn_box .st_a label:before {background: #7BBF58;}
.st_l_s1 .btn_box .st_b label:before {background: #273281;}
.st_l_s1 .btn_box .st_c label:before {background: #DB1B48;}
.st_l_s1 .btn_box .st_d label:before {background: #F5BD1E;}
.st_l_s1 .btn_box .st_e label:before {background: #16A8A5;}
.st_l_s1 .btn_box .st_f label:before {background: #02458C;}
.st_l_s1 .btn_box .st_g label:before {background: #BF398E;}
.st_l_s1 .btn_box .st_h label:before {background: #8F4A20;}
.st_l_s1 .btn_box .st_i label:before {background: #843A7F;}
.st_l_s1 .btn_box .st_7 label:before {background: #E93A4B;}
.st_l_s1 .btn_box .st_j label:before {background: #EC641A;}

.st_l_s2 .tb_box table {table-layout: fixed; }
.st_l_s2 .tb_box tr th {border-top:2px solid #111; border-bottom:1px solid #111; font-weight: 700;}
.st_l_s2 .tb_box tr td {border-bottom:1px solid #ddd;}
.st_l_s2 .tb_box tr th,
.st_l_s2 .tb_box tr td {height: 55px; line-height: 55px; text-align: center; padding:0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.st_l_s2 .tb_box tr td a {display: block; position: relative;}
.st_l_s2 .tb_box tr td a:hover {text-decoration: underline;}
.st_l_s2 .tb_box .st_tb_zone {width: 12%}
.st_l_s2 .tb_box .st_tb_name {width: 25%;}
.st_l_s2 .tb_box .st_tb_phone {width: 20%}
.st_l_s2 .tb_box .st_tb_intro {width: 33%;}
.st_l_s2 .tb_box .st_tb_views {width: 10%}
.st_l_s2 .paging {margin-top: 50px;}

.st_l_view .view_top .name {font-size: 40px; line-height: 50px; font-weight: 700; padding-bottom: 20px;}
.st_l_view .view_top ul {border-top:2px solid #111;}
.st_l_view .view_top ul li {border-bottom:1px solid #ddd; padding:25px 10px; font-size: 0;}
.st_l_view .view_top ul li .sort {width: 15%; display: inline-block; font-size: 16px; font-weight: 700;}
.st_l_view .view_top ul li .cont {width: 85%; display: inline-block; font-size: 16px; line-height:150%;}
.st_l_view .view_img {margin-top:40px; text-align: center;}
.st_l_view .view_img img {border:1px solid #ddd;}
.st_l_view .view_btn {margin-top: 40px; text-align: right;}
.st_l_view .view_btn a {display: inline-block; width: 200px; height: 50px; line-height: 50px; color:#fff; background: #111; text-align: center;}

.st_info_top {margin-top: 30px;}
.st_info_top .search_box p {display: inline-block; vertical-align: middle;}
.st_info_top .search_box p .select_txt {font-weight: 700; margin:0 7px 0 25px; display: inline-block;}



/* 사업소개 */
.biz_sub_top {text-align: center; font-size: 40px; font-weight: 700;}

.biz_list .sec_box ul {font-size: 0;}
.biz_list .sec_box li {width: 32%; margin-right: 2%; display: inline-block; vertical-align: top; padding-bottom: 40px;}
.biz_list .sec_box li > a{display:block;}/* 20221115 */
.biz_list .sec_box li:nth-child(3n) {margin-right: 0;}
.biz_list .sec_box .img_box {border:1px solid #ddd; position: relative; overflow:hidden;}
.biz_list .sec_box .img_box:after {display: block; padding-bottom:100%; content: "";}
.biz_list .sec_box img {position:  absolute; top:50%; left: 50%; transform: translate(-50%,-50%); height: 100%; width:100%; height:100%; object-fit:cover; max-width: unset;}
.biz_list .txt_box {padding-top: 15px;}
.biz_list .txt_box .tit {font-size: 22px; line-height: 30px; font-weight: 700;}


.biz_s1 {}
.biz_s1 .sec_box {font-size: 0; padding-top:50px; padding-bottom:50px; border-bottom: 1px solid #ddd; position: relative;}
.biz_s1 .sec_box:first-child {padding-top: 0;}
.biz_s1 .sec_box:last-child {padding-bottom: 0; border-bottom: 0;}
.biz_s1 .sec_box > div {display: inline-block; vertical-align: middle;}
.biz_s1 .img_box {border:1px solid #ddd; width: 50%; position: relative; overflow:hidden;}
.biz_s1 .img_box:after {display: block; content: ""; padding-bottom: 100%;}
.biz_s1 .img_box img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); max-width: unset; object-fit:cover; height: 100%; width:100%;}
.biz_s1 .txt_box {margin-left: 4%; width: 46%; margin-bottom: 70px;}
.biz_s1 .txt_box .tit {font-size: 30px; line-height: 40px; font-weight: 700;}
.biz_s1 .txt_box .s_tit {font-size: 18px; line-height:30px; margin-top: 15px;}
.biz_s1 .txt_box .line {margin-top:30px; width:45px; height: 2px; background: #111;}
.biz_s1 .txt_box .cont {margin-top:30px; font-size: 16px; line-height: 26px; word-break: break-all;}
.biz_s1 .txt_box .btn {font-size: 16px; position: absolute; bottom: 50px; right: 0;}
.biz_s1 .txt_box .btn a {padding:0 40px 0 30px; height: 50px; line-height: 50px; color:#fff; display: inline-block; background: #111; text-align: center;}
.biz_s1 .txt_box .btn:after {
	display: block; content: ""; position: absolute; right: 28px; top:50%; transform: translateY(-50%) rotate(45deg);
	border-top:1px solid #fff; border-right: 1px solid #fff; width: 8px; height: 8px; 
}



/* 연혁 */

.his_tab {display: flex; margin-bottom: 60px;}
.his_tab a {
	width: 100%; height: 80px; padding: 0 10px; text-align: center; font-size: 20px;
	display: flex; align-items: center; justify-content: center; border: 1px solid #ddd;
}
.his_tab a.active {background: #000; color: #fff; border-color: #000;}

.his_sec .bnn img {width: 100%;}
.his_sec .sec_box {display: flex; flex-direction: column; gap: 60px;}
.his_sec .sec_box .box {display: flex; gap: 30px; position: relative;}
.his_sec .sec_box .box::after {
	display: block; content: ""; width: 2px; height: calc(100% + 60px); background: #ccc;
	position: absolute; left: 179px; top: 20px; z-index: -1;
}
.his_sec .sec_box .box:last-child::after {display: none;}
.his_sec .year {font-size: 40px; font-weight: 700; width: 130px; flex-shrink: 0;}
.his_sec .point {width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.his_sec .point span {width: 20px; height: 20px; border-radius: 100%; border:3px solid #777; background: #fff; position: relative;}
.his_sec .point span::before {
	display: block; content: ""; width: 40px; height: 2px; background: #ccc;
	position: absolute; right: 100%; top: 50%; transform: translateY(-50%); z-index: -1;
}

/* .his_sec .point {display: table-cell; vertical-align: top; width: 120px; position: relative;}
.his_sec .point span {
	width: 20px; height: 20px; border-radius: 100%; border:3px solid #777; background: #fff;
	display: block; position: absolute; top:5px; left: 50%; transform: translateX(-50%); z-index: 1;
}
.his_sec .sec_box .box:first-child .point:after,
.his_sec .sec_box .box:last-child .point:after {
	display: block; content:""; width: 2px; padding-bottom:450%; background: #ccc;
	position: absolute; left: 50%; transform: translateX(-50%); z-index: -1;
} */
.his_sec .sec_box .box:first-child .point:after {top: 10px;}
.his_sec .sec_box .box:last-child .point:after {bottom: 95%;}

.his_sec .txt li {margin-bottom: 15px; font-size:20px; line-height: 26px; padding-left: 45px; position: relative;}
.his_sec .txt li span {position: absolute; display: block; left: 0; font-weight: 700;}


/* 조직도 */
.org_s1 .inner {border-bottom:1px solid #ddd;}
.org_s1 .sec_box {margin:0 auto 40px; max-width: 800px; position: relative; overflow:hidden;}
.org_s1 .sec_box:after {/*display: block; content: ""; padding-bottom: 125%;*/}/* 20221111 */
.org_s1 .box_wrap:after {display: block; content: ""; padding-bottom: 100%;}
.org_s1 .box_wrap .box_inner {position: absolute; overflow:hidden; width: 90%; border-radius: 100%; top:50%; left: 50%; transform: translate(-50%, -50%);}
.org_s1 .box_wrap .box_inner:after {display: block; content: ""; padding-bottom: 100%;}
.org_s1 .box_wrap .box_inner .rank_name {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); font-size: 20px; font-weight: 700;}
.org_s1 .box_wrap .box_inner .icon_box {position: absolute; top:50%; left: 50%; transform: translate(-50%, -50%); width: 50%;}
.org_s1 .txt_box {text-align: center; font-size: 20px; margin-top: 15px; font-weight: 700;}

/* 20221111 */
.org_s1 .sec_box > ul::after{content:"";display:block;padding-bottom:125%;}
.org_s1 .sec_box > ul > li{}
.org_s1 .sec_box a {width: 25%;  position: absolute; display: block;}
/* //20221111 */
.org_s1 .box_a {top: 13%; left: 0; }
.org_s1 .box_b {top: 0; left: 50%; transform: translateX(-50%);}
.org_s1 .box_c {top:25%; left: 50%; transform: translateX(-50%);}
.org_s1 .box_d {top:50%; left: 50%; transform: translateX(-50%);}
.org_s1 .box_e {top:75%; left: 50%; transform: translateX(-50%);}
.org_s1 .sec_box a:after {position: absolute; display: block; content: "";}/* 20221111 */
.org_s1 .box_a:after {width: 40%; height: 2px; border-top:5px dotted #aaa; top:50%; left: 105%; transform: translateY(-50%);}
.org_s1 .box_b:after {width: 2px; height: 15%; border-right:5px dotted #aaa; top:105%; left: 50%; transform: translateX(-50%);}
.org_s1 .box_c:after {width: 2px; height: 15%; border-right:5px dotted #aaa; top:105%; left: 50%; transform: translateX(-50%);}
.org_s1 .box_d:after {width: 2px; height: 15%; border-right:5px dotted #aaa; top:105%; left: 50%; transform: translateX(-50%);}
.org_s1 .box_wrap {background: #fff; border-radius: 100%; position: relative; overflow:hidden; border-width: 10px; border-style: solid;}
.org_s1 .box_a .box_wrap {border-color: #B0B2AC;}
.org_s1 .box_b .box_wrap {border-color: #B1CECD;}
.org_s1 .box_c .box_wrap {border-color: #EAC1B4;}
.org_s1 .box_d .box_wrap {border-color: #EAC1B4;}
.org_s1 .box_e .box_wrap {border-color: #E78376;}
.org_s1 .box_wrap .box_inner {
	position: absolute; overflow:hidden; width: 90%; border-radius: 100%; top:50%; left: 50%; transform: translate(-50%, -50%);
	border-width: 2px; border-style: dotted;
}
.org_s1 .box_a .box_wrap .box_inner {border-color: #B0B2AC;}
.org_s1 .box_b .box_wrap .box_inner {border-color: #B1CECD;}
.org_s1 .box_c .box_wrap .box_inner {border-color: #EAC1B4;}
.org_s1 .box_d .box_wrap .box_inner {border-color: #EAC1B4;}
.org_s1 .box_e .box_wrap .box_inner {border-color: #E78376;}

.org_tab {display: flex;}
.org_tab li {border:1px solid #fff; background: #f5f5f5; font-size: 18px; width: 100%; height: 55px; line-height: 55px; text-align: center;}
.org_tab li.on {background: #111; color:#fff; font-weight: 700;}
.org_tab li a{display:block;color:inherit;}/* 20221016 */
.org_cont {margin-top: 40px;}
.org_cont .box {display: none}
.org_cont .box.on {display: block;}
.org_cont table {border-top:2px solid #111; table-layout: fixed;}
.org_cont table th {background: #f5f5f5; font-weight: 700;}
.org_cont table th,
.org_cont table td {
	padding:20px 10px; text-align: center; vertical-align: middle; font-size: 18px; line-height: 24px;
	border-right:1px solid #ddd; border-bottom:1px solid #ddd; word-break: break-all;
}
.org_cont table th:last-child,
.org_cont table td:last-child {border-right: 0;}
.org_cont table td p {margin:10px 0; position: relative; padding-left: 15px;}
.org_cont table td p:before {display: block; content: ""; width:4px; height: 4px; background: #111; position: absolute; top: 9px; left: 3px;}



/* 찾아오시는 길 */
.way_sec .map_box {overflow: hidden;}
.way_sec .map_box .root_daum_roughmap {width: 100% !important;}
.way_sec .map_txt {padding:20px; background: #111;}
.way_sec .map_txt p {font-size: 18px; line-height: 28px; color:#fff;}

.way_sec .sub_s_tit {border-bottom: 1px solid #111; padding-bottom: 20px;}
.way_sec .way_tab {display: flex; margin-bottom: 60px;}
.way_sec .way_tab li {
	width: 100%; height: 60px; line-height: 60px; border:1px solid #fff; background: #ddd;
	text-align: center; font-size: 18px; cursor: pointer;
}
.way_sec .way_tab li.on {background: #111; color:#fff;}
.way_sec .way_tab li a {display:block;color:inherit;}/* 20221016 */
.way_sec .way_box .box {display: none;}
.way_sec .way_box .box.on {display: block;}
.way_sec .bus_box ul {font-size: 0;}
.way_sec .bus_box ul li {width: 48%; margin: 0 1% 40px; display: inline-block; vertical-align: top; }
.way_sec .bus_box .bus_name {font-size: 20px; margin-bottom: 25px; font-weight: 700;}
.way_sec .bus_box .bus_number {margin:20px 0; padding-left: 60px; position: relative;}
.way_sec .bus_box .bus_number .type {
	font-size: 15px; display: inline-block; width: 50px; line-height:28px; height: 28px;
	text-align: center; border-radius: 5px; color:#111; font-weight:700; position: absolute; top:-1px; left: 0;
}
.way_sec .bus_box .bus_number .type.a {background: #00B0AD;}
.way_sec .bus_box .bus_number .type.b {background: #F97D67;}
.way_sec .bus_box .bus_number .type.c {background: #5fb73c;}
.way_sec .bus_box .bus_number .type.d {background: #919FF7;}
.way_sec .bus_box .bus_number .type.e {background: #59AEF3;}
.way_sec .bus_box .bus_number .number {font-size: 18px; line-height:24px; display: inline-block; }
.way_sec .subway_box .subway_name {margin:20px 0; padding-left: 100px; position: relative;}
.way_sec .subway_box .subway_name .type {
	 font-size: 15px; display: inline-block; width: 90px; line-height:28px; height: 28px;
	text-align: center; border-radius: 5px; color:#111; font-weight:700; position: absolute; top:-5px; left: 0;
}
.way_sec .subway_box .subway_name .type.a {background: #00B0AD;}
.way_sec .subway_box .subway_name .type.b {background: #DF186A;}
.way_sec .subway_box .subway_name .number {font-size: 18px; display: inline-block; margin-bottom: 20px}
.way_sec .subway_box .subway_name .cmnt {font-size: 16px; margin-top: 10px;}

.way_sec .parking_box .table_box table {width: 100%; table-layout: fixed; border-top: 2px solid #111;}
.way_sec .parking_box .table_box tbody tr th{font-size: 18px; line-height:26px;padding:20px; vertical-align: middle; border:1px solid #ddd;}/* 20221016 */
.way_sec .parking_box .table_box tr td {font-size: 18px; line-height:26px; padding:20px; vertical-align: middle; border:1px solid #ddd;}
.way_sec .parking_box .table_box tr td p {margin:10px 0;}
.way_sec .parking_box .table_box .tb_hd {background: #f1f1f1; width: 30%; text-align: center; }
.way_sec .parking_box .txt_box {padding-top: 20px;}
.way_sec .parking_box .txt_box p {font-size: 16px; margin:10px 0; line-height: 22px;}

.mk_way .bus_box ul li:first-child {width: 98%; }




/* ci 소개 */
.ci_s1 {text-align: left;}
.ci_s1 .ci_s_tit {}
.ci_s1 .ci_s_tit .tit {font-size: 40px; font-weight: 700; }
.ci_s1 .ci_s_tit .s_tit {font-size: 20px; color:#555; margin-top: 20px;}

.ci_s1 .sec_box {font-size: 0; padding-top: 90px;}
.ci_s1 .sec_box > div {display: inline-block; vertical-align: top;}
.ci_s1 .sec_box_l {width: 25%; font-size: 40px; line-height:50px; font-weight: 700; padding:20px 60px 20px 0;}
.ci_s1 .sec_box_r {width: 70%; border-left:2px solid #ddd; padding:20px 0px 20px 60px;}
.ci_s1 .sec_box_r div:last-child {margin-bottom:0;}

.ci_s1 .cont_box {margin-bottom:70px;}
.ci_s1 .cont_box .tit {font-size: 24px; line-height:30px; font-weight: 700;}
.ci_s1 .cont_box .cont {margin-top: 20px; font-size: 18px; line-height: 28px;}
.ci_s1 .cont_box .cont2 {margin-top: 20px; font-size: 16px; line-height: 24px; color: #555; padding-left: 26px; position: relative;}
.ci_s1 .cont_box .cont2:before {display: block; content: "※"; position: absolute; left: 0;}
.ci_s1 .cont_box .cont3 {padding: 20px; background: #f1f1f1; margin-top: 20px; display: flex; flex-direction: column; gap: 10px; line-height: 1.4;} 
.ci_s1 .cont_box .cont3 .title {font-size: 16px; font-weight: 700; padding-left: 22px; position: relative;}
.ci_s1 .cont_box .cont3 .title::before {
	display: block; content: "!"; width: 18px; height: 18px; line-height: 18px; text-align: center;
	background: #000; color: #fff; border-radius: 100px; font-size: 14px; position: absolute; left: 0; top: 2px;
}
.ci_s1 .cont_box .cont3 .text {font-size: 15px;color: #555; padding-left: 20px; position: relative;}
/* .ci_s1 .cont_box .cont3 .text::before {display: block; content: "※"; position: absolute; left: 0;} */
.ci_s1 .cont_box .cont3 .cmnt {font-size: 14px; color: #555; margin-left: 20px;}
.ci_s1 .cont_box .cont3 .down_btn {margin-left: 20px; margin-top: 10px;}
.ci_s1 .cont_box .cont3 .down_btn a {font-size: 15px; height: 40px; line-height: 40px; width: auto; padding: 0 10px;}
.ci_s1 .cont_box .img {margin-top: 30px;border:1px solid #ddd; text-align: center;}
.ci_s1 .img_box {margin-bottom: 60px;}
.ci_s1 .down_btn a {min-width: 280px; line-height: 50px; padding: 0 15px; height: 50px; background: #111; color:#fff; text-align: center; font-size: 20px; display: inline-block; margin-right:30px;}

.ci_s1 .emoticon_list_wrap {margin-top: 80px;}
.ci_s1 .emoticon_list {margin-top: 40px; display: flex; flex-wrap: wrap; gap: 20px;}
.ci_s1 .emoticon_list li {width: calc(15% - 5px);}
.ci_s1 .emoticon_list .img {border: 1px solid #ddd; padding: 10px; margin-top: 0;}
.ci_s1 .emoticon_list .download {
	margin: 8px auto 0; font-size: 13px; width: 40px; height: 24px; line-height: 24px; text-align: center; display: block; position: relative;
	background: #000; color: #fff;
}
.ci_s1 .emoticon_list .text {margin-top: 8px; font-size: 13px; text-align: center;}
.ci_s1 .emoticon_list .download:after {
	display: block; content: ""; background: url('/static/img/icon_download-f7fbaa23fc18a4062cea5d45a8ef128c.png') no-repeat center center / contain; width: 16px; height: 16px;
	position: absolute; left:50%; top: 50%; transform: translate(-50%,-50%);
}



/* 비전 */
.vs_s1 .sec_box ul {font-size: 0; width: 100%; }
.vs_s1 .sec_box li {width: 50%; position: relative; overflow:hidden; display: inline-block; vertical-align: middle; background: #000; }
.vs_s1 .sec_box li:after {display: block; content: ""; padding-bottom: 100%;}
.vs_s1 .sec_box li .box_cont {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color: #fff; text-align: center; width: 100%;}
.vs_s1 .sec_box li .tit_box {font-size: 32px; font-weight: 700;}
.vs_s1 .sec_box li .icon_box {width: 100px; margin:0 auto; margin-top: 30px;}
.vs_s1 .sec_box li .txt_box {margin-top:30px;}
.vs_s1 .sec_box li .txt_box .big {font-size: 24px; font-weight: 700; margin-top: 10px; line-height: 30px;}
.vs_s1 .sec_box li .txt_box .small {font-size: 18px;}
.vs_s1 .sec_box li:before {display: block; content: ""; position: absolute; top:0; left: 0; right: 0; bottom: 0; opacity: .3; transition: all 0.3s;}
.vs_s1 .sec_box .box_l:before {background: url('/static/img/vision_img01-e50aef323a803accedf3911ecb2f01f7.jpg') no-repeat center center / cover;}
.vs_s1 .sec_box .box_r:before {background: url('/static/img/vision_img02-08c350ab87e7a6869686ae05261b40f1.jpg') no-repeat center center / cover;}
.vs_s1 .sec_box li:hover:before {transform: scale(120%); opacity: .5; transition: all 0.3s;} 
.vs_s1 .sec_box .box_l:hover:before {background: url('/static/img/vision_img01_hover-503f7b9c02be867e480b4e6924d32a65.jpg') no-repeat center center / cover;}
.vs_s1 .sec_box .box_r:hover:before {background: url('/static/img/vision_img02_hover-0b323ad783f476287838552ca96e8d7c.jpg') no-repeat center center / cover;}


.vs_s2 .sec_box img.pc {}
.vs_s2 .sec_box img.m {display: none;}

.vs_s2 .sec_box ul {font-size: 0;}
.vs_s2 .sec_box li {width: 33.333%; display: inline-block; vertical-align: top;}
.vs_s2 .box_top {width: 80%; margin:0 auto; border-width: 2px; border-style: dotted; border-radius:100%; position: relative;}
.vs_s2 .box_top:after {display: block; content: ""; padding-bottom: 100%;}
.vs_s2 .box_top .box_inner {width: 90%; border-radius: 100%;  position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%);}
.vs_s2 .box_top .box_inner:after {display: block; content: ""; padding-bottom: 100%;}
.vs_s2 .box_top .box_cont {width: 95%; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color: #111; text-align: center;}
.vs_s2 .box_top .icon_box {width: 100px; margin:0 auto;}
.vs_s2 .box_top .txt_box {margin-top: 20px;}
.vs_s2 .box_top .txt_box .small {font-size: 18px; font-weight: 700; }
.vs_s2 .box_top .txt_box .big {font-size: 22px; font-weight: 700; margin-top: 10px;}
.vs_s2 .box_bottom {border-style: solid; border-width: 1px; position: relative; height: 180px; width: 90%; margin:40px auto 0;}
.vs_s2 .box_bottom:before {
	display: block; content: "";  width: 1px; height: 50%; 
	position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); z-index: -1
}
.vs_s2 .box_bottom .txt_box {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 90%; text-align: left;}
.vs_s2 .box_bottom .txt_box p {padding-left: 25px; font-size: 16px; position: relative; margin:10px 0; line-height: 22px;}
.vs_s2 .box_bottom .txt_box span {position: absolute; left: 0; font-weight: 700;}

.vs_s2 .box_a .box_top {border-color: #B1CECD;}
.vs_s2 .box_b .box_top {border-color: #EAC1B4;}
.vs_s2 .box_c .box_top {border-color: #E78376;}
.vs_s2 .box_a .box_top .box_inner {background: #B1CECD;}
.vs_s2 .box_b .box_top .box_inner {background: #EAC1B4;}
.vs_s2 .box_c .box_top .box_inner {background: #E78376;}
.vs_s2 .box_a .box_bottom {border-color: #B1CECD;}
.vs_s2 .box_b .box_bottom {border-color: #EAC1B4;}
.vs_s2 .box_c .box_bottom {border-color: #E78376;}
.vs_s2 .box_a .box_bottom:before {border-right: 1px solid #B1CECD;}
.vs_s2 .box_b .box_bottom:before {border-right: 1px solid #EAC1B4;}
.vs_s2 .box_c .box_bottom:before {border-right: 1px solid #E78376;}


/* 인사말 */
.gt_s1 .gt_s1_tit {background: #f5f5f5; width: 100%; position: relative; padding:100px 50px;}
.gt_s1 .gt_s1_tit .tit_box {font-size: 35px; letter-spacing: -1px; line-height: 50px;}
.gt_s1 .gt_s1_tit .img_box {position: absolute; bottom: 0; right: 10px; width: 520px;}
.gt_s1 .gt_s1_txt {margin-top:60px; font-size: 22px; line-height: 35px; position: relative;}
.gt_s1 .gt_s1_txt:after {
	position: absolute; bottom:0; left: 0; opacity: 0.05;
	background: url(/static/img/logo_ci_b-77048f2126a7c4a1214dc60ff4a2e205.png) no-repeat bottom right / 250px; display: block; content: ""; width: 100%; height: 100%;
}

/* 시장소개 */
.mk_gt .mk_gt_box {width: 100%; height: 250px; background: #f1f1f1; position: relative; }
.mk_gt .mk_gt_box .tit_box {position: absolute; top:50%; left: 40px; transform: translateY(-50%); font-size: 32px; line-height: 40px;}
.mk_gt .mk_gt_box .img_box {position: absolute; bottom: 0; right: 30px; width: 450px; }
.mk_gt .mk_gt_txt {padding-top: 60px;}
.mk_gt .mk_gt_txt p {padding:10px 0; font-size: 18px; line-height: 30px;}

.mk_his .sec_box {font-size: 0;}
.mk_his .sec_box > div {width: 48%; display: inline-block; vertical-align: top}
.mk_his .sec_box .box_b {margin-left: 4%;}
.mk_his .mk_his_tit {font-size: 24px; font-weight: 700; margin-bottom: 25px;}
.mk_his .mk_his_tab {font-size: 0;}
.mk_his .mk_his_tab li {
	width: 20%; display: inline-block; vertical-align: middle; background: #ddd; font-size: 16px;
	text-align: center; height: 40px; line-height: 40px; border: 1px solid #fff; cursor: pointer;
	}
.mk_his .mk_his_tab li.on {background: #111; color:#fff; font-weight: 700;}
.mk_his .mk_his_tab li a {display:block;color:inherit;}/* 20221016 */
.mk_his .mk_his_box {margin-top: 30px;}
.mk_his .mk_his_box .box {display: none}
.mk_his .mk_his_box .box.on {display: block;}
.mk_his .mk_his_box .box .cont {padding-left: 80px; margin-bottom:30px; position: relative; font-size: 16px; line-height: 24px;}
.mk_his .mk_his_box .box .cont .date {position: absolute; left: 0; font-weight: 700;}
.mk_his .mk_his_box .box .cont p {margin:15px 0;}

.mk_pk .inner {display: flex; flex-direction: column; gap: 80px;}
.mk_pk .img_box {position: relative; margin-bottom: 40px;}
.mk_pk .img_box .img {font-size: 0; display: flex; gap: 20px;}
.mk_pk .img_box .img p {width: 100%;}
.mk_pk .img_box .mk_pk_view {
	display: block; width: 150px; height: 150px; background: #111; text-align: center;
	position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); border:10px solid #fff; border-radius: 100%;
}
.mk_pk .img_box .mk_pk_view a {
	display: block; position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); color:#fff; font-size: 18px;
	width: 100%; line-height: 24px;
}

.mk_pk .table_box table {width: 100%;}
.mk_pk .table_box tbody tr th{font-size: 18px; line-height:26px;padding:20px; vertical-align: middle; border:1px solid #ddd;text-align: center;background: #f1f1f1;font-weight: 700;}/* 20221016 */
.mk_pk .table_box tr td {padding:20px; font-size: 18px; line-height: 26px; border:1px solid #ddd; vertical-align: middle;}
.mk_pk .table_box tr td.bg_g {text-align: center; background: #f1f1f1; font-weight: 700;}
.mk_pk .table_box tr td p {margin:10px 0;}

.mk_gift .txt_box {border-bottom: 1px solid #ddd; padding-top:60px; padding-bottom: 60px;}
.mk_gift .txt_box:first-child {padding-top: 0;}
.mk_gift .txt_box:last-child {padding-bottom: 0; border-bottom: 0;}
.mk_gift .txt_box .tit {font-size: 30px; font-weight: 700; letter-spacing: -1px;}
.mk_gift .txt_box .txt {margin-top: 35px; font-size: 18px; line-height: 28px;}
.mk_gift .txt_box .txt ul {position: relative; padding-left: 20px}
.mk_gift .txt_box .txt li {margin:7px 0;}
.mk_gift .txt_box .txt li span {position: absolute; left: 0;}
.mk_gift .txt_box .btn {margin-top: 40px; display: inline-block; padding: 20px; background: #111; color:#fff; font-size: 16px;}


/* 시설안내 */
.fct_s1 .img_box1 .img {font-size: 0; display: flex; flex-direction:row;}
.fct_s1 .img_box1 li {position: relative; width: 100%; margin-right: 2%; display: inline-block; vertical-align: top; overflow: hidden;}
.fct_s1 .img_box1 li:after {display: block; content: ""; padding-bottom: 75%;}
.fct_s1 .img_box1 li:last-child {margin-right: 0;}
.fct_s1 .img_box1 li img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: unset; object-fit:cover;}
.fct_s1 .img_box1 .txt {margin-top: 30px; font-size: 18px; line-height: 30px; }
.fct_s1 .img_box2 .img:after {display: block; clear: both; content: "";}
.fct_s1 .img_box2 li {position: relative; overflow: hidden;}
.fct_s1 .img_box2 li:nth-child(1) {float: left; width: 75%; margin-right: 2%}
.fct_s1 .img_box2 li:nth-child(2) {float: right; width: 23%; margin-bottom: 2%;}
.fct_s1 .img_box2 li:nth-child(3) {float: right; width: 23%;}
.fct_s1 .img_box2 li:nth-child(1):after {display: block; content: ""; padding-bottom: 64%;}
.fct_s1 .img_box2 li:nth-child(2):after,
.fct_s1 .img_box2 li:nth-child(3):after {display: block; content: ""; padding-bottom: 100%;}
.fct_s1 .img_box2 li img {position: absolute; top:50%; left: 50%; transform: translate(-50%,-50%); width: 100%; height:100%; max-width: unset; object-fit:cover;}
.fct_s1 .img_box2 .txt {margin-top: 30px; font-size: 18px; line-height: 30px;}

.fct_s1 .txt_box {margin-top:60px;}
.fct_s1 .txt_box .tit {font-size: 32px; font-weight: 700; letter-spacing: -0.5px;}
.fct_s1 .txt_box .txt {font-size: 18px; line-height: 30px;  margin-top: 30px;}
.fct_s1 .txt_box .txt .fct_list li {margin:10px 0; padding-left: 20px; position: relative; font-size: 18px; line-height: 26px;}
.fct_s1 .txt_box .txt .fct_list li:before {
	display: block; content:""; width: 5px; height: 5px; background: #111; position: absolute; left: 0; top:9px
}
.fct_s1 .txt_box .video {margin-top: 30px;}
.fct_s1 .txt_box .table1 {margin-top: 30px;}
.fct_s1 .txt_box .table1 table {width: 100%; table-layout: fixed; max-width: 700px; border-top: 2px solid #111; border-bottom: 2px solid #111;}
.fct_s1 .txt_box .table1 tbody tr th{font-size: 18px; line-height:26px;padding:20px; vertical-align: middle; border:1px solid #ddd;text-align: center;background: #f1f1f1;font-weight: 700;}/* 20221016 */
.fct_s1 .txt_box .table1 tr td {border:1px solid #ddd; font-size: 18px; padding:20px 10px; text-align: center; vertical-align: middle;}
.fct_s1 .txt_box .table1 tr td.bg_g {background: #f1f1f1; font-weight: 700; border-left: 0;}
.fct_s1 .txt_box .table1 tr td:last-child {border-right: 0;}


/* 개인정보처리방침 */
.policy_sec .inner {/*adding:80px; border:1px solid #ddd;*/}
.policy_sec .box {margin-bottom:80px;   }
.policy_sec .box:last-child {margin-bottom: 0;}
.policy_sec .box .box_cont {background:#f1f1f1; font-size: 24px; line-height: 40px; font-weight: 700; padding:30px;}
.policy_sec .box .tit,
.policy_sec .box .txt,
.policy_sec .box .list,
.policy_sec .box .list02,
.policy_sec .box .table,
.policy_sec .box .cmnt,
.policy_sec .box .cmnt02 {padding-left: 35px;}
.policy_sec .box .tit {
	font-size: 30px; line-height: 40px; letter-spacing: -1px; font-weight: 700; word-break: break-all;	position: relative;
}
.policy_sec .box .tit:before {
	display: block; content: ""; position: absolute; left: 0; top:10px; width: 13px; height: 13px; border: 5px solid #555; border-radius: 100px;
}
.policy_sec .box .txt {margin-top: 20px; font-size: 20px; line-height: 32px;}
.policy_sec .box .list {margin-top: 20px;}
.policy_sec .box .list li {padding-left: 20px; position: relative; margin:15px 0; font-size: 20px; line-height: 32px;}
.policy_sec .box .list li span {position: absolute; left: 0;}
.policy_sec .box .list02 {margin-top: 20px; font-size: 20px; line-height: 32px;}
.policy_sec .box .list02 li {margin:15px 0;}
.policy_sec .box .list02 .list_tit {
	color:var(--mainColor1); font-weight: 700; font-size: 24px; line-height: 34px;
	padding-left: 35px; position: relative;
}
.policy_sec .box .list02 .list_tit span {position: absolute; left: 0;
}
.policy_sec .box .list02 .list_tit02 {color:var(--mainColor1); font-weight: 700; font-size: 24px;line-height: 34px; margin-top: 40px;}
.policy_sec .box .list02 .list_txt {padding-left: 35px; margin-top: 15px;}
.policy_sec .box .list02 .list_list {padding-left: 20px; position: relative; margin:15px 0; font-size: 20px; line-height: 32px;}
.policy_sec .box .list02 .list_list:before {
	display: block; content: ""; position: absolute; left: 0; top:11px; width: 7px; height: 7px; border-radius: 100px; background: #111;
}
.policy_sec .box .table {margin-top: 20px;}
.policy_sec .box .table table {table-layout: fixed; width: 100%;}
.policy_sec .box .table tr td,
.policy_sec .box .table tr th {border:1px solid #ddd; padding:15px 5px; vertical-align: middle; font-size: 18px; line-height: 26px; word-break: break-all; text-align: center;}
.policy_sec .box .table tr th {background: #ededed;}
.policy_sec .box .cmnt {margin-top: 20px; font-size: 18px; line-height: 26px;}
.policy_sec .box .cmnt02 {margin-top: 20px; font-size: 16px; line-height: 24px; color:#555;}

.zone_s1 .tit_box {text-align: center; margin-bottom: 40px; }
.zone_s1 .tit_box .big {font-size: 40px; font-weight: 700;}
.zone_s1 .tit_box .small {font-size: 24px; margin-top: 15px; color: #555;}
.zone_s1 .tit_box .cmnt {font-size: 16px; margin-top: 15px; color: #555; line-height: 1.4;}
.zone_s1 .cont_box {border: 1px solid #CAD5E5; overflow:hidden; margin-top: 40px;}
.zone_s1 .cont_box li {border-bottom:1px solid #CAD5E5; font-size: 0; }
.zone_s1 .cont_box li .tit {width: 25%; text-align: center; vertical-align: middle; display: inline-block; padding: 20px;}
.zone_s1 .cont_box li .tit .zone {font-weight: 700; font-size: 20px; line-height: 26px;}
.zone_s1 .cont_box li .tit .zone span {display: block;}
.zone_s1 .cont_box li .tit .date {font-size: 16px; margin-top: 7px; color:#555;}
.zone_s1 .cont_box .a1 {background:#F4FAF3; color:#235A1B;}
.zone_s1 .cont_box .a2 {background:#FEF0F8; color:#990056;}
.zone_s1 .cont_box .b {background:#F0FAFE; color:#005780;}
.zone_s1 .cont_box .c {background:#FFFDF0; color:#AF9100;}
.zone_s1 .cont_box .d1 {background:#F8F1F8; color:#880C83;}
.zone_s1 .cont_box .d2 {background:#F0F5FA; color:#004C8F;}
.zone_s1 .cont_box li .txt {width: 75%; font-size: 16px; line-height: 24px; color:#111; background: #fff; vertical-align: middle; display: inline-block; padding: 20px;}
.zone_s1 .cont_box li .txt p {padding-left: 15px; position: relative; margin:10px 0;}
.zone_s1 .cont_box li .txt p:before {position: absolute; left: 0; display: block; content: "·"; }


.map_wrap .inner {display: flex; align-items: flex-start; justify-content: center; gap: 40px; position: relative; max-width: 1020px;}
.map_wrap .wa_cmnt {width: 400px; position: absolute; left: 0; top: 40%; transform: translateY(-50%); z-index: 4;}
.map_wrap .gubun_box {width: 280px; flex-shrink: 0; background: #f5f5f5; padding: 30px; display: flex; flex-wrap: wrap; gap:10px 20px; }
.map_wrap .gubun_box .box {display: flex; align-items: center; gap: 5px; width: 100%;}
.map_wrap .gubun_box .box.line {width: max-content; margin-top: 10px;}
.map_wrap .gubun_box .icon { width: 20px; height: 20px; flex-shrink: 0;}
.map_wrap .map_box {width: 700px; position: relative; margin-top: -40px;}
.map_wrap .map_img {position: relative; width: 100%; aspect-ratio: 11/17;}
.map_wrap .map_img img {width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 0;}
.map_wrap .map_img img.basic {z-index: 1;}
.map_wrap .map_img img.on {z-index: 2;}

.map_wrap .map_cont {position: absolute; z-index: 1; width: 100%; height: 100%; z-index: 3;}
.map_wrap .map_cont > div {position: absolute; width: 3%; aspect-ratio: 1/1; transform: translate(-50%,-50%);}

.map_wrap .map_cont .point {width: 100%; height: 100%; /*background: #000;*/ display: block; cursor: pointer;}
.map_wrap .map_cont .box {
	display: flex; flex-direction: column; gap: 10px; position: absolute; width: max-content;  top: -15%; 
	left: 100%; padding-left: 10px; align-items: flex-start; display: none;
} 


.map_wrap .map_cont.on {z-index: 4;}
.map_wrap .map_cont > div.on {z-index: 1;}
.map_wrap .map_cont .box.on {display: flex;}
.map_wrap .map_cont .name {font-size: 15px; padding: 8px 10px 10px;  color: #fff; width: max-content; border-radius: 100px; width: 130px; text-align: center;}
.map_wrap .map_cont .red .name {background: #AF0000;} 
.map_wrap .map_cont .yellow .name {background: #FFA1BC;} 
.map_wrap .map_cont .star .name {background: #00856A;} 


.map_wrap .map_cont .cont {
	word-break: break-all; line-height: 1.4; max-width: 470px; background: #fff; border: 1px solid #ddd;
	padding: 15px; border-radius: 10px; display: flex; flex-wrap: wrap; align-items: center; gap: 15px;}
.map_wrap .map_cont .cont .thumb {width: 120px; height: 120px; flex-shrink: 0; border-radius: 10px; overflow: hidden; border: 1px solid #ddd; align-items: center;}
.map_wrap .map_cont .cont .thumb img {width: 100%; height: 100%; object-fit: cover;}
.map_wrap .map_cont .cont .info {width: calc(100% - 15px - 120px);}
.map_wrap .map_cont .cont .info .tit {font-size: 16px; font-weight: 700;}
.map_wrap .map_cont .cont .info ul{margin-top: 12px;}
.map_wrap .map_cont .cont .info li {margin-top: 7px; display: flex; gap: 5px; font-size: 14px;}
.map_wrap .map_cont .cont .info .gu {width: 55px; flex-shrink: 0; color: #767676;}
.map_wrap .map_cont .cont .detail {width: 100%; font-size: 14px; background: #f5f5f5; border-radius: 10px; padding: 10px;}

.map_wrap .map_cont .cont.gurimarket .tit {font-size: 22px;}
.map_wrap .map_cont .cont.gurimarket a {
	background: #DA2834; font-size: 14px; color: #fff; padding: 10px 30px 10px 10px; border-radius: 100px;display: block; margin-top: 20px;
	width: max-content; position: relative;
}
.map_wrap .map_cont .cont.gurimarket a::after {
	display: block; content: ""; width: 14px; height: 14px; background: url('/static/img/icon_arr_right_w-c7eec0dc7665dfcdad539cbd5c66fc85.png') no-repeat center center / contain;
	position: absolute; right: 10px; top: 50%; transform: translateY(-50%);
}
.map_wrap .map_cont .cont.gurimarket .thumb img {width: 100%; height: 100%; object-fit: contain; padding: 20px;}

/* 포인트 위치 */
.map_wrap .map_cont .gal_1 {top: 21.5%; left: 22.5%;} /*구리갈매중앙*/
.map_wrap .map_cont .gal_2 {top: 12.3%; left: 33.8%;} /*초록거리 골목형상점가*/
.map_wrap .map_cont .dong_1 {top: 43%; left: 57.5%;} /*인창동상가*/
.map_wrap .map_cont .su1_1 {top: 48.7%; left: 60.4%;} /*수리단길*/
.map_wrap .map_cont .su1_2 {top: 50%; left: 54.5%;} /*구리전통시장*/
.map_wrap .map_cont .su2_1 {top: 53%; left: 59%;} /*구리트윈팰리스*/
.map_wrap .map_cont .su2_2 {top: 54.5%; left: 61.5%;} /*남양시장*/
.map_wrap .map_cont .su3_1 {top: 59.5%; left: 64%;} /*신토평먹자거리*/
.map_wrap .map_cont .su3_2 {top: 60.7%; left: 54%;} /*장자호수공원*/
.map_wrap .map_cont .gyo1_1 {top: 50%; left: 47.3%;} /*교문상인회*/

/* 박스 위치 */
.map_wrap .map_cont .gal_1 .box {}
.map_wrap .map_cont .gal_2 .box {}
.map_wrap .map_cont .dong_1 .box {}
.map_wrap .map_cont .su1_1 .box {}
.map_wrap .map_cont .su1_2 .box {left: unset; right: 100%; top: 50%; transform: translateY(-50%); padding-right: 10px;}
.map_wrap .map_cont .su2_1 .box {}
.map_wrap .map_cont .su2_2 .box {}
.map_wrap .map_cont .su3_1 .box {top:100%; left: unset; right: 0; padding-top: 10px; padding-right: 0; align-items: flex-end;}
.map_wrap .map_cont .su3_2 .box {top:100%; left: unset; right: 0; padding-top: 10px; padding-right: 0; align-items: flex-end;}
.map_wrap .map_cont .gyo1_1 .box {left: unset; right: 100%; padding-right: 10px; align-items: flex-end;}

/* 와구리 라벨 */
/* .map_wrap .map_waguri {position: absolute; z-index: 1; width: 100%; height: 100%; z-index: 3; display: block;} */
.map_wrap .map_waguri > div {
	width: 33%; aspect-ratio: 6.5/1; position: absolute; transform: translate(-50%,-50%); cursor: pointer; z-index: 3;
	text-align: center; /*color: #fff; background: #000;*/ display: flex; align-items: center; justify-content: center; text-align: center; text-indent: -9999px;}	

.map_wrap .map_waguri .gal_1 {top: 18.2%; left: 19.5%;} /*구리갈매중앙*/
.map_wrap .map_waguri .gal_2 {top:  8.9%; left: 41.5%;} /*초록거리 골목형상점가*/
.map_wrap .map_waguri .dong_1 {top: 40%; left: 71.8%;} /*인창동상가*/
.map_wrap .map_waguri .su1_1 {top: 48.7%; left: 79%;} /*수리단길*/
.map_wrap .map_waguri .su1_2 {top: 47.5%; left: 37.5%;} /*구리전통시장*/
.map_wrap .map_waguri .su2_1 {top: 54.3%; left: 40%;} /*구리트윈팰리스*/
.map_wrap .map_waguri .su2_2 {top: 54.5%; left: 80.2%;} /*남양시장*/
.map_wrap .map_waguri .su3_1 {top: 59.5%; left: 82.5%;} /*신토평먹자거리*/
.map_wrap .map_waguri .su3_2 {top: 63.7%; left: 69%;} /*장자호수공원*/
.map_wrap .map_waguri .gyo1_1 {top: 50.9%; left: 28.9%;} /*교문상인회*/


/* 대관 안내 */
.rental_wrap .inner {max-width: 1000px; display: flex; flex-direction: column; gap: 80px;}
.rental_wrap .sec_box .bot {text-align: center; margin-top: 40px; padding: 20px; background: #f5f5f5;}
.rental_wrap .btn_box {display: flex; gap: 20px;}
.rental_wrap .btn_box a {background: #000; color: #fff; width: 100%; height: 60px; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 20px;}
.rental_wrap .img {text-align: center;}
.rental_wrap .img img {max-width: 800px;}
.rental_wrap .sec_top {border-bottom: 1px solid #ddd; padding-bottom: 80px;}