/* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .Main_Background_Fixed_V2_Wrap { width : 100%; height : auto; margin : clamp(40px,4vw,50px) auto; text-align : left; position : relative; display : inline-block; overflow : hidden; } .Main_Background_Fixed_V2_Wrap h2 { font-size : 0; line-height : 0; display : none; } .Main_Background_Fixed_V2_Wrap img.Main_Background_Fixed_V2_Top { margin : 0px 0px; width : 43%; height : auto; margin-left : 10%; } .Main_Background_Fixed_V2_Background { width : 100%; height : auto; margin : 0 auto; text-align : center; padding-top : 25%; display : inline-block; overflow : hidden; margin-bottom : 2.8%; background-image : url(../../../Image/Main_Background_Fixed_V2.jpg); background-repeat : no-repeat; background-position : center center; background-size : cover; background-attachment : fixed; } /* A A A : A : A : A : */ .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground { width : 60%; height : 100%; position : absolute; right : 0; top : 0; text-align : right; display : inline-flex; justify-content : flex-end; align-items : center; background-image : url(../../../Image/Fixed_CoverBackground_V2.png); background-repeat : no-repeat; background-position : center center; background-size : 100% 100%; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents { width : 75%; height : auto; display : inline-block; text-align : center; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript { width : 100%; height : auto; display : inline-block; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript img { width : 63%; height : auto; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript .bgmorestyle { width : auto; height : auto; max-width : 250px; padding : 5px 15px; color : #fff; display : inline-block; border : 2px solid #fff; opacity : 1; font-size : calc(13px + 0.2vw); font-weight : 600; margin : 2% 1% 0 1%; line-height : 1.5; transition : all ease-in-out .4s; -o-transition : all ease-in-out .4s; -ms-transition : all ease-in-out .4s; -moz-transition : all ease-in-out .4s; -webkit-transition : all ease-in-out .4s; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript .bgmorestyle:hover { background-color : #fff; color : #980000; transition : all ease-in-out .4s; -o-transition : all ease-in-out .4s; -ms-transition : all ease-in-out .4s; -moz-transition : all ease-in-out .4s; -webkit-transition : all ease-in-out .4s; } @media (min-width:641px) and (max-width:1024px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .Main_Background_Fixed_V2_Wrap { width : 100%; height : auto; text-align : left; position : relative; display : inline-block; overflow : hidden; } .Main_Background_Fixed_V2_Wrap img.Main_Background_Fixed_V2_Top { margin : 0px 0px; width : 53%; height : auto; margin-left : 3%; } .Main_Background_Fixed_V2_Background { margin-bottom : 3%; padding-top : 40%; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript img { width : 80%; height : auto; max-width : 450px; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript .bgmorestyle { padding : 6px 20px; font-size : 13px; margin-top : 10px; margin-bottom : 0px; line-height : 1.5; transition : all ease-in-out .4s; -o-transition : all ease-in-out .4s; -ms-transition : all ease-in-out .4s; -moz-transition : all ease-in-out .4s; -webkit-transition : all ease-in-out .4s; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript .bgmorestyle:hover { background-color : #fff; color : #980000; transition : all ease-in-out .4s; -o-transition : all ease-in-out .4s; -ms-transition : all ease-in-out .4s; -moz-transition : all ease-in-out .4s; -webkit-transition : all ease-in-out .4s; } } @media (max-width:640px) { /* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ /* A A A : A : A : A : */ .Main_Background_Fixed_V2_Wrap { margin : 7vw 0; text-align : center; } .Main_Background_Fixed_V2_Wrap img.Main_Background_Fixed_V2_Top { margin : 0px 0px; width : 95%; margin-left : 0; padding : 3% 0; } .Main_Background_Fixed_V2_Background { width : 100%; height : auto; margin : 0 auto; text-align : center; padding-top : calc(80% + 92px); display : inline-block; overflow : hidden; position : relative; background-image : url(../../../Image/Main_Background_Fixed_V2.jpg); background-repeat : no-repeat; background-position : center center; background-size : cover; background-attachment : fixed; } .Main_Background_Fixed_V2_Background .MobileBackground { width : 100%; height : 100%; display : inline-block; position : absolute; left : 0; top : 0; background-color : rgba(0,0,0,0.5); } /* A A A : A : A : A : */ .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground { width : 100%; background : none; top : unset; bottom : 0; height : 90%; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents { width : 100%; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript { padding : 25% 0; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript img { width : 90%; height : auto; max-width : 450px; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript .bgmorestyle { padding : 0.7% 5%; color : #fff; display : inline-block; border : 2px solid #fff; opacity : 1; font-size : calc(11px + 0.7vw); font-weight : 400; margin-top : 25px; margin-bottom : 0px; line-height : 1.5; transition : all ease-in-out .4s; -o-transition : all ease-in-out .4s; -ms-transition : all ease-in-out .4s; -moz-transition : all ease-in-out .4s; -webkit-transition : all ease-in-out .4s; } .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript .bgmorestyle.margin { margin-top : 3%;} .Main_Background_Fixed_V2_Wrap .Fixed_CoverBackground .Fixed_Contents .Fixed_Contents_Descript .bgmorestyle:hover { background-color : #fff; color : #980000; transition : all ease-in-out .4s; -o-transition : all ease-in-out .4s; -ms-transition : all ease-in-out .4s; -moz-transition : all ease-in-out .4s; -webkit-transition : all ease-in-out .4s; }