@charset "utf-8";

/* ------------------------------------------------------- HEADER ------------------------------------------------------- */
.util,
.main_nav {display:none}

#hd {position:relative;margin:0 auto;width:100%;border-bottom:0px solid rgba(255,255,255,0);background:var(--bg-primary);z-index:1000; border-bottom: 1.5px solid rgba(204, 204, 204, 0.30); }
#hd.subpage {position:relative;}
#hd:before, #hd:after {clear:both;content:'';display:block;}

#hd .head_wrap {position:relative;display: flex;align-items: center;justify-content:flex-start;height:60px;}

#hd .logo {display:inline-block;}
#hd .logo a { display:inline-block;height:100%;}
#hd .logo a img {width:55px;margin-top:-10px}

#hd .btn_page_back {display:block;width:44px;height:44px;background:url(/img/cmm/ico_page_back.svg) no-repeat center center;position:absolute;top:0;left:1rem;bottom:0;margin: auto auto;}
#hd.fixed-top .utilbox {display:none;}
#hd .utilbox {display:block;}

/* 모바일 메뉴 버튼 */
.btn_sm{position:absolute;width:40px;height:21px;top:0px;right:0.5rem;bottom:0;margin:auto auto;display:inline-block;z-index:99999;}
.btn_sm:focus,
.btn_sm:visited {color:#111}
.btn_sm .inner {position:relative;display:inline-block;width:24px;height:16px;vertical-align:middle;}
.btn_sm .line {position:absolute;right:0;width:100%;height:2px;background-color:#fff;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;font-size:0;line-height:0;}
.btn_sm .tline{top:0px;}
.btn_sm .mline{top:50%;margin-top:-1px;}
.btn_sm .bline{bottom:0px;}

/* Menu - close button */
.modal_open .btn_sm .tline,
.modal_open .btn_sm:focus .tline{top:7px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.modal_open .btn_sm .mline{display:none;}
.modal_open .btn_sm .bline,
.modal_open .btn_sm:focus .bline{bottom:7px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}


/* All Menu */
#menu {opacity:0;display:none;z-index:-1;}
.menu #menu {display:block;opacity:1;z-index:9999;animation:menu_on0 .4s ease-in-out forwards;color:#fff}

#menu {position:fixed;top:0;right:0;bottom:0;margin:auto auto;transition:all .3s ease;overflow-y:scroll;width:100%;height:100%;background-color:var(--bg-primary);
		background-image:url(/img/cmm/symbol.svg);background-repeat:no-repeat;background-position:90% 90%;background-size:120px;}
#menu .menu_inner {width:100%;height:100%;padding:2.4rem}
#menu .menu_sitemap {padding-top:6vw}
#menu .menu_sitemap .depth1 > li {position:relative;color:#111;padding:1rem 0;display:block}
#menu .menu_sitemap .depth1 > li > a {position:relative;display:inline-block;font-size:1.6rem;padding:0 0 0 0;color:#fff;text-transform:uppercase;font-weight:bold;}

#menu .menu_sitemap .depth2 {padding-top:2rem}
#menu .menu_sitemap .depth2 > li {animation:menu_on1 .4s linear forwards}
#menu .menu_sitemap .depth2 > li > a {display:inline-block;padding:0 0 1rem 0;color:rgba(255,255,255,0.5);font-weight:bold;font-size:1.8rem;}

#menu .menu_foot {position:absolute;right:30px;bottom:30px}
#menu .menu_foot a {position:relative;display:inline-block;float:left;font-size:1.5rem;color:#aaa;}
#menu .menu_foot a:before {content:'';display:inline-block;width:18px;height:18px;overflow:hidden;opacity:.5;background-image:url(/img/cmm/ico_cmm.svg);background-repeat:no-repeat;background-size:79px 44px;float:left;margin-right:8px;}
#menu .menu_foot a.logout:before {background-position:-21px 0;}

#gnballmenu {opacity:1;display:none;z-index:-1;}
.menu #gnballmenu {display:block;opacity:1;z-index:9999;animation:menu_on0 .4s ease-in-out forwards;color:#fff}

#gnballmenu {position:fixed;top:0;right:0;bottom:0;margin:auto auto;transition:all .3s ease;width:100%;height:100%;background-color:var(--bg-primary);
		background-image:url(/img/cmm/symbol.svg);background-repeat:no-repeat;background-position:90% 90%;background-size:120px;}
#gnballmenu .menu_inner {width:100%;height:100%;padding:2.4rem}
#gnballmenu .menu_sitemap {padding-top:6vw}
#gnballmenu .menu_sitemap .depth1 > li {position:relative;color:#111;padding:1rem 0;display:block}
#gnballmenu .menu_sitemap .depth1 > li > a {position:relative;display:inline-block;font-size:1.6rem;padding:0 0 0 0;color:#fff;text-transform:uppercase;font-weight:bold;}

#gnballmenu .menu_sitemap .depth2 {padding-top:2rem}
#gnballmenu .menu_sitemap .depth2 > li {animation:menu_on1 .4s linear forwards}
#gnballmenu .menu_sitemap .depth2 > li > a {display:inline-block;padding:0 0 1rem 0;color:rgba(255,255,255,0.5);font-weight:bold;font-size:1.8rem;}
#gnballmenu .menu_sitemap .depth2 > li > a:hover { color:rgba(255,255,255,1);}

#gnballmenu .menu_foot {position:absolute;right:30px;bottom:30px}
#gnballmenu .menu_foot a {position:relative;display:inline-block;float:left;font-size:1.5rem;color:#aaa;}
#gnballmenu .menu_foot a:before {content:'';display:inline-block;width:18px;height:18px;overflow:hidden;opacity:.5;background-image:url(/img/cmm/ico_cmm.svg);background-repeat:no-repeat;background-size:79px 44px;float:left;margin-right:8px;}
#gnballmenu .menu_foot a.logout:before {background-position:-21px 0;}

/*------------------------------- PC -------------------------------*/



@media (min-width: 992px) {
	
	#hd .btn_page_back,
	.btn_sm {display:none}
	
	#hd {position:absolute;top:0;left:0;background:transparent}
	#hd.fixed-top {position:fixed !important;top:0;left:0;right:0;animation:header_fix .3s ease-in-out forwards;}
	#hd.s-color { background:#fff; }
	#hd .logo a img {width:80px}
	#hd svg.tlsvg { fill:#82D9D0}
	#hd.s-color svg.tlsvg { fill:#333}
	#hd.s-color .utilbox {background:#82D9D0;}
	.utilbox {background:#fff; border-bottom: 1.5px solid rgba(204, 204, 204, 0.30);}
	.util {position:relative; display: flex;justify-content: flex-end;align-items:center;height:37px;}
	.util .period {width:300px; position:absolute; top:10px;left:0;color: #333; font-size: 13px; font-style: normal; font-weight: 700; line-height: normal; z-index: 1;}
	.util_list {position:relative;display:flex;align-items:center;    justify-content: flex-end;margin-left:-1.3rem;margin-right:-1.3rem}
	.util_list li {position:relative;padding:0 1.3rem;}
	.util_list li:not(:last-child) {padding-right:1.3rem}
	.util_list li:not(:last-child):after {content:'';display:inline-block;width:1px;height:12px;background: rgba(51, 51, 51, 0.50);position:absolute;top:4px;right:0;opacity: .6}
	.util_list li a {display:block;color:#333;font-weight:600;}
	
	#hd .head_wrap { height:106px;}
	.main_nav {display: flex;justify-content:space-between;flex-grow: 1;position: relative; align-items: center;}
	
	/* 네비게이션 */
	#hd .gnb {display: flex; align-items: center; }
	#hd .gnb nav {position:absolute;padding:0; z-index:99; width:100%; text-align:right;}
	#hd .gnb nav > .depth1 > li {padding:0 1.6rem; vertical-align:top;position: relative;}
	#hd .gnb nav > .depth1 > li > a {display:inline-block; padding:15px 0;font-size:1.8rem;white-space:nowrap;font-weight:700;color:#fff;}
	#hd.s-color .gnb nav > .depth1 > li > a { color:#333;}
	#hd .gnb nav > .depth1 > li > a:hover,#hd.s-color .gnb nav > .depth1 > li > a:hover  { color:#41BFB2;}
	
	#hd .gnb nav > .depth1 > li.on > a {display:inline-block;font-size:1.8rem;white-space:nowrap;font-weight:bolder;color:#41BFB2;}
	
	#hd .gnb nav .depth2 {/*display: none*/}
	#hd .gnb nav .nav_depth2_wrap > h2 { display:none;}
	
.nav_depth2_wrap {display:none; position:absolute; top:47px; padding: 35px 0 0;margin:0 auto; left: 50%; right: auto; transform: translate(-50%,0); z-index:100;}
.nav_depth2_wrap h2 {display:none;float:left;width:15%;font-size:38px;line-height:48px;font-weight:bold;letter-spacing:-1px;color:#5bc1c6;text-align:left;} 
.nav_depth2_wrap .btn_gnb_cls {position:absolute;top:31px; width: 50%;background: #41BFB2; height: 5px; margin:0 auto; left: 50%; right: auto; transform: translate(-50%,0);}


.gnb nav .depth2 { margin:0; border:solid 1px #ffffff30; background:#82D9D0; padding:10px 25px; min-width:230px;/*border-radius: 8px;*/}
.gnb nav .depth2.grid3 { display: grid;grid-template-columns: 1fr 1fr 1fr; gap: 10px; width: 700px; }

.gnb nav .depth2 > li { /*max-width:130px;*/ text-align:center; border-bottom:solid 1px rgba(136, 136, 136, 0.20); }
.gnb nav .depth2 > li:last-child {border:none;}
.gnb nav .depth2 > li:hover {/*border-color:#33333399;*/}
.gnb nav .depth2 > li > a {font-size:16px; font-style: normal; font-weight: 700; line-height: normal; letter-spacing: -0.64px;vertical-align:middle;padding:12px 4px;color: rgba(51, 51, 51, 0.50); line-height:1.4; display:inline-block;}
.gnb nav .depth2 > li > a:hover,
.gnb nav .depth2 > li > a.on {color:#333;cursor:pointer;}
.gnb nav .depth2 > li:after {content:""; float:none; clear:both; display:block; }	
	
	#hd .main_nav_right {display: flex;align-items:center;justify-content: flex-start}
	
	/* 검색 버튼 */
	#hd .btn_search {font-size:1.5rem;color:#fff}
	#hd .btn_search .icon {margin-right:8px}
	
	
	/* 전체메뉴 버튼 */
	.btn_allmenu {display:inline-block;font-size: 1.4rem;font-weight: bold;color:#fff;line-height:14px;margin-left:32px}
	.btn_allmenu .inner {position:relative;display:inline-block;width:22px;height:14px;vertical-align:middle;float:left;margin-right:16px}
	.btn_allmenu .line {position:absolute;right:0;width:100%;height:2px;background-color:#fff;transition:0.3s all ease-out;-webkit-transition:0.3s all ease-out;font-size:0;line-height:0;}
	.btn_allmenu .tline{top:0px;}
	.btn_allmenu .mline{top:50%;margin-top:-1px;}
	.btn_allmenu .bline{bottom:0px;}

	
	/* ----- Search icon style */
	.icon path,
	.icon polygon,
	.icon rect {fill:#111;}
	
	.icon.ico-search {width:2rem;height:2rem;stroke:transparent;stroke-width:auto;}
	
	
	
		
	/* All Menu (PC) */
	
	/* menu bg */
	.menu_bg {content:'';display: block;width:100%;height:420px;background:#476741;position:absolute;top:0;right:0;left:0;box-shadow:0px 4px 20px rgba(0,0,0,0.18);display: none;}
	
	#menu {z-index: 10;background: #476741}
	#menu {position: relative}
	
	#menu .menu_inner {padding:2.4rem 6rem}
	#menu .menu_sitemap {padding-top:0}
	
	#menu .menu_sitemap .depth1 {display: flex;justify-content: flex-start;align-items: stretch}
	#menu .menu_sitemap .depth1 > li {display: inline-block;width:13%;padding-left:3.2rem;padding-top:1.2rem;padding-bottom:1.2rem}
	#menu .menu_sitemap .depth1 > li:after {content:'';display:inline-block;width:1px;height:100%;background-color:rgba(255,255,255,0.1);position: absolute;top:0;right:0}
		
	#menu .menu_sitemap .depth2 > li > a {font-size: 1.4rem;font-weight:400}
	
	#gnballmenu {z-index: 10;background: #476741}
	#gnballmenu {position: absolute; top:150px;}
	
	#gnballmenu .menu_inner {padding:2.4rem 6rem}
	#gnballmenu .menu_sitemap {padding-top:0}
	
	#gnballmenu .menu_sitemap .depth1 {display: flex;justify-content: flex-start;align-items: stretch}
	#gnballmenu .menu_sitemap .depth1 > li {display: inline-block;width:16.5%;padding-left:3.2rem;padding-top:1.2rem;padding-bottom:1.2rem}
	#gnballmenu .menu_sitemap .depth1 > li:after {content:'';display:inline-block;width:1px;height:100%;background-color:rgba(255,255,255,0.1);position: absolute;top:0;right:0}
		
	#gnballmenu .menu_sitemap .depth2 > li > a {font-size: 1.4rem;font-weight:400}
	
	
	
}



/* ------------------------------------------------------- FOOTER ------------------------------------------------------- */

#ft {position:relative;margin:0;padding:0;color:#fff;text-align:center;border-top:1px solid rgba(255,255,255,0);background:#181818}

#ft .foot_wrap {padding:30px;display:flex;flex-direction: column;justify-content: center;}
#ft .foot_wrap > div {padding-top:0.8rem;padding-bottom:0.8rem;opacity:0.7}
.foot_wrap1 {text-align:center; color:#fff;}
.foot_wrap2 {text-align:center;display: flex; flex-direction: column; justify-content: space-between; margin-top:20px;}
.ftlogo {margin-bottom:20px;}
.fnb_list {position:relative;display:flex;align-items:center;justify-content:center;margin-left:-1.3rem;margin-right:-1.2rem; margin-bottom: 30px;}
.fnb_list li {position:relative;padding:0 1.2rem;}
.fnb_list li:not(:last-child) {padding-right:1.2rem}
.fnb_list li:not(:last-child):after {content:'';display:inline-block;width:1px;height:12px;background:#fff;position:absolute;top:4px;right:0;opacity: .6}
.fnb_list li a {color: #aaa; font-size: 18px; font-weight: 700; line-height: normal; letter-spacing: -0.72px;}
.fnb_list li a,
.address span {font-size:1.4rem;}
.address span {padding:0 0.8rem}

.fnb_list2 {position:relative;display:flex;align-items:center;justify-content:flex-start; flex-direction: column; margin-left:-1.3rem;margin-right:-1.2rem; margin-bottom: 10px;}
.fnb_list2 li {position:relative;padding:0.3rem 1.2rem; width:100%; color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: -0.64px;}




.ft_sns a {display: inline-block;padding:0 1rem}
.icon.icon-sns {width:1.8rem;height:1.8rem;stroke:transparent;stroke-width:auto;}

.copyright {opacity:1 !important;font-size:1.4rem;font-weight:bold;margin-top:1.5em}

@media (min-width: 992px) {
#ft .foot_wrap {padding:100px 0;display:flex;flex-direction: column;justify-content: center;}
.fnb_list {position:relative;display:flex;align-items:center;justify-content:flex-start;margin-left:-1.3rem;margin-right:-1.2rem; margin-bottom: 30px;}
.fnb_list2 {position:relative;display:flex;align-items:center;justify-content:flex-start; flex-direction: row; margin-left:-1.3rem;margin-right:-1.2rem; margin-bottom: 10px;}
.fnb_list2 li { width: auto; position:relative;padding:0 1.2rem; color: #FFF; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: -0.64px;}
.fnb_list2 li:not(:last-child) {padding-right:1.2rem}
.fnb_list2 li:not(:last-child):after {content:'';display:inline-block;width:1px;height:12px;background:#fff;position:absolute;top:4px;right:0;opacity: .5}
.foot_wrap1 {text-align:left; color:#fff;}
.foot_wrap2 {text-align:right;display: flex; flex-direction: column; justify-content: space-between; margin-top:0px;}
	
	#ft .foot_wrap {padding:4.8rem 0}
	
	.ft_logo {margin-top:50px}
	.ft_logo img {width:160px}
	
	.fnb_list li a,
	.address span {font-size:1.5rem;}
	
}


/*탑버튼*/
/*.btn_top {display:block; position:fixed;bottom:40px;right:20px;width:40px;height:40px;background:url(/kor/img/cmm/btn_top.gif) no-repeat 0 0; z-index:98;}*/
/* .btn_top {display:block; position:fixed;bottom:20px;right:20px;width:95px;height:95px;background:url(/kor/img/cmm/qu.jpg) no-repeat 0 0; z-index:100;} */
.btn_top2 {display:block; position:fixed;bottom:130px;right:20px;width:95px;height:95px;/*background:url(/kor/img/cmm/qu.jpg) no-repeat 0 0;*/ z-index:100;}
.btn_top3 {display:block; position:fixed;bottom:30px;right:20px;width:95px;height:95px;/*background:url(/kor/img/cmm/qu.jpg) no-repeat 0 0;*/ z-index:100;}
@media (max-width:768px){
/* .btn_top {bottom:13px; right:13px;width:40px;height:40px;background-size:40px 40px;-webkit-background-size:40px 40px; border-radius:50%;} */
.btn_top2 {bottom:120px; right:13px;width:80px;height:80px;background-size:40px 40px;-webkit-background-size:40px 40px; border-radius:50%;}
.btn_top3 {bottom:30px; right:13px;width:80px;height:80px;background-size:40px 40px;-webkit-background-size:40px 40px; border-radius:50%;}
}

/*탑버튼 2023*/
.ft_wing {position:fixed;display: block; bottom:20px; right:20px; z-index:1000; }
.ft_wing .ft_wing_ul {}
.ft_wing .ft_wing_ul li {margin-top:5px;background:#F7F7F7;border:1px solid #EFEFEF;border-radius:4px;padding:17px 10px;cursor: pointer;}
.ft_wing .ft_wing_ul li#btnTop {margin-top:5px;background:#82D9D0;border-radius:4px;padding:25px 10px;}
.ft_wing .ft_wing_ul li:first-child {margin-top:0;}
.ft_wing .ft_wing_ul li .wing_btn { color:#41BFB2; font-size:12px;letter-spacing:-1px;font-weight:600;}
.ft_wing .ft_wing_ul li .btn_top { color:#fff; font-size:14px;letter-spacing:-1px;font-weight:600;}

.ft_wing .ft_wing_ul li .wing_btn.tree p{line-height: 1.2; font-size: 12px; letter-spacing: -1px; font-weight: 600;}

.ft_wing .ft_wing_ul li .btn_top .top {display:block; margin:auto; width:15px; height:9px; background:url(/kor/img/cmm/fix_top_btn.png) center center no-repeat; background-size:100%;margin-bottom:5px; }
.ft_wing .ft_wing_ul li .wing_btn .ticket {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_ticket_btn.png) center center no-repeat; background-size:100%;}
.ft_wing .ft_wing_ul li .wing_btn .calender {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_calender_btn.png) center center no-repeat; background-size:100%;}
.ft_wing .ft_wing_ul li .wing_btn .shop {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_shop_btn.png) center center no-repeat; background-size:100%;}
.ft_wing .ft_wing_ul li .wing_btn .umfftree {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_umfftree_btn.png) center center no-repeat; background-size:100%;font-size:14px;}
.ft_wing .ft_wing_ul li .wing_btn .award {display:block; margin:auto; width:30px; height:30px; background:url(/kor/img/cmm/fix_hisaward_btn.png) center center no-repeat; background-size:100%;font-size:14px;}

@media (max-width:768px){
	.ft_wing {display:none;}
}







/* 드래그 블록 색상 */
::selection {background:#111;color:#FFF;text-shadow:none;}
::-moz-selection {background:#111;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#111;color:#FFF;text-shadow:none;}

/* animate */
@keyframes header_fix{0%{opacity:0}100%{opacity:1}}
@keyframes menu_on0{0%{opacity:0}100%{opacity:1}}
@keyframes menu_on1{0%{transform:translateY(50%) rotateX(90deg)}100%{transform:translateY(0) rotateX(0)}}