@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; } /* CSS reset */ /* A A A A A A */ html ,body ,div ,span ,applet ,object ,iframe ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,blockquote ,pre ,abbr ,acronym ,address ,big ,cite ,code ,del ,dfn ,em ,font ,img ,ins ,kbd ,q ,s ,samp ,small ,strike ,strong ,sub ,sup ,tt ,var ,b ,u ,i ,center ,dl ,dt ,dd ,ol ,ul ,li ,fieldset ,form ,label ,legend ,table , aption ,tbody ,foot ,thead ,tr ,th ,td { margin : 0; padding : 0; border : 0; vertical-align : baseline; background : transparent; list-style : none; line-height : 1.5; font-family: 'Noto Sans KR'; -webkit-text-size-adjust : none; } em ,address { font-style : normal; } hr { display : none; } body { line-height : 1; word-break : break-all; } ol ,ul { list-style : none; } blockquote ,q { quotes : none; } blockquote:before ,blockquote:after , q:before , q:after { content : ''; content : none; } ins { text-decoration : none; } del { text-decoration : line-through; } /*table{width:100%;border-collapse:collapse;border-spacing:0;table-layout:fixed;word-break:break-all;}*/ /* A A A A A A */ table { width : 100%; border-collapse : collapse; border-spacing : 0; word-break : break-all; } table th ,table td { vertical-align : middle; } fieldset { margin : 0; padding : 0; border : 0 none; } legend ,caption ,.skip { position : absolute; left : -9999px; width : 0; height : 0; font-size : 0; line-height : 0; overflow : hidden; } caption { position : static; } html ,body ,input ,button { font-size : 12px; color : #000; } a { color : #000; text-decoration : none !important; } a:hover { text-decoration : none !important; } a:after { text-decoration : none !important; } a:before { text-decoration : none !important; } img ,input { vertical-align : top; } label { vertical-align : middle; font-size : 14px; } select { height : 24px; margin : 0; border : 1px solid #DCDCDC; padding : 0; font-size : 13px; vertical-align : middle; color : #000; } input { outline-style : none; } textarea { color : #000; font-size : 13px; line-height : 18px; padding : 5px; overflow-y : auto; resize : none; border : 1px solid #DCDCDC; } div { font-size : 12px; line-height : 1.5; } /* html5 reset */ /* A A A A A A */ header ,footer ,section ,article ,aside ,nav ,hgroup ,details ,menu ,figure ,figcaption ,canvas { display : block; margin : 0; padding : 0; border : 0; font-size : 100%; font : inherit; vertical-align : baseline; } /* ******************************************************************************************************************************************************************************** */ /* 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 : */ .Intro_Basic .Wrap { max-width : 1300px; } .poster_performance { width : 100%; height : auto; display : inline-block; text-align : center; margin-top : 40px; min-height : 350px; } /* board navi */ .poster_performance .board_nav { width : 100%; height : auto; } .poster_performance .board_nav .board_navWrap { width : 100%; height : auto; } .poster_performance .board_nav .board_navWrap ul { width : 100%; height : auto; display : flex; } .poster_performance .board_nav .board_navWrap ul li { margin-right : clamp(5px, 2%, 15px); } .poster_performance .board_nav .board_navWrap ul li a { padding : 5px 20px; border-radius : 20px; background-color : #f0eeee; transition : 0.4s ease-in-out; font-size : clamp(13px, 2vw ,18px); } .poster_performance .board_nav .board_navWrap ul li a:hover { background-color : #45624C; color : #fff; transition : 0.4s ease-in-out; } .poster_performance .board_nav .board_navWrap ul li a.on { background-color : #45624C; color : #fff; } @media(max-width:640px){ .poster_performance .board_nav .board_navWrap ul { margin-top : calc(20px + 0.2vw); } } /* board Title */ .poster_performance .board_titleWrap { width : 100%; height : auto; margin-top : clamp(20px, 5%, 40px); } .poster_performance .board_titleWrap .board_title { font-size : clamp(19px, 3vw, 34px); font-weight : 600; color : #333; } .poster_performance .board_titleWrap .board_subtitle { font-size : clamp(13px, 2vw, 16px); font-weight : 300; margin-top : clamp(3px, 1vw, 5px); } .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 : 100%; overflow : hidden; width : 100%; text-align : center; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_ImageWrap .thumnail img { position : absolute; top : 50%; left : 50%; right : 0; bottom : 0; max-width : 200%; height : 100%; transform : translate(-50%,-50%); 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 : translate(-50%,-50%) scale(1.2); transition : all ease-in-out 1.4s; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap { width : 100%; 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.3em; margin-top : 5px; text-overflow : ellipsis; overflow : hidden; white-space : nowrap; padding-top : 0px; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a p.title { font-size : clamp(15px, 3.5vw, 22px); font-weight : 400; color : #333; line-height : 1.5em; margin-top : 0; width : 100%; -webkit-line-clamp : 2; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a p.subtitle { font-size : clamp(11px, 2vw, 15px); font-weight : 300; color : #999; line-height : 1.3em; margin-top : 0; } /* view price info */ .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .view_priceinfo { width : 100%; height : auto; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .view_priceinfo .priceWrap { width : 100%; height : auto; display : flex; flex-direction : row; justify-content : space-between; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .view_priceinfo .priceWrap .tt { font-size : clamp(13px, 2vw, 17px); color : #666; font-weight : 300; } .poster_performance .poster_performance_listWrap .poster_performance_list .List_TextWrap a .view_priceinfo .priceWrap .tt_strong { font-size : clamp(13px, 2vw, 17px); color : #980000; font-weight : 400; } .poster_performance_admin_chk { position : absolute; right : 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(10px, 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 : #9F0C3D; 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; } #fboardlist { margin-top : clamp(15px, 3vw, 40px); } .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; } /* ******************************************************************************************************************************************************************************** */ /* gallery_event View page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .margin_adj { width : 100%; height : auto; display : inline-block; margin-top : 240px; } .posterBBS_View { width : 100%; height : auto; display : inline-block; text-align : center; } /* product shopping */ .product_shopping { width : 100%; height : auto; } .product_shopping .product_infoWrap { width : 100%; height : auto; display : flex; justify-content : center; align-items : center; } /* thumbnail img */ .product_shopping .product_infoWrap .imgWrap { width : 50%; height : auto; padding : 0 2%; text-align : left; } .product_shopping .product_infoWrap .imgWrap img { width : 100%; height : auto; } /* product info */ .product_shopping .product_infoWrap .infoWrap { width : 50%; height : auto; padding : 0 2%; text-align : left; } .product_shopping .product_infoWrap .infoWrap .titleText { font-size : clamp(20px, 3vw, 35px); color : #333; font-weight : 400; } .product_shopping .product_infoWrap .infoWrap img.priceImg { width : 100%; height : auto; margin-top : 1vw; } .product_shopping .product_infoWrap .infoWrap p.price { border : 1px solid #d5d5d5; margin-top : 1vw; font-size : clamp(13px, 1.3vw, 17px); text-align : center; color : #666; padding : 2% 5%; font-weight : 400; } .product_shopping .product_infoWrap .infoWrap p.subText { padding-left : 15px; font-weight : 300; color : #444; font-size : clamp(11px, 1vw, 14px); position : relative; margin-top : 3px; } .product_shopping .product_infoWrap .infoWrap p.subText:before { content : '※'; font-size : clamp(10px, 1.1vw, 14px); font-weight : 300; position : absolute; left : 0; top : 0; color : #444; } .product_shopping .product_infoWrap .infoWrap .eventWrap { width : 100%; height : auto; background-color : #ececec; display : flex; flex-direction : column; align-items : center; padding : clamp(8px, 1.2vw, 16px); margin-top : 1vw; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventTitle { text-align : center; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventTitle .nomalText { font-size : clamp(14px, 1.5vw, 19px); font-weight : 400; color : #333; letter-spacing : -0.06em; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventTitle .strongText { font-size : clamp(14px, 1.5vw, 19px); font-weight : 400; color : #980000; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventText { font-size : clamp(10px, 1.1vw, 14px); font-weight : 300; color : #333333d4; } .product_shopping .product_infoWrap .infoWrap .estimate_herf { font-size : clamp(16px, 2vw, 22px); color : #fff; background-color : #CD957F; font-weight : 400; padding : 8px 3vw; margin-top : 1vw; display : inline-block; border-radius : 10px; transition : 0.4s; } .product_shopping .product_infoWrap .infoWrap .estimate_herf:hover { background-color : #734431; transition : 0.4s; } /* product shopping END */ .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 : 'Noto Sans KR'; 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 : 100%; height : auto; display : inline-block; padding : 10px 0; text-align : center; border-top : 10px solid #f7f7f7;margin-top : clamp(20px, 4vw, 70px); } .posterBBS_View .posterBBS_View_ContentsWrap .Performance_Contents .ContentsWrap img { width : 100%; height : auto; } .Button_wrap { width : 90%; height: auto; margin-top : 20px; display:inline-block;} @media (max-width:1024px) and (min-width:751px) { /* ******************************************************************************************************************************************************************************** */ /* gallery_event List Page */ /* ******************************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ .margin_adj { margin-top : 155px; } .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 img { width : 100%; } .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 : */ .margin_adj { margin-top : 155px; } .Intro_Basic ,.Intro_Basic .Wrap { margin-top : clamp(0px, 1vw, 50px); } .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 .board_titleWrap .board_title { font-weight : 500; } .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 : 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; 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 : */ /* product shopping */ .product_shopping { width : 100%; height : auto; } .product_shopping .product_infoWrap { flex-direction : column; } /* thumbnail img */ .product_shopping .product_infoWrap .imgWrap { width : 100%; text-align : center; } .product_shopping .product_infoWrap .imgWrap img { max-width : 480px; } /* product info */ .product_shopping .product_infoWrap .infoWrap { width : 100%; height : auto; text-align : center; margin-top : 25px; padding : 0 1%; } .product_shopping .product_infoWrap .infoWrap .titleText { font-size : clamp(20px, 4vw, 35px); } .product_shopping .product_infoWrap .infoWrap img.priceImg { margin-top : 20px; margin-bottom : 5px; } .product_shopping .product_infoWrap .infoWrap p.price { border : 1px solid #d5d5d5; margin-top : 10px; } .product_shopping .product_infoWrap .infoWrap p.subText { padding-left : 10px; text-align : left; margin-top : 2px; font-size : clamp(12px, 1.1vw, 14px); } .product_shopping .product_infoWrap .infoWrap p.subText:before { content : '※'; font-size : clamp(10px, 1.1vw, 14px); font-weight : 300; position : absolute; left : 0; top : 0; color : #444; } .product_shopping .product_infoWrap .infoWrap .eventWrap { margin-top : 10px; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventTitle { text-align : center; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventTitle .nomalText { font-size : clamp(12px, 3vw, 22px); font-weight : 400; color : #333; letter-spacing : -0.06em; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventTitle .strongText { font-size : clamp(14px, 3vw, 22px); font-weight : 400; color : #980000; } .product_shopping .product_infoWrap .infoWrap .eventWrap .eventText { font-size : clamp(10px, 2vw, 16px); letter-spacing : -0.05em; } .product_shopping .product_infoWrap .infoWrap .estimate_herf { margin-top : 10px; } .product_shopping .product_infoWrap .infoWrap .estimate_herf:hover { background-color : #734431; transition : 0.4s; } /* product shopping END */ .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 : 0px; } .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; } } @media (max-width:640px) { .margin_adj { margin-top : 0; } } /* 게시판 기본 설정 */ #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 h2 {position:absolute;font-size:0;line-height:0;overflow:hidden;} #bo_cate ul {margin-bottom:10px;padding-left:1px;zoom:1;font-size:12px;list-style:none} #bo_cate ul:after {display:block;visibility:hidden;clear:both;content:""} #bo_cate li {float:left;margin-top:-1px;} #bo_cate 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 a:focus, #bo_cate a:hover, #bo_cate a:active {text-decoration:none} #bo_cate #bo_cate_on {z-index:2;border:1px solid #0e8185;background:#0e8185;color:#fff;font-weight:700} #bo_cate 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 */ }