@charset "utf-8";

body {height:auto !important;}
#wrap {position:relative;min-width:1000px;margin:0 auto; overflow:hidden;padding-top:114px;/*padding-top:114px; */}
#wrap.fix {position:fixed;}

/* header */
header {position:absolute; top:0; left:0; width:100%; height:114px; background:#fff; overflow:hidden; z-index:300; transition:all 0.75s cubic-bezier(.75,.0,0,1); -webkit-transition:all 0.75s cubic-bezier(.75,.0,0,1); /*border-bottom:1px solid #dcdcdc;*/}
header .inner {position:relative; width:1000px; margin:0 auto; box-sizing:border-box;}
header > .inner {min-height:89px; padding:20px 0;}
header .top-area {position:relative; top:0; height:35px; line-height:35px; background:#fff; border-bottom:1px solid #e6e6e6; text-align:right; transition:all 0.75s cubic-bezier(.75,.0,0,1); -webkit-transition:all 0.75s cubic-bezier(.75,.0,0,1);}
header .top-area .sub-tit {position:absolute; top:0; left:0; color:#646464; font-size:13px; overflow:hidden; width:200px; display:inline-flex}






header .top-area .link {font-size:0; overflow:hidden;}
header .top-area .link a {color:#646464; font-size:13px;}
header .top-area .link a + a:before {content:''; display:inline-block;  margin:0 12px; vertical-align:middle;}/*width:1px; height:12px;background:#dcdcdc;*/
header h1 {position:absolute; top:30px; left:0;}
header h1 + .sub-tit {position:absolute; top:40px; left:175px; color:#646464; font-size:13px; overflow:hidden;}
header h1 + .sub-tit span {position:relative; left:-100%; opacity:0; transition:all 1s cubic-bezier(.27,.24,0,1); -webkit-transition:all 1s cubic-bezier(.27,.24,0,1);}
header .utils {float:right; clear:both;}
header .utils a {display:inline-block; margin-left:-10px; color:#8c8c8c; font-weight:400; line-height:48px; vertical-align:middle; position:absolute}

header h1 .smaintit{font-size:20px; top:5px; width:120px; position:absolute; margin-left:10px; font-weight:600}






/* gnb */
#gnb {position:relative; display:inline-block; left:20px;font-family:'notokr-bold'; margin-top:20px}
#gnb nav {overflow:hidden;}
#gnb nav a{display:block; float:left; margin-right:25px; color:#333; font-size:18px; font-weight:600; line-height:48px;}
#gnb .bar {position:absolute; bottom:-26px; left:0; display:block; width:50px; height:2px; background:#00a34f; opacity:0;}






@keyframes total_before_off {
    0%{transform:rotate(45deg); transform:scaleX(1);}
    50%{transform:rotate(0); transform:scaleX(0);}
    100%{}
}
@keyframes total_after_off {
    0%{transform:rotate(-45deg); transform:scaleX(1);}
    50%{transform:rotate(0); transform:scaleX(0);}
    100%{/* transform:scaleX(0); */}
}
@keyframes total_before_on {
    0%{transform:scaleX(0);}
    50%{transform:rotate(0); transform:scaleX(1);}
    100%{transform:rotate(45deg);}
}
@keyframes total_after_on {
    0%{transform:scaleX(0);}
    50%{transform:rotate(0); transform:scaleX(1);}
    100%{transform:rotate(-45deg);}
}








/* body */
#dBody {min-height:800px; padding-bottom:80px;}
#contents {width:1200px; margin:0 auto; padding:40px 0 0; box-sizing:border-box;}
#contents:after {content:''; display:block; clear:both;}

.sub-contents {position:relative; float:left; width:910px; padding:0 0 138px; overflow:hidden;}
.sub-contents.cover-type02 {float:none; margin:0 auto;}

.sub-side {float:right; width:230px;}
.sub-side .program-banner {position:relative; overflow:hidden;}
.sub-side .program-banner ul {width:9999px; overflow:hidden;}
.sub-side .program-banner li {float:left;}
.sub-side .program-banner li a {display:block;}
.sub-side .etc-banner {position:relative;}

.program-view-top ~ #contents .sub-side {position:relative; top:-140px;}

/* footer */
footer {position:relative; min-width:1000x; min-height:170px; background:#f7f7f7; border-top:1px solid #e3e3e4}
footer > .inner {position:relative; width:1000px; margin:0 auto; padding:20px 0 40px 0; box-sizing:border-box; }
footer > .inner > div {position:relative;}
footer .utils {overflow:hidden;}
footer .utils a {display:inline-block; float:left; color:#8c8c8c; font-size:14px; font-weight:400; }
footer .utils a + a:before {content:''; display:inline-block; width:1px; height:12px; margin:0 10px; background:#c8c8c8; vertical-align:middle;}
footer .utils a strong {color:#141414;}
footer .info {margin-top:14px; color:#8c8c8c; font-size:13px; line-height:22px; letter-spacing:-0.1px; text-align:center}
footer .copyright {margin-top:12px; color:#8c8c8c; font-size:12px; letter-spacing:0; text-align:center}
footer .link  {position:absolute; top:50px; right:0;}
footer .link  a {position:relative; display:inline-block; float:left; margin-left:10px; background:no-repeat 0 0; overflow:hidden;}
footer .link  a span {position:absolute; top:-1px; bottom:0; left:0; right:0; text-indent:-9999px; background:no-repeat 0 -32px; overflow:hidden; opacity:0; transition:all 0.3s ease; -webkit-transition:all 0.3s ease;}
footer .link  a:hover span {opacity:1;}