@import url("/css/com/gbe_v3/basic.css"); 

/*-----------------------------------------------------------
Author :gahye, Park
Creative date :2021. 08. 17
-----------------------------------------------------------*/

/* 공통 레이아웃 */
body{opacity:0; }
body.shOn{opacity:1; }
#wrap {overflow:hidden; }
#contents {position:relative; height:auto; overflow:hidden; }  
.container {position:relative; width:100%; max-width:1400px; margin:0 auto; }
.container:after {clear:both; display:block; content:""; }
  
/* header */
#header {position:relative; z-index:998; height:7.25rem; background:#fff; border-bottom:1px solid #dcdcdc; }
#header .headerWrap{position:relative; max-width:1820px; height:100%; padding-top:2.25rem; margin:auto; }
#header .logo {position:absolute; display:inline-block; top:calc(50% + 1.125rem); left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
#header .logo > a{position:relative; display:block; }
#header .logo > a > img{display:block; max-width:100%; }

/* 상단 t_side */
.t_side{position:absolute; top:0; left:50%; width:100%; height:2.25rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); line-height:calc(2.25rem - 1px); font-family:"SCDream"; }
.t_side:before{position:absolute; top:0; left:50%; width:100vw; height:100%; background:#f3f5f6; border-bottom:1px solid #dcdcdc; -webkit-transform:translateX(-50%); transform:translateX(-50%); content:""; } 
.t_side:after{display:block; clear:both; content:""; }  

/* 경북교육청 바로가기 */
.drt_btn{position:relative; padding:0 1.5rem; float:left; background:#faa634; font-weight:600; color:#222; font-size:.8rem; overflow:hidden; }
.drt_btn:before{position:absolute; top:100%; left:0; width:100%; height:100%; background:#e18200; -webkit-transition:top .3s; transition:top .3s; content:""; }
.drt_btn > span{position:relative; z-index:1; }
.drt_btn[target="_blank"] > span:after{content:"\e980"; font-family:"xeicon"; margin-left:0.2rem; }
.drt_btn:hover,
.drt_btn:focus{color:#fff; }
.drt_btn:hover:before,
.drt_btn:focus:before{top:0; }

/* 날씨 */
.wether_wrap{position:relative; display:inline-block; }
.wether_wrap .wether_tit{display:inline-block; vertical-align:middle; font-weight:600; }
.wether_wrap .wether_tit > strong{display:inline-block; color:#444; font-size:.8rem; vertical-align:middle; }
.wether_wrap .wether_tit > strong + strong{color:#555; font-size:.7rem; margin-left:.5rem; }
.wether_wrap .wether_cont{display:inline-block; vertical-align:middle; margin-left:.5rem; }
.wether_wrap .wether_cont > strong{position:relative; float:left; color:#fe9200; font-size:1rem; font-weight:900; padding-left:1.25rem; }
.wether_wrap .wether_cont > strong:before{position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:"xeicon"; content:"\eba4"; }
.wether_wrap .wether_cont > strong.wether_type2:before{content:"\eba0"; }
.wether_wrap .wether_cont > strong.wether_type3:before{content:"\eba1"; }
.wether_wrap .wether_cont > ul{float:left; margin-left:.5rem; }
.wether_wrap .wether_cont > ul > li{position:relative; float:left; padding:0 .5rem; font-size:.65rem; color:#333; }
.wether_wrap .wether_cont > ul > li + li:before{position:absolute; top:50%; left:0; width:1px; height:10px; background:#555; -webkit-transform:translateY(-50%); transform:translateY(-50%); content:""; }
.wether_wrap .wether_cont > ul > li > em{color:#508800; }
.wether_wrap .wether_cont > ul > li + li > em{color:#016ea5; }

/* util */
.topUtil{display:inline-block; }
.topUtil > ul > li{position:relative; display:inline-block; padding:0 .5rem; vertical-align:middle; color:#555; font-size:.75rem; font-family:"SCDream"; } 
.topUtil > ul > li:before{position:absolute; top:50%; left:-2px; width:4px; height:4px; background:#ccc; border-radius:4px; -webkit-transform:translateY(-50%); transform:translateY(-50%); content:""; }
.topUtil > ul > li > a{display:block; }
.topUtil > ul > li.fs_ctrl > strong{display:inline-block; font-weight:600; vertical-align:middle; }
.topUtil > ul > li.fs_ctrl > i{display:inline-block; margin-right:.25rem; vertical-align:middle; }
.topUtil > ul > li.fs_ctrl .fs_ctrl_btn{display:inline-block; vertical-align:middle; margin-left:.5rem; }
.topUtil > ul > li.fs_ctrl .fs_ctrl_btn a{float:left; width:1.2rem; height:1.2rem; text-align:center; line-height:1.2rem; font-size:.7rem; background:#555; color:#fff; border-radius:1.2rem; }
.topUtil > ul > li.fs_ctrl .fs_ctrl_btn a + a{margin-left:.25rem; }
.topUtil > ul > li.fs_ctrl .fs_ctrl_btn a > i{margin-left:0; }
.topUtil > ul > li.fs_ctrl .fs_ctrl_btn a:hover,
.topUtil > ul > li.fs_ctrl .fs_ctrl_btn a:focus{background:#333; }

/* 통합검색 */
.total_search{display:inline-block; vertical-align:middle; margin-left:7.5rem; }
.total_search #mSearch {position:absolute; display:none; z-index:1; top:7.25rem; left:50%; width:104%; height:auto; padding:1rem 2%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
.total_search #mSearch:before{position:absolute; top:0; left:50%; width:100vw; height:100%; background:#fff; border-bottom:1px solid #dcdcdc; -webkit-transform:translateX(-50%); transform:translateX(-50%); content:""; }
.total_search #mSearch form{position:relative; height:3.5rem; width:100%; height:100%; }
.total_search #mSearch .con{position:relative; width:80%; height:3.5rem; margin:auto; }
.total_search #mSearch input{ display:block; width:100%; height:100%; padding:0 4.5rem 0 1rem; border:2px solid #003956; color:#333; background:#fff; font-family:"SCDream"; font-size:.8rem; }
.total_search #mSearch input::placeholder{color:#b1b1b1; }
.total_search #mSearch input::placeholder{color:#b1b1b1; }
.total_search #mSearch input::-webkit-input-placeholder{color:#b1b1b1; }
.total_search #mSearch input:-ms-input-placeholder{color:#b1b1b1; }
.total_search #mSearch input:hover,
.total_search #mSearch input:focus{outline:0; border-color:#004c8c; }
.total_search #mSearch .btnSearch{position:absolute; top:0; right:0; width:3.5rem; height:100%; background:#003956; color:#fff; text-align:center; font-size:1.25rem; }
.total_search #mSearch .btnSearch > i{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%,-50%); -webkit-transition:top .3s; transition:top .3s; }
.total_search #mSearch .btnSearch:hover > i,
.total_search #mSearch .btnSearch:focus > i{top:48%; }
.total_search .hash{position:absolute; top:2.25rem; right:3rem; width:3rem; height:5rem; line-height:5rem; color:#333; text-align:center; font-size:1.55rem; }
.total_search .hash > i{-webkit-transition:transform .3s, color .3s; transition:transform .3s, color .3s; }
.total_search .hash:hover > i,
.total_search .hash:focus > i{color:#0662b0; -webkit-transform:translateY(-3px); transform:translateY(-3px); }
.total_search .btnSearchClose{position:absolute; top:-6rem; right:2.5rem; width:3rem; height:4.9rem; background:#fff; line-height:5rem; color:#333; text-align:center; font-size:1.55rem; }
.total_search #mSearch .btnSearch{width:3.5rem; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){
	.total_search .btnSearchClose{right:3.5rem; }
}	
/* 상단메뉴 */ 
#gnb {position:absolute; top:calc(50% + 1.15rem); left:55%; max-width:65%; min-width:65%; -webkit-transform:translate(-50%, -50%); transform:translate(-57%, -50%); font-family:"SCDream"; font-weight:600; text-align:center; }
#gnb:after {clear:both; display:block; content:""; }
#gnb .bgMenuBar {position:absolute; top:5rem; left:49%; width:100vw; -webkit-transform:translateX(-50%); transform:translateX(-50%); background:#fff; box-shadow:4px 4px 10px rgba(169,172,176,0.35); opacity:0; visibility:hidden; content:""; } /*2021 11 26 HJH */
#gnb .dep01 {width:100%; }
#gnb .dep01 > li {position:relative; float:left; height:5rem; letter-spacing:-1px; }
#gnb .dep01 > li > a {position:relative; display:table; width:100%; height:100%; padding:0 .25rem; table-layout:fixed; font-size:1rem; color:#333; }
#gnb .dep01 > li > a > span{display:table-cell; vertical-align:middle; }
#gnb .dep01 a[target="_blank"]:after{content:"\e980"; font-family:"xeicon"; margin-left:0.2rem; color:#004896; }

/* 상단메뉴 active */
#header.mainMenuOpen #gnb .bgMenuBar{opacity:1; visibility:visible; }

/* 상단메뉴 fullDown */
#gnb.fullDown .dep01 > li:before{content:""; position:absolute; bottom:-0.3rem; left:calc(50% - 0.3rem); width:0.6rem; height:0.6rem; border-radius:50%; background:#004896; box-shadow:1px 1px 8px rgba(0,72,150,0.35); opacity:0; z-index:2; }
#gnb.fullDown .dep01 > li .dep02{position:absolute; display:none; top:5rem; left:0; width:100%; padding:1rem 0 0.5rem; }
#gnb.fullDown .dep01 > li.active .dep02:before{position:absolute; top:0; left:0; width:100%; height:100%; background:#f2f6fa; content:""; }
#gnb.fullDown .dep01 > li .dep02 > li > a {position:relative; display:block; padding:0.45rem 1.25rem; line-height:1.3; font-size:0.8rem; color:#333; }
#gnb.fullDown .dep01 .dep02 > li.child > a:after{content:""; position:absolute; right:1.25rem; top:16px; display:inline-block; width:15px; height:9px; background:url('/images/web/ydcamping/common/dep_arrw.png'); -webkit-transform:rotate(180deg); transform:rotate(180deg); -webkit-transition:transform .3s; transition:transform .3s; }
#gnb.fullDown .dep01 .dep02 > li.child > a > span{position:relative; display:inline-block; padding-right:24px; }
#gnb.fullDown .dep01 .dep03 {position:relative; z-index:1; display:none; padding:0.5rem 1.5rem; background:#c8d6e5; overflow:hidden; }
#gnb.fullDown .dep01 .dep03 > li > a {position:relative; display:block; padding:0.2rem 0; line-height:1.3; font-size:0.75rem; color:#333; text-align:left; }
#gnb.fullDown .dep01 .dep02 > li.child.active .dep03 {display:block; }


@keyframes gnbMenu_dot {
	0%{transform:translateY(-20%); -webkit-transform:translateY(-20%); }
	50%{transform:translateY(20%); -webkit-transform:translateY(20%); }
	100%{transform:translateY(0); -webkit-transform:translateY(0); }
}
@-webkit-keyframes gnbMenu_dot {
	0%{transform:translateY(-20%); -webkit-transform:translateY(-20%); }
	50%{transform:translateY(20%); -webkit-transform:translateY(20%); }
	100%{transform:translateY(0); -webkit-transform:translateY(0); }
}

/* 상단메뉴 fullDown active */
#header.mainMenuOpen #gnb.fullDown .dep01 .dep02 {display:block; }
#gnb.fullDown .dep01 > li.active:before{opacity:1; -webkit-animation:gnbMenu_dot 0.3s; animation:gnbMenu_dot 0.3s; }
#gnb.fullDown .dep01 .dep02 > li > a{text-align:left; }
#gnb.fullDown .dep01 .dep02 > li > a:hover,
#gnb.fullDown .dep01 .dep02 > li > a:focus,
#gnb.fullDown .dep01 .dep02 > li.active > a {background:rgba(173, 197, 224, .4); color:#004896; }
#gnb.fullDown .dep01 .dep02 > li.child.active > a:after {-webkit-transform:rotate(0); transform:rotate(0); }
#gnb.fullDown .dep01 .dep02 > li.child.active > .dep03 {display:block; }
#gnb.fullDown .dep01 .dep03 > li > a:hover,
#gnb.fullDown .dep01 .dep03 > li > a:focus{color:#234d8d; }

/* 상단메뉴 oneDown */
#gnb.oneDown .bgMenuBar{display:none !important; }
#gnb.oneDown .dep02_wrap:after{position:absolute; top:0; left:50%; width:200vw; height:100%; background:#fff; box-shadow:4px 4px 10px rgba(169,172,176,.35); -webkit-transform:translateX(-50%); transform:translateX(-50%); content:""; }
#gnb.oneDown .dep01 > li{position:static; float:left; }
#gnb.oneDown .dep02_wrap{position:absolute; top:5rem; left:0; width:1400px; min-height:20rem; padding:1.5rem 0 1.5rem 15.5rem; opacity:0; visibility:hidden; -webkit-transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); }
#gnb.oneDown .gnb_txt{position:absolute; top:0; left:0;  z-index:1; float:left; width:15.5rem; height:100%; padding-top:1.5rem; font-family:"SCDream"; padding-right:2.5rem; }
#gnb.oneDown .gnb_txt:before{position:absolute; right:0; top:0; width:100vw; height:100%; background:#f7fbff; content:""; }
#gnb.oneDown .gnb_txt > strong{position:relative; display:inline-block; color:#0f3c62; font-size:1.4rem; font-weight:700; opacity:0; -webkit-transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition-delay:.3s; transition-delay:.3s; }
#gnb.oneDown .gnb_txt > strong:after{position:absolute; bottom:-5px; left:50%; width:calc(100% + 20px); height:1.2rem; border-radius:10px; -webkit-transform:translate(-50%); transform:translate(-50%); background:#d9eefd; content:""; }
#gnb.oneDown .gnb_txt > strong > em{position:relative; z-index:1; }
#gnb.oneDown .gnb_txt > span{position:relative; display:block; margin-top:1.25rem; padding-bottom:12rem; color:#50708b; font-size:.85rem; font-weight:400; -webkit-transform:translateY(5px); transform:translateY(5px); opacity:0; -webkit-transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition-delay:.3s; transition-delay:.3s; }
#gnb.oneDown .gnb_txt > span:before{position:absolute; bottom:2rem; left:50%; width:6.9rem; height:6.95rem; -webkit-transform:translateX(-50%); transform:translateX(-50%); background-image:url('/images/web/ydcamping/common/gnb_txt_ico.png'); background-size:cover; background-position:center; background-repeat:no-repeat; content:""; }
#gnb.oneDown .dep02{position:relative; z-index:1; float:left; margin:-.625rem; padding-left:3rem; width:100%; text-align:left; -webkit-transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); -webkit-transition-delay:.4s; transition-delay:.4s; }
#gnb.oneDown .dep02 > li{display:inline-block; vertical-align:top; padding:.625rem; width:calc(25% - 3px); text-align:left; }
#gnb.oneDown .dep02 > li > a{position:relative; display:table; table-layout:fixed; width:100%; height:2.5rem; padding:0 2rem 0 1rem; border-width:1px; border-style:solid; border-color:#bababa; background:#fff; word-break:break-all; -webkit-transition:color .3s; -moz-transition:color .3s; -ms-transition:color .3s; -o-transition:color .3s; transition:color .3s; overflow:hidden; }
#gnb.oneDown .dep02 > li:first-of-type > a{padding-top:0; }
#gnb.oneDown .dep02 > li > a:before{position:absolute; top:50%; right:1rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:"xeicon"; font-size:.75rem; color:#929292; content:"\e93e"; -webkit-transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); }
#gnb.oneDown .dep02 > li > a > span{display:table-cell; vertical-align:middle; width:100%; font-size:.9rem; font-family:"SCDream", "Sora"; line-height:1.1; color:#333; -webkit-transition:color 300ms cubic-bezier(0.77, 0, 0.175, 1); -ms-transition:color 300ms cubic-bezier(0.77, 0, 0.175, 1); -moz-transition:color 300ms cubic-bezier(0.77, 0, 0.175, 1); transition:color 300ms cubic-bezier(0.77, 0, 0.175, 1); }
#gnb.oneDown .dep03{height:0; padding:0; border-width:0 1px 1px; border-style:solid; border-color:#bababa; overflow:hidden; opacity:0; visibility:hidden; -webkit-transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); transition:all 400ms cubic-bezier(0.77, 0, 0.175, 1); }
#gnb.oneDown .dep03 > li a{position:relative; display:block; font-weight:400; font-size:0.8rem; padding:.5rem 1rem .5rem 1.75rem; color:#333; -webkit-transition:all .3s; transition:all .3s; }
#gnb.oneDown .dep03 > li a:after{position:absolute; top:calc(.5rem + 5px); left:1rem; width:4px; height:4px; border-radius:4px; background:#0662b0; content:""; }
#gnb.oneDown .dep01 > li ul.group{padding:.5rem; }
/* oneDown :action */
#gnb.oneDown .dep01 > li.active .dep02_wrap{opacity:1; visibility:visible; }
#gnb.oneDown .dep02 > li.active > a,
#gnb.oneDown .dep02 > li > a:hover{border-width:2px; border-color:#0662b0; color:#0662b0; }
#gnb.oneDown .dep02 > li.active > a > span,
#gnb.oneDown .dep02 > li > a:hover > span{color:#0662b0; }
#gnb.oneDown .dep02 > li.active > a:before{color:#0662b0; -webkit-transform:translateY(-50%) rotate(90deg); transform:translateY(-50%) rotate(90deg); }
#gnb.oneDown .dep02 > li > a:hover:before{color:#0662b0; }
#gnb.oneDown .dep01 > li.active .gnb_txt > strong,
#gnb.oneDown .dep01 > li.active .gnb_txt > span{opacity:1; -webkit-transform:translateY(0); transform:translateY(0); }
#gnb.oneDown .dep01 > li.active .dep02{opacity:1; padding-left:2rem; }
#gnb.oneDown .dep02 > li.active .dep03{height:auto; padding:.5rem 0; opacity:1; visibility:visible; }
#gnb.oneDown .dep03 > li a:hover,
#gnb.oneDown .dep03 > li a:focus{ background:#f3f9ff; font-weight:600; }


/* 사이트맵 버튼 */
.fullmenu_btn{position:absolute; top:2.25rem; right:0; width:3rem; height:5rem; line-height:5rem; color:#333; text-align:center; font-size:1.55rem; }
.fullmenu_btn a{display:block; width:100%; height:100%; }
.fullmenu_btn a > i{-webkit-transition:transform .3s, color .3s; transition:transform .3s, color .3s; }
.fullmenu_btn a:hover > i,
.fullmenu_btn a:focus > i{color:#0662b0; -webkit-transform:translateY(-3px); transform:translateY(-3px); }

/* 사이트맵 */
.popFullmenu {position:fixed; left:0; top:0; display:none; width:100%; height:100%; background:#fff; z-index:999;font-family:"SCDream"; }
.popFullmenu .gnb_txt{display:none; }
.popFullmenu .fullmenu_wrap{height:100%; font-family:"SCDream"; } 
.popFullmenu .logo{position:absolute; top:1.2rem; display:block; left:2%; z-index:11; }
.popFullmenu h2{position:relative; line-height:4.8rem; border-bottom:1px solid #e4e4e4; font-size:1.4rem; font-weight:600; color:#000; text-align:center; }
.popFullmenu h2 span{position:relative; padding:0 0.5rem; }
.popFullmenu h2 span:before{content:"";position:absolute;left:0;bottom:0;width:100%;height:1rem;border-radius:1rem;background:#feeace;z-index:-1; } 
.popFullmenu .fullmenu_util{display:none; }
.popFullmenu .fullmenu_group{max-width:1400px; margin:2rem auto; }
.popFullmenu .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color:#9c9c9c; } 
.popFullmenu a {position:relative; }
.popFullmenu a > span {position:relative; display:inline-block; z-index:1; }
.popFullmenu .dep1 a[target="_blank"]:after {display:inline-block; margin-left:0.25rem; vertical-align:middle; font-family:"xeicon"; font-weight:400; content:"\e980"; } 
.popFullmenu .fullmenu_group {height:calc(100% - 170px); } 
.popFullmenu .fullmenu_group .mCSB_scrollTools .mCSB_draggerContainer {left:10px; }
.popFullmenu .dep01 {margin:-2rem -1rem 0; overflow:hidden; }
.popFullmenu .dep01 > li {display:inline-block;margin-top:2rem;padding:0 1rem;width:calc(25% - 5px) !important;line-height:1.3;vertical-align:top;font-size:0.8rem; }
.popFullmenu .dep01 > li > a {display:block;position:relative;border-bottom:1px solid #bcbcbc;font-size:1.1rem;font-weight:600;font-size:1rem;color:#2e2e2e; }
.popFullmenu .dep01 > li > a:before {content:""; display:inline-block; position:absolute; bottom:-1px; left:0; z-index:1; width:0; height:2px; background:#faa634; background:linear-gradient(to right, #fece8c, #faa634); -webkit-transition:0.2s; -ms-transition:0.2s; transition:0.2s; }
.popFullmenu .dep01 a[target="_blank"]:after{content:"\e980"; font-family:"xeicon"; margin-left:0.2rem; color:#004896; }
.popFullmenu .dep01 > li > a > span {position:relative; display:block; padding:1rem 0 1rem 1.5rem; }
.popFullmenu .dep01 > li > a > span:before{content:"";position:absolute;right:0;bottom:-0.4rem;width:0.8rem;height:0.8rem;background:#faa634;border-radius:50%; box-shadow:1px 1px 8px rgba(250, 166, 52,0.35); }
.popFullmenu .dep02 {padding:1rem 0; }
.popFullmenu .dep02 li > a {display:block; position:relative; padding:0.4rem 0 0.4rem 0; font-weight:500; font-size:0.8rem; color:#222; font-weight:600; } 
.popFullmenu .dep02 li.dep > a:after{content:"\e941"; position:absolute; right:0; top:0.4rem; font-family:"xeicon"; }
.popFullmenu .dep02 li > a > span{position:relative; display:inline-block; -webkit-transition:0.3s; transition:0.3s; }
.popFullmenu .dep02 li > ul {overflow:hidden;margin:0.2rem 0;padding:0.5rem 0.5rem 0.5rem 1rem;background:rgba(46,46,46,.05); }
.popFullmenu .dep02 li > ul > li > a {display:block; position:relative; padding:0.3rem 0 0.3rem 0.7rem; font-weight:600; font-size:0.7rem; color:#222; }
.popFullmenu .dep02 li > ul > li > a:before {content:""; display:inline-block; position:absolute; top:0.6rem; left:0; width:4px; height:4px; border-radius:50%; background:#00a291; }
.popFullmenu .dep02 li > ul > li > a[target="_blank"]:after{color:#004896; }
.popFullmenu .popUntil {position:absolute; top:2.4rem; left:0; display:none; margin:-.5rem; }
.popFullmenu .popUntil > li {position:relative; float:left; padding:.5rem; }
.popFullmenu .popUntil > li > a {position:relative; line-height:45px; font-size:.6rem; }
.popFullmenu .popUntil > li + li > a:before {position:absolute; top:50%; left:-.5rem; width:3px; height:3px; background:#fff; content:""; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
/** 사이트맵 :action **/  
.popFullmenu .dep01 > li > a:hover:before,
.popFullmenu .dep01 > li > a:focus:before {width:100%; }
.popFullmenu .dep02 > li > a:hover span,
.popFullmenu .dep02 > li > a:focus span {box-shadow:inset rgba(250, 166, 52, .2) 0 -10px 0; }
.popFullmenu .dep02 li > ul > li > a:hover,
.popFullmenu .dep02 li > ul > li > a:focus {text-decoration:underline; }
#fullmenuClose{position:absolute;right:3.5%;top:1rem;width:2.5rem;height:2.5rem;color:#fff;line-height:2.5rem;background:#2e2e2e;font-size:1rem;border-radius:50%;text-align:center; }
#fullmenuClose > i {position:relative; transition:transform .3s; -webkit-transition:transform .3s; }
#fullmenuClose:focus > i,
#fullmenuClose:hover > i {-webkit-transform:rotate(180deg); transform:rotate(180deg); }

/* footer */
#footer{position:relative; z-index:2; background:#e8e8e8; word-break:keep-all; padding-bottom:2.5rem; font-family:"SCDream"; }
#footer .ftBox{position:relative; font-size:0.8rem; color:#555; overflow:hidden; }
#footer .ftBox .ft_logo{position:absolute; left:0; top:0; display:block; }
#footer .ftBox .ftLink{margin:0 -.5rem; padding:1rem 0; border-bottom:1px solid #cdd1d5;} /* 211108 jsl 수정 */
#footer .ftBox .ftLink li{position:relative; display:inline-block; position:relative; padding:.25rem .5rem; }
#footer .ftBox .ftLink li a.point{color:#2f7cbd; font-weight:700; }
#footer .ftBox .ftLink li + li:before{position:absolute; top:50%; left:0; width:1px; height:12px; background:#aeb3b8; -webkit-transform:translateY(-50%); transform:translateY(-50%); content:""; }
#footer .ftBox .ftLink li > a:hover,
#footer .ftBox .ftLink li > a:focus{text-decoration:underline; }
#footer .f_info{margin:0 -.75rem; padding:1rem 0; /* border-top:1px solid #cdd1d5; */ } /* 211108 jsl 수정 */
#footer .f_info:after{display:block; clear:both; content:""; }
#footer .f_info > li{float:left; padding:.25rem .75rem; }
#footer .ftBox .copyright{font-size:.75rem; }

/* slick control 공통 */
.control{position:relative; }
.control a{position:relative; display:inline-block; vertical-align:middle; font-size:1.1rem; color:#222; }
.control a.slick_arr > i{ position:relative; -webkit-transition:transform .3s, opacity .3s; transition:transform .3s, opacity .3s; }
.control a.slick_arr.slick-disabled{opacity:.3; cursor:default; }
.control a.slick_play{display:none; }

/* slick control 공통 :action*/
.control a.slickPrev:hover > i,
.control a.slickPrev:focus > i{-webkit-transform:translateX(-3px); transform:translateX(-3px); }
.control a.slickNext:hover > i,
.control a.slickNext:focus > i{-webkit-transform:translateX(3px); transform:translateX(3px); }

/* banner*/
.bnlst_wrap{position:relative; padding-left:calc(140px + 1rem); }
.bnlst_wrap:after{display:block; clear:both; content:""; }
.bnlst_wrap:before{position:absolute; top:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:200vw; height:100%; background:#fff; border-top:1px solid #c4c4c4; content:""; }
.bnlst_wrap .bnlst{height:4.5rem; }
.bnlst_wrap .bnlst .slider_wrap > a{position:relative; display:block; height:4.5rem; }
.bnlst_wrap .bnlst .slider_wrap > a img{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); max-width:90%; }
.bnlst_wrap .control{position:absolute; top:50%; left:0; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
.bnlst_wrap .control > a{float:left; width:35px; height:35px; line-height:33px; text-align:center; border:1px solid #ccc; color:#898989; font-size:.85rem; }
.bnlst_wrap .control > a + a{border-left:0; }


/* footer 관련사이트 */
.relate_site{position:relative; width:100%; height:100%; min-height:70px; margin:auto; clear:both; }
.relate_site > ul{display:table; table-layout:fixed; width:100%; }
.relate_site > ul > li{position:relative; display:table-cell; width:1%; }
.relate_site > ul > li .tit{position:relative; display:block; margin:0; padding:0 1.75rem; line-height:70px; font-size:.8rem; color:#333; background:#cdd1d5; font-weight:400; font-family:"SCDream"; z-index:1; }
.relate_site > ul > li .tit:after{position:absolute; right:1.75rem; top:50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); font-family:'xeicon'; font-size:.95rem; content:'\e913'; line-height:1; color:#333; -webkit-transition:transform .3s; transition:transform .3s; }
.relate_site > ul > li + li .tit{border-width:0 0 0 1px; border-style:solid; border-color:#aeb3b8; }
.relate_site .list_box{position:absolute; z-index:1; bottom:70px; left:0; width:100%; max-height:20rem; background:#333; }
.relate_site .list_box .all_list{position:relative; height:0; padding:0; color:#fff; z-index:1; overflow:hidden; opacity:0; visibility:hidden; -webkit-transition:opacity .5s, visibility .5s, padding .5s; transition:opacity .5s, visibility .5s, padding .5s; }
.relate_site .list_box .all_list > li{padding:0 1.5rem; }
.relate_site .list_box .all_list > li + li > a{border-top:1px dashed #7d7d7d; }
.relate_site .list_box .all_list > li > a{display:block; padding:.5rem 0; }
.relate_site .list_box .all_list > li > a > span{position:relative; display:inline-block; }
.relate_site .list_box .all_list > li > a > span:before{position:absolute; bottom:0; left:0; width:0; height:1px; background:#ddd; content:""; -webkit-transition:width .3s; transition:width .3s; }
.relate_site > ul > li.active .tit{background:#b2b4b5; }
.relate_site > ul > li.active .tit:after{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
.relate_site > ul > li.active .all_list{height:auto; padding:0.5rem 0; opacity:1; visibility:visible; }
.relate_site .list_box .all_list > li > a:hover > span:before,
.relate_site .list_box .all_list > li > a:focus > span:before{width:100%; }

/* 퀵메뉴 */
.quick_menu{position:fixed; z-index:99; top:18rem; right:2%; width:175px; border-radius:25px; text-align:center; font-family:"SCDream"; background:#fff; box-shadow:0 0 7px rgba(0,0,0,.2); -webkit-transition:all 300ms cubic-bezier(0.77, 0, 0.175, 1); transition:all 300ms cubic-bezier(0.77, 0, 0.175, 1); }
.quick_menu > div{position:relative; }
.quick_menu h2{display:block; font-size:.9rem; color:#fff; background:#faa634; line-height:2.25rem; font-weight:700; border-radius:25px 25px 0 0; overflow:hidden; }
.quick_menu ul{padding:0 .5rem .5rem; -webkit-transition:padding .3s; transition:padding .3s; }
.quick_menu ul > li > a{display:block; padding:.5rem 0; color:#444; font-size:.7rem; }
.quick_menu ul > li + li{border-top:1px dashed #ccc; }
body.scroll_top .quick_menu ul{padding-bottom:1.5rem; }
body.quick_menu_active .quick_menu{opacity:0; visibility:hidden; }

/* btnTop */ 
.quick_menu .btnTop{position:absolute; bottom:-27px; left:50%; width:54px; height:54px; background:#faa634; border-radius:54px; -webkit-transform:translateX(-50%); transform:translateX(-50%); opacity:0; visibility:hidden; z-index:99; -webkit-transition:opacity .3s, visibility .3s; transition:opacity .3s, visibility .3s; }
.btnTop{position:fixed; left:50%; bottom:20px; -webkit-transform:translateX(-50%) translateX(+761px); transform:translateX(-50%) translateX(+761px); width:54px; height:54px; background:#faa634; border-radius:54px; z-index:99; -webkit-transition:opacity .3s, visibility .3s; transition:opacity .3s, visibility .3s; }
.btnTop > a > em{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); text-align:center; font-weight:600; font-size:.65rem; color:#fff; font-family:"Sora"; }
.btnTop > a > em > i{ display:block; font-size:1.05rem; -webkit-transition:transform .3s; transition:transform .3s; }
.btnTop > a:hover > em > i,
.btnTop > a:focus > em > i{-webkit-transform:translateY(-3px); transform:translateY(-3px); }
body.scroll_top .quick_menu .btnTop{opacity:1; visibility:visible; }


/* 상단팝업 */
#uppopBtn{position:relative; display:inline-block; padding:0 3rem 0 1rem; background:#003956; color:#fff; font-size:.8rem; line-height:2.25rem; }
#uppopBtn:before{position:absolute; top:50%; right:1rem; font-family:"xeicon"; font-size:rem; color:#fff; -webkit-transition:transform .3s; transition:transform .3s; -webkit-transform:translateY(-50%) rotate(0deg); transform:translateY(-50%) rotate(0deg); content:"\e941"; }
#wrap.uppopOpen #uppopBtn:before{-webkit-transform:translateY(-50%) rotate(180deg); transform:translateY(-50%) rotate(180deg); }
#wrap{-webkit-transition:padding-top .3s; transition:padding-top .3s; }
#wrap.uppopOpen{padding-top:8.5rem; }
.header_fixed #wrap.uppopOpen{ padding-top:0; }
.tpopup_wrap{position:absolute; z-index:997; top:0; left:0; width:100%; height:8.5rem; overflow:hidden; background:#003956; visibility:visible; overflow:hidden; opacity:1; }
.top_popup{overflow:hidden; max-width:96%; width:1820px; position:relative; margin:auto; }
.top_popup .list_wrap{position:relative; overflow:hidden; margin:auto; }
.tpopup_wrap .list_wrap .control{position:absolute; bottom:0; right:0; z-index:2; } 
.tpopup_wrap .list_wrap .control a{display:inline-block; vertical-align:middle; color:#fff; font-size:.7rem; }
.tpopup_wrap .list_wrap .control #uppopPlay{display:none; }
.tpopup_wrap .list_wrap .control label{display:inline-block; margin:0 .5rem 0 .25rem; font-family:"SCDream"; font-size:.6rem; color:#fff; vertical-align:middle; }
.tpopup_wrap .list_wrap .control input[type="checkbox"]{display:inline-block; width:15px; height:15px; vertical-align:middle; appearance:none; border:2px solid #becbe4; }
.top_popup .topPopList{position:relative; margin:0 -1px; }
.top_popup .topPopList .topPopListItem{overflow:hidden; }
.top_popup .topPopList .topPopListItem > div{ display:table; table-layout:fixed; width:100%; height:7.5rem; }
.top_popup .topPopList .topPopListItem a{position:relative; display:table-cell; vertical-align:middle; width:100%; padding:0 3rem; }
.top_popup .topPopList .topPopListItem a:before{position:absolute; top:50%; left:0; height:2rem; border-left:5px dotted #809cab; -webkit-transform:translateY(-50%); transform:translateY(-50%); content:""; }
.top_popup .topPopList .topPopListItem:first-of-type a:before{display:none; } 
.top_popup .topPopList .topPopListItem a .imgBox{display:inline-block; vertical-align:middle; width:3rem; height:3rem; }
.top_popup .topPopList .topPopListItem a .imgBox >  img{display:block; width:100%; -webkit-transition:transform .3s; transition:transform .3s; }
.top_popup .topPopList .topPopListItem a .txtBox{ display:inline-block; vertical-align:middle; width:calc(100% - 4rem); max-height:2.5rem; padding-left:1.5rem; font-family:"SCDream"; color:#fff; overflow:hidden; font-size:.85rem; font-weight:600; }
.top_popup .slick-arrow{overflow:hidden; position:absolute; top:calc(50% - 1px); -webkit-transform:translateY(-50%); transform:translateY(-50%); width:2rem; height:100%; padding:0; background:#003956; cursor:pointer; z-index:1; }
.top_popup .slick-arrow:before{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); color:#7292a2; font-size:2rem; font-family:"xeicon"; content:"\e93b";  }
.top_popup .slick-prev{left:0; }
.top_popup .slick-next{right:0; }
.top_popup .slick-next:before{content:"\e93e"; }
.top_popup .topPopList .topPopListItem a:hover .imgBox >  img,
.top_popup .topPopList .topPopListItem a:focus .imgBox >  img{-webkit-transform:rotateY(180deg); transform:rotateY(180deg); }
.top_popup .topPopList .topPopListItem a:hover .txtBox,
.top_popup .topPopList .topPopListItem a:focus .txtBox{text-decoration:underline; }

/*==== sub layout ====*/
.sub_content_wrap{min-height:680px; margin-top:2.5rem; }
/* 서브메뉴 */
body.sub #gnb:before{height:2px; background:#0662b0; }
#snb{float:left; width:13rem; margin-bottom:5rem; font-family:"SCDream"; }
#snb .gnb_txt{display:none; }
#snb h2{position:relative; width:100%; height:6.75rem; text-align:center; font-size:1.2rem; background:-moz-linear-gradient(90deg, rgba(5, 112, 189, 1) 0%, rgba(4, 148, 219, 1) 100%); background:-webkit-linear-gradient(90deg, rgba(5, 112, 189, 1) 0%, rgba(4, 148, 219, 1) 100%); background:-o-linear-gradient(90deg, rgba(5, 112, 189, 1) 0%, rgba(4, 148, 219, 1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#0494DB', endColorstr='#0570BD', GradientType=0 ); background:-ms-linear-gradient(90deg, rgba(5, 112, 189, 1) 0%, rgba(4, 148, 219, 1) 100%); background:linear-gradient(90deg, rgba(5, 112, 189, 1) 0%, rgba(4, 148, 219, 1) 100%); }
#snb h2:before{position:absolute; bottom:-.1rem; right:-.25rem; width:5.3rem; height:5.55rem; background:url('/images/web/ydcamping/common/snb_bg.png') no-repeat center/cover; content:""; }
#snb h2 span{position:absolute; top:50%; left:50%; width:100%; padding:0 1rem; font-size:1.1rem; font-weight:600; color:#fff; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
#snb .dep02 a{position:relative; display:block; line-height:1.3; }
#snb .dep02 > li > a[target="_blank"]:after{content:"\e980"; font-family:"xeicon"; margin-left:0.2rem; color:#004896; }
#snb .dep02 a[target="_blank"] > span:after{content:"\e980"; font-family:"xeicon"; margin-left:0.2rem; color:#004896; }
#snb .dep02 > li{overflow:hidden; }
#snb .dep02 > li.active{overflow:visible; }
#snb .dep02 > li > a{position:relative; padding:1rem 2.5rem 1rem 1rem; font-size:0.85rem; font-weight:600; color:#333; -webkit-transition:0.3s; transition:0.3s; overflow:hidden; } 
#snb .dep02 > li > a:before{position:absolute; z-index:-1; bottom:0; left:0; width:100%; height:1px; background:#bababa; -webkit-transition:height .3s; transition:height .3s; content:""; }
#snb .dep02 > li.child > a:after{position:absolute; top:1.25rem; right:1rem; width:18px; height:12px; background-image:url('/images/web/ydcamping/common/snb_arr.png'); background-repeat:no-repeat; background-size:cover; background-position:0 0; content:""; -webkit-transition:background-position 0.3s; transition:background-position 0.3s; } 
#snb .dep03{padding:0 1.5rem; background:#f5f5f5; height:0; opacity:0; visibility:hidden; transition:all .35s ease; -webkit-transition:all .35s ease; }
#snb .dep03 > li > a{padding:1rem 0 1rem 1.2rem; color:#333; font-size:.8rem; }
#snb .dep03 > li > a:before{position:absolute; top:1.3rem; left:0.3rem; width:4px; height:4px; border-radius:4px; background:#0662b0; border-radius:3px; content:""; }
#snb .dep03 > li > a:after{position:absolute; top:0; left:0; width:calc(100% + 2rem); height:100%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.3); content:""; opacity:0; -webkit-transform:translateX(10px); transform:translateX(10px); -webkit-transition:transform .3s, opacity .3s; transition:transform .3s, opacity .3s; }
#snb .dep03 > li > a > span{position:relative; z-index:1; }
#snb .dep02 > li.child.active > a:after,
#snb .dep02 > li.child > a:hover:after,
#snb .dep02 > li.child > a:focus:after{background-position:-18px 0; }
#snb .dep02 > li.active > a,
#snb .dep02 > li > a:hover,
#snb .dep02 > li > a:focus{color:#fff; -webkit-transition-delay:.3s; transition-delay:.3s; }
#snb .dep02 > li.active > a:before,
#snb .dep02 > li > a:hover:before,
#snb .dep02 > li > a:focus:before{background:#f1900c; height:100%; -webkit-transition-delay:.3s; transition-delay:.3s; }
#snb .dep02 > li.active > .dep03{padding:0 1rem .5rem; height:auto; opacity:1; visibility:visible; }
#snb .dep03 > li.active > a,
#snb .dep03 > li > a:hover,
#snb .dep03 > li > a:focus{color:#003956; } 
#snb .dep03 > li.active > a:before,
#snb .dep03 > li > a:hover:before,
#snb .dep03 > li > a:focus:before{top:1rem; left:auto; right:-1rem; width:auto; height:auto; font-family:"xeicon"; content:"\e93f"; z-index:2; background:transparent; color:#003956; }
#snb .dep03 > li.active > a,
#snb .dep03 > li > a:hover,
#snb .dep03 > li > a:focus{color:#003956; font-weight:700; }
#snb .dep03 > li.active > a:after,
#snb .dep03 > li > a:hover:after,
#snb .dep03 > li > a:focus:after{opacity:1; -webkit-transform:translateX(0); transform:translateX(0); }
#snb .dep04{padding:0 1.5rem; background:#fff; height:0; opacity:0; visibility:hidden; overflow:hidden; transition:all .35s ease; -webkit-transition:all .35s ease; }
#snb .dep04 > li > a{padding:.5rem .5rem .5rem .75rem; color:#333; font-size:.7rem; }
#snb .dep04 > li > a:before{position:absolute; top:.85rem; left:0; width:5px; height:2px; background:#196eb6; content:""; }
#snb .dep03 > li.active > .dep04{margin:.5rem 0; padding:0 1rem; height:auto; opacity:1; visibility:visible; }
#snb .dep04 > li > a:hover,
#snb .dep04 > li > a:focus{text-decoration:underline; }
#snb .dep04 > li.active > a{color:#196eb6; font-weight:700; }
/* sub 컨텐츠 */
#subContent{float:left; margin-left:3rem; padding:1.5rem 0 5rem; width:calc(100% - 16rem); }

.titleArea{position:relative; margin-bottom:2rem; }
.titleH2{font-size:1.2rem; font-weight:600; color:#222; font-family:"SCDream"; }
.locationWrap{padding:1rem 0; border-bottom:1px solid #ccc; }
.location:after{clear:both; display:block; width:100%; content:""; }
.location{margin:0 -.875rem; }
.location > li{position:relative; float:left; color:#555; padding:0 .875rem; }
.location > li:before{position:absolute; top:50%; left:-.2rem; width:.4rem; height:.55rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); background:url('/images/web/ydcamping/common/location_arr.png')no-repeat center/cover; content:""; }
.location > li > a, 
.location > li > em{display:inline-block; color:#444; font-size:.75rem; font-family:"SCDream"; }
.location > li a.home{padding-left:0; }
.location > li.home:before{display:none; }

.shareWrap{position:absolute; bottom:0.7rem; right:0; z-index:1; height:1.75rem; border-radius:1.75rem; }
.shareWrap:before{content:""; position:absolute; left:0; top:0; width:100%; height:100%; background:#8da2b4; border-radius:2rem; z-index:2; }
.shareWrap li{position:relative; float:left; height:100%; }
.shareWrap a{position:relative; display:inline-block; width:1.8rem; height:100%; text-align:center; overflow:hidden; }
.shareWrap a i{line-height:1.75rem; font-size:.9rem; }
.shareWrap > li > a{position:relative; width:2.25rem; color:#fff; z-index:3; }
.shareWrap > li:first-child > a:before{content:""; position:absolute; right:0; top:50%; width:2px; height:.6rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); border-left:2px dotted #c6d1da; }


#shareList{position:absolute; top:50%; right:0; width:8.15rem; height:100%; -webkit-transform:translate(30%,-50%); transform:translate(30%,-50%); visibility:hidden; opacity:0; -webkit-transition:transform .3s, opacity .3s, visibility .3s; transition:transform .3s, opacity .3s, visibility .3s; }
#shareList > li + li{margin-left:0.15rem; }
#shareList > li > a{display:block; width:1.75rem; height:100%; }
#shareList > li > a:before{position:relative; display:block; width:100%; height:100%; background-size:100%; background-position:center; background-repeat:no-repeat; content:""; -webkit-transition:transform .3s; transition:transform .3s; display:none; }
#shareList > li > a.facebook:before{background-image:url('/images/web/ydcamping/common/share_ico2.png'); }
#shareList > li > a.twitter:before{background-image:url('/images/web/ydcamping/common/share_ico1.png'); }
#shareList > li > a.naverband:before{background-image:url('/images/web/ydcamping/common/share_ico3.png'); }
#shareList > li > a.kakaostory:before{background-image:url('/images/web/ydcamping/common/share_ico4.png'); }
#shareList.active{-webkit-transform:translate(0,-50%); transform:translate(0,-50%); opacity:1; visibility:visible; }
#shareList.active > li > a:before{display:block; }
/*==== //sub layout ====*/

/* RESPONSIVE */ 
@media (max-width:1850px) {
	/* header */
	#header .headerWrap{width:96%; max-width:96%; }
}
@media (max-width: 1790px) {
	/* 퀵메뉴 */
	.quick_menu{right: 0;width: 150px;}
}
@media (max-width:1630px) {
	/* 공통 레이아웃 */
	#contents {padding-top:3.5rem; }  

	/* header */
	#header{height:6.5rem; }
	
	/* 상단메뉴 */ 
	#gnb{position:absolute; top:6.5rem; left:50%; max-width:100%; min-width:100%; -webkit-transform:translateX(-50%); transform:translateX(-50%); }
	#gnb:before{position:absolute; bottom:0; left:50%; -webkit-transform:translateX(-50%); transform:translateX(-50%); width:100vw; height:100%; background:#fff; border-bottom:1px solid #dcdcdc; content:""; }
	#gnb .bgMenuBar{top:3.5rem; }
	#gnb .dep01 > li{height:3.5rem !important; }
	/* 상단메뉴 oneDown */
	#gnb.oneDown .dep02_wrap{top:3.5rem; width:100%; }
	#gnb.oneDown .gnb_txt > strong{font-size:1.2rem; }
	#gnb.oneDown .dep02 > li{width:calc(33.333% - 3px); }
	#gnb.oneDown .dep02 > li > a > span{font-size:.8rem; }
	/* 상단메뉴 fullDown */
	#gnb.fullDown .dep01 > li .dep02{top:3.5rem; }
	
	/* 통합검색 */
	.total_search .hash{height:4.25rem; line-height:4.25rem; }
	.total_search .btnSearchClose{top:-5.25rem; height:4.25rem; line-height:4.25rem; }
	.total_search #mSearch{top:6.5rem; }
	
	/* 사이트맵 버튼 */
	.fullmenu_btn{height:4.25rem; line-height:4.25rem; }
	
	/* 경북교육청 바로가기 */
	.drt_btn{display:none; }
	
	/* 퀵메뉴 */
	.quick_menu{position:static; }
	.quick_menu h2,
	.quick_menu > div > ul{display:none; }
	
	
	/* 사이트맵 */
	.popFullmenu .dep01 > li {width:calc(33.333% - 4px) !important; }
	.popFullmenu .fullmenu_group{width:96%; } 
	
	/* btnTop */ 
	.quick_menu .btnTop{position:fixed; bottom:2rem; left:auto; right:2%; -webkit-transform:translateX(0); transform:translateX(0); }
}
@media screen and (-ms-high-contrast: active) and (max-width: 1630px), (-ms-high-contrast: none) and (max-width: 1630px){
	.total_search .btnSearchClose{top:-5.3rem; right:3.5rem; }
}	
@media screen and (max-width:1440px) {
	.container{width:96%; max-width:96%; }
	
	/* 상단 메뉴 */
	#gnb .dep01 > li > a{font-size:.9rem; }
}
@media screen and (max-width:1280px){
	/* 공통 레이아웃 */
	#contents {padding-top:0; }  
	
	/* header */
	#header .logo{left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
	
	/* 상단 메뉴 */
	#header #gnb {display:none; }
	
	/* 통합검색 */
	.total_search .hash{top:calc(50% + 1.125rem); right:0; width:2.7rem; height:2.7rem; background:#faa634; border-radius:2.7rem; line-height:2.7rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.total_search .btnSearchClose{top:-4.5rem; right:1px; width:2.7rem; height:2.7rem; background:#faa634; border-radius:2.7rem; line-height:2.7rem; }
	.total_search .hash > i{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:1.3rem; }
	.total_search .hash:hover > i,
	.total_search .hash:focus > i{color:#333; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }
	
	/* 사이트맵 버튼 */
	.fullmenu_btn{top:calc(50% + 1.125rem); right:auto; left:0; width:2.7rem; height:2.7rem; background:#dbdbdb; border-radius:2.7rem; line-height:2.7rem; -webkit-transform:translateY(-50%); transform:translateY(-50%); }
	.fullmenu_btn a > i{position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); font-size:1.3rem; }
	.fullmenu_btn a:hover > i,
	.fullmenu_btn a:focus > i{color:#333; -webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%); }

	/* 사이트맵 */
	.popFullmenu .logo{display:none; }
	.popFullmenu .fullmenu_wrap{margin:0; }
	.popFullmenu .fullmenu_group{ height:calc(100% - 6rem); margin:1rem auto 0; }
	.popFullmenu h2 {padding:0 0 0 2%; line-height:4rem; background:#2a3b4d; text-align:left; color:#fff; font-size:1rem; }
	.popFullmenu h2 span:before{display:none; }
	.popFullmenu .dep01 {margin:0; padding:0; }
	.popFullmenu .dep01 > li {display:block; margin:0; padding:0; width:100% !important; }
	.popFullmenu .dep01 > li + li {margin-top:.5rem; }
	.popFullmenu .dep01 > li > a {font-size:.9rem; border:1px solid #b2c8df; }
	.popFullmenu .dep01 > li > a:before{bottom:0; width:100%; height:0; background:#004896; }   
	.popFullmenu .dep01 > li.child > a {padding-right:1.5rem; }
	.popFullmenu .dep01 > li.child > a:after {position:absolute; top:0.5rem; right:0.5rem; font-family:"xeicon"; font-size:1.5rem; content:'\e942'; z-index:3; } 
	.popFullmenu .dep01 > li > a > span{padding-left:1rem }
	.popFullmenu .dep01 > li > a > span:before{display:none; }
	.popFullmenu .dep01 > li.child.active > a:after {transform:rotate(180deg); -webkit-transform:rotate(180deg); }
	.popFullmenu .dep01 > li > a:focus,
	.popFullmenu .dep01 > li.active > a {color:#fff; } 
	.popFullmenu .dep01 > li > a:focus:before,
	.popFullmenu .dep01 > li.active > a:before{height:100%; }
	.popFullmenu .dep02 {display:none; padding:0.5rem 1rem;  border:1px solid #dfdfdf; border-top:none; }
	.popFullmenu .dep02 > li.child {position:relative; } 
	.popFullmenu .dep02 > li.child.active > a{color:#014ba8; font-weight:600; }
	.popFullmenu .dep02 > li.child > a:after{content:"\e913"; font-family:"xeicon"; position:absolute; right:0; top:0.4rem; }
	.popFullmenu .dep02 > li.child.active > a:after {content:"\e91a"; }
	.popFullmenu .dep02 > li > a:focus span{box-shadow:none; }
	.popFullmenu .dep02 > li.child > a {padding-right:1rem; }
	.popFullmenu .dep02 li .dep03{display:none; }
	.popFullmenu .dep01 li.active .dep02,
	.popFullmenu .dep02 li.active .dep03 {display:block; }
	.popFullmenu .fullmenu_util{display:block; position:absolute; right:5rem; top:1.4rem; }
	.popFullmenu .fullmenu_util .util > li {float:left; color:#fff; font-size:.7rem; padding:0 .25rem; }
	.popFullmenu .fullmenu_util .util > li > a > i{display:inline-block; margin-right:.25rem; }
	.popFullmenu .fullmenu_util .util > li.siteMap,
	.popFullmenu .fullmenu_util .util > li.fs_ctrl{display:none; }
	#fullmenuClose {top:0.7rem; width:auto; background:transparent; font-size:1.4rem; }

	/* 통합검색 */
	.total_search #mSearch form{height:2.5rem; }
	.total_search #mSearch .con{width:100%; height:2.5rem; }
	.total_search #mSearch .btnSearch{width:2.5rem; }
	.total_search #mSearch input{padding:0 3.5rem 0 .5rem; font-size:.75rem; }
	
	/* util */
	.topUtil > ul > li.m_util{display:none; }
	.topUtil > ul > li.fs_ctrl{margin-left:0; }

	/*==== sub layout ====*/ 
	.sub_content_wrap{margin-top:1rem; }
	.titleH2{font-size:1.5rem; }
	.locationWrap{padding:0.5rem 0 1rem 0; }
	
	/*==== sub layout ====*/
	/* 서브메뉴 */
	#snb{width:104%; margin-left:-2%; margin-bottom:0; }
	#snb h2{padding-top:0; height:auto; border-radius:0; text-align:left; }
	#snb h2:before{display:none; }
	#snb h2 span{position:relative; display:block; left:auto; top:auto; padding:0.75rem 3rem 0.75rem 0.75rem; width:100%; font-size:1rem; -webkit-transform:none; transform:none; cursor:pointer; text-shadow:none; }
	#snb h2 span:before{display:none; }
	#snb h2 span:after{position:absolute; top:0.6rem; right:1rem; line-height:1.85rem; text-align:center; font-family:"xeicon"; font-size:1rem; content:"\e941"; }
	#snb h2 span.active:after{content:"\e944"; }
	#snb .dep02{display:none; }
	#snb .dep02 > li > a{padding:0.75rem; }
	#snb .dep02 > li.child > a:after{top:1rem; }
	#snb .dep02 > li.child:not(.active) > a:hover,
	#snb .dep02 > li.child:not(.active) > a:focus{color:#333; }
	#snb .dep02 > li.child:not(.active) > a:hover:after,
	#snb .dep02 > li.child:not(.active) > a:focus:after{background-position:0 0; }
	#snb .dep02 > li:not(.active) > a:hover:before,
	#snb .dep02 > li:not(.active) > a:focus:before{background:#bababa; height:1px; }
	#snb .dep02 > li.active > .dep03{padding:0; }
	#snb .dep03 > li > a{padding:.75rem 0 .75rem 1rem; }
	#snb .dep03 > li.active > a:before{top:.75rem; right:1rem; }
	#snb .dep03 > li:not(.active) > a:hover, 
	#snb .dep03 > li:not(.active) > a:focus{color:#333; font-weight:400; }
	#snb .dep03 > li > a:before,
	#snb .dep03 > li:not(.active) > a:before{top:1.15rem; }
	#snb .dep03 > li:not(.active) > a:hover:before, 
	#snb .dep03 > li:not(.active) > a:focus:before{content:""; top:1.15rem; left:0.3rem; width:4px; height:4px; border-radius:4px; background:#0662b0; border-radius:3px; content:""; }
	#snb .dep03 > li:not(.active) > a:hover:after, 
	#snb .dep03 > li:not(.active) > a:focus:after{opacity:0; -webkit-transform: translateX(10px); transform: translateX(10px); }
	#snb .dep03 > li.active > .dep04{margin-top:0; }
	
	/* sub 컨텐츠 */
	#subContent{margin-left:0; padding:1.5rem 0; width:100%; }
	/*==== //sub layout ====*/ 
}
@media screen and (max-width:1200px) {

	/* 상단팝업 */
	#wrap.uppopOpen{padding-top:6rem; }
	.tpopup_wrap{ position:absolute; height:6rem; }
	.top_popup .topPopList .topPopListItem > div{height:6rem; }
	.top_popup .topPopList .topPopListItem a{padding:0 2.5rem; }
	.top_popup .topPopList .topPopListItem a .txtBox > strong{font-size:.75rem; }
	.top_popup .topPopList .topPopListItem a .txtBox > span{font-size:.6rem; margin-top:0; }
	.top_popup .topPopList .topPopListItem a .imgBox{width:2.5rem; height:2.5rem; margin-left:1px; }
	.top_popup .topPopList .topPopListItem a .txtBox{padding-left:1rem; }
	.top_popup .list_wrap{width:100%; }
	.top_popup .slick-arrow:before{font-size:1.5rem; } 
	.tpopup_wrap .list_wrap .control{bottom:.55rem; }
	
	
}
@media screen and (max-width:1024px){
	/* 상단팝업 :시작 */
	.top_popup .topPopList .topPopListItem a:before{display:none; }
	
	/* btnTop */  
		.quick_menu .btnTop{left:auto; right:1rem; bottom:1rem; -webkit-transform:translateX(0); transform:translateX(0); }
	
	/* footer 관련사이트 */
	.relate_site > ul{display:block; table-layout:inherit; }
	.relate_site > ul:after{display:block; clear:both; content:""; }
	.relate_site > ul > li{display:block; float:left; width:50%; }
	.relate_site > ul > li:nth-of-type(3) .tit{border-width:1px 0 0 0; }
	.relate_site > ul > li:last-of-type .tit{border-width:1px 0 0 1px; }
	.relate_site .list_box{max-height:17rem; }
	.relate_site > ul > li .tit{line-height:60px; }
	.relate_site .list_box{bottom:60px; }
	
	/*==== sub layout ====*/
	/* 서브메뉴 */
	.titleH2{padding-right:2.5rem; font-size:1.3rem; }

	.shareWrap{bottom:auto; top:0; }
	.shareWrap > li > a{width:1.75rem; }
	.shareWrap li a.print{display:none; }
	.shareWrap > li:first-child > a:before{display:none; }
	#shareList{width:7.5rem; }	 
	/*==== //sub layout ====*/
	
	
}
@media screen and (max-width:900px) {
	/* 날씨 */
	.wether_wrap{display:none; }
	
	/* util */
	.topUtil > ul > li:before{display:none; }
}
@media screen and (max-width:768px) {
	/* slick control 공통 */
	.control a.slickPrev:hover > i,
	.control a.slickPrev:focus > i{-webkit-transform:translateX(0); transform:translateX(0); }
	.control a.slickNext:hover > i,
	.control a.slickNext:focus > i{-webkit-transform:translateX(0); transform:translateX(0); }

	/* header */
	#header .logo > a{width:8rem; }
	
	/* 상단팝업 */
	.top_popup .topPopList .topPopListItem a:hover .imgBox >  img,
	.top_popup .topPopList .topPopListItem a:focus .imgBox >  img{-webkit-transform:rotateY(0deg); transform:rotateY(0deg); }
	.top_popup .topPopList .topPopListItem a:hover .txtBox,
	.top_popup .topPopList .topPopListItem a:focus .txtBox{text-decoration:none; }
	
	/* util */
	.topUtil > ul > li.fs_ctrl .fs_ctrl_btn a:hover, .topUtil > ul > li.fs_ctrl .fs_ctrl_btn a:focus{background:#555; }
	
	/* 사이트맵 */
	.popFullmenu .fullmenu_util{right:3.5rem; }
	#fullmenuClose:focus > i,
	#fullmenuClose:hover > i {-webkit-transform:rotate(0deg); transform:rotate(0deg); }
	
	/* btnTop */  
	.btnTop > a:hover > em > i, .btnTop > a:focus > em > i{-webkit-transform:translateY(0); transform:translateY(0); }

	/* banner */
	.bnlst_wrap h2{display:none; }
	.bnlst_wrap{padding-left:155px; }
	.bnlst_wrap .control{left:0; }
	.bnlst_wrap .control > a{width:30px; height:30px; line-height:28px; }
	.bnlst_wrap .bnlst .slider_wrap > a:hover,
	.bnlst_wrap .bnlst .slider_wrap > a:focus{text-decoration:none; }

	
	/* footer */
	#footer .ftBox .ftLink li > a:hover,
	#footer .ftBox .ftLink li > a:focus{text-decoration:none; }
	
	/* footer 관련사이트 */
	.relate_site .list_box .all_list > li > a > span:before{display:none; }
	
	/*==== sub layout ====*/
	.titleH2{font-size:1rem; }
	 
	.location > li a.home:after{top:0; width:1.2rem; height:1.2rem; line-height:1.2rem; font-size:0.7rem; }
	.location > li a.home{padding-left:1.5rem; }
	/*==== //sub layout ====*/
	
}
 
@media screen and (max-width:480px){
	/* 사이트맵 */
	.popFullmenu .fullmenu_util{right:3rem; }
	
	/* footer */
	#footer .ftBox .ftLink{padding:1rem 0; }
	/* footer 관련사이트 */
	.relate_site > ul > li{float:none; width:100%; }
	.relate_site > ul > li + li .tit{border-width:1px 0 0 0 !important; }
	.relate_site > ul > li .tit{line-height:55px; }
	.relate_site .list_box{bottom:55px; }
}   

/* 갤럭시 폴드z 대응*/
@media screen and (max-width:300px){
	
	/* 사이트맵 버튼 */
	.fullmenu_btn{top:calc(50% + 1.15rem); width:2.5rem; height:2.5rem; line-height:2.5rem; }
	
	/* 통합검색 */
	.total_search .hash{top:calc(50% + 1.15rem); width:2.5rem; height:2.5rem; line-height:2.5rem; }
	
	/* 사이트앱 */
	.popFullmenu h2{height:3.5rem; }
	.popFullmenu h2 span{display:none; }
	.popFullmenu .fullmenu_util{right:auto; left:2%; }
	
	/* 상단팝업 */
	#wrap.uppopOpen{padding-top:0; }
	.tpopup_wrap,
	#uppopBtn{display:none; }
	
	/* banner */
	.bnlst_wrap{padding-left:50px; }
	.bnlst_wrap .control > a.slick_act,
	.bnlst_wrap .control > a.list_btn{display:none; }
	
}