@charset "utf-8";
/****************************************/
/* Name: 국립해양박물관
/* Version: 1.0 / day: 2019-03-26
/* Author:
/****************************************/

/* @import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css'); */


/*
================================================================================
콘텐츠 레이아웃
================================================================================
*/
#wrapper{min-width:1300px}
#container {}
.layout {width:1300px;margin:0 auto;position:relative}

.search-layer{display:none;position: fixed;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:1200px;padding:100px 50px;background: rgba(0,0,0,0.7);text-align: center;z-index: 1000;}
.search-layer .search-logo{display:inline-block;width: 160px;height: 70px;text-indent: -9999px;background: url(/_public/images/common/logo5.png) no-repeat;}
.search-layer .close-searchlayer{position:absolute;top:40px;right:40px;}
.search-layer .input-wrap{position:relative;width:740px;display:block;margin:120px auto 0;}
.search-layer .input-wrap input[type="text"]{width:100%;border:1px solid #ccc;height: 65px;background: #fff;padding:0 170px 0 30px;font-size:18px;}
.search-layer .input-wrap input[type="text"]::placeholder{color:#333;}
.search-layer .input-wrap button{position:absolute;top:0;right:0;width:120px;height: 65px;background: #222;text-align: center;color:#fff;font-size:18px;border:1px solid #fff;}

#header .logo,
#header .head_box #gnb ul li a,
#header .head_box .globMenu > li > a,
#header .head_box .globMenu > li > .button,
#header .head_box .globMenu .btnLang > .button:after,
#header .head_box .memberMenu li a,
#header .head_box .btnSearch a{}
.etcMenu,
.etcMenu .btnTotal span,
.etcMenu .btnTotal span::before,
.etcMenu .btnTotal span::after,
.etcMenu .btnTotal:hover span,
.etcMenu .btnTotal:hover span::before,
.etcMenu .btnTotal:hover span::after,
.etcMenu .btnFoll,
.etcMenu .btnFoll i,
.etcMenu .btnFoll i::before,
.etcMenu .btnFoll i::after,
.etcMenu .btnFoll.on,
.etcMenu .btnFoll.on i,
.etcMenu .btnFoll.on i::before,
.etcMenu .btnFoll.on i::after,
.etcMenu .btnGo,
.etcMenu .btnGo a{}


/* ---- 상단영역 ---- */
#header{position:absolute;top:0;left:0;width:100%;min-width:1300px;z-index:100;box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);}
#header .logo{position:absolute;top:13px;left:140px;width:160px;height:70px;text-indent:-9999px;background:url('/_public/images/common/logo5.png') no-repeat;}
#header .logo a{display:block;width:100%;height:100%;}
#header .head_box{position:absolute;top:0;right:0;padding:5px 45px 0 0;text-align:right }
#header .head_box .menuTop {width:100%}
#header .head_box #gnb{display:block;margin-top:5px}
#header .head_box #gnb ul li{display:inline-block;vertical-align:middle}
#header .head_box #gnb ul li a{display:block;padding:0 15px;color:#fff;line-height:35px;position: relative;}
#header .head_box #gnb ul li a span {position: relative;display: block;font-size:20px;}
#header .head_box #gnb ul li a span:before{content: "";position: absolute;width: 100%;height: 2px;bottom: -8px;left: 0;background-color:#fff;visibility: hidden;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.25s ease-in-out 0s;-moz-transition: all 0.25s ease-in-out 0s;-ms-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s;}
#header .head_box #gnb ul li a:hover span:before,
#header .head_box #gnb ul li a:focus span:before{visibility: visible;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}
#header .head_box #gnb ul li.on a {background: transparent;background: none;}
#header .head_box #gnb ul li.on a span:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);background-color: #fff;}
.fp-viewing-1 #header .head_box #gnb ul li a span:before,
.fp-viewing-2 #header .head_box #gnb ul li a span:before,
.fp-viewing-3 #header .head_box #gnb ul li a span:before,
.fp-viewing-1 #header .head_box #gnb ul li.on a span:before,
.fp-viewing-2 #header .head_box #gnb ul li.on a span:before,
.fp-viewing-3 #header .head_box #gnb ul li.on a span:before {background-color:#222}

#header .head_box .globMenu{display:inline-block;margin-right:12px;text-align:left}
#header .head_box .globMenu > li{position:relative;display:inline-block;margin:0 1px;vertical-align:middle}
#header .head_box .globMenu > li > a,
#header .head_box .globMenu > li > .button{display:block;padding:0 10px;font-size:12px;color:#fff;line-height:33px;border:1px solid rgba(255,255,255,0.8);}
#header .head_box .globMenu > li.first a{font-size:13px;opacity:1;border:1px solid #fff;background:#fff;color:#333;}
#header .head_box .globMenu > li > a:hover,
#header .head_box .globMenu .btnLang > .button.on{opacity:1;border:1px solid rgba(255,255,255,1);}
#header .head_box .globMenu .btnLang > .button{padding-right:25px;letter-spacing: 0.5px;}
#header .head_box .globMenu .btnLang > .button:after{position:absolute;top:50%;right:10px;margin-top:-3px;width:13px;height:8px;content:'';background:url('/_public/images/common/ic_arrow_w2.png') no-repeat}
#header .head_box .globMenu .btnLang ul{display:none;position:absolute;top:35px;left:0;width:100%;border:1px solid rgba(255,255,255,1);border-width:0 1px 1px;z-index:9}
#header .head_box .globMenu .btnLang ul li{border-bottom:1px solid rgba(255,255,255,0.4)}
#header .head_box .globMenu .btnLang ul li:last-child{border-bottom:0}
#header .head_box .globMenu .btnLang ul li a{display:block;padding:0 10px;font-size:12px;line-height:24px;background:#fff;letter-spacing: 0.5px;}
#header .head_box .globMenu .btnLang ul li a:hover{background: rgba(0, 0, 0, 0.7);color: #fff;}
#header .head_box .globMenu .btnLang ul li a:focus{outline:2px dotted #000 !important;border:2px dotted #fff !important;background: rgba(0,0,0,0.7);color:#fff;}
#header .head_box .btnSearch{position:relative;width:35px;height:35px;margin-right:15px;text-indent:-999px;overflow:hidden;background:rgba(255,255,255,0.2) url('/_public/images/common/ic_search.png') no-repeat center center;border-radius:50%;z-index:3}
#header .head_box .search-button{display: inline-block;vertical-align: middle;margin-right: 15px;}
#header .head_box .search-button > button{position:relative;display:block;width:20px;height:20px;background: url('/_public/images/common/ic_search_w2.png') no-repeat;background-size:cover; font-size:0;}

#header .head_box .top-sns{display: inline-block;font-size:0;vertical-align: middle;margin-right:10px;padding: 5px 10px;}
#header .head_box .top-sns a{position:relative;display: inline-block;width:20px;height: 20px;background: url(/_public/images/common/sns_ico.png) no-repeat;background-size: 300px;margin-left:15px;vertical-align: middle;}
#header .head_box .top-sns a:first-child{margin-left:0;}
#header .head_box .top-sns a:before{display:none;}
#header .head_box .top-sns a.blog{background-position: 0 0;}
#header .head_box .top-sns a.youtube{top:-1px;background-position: -20px 0;}
#header .head_box .top-sns a.instagram{background-position: -40px 0;}
#header .head_box .top-sns a.facebook{background-position: -60px 0;}


#header .head_box .memberMenu {display:inline-block;margin-right:12px}
#header .head_box .memberMenu li {display:inline-block}
#header .head_box .memberMenu li a {position:relative;padding:0 15px;font-size:13px;line-height:35px;color:#fff;font-weight:400;letter-spacing: 0.5px;}
#header .head_box .memberMenu li a:before{content: "";display: inline-block;width:1px;height: 13px;background: #fff;position: absolute;left:0;top:4px;}
#header .head_box .memberMenu li:first-child a:before{display: none;}
#header .head_box .viewSearh{position:relative;vertical-align:middle;display:inline-block;padding-right:35px;width:240px;background:rgba(255,255,255,1);border-radius:18px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;transition-delay:0.2s;border:1px solid transparent;z-index:2}
#header .head_box .viewSearh .inpwte{padding:0 36px 0 15px;width:100%;height:36px;border:0;box-sizing: border-box;}
#header .head_box .viewSearh .btn{position:absolute;top:0;right:0;width:36px;height:36px;text-indent:-999px;overflow:hidden;background:url('/_public/images/common/ic_search2.png') no-repeat center center;border-radius:50%;border:0}
#header .head_box .viewSearh .searchViewClose{position:absolute;top:0;right:-30px;width:30px;height:36px;text-indent:-999px;overflow:hidden;background:url('/_public/images/common/ic_close.png') no-repeat center center;background-size:10px}
#header .head_box .viewSearh.on{padding-right:35px;width:240px;display:inline-block;z-index:5}

#header .h-top{position: relative;background: #000;text-align: right;}
#header .h-top .head_box{position: relative;display: inline-block;padding:5px 45px 5px 0}
#header .h-top .head_box .globMenu > li a,
#header .h-top .head_box .globMenu > li > a,
#header .h-top .head_box .globMenu > li > .button{padding:0 20px;}
#header .h-top .head_box .globMenu .btnLang > .button:after{right:0;}
#header .h-top .head_box .globMenu > li.first a{border:0;color:#fff;background: #000;display: block;font-size:15px;}
#header .h-top .head_box .globMenu > li.first a:after {content:"";position:relative;top:1px;width:15px;height:15px;display:inline-block;margin-left:10px;background:url(/_public/images//information/blank_w.png) no-repeat;background-size:cover;}
#header .h-top .head_box .globMenu > li.first a:focus{outline: 2px dotted black !important;border:2px dotted #fff !important;}
#header .h-top .head_box .globMenu .btnLang > .button{border:0;}
#header .h-top .head_box .top-sns{position: relative;}
#header .h-top .head_box .top-sns:before{content: "";display: inline-block;width: 1px;height: 13px;background: #fff;position: absolute;left: -10px;top: 8px;}
#header .h-top .head_box .globMenu > li:before{content: "";display: inline-block;width: 1px;height: 13px;background: #fff;position: absolute;left: -2px;top:11px;}
#header .h-bottom .logo{position:absolute;top:27px;left:140px;width:280px;height:36.5px;font-size:0;text-indent:-9999px;background:url('/_public/images/common/logo6.png') no-repeat;background-position: 0 -39px;}
#header .h-bottom .logo a{display:block;width:100%;height:100%;}
#header .h-bottom #gnb{display: inline-block;}
#header .h-bottom #gnb ul li{display:inline-block;vertical-align:middle}
#header .h-bottom #gnb ul li a{display:block;padding:0 25px;color:#000;line-height:35px;position: relative;}
#header .h-bottom #gnb ul li a span {position: relative;display: block;font-size:21px;}
#header .h-bottom #gnb ul li a span:before {content: "";position: absolute;width: 100%;height: 2px;bottom: -8px;left: 0;background-color:#000;visibility: hidden;-webkit-transform: scaleX(0);-moz-transform: scaleX(0);-ms-transform: scaleX(0);-o-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.25s ease-in-out 0s;-moz-transition: all 0.25s ease-in-out 0s;-ms-transition: all 0.25s ease-in-out 0s;-o-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s;}
#header .h-bottom #gnb ul li a:hover span:before,
#header .h-bottom #gnb ul li a:focus span:before{visibility: visible;-webkit-transform: scaleX(1);-moz-transform: scaleX(1);-ms-transform: scaleX(1);-o-transform: scaleX(1);transform: scaleX(1);}
#header .h-bottom #gnb ul li.on a {background: transparent;background: none;}
#header .h-bottom #gnb ul li.on a span:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);background-color: #000;}
.fp-viewing-1 #header .h-bottom #gnb ul li a span:before,
.fp-viewing-2 #header .h-bottom #gnb ul li a span:before,
.fp-viewing-3 #header .h-bottom #gnb ul li a span:before,
.fp-viewing-1 #header .h-bottom #gnb ul li.on a span:before,
.fp-viewing-2 #header .h-bottom #gnb ul li.on a span:before,
.fp-viewing-3 #header .h-bottom #gnb ul li.on a span:before {background-color:#000}


#header .h-bottom{position: relative;background: #fff;padding:30px 25px 30px 0;text-align: right;}
#header .h-bottom .btnTotal{position: absolute;left:2px;top:2px;border-right: 1px solid #eee;width:86px;height:86px;text-indent:-999px;overflow:hidden;transition:all 0.4s ease;background:rgba(255,255,255,0.08);z-index:110}
#header .h-bottom .btnTotal span{position:relative;display:block;margin:0 auto;width:27px;height:1px;background:#000;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
#header .h-bottom .btnTotal span::before{position:absolute;top:-9px;left:-6px;width:100%;height:1px;content:'';background:#000;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#header .h-bottom .btnTotal span::after{position:absolute;top:9px;left:-3px;width:100%;height:1px;content:'';background:#000;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#header .h-bottom .btnTotal:hover span{background:#000}
#header .h-bottom .btnTotal:hover span::before{left:0;background:#000;}
#header .h-bottom .btnTotal:hover span::after{left:0;background:#000;}
#header .h-bottom .btnTotal.on span{margin-left:18px;width:40px;height:40px;background:none}
#header .h-bottom .btnTotal.on span::before{left:9px;top:18px;width:30px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#000;}
#header .h-bottom .btnTotal.on span::after{left:9px;top:18px;width:30px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#000;}

#header .nuri { display: block; left: 20px; position: absolute; top: 12px; }
#header .nuri p img { margin-right: 3px;}
#header .nuri p { font-size: 14px; color: #fff;}

.fp-viewing-secondPage #header .head_box .memberMenu li a,
.fp-viewing-3rdPage #header .head_box .memberMenu li a,
.fp-viewing-4thPage #header .head_box .memberMenu li a,
.fp-viewing-5thPage #header .head_box .memberMenu li a,
.fp-viewing-endPage #header .head_box .memberMenu li a,
.fp-viewing-footPage #header .head_box .memberMenu li a{color:#fff;}


.etcMenu{position:absolute;top:0;left:0;width:90px;height:635px;border-right:1px solid rgba(255,255,255,0.2);z-index:110}
.etcMenu .btnTotal{width:90px;height:90px;text-indent:-999px;overflow:hidden;transition:all 0.4s ease;background:rgba(255,255,255,0.08);z-index:110}
.etcMenu .btnTotal span{position:relative;display:block;margin:0 auto;width:27px;height:1px;background:#eeeff0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.etcMenu .btnTotal span::before{position:absolute;top:-9px;left:-6px;width:100%;height:1px;content:'';background:#eeeff0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.etcMenu .btnTotal span::after{position:absolute;top:9px;left:-3px;width:100%;height:1px;content:'';background:#eeeff0;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
.etcMenu .btnTotal:hover span{background:#fff}
.etcMenu .btnTotal:hover span::before{left:0;background:#fff;}
.etcMenu .btnTotal:hover span::after{left:0;background:#fff;}
.etcMenu .btnTotal.on span{margin-left:18px;width:40px;height:40px;background:none}
.etcMenu .btnTotal.on span::before{left:9px;top:18px;width:30px;transform: rotate(45deg);-webkit-transform: rotate(45deg);background:#eeeff0;}
.etcMenu .btnTotal.on span::after{left:9px;top:18px;width:30px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);background:#eeeff0;}


.etcMenu .btnFoll{position:absolute;bottom:320px;left:0;padding-bottom:0;width:90px;height:160px;font-size:14px;color:#fff;font-weight:700;line-height:90px;border-top: 1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255, 255, 255, 0.2);z-index: 110;}
.etcMenu .btnFoll span{position:relative;display:block;text-align:center;white-space: nowrap;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);font-size:15px;font-weight:bold;margin:3px 0 -30px -10px}
.etcMenu .btnFoll .icon {text-indent: -999999px;width:23px;height:23px;position:absolute;display:inline-block;top:21px;right:38px;transition:all 0.5s ease;-webkit-transition:all 0.5s ease;opacity:1;background:url('/_public/images/common/cplus.svg') center center / cover no-repeat;}
.etcMenu .btnFoll:hover .icon,
.etcMenu .btnFoll.on .icon {transform:rotate(-405deg);-webkit-transform:rotate(-405deg);opacity:1;background:url('/_public/images/common/cplus_orange.svg') center center / cover no-repeat !important;}

/*.etcMenu .btnFoll i{position:absolute;bottom:25px;left:50%;width:5px;height:5px;background:#fff;border-radius:3px;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.etcMenu .btnFoll i::before{position:absolute;top:-10px;left:0;width:5px;height:5px;content:'';background:#fff;border-radius:3px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}
.etcMenu .btnFoll i::after{position:absolute;bottom:-10px;left:0;width:5px;height:5px;content:'';background:#fff;border-radius:3px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;}*/
.etcMenu .btnFoll.on i{width:25px;background:transparent;opacity:0.6;}
.etcMenu .btnFoll.on i::before{top:0;width:25px;height:2px;transform:rotate(-45deg)}
.etcMenu .btnFoll.on i::after{top:0;width:25px;height:2px;transform:rotate(45deg)}

.etcMenu .btnGo{position:absolute;bottom:70px;left:0;width:90px;height:260px;font-size:14px;color:#fff;opacity:0.89;font-weight:700;line-height:90px;}
.etcMenu .btnGo a{position:absolute;top:0;left:0;display:block;width:260px;color:#fff;text-align:center;white-space: nowrap;transform:translate(-86px, 80px) rotate(-90deg);-webkit-transform:translate(-86px, 80px) rotate(-90deg);border-right:0px solid rgba(255,255,255,0.2)}
.etcMenu .btnGo a span {font-weight:bold;font-size:18px;letter-spacing:0}
.subfollow .btnFoll {bottom:auto;top:396px;border-bottom:0px solid rgba(255, 255, 255, 0.2)}
.subfollow .etcMenu .btnGo {display:none}

.follPop{display:none;position:fixed;;bottom:440px;left:0;padding-left:180px;width:100%;height:160px;line-height:160px;overflow:hidden;background:rgba(0,0,0,0.8);transition:all 0.1s ease;-webkit-transition:all 0.1;z-index:100}

.follPop dl{display:none;vertical-align:middle;line-height:40px;transition:all 0.1s ease;-webkit-transition:all 0.1s ease;transform:translateX(-20px);-webkit-transform:translateX(-20px)}
.follPop dl dt{display:inline-block;font-size:15px;color:#fff;font-weight:bold;}
.follPop dl dd{display:inline-block;}
.follPop .follCon1{display:none;margin-right:140px}
.follPop .follCon2{display:none;}
.follPop .follCon1 dt{margin-right:50px}
.follPop .follCon1 dd ul li{display:inline-block;margin:0 8px;vertical-align:middle}
.follPop .follCon1 dd ul li a{display:block;width:40px;height:40px;text-indent:-999px;background-repeat:no-repeat}
.follPop .follCon1 dd ul li.ic1 a{background-image:url('/_public/images/common/ic_sns1.png') }
.follPop .follCon1 dd ul li.ic2 a{background-image:url('/_public/images/common/ic_sns2.png') }
.follPop .follCon1 dd ul li.ic3 a{background-image:url('/_public/images/common/ic_sns3.png') }
.follPop .follCon1 dd ul li.ic4 a{background-image:url('/_public/images/common/ic_sns4.png') }
.follPop.on{display:block;bottom:339px;left:0;}
.follPop.on dl{display:inline-block;transform:translateX(0);-webkit-transform:translateX(0);transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.follPop.on .follCon1,
.follPop.on .follCon2{display:inline-block;}



.new_videotxtbox {
	position:relative;
	padding:20px 30px;
	text-align:left;
	height: 230px;
	overflow: auto;
	background: #0D2635;
	display: block;
	word-break: keep-all;
	line-height: 24px;
}

.new_videotxtbox * {
	position:relative;
	font-size: 15px;
	font-weight:400;
	color: #ffffff;
}

.new_videotxtbox span {
	position:relative;
	font-size: 15px;
	font-weight:400;
	color: #ffffff;
}

/*
.follPop .follCon2{border-bottom:1px solid #fff}
.follPop .follCon2 dd input{padding-bottom:5px;width:250px;height:40px;font-size:18px;color:#fff;border:0}
.follPop .follCon2 dd .btn{width:50px;height:auto;padding:5px 0;overflow:hidden;background-color:#111;border:1px solid rgba(255,255,255,0.4);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;text-align:center;font-weight:500;}
.follPop .follCon2 dd .btn:hover {border:1px solid rgba(255,255,255,0.8)}
.follPop .follCon2 dd input {width:250px;color:rgba(255,255,255,0.8);font-size:13px;}
.follPop .follCon2 .privacy,
.follPop .follCon2 .btn,
.follPop .follCon2 a {float:right; color:#ffffff;font-size:13px}
.follPop .follCon2 a,
.follPop .follCon2 .privacy {margin-top:10px;position:relative}
.follPop .follCon2 .privacy:after{content:'';display:block;    position: absolute;width: 10px;height: 6px;border: 1px solid #ffffff;border-width: 0 0 1px 1px;transform: rotate(-45deg); top:4px;left:-15px; opacity:0.4;}
.follPop .follCon2 #privacy_chk:checked ~  .privacy:after {opacity:1}
.follPop .follCon2 .link {width:80px;background:url('/_public/images/common/ic_arrow3.png') no-repeat right center}
*/
.follPop .follCon2 dt {line-height:2.4}
.follPop .follCon2 dt,.follPop .follCon2 dd {height:40px;float:left;padding-right:40px}
.follPop .follCon2 dd {background-color:#d9d9d9}
.follPop .follCon2 dd:nth-of-type(1) input{width:250px;height:40px;border:0;background-color:#fff;float:left;}
.follPop .follCon2 dd:nth-of-type(1) input::placeholder {color:#444;font-size:14px}
.follPop .follCon2 dd:nth-of-type(1) input.btn{width:80px;height:40px;padding:5px 0;overflow:hidden;background-color:#111;border:1px solid rgba(255,255,255,0.4);transition:all 0.2s ease;-webkit-transition:all 0.2s ease;text-align:center;font-weight:500;color:#fff;}

.follPop .follCon2 dd:nth-of-type(2) {padding-right:30px}
.follPop .follCon2 dd:nth-of-type(2) .privacy,
.follPop .follCon2 dd:nth-of-type(3) .link {font-size:13px;line-height:2.9;font-weight:400}
.follPop .follCon2 dd:nth-of-type(2) .privacy {position:relative}
.follPop .follCon2 dd:nth-of-type(2) .privacy:after{content:'';display:block; position: absolute;width: 10px;height: 6px;border: 1px solid #222;border-width: 0 0 1px 1px;transform: rotate(-45deg); top:5px;right:-20px; opacity:0.5;}
.follPop .follCon2 dd:nth-of-type(2) .privacy:hover:after,
.follPop .follCon2 dd:nth-of-type(2) #privacy_chk:checked ~ .privacy:after {opacity:1}

.chek_mail{position:absolute;top:14px;}
.chek_mail + label{position:relative;display:inline-block;margin:9px 10px 5px 0;padding-left:10px;height:24px;line-height:1.3}
.chek_mail + label::before{content: "";display:none;opacity:0;position:absolute;top:10px;left:0;width:19px;height:19px;content:'';border:1px solid #262626;border-radius:50%;box-sizing:border-box;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.chek_mail + label::after{content: "";display:none;position:absolute;top:5px;left:4px;width:10px;height:6px;content:'';border:1px solid #262626;border-width:0 0 1px 1px;transform:rotate(-45deg);}
.chek_mail:checked + label span{background:none;}
.chek_mail:checked + label::after{}
.chek_mail:checked + label:before{opacity:1}


.follPop .follCon2 dd:nth-of-type(3) {padding:0 20px 0 0}
.follPop .follCon2 dd:nth-of-type(3) .link {width:63px;display:inline-block;position:relative;background:url('/_public/images/common/ic_s_next.png') no-repeat right center}
.follPop .follCon2 dd:nth-of-type(3) .link:after {content:"";width:50px;height:1px;position:absolute;bottom:8px;background-color:#444;display:block}

.subfollow .follPop.on {top:396px;bottom:auto}
.subfollow .follPop {top:396px;bottom:auto}

/*.subfollow .follPop.on {bottom:79px}*/

/* 전체메뉴 */
.totalMenu{display:none;overflow-y:auto;position:fixed;top:0;left:0;padding:0 90px;width:100%;height:100%;background:rgba(0,0,0,0.9);z-index:2000;text-align: left;}
.totalMenu .btnTotalClose{position:absolute;top:0;left:0;width:90px;height:90px;text-indent:-999px;overflow:hidden;background:url('/_public/images/common/ic_close.png') no-repeat center center;}
.totalMenu .btnTotalClose:focus{outline-color:#fff;}
.totalMenu .menuBox .smbox .list a:focus{outline-color:#fff;}

/*
.totalMenu .menuWrap{display:table;margin:0 auto;max-width:1300px;height:100%}
.totalMenu .menuBox{position:relative;display:table-cell;vertical-align:middle}
.totalMenu .menuBox header{position:relative;margin-bottom:120px;;padding-top:28px;height:90px}
.totalMenu .menuBox header .logo{width:182px;height:32px;text-indent:-9999px;overflow:hidden;background:url('/_public/images/common/logo.png') no-repeat;}
.totalMenu .menuBox .to_btnMember{position:absolute;top:28px;right:0;}
.totalMenu .menuBox .to_btnMember .btn{display:inline-block;margin-left:3px;}
.totalMenu .menuBox .to_btnMember .btn a{display:block;padding:0 25px;font-size:13px;color:rgba(255,255,255,0.6);line-height:35px;border:1px solid rgb(255,255,255,0.2)}
.totalMenu .menuBox .menuCon{}

.totalMenu .menuBox dl{position:relative;margin-bottom:40px;padding-left:290px}
.totalMenu .menuBox dl dt{position:absolute;top:0;left:0;font-weight:700;color:#fff}
.totalMenu .menuBox dl dt::after{position:absolute;top:12px;left:93px;width:150px;height:1px;content:'';background:#fff}
.totalMenu .menuBox dl dd a{display:block;color:#fff}
.totalMenu .menuBox dl dd .site1 > li{position:relative;margin-bottom:30px;padding-left:95px}
.totalMenu .menuBox dl dd .site1 > li .tit{position:absolute;top:0;left:0;font-weight:700;}
.totalMenu .menuBox dl dd .site1 > li ul li{display:inline-block;margin-right:12px}
.totalMenu .menuBox dl dd .site1 > li ul li a{font-size:15px;color:#fff;opacity:0.6}
.totalMenu .menuBox dl dd .site2 li{display:inline-block;margin-right:15px;font-size:15px;font-weight:700;}
*/
.totalMenu .menuWrap{display:table;margin:0 auto;/*max-width:1600px;*/height:100%}
.totalMenu .menuBox{position:relative;display:table-cell;vertical-align:middle}
.totalMenu .menuBox header{position:relative;margin-bottom:50px}
.totalMenu .menuBox header .logo{width:160px;height:70px;text-indent:-9999px;overflow:hidden;background:url('/_public/images/common/logo5.png') no-repeat;}
.totalMenu .menuBox .to_btnMember{position:absolute;top:0;right:0;}
.totalMenu .menuBox .to_btnMember .btn{display:inline-block;margin-left:3px;}
.totalMenu .menuBox .to_btnMember .btn a{display:block;padding:0 20px;font-size:15px;line-height:25px;border:2px solid rgba(255,255,255,0.9);color:#fff;font-weight:500}
.totalMenu .menuBox .to_btnMember .btn.joinsp a{border:2px solid rgba(255,255,255,0.9);background:#fff;color:#222;}
.totalMenu .menuBox .menuCon{max-width:1260px;}
.totalMenu .menuBox .to_btnMember .btn.joinsp a:focus {border:2px dotted #000000 !important;}
.totalMenu .menuBox .smbox{width:100%;position:relative;margin-bottom:20px;padding-left:290px}
.totalMenu .menuBox .smbox:after {width:100%;content:"";display:table}
.totalMenu .menuBox .smbox .list a{font-size:14px;display:block;color:#fff}

.totalMenu .menuBox .smbox.smbox1 {padding-left:0;border-bottom:2px solid rgba(255,255,255,0.2)}
.totalMenu .menuBox .smbox.smbox1 .list {width:170px;display:inline-block;float:left;margin-right:10px}
.totalMenu .menuBox .smbox.smbox1 .list .tit{display:block;font-weight:700;border-bottom:2px solid rgba(255,255,255,0.2);padding-bottom:10px;text-align:center}
.totalMenu .menuBox .smbox.smbox1 .list > ul > li{position:relative;padding:7px 10px 7px  10px;border-bottom:1px dashed rgba(255,255,255,0.15);}
.totalMenu .menuBox .smbox.smbox1 .list > ul > li:last-child {border-bottom:0}
.totalMenu .menuBox .smbox.smbox1 .list .sp:after {content:'';width:100%;display:table}
.totalMenu .menuBox .smbox.smbox1 .list ul.smdepth {padding-top:5px}
.totalMenu .menuBox .smbox.smbox1 .list ul.smdepth li {position:relative;padding-left:5px}
.totalMenu .menuBox .smbox.smbox1 .list.knmm ul.smdepth li {display:inline-block;float:left;margin-right:5px;float:left;padding-left:5px}
.totalMenu .menuBox .smbox.smbox1 .list ul.smdepth li:before {content:'';width:2px;height:2px;background-color:rgba(255,255,255,0.7);display:inline-block;position:absolute;top:9px;left:0}

.totalMenu .menuBox .smbox.smbox1 .list ul.smdepth a {font-size:14px;opacity:0.8}
.totalMenu .menuBox .smbox.smbox1 .list > li > ul > li a{font-size:14px;color:#fff;}

.totalMenu .menuBox .smbox .list .site2 li{display:inline-block;margin-right:15px;font-size:15px;font-weight:700;}
.totalMenu .menuBox .smbox strong.smtitle {font-size:14px;position:absolute;top:0;left:0;font-weight:700;color:#fff}
.totalMenu .menuBox .smbox strong.smtitle::after{position:absolute;top:12px;left:93px;width:150px;height:1px;content:'';background:#fff}



/* ---- 중간영역 ---- */
#container .subVisual{position:relative;padding:250px 140px 0;height:635px;overflow:hidden;background-size:cover;box-sizing:border-box;}
#container .subVisual::after{position:absolute;top:-10%;left:0;width:100%;height:115%;content:'';z-index:1;-webkit-animation: mymove 15s ; animation: mymove 15s ;animation-fill-mode: forwards;-webkit-animation-fill-mode: forwards;background-repeat:no-repeat;background-position:center top;background-color:#000;background-size:auto 100%}
#container .subVisual.bg1::after{background-image:url('/_public/images/sub/sub_visual01.jpg')}
#container .subVisual.bg1_1::after{background-image:url('/_public/images/sub/sub_visual01_2.jpg')}
#container .subVisual.bg2::after{background-image:url('/_public/images/sub/sub_visual02.jpg')}


/* 접근성 */
#container .subVisual.bg1::before {content:"";background: rgb(0 0 0 / 30%);width: 100%;height: 100%;display: block;z-index: 2;position: absolute;top: 0;left: 0;}
#container .subVisual.bg2::before {content:"";background: rgb(0 0 0 / 45%);width: 100%;height: 100%;display: block;z-index: 2;position: absolute;top: 0;left: 0;}
#container .subVisual.bg3::before {content:"";background: rgb(0 0 0 / 45%);width: 100%;height: 100%;display: block;z-index: 2;position: absolute;top: 0;left: 0;}
#container .subVisual.bg4::before {content:"";background: rgb(0 0 0 / 20%);width: 100%;height: 100%;display: block;z-index: 2;position: absolute;top: 0;left: 0;}
#container .subVisual.bg5::before {content:"";background: rgb(0 0 0 / 30%);width: 100%;height: 100%;display: block;z-index: 2;position: absolute;top: 0;left: 0;}
#container .subVisual.bg8::before {content:"";background: rgb(0 0 0 / 30%);width: 100%;height: 100%;display: block;z-index: 2;position: absolute;top: 0;left: 0;}
#container .subVisual.bg8_2::before {content:"";background: rgb(0 0 0 / 25%);width: 100%;height: 100%;display: block;z-index: 2;position: absolute;top: 0;left: 0;}

#container.sub2_1 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub3_7.png')}
#container.sub2_2 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub2_2.jpg')}
#container.sub2_3 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub2_3.jpg')}
#container.sub2_4 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub2_4.jpg')}
#container.sub2_5 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub_visual02_5.jpg')}
#container.sub3_8 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub3_8.png');background-size: 100%}
#container.sub3_9 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub3_9.png')}
#container.sub3_10 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub3_10.png')}
#container.sub3_11 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub3_11.png')}
#container.sub3_12 .subVisual.bg2::after{background-image:url('/_public/images/sub/sub3_12.png')}
/* #container .subVisual.bg3::after{background-image:url('/_public/images/sub/sub_visual03_2.jpg')} */
#container .subVisual.bg3::after{background-image:url('/_public/images/sub/sub_visual03_2.png')}
#container .subVisual.bg3_2::after{background-image:url('/_public/images/sub/sub_visual03_3.jpg')}
#container .subVisual.bg3_3::after{background-image:url('/_public/images/sub/sub_visual03_4.jpg')}
#container .subVisual.bg3_5::after{background-image:url('/_public/images/sub/sub_visual03_5.jpg');background-size: 100%;}
#container .subVisual.bg4_3::after{background-image:url('/_public/images/sub/sub_visual04_4.jpg')}
#container.sub3_3 .subVisual.bg3::after{background-image:url('/_public/images/sub/sub3_3.jpg')}
#container.sub3_3 .subVisual.bg3::after{background-image:url('/_public/images/sub/sub3_3.jpg')}
#container.sub3_4 .subVisual.bg3::after{background-image:url('/_public/images/sub/ocean2022_top.jpg')}
#container.research .subVisual::after{background-image:url('/_public/images/sub/sub2_1.jpg')}
#container.research .subVisual.bg8_2::after{background-image:url('/_public/images/sub/sub3_6_2.jpg')}
#container .subVisual.bg8_2::after{background-image:url('/_public/images/sub/sub3_6_2.jpg')}
#container .subVisual.bg4::after{background-image:url('/_public/images/sub/sub_visual04.jpg')}
#container .subVisual.bg5::after{background-image:url('/_public/images/sub/sub_visual05_1.jpg')}
#container .subVisual.bg6::after{background-image:url('/_public/images/sub/sub_visual06.jpg')}
#container.sub6_1 .subVisual.bg6::after{background-image:url('/_public/images/sub/sub6_1_2.jpg')}
#container .subVisual.bg7::after{background-image:url('/_public/images/sub/sub_visual07.jpg')}
#container .subVisual.material::after{background-image:url('/_public/images/sub/sub_visual08.jpg')}
#container .subVisual.bg9::after{background-image:url('/_public/images/sub/sub_visual09.jpg')}
@-webkit-keyframes mymove{
	0% {top:-10%;}
	50% {top:0}
	100% {top:0}
}
@keyframes mymove{
	0% {top:-10%;}
	50% {top:0}
	100% {top:0}
}

.left_title{position:relative;margin:0 auto;max-width:1300px;color:#fff;z-index:2}
.left_title h2{margin-bottom:35px;font-size:55px;font-weight:400;    background: rgb(0 0 0 / 70%);  display: inline-block;  padding: 0 0 5px;}
.left_title p{font-weight:400;/*opacity:0.8;*/line-height:1.4;letter-spacing:0}

.breadcrumb{position:absolute;right:0;bottom:-100px;width:100%;z-index:2}
.breadcrumb::after{display:block;clear:both;content:''}
.breadcrumb .box{margin:0 auto}
.breadcrumb ul{float:right;}
.breadcrumb ul li{float:left;border-bottom:1px solid rgba(255,255,255,0.4)}
.breadcrumb ul li a {display:block;padding:0 24px 20px;font-size:15px;color:#fff;opacity:0.9;font-weight:400;}
.breadcrumb ul li:last-child a,
.breadcrumb ul li a:hover {opacity:1; font-weight:500}
.breadcrumb ul li:last-child{opacity:1;border-bottom:1px solid rgba(255,255,255,1); }

.breadcrumb ul li:first-child{width:95px;text-indent:-999px;overflow:hidden;background:url('/_public/images/common/ic_home.png') no-repeat center 5px;}

.sub_new_intro2023 .breadcrumb{bottom: -235px;}

#lnb{position:absolute;left:0;top:567px;width:100%;height:68px;text-align:center;background:rgba(0,0,0,0.7);z-index:2}
#lnb > ul > li{/*position:relative;*/display:inline-block}
#lnb > ul > li > a{position:relative;display:block;padding:0 18px;max-height:67px;}
#lnb > ul > li > a span{position:relative;display:block;font-size:16px;color:#fff;line-height:68px;font-weight:400;}
#lnb > ul > li > a::before{position:absolute;top:50%;left:0;width:2px;height:2px;content:'';background:#fff;opacity:0.2}
#lnb > ul > li:first-child a::before{display:none}
#lnb > ul > li > a::after{position:absolute;left:0;right:0;bottom:0;margin:0 auto;width:56px;height:0;content:'';background:#fff;transition:all 0.2s ease;-webkit-transition:all 0.2s ease}
#lnb > ul > li.on > a{font-weight:500}
#lnb > ul > li.on > a::after,
#lnb > ul > li > a:hover::after{height:3px;background:#dedede}
#lnb.fix{position:fixed;top:0;bottom:auto;background:rgba(0,0,0,0.8);z-index:100}
/*
#lnb .tabMenu {top: 100%;left: 0;z-index:3;width:100%;padding:8px 0;background-color:#dedede;}
#lnb .tabMenu,
#lnb .tabMenu > ul > li > ul{position: absolute;opacity: 0;-webkit-transition: opacity .25s ease .1s;-moz-transition: opacity .25s ease .1s;-o-transition: opacity .25s ease .1s;-ms-transition: opacity .25s ease .1s;transition: opacity .25s ease .1s}
#lnb .tabMenu > ul > li,
#lnb .tabMenu > ul > li > li.has-sub {visibility: hidden; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1ss}
#lnb > ul > li:hover .tabMenu,
#lnb .tabMenu > ul > li:hover > ul {opacity: 1}
#lnb > ul > li:hover .tabMenu > ul > li {height: 28px; visibility: visible}
*/
.tabMenu {top: 100%;left: 0;z-index:3;width:100%;padding:8px 0;background-color:#dedede;}
.tabMenu,
.tabMenu > ul > li > ul{position: absolute;}
.tabMenu > ul > li{position:relative;display:inline-block;padding:0 7px}
.tabMenu > ul > li::before{position:absolute;top:14px;left:0;width:2px;height:2px;content:'';background:#222;}
.tabMenu > ul > li:first-child{padding-left:0}
.tabMenu > ul > li:last-child{padding-right:0}
.tabMenu > ul > li:first-child::before{display:none}
.tabMenu > ul > li > a{display:block;padding:0 7px;font-size:15px;color:#222;line-height:26px;letter-spacing:-1px;border:1px solid rgba(34,34,34,0);font-weight:400}
.tabMenu > ul > li > a:hover{border:1px solid #222;transform:translateY(-2px);-webkit-transform:translateY(-2px)}
.tabMenu > ul > li.on > a,
.tabMenu > ul > li.hv > a{border:1px solid #222;}
.tabMenu.li4 > ul > li:nth-child(5){clear:left;padding-left:0}
.tabMenu.li4 > ul > li:nth-child(5)::before{display:none}
.tabMenu > ul > li > ul{display:none;position:absolute;top:35px;padding:0 10px;background:#fff;border:1px solid #e2e2e2}
.tabMenu > ul > li > ul > li{display:inline-block;margin:0 9px;font-size:14px}
.tabMenu > ul > li > ul > li > a{display:block;line-height:49px}
.tabMenu > ul > li > ul > li > a:hover,
.tabMenu > ul > li > ul > li.on > a{font-weight:500}
.tabMenu > ul > li > ul.sMenu1{right:-500px;width:920px !important}
.tabMenu > ul > li > ul.sMenu2{left:0;width:280px;}
.tabMenu > ul > li > ul.sMenu6{right:0;width:380px;}
.tabMenu > ul > li.hv ul,
.tabMenu > ul > li.on ul{display:block}
.tabMenu > ul > li.hv > ul{display:block}
.tabMenu > ul > li.on.active ul{display:none}
.tabMenu > ul > li.on.hv.active ul{display:block}

/* tabMenu 위치 맞춤*/
.location #lnb > ul > li:nth-child(2) > .tabMenu > ul {margin-left:-490px}

#container #content{min-height:500px}

/* ---- 하단영역 ---- */
#footer{background:#fafafa;border-top:1px solid #cfcfcf}
#footer .wa-logo{position: absolute;right:50px;top:77px;}
#footer .foot_menu1{display:none;text-align:center;border-bottom:1px solid #cfcfcf}
#footer .foot_menu1 li{display:inline-block;margin:0 60px;line-height:83px}
#footer .foot_menu1 li a{display:block}
#footer .footWrap{position:relative;margin:0 auto;padding:30px 0 60px;width:1300px}
#footer .footWrap address{margin-top:10px;font-size:15px;font-weight:400;font-style:normal;line-height:35px}
#footer .footWrap address .loca{position:relative;display:inline-block;margin-left:20px;padding-left:20px}
#footer .footWrap address .loca::before{position:absolute;top:50%;left:0;margin-top:-5px;width:1px;height:10px;content:'';background:#949494}
#footer .footWrap .foot_menu2{position:relative;}
#footer .footWrap .foot_menu2::after{display:block;clear:both;content:''}
#footer .footWrap .foot_menu2 li{position:relative;float:left;margin-left:10px;width:410px;}
/* #footer .footWrap .foot_menu2 li a{display:block;padding-left:25px;color:#949494;line-height:54px;font-weight:400;background:url('/_public/images/common/ic_arrow2.png') no-repeat right 20px center;border:1px solid #b5b5b5} */
#footer .footWrap .foot_menu2 li:first-child{margin-left:0}
/* #footer .footWrap .foot_menu2 li a:hover{color:#000;background:url('/_public/images/common/ic_arrow4.png') no-repeat right 20px center;border:1px solid #000} */
#footer .footWrap small{display:block;font-size:15px;color:#545454;font-weight:400;float:left}

/* 패밀리 사이트 */
#footer .footWrap .foot_menu2 li button{position: relative;display:block;padding: 0 50px 0 10px;width:100%;height:35px;font-size:14px;padding-left:25px;color:#222;line-height:35px;border: 1px solid #9b9b9b;}
#footer .footWrap .foot_menu2 li button:after{content:"";position:absolute;top:14px;right:15px;transform: rotate(-180deg);display:inline-block;width:10px;height:6px;background:  url(/_public/images/common/ic_select_arrow.png) no-repeat;}
#footer .footWrap .foot_menu2 li .list{display:none;position: absolute;bottom:34px;background: #fafafa;padding:10px 0;border: 1px solid #9b9b9b;max-height: 500px;overflow-y: auto;}
#footer .footWrap .foot_menu2 li .list li{margin:0;width:100%;}
#footer .footWrap .foot_menu2 li .list li a{display:block;padding:0 10px;line-height: 35px;font-size:14px;}
#footer .footWrap .foot_menu2 li .list li a:hover,
#footer .footWrap .foot_menu2 li .list li a:focus{outline: 2px dotted black !important;border:2px dotted #fff !important;background: #000;color:#fff;}
#footer .footWrap .foot_menu2 li:nth-child(1) .list{}
#footer .footWrap .foot_menu2 li:nth-child(2) .list{width:420px;}
#footer .footWrap .foot_menu2 li:nth-child(1) .list{}

#footer .foot_menu2 li select {width:100%;height:35px;padding-left:25px;color:#222;line-height:35px;}
#footer .foot_menu3 {display: flex;margin-top:20px;}
#footer .foot_menu3 li { margin:0 20px;position:relative}
#footer .foot_menu3 li::after{content:'';display:block;width:1px;height:10px;background:#949494;position:absolute;top:50%;right:-21px;margin-top:-5px}
#footer .foot_menu3 li:first-child{margin-left:0}
#footer .foot_menu3 li:last-child{margin-right:0}
#footer .foot_menu3 li:last-child::after{display:none}
#footer .foot_menu3 li.policy a{color: /*#4e85d7*/#0073D3;font-weight: bold}
/* 메인 하단 레이아웃 */
/* .main #footer{border-top:0}
.main #footer .foot_menu1{display:block}
.main2 #footer{border-top:0}
.main2 #footer .foot_menu1{display:block} */



/* ----- 회원가입 4단계 certify ------ */
.certify {
	margin-top:40px;
	width:100%;
	background:#f8f8f8;
	padding:20px 2%;
}
.certify h3 {margin-bottom:12px;	font-size:20px;}
.certify h3:before {content:'';	display:inline-block;}

.certify h5 {margin-bottom:12px;	font-size:20px;}
.certify h5:before {ontent:'';	display:inline-block;}

.certify > div {
	width:48%;
	float:left;
	padding:10px 0;
}
.certify > div:first-child { margin-right:2%; }
.certify::after {
	content:'';
	display:block;
	clear:both;
}
.certify > div > div {
	background:#fff;
	border-top:1px solid #222;
	padding:20px;
	min-height:480px;
}
.certify > div > div strong {
	display:block;
	margin-bottom:8px;
	padding-top:14px;
}
.certify > div > div > div {
	min-height:250px;
	border:2px solid #f8f8f8;
	padding:0 12px;
	margin-top:14px;
}
.certify > div > div > div li {
	margin-bottom:5px;
}
.certify > div > div > button {
	width:50%;
	display:block;
	background:#222;
	color:#fff;
	padding:12px 0;
	text-align:center;
	margin:15px auto 0;
}


/* ----- 2021.08.26 온라인 박람회 소개 추가 css ------ */

/* 온라인 박람회 소개 */
#container.sub_new_intro01 .subVisual.bg3::after {
	background-image: url(/_public/images/new_intro/sub_visual1_2.png);
	background-size:cover;
}
#container.sub_new_intro01 .subVisual.bg3:before {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000;
	content:'';
	z-index:2;
	opacity:0.25;
}

/* 온라인 박람회 소개 */
#container.sub_new_intro2023 .subVisual.bg3::after {
	background-image: url(/_public/images/new_intro/sub_visual1_2023.png);
	background-size:cover;
}
#container.sub_new_intro2023 .subVisual.bg3:before {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000;
	content:'';
	z-index:2;
	opacity:0.5;
}
#container.sub_new_intro2024 .subVisual.bg3::after {
	background-image: url(/_public/images/new_intro/sub_visual1_2024.jpg);
	background-size:cover;
}
#container.sub_new_intro2024 .subVisual.bg3:before {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000;
	content:'';
	z-index:2;
	opacity:0.5;
}

#container.sub_new_intro2025 .subVisual.bg3::after {
	background-image: url(/_public/images/new_intro/sub_visual1_2025.jpg);
	background-size:cover;
}
#container.sub_new_intro2025 .subVisual.bg3:before {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:#000;
	content:'';
	z-index:2;
	opacity:0.5;
}





.new_intro01_contents_wrap {
	position:relative;
	width:100%;
	background:url('../../images/new_intro/new01_intor_bg01.png') center bottom no-repeat;
	padding-bottom:235px;
	background-size:cover;
	overflow:hidden;
}
.new_intro01_contents_wrap:before {
	content:'';
	position:absolute;
	left:50%;
	top:0px;
	transform:translateX(-50%);
	width:1920px;
	height:860px;
	background:url('../../images/new_intro/new01_intor_bg02.png') center top no-repeat;
	z-index:0;
	background-size:cover;
}
.tap_menu_wrap {
	max-width:1300px;
	margin:30px auto 0px auto;
}
.tap_menu_ul {
	display:flex;
}
.tap_menu_ul li {
	flex:1;
}
.tap_menu_ul li a {
	display:inline-block;
	width:100%;
	padding:36px;
	text-align:center;
	font-weight:700;
	font-size:20px;
	letter-spacing:-1.5px;
	border:1px solid #ddd;
	border-left:0px;
	font-family: 'NanumSquareRound',sans-serif !important;
}
.tap_menu_ul li:first-child a {
	border-left:1px solid #ddd;
}
.tap_menu_ul li:first-child a {
	border-right:0px;
}
.tap_menu_ul li.tap_menu_on a {
	background:#222;
	color:#fff;
	font-weight:700;
	font-family: 'NanumSquareRound',sans-serif !important;
}
.new01_intro_txt01 {
	position:relative;
	padding-top:213px;
	text-align:center;
}
.new01_intro_explanTxt {
	margin-top:90px;
	text-align:center;
	position:relative;
}
.new01_intro_explanTxt dt {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:47px;
	font-weight:800;
	color:#44768B;
	letter-spacing:-2.5px;
}
.new01_intro_explanTxt dd {
	font-size:23px;
	font-family: 'NanumSquareRound',sans-serif;
	font-weight:600;
	color:#555;
	margin-top:50px;
	letter-spacing:-2px;
	line-height:50px;
}
.new01_intor_event_ul {
	width:1300px;
	margin:73px auto 0px auto;
	display:flex;
	justify-content:space-between;
}
.new01_intor_event_ul li {
	position:relative;
	text-align:center;
	width:310px;
	height:170px;
}
.new01_intor_event_ul li:before {
	position:absolute;
	left:0px;
	top:0px;
	border:5px solid #fff;
	width:100%;
	height:100%;
	content:'';
	border-radius:30px;
	opacity:0.5;
	box-sizing:border-box;
}
.new01_intor_event_ul li:after {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	content:'';
	opacity:0.2;
	background:#fff;
	border-radius:30px;
}
.new01_intor_event_ul li dl {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	height:65%;
	width:100%;
	z-index:10;
}
.new01_intor_event_ul li dl dt {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:23px;
	letter-spacing:-1px;
	font-weight:800;
	color:#134559;
}
.new01_intor_event_ul li dl dd {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:19px;
	letter-spacing:-1px;
	font-weight:600;
	color:#555555;
}
.new01_intor_event_ul li:nth-child(1) dl dd {
	margin-top:33px;
}
.new01_intor_event_ul li:nth-child(2) dl dd {
	margin-top:15px;
	line-height:28px;
}
.new01_intor_event_ul li:nth-child(3) dl dd {
	margin-top:20px;
}
.new01_intor_event_ul li:nth-child(4) dl dd {
	margin-top:15px;
}
.new01_other_intro {
	margin-top:220px;
	text-align:center;
}
.new01_other_title {
	font-family: 'NanumSquareRound',sans-serif;
	width:548px;
	height:92px;
	background:url('../../images/new_intro/sub01_title_bg03.png') left top no-repeat;
	margin:0 auto;
	font-size: 27px;
	line-height: 88px;
	color:#fff;
	letter-spacing:-1.5px;
	font-weight:600;
}
.new01_other_title span {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:29px;
	letter-spacing:-1.5px;
	font-weight:600;
}
.new01_other_title span.orange_colorTxt {
	color:#F2B468;
}
.new01_other_intro_dl {
	margin-top:50px;
}
.new01_other_intro_dl dt {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:50px;
	letter-spacing:-3px;
	color:#2A617C;
	font-weight:800;
}
.new01_other_intro_dl dd {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:22px;
	letter-spacing:-2px;
	color:#fff;
	font-weight:400;
	margin-top:30px;
	line-height:40px;

}
.new01_other_intro_img {
	margin-top:50px;
}
.new01_intro_footer_wrap {
	position:relative;
	padding:75px 0px 170px 0px;
	text-align:center;
	background:#e9d58f url('../../images/new_intro/new02_intro_footer_bg.png') center -100px repeat-x;
	background-size:cover;
}
.new01_intro_footer_wrap:before {
	width:100%;
	content:'';
	background:url('../../images/new_intro/new02_intro_footer_bg.png') center top repeat;
	left:0px;
	top:-60px;
	position:absolute;
	background-size:cover;
	height:100px;
}
.new01_intro_footer_wrap03 {
	background:#e9d58f url('../../images/new_intro/new01_intro_footer_bg.png') center -100px repeat-x;
}
.new01_intro_footer_wrap03:before {
	background:url('../../images/new_intro/new01_intro_footer_bg.png') center top repeat;
}
.new01_intor_footer_title {
	position:relative;
	margin:0 auto;
	/* width:260px; */
	width:363px;
	height:85px;
	background:url('../../images/new_intro/sub01_title_bg01_long.png') center top no-repeat;
	font-size:27px;
	line-height:85px;
	letter-spacing:-1.5px;
	font-weight:600;
	font-family: 'NanumSquareRound',sans-serif;
	color:#fff;
}
.new01_intor_footer_ul {
	position:relative;
	display:flex;
	max-width:1300px;
	margin:55px auto 0px auto;
	justify-content:space-between;
}
.new01_intor_footer_ul li {
	position:relative;
	background:url('../../images/new_intro/sub01_bottom_bg.png') center top no-repeat;
	width:410px;
	height:352px;
}
.new01_intor_footer_ul li dl {
	width:410px;
	height:263px;
	text-align:left;
	padding:50px 0px 0 50px;
}
.new01_intor_footer_ul li dl dt {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:23px;
	letter-spacing:-1px;
	font-weight:800;
}
.new01_intor_footer_ul li dl dd {
	margin-top:26px;
}
.new01_intor_footer_ul li dl dd p:nth-child(1) {
	font-family: 'NanumSquareRound',sans-serif !important;
	position:relative;
	font-size: 23px;
	color: #000000;
	font-weight: 800;
	padding-left: 27px;
}
.new01_intor_footer_ul li:nth-child(1) dl dd p:nth-child(1):before {
	position:absolute;
	left:-3px;
	top:5px;
	content:'';
	width:20px;
	height:20px;
	background:#1885E1;
	border-radius:20px;
}
.new01_intor_footer_ul li:nth-child(2) dl dd p:nth-child(1):before {
	position:absolute;
	left:-3px;
	top:5px;
	content:'';
	width:20px;
	height:20px;
	background:#F2B468;
	border-radius:20px;
}
.new01_intor_footer_ul li:nth-child(3) dl dd p:nth-child(1):before {
	position:absolute;
	left:-3px;
	top:5px;
	content:'';
	width:20px;
	height:20px;
	background:#FF5E00;
	border-radius:20px;
}
.new01_intor_footer_ul li dl dd p:nth-child(2) {
	font-family: 'NanumSquareRound',sans-serif !important;
	position:relative;
	left:-5px;
	font-size:20px;
	color:#707070;
	font-weight:400;
	letter-spacing:-0.5px;
	margin-top:22px;
	line-height:22px;
	padding-left:0px;
	padding-right:20px;
}
.new01_intor_footer_ul li:nth-child(1):before {
	position:absolute;
	background:url('../../images/new_intro/sub01_bottom_icon01.png') center top no-repeat;
	width:105px;
	height:105px;
	content:'';
	right:20px;
	top:20px;
}
.new01_intor_footer_ul li:nth-child(2):before {
	position:absolute;
	background:url('../../images/new_intro/sub01_bottom_icon02.png') center top no-repeat;
	width:105px;
	height:105px;
	content:'';
	right:20px;
	top:20px;
}
.new01_intor_footer_ul li:nth-child(3):before {
	position:absolute;
	background:url('../../images/new_intro/sub01_bottom_icon03.png') center top no-repeat;
	width:105px;
	height:105px;
	content:'';
	right:20px;
	top:20px;
}
.new01_intor_footer_link {
	width:170px;
	height:48px;
	background:url('../../images/new_intro/sub01_title_bg02.png') center top no-repeat;
	margin:0 auto;
}
.new01_intro_footer_wrap03 ul li:nth-child(1) .new01_intor_footer_link {
	background:url('../../images/new_intro/sub01_title_bg02_1.png') center top no-repeat !important;
}
.new01_intro_footer_wrap03 ul li:nth-child(2) .new01_intor_footer_link {
	background:url('../../images/new_intro/sub01_title_bg02_2.png') center top no-repeat !important;
}
.new01_intro_footer_wrap03 ul li:nth-child(3) .new01_intor_footer_link {
	background:url('../../images/new_intro/sub01_title_bg02_3.png') center top no-repeat !important;
}
.new01_intor_footer_link a {
	display:inline-block;
	width:100%;
	height:100%;
	line-height:46px;
	color:#fff;
	font-family: 'NanumSquareRound',sans-serif;
	font-weight:600;
	font-size:18px;
	letter-spacing:-1.5px;
}

/* 협력기관 슬라이드 */
.new01_logo_slide {
	position:relative;
	left:10px;
	width:190px;
	height:60px;
	margin:0 auto;
}
.slick-prev:before, .slick-next:before {
	font-family: 'slick';
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.new01_logo_slide .slick-prev {
	width: 40px !important;
	height: 40px !important;
	left:-40px;
}
.new01_logo_slide .slick-prev:before {
	color:#C4C4C4;
	font-size:30px;
}
.new01_logo_slide .slick-next {
	width: 30px !important;
	height: 30px !important;
	right:-30px;
}
.new01_logo_slide .slick-next:before {
	color:#C4C4C4;
	font-size:30px;
}
.new_intro02_contents_wrap {
	background:none;
	margin:0px;
	padding-bottom:10px;
}
.new_intro02_contents_wrap:before {
	background:none
}
.video_player_wrap {
	max-width:1300px;
	margin:0 auto;
}
.new01_intor_footer_ul02 {
	max-width:865px;
}
.new01_intor_footer_ul02 li:nth-child(1) dl dd p:nth-child(1):before {
	display:none;
}
.new01_intor_footer_ul02 li:nth-child(2) dl dd p:nth-child(1):before {
	display:none;
}
.new01_intor_footer_ul02 li dl dd p:nth-child(2) {
	margin-top: 43px;
}
.new01_intor_footer_ul02 li:nth-child(2) dl dd p:nth-child(2){
	margin-top: 73px;
}
.new02_intro_footer_wrap {
	padding: 75px 0px 100px 0px;
}

/* 안녕 독도야 */
.new_intro03_contents_wrap {
	position:relative;
	width:100%;
	background:url('../../images/new_intro/new03_bg.png') center top no-repeat;
	background-size:cover;
	overflow:hidden;
}
.new_intro03_contents_wrap02 {
	background:url('../../images/new_intro/new03_bg02.png') center top no-repeat;
	background-size: 100vw auto;
}
.new_intro03_headerTitle {
	text-align:center;
	margin-top:100px;
}
.new_intro03_contents01 {
	margin-top:240px;
	text-align:center;
}
.new_intro03_title dt {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:47px;
	font-weight:800;
	color:#205D76;
	text-shadow: 1.5px 2px 0px #c3c3c3;
}
.new_intro03_title02 dt {
	text-shadow:none;
	text-align:center;
}
.new_intro03_title02_logo{
	background: url('../../images/new_intro/off_program.png') center center no-repeat;
	background-size:contain;
	height: 56px;
	width:100%;
	margin-bottom: 15px;
}
.new_intro03_title dd {
	color:#444;
	font-size:23px;
	font-weight:600;
	margin-top:15px;
	font-family: 'NanumSquareRound',sans-serif !important;
}
.new_intro03_video_contents {
	max-width:1300px;
	margin:30px auto 0px auto
}
.new_intro03_logo {
	text-align:right;
}
.new_intro03_logo span {
	background:#dff4fd;
	min-width:160px;
	text-align:center;
	display:inline-block;
	padding:0px 30px;
	height:58px;
	border-radius:58px;
}
.new_intro03_logo img {
	position:relative;
	top:11px;
	height:34px;
}
.new_intro03_video_ul {
	display:flex;
	margin-top:35px;
	justify-content:space-between;
}
.new_intro03_video_ul li p.new_intro03_video_item_img {
	box-shadow: 2px 2px 5px #8a8a8a;
}
.new_intro03_video_item_img {
	position:relative;
}
.new_intro03_video_item {
	position:relative;
}
.on_text {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	display:none;
}
.on_show_text {
	display:inline-block;
	width:100%;
	height:auto;
}
.on_text:before {
	content:'';
	width:100%;
	height:100%;
	background:#000;
	position:absolute;
	left:0px;
	top:0px;
	opacity:0.8;
}
.on_text .on_text_show{
	position: absolute;
	display: table;
	top: 0;
	left: 0;
	color: #fff;
	width: 100%;
	height: 50%;
	padding-bottom: calc(91px / 2 + 5px);
	text-align: center;
}
.on_text .on_text_show span {
	width:100%;
	height: 100%;
	bottom: 0;
	color:#fff;
	font-size:40px;
	font-family: 'NanumSquareRound',sans-serif;
	letter-spacing:-2px;
	font-weight:600;
	display: table-cell;
	vertical-align: bottom;
}
.on_text .on_text_show:after {
	content: '';
	position: absolute;
	top: calc(100% + 3.5px);
	left: 50%;
	width: 91px;
	height: 91px;
	transform: translate(-50%, -50%);
	background: url(../../images/new_intro/video_link_btn.png) center bottom no-repeat;
	background-size: cover;
}
.on_text02 .on_text_show {
	padding-bottom: calc(66px / 2 + 5px) !important;
}
.on_text02 .on_text_show span {
	font-size:30px !important;
}
.on_text02 .on_text_show:after {
	width: 66px !important;
	height: 66px !important;
}
.on_text.not_on_text{
	display: block;
	opacity: 1;
}
.on_text.not_on_text .on_text_show {
	padding-bottom: 0 !important;
	height: calc(50% + 40px) !important;
}
.on_text.not_on_text .on_text_show:after{
	content: '';
	background: none !important;
}
.new_intro03_text {
	font-size:15px;
	text-align:right;
	margin:10px 0px 15px 0px;
	color:#222222;
}
.new_intro03_text02 {
	font-family: 'NanumSquareRound',sans-serif;
	font-size:18px;
	text-align:left;
	letter-spacing:-1px;
	background:#e0f4fd;
	font-weight:500;
	padding:20px 0 20px 30px;
	box-shadow: 2px 2px 5px #8a8a8a;
	position: relative;
}
.new_intro03_video_item02 {
	margin-top:100px;
}
.new_intro03_video_dl {
	position:relative;
	padding:40px;
	text-align:left;
	border-radius:0px 0px 20px 20px;
	overflow:hidden;
}
.new_intro03_video_dl.gong {
	padding: 60px 40px 60px 40px !important;
}
.new_intro03_video_dl:before {
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	background:#fff;
	width:100%;
	height:100%;
	z-index:0;
	opacity:0.9;
}
.new_intro03_video_dl dt {
	position:relative;
	font-size:27px;
	font-family: 'NanumSquareRound',sans-serif;
	font-weight:600;
	color:#E79530;
	letter-spacing:-1px;
}
.new_intro03_video_dl dd {
	position:relative;
	font-size:20px;
	font-family: 'NanumSquareRound',sans-serif;
	font-weight:600;
	letter-spacing:-1.5px;
	margin-top:15px;
}
.new_intro03_contents02 {
	max-width:1300px;
	margin:175px auto 0px auto;
	text-align:center;
}
.new_intro03_title dd.white_colorTxt {
	color:#fff;
	font-weight:400;
	letter-spacing:-1.5px;
}
.new_intro03_video_contents {

}
.new_intro03_logo02 img {
	height:34px;
}
.new_intro03_video_item03 {
	margin-top:20px;
}
.new_intro03_video_detail {
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
}
.new_intro03_video_detail02 {
	margin:100px 0px 100px 0px;
}
.new_intro03_show_wrap {
	position:relative;
}
.btn_ticket{
	background: url('../../images/new_intro/btn_ticket.png') center center no-repeat;
	background-size: contain;
	display: block;
	margin-left: 40px;
	width: 280px;
	height: 110px;
	position: inherit;
	z-index: 1;
}
.btn_ticket span{
	position: relative;
	font-size: 21px;
	top: 38px;
	left: 70px;
	color: #fff;
	font-family: 'NanumSquareRound',sans-serif;
	font-weight: 800;
	letter-spacing: -1px;
}
.btn_ticket span:before{
	content:'';
	background: #f8c704 url(../../images/new_intro/btn_arrow04.png) 90% center no-repeat;
	position:absolute;
	background-size:cover;
	top: 0px;
	left: 170px;
	width: 13px;
	height: 23px;
}
.show_btn {
	position:absolute;
	right:60px;
	top:50%;
	transform:translateY(-50%);
	width:240px;
	height:55px;
	border-radius:65px;
	text-align:left;
	border:4px solid #fff;
	box-sizing:border-box;
	box-shadow: 2px 2px 5px #8a8a8a;
	background:#FCCA00 url('../../images/new_intro/btn_arrow.png') 90% center no-repeat;
	cursor:pointer;
}
.show_btn02_3 {
	position: relative;
	width: 280px;
	height: 110px;
	text-align: left;
	box-sizing: border-box;
}
.show_btn03_1 {
	background: url('../../images/new_intro/btn_arrow04.png') 90% center no-repeat;
	cursor:pointer;
}
.show_btn03 {
	background:#FCCA00 url('../../images/new_intro/btn_arrow04.png') 90% center no-repeat;
	cursor:pointer;
}
.show_btn04 {
	right:auto;
	/*left:50%;*/
	left:15%;
	transform:translate(-50%, -50%);
}
.show_btn_logo{
	left:auto;
	right:15%;
	top: 50%;
	position: absolute;
}
.show_btn_logo.kiost{
	transform:translate(55%, 490%);
	width: 130px;
	height: auto;
}
.show_btn_logo.dokdoF{
	transform:translate(55%, -250%);
	width: auto;
	height: 30px;
}
.show_btn_logo.foreign{
	transform:translate(55%, 520%);
	width: auto;
	height: 60px;
}
.show_btn_logo.marine{
	transform:translate(35%, -50%);
	width: auto;
	height: 34px;
}
.show_btn_logo.gyeongsangbukdo{
	transform:translate(35%, -50%);
	width: auto;
	height: 35px;
}
.show_btn_logo.ytn{
	transform:translate(55%, -50%);
	width: auto;
	height: 40px;
}
.show_btn_logo.kbs{
	transform:translate(50%, 475%);
	width: auto;
	height: 60px;
}
.show_btn02 {
	position:absolute;
	right:0px;
	left:0px;
	top:52%;
	transform:translateY(0%);
	width:240px;
	height:55px;
	border-radius:65px;
	text-align:left;
	border:4px solid #fff;
	box-sizing:border-box;
	box-shadow: 2px 2px 5px #8a8a8a;
	background:#FCCA00 url('../../images/new_intro/btn_arrow04.png') 90% center no-repeat;
	cursor:pointer;
	margin:20px auto 0px auto;
	z-index:99;
}
.show_btn02_1{
	position:relative;
	right:0px;
	top:0%;
	transform:translateY(0%);
	width:240px;
	height:55px;
	border-radius:65px;
	text-align:left;
	border:4px solid #fff;
	box-sizing:border-box;
	box-shadow: 2px 2px 5px #8a8a8a;
	background:#FCCA00 url('../../images/new_intro/btn_arrow04.png') 90% center no-repeat;
	cursor:pointer;
	margin:20px auto 0px auto;
}
.show_btn span {
	position:relative;
	top:12px;
	left:30px;
	color:#fff;
	font-family: 'NanumSquareRound',sans-serif;
	font-size:19px;
	font-weight:600;
	letter-spacing:-1px
}
.new_intro03_video_list_wrap {
	margin-top:80px;
	max-width:1300px;
	margin:80px auto 100px auto;
	display:none;
}
.new_intro03_video_list_wrap > ul {
	display:flex;
	margin-bottom:25px;
}
.new_intro03_video_list_wrap > ul:last-child {
	margin-bottom:0px;
}
.new_intro03_video_list_wrap > ul li:nth-child(1) {
	margin-right:40px;
}
.new_intro03_video_list_wrap > ul li:nth-child(2) dl dt {
	font-size:30px;
	color:#F4C409;
	font-family: 'NanumSquareRound',sans-serif;
	font-weight:800;
}
.new_intro03_video_list_wrap > ul li:nth-child(2) dl dd {
	font-size:18px;
	color:#000;
	font-weight:400;
	letter-spacing:-1px;
	line-height:26px;
	word-break:keep-all;
}
.new_intro03_steamp_wrap {
	position:relative;
	text-align:center;
	margin:0px 0px 0px 0px;
	background:#fafafa url('../../images/new_intro/new_intro03_bg02.png') center -100px no-repeat;
	background-size:cover;
	padding:75px 0px 40px 0px;
}
.new_intro03_steamp_wrap:before {
	width:100%;
	content:'';
	background:url('../../images/new_intro/new_intro03_bg02.png') center top no-repeat;
	left:0px;
	top:-60px;
	position:absolute;
	background-size:cover;
	height:100px;
}
/*
.new_intro03_steamp_wrap:after {
	width:100%;
	content:'';
	background:url('../../images/new_intro/map_img.png') center top no-repeat;
	left:0px;
	position:absolute;
	width:311px;
	height:251px;
	top:148px;
	left:50%;
	transform:translateX(-61%);
	z-index:0;
}
*/
.stamp_char_wrap_con p img{
	width: 120%;
	height: 100%;
	margin-bottom: 35px;
	transform: translate(-10%, 0%);
}
.stamp_char_wrap {
	position:relative;
	width:380px;
	margin:85px auto 0px auto;
	z-index:3;
}
.stamp_char_note {
	position:absolute;
	top:-25px;
	left:-100%;
	text-align:right;
	width:100%;
}
.stamp_char_note02 {
	position:absolute;
	top:-25px;
	right:-100%;
	text-align:left;
	width:100%;
}
.stamp_char_note span, .stamp_char_note02 span {
	position: relative;
	display: inline-block;
	color: #0A4669;
	font-size: 19px;
	font-family: 'NanumSquareRound',sans-serif;
	letter-spacing: -1px;
	font-weight: 800;
	height: 45px;
	padding: 0px 30px;
	background: #fff;
	line-height: 47px;
	border-radius: 40px;
	box-shadow: 2px 2px 5px #ddd;
}
.stamp_char_note span:before {
	content:'';
	position:absolute;
	width:32px;
	height:15px;
	background:url('../../images/new_intro/btn_arrow02.png') center top no-repeat;
	bottom:-15px;
	right:10px;
}
.stamp_char_note02 span:before {
	content:'';
	position:absolute;
	width:32px;
	height:15px;
	background:url('../../images/new_intro/btn_arrow03.png') center top no-repeat;
	bottom:-15px;
	left:15px;
}
.new_intro03_stamp_check {
	position:relative;
	top:-38px;
	max-width:1300px;
	margin:0 auto;
	height:292px;
	border-radius:292px;
	background:#fff;
	z-index:2;
	box-shadow: 2px 2px 10px #ddd;
}
.new_intro03_stamp_check ul {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	display:flex;
	width: calc(50% + 170px) !important;
}
.new_imtro03_steamp_title_ul li {
	/* width:220px; */
	height:220px;
	margin-right:80px;
}
.new_imtro03_steamp_title_ul li:last-child {
	margin-right:0px;
}
.new_imtro03_steamp_title_ul li div.seamp_pass {
	background:url('../../images/new_intro/stamp_img02.png') center center no-repeat;
	height:100%;
	width:100%;
	min-width: 220px;
}
.hide {
	display:none;
}
.new_imtro03_steamp_title_ul li div.seamp_look {
	position:relative;
	background:url('../../images/new_intro/stamp_img03.png') center center no-repeat;
	height:100%;
	width:100%;
	min-width: 220px;
}
.new_imtro03_steamp_title_ul li div.seamp_look span {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	font-size:30px;
	font-weight:600;
	color:#333;
	line-height:35px;
}

/* 독도 탐사대 */
.new_intro04_animal_explan {
	max-width:1300px;
	margin:0 auto;
	position:relative;
	margin-top:37px;
}
.new_intro04_animal_text {
	position:absolute;
	left:0px;
	top:20px;
	left:50%;
	transform:translateX(-50%);
	padding:17px 30px;
	border-radius:100px;
	overflow:hidden;
}
.new_intro04_animal_text:before {
	content:'';
	width:100%;
	height:100%;
	opacity:0.8;
	background:#fff;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.new_intro04_animal_text span {
	position:relative;
	font-size:18px;
	color:#000;
	font-weight:500;
	letter-spacing:-1.5px;
}
.map_animal_object_all_item {
	position:absolute;
	width:266px;
	left:72px;
	top:32px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	z-index:1;
}
.map_animal_object_all_item:before {
	content:'';
	width:100%;
	height:100%;
	opacity:0.9;
	background:#fff;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.map_animal_object_item01 {
	display:none;
}
.map_animal_object_item01:before {
	content:'';
	width:100%;
	height:100%;
	opacity:0.9;
	background:#fff;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.map_animal_object_item02 {
	position:absolute;
	width:266px;
	left:942px;
	top:132px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:none;
}
.map_animal_object_item02:before {
	content:'';
	width:100%;
	height:100%;
	opacity:0.9;
	background:#fff;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.map_animal_object_item03 {
	position:absolute;
	width:266px;
	left:93px;
	top:132px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:block;
	display:none;
}
.map_animal_object_item03:before {
	content:'';
	width:100%;
	height:100%;
	opacity:0.9;
	background:#fff;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.map_animal_object_item04 {
	position:absolute;
	width:266px;
	left:493px;
	top:322px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:none;
}
.map_animal_object_item05 {
	position:absolute;
	width:266px;
	left:493px;
	top:322px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:none;
}
.map_animal_object_item06 {
	position:absolute;
	width:266px;
	left:760px;
	top:282px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:none;
}
.map_animal_object_item07 {
	position:absolute;
	width:266px;
	left:938px;
	top:282px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:none;
}
.map_animal_object_item08 {
	position:absolute;
	width:266px;
	left:965px;
	top:222px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:none;
}
.map_animal_object_item09 {
	position:absolute;
	width:266px;
	left:508px;
	top:222px;
	border-top:4px solid #BB0000;
	padding-bottom:30px;
	display:none;
}
.map_line02 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line02.png') center top no-repeat;
	left:786px;
	top:204px;
	display:none;
}
.map_line03 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line03.png') center top no-repeat;
	left:360px;
	top:244px;
	display:none;
}
.map_line04 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line04.png') center top no-repeat;
	left:333px;
	top:360px;
	display:none;
}
.map_line05 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line05.png') center top no-repeat;
	left:343px;
	top:520px;
	display:none;
}
.map_line06 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line06.png') center top no-repeat;
	left:599px;
	top:460px;
	display:none;
}
.map_line07 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line06.png') center top no-repeat;
	left:777px;
	top:430px;
	display:none;
}
.map_line08 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line06.png') center top no-repeat;
	left:803px;
	top:404px;
	display:none;
}
.map_line09 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line09.png') center top no-repeat;
	left:773px;
	top:507px;
	display:none;
}
.map_all_dot_sample {
	display:inline-block;
	position:absolute;
	width:20px;
	height:20px;
	background:#fff;
	border-radius:20px;
	border:4px solid #F97F7F;
	cursor:pointer;
}
.map_all_dot_sample:after{
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	border: 14.5px solid transparent;
	top: 12px;
	left: -2px;
	border-top: 12.5px solid #F97F7F;
	border-left: 8px solid rgba(0, 0, 0, 0);
	border-right: 8px solid rgba(0, 0, 0, 0);
}
.map_all_dot {
	display:inline-block;
	position:absolute;
	width:35px;
	height:35px;
	background:#fff;
	border-radius:20px;
	border:8px solid #F97F7F;
	cursor:pointer;
	transition: all ease 1s 0s;
}
.map_all_dot:after{
	content: ' ';
	height: 0;
	width: 0;
	position: absolute;
	border: 14.5px solid transparent;
	top: 19.6px;
	left: -5px;
	border-top: 18.5px solid #F97F7F;
	border-left: 14.5px solid rgba(0, 0, 0, 0);
	border-right: 14.5px solid rgba(0, 0, 0, 0);
}
.map_all_dot_on {
	border:8px solid #BB0000;
	box-shadow: none !important;
	transition: none !important;
}
.map_all_dot_on:after{
	border-top: 18.5px solid #BB0000 !important;
}
.map_dot00 {
	top: 5px;
}
.map_dot01 {
	left:490px;
	top:150px;
}
.map_dot02 {
	left:770px;
	top:255px;
}
.map_dot03 {
	left:510px;
	top:290px;
}
.map_dot04 {
	left:315px;
	top:410px;
}
.map_dot05 {
	left:325px;
	top:570px;
}
.map_dot06 {
	left:580px;
	top:510px;
}
.map_dot07 {
	left:760px;
	top:480px;
}
.map_dot08 {
	left:790px;
	top:454px;
}
.map_dot09 {
	left:922px;
	top:556px;
}
.map_animal_object_popup {
	position:relative;
	margin:0px 20px;
}
.popup_close {
	position:absolute;
	top:15px;
	right:15px;
	cursor:pointer;
}
.map_animal_object_img {
	margin-top:40px;
}
.map_animal_object_dl {
	margin-top:10px;
}
.map_animal_object_dl dt {
	font-size:20px;
	font-weight:800;
	letter-spacing:-1px;
}
.map_animal_object_dl dd {
	font-size:14px;
	font-weight:400;
	letter-spacing:-1px;
	text-align:left;
	line-height:23px;
	margin-top:10px;
}
.map_all_line {
	z-index:1;
}

.map_line01 {
	display:inline-block;
	position:absolute;
	width:162px;
	height:54px;
	background:url('../../images/new_intro/animal_line01.png') center top no-repeat;
	left:337px;
	top:108px;
	display:none;
}
.new_intro03_video_area {
	position:relative;
}
.new_intro04_video_detail {
	margin-top:200px;
}
.new_intro04_video_dl dt {
	font-family: 'NanumSquareRound',sans-serif;
	text-align:center;
	font-size:55px;
	letter-spacing:-5px;
	color:#C80000;
	font-weight:900;
}
.new_intro04_video_dl dd {
	display:none;
}
.new_intro03_title02 dt.white_colorTxt {
	color:#fff;
}
.new_intro03_contents03 {
	margin-top:80px;
	padding-bottom:200px;
}
.new_intro03_video_area02 {
	margin-top:24px;
}
.new_intro03_steamp_wrap02 {
	margin:0px 0px 0px 0px;
	padding-bottom:50px;
}

/* 독도 놀이터 */
.new_intro05_game_ul li p.new_intro03_video_item_img {
	box-shadow:none;
}
.new_intro05_game_item {
	position:relative;
	overflow:hidden;
	border-radius:20px 20px 0px 0px;
}
.new_intro03_text03 {
	padding: 30px 30px;
	position:relative;
	overflow:hidden;
	border-radius:0px 0px 20px 20px;
	font-size:18px;
	letter-spacing:-1.5px;
}
.event_text01 {
	font-weight:800;
	font-size:17px;
	letter-spacing:-1px;
	font-family: 'NanumSquareRound',sans-serif !important;
}
.new_intro05_game_item02 {
	margin-top:195px;
}
.new_intor_bigGame {
	margin-top:40px;
}
.new_intro05_event_wrap {
	position:relative;
	max-width:1300px;
	margin:30px auto 0px auto;
	overflow:hidden;
	border-radius:30px;
	font-family: 'NanumSquareRound',sans-serif !important;
}
.new_intro05_event_wrap:before {
	content:'';
	width:100%;
	height:100%;
	opacity:0.9;
	background:#fff;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.new_intro05_event {
	position:relative;
	padding:60px 0px;
}
.new_intro05_event dt {
	font-size:22px;
	color:#000;
	letter-spacing:-1px;
	font-weight:800;
	font-family: 'NanumSquareRound',sans-serif !important;
}
.new_intro05_event dd {
	font-size:18px;
	color:#000;
	letter-spacing:-1px;
	font-weight:400;
	margin-top:17px;
	font-family: 'NanumSquareRound',sans-serif !important;
}
.new_imtro05_char {
	position:absolute;
	left:20px;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
}
.new_imtro05_char02 {
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	z-index:1;
}
.new_intro05_slide_wrap {
	position:relative;
	width:80%;
	margin:0 auto;
	border:3px solid #FCCA00;
	box-sizing:border-box;
	margin-top:40px;
	padding:20px;
	border-radius:25px;
	overflow:hidden;
}
.new_intro05_slide_wrap:before {
	content:'';
	width:100%;
	height:100%;
	opacity:0.7;
	background:#fff;
	position:absolute;
	left:0px;
	top:0px;
	z-index:0;
}
.new_intro05_slide_contents {
	position:relative;
	font-size:16px;
	font-weight:500;
	height:76px;
	line-height:35px;
}
#scroller {
	position:relative;
}
#scroller li {
	font-weight:500;
}
.new_intro03_downBtn {

}
.new_intro03_downBtn button {
	width:255px;
	height:60px;
	background:url('../../images/new_intro/sub01_title_bg05.png') center top no-repeat;
	text-align:center;
	font-family: 'NanumSquareRound',sans-serif;
	color:#fff;
	font-size:19px;
	font-weight:800;
	box-shadow: 2px 2px 5px #8a8a8a;
	border-radius:60px;
	line-height:21px;
}
.new_intro_down_pop{
	display:none;
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.3);
	top:0;
	left: 0;
	z-index: 999;
	margin: auto;
}
.new_intro_down_pop .pop_box{
	position: relative;
	background: url('../../images/new_intro/down_pop.png') center center no-repeat;
	width: 800px;
	height: 417px;
	margin: auto;
	transform: translateY(50%);
}
.new_intro_down_pop .pop_box input[type='text']{
	position: absolute;
	padding: 20px 0 17px 15px;
	border:none;
	outline: none;
	transform: translate(213px, 205px);
	width: 296px;
	height: 60px;
	font-size: 19px;
	left: 0;
	top: 0;
	font-family: 'NanumSquareRound';
	font-weight: 800;
	letter-spacing: 2px;
}
.new_intro_down_pop .pop_box .pop_close{
	position: absolute;
	transform: translate(748px, 15px);
	width: 30px;
	height: 32px;
	border-radius: 50%;
	cursor: pointer;
}
.new_intro_down_pop .pop_box .pop_submit{
	position: absolute;
	transform: translate(518px, 204px);
	width: 101px;
	height: 65px;
	border-radius: 50%;
	cursor: pointer;
}

._radius_{border-radius: 3% / 6% 6% 0 0;overflow: hidden;}

/* 응원 세로 스크롤 */
.simply-scroll-container { /* Container DIV - automatically generated */
	position: relative;
}
.simply-scroll-clip { /* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
}

.simply-scroll-list { /* UL/OL/DIV - the element that simplyScroll is inited on */
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img {
	border: none;
	display: block;
}

.simply-scroll-btn {
	position: absolute;
	background-image: url(buttons.png);
	width: 42px;
	height: 44px;
	z-index:3;
	cursor: pointer;
}

.simply-scroll-btn-left {
	left: 6px;
	bottom: 6px;
	background-position: 0 -44px;
}
.simply-scroll-btn-left.disabled {
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover, .simply-scroll-btn-left:focus {
	background-position: 0 -88px;
}

.simply-scroll-btn-right {
	right: 6px;
	bottom: 6px;
	background-position: -84px -44px;
}
.simply-scroll-btn-right.disabled {
	background-position: -84px 0 !important;
}
.simply-scroll-btn-right:hover, .simply-scroll-btn-right:focus {
	background-position: -84px -88px;
}

.simply-scroll-btn-up {
	right: 6px;
	top: 6px;
	background-position: -126px -44px;
}
.simply-scroll-btn-up.disabled {
	background-position: -126px 0 !important;
}
.simply-scroll-btn-up:hover, .simply-scroll-btn-up:focus {
	background-position: -126px -88px;
}

.simply-scroll-btn-down {
	right: 6px;
	bottom: 6px;
	background-position: -42px -44px;
}
.simply-scroll-btn-down.disabled {
	background-position: -42px 0 !important;
}
.simply-scroll-btn-down:hover, .simply-scroll-btn-down:focus {
	background-position: -42px -88px;
}

.simply-scroll-btn-pause {
	right: 6px;
	bottom: 6px;
	background-position: -168px -44px;
}
.simply-scroll-btn-pause:hover, .simply-scroll-btn-pause:focus {
	background-position: -168px -88px;
}

.simply-scroll-btn-pause.active {
	background-position: -84px -44px;
}
.simply-scroll-btn-pause.active:hover, .simply-scroll-btn-pause.active:focus {
	background-position: -84px -88px;
}
.simply-scroll { /* Customisable base class for style override DIV */
	width:100%;
	margin-bottom: 1em;
}

.simply-scroll .simply-scroll-clip {
	width:100%;
	height: 2000px;
}
.simply-scroll .simply-scroll-list {
	height:2000px;
	width:100%;
}

.simply-scroll .simply-scroll-list li {
	float: left;
	width: 100%;
	height:auto;
	text-align:center;
	margin-bottom:80px;
}
.simply-scroll .simply-scroll-list li:first-child {
	padding-top:100px;
}
.simply-scroll .simply-scroll-list li img {}

.simply-scroll .simply-scroll-btn {
	position:absolute;
	right:0px;
	top:0px;
	width:50px;
	height:50px;
	border:1px solid red;

}

.simply-scroll .simply-scroll-btn-left {}
.simply-scroll .simply-scroll-btn-left.disabled {}
.simply-scroll .simply-scroll-btn-left:hover {}

.simply-scroll .simply-scroll-btn-right {}
.simply-scroll .simply-scroll-btn-right.disabled {}
.simply-scroll .simply-scroll-btn-right:hover {}

.simply-scroll .simply-scroll-btn-up {}
.simply-scroll .simply-scroll-btn-up.disabled {}
.simply-scroll .simply-scroll-btn-up:hover {}

.simply-scroll .simply-scroll-btn-down {}
.simply-scroll .simply-scroll-btn-down.disabled {}
.simply-scroll .simply-scroll-btn-down:hover {}

/* Vertical scroller example */

.vert { /* wider than clip to position buttons to side */
	width: 340px;
	height: 400px;
	margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
	width: 290px;
	height: 400px;
}

.vert .simply-scroll-list {}

.vert .simply-scroll-list li {
	width: 290px;
	height: 200px;
}
.vert .simply-scroll-list li img {}
.vert .simply-scroll-btn {}
.vert .simply-scroll-btn-up { /* modified btn pos */
	right: 0;
	top: 0;
}
.vert .simply-scroll-btn-up.disabled {}
.vert .simply-scroll-btn-up:hover {}
.vert .simply-scroll-btn-down { /* modified btn pos */
	right: 0;
	top: 52px;
}
.vert .simply-scroll-btn-down.disabled {}
.vert .simply-scroll-btn-down:hover {}

/* NOTE left-right classes wouldn't be needed on vertical scroller */

.tbTypeA tbody td{padding:14px 10px;word-break: keep-all;}

.exhibition .see-box h3 { font-size: 36px; margin-bottom: 25px;}
.exhibition .see-time { display: flex;margin-top: 20px; }


/* 접근성 수정 20230113 */
.main2 #header{position: absolute;;background: rgba(0,0,0,0.7);}

.main2 .etcMenu .btnTotal{background:#000}
.main2 .etcMenu .btnFoll{color:#fff;border-top: 1px solid #555;border-bottom: 1px solid #555;}
.main2 .etcMenu .btnFoll .icon{background: url(/_public/images/common/cplus.svg) center center / cover no-repeat;opacity: 1;}
.main2 .etcMenu .btnGo a{color:#fff;}