/* ******************************************************************************************************************************************************************** */ /* */ /* */ /* 게시란 1x3 템플릿 */ /* */ /* */ /* ******************************************************************************************************************************************************************** */ /* A A A : A : A : A : */ #Boardx2_Simple { width : 100%; height : auto; display : block; text-align : center; } #Boardx2_Simple .background_bg { width : 100%; height : auto; background-color : #f7f7f7; padding : 110px 0px 195px; } #Boardx2_Simple .background_bg .titleFont_top { font-size : 23px; font-weight : 600; color : #C9C9CA; } #Boardx2_Simple .background_bg .titleFont_bottom { font-size : 46px; font-weight : 600; color : #333; } #Boardx2_Simple .Boardx2_Wrap { width : 95%; height : auto; display : inline-block; max-width : 1160px; margin-top : -155px; margin-bottom : 110px; } #Boardx2_Simple .Boardx2_Wrap .TableWrap { width : 100%; height : auto; display : table; table-layout : fixed; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_Blank { width : 3%; height : auto; display : table-cell; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One ,#Boardx2_Simple .Boardx2_Wrap .Boardx2_Two { width : 48.5%; display : table-cell; vertical-align : top; box-shadow : 0px 0px 15px #d5d5d5; text-align : left; padding : 30px 40px; background-color : #fff; position : relative; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top { width : 100%; height : auto; display : inline-block; position : relative; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TitleFont { font-size : 22px; font-weight : 600; color : #333; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TitleFont img { width : 27px; height : auto; margin-top : 8px; margin-right : 10px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_LeftMore { width : 30px; height : 30px; border : 2px solid #86CAB5; position : absolute; right : 0px; top : 5px; text-align : center; transition : all ease-in-out 0.2s; -o-transition : all ease-in-out 0.2s; -ms-transition : all ease-in-out 0.2s; -moz-transition : all ease-in-out 0.2s; -webkit-transition : all ease-in-out 0.2s; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_LeftMore a { width : 100%; height : auto; padding : 0px; font-size : 19px; color : #86CAB5; display : inline-block; text-align : center; line-height : 1.3em; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_LeftMore img { width : 100%; height : auto; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_LeftMore:hover { background-color : #86CAB5; transition : all ease-in-out 0.5s; -o-transition : all ease-in-out 0.5s; -ms-transition : all ease-in-out 0.5s; -moz-transition : all ease-in-out 0.5s; -webkit-transition : all ease-in-out 0.5s; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_LeftMore:hover a { color : #fff; transition : all ease-in-out 0.5s; -o-transition : all ease-in-out 0.5s; -ms-transition : all ease-in-out 0.5s; -moz-transition : all ease-in-out 0.5s; -webkit-transition : all ease-in-out 0.5s; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TopFont { width : 100%; font-size : 15px; margin-top : 7px; font-weight : 300; color : #8C8C8C; border-bottom : 2px solid #EEEFEF;} #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom { width : 100%; height : auto; display : inline-block; padding : 15px 0px 0 0; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title { width : 95%; height : auto; display : inline-block; position : relative; margin-left : 2.5%; padding : 1px 0; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title:last-child { border-bottom : 0px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p a { font-size : 16px; font-weight : 400; color : #666; overflow : hidden; white-space : nowrap; text-overflow : ellipsis; width : 70%; display : inline-block; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p a:hover { color : #86CAB5; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p span { font-size : 16px; font-weight : 400; color : #999; display : inline-block; position : absolute; right : 0; top : 2px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Descript { width : 100%; height : auto; display : inline-block; margin-top : 3px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Descript p { font-size : 13px; font-weight : 300; color : #8C8C8C; } @media (min-width:641px) and (max-width:1024px) { #Boardx2_Simple .background_bg { padding : 60px 0 180px; } #Boardx2_Simple .background_bg .titleFont_top { font-size : calc(6px + 1.4vw); } #Boardx2_Simple .background_bg .titleFont_bottom { font-size : calc(17px + 1.9vw); } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One ,#Boardx2_Simple .Boardx2_Wrap .Boardx2_Two { padding-bottom : 10px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One, #Boardx2_Simple .Boardx2_Wrap .Boardx2_Two { padding : 15px 20px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TitleFont { font-size : calc(10px + 1.4vw); } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TitleFont img { width : 22px; margin-top : 6px; margin-right : 6px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom { padding : 11px 0px 0px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title { padding : 0; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p { line-height : 1.7em; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p a { font-size : 14px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p span { font-size : 14px; top : 0; } } @media (max-width:640px) { #Boardx2_Simple .background_bg { padding : 40px 0 260px; } #Boardx2_Simple .background_bg .titleFont_top { font-size : calc(6px + 1.4vw); } #Boardx2_Simple .background_bg .titleFont_bottom { font-size : calc(17px + 1.9vw); } #Boardx2_Simple .Boardx2_Wrap { width : 88%; border : 0px; margin-bottom : 40px; margin-top : -240px; box-shadow : none; background-color : rgba(0,0,0,0); } #Boardx2_Simple .Boardx2_Wrap .TableWrap { display : block; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One { width : 100%; margin-left : 0; display : inline-block; padding : 20px 10px 9px 10px; margin-top : 0px; position : relative; border : 0px; box-shadow : 0px 0px 8px #d5d5d5; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One:first-child { margin-bottom : 20px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top { width : 100%; height : auto; display : inline-block; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TitleFont { text-align : center; position : relative; padding-top : 20px; font-size : calc(12px + 1.4vw); } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TitleFont img { position : absolute; left : 50%; top : -11px; transform : translate(-50%, 0); } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_LeftMore { width : 22px; height : 22px; right : 2px; top : -5px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_LeftMore a { font-size : 18px; line-height : 1em; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Top .Boardx2_TopFont { text-align : center; font-size : 13px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom { padding : 12px 5px 0 5px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title { padding : 0; margin-top : 0px; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p { line-height : 1.5em; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p a { font-size : 14px; width : 65%; } #Boardx2_Simple .Boardx2_Wrap .Boardx2_One .Boardx2_One_Bottom .Boardx2_One_Bottom_Title p span { font-size : 14px; top : 0; } }