@charset "euc-kr";
@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);
#mainVisimgArea { position:relative; top:0; width:100%; max-width:100%; height:670px; }
#mainVisimgArea .visImg { position:absolute; width:100%; max-width:100%; height:670px; overflow:hidden; }
#mainVisimgArea .visImg .visImg_list li { position:relative; height:670px; left:50%; margin-left:-960px; }
#mainVisimgArea .visImg .visImg_list li img { max-width:100%; height:100%; }
.scrollDown { position:absolute; left:50%; bottom:45px; margin-left:20px; width:33px; height:20px; }
.btnArea { position:absolute; left:50%; margin-left:-40px; top:570px; width:151px; height:8px; z-index:9; }
.btnArea li { float:left; padding-right:8px; }
.btnArea li:last-child { padding-right:0; }
.btnArea li img { max-width:100%; height:100%; }
.btnArea li a { display:block; }
#mainCont { float:left; width:100%; margin:0 auto; }
#bannerWrap { float:left; width:100%; }
#banInner { position:relative; width:100%; max-width:1000px; height:300px; margin:0 auto; }
#banInner .ban_1 { position:absolute; top:0; left:0; background:rgba(217,241,255,0.6); width:250px; height:300px; }
#banInner .ban_1 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_1 .ban_mt { font-size:19px; font-weight:600; color:#777; text-align:center; letter-spacing:0px; }
#banInner .ban_1 .ban_st { padding-top:7px; font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .ban_2 { position:absolute; top:0; left:250px; background:rgba(226,226,226,0.4); width:250px; height:300px; }
#banInner .ban_2 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_2 .ban_mt { font-size:19px; font-weight:600; color:#777; text-align:center; letter-spacing:-1px; }
#banInner .ban_2 .ban_st { padding-top:7px; font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .ban_3 { position:absolute; top:0; left:500px; background:rgba(217,241,255,0.8); width:250px; height:300px; }
#banInner .ban_3 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_3 .ban_mt { font-size:19px; font-weight:600; color:#777; text-align:center; letter-spacing:-1px; }
#banInner .ban_3 .ban_st { padding-top:7px; font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .ban_4 { position:absolute; top:0; left:750px; background:rgba(226,226,226,0.8); width:250px; height:300px; }
#banInner .ban_4 .icon-circle { margin:70px auto 20px; width:80px; height:80px; font-size:42px; color:#888; line-height:80px; border:1px solid #ccc; border-radius:50%; text-align:center; background:#FFF; }
#banInner .ban_4 .ban_mt { font-size:19px; font-weight:600; color:#777; text-align:center; letter-spacing:-1px; }
#banInner .ban_4 .ban_st { padding-top:7px; font-size:13px; font-weight:300; color:#777; text-align:center; letter-spacing:1px; }
#banInner .banner { width:250px; height:300px; overflow:hidden; cursor:pointer; }
#banInner .banner .banCon { position:absolute; top:300px; left:0; width:100%; height:300px; background-color:#000; opacity:0.8; -ms-filter:alpha(opacity=80); filter:alpha(opacity=80); }
#banInner .banner .banCon .innerCon { width:250px; height:300px; text-align:center; display:table-cell; vertical-align:middle; }
#banInner .banner .banCon .innerCon h4 > a { display:block; font-size:20px; font-weight:700; color:#1790D1 !important; letter-spacing:0; }
#banInner .banner .banCon .innerCon p { padding-top:10px; }
#banInner .banner .banCon .innerCon p > a { display:block; font-size:14px; font-weight:500; line-height:16px; color:#ccc; letter-spacing:0; }
#banInner .banner .banCon_2 { position:absolute; top:-300px; left:0; width:100%; height:300px; background-color:#000; opacity:0.8; -ms-filter:alpha(opacity=80); filter:alpha(opacity=80); }
#banInner .banner .banCon_2 .innerCon { width:250px; height:300px; text-align:center; display:table-cell; vertical-align:middle; }
#banInner .banner .banCon_2 .innerCon h4 > a { display:block; font-size:20px; font-weight:700; color:#1790D1 !important; letter-spacing:0; }
#banInner .banner .banCon_2 .innerCon p { padding-top:10px; }
#banInner .banner .banCon_2 .innerCon p > a { display:block; font-size:14px; font-weight:500; line-height:16px; color:#ccc; letter-spacing:0; }
#noticeWrap { float:left; width:100%; background-color:#FFF; }
.noticeCon { position:relative; max-width:1000px; margin:0 auto; }
.noticeCon:before, 
.noticeCon:after { content:''; display:block; }
.noticeCon:after { clear:both; }
#notice { padding:20px 0; border-top:1px solid #969696; border-bottom:1px solid #EEE; }
#notice h3 { float:left; padding-top:1px; width:13%; min-width:100px; color:#111; background:url(../images/v_line.gif) right 5px no-repeat; }
#notice h3 a { font-size:18px; font-weight:700; letter-spacing:-1px; }
#notice h3 i { position:relative; top:2px; color:#F60; margin-right:5px; }
#notice .noticeRolling { position:relative; top:1px; float:right; width:85%; height:18px; overflow:hidden; }
#notice .noticeLatest { position:relative; width:100%; }
#notice .noticeLatest td[width='1%'] { display:none; }
#notice .noticeLatest td[align='center'] { text-align:right !important; color:#888; }
#notice .noticeLatest td div { max-width:100%; }
#notice .noticeLatest td a { font-size:15px; color:#555; -webkit-transition:color 0.25s; transition:color 0.25s; }
#notice .noticeLatest td a:hover { color:#000; }
#galleryWrap { float:left; width:100%; }
#galleryWrap #toggle { position:relative; width:100%; max-width:1000px; height:60px; margin:0 auto; }
#galleryWrap #toggle h2 { padding:20px 0 0 0; }
#galleryWrap #toggle .hidden { position:none; float:left; margin-top:23px; padding:35px 0; font-size:15px; line-height:25px; border-top:1px solid #EEE; overflow:hidden; }
#galleryWrap #toggle #btn-toggle { position:absolute; top:0; right:0; width:60px; height:60px; background:#FFF; border-top:0; border-right:1px solid #EEE; border-bottom:0px solid #EEE; border-left:1px solid #EEE; outline:0; cursor:pointer; }
#galleryWrap #toggle #btn-toggle .toggle-line { display:block; position:absolute; left:50%; width:22px; height:2px; margin-left:-11px; background:#000; -webkit-transition:all 0.25s ease-in; transition:all 0.25s ease-in; }
#galleryWrap #toggle #btn-toggle .toggle-line.line1 { top:23px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line2 { top:30px; }
#galleryWrap #toggle #btn-toggle .toggle-line.line3 { top:37px; }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line1 { top:30px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -o-transform:rotate(-45deg); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line2 { opacity:0; transform:translateX(0px); -webkit-transform:translateX(0px); -moz-transform:translateX(0px); -o-transform:translateX(0px); }
#galleryWrap #toggle #btn-toggle.on .toggle-line.line3 { top:30px; transform:rotate(45deg); -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -o-transform:rotate(45deg); }
#botContWrap { float:left; width:100%; }
#botCont { position:relative; width:100%; max-width:1200px; height:600px; margin:0 auto; }
#botCont .aa { float:left; width:50%; max-width:300px; height:600px; }
#botCont .aa img { max-width:100%; height:auto; }
#botCont .ab { float:left; width:50%; max-width:300px; height:600px; }
#botCont .ab img { max-width:100%; height:auto; }
#botCont .bb { float:left; width:100%; max-width:300px; height:300px; background:#E8F7FF; }
#botCont .bb img { max-width:100%; height:auto; }
#botCont .cc { float:right; width:100%; max-width:300px; height:300px; }
#botCont .cc img { max-width:100%; height:auto; }
#botCont .dd { float:left; width:100%; max-width:300px; height:300px; }
#botCont .dd img { max-width:100%; height:auto; }
#botCont .ee { float:right; width:100%; max-width:300px; height:300px; background:#F60; }
#botCont .ee img { max-width:100%; height:auto; }
#nd-bdr { position:relative; padding:0; } 
#nd-bdr .nd-bdr { display:block; background:#9BD7F7; position:absolute; text-indent:-99999px; -webkit-transition:all 0.40s cubic-bezier(0.160, 0.87, 0.48, 1); transition:all 0.40s cubic-bezier(0.160, 0.87, 0.48, 1); }
#nd-bdr .nd-bdr_2 { display:block; background:#FFA96F; position:absolute; text-indent:-99999px; -webkit-transition:all 0.40s cubic-bezier(0.160, 0.87, 0.48, 1); transition:all 0.40s cubic-bezier(0.160, 0.87, 0.48, 1); }
#nd-bdr .ll { bottom:0; left:0; width:12px; height:0; } 
#nd-bdr .lt { top:0; left:0; width:0; height:12px; }
#nd-bdr .lr { top:0; right:0; width:12px; height:0; } 
#nd-bdr .lb { bottom:0; right:0; width:0; height:12px; }
#nd-bdr:hover .ll,
#nd-bdr:hover .lr { height:100% } 
#nd-bdr:hover .lt,
#nd-bdr:hover .lb { width:100% }
.nodepop { position:absolute; width:540px; height:332px; left:50%; top:167px; margin-left:-270px; z-index:99; }
#popWrapper { float:left; width:540px; }
#popWrapper .popImg { width:540px; height:300px; }
#popWrapper .popFooter { position:relative; background:#000; height:32px; }	
#popWrapper .popFooter .to_cls { position:absolute; top:0px; right:83px; }
#popWrapper .popFooter .to_cls label input { vertical-align:middle; margin-top:1px; }
#popWrapper .popFooter .to_cls img.todayClose { width:154px; height:32px; vertical-align:middle; }
#popWrapper .popFooter .cls { position:absolute; top:7px; right:15px; }