/* ******************************************************************************************************************************************************** */ /* */ /* */ /* fancybox-certification */ /* */ /* */ /* ******************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .certification_fancybox { width : 100%; height : auto; display : inline-block; text-align : center; } .certification_fancybox .Wrap { width : 100%; height : auto; max-width : 1000px; display : inline-block; text-align : center; padding : 30px 20px 60px 20; } .certification_fancybox .Wrap .fancybox_top { width : 100%; height : auto; } .certification_fancybox .Wrap a { width : 25%; padding : 0; display : inline-block; float : left; margin : 20px 0; transform : scale(1.0); transition : all ease-in-out .3s; -o-transform : scale(1.0); -o-transition : all ease-in-out .3s; -ms-transform : scale(1.0); -ms-transition : all ease-in-out .3s; -moz-transform : scale(1.0); -moz-transition : all ease-in-out .3s; -webkit-transform : scale(1.0); -webkit-transition : all ease-in-out .3s; } .certification_fancybox .Wrap a:hover { transform : scale(1.15); transition : all ease-in-out .5s; -o-transform : scale(1.15); -o-transition : all ease-in-out .5s; -ms-transform : scale(1.15); -ms-transition : all ease-in-out .5s; -moz-transform : scale(1.15); -moz-transition : all ease-in-out .5s; -webkit-transform : scale(1.15); -webkit-transition : all ease-in-out .5s; } .certification_fancybox .Wrap a img { width : 100%; height : auto; } @media (min-width:641px) and (max-width:1024px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ } @media (max-width:640px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .certification_fancybox .Wrap .fancybox_top { width : 150%; margin-left : -25%; } .certification_fancybox .Wrap a { width : 48%; padding : 0% 2%; display : inline-block; float : left; margin : 10px 1%; transform : scale(1.0); transition : all ease-in-out .3s; -o-transform : scale(1.0); -o-transition : all ease-in-out .3s; -ms-transform : scale(1.0); -ms-transition : all ease-in-out .3s; -moz-transform : scale(1.0); -moz-transition : all ease-in-out .3s; -webkit-transform : scale(1.0); -webkit-transition : all ease-in-out .3s; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell { background-color : rgba(21,86,122,0); 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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell .division5A_BottomToTop_ContentsImg { width : 90%; height : auto; padding : 10px; font-size : 15px; color : #fff; font-weight : 400; display : inline-block; background-color : rgba(0,0,0,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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell .division5A_BottomToTop_ContentsBottom { width : 100%; height : 80px; display : block; opacity : 1; margin-top : 20px; 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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell .division5A_BottomToTop_ContentsBottom a { width : 89%; height : auto; font-size : 15px; display : inline-block; padding : 5px 30px; border : 1px solid #fff; 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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell .division5A_BottomToTop_ContentsBottom a { background-color : #fff; color : #000; 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; } /* hover Event */ .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell:hover { background-color : rgba(0,0,0,0.4); 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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell:hover .division5A_BottomToTop_ContentsImg { width : 90%; height : auto; padding : 10px; font-size : 15px; color : #fff; font-weight : 400; display : inline-block; background-color : rgba(0,0,0,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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell:hover .division5A_BottomToTop_ContentsBottom { width : 100%; height : 80px; display : block; opacity : 1; margin-top : 20px; 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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell:hover .division5A_BottomToTop_ContentsBottom a { width : 89%; height : auto; font-size : 15px; color : #000; display : inline-block; padding : 5px 30px; border : 1px solid #980000; 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; } .division5A_BottomToTop .division5A_BottomToTop_Wrap .division5A_BottomToTop_Contents .division5A_BottomToTop_ContentsTable .division5A_BottomToTop_ContentsTablecell .division5A_BottomToTop_ContentsBottom a:hover { background-color : #980000; color : #fff; 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; } }