/* **************************************************************************************************************************************************** */ /* */ /* */ /* Footer */ /* */ /* */ /* **************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #CenterBasic { width : 100%; height : auto; position : relative; background : #414449; padding : 30px 0 40px 0; text-align : center; display : inline-block; } #CenterBasic #divFooter { max-width : 1600px; display : inline-block; position : relative; width : 100%; height : auto; } #CenterBasic #divFooter .person_info { width : 100%; height : auto; display : inline-block; text-align : center; margin-bottom : 25px; } #CenterBasic #divFooter .person_info a { font-size : 16px; color : #e5e5e5; font-weight : 300; } #CenterBasic #divFooter .person_info a:hover { color : yellow; } #CenterBasic #divFooter .FooterLogo { width : 100%; height : auto; text-align : center; display : inline-block; margin-top : 0px; } #CenterBasic #divFooter .FooterLogo a { width : 100%; max-width : 250px; height : auto; display : inline-block; } #CenterBasic #divFooter .FooterLogo a img { width : 100%; height : auto; margin-top : 0px; } #CenterBasic #divFooter .FooterContents { width : 100%; height : auto; display : inline-block; text-align : center; } #CenterBasic #divFooter .FooterContents .Copyright { width : 100%; height : auto; display : inline-block; text-align : center; margin-top : 20px; } #CenterBasic #divFooter .FooterContents .Copyright .Strongtext { font-size : 20px; font-weight : 500; color : #fff; padding : 0; line-height : 23px; padding-left : 0px; letter-spacing : 0.02em; line-height : 2em; } #CenterBasic #divFooter .FooterContents .Copyright .Nomaltext { font-size : 16px; font-weight : 300; color : #999; padding : 0; padding-left : 0px; letter-spacing : 0.02em; line-height : 1.6em; } #CenterBasic #divFooter .FooterContents .Copyright address { font-size : 16px; font-weight : 300; color : #BDBDBD; padding : 0; padding-left : 0px; letter-spacing : 0.02em; line-height : 1.6em; } .footer_admin ,.footer_logout { font-size : 16px; margin : 10px 1%; border : 1px solid #ccc; padding : 3px 10px; display : inline-block; background-color : #000; color : #fff; } .footer_admin:hover ,.footer_logout:hover { color : yellow; font-weight : 500; } .jerydesign { position : absolute; right : 3%; bottom : 0px; display : inline-block; opacity : 0.4; transition : all .6s ease-in-out; -o-transition : all .6s ease-in-out; -ms-transition : all .6s ease-in-out; -moz-transition : all .6s ease-in-out; -webkit-transition : all .6s ease-in-out; } .jerydesign .jerydesign_first { font-size : 12px; color : #fff; font-weight : 300; margin-top : 4px; display : inline-block; float : left; line-height : 1.5em; } .jerydesign .jerydesign_second { font-spacing : 0.2em; color : yellow; font-size : 15px; font-weight : 500; display : inline-block; float : left; line-height : 1.5em; } #Smooth { position : fixed; bottom : 30px; right : calc(10% - 50px); width : 50px; height : 50px; background : #000; opacity : 0.5; border-radius : 30px; color : #fff; text-align : center; font-size : 26px; z-index : 999999999; border : 0; animation-name : smoothButton; animation-duration: 3s; animation-iteration-count: infinite; animation-timing-function: linear; } #Smooth:hover { opacity : 1; } #Smooth i.fa { margin-top : 11px; } @keyframes smoothButton { 0% { bottom:30px;} 50% { bottom:35px;} 100% { bottom:30px;} } /* ******************************************************************************************************************************************************************************** */ /* */ /* */ /* person_info */ /* */ /* */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .popupWrap_personInfo ,.popupWrap_emailInfo { display : none; cursor : move; text-align : center; width : 70%; height : auto; margin-left : 15%; margin-top : 85px; position : fixed; left : 0; top : 0; z-index : 999999999; } .popupWrap_personInfo .MovePopupWrap ,.popupWrap_emailInfo .MovePopupWrap { overflow : auto; background-color : rgba(255,255,255,0.85); text-align : left; padding : 10px 2%; width : 100%; height : 550px; display : inline-block; } .popupWrap_personInfo .MovePopupWrap .popup_title ,.popupWrap_emailInfo .MovePopupWrap .popup_title { width : 100%; height : auto; display : inline-block; padding : 15px 0px; text-align : center; background-color : #000; margin-bottom : 15px; } .popupWrap_personInfo .MovePopupWrap .popup_title p ,.popupWrap_emailInfo .MovePopupWrap .popup_title p { font-size : 20px; font-weight : 500; color : #fff; } .popupWrap_personInfo .MovePopupWrap .popup_contents ,.popupWrap_emailInfo .MovePopupWrap .popup_contents { overflow : visible; width : 100%; height : auto; display : inline-block; } .popupWrap_personInfo .MovePopupWrap .popup_contents p ,.popupWrap_emailInfo .MovePopupWrap .popup_contents p { font-size : 14px; } .popupWrap_personInfo #popup_close_personInfo ,.popupWrap_emailInfo #popup_close_emailInfo { width : 150px; height : auto; padding : 10px 5px; font-size : 15px; } .familiySite { width:100%; height:auto; display: inline-block; text-align : center; margin-top : 30px;} .familiySite select.footerSelect { -webkit-appearance: none; /* 네이티브 외형 감추기 */ -moz-appearance : none; appearance : none; background-color : rgba(0,0,0,0); height:auto; text-align:center; padding: 5px 30px; border: 1px solid #666; font-family: inherit; border-radius: 0px; color:#fff; font-size:15px; /* 마지막 선택 요소 가운데 정렬 */ text-align: center; text-align-last: center; -moz-text-align-last: center; } .familiySite select.footerSelect:hover { background-color:#353535; } .familiySite select.footerSelect:focus { background-color:#353535; outline: none; } .familiySite select.footerSelect option.Selectbanner { color : #999; font-size : 13px; } .familiySite select.footerSelect option.Selectspace { font-size : 0.2rem; } .familiySite select.footerSelect::-ms-expand { display : none; } .familiySite select.footerSelect * { background-color : #353535; } @media (min-width: 641px) and (max-width:1024px) { .jerydesign { bottom : -30px; transition : all .6s ease-in-out; -o-transition : all .6s ease-in-out; -ms-transition : all .6s ease-in-out; -moz-transition : all .6s ease-in-out; -webkit-transition : all .6s ease-in-out; } } @media (min-width: 0px) and (max-width:640px) { /* **************************************************************************************************************************************************** */ /* */ /* */ /* Footer */ /* */ /* */ /* **************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #CenterBasic { padding-top : 0; } #CenterBasic #divFooter .FooterLogo a { max-width : 135px; } #Division2x1_Tel .Division2x1_TelWrap .RightWrap { border-bottom : 0; } #CenterBasic #divFooter .FooterContents .Copyright .Nomaltext { font-size : 12px; width : 100%; display : inline-block; } #CenterBasic #divFooter .FooterContents .Copyright a.Nomaltext { margin-top : 10px; } #CenterBasic #divFooter .person_info a { width : 50%; height : auto; display : inline-block; float : left; background-color : #333; color : #ccc; padding : 8px 0px; font-size : 13px; letter-spacing: -0.03em; } #CenterBasic #divFooter .person_info a:first-child { border-right : 2px solid #000; } #CenterBasic #divFooter .FooterContents .Copyright address { font-size : 15px; } .popupWrap_personInfo .MovePopupWrap ,.popupWrap_emailInfo .MovePopupWrap { height : 380px; } .jerydesign { bottom : -30px; transition : all .6s ease-in-out; -o-transition : all .6s ease-in-out; -ms-transition : all .6s ease-in-out; -moz-transition : all .6s ease-in-out; -webkit-transition : all .6s ease-in-out; } #Smooth { position : fixed; bottom : 20px; right : 5px; width : 40px; height : 40px; background : #000; opacity : 0.5; border-radius : 30px; color : #fff; text-align : center; font-size : 22px; z-index : 999999999; border : 0; } #Smooth i.fa { margin-top : 7px; } }