@charset "utf-8";


#wrap { position:relative; width:100%; max-width:100%; height:100%; min-height:100%; /*padding:0 0 70px 0; box-sizing:border-box; */}


/* 전체레이아웃 */
.main_container {width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; position: relative;}
.main_container:after {content: ''; display: table; clear: both;}

.container {width: 100%; max-width: 1400px; margin-left: auto; margin-right: auto; position: relative;}
.container:after {content: ''; display: table; clear: both; padding-bottom:70px;}
.container-title { height:130px; text-align:center; font-size:40px; color:#333; font-weight:600; display: flex; justify-content: center; align-items:center; border-bottom:1px solid #d6d6d6; margin-bottom:50px;}



	#gnb {position: relative; padding-left:380px; z-index: 100;}
	#gnb:after {content: ''; display: table; clear: both;}
	#gnbLogo { position:absolute; left:3%; top:0; text-align:center;}
	#gnbLogo a {display: block; height: 90px; line-height:90px; width: 380px; font-size:19px; text-transform:uppercase; padding-left:10px; padding-top:4px;}
	#gnbLogo a:before {content:'';position:absolute;left: -1px;top:0;background-image:url(https://www.haeundae.go.kr/eng/img/common/gnb_logo.png);background-position:left center;background-repeat:no-repeat;width:100%;height:100%;background-size:85px 35px;}
	#gnbLft .gnbMenu {position: relative; padding: 0 20px;}
	#gnbLft .gnbMenu:after {content: ''; display: table; clear: both;}
	#gnbLft .gnbMenu > li {float: left;padding: 0 29px;/*width: 16.6666%;*/}
	#gnbLft .gnbMenu > li > h4 {padding: 35px 0; text-align: center; text-transform:uppercase;}
	#gnbLft .gnbMenu > li > h4 > a {font-size: 18px;height: 30px;line-height: 30px;}
	#gnbLft .gnbMenu > li > ul {position: absolute; left:-400px; right:0; padding-left:400px; padding-right:0; top: 100%; height:0; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; background:#f5f5f3; }
	#gnbLft .gnbMenu > li > ul:before {content: ''; display: block; position: absolute; top: 0; bottom: 0; left:0; right:0; border-top:1px solid #ecebe8; z-index:1000;}
	#gnbLft .gnbMenu > li > ul:after {content: ''; /*display: table; clear: both;*/ position:absolute; left:0; top:0; width:100%; height:100%; background:url(https://www.haeundae.go.kr/eng/img/common/topmenu_back.png) left top no-repeat; }
	#gnbLft .gnbMenu > li > ul > li {position: relative; float: left; width: auto; padding-right: 10px; margin-top: 20px; margin-bottom: 50px; z-index:1000;}
	#gnbLft .gnbMenu > li > ul > li:last-child {padding-right: 0;}
	#gnbLft .gnbMenu > li > ul > li > h5 {position:absolute;left: -119px;top:40px;z-index:100;box-sizing:border-box;}
	#gnbLft .gnbMenu > li > ul > li > h5 span { display:block; font-size:40px; font-weight:600; color:#2e2d76;}
	#gnbLft .gnbMenu > li > ul > li > h5 > a {display: block; font-size:25px; font-weight:600; color:#2e2d76; white-space: nowrap;}
	#gnbLft .gnbMenu > li > ul > li > ul {padding-top: 20px; padding-left:180px; box-sizing:border-box;}
	#gnbLft .gnbMenu > li > ul > li > ul > li {margin-bottom: 10px; position: relative; padding-left:30px; float:left; width:300px; margin-right:1%; margin-bottom:15px; height:50px; line-height:50px; background:#fff url(https://www.haeundae.go.kr/eng/img/common/gnbMenu_dot.png) 97% center no-repeat; border:1px solid #ecebe8; border-radius:10px; box-sizing:border-box;}
	#gnbLft .gnbMenu > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#gnbLft .gnbMenu > li > ul > li > ul > li:after {/* content: ''; display: block; width: 2px; height: 2px; background: #545c69; position: absolute; left: 0; top: 10px;*/}
	#gnbLft .gnbMenu > li > ul > li > ul > li > a {font-size: 16px; color:#666; -webkit-transition: all 0.3s; transition: all 0.3s;}
	#gnbLft .gnbMenu > li > ul > li > ul > li > a:hover {/*color: rgba(255,255,255,1.0);*/}
	#gnbLft .gnbMenu > li:hover > ul {height: 330px;}
	#gnbRht {width: 90px;padding: 32px 0 0px 0;position: absolute;top: 0;right: 100px;text-align: left;background-color: white;}
#gnbRht1 {width: 85px;padding: 41px 0 0px 0;position: absolute;top: 0;right: 163px;text-align: left;background-color: white;}	
	#gnbRht > button {display: none;}
	#gnbRht > ul > li {display: inline-block; height: 20px; margin-left: 15px; position: relative;}
	#gnbRht > ul > li:first-child {margin-left: 0;}
	#gnbRht > ul > li:last-child {margin-left: 10px; padding-left: 10px;}
	/*#gnbRht > ul > li:last-child:before {content: ''; display: block; width: 1px; height: 10px; background: #e5e5e5; position: absolute; left: 0; top: 50%; margin-top: -5px;}*/
	#gnbRht > ul > li > a {display: block; height: 20px; line-height: 20px; font-size: 13px; color: #555; text-transform: uppercase; letter-spacing: 0em;}
	#gnbRht > ul > li.gnbLang > button { cursor:pointer; display: block; background: none; text-align: left; position: relative; padding-right:0px; height: 20px; line-height: 20px; font-size: 13px; color: #555; text-transform: uppercase;}
	#gnbRht > ul > li.gnbLang > button:after {content: ''; display: block; width: 9px; height: 5px; position: absolute; right: 0; top: 50%; margin-top: -2px; /*background: url('../img/common/gnb_language_arrow.png')no-repeat center bottom;*/}
	#gnbRht > ul > li.gnbLang > button.on:after {background-position: center top;}
	#gnbRht > ul > li.gnbLang > ul {position: absolute; left: 0; top: 100%; display: none;}
	#gnbRht > ul > li.gnbLang > ul > li {}
	#gnbRht > ul > li.gnbLang > ul > li > a {}
	#gnbRht .translation-icons button{background-color: white;font-weight: 900;padding: 13px;border: 1px solid black;}
	#gnbRht .translation-icons li button{border:0px}
	#gnbRht .translation-icons li{border-bottom:1px solid black;font-weight:700;/* width: 70px; */}
	#gnbRht .translation-icons li.order{font-size: 0.75em;padding: 10px 10px;}
	#gnbRht .translation-icons li a{color:#6d6c6c}
	#gnbRht .translation-icons li:last-child{border:0px}
	
	#gnbBtn {display:block; width: 60px; height: 60px; padding:15px; cursor:pointer; background: none; position: absolute; bottom: 20px; right: 20px; z-index: 102;}
	#gnbBtn span {text-indent: -9999px; overflow: hidden; height: 0; width: 0; display: block;}
	#gnbBtn em {display: block; height: 2px; background: #2d4d42; margin-bottom: 6px; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnbBtn em:last-child {margin-bottom: 0;}
	#gnbBtn.on {background: none;}
	#gnbBtn.on em:nth-child(2) {opacity:0;}
	#gnbBtn.on em:nth-child(3) {background: #2d2d2d; margin-bottom:6px; margin-left:0px; margin-top: -8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#gnbBtn.on em:nth-child(4) {background: #2d2d2d; margin-top:-8px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#gnbMo {display: none;}
	#gnbAll {position: absolute; left: 0; right: 0; top: 0; background: #fff; padding:0; display: none; z-index: 101;}
	#gnbAll .gnbMenu { padding:60px;}
	#gnbAll .gnbMenu:after {content: ''; display: table; clear: both;}
	#gnbAll .gnbMenu > li {float: left; width: 16.6666%; padding: 0 30px;}
	#gnbAll .gnbMenu > li > h4 {padding-bottom: 20px; border-bottom: solid 2px #6a6e78; text-align:center;}
	#gnbAll .gnbMenu > li > h4 > a {color: #333; font-size:19px; font-weight: 600; white-space: nowrap; text-transform:uppercase;}
	#gnbAll .gnbMenu > li > ul {}
	#gnbAll .gnbMenu > li > ul > li {margin-top: 30px;}
	#gnbAll .gnbMenu > li > ul > li:last-child {}
	#gnbAll .gnbMenu > li > ul > li > h5 { display:none;}
	#gnbAll .gnbMenu > li > ul > li > h5 > a {font-size: 19px; font-weight: 400; white-space: nowrap;}
	#gnbAll .gnbMenu > li > ul > li > ul {margin-top: 0;}
	#gnbAll .gnbMenu > li > ul > li > ul > li {margin-bottom: 5px; position: relative; padding-left: 10px; line-height:140%;}
	#gnbAll .gnbMenu > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#gnbAll .gnbMenu > li > ul > li > ul > li:before {content: ''; display: block; width: 2px; height: 2px; background: #545c69; position: absolute; left: 0; top: 10px;}
	#gnbAll .gnbMenu > li > ul > li > ul > li > a { font-size: 14px; color:#666; text-align:center; -webkit-transition: all 0.3s; transition: all 0.3s;}
	#gnbAll .gnbMenu > li > ul > li > ul > li > a:hover { /*color: rgba(255,255,255,1.0);*/}
	#gnbAll .gnbMenu > li > ul > li > ul > li > a.blank:after {content: ''; display: inline-block; width: 17px; height: 17px; margin-left: 10px; vertical-align: middle; margin-top: -5px; background: url('https://www.haeundae.go.kr/eng/img/common/gnb_link.png')no-repeat center center;}
	
	.gnbAll_h1 { text-align:center; height:90px; border-bottom:1px solid #ecebe8; font-size:19px; font-weight:500; padding-top:20px; box-sizing:border-box;}
	.gnbAll_h1 img { margin-right:10px;}
	
	.gnbDpt1Black { display:none;}


@media (max-width:1800px) and (min-width:1450px) {
	#gnb { padding-right:60px;}
	#gnbLft .gnbMenu {padding: 0;}
	#gnbLft .gnbMenu > li {float: left; padding:0 3%; /*width: 16.6666%;*/}
	#gnbLft .gnbMenu > li > h4 > a {font-size:17px; height: 30px; line-height: 30px;}
	#gnbLft .gnbMenu > li > ul {left: -320px; right: -160px; padding-left: 20px; padding-right: 20px;}
	#gnbLft .gnbMenu > li > ul > li {padding-left: 5px; padding-right: 5px; margin-top: 20px; margin-bottom: 40px;}
	#gnbLft .gnbMenu > li > ul > li > h5 > a {font-size: 14px;}
	#gnbRht { right:60px;}
}


@media (max-width:1440px) and (min-width:1201px) {
	#gnb { padding-right:60px;}
	#gnbLft .gnbMenu {padding: 0;}
	#gnbLft .gnbMenu > li {float: left; padding:0 2%; /*width: 16.6666%;*/}
	#gnbLft .gnbMenu > li > h4 > a {font-size:15px; height: 30px; line-height: 30px;}
	#gnbLft .gnbMenu > li > ul {left: -320px; right: -160px; padding-left: 20px; padding-right: 20px;}
	#gnbLft .gnbMenu > li > ul > li {padding-left: 5px; padding-right: 5px; margin-top: 20px; margin-bottom: 40px;}
	#gnbLft .gnbMenu > li > ul > li > h5 > a {font-size: 14px;}
	#gnbRht { right:60px;}
}



@media (max-width:1200px) {
	html.lock, body.lock {display: block; height: 100%; overflow: hidden;}
	#gnb {position: relative; z-index: 100; background: #fff; padding-right:0; height:60px;}
	#gnb:after {content: ''; display: table; clear: both;}
	#gnbLogo {float: left; width: 170px;}
	#gnbLft {position: fixed; left: 0; right: 0; top: 56px; bottom: 0; background: #fff; z-index: 100; padding-left: 140px; display: none; border-top: solid 1px #ddd;}
	#gnbLft.on {display: block;}
	#gnbLft .gnbMenu {position: absolute; left: 0; top: 0; bottom: 0; width: 180px; border-right: solid 1px #ddd; background: #f5f5f5; padding: 10px 0;}
	#gnbLft .gnbMenu:after {content: ''; display: table; clear: both;}
	#gnbLft .gnbMenu > li {padding: 10px 15px; position: relative; cursor: pointer;}
	#gnbLft .gnbMenu > li > h4.gnbDpt1 > a {font-size: 12pt; font-weight: 400; color: #666;}
	#gnbLft .gnbMenu > li > h4.gnbDpt1.on > a {color: #0f296f; font-weight: 700; font-size: 14pt;}
	#gnbLft .gnbMenu > li > h4.gnbDpt1 > span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}	
	#gnbLft .gnbMenu > li > ul {position: fixed; left: 180px; top: 56px; bottom: 0; right: 0; background: #fff; /*display: none; */overflow-y: auto; -webkit-overflow-scrolling: touch;}
	#gnbLft .gnbMenu > li > ul:after {content: ''; /*display: table; clear: both;*/ position:absolute; left:0; top:0; width:100%; height:100%; background:none; }
	#gnbLft .gnbMenu > li > ul.on {display: block;}
	#gnbLft .gnbMenu > li > ul > li {border-bottom: solid 0px #ddd; width:100%; margin-top:0; margin-bottom:0;}
	#gnbLft .gnbMenu > li > ul > li > h5 {position: relative;left:0px; top:0; display:none;}
	#gnbLft .gnbMenu > li > ul > li > h5 > a {display: block; padding: 0 15px; height: 49px; line-height: 49px; font-size: 11pt; font-weight: 400;}
	#gnbLft .gnbMenu > li > ul > li > h5.gnbDpt2 span {display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
	#gnbLft .gnbMenu > li > ul > li > h5.gnbDpt2 span:after {content: ''; display: block; width: 9px; height: 5px; position: absolute; right: 15px; top: 50%; margin-top: -3px; background:#333; background-size: 100% auto;}
	#gnbLft .gnbMenu > li > ul > li > h5.gnbDpt2 span.on:after {background-position: center top;}
	#gnbLft .gnbMenu > li > ul > li > ul {border-top: solid 1px #ddd; /*background: #fafafa;*/ padding:0; display: block;}
	#gnbLft .gnbMenu > li > ul > li > ul.on {display: block;}
	#gnbLft .gnbMenu > li > ul > li > ul > li { width:100%; margin-bottom:0; position: relative; padding-left: 8px; border-radius:0; border:none; border-bottom:1px solid #CCC;}
	#gnbLft .gnbMenu > li > ul > li > ul > li:before { }
	#gnbLft .gnbMenu > li > ul > li > ul > li:last-child {margin-bottom: 0;}
	#gnbLft .gnbMenu > li > ul > li > ul > li > a {font-size: 11pt;}
	#gnbLft .gnbMenu > li > ul > li > h5 span:last-child { display:none;}
	#gnbLft .gnbMenu > li:hover > ul {height: 100%;}
	#gnbLft .gnbMenu > li > h4 { text-align:left;  padding:5px 0;}
	#gnbRht {right: 52px;padding: 6px 0;}
	#gnbRht1{padding: 19px 0;right: 100px;}

	#gnbRht.on > ul {display: block !important;}
	#gnbRht > ul > li {position: relative; }
	#gnbRht > ul > li:last-child {margin-bottom: 0;}
	#gnbRht > ul > li a {display: block; height: 40px; line-height: 40px; padding: 0 15px; font-size: 10pt; text-transform: uppercase; letter-spacing: 0em;}
	/*#gnbRht > ul > li.gnbLang > button { cursor:pointer; display: block; width: 100%; background: none; text-align: left; position: relative; height: 40px; line-height: 40px; padding: 0 15px; font-size: 10pt; letter-spacing: 0em; text-transform: uppercase;}*/
	#gnbRht > ul > li.gnbLang > button:after {content: ''; display: block; width: 9px; height: 5px; position: absolute; right: 15px; top: 50%; margin-top: -2px;/* background: url('../img/common/gnb_language_arrow.png')no-repeat center bottom;*/}
	#gnbRht > ul > li.gnbLang > button.on:after {background-position: center top;}
	#gnbRht > ul > li.gnbLang > ul {display: none;}
	#gnbRht > ul > li.gnbLang > ul > li {background: #f5f5f5; border-top: solid 1px #ddd; padding: 0 5px;}
	#gnbRht > ul > li.gnbLang > ul > li a {font-size: 9pt;}
	#gnbSch {display: block; position: absolute; top: 0; right: 50px; width: 50px; height: 56px; text-indent: -9999px; background: url('https://www.haeundae.go.kr/eng/img/common/gnb_search_wh.png')no-repeat center center; background-size: 22px auto;}
	#gnbBtn {display: none;}
	
	#gnbMo {display:block; width: 50px; height: 56px; padding:13px; cursor:pointer; background: none; position: absolute; top: 0; right: 0; z-index: 102;}
	#gnbMo span {text-indent: -9999px; overflow: hidden; height: 0; width: 0; display: block;}
	#gnbMo em {display: block; height: 2px; background: #313131; margin-bottom: 6px; position: relative; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out;}
	#gnbMo em:last-child {margin-bottom: 0;}
	#gnbMo.on {background: none;}
	#gnbMo.on em:nth-child(2) {opacity:0;}
	#gnbMo.on em:nth-child(3) {background: #111; margin-bottom:6px; margin-left:0px; margin-top: -8px; transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}
	#gnbMo.on em:nth-child(4) {background: #111; margin-top:-8px; margin-left:0px; transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);}
	#gnbAll {display: none;}
	#gnbLft .gnbMenu > li > ul { padding-left:0px;}
	
	.mFestLst-conts
	.main_container {padding-left: 15px; padding-right: 15px; box-sizing:border-box;}
	
	#gnbLogo a { height:56px; line-height:56px;}
	
	.gnbDpt1Black { display:block !important;}
	
	.container { padding-left:15px; padding-right:15px; box-sizing:border-box;}
	.container-title { font-size:30px;}
}

@media (max-width:640px) {
	
#gnb {position: relative; padding-left:0; z-index: 100;}
#gnbLogo {width:100%;box-sizing:border-box;left: -3px;}
#gnbLogo a {padding-left:0;width:100%;font-size: 15px;}
#gnbLogo a:before { background-position:15px center;}

.container-title { font-size:20px;}
#gnbRht .translation-icons button{padding:5px;margin: 10px 5px;font-size: 0.75em;}
#gnbRht1{width:auto;right: 106px;font-size: 0.8em;top: 4px;z-index: 999;}
#gnbRht{right: 24px;}
.swiper-container{height: 521px;}
}


#footer {background: #232323; padding:60px 0 80px;}
.ftTop {padding-bottom: 20px; margin-bottom:10px;}
.ftTop:after {content: ''; display: table; clear: both;}
.ftTop li {float: left; padding-right:20px; margin-right:20px; position: relative;}
.ftTop li:after {content: ''; display: block; width:1px; height:14px; background: #555; position: absolute; right: -2px; top: 50%; margin-top: -5px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;}
.ftTop li:last-child:after {display: none;}
.ftTop li a {color: #fff; font-size: 14px; }
.ftBot p {color: #999; font-size: 12px; display:block; line-height:140%;}
.ftBot p.ftCpy {color: #393939; margin-top: 5px; display: block; margin-left: 0;}    

@media (max-width:1200px){

	#footer{padding:30px 20px}
}                                                                                                                                                                     

/*상단 플로팅 바 옵션 가리기 20241108*/
body { position: static !important; top:0px !important; }	
iframe.goog-te-banner-frame { display: none !important; }
.skiptranslate { display: none !important; }

.goog-logo-link { display:none !important; } 
.goog-te-gadget { color: transparent !important; overflow: hidden;} 
.goog-te-balloon-frame{display: none !important;} 
.goog-tooltip {display: none !important;}
.goog-tooltip:hover {display: none !important;}
.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}