@import url('/resource/css/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:relative; width:100%; height:7.25rem; background:#fff; z-index:99; box-shadow:8px 8px 25px rgba(0,0,0,0.05); }  
#header h1.logo a.type2 {position: relative; display:block; height:2.1rem; line-height:2.1rem; font-size: 1.3rem; font-weight: 700; color: #000; letter-spacing: -0.1rem;}
#header h1.logo a.type2:before {display: inline-block; width: 13.4rem; height:2.1rem; vertical-align: top; background: url('/images/dgedu/template/TC26/main/logo.png') no-repeat left top / auto 100%; content: ""; }

/* header Link : mNav 공통 */
.hdt_link { position:relative; width:100%; height:2.25rem; z-index: 100; background:#ededed; font-size:0; font-weight:600; }
.hdt_link a { display:inline-block; }
.hdt_link a:hover { text-decoration:underline; }
.hdt_link .container { display:flex; justify-content:space-between; }
.hdt_link .container:after{ display:none;}
.hdt_link .util a { line-height:2.25rem; background:#007ce8; color:#fff; font-size:0.75rem; padding:0 2rem 0 1.5rem; }
.hdt_link .util a i { margin-right:0.5rem;}
.hdt_link .link { display:flex; font-size:0.7rem; line-height:2.25rem; align-items:center; }
.hdt_link .login ul { display:flex; }
.hdt_link .login li { position:relative; }
.hdt_link .login li:before { content:""; position:absolute; right:0; top:0.7rem; width:1px; height:0.8rem; background:#d3d3d3; }
.hdt_link .login a { padding:0 1rem; } 
.hdt_link .login a i { margin-right:0.5rem; }
.hdt_link .screenSize { padding:0 1rem; line-height:1.6rem; }
.hdt_link .screenSize a { width:1.6rem; height:1.6rem; border-radius:50%; text-align:center; background:#fff; font-size:0.95rem; vertical-align:middle; margin-left:0.2rem; }
.hdt_link .screenSize a.reset { background:#c5c5c5 }

/* weather */
 /* 날씨 */
.hd_weather { position:relative; }
.hd_weather p {display:inline-block;}
.hd_weather a { position:relative; width:8.3rem; padding:0 1.5rem 0 1rem; background:#fff; height:2.25rem; text-align:center; }
.hd_weather a i {position:absolute; right:1rem; top:0; line-height:2.25rem; }
.hd_weather a .ico { position:relative; top:-2px; }
.hd_weather.active a i { -webkit-transform:rotate(180deg); transform:rotate(180deg);}
.hd_weather .ico{display:inline-block; width:2rem; height:2.25rem; vertical-align:middle; }
.hd_weather .ico.sun{ background:url('/resource/images/dgedu/layout/ico_wtr_sun.png') no-repeat center;}
.hd_weather .ico.rain{ background:url('/resource/images/dgedu/layout/ico_wtr_rain.png') no-repeat center;}
.hd_weather .ico.snow{ background:url('/resource/images/dgedu/layout/ico_wtr_snow.png') no-repeat center;}
.hd_weather .ico.cloudy{ background:url('/resource/images/dgedu/layout/ico_wtr_cloudy.png') no-repeat center;}
.hd_weather .ico.suncloudy{ background:url('/resource/images/dgedu/layout/ico_wtr_suncloudy.png') no-repeat center;}
.hd_weather .ico.windy{ background:url('/resource/images/dgedu/layout/ico_wtr_windy.png') no-repeat center;}
.hd_weather .ico.fog{ background:url('/resource/images/dgedu/layout/ico_wtr_fog.png') no-repeat center;}
.hd_weather .weather_box { position:absolute; left:0; top:2.25rem; width:100%; font-size:0.7rem; line-height:1rem; text-align:center; background:#fff; border:1px solid #ededed; padding:0.5rem 0; border-top:none; display:none; box-shadow:0 5px 0 rgba(154,154,154,0.15); }
.hd_weather .weather_box:before { content:""; position:absolute; left:10%; top:0; width:80%; height:1px; border-top:1px dashed #ededed; }
.hd_weather.active .weather_box { display:block;}
.hd_weather .weather_box .weather{ height:100%; display:flex; justify-content:center; align-items:center; line-height:1; margin-right:.5rem; }
.hd_weather .weather_box .weather p strong{ font-size:1.5rem; letter-spacing:-1px; font-weight:700; color:#19579a;}
.hd_weather .weather_box .report { width:5rem; margin:0 auto; }
.hd_weather .weather_box .report p{display:flex; justify-content:space-between; align-items:center;  font-size:13px; }
.hd_weather .weather_box .report p + p{ margin-top:3px;}
.hd_weather .weather_box .report span{ display:inline-block; width:2.6rem; line-height:1.1rem;text-align:center; color:#fff; border-radius:1rem;}
.hd_weather .weather_box .report span.colGreen{background:#11b23a;}
.hd_weather .weather_box .report span.colBlue{background:#0079ff;}
.hd_weather .weather_box .report span.colOrg{background:#ffa639; color:#000;}
.hd_weather .weather_box .report span.colRed{background:#ff3e3e;}
/* 모바일 :날씨 */
#mNav .hd_weather .weather_box{margin:0; line-height:1.25rem;}

/* header nav */
#header .header_wrap{ position:relative; }
#header .header_wrap > .container{ height:5rem;}
#header .logo { position:absolute; left:0; top:50%; font-size:0; z-index:99; -webkit-transform:translateY(-50%); transform:translateY(-50%); }

/* web navigation */
/* gnb common */
#nav{ width:100%; padding:0 2rem 0 19rem; } 
#gnb .titBox{ display:none;}
#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 > ul { display:flex; align-items:center; justify-content:end; } 
#gnb .depth01 > ul > li{ flex:1;}
/* #gnb .depth01 > ul > li + li { margin-left:5.5rem; } */
#gnb .depth01 > ul > li > a { position:relative; display:block; line-height:5rem; font-size:1rem; font-weight:600; text-align:center; }
#gnb .depth01 > ul > li > a > span { position:relative; z-index:2; }
#gnb .depth01 > ul > li > a[target='_blank'] > span:after{ content:"\e980"; display:inline-block; padding-left:.25rem; font-family:'xeicon'; font-size:1rem; color:#003bb4; font-weight:400; }
#gnb .depth01 > ul > li > a:before,
#gnb .depth01 > ul > li > a:after,
#gnb .depth01 > ul > li > a > span:before  { content:""; position:absolute; bottom:-0.5rem; width:0.5rem; height:0.5rem; background:#2eaaf3; border-radius:50%; opacity:0; z-index:2; }
#gnb .depth01 > ul > li > a:before { left:calc(50% - 1rem); -webkit-transition:0.2s; transition:0.2s; }
#gnb .depth01 > ul > li > a:after { left:calc(50% + 0.5rem); -webkit-transition:0.2s 0.2s; transition:0.2s 0.2s;}
#gnb .depth01 > ul > li > a > span:before { left:calc(50% - 0.25rem); -webkit-transition:0.2s 0.1s; transition:0.2s 0.1s;}
#gnb .depth03,
#gnb .depth04{ display:none; visibility: hidden;} 
/* gnb : active */
#gnb .depth01 > ul > li > a:hover:before,
#gnb .depth01 > ul > li > a:hover:after, 
#gnb .depth01 > ul > li > a:hover > span:before,
#gnb .depth01 > ul > li.on > a:before,
#gnb .depth01 > ul > li.on > a:after,
#gnb .depth01 > ul > li.on > a > span:before { opacity:1; bottom:-0.25rem;}

/* gnb :fullDown */
#nav.fullDown #gnb:before{ content:""; position:absolute; left:-100%; top:5rem; width:300%; height:calc(100% - 5rem); background:#fff; box-shadow:inset 8px 8px 25px rgba(0,0,0,0.1), 0 5px 5px 0 rgb(0,0,0,0.1); display:none;}
#nav.fullDown{ position:absolute; left:calc(50% - 35rem); top:0; width:100%; max-width:70rem;  padding:0 2rem 0 19rem;}
#nav.fullDown ul,
#nav.fullDown li{ height:100%; }
#nav.fullDown .depth01 > ul{ width:100%; 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:5rem; height:calc(100% - 5rem); border-left:1px solid #eee; z-index:1; }
#nav.fullDown .depth02{ display:none; position:relative; left:auto; top:0; transition-delay:.0s; z-index:1; }
#nav.fullDown .depth02 > ul {padding:1rem 0; text-align:center; transition: all .2s; -webkit-transition: all .2s;}
#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;}
/** fullDown : active **/
#nav.fullDown #gnb.active:before{ display:block;}
#nav.fullDown #gnb.active .depth01 > ul > li.on > .depth02 > ul{ background:#dff3fe;}
#nav.fullDown #gnb.active .depth02{ display:block;}
#nav.fullDown .depth02 > ul > li > a:hover,
#nav.fullDown .depth02 > ul > li > a:focus{ font-weight:600;}

/* gnb :oneDown */
#nav.oneDown #gnb .depth02 { display:none; position:absolute; right:0; left:0; top:5rem; }
#nav.oneDown #gnb .on .depth02 { display:block; }
#nav.oneDown #gnb .depth02 > ul { position:relative; display:flex; justify-content:end; flex-wrap:wrap; padding:.5rem 0; }
#nav.oneDown #gnb .depth02 > ul:before { content:""; position:absolute; left:-100%; top:0; width:300%; height:100%; background:#dff3fe; }
#nav.oneDown #gnb .depth02 > ul > li { padding:0 1.25rem; }
#nav.oneDown #gnb .depth02 > ul > li > a { display:inline-block; padding:0.5rem; font-weight:600; } 
/** oneDown :active **/
#nav.oneDown #gnb .depth02 > ul > li > a:hover,
#nav.oneDown #gnb .depth02 > ul > li > a:focus { font-weight:700; }

/* gnb : oneFull */
#nav.oneFull ul,
#nav.oneFull li{ height:100%; }
#nav.oneFull .titBox{display:block;}
#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; top:5rem; width:100%; padding:1rem 0; opacity:0; visibility:hidden; transition-delay:.0s; text-align:left; }
#nav.oneFull li.dep > .depth02:before{content:""; position:absolute; left:-100%; top:0; width:300%; height:100%; background:#fff; box-shadow:inset 8px 8px 25px rgba(0,0,0,0.1);}
#nav.oneFull .depth02 .titBox{ display:block; position:absolute; left:calc(50% - 35rem); top:0; width:18rem; height:100%; 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 2rem 0; background:#1f6abb; z-index:-1;}
#nav.oneFull .depth02 .titBox strong{ position:relative; display:block; max-width:12rem; font-size:1.25rem; font-weight:700; padding-bottom:1rem; margin-bottom:1rem;}
#nav.oneFull .depth02 .titBox strong:before{ content:""; position:absolute; left:0; bottom:0; width:calc(100% - 10px); border-top:1px solid rgba(255,255,255,0.5);}
#nav.oneFull .depth02 .titBox strong:after{ content:""; position:absolute; right:0; bottom:-2px; width:3px; height:3px; border-radius:50%; background:rgba(255,255,255,0.5);}
#nav.oneFull .depth02 .titBox p{ width:50%; word-break: keep-all; line-height:1.5; font-size:.75rem;}
#nav.oneFull .depth02 .titBox span{ position:absolute; right: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%; min-height:13rem; max-width:70rem; margin:0 auto; padding-left:19rem; font-size:0; line-height:0; align-content: flex-start; flex-wrap:wrap;}
#nav.oneFull .depth02 > ul > li{ width:33.33%; vertical-align:top; padding:.5rem; line-height:1.6; }
#nav.oneFull .depth02 > ul > li > a{ display:flex; height:3rem; align-items:center; font-weight:600; padding-left:1rem; padding-right:2rem; border-radius:1rem; font-size:.8rem; z-index:1; border:1px solid #66a8f0;}
/* #nav.oneFull .depth02 > ul > li.dep > a:before{ top:.5rem; background:#e5f8ff;}
#nav.oneFull .depth03{ display:none; padding:.5rem 1rem; background:#f8f8f8; border-radius:0 0 .5rem .5rem;}
#nav.oneFull .depth03 > ul > li + li{ margin-top:.15rem;}
#nav.oneFull .depth03 > ul > li > a{ padding-left:15px; font-size:.8rem;}
#nav.oneFull .depth03 > ul > li > a:before{ content:""; position:absolute; left:0; top:.45rem; width:5px; height:5px; border-radius:50%; background:#66a8f0;}
#nav.oneFull .depth03 > ul > li > a > span:before{ content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#467be4; opacity: 0; } */
/** oneFull : dep **/
#nav.oneFull .depth02 > ul > li > a:before{ content:''; position:absolute; right:.75rem; top:.6rem; width:1.75rem; height:1.75rem; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family: 'xeicon'; color:#111; font-size:.9rem;}
/* #nav.oneFull .depth02 > ul > li.dep > a:before{ content:'\e942'; background:#edf6ff;} */
#nav.oneFull .depth02 > ul > li.dep.active > a:before{ content:'\e945';}
#nav.oneFull .depth02 > ul > li > a[target='_blank']:before{content:"\e980"; background:#edf6ff;} 
#nav.oneFull .depth02 > ul > li > a[target='_blank'] > span:before{ display:none;}
/** 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 > a:hover,
#nav.oneFull .depth02 > ul > li > a:focus,
#nav.oneFull .depth02 > ul > li.dep.active > a{ border-color:#006abe; box-shadow:0 0 8px rgba(13, 110, 221, 0.4);}
/* #nav.oneFull .depth02 > ul > li.active .depth03{ opacity:1; display:block; }
#nav.oneFull .depth02 > ul > li.dep.active > .depth03{ display:block; }
#nav.oneFull .depth03 > ul > li > a:hover > span:before,
#nav.oneFull .depth03 > ul > li > a:focus > span:before,
#nav.oneFull .depth03 > ul > li.dep.active > a > span:before{ width:100%; opacity: 1;} */

/* 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;}
  
/* sitemap */
#header .sitemap{ position:absolute; right:0; top:2rem;}
.navBtn { display:block; width:1.15rem; height:auto; overflow:hidden; }
.navBtn span { display:block; width:100%; height:2px; background:#000; float:right; -webkit-transition:0.2s; transition:0.2s; }
.navBtn span:nth-child(1) { width:0.8rem; }
.navBtn span:nth-child(2) { margin:0.3rem 0; }
.navBtn span:nth-child(3) { width:1rem; }

/* sitemap :active */ 
.navBtn:hover span, 
.navBtn:focus span { background:#0079ff; }
.navBtn:hover span:nth-child(1), 
.navBtn:focus span:nth-child(1),
.navBtn:hover span:nth-child(3), 
.navBtn:focus span:nth-child(3) { width:100%; }
.navBtn:hover span:nth-child(2), 
.navBtn:focus span:nth-child(2) { width:0.8rem; }  

/* 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 .inner{ padding:1rem 1rem 2rem;}
#mNav .snb { display:block;overflow:hidden; } 
#mNav .snb .login{ font-size:0; text-align:center; padding:.75rem; margin:.75rem 0; border-radius:0 1rem 0 0; background:#1f6abb; 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{ display:none; }
#mNav .snb .login li a:hover,
#mNav .snb .login li a:focus{text-decoration:underline;}
#mNav #mNavClose { position:absolute; right:1rem; top:1rem; width:2.5rem; height:2.5rem; line-height:2.5rem; border-radius:.5rem; color:#636f7b; font-size:1.15rem; text-align:center; background:#cfe7ff;}
/* 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 + li{ margin-top:.5rem;}
#mgnb .depth01 > ul > li > a { padding:.75rem 1rem; font-size:.9rem; border:1px solid transparent; border-radius:0.5rem; background:#f6f6f6;}
#mgnb .depth02{ display:none; padding:.5rem 1rem;}
#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:.5rem;}
#mgnb .depth02 > ul > li > a { padding-left:15px; font-size:.85rem;}
#mgnb .depth03 {display:none; margin-top:.5rem; padding:1rem; background:#eaf4fe; }
#mgnb .depth03 > ul > li:before{content:""; position:absolute; left:0; top:.45rem; width:4px; height:4px; border-radius:50%; background:#333; }
#mgnb .depth03 > ul > li + li { margin-top:.5rem;}
#mgnb .depth03 > ul > li > a { padding-left:12px; color:#444; font-size:.8rem;}
#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:1rem; }
#mgnb .depth01 > ul > li.dep > a:before{content:'\e936'; top:0.65rem; right:1rem; width:1.5rem; height:1.5rem; line-height:1.5rem; text-align:center; border-radius:.25rem; background:#fff; color:#666; box-shadow:0 0 3px rgba(0,0,0,0.3); }
#mgnb .depth02 > ul > li.dep > a:before{content:'\e942'; top:.1rem; right:0; }
#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{ background:#fff; border-color:#afcdef; box-shadow:0 0 10px rgba(1, 142, 230, 0.25);}
#mgnb .depth02 > ul > li.dep > a:hover,
#mgnb .depth02 > ul > li.dep > a:focus{color:#1f6abb;}
#mgnb li.dep.active > div{display:block;}
#mgnb .depth01 > ul > li.dep.active > a:before{content:'\e930'; background:#cfe7ff; color:#333; box-shadow:none;}
#mgnb .depth02 > ul > li.dep.active > a:before{content:'\e945'; }
#mgnb .depth03 > ul > li.dep.active > a:before{content:'\e9c1'; }

/* footer 0723 수정*/
#footer { position:relative; padding:1.2rem 0 4rem; font-weight:400; color:#333; background:#f7f7f7; border-top:1px solid #ccd7d9; z-index:4; } 
#footer .ftLink { position:absolute; right:0; top:0; width:12rem; line-height:2.3rem; background:url('/images/dgedu/template/TC26/main/ico_tel.png') no-repeat left 1rem center, #5d646e; border-radius:0.5rem; color:#fff; padding:0 2.5rem; -webkit-transition:0.2s; transition:0.2s; }
#footer .ftLink:before { content:"\e9c5"; position:absolute; right:1rem; top:0; font-family:"xeicon"; }
#footer .ftLink:hover,
#footer .ftLink:focus { background-color:#3b3f46; }
#footer .ftBox { padding-right: 13rem;}
#footer .ftBox address { color:#363636; } 
#footer .ftBox .copyright { padding-top:.5rem; font-family:"Montserrat"; color:#767676; letter-spacing:0; font-size:14px;}
#footer .btn_top { display:block; overflow:hidden; position:fixed; right:1rem; bottom:1rem;	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; box-shadow:0 0 10px rgba(0, 0, 0, .3);}
/* footer 추가 */
#footer .siteLink{ margin-bottom:.5rem; overflow:hidden;}
#footer .siteLink ul { overflow:hidden; }
#footer .siteLink li { float:left; line-height:1.5rem; padding:0.1rem; }
#footer .siteLink li a { position:relative; display:block; padding-right:1rem; margin-right:1rem; letter-spacing:-0.025em; }
#footer .siteLink li a:before{ content:""; position:absolute; right:0; top:calc(50% - 5px); height:10px; border-left:1px solid #ccc;}
#footer .siteLink li:last-child a { margin-left:0; }
#footer .siteLink li:last-child a:before { display:none; }
#footer .siteLink li a:hover,
#footer .siteLink li a:focus { text-decoration:underline; }
#footer .siteLink li a strong {color: #d03939;font-weight:600;}#footer .ftBox {/* padding-right:4rem; */} 
 
/* sub layout */
#sub_container { position:relative; margin:0 auto;} 
#sub_container:after { content:""; display:block; clear:both; } 
#sub_container .dgeCi{ position: absolute; left:0; top:0;}
.subContent { padding-bottom:4rem; }
 
/* location */
.subLocWrap { position:relative; width:100%; z-index: 0; margin:0 0 1.5rem; padding:0.5rem 0; background:#f6f9fd; } 
.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.7rem; height:1.7rem;; line-height:1.7rem; color:#4599e8; background:#fff; text-align:center; border-radius:50%; font-size:.85rem; margin-right:6px; border:1px solid #4599e8;}
.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; }
#pageTitle { flex:1; margin-right:auto; min-height:3rem; padding-right:1rem; padding-bottom:1.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:2.25rem; height:2.25rem; line-height:2.25rem; font-size:1rem; color:#111; overflow:hidden; padding:0; border-radius:.5rem; background:#fff; box-shadow:0 0 7px rgba(0,0,0,0.15); z-index:2; transition:all .2s; -webkit-transition:all .2s;}
.snsBox button + button{ margin-left:.5rem;} 
.snsBox .snsMore{ position:relative; width:0; height:0; opacity:0; margin-right:-2.25rem; float:left; font-size:1rem; z-index:2; overflow:hidden; visibility: hidden; transition:width,height,opacity .2s; -webkit-transition:width,height,opacity .2s; -ms-transition:width,height,opacity .2s; } 
.snsBox .snsMore a{position:relative; float:left; width:2.25rem; height:2.25rem; line-height:2.25rem; text-align:center; color:#fff; border-radius:.5rem; }
.snsBox .snsMore a + a{margin-left:5px;}
.snsBox .snsMore a.snsT{background:#1da1f4;}
.snsBox .snsMore a.snsF{background:#1f6abb;}
.snsBox .snsMore a.snsK,
.snsBox .snsMore a.snsKs{background:#fae100; color:#000;}
.snsBox .snsMore a.snsB{background:#5cb632;} 
.snsBox .snsMore a.snsIn{background:#d63497;}
.snsBox .snsMore a.close{ border:1px solid #333; background:#fff; color:#333; font-size:1.2rem;}
.snsBox .snsMore a.snsUrl{background:#f1f1f1 url('/resource/images/dgedu/layout/ico_sns_url.svg') no-repeat center; }
/* subHeader :sns :active */ 
.snsBox .snsMore.active{width:auto; height:auto; opacity:1; visibility: visible;}
.snsBox button.active,
.snsBox button:hover,
.snsBox button:focus{background-color:#1f6abb; color:#fff;}
.snsBox .snsMore a.snsF:hover{background-color:#0052aa;}
.snsBox .snsMore a.snsT:hover{background-color:#0084ff;}
.snsBox .snsMore a.snsK:hover,
.snsBox .snsMore a.snsKs:hover{background-color:#ffc916;}
.snsBox .snsMore a.snsB:hover{background-color:#49c70f;} 
.snsBox .snsMore a.snsIn:hover{background-color:#af1c4d;}
.snsBox .snsMore a.snsUrl:hover{background-color:#d5ebff;} 

/* media query mobile */ 
@media (max-width: 1480px) {
    .container { padding:0 1rem;}

	/* 통합검색 */
    .totalSrch { width:calc(97% - 15rem);}  

	/* header */
	#nav {padding:0 2.5rem 0 17rem; }
	#header h1.logo{ left:1rem; }
	#header h1.logo a.type2 { height:1.8rem; line-height:1.8rem; font-size:1.1rem;}
	#header h1.logo a.type2:before { width:11.5rem; height:1.8rem; } 
	
	.hdt_link { margin:0 -1rem; width:calc(100% + 2rem); }

	/* gnb */
	#gnb .depth01 > ul > li + li { margin-left:1rem; }
	#gnb .depth01 > ul > li > a { font-size:0.9rem; }

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

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

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

	/* header */
	#header { position:fixed; height:6rem; z-index:99; }  
	#header .header_wrap .container { height:3.75rem; }

	/* 모바일 버튼 */ 
	.mBtn { position:absolute; right:1rem; top:3.5rem; display:block;} 
	
	/* mobile navigation */
	#mNav .logo { font-size:0; margin-bottom:1rem; }
	#mNav .logo a.type2 {position: relative; height: 1.8rem; line-height: 1.8rem; font-size: 1.15rem; font-weight: 700; color: #000; letter-spacing: -0.1rem;}
	#mNav .logo a.type2:before {display: inline-block; width: 11.5rem; height: 1.8rem; vertical-align: middle; background: url('/images/dgedu/template/TC08/main/logo.png') no-repeat left top / auto 100%; content: "";}
	 
	/* 서브레이아웃 */ 
	#sub_container{padding-top:6rem;}  
	#pageTitle{ min-height:0px; font-size:1.2rem;}
 
	/* location :snsBox */
	.snsBox{width:auto; height:auto; line-height:0; background:none; border:none; overflow:initial; }
	.snsBox button{ width:2rem; height:2rem; line-height: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; margin-right:0; }
	.snsBox .snsMore.active{ width:100%; height:auto; }
	.snsBox .snsMore p{ padding:2.3rem 0 0; height:auto; background:none;}
	.snsBox .snsMore a{ float:none; display:block; width:2rem; height:2rem; line-height:2rem; }
	.snsBox .snsMore a:before{ display:none !important;}
	.snsBox .snsMore a + a{margin-left:0; margin-top:3px;}
	.snsBox .snsMore a.close{ position:absolute; left:0; top:0; margin-top:0;}
	.snsBox .snsMore a.snsUrl{background-size:1rem auto;}
}

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

	/* footer */ 
	#footer .container{ padding:0 1rem;} 
	#footer .ftLink { position:relative; right:auto; top:auto; display:block; margin-top:1rem; }
	#footer .ftBox { padding-right:4rem; }

	/* 방문자수 */
    .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) {  
	/* mobile navigation */
	#mNav .logo a.type2:before {width: 2.3rem;}
} 
@media screen and (max-width:460px){  
	
	/* header */ 
	#header h1.logo a.type2:before {width: 2.3rem;}

	/* mobile navigation */
	#mNav .inner{padding:1rem .5rem;}
	#mNav .snb .login li{ width:50%;}
	#mNav .snb .login li:nth-of-type(3n+1):before{ display:block; }
	#mNav .snb .login li:nth-of-type(odd):before{ display:none; }
	#mgnb .depth01 > ul > li > a{ font-size:.85rem;}
	#mgnb .depth02 > ul > li > a{ font-size:.8rem;}

	/* footer */ 
	#footer,
	.ftBox address span,
	.ftBox .tel span{ font-size:.7rem;} 
} 
@media screen and (max-width:380px){   

	/* header */
	.hdt_link .util a { padding:0 1rem; }
	.hdt_link .util a i { display:none; } 
	.hd_weather a { width:7rem; } 
	.hd_weather a .ico { display:none;}
}