@charset "utf-8";

/* 리스트 */
.tips_list_wrap ul{display:flex;flex-wrap:wrap;gap:40px;}
.tips_list_wrap ul li{width:calc(25% - 30px);}
.tips_list_wrap ul li a{display:flex;flex-direction:column;gap:30px;padding:30px;border:1px solid #e5e5e5;border-radius:10px;box-sizing:border-box;}
.tips_list_wrap ul li a span.img{overflow:hidden;display:block;width:120px;height:120px;border-radius:100%;margin:0 auto;background:#f5f5f5;text-indent:-9999px;}
.tips_list_wrap ul li a span.img img{display:block;width:100%;height:100%;object-fit:cover;}
.tips_list_wrap ul li a .info{display:flex;flex-direction:column;}
.tips_list_wrap ul li a .info .place{font-size:1.5rem;font-weight:600;color:#008837;}
.tips_list_wrap ul li a .info .name{font-size:1.9rem;font-weight:700;}
.tips_list_wrap ul li a .info .univ{margin-top:10px;font-size:1.5rem;color:#555;}

/* 뷰 */
.tips_view_wrap{margin-bottom:30px;padding-bottom:50px;border-bottom:1px solid #e5e5e5;}
.tips_view_wrap .subject{margin-bottom:20px;}
.tips_view_wrap .subject .place{font-size:1.9rem;font-weight:600;color:#008837;}
.tips_view_wrap .subject .name{font-size:3.2rem;font-weight:700;}
.tips_view_wrap .info_header{display:flex;gap:50px;margin-bottom:40px;padding:30px 50px;background:#f9f9f9;}
.tips_view_wrap .info_header span.img{flex-shrink:0;overflow:hidden;display:block;width:120px;height:120px;border-radius:100%;background:#fff;text-indent:-9999px;}
.tips_view_wrap .info_header span.img img{display:block;width:100%;height:100%;object-fit:cover;}
.tips_view_wrap .info_header .info{display:flex;flex-wrap:wrap;flex-grow:1;}
.tips_view_wrap .info_header .info dl{display:flex;align-items:center;gap:20px;width:50%;}
.tips_view_wrap .info_header .info dl dt{flex-shrink:0;width:200px;font-weight:700;}
.tips_view_wrap .info_header .info dl dt br{display:none;}
.tips_view_wrap .info_header .info dl dd{flex-grow:1;}
.tips_view_wrap .cont p:nth-child(n+2){margin-top:10px;}
.tips_view_wrap .place_img{margin-bottom:40px;text-align:center;font-size:0;line-height:0;}
.tips_view_wrap .place_img a{display:block;}
.tips_view_wrap .place_img img{max-width:850px;}
.tips_view_wrap .place_map{overflow:hidden;width:100%;margin-top:40px;background:#fff;}
.tips_view_wrap .place_map .adr{padding-top:20px;font-size:1.6rem;}
.tips_view_wrap #map{width:100%;height:450px;}
.tips_view_wrap .map-custom-overlay{background:#fff;border:1px solid #ddd;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;color:#333;box-shadow:0 2px 8px rgba(0,0,0,0.15);position:relative;white-space:nowrap;}

/* Write */
#board .table_bwrite table{width:100%;border-collapse:collapse;border-top:2px solid #222;}
#board .table_bwrite table caption{display:none;}
#board .table_bwrite tbody th{padding:10px 20px;border-bottom:1px solid #d5d5d5;border-right:1px solid #d5d5d5;background:#f9f9f9;font-size:1.5rem;color:#000;text-align:left;font-weight:700;}
#board .table_bwrite tbody th img{margin-right:3px;vertical-align:middle;}
#board .table_bwrite tbody td{padding:15px 10px;border-bottom:1px solid #d5d5d5;font-size:1.5rem;}
#board .table_bwrite tbody td input.subject{width:100%;}
#board .table_bwrite tbody td.content{margin:0;padding:5px 0;}
#board .table_bwrite tbody td span.text1{color:#888;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td span.eng{padding-left:0;color:#6a6a6a;font-size:1.4rem;font-weight:500;}
#board .table_bwrite tbody td ul.add_file_tip{margin-top:10px;}
#board .table_bwrite tbody td ul.add_file_tip li{font-size:1.3rem;line-height:1.5;font-weight:500;color:#DF0101}
#board .table_bwrite tbody td.filetable table{width:100%;border-collapse:collapse;border:none;border-top:1px solid #DEDEDE;}
#board .table_bwrite tbody td.filetable table th{padding:5px 0;border:none;border-right:1px solid #DEDEDE;background:#F6F6F6;color:#666;text-align:center;vertical-align:top;}
#board .table_bwrite tbody td.filetable table td{padding:5px 0 5px 10px;border:none;background:#fff;text-align:left;}


/********************태블릿********************/
@media all and (max-width:1024px){

/* 리스트 */
.tips_list_wrap ul{gap:20px;}
.tips_list_wrap ul li{width:calc(50% - 10px);}
.tips_list_wrap ul li a{flex-direction:row;align-items:center;gap:20px;height:100%;padding:20px;box-sizing:border-box;}
.tips_list_wrap ul li a span.img{flex-shrink:0;width:64px;height:64px;margin:0;}
.tips_list_wrap ul li a .info{flex-grow:1;width:100%;}
.tips_list_wrap ul li a .info .place{font-size:1.4rem;}
.tips_list_wrap ul li a .info .name{font-size:1.7rem;}
.tips_list_wrap ul li a .info .univ{font-size:1.4rem;}

/* 뷰 */
.tips_view_wrap .subject .place{font-size:1.7rem;}
.tips_view_wrap .subject .name{font-size:2.4rem;}
.tips_view_wrap .info_header{gap:30px;padding:30px;}
.tips_view_wrap .info_header span.img{width:64px;height:64px;}
.tips_view_wrap .info_header .info{gap:20px;}
.tips_view_wrap .info_header .info dl{width:calc(50% - 10px);gap:5px;flex-direction:column;font-size:1.5rem;}
.tips_view_wrap .info_header .info dl dt{flex:none;width:100%;}
.tips_view_wrap .info_header .info dl dt br{display:block;}
.tips_view_wrap .info_header .info dl dd{flex:none;width:100%;}
.tips_view_wrap .place_img img{max-width:100%;}

}

/********************모바일2********************/
@media all and (max-width:480px){

/* 리스트 */
.tips_list_wrap ul{gap:10px;}
.tips_list_wrap ul li{width:calc(50% - 5px);}
.tips_list_wrap ul li a{flex-direction:column;gap:10px;}
.tips_list_wrap ul li a .info{text-align:center;}
.tips_list_wrap ul li a .info .univ{margin-top:5px;}

/* 뷰 */
.tips_view_wrap .info_header{gap:20px;padding:20px;}
.tips_view_wrap .info_header span.img{width:48px;height:48px;}
.tips_view_wrap .info_header .info{flex-direction:column;gap:10px;}
.tips_view_wrap .info_header .info dl{flex-direction:row;justify-content:space-between;width:100%;}
.tips_view_wrap .info_header .info dl dt,
.tips_view_wrap .info_header .info dl dd{width:auto;}
.tips_view_wrap #map{height:300px;}

}

/********************웹********************/
@media all and (min-width:1025px) {

/* 리스트 */
.tips_list_wrap ul li a:hover{box-shadow:8px 10px 8px rgba(0,0,0,0.1);}
	
}