/* ******************************************************************************************************************************************************** */ /* */ /* */ /* Menu (상단 로고, 하단 메뉴) - Menu_TopLogo */ /* */ /* */ /* ******************************************************************************************************************************************************** */ /* A A A : A : A : A : */ /* .divIndexHeadBG { position : absolute; width : 100%; height : 217px; opacity : 1; left : 0; top : 0; display : inline-block; background-image:url('../../../Image/Logo_Background.jpg'); background-repeat:no-repeat; background-position:center center; background-size:100% auto; background-color: #fff; } */ #HeaderTitle { position : absolute; width : 100%; height : auto; top : 0; left : 0; z-index : 99999; display : inline-block; text-align : center; } #HeaderTitle #divLayer { display : inline-block; width : 100%; text-align : center; margin : 0 auto; padding-bottom : 17px; padding-left : 0px; position : relative; background-color: #fff; } #HeaderTitle #divLayer .divHeaderMenu { width : 100%; height : auto; margin : 0 auto; text-align : center; position : relative; background-color: #40301f; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap { width : 100%; height : auto; max-width : 1400px; display : inline-block; text-align : right; padding : 5px 0px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.customer_ico { float : left; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.customer_ico:hover { color : #fff; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.home_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.login_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.logout_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.join_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.modify_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.admin_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.bookmark_ico { float : right; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.admin_ico { background-color : #000; margin-left : 10px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a { padding : 2px 10px; font-size : 14px; color : #fff; line-height : 22px; font-weight : 400; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a img { width : 26px; padding-right : 5px; padding-top : 2px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a:hover { color : #FFE400 } #HeaderTitle #divLayer .maintopLogo { width : 100%; height : auto; max-width : 1200px; text-align : center; display : inline-block; margin-top : 17px; } #HeaderTitle #divLayer .maintopLogo a { width : 100%; height : auto; max-width : 210px; display : inline-block; } #HeaderTitle #divLayer .maintopLogo a img { width : 100%; height : auto; transition : all 1s; -o-transition : all 1s; -ms-transition : all 1s; -moz-transition : all 1s; -webkit-transition : all 1s; } #HeaderTitle #divLayer .maintopLogo a img:hover { transform-origin : center center; transform : scale(1.1); -o-transform-origin : center center; -o-transform : scale(1.1); -ms-transform-origin : center center; -ms-transform : scale(1.1); -moz-transform-origin : center center; -moz-transform : scale(1.1); -webkit-transform-origin : center center; -webkit-transform : scale(1.1); } /* 모바일 메뉴 */ .mobile_MENU { display : none; } .mobileMenuMsk { display : none; } .mobile_Close img { width:10px;height:10px;} .panel-default { display : none; } #HeaderTitle #navMenu { width : 100%; height : 40px; position : fixed; top : 141px; text-align : center; background-color: #696057; opacity : 1; padding-top : 0px; margin : 0; line-height : 0; box-shadow : 0px 0px 5px #999;} #HeaderTitle #navMenu .navMenu_HeadTitleWrap { width : 100%; height : auto; display : inline-block; max-width : 1350px; padding-left : 0.5%; } #HeaderTitle #navMenu .navMenu_HeadTitleWrap .navMenu_HeadLi { width : 20%; height : auto; float : left; } #HeaderTitle #navMenu .navMenu_HeadTitleWrap .navMenu_HeadLi .navMenu_HeadTitle { width : 100%; height : auto; text-align : center; display : inline-block; padding : 7px 0px; font-size : 16px; font-weight : 400; color : #fff; letter-spacing : -0.01em; } #HeaderTitle #navMenu .navMenu_HeadTitleWrap .navMenu_HeadLi .navMenu_HeadTitle:hover { color : #fff000; } #HeaderTitle #navMenu .navMenuMain { width : 100%; height : 0px; overflow : hidden; z-index : 99999; margin-top : 2px; opacity : 0; padding : 3px 0; box-shadow : 0px 2px 2px #ddd; background-color : rgba(255,255,255,0.8); transition : all ease-in-out .5s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } #HeaderTitle #navMenu:hover .navMenuMain { height : 211px; opacity : 1; z-index : 99999; transition : all ease-in-out .5s; -o-transition : all ease-in-out .5s; -ms-transition : all ease-in-out .5s; -moz-transition : all ease-in-out .5s; -webkit-transition : all ease-in-out .5s; } #HeaderTitle #navMenu .navMenuMain .divMenu { width : 100%; height : auto; margin : 0px auto; max-width : 1350px; margin-top : 10px; padding-left : 0.5%; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd { width : 20%; height : auto; float : left; display : inline-block; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul { width : 100%; height : auto; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li { width : 100%; height : auto; text-align : center; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li a { font-weight : 400; line-height : 27px; display : block; font-size : 15px; color : #696057 ; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li a:hover { font-weight : 450; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li .mnu3nd { height : auto; width:50%; text-align:left; opacity : 0.3; z-index : 9999999; overflow:hidden; margin-left:50%; /* 하위 메뉴 색상. 하위 메뉴 테두리 설정. */ background-color : #fff; border-left:3px solid #A6A6A6; color : #000000; display : block; border-radius : 2px; transition : .8s; -o-transition : .8s; -ms-transition : .8s; -moz-transition : .8s; -webkit-transition : .8s; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li:hover .sub2-1height { opacity : 1; transition : .8s; -o-transition : .8s; -ms-transition : .8s; -moz-transition : .8s; -webkit-transition : .8s; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li:hover .sub4-4height { opacity : 1; transition : .8s; -o-transition : .8s; -ms-transition : .8s; -moz-transition : .8s; -webkit-transition : .8s; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li .mnu3nd li { text-align:left;} .RotateWrap { display : none; } .RotateBg { background-image:url('./rotate/Rotate_Bg.png'); background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:auto; display:inline-block; position:relative;} .mobile_Logo { display : none; } .mobileMenuWrap { display : none; } @media (min-width:641px) and (max-width:1024px) { #HeaderTitle { height : auto; } #HeaderTitle #divLayer { padding-bottom : 17px; background : #e5e5e5; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a { padding : 3px 5px; font-size : 12px; color : #fff; line-height : 22px; font-weight : 400; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a img { width : 27px; padding-right : 5px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.customer_ico { margin-left : 45px; } #HeaderTitle #divLayer .maintopLogo { position : relative; width : 100%; max-width : 250px; margin-top : 17px; } #HeaderTitle #divLayer .maintopLogo a { max-width : 165px; } #HeaderTitle #divLayer .divHeaderMenu { margin : 0 auto; text-align : right; } #HeaderTitle #navMenu .navMenu_HeadTitleWrap .navMenu_HeadLi .navMenu_HeadTitle { font-size : 15px; font-weight : 500; color : #fff; letter-spacing : -0.01em; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li .mnu3nd { height : auto; width:80%; text-align:left; opacity : 0.3; z-index : 9999999; overflow:hidden; margin-left:20%; /* 하위 메뉴 색상. 하위 메뉴 테두리 설정. */ background-color : #fff; border-left:3px solid #A6A6A6; color : #000000; display : block; border-radius : 2px; transition : .8s; -o-transition : .8s; -ms-transition : .8s; -moz-transition : .8s; -webkit-transition : .8s; } #HeaderTitle #navMenu .navMenuMain .divMenu .mnu2nd ul li a { font-size : 13px; } #HeaderTitle #navMenu { display : none; } /* 모바일 메뉴 */ .panel-default { display : inline-block; } .mobile_MENU { position : fixed; left : 10px; top : 10px; width : 36px; height : 34px; display : inline-block; cursor : pointer; z-index : 99999999999; overflow : hidden; text-align : center; line-height : 0; background-color : #000; text-align : center; padding-top : 3px; opacity : 0.7; } .mobile_MENU .menu_Bar { width : 31px; height : 3px; display : inline-block; left : 10px; top : 10px; position : fixed; padding : 0; margin-left : 2px;} .menu_BarTop { background-color : #fff; margin-top : 5px; opacity : 0.6 } .menu_BarMiddle { background-color : #fff; margin-top : 15px; } .menu_BarBottom { background-color : #fff; margin-top : 25px; opacity : 0.6 } .mobileMenuMsk { width : 100%; height : 0%; line-height : 36px; background : #000; color : #000; text-align : center; border : none; font-size : 15px; position : fixed; opacity : 1; left : 0; top : 0; font-weight : 700; display : inline-block; z-index : 99999999; overflow : hidden; } .mobileMenuMsk .mobileMenu_mainTitle_Warp { width : 100%; height : auto; text-align : center; display : inline-block; position : relative; margin-top : 15px; } .mobileMenuMsk .mobileMenu_mainTitle_Warp p { font-size : 24px; font-weight : 600; color : yellow; } .mobileMenuMsk .mobileMenu_Open { width : 94%; height : auto; margin-top : 15px; box-shadow : 2px 2px 4px #747474; text-align : center; background-color : #fff; overflow : hidden; border-radius : 5px; position:relative; top : 0; left : 0; overflow-y:auto; overflow-x:hidden; z-index : 9999; display : inline-block; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain { width : 96%; height : auto; display : inline-block; margin : 2% 2% 2% 2%; text-align : center; padding : 0 !important; } .zl-scrollBarBox { display : none !important; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap { width : 100%; height : auto; display : inline-block; text-align : center; overflow : hidden; background-color: #fff; position : relative; line-height : 0; } /* 모바일메뉴 내용 */ .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Title_Warp { width : 95%; height : 40px; border-bottom : 1px dotted #8c8c8c; display : inline-block; text-align : left; padding-top : 9px; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Title { font-size : 16px; color : #4374D9; font-weight : 400; padding-top : 5px; padding-left : 0px; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript_Warp { width : 95%; height : auto; display : inline-block; text-align : left; padding-top : 4px; padding-bottom : 4px; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript { font-size : 13px; color : #8C8C8C; font-weight : 300; padding-top : 1px; padding-bottom : 1px; padding-left : 5px; width : 50%; height : auto; display : inline-block; float : left; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript_2nd { font-size : 14px; color : #5D5D5D; font-weight : 400; text-align : center; padding-top : 3px; padding-bottom : 1px; padding-left : 5px; width : 100%; height : auto; display : inline-block; float : left; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript_3nd { font-size : 13px; color : #8C8C8C; font-weight : 300; padding-top : 1px; padding-bottom : 1px; padding-left : 5px; width : 50%; height : auto; display : inline-block; float : left; } .mobileMenu_Hovertext:hover { color : red !important;} .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Close { position : fixed; left : -50px; top : 10px; width : 0px; height : 0px; background-color: #fff; display : inline-block; cursor : pointer; z-index : 99999999999; overflow : hidden; } /* 모바일 메뉴 */ .mobileMenu { width : 100%; height : auto; } .menu_BarTop { background-color : #fff; margin-top : 5px; opacity : 0.6 } .menu_BarMiddle { background-color : #fff; margin-top : 15px; } .menu_BarBottom { background-color : #fff; margin-top : 25px; opacity : 0.6 } .mobileMenuWrap { display : block; } /* 메뉴 클릭시 나타나는 메뉴 css */ .Mcontainer { padding : 0px; margin : 0; text-align : left; } .mobilemenuX { width : 25px; height : 25px; font-size : 33px; margin-left : 15px; display : inline-block; margin-top : 15px; } .mobilemenuX img:hover { transform : rotate(360deg); -o-transform : rotate(360deg); -ms-transform : rotate(360deg); -moz-transform : rotate(360deg); -weblot-transform : rotate(360deg); transition : transform .5s; -o-transition : transform .5s; -ms-transition : transform .5s; -moz-transition : transform .5s; -webkit-transition : transform .5s; } .mobilemenuX img { width : 100%; height : auto; transition : transform .5s; -o-transition : transform .5s; -ms-transition : transform .5s; -moz-transition : transform .5s; -webkit-transition : transform .5s; } .mobile_tabul { margin-top : 10px; padding-inline-start : 40px; } .mobile_tab { width : 95%; display : inline-block; height : auto; padding : 0 !important; box-shadow : 0px 0px 2px #ccc; margin : 3px 0px; background-color: #f7f7f7; padding : 5px 0px; } .mobile_tab:first-child { margin-top : 0px; } .mobile_tab:last-child { margin-bottom : 10px; } .mobile_tab a { width : 100%; display : inline-block; height : auto; padding : 10px; font-size : 13px; font-weight : 400; } .mobile_tab:hover { background-color : #4693D0; color : #fff; } .mobile_tab:hover a { color : #fff; } .mobileMenu_Close { cursor : pointer; width : 80px; height : 40px; background-color : #4693D0; color : #fff; font-size : 15px; font-weight : 400; border : 0; box-shadow : 0px 0px 5px #747474; margin-bottom : 10px; } .asidemenuWrap li a:hover { color : #777; font-weight : 400; } .container { padding : 0 !important; margin : 0 !important; } .backgroundRed ,.panel-group .panel-heading a:hover { background-color : #4693D0 !important; color : #fff !important; font-weight : 600 !important; } .panel-group .panel-heading a { padding : 9px 15px !important; width : 100%; height : auto; display : inline-block; } .panel .panel-heading { padding : 0 !important; } .panel-default { width : 90%; margin : 4px 0px !important; margin-left : 5% !important; box-shadow : 2px 2px 2px #EAEAEA !important; } } @media (max-width:640px) { /* .divIndexHeadBG { position : absolute; width : 100%; height : 155px; opacity : 1; left : 0; top : 0; display : inline-block; background-image:url('../../../Image/Logo_Background.jpg'); background-repeat:no-repeat; background-position:center center; background-size:100% auto; display : none; } */ #HeaderTitle { position : relative; width : 100%; height : auto; top : 0; left : 0px; z-index : 999; display : inline-block; text-align : center; background-color : #fff; line-height : 0; background : none; } #HeaderTitle #divLayer { padding-bottom : 0; } #HeaderTitle #divLayer .maintopLogo { display : none; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap { text-align : center; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.home_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.login_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.logout_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.join_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.modify_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.admin_ico ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.bookmark_ico { float : none; margin-top : 10px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.home_ico img ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.login_ico img ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.logout_ico img ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.join_ico img ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.modify_ico img ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.admin_ico img ,#HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.bookmark_ico img { margin-top : 0px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.customer_ico { display : none; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.customer_ico img { width : 25px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.admin_ico { background-color : none; margin-left : 0px; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a.home_ico { display : none; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a { padding : 7px 4px; font-size : 11px; color : #fff; line-height : 22px; font-weight : 300; } #HeaderTitle #divLayer .divHeaderMenu .divHeaderMenu_Wrap a img { width : 20px; padding-right : 3px; } #HeaderTitle #navMenu { display : none; } .mnu3nd { position : relative; left : 20%; } /* 모바일 메뉴 */ .panel-default { display : inline-block; } .mobile_MENU { position : fixed; left : 5px; top : 5px; width : 36px; height : 34px; display : inline-block; cursor : pointer; z-index : 99999999999; overflow : hidden; text-align : center; line-height : 0; background-color : #000; text-align : center; padding-top : 3px; opacity : 0.7; } .mobile_MENU .menu_Bar { width : 31px; height : 3px; display : inline-block; left : 5px; top : 5px; position : fixed; padding : 0; margin-left : 2px;} .menu_BarTop { background-color : #fff; margin-top : 5px; opacity : 0.6 } .menu_BarMiddle { background-color : #fff; margin-top : 15px; } .menu_BarBottom { background-color : #fff; margin-top : 25px; opacity : 0.6 } .mobileMenuMsk { width : 100%; height : 0%; line-height : 36px; background : #000; color : #000; text-align : center; border : none; font-size : 15px; position : fixed; opacity : 1; left : 0; top : 0; font-weight : 700; display : inline-block; z-index : 99999999; overflow : hidden; } .mobileMenuMsk .mobileMenu_mainTitle_Warp { width : 100%; height : auto; text-align : center; display : inline-block; position : relative; margin-top : 15px; } .mobileMenuMsk .mobileMenu_mainTitle_Warp p { font-size : 24px; font-weight : 600; color : yellow; } .mobileMenuMsk .mobileMenu_Open { width : 94%; height : auto; margin-top : 15px; box-shadow : 2px 2px 4px #747474; text-align : center; background-color : #fff; overflow : hidden; border-radius : 5px; position:relative; top : 0; left : 0; overflow-y:auto; overflow-x:hidden; z-index : 9999; display : inline-block; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain { width : 96%; height : auto; display : inline-block; margin : 2% 2% 2% 2%; text-align : center; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap { width : 100%; height : auto; display : inline-block; text-align : center; overflow : hidden; background-color: #fff; position : relative; line-height : 0; } /* 모바일메뉴 내용 */ .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Title_Warp { width : 95%; height : 40px; border-bottom : 1px dotted #8c8c8c; display : inline-block; text-align : left; padding-top : 9px; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Title { font-size : 16px; color : #4374D9; font-weight : 400; padding-top : 5px; padding-left : 0px; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript_Warp { width : 95%; height : auto; display : inline-block; text-align : left; padding-top : 4px; padding-bottom : 4px; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript { font-size : 13px; color : #8C8C8C; font-weight : 300; padding-top : 1px; padding-bottom : 1px; padding-left : 5px; width : 50%; height : auto; display : inline-block; float : left; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript_2nd { font-size : 14px; color : #5D5D5D; font-weight : 400; text-align : center; padding-top : 3px; padding-bottom : 1px; padding-left : 5px; width : 100%; height : auto; display : inline-block; float : left; } .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Descript_3nd { font-size : 13px; color : #8C8C8C; font-weight : 300; padding-top : 1px; padding-bottom : 1px; padding-left : 5px; width : 50%; height : auto; display : inline-block; float : left; } .mobileMenu_Hovertext:hover { color : red !important;} .mobileMenuMsk .mobileMenu_Open .mobileMenu_contain .mobileMenu_contain_Wrap .mobileMenu_Close { position : fixed; left : -50px; top : 10px; width : 0px; height : 0px; background-color: #fff; display : inline-block; cursor : pointer; z-index : 99999999999; overflow : hidden; } /* 모바일 로고 */ .mobile_Logo { width : 100%; height : auto; display : inline-block; text-align : center; position : relative; margin-bottom : 0px; font-size : 12px; line-height : 1.5; background : #e5e5e5; } .mobile_Logo a { width : 100%; height : auto; text-align : center; } .mobile_Logo a img { width : 100%; height : auto; max-width : 140px; margin : 15px 0px; } /* 모바일 메뉴 */ .mobileMenu { width : 100%; height : auto; } .menu_BarTop { background-color : #fff; margin-top : 5px; opacity : 0.6 } .menu_BarMiddle { background-color : #fff; margin-top : 15px; } .menu_BarBottom { background-color : #fff; margin-top : 25px; opacity : 0.6 } .mobileMenuWrap { display : block; } /* 메뉴 클릭시 나타나는 메뉴 css */ .Mcontainer { padding : 0px; margin : 0; text-align : left; } .mobilemenuX { width : 25px; height : 25px; font-size : 33px; margin-left : 15px; display : inline-block; margin-top : 15px; } .mobilemenuX img:hover { transform : rotate(360deg); -o-transform : rotate(360deg); -ms-transform : rotate(360deg); -moz-transform : rotate(360deg); -weblot-transform : rotate(360deg); transition : transform .5s; -o-transition : transform .5s; -ms-transition : transform .5s; -moz-transition : transform .5s; -webkit-transition : transform .5s; } .mobilemenuX img { width : 100%; height : auto; transition : transform .5s; -o-transition : transform .5s; -ms-transition : transform .5s; -moz-transition : transform .5s; -webkit-transition : transform .5s; } .mobile_tabul { margin-top : 10px; padding-inline-start : 40px; } .mobile_tab { width : 95%; display : inline-block; height : auto; padding : 0 !important; box-shadow : 0px 0px 2px #ccc; margin : 3px 0px; background-color: #f7f7f7; padding : 5px 0px; } .mobile_tab:first-child { margin-top : 0px; } .mobile_tab:last-child { margin-bottom : 10px; } .mobile_tab a { width : 100%; display : inline-block; height : auto; padding : 6px; font-size : 13px; font-weight : 400; } .mobile_tab:hover { background-color : #4693D0; color : #fff; } .mobile_tab:hover a { color : #fff; } .mobileMenu_Close { cursor : pointer; width : 80px; height : 40px; background-color : #4693D0; color : #fff; font-size : 15px; font-weight : 400; border : 0; box-shadow : 0px 0px 5px #747474; margin-bottom : 10px; } .asidemenuWrap li a:hover { color : #777; font-weight : 400; } .container { padding : 0 !important; margin : 0 !important; } .backgroundRed ,.panel-group .panel-heading a:hover { background-color : #4693D0 !important; color : #fff !important; font-weight : 600 !important; } .panel-group .panel-heading a { padding : 12px 15px !important; width : 100%; height : auto; display : inline-block; } .panel .panel-heading { padding : 0 !important; border-top : 1px dotted #fff; border-bottom : 1px dotted #fff; } .panel-default { width : 90%; margin : 4px 0px !important; margin-left : 5% !important; box-shadow : 2px 2px 2px #EAEAEA !important; } .RotateWrap { display : none !important; width:50px; height:80px; overflow:hidden; text-align:right; top:30px; right:0px; position:absolute; z-index:9999999; transition : all 1s; -o-transition : all 1s; -ms-transition : all 1s; -moz-transition : all 1s; -webkit-transition : all 1s; } .RotateBg { background-image:url('./rotate/Rotate_Bg.png'); background-repeat:no-repeat; background-position:center center; background-size:cover; width:100%; height:auto; display:inline-block; position:relative;} .RotateBg {-webkit-animation: tel_jery 5s infinite linear; animation: tel_jery 5s infinite linear } @-webkit-@keyframes tel_jery { 0% { -webkit-transform : rotateZ(0deg); -webkit-transform-origin : 50% 50%; } 100% { -webkit-transform : rotateZ(360deg); } } @keyframes tel_jery { 0% { transform : rotateZ(0deg); transform-origin : 50% 50%; } 100% { transform: rotateZ(360deg); } } }