@charset "utf-8";
/* ----------
css
---------- */


/* layout | 퍼블리셔 */
body, table, th, td, input,
textarea, button, select {
	font-family:"나눔고딕", NanumGothic, "WebNanumGothic", "맑은 고딕", Malgun Gothic, "돋움", Dotum, Tahoma, Verdana, Calibri, Arial,SimSun;
	font-size:13px;
	color:#666;
}
body { background-color:#fff; min-width:1200px;}
#wrap{width:100%; min-width:1200px;}
.area{width:1200px; margin:0px auto; *zoom:1;}
.area:after{clear:both; display:block; content:"";}
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;}
.clearfix:after{clear:both; display:block; content:"";}


/* HEADER
------------------------------------------------------ */
#header { background-color:#fff; height:169px;}
#headerInner {position:relative; height:114px;}
#headerInner .logo{ top:28px; position:absolute; left:50%; margin-left:-598px; z-index:9999 }
#headerInner .util{position:absolute; top:43px; right:0; /*overflow:hidden;*/}
#headerInner .util > li{float:left; margin-left:26px;}
#headerInner .util > li.point{width:145px; height:35px; position:relative;}
#headerInner .util > li:first-child{margin-left:0;}
#headerInner .util > li > select{width:143px; height:33px; border:1px solid #bcbcbc; padding-left:10px; font-size:13px; color:#828282; -webkit-appearance:none; -moz-appearance:none; appearance:none;/* 네이티브 외형 감추기 */ background:url(/images/layout/language_btn.jpg) no-repeat 120px center; /* 화살표 모양의 이미지 */ }
#headerInner .util > li > select > option > a{font-size:13px; color:#828282;padding:5px 0;}
#headerInner select.language-choice::-ms-expand { display: none;}

#familySiteBox{position:absolute; top:0; left:0; z-index:9999; }
#familySiteBox a.family-open-btn{display:block; width:133px; height:33px; line-height:33px; padding-left:10px; border:1px solid #bcbcbc; background:#fff url(/images/layout/language_btn.jpg) no-repeat 120px center;; font-size:13px; color:#828282;}
#familySiteBox ul{display:none; position:absolute; top:35px; width:123px; border:1px solid #bcbcbc; border-top:0; background-color:#fff; padding:10px; z-index:999;}
#familySiteBox ul li{margin-top:10px;}
#familySiteBox ul li:first-child{margin-top:0;}
#familySiteBox ul li a{font-size:12px;}

/* gnb */
nav#gnb{width:100%; background:url(/kr/images/layout/gnb_bg.gif) repeat-x left top; height:55px; position:absolute; top:114px; left:0px; z-index:999;background-color:#1b479d; z-index:999;}
nav#gnb > ul{width:1200px; height:55px; margin:0px auto;}
nav#gnb > ul > li{float:left; width:239px; height:100%; text-align:center; border-right:1px solid #607fbb;}
nav#gnb > ul > li:first-child{width:238px; border-left:1px solid #607fbb;}
nav#gnb > ul > li > a{display:block; font-size:18px; height:55px; font-weight:600; line-height:55px; overflow:hidden; color:#fff;}
nav#gnb > ul > li.gnb1 a{background-position:0px 0px}
nav#gnb > ul > li:hover,nav#gnb > ul > li.on{background-color:#123373;}
nav#gnb > ul > li:hover a,nav#gnb > ul > li.on a{color:#fff;}
nav#gnb > ul > li .gnb-2dep{display:none; width:100%; height:172px; border-right:1px dotted #a1acbe; margin-bottom:2px; text-align:center; padding-top:18px;}
nav#gnb > ul > li:first-child .gnb-2dep{width:238px; border-left:1px dotted #a1acbe; margin-left:-1px;}
nav#gnb > ul > li .gnb-2dep li{width:100%; height:36px;}
nav#gnb > ul > li .gnb-2dep li a{color:#848ea0; font-size:14px; line-height:36px;font-weight:600;}
nav#gnb > ul > li .gnb-2dep li a:hover,nav#gnb > ul > li .gnb-2dep li a:focus{color:#4177e1; font-weight:600; }
nav#gnb > ul > li.on .gnb-2dep,nav#gnb > ul > li:hover .gnb-2dep{background-color:#112a5b;}



/* FOOTER
------------------------------------------------------ */
#footer{width:100%; }
#footerInner{position:relative; width:100%;}
/* footerTop */
#footerTop{width:100%; height:65px; background:#f8f8f8 url(/images/layout/footer_top_bg02.jpg) repeat-y; overflow:hidden; border-top:1px solid #ebebeb;}
#footerTop > div{height:100%;}
#footerTop .partner-box{position:relative; width:740px; height:64px; overflow:hidden;}
#footerTop ul{overflow:hidden; position:absolute; top:0; left:20%; height:57px; padding-top:7px;}
#footerTop ul li{display:inline-block; text-align:center; vertical-align:middle; width:150px;}
#footerTop ul li > a{display:block; width:100%; height:100%;}
/*
#footerTop ul li.list01 > a{background:url(/images/layout/footer_top_off_logo_01.jpg) no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
#footerTop ul li.list02 > a{background:url(/images/layout/footer_top_off_logo_02.jpg) no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
#footerTop ul li.list03 > a{background:url(/images/layout/footer_top_off_logo_03.jpg) no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
#footerTop ul li.list01:hover > a{background:url(/images/layout/footer_top_logo_01.jpg) no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
#footerTop ul li.list02:hover > a{background:url(/images/layout/footer_top_logo_02.jpg) no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
#footerTop ul li.list03:hover > a{background:url(/images/layout/footer_top_logo_03.jpg) no-repeat; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; transition:all 0.5s ease;}
*/
#footerTop p.tel{width:340px; height:52px; background:#435478 url(/images/layout/footer_top_bg.jpg) no-repeat left center; padding-left:80px; font-size:20px; color:#fff; letter-spacing:-0.6px; padding-top:13px;}
#footerTop p.tel > img{margin-right:15px;}
#footerTop p.tel > strong{font-weight:bold; font-size:30px; display:inline-block;line-height:35px;}

/* footMenu */
#footerBottom{width:100%; background:#2f3442; padding-bottom:30px;}
#footerBottom ul{overflow:hidden;}
#footerBottom ul > li{float:left; height:30px; line-height:30px; }
#footerBottom ul > li:first-child{padding-left:0; background:none;}
#footerBottom ul > li a{color:#a4abba; font-size:15px; letter-spacing:-0.25px;}
#footerBottom ul > li.point a{color:#5f88b8; font-weight:600;}
#footerBottom ul > li.bar{color:#a4abba; margin:0 14px;}
#footerBottom{padding-top:20px;}
#footerInner .foot-logo{float:left; margin-right:30px;}
/* 주소 */
#footerInner .foot-address{text-align:left; font-size:13px; font-weight:600; line-height:33px; color:#798092;}
#footerInner .foot-address a{color:#798092;}
/* 탑버튼 */
#footerInner .to-top{/*position:absolute;*/ position:fixed; left:50%; /*top:0px;*/ bottom:250px; margin-left:632px; display:inline-block; width:30px; height:47px; background:url(/images/layout/btn_top.png) no-repeat;}

/* MAIN LAYOUT
------------------------------------------------------ */
#container { overflow:hidden; }

/* main */
#mainContainer {width:100%; background-color:#fff; overflow:hidden;}

/* -------- 비주얼 -------- */
/* #mainVisual { width:100%; height:425px; overflow:hidden; position:relative;} */
#mainVisual .visual-btn { width:100%; position:absolute; left:0; bottom:15px; text-align:center; z-index:999;}
#mainVisual .visual-btn span {cursor:pointer; display:inline-block; width:10px; height:10px; margin-left:10px; border:1px solid #fff; -webkit-border-radius:11px; -moz-border-radius:11px; -o-border-radius:11px; border-radius:11px;}
#mainVisual .visual-btn span.on{background-color:#fff;}
#mainVisual .visual-img { height:425px; position:absolute; left:0px; top:0; overflow:hidden; }
#mainVisual .visual-img li { /*float:left;*/ position:absolute; top:0; left:0; height:425px; }
#mainVisual .visual-img li div{position:relative;}
#mainVisual .visual-img li div .visual-emblem{position:absolute; top:12px; left:0; z-index:9;}
#mainVisual .visual-img li p.visual-txt1{position:absolute; top:100px; left:220px;}
#mainVisual .visual-img li p.visual-txt2{position:absolute; top:210px; left:0px;}
#mainVisual .visual-img li p.visual-txt3{position:absolute; top:210px; left:0px;}
#mainVisual .visual-img li span{color:#fff; font-size:20px; line-height:22px;}
#mainVisual .prev-btn { display:block; width:25px; height:116px; position:absolute; left:0; top:161px; z-index:99; }
#mainVisual .next-btn { display:block; width:25px; height:116px; position:absolute; right:0; top:161px; z-index:99; }

/* -------- 메인 컨텐츠 -------- */
#mainContent {width:100%;}
/* -------- mainProduct -------- */
#mainProduct{height:504px;}
#mainProduct .product-list{width:100%; height:100%; overflow:hidden;}
.product-list li{float:left; width:273px; height:100%; border-left:1px dotted #9c9c9c; padding:0 13px;}
.product-list li:first-child{border-left:0;}
.product-list li > h3{display:block; width:100%; height:21px; overflow:hidden; margin:55px 0 33px 0;}
.product-list li > h3 > a{display:block; font-size:20px; font-weight:600; color:#0b6c77; }
.product-list li > img{border:1px solid #e2e2e2;}
.product-list li > p{font-size:14px; line-height:24px; color:#656565; letter-spacing:-0.5px; word-break:keep-all; margin-top:30px;}

/* 영문 */
#mainProduct .product-list-eng{width:100%; height:100%; overflow:hidden;}
.product-list-eng li{float:left; width:273px; height:100%; border-left:1px dotted #9c9c9c; padding:0 13px;}
.product-list-eng li:first-child{border-left:0;}
.product-list-eng li > h3{display:block; width:100%; height:21px; overflow:hidden; margin:55px 0 33px 0;}
.product-list-eng li > h3 > a{display:block; font-size:20px; font-weight:600; color:#0b6c77; }
.product-list-eng li > img{border:1px solid #e2e2e2;}
.product-list-eng li > p{font-size:14px; line-height:24px; color:#656565; word-break:keep-all; margin-top:30px;}

/* 중문 */
#mainProduct .product-list-chi{width:100%; height:100%; overflow:hidden;}
.product-list-chi li{float:left; width:273px; height:100%; border-left:1px dotted #9c9c9c; padding:0 13px;}
.product-list-chi li:first-child{border-left:0;}
.product-list-chi li > h3{display:block; width:100%; height:21px; overflow:hidden; margin:55px 0 33px 0;}
.product-list-chi li > h3 > a{display:block; font-size:20px; font-weight:500; color:#0b6c77; }
.product-list-chi li > img{border:1px solid #e2e2e2;}
.product-list-chi li > p{font-size:14px; line-height:24px; color:#656565; word-break:keep-all; margin-top:30px;}

/* -------- mainBoard -------- */
#mainBoard{width:100%; height:211px; overflow:hidden; background:url(/images/main/main_board_bg01.jpg) repeat-y center top;}
#mainBoard > div.area{height:100%; overflow:hidden;}
/* mainNotice */
#mainNotice{width:613px; height:168px; background:#cbced8 url(/images/main/main_board_bg02.jpg) no-repeat right top; padding-top:43px; padding-right:108px;}
#mainNotice > h3{display:inline-block; font-size:20px; padding-top:12px; color:#922; font-weight:600; position:relative;}
#mainNotice > h3 > span.bar{position:absolute; top:0; left:0; display:inline-block; width:27px; height:2px; background:#2b4780;}
#mainNotice > .notice-list{width:522px; overflow:hidden;}
.notice-list dl{width:100%; overflow:hidden;}
.notice-list dl dt, .notice-list dl dd{float:left;}
.notice-list dl dt{width:185px; height:121px; margin-right:20px;}
.notice-list dl dt > img{border:1px solid #d9d9d9;}
.notice-list dl dd{width:314px;}
.notice-list dl dd h4{font-size:18px; line-height:25px; font-weight:600; color:#922; width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:12px;}
.notice-list dl dd p{font-size:13px; line-height:21px; color:#555; letter-spacing:-0.3px; margin-bottom:16px;}
.notice-list dl dd span{display:block; font-size:13px; line-height:21px; color:#757a8f; letter-spacing:-0.3px;}
.notice-list dl dd span > img{margin-right:10px;}
/* mainMember */
#mainMember{width:479px; height:168px; background:#f5f5f5; padding-top:43px;}
#mainMember > h3{display:inline-block; font-size:20px; padding-top:12px; color:#4b4b4b; font-weight:600; position:relative; margin-bottom:25px; left:65px;}
#mainMember > h3 > span.bar{position:absolute; top:0; left:0; display:inline-block; width:27px; height:2px; background:#2b4780;}
#mainMember > .member-list{width:429px; height:60px; position:relative; margin-left:7px; overflow:hidden;}
.member-list a.member-prev-btn{position:absolute; top:16px; left:0;}
.member-list a.member-next-btn{position:absolute; top:16px; right:0;}
.member-list .member-box{position:absolute; top:0; left:12px; width:405px; height:60px; overflow:hidden;}
.member-list ul{position:absolute; top:0; /*left:50%;*/ left:0; height:60px;}
.member-list ul li{float:left; width:80px; height:60px; text-align:center; margin-left:37px;}
/* -------- 국문 mainQuick -------- */
#mainQuick{width:100%; height:388px; background:url(/images/main/main_quick_bg.jpg) no-repeat center top; border-top:1px solid #fff;}
#mainQuick .quick-list{height:100%; overflow:hidden; position:relative;}
#mainQuick .quick-list li{position:absolute; width:237px; height:204px;}
#mainQuick .quick-list li > a{display:block; width:100%; height:100%;}
#mainQuick .quick-list li.top{top:71px;}
#mainQuick .quick-list li.bottom{top:139px;}
#mainQuick .quick-list li.list01{left:20px;}
#mainQuick .quick-list li.list02{left:251px;}
#mainQuick .quick-list li.list03{left:50%; margin-left:-118px;}
#mainQuick .quick-list li.list04{left:50%; margin-left:113px;}
#mainQuick .quick-list li.list05{right:24px;}
#mainQuick .quick-list li.list01 > a{background:url(/images/main/main_quick_list01.png) no-repeat;}
#mainQuick .quick-list li.list02 > a{background:url(/images/main/main_quick_list02.png) no-repeat;}
#mainQuick .quick-list li.list03 > a{background:url(/images/main/main_quick_list03.png) no-repeat;}
#mainQuick .quick-list li.list04 > a{background:url(/images/main/main_quick_list04.png) no-repeat;}
#mainQuick .quick-list li.list05 > a{background:url(/images/main/main_quick_list05.png) no-repeat;}

/* -------- 영문 mainQuick -------- */
#mainQuick{width:100%; height:388px; background:url(/images/main/main_quick_bg.jpg) no-repeat center top; border-top:1px solid #fff;}
#mainQuick .quick-list-eng{height:100%; overflow:hidden; position:relative;}
#mainQuick .quick-list-eng li{position:absolute; width:237px; height:204px;}
#mainQuick .quick-list-eng li > a{display:block; width:100%; height:100%;}
#mainQuick .quick-list-eng li.top{top:71px;}
#mainQuick .quick-list-eng li.bottom{top:139px;}
#mainQuick .quick-list-eng li.list01{left:20px;}
#mainQuick .quick-list-eng li.list02{left:251px;}
#mainQuick .quick-list-eng li.list03{left:50%; margin-left:-118px;}
#mainQuick .quick-list-eng li.list04{left:50%; margin-left:113px;}
#mainQuick .quick-list-eng li.list05{right:24px;}
#mainQuick .quick-list-eng li.list01 > a{background:url(/eng/images/main/main_quick_list01.png) no-repeat;}
#mainQuick .quick-list-eng li.list02 > a{background:url(/eng/images/main/main_quick_list02.png) no-repeat;}
#mainQuick .quick-list-eng li.list03 > a{background:url(/eng/images/main/main_quick_list03.png) no-repeat;}
#mainQuick .quick-list-eng li.list04 > a{background:url(/eng/images/main/main_quick_list04.png) no-repeat;}
#mainQuick .quick-list-eng li.list05 > a{background:url(/eng/images/main/main_quick_list05.png) no-repeat;}

/* -------- 중문 mainQuick -------- */
#mainQuick{width:100%; height:388px; background:url(/images/main/main_quick_bg.jpg) no-repeat center top; border-top:1px solid #fff;}
#mainQuick .quick-list-chi{height:100%; overflow:hidden; position:relative;}
#mainQuick .quick-list-chi li{position:absolute; width:237px; height:204px;}
#mainQuick .quick-list-chi li > a{display:block; width:100%; height:100%;}
#mainQuick .quick-list-chi li.top{top:71px;}
#mainQuick .quick-list-chi li.bottom{top:139px;}
#mainQuick .quick-list-chi li.list01{left:20px;}
#mainQuick .quick-list-chi li.list02{left:251px;}
#mainQuick .quick-list-chi li.list03{left:50%; margin-left:-118px;}
#mainQuick .quick-list-chi li.list04{left:50%; margin-left:113px;}
#mainQuick .quick-list-chi li.list05{right:24px;}
#mainQuick .quick-list-chi li.list01 > a{background:url(/chi/images/main/main_quick_list01.png) no-repeat;}
#mainQuick .quick-list-chi li.list02 > a{background:url(/chi/images/main/main_quick_list02.png) no-repeat;}
#mainQuick .quick-list-chi li.list03 > a{background:url(/chi/images/main/main_quick_list03.png) no-repeat;}
#mainQuick .quick-list-chi li.list04 > a{background:url(/chi/images/main/main_quick_list04.png) no-repeat;}
#mainQuick .quick-list-chi li.list05 > a{background:url(/chi/images/main/main_quick_list05.png) no-repeat;}


/* ------------------------ Sub ------------------------------ */
#container {width:100%; background-color:#fff; overflow:hidden; }
/* --- visual --- */
#visual {width:100%; height:129px; background:#363636 url(/images/common/sub_visual_img.jpg) no-repeat center top;}
#visual > article.area{overflow:hidden; height:129px;}
#visual .visual-txt{float:right; display:inline-block; width:222px; height:100%; padding-left:21px;}
.visual-txt > p{font-size:14px; line-height:32px; color:#1b479d; margin-top:15px;}
.visual-txt > h2{font-size:23px; line-height:32px; font-weight:600; color:#363636; letter-spacing:-1px;}
.visual-txt > span{font-size:14px; line-height:27px; color:#7f7f7f; letter-spacing:-1px;}
#pageLocation{width:100%; height:41px; border-bottom:1px solid #dfdfdf;}
#pageLocation > ul{overflow:hidden; height:100%;}
#pageLocation > ul > li{float:left; border-left:1px solid #dfdfdf; width:162px; height:100%; display:block; line-height:41px; padding-left:19px; background:url(/images/common/page_location_icon.jpg) no-repeat 162px center; font-size:14px; color:#404040;}
#pageLocation > ul > li.home{width:41px; background:url(/images/common/home_icon.jpg) no-repeat center center;}
#pageLocation > ul > li:last-child{border-right:1px solid #dfdfdf; background:none; color:#001894;}
/* --- content --- */
#middleArea {margin-top:42px;min-height:900px; overflow:hidden; background:url(/images/common/side_bar_bg.jpg) repeat-y left top;}
/* sidebar */
#sidebar {width:182px; min-height:900px; float:left; padding:0 31px; background:url(/images/layout/side_bar_bg.png) no-repeat right top;}
#sidebar .sidebar-tit{font-size:22px; color:#000; font-weight:600; margin:35px 0 17px 0; letter-spacing:-2.3px;}
#sidebar .underline{display:block; width:100%; height:3px; background-color:#000; margin-bottom:8px;}
#sidebar .snb > li{width:100%; display:block; border-bottom:1px solid #d9d9d9;}
#sidebar .snb > li > a{display:block; line-height:43px; font-size:14px; line-height:43px; color:#383d40;background:url(/images/layout/side_menu_off_btn.png) no-repeat right center;}
#sidebar .snb > li:hover > a, #sidebar .snb > li.active > a,  #sidebar .snb > li.on > a{font-weight:600; color:#002994;}
#sidebar .snb > li.active > a{background:url(/images/layout/side_menu_on_btn.png) no-repeat right center;}
#sidebar .snb > li > .gnb-3dep{display:none; border-top:1px solid #d9d9d9;padding:10px 0;}
#sidebar .snb > li > .gnb-3dep > li{line-height:28px; width:100%; display:block;}
#sidebar .snb > li > .gnb-3dep > li > a{display:inline-block; padding-left:18px; font-size:13px; line-height:30px; color:#404040; background:url(/images/layout/side_li_off_bg.jpg) no-repeat 9px center;}
#sidebar .snb > li:hover > .gnb-3dep > li:hover > a, #sidebar .snb > li.active > .gnb-3dep > li.on > a{background:url(/images/layout/side_li_on_bg.jpg) no-repeat 9px center; color:#3560ce;}

/* 국,영문 */
#content {width:914px;min-height:900px; float:right; padding-bottom:50px;}
#content .sub-page-tit{display:block; width:100%; padding:48px 0 49px 0;}
.sub-page-tit > h2{font-size:28px; font-weight:600; color:#000; margin-bottom:13px;}
.sub-page-tit > p{font-size:13px; color:#727272; letter-spacing:-0.5px;}
.sub-page-tit > p > span{color:#4164b1;}

/* 중문 */
#content .sub-page-tit2{display:block; width:100%; padding:48px 0 49px 0;}
.sub-page-tit2 > h2{font-size:28px; font-weight:500; color:#000; margin-bottom:13px;}
.sub-page-tit2 > p{font-size:13px; color:#727272; letter-spacing:-0.5px;}
.sub-page-tit2 > p > span{color:#4164b1;}



/* content상단 */
#contentInfo {margin-bottom:40px; overflow:hidden; }
#contentInfo .content-tit{font-size:30px; padding:12px 0 27px; font-weight:600; color:#222; background:url(/kr/images/common/content_tit_bg.gif) no-repeat}
#contentInfo #location{overflow:hidden; height:15px; line-height:15px;}
#contentInfo #location li{float:left; padding-left:22px; background:url(/images/common/location_arrow.gif) no-repeat 11px center; color:#949494; font-size:12px;}
#contentInfo #location li:first-child{padding-left:0; background:none;}
#contentInfo #location li img{vertical-align:top;}
#contentInfo #location li.cur{color:#6a910b; font-weight:600;}

/* MODAL LAYER
------------------------------------------------------ */

/* 사이트맵 */
#siteMapInner {width:100%;margin:35px 30px}
#siteMapInner ul {overflow:hidden;vertical-align:top;}
#siteMapInner>ul>li {font-size:15px;font-weight:600;display:inline-block;width:160px;vertical-align:top}
#siteMapInner>ul>li> a {display:block;margin-bottom:10px;padding:0;color:#0064a1}
#siteMapInner .gnb-2dep {width:85%;text-align:left;border-top:1px solid #0064a1;margin:0;font-weight:normal;font-size:13px;line-height:30px;padding:5px 0 5px 10px}
#siteMapInner .modal-tit{text-align:center;}

/* ### 모달 CSS ### */
#modal,#modalBg{display:none; width:100%; height:100%; position:fixed; top:0px; left:0px; z-index:9999;}
#modalBg{background-color:#000; opacity:0.7;filter:Alpha(opacity=70); cursor:pointer;}
.modal-con{display:none; background-color:#fff; position:fixed; top:50%; left:50%; z-index:9999; min-height:500px;}
.modal-inner{min-height:450px}
.modal-tit{font-size:24px; font-weight:600; color:#000; margin:50px 0 15px 20px;}
.modal-close{color:#fff; font-weight:600; font-size:20px; position:absolute; top:-40px; right:0px; z-index:9999}



/* ************************
	2022-04-12 MJ 메인비주얼 이미지 삭제 및 영상추가
************************* */
#mainVisual{overflow:hidden; width:100%; height:720px; position:relative; border-bottom:solid 20px #1b479d;}	/* 비주얼높이값 이미지에맞게 수정 */

/* 메인 비주얼 영상영역 */
#mainVisual .background-video-wrapper{position:relative; overflow:hidden; height:100%; width:100%; background-color:#000;}
#mainVisual .background-video{position:absolute; top:0; left:0px; width:100%; height:100%}
#mainVisual .background-video iframe{
	width: 100vw; min-width:1920px;
	height: 56.25vw; min-height:1080px; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	/* min-height: calc(100vh + 300px); */
	/* min-width: 177.77vh; */ /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	pointer-events:none;
	opacity:0;filter:Alpha(opacity=0); 
	transition: opacity 3s 0.2s;
}
#mainVisual .background-video.start iframe{opacity:0.8;filter:Alpha(opacity=80);}

/* ************************
	2022-05-26 MJ 메인페이지 멤버 로고 추가
************************* */
#mainNotice{padding-right:88px;}
#mainMember{width:499px;}
#mainMember > .member-list{margin-left:0; width:100%; height:80px;}
.member-list .member-box{left:0; width:100%; height:80px;}
.member-list ul{display: flex; align-items:center; height:auto;}

/* .member-list ul li{width:62px; margin-left:20px; height:auto;}
.member-list ul li img{width:62px;} */

.member-list ul li{width:auto; margin-left:13px; height:auto;}
.member-list ul li:first-child{width:62px; margin-left:0px;}
.member-list ul li:nth-child(2){width:62px;} 
.member-list ul li:nth-child(3){width:78px;} 
.member-list ul li:nth-child(4){width:75px;} 
.member-list ul li:nth-child(5){width:78px;} 
.member-list ul li:nth-child(6){width:78px;}