#wrapper{ width:100%; margin:0 auto; text-align:center; display:inline-block; } .container { width:1140px; height:auto; margin:0 auto; text-align:center; position:relative; } .container::after { content:""; display:block; clear:both; } #topFrame { width:100%; position:relative; margin:0 auto 0px auto; text-align:center;background-color:#3d1a6f; } #topFrame h2.tLogo {position:absolute; width:42px; height:68px; top:-72px; left:50%; margin-left:-21px;z-index:9; cursor:pointer;background:url("/images/common/logo.png?ver=20201125") no-repeat 50% 50%; } .topContent { clear:both;position:relative; width:100%; height:70px;line-height:1.4;color:#fff;} .topContent a {color:#fff} .topContent::before {content:'';position:absolute;width:100%; height:2px;background-color:#ffcb08;left:0;bottom:0;} /* topmenu add 2024-01-04 */ #topFrame .topContent .tMember{height:70px;display:flex;align-items:center;justify-content:space-between;} #topFrame .topContent .t-button + .t-button{margin-left:5px;} #topFrame .tMember > div > dl, #topFrame .tMember > div > dl dd {list-style:none;margin:0;display:flex;align-items:center;color:#fff} #topFrame .tMember > div > dl + dl {margin-top:3px;} #topFrame .tMember > div > dl dd + dd {margin-left:10px;} #topFrame .tMember strong, #topFrame .tMember b, #topFrame .tMember a {margin-left:4px;} #topFrame .tMember img:not(.icon-level){margin-right:5px;} /* topmenu add 2024-01-04 */ #topFrame .topContent2 { clear:both;position:relative; width:825px; height:30px; float:left; margin:10px 0 10px 275px; } .mainBody #topFrame .topContent2 { width:890px; margin-left:210px; } .mainBody #topFrame .topContent2 .marqueeNoti { padding-left:50px; } .mainBody #topFrame .topContent2 .marqueeNoti * { line-height:29px; font-size:14px; } .mainBody #topFrame .topContent2 .marqueeNoti .mq { width:841px; height:29px; line-height:29px; } .mainBody div.marqueeNoti .rr { width:843px; } .sub_top { height:35px;padding:0px;margin-bottom:10px;background-color:#f0f0f0;border-bottom:1px solid #e0e0e0; } .sub_top div.marqueeNoti .rr { width:100%; font-size:16px; } .sub_top div.marqueeNoti .mq { height:33px !important;} .sub_top div.marqueeNoti .mq * { font-size:14px;line-height:33px !important;height:33px !important;color:rgb(61,26,111) !important;} .sub_top .divTime { float:right;position:relative;width:auto;width:60px;height:100%;overflow:hidden;} .divTime span { font-size:20px; font-weight:300; font-family: 'Raleway', sans-serif; color:transparent; line-height:68px;height:68px;overflow:hidden; } .black_bg { width: 100%; height: 100%; background: #000; position: fixed; z-index: 998; top: 0; left: 0; opacity: 0.6; display: none; } #gnb { background: #012060} #gnb::before {content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:url(/images/common/bg-rainbow.png) no-repeat;background-size:100% 1px;} #gnb .navMenu { clear:both; position:relative; display:flex;flex-wrap:nowrap; } #gnb ul.navMenu {margin:0 -6px 0 -6px;} #gnb ul.navMenu li {position:relative; height:50px;cursor:pointer;padding:5px 6px; } #gnb ul.navMenu li .option {top:-10px;} #gnb ul li span.menuName { position:relative; float:left; width:100%; height:40px; line-height:40px; font-size:0px; text-indent:-999; color:#fff; background:url("/images/common/mainmenu.png?ver=20240916_01"); background-repeat:no-repeat; cursor:pointer; z-index:2; } #gnb ul li:hover span.menuName, #gnb ul li.on span.menuName { color:#f9e57b; } #gnb ul li#mm1 span.menuName { width:99px; } #gnb ul li#mm2 span.menuName { width:35px; } #gnb ul li#mm3 span.menuName { width:65px; } #gnb ul li#mm4 span.menuName { width:51px; } #gnb ul li#mm5 span.menuName { width:51px; } #gnb ul li#mm6 span.menuName { width:51px; } #gnb ul li#mm7 span.menuName { width:51px; } #gnb ul li#mm8 span.menuName { width:51px; } #gnb ul li#mm9 span.menuName { width:51px; } #gnb ul li#mm10 span.menuName { width:68px; } #gnb ul li#mm11 span.menuName { width:51px; } #gnb ul li#mm12 span.menuName { width:66px; } #gnb ul li#mm13 span.menuName { width:68px; } #gnb ul li#mm14 span.menuName { width:51px; } #gnb ul li#mm15 span.menuName { width:67px; } #gnb ul li#mm16 span.menuName { width:72px; } #gnb ul li#mm1 span.menuName { background-position:0 0; } #gnb ul li#mm2 span.menuName { background-position:0 -40px; } #gnb ul li#mm3 span.menuName { background-position:0 -80px; } #gnb ul li#mm4 span.menuName { background-position:0 -120px; } #gnb ul li#mm5 span.menuName { background-position:0 -160px; } #gnb ul li#mm6 span.menuName { background-position:0 -200px; } #gnb ul li#mm7 span.menuName { background-position:0 -240px; } #gnb ul li#mm8 span.menuName { background-position:0 -280px; } #gnb ul li#mm9 span.menuName { background-position:0 -320px; } #gnb ul li#mm10 span.menuName { background-position:0 -360px; } #gnb ul li#mm11 span.menuName { background-position:0 -400px; } #gnb ul li#mm12 span.menuName { background-position:0 -440px; } #gnb ul li#mm13 span.menuName { background-position:0 -480px; } #gnb ul li#mm14 span.menuName { background-position:0 -520px; } #gnb ul li#mm15 span.menuName { background-position:0 -560px; } #gnb ul li#mm16 span.menuName { background-position:0 -600px; } #gnb ul li#mm1:hover span.menuName, #gnb ul li#mm1.live span.menuName{background-position:-140px 0; } #gnb ul li#mm2:hover span.menuName, #gnb ul li#mm2.live span.menuName{background-position:-140px -40px; } #gnb ul li#mm3:hover span.menuName, #gnb ul li#mm3.live span.menuName{background-position:-140px -80px; } #gnb ul li#mm4:hover span.menuName, #gnb ul li#mm4.live span.menuName{background-position:-140px -120px; } #gnb ul li#mm5:hover span.menuName, #gnb ul li#mm5.live span.menuName{background-position:-140px -160px; } #gnb ul li#mm6:hover span.menuName, #gnb ul li#mm6.live span.menuName{background-position:-140px -200px; } #gnb ul li#mm7:hover span.menuName, #gnb ul li#mm7.live span.menuName{background-position:-140px -240px; } #gnb ul li#mm8:hover span.menuName, #gnb ul li#mm8.live span.menuName{background-position:-140px -280px; } #gnb ul li#mm9:hover span.menuName, #gnb ul li#mm9.live span.menuName{background-position:-140px -320px; } #gnb ul li#mm10:hover span.menuName, #gnb ul li#mm10.live span.menuName{background-position:-140px -360px; } #gnb ul li#mm11:hover span.menuName, #gnb ul li#mm11.live span.menuName{background-position:-140px -400px; } #gnb ul li#mm12:hover span.menuName, #gnb ul li#mm12.live span.menuName{background-position:-140px -440px; } #gnb ul li#mm13:hover span.menuName, #gnb ul li#mm13.live span.menuName{background-position:-140px -480px; } #gnb ul li#mm14:hover span.menuName, #gnb ul li#mm14.live span.menuName{background-position:-140px -520px; } #gnb ul li#mm15:hover span.menuName, #gnb ul li#mm15.live span.menuName{background-position:-140px -560px; } #gnb ul li#mm16:hover span.menuName, #gnb ul li#mm16.live span.menuName{background-position:-140px -600px; } #gnb ul li#mm1.on span.menuName {background-position:-140px 0; } #gnb ul li#mm2.on span.menuName {background-position:-140px -40px; } #gnb ul li#mm3.on span.menuName {background-position:-140px -80px; } #gnb ul li#mm4.on span.menuName {background-position:-140px -120px; } #gnb ul li#mm5.on span.menuName {background-position:-140px -160px; } #gnb ul li#mm6.on span.menuName {background-position:-140px -200px; } #gnb ul li#mm7.on span.menuName {background-position:-140px -240px; } #gnb ul li#mm8.on span.menuName {background-position:-140px -280px; } #gnb ul li#mm9.on span.menuName {background-position:-140px -320px; } #gnb ul li#mm10.on span.menuName {background-position:-140px -360px; } #gnb ul li#mm11.on span.menuName {background-position:-140px -400px; } #gnb ul li#mm12.on span.menuName {background-position:-140px -440px; } #gnb ul li#mm13.on span.menuName {background-position:-140px -480px; } #gnb ul li#mm14.on span.menuName {background-position:-140px -520px; } #gnb ul li#mm15.on span.menuName {background-position:-140px -560px; } #gnb ul li#mm16.on span.menuName {background-position:-140px -600px; } #gnb ul li > dl { position:absolute; width:130px; background-color:#012060;top:100%;left:50%; margin-left:-65px;z-index:999; display:none;} #gnb ul li > dl dd { position:relative; display:block;} #gnb ul li > dl dd a { display:block; text-align:center;font-size:14px; font-weight:bold;padding:0 10px;line-height:40px; color:#fff;} #gnb ul li > dl dd a:hover, #gnb ul li > dl dd.on a { background-color:transparent;border-color:transparent; color:transparent; } .btn_area { display:none;} #contentFrame { padding-top:10px; } .la { float:left ; width:560px; } .ra { float:right ; width:570px; } .ra .tb_common { width:568px; } #footer{ clear:both; position:relative; width:100%; text-align:center; padding:15px 0; font-size:11px; font-family:"Verdana"; color:#919599; } .messenger_icon * {box-sizing:border-box;} .messenger_icon::after {content:'';display:block;clear:both;} .messenger_icon, .messenger_icon ul, .messenger_icon ul li {display:block;list-style:none;margin:0;padding:0;} .messenger_icon ul {margin:0 0px;} .messenger_icon ul li {position:relative;padding:0 0px;margin-top:3px;float:left;width:50%;} .messenger_icon ul li a {display:block;position:relative;float:left;width:100%;background-repeat:no-repeat;background-position:52% 0px;background-size:65% auto;font-size:19px;font-weight:900;color:#000; font-family:'arial',"Arial", Sans-serif;} .messenger_icon ul li a::before {display:block;padding-top:52%;content:attr(data-title);font-size:13px;font-weight:bold;letter-spacing:-0.5px;text-align:center;} .messenger_icon ul li.kakao a::before {color:#381e1f;} .messenger_icon ul li.telegram a::before {color:#fff;} .messenger_icon ul li a strong {display:block;text-align:center;padding-top:2px;padding-bottom:5px;} .messenger_icon ul li img {width:100%;height:auto; opacity:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;-o-opacity:0;filter:alpth(opacity=0);display:none;} .messenger_icon ul li.kakao a {background-image:url("/images/messenger_icon_kakao.svg?ver=191129_1419");background-color:#fae100;background-size:62px;} .messenger_icon ul li.telegram a {background-image:url("/images/messenger_icon_telegram.svg?ver=191129_1419");background-color:#23a7dc;color:#fff;background-size:62px;} #loginFrame .messenger_icon {border-radius:10px; background-image: -webkit-linear-gradient(0deg,#333333 0,#151515 100%); background-image: -o-linear-gradient(0deg,#333333 0,#151515 100%); background-image: -webkit-gradient(linear,left top,left bottom,from(#151515),to(#151515)); background-image: linear-gradient(0deg,#333333 0,#151515 100%); } #loginFrame .messenger_icon {padding:8px;display:inline-block;width:320px} #loginFrame .messenger_icon::before {content:attr(data-title);display:block;color:#fff; padding:5px 0 0 0;margin:0 0 -15px 0;font-size:18px;line-height:1;text-align:center;font-weight:900;} #loginFrame .messenger_icon ul li {margin-top:0px;} #loginFrame .messenger_icon ul li a {background:none;} #loginFrame .messenger_icon ul li a::after {position:absolute;width:45px;top:27.5px;content:attr(data-title);font-size:6pt;font-weight:bold;text-align:center;letter-spacing:-0.5px;z-index:2;} #loginFrame .messenger_icon ul li.kakao a::after {color:#381e1f;left:0px;} #loginFrame .messenger_icon ul li.telegram a::after {color:#fff;right:0px;} #loginFrame .messenger_icon ul li a::before {float:left;width:45px;height:45px;background-repeat:no-repeat;background-position:50% 10%;background-size:auto 75%;content:'';border-radius:5px;padding:0;} #loginFrame .messenger_icon ul li.kakao a::before {background-image:url("/images/messenger_icon_kakao.svg?ver=191129_1419");background-color:#fae100;margin-right:10px;} #loginFrame .messenger_icon ul li.telegram a::before {float:right;background-image:url("/images/messenger_icon_telegram.svg?ver=191129_1419");background-color:#23a7dc;margin-left:10px;} #loginFrame .messenger_icon ul li a strong {font-size:20px;text-align:left;padding:0;line-height:20px;padding-top:20px;color:#fff;} #loginFrame .messenger_icon ul li.kakao a strong {text-align:left;padding-left:50px;} #loginFrame .messenger_icon ul li.telegram a strong {text-align:right;padding-right:50px;} /*#loginFrame .messenger_icon ul li a strong::before {content:'@';margin-right:3px;font-weight:normal;font-size:18px;} #loginFrame .messenger_icon ul li.kakao a strong::before {color:#fae100} #loginFrame .messenger_icon ul li.telegram a strong::before {color:#23a7dc}*/