@charset "utf-8";

/*body {padding-top:95px;}*/
body.layerOpen {overflow:hidden;} /* 스크롤 제거 */

/* container */
#container {width:100%;display:inline-block; padding:200px 30px 50px 30px; /* background:#f1f1f1; */ box-sizing: border-box;}
#content {/*width:1150px;*/margin:0 auto;}


/* -- footerContent -- */
.fbmobile {display:none;} /* 모바일에서만 나오도록 처리함 */
.footerContent{width:100%; height:auto; background:#444444;}
.fcWrap{width:100%; height:100%; display:flex; flex-wrap:wrap;}/* footerContent 감싸기 */
.fcWrap > div:after{content:''; position:absolute; right:0; top:50px; bottom:50px; width:1px; height:auto; display:block; background:#565656;}
.fcWrap > div:last-child:after{display:none;}
.footCnt{width:25%; height:280px; display:block; padding:70px 50px; position:relative;}/* footerContent 콘텐츠 */
.footerContent > .fcWrap > div:nth-child(2){width:26.5%;}
.footerContent > .fcWrap > div:nth-child(3){width:23.5%;}


.fcWrap > div:last-child{padding:70px 50px 50px 50px;}/* footerContent 콘텐츠 */
.footCnt .cntHead{font-size:20px; color:#d0d0d0; font-family:'Noto Sans KR', sans-serif; font-weight:500; padding-bottom:30px;}
	/* - 이용안내 */
	.siteInfo .cntBox{width:100%; display:flex; flex-wrap:wrap;}
	.siteInfo .cntBox li{ width:33.33%; display:block; padding-bottom:13px;}
	.siteInfo .cntBox li a{font-size:14px; color:#999999; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
	.siteInfo .cntBox li a:hover{color:#fff !important;}
	.siteInfo .cntBox li:nth-child(2) a{color:#FFD943;}
	.siteInfo .cntBox li:last-child{padding-bottom:0; flex:auto;}
	/* - 오시는길 */
	.homeInfo .cntBox{width:100%; display:block;}
	.homeInfo .cntBox li{position:relative; font-size:14px; color:#999999; font-family:'Noto Sans KR', sans-serif; font-weight:400; width:100%; display:block; padding-bottom:13px; padding-left:21px; }
	.homeInfo .cntBox li:before{content:''; display:inline-block; width:10px; height:13px; position:Absolute; left:0;}
	.homeInfo .cntBox li:nth-child(1):before{background:url('../../images/2019/controls.png') 0 -61px / auto no-repeat; top:5px;}
	.homeInfo .cntBox li:nth-child(2):before{width:13px; background:url('../../images/2019/controls.png') -24px -61px / auto no-repeat; top:5px;}
	.homeInfo .cntBox li:nth-child(3):before{width:13px; background:url('../../images/2019/controls.png') -11px -61px / auto no-repeat; top:5px;}
	/* - 사이트 바로가기 */
	.goSite .cntBox{width:100%; display:block;}
	.goSite .cntBox li{font-size:14px; color:#999999; font-family:'Noto Sans KR', sans-serif; font-weight:500; width:100%; display:block; padding-bottom:20px;}
	.goSite .cntBox{width:100%; display:flex;}
	.goSite .cntBox li{position:relative; font-size:14px; color:#999999; font-family:'Noto Sans KR', sans-serif; font-weight:400; width:auto;}
	.goSite .cntBox li:first-child{flex:7}
	.goSite .cntBox li:last-child{flex:3;}
	.goSite .cntBox li a, .goSite .cntBox li button{display:block; font-size:14px; color:#999999; font-family:'Noto Sans KR', sans-serif; font-weight:400; padding-top:1px;}
	.goSite .cntBox li a:focus, .goSite .cntBox li button:focus {border:1px dotted #fff;}
	.goSite .cntBox li span{width:100%; display:block; padding-bottom:13px; position:relative;  padding-left:22px; }
	.goSite .cntBox li span:hover button{color:#fff;}
	.goSite .cntBox li span:before{content:''; display:inline-block; width:13px; height:13px; position:Absolute; left:0;}
	.goSite .cntBox li span.pop:before{ background:url('../../images/2019/controls.png') -38px -60px / auto no-repeat; top:5px;}
	.goSite .cntBox li span.pop:hover:before{ background:url('../../images/2019/controls.png') -85px -59px / auto no-repeat; top:5px;}
	.goSite .cntBox li span.kids:before{ background:url('../../images/2019/controls.png') -53px -60px / auto no-repeat; top:5px;}
	.goSite .cntBox li span.kids:hover:before{ background:url('../../images/2019/controls.png') -100px -59px / auto no-repeat; top:5px;}
	.goSite .cntBox li span.kids:hover a{color:#f1d729;}
	.goSite .cntBox li span.eng:before{  width:14px; height:14px; background:url('../../images/2019/controls.png') -68px -59px / auto no-repeat; top:5px;}
	.goSite .cntBox li span.eng:hover:before{  width:14px; height:14px; background:url('../../images/2019/controls.png') -115px -59px / auto no-repeat; top:5px;}
	.goSite .cntBox li span.eng:hover a{color:#fb802d;}
	/* - 사이트 마크 */
	.markInfo{width:100%; height:100%; display:block; position:relative;}
	.markInfo .cntBox{width:100%; display:flex;}
	.markInfo p{font-size:14px; color:#999; font-family:'Noto Sans KR', sans-serif; font-weight:400;}
	.markInfo .cntBox{position:Absolute; height:auto; width:100%; bottom:0; left:0; }
	.markInfo .cntBox li{position:relative; width:auto; display:flex; }
	/* - sns 바로가기 */
	.markInfo .cntBox li.sns{flex:5.8;}
	.markInfo .cntBox li.sns a{width:38px; height:38px; display:block; float:left; flex-wrap:wrap; text-align:center; margin-top:3px; margin-right:10px; background:#3d3d3d; border-radius:100%; font-size:0;}
	.markInfo .cntBox li.sns a:before{content:''; display:inline-block; opacity:.5;}
	.markInfo .cntBox li.sns a.facebook:before{width:7px; height:15px; margin-top:11px; background:url('../../images/2019/controls.png') 0 -78px  / auto no-repeat;}
	.markInfo .cntBox li.sns a.twitter:before{width:15px; height:13px; margin-top:13px; background:url('../../images/2019/controls.png') -9px -79px  / auto no-repeat;}
	.markInfo .cntBox li.sns a.youtube:before{width:19px; height:14px; margin-top:12px; background:url('../../images/2019/controls.png') -26px -78px  / auto no-repeat;}
	.markInfo .cntBox li.sns a.naverblog:before{width:19px; height:15px; margin-top:12px; background:url('../../images/2019/controls.png') -47px -78px  / auto no-repeat;}
	.markInfo .cntBox li.sns a.instagram:before{width:15px; height:15px; margin-top:8px; background:url('../../images/2019/controls.png') -26px -96px  / auto no-repeat;}
	.markInfo .cntBox li.sns a:hover:before{opacity:1;}
	/* - 웹와치 & 오픈누리 */
	.markInfo .cntBox li.lisence{flex:4.2}
	.markInfo .cntBox li.lisence a{font-size:0; display:block;}
	.markInfo .cntBox li.lisence a.webWatch{margin-right:15px; width:59px; height:44px; background:url('../../images/2019/ico-webWatch.png') center center  / auto no-repeat; }
	.markInfo .cntBox li.lisence a.openNuri{margin-top:7px; width:71px; height:30px; background:url('../../images/2019/ico-openNuri.png') center center  / auto no-repeat; }
	.markInfo .cntBox li a span{font-size:0;}

/* ===== footer 영역 : E ===== */

/* ===== breadScrumb 영역 : S ===== */

.breadScrumb{display:flex; align-items:flex-end;}
.breadScrumb .bsHome{font-size:0; display:block; width:12px; height:11px;  background:url('../../images/2019/bsHome.png') center center  / auto no-repeat;}
.breadScrumb > ul{display:flex; align-items:center; margin-left:auto; margin-bottom:5px; flex:none;}
.breadScrumb > ul > li{display:flex; align-items:center; font-size:12px; color:#888888; line-height:1.5em;}
.breadScrumb > ul > li > a{color:#888;}
.breadScrumb > ul > li > a:hover{cursor:pointer;}
.breadScrumb > ul > li:last-child > a{color:#444;}
.breadScrumb > ul > li:after{content:''; width:1px; height:12px; margin:0 13px 0 15px; transform:rotate(30deg); display:block; background:#bbbbbb; }
.breadScrumb > ul > li:last-child:after{display:none;}
/* ===== breadScrumb 영역 : E ===== */

@-ms-keyframes plusIcon {
	0% {transform:rotate(0deg);}
	50% { transform:rotate(360deg);}
	100% { transform:rotate(0deg);}
}
@keyframes plusIcon {
	0% {transform:rotate(0deg);}
	50% { transform:rotate(360deg);}
	100% { transform:rotate(0deg);}
}

@-ms-keyframes popMenuIcon {
	0% {background:transparent;}
	50% { background:rgba(87,138,213,.3);}
	100% { background:transparent;}
}
@keyframes popMenuIcon {
	0% {background:transparent;}
	50% { background:rgba(87,138,213,.3);}
	100% { background:transparent;}
}

@-ms-keyframes hoverOn {
	0% {width:0;}
	50% { width:25px; margin-left:15px;}
	100% { width:25px; margin-left:8px}
}
@keyframes hoverOn {
	0% {width:0;}
	50% { width:25px; margin-left:15px;}
	100% { width:25px; margin-left:8px}
}

/* 상단 SNS 채널(블로그,페이스북,트위터,유튜브)  및 영문 홈페이지 링크 추가 : 20190925 */
.gotoLink {display:flex; align-items:center; padding:0 10px;}
.gotoLink a{width:30px; height:30px; display:block; float:left; flex-wrap:wrap; text-align:center; margin-right:5px; border-radius:100%; font-size:0; -webkit-transition:all .5s ease; transition: all .5s ease;}
.gotoLink a:before{content:''; display:inline-block; opacity:.9;}
.gotoLink a.facebook:before{width:7px; height:15px; margin-top:8px; background:url('../../images/2019/controls.png') 0 -78px  / auto no-repeat;}
.gotoLink a.twitter:before{width:15px; height:13px; margin-top:9px; background:url('../../images/2019/controls.png') -9px -79px  / auto no-repeat;}
.gotoLink a.youtube:before{width:19px; height:14px; margin-top:8px; background:url('../../images/2019/controls.png') -26px -78px  / auto no-repeat;}
.gotoLink a.naverblog:before{width:19px; height:15px; margin-top:8px; background:url('../../images/2019/controls.png') -47px -78px  / auto no-repeat;}
.gotoLink a.instagram:before{width:15px; height:15px; margin-top:7px; background:url('../../images/2019/controls.png') -26px -96px  / auto no-repeat;}
.gotoLink a.english:before{width:19px; height:15px; margin-top:9px; background:url('../../images/2019/controls.png') -70px -78px  / auto no-repeat;}
.gotoLink a:hover:before{opacity:1;}
	/* 마우스 오버 */
	header.headerHover .header .gotoLink a.facebook:before{background:url('../../images/2019/controls.png') 0 -78px / auto no-repeat !important;}
	header.headerHover .header .gotoLink a.twitter:before{background:url('../../images/2019/controls.png') -9px -79px / auto no-repeat !important;}
	header.headerHover .header .gotoLink a.youtube:before{background:url('../../images/2019/controls.png') -26px -78px / auto no-repeat !important;}
	header.headerHover .header .gotoLink a.naverblog:before{background:url('../../images/2019/controls.png') -47px -78px / auto no-repeat !important;}
	header.headerHover .header .gotoLink a.instagram:before{background:url('../../images/2019/controls.png') -26px -96px / auto no-repeat !important;}
	header.headerHover .header .gotoLink a.english:before{background:url('../../images/2019/controls.png') -70px -78px / auto no-repeat !important;}
	header.headerHover .header .gotoLink a {background-color:#929292; -webkit-transition:all .5s ease; transition: all .5s ease;}
	header.headerHover .header .gotoLink a:hover {background-color:#559def; -webkit-transition:all .5s ease; transition: all .5s ease;}
	/* 스크롤 했을 경우 */
	header#whiteSkin-scroll .header .gotoLink a {background-color:#929292;}
	header#whiteSkin-scroll .header .gotoLink a:hover {background-color:#559def;}
	header#whiteSkin-scroll .header .gotoLink a:before{opacity:.9 !important;}
	header#whiteSkin-scroll .header .gotoLink a:hover:before{opacity:1 !important;}
	header#whiteSkin-scroll .header .gotoLink a.facebook:before{background:url('../../images/2019/controls.png') 0 -78px  / auto no-repeat !important;}
	header#whiteSkin-scroll .header .gotoLink a.twitter:before{background:url('../../images/2019/controls.png') -9px -79px  / auto no-repeat !important;}
	header#whiteSkin-scroll .header .gotoLink a.youtube:before{background:url('../../images/2019/controls.png') -26px -78px  / auto no-repeat !important;}
	header#whiteSkin-scroll .header .gotoLink a.naverblog:before{background:url('../../images/2019/controls.png') -47px -78px  / auto no-repeat !important;}
	header#whiteSkin-scroll .header .gotoLink a.instagram:before{background:url('../../images/2019/controls.png') -26px -96px  / auto no-repeat !important;}
	header#whiteSkin-scroll .header .gotoLink a.english:before{background:url('../../images/2019/controls.png') -70px -78px  / auto no-repeat !important;}
	
/* ie에서 유튜브 지원안내 내용 표기 : 20200306 */
.ytbNotice{background:#f5d562; color:#333; font-size:15px; padding:11px 0; display:block; text-align:center; margin:0 auto;}
.ytbNotice > span{display:block; margin:0 auto;}


/* 상단팝업 20200311 */
/*.top-popup.openPopup{display:block;} */
.top-popup{font-family:'Noto Sans KR', sans-serif; margin:0 auto;display:none;text-align:center;background-color:#f7e0ca; z-index:999;}
.top-popup .topContainer{display:flex; align-items:Center; max-width:85%; width:100%;margin:0 auto;}
.top-popup .leftpop{flex:auto; height:80px;display:flex;justify-content:center;align-items:center;overflow:hidden;}
.top-popup .leftpop .popimgpc{padding-top:0;}
.top-popup .leftpop .popimgm{display:none;}

.top-popup .leftpop .Shortcuts{flex:none; display:flex; padding:0px 20px 0px 25px;cursor:pointer;}
.top-popup .leftpop .Shortcuts a{background-color:#b99d8b;align-items:center; display:flex; border-radius:20px;text-align:left;font-size:16px;line-height:21px;letter-spacing:0px;color:#ffffff;padding:5px 8px 5px 10px;margin:0 10px;}
.top-popup .leftpop .Shortcuts a span{content:'';display:block;position:relative;border-radius:20px;background:#816e62;width:20px;height:20px;float:right;margin-left:10px;}

.top-popup .leftpop .Shortcuts span::after{content:'';background:#fff;width:1px;height:8px;display:block;position:absolute;transform:rotate(135deg);left:10px;top:3px;}
.top-popup .leftpop .Shortcuts span::before{content:'';background:#fff;width:1px;height:8px;display:block;position:absolute;transform:rotate(-135deg);left:10px;top:8px;}

.top-popup .rightpop{flex:none; height:80px;display:flex;justify-content:center;align-items:center;font-size:14px;}
.top-popup .rightpop .topclose {display:flex; align-items:center; justify-content:center; color:#555; background:rgba(255,255,255,.8);border-radius:20px;width:70px;padding:5px 0 5px 0; margin-left:15px;text-align:center;line-height:1;cursor:pointer;}
.top-popup .rightpop .todayclose{display:flex; align-items:center;}
.top-popup .rightpop .todayclose label{width:max-content;cursor:pointer;letter-spacing:0;}
.top-popup .rightpop .todayclose input{cursor:pointer; margin-right:5px;}


.bgbg{height:500px;margin:0 auto;background-color:darkgoldenrod;}


/* ==== 1400px 이하 일때 (뷰포트 1400px 기준) ==== */
@media only screen and (max-width:1400px){
	.top-popup .topContainer{max-width:100%; padding:0 30px;}
    .top-popup .rightpop .todayclose{padding-left:5px;}
    .top-popup .leftpop .popimgpc{padding-top:8px; width:57%;}
    .top-popup .leftpop .Shortcuts a{margin: 0px 6px;}
}

/* ==== 1200px 이하 일때 ==== */ 
@media only screen and (max-width:1200px) {
	.top-popup .topContainer{padding:0;}
    .top-popup{flex-direction: column;padding:0px;}
	.top-popup .topContainer{flex-direction: column;}
    .top-popup .leftpop{width:100%; padding:0 24px 0 30px;}
    .top-popup .leftpop .Shortcuts{flex:auto; justify-content:flex-end; padding:0px 0px 0px 15px;}
    .top-popup .rightpop{height:40px;width:100%;background-color:#816e62;color:#fff;justify-content:flex-end;padding-right:30px;}
    .top-popup .rightpop .topclose{background-color: #9a8b81;  color:#fff;}
}
/* ==== 1000px 이하 일때 ==== */ 
@media only screen and (max-width:1100px) {
    .top-popup .leftpop {height: 73px; padding:0 14px 0 20px;}
    .top-popup .leftpop .popimgpc{flex:auto; width:53.5vw;}
    .top-popup .leftpop .Shortcuts{flex:none;}
    .top-popup .rightpop{padding-right:20px;}
}
/* ==== 900px 이하 일때 ==== */ 
@media only screen and (max-width:900px) {
.top-popup .leftpop {width:100%;height:90px; padding:0; flex-direction:column;}
.top-popup .leftpop .popimgpc{display:none;}
.top-popup .leftpop .popimgm{display:block;}
.top-popup .leftpop .Shortcuts{display:flex; padding:10px 0px 0px 0px;}
.top-popup .rightpop{justify-content:center;padding:0px;}
}
/* ==== 900px 이하 일때 ==== */ 
@media only screen and (max-width:450px) {
    .top-popup .leftpop .Shortcuts a{font-size:3.556vw; /* font-size:16px; */}	
}
/* ==== 900px 이하 일때 ==== */ 
@media only screen and (max-width:350px) {
.top-popup .leftpop .Shortcuts a{font-size:12px;}
}