* { font-family:inherit; color:inherit; }
a:hover { text-decoration:none; }
a:hover span.subject { text-decoration:underline; }

#container { width:1000px; margin:16px auto; font-family:'Nanum Gothic', sans-serif; }

#contents.main { float:left; width:690px; font-size:14px; }

#contents.main div.bnr { font-size:0; line-height:0; margin-bottom:10px; }
#contents.main div.bnr:after { content:''; display:block; clear:both; }
#contents.main div.bnr a { border:1px solid #DDD; display:block; text-align:center; overflow:hidden; }
#contents.main div.bnr.mainBnr { height:130px; }
#contents.main div.bnr.mainBnr a { height:128px; width:688px; }
#contents.main div.bnr.mainBnr ul li { position:absolute; }
#contents.main div.bnr.mainBnr ul.devGlyPage { position:absolute; top:10px; right:10px; z-index:500; width:auto; height:auto; }
#contents.main div.bnr.mainBnr ul.devGlyPage li { position:relative; float:left; margin-left:3px; }
#contents.main div.bnr.mainBnr ul.devGlyPage li a { display:block; width:10px; height:10px; background-color:#FFF; border:1px solid #FFF; border-radius:11px; transition-duration: .2s; }
#contents.main div.bnr.mainBnr ul.devGlyPage li a.selected { background-color:#0069b3; border-color:#1a76d3; transition-duration: .2s; }
#contents.main div.bnr.mainBnr ul.devGlyPage li a:focus { outline:none; }
#contents.main div.bnr.mainBnr ul.devGlyPage li a span { display:none; }
#contents.main div.bnr.twin { height:130px; overflow:hidden; }
#contents.main div.bnr.twin div.rollingBnr { width:340px; height:128px; float:left; }
#contents.main div.bnr.twin div.spaceRight { margin-right:10px; }

div.rollingBnr { box-sizing:border-box; }
div.rollingBnr ul.devGlyList { border:1px solid #DDD; height:128px; position:relative; }
div.rollingBnr ul.devGlyList li { position:absolute; }
div.rollingBnr ul.devGlyPage { position:absolute; top:10px; right:10px; z-index:500; width:auto; height:auto; }
div.rollingBnr ul.devGlyPage li { position:relative; float:left; margin-left:3px; }
div.rollingBnr ul.devGlyPage li a { display:block; width:10px; height:10px; background-color:#FFF; border:1px solid #FFF; border-radius:11px; transition-duration: .2s; }
div.rollingBnr ul.devGlyPage li a.selected { background-color:#0069b3; border-color:#1a76d3; transition-duration: .2s; }
div.rollingBnr ul.devGlyPage li a:focus { outline:none; }
div.rollingBnr ul.devGlyPage li a span { display:none; }

div#aside div.rollingBnr { margin-bottom:10px; }
div#aside div.rollingBnr.sizeUp ul.devGlyList { height:218px; }
div#aside div.rollingBnr.sizeDown ul.devGlyList { height:58px; }

#contents.main div.section { border:1px solid #DDD; margin-bottom:10px; padding:15px; }
#contents.main div.section div.header { height:24px; }
#contents.main div.section div.header span.title { font-weight:bold; line-height:14px; vertical-align:top; }
#contents.main div.section div.header a.more { float:right; font-size:11px; font-family:'Dotum', sans-serif; color:#999; }
#contents.main div.section div.header a.more:after { font-size:13px; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; color:#999; content:' \f105'; }

#contents.main div.sections:after { content:''; display:block; clear:both; }
#contents.main div.sections div.section { float:left; width:313px; height:238px; margin-right:-1px; }

#container div.control { float:right; font-family:'Dotum', sans-serif; line-height:32px; font-size:12px; }
#container div.control div.page { float:left; }
#container div.control div.page * { font-family:'Dotum', sans-serif; color:#888; font-size:14px; }
#container div.control div.page span.now { color:#333; }
#container div.control div.controler { float:left; margin:6px 17px 0 10px; }
#container div.control div.controler button { border:1px solid #DDD; float:left; margin:0 -1px; width:20px; height:19px; background:url('/images/main/btnControler.png') no-repeat 0 -1px #FFF; }
#container div.control div.controler button span { display:none; }
#container div.control div.controler button.prev { background-position:-18px top; }
#container div.control div.controler button.next { background-position:-36px top; }
#container div.control div.controler button:hover { background-position:-1px -18px; }
#container div.control div.controler button.prev:hover { background-position:-18px -18px; }
#container div.control div.controler button.next:hover { background-position:-36px -18px; }
/*
#container div.control div.controler button:before { font-family:'FontAwesome'; color:#BBB; font-size:5px; line-height:18px; }
#container div.control div.controler button:hover:before { color:#999; }
#container div.control div.controler button.pause:before { content:'\f04c'; font-size:1px; }
#container div.control div.controler button.prev:before { content:'\f053'; }
#container div.control div.controler button.next:before { content:'\f054'; }
*/

#contents.main div.news {}
#contents.main div.news div.global { border:1px solid #DDD; border-bottom:0; height:32px; overflow:hidden; }
#contents.main div.news div.global div.title { width:134px; line-height:32px; text-align:center; color:#FFF; background-color:#929292; font-size:12px; font-weight:bold; float:left; }
#contents.main div.news div.global div.list { overflow:hidden; float:left; width:420px; height:32px; padding-left:10px; }
#contents.main div.news div.global div.list li { line-height:32px; font-family:'Dotum', sans-serif; font-size:13px; position:absolute; top:32px; }
#contents.main div.news div.section { height:220px; }
#contents.main div.news div.section ul { padding-top:2px; display:none; }
#contents.main div.news div.section ul.page1 { display:block; }
#contents.main div.news div.section li { height:24px; margin-left:167px; line-height:24px; font-size:13px; vertical-align:middle; }
#contents.main div.news div.section li a { display:inline-block; width:470px; vertical-align:middle; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#contents.main div.news div.section li:before { content:'·'; padding-right:2px; color:#b9b9b9; font-size:20px; vertical-align:middle; }
#contents.main div.news div.section li.major { position:absolute; width:156px; height:100px; margin:0; top:15px; }
#contents.main div.news div.section li.major:before { content:''; padding:0; }
#contents.main div.news div.section li.major.nth2 { top:133px; }
#contents.main div.news div.section li.major a { display:block; border:1px solid #DDD; height:98px; width:auto; }
/* #contents.main div.news div.section li.major a span.thumb { display:table-cell; height:98px; width:154px; text-align:center; vertical-align:middle; font-size:0; line-height:0; background-position:center 65%; background-size:cover; background-repeat:no-repeat; } */
#contents.main div.news div.section li.major a span.thumb { display:table-cell; height:98px; width:154px; text-align:center; vertical-align:middle; font-size:0; line-height:0; background-position: center; background-size: 100% 100%; background-repeat:no-repeat; }
#contents.main div.news div.section li.major a span.thumb img { max-width:154px; max-height:98px; display:none; }
#contents.main div.news div.section li.major a span.subject { display:block; position:absolute; width:142px; bottom:0; padding:0 7px; left:0; height:20px; line-height:20px; background-color:rgba(0, 0, 0, 0.5); color:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#contents.main div.news div.section li.mid { margin-top:11px; padding-top:11px; border-top:1px solid #DDD; }
#contents.main div.news div.section div.control { position:absolute; right:0; bottom:10px; }

#contents.main div.section.visit { padding-bottom:10px; }
#contents.main div.section.visit div.content { height:154px; overflow:hidden; }
#contents.main div.section.visit div.content ul:after { content:''; clear:both; display:block; }
#contents.main div.section.visit div.content li { float:left; width:154px; margin-left:14px; }
#contents.main div.section.visit div.content li.first { margin-left:0; }
#contents.main div.section.visit div.content a { display:block; width:154px; }
#contents.main div.section.visit div.content span.thumb { display:block; height:100px; border:1px solid #DDD; background-position:center 65%; background-size:cover; background-repeat:no-repeat; }
#contents.main div.section.visit div.content span.thumb img { display:none; }
#contents.main div.section.visit div.content span.subject { display:block; height:37px; padding-top:5px; }

#contents.main div.sections div.section.special { width:314px; }
#contents.main div.sections div.section.special div.content { border-top:1px solid #e3e3e3; margin-bottom:-5px; }
#contents.main div.sections div.section.special div.content ul:after { content:''; clear:both; display:block; }
#contents.main div.sections div.section.special div.content li { width:155px; border-bottom:1px solid #e3e3e3; float:left; }
#contents.main div.sections div.section.special div.content li.odd { border-right:1px solid #e3e3e3; }
#contents.main div.sections div.section.special div.content li a { display:block; height:42px; padding-left:40px; line-height:42px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background-repeat:no-repeat; background-position:left top; }
#contents.main div.sections div.section.special div.content li a:hover { background-color:#1976d3; color:#FFF; background-position:left bottom; }

#contents.main div.sections div.section.newProd {}
#contents.main div.sections div.section.newProd div.content {}
#contents.main div.sections div.section.newProd li { height:24px; line-height:24px; font-size:13px; vertical-align:middle; }
#contents.main div.sections div.section.newProd li a { display:inline-block; width:300px; vertical-align:middle; overflow:hidden; }
#contents.main div.sections div.section.newProd li a span.subject { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#contents.main div.sections div.section.newProd li:before { content:'·'; padding-right:2px; color:#b9b9b9; font-size:20px; vertical-align:middle; }
#contents.main div.sections div.section.newProd li.major { height:108px; border-bottom:1px solid #DDD; margin-bottom:7px; }
#contents.main div.sections div.section.newProd li.major:before { content:'';  padding:0; }
#contents.main div.sections div.section.newProd li.major span.thumb { display:block; width:139px; height:93px; border:1px solid #DDD; float:left; margin-right:15px; background-position:center 65%; background-size:cover; background-repeat:no-repeat; }
#contents.main div.sections div.section.newProd li.major span.thumb img { display:none; }
#contents.main div.sections div.section.newProd li.major span.subject { font-weight:bold; height:26px; }
#contents.main div.sections div.section.newProd li.major span.summary { display:block; overflow:hidden; text-align:justify; height:68px; line-height:17px; font-size:12px; color:#999; font-family:'Dotum', sans-serif; }

#contents.main div.column {}
#contents.main div.column div.navi { height:52px; background-color:#f3f3f3; border:1px solid #DDD; border-bottom:0; }
#contents.main div.column div.navi div.tab { float:left; }
#contents.main div.column div.navi div.tab a { display:block; float:left; padding:4px 14px 4px 15px; font-size:16px; line-height:44px; color:#707070; background:url('/images/main/partition.png') no-repeat left center; }
#contents.main div.column div.navi div.tab a.first { background:none; }
#contents.main div.column div.navi div.tab a:hover { text-decoration:none; font-weight:bold; }
#contents.main div.column div.navi div.tab a.selected { color:#21657c; font-weight:bold; border-bottom:4px solid #21657c; padding-bottom:0; -webkit-transition-duration : .3s; -moz-transition-duration : .3s; -o-transition-duration: .3s; transition-duration: .3s; }
#contents.main div.column div.navi div.tab a.fortune.selected { border-color:#d09200; color:#d09200; }
#contents.main div.column div.navi div.tab a.weather.selected { border-color:#3c5694; color:#3c5694; }
#contents.main div.column div.navi div.tab a.humor.selected { border-color:#d0006a; color:#d0006a; }
#contents.main div.column div.navi div.tab a.magazine.selected { border-color:#4f5a84; color:#4f5a84; }
#contents.main div.column div.navi div.tab a.movie.selected { border-color:#156a50; color:#156a50; }
#contents.main div.column div.navi div.tab a.ygBlog.selected { border-color:#3c5694; color:#3c5694; }
#contents.main div.column div.navi div.control { margin-top:10px; }
#contents.main div.column div.section { height:450px; overflow-y:scroll; }
#contents.main div.column div.section > div { display:none; width:650px; }

/* 2021.06.08 권구성 추가 - 시작 */
#contents.main div.columns { margin-bottom:10px; }
#contents.main div.columns::after { content:''; display: block; clear:both; }
#contents.main div.columns div.column { float:left; height:222px; border:1px solid #DDD; box-sizing: border-box; }
#contents.main div.columns div.column.edm { width:386px; }
#contents.main div.columns div.column.edm a { display: block; }
#contents.main div.columns div.column.edm img { display: block; }

#contents.main div.columns div.column.edm2022 { width:230px; }
#contents.main div.columns div.column.edm2022 a { display: block; }
#contents.main div.columns div.column.edm2022 img { display: block; }
#contents.main div.columns div.column.expo2022 { float:right; width:449px; }

#contents.main div.columns div.column.expo { float:right; width:296px; padding:10px; }
#contents.main div.columns div.column.expo div.header { margin-bottom: 3px; }
#contents.main div.columns div.column.expo div.header::after { content:''; display: block; clear:both; }
#contents.main div.columns div.column.expo div.header button { display:block; float:left; width:50%; line-height:36px; background-color:#e5e5e5; }
#contents.main div.columns div.column.expo div.header button.selected { background-color:#0168b7; color:#FFF; }
#contents.main div.columns div.column.expo div.header button:first-child { border-radius: 5px 0 0 5px; }
#contents.main div.columns div.column.expo div.header button:last-child { border-radius: 0 5px 5px 0; }
#contents.main div.columns div.column.expo div.header button:focus { outline:0; }
#contents.main div.columns div.column.expo div.list { height:162px; }
#contents.main div.columns div.column.expo div.list div.exh { display:none; }
#contents.main div.columns div.column.expo div.list a { display:block; height:54px; padding:9px 0; box-sizing: border-box; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#contents.main div.columns div.column.expo div.list a::before { float:left; width:18px; height:36px; line-height:36px; content:'-'; }
#contents.main div.columns div.column.expo div.list a span.name { display:block; line-height:20px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#contents.main div.columns div.column.expo div.list a:hover span.name { text-decoration: underline; }
#contents.main div.columns div.column.expo div.list a span.date { line-height:16px; font-size:12px; color:#666; }
#contents.main div.columns div.column.expo div.list a span.place { line-height:16px; font-size:12px; color:#999; }
#contents.main div.columns div.column.expo div.list a span.place::before { content:' / '; }

#contents.main div.video { height:210px; border:1px solid #DDD; box-sizing: border-box; }
#contents.main div.video div.header { height:40px; padding:5px 15px 0; }
#contents.main div.video div.header span.title { font-weight:bold; line-height:40px; font-size:16px; }
#contents.main div.video div.header span.shortcut { float:right; display:block; }
#contents.main div.video div.header span.shortcut a { display:block; float:left; margin-left:20px; line-height:40px; }
#contents.main div.video div.header span.shortcut a span { display: none; }
#contents.main div.video div.header span.shortcut a img { }
#contents.main div.video div.list { padding:0 5px; }
#contents.main div.video div.list::after { content:''; display: block; clear:both; }
#contents.main div.video div.list div.item { float:left; width:33.33%; padding:0 9px; box-sizing: border-box; }
#contents.main div.video div.list div.item:nth-child(-n+3) { margin-bottom:15px; }
#contents.main div.video div.list div.item a { display: block; }
#contents.main div.video div.list div.item a span.thumb { display: block; position:relative; height:118px; box-sizing: border-box; border:1px solid #DDD; background:no-repeat center / cover; }
#contents.main div.video div.list div.item a span.thumb span { display: none; }
#contents.main div.video div.list div.item a span.thumb::after { display:block; content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:url('/images/main/icoPlay.png') no-repeat left bottom; }
#contents.main div.video div.list div.item a span.subject { display: block; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/* 2021.06.08 권구성 추가 - 끝 */


#aside { float:right; width:300px; font-size:14px; }

#aside div.bnr { font-size:0; line-height:0; margin-bottom:10px; }
#aside div.bnr:after { content:''; display:block; clear:both; }
#aside div.bnr a { border:1px solid #DDD; display:block; text-align:center; overflow:hidden; height:128px; margin-bottom:10px; }
#aside div.bnr a.tail { height:58px; }
#aside div.bnr.mainBnr ul { position:relative; height:220px; width:300px; }
#aside div.bnr.mainBnr ul li { position:absolute; }
#aside div.bnr.mainBnr ul.devGlyPage { position:absolute; top:10px; right:10px; z-index:500; width:auto; height:auto; }
#aside div.bnr.mainBnr ul.devGlyPage li { position:relative; float:left; margin-left:3px; }
#aside div.bnr.mainBnr ul.devGlyPage li a { display:block; width:10px; height:10px; background-color:#999; border:1px solid #FFF; border-radius:11px; }
#aside div.bnr.mainBnr ul.devGlyPage li a.selected { background-color:#f00; }
#aside div.bnr.mainBnr ul.devGlyPage li a span { display:none; }
#aside div.bnr.mainBnr a { height:218px; margin-bottom:0; }

#aside div.section { border:1px solid #DDD; margin-bottom:10px; padding:5px; }
#aside div.navi { content:''; clear:both; display:block; border:1px solid #DDD; border-bottom:0; z-index:10; background-color:#f2f2f2; }
#aside div.navi:after { content:''; display:block; clear:both; }
#aside div.navi a { display:block; width:50%; float:left; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:bold; }
#aside div.navi a.selected { background-color:#FFF; border-bottom:1px solid #FFF; margin-bottom:-1px; }
#aside div.navi a span { display:block; height:36px; border-left:1px solid #DDD; }
#aside div.navi a.first span { border-left:0; }

#aside div.section.login { background-color:#f2f2f2; height:118px; }
#aside div.section.login div.form { padding:10px 10px 0; }
#aside div.section.login div.form span.desc { display:block; color:#999; font-size:13px; line-height:20px; text-align:center; } 
#aside div.section.login div.form span.desc span { font-weight:700; }
#aside div.section.login div.form span.desc span.yeogie { color:#0069b3; }
#aside div.section.login div.form span.desc span.point { color:#f00; }
#aside div.section.login div.form a { display:block; margin:10px 0; border-right:1px solid #FFF; border-bottom:1px solid #FFF; }
#aside div.section.login div.form a span { display:block; padding:10px; border:1px solid #DDD; background-color:#0069b3; text-align:center; color:#FFF; font-size:15px; font-weight:700; }
#aside div.section.login div.joins { padding:0 10px; font-size:12px; }
#aside div.section.login div.joins span.item:first-child:after { content:'|'; padding:0 5px 0 7px; display:inline-block; vertical-align:middle; color:#DDD; }
#aside div.section.login div.joins a { color:#666; vertical-align:middle; }
#aside div.section.login div.joins a:hover { text-decoration:underline; }
#aside div.section.login div.joins a.join { font-weight:700; }

#aside div.section.login div.person { padding:10px 10px 0; }
#aside div.section.login div.person span.userName { display:block; line-height:18px; font-size:12px; color:#666; }
#aside div.section.login div.person span.userName strong { font-size:14px; }
#aside div.section.login div.status ul { border:1px solid #DDD; margin:5px 10px; font-family:'dotum', sans-serif; box-shadow:1px 1px 0 #FFF; }
#aside div.section.login div.status ul:after { content:''; display:block; clear:both; }
#aside div.section.login div.status ul li { float:left; width:33.33%; border-left:1px solid #DDD; margin-left:-1px; }
#aside div.section.login div.status ul li span { display:block; font-size:13px; text-align:center; line-height:25px; }
#aside div.section.login div.status ul li span.title { font-weight:bold; color:#FFF; background-color:#9fbdd7; border-bottom:1px solid #DDD; }
#aside div.section.login div.status ul li span.value { font-size:12px; background-color:#FFF; color:#333; }
#aside div.section.login div.status ul li a.value { display:block; font-size:12px; text-align:center; line-height:25px;  background-color:#FFF; color:#333; }
#aside div.section.login div.status ul li a.value:hover { text-decoration:underline; }
#aside div.section.login div.control { float:none; padding:0 10px; }
#aside div.section.login div.control a.mypage { display:block; border:1px solid #DDD; background-color:#FFF; height:25px; box-sizing:border-box; float:left; text-align:center; line-height:23px; margin-right:5px; padding:0 15px; font-size:11px; box-shadow:1px 1px 0 #FFF; }
#aside div.section.login div.control a.mypage:before { content:'\f013'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:900; color:#999; margin-right:3px; font-size:12px; }
#aside div.section.login div.control button.logout { position:relative; display:block; border:1px solid #DDD; height:25px; box-sizing:border-box; float:left; font-size:11px; background-color:#FFF; box-shadow:1px 1px 0 #FFF; padding:0 15px; color:#666; }
#aside div.section.login div.control a.admin { display:block; float:right; background-color:#ee8f00; height:25px; box-sizing:border-box; line-height:23px; color:#FFF; padding:0 10px; box-shadow:1px 1px 0 #FFF; }
#aside div.section.login div.control a.admin:before { content:'\f7d9'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; }
#aside div.section.login div.control a.admin:after { content:'A'; font-weight:bold; }
#aside div.section.login div.control a.admin span { display:none; }
/*
#aside div.section.login { background-color:#f2f2f2; height:118px; }
#aside div.section.login fieldset { padding:0 10px; }
#aside div.section.login legend { display:none; }
#aside div.section.login div.option { font-size:11px; height:22px; line-height:22px; }
#aside div.section.login div.option * { font-family:'Dotum'; color:#325180; }
#aside div.section.login div.option input { height:11px; height:11px; vertical-align:middle; border:1px solid #325180; border:0; }
#aside div.section.login div.option span.ssl { display:inline-block; margin-left:5px; }
#aside div.section.login div.option span.ssl:before { content:'|'; margin-right:5px; }
#aside div.section.login div.option span.ssl span.value { display:inline-block; background-color:#325180; color:#FFF; padding:0 3px; height:12px; line-height:12px; vertical-align:middle; }
#aside div.section.login div.inputs {}
#aside div.section.login div.inputs > span { display:block; width:197px; height:35px; border:1px solid #DDD; background-color:#FFF; }
#aside div.section.login div.inputs > span.pwd { border-top:0; }
#aside div.section.login div.inputs input { line-height:35px; width:177px; height:35px; border:0; padding:0px 10px; background-color:#FFF; }
#aside div.section.login div.inputs button { display:block; position:absolute; top:0; right:0; height:73px; border:1px solid #DDD; background-color:#FFF; width:70px; font-weight:bold; }
#aside div.section.login div.joins { height:23px; font-family:'Dotum'; font-size:12px; line-height:23px; padding-left:10px; color:#333; }
#aside div.section.login div.joins a.join { display:inline-block; margin-left:5px; }
#aside div.section.login div.joins a.join:before { content:'|'; margin-right:5px; }

#aside div.section.login div.userInfor { background-color:#f2f2f2; padding:0 10px; font-size:12px; }
#aside div.section.login div.userInfor div.title { height:21px; line-height:21px; font-family:'Dotum'; }
#aside div.section.login div.userInfor div.title button.admin { float:right; background-color:#d62b15; color:#FFF; font-size:11px; font-weight:bold; height:16px; padding:0 5px; margin-top:2px; }
#aside div.section.login div.userInfor div.status { border:1px solid #DDD; }
#aside div.section.login div.userInfor div.status dl:after { content:''; clear:both; display:block; }
#aside div.section.login div.userInfor div.status dt { float:left; height:51px; width:57px; text-align:center; border-right:1px solid #DDD; padding-top:20px; line-height:16px; background-color:#f2f2f2; }
#aside div.section.login div.userInfor div.status dd { border-top:1px solid #DDD; background-color:#FFF; height:23px; line-height:23px; padding-left:65px; }
#aside div.section.login div.userInfor div.status dd.first { border-top:0; }
#aside div.section.login div.userInfor div.status dd label:after { content:' : '; }
#aside div.section.login div.userInfor div.status button { position:absolute; width:71px; height:71px; top:0; right:0; background-color:#FFF; border-left:1px solid #DDD; font-family:'Nanum Gothic'; font-size:14px; }
#aside div.section.login div.userInfor div.shortcut {}
#aside div.section.login div.userInfor div.shortcut a { display:block; height:20px; width:132px; line-height:20px; color:#FFF; font-family:'Nanum Gothic'; text-align:center; margin-top:5px; }
#aside div.section.login div.userInfor div.shortcut a.blog { float:left; background-color:#15acd6; }
#aside div.section.login div.userInfor div.shortcut a.mypage { float:right; background-color:#1976d3; }
*/
#aside div.exhibit { }
#aside div.exhibit div.section { z-index:1; padding-top:7px; height:210px; }
#aside div.exhibit div.section div { display:none; position:relative; height:210px; }
#aside div.exhibit div.section ul { }
#aside div.exhibit div.section li { height:30px; clear:both; }
#aside div.exhibit div.section li:before { display:block; float:left; width:13px; height:13px; margin-right:7px; margin-top:10px; background-color:#9c9c9c; color:#FFF; text-align:center; font-size:11px; }
#aside div.exhibit div.section li.nth1:before { content:'1'; background-color:#2c4472; }
#aside div.exhibit div.section li.nth2:before { content:'2'; }
#aside div.exhibit div.section li.nth3:before { content:'3'; }
#aside div.exhibit div.section li.nth4:before { content:'4'; }
#aside div.exhibit div.section li.nth5:before { content:'5'; }
#aside div.exhibit div.section li.nth6:before { content:'6'; }
#aside div.exhibit div.section li.nth7:before { content:'7'; }
#aside div.exhibit div.section li a { line-height:30px; display:block; width:260px; float:left; }
#aside div.exhibit div.section li a:after { content:''; clear:both; display:block; }
#aside div.exhibit div.section li a span.subject { display:block; width:200px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#aside div.exhibit div.section li a span.date { font-size:12px; float:right; color:#666; letter-spacing:-0.05em; }
#aside div.exhibit div.section li a span.date:before { content:'['; }
#aside div.exhibit div.section li a span.date:after { content:']'; }
#aside div.exhibit div.section button.more { position:absolute; bottom:5px; right:10px; background:none; font-size:12px; color:#999; }
#aside div.exhibit div.section button.more:after { content:' >';}

#aside div.column { }
#aside div.column div.navi a { width:60px; height:52px; line-height:52px; font-size:12px; background:url('/images/main/partition.png') no-repeat left center; }
#aside div.column div.navi a.first { background:none; width:58px; }
#aside div.column div.navi a.selected { background:#FFF; border-left:1px solid #DDD; border-right:1px solid #DDD; border-bottom:1px solid #FFF; margin:0 -1px -1px;  }
#aside div.column div.section { z-index:1; height:334px; padding:15px 17px; }
#aside div.column div.section div.bnr { height:77px; margin-top:7px; overflow:hidden; border-bottom:1px solid #DDD; }
#aside div.column div.section div.bnr li { position:absolute; width:100%; top:0; }
#aside div.column div.section div.bnr li a { display:block; height:70px; border:0; margin:0; }
#aside div.column div.section div.bnr div.control { position:absolute; right:1px; bottom:7px; margin:0; }
#aside div.column div.section div.bnr div.control div.controler { margin:0; }
#aside div.column div.section div.content { }
#aside div.column div.section div.content li { float:left; width:86px; height:126px; border-top:1px solid #DDD; }
#aside div.column div.section div.content li.nth2 { width:90px; border-left:1px solid #DDD; border-right:1px solid #DDD; }
#aside div.column div.section div.content li.top { border-top:0; }
#aside div.column div.section div.content li a { display:block; height:126px; }
#aside div.column div.section div.content li a span { display:block; width:80px; margin:5px auto; }
#aside div.column div.section div.content li a span.thumb { height:80px; text-align:center; }
#aside div.column div.section div.content li.nth1 a span { margin-left:0; }
#aside div.column div.section div.content li.nth3 a span { margin-right:0; }
#aside div.column div.section div.content li a span.subject { font-family:'Dotum', sans-serif; font-size:11px; text-align:center;  }

/* 2021.06.08 권구성 추가 */
#aside div.market { border:1px solid #DDD; background-color:#f6f7fb; padding:15px 15px 0; margin-bottom:10px; }
#aside div.market div.header { border-bottom:1px solid #DDD; height:25px; line-height:15px; }
#aside div.market div.header span.title { display:block; float:left; font-size:15px; font-weight:600; }
#aside div.market div.header a.more { float:right; font-size:11px; font-family:'Dotum', sans-serif; color:#999; }
#aside div.market div.header a.more:after { font-size:13px; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; color:#999; content:' \f105'; }
#aside div.market div.list { height:450px; padding:10px 0; box-sizing: border-box; overflow:hidden; }
#aside div.market div.list div.item { clear:both; padding:10px 0; }
#aside div.market div.list div.item a { display:block; }
#aside div.market div.list div.item a::after { content:''; display: block; clear: both; }
#aside div.market div.list div.item a span.thumb { display:block; float:left; width:110px; height:85px; margin-right:10px;  border:1px solid #DDD; border-radius: 3px; background:#FFF no-repeat center / cover; }
#aside div.market div.list div.item a span.thumb span { display: none; }
#aside div.market div.list div.item a span.info { display: block; float:left; width:146px;  }
#aside div.market div.list div.item a span.divide { display: block; float:left; height:22px; line-height:22px; border-radius: 3px; color:#FFF; background-color: #666; font-size:11px; padding:0 12px; margin-right:3px; }
#aside div.market div.list div.item a span.divide.DOP001 { background-color:#0168b7; }
#aside div.market div.list div.item a span.divide.DOP002 { background-color:#e14d43; }
#aside div.market div.list div.item a span.status { display: block; float:left; height:22px; line-height:22px; border-radius: 3px; color:#FFF; background-color: #666; font-size:11px; padding:0 12px; }
#aside div.market div.list div.item a span.status.true { background-color: #1ABB9C; }
#aside div.market div.list div.item a span.status.false { background-color: #666; }
#aside div.market div.list div.item a span.title { display: block; clear:both; padding-top:4px; margin-bottom:5px; box-sizing: border-box; height:40px; line-height:18px; font-size:13px; overflow: hidden; }
#aside div.market div.list div.item a:hover span.title { text-decoration: underline; }
#aside div.market div.list div.item a span.price { display: block; clear:both; }
#aside div.market div.list div.item a span.price span.number { font-weight:700; font-size:15px; }
#aside div.market div.list div.item a span.price span.unit { font-size:13px; }



div#cFortune { }
div#cFortune div.title { height:30px; line-height:30px; text-align:center; font-weight:bold;  }
div#cFortune ul { margin:0 -5px; }
div#cFortune ul li { width:315px; margin:4px; border:1px solid #DDD; float:left; overflow:hidden; height:96px; }
div#cFortune ul li span { display:block; float:left; width:48px; }
div#cFortune ul li span.title { border-right:1px solid #DDD; margin-right:-1px; text-indent:-1000em; overflow:hidden; height:96px; background-repeat:no-repeat; background-size:80%; background-position:center; }
div#cFortune ul li span.desc { border-left:1px solid #DDD; width:256px; height:86px; padding:5px; overflow-y:scroll; color:#888; font-family:'Dotum', sans-serif; font-size:12px; line-height:20px; }
div#cFortune ul li.mouse span.title { background-image:url('/images/news/smallmouse.jpg'); }
div#cFortune ul li.cow span.title { background-image:url('/images/news/smallcow.jpg'); }
div#cFortune ul li.tiger span.title { background-image:url('/images/news/smalltiger.jpg'); }
div#cFortune ul li.rabbit span.title { background-image:url('/images/news/smallrabbit.jpg'); }
div#cFortune ul li.dragon span.title { background-image:url('/images/news/smalldragon.jpg'); }
div#cFortune ul li.snake span.title { background-image:url('/images/news/smallsnake.jpg'); }
div#cFortune ul li.horse span.title { background-image:url('/images/news/smallhorse.jpg'); }
div#cFortune ul li.sheep span.title { background-image:url('/images/news/smallsheep.jpg'); }
div#cFortune ul li.monkey span.title { background-image:url('/images/news/smallmonkey.jpg'); }
div#cFortune ul li.hen span.title { background-image:url('/images/news/smallhen.jpg'); }
div#cFortune ul li.dog span.title { background-image:url('/images/news/smalldog.jpg'); }
div#cFortune ul li.pig span.title { background-image:url('/images/news/smallpig.jpg'); }

div#cWeather div.summary { border:1px solid #d8d8d8; padding:10px; height:58px; overflow-y:scroll; font-family:'Dotum', sans-serif; font-size:12px; color:#666; line-height:20px; margin-bottom:10px; width:615px; display:none;}
div#cWeather div.summary span { display:block; }
div#cWeather div.tab { height:123px; width:637px; }
div#cWeather div.tab ul { height:30px; border:1px solid #CCC; background-color:#f3f3f3; }
div#cWeather div.tab ul:after { content:''; display:block; clear:both; }
div#cWeather div.tab li { float:left; width:52px; height:30px; z-index:1; }
div#cWeather div.tab li.selected { z-index:10; }
div#cWeather div.tab li.first a { background:none; }
div#cWeather div.tab li.selected a { background:#FFF; border:1px solid #CCC; border-bottom-color:#FFF; margin:-1px; }
div#cWeather div.tab li a { display:block; line-height:30px; text-align:center; font-size:12px; color:#707070; background:url('/images/main/partition.png') no-repeat left center; }
div#cWeather div.tab li a:hover { text-decoration:none; font-weight:bold; cursor:pointer; }
div#cWeather div.tab li p.nowWeather { display:none; }
div#cWeather div.tab li.selected p.nowWeather { display:block; }
div#cWeather div.tab li p.nowWeather { position:absolute; width:300px; left:20px; top:55px; }
div#cWeather div.tab li p.nowWeather span { font-size:12px; display:block; }
div#cWeather div.tab li p.nowWeather span.img { float:left; width:85px; text-align:center;}
div#cWeather div.tab li p.nowWeather span.nowHour span { display:inline-block; line-height:180%; }
div#cWeather div.tab li p.nowWeather span.nowHour > span:before { content:'('; }
div#cWeather div.tab li p.nowWeather span.nowHour > span:after { content:')'; }
div#cWeather div.tab li p.nowWeather span.nowHour span span { vertical-align:middle; margin-right:3px; width:8px; height:11px; text-indent:-1000px; overflow:hidden; }
div#cWeather div.tab li p.nowWeather span.nowHour span span.up { background:url('/images/news/weatherup.gif') no-repeat center; }
div#cWeather div.tab li p.nowWeather span.nowHour span span.down { background:url('/images/news/weatherdown.gif') no-repeat center; }
div#cWeather div.tab li p.nowWeather span.nowHour span span.same { vertical-align:top; width:auto; height:auto; text-indent:0; }
div#cWeather div.tab li p.nowWeather span.nowHeat { font-weight:600; color:#ff0000; }
div#cWeather div.map { float:left; width:351px; height:467px; border:1px solid #d8d8d8; background:url('/images/news/weathermap2.jpg') no-repeat center; position:relative; }
div#cWeather div.map ul li { position:absolute; width:47px; }
div#cWeather div.map ul li.seoul { top:76px; left:86px; }
div#cWeather div.map ul li.chuncheon { display:none; }
div#cWeather div.map ul li.gangneung { top:71px; left:202px; }
div#cWeather div.map ul li.daejeon { top:166px; left:76px; }
div#cWeather div.map ul li.cheongju { top:134px; left:145px; }
div#cWeather div.map ul li.andong { top:155px; left:198px; }
div#cWeather div.map ul li.daegu { top:183px; left:251px; }
div#cWeather div.map ul li.gwangju { top:249px; left:80px; }
div#cWeather div.map ul li.jeonju { top:200px; left:135px; }
div#cWeather div.map ul li.changwon { top:237px; left:193px; }
div#cWeather div.map ul li.busan { top:257px; left:248px; }
div#cWeather div.map ul li.jeju { top:359px; left:124px; }
div#cWeather div.map ul li a { display:block; }
div#cWeather div.map ul li a span { display:block; text-align:center; }
div#cWeather div.map ul li a span.local { font-size:12px; font-weight:600; }
div#cWeather div.map ul li a span.infor { background-color:#fff; border:1px solid #d8d8d8; text-align:center; }
div#cWeather div.map ul li a span.infor span.img { display:table-cell; vertical-align:middle; text-align:center; width:47px; height:35px; font-size:0; line-height:0; }
div#cWeather div.map ul li a span.infor span.img img { max-width:47px; max-height:35px; }
div#cWeather div.map ul li a span.infor span.heat { color:#ff0000; font-weight:300; font-size:12px; }
div#cWeather div.map ul li a:hover { text-decoration:none; }
div#cWeather div.weekly { width:270px; height:462px; float:right; margin-right:13px; }
div#cWeather div.weekly table { width:100%; table-layout:fixed; display:none; border-spacing:0; padding:0; border-collapse:collapse; }
div#cWeather div.weekly table * { font-size:12px; }
div#cWeather div.weekly table tr td { height:64px; text-align:center; border:1px solid #d8d8d8; }
div#cWeather div.weekly table tr td.date {  }
div#cWeather div.weekly table tr td.date span { display:block; font-weight:600; line-height:180%; }
div#cWeather div.weekly table tr td.img { text-align:right; border-right:0; }
div#cWeather div.weekly table tr td.img span { font-size:0; line-height:0; }
div#cWeather div.weekly table tr td.img span img {  }
div#cWeather div.weekly table tr td.heat { border-left:0; }
div#cWeather div.weekly table tr td.heat span { display:inline-block; font-weight:600; }
div#cWeather div.weekly table tr td.heat span.low { color:#186fdb; }
div#cWeather div.weekly table tr td.heat span.high { color:#F00; }
div#cWeather div.weekly table tr td.heat span.high:before { content:'/'; font-weight:300; color:#333; margin-right:5px; }
div#cWeather div.weekly table tr.last td { border-bottom:0; }

div#cProd { margin:-5px; }
div#cProd div.banner { float:left; width:206px; height:446px; border:1px solid #DDD; margin:4px; }
div#cProd div.banner ul.devGlyList { width:206px; height:450px; overflow:hidden; position:relative; }
div#cProd div.banner ul.devGlyList li { position:absolute; }
div#cProd div.banner ul.devGlyPage { position:absolute; top:10px; right:5px; }
div#cProd div.banner ul.devGlyPage li { float:left; padding-right:5px; }
div#cProd div.banner ul.devGlyPage a { display:block; background-color:#999; border:1px solid #FFF; width:11px; height:11px; border-radius:13px; }
div#cProd div.banner ul.devGlyPage li.selected a { background-color:#F00; }
div#cProd div.banner ul.devGlyPage a span { display:none; }
div#cProd div.item { float:left; width:208px; height:220px; margin:4px; }
div#cProd div.item span { display:block; font-size:12px; font-family:'Dotum', sans-serif; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div#cProd div.item span.thumb { width:206px; height:153px; margin-bottom:10px; border:1px solid #DDD; background-repeat:no-repeat; background-size:cover; background-position:center 65%; }
div#cProd div.item span.thumb.none { background-size:50%; background-position:center; }
div#cProd div.item span.thumb img { display:none; }
div#cProd div.item span.corp { line-height:24px; font-weight:bold; }
div#cProd div.item span.subject { color:#888; }

div#cHumor { margin:-5px; }
div#cHumor div.item { float:left; width:208px; height:220px; margin:4px; }
div#cHumor div.item a { border:1px solid #DDD; display:block; height:218px; }
div#cHumor div.item span { display:none; }
div#cHumor div.item span.subject { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div#cHumor div.item span.summary { font-size:12px; line-height:20px; color:#999; font-family:'Dotum', sans-serif; height:160px; overflow:hidden; text-align:justify; }
div#cHumor div.item.thumb span.thumb { display:block; height:160px; background-repeat:no-repeat; background-size:cover; background-position:center 65%; }
div#cHumor div.item.thumb span.thumb img { display:none; }
div#cHumor div.item.thumb span.subject { height:57px; border-top:1px solid #DDD; background-color:#f8f8f8; line-height:57px; font-weight:bold; padding:0 10px; }
div#cHumor div.item.txt span.subject { height:30px; margin:10px 10px 5px; font-weight:bold; line-height:30px; }
div#cHumor div.item.txt span.summary { display:block; margin:0 10px; }
div#cHumor div.item.cols { width:424px; }
div#cHumor div.item.cols.thumb span.thumb { float:left; width:222px; height:218px; background-color:#000; margin-right:10px; }
div#cHumor div.item.cols.thumb span.subject { border:0; background:none; height:30px; margin:10px 10px 5px; font-weight:bold; line-height:30px; padding-left:0; }
div#cHumor div.item.cols.thumb span.summary { display:block; margin:0 10px 0 0; }
div#cHumor div.item.cols.txt span.subject { }
div#cHumor div.item.cols.txt span.summary { }

div#cMagazine { margin:-5px; }
div#cMagazine div.title { float:left; width:166px; height:197px; border:1px solid #DDD; margin:4px; background:url('/images/main/bgMagazineTitle.png') no-repeat; color:#FFF; padding:10px 20px; }
div#cMagazine div.title span.title { display:block; height:58px; font-size:24px; line-height:58px; font-family:'Noto Sans', sans-serif; }
div#cMagazine div.title ul { font-family:'Dotum', sans-serif; font-size:12px; }
div#cMagazine div.title ul li { float:left; min-width:84px; line-height:20px; margin-bottom:4px; }
div#cMagazine div.title ul li a:hover { color:#FFF; text-decoration:underline; }
div#cMagazine div.item { float:left; width:208px; height:219px; margin:4px; }
div#cMagazine div.item span { display:block; font-size:12px; font-family:'Dotum', sans-serif; text-align:center; overflow:hidden; }
div#cMagazine div.item span.thumb { width:206px; height:160px; margin-bottom:10px; border:1px solid #DDD; background-repeat:no-repeat; background-size:cover; background-position:center 65%; }
div#cMagazine div.item span.thumb.none { background-size:50%; background-position:center; }
div#cMagazine div.item span.thumb img { display:none; }
div#cMagazine div.item span.corp { line-height:24px; font-weight:bold; }
div#cMagazine div.item span.subject { font-weight:bold; line-height:20px; height:40px; }

div#cYgBlog { margin:-5px; }
div#cYgBlog div.item { float:left; width:206px; height:219px; margin:4px; border:1px solid #DDD; background-color:#f2f2f2; }
div#cYgBlog div.item span { display:block; font-size:12px; font-family:'Dotum', sans-serif; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
div#cYgBlog div.item span.thumb { width:206px; height:160px; margin-bottom:10px; border-bottom:1px solid #DDD; background-repeat:no-repeat; background-size:cover; background-position:center 65%; background-color:#000; }
div#cYgBlog div.item span.thumb.none { background-size:50%; background-position:center; }
div#cYgBlog div.item span.thumb img { display:none; }
div#cYgBlog div.item span.corp { line-height:24px; font-weight:bold; }
div#cYgBlog div.item span.subject { font-weight:bold; line-height:20px; padding:0 10px; }
div#cYgBlog div.item span.desc { line-height:20px; padding:0 10px; color:#666; }

div#cBlog { margin:-5px; }
div#cBlog div.item { float:left; width:208px; height:219px; margin:4px; }
div#cBlog div.item span { display:block; font-size:12px; font-family:'Dotum', sans-serif; text-align:center; overflow:hidden; }
div#cBlog div.item span.thumb { width:206px; height:160px; margin-bottom:10px; border:1px solid #DDD; background-repeat:no-repeat; background-size:cover; background-position:center 65%; }
div#cBlog div.item span.thumb.none { background-size:50%; background-position:center; }
div#cBlog div.item span.thumb img { display:none; }
div#cBlog div.item span.corp { line-height:24px; font-weight:bold; }
div#cBlog div.item span.subject { font-weight:bold; line-height:20px; height:40px; }

div#cMovie { margin:-5px; }
div#cMovie div.title { float:left; width:166px; height:197px; border:1px solid #DDD; margin:4px; background:url('/images/main/bgMovieTitle.png') no-repeat; color:#FFF; padding:10px 20px; }
div#cMovie div.title span.title { display:block; height:58px; font-size:24px; line-height:58px; font-family:'Noto Sans', sans-serif; }
div#cMovie div.title button.more { position:absolute; background:none; border:1px solid #FFF; width:78px; height:27px; font-family:'Dotum', sans-serif; font-size:12px; bottom:20px; left:20px; }
div#cMovie div.item { float:left; width:206px; height:219px; margin:4px; border:1px solid #DDD; background-color:#f2f2f2; }
div#cMovie div.item span { display:block; font-size:12px; font-family:'Dotum', sans-serif; text-align:center; }
div#cMovie div.item span.thumb { width:206px; height:160px; margin-bottom:10px; border-bottom:1px solid #DDD; background-repeat:no-repeat; background-size:cover; background-position:center 65%; background-color:#000; }
div#cMovie div.item span.thumb.none { background-size:50%; background-position:center; }
div#cMovie div.item span.thumb img { display:none; }
div#cMovie div.item span.subject { font-weight:bold; line-height:20px; padding:0 10px; height:40px; overflow:hidden; }
div#cMovie div.item span.play { display:block; position:absolute; width:40px; height:42px; left:0; top:118px; overflow:hidden; text-indent:-1000em; background:url('/images/main/icoPlay.png') no-repeat; }

div#cExhibit { }
#contents.main div.section div#cExhibit div.header { height:38px; border-bottom:1px solid #CCC; }
div#cExhibit div.header:after { content:''; display:block; clear:both; }
div#cExhibit div.header div.tab { float:left; }
div#cExhibit div.header div.tab:after { content:''; display:block; clear:both; }
div#cExhibit div.header div.tab a { display:block; float:left; box-sizing:border-box; width:142px; height:30px; border:1px solid #DDD; margin-right:10px; border-radius:30px; line-height:28px; text-align:center; background-color:#f2f2f2; color:#666; }
div#cExhibit div.header div.tab a.selected { font-weight:bold; color:#333; background-color:#FFF; }
div#cExhibit div.header div.more { float:right; padding-top:10px; }
div#cExhibit div.list {}
div#cExhibit div.list.exhibit { display:none; }
div#cExhibit div.list li { border-bottom:1px solid #DDD; padding:10px 0; }
div#cExhibit div.list li:last-child { border-bottom:0; }
div#cExhibit div.list li:after { content:''; display:block; clear:both; }
div#cExhibit div.list li a { display:block; float:left; width:420px; margin-right:10px; }
div#cExhibit div.list li a:after { content:''; display:block; clear:both; }
div#cExhibit div.list li span.thumb { display:block; width:130px; height:82px; border:1px solid #DDD; box-sizing:border-box; overflow:hidden; text-indent:-1000em; margin-right:20px; float:left; background-size:cover; background-position:center; background-repeat:no-repeat; }
div#cExhibit div.list li span.title { display:table-cell; vertical-align:middle; height:82px; line-height:20px; }
div#cExhibit div.list.seminar li span.title:before { content:''; display:inline-block; width:15px; height:13px; margin-right:10px; background:url('/images/main/icoSeminarTitle.png') no-repeat left center; vertical-align:middle; }
div#cExhibit div.list li span.date { display:block; float:left; width:100px; margin-right:10px; text-align:center; padding-top:15px; }
div#cExhibit div.list li span.date span { display:block; }
div#cExhibit div.list li span.place { display:table-cell; vertical-align:middle; width:110px; height:82px; line-height:20px; text-align:center; }

#contents.main div.nProd { border:1px solid #DDD; background-color:#0069b3; box-sizing:border-box; padding:0 5px 5px; margin-bottom:10px; }
#contents.main div.nProd div.header { height:43px; padding:0 10px; color:#FFF; }
#contents.main div.nProd div.header span.title a { font-size:16px; line-height:43px; font-weight:bold; }
#contents.main div.nProd div.header span.title a:hover { text-decoration:underline; color:#FFF; }
#contents.main div.nProd div.header button { float:right; background:none; height:23px; margin:10px 0; font-size:12px; }
#contents.main div.nProd div.header button:after { content:'\f0c9'; font-family:'Font Awesome 5 Free', sans-serif; font-weight:600; font-size:21px; vertical-align:middle; padding-left:10px; }
#contents.main div.nProd div.header button:focus { outline:none; }
#contents.main div.nProd div.list { padding:14px 6px 0; height:172px; background-color:#FFF; box-sizing:border-box; }
#contents.main div.nProd div.list:after { content:''; display:block; clear:both; }
#contents.main div.nProd div.list.cate { display:none; overflow-y:scroll; filter:alpha(opacity=0); opacity:0; position:absolute; left:5px; top:43px; z-index:5; width:678px; }
#contents.main div.nProd div.list.cate a { display:block; box-sizing:border-box; width:150px; height:48px; border:1px solid #DDD; margin:0 6px 12px; padding:0 5px; text-align:center; line-height:48px; color:#666; font-size:14px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#contents.main div.nProd div.list.cate a:hover { color:#0069b3; text-decoration:underline; }
#contents.main div.nProd div.list.cate a.selected { color:#0069b3; border-color:#0069b3; font-weight:bold; outline:2px solid #0069b3; }
#contents.main div.nProd div.list.prod { display:block; position:relative; z-index:1; }
#contents.main div.nProd div.list.prod a { display:block; box-sizing:border-box; width:154px; height:150px; float:left; margin:0 6px; }
#contents.main div.nProd div.list.prod a span { display:block; box-sizing:border-box; overflow:hidden; }
#contents.main div.nProd div.list.prod a span.thumb { height:102px; border:1px solid #DDD; background-size:cover; background-position:center; background-repeat:no-repeat; text-indent:-1000em; }
#contents.main div.nProd div.list.prod a span.title { line-height:25px; white-space:nowrap; text-overflow:ellipsis; margin:3px 0; }
#contents.main div.nProd div.list.prod a:hover span.title { text-decoration:underline; }
#contents.main div.nProd div.list.prod a span.corp { font-size:12px; color:#666; line-height:15px; white-space:nowrap; text-overflow:ellipsis; }

#contents.main div.premium { border:1px solid #DDD; margin-bottom:10px; padding:10px 0 15px; }
#contents.main div.premium div.header { height:26px; margin-bottom:5px; padding:0 10px; display: flex; align-items: center; justify-content: space-between; }
#contents.main div.premium div.header div.title span.title { font-size:16px; line-height:26px; font-weight:bold; }
#contents.main div.premium div.header div.control div.controler { margin:0;  }
#contents.main div.premium div.list { height:213px; overflow:hidden; display: flex; margin:0 10px; }
#contents.main div.premium div.list a { display: flex; width:25%; flex-shrink: 0; position: relative; box-sizing: border-box}
#contents.main div.premium div.list a::after { content:''; display: block; height:100%; width:0; border-left:1px dotted #DDD;  }
#contents.main div.premium div.list a:nth-child(4n)::after { display: none; }
#contents.main div.premium div.list a span.thumb { display: flex; width:100%; height:100%; padding:10px 10px 30px; align-items: center; justify-content: center; box-sizing: border-box; }
#contents.main div.premium div.list a span.thumb img { display: block; max-width:100%; max-height: 100%; }
#contents.main div.premium div.list a span.info { display: block; position: absolute; width:calc(100% - 10px); bottom:0; left:5px; padding:5px; background: rgba(0, 0, 0, 0.8); box-sizing: border-box; }
#contents.main div.premium div.list a span.info::before { display: block; content:''; position:absolute; right:0; top:-8px; width:0; height:0; border-bottom:8px solid #000; border-right:10px solid transparent; }
#contents.main div.premium div.list a span.info::after { display: block; content:''; position:absolute; left:0; top:-8px; width:0; height:0; border-bottom:8px solid #000; border-left:10px solid transparent; }
#contents.main div.premium div.list a span.corp { display: block; color:#FFF; text-align: center; margin-bottom:5px;}
#contents.main div.premium div.list a span.items { display: block; text-align: center; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; color:#DDD; font-size:0.9em; }


#contents.main div.brand { border:1px solid #DDD; margin-bottom:10px; padding:10px 7.5px 5px; }
#contents.main div.brand div.header { height:26px; margin-bottom:5px; line-height:26px; padding:0 5px; }
#contents.main div.brand div.header span.title { font-size:16px; line-height:26px; font-weight:bold; }
#contents.main div.brand div.header div.control { float:right; }
#contents.main div.brand div.header div.control div.controler { margin:3px 0 0; }
#contents.main div.brand div.list { height:110px; }
#contents.main div.brand div.list:after { content:''; display:block; clear:both; }
#contents.main div.brand div.list a { margin:5px; display:block; float:left; width:158px; height:100px; }
#contents.main div.brand div.list a span { display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
#contents.main div.brand div.list a span.thumb { border:1px solid #DDD; height:70px; }
#contents.main div.brand div.list a span.items { height:25px; margin-top:-25px; line-height:25px; color:#FFF; background-color:rgba(0, 0, 0, 0.7); text-align:center; padding:0 5px; font-size:12px; }
#contents.main div.brand div.list a span.corp { text-align:center; font-weight:bold; text-align:center; line-height:30px; }
#contents.main div.brand div.list a.empty { border:1px solid #DDD; height:70px; width:156px; background:url('/images/common/registAd.png') no-repeat center; }
#contents.main div.brand div.list a.empty span { display:none; }
#contents.main div.brand div.list a img { width:156px; height:100px; display:block; }

/*
#contents.main div.nProd { background-color:#0069b3; padding:0 5px 5px; border:1px solid #DDD; height:497px; margin-bottom:10px; }
#contents.main div.nProd div.header { height:43px; padding:0 10px; }
#contents.main div.nProd div.header span.title a { font-size:16px; line-height:43px; font-weight:bold; color:#FFF; }
#contents.main div.nProd div.header button { float:right; width:21px; height:21px; margin:11px 0; background:none; }
#contents.main div.nProd div.header button:after { font:normal normal normal 21px/1 FontAwesome; color:#FFF; content:'\f0c9'; }
#contents.main div.nProd div.header button.close:after { font:normal normal normal 21px/1 FontAwesome; color:#FFF; content:'\f00d'; }
#contents.main div.nProd div.header button span { display:none; }
#contents.main div.nProd div.navi { background-color:#FFF; height:42px; padding:13px 10px 0; overflow:hidden; position:relative; }
#contents.main div.nProd div.navi div.tab { width:570px; float:left; }
#contents.main div.nProd div.navi div.tab a { display:inline-block; line-height:42px; font-size:16px; font-weight:bold; padding:0 15px; color:#666; }
#contents.main div.nProd div.navi div.tab a:hover { color:#0e47a1; text-decoration:underline; }
#contents.main div.nProd div.navi div.tab a.selected { color:#0e47a1; text-decoration:underline; }
#contents.main div.nProd div.navi div.control { }
#contents.main div.nProd div.navi div.control div.page { padding-right:10px; line-height:20px; padding-top:10px; font-weight:bold; }
#contents.main div.nProd div.navi div.control div.page * { font-size:14px; font-family:'Nanum Gothic'; }
#contents.main div.nProd div.navi div.control div.controler { padding-top:10px; margin:0; }
#contents.main div.nProd div.section { background:url('/images/main/bgNProd.png') repeat-x 0px -2px #FFF; height:386px; border:0; padding:6px; font-size:16px; }
#contents.main div.nProd div.section div.item { float:left; width:154px; height:170px; margin:6px; }
#contents.main div.nProd div.section div.item a { display:block; }
#contents.main div.nProd div.section div.item.cols { width:318px; height:168px; border:1px solid #DDD; }
#contents.main div.nProd div.section div.item.list { width:318px; height:168px; border:1px solid #DDD; }
#contents.main div.nProd div.section div.item.upper { margin-bottom:25px; }
#contents.main div.nProd div.section div.item span { display:block; overflow:hidden; position:relative; }
#contents.main div.nProd div.section div.item span.thumb { height:100px; border:1px solid #DDD; text-indent:-1000em; background-repeat:no-repeat; background-position:center; background-size:contain; }
#contents.main div.nProd div.section div.item span.subject { padding-top:6px; line-height:17px; font-size:14px; height:34px; }
#contents.main div.nProd div.section div.item span.corp { font-size:12px; white-space:nowrap; text-overflow:ellipsis; color:#666; line-height:25px; }
#contents.main div.nProd div.section div.item.cols span.thumb { height:auto; border:0; height:168px; }
#contents.main div.nProd div.section div.item.cols span.subject { width:100%; line-height:40px; color:#FFF; z-index:10; text-align:center; position:absolute; bottom:0; padding:0; height:40px; }
#contents.main div.nProd div.section div.item.cols span.corp { width:100%; text-indent:-1000em; position:absolute; height:40px; background-color:#000; filter:alpha(opacity=40); opacity:0.4; z-index:1; bottom:0; }
#contents.main div.nProd div.section div.item.list a { padding:0 10px; }
#contents.main div.nProd div.section div.item.list span.subject { height:auto; line-height:20px; white-space:nowrap; text-overflow:ellipsis; }
#contents.main div.nProd div.menuAll { position:absolute; background-color:#FFF; left:5px; top:43px; width:668px; height:448px; padding:5px 5px 0; z-index:100; filter:alpha(opacity=0); opacity:0; display:none; }
#contents.main div.nProd div.menuAll div.listCate { height:420px; }
#contents.main div.nProd div.menuAll div.listCate a { display:block; width:145px; height:48px; border:1px solid #DDD; margin:5px; padding:0 5px; text-align:center; line-height:48px; color:#666; font-size:14px; float:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#contents.main div.nProd div.menuAll div.listCate a:hover { text-decoration:underline; }
#contents.main div.nProd div.menuAll div.controler { margin:0; margin:2px 5px 0 0; }
*/


#holiday2018 { position:absolute; left:50%; margin-left:-250px; top:200px; z-index:999; }
#holiday2018 div.contents { margin:0; }
#holiday2018 div.contents img { display:block; }
#holiday2018 div.footer { background-color:#333; margin:0; padding:0 10px; }
#holiday2018 div.footer a { font-size:11px; color:#FFF; line-height:30px; }
#holiday2018 div.footer a.close { float:right; display:inline-block; }
#holiday2018 div.footer a:hover { text-decoration:underline; }

#holiday { position:absolute; left:50%; margin-left:-250px; top:200px; z-index:999; }
#holiday div.contents { margin:0; }
#holiday div.contents img { display:block; }
#holiday div.footer { background-color:#333; margin:0; padding:0 10px; }
#holiday div.footer a { font-size:11px; color:#FFF; line-height:30px; }
#holiday div.footer a.close { float:right; display:inline-block; }
#holiday div.footer a:hover { text-decoration:underline; }

dev932 { display:none; }