@import url('/css/dgedu/web/dsag/basic.css');


#wrap { position:relative; overflow:hidden; }
.container { position:relative; width:100%; max-width:70rem; 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; }
.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; }


/* header */
#header { position:absolute; top:0; left:0; width: 100%; margin:0 auto; height:6.25rem; background:#fff; z-index:99; }
#header h1.logo2 {position: absolute; left:5rem; top: 4.35rem; z-index: 1000;}
#header h1 a { display:block; line-height:0; }
#header h1.logo2 a { color:#fff; font-size: 1.1rem; font-weight: 700; letter-spacing: -1px;}
h1.logo a img { vertical-align: middle; image-rendering:-webkit-optimize-contrast;}

/* header Link */
#header .t_link{width:100%; height:2.5rem; padding:0 5rem; display:flex; align-items:center; justify-content:space-between;}
#header .t_link .tl_right {display:flex; align-items:center;}
#header .t_link a.link {display:block; line-height:2.25rem; font-size:0.7rem; color:#000; }
#header .t_link a.link i{ margin-right:5px; font-size:0.75rem;}
#header .login{ font-size:0; border-left:1px solid rgba(255,255,255,0.25);}
#header .login li{ display:inline-block; border-right:1px solid rgba(255,255,255,0.25);}
#header .login li a{ padding:0 1.5rem; color:#000; }
#header .service { margin-left:auto; }
#header .service ul,
#header .service .screenSize{display:inline-block; vertical-align:middle;}
#header .service .screenSize{ line-height:1.5rem; font-size:0.7rem; color:#000;}
#header .service .screenSize a{ display:inline-block; width:1.5rem; height:1.5rem; background: #e5e5e5; line-height:1.6rem; text-align:center; font-size:0.9rem; font-weight:normal; vertical-align:top; border-radius:50%; margin:0 3px; color:#000; } 
#header .service .screenSize a:first-child {margin-left:0.25rem;}
#header .service ul{ margin-left:1rem; background:#002956; padding:0 1rem;}
/* header Link :active */
#header .t_link a{ transition:all .2s; -webkit-transition:all .2s;}
#header .t_link a:hover,
#header .t_link a:focus{ text-decoration:underline;}
#header .login li a:hover,
#header .login li a:focus{ background:#002956;}
#header .service .screenSize a:hover,
#header .service .screenSize a:focus{ background:#abd3ff;}
#header .service .screenSize a.reset:hover,
#header .service .screenSize a.reset:focus{ background:#93e0ff;}

/* header 날씨 */
.weather_wrap { width: 6.75rem; z-index:105; margin-left:1.5rem; }
.weather_wrap:after {clear: both; display: block; content: "";}
#weather .wrap, #translate .wrap {position: relative;}
#weather .wrap button, #translate .wrap button {position: relative; display: block; padding: 0; border-radius:0.75rem; height: 2.5rem; line-height: 2.4rem; text-align: left; font-size: 0.7rem; color:#111;}
.weather_wrap .wrap button {padding: 0 0.75rem; width: 100%;}
#weather .wrap button:before, #translate .wrap button:before {position: absolute; top: 1px; right: 0; font-family: 'xeicon'; font-size: 1.1rem; color: #111; content: "\e936";}
.weather_wrap .wrap button img {vertical-align: middle; margin-left:0.2rem;}
#weather .wrap .lst, #translate .wrap .lst {position: absolute; top:2.5rem; left: -1rem; display: none; padding: 0.25rem 0.6rem; width: 123%;  background:#fff; border-top: 1px dashed #e1e1e1; border-left: 1px solid #ededed; border-right: 1px solid #ededed; box-shadow: 0 5px 0 rgba(154,154,154,0.15); z-index: 10;}
#weather .wrap .lst ul, #translate .wrap .lst ul {padding-right: 5px;}
#weather .wrap .lst a, #translate .wrap .lst a {display: block; padding: 0.1rem 0; line-height: 1rem; font-size: 0.7rem; font-weight: 400; color: #888; text-align:left;}
#weather .wrap .lst a:hover, #translate .wrap .lst a:hover,
#weather .wrap .lst a:focus, #translate .wrap .lst a:focus {font-weight:700; color:#222; text-decoration:none;}
#weather :before, #translate :before,
#weather a, #translate a, 
#weather button, #translate button {transition: all .2s; -webkit-transition: all .2s;}
/* footer :site link :active */
.weather_wrap .wrap button:hover,
.weather_wrap .wrap button.active {text-decoration:underline;}
#weather .wrap button.active:before, #translate .wrap button.active:before {transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#weather .lst a:hover, #translate .lst a:hover,
#weather .lst a:focus, #translate .lst a:focus {text-decoration: underline;}
/* 날씨 */
.hd_weather{ margin-left:auto; font-size:0.7rem; line-height:1rem; font-weight:400; display:flex; flex-direction: column; align-items:center;}
.hd_weather .weather{ width:5rem; height:100%; display:flex; align-items:center; line-height:1;}
.hd_weather .weather .ico{width:2rem; height:2rem;}
.hd_weather .weather .ico.sun{ background:url('/resource/images/dgedu/layout/ico_wtr_sun.png') no-repeat center;}
.hd_weather .weather .ico.rain{ background:url('/resource/images/dgedu/layout/ico_wtr_rain.png') no-repeat center;}
.hd_weather .weather .ico.snow{ background:url('/resource/images/dgedu/layout/ico_wtr_snow.png') no-repeat center;}
.hd_weather .weather .ico.cloudy{ background:url('/resource/images/dgedu/layout/ico_wtr_cloudy.png') no-repeat center;}
.hd_weather .weather .ico.suncloudy{ background:url('/resource/images/dgedu/layout/ico_wtr_suncloudy.png') no-repeat center;}
.hd_weather .weather .ico.windy{ background:url('/resource/images/dgedu/layout/ico_wtr_windy.png') no-repeat center;}
.hd_weather .weather .ico.fog{ background:url('/resource/images/dgedu/layout/ico_wtr_fog.png') no-repeat center;}
.hd_weather .weather p strong{ font-size:1.5rem; letter-spacing:-1px; font-weight:700; color:#19579a;}
.hd_weather .report{ margin-top: 0.25rem; }
.hd_weather .report p{display:flex; justify-content:space-between; align-items:center;  font-size:13px; }
.hd_weather .report p + p{ margin-top:3px;}
.hd_weather .report span{ display:inline-block; width:3rem; line-height:1.1rem;text-align:center; color:#fff; border-radius:1rem; margin-left:12px;}
.hd_weather .report span.colGreen{background:#11b23a;}
.hd_weather .report span.colBlue{background:#0079ff;}
.hd_weather .report span.colOrg{background:#ffa639; color:#000;}
.hd_weather .report span.colRed{background:#ff3e3e;}
/* 모바일 :날씨 */
#mNav .hd_weather{margin:0; line-height:1.25rem;}

/* header util */
#header .t_util{ display:flex; height:4rem; align-items:center; justify-content:space-around;}

/* 통합검색 */
.totalSearch .wrap {padding: 0 1rem;}
#totalSearch,
#totalSearch2 {display: none; width: 100%; background: #ecf4ff; box-shadow: 0 0.45rem 0.35rem rgba(0,0,0,0.06); padding: 1.5rem 0; text-align: center; position: fixed; left: 0; top: 6.25rem; z-index: 102;}
.totalSearch .inner{background:#fff; position:relative; width:20rem; max-width: 100%; height:2.6rem; margin: 0 auto; padding-right:2.6rem; border:2px solid #014fbb; border-radius:0.75rem; overflow:hidden; }
.totalSearch input {background:#fff; padding:0 .75rem; width:100%; height:2.5rem; line-height:2.4rem; font-size:0.75rem; border:none;}
.totalSearch button { position:absolute; top:-2px; right:-2px; padding:0; width:2.6rem; height:2.6rem; line-height:2.6rem; color:#fff; background:#014fbb url('/images/dgedu/web/dsag/layout/top_srch_btn_bg.png') no-repeat right bottom / contain; border:none; border-radius:0.75rem; font-size:1.2rem; }
.totalSearch button em{display:none;}
.totalSearch input::-webkit-input-placeholder { color:#555; }
.totalSearch input::placeholder { color:#555; }
.totalSearch .btnClose {width: 2.5rem; height: 2.5rem; border-radius: 50%; font-size: 1.6rem; color: #fff; position: absolute; right: 8.5rem; top: -3.05rem; z-index:102; background:#212e4e;}
/* moblie search : active */
#totalSearch.active,
#totalSearch2.active {display: block;}

/* web navigation */
/* gnb common */
#nav{ position:relative; width:100%; z-index:99;}
#gnb{ position:relative; height:3.75rem; z-index:2; padding: 0 5rem;}
#gnb::before {content: ''; position: absolute; left:0; top:0; width: 100%; height:3.75rem; background: #212e4e;}
#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:40rem; margin-left:auto; margin-right:9.5rem; z-index:1; }
#gnb .depth01 > ul{ display:flex; justify-content:space-between; text-align:center; width:100%; font-size:0; line-height:0; }
#gnb .depth01 > ul > li{ display:inline-block; vertical-align:top; font-size:.8rem; line-height:1.6; }
#gnb .depth01 > ul > li.on > a{ color:#fff; }
#gnb .depth01 > ul > li > a{ display:flex; width:100%; height:calc(3.75rem + 10px); line-height:1.2; line-height:1.2; justify-content:center; align-items:center; font-size:0.95rem; color:#fff; font-weight:600; padding-bottom:10px; z-index:2; overflow:hidden;}
#gnb .depth01 > ul > li > a:before,
#gnb .depth01 > ul > li > a:after{content:""; position:absolute; border-radius:50%; transform:scale(0); -webkit-transform:scale(0); transition:transform .2s; -webkit-transition:transform .2s;} 
#gnb .depth01 > ul > li > a:before{left:calc(50% - 5px); bottom:4px; width:10px; height:10px; background:#546deb; }
#gnb .depth01 > ul > li > a:after{left:calc(50% - 9px); bottom:0; width:18px; height:18px; background:rgba(84, 109, 238, 0.2);}
#gnb .depth01 > ul > li > a > span{ display:inline-block; padding:0.15rem 0.15rem;box-shadow:0px 0 0px 0px inset #3f60c7; transition:all .2s; -webkit-transition:all .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{ padding:.75rem 0; }
#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:'\e942'; position:absolute; right:0.5rem; top:0.3rem; width:1.25rem; height:1.25rem; line-height:1.25rem; text-align:center; border-radius:50%; font-family:'xeicon'; color:#000; font-size:1.2rem; font-weight: 400;}
#gnb .depth02 > ul > li > a{ color:#111; font-weight:400; padding:.65rem .7rem; font-size:.75rem; outline:none;}
#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:.5rem; color:#000; }
#gnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:.5rem; width:4px; height:4px; border-radius:50%; background:#a1b2bc;}
#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 .depth01 > ul > li.on > a:before,
#gnb .depth01 > ul > li.on > a:after{transform:scale(1); -webkit-transform:scale(1); }
#gnb .depth01 > ul > li.on > a > span {box-shadow:0px -12px 0px 0px inset #3f60c7;}
#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:'\e945';}
#gnb .depth03 > ul > li > a:hover,
#gnb .depth03 > ul > li > a:focus {color:#243f82; font-weight: 600;}
#gnb .depth03 > ul > li > a:hover:before,
#gnb .depth03 > ul > li > a:focus:before {background:#244081;}

/* gnb :fullDown */
#nav.fullDown #gnb{ background:#fff;}
#nav.fullDown ul,
#nav.fullDown li{ height:100%; }
#nav.fullDown .depth01{ position:relative; max-width:45rem; height:3.75rem; overflow:hidden; }
#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:3.75rem; height:calc(100% - 3.75rem); border-left:1px solid #eee; z-index:1; }
#nav.fullDown .depth01 > ul > li > a {font-size: 0.85rem; letter-spacing: -2px;}
#nav.fullDown .depth02{ position:relative; left:auto; top:-10px; 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:3.75rem; border-radius: 1.25rem; overflow:hidden; opacity:0; visibility:hidden; transition-delay:.0s; text-align:left; box-shadow:2px 2px 5px rgba(0,0,0,0.3);}
#nav.oneDown .depth02 > ul{ padding:.75rem 0; background:#fff;}
#nav.oneDown .depth02 > ul > li > a{padding:.35rem .7rem;}
#nav.oneDown .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.oneDown .depth03{background:#f5f5f5;}
#nav.oneDown .depth03{background:#e5eafe; padding:.5rem 1rem;}
#nav.oneDown .depth03 > ul {border-top:1px solid #c1cbef; padding-top: 0.5rem;}
/** 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,
#nav.oneDown .depth02 > ul > li.dep.active > a{background:#e5eafe;}

/* gnb :oneFull */
#nav.oneFull ul,
#nav.oneFull li{ height:100%; }
#nav.oneFull .depth01 > ul{ width:100%; text-align:center; font-size:0; line-height:0; }
#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; left:50%; top:3.75rem; width:100vw; max-width: 70rem; min-height:15.25rem; opacity:0; visibility:hidden; transition-delay:.0s; text-align:left; transform:translateX(-50%);}
#nav.oneFull .depth02::before {content: ''; height: 100%; width: 100vw; height: 100%; background: #fff; border-bottom-left-radius: 2.5rem; position: absolute; left:50%; top:0; box-shadow: 0 3px 7px rgba(165,172,172,0.35); z-index:-1; transform: translateX(-730px);}
#nav.oneFull .depth02 .titBox{ display:block; position:absolute; left:calc(50% - 35rem); top:0; width:15.5rem; height:calc(100% - 1.5rem); padding:1.5rem 2rem 0 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:#3a54cb url(/images/dgedu/web/dsag/layout/gnb_titbox_bg.png) no-repeat right 13px bottom -5px; z-index:-1;}
#nav.oneFull .depth02 .titBox strong{ position:relative; display:block; font-size:1.25rem; font-weight:700; padding-top:0.75rem; margin-bottom:0.75rem;}
#nav.oneFull .depth02 .titBox strong:before{ content:""; position:absolute; left:0.1rem; top:0; width:1.5rem; height:1px; border-top:6px dotted rgba(255,255,255,0.5);}
#nav.oneFull .depth02 .titBox p{ line-height:1.1rem; font-size:0.8rem; font-weight: 300;}
#nav.oneFull .depth02 .titBox span{ position:absolute; left:-1rem; bottom:1rem; width:200px; height:175px; padding-left:45px; padding-top:70px; background:url('/resource/images/dgedu/layout/bg_gnb_ico.png') no-repeat center;}
#nav.oneFull .depth02 .titBox span img{ max-width:80px; max-height:80px;}
#nav.oneFull .depth02 > ul{display:flex; width:100%; max-width:70rem; margin:0 auto;font-size:0; line-height:0; padding-left:16rem; flex-wrap:wrap; justify-content:initial;}
#nav.oneFull .depth02 > ul > li { position:relative; width:31%; border-radius:0.5rem; margin:0.5rem 1%; vertical-align:top; line-height:1.6; transition: all 0.2s; -webkit-transition: all 0.2s;}
#nav.oneFull .depth02 > ul > li::before {content: ''; position: absolute; top:0; left:0; width:100%; height:51px; border-radius:0.5rem; border: 1px solid transparent; transition: all 0.2s; -webkit-transition: all 0.2s;}
#nav.oneFull .depth02 > ul > li > a{ border-radius:0.5rem; font-size:0.8rem; z-index:1; border:1px solid #c5c9d6;}
#nav.oneFull .depth02 > ul > li > a[target='_blank']:before{content:"\e980"; position:absolute; right:0.5rem; top:0.5rem; width:1.25rem; height:1.25rem; line-height:1.25rem; text-align:center; border-radius:50%; font-family:'xeicon'; color:#000; font-size:0.8rem; background:#e8f4ff;} 
#nav.oneFull .depth02 > ul > li > a[target='_blank'] > span:after{ display:none;}
#nav.oneFull .depth02 > ul > li.dep > a:before{ top:0.6rem; background:#e8f4ff;}
#nav.oneFull .depth03{ opacity:0; padding:0 1rem 0.75rem; border-radius:0 0 .5rem .5rem;}
#nav.oneFull .depth03 > ul {border-top:1px solid #ced4e0; padding-top: 0.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 {background: #f9f9f9;}
#nav.oneFull .depth02 > ul > li.active::before {border-color:#1e66b0; height: 100%;}
#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{ border-color:#1e66b0;}
#nav.oneFull .depth02 > ul > li > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus,
#nav.oneFull .depth02 > ul > li.dep.active > a{ color:#0d56a2; font-weight: 600;}
#nav.oneFull .depth02 > ul > li.dep.active > a{ border-color:transparent;}
#nav.oneFull .depth02 > ul > li.dep.active > a:before{ background:#3855cb; color: #fff;}

/* 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;}

#header .top_srch_btn { position:absolute; right:9rem; top:0.7rem; display:block; color: #fff; font-size: 1.6rem; z-index:91;}

/* sitemap */
#header .sitemap{ position:absolute; right:5rem; top:1.1rem; width:30px; height:24px; padding-top:12px; display:block; z-index:91; overflow:hidden;}
#header .sitemap span,
#header .sitemap span::before,
#header .sitemap span::after { content:'';  width:30px; height:3px; position:absolute; background:#fff; transition:background .2s;}
#header .sitemap span::before { top:-9px;}
#header .sitemap span::after { top:9px; }
/* sitemap :active */
#header .sitemap:hover span,
#header .sitemap:hover span::before,
#header .sitemap:hover span::after,
#header .sitemap:focus span,
#header .sitemap:focus span::before,
#header .sitemap:focus span::after{ background:#0079ff;}

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


/* mobile navigation  */
#mNav { position:fixed; right:-100%; top:2.5rem; 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 .inner{ }
#mNav h1.logo2 {background: #11224e; color:#fff; font-size: 0.95rem; padding:1rem; font-weight: 700;}
#mNav .snb { display:block;overflow:hidden; }
#mNav .snb .login{ font-size:0; text-align:center; padding:.75rem; margin-top:1px; background:#3d5bed; overflow:hidden;}
#mNav .snb .login li { position:relative; display:inline-block; width:calc(100% / 3); vertical-align:top;}
#mNav .snb .login li:before{content:""; position:absolute; left:-3px; top:calc(50% - 3px); width:6px; height:6px; border-radius:50%; background:#fff;}
#mNav .snb .login li:nth-of-type(3n+1):before{ display:none; }
#mNav .snb .login li a { display:block; padding:0 .25rem; word-break:break-all; font-size:.75rem; color:#fff; }
#mNav .snb .login li a i{ margin-right:0.2rem; }
#mNav .snb .login li a:hover,
#mNav .snb .login li a:focus{text-decoration:underline;}
#mNav #mNavClose { position:absolute; right:1rem; top:0.8rem; font-size:1.2rem; text-align:center; color: #fff;}
/* mgnb */
#mgnb {padding:0 1rem;}
#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 + li{ margin-top:.5rem;}
#mgnb .depth01 > ul > li > a { padding:0.75rem 0; font-size:.9rem; border:1px solid transparent; border-bottom: 1px solid #e3e3e3;}
#mgnb .depth02{ display:none;}
/* #mgnb .depth02 > ul > li:before{ content:""; position:absolute; left:0; top:.55rem; width:8px; height:3px; border-radius:3px; background:#1f6abb;} */
#mgnb .depth02 > ul > li + li{ margin-top:1px;}
#mgnb .depth02 > ul > li > a { padding:0.5rem 0.6rem; font-size:.85rem; background: #ebebeb;}
#mgnb .depth03 {display:none; margin: 0 0.65rem;}
#mgnb .depth03 > ul > li + li {border-top:1px dashed #cbcbcb;}
#mgnb .depth03 > ul > li > a {position: relative; padding:0.4rem 0 0.4rem 12px; color:#444; font-size:.8rem;}
#mgnb .depth03 > ul > li > a:before{content:""; position:absolute; left:0; top:0.9rem; width:4px; height:4px; border-radius:50%; background:#9e9e9e; }
#mgnb .depth04 {display:none; margin-top:.5rem; padding:.65rem; border:1px solid #1f6abb; 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:#666; 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:1rem;}
#mgnb .depth03 > ul > li.dep > a{ padding-right:1rem;}
#mgnb li.dep > a:before{ position:absolute; font-family:'xeicon'; font-size:0.9rem; }
#mgnb .depth01 > ul > li.dep > a:before{content:'\e941'; top:0.5rem; right:0.75rem; width:1.25rem; height:1.25rem; line-height:1.35rem; font-size: 0.8rem; font-weight: 400; text-align:center; border-radius:50%; background:#fff; color:#666; background: #efefef; }
#mgnb .depth02 > ul > li.dep > a:before{content:'\e913'; top:0.55rem; right:0.9rem; }
#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,
#mgnb .depth01 > ul > li.dep.active > a{ color: #004fba; font-weight: 700; border-bottom-color: #0150b9;}
#mgnb .depth02 > ul > li > a:hover,
#mgnb .depth02 > ul > li > a:focus,
#mgnb .depth02 > ul > li.active > a {background: #dcebfe; color:#004fba;}
#mgnb .depth03 > ul > li > a:hover,
#mgnb .depth03 > ul > li > a:focus,
#mgnb .depth03 > ul > li.active > a {color:#004fba;}
#mgnb .depth03 > ul > li > a:hover:before,
#mgnb .depth03 > ul > li > a:focus:before {background:#004fba; }
#mgnb li.dep.active > div{display:block;}
#mgnb .depth01 > ul > li.dep.active > a:before{content:'\e944'; background:#e4f0ff; color:#004fba;}
#mgnb .depth02 > ul > li.dep.active > a:before{content:'\e91a'; }
#mgnb .depth03 > ul > li.dep.active > a:before{content:'\e9c1'; }

/* footer */
#footer { position:relative; padding:0 0 1rem; font-weight:400; font-size:0.75rem; color:#fff; background:#373d4d; }
.ftLink{ padding-right:14.25rem; margin-bottom:1.5rem; border-bottom:1px solid rgba(255,255,255,0.2); overflow:hidden;}
.ftLink ul { overflow:hidden; padding:0.85rem 0; }
.ftLink li { position:relative; float:left; line-height:1.5rem; }
.ftLink li ~ li::before {content:''; position: absolute; left:-0.7rem; top:calc(50% - 7px); width:1px; height: 15px; background: rgba(255,255,255,0.3);}
.ftLink li a { display:block; margin-right:1.5rem; letter-spacing:-0.025em }
.ftLink li:first-child a { margin-left:0; }
.ftLink li a:hover,
.ftLink li a:focus { text-decoration:underline; }
.ftLink li a strong { color:#899df4; font-weight:600; }
.ftBox{ max-width:60%; overflow:hidden;}
.ftBox address {display: flex; flex-wrap: wrap;}
.ftBox address span { display:inline-block; margin-right:.75rem; align-items: center; padding-bottom: 0.2rem;}
.ftBox address span:first-child {width: 100%;}
.ftBox address span i {margin-right: 0.35rem; font-size: 1rem;}
.ftBox address span i.xi-print {margin-left:0.55rem;}
.ftBox .tel{ margin:1.25rem 0 1.5rem -.5rem; font-size:0;}
.ftBox .tel span { position:relative; display:inline-block; line-height:1.3rem; font-size:.75rem; padding:0 .75rem; }
.ftBox .tel span:before{ content:""; position:absolute; left:0; top:20%; height:60%; border-left:1px solid rgba(255,255,255,0.3);}
.ftBox .copyright { color:rgba(255,255,255,0.6); }
#footer .btn_top { display:flex; flex-direction: column; align-items: center; padding-top:0.4rem; overflow:hidden; position:fixed; right:1rem; bottom:13.1rem; z-index:100; width:3rem; height:3rem; font-size: 0.7rem; border-radius:50%; background:#435cd2; }
#footer .btn_top i {font-size: 1.2rem; margin-bottom: -0.1rem;}

/* footer :site link */
.siteLink{ position:absolute; right:0; top:0; border-right:1px solid rgba(255,255,255,0.2); }
.siteLink:after{ display:block; clear:both; content:"";}
.siteLink .wrap{ position:relative; width:15rem; float:left;} 
.siteLink .wrap button{ position:relative; display:block; width:100%; height:3.2rem; text-align:left; font-size:.8rem; border:0; border-left:1px solid rgba(255,255,255,0.2); line-height:3.25rem; padding:0 1.5rem 0 1rem; background: rgba(255,255,255,0.1);}
.siteLink .wrap button:before{ content:""; position:absolute; right:1rem; top:calc(50% - 7px); width:14px; height:14px; background:url('/resource/images/dgedu/layout/btn_arrow_top.png') no-repeat center;}
.siteLink .wrap .lst{ display:none; position:absolute; left:0; bottom:3.2rem; width:100%; padding:.75rem; background:rgba(55,61,77,0.75); 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; 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:focus,
.siteLink .wrap button.active{ background:#292e3c;}
.siteLink .wrap button.active:before{ transform:rotate(180deg); -webkit-transform:rotate(180deg);}
.siteLink .lst a:hover,
.siteLink .lst a:focus{text-decoration:underline;}

/* sub layout */
#sub_container { position:relative; padding-top: 6.25rem;}
#sub_container:after { content:""; display:block; clear:both; }
.subCntBody{ position:relative; display: flex; flex-wrap: wrap; max-width:72rem; padding:0 1rem; margin:2.75rem auto 0; } /* 20231227 수정 */
.subCntBody > .container{ width:calc(100% - 14.5rem); padding-left:2.5rem;}
.subContent{min-height:30rem; font-weight:400; line-height:1.6; font-size:.75rem; padding:2rem 0;}

/* sub visual */ 
.subvisual{ position:relative; width:100%; line-height:0; overflow:hidden; }
.subvisual img{ position:relative; width:auto; height:auto; left:50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}

/* lnb */
#lnb { width:14.5rem; display:block; margin-top:-1.5rem;}
#lnb h2{ position:relative; width:100%; height:7.85rem; display:flex; align-items:center; justify-content: center;  font-weight:700; font-size:1.3rem; color:#fff; z-index:0; border-radius:0 1.5rem 0.5rem 0;}
#lnb h2::before {content:''; position: absolute; top:0; right:0; width:300%; height: 100%; border-radius:0 1.5rem 0.5rem 0; background:#435cd2 url('/images/dgedu/web/dsag/map/lnb_tit_bg.png') no-repeat right top / contain; z-index: -2;}
#lnb h2::after {content:''; position: absolute; top:0; right:0; width:100%; height: 100%; border-radius:0 1.5rem 0.5rem 0; background: url('/images/dgedu/web/dsag/layout/gnb_titbox_bg.png') no-repeat right 33px bottom -29px; z-index: -1;}
#lnb nav{ margin:0.5rem 0 2rem;} /* 20231227 수정 */
#lnb li, 
#lnb li a{display:block; position:relative;}
#lnb li a[target='_blank']:after{display:inline-block; padding-left:.25rem; font-family:'xeicon'; font-weight:400; content:'\e980'; }
#lnb li a{color:#000; word-break:break-all;}
#lnb .dep01 > li {border-top: 1px dashed #cbcbcb;}
#lnb .dep01 > li:last-child {border-bottom: 1px dashed #cbcbcb;}
#lnb .dep01 > li:first-child,
#lnb .dep01 > li.active {border-top: none; border-bottom: none;}
#lnb .dep01 > li > a { padding:0.9rem 1rem; font-size:16px; border:2px solid transparent; border-radius:0.5rem; background:#fff;}
#lnb .dep02{ display:none; padding:1rem;}
#lnb .dep02 > li:before{ content:""; position:absolute; left:0; top:0.45rem; width:8px; height:3px; border-radius:3px; background:#004fb8;}
#lnb .dep02 > li + li{ margin-top:0.5rem;}
#lnb .dep02 > li > a { padding-left:15px; font-size:15px;}
#lnb .dep03 {display:none; margin-top:.5rem; padding:0.75rem 1rem; background:#fff; border-radius:0.25rem; }
#lnb .dep03 > li:before{content:""; position:absolute; left:0; top:.45rem; width:4px; height:4px; border-radius:50%; background:#9a9b9f; }
#lnb .dep03 > li.active:before{background:#6696d6; }
#lnb .dep03 > li + li { margin-top:.5rem;}
#lnb .dep03 > li > a { padding-left:12px; color:#444; font-size:14px;}
/* lnb :depth, _blank icon */
#lnb .dep01 > li > a{ padding-right:2.75rem;}
#lnb .dep02 > li.dep > a{ padding-right:1rem;}
#lnb .dep03 > li.dep > a{ padding-right:1rem;}
#lnb li.dep > a:before{ position:absolute; font-family:'xeicon'; font-size: 0.8rem; }
#lnb .dep01 > li > a:before{content:'\e94a'; position: absolute; font-family:'xeicon'; font-size:1.5rem; top:0.9rem; right:1rem; width:1.25rem; height:1.25rem; line-height:1.25rem; text-align:center; color:#b5b9bc;}
#lnb .dep01 > li.dep > a:before{content:'\e941'; font-size: 0.8rem; border-radius:50%; background:#fff; color:#666; box-shadow:0 0 3px rgba(0,0,0,0.3);}
#lnb .dep02 > li.dep > a:before{content:'\e913'; top:.15rem; right:0; color: #000; }
/* 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{ background:#f5f9fc; border-radius:0 0 .5rem .5rem;}
#lnb .dep01 > li.active > a{ background:#fff; border-color:#1b87e2;}
#lnb .dep02 > li.active > a,
#lnb .dep03 > li.active > a{font-weight: 600;}
#lnb .dep03 > li.active > a > span{ box-shadow:0px -10px 0px 0px inset #d9ebff; }
#lnb .dep01 > li.active > a:before {color: #014eb8;}
#lnb .dep01 > li.active + li {border-top: none;}
#lnb .dep01 > li.dep.active > a:before{content:'\e944'; background:#014eb8; color:#fff; box-shadow:none;}
#lnb .dep01 > li.dep.active + li {border-top: 1px dashed #cbcbcb;}
#lnb .dep02 > li.dep.active > a:before{content:'\e9c1'; }

/* location */
.subLocation { position:relative; padding-top:0.7rem; z-index: 0;}
.subLocation li{display:inline-block; vertical-align:middle; line-height:1.5rem; color:#666; font-size:14px; font-weight:400;}
.subLocation li i{display:inline-block; line-height:1.5rem; color:#666; font-size:0.85rem; width:1.5rem; height:1.5rem; line-height: 1.5rem; text-align: center; border-radius: 50%; background: #efefef;}
.subLocation li + li:before{content:"\e93f"; display:inline-block; font-family:'xeicon'; margin:0 5px; font-weight: 400;}
.subLocation li:last-child{ font-weight: 600; color:#1b54a1;}

/* subHeader */
.subHeader{ display:flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding:1.5rem 0 0.65rem; border-bottom:1px solid #ececec;}
#pageTitle { width:100%; font-size:1.3rem; font-weight:700; overflow:hidden; }
/* subHeader :sns */ 
.snsBox { position:relative; margin-top:auto; overflow:hidden; font-size:0;}
.snsBox button { position:relative; display:inline-block; width:2.25rem; height:2.25rem; line-height:2.2rem; font-size:0.9rem; color:#111; overflow:hidden; padding:0; border-radius:50%; background:#fff; border:1px solid #b9bdc0; z-index:2; transition:all .2s; -webkit-transition:all .2s;}
.snsBox button + button{ margin-left:.25rem;}
.snsBox .snsMore{ position:relative; width:0; opacity:0; float:left; height:2.25rem; line-height:2.25rem; margin-right:-.5rem; border-radius:.5rem; 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; background:#f7f7f7;}
.snsBox .snsMore p{margin:0 1.5rem 0 1rem; }
.snsBox .snsMore a{position:relative; float:left; }
.snsBox .snsMore a + a{padding-left:12px; margin-left:10px;}
.snsBox .snsMore a + a:before{content:""; position:absolute; left:-2px; top:calc(50% - 2px); width:4px; height:4px; border-radius:50%; background:#aaa;}
.snsBox .snsMore a.snsT{color:#59acee;}
.snsBox .snsMore a.snsK{color:#ffc20d;}
.snsBox .snsMore a.snsF{color:#3c5899;}
.snsBox .snsMore a.snsIn{color:#d63497;}
.snsBox .snsMore a.snsN{color:#28c517;}
.snsBox .snsMore a.snsUrl{width:1.75rem; height:2.25rem; background:url('/resource/images/dgedu/layout/ico_sns_url.svg') no-repeat center right; }
/* subHeader :sns :active */ 
.snsBox .snsMore.active{width:auto; opacity:1; visibility: visible;}
.snsBox button.active,
.snsBox button:hover,
.snsBox button:focus{background-color:#1f6abb; color:#fff;}
.snsBox .snsMore a.snsT:hover,
.snsBox .snsMore a.snsT:focus{color:#257fc9;}
.snsBox .snsMore a.snsK:hover,
.snsBox .snsMore a.snsK:focus{color:#d36e10;}
.snsBox .snsMore a.snsF:hover,
.snsBox .snsMore a.snsF:focus{color:#183372;}
.snsBox .snsMore a.snsIn:hover,
.snsBox .snsMore a.snsIn:focus{color:#af1c4d;}
.snsBox .snsMore a.snsN:hover,
.snsBox .snsMore a.snsN:focus{color:#129703;}

/* media query mobile */
@media screen and (max-width:1600px){
	/* oneDown */
	#nav.oneDown .depth02{ width:11rem; left:calc(50% - 5.5rem);}
}

@media screen and (max-width:1440px){
    
    .container { padding:0 1.75rem;}

	/* header */
	#header h1.logo2 {left:1rem;}
	#header .t_link{ padding:0 1rem;}
	#header .top_srch_btn {right:4rem;}
	.totalSearch .btnClose {right:3.5rem;}

	/* web navigation */
	/* gnb common */
	#gnb { padding:0 1rem;}
	#gnb .depth01{margin-right:6.5rem;}
	/* oneFull */
	#nav.oneFull .depth02::before {left:0; transform: none;}
	#nav.oneFull .depth02 .titBox{ left:0; width:13rem; padding-left:1rem;}
	#nav.oneFull .depth02 .titBox span{ left:.5rem;}
	#nav.oneFull .depth02 > ul{padding-left:14rem; padding-right:1rem;}
	/* fullDown */
	#nav.fullDown #gnb{ padding:0; }

	/* sitemap */
	#header .sitemap{ right:1rem;}

	/* footer */
	.siteLink{ right:1rem;}
}
@media screen and (max-width:1240px){ 

	/* hidden */
	#header .login,
	#nav{ display:none;}	

	/* header */
	#header { position:fixed; left:0; top:0; width:100%; height:6rem; z-index:101; background: #212e4e; }
	#header h1.logo2 {top:4.2rem;}
	#header .t_link {background: #fff;}
	#header .t_util{ height:3.5rem;}
	#header .service{ margin-left:0; margin-right:auto;}
	#header .service ul{ margin:0; }

	#totalSearch2 {top:6rem;}
	.totalSearch .btnClose {right:3rem; top:-2.75rem; font-size: 1.6rem;}

	/* 모바일 버튼 */
	.mBtn{ display:block; position:absolute; right:3.5rem; top:2.6rem; }
	.mBtn > a{ width:3rem; height:3.5rem; line-height:3.5rem; text-align:center; font-size:1.6rem; color:#fff; font-weight:600;}
	.mBtn > a + a{ margin-left:10px;}
	#mSearch{display:none;}

	/* 모바일 메뉴 */
    .mNav{ position:absolute; right:1rem; top:2.6rem; line-height:3.5rem; display:block; font-size: 1.6rem; color:#fff; z-index:91; overflow:hidden;}
	/* mNav :active */
	.mNav:hover,
	.mNav:focus { color:#0079ff;}
	
	/* footer */
	.siteLink{ position:relative; right:auto; top:auto; border-right:0; }
	.siteLink .wrap{ width:50%; max-width:15rem;}
	.siteLink .wrap button{ border-bottom:1px solid rgba(255,255,255,0.5); }
	.siteLink .wrap:last-of-type button{ border-right:1px solid rgba(255,255,255,0.5);}
	.ftLink{ width:100%; padding-right:0;}
	.ftBox{ max-width:100%;}

	/* 서브레이아웃 */
	#sub_container { margin:6rem auto 0; padding:0;}
	.subCntBody{ width:100%; float:none; padding: 0;}
	.subCntBody > .container{ padding:0 1rem; margin:0; width:100%;}
	.subLocation li{ font-size:13px; line-height:1.6;}
	.subLocation li + li:before{ margin:0 2px;}
	.subHeader{ padding:1.25rem 0 0.5rem;}
	#pageTitle { font-size:1.2rem; width:auto;}
	.subLocation {width: 100%; order:3;}

	/* lnb */
	#lnb{width:100%; float:none; margin-top: 0;}
	#lnb h2{ display:block; height:auto; padding:.75rem 2.5rem .75rem 1.25rem; font-size:1.1rem; background:#435cd2; border-radius:0;}
	#lnb h2:after{content:"\e941"; position:absolute; right:1rem; top:1rem; font-family:'xeicon'; font-size:.9rem; background: none; width: auto; height: auto;}
	#lnb h2:before{ display:none;}
	#lnb h2.active:after{transform:rotate(180deg); -webkit-transform:rotate(180deg); -ms-transform:rotate(180deg);}
	#lnb nav{ position:relative; display:none; margin:0; padding:1rem .5rem; background:#f6f6f6; border-bottom:1px solid #ddd; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:1;}
	#lnb .dep01 > li,
	#lnb .dep01 > li:last-child {border-color: transparent;} /* 20240109 장주연 추가 */
	#lnb .dep01 > li + li{ margin-top:.25rem;}
	#lnb .dep01 > li > a{ font-size:.8rem; padding:0.5rem 2.5rem 0.5rem 0.75rem; background:#fff;} /* 20240108 장주연 수정 */
	#lnb .dep01 > li.dep.active + li {border-top:none;}
	#lnb .dep01 > li > a:before {top:0.4rem;}
	#lnb .dep01 > li.dep > a:before{ right:.5rem; top:.35rem; background:#f1f1f1;}
	#lnb .dep02 > li:before{ width:6px; height:2px;}
	#lnb .dep02{ padding:.75rem .25rem .5rem;}
	#lnb .dep02 > li > a{ font-size:.75rem;}
	#lnb .dep03{ padding:.75rem;}
	#lnb .dep03 > li > a{ font-size:.7rem;}

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

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

	/* footer */
	#footer:before { display:none; }
	#footer address{ padding-right:0; margin:0.5rem 0; }
	.footer_link { padding-top:1rem; }

	/* 방문자수 */
    .visitant { position:relative; top:0; right:0; width:50%; margin-top:0.5rem; }
	
	/*맨위로가기*/
	.btn_top{ bottom:2.5%; right:2.5%; }
}

@media (max-width:768px) { 
	.subContent{ padding:1.5rem 0; }

	/* header */
	h1.logo a img,
	#totalSearch .logo a img{ width:auto; height:1.25rem;}
	#header .service .screenSize {font-size: 0;}
}
@media (max-width:680px) { 
	.ftBox address span { width: 100%;}
	.ftBox address span i.xi-print {margin-left: 0;}
}
@media (max-width:580px) { 
	.subvisual {display: none;}
}
@media screen and (max-width:560px){  
	#header .service {display: none;}
	.weather_wrap {width:4.75rem;}
	.weather_wrap .wrap button img {display: none;}
	#weather .wrap .lst, #translate .wrap .lst {left:-2rem; width:165%;}

	/* footer */
	.siteLink .wrap{ width:100%; max-width:100%;}
	.siteLink .wrap button{ border-right:1px solid rgba(255,255,255,0.5);}
	.ftLink {margin-bottom: 0.75rem;}
}
@media screen and (max-width:460px){  
	.container { padding: 0 1.5rem; }

	/* header */
	.hd_weather .weather{ margin-right:0;}
	.hd_weather .report{ display:none;}

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

	/* footer */ 
	#footer,
	.ftBox address span,
	.ftBox .tel span{ font-size:.7rem;}
}

@media (max-width:380px) { 
	#header h1.logo2 a {font-size:0.95rem;}
}