@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);@-ms-viewport{width:device-width;}
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
a:link { font-weight:normal; font-family:'Noto Sans Kr', sans-serif; color:#666; text-decoration:none; }
a:visited { font-weight:normal; font-family:'Noto Sans Kr', sans-serif; color:#666; text-decoration:none; }
a:hover, a:focus, a:active { font-weight:normal; font-family:'Noto Sans Kr', sans-serif; color:#333; text-decoration:none; } 
#skipNav a { position:absolute; left:0; top:-100px; z-index:99999999; }
#skipNav a:active, #skipNav a:focus { position:absolute; left:0; top:0; background:#414151; color:#fff; display:block; font-weight:bold; padding:6px 0; text-align:center; width:100%; }
.none { position:absolute; left:-999em; }
#topIco { bottom:171px; left:50%; width:35px; height:35px; margin-left:582px; background:url('../images/top_icon.png') left top no-repeat; }
#topNotice { background:#f6f6f6; width:100%; height:76px; border-bottom:solid 1px #E9E9E9; }
#topNotice .left, .right { width:50%; height:76px; }
#topNotice .left { float:left; }
#topNotice .right { float:right; }
#topNotice .topNoticeArea { position:relative; margin:0 auto; width:600px; top:0; }
#topNotice .topNoticeArea p.banner { position:absolute; left:30px; top:30px; width:600px; height:40px; font-size:15px; color:#222 !important; }
#topNotice .topNoticeArea p.banner strong { font-weight:bold; color:#FE3C50 !important; }
#topNotice .topNoticeArea p.banner span.limitBan { padding-left:6px; }
#topNotice .topNoticeArea p.cls { position:absolute; width:19px; height:19px; top:21px; right:0; cursor:pointer; }
header { position:relative; width:auto; height:auto; }
.mbWrap { display:none; }
#gnbWrap { position:absolute; width:100%; top:0; left:0; height:90px; background:rgba(255, 255, 255, 1); -webkit-transition: all 0.45s ease; transition: all 0.45s ease; z-index:990; }
#gnbWrap span.bg { display:block; position:absolute; top:90px; left:0; width:100%; height:0; background:rgba(255, 255, 255, 1); z-index:9; }
#gnbWrap .inner { position:relative; width:100%; max-width:1200px; margin:0 auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#gnbWrap .inner:after { display:block; clear:both; content:''; }
#gnbWrap h1 { position:relative; top:8px; z-index:9; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#gnbWrap h1 a { display:block; width:270px; height:73px; background:url(../images/logo_b.png) no-repeat; text-indent:-9999px; transition:0.2s ease-out; transform: scale(1); -webkit-transition: all 0.2s ease-out; -webkit-transform: scale(1); }
#gnbWrap.fix { height:60px; top:8px; background:#FFF; -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.08); box-shadow:0 5px 15px rgba(0,0,0,0.08); }
#gnbWrap.fix  span.bg { display:block; position:absolute; top:60px; left:0; width:100%; height:0; background:rgba(255, 255, 255, 1); z-index:9; }
#gnbWrap.open { background:#FFF; -webkit-box-shadow:0 5px 15px rgba(0,0,0,0.08); box-shadow:0 5px 15px rgba(0,0,0,0.08); }
#gnbWrap.open span.bg { height:215px; border-top:1px solid rgba(25, 26, 28, 0.1); border-bottom:1px solid rgba(25, 26, 28, 0.1);}
#gnbWrap.fix h1 { top:0px; }
#gnbWrap.fix h1 a { background:url(../images/logo_b.png) no-repeat; transform: scale(0.8); -webkit-transform: scale(0.8); }
#gnbWrap.open h1 a { background:url(../images/logo_b.png) no-repeat; }
#gnb { position:absolute; top:0; right:0; height:90px; z-index:99; overflow:hidden; -webkit-transition: all 0.45s ease; transition: all 0.45s ease; }
#gnb.fix { top:-16px; }
#gnb > ul { max-width:100%; margin:0 auto; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
#gnb > ul:after { display:block; clear:both; content:''; }
#gnb > ul > li { display:block; position:relative; float:left; text-align:center; height:90px; }
#gnb > ul > li > a { display:block; padding:35px 36px 30px; color:#313131; font-size:17px; font-family:'Noto Sans Kr', sans-serif; font-weight:bold; text-align:center; }
#gnb > ul > li > a:after { display:block; position:absolute; left:50%; bottom:0; width:0; height:3px; background:#F60; content:''; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; }
#gnb.fix > ul > li > a:after { display:block; position:absolute; left:50%; bottom:14px; width:0; height:3px; background:#F60; content:''; transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out; -o-transition:all 0.2s ease-out; -moz-transition:all 0.2s ease-out; }
#gnb > ul > li > a:hover { text-decoration:none; }
#gnb > ul > li.hover > a:after { width:100%; margin-left:-50%; }
#gnb > ul > li > ul { margin-top:7px; padding:30px 0; border-left:1px solid rgba(25, 26, 28, 0.1); opacity:0; transform:translateY(20px); height:215px; }
#gnb.fix > ul > li > ul { margin-top:-7px; height:155px; }
#gnb > ul > li > ul.last { border-right:1px solid rgba(25, 26, 28, 0.1); }
#gnb > ul > li > ul > li { padding:0; }
#gnb > ul > li > ul > li > a { display:block; padding:5px 0 8px; font-size:13px; color:#777; font-family:'Noto Sans Kr', sans-serif; font-weight:bold; }
#gnb > ul > li > ul > li > a:hover,
#gnb > ul > li > ul > li > a:focus { color:#FFF; background:rgba(25, 26, 28, 0.8); }
.motion { transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; }
#gnb.open { height:305px; }
#gnbWrap.fix #gnb > ul > li > a, 
#gnb.open > ul > li > a { color:#333; }
#gnb.open > ul > li > ul { opacity:1; transform:translateY(0); }
#quickBtn { position:fixed; bottom:0; width:100%; z-index:999; -webkit-transition:all .3s ease-in-out 0s; transition:all .3s ease-in-out 0s; }
#quickBtn li { float:left; }
#quickBtn li.nd_mbm1 { width:26%; background:#333 url('../images/quick_b1.png') 50% 50% no-repeat; text-indent:-99999px; }
#quickBtn li.nd_mbm1 a { display:block; padding:16px 0; }
#quickBtn li.nd_mbm2 { width:37%; background:#CA3051; }
#quickBtn li.nd_mbm3 { width:37%; background:#E45382; }
#quickBtn li.nd_mbm2 a,
#quickBtn li.nd_mbm3 a { display:block; padding:16px 0; text-align:center; color:#FFF; font-weight:bold; font-size:16px; }
#quickBtn.down { bottom:-94px; z-index:9999; }
#preload { position:fixed; top:0; bottom:0; left:0; right:0; background:#FFF; transition:transform 0.7s cubic-bezier(0.49,0.47,0.48,0.79); opacity:1.0; filter:alpha(opacity=100); z-index:999999; }
#preload > .loadCon { position:absolute; top:35%; left:50%; margin-left:-100px; }
#preload > .loadCon > div { position:absolute; top:0; left:0; width:230px; height:121px; }
#preload > .loadCon > div img { max-width:100%; height:auto; }
#preload.none { transform:translateY(100%); }
footer { float:left; width:100%; }
#tickerArea { background:#F6F6F6; width:100%; border-top:solid 1px #969696; z-index:99; }
#tickerArea #ticker { margin:0 auto; width:100%; max-width:1000px; height:70px; overflow:hidden; }
#tickerArea #ticker ul { width:100%; max-width:540px; margin:0 auto; text-align:center; }
#tickerArea #ticker ul li { float:left;padding-left:30px; padding-right:30px; }
#tickerArea #ticker ul li:last-child { padding-right:0; }
#tickerArea #ticker ul li a { font-size:14px; font-weight:600; line-height:70px; }
#footArea { position:relative; margin:0 auto; width:100%; max-width:1000px; height:120px; }
#footArea p.copy { position:absolute; top:30px; left:0; font-size:12px; color:#777; }
#footArea p.copy strong { display:block; font-size:16px; font-weight:bold; color:#333; margin-bottom:-12px; }
#footArea p.copy strong.over { background:none; }
#footArea p.copy strong,
#footArea p.copy span { padding-right:8px; margin-right:5px; background:url('../images/v_line.gif') 100% 50% no-repeat; }
#footArea p.copy span.over { background:none; }
#footArea p.copy_mob { position:absolute; top:25px; left:0; font-size:12px; color:#777; }
#footArea p.copy_mob strong { display:block; font-size:16px; font-weight:bold; color:#333; margin-bottom:-12px; }
#footArea p.copy_mob strong.over { background:none; }
#footArea p.copy_mob strong,
#footArea p.copy_mob span { padding-right:8px; margin-right:5px; background:url('../images/v_line.gif') 100% 50% no-repeat; }
#footArea p.copy_mob span.over { background:none; }