/* 메인 상단 */
div#container div#mainContents div.mainTop {position:relative;height:500px;margin-top:10px;}
div#container div#mainContents div.mainTop > .bg1 {position:absolute;left:0;top:0;width:50%;height:490px;background:#ededdd url('../images/main/cont_bg1.jpg') no-repeat 0 0;z-index:0;}
div#container div#mainContents div.mainTop > .bg2 {position:absolute;left:50%;top:0;width:50%;height:490px;background:url('../images/main/cont_bg2.png');z-index:0;}

/* 메인 비주얼 이미지 */
div#container div#mainContents {}
div#container div#mainContents div.mainTop div.mainVisual {float:left;position:relative;width:480px;height:490px;z-index:1;}
div#container div#mainContents div.mainTop div.mainVisual > .edge {position:absolute;right:0;top:0;width:40px;height:245px;background:url('../images/main/vis_edge.png') no-repeat right 0;z-index:10;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList {position:relative;overflow:hidden;width:480px;height:490px;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li {width:480px;height:490px;position:absolute;top:0px;left:480px;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > div.title {display:none;font-size:30px;color:white;font-weight:600;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > a {display:block;cursor:pointer;height:500px;zoom:1;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li.on {left:0px;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > table {width:480px;height:490px;table-layout:fixed;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > table tbody tr td {width:100%;height:100%;text-align:center;vertical-align:middle;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > table tbody tr td img {max-width:480px;max-height:490px;vertical-align:top;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li strong {font-weight:600;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li i {}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul {}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul > li {width:auto;height:auto;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul > li a {display:inline;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul.main {width:480px;height:490px;position:absolute;top:0px;left:0px;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul.main > li {}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul.main > li a {}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul.main > li table {width:480px;height:490px;table-layout:fixed;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul.main > li table tbody tr td {width:480px;height:100%;text-align:center;vertical-align:middle;}
div#container div#mainContents div.mainTop div.mainVisual > ul.visualList > li > ul.main > li img {max-width:480px;max-height:490px;}
div#container div#mainContents div.mainVisual div.control {}
div#container div#mainContents div.mainVisual div.control button {position:absolute;top:225px;width:50px;height:50px;}
div#container div#mainContents div.mainVisual div.control button span {display:block;}
div#container div#mainContents div.mainVisual div.control button.prev {left:-50px;}
div#container div#mainContents div.mainVisual div.control button.next {right:-50px;}
div#container div#mainContents div.mainVisual div.control ul.visualPage {position:absolute;bottom:15px;right:20px;}
div#container div#mainContents div.mainVisual div.control ul.visualPage li {float:left;margin-left:5px;}
div#container div#mainContents div.mainVisual div.control ul.visualPage li a {display:block;width:20px;height:20px;border-radius:50%;background:#c3c39d;}
div#container div#mainContents div.mainVisual div.control ul.visualPage li a span {display:none;}
div#container div#mainContents div.mainVisual div.control ul.visualPage li.on a {border:3px solid #c3c39d;background:none;}

/* 메인 상단 중앙 */
div#container div#mainContents div.mainTop div.shortcut {float:left;position:relative;width:200px;height:500px;background:url('../images/main/qk1_bg.png') no-repeat 0 0;z-index:1;}
div#container div#mainContents div.mainTop div.shortcut ul {width:200px;height:500px;}
div#container div#mainContents div.mainTop div.shortcut ul li {height:166px;text-align:center;}
div#container div#mainContents div.mainTop div.shortcut ul li a {display:table-cell;width:200px;height:166px;color:#fff;line-height:1em;text-align:center;vertical-align:middle;}
div#container div#mainContents div.mainTop div.shortcut ul li a:active, div#container div#mainContents div.mainTop div.shortcut ul li a:hover, div#container div#mainContents div.mainTop div.shortcut ul li a:focus {color:#fd0;}
div#container div#mainContents div.mainTop div.shortcut ul li a img {margin-bottom:20px;}

/* 메인 상단 우측 */
div#container div#mainContents div.mainTop div.login {float:right;position:relative;width:280px;padding-left:60px;background:url('../images/main/mem_edge.png') no-repeat 0 0;z-index:1;}
div#container div#mainContents div.mainTop div.login .loginForm .title {padding:30px 0 15px;font-family:'Noto Sans KR','Nanum Gothic',NanumGothic,'나눔고딕',Dotum;font-size:1.2em;font-weight:500;text-align:right;}
div#container div#mainContents div.mainTop div.login .normal {width:220px;height:33px;margin-bottom:7px;border:none;border-radius:3px;font-size:.9em;background:#fff;}
div#container div#mainContents div.mainTop div.login .m_btn {width:220px;height:33px;border:1px solid #e6462e;border-radius:3px;color:#fff;background:#e6462e;}
div#container div#mainContents div.mainTop div.login .m_btn:hover, div#container div#mainContents div.mainTop div.login .m_btn:focus {border:1px solid #e55f2e;font-weight:600;background:#e55f2e;}
div#container div#mainContents div.mainTop div.login .logged {margin-bottom:4px;padding:15px;border-radius:3px;font-size:.85em;color:#4c4c4c;text-align:center;background:#fff;}
div#container div#mainContents div.mainTop div.login .logged strong {display:block;margin-bottom:3px;font-size:1.1em;font-weight:600;color:#000;}
div#container div#mainContents div.mainTop div.login .join {text-align:center;}
div#container div#mainContents div.mainTop div.login .join ul {display:inline-block;list-style:none;margin:15px auto;padding:0;zoom:1;}
div#container div#mainContents div.mainTop div.login .join ul:after {display:block;clear:both;content:"";}
div#container div#mainContents div.mainTop div.login .join ul li {float:left;font-size:.8em;color:#666;}
div#container div#mainContents div.mainTop div.login .join ul li:after {content:"|";padding:0 10px;}
div#container div#mainContents div.mainTop div.login .join ul li:last-child:after {content:"";padding:0;}
div#container div#mainContents div.mainTop div.login .join ul li a {color:#666;}
div#container div#mainContents div.mainTop div.login .join ul li a:active, div#container div#mainContents div.mainTop div.login .join ul li a:hover, div#container div#mainContents div.mainTop div.login .join ul li a:focus {text-decoration:underline;}
div#container div#mainContents div.mainTop div.login .download {}
div#container div#mainContents div.mainTop div.login .download ul {display:table;list-style:none;width:220px;border-radius:3px;background:#4d4d4d;background:-moz-linear-gradient(top,#4d4d4d 0%,#262626 100%);background:-webkit-linear-gradient(top,#4d4d4d 0%,#262626 100%);background:linear-gradient(to bottom,#4d4d4d 0%,#262626 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d4d4d', endColorstr='#262626',GradientType=0 );}
div#container div#mainContents div.mainTop div.login .download ul li {display:table-cell;width:108px;height:100px;text-align:center;vertical-align:middle;}
div#container div#mainContents div.mainTop div.login .download ul li.front {border-right:4px solid #ededed;}
div#container div#mainContents div.mainTop div.login .download ul li a {display:block;font-size:.9em;line-height:1.25em;font-weight:600;color:#fff;}
div#container div#mainContents div.mainTop div.login .download ul li i {display:block;margin-top:10px;font-size:1.4em;color:#fd0;}
div#container div#mainContents div.mainTop div.login .download ul li:hover a {margin-top:3px;color:#fd6;}
div#container div#mainContents div.mainTop div.login .download ul li:hover i {margin-top:13px;color:#ccc;}
div#container div#mainContents div.mainTop div.login .contact {width:220px;margin-top:4px;padding-bottom:15px;border-radius:3px;background-image:url('../images/main/call_bg.png');}
div#container div#mainContents div.mainTop div.login .contact .title {padding:15px 0;font-size:1.1em;font-weight:600;letter-spacing:.05em;color:#fff;text-align:center;}
div#container div#mainContents div.mainTop div.login .contact hr {width:20px;border:none;border-bottom:1px solid #fff;margin:0 auto 15px auto;}
div#container div#mainContents div.mainTop div.login .contact ul li {font-size:1.4em;line-height:1.3em;color:#ffdd00;text-align:center;}
div#container div#mainContents div.mainTop div.login .contact ul li a {color:#ffdd00;}

/* 메인 게시판 */
div#container div#mainContents div.mainBoard div.innerWrap {height:290px;margin-top:20px;border:3px solid #e0e0e0;zoom:1;}
div#container div#mainContents div.mainBoard div.innerWrap:after {display:block;clear:both;content:"";}
div#container div#mainContents div.mainBoard div.recent {float:left;width:380px;margin-left:30px;}
div#container div#mainContents div.mainBoard div.recent h2 {border-bottom:1px solid #e6462e;}
div#container div#mainContents div.mainBoard div.recent h2 a {display:block;padding:29px 0 14px;font-family:'Noto Sans KR','Nanum Gothic',NanumGothic,'나눔고딕',Dotum;font-size:1.5em;font-weight:500;line-height:1em;color:#333;}
div#container div#mainContents div.mainBoard div.recent div.content {position:relative;}
div#container div#mainContents div.mainBoard div.recent div.content ul {padding:18px 0 10px;border-bottom:1px solid #d9d9d9;}
div#container div#mainContents div.mainBoard div.recent div.content ul li {margin-bottom:5px;padding:0 10px;}
div#container div#mainContents div.mainBoard div.recent div.content ul li nobr {display:inline-block;width:280px;margin-left:12px;font-size:.95em;color:#333;}
div#container div#mainContents div.mainBoard div.recent div.content ul li a:hover nobr {color:#e6462e;text-decoration:underline;}
div#container div#mainContents div.mainBoard div.recent div.content ul li.empty {}
div#container div#mainContents div.mainBoard div.recent div.content ul li.empty nobr {}
div#container div#mainContents div.mainBoard div.recent div.content p {position:absolute;right:45px;top:180px;z-index:10;}
div#container div#mainContents div.mainBoard div.recent div.content p a {font-size:.8em;color:#555;line-height:1em;}
div#container div#mainContents div.mainBoard div.recent div.content p a:hover {text-decoration:underline;}
div#container div#mainContents div.mainBoard div.recent div.content p i {margin-left:5px;color:#339;}
div#container div#mainContents div.mainBoard div.recent div.content .link {position:absolute;right:0;top:126px;}

/* 메인 이미지 게시판 */
div#container div#mainContents div.mainBoard div.event {float:left;margin:20px 55px;}
div#container div#mainContents div.mainBoard div.event div.content {}
div#container div#mainContents div.mainBoard div.event div.content ul {}
div#container div#mainContents div.mainBoard div.event div.content ul li {}
div#container div#mainContents div.mainBoard div.event div.content ul li a {display:block;}
div#container div#mainContents div.mainBoard div.event div.content ul li div.imgArea { width:200px; height:200px; border-radius:50%; background-position:center; background-size:cover; }
/*
div#container div#mainContents div.mainBoard div.event div.content ul li div.imgArea table {width:200px;table-layout:fixed;}
div#container div#mainContents div.mainBoard div.event div.content ul li div.imgArea table tbody tr td {width:100%;text-align:center;vertical-align:middle;}
div#container div#mainContents div.mainBoard div.event div.content ul li div.imgArea table tbody tr td img {max-width:200px;max-height:200px;border-radius:50%;}
*/
div#container div#mainContents div.mainBoard div.event div.content ul li div.imgArea span.cover {}
div#container div#mainContents div.mainBoard div.event div.content ul li nobr {width:200px;padding-top:20px;font-size:.9em;font-weight:600;text-align:center;}
div#container div#mainContents div.mainBoard div.event div.content ul li.empty {float:none;width:auto;height:auto;padding:30px;text-align:center;}
div#container div#mainContents div.mainBoard div.event div.content ul li.empty nobr {width:auto;text-align:center;background:none;}

/* 메인 게시판 바로가기 */
div#container div#mainContents div.mainBoard div.boardShortcut {float:right;width:218px;margin:30px 0;padding-left:30px;border-left:1px solid #e0e0e0;}
div#container div#mainContents div.mainBoard div.boardShortcut ul {}
div#container div#mainContents div.mainBoard div.boardShortcut ul li {}
div#container div#mainContents div.mainBoard div.boardShortcut ul li.qk2_1 {margin-top:5px;background:url('../images/main/qk2_ico1.png') no-repeat 0 0;}
div#container div#mainContents div.mainBoard div.boardShortcut ul li.qk2_2 {margin:20px 0;background:url('../images/main/qk2_ico2.png') no-repeat 0 0;}
div#container div#mainContents div.mainBoard div.boardShortcut ul li.qk2_3 {margin-bottom:5px;background:url('../images/main/qk2_ico3.png') no-repeat 0 0;}
div#container div#mainContents div.mainBoard div.boardShortcut ul li a {display:table-cell;width:155px;height:60px;padding-left:75px;font-size:.9em;font-weight:600;color:#444;text-align:center;vertical-align:middle;}
div#container div#mainContents div.mainBoard div.boardShortcut ul li a:active, div#container div#mainContents div.mainBoard div.boardShortcut ul li a:hover, div#container div#mainContents div.mainBoard div.boardShortcut ul li a:focus {color:#d52264;text-decoration:underline;}