/* A A A : A : A : A : */ #background_map_v3 { width : 100%; height : auto; text-align : center; position : relative; margin-top : clamp(20px, 10%, 190px); } #background_map_v3 h1 { display : none; } #background_map_v3 .detail_box { width : 80%; height : auto; text-align : center; max-width : 475px; background : #0b9fd5b3; padding : 15px 12px 15px; position : absolute; bottom : 0; left : 10%; z-index : 1; transition : 0.6s; opacity : 1; padding : clamp(20px,2vw,30px); } #background_map_v3 .detail_box:hover { background : #0b9fd3; box-shadow : 0px 0px 10px #333; } #background_map_v3 .detail_box .detail_box_top { width : 100%; height : auto; display : flex; flex-direction : column; align-items : center; justify-content : center;} #background_map_v3 .detail_box .detail_box_top .detail_box_logo { width : 100%; height : auto; } #background_map_v3 .detail_box .detail_box_top .detail_box_logo img.ko_logo { width : 100%; height : auto; max-width : 170px; } #background_map_v3 .detail_box .detail_box_top .detail_box_logo img.en_logo { width : 100%; height : auto; max-width : 70px; } #background_map_v3 .detail_box .detail_box_top .detail_box_line { width : 90%; height : 5px; margin : 19px 0 7px 0px; display : inline-block; background : rgba(255,255,255,0.5); } #background_map_v3 .detail_box .detail_box_top .tabBtnWrap { width : 80%; height : auto; display : flex; align-items : center; justify-content : space-between; max-width : 400px; margin : 10px 0; } #background_map_v3 .detail_box .detail_box_top .tabBtnWrap .tabBtn { line-height : 1em; padding : 0.4em 0.8em; color : #ffffff90; border : 1px solid transparent; cursor : pointer; font-size : 1.15em; font-weight : 300; transition : .2s; border : 1px solid #ffffff90; white-space : nowrap;} #background_map_v3 .detail_box .detail_box_top .tabBtnWrap .tabBtn:hover { border : 1px solid #fff; transition : .2s; color : #fff; } #background_map_v3 .detail_box .detail_box_top .tabBtnWrap .tabBtn.on { background : #fff; color : #000; pointer-events : none;} #background_map_v3 .detail_box .detail_box_top .detail_box_adress { font-size : 20px; color : #fff; font-weight : 400; word-break : keep-all; width : 90%; margin : 0 auto; } #background_map_v3 .detail_box .detail_box_mid { width : 100%; height : auto; margin : 0.5em 0; } #background_map_v3 .detail_box .detail_box_mid .detail_call_p { width : 100%; height : auto; font-size : calc(20px + 0.5vw);color : #fff; font-weight : 500; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call { width : 100%; height : auto; text-align : center; padding : clamp(10px,2vw,20px) 0; display : inline-block; background : rgba(255,255,255,0.15); margin-top : 5px; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap { width : auto; height : auto; display : none; max-width : 85%;} #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap.on { display : inline-block;} #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_box_timeInfo { width : 100%; height : auto; font-size : clamp(14px,1.5vw,18px); color : #fff000; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_box_time { width : 100%; height : auto; font-size : clamp(16px,1.5vw,18px); color : #fff; display : flex; justify-content : flex-start; align-items : center; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_box_time:nth-child(2n) { margin : clamp(5px,2vw,10px) 0;} #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_box_time p { word-break : keep-all; font-size : 1.05em; font-weight : 300; text-align : left;} #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_box_time span { font-size : calc(18px + 0.2vw); color : #fdd000;} #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_box_time img { width : clamp(30px,2vw,40px); height : auto; margin-right : clamp(7px,1vw,12px);} /* #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_call_p { width : 100%; font-size : 20px; color : #fff; margin : 4% 0; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_call_p img { width : 100%; height : auto; max-width : 30px; vertical-align : text-top; }*/ #background_map_v3 .detail_box .detail_box_bot { width : 100%; height : auto; text-align : center; } #background_map_v3 .detail_box .detail_box_bot .detail_box_btn { width : 46%; height : auto; margin-top : 3%; display : inline-block; border : 1px solid #ffffff90; position : relative; overflow : hidden; } #background_map_v3 .detail_box .detail_box_bot .detail_box_btn::before { content : ""; width : 100%; height : 100%; display : block; position : absolute; tpp : 0; left : -100%; background : #fff; z-index : 2; transition : .6s; } #background_map_v3 .detail_box .detail_box_bot .detail_box_btn:hover::before { left : 0; } #background_map_v3 .detail_box .detail_box_bot .detail_box_btn a { width : 100%; height : auto; display : inline-block; font-size : 17px; color : #fff; padding : 3.5% 0; position : relative; z-index : 4; transition : .7s; } #background_map_v3 .detail_box .detail_box_bot .detail_box_btn a:hover { color : #003f98; background : #fff; } #background_map_v3 .map { width : 100%; height : 370px; margin-top :20px; display : none;} #background_map_v3 .map.on { display : block;} #background_map_v3 .gm-style-iw-chr { height : 15px;} @media (max-width:1024px) { /* ******************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #background_map_v3 { margin-top : 60px; } #background_map_v3 .detail_box .detail_box_top .tabBtnWrap { width : 90%;} #background_map_v3 .detail_box { max-width : 380px; left : 3%; background : #0b9fd3;} #background_map_v3 .detail_box .detail_box_top .detail_box_logo img.ko_logo { max-width : 120px; } #background_map_v3 .detail_box .detail_box_top .detail_box_logo img.en_logo { width : 100%; height : auto; max-width : 55px; } #background_map_v3 .detail_box .detail_box_top .detail_box_adress { font-size : 17px; } #background_map_v3 .map { height : 360px; } #background_map_v3 .detail_box .detail_box_top .detail_box_line { width : 100%; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap { max-width : 95%;} } @media (max-width:640px) { /* ******************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #background_map_v3 { margin-top : 30px; padding-top : 0px; padding : 0 2%; } #background_map_v3 .detail_box { width : 100%; max-width : none; position : static; display : inline-block; padding : 25px 10px; background : #0b9fd3; } #background_map_v3 .detail_box .detail_box_top .detail_box_adress { font-size : 15px; } #background_map_v3 .detail_box .detail_box_top .detail_box_logo img.ko_logo { width : 80%; max-width : 120px; } #background_map_v3 .detail_box .detail_box_top .detail_box_logo img.en_logo { width : 100%; height : auto; max-width : 60px; } #background_map_v3 .detail_box .detail_box_top .detail_box_line { margin : 10px 0px 5px 0px; } #background_map_v3 .detail_box .detail_box_mid { margin : 10px 0; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call { padding : 13px 0px 10px; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_call_p { font-size : 15px; margin : 1px 0px; } #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_call_p img { margin-top : -4px; } #background_map_v3 .detail_box .detail_box_bot .detail_box_btn a { font-size : 15px; color : #004099; background : #fff; } #background_map_v3 .detail_box .detail_box_top .tabBtnWrap { width : 90%; justify-content : center;} #background_map_v3 .detail_box .detail_box_top .tabBtnWrap .tabBtn { font-size : 15px;} #background_map_v3 .detail_box .detail_box_top .tabBtnWrap .tabBtn:nth-child(2) { margin : 0 1em;} #background_map_v3 .detail_box .detail_box_mid .detail_box_call .detail_box_call_wrap .detail_box_time p { font-size : 1em; } #background_map_v3 .map { display : none; } #background_map_v3 .map.on { display : none;} }