@import url('/resource/css/basic.css');

/* 踰덉뿭 */
#goog-gt-tt {position:fixed !important; }
body { top:0 !important;}
html[class*="translated-"] #footer .btn_top { padding-top:1rem; }
html[class*="translated-"] #footer .btn_top p { display:none; }
html[class*="translated-"] .cn_weather { display:block; }
html[class*="translated-"] .cn_weather .report { display:none; }
.langCheck #header .hdt_link a,
.langCheck #header .hdt_link .link > ul > li:not(.screenSize),
.langCheck #header .hdt_link .link > ul > li.screenSize strong{max-width:9rem; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; vertical-align: top;}
.langCheck #header .hdt_link .link > ul > li.lang{ overflow:inherit;}
.hdt_link .link li.screenSize p{vertical-align: middle;}
.langCheck #gnb .depth01 > ul > li > a > span{ max-height:2.8rem; line-height:1.4rem; overflow:hidden; font-size:.95rem;}

#wrap { position:relative; overflow:hidden; }
.container { position:relative; width:100%; max-width:86rem; margin:0 auto;}
.container:after { content:""; display:block; clear:both; }

/* slick slide common */
.slick-slider { -webkit-transition:all ease-in-out .3s; transition:all ease-in-out .3s; -webkit-box-sizing:border-box; box-sizing:border-box; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-touch-callout:none; -khtml-user-select:none; -ms-touch-action:pan-y; touch-action:pan-y; -webkit-tap-highlight-color:transparent; }
.slick-slide { display:none; height:100%; min-height:1px; vertical-align:middle; padding:0.1rem; }
.slick-list { overflow:hidden; }
.slick-list.dragging { cursor:pointer; }
.slick-initialized .slick-slide { display:inline-block; }
.slick-arrow.slick-hidden { display:none; }
.slick-current { opacity:1; display:block; }
.slick-track { position:relative; left:0; top:0; display:block; margin-left:auto; margin-right:auto; }
/* slick arrow show */
.arwShow .slick-arrow.slick-hidden { display:inline-block; }

/* topHead */
#topHead{ position:fixed; left:0; top:0; width:100%; height:7rem; transition: top .2s linear; -webkit-transition: top .2s linear; z-index: 100;}
#topHead #topPop .popup_wrap,
#topHead #topPop .hldy_kr p{ max-width:86rem;}

/* nav topHead open */
/*#topHead.navOpen{ position:relative;}*/

.hldy #topHead,
.upPop #topHead,
.hldy.upPop #topHead{ height:9rem;}

.open.upPop #topHead{ height:13.5rem;}
.open.hldy.upPop #topHead{ height:15.5rem;}

/* header */
#header { position:relative; width:100%; height:7rem; background:#fff; border-bottom:1px solid #ccc; z-index:99; transition: top .2s linear; -webkit-transition: top .2s linear;}
#header h1.logo{ position:absolute; left:calc(50% - 43rem); top:50%; z-index:11; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index:11;}
#header h1.logo a { display:block; /*line-height:0;*/}
h1.logo a img {/*vertical-align: middle;*/ padding-top:.3rem; image-rendering:-webkit-optimize-contrast;}

/* header Link : mNav 怨듯넻 */
.hdt_link{ position:relative; width:100%; height:2.5rem; font-weight: 400; border-bottom:1px solid #e5e5e5; z-index: 100;}
.hdt_link .container{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:0;}
.hdt_link .container:after{ display:none;}
.hdt_link a{ display:inline-block; font-size:14px; text-transform: uppercase;}
.hdt_link strong{ font-weight: 600; color:#000;}
.hdt_link .util{ line-height:2.5rem;}
.hdt_link .util a + a{ margin-left:.5rem;}
.hdt_link .util .krSymbol{ padding-left:2.15rem; background:url('/images/dgedu/template/TA01/layout/ico_kr.png') no-repeat left center;}
.hdt_link .util .covid{ padding-left:1rem; color:#f00; font-weight:600; background:url('/images/dgedu/template/TA01/layout/ico_attr.png') no-repeat left center;}
.hdt_link .link > ul{ font-size:0; height:2.5rem; display:flex; align-items:center;}
.hdt_link .link > ul > li{ position:relative; font-size:14px; display:inline-block;}
.hdt_link .link > ul > li ~ li{ padding-left:.75rem; margin-left:.75rem;}
.hdt_link .link > ul > li ~ li:before{ content:""; position:absolute; left:0; top:calc(50% - 5px); height:10px; border-left:1px solid #ddd;}
.hdt_link .link li.login > strong{ margin-right:10px;}
.hdt_link .link li.login a + a:before{ content:""; display:inline-block; width:3px; height:3px; margin:0 5px; vertical-align: middle; background:#ccc;}
.hdt_link .link li.login a.logout{ margin-left:10px;}
/*.hdt_link .link li.lang .langList{ display:none; position:absolute; left:0; top:1.6rem; width:calc(100% + 1rem); height:auto; background:#0077d1; border:1px solid #ccc; box-shadow:0 0 5px rgba(0,0,0,0.3); text-align:center; z-index: 98;}
.hdt_link .link li.lang .langList li + li{ border-top:1px solid rgba(255,255,255,0.5);}
.hdt_link .link li.lang .langList a{ display:block; color:#fff; padding:.6rem .25rem; font-family: 'NotoSans'; font-weight:200;}
.hdt_link .link li.lang .langList a:hover,
.hdt_link .link li.lang .langList a:focus{ background:#003eae;}*/
.hdt_link .link li.lang .langList{display:none; position: absolute; right:-1rem; top:1.65rem; width:17rem; height:auto; background:#fff; z-index:101; border:1px solid #ddd; }
.hdt_link .link li.lang .langList .langIco{overflow:hidden;}
.hdt_link .link li.lang .langList .langIco li{width:50%; float:left; height:3rem; text-align:left;}
.hdt_link .link li.lang .langList .langIco li a{display:flex; height:100%; align-items:center; padding:0 1rem; color:#444; font-size:0.8rem; line-height:1.1; border-bottom:1px solid #ddd;}
.hdt_link .link li.lang .langList .langIco li a font { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }
.hdt_link .link li.lang .langList .langIco li:nth-child(odd) a{border-right:1px solid #ddd;}
.hdt_link .link li.lang .langList .langIco li img{margin-right:0.25rem;}
.hdt_link .link li.lang .langList .langBox{margin:1rem; height:6rem; text-align:left; overflow:auto;}
.hdt_link .link li.lang .langList .langBox a{display:block; color:#333; padding:5px 0; line-height:1.3; font-size:0.75rem;} 
.hdt_link .link li.lang .langList .langIco li:hover,
.hdt_link .link li.lang .langList .langIco li:focus{background:#f1f1f1;}
.hdt_link .link li.lang .langList .langBox a:hover,
.hdt_link .link li.lang .langList .langBox a:focus{text-decoration: underline; color:#1c5cbb;}
.hdt_link .link li.screenSize p{ display:inline-block; height:1.5rem; padding:0 .25rem; border-radius:1rem; background:#f6f6f6; font-size:0;}
.hdt_link .link li.screenSize a{ position:relative; display:inline-block; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; color:#000;}
.hdt_link .link li.screenSize a + a:before{ content:""; position:absolute; left:0; top:calc(50% - 4px); height:8px; border-left:1px solid #aaa;}
/* header Link :active */
.hdt_link a{ transition:all .2s; -webkit-transition:all .2s;}
.hdt_link a:hover,
.hdt_link a:focus{ text-decoration:underline;}

/* header nav */
#header .header_wrap{ position:relative; height:4.5rem; z-index:0;}

/* web navigation */
/* gnb common */
#nav{ position:relative; width:100%; z-index:10;}
#gnb{ position:relative; height:4.5rem; z-index:2; }
#gnb li a{ position:relative; display:block; font-weight:400; line-height:1.4;}
#gnb li a span{ position:relative; display:inline-block; word-break:break-all; z-index:0;}
#gnb .depth01{ width:100%; max-width:86rem; margin:0 auto; padding-left:15rem; padding-right:3rem; z-index:1;}
#gnb .depth01 > ul{ display:flex; width:100%; text-align:center;}
#gnb .depth01 > ul > li{ font-size:.8rem; text-align:left; line-height:1.6; flex:1;}
#gnb .depth01 > ul > li.on > a{ color:#014598; }
#gnb .depth01 > ul > li > a{ display:flex; width:100%; height:4.5rem; padding:0 .4rem; line-height:1.2; justify-content:center; align-items:center; font-size:1.1rem; color:#333; font-weight:600; z-index:2; overflow:hidden;}
#gnb .depth01 > ul > li > a > span{ display:inline-block; }
#gnb .depth01 > ul > li > a > span:before{content:""; position:absolute; right:-.4rem; top:-.4rem; width:.4rem; height:.4rem; border-radius:50%; background:#1a4ab6; transform:scale(0); -webkit-transform:scale(0);; transition:transform .2s; -webkit-transition:transform .2s;} 
#gnb .depth01 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:.25rem; font-family:'xeicon'; font-size:.9rem; }
#gnb .depth02{ width:100%; height:auto; text-align:left; }
#gnb .depth02 .titBox{ display:none; }
#gnb .depth02 > ul > li > a span{padding:0 .2rem; }
#gnb .depth02 > ul > li.dep:hover:before { color:#fff; }
#gnb .depth02 > ul > li.dep > a{ padding-right:2.25rem !important; }
#gnb .depth02 > ul > li.dep > a:before{content:'\e913'; position:absolute; right:0.5rem; top:0.2rem; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center; font-family:'xeicon'; font-size:0.9rem;}
#gnb .depth02 > ul > li > a{ color:#111; font-weight:400; padding:.65rem .7rem; font-size:.8rem; /* outline:none; */}
#gnb .depth02 > ul > li > a:focus{ outline:3px dashed #05c0c6; }
#gnb .depth02 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:.25rem; font-family:'xeicon'; vertical-align:middle; font-size:.8rem; }
#gnb .depth03{ position:relative; display:none; }
#gnb .depth03 > ul > li + li{margin-top:.4rem;}
#gnb .depth03 > ul > li > a{ font-size:.75rem; padding-left:12px; color:#000; }
#gnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:.45rem; width:4px; height:4px; border-radius:50%; background:#676767;}
#gnb .depth03 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:.15rem; font-family:'xeicon'; vertical-align:middle; font-size:.7rem; }
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus{ color:#1c79e0; }
#gnb .active > .depth03{ display:block; }
#gnb .depth04{ display:none; visibility: hidden;} 
#gnb:before, #nav a, #gnb li > a:before, #gnb li > a:after, #gnb li > a > span:before{ transition:all .1s; -webkit-transition:all .1s; }
/* gnb :active  */
#gnb li > a:hover,
#gnb li > a:focus,
#gnb li.on > a{ color:#1a4ab6;}
#gnb .depth01 > ul > li.on > a > span:before,
#gnb .depth01 > ul > li.on > a > span:after{transform:scale(1); -webkit-transform:scale(1); }
#gnb .depth02 > ul > li > a:hover,
#gnb .depth02 > ul > li > a:focus,
#gnb .depth02 > ul > li.dep.active > a{ color:#000; }
#gnb .depth02 > ul > li.dep.active > a:before{ content:'\e91a';}
#gnb .depth03 > ul > li > a:hover:before,
#gnb .depth03 > ul > li > a:focus:before{background:#1a48b8;}

/* gnb :fullDown */
#nav.fullDown ul,
#nav.fullDown li{ height:100%; }
/* #nav.fullDown .topGnb{ width:100%; max-width:86rem; margin:0 auto; padding-left:15rem; padding-right:3rem; z-index:1;}
#nav.fullDown .topGnb > ul{ display:flex; width:100%; text-align:center;}
#nav.fullDown .topGnb > ul > li{ font-size:.8rem; text-align:left; line-height:1.6; flex:1;}
#nav.fullDown .topGnb > ul > li.on > a{ color:#014598; }
#nav.fullDown .topGnb > ul > li > a{ display:flex; width:100%; height:4.5rem; padding:0 .4rem; line-height:1.2; justify-content:center; align-items:center; font-size:1.1rem; color:#333; font-weight:600; z-index:2; overflow:hidden;}
#nav.fullDown .topGnb > ul > li > a > span{ display:inline-block; }
#nav.fullDown .topGnb > ul > li > a > span:before{content:""; position:absolute; right:-.4rem; top:-.4rem; width:.4rem; height:.4rem; border-radius:50%; background:#1a4ab6; transform:scale(0); -webkit-transform:scale(0);; transition:transform .2s; -webkit-transition:transform .2s;} 
#nav.fullDown .topGnb > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:.25rem; font-family:'xeicon'; font-size:.9rem; } 
#nav.fullDown .depth01{ position:absolute; left:0; top:4.5rem; width:100%; height:auto; max-width:100%; padding:2rem; opacity:0; visibility:hidden; transition-delay:.0s;  text-align:left; background:#fff;}
#nav.fullDown .depth01 > ul{ display:flex;}
#nav.fullDown .depth01 > ul > li{ flex:1; margin:0 .75rem;}
#nav.fullDown .depth01 > ul > li ~ li{ margin-left:.75rem;}
#nav.fullDown .depth01 > ul > li > a{ display:block; height:auto; padding:.75rem 1.75rem .75rem 1rem; font-size:.9rem; border:1px solid #1a4ab9; border-radius:.5rem; background:#f3f7ff;}
#nav.fullDown .depth01 > ul > li > a > span:before{ display:none;}
#nav.fullDown .depth01 > ul > li.dep > a:before{ content:'\e941'; position:absolute; right:.75rem; top:.85rem; font-family: 'xeicon'; color:#555; font-size:.8rem;}
#nav.fullDown .depth02{ position:relative; min-height:18rem; padding:.75rem 0; }
#nav.fullDown .depth02 > ul > li + li{ margin-top:.5rem;}
#nav.fullDown .depth02 > ul > li > a{ border-radius:.5rem; border:1px solid #ccc; padding:.5rem 1rem; z-index: 1; background:#fff;}
#nav.fullDown .depth02 > ul > li > a > span{ display:block;}
#nav.fullDown .depth02 > ul > li.dep > a:before{ top:.35rem;}
#nav.fullDown .depth02 > ul > li > a[target='_blank']:before{ content:"\e980"; position:absolute; right:1rem; top:.5rem; font-family:'xeicon'; font-size:.9rem; }
#nav.fullDown .depth02 > ul > li > a[target='_blank'] > span:after{ display:none;}
#nav.fullDown .depth03{ border-radius:.5rem; margin-top:-.75rem; padding:1.5rem 1rem 1rem; background:#f6f6f6; }*/
/** fullDown:active **/
/* #nav.fullDown #gnb.active{ height:auto; }
#nav.fullDown #gnb.active:after{ height:100%; opacity:1; }
#nav.fullDown #gnb.active .depth01 {height:auto; }
#nav.fullDown #gnb.active .depth01,
#nav.fullDown #gnb.active .depth02{ opacity:1; visibility:visible; }
#nav.fullDown #gnb.active .depth01 > ul > li.on > a,
#nav.fullDown #gnb.active .depth01 > ul > li > a:hover,
#nav.fullDown #gnb.active .depth01 > ul > li > a:focus{background:#1a4ab6; color:#fff;}
#nav.fullDown #gnb.active .depth01 > ul > li.on > a:before,
#nav.fullDown #gnb.active .depth01 > ul > li > a:hover:before,
#nav.fullDown #gnb.active .depth01 > ul > li > a:focus:before{color:#fff;}
#nav.fullDown #gnb.active .depth02 > ul > li.active > a,
#nav.fullDown #gnb.active .depth02 > ul > li > a:hover,
#nav.fullDown #gnb.active .depth02 > ul > li > a:focus{border-color:#1a4ab6; color:#1a4ab6;} */

/* gnb :fullDown */
#nav.fullDown #gnb{ background:#fff; box-shadow:0 5px 5px 0 rgb(0,0,0,0.1); overflow:hidden;}
#nav.fullDown #gnb:before{ content:""; position:absolute; left:0; top:4.5rem; width:100%; border-top:1px solid #eee;}
#nav.fullDown ul,
#nav.fullDown li{ height:100%; }
#nav.fullDown .depth01{ position:relative; height:3rem; padding-right:0; padding-left:13rem;}
#nav.fullDown .depth01 > ul{ display:table; table-layout:fixed;}
#nav.fullDown .depth01 > ul > li{ position:relative; display:table-cell;}
#nav.fullDown .depth01 > ul > li + li:before{ content:""; position:absolute; left:-1px; top:4.5rem; height:calc(100% - 4.5rem); border-left:1px solid #eee; z-index:1; }
#nav.fullDown .depth01 > ul > li:first-of-type .titBox{ display:block;}
#nav.fullDown .depth02 .titBox{ position:absolute; top:4.5rem; left:-200%; width:200%; height:calc(100% - 4.5rem); padding:3rem 1rem; text-align:right; color:#fff; z-index: 1;}
#nav.fullDown .depth02 .titBox:before{ content:""; position:absolute; right:0; top:0; width:200%; height:100%; background-color:#1a4ab8; background-image:url('/images/dgedu/template/TA01/layout/gnb_pttn_slide.png'), url('/images/dgedu/template/TA01/layout/bg_gnb.png'); background-repeat: repeat, no-repeat; background-position: calc(100% - 1rem) bottom;}
#nav.fullDown .depth02 .titBox span{ position:relative; display:block; font-size:.85rem; word-break:keep-all;}
#nav.fullDown .depth02 .titBox span em{ font-weight: 700;}
#nav.fullDown .depth02 .titBox p{ position:relative; line-height:1.5rem; font-size:1.2rem; font-weight: 700; }
#nav.fullDown .depth02 .titBox p:before{ content:"\e94a"; display:block; margin:.5rem 0; font-size:1rem; font-family: 'xeicon';}
#nav.fullDown .depth02{ padding:1rem 0 2rem; opacity:0; visibility:hidden; transition-delay:.0s; z-index:1;}
#nav.fullDown .depth02 > ul > li > a{padding:.35rem .5rem;}
#nav.fullDown .depth02 > ul > li > a > span:before{content:""; position:absolute; left:0; bottom:0; height:10px; width:0; background:#cce7fa; z-index:-1; opacity:0;}
#nav.fullDown .depth03{background:#eef7ff; margin:.25rem 0; padding:.5rem; border-top:2px solid #006ac0;}
/** fullDown:active **/
#nav.fullDown #gnb.active{ height:auto; }
#nav.fullDown #gnb.active:after{ height:100%; opacity:1; }
#nav.fullDown .active .depth01 {height:auto; }
#nav.fullDown .active .depth01 > ul > li + li:after{ opacity:1; }
#nav.fullDown .active .depth02{ opacity:1; visibility:visible; }
#nav.fullDown .depth02 > ul > li > a:hover > span:before,
#nav.fullDown .depth02 > ul > li > a:focus > span:before,
#nav.fullDown .depth02 > ul > li.dep.active > a > span:before{width:100%; opacity:1;}

/* gnb :oneDown */
#nav.oneDown ul,
#nav.oneDown li{ height:100%; }
#nav.oneDown .depth01{ position:relative; }
#nav.oneDown .depth01 > ul > li{ position:relative; }
#nav.oneDown .depth02{ position:absolute; width:14rem; left:calc(50% - 7rem); top:calc(4.5rem - 1px); overflow:hidden; opacity:0; visibility:hidden; transition-delay:.0s;}
#nav.oneDown .depth02 > ul{ border-radius:0 0 1rem 1rem; background:#fff; overflow:hidden;}
#nav.oneDown .depth02 > ul > li + li{ border-top:1px solid #ccc;}
#nav.oneDown .depth02 > ul > li > a{padding:.5rem 1rem;}
#nav.oneDown .depth02 > ul > li.dep > a:before{ top:.4rem;}
#nav.oneDown .depth03{padding:.5rem 1rem; border-top:1px solid #ccc; background:#f6f6f6;}
/** oneDown :active **/
#nav.oneDown .depth01 > ul > li.on > .depth02{ opacity:1; visibility:visible; display:block; }
#nav.oneDown .depth01 > ul > li.on > .depth02:before{ height:100%; opacity:1; }
#nav.oneDown .depth02 > ul > li > a:hover,
#nav.oneDown .depth02 > ul > li > a:focus{ color:#1c4aba; background:#e7eeff;}
#nav.oneDown .depth02 > ul > li.dep.active > a > span:before{width:100%; opacity:1;}

/* gnb :oneFull */
#nav.oneFull ul,
#nav.oneFull li{ height:100%; }
#nav.oneFull .depth01 > ul > li{ display:inline-block; float:none; vertical-align:top; font-size:.8rem; line-height:1.6; }
#nav.oneFull .depth02{ position:absolute; left:0; top:4.5rem; min-height:18rem; padding:1.5rem 0; opacity:0; visibility:hidden; transition-delay:.0s; text-align:left; background:#fff; }
#nav.oneFull .depth02 .titBox{ display:block; position:absolute; left:0; top:0; width:22%; height:100%; padding:2rem 2rem 0; color:#fff; z-index:0;}
#nav.oneFull .depth02 .titBox:before{ content:""; position:absolute; right:0; top:0; width:300%; height:100%; border-radius:0 0 2.5rem 0; background-repeat: repeat, no-repeat; background-position:center, right bottom; background-color:#1a4ab8; background-image:url('/images/dgedu/template/TA01/layout/gnb_pttn_slide.png'), url('/images/dgedu/template/TA01/layout/bg_gnb.png'); z-index:-1;}
#nav.oneFull .depth02 .titBox span{ display:block; font-size:.85rem; word-break:keep-all;}
#nav.oneFull .depth02 .titBox span em{ font-weight: 700;}
#nav.oneFull .depth02 .titBox p{ line-height:1.5rem; font-size:1.2rem; font-weight: 700; }
#nav.oneFull .depth02 .titBox p:before{ content:"\e94a"; display:block; margin:.5rem 0; font-size:1rem; font-family: 'xeicon';}
#nav.oneFull .depth02 > ul{ display:flex; width:78%; margin-left:auto; font-size:0; line-height:0; padding:0 1.5rem; flex-wrap:wrap; }
#nav.oneFull .depth02 > ul > li{ width:20%; vertical-align:top; padding:.5rem; line-height:1.6; }
#nav.oneFull .depth02 > ul > li > a{ border-radius:.5rem; font-size:.8rem; border:1px solid #ccc; z-index:1;}
#nav.oneFull .depth02 > ul > li > a span{ word-break: keep-all;}
#nav.oneFull .depth02 > ul > li > a[target='_blank']:before{content:"\e980"; position:absolute; right:0.5rem; top:0.5rem; width:1.4rem; height:1.4rem; line-height:1.4rem; text-align:center; border-radius:5px; font-family:'xeicon'; font-size:0.8rem;} 
#nav.oneFull .depth02 > ul > li > a[target='_blank'] > span:after{ display:none;}
#nav.oneFull .depth02 > ul > li.dep > a:before{ top:.5rem;}
#nav.oneFull .depth03{ opacity:0; padding:.5rem 1rem; background:#f8f8f8; border-radius:0 0 .5rem .5rem;}
/** oneFull:active **/
#nav.oneFull #gnb.active{ height:auto; }
#nav.oneFull .depth01 > ul > li.on > .depth02{ opacity:1; visibility:visible; }
#nav.oneFull .depth01 > ul > li.on > .depth02:before{ height:100%; opacity:1; transition-delay:0s; -webkit-transition-delay:0s; }
#nav.oneFull .depth02 > ul > li.active .depth03{ opacity:1; display:block; }
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus,
#nav.oneFull .depth02 > ul > li.dep.active > a{ border-color:#006abe;}

/* gnb shadow */
#gnbblind{ display:none; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.3); z-index:98;}

/* �넻�빀寃��깋 */
.totalSrch{ position:relative; display:flex; width:65%; height:4rem; float:left; align-items:flex-start; flex-wrap: wrap;}
.totalSrch .srchForm { position:relative; width:55%; padding-top:.5rem;}
.totalSrch .srchForm h2{ position:absolute; left:1.5rem; top:0; font-size:1rem; font-weight:700; color:#1a4ab9; z-index:1; background:#fff; padding:0 .25rem; }
.totalSrch .srchForm .inner{ position:relative; width:100%; background:#fff; height:3rem; padding-right:3rem; border:2px solid #1a4ab9; border-radius:1.5rem; overflow:hidden;}
.totalSrch .srchForm input { padding:0 .75rem; width:100%; background:#fff; height:2.8rem; /*line-height:9rem;*/ font-size:0.75rem; border:none; font-family:'NotoSans'; border-radius:1.75rem 0 0 1.75rem;}
.totalSrch .srchForm button { position:absolute; top:-2px; right:-2px; padding:0; width:3rem; height:3rem; line-height:2.7rem; color:#fff; background:#1a4ab9; border:3px solid #1a4ab9; border-radius:50%; font-size:1.25rem; transition: all .2s; -webkit-transition: all .2s;}
.totalSrch .srchForm button:hover,
.totalSrch .srchForm button:focus{ background:#05969b;}
.totalSrch .srchForm button:hover {border-color:#05969b;}
.totalSrch .srchForm button:focus { outline:none; border:3px dashed #ffee00; margin-right:0.1rem; }
.totalSrch .srchForm input::-webkit-input-placeholder { color:#555; }
.totalSrch .srchForm input::placeholder { color:#555; }
.totalSrch .keyword { position:relative; width:45%; padding-left:1rem; }
.totalSrch .keyword h2{ position:relative; line-height:2rem; font-size:.9rem; font-weight:600; color:#022065; padding-left:1.75rem; background:url('/images/dgedu/template/TA01/main/ico_keyword.png') no-repeat left top;}
.totalSrch .keyword h2:before{ content:""; position:absolute; left:2.5rem; top:50%; width:calc(100% - 2.5rem); border-top:2px dotted #333; }
.totalSrch .keyword h2 span{ position:relative; display:inline-block; vertical-align:middle; max-width:100%; padding:0 .5rem; background:#fff; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;  }
.totalSrch .keyword p{ height:1rem; overflow:hidden; }
.totalSrch .keyword p span{ display:inline-block; font-size:.75rem; color:#444; }
.totalSrch .keyword p span + span{ margin-left:.25rem; }

/* �궇�뵪 */
.cn_weather{ position:relative; display:flex; width:30%; height:4rem; float:right; flex-wrap:wrap; justify-content:space-between; }
.cn_weather > h2{ line-height:1.75rem; font-size:1.05rem; font-weight: 700;}
.cn_weather > h2 em{ color:#1a4ab9;}
.cn_weather .weather{ display:flex; align-items:center; line-height:1; margin-right:.5rem; float:left; }
.cn_weather .weather .ico{padding-left:40px; line-height:1.75rem; font-size:1rem; margin-right:1rem; } 
.cn_weather .weather .ico.sun{ background:url('/resource/images/dgedu/layout/ico_wtr_sun.png') no-repeat left center; }
.cn_weather .weather .ico.rain{ background:url('/resource/images/dgedu/layout/ico_wtr_rain.png') no-repeat left center; }
.cn_weather .weather .ico.snow{ background:url('/resource/images/dgedu/layout/ico_wtr_snow.png') no-repeat left center; }
.cn_weather .weather .ico.cloudy{ background:url('/resource/images/dgedu/layout/ico_wtr_cloudy.png') no-repeat left center; }
.cn_weather .weather .ico.suncloudy{ background:url('/resource/images/dgedu/layout/ico_wtr_suncloudy.png') no-repeat left center; }
.cn_weather .weather .ico.windy{ background:url('/resource/images/dgedu/layout/ico_wtr_windy.png') no-repeat left center; }
.cn_weather .weather .ico.fog{ background:url('/resource/images/dgedu/layout/ico_wtr_fog.png') no-repeat left center; }
.cn_weather .weather p strong{ font-size:1rem; letter-spacing:-1px; font-weight:700; color:#19579a; }
.cn_weather .report{ display:flex; align-items:flex-start; width:calc(100% + 1rem); margin-left:-1rem; margin-top:.3rem; overflow:hidden;  }
.cn_weather .report p{ position:relative; width:calc(50% - .5rem); line-height:1.5rem; font-size:.75rem; padding:0 1rem; }
.cn_weather .report p + p:before{ content:""; position:absolute; left:0; top:20%; height:60%; border-left:2px dotted #ccc; }
.cn_weather .report span{ display:inline-block; font-weight:600; color:#000; margin-left:.3rem; }
.cn_weather .report a{ display:block; width:1rem; height:1rem; font-size:1rem; }

/* mobile button */
.mBtn { display:none;}

/* mobile navigation  */
#mNav { position:fixed; right:-100%; top:0; width:100%; height:100%; background:#fff; z-index:999; overflow:auto; transition:all .2s; -webkit-transition:all .2s; visibility:hidden;}
#mNav.active{ right:0; visibility:visible;}
#mNav .snb { display:block;}
#mNav .snb .logo{ height:3.5rem; padding:.5rem 1rem;}
#mNav .hdt_link{ height:auto; border-top:1px solid #ccc; background:#f6f6f6;}
#mNav .hdt_link .link > ul > li { position:inherit; }
#mNav .hdt_link .link > ul > li ~ li:before { display:none; }
#mNav .hdt_link .link > ul > li ~ li > a { position:relative; }
#mNav .hdt_link .link > ul > li ~ li > a:before{ content:""; position:absolute; left:-0.75rem; top:calc(50% - 5px); height:10px; border-left:1px solid #ddd;}
#mNav .langList { right:0; top:2.5rem;} 
#mNav #mNavClose { position:absolute; right:1rem; top:.6rem; width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; font-size:1.25rem; border-radius:.25rem; border:1px solid #1a47bc; color:#1a47bc; font-weight:600;}
/* mgnb */
#mgnb li, 
#mgnb li a{display:block; position:relative;}
#mgnb li a[target='_blank']:after{display:inline-block; padding-left:.25rem; font-family:'xeicon'; font-weight:400; content:'\e980'; }
#mgnb li a{color:#333; font-weight:600; word-break:break-all;}
#mgnb .depth01 > ul > li > a { padding:1rem 1.25rem; font-size:.9rem; color:#000; border-bottom:1px solid #ccc; background:#fff;}
#mgnb .depth02{ display:none; padding:.5rem;}
#mgnb .depth02 > ul > li > a { padding:.65rem 1rem; font-size:.85rem; border-radius:.5rem;}
#mgnb .depth03 {display:none; padding:1rem; background:#f6f6f6; border-radius:0 0 .5rem .5rem;}
#mgnb .depth03 > ul > li:before{content:""; position:absolute; left:0; top:.45rem; width:4px; height:4px; border-radius:50%; background:#777; }
#mgnb .depth03 > ul > li + li { margin-top:.75rem;}
#mgnb .depth03 > ul > li > a { padding-left:12px; color:#444; font-size:.8rem;}
#mgnb .depth04 {display:none; margin-top:.5rem; padding:.65rem; border-radius:.5rem; background:#fff;}
#mgnb .depth04 > ul > li + li { margin-top:.35rem;}
#mgnb .depth04 > ul > li:before{ content:""; position:absolute; left:0; top:.55rem; width:5px; height:2px; background:#646464;}
#mgnb .depth04 > ul > li > a { padding-left:12px; color:#444; font-size:.8rem; font-weight:400;}
/* mgnb :depth, _blank icon */
#mgnb .depth01 > ul > li.dep > a{ padding-right:2.75rem;}
#mgnb .depth02 > ul > li.dep > a{ padding-right:2rem;}
#mgnb .depth03 > ul > li.dep > a{ padding-right:1rem;}
#mgnb li.dep > a:before{ position:absolute; font-family:'xeicon'; font-size:1rem; font-weight: 400;}
#mgnb .depth01 > ul > li.dep > a:before{content:'\e941'; top:1.1rem; right:1rem; font-family:'xeicon'; }
#mgnb .depth02 > ul > li.dep > a:before{content:'\e913'; top:.75rem; right:.75rem; }
#mgnb .depth03 > ul > li.dep > a:before{content:'\e913'; top:.1rem; right:0; font-size:.8rem; }
/* mgnb :active */
#mgnb .depth01 > ul > li.dep.active > a{ background:#1a4ab9; color:#fff; }
#mgnb .depth02 > ul > li.dep.active > a{ background:#153c99; color:#fff; }
#mgnb .depth03 > ul > li.dep.active > a,
#mgnb .depth03 > ul > li.dep.active > a:before{ color:#153c99; font-weight:600;}
#mgnb li.dep.active > div{display:block;}
#mgnb .depth01 > ul > li.dep.active > a:before{content:'\e944'; }
#mgnb .depth02 > ul > li.dep.active > a:before{content:'\e9c1'; }
#mgnb .depth03 > ul > li.dep.active > a:before{content:'\e9c1'; }

/* footer */
#footer { position:relative; width:100%; padding:0 0 2rem; font-weight:400; font-size:0.75rem; color:#333; border-top:1px solid #d8dde3; background:#fff; z-index:4; float:left; }
#footer .container{ max-width:87rem; margin:1.25rem auto 0; padding-left:15rem; padding-right:3.5rem;}
#footer .logo{ position:absolute; left:1rem; top:0;}
#footer .ftLink{ margin-bottom:.5rem; overflow:hidden;}
#footer .ftLink ul { overflow:hidden; }
#footer .ftLink li { float:left; line-height:1.5rem; padding:0.1rem; }
#footer .ftLink li a { position:relative; display:block; padding-right:1rem; margin-right:1rem; letter-spacing:-0.025em; outline-color:#05c0c6;}
#footer .ftLink li a:before{ content:""; position:absolute; right:0; top:calc(50% - 5px); height:10px; border-left:1px solid #ccc;}
#footer .ftLink li:last-child a { margin-left:0; }
#footer .ftLink li:last-child a:before { display:none; }
#footer .ftLink li a:hover,
#footer .ftLink li a:focus { text-decoration:underline; }
#footer .ftLink li a strong { color:#1a4ab9; font-weight:600; }
#footer .ftBox address span { display:inline-block; padding:3px 0; margin-right:.75rem; }
#footer .ftBox address em{ font-weight: 600; color:#1a48b8;}
#footer .ftBox address strong{ font-weight: 600; }
#footer .ftBox .copyright { padding-top:.5rem; color:#787878; letter-spacing:0; font-size:14px;}
#footer .btn_top { display:block; overflow:hidden; position:absolute; right:1rem; top:.5rem; width:3rem; height:3rem; text-align:center; letter-spacing:0; font-size:14px; line-height:1.1; color:#fff; padding:.5rem 0 0; z-index:100;  border-radius:50%; background:#305cc0; transition: all .2s; -webkit-transition: all .2s;}
#footer .btn_top i{ font-size:1rem;}
#footer .btn_top:hover,
#footer .btn_top:focus{ background:#00b6bd; top:0; box-shadow:0 0 10px rgba(0, 0, 0, .3);}
#footer .webmark {position:absolute;right: 5rem;top: .5rem;}
#footer .webmark a {display:block; width:100%; height:100%;}


/* footer :site link */
.siteLink{ border-bottom:1px solid #d8dde3; background:#f0f3f9; }
.siteLink:after{ display:block; clear:both; content:"";}
.siteLink .inner{ display:flex; flex-wrap: wrap; max-width:85rem; margin:0 auto; border-left:1px solid #d8dde3;}
.siteLink .wrap{ flex:1; position:relative; border-right:1px solid #d8dde3;} 
.siteLink .wrap button{ position:relative; display:block; width:100%; height:3rem; text-align:left; font-size:.8rem; border:0; line-height:3rem; padding:0 2.5rem 0 1rem; overflow:hidden; }
.siteLink .wrap button:before{ content:"\e932"; position:absolute; right:1rem; top:0; font-family: 'xeicon'; font-size:1.25rem; color:#838b95;}
.siteLink .wrap .lst{ display:none; position:absolute; left:0; bottom:3rem; width:100%; padding:.75rem; background:rgba(60, 78, 98, .9); z-index:10;}
.siteLink .wrap .lst ul{ max-height:11rem; padding-right:5px; overflow-y:auto; }
.siteLink .wrap .lst a{ display:block; padding:.25rem 0; color:#fff; font-weight:400; line-height:1.1rem;}
.siteLink :before,
.siteLink a, .siteLink button{ transition:all .2s; -webkit-transition:all .2s;}
/* footer :site link :active */
.siteLink .wrap button:hover,
.siteLink .wrap button.active{ color:#fff; background:#5c738c;}
.siteLink .wrap button:hover:before{ color:#fff;}
.siteLink .wrap button.active:before{ color:#fff; transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.siteLink .lst a:hover,
.siteLink .lst a:focus{text-decoration:underline;}

/* sub layout */
#sub_container { position:relative; max-width:85rem; margin:0 auto;}
#sub_container:before { content:""; position:absolute; left:15rem; top:0; height:100%; border-left:1px solid #ccc; }
#sub_container:after { content:""; display:block; clear:both; }
.sub_container{ position:relative; max-width:69rem; padding:0 1rem; margin-left:auto; margin-right:0; z-index:2;}
.subCntBody{ width:calc(100% - 15rem); float:right; }
.subContent{min-height:30rem; font-weight:400; line-height:1.6; font-size:.75rem; padding:2rem 0;}
.subCommon{display:none;position:relative;height:7.5rem;padding:1.75rem 0;background:url('/images/dgedu/template/TA01/main/pttrn_dots_bk.png');z-index: 3;} /* 231227 */
.subCommon:before { content:""; position:absolute; left:0; bottom:0; width:150%; border-bottom:1px solid #ccc; }

/* lnb */
#lnb { width:15rem; float:left; display:block; padding-bottom:3rem;}
#lnb h2{ position:relative; width:100%; height:7.5rem; display:flex; flex-wrap:wrap; align-items:center; justify-content: center; flex-direction:column; font-weight:700; font-size:1.3rem; color:#fff; z-index:0;}
#lnb h2:before{content:""; position:absolute; right:0; top:0; width:300%; height:100%; z-index:-1; background:#1a4ab9 url('/images/dgedu/template/TA01/layout/pttrn_lnb.png'); box-shadow:0 0 10px rgba(0, 0, 0, .3);}
#lnb h2::after{content:""; position:absolute; right:0; top:0; width:300%; height:100%; z-index:0; background-image: url('/images/dgedu/template/TA01/layout/bg_lnb01.png'), url('/images/dgedu/template/TA01/layout/bg_lnb02.png'); background-position:calc(100% - 10rem) top, 100% center; background-repeat: no-repeat; opacity: 0.6;}
#lnb h2 a{ display:block; position:relative; z-index: 1;}
#lnb h2 span{ display:block; width:100%; text-align:center; font-size:14px; word-break: keep-all; font-weight: 200; opacity: .6; margin-top:.25rem;}
/* lnb */
#lnb li, 
#lnb li a{display:block; position:relative;}
#lnb li a{color:#333; font-weight:600; word-break:break-all;}
#lnb .dep01 > li > a { padding:.75rem; font-size:.85rem; border-bottom:1px dashed #ddd;}
#lnb .dep01 > li > a:focus { outline:3px dashed #05c0c6;}
#lnb .dep01 > li > a:after{content:'\e94a'; top:0.95rem; right:1rem; color:#6b7386; font-family:'xeicon'; }
#lnb .dep02{ display:none; padding:1rem .75rem; background:#f6f6f6; border:1px solid #01a3ec;}
#lnb .dep02 > li + li{ margin-top:.5rem;}
#lnb .dep02 > li > a { padding-left:15px; font-size:.8rem;}
#lnb .dep02 > li > a:before{ content:""; position:absolute; left:0; top:.4rem; width:6px; height:6px; border-radius:50%; background:#525c6e;}
#lnb .dep03 {display:none; margin-top:.5rem; padding:.75rem; background:#fff; }
#lnb .dep03 > li + li { margin-top:.5rem;}
#lnb .dep03 > li > a { padding-left:12px; color:#444; font-size:.7rem;}
#lnb .dep03 > li > a:before{content:""; position:absolute; left:0; top:.4rem; width:6px; height:2px; background:#666; }
/* lnb :depth, _blank icon */
#lnb li a:after{position:absolute; font-family:'xeicon';  }
#lnb li a[target='_blank']:after{content:'\e980' !important; font-weight:400;}
#lnb .dep01 > li.dep > a,
#lnb .dep01 > li > a[target='_blank']{ padding-right:2rem;}
#lnb .dep02 > li.dep > a,
#lnb .dep02 > li > a[target='_blank']{ padding-right:1rem;}
#lnb .dep03 > li.dep > a{ padding-right:1rem;}
#lnb .dep01 > li.dep > a:after{content:'\e913'; }
#lnb .dep02 > li.dep > a:after{content:'\e913'; top:.15rem; right:0; }
#lnb .dep02 > li > a[target='_blank']:after{ right:0; top:.2rem;}
#lnb .dep03 > li > a[target='_blank']:after{ display:inline-block; position:relative; margin-left:5px;}
/* lnb :active */
#lnb li a,
#lnb li a > span{transition: all .2s; -webkit-transition: all .2s;}
#lnb li.active > ul{display:block;}
#lnb li > a:hover,
#lnb li > a:focus{color:#1f6abb;}
#lnb li.dep.active > div{display:block;}
#lnb .dep01 > li.active > a{ background:#143c98; color:#fff; border-bottom:1px solid #143c98;}
#lnb .dep01 > li.active > a:after {color:#fff;}
#lnb .dep02 > li.active > a{ color:#143c98;}
#lnb .dep02 > li.active > a:before{ background-color:#143c98;}
#lnb .dep03 > li.active > a{ color:#000;}
#lnb .dep02 > li.active > a:before{ background-color:#143c98;}
#lnb .dep03 > li.active > a > span{ box-shadow:0px -10px 0px 0px inset rgba(138, 202, 255, 0.3); }
#lnb .dep01 > li.dep.active > a:after{content:'\e9c1'; color:#fff;}
#lnb .dep02 > li.dep.active > a:after{content:'\e9c1';}

/* ��遺��꽌�씠�룞 ���젆�듃諛뺤뒪 */
.sec_depBox{margin:2.5rem 1.5rem 3rem 0; }
.sec_depBox:after{display:block; clear:both; content:""; }
.sec_depBox .dep_tit{color:#010101; font-size:.95rem; }
.sec_depBox .dep_tit strong{color:#1a4ab9; font-weight:700; }
.sec_depBox .dep_select {margin-top:.75rem; }
.sec_depBox .wrap{ position:relative; display:flex; align-items:center;}
.sec_depBox .form{ position:relative; flex:1; padding-right:.5rem; }
.sec_depBox .form:before{ content:"\e942"; position:absolute; right:1rem; top:.75rem; font-family: 'xeicon'; font-size:1.2rem; color:#333; display:none;}
.sec_depBox .form select{ display:block; width:100%; height:2.7rem; padding:0 3rem 0 1.5rem; background:#f6f6f6; text-align:left; font-size:.85rem; border:0; color:#010101; border-radius:0 1.35rem 1.35rem 1.35rem; line-height:2.7rem; -webkit-appearance: none;  -moz-appearance: none; appearance: none; background-image:url(/images/dgedu/template/TA01/subMain/sel_arw.png); background-repeat:no-repeat; background-position:92%; cursor:pointer;}
.sec_depBox .wrap button{ width:2.25rem; height:2.25rem; font-size:.8rem; border-radius:50%; line-height:2.25rem; text-align: center; background:#1a4ab9; color:#fff; }
.sec_depBox .wrap button i{transform: rotate(90deg); -webkit-transform: rotate(90deg);}
/* .sec_depBox .wrap{position:relative; } 
.sec_depBox .wrap button{ position:relative; display:block; width:100%; height:2.7rem; padding:0 3rem 0 1.5rem; background:#f6f6f6; text-align:left; font-size:.85rem; border:0; color:#010101; border-radius:0 1.35rem 1.35rem 1.35rem; line-height:2.7rem; }
.sec_depBox .wrap button:before{ content:"\e936"; position:absolute; right:1.5rem; top:0; font-family: 'xeicon'; font-size:1.2rem; color:#333;}
.sec_depBox .wrap .lst{ display:none; position:absolute; left:0; bottom:2.7rem; width:100%; padding:.75rem; background:#edf6ff; border-radius:1.35rem 1.35rem 1.35rem 0; z-index:10;}
.sec_depBox .wrap .lst ul{ max-height:11rem; padding-right:5px; overflow-y:auto; }
.sec_depBox .wrap .lst a{ display:block; padding:.25rem 0; font-size:.75rem; color:#fff; font-weight:400; line-height:1.1rem;} */
.sec_depBox :before,
.sec_depBox a, .sec_depBox button{ transition:all .2s; -webkit-transition:all .2s;}
/* footer :site link :active */
.sec_depBox .wrap button:hover { background:#006abe; }
/* .sec_depBox.active .wrap button { background:#3d4965; color:#fff;}
.sec_depBox .wrap button:hover:before { color:#1a4ab9; }
.sec_depBox.active .wrap button:before{ color:#fff; transform:rotate(180deg); -webkit-transform:rotate(180deg);} */
.sec_depBox .lst a:hover{text-decoration:underline;}
.sec_depBox .selbtn { content:"\e942"; position:absolute; right:1rem; top:.75rem; font-family: 'xeicon'; font-size:1.2rem; color:#333;}


/* location */
.subLocation { position:relative; width:100%; z-index: 0;}
.subLocation li{display:inline-block; vertical-align:top; line-height:1.5rem; color:#555; font-size:.7rem; font-weight:400;}
.subLocation li i{display:inline-block; width:1.5rem; height:1.5rem;; line-height:1.5rem; color:#000; background:#f1f1f1; text-align:center; border-radius:50%; font-size:.85rem; margin-right:6px;}
.subLocation li:not(:first-child) + li:before{content:"\e93f"; display:inline-block; font-family:'xeicon'; margin:0 5px; font-weight: 400;}
.subLocation li:last-child{ font-weight: 600;  color:#006abe;}

/* subHeader */
.subHeader{ display:flex; justify-content: space-between; align-items:flex-start; flex-wrap:wrap; padding:2rem 0 .5rem; border-bottom:1px solid #014598;}
#pageTitle { flex:1; margin-right:auto; min-height:3rem; padding-right:1rem; padding-bottom:1rem; padding-bottom:.5rem; font-size:1.3rem; line-height:2rem; font-weight:700; overflow:hidden; }
/* subHeader :sns */ 
.snsBox { position:relative; font-size:0;}
.snsBox button { position:relative; display:inline-block; width:3rem; height:2rem; line-height:2rem; font-size:1rem; color:#666; overflow:hidden; padding:0; z-index:2;}
.snsBox button + button:before{ content:""; position:absolute; left:0; top:calc(50% - .5rem); height:1rem; border-left:1px solid #ccc;}
.snsBox .snsMore{ position:relative; top:-.5rem; width:0; height:0; opacity:0; float:left; padding-right:1rem; margin-right:-1.25rem; font-size:1rem; z-index:1; overflow:hidden; visibility: hidden; transition:width,height,opacity .2s; -webkit-transition:width,height,opacity .2s; -ms-transition:width,height,opacity .2s; }
.snsBox .snsMore p{ height:3rem; border-radius:1.5rem; padding:.5rem .5rem .5rem .5rem; background:#f6f6f6;}
.snsBox .snsMore a{position:relative; float:left; width:2rem; height:2rem; line-height:2rem; text-align:center; color:#fff; border-radius:50%; }
.snsBox .snsMore a + a{margin-left:5px;}
.snsBox .snsMore a.snsT{background:#59acee;}
.snsBox .snsMore a.snsF{background:#3c5899;}
.snsBox .snsMore a.snsK{background:#ffca08;}
.snsBox .snsMore a.snsN{background:#28c517}
.snsBox .snsMore a.snsKs{background:#ffca08 url('/images/dgedu/template/TA01/layout/ico_sns.png') no-repeat -6rem center/cover; }
.snsBox .snsMore a.snsB{background:#28c517 url('/images/dgedu/template/TA01/layout/ico_sns.png') no-repeat -4rem center/cover; }
.snsBox .snsMore a.snsUrl{background:#fff url('/resource/images/dgedu/layout/ico_sns_url.svg') no-repeat center; border:1px solid #ddd; image-rendering:-webkit-optimize-contrast}
.snsBox .snsMore a.close{ position:absolute; right:0; top:.5rem; color:#fff; background:#525c6e;}
/* subHeader :sns :active */ 
.snsBox .snsMore.active{width:auto; height:auto; opacity:1; visibility: visible;}
.snsBox button:hover,
.snsBox button:focus{color:#014598;}
.snsBox .snsMore a.snsF:hover,
.snsBox .snsMore a.snsF:focus{background-color:#183372;}
.snsBox .snsMore a.snsT:hover,
.snsBox .snsMore a.snsT:focus{background-color:#257fc9;}
.snsBox .snsMore a.snsK:hover,
.snsBox .snsMore a.snsK:focus{background-color:#d36e10;}
.snsBox .snsMore a.snsB:hover, .snsBox .snsMore a.snsN:hover,
.snsBox .snsMore a.snsB:focus, .snsBox .snsMore a.snsN:focus{background-color:#16a706;}
.snsBox .snsMore a.snsUrl:hover,
.snsBox .snsMore a.snsUrl:focus{border-color:#183372;}

/* 寃��깋 �옄�룞寃��깋�뼱李� �몴�떆 */
.MC_wrap.weather {overflow:visible !important; min-height:80px;}
#rcmdResult {position: absolute;top: 68px;width: 100%;left: 0;padding: 5px 5px;box-sizing: border-box;background: #fff;z-index: 9999; border: 1px dashed #3a68d2; border-radius: 1.5rem; padding: .5rem 1rem; display:none;}
.autoList li { display: block; padding: 3px; font-size: 14px; color: #000; list-style: none; line-height: 19px; }
.autoList li { color: #000; }
.autoList li strong { color: #d12a07; font-weight:500; }

/* media query mobile */
@media (min-width:1921px) {

	.hdt_link .container{ width:100%; margin:0 auto;}
}

@media screen and (max-width:1900px){
	/* oneDown */
	#nav.oneDown .depth01 > ul > li:last-of-type > .depth02{ left:auto; right:-2rem;}
}

@media screen and (max-width:1800px){
	/* oneDown */
	#nav.oneDown .depth01 > ul > li:last-of-type > .depth02{ right:0;}
	
	/* ��遺��꽌�씠�룞 ���젆�듃諛뺤뒪 */
	.sec_depBox { margin:2.5rem .75rem; }
}

@media screen and (max-width:1750px){
	/* header */
	#header h1.logo{ left:.5rem; }
	.hdt_link .container,
	#gnb{ padding:0 .5rem;}
	#topHead #topPop .control > a{ left:.5rem;}

	/* oneFull */
	#nav.oneFull .depth02 > ul{ padding-right:0;}
	#nav.oneFull .depth02 > ul > li{ width:25%;}

	/* mobile button : subLayout 寃��깋踰꾪듉 �몴異�  */
	.subLayout .mBtn { right:.5rem !important; }
}

@media (max-width: 1480px) {
	/* �넻�빀寃��깋 */
    .totalSrch { width:calc(97% - 15rem);} 

	/* �궇�뵪 */
    .cn_weather { width:15rem;} 
	.cn_weather .report{width:calc(100% + .5rem); margin-left:-.25rem;} 
	.cn_weather .report p{ width:calc(50% - .25rem); padding:0 .5rem;}
	
	#footer .webmark {position:relative; margin: .5rem 0 0 5rem;}
}

@media screen and (min-width:1401px){
	/* fixed contents : active */
	body.fixCont #topHead {  top:-7rem; }
	body.fixCont .hldy #topHead {  top:-9rem; }
	body.fixCont .upPop #topHead { top:-13.5rem; }
	body.fixCont .hldy.upPop #topHead { top:-15.5rem; }
}

@media screen and (max-width:1360px){

	/* gnb common */
	#gnb .depth01 > ul > li > a,
	#nav.fullDown .topGnb > ul > li > a{ font-size:1rem;}

	/* oneFull */
	#nav.oneFull .depth02 > ul > li{ width:33%;}
}

@media screen and (min-width:1241px){ 
	/* mobile button : subLayout 寃��깋踰꾪듉 �몴異�  */
	.subLayout .mBtn { display:block; position:absolute; right:calc(50% - 43rem); top:3.75rem; }
	.subLayout .mBtn a{ display:inline-block; width:2rem; height:2rem; line-height:2rem; text-align:center; border-radius:50%; z-index: 1; transition: background-color .2s; -webkit-transition: background-color .2s;}
	.subLayout .mBtn .mSearch{ font-size:1.5rem;}
	.subLayout .mBtn .mSearch.active{ background:#0149bf; color:#fff; font-size:1rem;}
	.subLayout .mBtn .mNav{ display:none;}
}

@media screen and (max-width:1240px){ 

	/* hidden */
	#header .hdt_link,
	.hdt_link .link li.mobhid,
	#nav{ display:none;}	

	/* topHead */
	#topHead,
	.open #topHead{ height:auto;}

	/* header */
	#header { position:fixed; left:0; top:0; width:100%; height:3.5rem; z-index:99; border-bottom:1px solid #ddd; }
	#header h1.logo img{ width:auto; height:2rem; }
	#header .header_wrap{ height:3.5rem; }

	/* mobile button */
	.mBtn{ display:block; position:absolute; right:1rem !important; top:.6rem !important; }
	.mBtn > a{ display:inline-block; width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; font-size:1.25rem; border-radius:.25rem; border:1px solid #1a47bc; color:#1a47bc; font-weight:600;}
	#header:not(.subLayout) .mBtn > a.mSearch{ display:none;}

	/* �꽌釉뚮젅�씠�븘�썐 */
	#sub_container { margin:3.5rem auto 0; transition: padding-top .2s; -webkit-transition: padding-top .2s;}
	#sub_container.srchOpen { padding-top:5.5rem;}
	#sub_container:before { display:none; }
	.subCntBody{ width:100%; float:none;}
	.subCommon{ position:absolute; left:0; top:0; width:100%; height:auto; padding:.75rem 0; border-bottom:1px solid #ccc; /*overflow:hidden;*/ z-index:3;} /* 231227 */
	.subCommon:before { display:none; }
	.subHeader{ padding-top:1rem;}
	#pageTitle{ min-height:0px; font-size:1.2rem;}

	/* lnb */
	#lnb{position:relative; width:100%; float:none; padding-bottom:0; z-index:2;}
	#lnb h2{ display:block; height:auto; padding:.75rem 2.5rem .75rem 1.25rem; font-size:1rem; background:#1a4ab9;}
	#lnb h2:before,
	#lnb h2 span{ display:none;}
	#lnb h2:after{content:"\e941"; position:absolute; right:1rem; top:.95rem; width:auto; height:auto; font-family: 'xeicon'; font-weight:200; background:none; opacity: 1;}
	#lnb h2.active:after{content:"\e944";}
	#lnb nav{ position:relative; display:none; padding:0 .75rem; background:#fff; border-bottom:1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:1;}
	#lnb .dep01 > li > a{ font-size:.8rem;}
	#lnb .dep02 > li > a{ font-size:.75rem;}
	#lnb .dep03 > li > a{ font-size:.7rem;}
	
	/* ��遺��꽌�씠�룞 ���젆�듃諛뺤뒪 */
	.sec_depBox { margin:1rem 1rem 0; }
	.sec_depBox .wrap button { border-radius:1.35rem; }
	.sec_depBox .wrap .lst { position:relative; bottom:auto; border-radius:0 1.35rem 1.35rem 1.35rem; }
	.sec_depBox .wrap .lst ul { max-height:8rem; }
	.sec_depBox .wrap button:hover, .sec_depBox.active .wrap button { border-radius:1.35rem 1.35rem 1.35rem 0 }

	/* location :snsBox */
	.snsBox{width:auto; height:auto; line-height:0; background:none; border:none; overflow:initial; }
	.snsBox button{ width:2rem;}
	.snsBox button.btnPrint{display:none;}
	.snsBox .snsMore{ position:absolute; left:0; top:0; width:100%; height:0px; line-height:0; float:none; text-align:center; padding-right:0;}
	.snsBox .snsMore.active{ width:100%; height:auto; top:0; }
	.snsBox .snsMore p{ padding:2.3rem 0 0; height:auto; background:none;}
	.snsBox .snsMore a{ float:none; display:block;}
	.snsBox .snsMore a:before{ display:none !important;}
	.snsBox .snsMore a + a{margin-left:0; margin-top:3px;}
	.snsBox .snsMore a.close{ top:0; }
	.snsBox .snsMore a.snsUrl{background-size:1rem auto;}
}

@media screen and (max-width:1024px){ 

	/* footer */
	#footer .logo{position:relative; left:auto; top:auto;}
	#footer .container{ padding:0 1rem;}
	#footer .ftWrap{ margin-top:1rem;}
	#footer .btn_top{ top:-.5rem;}

	/* 諛⑸Ц�옄�닔 */
    .visitant { position:relative; top:0; right:0; width:50%; margin-top:0.5rem; }	
	
	/*留⑥쐞濡쒓�湲�*/
	.btn_top{ bottom:2.5%; right:2.5%; }
	
	/* 寃��깋 �옄�룞寃��깋�뼱李� �몴�떆 */
	#rcmdResult {top:65px;}

}

@media (max-width:960px) { 

	/* �넻�빀寃��깋 */
    .totalSrch { width:calc(98% - 13.5rem);} 
	.totalSrch .keyword{ padding-left:.5rem;}

	/* �궇�뵪 */
    .cn_weather { width:13.5rem;} 
	.cn_weather .report{width:calc(100% + .5rem); margin-left:-.25rem;} 
	.cn_weather .report p{ width:calc(50% - .25rem); padding:0 .5rem;}
}

@media (max-width:860px) { 
	
	/* footer */
	.siteLink{ border-bottom:0;}
	.siteLink .wrap{ width:50%; flex:auto; border-bottom:1px solid #d8dde3;}
	.siteLink .wrap button{ height:2.5rem; line-height:2.5rem;}
	.siteLink .wrap .lst{ bottom:2.5rem;}
}

@media (max-width:768px) { 
	#sub_container.srchOpen{padding-top:7.5rem;}
	.subContent{ padding:1.5rem 0; }

	/* header */
	h1.logo a img,
	#totalSearch .logo a img{ width:auto; height:2rem;}

	/* �넻�빀寃��깋 */
	.totalSrch { width:100%; height:auto; padding-top:.5rem;}
	.totalSrch .srchForm,
	.totalSrch .keyword{ width:100%;}
	.totalSrch .srchForm h2{ font-size:.85rem;}
	.totalSrch .srchForm .inner,
	.totalSrch .srchForm input{ height:2.5rem;}
	.totalSrch .srchForm button{ width:2.5rem; height:2.5rem; line-height:2.5rem;}
	.totalSrch .keyword{ display:flex; align-items:center; padding-left:0; padding-top:.5rem;}
	.totalSrch .keyword h2{ background-size:1.65rem auto; white-space: nowrap;}
	.totalSrch .keyword h2:before{ display:none;}
	.totalSrch .keyword p{ line-height:2rem; height:2rem;}

	/* �궇�뵪 */
	.cn_weather { width:100%; height:auto; margin-top:1rem;}
	.subCommon .cn_weather{ display:none;}
	
	/* 寃��깋 �옄�룞寃��깋�뼱李� �몴�떆 */
	#rcmdResult {top:52px;}

}

@media (max-width:580px) { 

	/* �궇�뵪 */
	.cn_weather > h2{ font-size:1rem;}

	/* footer */
	#footer .logo img{ width:auto; height:2rem;}

	/* header Link : mNav 怨듯넻 */
	.hdt_link .container{ padding:0;}
	.hdt_link .util,
	.hdt_link .link{ width:100%; padding:0 1rem;}
	.hdt_link .link{ border-top:1px solid #ccc;} 
	#mNav .langList { right:auto; top:5rem; left:0;} 
}

@media screen and (max-width:460px){ 

	/* header */
	.cn_weather .weather .ico{ padding-left:35px; margin-right:.5rem; font-size:.85rem; font-weight:600; background-size:30px auto !important;}

	/* mobile navigation */
	#mgnb .depth01 > ul > li > a{ font-size:.85rem;}
	#mgnb .depth02 > ul > li > a{ font-size:.8rem;}

	/* footer */
	.siteLink .wrap{ width:100%; max-width:100%;}
	.siteLink .wrap button{ border-right:1px solid rgba(255,255,255,0.5);}
	#footer,
	.ftBox address span,
	.ftBox .tel span{ font-size:.7rem;}

	/* �넻�빀寃��깋 */
	.totalSrch .keyword h2{ font-size:.85rem; background-size:1.4rem auto; background-position:left 2px;}
	.totalSrch .keyword h2 span{ padding-left:0;}
	.totalSrch .keyword p span{ font-size:13px;}
}

@media (max-width:320px) { 

	#header h1.logo img{ height:1.8rem;}

	.hdt_link a{ font-size:13px;}
	.hdt_link .util,
	.hdt_link .link{ padding:0 .5rem;}
	.hdt_link .util{ line-height:2rem;}
	.hdt_link .util .krSymbol{ background-size:auto 1rem; padding-left:1.75rem;}
	.hdt_link .util .covid{ background-size:auto .8rem;}
	.hdt_link .link > ul{ height:2rem;}
	.hdt_link .link > ul > li ~ li{padding-left:.5rem; margin-left:.5rem;}
	#mNav .langList { top:4.1rem; width:100%; }  

	/* footer */
	#footer .logo img{ width:auto; height:1.75rem;}
}