@charset "utf-8"; /*@import url(//fonts.googleapis.com/earlyaccess/nanumgothic.css);*/ /*@import url(http://designtu.kr/font/notosans/google_notosanskr.css);*/ html { scroll-behavior: smooth; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event Write Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .Date_text { width : 250px; height : 27px; padding : 0 3px; line-height : 20px; font-size : 12px; color : #333; background : none; border : 1px solid #b7b7b7; border-right-color: #e1e1e1; border-bottom-color : #e1e1e1; display : inline-block; float : left; } .poster_period { font-size : 12px; color : #333; float : left; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event List Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .poster_performance { width : 100%; height : auto; display : inline-block; text-align : center; margin-top : 40px; min-height : 350px; } #fboardlist { width : 100%; } .poster_performance .poster_performance_listWrap { list-style : none; margin-bottom : 15px; padding : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list { width : calc(32.3% - 2px); display : inline-block; float : left; margin-bottom : 20px; margin-top : 0; min-height : auto; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n-1) { margin-left : 1.5%; margin-right : 1.5%; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+4) { margin-top : 10px; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+5) { margin-top : 10px; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+6) { margin-top : 10px; } /* .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(2n-1) { margin-right : 2%; } */ .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap { width : 100%; height : auto; display : block; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .notice { position : absolute; left : 10px; top : 10px; font-size : 15px; padding : 5px 15px; background-color : #000; color : #fff; z-index : 9; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnailWrap { position : relative; padding-top : 100%; overflow : hidden; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnailWrap img { position : absolute; width : 100%; height : auto; top : 0; left : 0; right : 0; bottom : 0; max-width : 100%; overflow : hidden; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail { position : relative; padding-top : 70%; overflow : hidden; width : 100%; text-align : center; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail img { position : absolute; top : 0; left : 0; right : 0; bottom : 0; max-width : 100%; height : auto; width : 100%; 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; } .poster_performance .poster_performance_listWrap .poster_performance_list:hover .List_ImageWrap .thumnail img { transform : scale(1.2); transition : all ease-in-out 1.4s; -o-transform : scale(1.2); -o-transition : all ease-in-out 1.4s; -ms-transform : scale(1.2); -ms-transition : all ease-in-out 1.4s; -moz-transform : scale(1.2); -moz-transition : all ease-in-out 1.4s; -webkit-transform : scale(1.2); -webkit-transition : all ease-in-out 1.4s; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap { width : calc(100% - 10px);height : auto; display : inline-block; padding : 10px 5px 20px 5px; position : relative; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap .view_date { margin : 6px 0px; padding : 0; display : block; text-align : right; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap .view_date span { font-size : 12px; color : #888; margin-right : 8px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap .view_date span i { font-size : 12px; color : #333; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap .view_date span.fz_gallery_user { float : left; } .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc span .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc span .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_etc .fz_gallery_etc_info{float:left;margin-right:8px;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a { width : 100%; height : auto; display : inline-block; text-align : left; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore { width : 100%; height : auto; display : inline-block; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.store { background-color : #333; color : #fff; padding : 3px 10px; margin : 0 10px 0 0; line-height : 3em; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.brand { color : #fff; padding : 3px 10px; margin : 0 10px 0 0; line-height : 3em; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.bomsowa { background-color : #ed9129; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.dauning { background-color : #98b81d; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.woodolens { background-color : #dfb633; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.hilker { background-color : #666666; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.illite { background-color : #009f40; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.pjwgallery { background-color : #e40064; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.etc_brand { background-color : rgba(0,104,181,1); } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a p { font-size : 17px; color : #4c4c4c; font-weight : 400; line-height : 1.5; margin-top : 5px; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; padding-top : 0px; } .poster_performance_admin_chk { position : absolute; left : 10px; top : 10px; width : 17px; height : 17px;} .poster_performance .poster_performance_listWrap .poster_performance_list .salepoint { position : absolute; left : 10px; top : 10px; text-align : center; padding : 10px; background-color : rgba(150,0,0,0.8); display : inline-block; opacity : 0.3; 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; } .poster_performance .poster_performance_listWrap .poster_performance_list:hover .salepoint { opacity : 1; transition : all ease-in-out 1.4s; -o-transition : all ease-in-out 1.4s; -ms-transition : all ease-in-out 1.4s; -moz-transition : all ease-in-out 1.4s; -webkit-transition : all ease-in-out 1.4s; } .poster_performance .poster_performance_listWrap .poster_performance_list .salepoint p { font-size : 20px; font-weight : 500; color : #fff000; } .poster_performance .poster_performance_listWrap .poster_performance_list .salepoint p.saleoff { font-size : 15px; line-height : 1em; font-weight : 300;} #gall_allchk { margin-top:10px; text-align : left; padding : 10px 0px 10px 10px; } #gall_allchk input { margin-top : 4px; width : 16px; height : 16px; } #gall_allchk label{margin:0;} /* ******************************************************************************************************************************************************************************** */ /* View Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .prev_next_Wrap { width : 100%; height : auto; position : relative; margin-top : clamp(30px, 8%, 80px);} .prev_next_Wrap .resizeWrap { width : 100%; height : auto; display : flex; flex-direction : column; } .prev_next_Wrap .resizeWrap .memuWrap { width : 100%; display : flex; align-items : center; margin : 2px 0; background-color : #f7f7f7; transition : 0.6s; padding : clamp(7px, 2%, 13px) 0; overflow : hidden; position : relative; } .prev_next_Wrap .resizeWrap .memuWrap:hover { background-color : #4374D9; transition : 0.6s; } .prev_next_Wrap .resizeWrap .memuWrap .symbol { width : clamp(20px, 10%, 30px); height : auto; padding : 0 5%; font-size : clamp(12px, 2vw, 16px); font-weight : 400; } .prev_next_Wrap .resizeWrap .memuWrap .text { width : clamp(40px, 20%, 130px); height : auto; padding : 0; font-size : clamp(12px, 2vw, 16px); font-weight : 400; } .prev_next_Wrap .resizeWrap .memuWrap .subject { width : clamp(calc(100% - 60px), 80%, calc(100% - 160px)); height : auto; padding : 0 5%; font-size : clamp(12px, 2vw, 16px); font-weight : 400; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; } .prev_next_Wrap .resizeWrap .memuWrap div { color : #333; transition : 0.6s;} .prev_next_Wrap .resizeWrap .memuWrap:hover div { color : #fff; transition : 0.6s;} .bottom_button_menu { width : 100%; position : relative; display : flex; justify-content : flex-end; } .bottom_button_menu.flex_center { justify-content : center; } .bottom_button_menu .list_button { width : clamp(30px, 25%, 100px); height : auto; font-size : clamp(11px, 2vw, 15px); padding : clamp(2px, 2%, 8px) clamp(2px, 5%, 10px); color : #fff; background-color : #999; display : flex; align-items : center; justify-content : space-evenly; margin : 0 clamp(1px, 0.5%, 3px); border : 0; position : relative; } .bottom_button_menu .list_button:hover { background-color : #9F0C3D; } .sch_word { font-size : calc(16px + 0.5vw); background-color : #fff; padding : 0; margin : 0; color : red; } /* ******************************************************************************************************************************************************************************** */ /* List Page Search */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ /* 검색 */ .poster_performance_schWrap { width : calc(100% - 4px); height : auto; display : inline-block; margin-bottom : 5px; text-align : center; padding : 0; } .poster_performance_schWrap #poster_performance_sch { float : right; } .poster_performance_schWrap #poster_performance_sch .select_box { height : 36px !important; } .poster_performance_schWrap #poster_performance_sch .select_box #sfl /* select의 width값이 span 값으로 */ { width : 120px; border : 1px solid #ddd; } .poster_performance_schWrap #poster_performance_sch form .poster_performance_TextWrap /* 검색입력하는 박스의 값 */ { width : 280px; height : 36px; border : 1px solid #ccc; background-color : #f6f7f9 !important; font-size : 12px; vertical-align : middle; padding : 0 5px; border-radius : 8px; } .poster_performance_schWrap #poster_performance_sch form .poster_performance_TextWrap:focus { border : 1px solid #c4748d !important; box-shadow : 0 0 5px #a5003460 !important; } .poster_performance_schWrap #poster_performance_sch .select_box ul { margin-top : 8px !important; border-radius : 8px; } .poster_performance_schWrap #poster_performance_sch .select_box ul li a { border-radius : 0; } .poster_performance_schWrap #poster_performance_sch .poster_performance_SubmitWrap { height : 36px; min-width : 80px; padding : 0 10px; font-size : 14px; color : #fff; line-height : 2.286; border-radius : 8px; background-color : #a50034; line-height : 1em; border : 1px solid #a50034; } .poster_performance_schWrap #poster_performance_sch .poster_performance_SubmitWrap:hover { background-color : #6c0022; border : 1px solid #6c0022; } /* SELECT BOX */ /* A A A : A : A : A : */ .select-box { display : inline-block; position : relative; border : 1px solid #b4bec8; background-color : #f6f7f9; border-radius : 8px; height : 35px !important; } .select-box select{ position : absolute; left : -9999px; display : none; } .select-box a { display : block; height : 33px !important; line-height : 33px !important; padding : 0 10px; background : url(./img/select_box_ico.png) right center no-repeat; text-align : left !important; color : #333; font-size : 12px; } .select-box a:visited, .select-box a:active, .select-box a:link, .select-box a:hover { text-decoration : none; } .select-box a i.fa { vertical-align : middle; float : right; padding-top : 7px; } .select-box ul { position : absolute; left : -1px; top : 25px; border : 1px solid #ccc; display : none; background : #fff; max-height : 240px; list-style : none; padding : 0; margin : 0; overflow : hidden; border-radius : 8px; overflow-y : auto; z-index : 999; margin-top : 11px; scrollbar-face-color : #eaeaea; scrollbar-track-color : #f7f7f7; scrollbar-3dlight-color : #e2e2e2; scrollbar-arrow-color : #8c8c8c; scrollbar-shadow-color : #eaeaea; scrollbar-highlight-color : #eaeaea; scrollbar-darkshadow-color : #e2e2e2; } .select-box ul a { display : block; line-height : 25px; height : 25px; background : none; } .select-box.select-active a { color : #4B87C8; background : #f6f7f9 url(./img/select_box_ico_active.png) right center no-repeat; border-radius : 8px; } .select-box.select-active a i { color : #4B87C8 } .select-box.select-active ul a { color : #333; background : none; border-radius : 0; } .select-box.select-active ul a.hover { background : #9F0C3D; color : #fff } .select-box.select-active ul a.active { background : #790000; color : #fff } /*선택 명령*/ .check_control { width : 100%; height : auto; display : inline-block; text-align : left; } .check_control .check_controlWrap { width : 100%; height : auto; display : inline-block; position : relative; } .check_control .check_controlWrap #check_control_select { height : 33px !important; } .check_control .check_controlWrap #check_control_select #btn_submit { height : 33px !important; } .check_control .check_controlWrap #check_control_select #btn_submit a { height : 33px !important; } .check_control .check_controlWrap #check_control_select ul { margin-top : 10px; } .check_control .check_controlWrap #check_control_select ul a { border-radius : 0; } .check_control .check_controlWrap .check_control_write { float : right; } .pg_wrap { margin-bottom : 0; width : 100%; } .pg_page { text-decoration : none; background-color : #fff; } .bottom_button_menu { width : 100%; position : relative; display : flex; justify-content : space-between; align-items : center; } .bottom_button_menu.flex_center { justify-content : center; } .bottom_button_menu .list_button { width : clamp(30px, 25%, 100px); height : auto; font-size : clamp(11px, 2vw, 15px); padding : clamp(2px, 2%, 8px) clamp(2px, 5%, 10px); color : #fff; background-color : #999; display : flex; align-items : center; justify-content : space-evenly; margin : 0 clamp(1px, 0.5%, 3px); border : 0; position : relative; } .bottom_button_menu .list_button:hover { background-color : #9F0C3D; } .sch_word { font-size : calc(16px + 0.5vw); background-color : #fff; padding : 0; margin : 0; color : red; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event View page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .posterBBS_View { width : 100%; height : auto; display : inline-block; text-align : center; } .posterBBS_View .SubJectWrap { width : 100%; height : auto; display : inline-block; padding : 10px 0px 12px 0px; text-align : center; margin-top : 50px; border-bottom : 1px solid #ddd; } .posterBBS_View .SubJectWrap h1 { display : block; font-weight : 600; font-family : "lg"; width : 100%; font-size : 28px; overflow : initial; color : #333; } .posterBBS_View .InformationWrap { width : 100%; height : auto; display : flex; justify-content : space-between; background-color : #f7f7f7; padding : clamp(7px, 2%, 15px) 10px; } .posterBBS_View .InformationWrap.VRwrap { max-width : 100% !important; } .posterBBS_View .InformationWrap .InfoLineLeft { width : clamp(150px, 50%, 300px); height : auto; display : flex; text-align : left; } .posterBBS_View .InformationWrap .InfoLineLeft .InfoLineLeft_ct { font-size : clamp(10px, 1.5vw, 14px); margin : 0 clamp(5px, 3%, 10px); } .posterBBS_View .InformationWrap .InfoLineLeft .InfoTitle { display : block; float : left; width : 100px; color : #333; font-weight : 500; font-size : 14px; } .posterBBS_View .InformationWrap .InfoLineLeft .InfoData { display : block; float : left; color : #333; font-weight : 300; font-size : 14px; } .posterBBS_View .InformationWrap .InfoLineLeft .InfoData.InfostrongRed { font-size : 16px; font-weight : 500; color : #980000; } .posterBBS_View .InformationWrap .InfoLineLeft .InfoData.Infostrong { font-size : 16px; font-weight : 500; color : #4374D9; } .posterBBS_View .InformationWrap .InfoLineRight { width : clamp(150px, 50%, 300px); height : auto; display : flex; text-align : left; align-items : center; justify-content : flex-end; } .posterBBS_View .InformationWrap .InfoLineRight .InfoLineRight_ct { font-size : clamp(10px, 1.5vw, 15px); margin : 0 clamp(5px, 3%, 10px); } .posterBBS_View .InformationWrap .InfoLineRight .InfoTitle { display : block; float : left; width : 100px; color : #333; font-weight : 500; font-size : 14px; } .posterBBS_View .InformationWrap .InfoLineRight .InfoData { display : block; float : left; color : #333; font-weight : 300; font-size : 14px; } .posterBBS_View .InformationWrap .InfoLineFull { width : 100%; height : auto; display : inline-block; text-align : center; padding-bottom : 8px; } .posterBBS_View .InformationWrap .InfoLineFull .InfoTitle { width : 100%;; color : #333; font-weight : 500; font-size : 16px; } .posterBBS_View .InformationWrap .InfoLineFull .InfoData { color : #333; font-weight : 200; font-size : 14px; padding : 0px 20px; } .posterBBS_View .InformationWrap .InfoLineFull .VRHerf { color : #3DB7CC; font-size : 14px; padding : 1px 8px; margin-top : 5px; display : inline-block; border : 2px solid #3DB7CC; line-height : 1.5em; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } .posterBBS_View .InformationWrap .InfoLineFull .VRHerf:hover { background-color : #3DB7CC; color : #fff; transition : all ease-in-out .3s; -o-transition : all ease-in-out .3s; -ms-transition : all ease-in-out .3s; -moz-transition : all ease-in-out .3s; -webkit-transition : all ease-in-out .3s; } /* vr & map contorl css */ .posterBBS_View .InformationWrap .InfoLineFull .view_Map { width : 100%; height : auto; display : inline-block; margin-top : 30px; text-align : center; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map p { text-align : center; font-size : 32px; font-weight : 500; color : #999; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .locate { font-size : 15px; color : #fff; line-height : 65px; border : 1px solid #eaeaea; padding : 5px 10px; background-color : #666; font-weight : 300; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap { width : 100%; height : auto; display : inline-block; float : left; overflow : hidden; position : relative; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .sub_Iframe { width : 48%; height : 550px; margin : 0 1%; position : absolute; left : 0; top : 0; z-index : -1; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .map ,.posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .map2 { width : 48%; height : 550px; margin : 0 1%; position : absolute; right : 0; top : 0; z-index : -1; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents { width : 100%; height : auto; display : inline-block; text-align : center; margin-top : 543px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents .Contents_href { padding : 10px 20px; margin : 25px 5px; background-color : #4374D9; color : #fff; display : inline-block; font-size : 15px; font-weight : 400; cursor : pointer; line-height : 1.5em; -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; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents .Contents_href:hover { background-color : #000000; color : #fff000; box-shadow : 0px 0px 5px #333; -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; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents .contents_controloff { background-color : #980000 !important; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents .Contents_href.control_off { display : none; } .posterBBS_View .posterBBS_View_ContentsWrap { width : 90%; height : auto; display : inline-block; text-align : center; } .posterBBS_View .posterBBS_View_ContentsWrap .Performance_Contents .ContentsWrap img { width : 100%; height : auto; max-width : 1000px; } .Button_wrap { width : 90%; height: auto; margin-top : 20px; display:inline-block;} @media(max-width:1024px){ } @media(max-width:640px){ } @media (max-width:1024px) and (min-width:751px) { /* ******************************************************************************************************************************************************************************** */ /* gallery_event List Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .poster_performance .poster_performance_listWrap .poster_performance_list { width : calc(48% - 2px); min-height : 0px; margin-bottom : 20px; margin-top : 0; margin-left : 1%; margin-right : 1%; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n-1) { margin-left : 1%; margin-right : 1%; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+4) { margin-top : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+5) { margin-top : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+6) { margin-top : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail { position : relative; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail img { width : 100%; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail img .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap { width : calc(100% - 10px);height : auto; display : inline-block; padding : 10px 0px 20px 0px; position : relative; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a { width : 100%; height : auto; display : inline-block; text-align : left; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore { width : 100%; height : auto; display : inline-block; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.store { padding : 3px 5px; margin : 0 3px 0 3px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.brand { color : #fff; padding : 3px 5px; margin : 0 3px 0 3px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a h1 { font-size : 16px; color : #333; font-weight : 400; line-height : 1.2; margin-top : 9px; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; padding-top : 10px; border-top : 1px solid #eaeaea; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a p { font-size : 16px; color : rgb(102,102,102); font-weight : 400; line-height : 2; } .poster_performance .poster_performance_listWrap .poster_performance_list .salepoint { position : absolute; opacity : 0.8; } .poster_performance .poster_performance_listWrap .poster_performance_list .salepoint p { font-size : 15px; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event View page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ /* vr & map contorl css */ .posterBBS_View .InformationWrap .InfoLineFull .view_Map { margin-top : 10px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .sub_Iframe { width : 48%; height : 350px; margin : 0 1%; position : absolute; left : 0; top : 0; z-index : -1; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .map ,.posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .map2 { width : 48%; height : 350px; margin : 0 1%; position : absolute; right : 0; top : 0; z-index : -1; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents { width : 100%; height : auto; display : inline-block; text-align : center; margin-top : 350px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents .Contents_href { padding : 7px 14px; margin : 15px 3px; font-size : 13px; } } @media (max-width:750px) { /* A A A : A : A : A : */ .poster_performance { margin-top : 0px; } /* 검색 */ .poster_performance_schWrap { width : 100%; height : auto; display : inline-block; text-align : center; } .poster_performance_schWrap #poster_performance_sch { min-width : 100%; overflow : visible; text-align : center; float : none; } .poster_performance_schWrap #poster_performance_sch .select_box { width : 80px !important; height : 29px !important; padding-top : 1px; } .poster_performance_schWrap #poster_performance_sch .select_box #sfl /* select의 width값이 span 값으로 */ { width : 70px !important; } .poster_performance_schWrap #poster_performance_sch form .poster_performance_TextWrap /* 검색입력하는 박스의 값 */ { width : clamp(90px, calc(80% - 138px), 200px); height : 30px; } .poster_performance_schWrap #poster_performance_sch .poster_performance_SubmitWrap { width : auto; height : 30px !important; margin-top : 1px; min-width : 60px; } .select-box { height : 27px !important; } .select-box a { height : 25px !important; line-height : 26px !important; } .poster_performance_schWrap #poster_performance_sch .select_box ul { margin-top : 0px !important; } .check_control .check_controlWrap #check_control_select { height : 28px !important; } .check_control .check_controlWrap #check_control_select #btn_submit { height : 25px !important; } .check_control .check_controlWrap #check_control_select #btn_submit a { height : 25px !important; } .check_control .check_controlWrap #check_control_select ul { margin-top : 3px; border-radius : 8px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a h1 { font-size : 11px; color : #333; font-weight : 400; text-align : center; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event List Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .poster_performance .poster_performance_listWrap { width : 100%; display : grid; gap : 15px 0; grid-template-columns: repeat(2,48.3%); justify-content : space-between; margin : 2% 0 4%; margin-bottom : 20px; margin-top : 0; margin-left : 1%; margin-right : 1%; } .poster_performance .poster_performance_listWrap .poster_performance_list { width : calc(98% - 2px); min-height : auto; margin-bottom : 0px; margin-top : 0; margin-left : 1%; margin-right : 1%; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n-1) { margin-left : 1%; margin-right : 1%; margin-bottom : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+4) { margin-top : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+5) { margin-top : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+6) { margin-top : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail img { width : 100%; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap { width : calc(100% - 10px);height : auto; display : inline-block; padding : 5px 0px 10px 0px; position : relative; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a { width : 100%; height : auto; display : inline-block; text-align : center; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore { width : 100%; height : auto; display : inline-block; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.store { padding : 3px 5px; margin : 0 3px 0 3px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .salestore span.brand { color : #fff; padding : 3px 5px; margin : 0 3px 0 3px; font-size : 10px; line-height : 2em; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a h1 { font-size : 15px; color : #333; font-weight : 400; text-align : left; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a p { font-size : 15px; color : rgb(102,102,102); font-weight : 400; white-space : normal; width : 100%; overflow : hidden; text-overflow : ellipsis; line-height : 1.3em; word-break : nomal; display : -webkit-box; -webkit-line-clamp : 2; -webkit-box-orient : vertical; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap .view_date { display : none; } .poster_performance .poster_performance_listWrap .poster_performance_list .salepoint { position : absolute; opacity : 0.8; } .poster_performance .poster_performance_listWrap .poster_performance_list .salepoint p { font-size : 15px; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event View Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .posterBBS_View .SubJectWrap { text-align : left; } .posterBBS_View .InformationWrap .InfoLineFull { padding-left : 0; } .posterBBS_View .InformationWrap .InfoLineFull .InfoTitle { width : 100%; font-size : 14px; display : block; margin-top : 5px; } .posterBBS_View .InformationWrap .InfoLineFull .InfoData { padding : 0; display : block; } .posterBBS_View .InformationWrap .InfoLineFull .VRHerf { margin-left : 0px; } .posterBBS_View .TitleImg { width : 95%; } .posterBBS_View .SubJectWrap h1 { font-size : 20px; width : 100%; padding-left : 0; } .posterBBS_View .InformationWrap .InfoLineLeft { width : 80%; } .posterBBS_View .InformationWrap .InfoLineLeft .InfoTitle { width : 100%; font-size : 14px; } .posterBBS_View .InformationWrap .InfoLineLeft .InfoData { font-size : 14px; } .posterBBS_View .InformationWrap .InfoLineRight { width : 20%; } .posterBBS_View .InformationWrap .InfoLineRight .InfoTitle { width : 70px; font-size : 14px; } .posterBBS_View .InformationWrap .InfoLineRight .InfoData { font-size : 14px; } .posterBBS_View .InformationWrap.VRwrap { margin-top : 10px; } .posterBBS_View .posterBBS_View_ContentsWrap { padding : 0;} .posterBBS_View .posterBBS_View_ContentsWrap .Performance_Contents { width : 100%; padding : 10px 0px; } .posterBBS_View .posterBBS_View_ContentsWrap .Performance_Contents .ImgWrap .viewPage_Iframe { width : 100%; height : 250px; display : inline-block; } .posterBBS_View .posterBBS_View_ContentsWrap .Performance_Contents .ImgWrap .Full_Contents { margin-top : 250px; } .posterBBS_View .posterBBS_View_ContentsWrap .Performance_Contents .ContentsWrap img { width : 100%; height : auto; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event View page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ /* vr & map contorl css */ .posterBBS_View { margin-top : 15px; } .posterBBS_View .SubJectWrap { margin-top : 10px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map { margin-top : 10px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map p { font-size : 18px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .locate { display : inline-block; width : 90%; line-height : 18px; font-size : 12px; margin-top : 10px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap { width : 100%; height : 640px; display : inline-block; float : left; overflow : hidden; position : relative; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .sub_Iframe { width : 100%; height : 250px; margin : 0; top : 65px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .map ,.posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .map2 { width : 100%; height : 250px; margin : 0; top : 340px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents { margin-top : 0px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents2 { margin-top : 531px; } .posterBBS_View .InformationWrap .InfoLineFull .view_Map .VR_Wrap .Full_Contents .Contents_href { padding : 5px 5px; margin : 15px 2px; font-size : 12px; } } /* 게시판 기본 설정 */ #container_title{display:none;} .fz_wrap { text-align:left; } .fz_wrap, .fz_wrap h1, .fz_wrap h2, .fz_wrap h3, .fz_wrap h4, .fz_wrap h5, .fz_wrap h6, .fz_wrap input, .fz_wrap button, .fz_wrap textarea, .fz_wrap select, .fz_wrap .bo_current{font-family:Nanum Gothic;color:#333;} .fz_wrap a:link, .fz_wrap a:active, .fz_wrap a:visited, .fz_wrap a:hover{text-decoration:none;} .fz_wrap .f_wrap{*zoom:1;} .fz_wrap .f_wrap:after{content:""; display:block; clear:both;} .fz_wrap .fl{float:left;} .fz_wrap .fr{float:right;} .fz_wrap legend{border:none !important;} .i_text{ height: 22px;padding:0 3px;line-height:20px;font-size: 12px;color: #333;background:none;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;} .i_text_large{display: inline-block;height: 31px;padding: 4px 6px;font-size: 14px;line-height: 20px;color: #333;border:1px solid #b7b7b7;border-right-color:#e1e1e1;border-bottom-color:#e1e1e1;vertical-align: top;width:218px;background:none;} .fz_title_box{font-size:14px;font-weight:bold;color:#515151;position:relative;background:#f3f3f3;background:url("./img/fz_title_bg.png") 0 0 repeat-x;height:35px;line-height:35px;border:1px solid #dedede;padding:0px 15px;font-weight:700;margin-bottom:20px;margin-top:30px;} textarea#wr_content{border:1px solid #ccc;height:200px;} #captcha #captcha_info{display:none;} .fz_wrap .required{background-color:#fff !important;} .fz_wrap input[type="text"], .fz_wrap input[type="password"], .fz_wrap input[type="submit"], .fz_wrap input[type="search"], .fz_wrap input[type="image"]{-webkit-border-radius:0;-webkit-appearance:none;}/* safari 둥근모서리 그림자 제거 */ .bo_fx {margin-bottom:5px;zoom:1} .bo_fx:after {display:block;visibility:hidden;clear:both;content:""} .bo_fx ul {margin:0;padding:0;list-style:none} #bo_list_total {float:left;padding-top:5px} .btn_bo_user {float:right;margin:0;padding:0;list-style:none} .btn_bo_user li {float:left;margin-left:5px} .btn_bo_adm {float:left} .btn_bo_adm li {float:left;margin-right:5px} .btn_bo_adm input {padding:8px;border:0;background:#e8180c;color:#fff;text-decoration:none;vertical-align:middle} .bo_notice td {background:#fffaf2} .bo_notice td a {font-weight:700} .td_num strong {color:#000} .bo_cate_link {display:inline-block;margin:0 6px 0 0;padding:0 6px 0 0;border-right:1px solid #e7f1ed;color:#555 !important;font-weight:700;text-decoration:none;} /* 글제목줄 분류스타일 */ .bo_current {color:#e8180c !important;font-size:11px;} /* 게시판 카테고리 */ #bo_cate_bed h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;} #bo_cate_bed ul {margin-bottom:10px;padding-left:1px;zoom:1;font-size:12px;list-style:none} #bo_cate_bed ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate_bed li {float:left;margin-top:-1px;} #bo_cate_bed a {display:block;position:relative;margin-left:-1px;padding:8px 15px;color:#888;text-align:center;letter-spacing:-0.1em;line-height:1.2em;cursor:pointer;border:1px solid #ddd;} #bo_cate_bed a:focus, #bo_cate_bed a:hover, #bo_cate_bed a:active {text-decoration:none} #bo_cate_bed #bo_cate_bed_on {z-index:2;border:1px solid #0e8185;background:#0e8185;color:#fff;font-weight:700} #bo_cate_bed a:hover {z-index:2;border:1px solid #23ADB2;background:#fff;color:#23adb2;} /* 리스트 상단 */ .fz_header{*zoom:1;padding-top:10px;border-bottom:1px solid #ccc;padding-bottom:10px;} .fz_header:after{content:""; display:block; clear:both;} .fz_total_count{float:left;} .fz_rss{float:right;} .fz_total_count span{padding-left:21px; font-weight:700; color:#333; background:url('./img/sprites_ico.gif') no-repeat 0 -24px;font-size:12px;} .fz_total_count strong{color:#0e8185;font-weight:700;} .fz_gallery_list{list-style:none;margin-bottom:15px;padding : 0px;} .fz_gallery_list li{margin-top:15px;position:relative;padding-left:0; width:30%; float:left; margin-left:1.5%; margin-right : 1.5%; overflow:hidden;} .fz_gallery_list .fz_gallery_li_wrap{border:1px solid #ccc;display:block;background:#f3f3f3;position:relative;} .fz_gallery_list a:link, .fz_gallery_list a:active, .fz_gallery_list a:visited, .fz_gallery_list a:hover{color:#333;text-decoration:none;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb{display:block;position:relative;background:#fff;margin:10px 10px 0;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb:before {content: "";display: block;padding-top: 80%;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb img{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;border:none;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_thumb i{position:absolute;top:50%;left:0;right:0;text-align:center;font-size:100px;width:100%;margin-top:-50px;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_title{margin:0 10px;padding-top:10px;padding-bottom:5px;display:block;font-size:14px;font-weight:700; text-overflow:ellipsis;white-space:nowrap;word-wrap:normal; overflow:hidden;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_content{margin:0 10px;padding-bottom:5px;display:block;font-size:12px;color:#888;line-height:18px;height:35px;overflow:hidden;} .fz_gallery_list .fz_gallery_li_wrap .fz_gallery_date{float:right;} .fz_gallery_list .fz_gallery_user{width:100%;display:block;background:#ccc;height:40px;line-height:40px;font-size:14px;font-weight:700;position:relative;} .fz_gallery_list .fz_gallery_user a{font-weight:700;} .fz_gallery_list .fz_gallery_user i{margin-left : 10px; margin-right:10px;font-size:18px;position:relative;top:2px} .fz_gallery_list .fz_gallery_user sv_member { margin-right : 10px; } .fz_gallery_list .fz_gallery_user .fz_admin_chk{position:absolute;right:10px;top:50%;margin-top:-6px;} .fz_gallery_list .fz_gallery_user .sv{line-height:20px;font-size:12px;} .fz_gallery_list li:hover .fz_gallery_li_wrap, .fz_gallery_list li.active .fz_gallery_li_wrap{border:4px solid #4b7ab2;border-bottom:1px solid #4b7ab2;} .fz_gallery_list li:hover .fz_gallery_thumb, .fz_gallery_list li.active .fz_gallery_thumb{margin:7px 7px 0px;} .fz_gallery_list li:hover .fz_gallery_title, .fz_gallery_list li.active .fz_gallery_title, .fz_gallery_list li:hover .fz_gallery_content, .fz_gallery_list li.active .fz_gallery_content, .fz_gallery_list li:hover .fz_gallery_etc, .fz_gallery_list li.active .fz_gallery_etc{margin:0 7px;} .fz_gallery_list li:hover .fz_gallery_user, .fz_gallery_list li.active .fz_gallery_user{background:#4b7ab2;color:#fff;} .fz_gallery_list li:hover .fz_gallery_user a, .fz_gallery_list li.active .fz_gallery_user a, .fz_gallery_list li:hover .fz_gallery_user span, .fz_gallery_list li.active .fz_gallery_user span{color:#fff} .fz_gallery_list .fz_empty_list{padding:30px 0 15px;height:auto;line-height:100px;text-align:center;margin:0;} @media all and (max-width:420px) { .fz_gallery_list .col-xs-6{width:96% !important;} } /* 리스트 하단 */ .fz_footer{*zoom:1;padding-top:15px;margin-top : 20px; margin-bottom: 20px;} .fz_footer:after{content:""; display:block; clear:both;} .width100Wrap {width : 100%; height:auto; display:inline-block;} /* 리스트 검색 */ #bo_sch {margin-bottom:10px;padding-top:5px;text-align:center} #bo_sch legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;border:none;} #bo_sch .i_text{height: 27px;padding: 0px 5px;font-size: 12px;line-height: 27px;color: #333;border:1px solid #ccc;vertical-align: middle;} #bo_sch .btn_search_submit{background:none !important;height:27px !important;padding:0 !important;} /* 아이콘 및 답변 */ .cnt_cmt{padding-left:5px; color:#FF4800; font-family:tahoma; font-size:9px;margin:0;} .icon_notice{display:inline-block; width:10px; height:19px; background:url('./img/sprites_ico.gif') no-repeat 0 -985px; text-indent:-9000px; *zoom:1; vertical-align:top;} .icon_pack{display:inline-block;margin-left:5px; width:9px; height:19px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px;} .icon_pack2{display:inline-block;width:19px; height:19px; font-size:11px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden; vertical-align:top;} .icon_reply{width:20px; background-position:0 -437px;} .icon_secret2{background-position:0 -1005px;} .icon_file2{background-position:0 -1024px;} .icon_txt2{background-position:0 -1043px;} .icon_secret{background-position:0 -1005px;} .icon_file{background-position:0 -1024px;} .icon_link{background-position:0 -1062px;} .icon_new{background-position:0 -1081px;} /* Button List */ .list_btn{display:inline-block;height:24px; background:url('./img/sprites_btn.gif') no-repeat; text-indent:-9000px; overflow:hidden;} .list_btn.btn_list { width:41px; background-position:-346px 0;} .list_btn.btn_copy { width:41px; background-position:-603px 0;} .list_btn.btn_move {width:41px; background-position:-649px 0;} .list_btn.btn_edit { width:41px; background-position:-695px 0;} .list_btn.btn_del { width:41px; background-position:-741px 0;} .list_btn.btn_reply { width:41px; background-position:-787px 0;} .list_btn.btn_write {width:65px; background-position:-833px 0;} .list_btn.btn_adm { width:49px; height:24px; background:url('./img/sprites_btn.gif') no-repeat -1719px 0; text-indent:-9000px; overflow:hidden;} .list_btn.btn_rss {margin-right:1px; width:54px; background-position:-1336px 0;vertical-align:middle;} .list_btn.btn_prev { width:50px; background-position:-392px 0;margin-right:1px;} .list_btn.btn_next { width:50px; background-position:-447px 0;} .list_btn.btn_track { width:64px; background-position:-972px 0;} .list_btn.btn_scrap { width:64px; background-position:-903px 0;vertical-align:middle;} /* 게시판 쓰기 */ #char_count_desc {display:block;margin:0 0 5px;padding:0} #char_count_wrap {margin:5px 0 0;text-align:right} #char_count {font-weight:700} #autosave_wrapper {position:relative} #autosave_pop {display:none;z-index:10;position:absolute;top:24px;right:117px;padding:8px;width:350px;height:auto !important;height:180px;max-height:180px;border:1px solid #565656;background:#fff;overflow-y:scroll} html.no-overflowscrolling #autosave_pop {height:auto;max-height:10000px !important} /* overflow 미지원 기기 대응 */ #autosave_pop strong {position:absolute;font-size:0;line-height:0;overflow:hidden} #autosave_pop div {text-align:right} #autosave_pop button {margin:0;padding:0;border:0;background:transparent} #autosave_pop ul {margin:10px 0;padding:0;border-top:1px solid #e9e9e9;list-style:none} #autosave_pop li {padding:8px 5px;border-bottom:1px solid #e9e9e9;zoom:1} #autosave_pop li:after {display:block;visibility:hidden;clear:both;content:""} #autosave_pop a {display:block;float:left} #autosave_pop span {display:block;float:right} .autosave_close {cursor:pointer} .autosave_content {display:none} /* 게시판 뷰 페이지 상단 */ #bo_v {margin-bottom:20px;padding-bottom:20px} #bo_v h1#bo_v_title {border-top:2px solid #52596B;border-bottom:1px solid #c8c8c6;background:#f8f8f8;padding:18px 15px;font-size:18px;font-weight:700;margin:0 !important;} #bo_v_info{padding:0px;border-bottom:1px solid #ddd;*zoom:1;background:#fff;} #bo_v_info:after{content:""; display:block; clear:both;} #bo_v_info span{line-height:40px;height:40px;} #bo_v_info span.sv{line-height:normal;height:auto;top:16px;} #bo_v_info .fl{padding-left:0px;} #bo_v_info .fr{padding-right:0px;} #bo_v_info .fr i{font-size:13px;} #bo_v_info .bo_v_user{font-size:12px;} #bo_v_info .bo_v_user i{position:relative;float:left;line-height:40px;margin-right:5px;} #bo_v_info .sv_wrap{margin-top:0;vertical-align:top;} #bo_v_info .sv_wrap a{line-height:normal;height:auto;} #bo_v_info .bo_v_user em{font-size:10px;font-family:tahoma;color:#aaa;padding-left:5px;font-style:normal} #bo_v_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_info .sv_member, #bo_v_info .sv_guest, #bo_v_info .member, #bo_v_info .guest {font-weight:700} #bo_v_info .bo_v_date, #bo_v_info .bo_v_hit, #bo_v_info .bo_v_comment{font-size:11px;color:#333} #bo_v_info .bo_v_date strong, #bo_v_info .bo_v_hit strong, #bo_v_info .bo_v_comment strong{font-family:tahoma;font-size:10px;color:#777;font-weight:normal;} #bo_v_info .bar{color:#aaa;margin:0 5px;font-size:11px;} /* FILE, LINK 출력 부분 */ .ad_list_area {margin:0; padding:0; border-bottom:1px solid #e4e4e4;font-size:12px;} .ad_list_area li {clear:both; margin:0; padding:10px 20px 9px 20px; *height:auto; list-style:none; border-top:1px solid #f3f3f3;} .ad_list_area li:hover {background:#f9f9f9;} .ad_list_area li:after {content:""; display:block; clear:both;} .ad_list_area li.first {border-top:none;} .ad_list_area li a {float:left; padding:0 0 0 22px; line-height:14px; background:url('./img/sprites_ico.gif') no-repeat;} .ad_list_area li a.txt_name {color:#666; background-position:0 -94px;} .ad_list_area li a.txt_name:hover {background-position:0 -117px; text-decoration:underline;} .ad_list_area li a.txt_link {color:#0066cc; background-position:0 -184px;} .ad_list_area li a.txt_link:hover {background-position:0 -207px; text-decoration:underline;} .ad_list_area li span {float:left; line-height:14px; font-size:9px; font-family:tahoma;} .ad_list_area li .txt_size {padding-left:9px; color:#999;} .ad_list_area li .txt_hit {padding-left:7px; color:#ff4200;} .ad_list_area li .txt_date {padding-left:10px; color:#aaa;} .ad_list_area li .btn_handle {float:right; padding:0; width:14px; background-position:3px -388px; text-indent:-9000px; overflow:hidden;} .ad_list_area li .btn_handle.on {background-position:3px -403px;} .ad_list_area li p.txt_file_content {clear:both; margin:0; padding:8px 0 0 22px; font-size:11px; color:#999; word-wrap:break-word;} /* 게시판 뷰 버튼 리스트 */ #bo_v_top {margin:0 0 10px;zoom:1} #bo_v_top:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_top h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_top ul {margin:0;padding:0;list-style:none} #bo_v_bot {zoom:1} #bo_v_bot:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_bot h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_bot ul {margin:0;padding:0;list-style:none} .bo_v_nb {float:left} .bo_v_nb li {float:left;margin-right:1px} .bo_v_com {float:right} .bo_v_com li {float:left;margin-left:1px} /* 게시판 뷰 본문 */ #bo_v_atc {padding:20px 0px;min-height:200px} #bo_v_atc_title {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_v_img {margin:0 0 10px;width:100%;overflow:hidden;zoom:1} #bo_v_img:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_img img {max-width:100%;height:auto} .editor_img_wrap{margin-bottom:10px;text-align:center !important;display:block;} #bo_v_con {margin-bottom:50px;width:100%;line-height:1.7em;word-break:break-all;overflow:hidden;font-size:12px;} #bo_v_con a {color:#000;text-decoration:underline} #bo_v_con img {max-width:100%;height:auto} #bo_v_con p{margin:0;} #bo_v_act {margin-bottom:30px;text-align:center;} #bo_v_act .bo_v_act_gng {position:relative} #bo_v_act a {margin-right:5px;vertical-align:middle} #bo_v_act strong {color:#ff3061} #bo_v_act_good, #bo_v_act_nogood {display:none;position:absolute;top:30px;left:0;padding:10px 0;width:165px;background:#ff3061;color:#fff;text-align:center;} /* 게시판 뷰 SNS 리스트 */ #bo_v_sns {margin:0;padding:0;list-style:none;zoom:1;display:inline-block;vertical-align:middle;margin-right:5px;} #bo_v_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_v_sns li {display:inline-block;margin:0 2px 0 0} .fz_middle_btn{*zoom:1;margin-bottom:10px;} .fz_middle_btn:after{content:""; display:block; clear:both;} /* 네임카드 */ .namecard {margin:0 10px 40px; border:1px solid #ddd; background:#fbfbfb;} .namecard .ncard_head {padding:18px 19px 17px 19px; padding-top:16px\9; line-height: normal; *zoom:1;} .namecard .ncard_head:after {content:""; display:block; clear:both;} .namecard .ncard_head .ico_level {float:left; margin-right:5px;} .namecard .ncard_head span {float:left; line-height:15px; line-height:14px\9; color:#777; font-size:11px;} .namecard .ncard_head span em {color:#ff4200; font-style:normal; font-weight:bold; font-size:11px;} .namecard .ncard_head span.txt_name {padding-top:1px; padding-top:2px\9; color:#000; font-size:12px;} .namecard .ncard_head span.txt_name a {float:left; cursor:pointer;} .namecard .ncard_head span.txt_name span {margin-right:5px; color:#000; font-weight:bold; font-size:12px;} .namecard .ncard_head span.ico_dot {width:23px; background:url('./img/sprites_ico.gif') no-repeat 10px -755px; text-indent:-9000px;} .namecard .ncard_head span.txt_point {padding-top:1px; padding-top:2px\9;} .namecard .ncard_head a {font-size:11px; color:#666;} .namecard .ncard_head a.btn_link {float:right; padding-left:18px; background:url('./img/sprites_ico.gif') no-repeat 3px -783px; cursor:pointer;} .namecard .ncard_head a.btn_link:hover {background-position:3px -803px; text-decoration:none;} .namecard .ncard_head a span {line-height:normal; font-weight:bold;} .namecard .ncard_body {padding:0 0 20px 19px; *zoom:1;} .namecard .ncard_body:after {content:""; display:block; clear:both;} .namecard .ncard_body .thumb {float:left; margin-right:15px; width:60px; height:60px; background:url('./img/sprites.gif') no-repeat 0 -168px;} .namecard .ncard_body .txt_introduce {float:left; font-size:12px; color:#999;line-height:16px;} /* 게시판 댓글 */ #bo_vc {margin:0;font-size:12px;} #bo_vc .bo_vc_top{border-top:2px solid #bdbdbd;background:#f9f9f9; letter-spacing:-1px; color:#777;padding:12px 0px;} #bo_vc .bo_vc_top h2{ background:url('./img/sprites_ico.gif') no-repeat 0 -707px;padding:1px 20px;font-size:12px;margin:0 0 0 20px !important;} #bo_vc .bo_vc_top em {font-style:normal; font-weight:700; color:#ff4200; font-size:11px;} #bo_vc article {padding:10px;border-top:1px solid #e3e3e3;} #bo_vc header {position:relative;} #bo_vc header .icon_reply {position:absolute;top:15px;left:-20px} #bo_vc .sv_wrap {margin-right:15px} #bo_vc .member, #bo_vc .guest, #bo_vc .sv_member, #bo_vc .sv_guest {font-weight:700} .bo_vc_hdinfo {display:inline-block;color:#aaa;font-family:tahoma;font-size:10px;position:relative;top:1px} #bo_vc h1 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc a {color:#000;text-decoration:none} #bo_vc p {padding:0 0 5px;line-height:1.8em} #bo_vc p a {text-decoration:underline} #bo_vc p a.s_cmt {text-decoration:none} #bo_vc #bo_vc_winfo {float:left} #bo_vc footer {zoom:1;} #bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_empty {margin:0;padding:40px 0 40px !important;text-align:center;border-top:1px solid #e3e3e3;font-size:12px;} #bo_vc .bo_vc_content{padding:10px 0;} #bo_vc .bo_vc_content img{vertical-align:middle;} #bo_vc .bo_vc_secret{display:inline-block;width:19px; height:14px; font-size:11px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden; vertical-align:top;background-position:0 -1008px;} #bo_vc article.ico_ind1 {padding-left:40px;} #bo_vc article.ico_ind2 {padding-left:80px;} #bo_vc article.ico_ind3 {padding-left:120px;} #bo_vc article.ico_ind4 {padding-left:160px;} #bo_vc article.ico_ind5 {padding-left:200px;} #bo_vc article .indent {position:relative; float:left; width:0; font-size:0;} #bo_vc article .indent span {position:absolute; top:2px; left:-22px; width:12px; height:11px; text-indent:-9000px; background:url('./img/sprites_ico.gif') no-repeat 0 -422px;} /* 댓글 버튼 부분 */ .bo_vc_act {float:left;margin:0;list-style:none;*zoom:1;padding:0;} .bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""} .bo_vc_act .list_btn {display:inline-block; margin-top:17px; width:13px; height:14px; background:url('./img/sprites_ico.gif') no-repeat; text-indent:-9000px; overflow:hidden;} .bo_vc_act .list_btn.btn_reply {margin-right:12px; padding-left:12px; width:auto; font-size:11px; letter-spacing:-1px; text-indent:0; color:#999 !important; background-position:0 -442px;} .bo_vc_act .list_btn.btn_reply:hover, .bo_vc_act .list_btn.btn_reply.cover {color:#666 !important; background-position:0 -460px;} .bo_vc_act .list_btn.btn_edit {margin-right:5px; background-position:2px -558px;} .bo_vc_act .list_btn.btn_edit:hover, .bo_vc_act .list_btn.btn_edit.cuover {background-position:2px -577px;} .bo_vc_act .list_btn.btn_del {background-position:3px -652px;} .bo_vc_act .list_btn.btn_del:hover {background-position:3px -669px;} #bo_vc_w {position:relative;margin-bottom:10px;} #bo_vc_w h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #bo_vc_w #char_cnt {display:block;margin:0 0 5px} #bo_vc_sns {margin:0;padding:0;list-style:none;zoom:1} #bo_vc_sns:after {display:block;visibility:hidden;clear:both;content:""} #bo_vc_sns li {float:left;margin:0 20px 0 0} #bo_vc_sns input {margin:0 0 0 5px} /* 댓글 폼 부분 */ .comment_form .write_body {padding:9px; border:1px solid #e3e3e3; background:#fafafa;} .comment_form .write_body .write_mbinfo {padding:0 0 5px 0; border:none;} .comment_form .btn_area .fleft {padding-top:8px;} .comment_form .checkbox {width:60px;} .comment_form .checkbox label {font-size:11px; color:#777;} .comment_form .checkbox label span {height:13px;} .no_editor {position:relative; *zoom:1;margin-bottom:10px;} .no_editor:after {clear:both; display:block; content:"";} .no_editor .bo_vc_wr_content{width:100%;border:1px solid #ccc;height:100px !important;padding:8px;line-height:22px;font-size:12px;} .write_body .btn_area {padding-top:5px; *zoom:1;} .write_body .btn_area:after {clear:both; display:block; content:"";} .write_body .btn_area input {float:right;} .comment_form .txt_limit span, .write_option .txt_limit span {font-size:11px; color:#777;} .comment_form .txt_limit span.txt_min {padding:0 10px; border-right:1px solid #dcdcdc; } .write_option .txt_limit span.txt_min {padding-right:10px; border-right:1px solid #dcdcdc;} .comment_form .txt_limit span.txt_max, .write_option .txt_limit span.txt_max {padding-left:10px; padding-right:10px; } .comment_form .write_body{} .comment_form .write_body .fl{float:none;margin-bottom:5px;} .comment_form .write_body .fr{float:none;} .comment_form .write_body .bo_vc_form{margin-bottom:10px;} .comment_form .write_body .bo_vc_form .bo_vc_write_notice{height:34px;line-height:20px;padding-bottom:6px;padding-left:5px;font-weight:700;color:#787878;font-size:12px;} .comment_form .write_body .i_text{background:#fff;height:28px;line-height:28px;width:100%;margin-bottom:5px;} .comment_form .write_body #captcha_key{background:#fff !important;} .comment_form .write_body #captcha #captcha_info{display:none;} .comment_form .write_body .wr_secret_label{font-size:11px;color:#999} /* 스코어 */ .article_score {padding:50px 0px;text-align:center; *zoom:1;} .article_score:after {content:""; display:block; clear:both;} .article_score a {display:inline-block; width:33px; height:23px; background:url('./img/sprites_btn.gif') no-repeat; *zoom:1; vertical-align:top;} .article_score a.btn_good {background-position:-270px 0;} .article_score a.btn_nogood {background-position:-308px 0;} .article_score .graph {display:inline-block;*zoom:1; margin:0 3px; padding:5px 0; width:215px; height:23px; background:url('./img/sprites_btn.gif') no-repeat 0 -27px;} .article_score .score_bar_wrap{display:block;float:left;width:144px;} .article_score .graph .line_border {display:block;width:3px; height:10px; font-size:0; background:url('./img/sprites_ico.gif') no-repeat 0 -1162px;position:absolute;right:-3px;} .article_score .graph .score_bar {display:block;float:none;height:10px; font-size:0; background:url('./img/bg_recom1.gif') repeat-x 0 3px;position:relative;} .article_score em {float:left; width:34px; line-height:13px; font-family:tahoma; font-size:9px; font-style:normal; text-align:center; font-weight:bold;} .article_score em.txt_good {color:#00529f;} .article_score em.txt_nogood {float:right; color:#9f0010;} .limit_score a {float:right;} .limit_score em {float:right; padding:0 10px 0 0; width:auto; line-height:23px;} @media (min-width:768px){ #bo_v_info .fl{padding-left:15px;} #bo_v_info .fr{padding-right:15px;} #bo_v_info .bo_v_user em{padding-left:5px;} #bo_v_info .bar{margin:0 10px;} .namecard {margin:0 20px 40px 20px;} #bo_vc article {padding:20px;} #bo_vc article.ico_ind1 {padding-left:65px;} #bo_vc article.ico_ind2 {padding-left:110px;} #bo_vc article.ico_ind3 {padding-left:155px;} #bo_vc article.ico_ind4 {padding-left:200px;} #bo_vc article.ico_ind5 {padding-left:245px;} .comment_form .write_body .fl{float:left;margin-bottom:0px;} .comment_form .write_body .fr{float:right;} .comment_form .write_body .i_text{width:auto;margin-bottom:0px;} #bo_v_atc {min-height:200px;height:auto !important;height:200px;padding:20px 20px 50px;} .article_score {padding:50px 20px; text-align:center; *zoom:1;} .article_score .graph {display:inline-block;*zoom:1; margin:0 3px; padding:5px 0; width:265px; height:23px; background:url('./img/sprites_btn.gif') no-repeat 0 0;} .article_score .score_bar_wrap{display:block;float:left;width:194px;} } /* 글쓰기 상단 부분 */ .bo_write_option {padding:0 10px; border:1px solid #e3e3e3; border-bottom:none; background:#fafafa; *zoom:1;height:35px;line-height:35px;} .bo_write_mbinfo{padding:5px 10px 10px; border:1px solid #e3e3e3; border-bottom:none; *zoom:1;position:relative;} .bo_write_mbinfo:after{content:""; display:block; clear:both;} .bo_write_mbinfo ul{list-style:none;padding:0;margin:0;*zoom:1;margin-right:290px;} .bo_write_mbinfo ul:after{content:""; display:block; clear:both;} .bo_write_mbinfo ul li{width:50%;float:left;} .bo_write_mbinfo .placeholder{margin-top:5px;display:block;width:98%;} .bo_write_mbinfo .i_text{height:26px;line-height:26px;display:block;width:95%;} .bo_editor_wrap{} .bo_editor_wrap .placeholder{display:block;} .bo_w_form #captcha{position:absolute;right:10px; top:10px;} .bo_w_title{position:relative;margin-bottom:10px;*zoom:1;} .bo_w_title:after{content:""; display:block; clear:both;} .bo_w_title .placeholder{display:block;} .bo_w_title #wr_subject{display:block;width:95%;} /* 글쓰기 파일, 링크 영역 */ .ad_sector {border:1px solid #e3e3e3;margin-top:10px;} /* 파일, 링크 버튼 */ .ad_sector .ad_btn_area {padding:0; background:#fafafa; *zoom:1;} .ad_sector .ad_btn_area:after {clear:both; display:block; content:"";} .ad_sector .ad_btn_area a {position:relative; float:left; padding:10px 11px 9px 10px; border-right:1px solid #e3e3e3; font-size:11px; letter-spacing:-1px; z-index:10;} .ad_sector .ad_btn_area a span {float:left; padding:0 5px 0 16px; color:#666; background:url('./img/sprites_ico.gif') no-repeat;font-size:11px;} .ad_sector .ad_btn_area a.btn_file span {background-position:0 -140px;} .ad_sector .ad_btn_area a.btn_link span {background-position:0 -230px;} .ad_sector .ad_btn_area a.btn_file span.on {background-position:0 -162px;} .ad_sector .ad_btn_area a.btn_link span.on {background-position:0 -252px;} .ad_sector .ad_btn_area a.on {margin-bottom:-1px; border-bottom:1px solid #ebebeb; background:#f2f2f2;} .ad_sector .ad_btn_area a em {float:left; font-weight:700; font-style:normal; color:#ff4200;} .ad_sector .ad_btn_area .btn_wrap {float:right; padding:8px 10px 0 0;} .ad_sector .ad_btn_area .btn_wrap a {padding:0; width:14px; height:15px; border:none; background:url('./img/sprites_ico.gif') no-repeat; overflow:hidden; text-indent:-9000px;} .ad_sector .ad_btn_area .btn_wrap a.btn_close {background-position:3px -402px; display:none;} /* 파일, 링크 폼 */ .ad_sector .ad_form_area {clear:both; display:none; margin:0; padding:20px; border:none; border-top:1px solid #e3e3e3; background:#f2f2f2;} .ad_sector .ad_form_area legend {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0;} .ad_sector .ad_form_area input {} .ad_sector .ad_form_area ul {margin:0; padding:0; list-style:none; *zoom:1;} .ad_sector .ad_form_area ul:after {clear:both; display:block; content:"";} .ad_sector .ad_form_area li {position:relative; padding-top:10px;*zoom:1;} .ad_sector .ad_form_area li:after {clear:both; display:block; content:"";} .ad_sector .ad_form_area li.first {margin:0; padding:0; background:none;} .ad_sector .ad_form_area li label {position:absolute; bottom:5px; left:5px; font-size:11px; color:#999;} .ad_sector .ad_form_area .inputbox {float:none;} .ad_sector .ad_form_area .filebox {float:left; margin-right:1px; padding:5px 3px 2px 5px !important; height:15px; line-height:15px; font-size:12px; border:1px solid #d2d2d2; background:#fff;width:80%;} .ad_sector .ad_form_area .file_search {position:relative; display:inline; float:left; width:58px; height:24px; background:url('./img/sprites_btn.gif') no-repeat -1600px 0; overflow:hidden;} .ad_sector .ad_form_area .file_search .btn_file {position:absolute; top:0; right:1px; width:100%; height:100%; opacity:0; filter:alpha(opacity=0);} .ad_sector .ad_form_area .bf_content_input{margin-top:5px;} .ad_sector .ad_form_area .bf_content_input .i_text{background:#fff;} .file_btm {padding-top:10px;} .file_btm .btn_file_add {float:left; width:19px; height:19px; background:url('./img/sprites_btn.gif') no-repeat -1119px 0; text-indent:-9000px; overflow:hidden;} .file_btm .btn_file_del {float:left; width:19px; height:19px; margin-left:1px; background:url('./img/sprites_btn.gif') no-repeat -1143px 0; text-indent:-9000px; overflow:hidden;} .file_btm .txt_file_add {float:left; margin:0; height:19px; line-height:21px; line-height:23px\9; font-size:11px; color:#999; letter-spacing:-1px;} .file_btm .txt_file_add strong {color:#ff4200;} /* 파일, 링크 리스트 */ .ad_sector .ad_list_area {border-bottom:none;} .ad_sector .ad_list_area .first {border-top:1px solid #e3e3e3;} .ad_sector .ad_list_area li {border-top:1px solid #efefef;} .ad_sector .ad_list_area li span.txt_name, .ad_sector .ad_list_area li span.txt_link, .ad_sector .ad_list_area li span.txt_name {color:#666; background-position:0 -94px;} .ad_sector .ad_list_area li span.txt_link {color:#0066cc; background-position:0 -184px;} .ad_sector .ad_list_area li a.btn_del {float:right; padding:0; width:14px; background-position:3px -651px; text-indent:-9000px; overflow:hidden;} .ad_sector .ad_list_area li a.btn_del:hover {background-position:3px -668px;} #ad-form_link .i_text_large{background:#fff;} .cke_sc{display:none;} /* 에디터 단축키 감추기 */ /* 글쓰기 하단 버튼 부분 */ .write_foot {padding-top:20px; text-align:center;} .write_foot a.btn_list {display:inline-block; width:51px; height:33px; background:url('./img/sprites_btn.gif') no-repeat -1663px 0; text-indent:-9000px; overflow:hidden; vertical-align:top;} /* CHECK BOX */ .check-box{position:relative;} .check-box input{position:absolute;left:-9999px;} .check-box label{font-size:12px;background:url(./img/checkbox.png) 0 center no-repeat;display:inline-block;padding:0 0 0 20px;line-height:16px;height:16px;cursor:pointer;margin:0 10px 0 0;font-weight:normal;} .check-box label.checkbox-active{background:url(./img/checkbox_active.png) 0 center no-repeat;} /* PAGING */ .fz_wrap .pg_wrap {clear:both;padding:10px 0;text-align:center; margin:0;font-size:12px; width:100%; overflow:hidden;} .fz_wrap .pg_page, .fz_wrap .pg_current {display:inline-block;padding:0 10px;height:32px;color:#333;letter-spacing:0;line-height:30px;vertical-align:middle; border:1px solid #ddd;background:#fff;} .fz_wrap .pg a:hover{background:#e8e8e8;} .fz_wrap .pg a:focus, .fz_wrap .pg a:hover {text-decoration:none} .fz_wrap .pg_page {text-decoration:none} .fz_wrap .pg_current {display:inline-block;margin:0 0 0 0;background:#888;color:#fff;font-weight:normal; border:1px solid #888;} .fz_wrap .pg .fa{font-size:14px;} .fz_wrap .pg_prev {background:url(./img/button/btn_prev.gif) no-repeat 50% 50% #fff; } .fz_wrap .pg_prev:hover {background:url(./img/button/btn_prev.gif) no-repeat 50% 50% #e8e8e8 !important; } .fz_wrap .pg_next {background:url(./img/button/btn_next.gif) no-repeat 50% 50% #fff; } .fz_wrap .pg_next:hover {background:url(./img/button/btn_next.gif) no-repeat 50% 50% #e8e8e8 !important; } .fz_wrap .pg_start {background:url(./img/button/btn_first.gif) no-repeat 50% 50% #fff; } .fz_wrap .pg_start:hover {background:url(./img/button/btn_first.gif) no-repeat 50% 50% #e8e8e8 !important; } .fz_wrap .pg_end {background:url(./img/button/btn_end.gif) no-repeat 50% 50% #fff; } .fz_wrap .pg_end:hover {background:url(./img/button/btn_end.gif) no-repeat 50% 50% #e8e8e8 !important; } @media all and (max-width:340px) { .fz_wrap .pg_wrap .pg { display :flex; justify-content: center; } .fz_wrap .pg_page, .fz_wrap .pg_current { margin : 0 1px; padding:0; } } /* 글쓰기 폼 */ .fz-form-title{font-size:13px;margin-bottom:5px;font-weight:700;} .fz-form-content{margin-bottom:20px;} #bo_w textarea{border:1px solid #e4eaec;background:#f7f7f7;vertical-align:middle;line-height:1.8em;-webkit-appearance:none;padding:8px;line-height:20px;height:100px;width:100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #bo_w .frm_file{display: block;margin-bottom: 5px;} #bo_w .i_text{width:100%;height:27px;line-height:28px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;} #captcha #captcha_img {height:62px;} #captcha #captcha_key {height:62px;} #captcha.m_captcha #captcha_key{height:31px !important;} .fz_wrap nav{display:block !important;} .aaa{margin-bottom:100px;height:100px;width:100px; -webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-property: box-shadow;transition-property: box-shadow;box-shadow: inset 0 0 0 1px #ddd} .aaa:hover, .aaa:focus, .aaa:active { box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0); /* Hack to improve aliasing on mobile/tablet devices */ } /* ******************************************************************************************************************************************************************************** */ /* car_notice List Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .bbsPage { width : 100%; height : auto; min-height : 400px; text-align : center; margin-bottom : clamp(30px, 5%, 60px); margin-top : clamp(30px, 5%, 60px); } .bbsPage .bbsWrap { width : 100%; height : auto; max-width : 1300px; display : inline-block; text-align : left; display : flex; flex-direction : column; align-items : center; justify-content : flex-start; gap : 2em; margin : 230px 0 30px;} @media (max-width:641px) { /* ******************************************************************************************************************************************************************************** */ /* gallery_review List Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .bbsPage { margin-top : 0; } } /* 가구탑 김해 */ /* A A A : A : A : A : */ .bbsPage { margin-top : 0;} .bbsPage .sound_only { display : none;} .bbsPage .pg_current, .bbsPage .pg_page { margin : 0 3px;} .bbsPage .pg_page.pg_end { margin : 0; margin-left : 9px;} .bbsPage .pg_page.pg_start { margin : 0; margin-right : 9px;} .bbsPage .bbsWrap { max-width : unset; text-align : center; padding : 0;} .bbsPage .specialImg { width : 90%; height : auto; max-width : 1400px; margin : 0 auto;} .bbsPage .specialImg img { width : 100%;} #bo_w .bbsWrap { max-width : 1400px; text-align : left;} #bo_w .sound_only { display : none;} #bo_w .fz-form-title { display : flex; align-items : center;} #bo_cate_bed #bo_cate_ul_bed { width : 92%; height : auto; display : grid; grid-template-columns : repeat(6,16%); justify-content : space-between; align-items : center; max-width : 1350px; margin : 0 auto; gap : clamp(8px,1vw,12px) 0;} #bo_cate_bed li { width : 100%; height : auto; } #bo_cate_bed a { font-size : clamp(14px,1.3vw,16px); color : #595757; background : #CBCBCC; border : 1px solid #CBCBCC; text-align : left; line-height : 1em; padding : 0.8em 1em; transition : .2s; } #bo_cate_bed a:hover { background : #e0e0e0; color : #999; border : 1px solid #e0e0e0; transition : .2s; } #bo_cate_bed #bo_cate_on { background : #595757; color : #fff; font-weight : 400; border : 1px solid #595757;} #bo_cate_bed #bo_cate_on .sound_only { display : none;} .bbsPage .line { width : 100%; height : 2px; background : #eeefef; margin : clamp(35px,3.4vw,45px) 0;} #gall_allchk { max-width : 1400px; margin : 0 auto;} .poster_performance .poster_performance_listWrap { width : 95%; height : auto; display : grid; grid-template-columns : repeat(4,24.3%); justify-content : space-between; max-width : 1400px; margin : 0 auto; gap : clamp(30px,3vw,40px) 0;} .poster_performance .poster_performance_listWrap .poster_performance_list { width : 100%; height : 100%; margin : 0; display : inline-flex; flex-direction : column; align-items : center; } .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n-1), .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+4), .poster_performance .poster_performance_listWrap .poster_performance_list:nth-child(3n+6) { margin : 0;} .poster_performance .poster_performance_listWrap .poster_performance_list .thumnailWrap { width : 100%; height : auto;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail { width : 100%; padding-top : 100%;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail img { width : 100%; height : 100%; object-fit : cover; position : absolute; top : 0; left : 0;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail .sale_percent { right : 0; top : 0; padding : 8px 13px; background : #980000; color : #fff; position : absolute; border-bottom-left-radius: 10px; box-shadow : -2px 2px 2px #777;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a p { margin : 0;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .name { font-size : clamp(15px,1.4vw,16px); font-weight : 500; color : #333; line-height : 1.5em; width : 95%; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; text-align : left;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .sell { font-size : clamp(12px,1.1vw,14px); color : #c9c9ca; text-decoration : line-through; margin : 0.3em 0; text-align : left;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .counsel {font-size : clamp(15px,1.4vw,16px); font-weight : 500; color : #0068b6; line-height : 1em; text-align : left;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .sale {font-size : clamp(15px,1.4vw,16px); font-weight : 600; color : #221814; line-height : 1em; text-align : left;} .bbsPage .bbsWrap .boardTitBox { width : 100%; height : auto; text-align : center; padding : 3% 0 3%; background-size : cover; background-repeat : no-repeat; background-position : center; display : none;} .bbsPage .bbsWrap .boardTitBox.special { padding : 5% 0;} .bbsPage .bbsWrap .boardTitBox.special img { width : 90%; height : auto; max-width : 1200px;} .bbsPage .bbsWrap .boardTitBox.special .titBox { padding : 0;} .bbsPage .bbsWrap .boardTitBox.bed { background-image : url("../../../../Image/bedTitBack.jpg"); } .bbsPage .bbsWrap .boardTitBox.sofa { background-image : url("../../../../Image/sofaTitBack.jpg"); } .bbsPage .bbsWrap .boardTitBox.table { background-image : url("../../../../Image/tableTitBack.jpg"); } .bbsPage .bbsWrap .boardTitBox.etc { background-image : url("../../../../Image/etcTitBack.jpg"); } .bbsPage .bbsWrap .boardTitBox.special { background-image : url("../../../../Image/specialTitBack.jpg"); } .bbsPage .bbsWrap .boardTitBox.closet { background-image : url("../../../../Image/closetTitBack.jpg"); } .bbsPage .bbsWrap .boardTitBox.library { background-image : url("../../../../Image/libraryTitBack.jpg"); } .bbsPage .bbsWrap .boardTitBox .titBox { width : 100%; height : auto; padding : 0 0 4.5%; } .bbsPage .bbsWrap .boardTitBox .titBox img.logoImg { width : clamp(80px,8vw,110px); height : auto;} .bbsPage .bbsWrap .boardTitBox .subTit { font-size : clamp(16px,1.5vw,20px); font-weight : 400; line-height : 1em; color : #fff; } .bbsPage .bbsWrap .boardTitBox .titLine { width : 1px; height : clamp(25px,3vw,40px); background : #fff; margin : 1% auto;} .bbsPage .bbsWrap .boardTitBox .tit { font-size : clamp(40px,3.9vw,45px); font-weight : 400; line-height : 1em; color : #fff; } .bbsPage .check_control { width : 95%; display : inline-flex; align-items : center; justify-content : center; max-width : 1400px; margin-top : clamp(20px,2vw,25px);} .posterBBS_View { max-width : 1400px;} #bo_v { max-width : 1400px; margin : 0 auto;} /* 모바일 탭 */ #bo_cate_bed_M .sound_only {display : none;} #bo_cate_ul_bed_M #bo_cate_on { display:none;} #bo_cate_bed_M { width : 100%; height : auto; position : relative; z-index : 50; max-width : 300px; margin : 0 auto; display : none;} #bo_cate_bed_M #onWrap_bed { width : 85%; height : auto; background : #9f9fa0; color : #fff; display : flex; align-items : center; justify-content : space-between; padding : 5px 15px; border : 1px solid #9f9fa0; cursor : pointer; transition : 0.6s; margin : 0 auto;} #bo_cate_bed_M #onWrap_bed.on { box-shadow : 0px 0px 10px #999; transition : 0.6s; } #bo_cate_bed_M #onWrap_bed span { transition : .2s;} #bo_cate_bed_M #onWrap_bed.on span { transform : rotate(180deg); transition : .2s;} #bo_cate_bed_M #onWrap_bed #onName_bed { font-size : 16px; text-align : center; flex-grow : 1; font-weight : 500; } #bo_cate_ul_bed_M { width : 85%; height : auto; position : absolute; top : 80%; left : 50%; border : 1px solid #e5e5e5; border-top : none; background : #fff; border-bottom : none; transition : .6s; opacity : 0; pointer-events : none; transform : translateX(-50%); } #bo_cate_ul_bed_M.on { top : 100%; opacity : 1; pointer-events : auto; transition : .6s; box-shadow : 0px 0px 10px #ccc; } #bo_cate_ul_bed_M a { font-size : 14px; padding : 8px 0; display : inline-block; border-bottom : 1px dotted #e5e5e5; width : 100%; transition : 0.6s; } #bo_cate_ul_bed_M a:hover { background : #e5e5e5; } .boardTitBox .tabMenuWrapTit { font-size : clamp(30px,3vw,50px); font-weight : 600; cursor : default; color : #EEEFEF; line-height : 0.8em; font-style : italic; } .boardTitBox .tabMenuWrapTit span { font-size : clamp(30px,3vw,50px); font-weight : 600; transition : 0.3s; color : #EEEFEF; line-height : 0.8em; font-style : italic; animation-delay : 0s; animation-duration: 2s; animation-iteration-count: infinite; animation-timing-function: linear; } .boardTitBox .tabMenuWrapTit span.ani_1 { animation-name : ani_1; } .boardTitBox .tabMenuWrapTit span.ani_2 { animation-name : ani_2; } .boardTitBox .tabMenuWrapTit span.ani_3 { animation-name : ani_3; } .boardTitBox .tabMenuWrapTit span.ani_4 { animation-name : ani_4; } .boardTitBox .tabMenuWrapTit span.ani_5 { animation-name : ani_5; } .boardTitBox .tabMenuWrapTit span.ani_6 { animation-name : ani_6; } .boardTitBox .tabMenuWrapTit span.ani_a { animation-name : ani_a; } .boardTitBox .tabMenuWrapTit span.ani_b { animation-name : ani_b; } .boardTitBox .tabMenuWrapTit span.ani_c { animation-name : ani_c; } .boardTitBox .tabMenuWrapTit span.ani_d { animation-name : ani_d; } @keyframes ani_1 { 0% { color : #F7F7F7; } 16% { color : #EEEFEF; } 33% { color : #E5E6E6; } 50% { color : #DCDCDD; } 66% { color : #E5E6E6; } 83% { color : #EEEFEF; } 100% { color : #F7F7F7; } } @keyframes ani_2 { 0% { color : #EEEFEF; } 16% { color : #E5E6E6; } 33% { color : #DCDCDD; } 50% { color : #E5E6E6; } 66% { color : #EEEFEF; } 83% { color : #F7F7F7; } 100% { color : #EEEFEF; } } @keyframes ani_3 { 0% { color : #E5E6E6; } 16% { color : #DCDCDD; } 33% { color : #E5E6E6; } 50% { color : #EEEFEF; } 66% { color : #F7F7F7; } 83% { color : #EEEFEF; } 100% { color : #E5E6E6; } } @keyframes ani_4 { 0% { color : #DCDCDD; } 16% { color : #E5E6E6; } 33% { color : #EEEFEF; } 50% { color : #F7F7F7; } 66% { color : #EEEFEF; } 83% { color : #E5E6E6; } 100% { color : #DCDCDD; } } @keyframes ani_5 { 0% { color : #E5E6E6; } 16% { color : #EEEFEF; } 33% { color : #F7F7F7; } 50% { color : #EEEFEF; } 66% { color : #E5E6E6; } 83% { color : #DCDCDD; } 100% { color : #E5E6E6; } } @keyframes ani_6 { 0% { color : #EEEFEF; } 16% { color : #F7F7F7; } 33% { color : #EEEFEF; } 50% { color : #E5E6E6; } 66% { color : #DCDCDD; } 83% { color : #E5E6E6; } 100% { color : #EEEFEF; } } @media (min-width:641px) and (max-width:1024px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #bo_cate_bed a { padding : 0.8em 0.5em;} .poster_performance .poster_performance_listWrap { grid-template-columns : repeat(3,32.3%);} .bbsPage .bbsWrap { margin : 130px 0 30px; gap : 0.5em;} .bbsPage .bbsWrap .boardTitBox { padding : 8% 0;} .bbsPage .bbsWrap .boardTitBox.special { padding : 8% 0;} .bbsPage .bbsWrap .boardTitBox .titBox { padding : 0 0 6.5%;} .bbsPage .bbsWrap .boardTitBox .titLine { margin : 2% auto;} .bbsPage .bbsWrap .boardTitBox .tit { font-size : clamp(34px,5.2vw,40px);} } @media (max-width:640px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 1단 배경 Fixed */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .bbsPage .bbsWrap { margin : 40px 0 25px; gap : 1em;} .bbsPage .bbsWrap .boardTitBox { padding : 10% 0;} .bbsPage .bbsWrap .boardTitBox.special { padding : 10% 0;} .bbsPage .bbsWrap .boardTitBox.special img { width : 70%; max-width : 600px; } .bbsPage .bbsWrap .boardTitBox .titBox img.logoImg { width : 50%; max-width : 60px;} .bbsPage .bbsWrap .boardTitBox .titBox { padding : 0 0 8%;} .bbsPage .bbsWrap .boardTitBox .titLine { height : 20px; margin : 4% auto;} .bbsPage .bbsWrap .boardTitBox .tit { font-size : calc(24px + 1vw);} .poster_performance .poster_performance_listWrap { grid-template-columns : repeat(2,49%); gap : clamp(23px,3vw,40px) 0; } #bo_cate_bed { display : none!important;} #bo_cate_bed_M { display : block;} .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .name { width : 100%; height : auto; font-size : calc(12px + 1vw); margin-top : 3px; font-weight : 400; color : #333; overflow : hidden; text-overflow : ellipsis; white-space : nowrap; display : inline-block; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .sell { font-size : calc(8px + 1vw); margin : 0; font-weight : 300; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .counsel { font-size : calc(10px + 1vw); font-weight : 400; margin-top : 5px; width : auto; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .sale { color : #333; font-weight : 400; font-size : calc(10px + 1vw); margin-top : 5px; } } /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* 김해 가구탑 viewPage */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .bbsPage.viewPage { padding : 0; } .bbsPage.viewPage .bbsWrap { padding : 0; } .posterBBS_View { width : 100%; height : auto; max-width : none; } .posterBBS_View .viewTopWrap { width : 100%; height : auto; display : inline-block; max-width : 1100px; margin-bottom : min(6vw,50px);} .posterBBS_View .viewTopWrap .topInnerWrap { width : 100%; height : auto; display : inline-flex; align-items : center; justify-content : center; } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap { width : 80%; height : auto; display : inline-flex; flex-direction : column; align-items : center; padding : 0 3%; max-width : 500px;} .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .bigThumnailWrap { width : 100%; height : auto; position : relative; padding-top : 100%; margin-bottom : 2%; box-shadow : 0px 0px 0px 1px #ddd; } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .bigThumnailWrap .bigThumbnail { width : 100%; height : 100%; position : absolute; top : 0; left : 0; pointer-events : none; } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .bigThumnailWrap img { width : 100%; height : 100%; object-fit : cover; position : absolute; top : 0; left : 0; } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .smallThumnailWrap { width : 80%; height : auto; } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .smallThumnailWrap .smallThumbnail { width : 100%; height : auto; } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .smallThumnailWrap#small_grid .smallThumbnail .swiper-wrapper { display: grid; grid-template-columns: repeat(auto-fit, minmax(calc(calc(100% - 2.1em) / 4), calc(calc(100% - 2.1em) / 4))); gap: 0.7em; justify-content: center; padding : 1px 0;} .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .smallThumnailWrap#small_grid .smallThumbnail .swiper-wrapper .swiper-slide { width : 100% !important;} .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .smallThumnailWrap img { width : 100%; height : 100%; object-fit : cover; cursor : pointer; transition : .3s; aspect-ratio : 1 / 1; box-shadow : 0px 0px 0px 1px #ddd;} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap { width : 50%; height : 100%; display : inline-flex; flex-direction : column; align-items : flex-start; padding : 0 3%; margin-bottom : 8%; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .percentMark { width : auto; height : auto; background : #323232; display : inline-block; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .percentMark p { font-size : clamp(16px,1.5vw,18px); color : #fff; font-weight : 500; line-height : 1em; padding : 0.6em 1.2em;} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo { width : 100%; height : auto; display : flex; flex-direction : column; align-items : flex-start; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .name { font-size : clamp(20px,2vw,28px); color : #323232; font-weight : 500; line-height : 1.5em; margin : 0.8em 0 0.3em 0; text-align : left; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .priceWrap { width : auto; height : auto; display : inline-flex; justify-content : flex-start; align-items : center; font-size : clamp(28px,2.7vw,33px); } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .priceWrap.margin { margin-bottom : 0.4em; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .priceWrap .priceName { width : 8em; font-size : clamp(15px,1.5vw,18px); color : #323232; line-height : 1em; font-weight : 500; text-align : left; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .priceWrap .value { font-size : clamp(15px,1.5vw,18px); color : #323232; line-height : 1em; font-weight : 500;} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .priceWrap .value.A { color : #9f9fa0; text-decoration : line-through; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .priceWrap .special_text { margin-bottom : 0.7em; color : #999; font-size : clamp(13px,1.3vw,18px);} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .noticeWrap { width : 100%; height : auto; display : inline-flex; align-items : flex-start; flex-direction : column; font-size : clamp(28px,2.7vw,33px); margin : 0.8em 0; background : #e5e5e5; padding : 0.4em 1em 0.4em 0.8em; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .noticeWrap p { font-size : clamp(13px,1.3vw,16px); color : #656666; word-break : keep-all; text-align : left; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .noticeWrap .linkWrap { width : auto; height : auto; display : inline-flex; align-items : center; font-size : clamp(14px,1.3vw,16px); margin : 0.2em 0;} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .noticeWrap .linkWrap a { font-size : 13px; color : #fff; display : inline-block; line-height : 1em; padding : 0.4em 0.8em; margin-left : 1em; background : #656666; transition : .2s; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .noticeWrap .linkWrap a:hover { background : #4374D9; color : #fff; transition : .2s; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .VRLInk { font-size : clamp(16px,1.5vw,18px); line-height : 1em; display : inline-block; color : #fff; background : #9f9fa0; border : 1px solid #9f9fa0; padding : 0.6em 1.2em; transition : .3s; } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .VRLInk:hover { color : #fff; background : #4374D9; transition : .3s; } .posterBBS_View .specialProductWrap { width : 100%; height : auto; background : #e5e5e5; padding : 3%; display : flex; flex-direction : column; align-items : center; margin : clamp(30px, 8%, 80px) 0;} .posterBBS_View .specialProductWrap .titBox { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; font-size : clamp(31px,3vw,35px); margin-bottom : 1em; flex-direction : column; font-family : "Gmarket Sans"; } .posterBBS_View .specialProductWrap .titBox img { width : clamp(70px,8vw,90px); height : auto;} .posterBBS_View .specialProductWrap .titBox .engTit { font-size : clamp(21px,2vw,25px); color : #313075; font-weight : 500; line-height : 1em; margin : 0.5em 0; font-family : "Gmarket Sans";} .posterBBS_View .specialProductWrap .titBox .tit { font-size : inherit; color : #E76846; font-weight : 700; line-height : 1em; font-family : "Gmarket Sans"; } .posterBBS_View .specialProductWrap .listWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : space-between; max-width : 1400px; } .posterBBS_View .specialProductWrap .listWrap .listBox { width : calc(90% / 4); height : auto; } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox { width : 100%; height : auto; position : relative; padding-top : 70%; overflow : hidden; box-shadow : 3px 3px 5px #aaa; } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox img { width : 100%; height : 100%; position : absolute; object-fit : cover; top : 0; left : 0; transition : 0.6s; } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox:hover img { transition : 1.6s; transform : scale(1.15); } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox .sale_per { position : absolute; right : 0; top : 0; color : #fff; padding : 8px 15px; border-bottom-left-radius : 10px; background : #9f2626; overflow : hidden; display : flex; flex-direction : column; line-height : 1em; font-size : clamp(14px,1.3vw,16px);} .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox .sale_per:after { content : ''; width : 20px; height : 290px; left : -40%; bottom : 0%; transition : 0.3s; position : absolute; background-color : #fff; transform : rotate(45deg); animation-name: qnabackLink_ani; animation-duration: 4s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: both; animation-iteration-count: infinite; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); } @keyframes qnabackLink_ani { 0% { left : -100px; bottom : 0; } 70% { left : 200px; bottom : -220px; } 100% { left : 200px; bottom : -220px; } } .posterBBS_View .specialProductWrap .listWrap .listBox .name { width : 100%; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; line-height : 2.5em; color : #666; font-size : clamp(10px, 2vw, 16px); } .special_bannerWrap { width : 100%; height : auto; font-size : clamp(33px,3.2vw,37px); margin : clamp(30px, 8%, 80px) 0 clamp(20px, 5%, 50px); text-align : center; background-color : #B4B5B5; display : flex; flex-direction : column; align-items : center; justify-content : center;} .special_bannerWrap .specialLine { width : 100%; height : auto;} .special_bannerWrap .innerWrap { width : 90%; height : auto; display : inline-flex; align-items : center; justify-content : center; flex-direction : column; font-size : inherit; margin : 1.7em 0; } .special_bannerWrap .tit { font-size : inherit; font-weight : 400; line-height : 1em; color : #221814; word-break : keep-all;} .special_bannerWrap .innerWrap .tit.name { font-weight : 700; line-height : 1em; color : #221814;} .special_bannerWrap .innerWrap .centerWrap { width : 100%; height : auto; display : flex; align-items : center; justify-content : center; margin : 0.3em 0; } .special_bannerWrap .innerWrap .centerWrap .line { width : auto; height : 1px; background : #545454; margin : 0; flex-grow : 1;} .special_bannerWrap .innerWrap .centerWrap .imgWrap { width : auto; height : auto; max-width : 530px; margin : 0 clamp(20px,2vw,30px); flex-grow : 2; padding : 0.3em; background : #23191599; font-size : inherit; display : flex; align-items : center;} .special_bannerWrap .innerWrap .centerWrap .imgWrap img { width : 100%; height : auto;} /* A A A : A : A : A : */ .posterBBS_View .lineTit { width : 91%; display : inline-block; } .posterBBS_View .lineTit p { font-size : clamp(31px,3vw,35px); line-height : 1em; font-family : "Gmarket Sans";} .posterBBS_View .lineTit p.name { color : #313075; margin : 0.5em 0;} .posterBBS_View .lineTit p.engTit { color : #767677; font-weight : 700; margin-bottom : 0.5em; word-break : keep-all;} .posterBBS_View .lineTit .underLine { width : 100%; height : 1px; background : #B4B5B5; } .posterBBS_View .gapBox { font-size : clamp(37px,3.6vw,42px); margin : 3em 0;} .posterBBS_View .gapBox.B { font-size : clamp(37px,3.6vw,42px); padding : 0.5em 0; margin : 0; display : none; } .posterBBS_View .gapBox.C { font-size : clamp(37px,3.6vw,42px); padding : 0.8em 0; margin : 0;} .posterBBS_View .contentsWrap { width : 91%; height : auto; background : #f7f7f7; display : inline-flex; align-items : center; justify-content : center; flex-direction : column; padding : min(4.5vw,50px) 0;} .posterBBS_View .contentsWrap .contentInner { width : 100%; max-width : 900px; display : flex; flex-direction : column; align-items : center; justify-content : center;} .posterBBS_View .contentsWrap img { width : 100%; height : auto; } .posterBBS_View .VRWrap { width : 100%; height : auto; } .posterBBS_View .VRWrap .VRcontrolBtn { width : auto; height : auto; display : inline-block; font-size : clamp(37px,3.6vw,42px); background : #c9c9ca; margin : 0.5em 0; color : #000; cursor : pointer; transition : .3s; } .posterBBS_View .VRWrap .VRcontrolBtn.on { background : #4374D9; color : #fff; transition : .3s; } .posterBBS_View .VRWrap .VRcontrolBtn p { font-size : clamp(15px,2.4vw,19px); line-height : 1em; padding : 0.6em 1.8em; color : inherit; } .posterBBS_View .VRWrap .VRFrameWrap { width : 91%; height : auto; position : relative; padding-top : 30%; max-width : 1400px; margin : 0 auto; z-index : -1; } .posterBBS_View .VRWrap .VRFrameWrap.on { z-index : 1; } .posterBBS_View .VRWrap .VRFrameWrap .viewPage_Iframe { width : 100%; height : 100%; position : absolute; top : 0; left : 0;} .posterBBS_View .mapWrap { width : 91%; height : auto; position : relative; padding-top : 30%; max-width : 1400px; margin : 0 auto; font-size : clamp(37px,3.6vw,42px); margin-top : 0.5em; } .posterBBS_View .mapWrap #viewMap { width : 100%; height : 100%; position : absolute; top : 0; left : 0;} .bbsPage .bottom_button_menu.center { justify-content : center;} .bbsPage .bottom_button_menu.center.margin { margin-top : clamp(15px,2.3vw,18px);} .bottom_button_menu .list_button.list_button_view { width : auto; display : inline-flex; align-items : center; margin : clamp(15px,2.4vw,20px) 0; padding : 0.6em 2em;} .bottom_button_menu .list_button.list_button_view svg { margin-right : 0.3em;} .bottom_button_menu .list_button { transition : .3s;} .bottom_button_menu .list_button:hover { background : #4374D9; transition : .3s;} .select-box.select-active ul a.active, .select-box.select-active ul a.active:hover { background : #4374D9;} .select-box.select-active ul a:hover { background : #7899df;} @media (min-width:641px) and (max-width:1024px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* view Page */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo .name { margin : 1.7vw 0;} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .noticeWrap { margin : 2.4vw 0;} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap { width : 50%; height : 100%; display : inline-flex; flex-direction : column; align-items : flex-start; padding : 0 3%; margin-bottom : 0%; } .posterBBS_View .lineTit p, .posterBBS_View .contentsWrap, .posterBBS_View .VRWrap .VRcontrolBtn { font-size : clamp(32px,4.9vw,37px);} .posterBBS_View .VRWrap .VRFrameWrap { padding-top : 45%;} .posterBBS_View .mapWrap { padding-top : 45%; font-size : clamp(32px,4.9vw,37px);} .special_bannerWrap { font-size : clamp(25px,3.9vw,33px);} .special_bannerWrap .innerWrap { width : 95%; margin : 1.3em 0;} .special_bannerWrap .innerWrap .centerWrap .imgWrap { width : 20%;} } @media (max-width:750px) { .posterBBS_View .specialProductWrap .titBox { margin-top : 20px; } .posterBBS_View .specialProductWrap .listWrap .listBox { width : calc(95% / 2); } .posterBBS_View .specialProductWrap .listWrap .listBox.box_3 ,.posterBBS_View .specialProductWrap .listWrap .listBox.box_4 { display : none; } .posterBBS_View .specialProductWrap .listWrap { justify-content : space-evenly; flex-wrap : wrap; margin-bottom : 4vw; } } @media (max-width:640px) { /* **************************************************************************************************************************************************************************** */ /* */ /* */ /* view Page */ /* */ /* */ /* **************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .bbsPage { margin-top : 65px;} .posterBBS_View .viewTopWrap .topInnerWrap { flex-direction : column; } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap { width : 90%; max-width : 500px; margin-top : clamp(30px, 5%, 50px); } .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap { width : 100%; max-width : 500px; margin-top : clamp(30px, 5%, 50px); align-items : center; padding : clamp(20px, 9%, 50px) 5%; margin-bottom : 0; background: rgb(249,249,249); background: -moz-linear-gradient(-45deg, rgba(249,249,249,1) 0%, rgba(229,229,229,1) 100%); background: -webkit-linear-gradient(-45deg, rgba(249,249,249,1) 0%,rgba(229,229,229,1) 100%); background: linear-gradient(135deg, rgba(249,249,249,1) 0%,rgba(229,229,229,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e5e5e5',GradientType=1 ); } .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .smallThumnailWrap { width : 100%;} .posterBBS_View .viewTopWrap .topInnerWrap .thumbnailWrap .smallThumnailWrap#small_grid .smallThumbnail .swiper-wrapper {grid-template-columns: repeat(auto-fit, minmax(calc(calc(100% - 1.5em) / 4), calc(calc(100% - 1.5em) / 4))); gap: 0.5em;} .posterBBS_View .viewTopWrap .topInnerWrap .infoWrap .productInfo { align-items : center; } .posterBBS_View .specialProductWrap { padding : clamp(20px, 5%, 50px); margin : clamp(10px, 3%, 50px) 0 clamp(40px, 10%, 80px) 0; padding-bottom : clamp(20px, 10%, 50px); background : unset; border-bottom : 5px solid #e5e5e5; } .posterBBS_View .specialProductWrap .titBox { flex-direction : column; margin-bottom : 0.6em; font-size : calc(20px + 1vw); } .posterBBS_View .specialProductWrap .titBox .engTit { font-size : calc(14px + 1vw);} .posterBBS_View .specialProductWrap .titBox .tit { font-size : calc(20px + 1vw);} .posterBBS_View .specialProductWrap .listWrap { justify-content : space-evenly; flex-wrap : wrap; margin-bottom : 4vw; } .posterBBS_View .specialProductWrap .listWrap .listBox { width : calc(100% / 2); padding : 0 1.5vw; } .posterBBS_View .lineTit img { width : 10%; max-width : 35px;} .posterBBS_View .lineTit p { font-size : calc(16px + 1vw);} .posterBBS_View .specialProductWrap .listWrap .listBox .name ,.posterBBS_View .specialProductWrap .listWrap .listBox .price ,.posterBBS_View .specialProductWrap .listWrap .listBox .sale { display : none; } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox { margin-top : 3vw; } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox .sale_per { padding : 5px 15px; background : #9f2626; position : absolute; overflow : hidden; left : 0; top : 0; color : #fff; border-bottom-right-radius : 10px; } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox .sale_per:after { content : ''; width : 20px; height : 290px; left : -40%; bottom : 0%; transition : 0.3s; position : absolute; background-color : #fff; transform : rotate(45deg); animation-name: qnabackLink_ani; animation-duration: 4s; animation-delay: 0s; animation-timing-function: linear; animation-fill-mode: both; animation-iteration-count: infinite; background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.7) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.7) 50%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); } .posterBBS_View .contentsWrap, .posterBBS_View .VRWrap .VRcontrolBtn { font-size : 5.7vw;} .posterBBS_View .VRWrap .VRFrameWrap { padding-top : 90vw;} .posterBBS_View .mapWrap { padding-top : 90vw; font-size : 5.5vw;} .posterBBS_View .VRWrap .VRcontrolBtn { margin : 0.8em 0;} .posterBBS_View .VRWrap .VRcontrolBtn p { font-size : 14px; padding : 0.5em 1em;} .special_bannerWrap { font-size : calc(18px + 1vw);} .special_bannerWrap .innerWrap { width : 80%; margin : 1.3em 0 1.1em;} .special_bannerWrap .innerWrap .centerWrap .imgWrap { width : 40%; margin : 0 0.3em; max-width : 250px;} .special_bannerWrap .innerWrap .centerWrap .line { display : none;} .special_bannerWrap .innerWrap .tit { line-height : 1.2em;} .posterBBS_View .gapBox.B { display : block;} } @media (max-width:370px) { .posterBBS_View .specialProductWrap .listWrap { margin-bottom : 5vw; } .posterBBS_View .specialProductWrap .listWrap .listBox { width : 100%; } .posterBBS_View .specialProductWrap .listWrap .listBox .imgBox { margin-top : 8vw; } .posterBBS_View .specialProductWrap .listWrap .listBox.box_3 ,.posterBBS_View .specialProductWrap .listWrap .listBox.box_4 { display : none; } .posterBBS_View .VRWrap .VRFrameWrap { padding-top : 110vw;} .posterBBS_View .mapWrap { padding-top : 110vw; font-size : 5.5vw;} } #pagingWrap { width : 100%; height : auto; display : flex !important; align-items : center; justify-content : center; font-size : min(1.6vw,20px); } #pagingWrap .sound_only { display : none;} #pagingWrap .pagingBtn { width : 2em; height : 2em; margin : 0 0.2em; display : flex; align-items : center; justify-content : center; cursor : pointer; color : #999999; transition : .2s; font-size : max(14px,0.8em); border-radius : 50%; line-height : 1em; } #pagingWrap .pagingBtn.btns.on { background : #00b3ff; color : #fff; pointer-events : none;} #pagingWrap .pagingBtn:hover { background : #999; color : #fff; transition : .2s;} #pagingWrap .pagingBtn svg { pointer-events : none;} #pagingWrap .pagingBtn.first { margin : 0; margin-right : 0.2em; background : #fff; color : #999999; border-radius : 0;} #pagingWrap .pagingBtn.before { margin-left : 0; color : #999999; border-radius : 0; background : #fff; margin-right : 0.4em;} #pagingWrap .pagingBtn.last { margin : 0; margin-left : 0.2em; background : #fff; color : #999999; border-radius : 0; } #pagingWrap .pagingBtn.first:hover, #pagingWrap .pagingBtn.last:hover { background : #999999; color : #fff;} #pagingWrap .pagingBtn.next { margin-right : 0; background : #fff; color : #999; border-radius : 0; margin-left : 0.4em;} #pagingWrap .pagingBtn.before:hover, #pagingWrap .pagingBtn.next:hover { background : #999; color : #fff;} #pagingWrap .pagingBtn.first svg, #pagingWrap .pagingBtn.before svg, #pagingWrap .pagingBtn.next svg, #pagingWrap .pagingBtn.last svg { font-size : 0.8em; }